chore: 修改类别管理拖拽

.eslintrc-auto-import.json

+{
+  "globals": {
+    "$": true,
+    "$$": true,
+    "$computed": true,
+    "$customRef": true,
+    "$ref": true,
+    "$shallowRef": true,
+    "$toRef": true,
+    "EffectScope": true,
+    "asyncComputed": true,
+    "autoResetRef": true,
+    "computed": true,
+    "computedAsync": true,
+    "computedEager": true,
+    "computedInject": true,
+    "computedWithControl": true,
+    "controlledComputed": true,
+    "controlledRef": true,
+    "createApp": true,
+    "createEventHook": true,
+    "createGlobalState": true,
+    "createInjectionState": true,
+    "createReactiveFn": true,
+    "createSharedComposable": true,
+    "createUnrefFn": true,
+    "customRef": true,
+    "debouncedRef": true,
+    "debouncedWatch": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "eagerComputed": true,
+    "effectScope": true,
+    "extendRef": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "ignorableWatch": true,
+    "inject": true,
+    "isDefined": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "logicAnd": true,
+    "logicNot": true,
+    "logicOr": true,
+    "makeDestructurable": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onClickOutside": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onKeyStroke": true,
+    "onLongPress": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onStartTyping": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "pausableWatch": true,
+    "provide": true,
+    "reactify": true,
+    "reactifyObject": true,
+    "reactive": true,
+    "reactiveComputed": true,
+    "reactiveOmit": true,
+    "reactivePick": true,
+    "readonly": true,
+    "ref": true,
+    "refAutoReset": true,
+    "refDebounced": true,
+    "refDefault": true,
+    "refThrottled": true,
+    "refWithControl": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "syncRef": true,
+    "syncRefs": true,
+    "templateRef": true,
+    "throttledRef": true,
+    "throttledWatch": true,
+    "toRaw": true,
+    "toReactive": true,
+    "toRef": true,
+    "toRefs": true,
+    "triggerRef": true,
+    "tryOnBeforeMount": true,
+    "tryOnBeforeUnmount": true,
+    "tryOnMounted": true,
+    "tryOnScopeDispose": true,
+    "tryOnUnmounted": true,
+    "unref": true,
+    "unrefElement": true,
+    "until": true,
+    "useActiveElement": true,
+    "useAsyncQueue": true,
+    "useAsyncState": true,
+    "useAttrs": true,
+    "useBase64": true,
+    "useBattery": true,
+    "useBreakpoints": true,
+    "useBroadcastChannel": true,
+    "useBrowserLocation": true,
+    "useCached": true,
+    "useClamp": true,
+    "useClipboard": true,
+    "useColorMode": true,
+    "useConfirmDialog": true,
+    "useCounter": true,
+    "useCssModule": true,
+    "useCssVar": true,
+    "useCssVars": true,
+    "useCurrentElement": true,
+    "useCycleList": true,
+    "useDark": true,
+    "useDateFormat": true,
+    "useDebounce": true,
+    "useDebounceFn": true,
+    "useDebouncedRefHistory": true,
+    "useDeviceMotion": true,
+    "useDeviceOrientation": true,
+    "useDevicePixelRatio": true,
+    "useDevicesList": true,
+    "useDisplayMedia": true,
+    "useDocumentVisibility": true,
+    "useDraggable": true,
+    "useDropZone": true,
+    "useElementBounding": true,
+    "useElementByPoint": true,
+    "useElementHover": true,
+    "useElementSize": true,
+    "useElementVisibility": true,
+    "useEventBus": true,
+    "useEventListener": true,
+    "useEventSource": true,
+    "useEyeDropper": true,
+    "useFavicon": true,
+    "useFetch": true,
+    "useFileSystemAccess": true,
+    "useFocus": true,
+    "useFocusWithin": true,
+    "useFps": true,
+    "useFullscreen": true,
+    "useGamepad": true,
+    "useGeolocation": true,
+    "useIdle": true,
+    "useInfiniteScroll": true,
+    "useIntersectionObserver": true,
+    "useInterval": true,
+    "useIntervalFn": true,
+    "useKeyModifier": true,
+    "useLastChanged": true,
+    "useLocalStorage": true,
+    "useMagicKeys": true,
+    "useManualRefHistory": true,
+    "useMediaControls": true,
+    "useMediaQuery": true,
+    "useMemoize": true,
+    "useMemory": true,
+    "useMounted": true,
+    "useMouse": true,
+    "useMouseInElement": true,
+    "useMousePressed": true,
+    "useMutationObserver": true,
+    "useNavigatorLanguage": true,
+    "useNetwork": true,
+    "useNow": true,
+    "useOffsetPagination": true,
+    "useOnline": true,
+    "usePageLeave": true,
+    "useParallax": true,
+    "usePermission": true,
+    "usePointer": true,
+    "usePointerSwipe": true,
+    "usePreferredColorScheme": true,
+    "usePreferredDark": true,
+    "usePreferredLanguages": true,
+    "useRafFn": true,
+    "useRefHistory": true,
+    "useResizeObserver": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useScreenOrientation": true,
+    "useScreenSafeArea": true,
+    "useScriptTag": true,
+    "useScroll": true,
+    "useScrollLock": true,
+    "useSessionStorage": true,
+    "useShare": true,
+    "useSlots": true,
+    "useSpeechRecognition": true,
+    "useSpeechSynthesis": true,
+    "useStorage": true,
+    "useStorageAsync": true,
+    "useStyleTag": true,
+    "useSwipe": true,
+    "useTemplateRefsList": true,
+    "useTextSelection": true,
+    "useThrottle": true,
+    "useThrottleFn": true,
+    "useThrottledRefHistory": true,
+    "useTimeAgo": true,
+    "useTimeout": true,
+    "useTimeoutFn": true,
+    "useTimeoutPoll": true,
+    "useTimestamp": true,
+    "useTitle": true,
+    "useToggle": true,
+    "useTransition": true,
+    "useUrlSearchParams": true,
+    "useUserMedia": true,
+    "useVModel": true,
+    "useVModels": true,
+    "useVibrate": true,
+    "useVirtualList": true,
+    "useWakeLock": true,
+    "useWebNotification": true,
+    "useWebSocket": true,
+    "useWebWorker": true,
+    "useWebWorkerFn": true,
+    "useWindowFocus": true,
+    "useWindowScroll": true,
+    "useWindowSize": true,
+    "watch": true,
+    "watchAtMost": true,
+    "watchDebounced": true,
+    "watchEffect": true,
+    "watchIgnorable": true,
+    "watchOnce": true,
+    "watchPausable": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true,
+    "watchThrottled": true,
+    "watchWithFilter": true,
+    "whenever": true
+  }
+}
\ No newline at end of file

auto-imports.d.ts

+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const $$: typeof import('vue/macros')['$$']
+  const $: typeof import('vue/macros')['$']
+  const $computed: typeof import('vue/macros')['$computed']
+  const $customRef: typeof import('vue/macros')['$customRef']
+  const $ref: typeof import('vue/macros')['$ref']
+  const $shallowRef: typeof import('vue/macros')['$shallowRef']
+  const $toRef: typeof import('vue/macros')['$toRef']
+  const EffectScope: typeof import('vue')['EffectScope']
+  const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
+  const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
+  const computed: typeof import('vue')['computed']
+  const computedAsync: typeof import('@vueuse/core')['computedAsync']
+  const computedEager: typeof import('@vueuse/core')['computedEager']
+  const computedInject: typeof import('@vueuse/core')['computedInject']
+  const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
+  const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
+  const controlledRef: typeof import('@vueuse/core')['controlledRef']
+  const createApp: typeof import('vue')['createApp']
+  const createEventHook: typeof import('@vueuse/core')['createEventHook']
+  const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
+  const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
+  const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
+  const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
+  const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
+  const customRef: typeof import('vue')['customRef']
+  const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
+  const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
+  const effectScope: typeof import('vue')['effectScope']
+  const extendRef: typeof import('@vueuse/core')['extendRef']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
+  const inject: typeof import('vue')['inject']
+  const isDefined: typeof import('@vueuse/core')['isDefined']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const logicAnd: typeof import('@vueuse/core')['logicAnd']
+  const logicNot: typeof import('@vueuse/core')['logicNot']
+  const logicOr: typeof import('@vueuse/core')['logicOr']
+  const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
+  const onLongPress: typeof import('@vueuse/core')['onLongPress']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
+  const provide: typeof import('vue')['provide']
+  const reactify: typeof import('@vueuse/core')['reactify']
+  const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
+  const reactive: typeof import('vue')['reactive']
+  const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
+  const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
+  const reactivePick: typeof import('@vueuse/core')['reactivePick']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
+  const refDebounced: typeof import('@vueuse/core')['refDebounced']
+  const refDefault: typeof import('@vueuse/core')['refDefault']
+  const refThrottled: typeof import('@vueuse/core')['refThrottled']
+  const refWithControl: typeof import('@vueuse/core')['refWithControl']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const syncRef: typeof import('@vueuse/core')['syncRef']
+  const syncRefs: typeof import('@vueuse/core')['syncRefs']
+  const templateRef: typeof import('@vueuse/core')['templateRef']
+  const throttledRef: typeof import('@vueuse/core')['throttledRef']
+  const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
+  const toRaw: typeof import('vue')['toRaw']
+  const toReactive: typeof import('@vueuse/core')['toReactive']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
+  const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
+  const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
+  const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
+  const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
+  const unref: typeof import('vue')['unref']
+  const unrefElement: typeof import('@vueuse/core')['unrefElement']
+  const until: typeof import('@vueuse/core')['until']
+  const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
+  const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
+  const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useBase64: typeof import('@vueuse/core')['useBase64']
+  const useBattery: typeof import('@vueuse/core')['useBattery']
+  const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
+  const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
+  const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
+  const useCached: typeof import('@vueuse/core')['useCached']
+  const useClamp: typeof import('@vueuse/core')['useClamp']
+  const useClipboard: typeof import('@vueuse/core')['useClipboard']
+  const useColorMode: typeof import('@vueuse/core')['useColorMode']
+  const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
+  const useCounter: typeof import('@vueuse/core')['useCounter']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVar: typeof import('@vueuse/core')['useCssVar']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
+  const useCycleList: typeof import('@vueuse/core')['useCycleList']
+  const useDark: typeof import('@vueuse/core')['useDark']
+  const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
+  const useDebounce: typeof import('@vueuse/core')['useDebounce']
+  const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
+  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
+  const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
+  const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
+  const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
+  const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
+  const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
+  const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
+  const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useDropZone: typeof import('@vueuse/core')['useDropZone']
+  const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
+  const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
+  const useElementHover: typeof import('@vueuse/core')['useElementHover']
+  const useElementSize: typeof import('@vueuse/core')['useElementSize']
+  const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
+  const useEventBus: typeof import('@vueuse/core')['useEventBus']
+  const useEventListener: typeof import('@vueuse/core')['useEventListener']
+  const useEventSource: typeof import('@vueuse/core')['useEventSource']
+  const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
+  const useFavicon: typeof import('@vueuse/core')['useFavicon']
+  const useFetch: typeof import('@vueuse/core')['useFetch']
+  const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
+  const useFocus: typeof import('@vueuse/core')['useFocus']
+  const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
+  const useFps: typeof import('@vueuse/core')['useFps']
+  const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
+  const useGamepad: typeof import('@vueuse/core')['useGamepad']
+  const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
+  const useIdle: typeof import('@vueuse/core')['useIdle']
+  const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
+  const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
+  const useInterval: typeof import('@vueuse/core')['useInterval']
+  const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
+  const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
+  const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
+  const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
+  const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
+  const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
+  const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
+  const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
+  const useMemoize: typeof import('@vueuse/core')['useMemoize']
+  const useMemory: typeof import('@vueuse/core')['useMemory']
+  const useMounted: typeof import('@vueuse/core')['useMounted']
+  const useMouse: typeof import('@vueuse/core')['useMouse']
+  const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
+  const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
+  const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
+  const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
+  const useNetwork: typeof import('@vueuse/core')['useNetwork']
+  const useNow: typeof import('@vueuse/core')['useNow']
+  const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
+  const useOnline: typeof import('@vueuse/core')['useOnline']
+  const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
+  const useParallax: typeof import('@vueuse/core')['useParallax']
+  const usePermission: typeof import('@vueuse/core')['usePermission']
+  const usePointer: typeof import('@vueuse/core')['usePointer']
+  const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
+  const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
+  const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
+  const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
+  const useRafFn: typeof import('@vueuse/core')['useRafFn']
+  const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
+  const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
+  const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
+  const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
+  const useScroll: typeof import('@vueuse/core')['useScroll']
+  const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
+  const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
+  const useShare: typeof import('@vueuse/core')['useShare']
+  const useSlots: typeof import('vue')['useSlots']
+  const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
+  const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
+  const useStorage: typeof import('@vueuse/core')['useStorage']
+  const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
+  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
+  const useSwipe: typeof import('@vueuse/core')['useSwipe']
+  const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
+  const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
+  const useThrottle: typeof import('@vueuse/core')['useThrottle']
+  const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
+  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
+  const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
+  const useTimeout: typeof import('@vueuse/core')['useTimeout']
+  const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
+  const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
+  const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
+  const useTitle: typeof import('@vueuse/core')['useTitle']
+  const useToggle: typeof import('@vueuse/core')['useToggle']
+  const useTransition: typeof import('@vueuse/core')['useTransition']
+  const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
+  const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
+  const useVModel: typeof import('@vueuse/core')['useVModel']
+  const useVModels: typeof import('@vueuse/core')['useVModels']
+  const useVibrate: typeof import('@vueuse/core')['useVibrate']
+  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
+  const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
+  const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
+  const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
+  const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
+  const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
+  const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
+  const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
+  const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
+  const watch: typeof import('vue')['watch']
+  const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
+  const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
+  const watchOnce: typeof import('@vueuse/core')['watchOnce']
+  const watchPausable: typeof import('@vueuse/core')['watchPausable']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+  const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
+  const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
+  const whenever: typeof import('@vueuse/core')['whenever']
+}

package-lock.json

@@ -8,17 +8,17 @@
       "name": "center-resource",
       "version": "0.0.0",
       "dependencies": {
-        "@element-plus/icons-vue": "^1.1.4",
+        "@element-plus/icons-vue": "^2.0.4",
         "@tinymce/tinymce-vue": "^5.0.0",
         "axios": "^0.27.2",
         "blueimp-md5": "^2.19.0",
-        "drag-drop-tree-table": "^1.1.1",
         "echarts": "^5.3.2",
-        "element-plus": "^2.2.2",
+        "element-plus": "^2.2.5",
         "pinia": "^2.0.14",
-        "qs": "^6.10.3",
-        "vue": "^3.2.36",
-        "vue-router": "^4.0.15"
+        "qs": "^6.10.5",
+        "sortablejs": "^1.15.0",
+        "vue": "^3.2.37",
+        "vue-router": "^4.0.16"
       },
       "devDependencies": {
         "@rushstack/eslint-patch": "^1.1.3",
@@ -31,11 +31,9 @@
         "@vue/tsconfig": "^0.1.3",
         "ali-oss": "^6.17.1",
         "chalk": "^5.0.1",
-        "drag-tree-table": "^2.2.0",
         "eslint": "^8.16.0",
         "eslint-plugin-vue": "^8.7.1",
         "sass": "^1.52.1",
-        "sortablejs": "^1.15.0",
         "typescript": "~4.7.2",
         "unplugin-auto-import": "^0.8.7",
         "vite": "^2.9.9",
@@ -178,9 +176,9 @@
       }
     },
     "node_modules/@element-plus/icons-vue": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-1.1.4.tgz",
-      "integrity": "sha512-Iz/nHqdp1sFPmdzRwHkEQQA3lKvoObk8azgABZ81QUOpW9s/lUyQVUSh0tNtEPZXQlKwlSh7SPgoVxzrE0uuVQ==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.5.tgz",
+      "integrity": "sha512-jvNWyKcdvPvMDLTWjghrPY+bYHKqh7hbAFIPe+HWR073zilzt33csREzmKx3VwhdlJUW5u0nCqN+0rwI8jlH+w==",
       "peerDependencies": {
         "vue": "^3.2.0"
       }
@@ -206,16 +204,16 @@
       }
     },
     "node_modules/@floating-ui/core": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.1.tgz",
-      "integrity": "sha512-grcqEmI8DTIolufpxhJagVeJmvloxBXE6xxSrVnSXz/Wz1uUIsC85ad+UNBqAoBOvzLxE42wvDj3YkmSGqWRxA=="
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.2.tgz",
+      "integrity": "sha512-FRVAkSNU/vGXLIsgbggcs70GkXKEOXgBBbNpYPNHSaKsCAMMd00NrjbtKTesxkdv9xm9N3+XiDlcFGY6WnatBg=="
     },
     "node_modules/@floating-ui/dom": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.1.tgz",
-      "integrity": "sha512-dkPSy5JPiQEtljc3VpG9lauYctxfLlqj/8N9f+lmsR92gQaSVMAWuBbFBH2keY5DmdQn3p4Dv1dQd+e8osH+/g==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.2.tgz",
+      "integrity": "sha512-z1DnEa7F3d8Fm/eXSbii8UEGpcjZGkQaYYUI0WpEVgD3vBfebDW8j/3ysusxonuMexoigA+A3b/fYH7sEqiwyg==",
       "dependencies": {
-        "@floating-ui/core": "^0.7.1"
+        "@floating-ui/core": "^0.7.2"
       }
     },
     "node_modules/@humanwhocodes/config-array": {
@@ -604,36 +602,36 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.36.tgz",
-      "integrity": "sha512-bbyZM5hvBicv0PW3KUfVi+x3ylHnfKG7DOn5wM+f2OztTzTjLEyBb/5yrarIYpmnGitVGbjZqDbODyW4iK8hqw==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
+      "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.36",
+        "@vue/shared": "3.2.37",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.36.tgz",
-      "integrity": "sha512-tcOTAOiW4s24QLnq+ON6J+GRONXJ+A/mqKCORi0LSlIh8XQlNnlm24y8xIL8la+ZDgkdbjarQ9ZqYSvEja6gVA==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
+      "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
       "dependencies": {
-        "@vue/compiler-core": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/compiler-core": "3.2.37",
+        "@vue/shared": "3.2.37"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.36.tgz",
-      "integrity": "sha512-AvGb4bTj4W8uQ4BqaSxo7UwTEqX5utdRSMyHy58OragWlt8nEACQ9mIeQh3K4di4/SX+41+pJrLIY01lHAOFOA==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
+      "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.36",
-        "@vue/compiler-dom": "3.2.36",
-        "@vue/compiler-ssr": "3.2.36",
-        "@vue/reactivity-transform": "3.2.36",
-        "@vue/shared": "3.2.36",
+        "@vue/compiler-core": "3.2.37",
+        "@vue/compiler-dom": "3.2.37",
+        "@vue/compiler-ssr": "3.2.37",
+        "@vue/reactivity-transform": "3.2.37",
+        "@vue/shared": "3.2.37",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -641,12 +639,12 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.36.tgz",
-      "integrity": "sha512-+KugInUFRvOxEdLkZwE+W43BqHyhBh0jpYXhmqw1xGq2dmE6J9eZ8UUSOKNhdHtQ/iNLWWeK/wPZkVLUf3YGaw==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
+      "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/compiler-dom": "3.2.37",
+        "@vue/shared": "3.2.37"
       }
     },
     "node_modules/@vue/devtools-api": {
@@ -673,60 +671,60 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.36.tgz",
-      "integrity": "sha512-c2qvopo0crh9A4GXi2/2kfGYMxsJW4tVILrqRPydVGZHhq0fnzy6qmclWOhBFckEhmyxmpHpdJtIRYGeKcuhnA==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
+      "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
       "dependencies": {
-        "@vue/shared": "3.2.36"
+        "@vue/shared": "3.2.37"
       }
     },
     "node_modules/@vue/reactivity-transform": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.36.tgz",
-      "integrity": "sha512-Jk5o2BhpODC9XTA7o4EL8hSJ4JyrFWErLtClG3NH8wDS7ri9jBDWxI7/549T7JY9uilKsaNM+4pJASLj5dtRwA==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
+      "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.36",
-        "@vue/shared": "3.2.36",
+        "@vue/compiler-core": "3.2.37",
+        "@vue/shared": "3.2.37",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.36.tgz",
-      "integrity": "sha512-PTWBD+Lub+1U3/KhbCExrfxyS14hstLX+cBboxVHaz+kXoiDLNDEYAovPtxeTutbqtClIXtft+wcGdC+FUQ9qQ==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
+      "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
       "dependencies": {
-        "@vue/reactivity": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/reactivity": "3.2.37",
+        "@vue/shared": "3.2.37"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.36.tgz",
-      "integrity": "sha512-gYPYblm7QXHVuBohqNRRT7Wez0f2Mx2D40rb4fleehrJU9CnkjG0phhcGEZFfGwCmHZRqBCRgbFWE98bPULqkg==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
+      "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
       "dependencies": {
-        "@vue/runtime-core": "3.2.36",
-        "@vue/shared": "3.2.36",
+        "@vue/runtime-core": "3.2.37",
+        "@vue/shared": "3.2.37",
         "csstype": "^2.6.8"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.36.tgz",
-      "integrity": "sha512-uZE0+jfye6yYXWvAQYeHZv+f50sRryvy16uiqzk3jn8hEY8zTjI+rzlmZSGoE915k+W/Ol9XSw6vxOUD8dGkUg==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
+      "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/compiler-ssr": "3.2.37",
+        "@vue/shared": "3.2.37"
       },
       "peerDependencies": {
-        "vue": "3.2.36"
+        "vue": "3.2.37"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.36.tgz",
-      "integrity": "sha512-JtB41wXl7Au3+Nl3gD16Cfpj7k/6aCroZ6BbOiCMFCMvrOpkg/qQUXTso2XowaNqBbnkuGHurLAqkLBxNGc1hQ=="
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
+      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
     },
     "node_modules/@vue/tsconfig": {
       "version": "0.1.3",
@@ -743,12 +741,12 @@
       }
     },
     "node_modules/@vueuse/core": {
-      "version": "8.5.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-8.5.0.tgz",
-      "integrity": "sha512-VEJ6sGNsPlUp0o9BGda2YISvDZbhWJSOJu5zlp2TufRGVrLcYUKr31jyFEOj6RXzG3k/H4aCYeZyjpItfU8glw==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-8.6.0.tgz",
+      "integrity": "sha512-VirzExCm/N+QdrEWT7J4uSrvJ5hquKIAU9alQ37kUvIJk9XxCLxmfRnmekYc1kz2+6BnoyuKYXVmrMV351CB4w==",
       "dependencies": {
-        "@vueuse/metadata": "8.5.0",
-        "@vueuse/shared": "8.5.0",
+        "@vueuse/metadata": "8.6.0",
+        "@vueuse/shared": "8.6.0",
         "vue-demi": "*"
       },
       "funding": {
@@ -768,9 +766,9 @@
       }
     },
     "node_modules/@vueuse/core/node_modules/@vueuse/shared": {
-      "version": "8.5.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-8.5.0.tgz",
-      "integrity": "sha512-qKG+SZb44VvGD4dU5cQ63z4JE2Yk39hQUecR0a9sEdJA01cx+XrxAvFKJfPooxwoiqalAVw/ktWK6xbyc/jS3g==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-8.6.0.tgz",
+      "integrity": "sha512-Y/IVywZo7IfEoSSEtCYpkVEmPV7pU35mEIxV7PbD/D3ly18B3mEsBaPbtDkNM/QP3zAZ5mn4nEkOfddX4uwuIA==",
       "dependencies": {
         "vue-demi": "*"
       },
@@ -791,9 +789,9 @@
       }
     },
     "node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.12.5",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.5.tgz",
-      "integrity": "sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==",
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.1.tgz",
+      "integrity": "sha512-xmkJ56koG3ptpLnpgmIzk9/4nFf4CqduSJbUM0OdPoU87NwRuZ6x49OLhjSa/fC15fV+5CbEnrxU4oyE022svg==",
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -816,9 +814,9 @@
       }
     },
     "node_modules/@vueuse/metadata": {
-      "version": "8.5.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.5.0.tgz",
-      "integrity": "sha512-WxsD+Cd+bn+HcjpY6Dl9FJ8ywTRTT9pTwk3bCQpzEhXVYAyNczKDSahk50fCfIJKeWHhyI4B2+/ZEOxQAkUr0g==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.6.0.tgz",
+      "integrity": "sha512-F+CKPvaExsm7QgRr8y+ZNJFwXasn89rs5wth/HeX9lJ1q8XEt+HJ16Q5Sxh4rfG5YSKXrStveVge8TKvPjMjFA==",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
@@ -1274,16 +1272,6 @@
       "integrity": "sha1-JoD7uAaKSNCGVrYJgJK9r8kG9KU=",
       "dev": true
     },
-    "node_modules/core-js": {
-      "version": "3.22.8",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.22.8.tgz",
-      "integrity": "sha512-UoGQ/cfzGYIuiq6Z7vWL1HfkE9U9IZ4Ub+0XSiJTCzvbZzgPA69oDF2f+lgJ6dFFLEdjW5O6svvoKzXX23xFkA==",
-      "hasInstallScript": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
     "node_modules/core-util-is": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
@@ -1340,9 +1328,9 @@
       }
     },
     "node_modules/dayjs": {
-      "version": "1.11.2",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.2.tgz",
-      "integrity": "sha512-F4LXf1OeU9hrSYRPTTj/6FbO4HTjPKXvEIC1P2kcnFurViINCVk3ZV0xAS3XVx9MkMsXbbqlK6hjseaYbgKEHw=="
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.3.tgz",
+      "integrity": "sha512-xxwlswWOlGhzgQ4TKzASQkUhqERI3egRNqgV4ScR8wlANA/A9tZ7miXa44vTTKEq5l7vWoL5G57bG3zA+Kow0A=="
     },
     "node_modules/debug": {
       "version": "4.3.4",
@@ -1469,42 +1457,6 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/drag-drop-tree-table": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/drag-drop-tree-table/-/drag-drop-tree-table-1.1.1.tgz",
-      "integrity": "sha512-DqrJu2IIhd8z3NR4v2Q0E5FFfLcZWSUPe9pcHC1yBM6ekoFfu9zXWZUtSsYHykkdaMkVOEyyKsGz+52sHq849Q==",
-      "dependencies": {
-        "core-js": "^3.6.5",
-        "vue": "^2.6.11"
-      }
-    },
-    "node_modules/drag-drop-tree-table/node_modules/vue": {
-      "version": "2.6.14",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
-      "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
-    },
-    "node_modules/drag-tree-table": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/drag-tree-table/-/drag-tree-table-2.2.0.tgz",
-      "integrity": "sha512-kFEJTgB77AdlUOyIDIWPK+RXy8Pf14RTMLDLlEVMyglTb31EyBnmn2CO0mA8Bv9waWuLLBBEgjYysjsy9dPTUg==",
-      "dev": true,
-      "dependencies": {
-        "vue": "^2.6.10",
-        "vue-router": "^3.1.3"
-      }
-    },
-    "node_modules/drag-tree-table/node_modules/vue": {
-      "version": "2.6.14",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
-      "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==",
-      "dev": true
-    },
-    "node_modules/drag-tree-table/node_modules/vue-router": {
-      "version": "3.5.4",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.4.tgz",
-      "integrity": "sha512-x+/DLAJZv2mcQ7glH2oV9ze8uPwcI+H+GgTgTmb5I55bCgY3+vXWIsqbYUzbBSZnwFHEJku4eoaH/x98veyymQ==",
-      "dev": true
-    },
     "node_modules/echarts": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.3.2.tgz",
@@ -1526,19 +1478,19 @@
       "dev": true
     },
     "node_modules/element-plus": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.2.tgz",
-      "integrity": "sha512-yGcj2Ayb0jZO1WbI51tHJ4efhlfWKlBqqGtWbzhq+tcpfaKzJZN+IHRouuFasqn0ZV3tWCDu1jggDR1+9y7XfQ==",
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.5.tgz",
+      "integrity": "sha512-Kl0yn/PQca5YQo3M3NPBP4Xl71NQuMtDx5zNXZGVyl5FjdMujXiFB9SXKYGDUCgFU3d/Rl14vB4Fpmcl2Iz+Hw==",
       "dependencies": {
         "@ctrl/tinycolor": "^3.4.1",
-        "@element-plus/icons-vue": "^1.1.4",
-        "@floating-ui/dom": "^0.5.0",
+        "@element-plus/icons-vue": "^2.0.5",
+        "@floating-ui/dom": "^0.5.2",
         "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
         "@types/lodash": "^4.14.182",
         "@types/lodash-es": "^4.17.6",
-        "@vueuse/core": "^8.5.0",
+        "@vueuse/core": "^8.6.0",
         "async-validator": "^4.1.1",
-        "dayjs": "^1.11.2",
+        "dayjs": "^1.11.3",
         "escape-html": "^1.0.3",
         "lodash": "^4.17.21",
         "lodash-es": "^4.17.21",
@@ -3624,9 +3576,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.10.3",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
-      "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+      "version": "6.10.5",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.5.tgz",
+      "integrity": "sha512-O5RlPh0VFtR78y79rgcgKK4wbAI0C5zGVLztOIdpWX6ep368q5Hv6XRxDvXuZ9q3C6v+e3n8UfZZJw7IIG27eQ==",
       "dependencies": {
         "side-channel": "^1.0.4"
       },
@@ -3955,8 +3907,7 @@
     "node_modules/sortablejs": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.0.tgz",
-      "integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w==",
-      "dev": true
+      "integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w=="
     },
     "node_modules/source-map": {
       "version": "0.6.1",
@@ -4591,15 +4542,15 @@
       "dev": true
     },
     "node_modules/vue": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.36.tgz",
-      "integrity": "sha512-5yTXmrE6gW8IQgttzHW5bfBiFA6mx35ZXHjGLDmKYzW6MMmYvCwuKybANRepwkMYeXw2v1buGg3/lPICY5YlZw==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
+      "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.36",
-        "@vue/compiler-sfc": "3.2.36",
-        "@vue/runtime-dom": "3.2.36",
-        "@vue/server-renderer": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/compiler-dom": "3.2.37",
+        "@vue/compiler-sfc": "3.2.37",
+        "@vue/runtime-dom": "3.2.37",
+        "@vue/server-renderer": "3.2.37",
+        "@vue/shared": "3.2.37"
       }
     },
     "node_modules/vue-eslint-parser": {
@@ -4649,9 +4600,9 @@
       }
     },
     "node_modules/vue-router": {
-      "version": "4.0.15",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.15.tgz",
-      "integrity": "sha512-xa+pIN9ZqORdIW1MkN2+d9Ui2pCM1b/UMgwYUCZOiFYHAvz/slKKBDha8DLrh5aCG/RibtrpyhKjKOZ85tYyWg==",
+      "version": "4.0.16",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.16.tgz",
+      "integrity": "sha512-JcO7cb8QJLBWE+DfxGUL3xUDOae/8nhM1KVdnudadTAORbuxIC/xAydC5Zr/VLHUDQi1ppuTF5/rjBGzgzrJNA==",
       "dependencies": {
         "@vue/devtools-api": "^6.0.0"
       },
@@ -4905,9 +4856,9 @@
       "integrity": "sha512-ej5oVy6lykXsvieQtqZxCOaLT+xD4+QNarq78cIYISHmZXshCvROLudpQN3lfL8G0NL7plMSSK+zlyvCaIJ4Iw=="
     },
     "@element-plus/icons-vue": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-1.1.4.tgz",
-      "integrity": "sha512-Iz/nHqdp1sFPmdzRwHkEQQA3lKvoObk8azgABZ81QUOpW9s/lUyQVUSh0tNtEPZXQlKwlSh7SPgoVxzrE0uuVQ==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.5.tgz",
+      "integrity": "sha512-jvNWyKcdvPvMDLTWjghrPY+bYHKqh7hbAFIPe+HWR073zilzt33csREzmKx3VwhdlJUW5u0nCqN+0rwI8jlH+w==",
       "requires": {}
     },
     "@eslint/eslintrc": {
@@ -4928,16 +4879,16 @@
       }
     },
     "@floating-ui/core": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.1.tgz",
-      "integrity": "sha512-grcqEmI8DTIolufpxhJagVeJmvloxBXE6xxSrVnSXz/Wz1uUIsC85ad+UNBqAoBOvzLxE42wvDj3YkmSGqWRxA=="
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.2.tgz",
+      "integrity": "sha512-FRVAkSNU/vGXLIsgbggcs70GkXKEOXgBBbNpYPNHSaKsCAMMd00NrjbtKTesxkdv9xm9N3+XiDlcFGY6WnatBg=="
     },
     "@floating-ui/dom": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.1.tgz",
-      "integrity": "sha512-dkPSy5JPiQEtljc3VpG9lauYctxfLlqj/8N9f+lmsR92gQaSVMAWuBbFBH2keY5DmdQn3p4Dv1dQd+e8osH+/g==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.2.tgz",
+      "integrity": "sha512-z1DnEa7F3d8Fm/eXSbii8UEGpcjZGkQaYYUI0WpEVgD3vBfebDW8j/3ysusxonuMexoigA+A3b/fYH7sEqiwyg==",
       "requires": {
-        "@floating-ui/core": "^0.7.1"
+        "@floating-ui/core": "^0.7.2"
       }
     },
     "@humanwhocodes/config-array": {
@@ -5205,36 +5156,36 @@
       }
     },
     "@vue/compiler-core": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.36.tgz",
-      "integrity": "sha512-bbyZM5hvBicv0PW3KUfVi+x3ylHnfKG7DOn5wM+f2OztTzTjLEyBb/5yrarIYpmnGitVGbjZqDbODyW4iK8hqw==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
+      "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.36",
+        "@vue/shared": "3.2.37",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       }
     },
     "@vue/compiler-dom": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.36.tgz",
-      "integrity": "sha512-tcOTAOiW4s24QLnq+ON6J+GRONXJ+A/mqKCORi0LSlIh8XQlNnlm24y8xIL8la+ZDgkdbjarQ9ZqYSvEja6gVA==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
+      "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
       "requires": {
-        "@vue/compiler-core": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/compiler-core": "3.2.37",
+        "@vue/shared": "3.2.37"
       }
     },
     "@vue/compiler-sfc": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.36.tgz",
-      "integrity": "sha512-AvGb4bTj4W8uQ4BqaSxo7UwTEqX5utdRSMyHy58OragWlt8nEACQ9mIeQh3K4di4/SX+41+pJrLIY01lHAOFOA==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
+      "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.36",
-        "@vue/compiler-dom": "3.2.36",
-        "@vue/compiler-ssr": "3.2.36",
-        "@vue/reactivity-transform": "3.2.36",
-        "@vue/shared": "3.2.36",
+        "@vue/compiler-core": "3.2.37",
+        "@vue/compiler-dom": "3.2.37",
+        "@vue/compiler-ssr": "3.2.37",
+        "@vue/reactivity-transform": "3.2.37",
+        "@vue/shared": "3.2.37",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -5242,12 +5193,12 @@
       }
     },
     "@vue/compiler-ssr": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.36.tgz",
-      "integrity": "sha512-+KugInUFRvOxEdLkZwE+W43BqHyhBh0jpYXhmqw1xGq2dmE6J9eZ8UUSOKNhdHtQ/iNLWWeK/wPZkVLUf3YGaw==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
+      "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
       "requires": {
-        "@vue/compiler-dom": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/compiler-dom": "3.2.37",
+        "@vue/shared": "3.2.37"
       }
     },
     "@vue/devtools-api": {
@@ -5267,57 +5218,57 @@
       }
     },
     "@vue/reactivity": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.36.tgz",
-      "integrity": "sha512-c2qvopo0crh9A4GXi2/2kfGYMxsJW4tVILrqRPydVGZHhq0fnzy6qmclWOhBFckEhmyxmpHpdJtIRYGeKcuhnA==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
+      "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
       "requires": {
-        "@vue/shared": "3.2.36"
+        "@vue/shared": "3.2.37"
       }
     },
     "@vue/reactivity-transform": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.36.tgz",
-      "integrity": "sha512-Jk5o2BhpODC9XTA7o4EL8hSJ4JyrFWErLtClG3NH8wDS7ri9jBDWxI7/549T7JY9uilKsaNM+4pJASLj5dtRwA==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
+      "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.36",
-        "@vue/shared": "3.2.36",
+        "@vue/compiler-core": "3.2.37",
+        "@vue/shared": "3.2.37",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "@vue/runtime-core": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.36.tgz",
-      "integrity": "sha512-PTWBD+Lub+1U3/KhbCExrfxyS14hstLX+cBboxVHaz+kXoiDLNDEYAovPtxeTutbqtClIXtft+wcGdC+FUQ9qQ==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
+      "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
       "requires": {
-        "@vue/reactivity": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/reactivity": "3.2.37",
+        "@vue/shared": "3.2.37"
       }
     },
     "@vue/runtime-dom": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.36.tgz",
-      "integrity": "sha512-gYPYblm7QXHVuBohqNRRT7Wez0f2Mx2D40rb4fleehrJU9CnkjG0phhcGEZFfGwCmHZRqBCRgbFWE98bPULqkg==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
+      "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
       "requires": {
-        "@vue/runtime-core": "3.2.36",
-        "@vue/shared": "3.2.36",
+        "@vue/runtime-core": "3.2.37",
+        "@vue/shared": "3.2.37",
         "csstype": "^2.6.8"
       }
     },
     "@vue/server-renderer": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.36.tgz",
-      "integrity": "sha512-uZE0+jfye6yYXWvAQYeHZv+f50sRryvy16uiqzk3jn8hEY8zTjI+rzlmZSGoE915k+W/Ol9XSw6vxOUD8dGkUg==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
+      "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
       "requires": {
-        "@vue/compiler-ssr": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/compiler-ssr": "3.2.37",
+        "@vue/shared": "3.2.37"
       }
     },
     "@vue/shared": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.36.tgz",
-      "integrity": "sha512-JtB41wXl7Au3+Nl3gD16Cfpj7k/6aCroZ6BbOiCMFCMvrOpkg/qQUXTso2XowaNqBbnkuGHurLAqkLBxNGc1hQ=="
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
+      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
     },
     "@vue/tsconfig": {
       "version": "0.1.3",
@@ -5327,35 +5278,35 @@
       "requires": {}
     },
     "@vueuse/core": {
-      "version": "8.5.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-8.5.0.tgz",
-      "integrity": "sha512-VEJ6sGNsPlUp0o9BGda2YISvDZbhWJSOJu5zlp2TufRGVrLcYUKr31jyFEOj6RXzG3k/H4aCYeZyjpItfU8glw==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-8.6.0.tgz",
+      "integrity": "sha512-VirzExCm/N+QdrEWT7J4uSrvJ5hquKIAU9alQ37kUvIJk9XxCLxmfRnmekYc1kz2+6BnoyuKYXVmrMV351CB4w==",
       "requires": {
-        "@vueuse/metadata": "8.5.0",
-        "@vueuse/shared": "8.5.0",
+        "@vueuse/metadata": "8.6.0",
+        "@vueuse/shared": "8.6.0",
         "vue-demi": "*"
       },
       "dependencies": {
         "@vueuse/shared": {
-          "version": "8.5.0",
-          "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-8.5.0.tgz",
-          "integrity": "sha512-qKG+SZb44VvGD4dU5cQ63z4JE2Yk39hQUecR0a9sEdJA01cx+XrxAvFKJfPooxwoiqalAVw/ktWK6xbyc/jS3g==",
+          "version": "8.6.0",
+          "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-8.6.0.tgz",
+          "integrity": "sha512-Y/IVywZo7IfEoSSEtCYpkVEmPV7pU35mEIxV7PbD/D3ly18B3mEsBaPbtDkNM/QP3zAZ5mn4nEkOfddX4uwuIA==",
           "requires": {
             "vue-demi": "*"
           }
         },
         "vue-demi": {
-          "version": "0.12.5",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.5.tgz",
-          "integrity": "sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==",
+          "version": "0.13.1",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.1.tgz",
+          "integrity": "sha512-xmkJ56koG3ptpLnpgmIzk9/4nFf4CqduSJbUM0OdPoU87NwRuZ6x49OLhjSa/fC15fV+5CbEnrxU4oyE022svg==",
           "requires": {}
         }
       }
     },
     "@vueuse/metadata": {
-      "version": "8.5.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.5.0.tgz",
-      "integrity": "sha512-WxsD+Cd+bn+HcjpY6Dl9FJ8ywTRTT9pTwk3bCQpzEhXVYAyNczKDSahk50fCfIJKeWHhyI4B2+/ZEOxQAkUr0g=="
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.6.0.tgz",
+      "integrity": "sha512-F+CKPvaExsm7QgRr8y+ZNJFwXasn89rs5wth/HeX9lJ1q8XEt+HJ16Q5Sxh4rfG5YSKXrStveVge8TKvPjMjFA=="
     },
     "acorn": {
       "version": "8.7.1",
@@ -5712,11 +5663,6 @@
       "integrity": "sha1-JoD7uAaKSNCGVrYJgJK9r8kG9KU=",
       "dev": true
     },
-    "core-js": {
-      "version": "3.22.8",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.22.8.tgz",
-      "integrity": "sha512-UoGQ/cfzGYIuiq6Z7vWL1HfkE9U9IZ4Ub+0XSiJTCzvbZzgPA69oDF2f+lgJ6dFFLEdjW5O6svvoKzXX23xFkA=="
-    },
     "core-util-is": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
@@ -5758,9 +5704,9 @@
       "dev": true
     },
     "dayjs": {
-      "version": "1.11.2",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.2.tgz",
-      "integrity": "sha512-F4LXf1OeU9hrSYRPTTj/6FbO4HTjPKXvEIC1P2kcnFurViINCVk3ZV0xAS3XVx9MkMsXbbqlK6hjseaYbgKEHw=="
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.3.tgz",
+      "integrity": "sha512-xxwlswWOlGhzgQ4TKzASQkUhqERI3egRNqgV4ScR8wlANA/A9tZ7miXa44vTTKEq5l7vWoL5G57bG3zA+Kow0A=="
     },
     "debug": {
       "version": "4.3.4",
@@ -5853,46 +5799,6 @@
         "esutils": "^2.0.2"
       }
     },
-    "drag-drop-tree-table": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/drag-drop-tree-table/-/drag-drop-tree-table-1.1.1.tgz",
-      "integrity": "sha512-DqrJu2IIhd8z3NR4v2Q0E5FFfLcZWSUPe9pcHC1yBM6ekoFfu9zXWZUtSsYHykkdaMkVOEyyKsGz+52sHq849Q==",
-      "requires": {
-        "core-js": "^3.6.5",
-        "vue": "^2.6.11"
-      },
-      "dependencies": {
-        "vue": {
-          "version": "2.6.14",
-          "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
-          "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
-        }
-      }
-    },
-    "drag-tree-table": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/drag-tree-table/-/drag-tree-table-2.2.0.tgz",
-      "integrity": "sha512-kFEJTgB77AdlUOyIDIWPK+RXy8Pf14RTMLDLlEVMyglTb31EyBnmn2CO0mA8Bv9waWuLLBBEgjYysjsy9dPTUg==",
-      "dev": true,
-      "requires": {
-        "vue": "^2.6.10",
-        "vue-router": "^3.1.3"
-      },
-      "dependencies": {
-        "vue": {
-          "version": "2.6.14",
-          "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
-          "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==",
-          "dev": true
-        },
-        "vue-router": {
-          "version": "3.5.4",
-          "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.4.tgz",
-          "integrity": "sha512-x+/DLAJZv2mcQ7glH2oV9ze8uPwcI+H+GgTgTmb5I55bCgY3+vXWIsqbYUzbBSZnwFHEJku4eoaH/x98veyymQ==",
-          "dev": true
-        }
-      }
-    },
     "echarts": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.3.2.tgz",
@@ -5916,19 +5822,19 @@
       "dev": true
     },
     "element-plus": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.2.tgz",
-      "integrity": "sha512-yGcj2Ayb0jZO1WbI51tHJ4efhlfWKlBqqGtWbzhq+tcpfaKzJZN+IHRouuFasqn0ZV3tWCDu1jggDR1+9y7XfQ==",
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.5.tgz",
+      "integrity": "sha512-Kl0yn/PQca5YQo3M3NPBP4Xl71NQuMtDx5zNXZGVyl5FjdMujXiFB9SXKYGDUCgFU3d/Rl14vB4Fpmcl2Iz+Hw==",
       "requires": {
         "@ctrl/tinycolor": "^3.4.1",
-        "@element-plus/icons-vue": "^1.1.4",
-        "@floating-ui/dom": "^0.5.0",
+        "@element-plus/icons-vue": "^2.0.5",
+        "@floating-ui/dom": "^0.5.2",
         "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
         "@types/lodash": "^4.14.182",
         "@types/lodash-es": "^4.17.6",
-        "@vueuse/core": "^8.5.0",
+        "@vueuse/core": "^8.6.0",
         "async-validator": "^4.1.1",
-        "dayjs": "^1.11.2",
+        "dayjs": "^1.11.3",
         "escape-html": "^1.0.3",
         "lodash": "^4.17.21",
         "lodash-es": "^4.17.21",
@@ -7440,9 +7346,9 @@
       "dev": true
     },
     "qs": {
-      "version": "6.10.3",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
-      "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+      "version": "6.10.5",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.5.tgz",
+      "integrity": "sha512-O5RlPh0VFtR78y79rgcgKK4wbAI0C5zGVLztOIdpWX6ep368q5Hv6XRxDvXuZ9q3C6v+e3n8UfZZJw7IIG27eQ==",
       "requires": {
         "side-channel": "^1.0.4"
       }
@@ -7665,8 +7571,7 @@
     "sortablejs": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.0.tgz",
-      "integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w==",
-      "dev": true
+      "integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w=="
     },
     "source-map": {
       "version": "0.6.1",
@@ -8133,15 +8038,15 @@
       "dev": true
     },
     "vue": {
-      "version": "3.2.36",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.36.tgz",
-      "integrity": "sha512-5yTXmrE6gW8IQgttzHW5bfBiFA6mx35ZXHjGLDmKYzW6MMmYvCwuKybANRepwkMYeXw2v1buGg3/lPICY5YlZw==",
+      "version": "3.2.37",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
+      "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
       "requires": {
-        "@vue/compiler-dom": "3.2.36",
-        "@vue/compiler-sfc": "3.2.36",
-        "@vue/runtime-dom": "3.2.36",
-        "@vue/server-renderer": "3.2.36",
-        "@vue/shared": "3.2.36"
+        "@vue/compiler-dom": "3.2.37",
+        "@vue/compiler-sfc": "3.2.37",
+        "@vue/runtime-dom": "3.2.37",
+        "@vue/server-renderer": "3.2.37",
+        "@vue/shared": "3.2.37"
       }
     },
     "vue-eslint-parser": {
@@ -8178,9 +8083,9 @@
       }
     },
     "vue-router": {
-      "version": "4.0.15",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.15.tgz",
-      "integrity": "sha512-xa+pIN9ZqORdIW1MkN2+d9Ui2pCM1b/UMgwYUCZOiFYHAvz/slKKBDha8DLrh5aCG/RibtrpyhKjKOZ85tYyWg==",
+      "version": "4.0.16",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.16.tgz",
+      "integrity": "sha512-JcO7cb8QJLBWE+DfxGUL3xUDOae/8nhM1KVdnudadTAORbuxIC/xAydC5Zr/VLHUDQi1ppuTF5/rjBGzgzrJNA==",
       "requires": {
         "@vue/devtools-api": "^6.0.0"
       }

package.json

@@ -13,17 +13,17 @@
     "deploy": "node ./deploy.js"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^1.1.4",
+    "@element-plus/icons-vue": "^2.0.4",
     "@tinymce/tinymce-vue": "^5.0.0",
     "axios": "^0.27.2",
     "blueimp-md5": "^2.19.0",
-    "drag-drop-tree-table": "^1.1.1",
     "echarts": "^5.3.2",
-    "element-plus": "^2.2.2",
+    "element-plus": "^2.2.5",
     "pinia": "^2.0.14",
-    "qs": "^6.10.3",
-    "vue": "^3.2.36",
-    "vue-router": "^4.0.15"
+    "qs": "^6.10.5",
+    "sortablejs": "^1.15.0",
+    "vue": "^3.2.37",
+    "vue-router": "^4.0.16"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.1.3",
@@ -36,11 +36,9 @@
     "@vue/tsconfig": "^0.1.3",
     "ali-oss": "^6.17.1",
     "chalk": "^5.0.1",
-    "drag-tree-table": "^2.2.0",
     "eslint": "^8.16.0",
     "eslint-plugin-vue": "^8.7.1",
     "sass": "^1.52.1",
-    "sortablejs": "^1.15.0",
     "typescript": "~4.7.2",
     "unplugin-auto-import": "^0.8.7",
     "vite": "^2.9.9",

src/components/base/AppList.vue

@@ -33,7 +33,7 @@ const tableRef = ref()
 const dataList = ref<any[]>([])
 const page = reactive({ total: 0, size: props.limit, currentPage: 1 })
 
-const params = reactive({ page: page.currentPage, ['per-page']: page.size, ...props.remote?.params })
+const params = reactive({ ...props.remote?.params })
 watch(
   () => props.data,
   list => {
@@ -133,27 +133,10 @@ defineExpose({ refetch })
               </template>
               <template v-else>
                 <!-- input -->
-                <el-input
-                  v-model="params[item.prop]"
-                  v-bind="item"
-                  clearable
-                  @change="search"
-                  v-if="item.type === 'input'"
-                />
+                <el-input v-model="params[item.prop]" v-bind="item" clearable @change="search" v-if="item.type === 'input'" />
                 <!-- select -->
-                <el-select
-                  v-model="params[item.prop]"
-                  v-bind="item"
-                  clearable
-                  @change="search"
-                  v-if="item.type === 'select'"
-                >
-                  <el-option
-                    :label="option[item.labelKey] || option.label"
-                    :value="option[item.valueKey] || option.value"
-                    v-for="(option, index) in item.options"
-                    :key="index"
-                  />
+                <el-select v-model="params[item.prop]" v-bind="item" clearable @change="search" v-if="item.type === 'select'">
+                  <el-option :label="option[item.labelKey] || option.label" :value="option[item.valueKey] || option.value" v-for="(option, index) in item.options" :key="index" />
                 </el-select>
               </template>
             </el-form-item>
@@ -204,12 +187,12 @@ defineExpose({ refetch })
 </template>
 
 <style lang="scss">
-.table-list {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-}
+// .table-list {
+//   height: 100%;
+//   display: flex;
+//   flex-direction: column;
+//   box-sizing: border-box;
+// }
 .table-list-hd {
   display: flex;
   margin-bottom: 10px;
@@ -217,9 +200,9 @@ defineExpose({ refetch })
 .table-list-filter {
   flex: 1;
 }
-.table-list-bd {
-  flex: 1;
-}
+// .table-list-bd {
+//   flex: 1;
+// }
 .table-list-ft {
   padding: 10px 0;
   display: flex;

src/modules/admin/category/api.ts

@@ -30,6 +30,6 @@ export function delCategory(data: { id: string }) {
   return httpRequest.post('/api/resource/v1/backend/category/delete', data)
 }
 // 移动分类
-export function moveCategory(data: { id: string; brother_id: string; type: string }) {
+export function moveCategory(data: { id: string; brother_id: string; type: 'before' | 'after' }) {
   return httpRequest.post('/api/resource/v1/backend/category/drag', data)
 }

src/modules/admin/category/views/List.vue

 <script setup lang="ts">
 import Sortable from 'sortablejs'
+import type { MoveEvent, SortableEvent } from 'sortablejs'
 import AddDialog from '../component/AddDialog.vue'
 import { Operation } from '@element-plus/icons-vue'
-import { getCategoryList, delCategory, createCategory, updateCategory } from '../api'
+import { getCategoryList, delCategory, createCategory, updateCategory, moveCategory } from '../api'
 import { ElMessage, ElMessageBox } from 'element-plus'
-const tableKey = ref(0)
-const loading = ref(false)
+import AppList from '@/components/base/AppList.vue'
+
+const appList = $ref<null | InstanceType<typeof AppList>>(null)
+
 const prevCategoryName = ref('')
 const title = ref('')
 const dialogVisible = ref(false)
-let form = reactive({
-  category_name: ''
-})
+
 interface ICategory {
+  pid?: string
   category_name: number
   depth: string
   id: string
@@ -83,122 +85,9 @@ const getParent = (node: string, tree: any) => {
   return result[0]
 }
 
-// const sortable = (className: any, targetName: any) => {
-//   const table = document.querySelector('.' + className + ' .el-table__body-wrapper tbody') as HTMLElement
-//   console.log(table)
-//   Sortable.create(table, {
-//     handle: '.handle',
-//     // 拖拽完毕后触发
-//     onEnd(data) {
-//       const newIndex = data.newIndex as number
-//       const oldIndex = data.oldIndex as number
-//       console.log(data, 'data')
-//       if (newIndex === oldIndex) return
-
-//       targetName.splice(newIndex, 0, targetName.splice(oldIndex, 1))
-//     }
-//   })
-// }
-
-// 行拖拽 排序
-const rowDrop = () => {
-  // 获取表格节点
-  nextTick(() => {
-    const el = document.querySelector('.el-table__body-wrapper tbody') as HTMLElement
-    let activeRows: any = []
-    if (!el) {
-      return
-    }
-    // 插件调用函数
-    Sortable.create(el, {
-      animation: 300,
-      onMove(dragged: any, related: any) {
-        // onMove() {
-        tableData = arrayTreeSetLevel(tableData) // 树形结构数据添加level
-        activeRows = treeToTile(tableData) // 把树形的结构转为列表再进行拖拽
-        console.log(dragged, '123', related, tableData, activeRows)
-        const oldRow = activeRows[dragged.rowIndex]
-        const newRow = activeRows[related.rowIndex]
-        console.log(oldRow, newRow)
-        // if (oldRow.level !== newRow.level && oldRow.pid !== newRow.pid) {
-        //   //不能跨级拖拽
-        //   return false
-        // }
-      },
-      onEnd(data) {
-        const oldIndex = data.oldIndex as number
-        const newIndex = data.newIndex as number
-        console.log(oldIndex, newIndex)
-        const oldRow = activeRows[oldIndex] // 移动的那个元素
-        const newRow = activeRows[newIndex] // 新的元素
-        if (oldIndex !== newIndex && oldRow.level === newRow.level && oldRow.pid === newRow.pid) {
-          const modelProperty = activeRows[oldIndex]
-          const changeIndex = newIndex - oldIndex
-          const index = activeRows.indexOf(modelProperty)
-          if (index < 0) {
-            return
-          }
-          activeRows.splice(index, 1)
-          activeRows.splice(index + changeIndex, 0, modelProperty)
-          console.log(111)
-          sortMenuData()
-        }
-      }
-    })
-  })
-}
-const sortMenuData = () => {
-  tableKey.value = Math.random() //狠狠的刷新dom
-  rowDrop() // 再把拖拽的功能塞入
-}
-
-// 给树形的数据去添加每一层的层级
-const arrayTreeSetLevel = (array: any, levelName = 'level', childrenName = 'children') => {
-  if (!Array.isArray(array)) {
-    return []
-  }
-  const recursive = (array: any, level = 0) => {
-    level++
-    return array.map((v: any) => {
-      v[levelName] = level
-      const child = v[childrenName]
-      if (child && child.length) {
-        recursive(child, level)
-      }
-      return v
-    })
-  }
-  return recursive(array)
-}
-
-const treeToTile = (treeData: any, childKey = 'children') => {
-  // 将树数据转化为平铺数据
-  const arr: any = []
-  const expanded = (data: any) => {
-    if (data && data.length > 0) {
-      data
-        .filter((d: any) => d)
-        .forEach((e: any) => {
-          arr.push(e)
-          expanded(e[childKey] || [])
-        })
-    }
-  }
-  expanded(treeData)
-  return arr
-}
-
 // 获取分类列表
 const handleCategoryList = () => {
-  const params = { type: 'tree' }
-  getCategoryList(params)
-    .then((res: any) => {
-      loading.value = true
-      tableData = res.data
-    })
-    .finally(() => {
-      loading.value = false
-    })
+  appList?.refetch()
 }
 // 确定
 const handleConfirm = (val: any) => {
@@ -217,140 +106,84 @@ const handleConfirm = (val: any) => {
     })
   }
 }
-// 重置
-const handleReset = () => {
-  form.category_name = ''
-  handleCategoryList()
-}
-// 搜索
-const handleSearch = () => {
-  // 调接口
-  if (form.category_name) {
-    tableData = rebuildData(form.category_name, tableData)
-    console.log(tableData, 'ppp')
+// 扁平列表数据
+let tableDataList = $ref<ICategory[]>([])
+// 列表配置
+const listOptions = {
+  remote: {
+    httpRequest: getCategoryList,
+    params: { type: 'tree', category_name: '' },
+    callback(data: Record<string, any>[]) {
+      tableDataList = flatten(data)
+      return { list: data }
     }
+  },
+  filters: [{ type: 'input', prop: 'name', label: '类别名称:' }],
+  columns: [
+    { align: 'center', slots: 'table-drag' },
+    { label: '类别名称', prop: 'category_name', align: 'center' },
+    { label: '层级', prop: 'depth', align: 'center' },
+    { label: '状态', prop: 'status_name', align: 'center' },
+    { label: '操作', slots: 'table-operate', width: 230, align: 'center' }
+  ]
+}
+// 数据扁平化
+function flatten(data: any[], pid = '0') {
+  return data.reduce((acc: any[], item: any) => {
+    item.pid = pid
+    acc.push(item)
+    if (item.children) {
+      acc.push(...flatten(item.children, item.id))
+    }
+    return acc
+  }, [])
 }
-// 重点代码 根据name字段模糊匹配树状结构数据，最后将处理好的数据返回出来
-const rebuildData = (value: any, arr: any) => {
-  if (!arr) {
-    return []
-  }
-  let newArr: any = []
-  arr.forEach((element: any) => {
-    console.log(element, 'element')
-    // indexOf用来判读当前节点name字段是否包含所搜索的字符串value
-    // 返回值：包含则返回索引值，反之返回-1
-    if (element.category_name.indexOf(value) > -1) {
-      const ab = rebuildData(value, element.children)
-      const obj = {
-        ...element,
-        children: ab
-      }
-      newArr.push(obj)
-    } else {
-      // 判断当前节点知否有子节点，并且子节点中有数据，有数据继续递归查找
-      if (element.children && element.children.length > 0) {
-        const ab = rebuildData(value, element.children)
-        const obj = {
-          ...element,
-          children: ab
-        }
-        if (ab && ab.length > 0) {
-          newArr.push(obj)
-        }
+// 拖拽
+function useSortable() {
+  const el = appList?.$el.querySelector('.el-table__body-wrapper tbody')
+  if (!el) return
+
+  Sortable.create(el, {
+    animation: 300,
+    onMove(evt: MoveEvent) {
+      const dragged = evt.dragged as HTMLTableRowElement
+      const related = evt.related as HTMLTableRowElement
+      const draggedRow = tableDataList[dragged.rowIndex]
+      const relatedRow = tableDataList[related.rowIndex]
+      // 禁止跨级拖拽
+      if (draggedRow.depth !== relatedRow.depth || draggedRow.pid !== relatedRow.pid) {
+        return false
       }
+    },
+    onEnd(evt: SortableEvent) {
+      const { oldIndex, newIndex } = evt
+      if (oldIndex === undefined || newIndex === undefined) return
+      const draggedRow = tableDataList[oldIndex]
+      const relatedRow = tableDataList[newIndex]
+
+      moveCategory({ id: draggedRow.id, brother_id: relatedRow.id, type: 'before' }).then(() => {
+        handleCategoryList()
+      })
     }
   })
-  return newArr
 }
-
 onMounted(() => {
-  rowDrop()
-  handleCategoryList()
+  useSortable()
 })
-// let move: any = {}
-// const click = (obj: any) => {
-//   console.log(111)
-//   move = obj
-// }
 </script>
 <template>
   <AppCard title="类别管理">
-    <div class="table-list-filter">
-      <el-form class="filter-form" :model="form">
-        <el-form-item label="类别名称:" prop="name">
-          <el-input v-model="form.category_name"></el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="handleSearch" class="btn_query">搜索</el-button>
-          <el-button @click="handleReset">重置</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
+    <AppList v-bind="listOptions" :has-pagination="false" row-key="id" ref="appList">
       <el-button type="primary" @click="handleAddCategory">新增类别</el-button>
-    <el-table
-      class="t1"
-      :data="tableData"
-      style="width: 100%"
-      row-key="id"
-      ref="dragTable"
-      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-      highlight-current-row
-      v-loading="loading"
-      :key="tableKey"
-    >
-      <el-table-column align="center">
+      <template #table-drag>
         <el-icon><Operation /></el-icon>
-
-        <!-- <template #default="scope">
-          <el-icon @mousedown="click(scope.row)"><Operation /></el-icon>
-        </template> -->
-      </el-table-column>
-      <el-table-column prop="category_name" label="类别名称" align="center" class-name="handle" />
-      <el-table-column prop="depth" label="层级" align="center" />
-      <el-table-column prop="status_name" label="状态" align="center"> </el-table-column>
-      <el-table-column align="center" label="操作" width="300px">
-        <template #default="scope">
+      </template>
+      <template #table-operate="scope">
         <el-button type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
         <el-button @click="handleAddRow(scope.$index, scope.row)">新增</el-button>
         <el-button @click="handleDelete(scope.$index, scope.row)">删除</el-button>
       </template>
-      </el-table-column>
-    </el-table>
+    </AppList>
   </AppCard>
-  <template v-if="dialogVisible === true">
-    <AddDialog
-      v-model:dialogVisible="dialogVisible"
-      @confirm="handleConfirm"
-      :editData="editData"
-      :isEdit="isEdit"
-      :title="title"
-      :prevCategoryName="prevCategoryName"
-    />
-  </template>
+  <AddDialog v-model:dialogVisible="dialogVisible" @confirm="handleConfirm" :editData="editData" :isEdit="isEdit" :title="title" :prevCategoryName="prevCategoryName" v-if="dialogVisible" />
 </template>
-<style lang="scss" scoped>
-.table-list-filter {
-  .filter-form {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    .btn_query {
-      margin-left: 30px;
-    }
-  }
-}
-
-// 拖拽
-.dragClass {
-  background: rgba($color: #41c21a, $alpha: 0.5) !important;
-}
-// 停靠
-.ghostClass {
-  background: rgba($color: #6cacf5, $alpha: 0.5) !important;
-}
-// 选择
-.chosenClass:hover > td {
-  background: rgba($color: #f56c6c, $alpha: 0.5) !important;
-}
-</style>