@netang/quasar 0.2.32 → 0.2.33

package/utils/$tree.js

@@ -1,682 +1,682 @@
-import $n_has from 'lodash/has'
-import $n_get from 'lodash/get'
-import $n_isNil from 'lodash/isNil'
-import $n_findIndex from 'lodash/findIndex'
-import $n_cloneDeep from 'lodash/cloneDeep'
-
-import $n_router from '@netang/utils/vue/router'
-
-import $n_isValidArray from '@netang/utils/isValidArray'
-import $n_isValidObject from '@netang/utils/isValidObject'
-import $n_isValidString from '@netang/utils/isValidString'
-import $n_hasId from '@netang/utils/hasId'
-import $n_http from '@netang/utils/http'
-import $n_run from '@netang/utils/run'
-import $n_storage from '@netang/utils/storage'
-
-import $n_toast from './toast'
-import $n_confirm from './confirm'
-import $n_alert from './alert'
-
-import { isRef, watch, inject, ref, computed } from 'vue'
-
-import { NPowerKey } from './symbols'
-
-/**
- * 获取节点
- */
-function getTreeNode(data, nodeId) {
-    for (const item of data) {
-
-        if (item.id === nodeId) {
-            return item
-        }
-
-        // 如果是父节点
-        if (item.children.length) {
-            const res = getTreeNode(item.children, nodeId)
-            if (res) {
-                return res
-            }
-        }
-    }
-
-    return false
-}
-
-/**
- * 获取子节点
- */
-function getChildren(data, callback) {
-    for (const item of data) {
-        if ($n_run(callback)(item) === false) {
-            return false
-        }
-        // 如果是父节点
-        if (item.children.length) {
-            const res = getChildren(item.children, callback)
-            if (res === false) {
-                return false
-            }
-        }
-    }
-    return true
-}
-
-/**
- * 创建树实例
- */
-function create(options) {
-
-    const {
-        // 路由路径
-        path,
-        // 路由参数
-        query,
-        // 树节点列表
-        nodes,
-        // 树展开节点
-        expanded,
-        // 菜单参数
-        menu: menuOptions,
-        // 初始表单数据
-        initFormData,
-        // 表单数据
-        formData,
-        // 重新加载
-        reload,
-        // 是否开启展开节点缓存
-        cache,
-    } = Object.assign({
-        // 路由路径
-        path: '',
-        // 路由参数
-        query: {},
-        // 菜单参数
-        menu: {},
-        // 是否开启展开节点缓存
-        cache: false,
-    }, options)
-
-    // 获取权限注入
-    const $power = $n_has(options, '$power') ? options.$power : inject(NPowerKey)
-    const hasPowr = !! $power
-
-    // 获取权限路由
-    const $route = $n_isValidString(path) ?
-        // 如果为自定义路由
-        $n_router.resolve({
-            path,
-            query,
-        })
-        // 否则获取当前路由
-        : (hasPowr ? $power.getRoute() : $n_router.getRoute())
-
-    // 权限按钮
-    const powerBtns = hasPowr ? $power.powerBtns : ref([])
-
-    // 是否有展开节点
-    const hasExpanded = ! $n_isNil(expanded) && isRef(expanded)
-
-    // 如果开启展开节点缓存
-    if (hasExpanded && cache) {
-
-        // 设置树展开节点初始缓存
-        expanded.value = getExpandedCache(expanded.value)
-
-        /**
-         * 监听树展开节点
-         */
-        watch(expanded, function(val) {
-            // 设置树展开节点缓存
-            setExpandedCache(val)
-        })
-    }
-
-    // 获取菜单状态
-    const menuStatus = computed(function() {
-
-        const o = Object.assign({
-            updateName: 'update',
-            moveName: 'move',
-            copyName: 'copy',
-            deleteName: 'realdel',
-            statusName: 'status'
-        }, menuOptions)
-
-        const maps = {}
-        maps[o.updateName] = 'update'
-        maps[o.moveName] = 'move'
-        maps[o.copyName] = 'copy'
-        maps[o.deleteName] = 'delete'
-        maps[o.statusName] = 'status'
-
-        const allPowerBtn = {}
-        for (const item of powerBtns.value) {
-            if ($n_has(maps, $n_get(item, 'name'))) {
-                allPowerBtn[maps[item.name]] = item
-            }
-        }
-
-        return {
-            all: $n_isValidObject(allPowerBtn),
-            update: $n_has(allPowerBtn, 'update'),
-            move: $n_has(allPowerBtn, 'move'),
-            copy: $n_has(allPowerBtn, 'copy'),
-            delete: $n_has(allPowerBtn, 'delete'),
-            status: $n_has(allPowerBtn, 'status'),
-            allPowerBtn,
-        }
-    })
-
-    /**
-     * 获取节点
-     */
-    function getNode(nodeId) {
-        return getTreeNode(nodes.value, nodeId)
-    }
-
-    /**
-     * 格式化节点
-     */
-    function formatNode(attr) {
-
-        // 设置属性
-        attr = Object.assign({}, attr)
-
-        return {
-            attr,
-            id: attr.id,
-            label: attr.title,
-            children: [],
-        }
-    }
-
-    /**
-     * 更新节点
-     */
-    function updateNode(data) {
-
-        // 获取 id
-        const id = $n_get(formData.value, 'id')
-
-        // 更新表单数据
-        formData.value = Object.assign({}, formData.value, data)
-
-        // 获取节点数据
-        const nodeItem = getNode(data.id)
-
-        // 如果为更新节点
-        if (id) {
-            if (nodeItem) {
-                Object.assign(nodeItem, {
-                    attr: Object.assign({}, formData.value),
-                    label: formData.value.title,
-                })
-            }
-
-        // 否则为新增节点
-        } else if (
-            // 如果为新增节点
-            $n_get(data, 'id')
-            // 没有节点存在
-            && ! nodeItem
-        ) {
-            // 获取父级节点
-            const parentNodeItem = getNode(formData.value.pid)
-            if (! parentNodeItem) {
-                return
-            }
-
-            // 新增节点
-            parentNodeItem.children.push(formatNode(formData.value))
-        }
-    }
-
-    /**
-     * 删除节点
-     */
-    function deleteNode({ id, attr }) {
-
-        // 获取父节点数据
-        const parentNodeItem = getNode(attr.pid)
-        if (! parentNodeItem) {
-            return
-        }
-
-        // 获取节点索引
-        const nodeIndex = $n_findIndex(parentNodeItem.children, { id })
-        if (nodeIndex > -1) {
-            parentNodeItem.children.splice(nodeIndex, 1)
-        }
-    }
-
-    /**
-     * 确认菜单
-     */
-    function confirmMenu(callback) {
-        // 确认框
-        $n_confirm({
-            message: '确认要执行该操作吗？',
-        })
-            // 点击确认执行
-            .onOk(callback)
-    }
-
-    /**
-     * 菜单点击
-     */
-    function menuClick(options) {
-
-        // 参数
-        const o = Object.assign({
-            // 菜单类型
-            type: '',
-            // 节点
-            node: null,
-        }, options)
-
-        // 菜单类型
-        switch (o.type) {
-
-            // 添加下级
-            case 'update':
-                // 更新表单数据
-                formData.value = Object.assign({}, initFormData, {
-                    pid: o.node.attr.id,
-                })
-                break
-
-            // 复制
-            case 'copy':
-                // 确认菜单
-                confirmMenu(async function() {
-
-                    if (! $n_get(menuStatus.value, 'allPowerBtn.copy.url')) {
-                        console.error('没有找到复制地址')
-                        return
-                    }
-
-                    // 复制的当前节点的属性
-                    const newAttr = Object.assign({}, o.node.attr, {
-                        title: '【复制】' + o.node.attr.title,
-                    })
-
-                    // 复制列表
-                    const copyLists = [ newAttr ]
-
-                    // 是否复制叶子节点
-                    const isLeafNode = ! o.node.children.length
-
-                    // 如果复制的是父级节点
-                    if (! isLeafNode) {
-                        getChildren(o.node.children, function(item) {
-                            copyLists.push(item.attr)
-                        })
-                    }
-
-                    // 请求 - 复制
-                    const { status, data: res } = await $n_http({
-                        url: menuStatus.value.allPowerBtn.copy.url,
-                        data: {
-                            data: copyLists,
-                        },
-                    })
-                    if (! status) {
-                        return
-                    }
-
-                    // 如果复制的是叶子节点
-                    if (isLeafNode) {
-
-                        // 如果返回了 id
-                        if ($n_hasId(res)) {
-
-                            // 更新数据
-                            Object.assign(newAttr, res)
-
-                            // 获取该叶子节点的父级节点
-                            const parentNodeItem = getNode(newAttr.pid)
-                            if (! parentNodeItem) {
-                                return
-                            }
-
-                            // 新增节点
-                            parentNodeItem.children.push(formatNode(newAttr))
-
-                        // 否则重新加载列表
-                        } else {
-                            reload()
-                        }
-
-                    // 否则重新加载列表
-                    } else {
-                        reload()
-                    }
-
-                    // 轻提示
-                    $n_toast({
-                        type: 'positive',
-                        message: '复制成功',
-                    })
-                })
-                break
-
-            // 删除
-            case 'delete':
-
-                // 如果有子节点
-                if (o.node.children.length) {
-                    // 提示框
-                    $n_alert({
-                        message: '请先删除该节点下的子节点',
-                    })
-                    return
-                }
-
-                if (! $n_get(menuStatus.value, 'allPowerBtn.delete.url')) {
-                    console.error('没有找到删除地址')
-                    return
-                }
-
-                // 确认菜单
-                confirmMenu(async function() {
-
-                    // 请求 - 删除
-                    const { status } = await $n_http({
-                        url: menuStatus.value.allPowerBtn.delete.url,
-                        data: {
-                            id: o.node.id,
-                        },
-                    })
-                    if (! status) {
-                        return
-                    }
-
-                    // 删除节点
-                    deleteNode(o.node)
-
-                    // 轻提示
-                    $n_toast({
-                        type: 'positive',
-                        message: '删除成功',
-                    })
-                })
-                break
-
-            // 全部禁用
-            case 'statusDisable':
-            // 全部正常
-            case 'statusNormal':
-
-                if (! $n_get(menuStatus.value, 'allPowerBtn.status.url')) {
-                    console.error('没有找到状态地址')
-                    return
-                }
-
-                // 确认菜单
-                confirmMenu(async function() {
-
-                    // 设置状态 ids
-                    const statusIds = [ o.node.id ]
-
-                    // 新状态
-                    const newStatus = o.type === 'statusNormal' ? 1 : 0
-
-                    // 是否叶子节点
-                    const isLeafNode = ! o.node.children.length
-
-                    // 如果复制的是父级节点
-                    if (! isLeafNode) {
-                        getChildren(o.node.children, function(item) {
-                            statusIds.push(item.id)
-                        })
-                    }
-
-                    // 请求 - 全部禁用/正常
-                    const { status } = await $n_http({
-                        url: menuStatus.value.allPowerBtn.status.url,
-                        data: {
-                            // ids
-                            ids: statusIds,
-                            // 新状态值
-                            status: newStatus,
-                        },
-                    })
-                    if (! status) {
-                        return
-                    }
-
-                    // 设置当前节点状态
-                    o.node.attr.status = newStatus
-
-                    // 如果是父级节点
-                    if (! isLeafNode) {
-                        getChildren(o.node.children, function(item) {
-                            item.attr.status = newStatus
-                        })
-                    }
-
-                    // 轻提示
-                    $n_toast({
-                        type: 'positive',
-                        message: '恭喜您，操作成功',
-                    })
-                })
-                break
-        }
-    }
-
-    /**
-     * 获取展开节点缓存
-     */
-    function getExpandedCache(defaultValue = []) {
-        // 获取展开节点缓存
-        const res = $n_storage.get('tree_expanded_' + $route.fullPath)
-        return $n_isValidArray(res) ? res : defaultValue
-    }
-
-    /**
-     * 设置展开节点缓存
-     */
-    function setExpandedCache(expanded) {
-        // 设置展开节点缓存(永久缓存)
-        $n_storage.set('tree_expanded_' + $route.fullPath, expanded, 0)
-    }
-
-    /**
-     * 展开全部
-     */
-    function expandAll() {
-
-        // 展开节点 ids
-        const ids = []
-
-        function getChildren(data) {
-            for (const { id, children } of data) {
-                ids.push(id)
-                if ($n_isValidArray(children)) {
-                    getChildren(children)
-                }
-            }
-        }
-
-        if ($n_isValidArray(nodes.value)) {
-            getChildren(nodes.value)
-        }
-
-        // 设置展开节点数组
-        expanded.value = ids
-    }
-
-    /**
-     * 收起全部
-     */
-    function collapseAll() {
-        // 设置展开节点数组
-        expanded.value = [0]
-    }
-
-    /**
-     * 判断节点能否被拖拽
-     */
-    function allowDrag(draggingNode) {
-        return $n_hasId(draggingNode.id)
-    }
-
-    /**
-     * 拖拽时判定目标节点能否被放置, type 参数: top / inner / bottom / none ( 目标节点上方 / 目标节点内部 / 目标节点下方 / 无任何操作 )
-     */
-    function allowDrop(draggingNode, dropNode, dropType) {
-        return dropType === 'inner'
-            || $n_hasId(dropNode.id)
-    }
-
-    /**
-     * 树节点拖拽结束
-     */
-    async function nodeDragEnd(draggingNode, dropNode, dropType, doDrop) {
-        if (dropType !== 'none') {
-
-            if (! $n_get(menuStatus.value, 'allPowerBtn.move.url')) {
-
-                // 提示框
-                $n_alert({
-                    message: '没有找到移动地址',
-                })
-
-                return
-            }
-
-            // 克隆当前树列表数据
-            const nodesClone = $n_cloneDeep(nodes.value)
-
-            // 开始拖拽
-            const children = doDrop()
-            if (children === false) {
-                return
-            }
-
-            // 修改拖拽节点的父级 id
-            draggingNode.attr.pid =
-                // 如果拖动节点 在 目标节点的 内部
-                dropType === 'inner' ?
-                    // 将拖动节点的 pid 改为 目标节点的 id
-                    dropNode.attr.id
-                    // 将拖动节点的 pid 改为 目标节点的 pid
-                    : dropNode.attr.pid
-
-            // 移动列表
-            const moveLists = []
-
-            // 当前拖拽节点在新列表中的索引
-            let dropIndex = $n_findIndex(children, e => e.id === draggingNode.id)
-            if (dropIndex > -1) {
-
-                // if (
-                //     // 如果拖拽到目标节点下方
-                //     dropType === 'bottom'
-                //     // 并且拖拽节点当前的位置不是第一个
-                //     && dropIndex > 0
-                // ) {
-                //     dropIndex--
-                // }
-                // for (let i = dropIndex; i < children.length; i++) {
-                //     const { attr } = children[i]
-                //     attr.sort = i + 1
-                //     moveLists.push({
-                //         id: attr.id,
-                //         pid: attr.pid,
-                //         sort: attr.sort,
-                //     })
-                // }
-
-                for (let i = 0, len = children.length; i < len; i++) {
-                    const { attr } = children[i]
-
-                    // 新排序号
-                    const newSort = i + 1
-
-                    if (
-                        i >= dropIndex
-                        || newSort !== attr.sort
-                    ) {
-                        attr.sort = newSort
-                        moveLists.push({
-                            id: attr.id,
-                            pid: attr.pid,
-                            sort: attr.sort,
-                        })
-                    }
-                }
-
-                // 如果有移动列表
-                if (moveLists.length) {
-
-                    // 请求 - 移动
-                    const { status } = await $n_http({
-                        url: menuStatus.value.allPowerBtn.move.url,
-                        data: {
-                            data: moveLists,
-                        },
-                    })
-
-                    // 移动成功
-                    if (status) {
-                        return
-                    }
-                }
-            }
-
-            // 移动失败, 还原数据
-            nodes.value = nodesClone
-        }
-    }
-
-    return {
-        // 当前路由全路径
-        routeFullPath: $route.fullPath,
-        // 当前路由路径
-        routePath: $route.path,
-        // 当前路由参数
-        routeQuery: $route.query,
-        // 菜单状态
-        menuStatus,
-        // 获取当前路由
-        getRoute() {
-            return $route
-        },
-        // 获取节点
-        getNode,
-        // 更新节点
-        updateNode,
-        // 删除节点
-        deleteNode,
-        // 菜单点击
-        menuClick,
-        // 获取展开节点缓存
-        getExpandedCache,
-        // 设置展开节点缓存
-        setExpandedCache,
-        // 展开全部
-        expandAll,
-        // 收起全部
-        collapseAll,
-        // 判断节点能否被拖拽
-        allowDrag,
-        // 拖拽时判定目标节点能否被放置, type 参数: top / inner / bottom / none ( 目标节点上方 / 目标节点内部 / 目标节点下方 / 无任何操作 )
-        allowDrop,
-        // 树节点拖拽结束
-        nodeDragEnd,
-    }
-}
-
-/**
- * 树业务
- */
-const $tree = {
-    // 创建树实例
-    create,
-}
-
-export default $tree
+import $n_has from 'lodash/has'
+import $n_get from 'lodash/get'
+import $n_isNil from 'lodash/isNil'
+import $n_findIndex from 'lodash/findIndex'
+import $n_cloneDeep from 'lodash/cloneDeep'
+
+import $n_router from '@netang/utils/vue/router'
+
+import $n_isValidArray from '@netang/utils/isValidArray'
+import $n_isValidObject from '@netang/utils/isValidObject'
+import $n_isValidString from '@netang/utils/isValidString'
+import $n_hasId from '@netang/utils/hasId'
+import $n_http from '@netang/utils/http'
+import $n_run from '@netang/utils/run'
+import $n_storage from '@netang/utils/storage'
+
+import $n_toast from './toast'
+import $n_confirm from './confirm'
+import $n_alert from './alert'
+
+import { isRef, watch, inject, ref, computed } from 'vue'
+
+import { NPowerKey } from './symbols'
+
+/**
+ * 获取节点
+ */
+function getTreeNode(data, nodeId) {
+    for (const item of data) {
+
+        if (item.id === nodeId) {
+            return item
+        }
+
+        // 如果是父节点
+        if (item.children.length) {
+            const res = getTreeNode(item.children, nodeId)
+            if (res) {
+                return res
+            }
+        }
+    }
+
+    return false
+}
+
+/**
+ * 获取子节点
+ */
+function getChildren(data, callback) {
+    for (const item of data) {
+        if ($n_run(callback)(item) === false) {
+            return false
+        }
+        // 如果是父节点
+        if (item.children.length) {
+            const res = getChildren(item.children, callback)
+            if (res === false) {
+                return false
+            }
+        }
+    }
+    return true
+}
+
+/**
+ * 创建树实例
+ */
+function create(options) {
+
+    const {
+        // 路由路径
+        path,
+        // 路由参数
+        query,
+        // 树节点列表
+        nodes,
+        // 树展开节点
+        expanded,
+        // 菜单参数
+        menu: menuOptions,
+        // 初始表单数据
+        initFormData,
+        // 表单数据
+        formData,
+        // 重新加载
+        reload,
+        // 是否开启展开节点缓存
+        cache,
+    } = Object.assign({
+        // 路由路径
+        path: '',
+        // 路由参数
+        query: {},
+        // 菜单参数
+        menu: {},
+        // 是否开启展开节点缓存
+        cache: false,
+    }, options)
+
+    // 获取权限注入
+    const $power = $n_has(options, '$power') ? options.$power : inject(NPowerKey)
+    const hasPowr = !! $power
+
+    // 获取权限路由
+    const $route = $n_isValidString(path) ?
+        // 如果为自定义路由
+        $n_router.resolve({
+            path,
+            query,
+        })
+        // 否则获取当前路由
+        : (hasPowr ? $power.getRoute() : $n_router.getRoute())
+
+    // 权限按钮
+    const powerBtns = hasPowr ? $power.powerBtns : ref([])
+
+    // 是否有展开节点
+    const hasExpanded = ! $n_isNil(expanded) && isRef(expanded)
+
+    // 如果开启展开节点缓存
+    if (hasExpanded && cache) {
+
+        // 设置树展开节点初始缓存
+        expanded.value = getExpandedCache(expanded.value)
+
+        /**
+         * 监听树展开节点
+         */
+        watch(expanded, function(val) {
+            // 设置树展开节点缓存
+            setExpandedCache(val)
+        })
+    }
+
+    // 获取菜单状态
+    const menuStatus = computed(function() {
+
+        const o = Object.assign({
+            updateName: 'update',
+            moveName: 'move',
+            copyName: 'copy',
+            deleteName: 'realdel',
+            statusName: 'status'
+        }, menuOptions)
+
+        const maps = {}
+        maps[o.updateName] = 'update'
+        maps[o.moveName] = 'move'
+        maps[o.copyName] = 'copy'
+        maps[o.deleteName] = 'delete'
+        maps[o.statusName] = 'status'
+
+        const allPowerBtn = {}
+        for (const item of powerBtns.value) {
+            if ($n_has(maps, $n_get(item, 'name'))) {
+                allPowerBtn[maps[item.name]] = item
+            }
+        }
+
+        return {
+            all: $n_isValidObject(allPowerBtn),
+            update: $n_has(allPowerBtn, 'update'),
+            move: $n_has(allPowerBtn, 'move'),
+            copy: $n_has(allPowerBtn, 'copy'),
+            delete: $n_has(allPowerBtn, 'delete'),
+            status: $n_has(allPowerBtn, 'status'),
+            allPowerBtn,
+        }
+    })
+
+    /**
+     * 获取节点
+     */
+    function getNode(nodeId) {
+        return getTreeNode(nodes.value, nodeId)
+    }
+
+    /**
+     * 格式化节点
+     */
+    function formatNode(attr) {
+
+        // 设置属性
+        attr = Object.assign({}, attr)
+
+        return {
+            attr,
+            id: attr.id,
+            label: attr.title,
+            children: [],
+        }
+    }
+
+    /**
+     * 更新节点
+     */
+    function updateNode(data) {
+
+        // 获取 id
+        const id = $n_get(formData.value, 'id')
+
+        // 更新表单数据
+        formData.value = Object.assign({}, formData.value, data)
+
+        // 获取节点数据
+        const nodeItem = getNode(data.id)
+
+        // 如果为更新节点
+        if (id) {
+            if (nodeItem) {
+                Object.assign(nodeItem, {
+                    attr: Object.assign({}, formData.value),
+                    label: formData.value.title,
+                })
+            }
+
+        // 否则为新增节点
+        } else if (
+            // 如果为新增节点
+            $n_get(data, 'id')
+            // 没有节点存在
+            && ! nodeItem
+        ) {
+            // 获取父级节点
+            const parentNodeItem = getNode(formData.value.pid)
+            if (! parentNodeItem) {
+                return
+            }
+
+            // 新增节点
+            parentNodeItem.children.push(formatNode(formData.value))
+        }
+    }
+
+    /**
+     * 删除节点
+     */
+    function deleteNode({ id, attr }) {
+
+        // 获取父节点数据
+        const parentNodeItem = getNode(attr.pid)
+        if (! parentNodeItem) {
+            return
+        }
+
+        // 获取节点索引
+        const nodeIndex = $n_findIndex(parentNodeItem.children, { id })
+        if (nodeIndex > -1) {
+            parentNodeItem.children.splice(nodeIndex, 1)
+        }
+    }
+
+    /**
+     * 确认菜单
+     */
+    function confirmMenu(callback) {
+        // 确认框
+        $n_confirm({
+            message: '确认要执行该操作吗？',
+        })
+            // 点击确认执行
+            .onOk(callback)
+    }
+
+    /**
+     * 菜单点击
+     */
+    function menuClick(options) {
+
+        // 参数
+        const o = Object.assign({
+            // 菜单类型
+            type: '',
+            // 节点
+            node: null,
+        }, options)
+
+        // 菜单类型
+        switch (o.type) {
+
+            // 添加下级
+            case 'update':
+                // 更新表单数据
+                formData.value = Object.assign({}, initFormData, {
+                    pid: o.node.attr.id,
+                })
+                break
+
+            // 复制
+            case 'copy':
+                // 确认菜单
+                confirmMenu(async function() {
+
+                    if (! $n_get(menuStatus.value, 'allPowerBtn.copy.url')) {
+                        console.error('没有找到复制地址')
+                        return
+                    }
+
+                    // 复制的当前节点的属性
+                    const newAttr = Object.assign({}, o.node.attr, {
+                        title: '【复制】' + o.node.attr.title,
+                    })
+
+                    // 复制列表
+                    const copyLists = [ newAttr ]
+
+                    // 是否复制叶子节点
+                    const isLeafNode = ! o.node.children.length
+
+                    // 如果复制的是父级节点
+                    if (! isLeafNode) {
+                        getChildren(o.node.children, function(item) {
+                            copyLists.push(item.attr)
+                        })
+                    }
+
+                    // 请求 - 复制
+                    const { status, data: res } = await $n_http({
+                        url: menuStatus.value.allPowerBtn.copy.url,
+                        data: {
+                            data: copyLists,
+                        },
+                    })
+                    if (! status) {
+                        return
+                    }
+
+                    // 如果复制的是叶子节点
+                    if (isLeafNode) {
+
+                        // 如果返回了 id
+                        if ($n_hasId(res)) {
+
+                            // 更新数据
+                            Object.assign(newAttr, res)
+
+                            // 获取该叶子节点的父级节点
+                            const parentNodeItem = getNode(newAttr.pid)
+                            if (! parentNodeItem) {
+                                return
+                            }
+
+                            // 新增节点
+                            parentNodeItem.children.push(formatNode(newAttr))
+
+                        // 否则重新加载列表
+                        } else {
+                            reload()
+                        }
+
+                    // 否则重新加载列表
+                    } else {
+                        reload()
+                    }
+
+                    // 轻提示
+                    $n_toast({
+                        type: 'positive',
+                        message: '复制成功',
+                    })
+                })
+                break
+
+            // 删除
+            case 'delete':
+
+                // 如果有子节点
+                if (o.node.children.length) {
+                    // 提示框
+                    $n_alert({
+                        message: '请先删除该节点下的子节点',
+                    })
+                    return
+                }
+
+                if (! $n_get(menuStatus.value, 'allPowerBtn.delete.url')) {
+                    console.error('没有找到删除地址')
+                    return
+                }
+
+                // 确认菜单
+                confirmMenu(async function() {
+
+                    // 请求 - 删除
+                    const { status } = await $n_http({
+                        url: menuStatus.value.allPowerBtn.delete.url,
+                        data: {
+                            id: o.node.id,
+                        },
+                    })
+                    if (! status) {
+                        return
+                    }
+
+                    // 删除节点
+                    deleteNode(o.node)
+
+                    // 轻提示
+                    $n_toast({
+                        type: 'positive',
+                        message: '删除成功',
+                    })
+                })
+                break
+
+            // 全部禁用
+            case 'statusDisable':
+            // 全部正常
+            case 'statusNormal':
+
+                if (! $n_get(menuStatus.value, 'allPowerBtn.status.url')) {
+                    console.error('没有找到状态地址')
+                    return
+                }
+
+                // 确认菜单
+                confirmMenu(async function() {
+
+                    // 设置状态 ids
+                    const statusIds = [ o.node.id ]
+
+                    // 新状态
+                    const newStatus = o.type === 'statusNormal' ? 1 : 0
+
+                    // 是否叶子节点
+                    const isLeafNode = ! o.node.children.length
+
+                    // 如果复制的是父级节点
+                    if (! isLeafNode) {
+                        getChildren(o.node.children, function(item) {
+                            statusIds.push(item.id)
+                        })
+                    }
+
+                    // 请求 - 全部禁用/正常
+                    const { status } = await $n_http({
+                        url: menuStatus.value.allPowerBtn.status.url,
+                        data: {
+                            // ids
+                            ids: statusIds,
+                            // 新状态值
+                            status: newStatus,
+                        },
+                    })
+                    if (! status) {
+                        return
+                    }
+
+                    // 设置当前节点状态
+                    o.node.attr.status = newStatus
+
+                    // 如果是父级节点
+                    if (! isLeafNode) {
+                        getChildren(o.node.children, function(item) {
+                            item.attr.status = newStatus
+                        })
+                    }
+
+                    // 轻提示
+                    $n_toast({
+                        type: 'positive',
+                        message: '恭喜您，操作成功',
+                    })
+                })
+                break
+        }
+    }
+
+    /**
+     * 获取展开节点缓存
+     */
+    function getExpandedCache(defaultValue = []) {
+        // 获取展开节点缓存
+        const res = $n_storage.get('tree_expanded_' + $route.fullPath)
+        return $n_isValidArray(res) ? res : defaultValue
+    }
+
+    /**
+     * 设置展开节点缓存
+     */
+    function setExpandedCache(expanded) {
+        // 设置展开节点缓存(永久缓存)
+        $n_storage.set('tree_expanded_' + $route.fullPath, expanded, 0)
+    }
+
+    /**
+     * 展开全部
+     */
+    function expandAll() {
+
+        // 展开节点 ids
+        const ids = []
+
+        function getChildren(data) {
+            for (const { id, children } of data) {
+                ids.push(id)
+                if ($n_isValidArray(children)) {
+                    getChildren(children)
+                }
+            }
+        }
+
+        if ($n_isValidArray(nodes.value)) {
+            getChildren(nodes.value)
+        }
+
+        // 设置展开节点数组
+        expanded.value = ids
+    }
+
+    /**
+     * 收起全部
+     */
+    function collapseAll() {
+        // 设置展开节点数组
+        expanded.value = [0]
+    }
+
+    /**
+     * 判断节点能否被拖拽
+     */
+    function allowDrag(draggingNode) {
+        return $n_hasId(draggingNode.id)
+    }
+
+    /**
+     * 拖拽时判定目标节点能否被放置, type 参数: top / inner / bottom / none ( 目标节点上方 / 目标节点内部 / 目标节点下方 / 无任何操作 )
+     */
+    function allowDrop(draggingNode, dropNode, dropType) {
+        return dropType === 'inner'
+            || $n_hasId(dropNode.id)
+    }
+
+    /**
+     * 树节点拖拽结束
+     */
+    async function nodeDragEnd(draggingNode, dropNode, dropType, doDrop) {
+        if (dropType !== 'none') {
+
+            if (! $n_get(menuStatus.value, 'allPowerBtn.move.url')) {
+
+                // 提示框
+                $n_alert({
+                    message: '没有找到移动地址',
+                })
+
+                return
+            }
+
+            // 克隆当前树列表数据
+            const nodesClone = $n_cloneDeep(nodes.value)
+
+            // 开始拖拽
+            const children = doDrop()
+            if (children === false) {
+                return
+            }
+
+            // 修改拖拽节点的父级 id
+            draggingNode.attr.pid =
+                // 如果拖动节点 在 目标节点的 内部
+                dropType === 'inner' ?
+                    // 将拖动节点的 pid 改为 目标节点的 id
+                    dropNode.attr.id
+                    // 将拖动节点的 pid 改为 目标节点的 pid
+                    : dropNode.attr.pid
+
+            // 移动列表
+            const moveLists = []
+
+            // 当前拖拽节点在新列表中的索引
+            let dropIndex = $n_findIndex(children, e => e.id === draggingNode.id)
+            if (dropIndex > -1) {
+
+                // if (
+                //     // 如果拖拽到目标节点下方
+                //     dropType === 'bottom'
+                //     // 并且拖拽节点当前的位置不是第一个
+                //     && dropIndex > 0
+                // ) {
+                //     dropIndex--
+                // }
+                // for (let i = dropIndex; i < children.length; i++) {
+                //     const { attr } = children[i]
+                //     attr.sort = i + 1
+                //     moveLists.push({
+                //         id: attr.id,
+                //         pid: attr.pid,
+                //         sort: attr.sort,
+                //     })
+                // }
+
+                for (let i = 0, len = children.length; i < len; i++) {
+                    const { attr } = children[i]
+
+                    // 新排序号
+                    const newSort = i + 1
+
+                    if (
+                        i >= dropIndex
+                        || newSort !== attr.sort
+                    ) {
+                        attr.sort = newSort
+                        moveLists.push({
+                            id: attr.id,
+                            pid: attr.pid,
+                            sort: attr.sort,
+                        })
+                    }
+                }
+
+                // 如果有移动列表
+                if (moveLists.length) {
+
+                    // 请求 - 移动
+                    const { status } = await $n_http({
+                        url: menuStatus.value.allPowerBtn.move.url,
+                        data: {
+                            data: moveLists,
+                        },
+                    })
+
+                    // 移动成功
+                    if (status) {
+                        return
+                    }
+                }
+            }
+
+            // 移动失败, 还原数据
+            nodes.value = nodesClone
+        }
+    }
+
+    return {
+        // 当前路由全路径
+        routeFullPath: $route.fullPath,
+        // 当前路由路径
+        routePath: $route.path,
+        // 当前路由参数
+        routeQuery: $route.query,
+        // 菜单状态
+        menuStatus,
+        // 获取当前路由
+        getRoute() {
+            return $route
+        },
+        // 获取节点
+        getNode,
+        // 更新节点
+        updateNode,
+        // 删除节点
+        deleteNode,
+        // 菜单点击
+        menuClick,
+        // 获取展开节点缓存
+        getExpandedCache,
+        // 设置展开节点缓存
+        setExpandedCache,
+        // 展开全部
+        expandAll,
+        // 收起全部
+        collapseAll,
+        // 判断节点能否被拖拽
+        allowDrag,
+        // 拖拽时判定目标节点能否被放置, type 参数: top / inner / bottom / none ( 目标节点上方 / 目标节点内部 / 目标节点下方 / 无任何操作 )
+        allowDrop,
+        // 树节点拖拽结束
+        nodeDragEnd,
+    }
+}
+
+/**
+ * 树业务
+ */
+const $tree = {
+    // 创建树实例
+    create,
+}
+
+export default $tree