@para-ui/core 3.0.55 → 3.0.56

package/Desktop/index.js

@@ -0,0 +1,746 @@
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React__default, { useRef, useState, useMemo } from 'react';
+import { TextField } from '../TextField/index.js';
+import { Button } from '../Button/index.js';
+import { DeepClone } from '@paraview/lib';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/typeof-498dd2b1.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Label/index.js';
+import '../Help/index.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import 'clsx';
+import '@para-ui/icons/Help';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircle';
+import '../AutoTips/index.js';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../HelperText/index.js';
+import '../_verture/useGlobalProps-1b846a65.js';
+import '@para-ui/core/GlobalContext';
+import '../_verture/index-77f9e0fb.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+import '@para-ui/icons/Forbid';
+import '@para-ui/icons/Down';
+import '../_verture/useFormatMessage-703f8b20.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-desktop {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-desktop .desktop-title {\n  display: flex;\n  height: 40px;\n  line-height: 40px;\n  font-size: 17px;\n  margin: 15px 0;\n}\n.paraui-v3-desktop .desktop-title > .desktop-backlist {\n  float: left;\n  width: 110px;\n  margin: 5px;\n}\n.paraui-v3-desktop .desktop-title > div {\n  width: 100%;\n  text-align: center;\n}\n.paraui-v3-desktop .desktop-title > div > span {\n  cursor: pointer;\n  font-weight: bold;\n}\n.paraui-v3-desktop .desktop-box {\n  position: relative;\n  width: 100%;\n  height: calc(100% - 50px);\n}\n.paraui-v3-desktop .desktop-box .desktop-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: #efefef;\n  transition: top 0.5s, left 0.5s;\n  user-select: none;\n  box-shadow: 4px 4px 6px #dcdde3, -4px -4px 6px #f0f0f0;\n  border-radius: 4px;\n  cursor: pointer;\n  color: #5b5b5b;\n}\n.paraui-v3-desktop .desktop-box .desktop-item .item-name {\n  text-align: center;\n  position: absolute;\n  bottom: 10px;\n  width: 100%;\n  font-size: 14px;\n}\n.paraui-v3-desktop .desktop-box .desktop-item .item-dir-name {\n  overflow: hidden;\n  font-size: 17px;\n  font-weight: bold;\n  padding: 25px 15px;\n  word-break: break-word;\n}\n.paraui-v3-desktop .desktop-box .desktop-item .item-body {\n  text-align: center;\n}\n.paraui-v3-desktop .desktop-box .desktop-item .item-body img {\n  height: 80px;\n  margin-top: 25px;\n  pointer-events: none;\n}\n.paraui-v3-desktop .desktop-box .item-disable {\n  box-shadow: none;\n  background-color: #dbdbdb;\n  cursor: not-allowed;\n}\n.paraui-v3-desktop .desktop-box .item-disable img {\n  opacity: 0.3;\n}\n.paraui-v3-desktop .desktop-box [drag-item=true] {\n  z-index: 2;\n  transition: none;\n}\n.paraui-v3-desktop .desktop-box [impact=true] {\n  background-color: #E9EFFD;\n}\n.paraui-v3-desktop .desktop-box [in-dir=true] {\n  display: none !important;\n}\n.paraui-v3-desktop .desktop-box .img-box {\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n  margin-top: 10px;\n}\n.paraui-v3-desktop .desktop-box .img-box > img {\n  width: 100px;\n  height: 100px;\n  user-drag: none;\n}\n.paraui-v3-desktop .desktop-box .desktop-dir .img-box {\n  display: inline-block;\n}\n.paraui-v3-desktop .desktop-box .desktop-dir .img-box > img {\n  width: 40px;\n  height: 40px;\n  margin: 5px 15px;\n}\n.paraui-v3-desktop .menu-list {\n  position: absolute;\n  box-shadow: 4px 4px 6px #dcdde3;\n  background-color: #ffffff;\n  font-size: 14px;\n  border-radius: 4px;\n  z-index: 10;\n  display: none;\n  transition: background-color 0.2s;\n}\n.paraui-v3-desktop .menu-list .menu-item {\n  padding: 5px 15px;\n  cursor: pointer;\n}\n.paraui-v3-desktop .menu-list .menu-item:hover {\n  background-color: rgb(246, 246, 246);\n}";
+styleInject(css_248z);
+
+/** 默认图标 */
+var Icon = 'data:image/png;base64,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';
+var defaultMatrix = {
+  width: 200,
+  height: 150,
+  gapX: 20,
+  gapY: 20
+};
+/** 当前页面渲染map对象 */
+var map = [];
+var resizeTimeout;
+var saveTimeout;
+var dragData;
+var impactBorder = 0.3; // 左右碰撞边界阈值 < 0.5，当0.5时则无中心碰撞 | impactBorder | 100% - impactBorder * 2 | impactBorder |
+var dragLock = false;
+var dirItem;
+var contextMenuData;
+var Desktop = function Desktop(props) {
+  var desktopRef = useRef();
+  var menuRef = useRef();
+  var _props$sort = props.sort,
+    sort = _props$sort === void 0 ? {} : _props$sort;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    line = _useState2[0],
+    setLine = _useState2[1]; // 每行个数
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    data = _useState4[0],
+    setData = _useState4[1]; // 数据源
+  var _useState5 = useState('_'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dir = _useState6[0],
+    setDir = _useState6[1]; // _ 显示列表页, key显示文件夹
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    showInput = _useState8[0],
+    setShowInput = _useState8[1]; // 显示文件夹名字输入框
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    inputValue = _useState10[0],
+    setInputValue = _useState10[1]; // 文件夹名字
+  var sortJson = sort[dir] || {};
+  React__default.useEffect(function () {
+    document.addEventListener('resize', function () {
+      clearTimeout(resizeTimeout);
+      resizeTimeout = setTimeout(function () {
+        setLine(getLine());
+      }, 200);
+    });
+    window.addEventListener('mousedown', function (e) {
+      if (e.target.closest('.menu-list')) return;
+      if (menuRef.current) menuRef.current.style.display = 'none';
+    });
+  }, []);
+  React__default.useEffect(function () {
+    setLine(getLine());
+    setData(props.data);
+  }, [props.data]);
+  /**
+   * 计算每行个数
+   * @return number
+   */
+  var getLine = function getLine() {
+    var desktop = desktopRef.current;
+    if (desktop) {
+      var rect = desktop.getBoundingClientRect();
+      var itemLine = rect.width / (defaultMatrix.width + defaultMatrix.gapX) | 0;
+      return itemLine;
+    }
+    return 1;
+  };
+  /**
+   * 点击事件
+   * @param e 元素
+   */
+  var onClick = function onClick(e) {
+    if (dragLock) return;
+    var key = e.currentTarget.getAttribute('data-key');
+    var mapItem = getMapItem(key);
+    if (mapItem.disable) return false;
+    if (mapItem.type !== 'dir') {
+      props.onClick && props.onClick(mapItem);
+      return false;
+    }
+    dirItem = mapItem;
+    setDir(mapItem.key);
+  };
+  /**
+   * 右键菜单
+   * @param e 元素
+   */
+  var onContextMenu = function onContextMenu(e) {
+    if (dir === '_') return;
+    e.preventDefault();
+    if (dragLock) return;
+    var key = e.currentTarget.getAttribute('data-key');
+    contextMenuData = getMapItem(key);
+    setPoint(menuRef.current, e.pageX, e.pageY);
+    menuRef.current.style.display = 'block';
+  };
+  /**
+   * 移出文件夹
+   * @param e 元素
+   */
+  var outDir = function outDir(e) {
+    if (dir === '_') return;
+    var sortItem = getSortRootItem(dirItem.key);
+    sortItem.children = sortItem.children.filter(function (key) {
+      return key !== contextMenuData.key;
+    });
+    onSort();
+    if (sortItem.children.length > 0) {
+      var dom = getItemByKey(contextMenuData.key);
+      if (dom) dom.style.display = 'none';
+      var i = contextMenuData.index;
+      var l = map.length - 1;
+      for (; i < l; i++) {
+        var item = map[i + 1];
+        setNewPoint(item, i);
+      }
+      map.pop();
+    } else {
+      // 目录微空退出目录
+      map.pop();
+      delete sort[dirItem.key];
+      backList();
+    }
+    menuRef.current.style.display = 'none';
+  };
+  /**
+   * 返回列表
+   */
+  var backList = function backList() {
+    dirItem = null;
+    setDir('_');
+  };
+  /**
+   * 应用节点
+   * @param item 数据
+   * @param index 下标
+   * @param type 文件夹 / 单个组件
+   * @return ReactNode
+   */
+  var getItem = function getItem(item, index, type) {
+    map[index] = getItemData(item, index, type);
+    item = map[index];
+    var style = {
+      left: map[index].point.x + 'px',
+      top: map[index].point.y + 'px',
+      width: defaultMatrix.width,
+      height: defaultMatrix.height
+    };
+    return jsx("div", Object.assign({
+      className: "desktop-item".concat(item.type === 'dir' ? ' desktop-dir' : '').concat(item.disable ? ' item-disable' : ''),
+      onContextMenu: onContextMenu,
+      onClick: onClick,
+      style: style,
+      "data-key": item.key,
+      "data-index": index
+    }, {
+      children: type === 'dir' ? jsx("div", Object.assign({
+        className: 'item-dir-name'
+      }, {
+        children: item.displayName
+      })) : jsxs(Fragment, {
+        children: [jsx("div", Object.assign({
+          className: 'item-body'
+        }, {
+          children: jsx("img", {
+            src: item.icon || Icon
+          })
+        })), jsx("div", Object.assign({
+          className: 'item-name'
+        }, {
+          children: item.displayName
+        }))]
+      })
+    }), dir + item.key + index + line);
+  };
+  /**
+   * 节点数据
+   * @param item 当前数据
+   * @param index 下标
+   * @param type 文件夹 / 单个组件
+   */
+  var getItemData = function getItemData(item, index, type) {
+    return {
+      index: index,
+      data: item,
+      key: item.key,
+      icon: item.icon,
+      disable: item.disable || false,
+      type: type || 'item',
+      displayName: item.displayName || item.name,
+      point: getPoint(index),
+      children: item.children || []
+    };
+  };
+  /**
+   * 获取位置大小
+   * @param index 下标
+   */
+  var getPoint = function getPoint(index) {
+    var w = defaultMatrix.width + defaultMatrix.gapX;
+    var h = defaultMatrix.height + defaultMatrix.gapY;
+    var indexX = index % line; // X行
+    var indexY = index / line | 0; // Y行
+    return {
+      x: indexX * w,
+      y: indexY * h,
+      width: defaultMatrix.width,
+      height: defaultMatrix.height
+    };
+  };
+  var getAppMap = function getAppMap() {
+    var appmap = {};
+    props.data.forEach(function (item) {
+      if (dir === '_') {
+        appmap[item.key] = item;
+      } else {
+        if (dirItem.children.indexOf(item.key) !== -1) appmap[item.key] = item;
+      }
+    });
+    return appmap;
+  };
+  /**
+   * 渲染应用列表
+   * @return ReactNode
+   */
+  var getList = React__default.useMemo(function () {
+    if (line === 0) return null;
+    map = [];
+    // 存在排序数据
+    if (sortJson.length > 0) {
+      //dataMap
+      var appmap = getAppMap();
+      var index = 0;
+      var list1 = sortJson.map(function (sortItem) {
+        var key = sortItem.key,
+          type = sortItem.type;
+        if (!appmap[key] && type !== 'dir') return;
+        var item = Object.assign({}, appmap[key]);
+        delete appmap[key];
+        var app;
+        if (type === 'dir') {
+          var isNull = true;
+          sortItem.children.forEach(function (child) {
+            if (appmap[child]) {
+              isNull = false;
+              delete appmap[child];
+            }
+          });
+          if (isNull) return null; // 文件夹为空则不渲染
+          app = getItem(sortItem, index, type);
+        } else app = getItem(item, index);
+        index++;
+        return app;
+      });
+      //if (dir === '_') {
+      // 是否存在排序列表之外的应用
+      var newapp = Object.keys(appmap);
+      if (newapp.length > 0) {
+        var list2 = newapp.map(function (key) {
+          var item = appmap[key];
+          return getItem(item, map.length);
+        });
+        list1 = [].concat(_toConsumableArray(list1), _toConsumableArray(list2));
+      }
+      //}
+      return list1;
+    }
+    // 文件夹内部渲染
+    if (dir !== '_' && dirItem) {
+      var _appmap = getAppMap();
+      var _index = 0;
+      return dirItem.children.map(function (key) {
+        if (!_appmap[key]) return null; // 过滤已经不存在的应用
+        var app = getItem(_appmap[key], _index);
+        _index++;
+        return app;
+      });
+    }
+    // 默认渲染
+    return props.data.map(function (item, index) {
+      return getItem(item, index);
+    });
+  }, [data, line, dir]);
+  /**
+   * mouseDown
+   * @param e 元素
+   */
+  var onMouseDown = function onMouseDown(e) {
+    if (dragLock) return;
+    //reset();
+    var target = e.target.closest('.desktop-item');
+    if (!target) return;
+    var index = target.getAttribute('data-index');
+    dragData = Object.assign(Object.assign({}, map[index]), {
+      target: target,
+      start: {
+        x: e.pageX,
+        y: e.pageY
+      }
+    });
+    target.setAttribute('drag-item', 'true');
+    window.addEventListener('mousemove', onMouseMove);
+    window.addEventListener('mouseup', onMouseUp);
+  };
+  /**
+   * 拖拽目标
+   * @param e {MouseEvent} 元素
+   */
+  var onMouseMove = function onMouseMove(e) {
+    if (Math.abs(dragData.start.x - e.pageX) > 3) dragLock = true;
+    var x = dragData.point.x + (e.pageX - dragData.start.x);
+    var y = dragData.point.y + (e.pageY - dragData.start.y) + desktopRef.current.scrollTop;
+    setPoint(dragData.target, x, y);
+    // 计算光标碰撞
+    //const list = Object.keys(map);
+    var dragRect = {
+      x: x,
+      y: y,
+      w: dragData.point.x + dragData.point.width,
+      h: dragData.point.y + dragData.point.height,
+      width: dragData.point.width,
+      height: dragData.point.height
+    };
+    var dragCentre = {
+      x: dragRect.x + dragRect.width / 2,
+      y: dragRect.y + dragRect.height / 2
+    };
+    for (var i = 0, l = map.length; i < l; i++) {
+      var item = map[i];
+      if (!item || String(item.key) === String(dragData.key)) continue;
+      if (item.parent && dir !== item.parent) continue;
+      /*
+      * x,y_____
+      * |       |
+      * |_____w,h
+      */
+      var rect = {
+        x: item.point.x,
+        y: item.point.y,
+        w: item.point.x + item.point.width,
+        h: item.point.y + item.point.height
+      };
+      var border = impactBorder;
+      // 中心点矩阵碰撞检测
+      if (checkPointRange(dragCentre, rect)) {
+        var impactDom = getItemByKey(item.key);
+        if (!impactDom) continue;
+        reset('impact');
+        impactDom.setAttribute('impact', 'true');
+        dragData.impact = {
+          data: item,
+          rect: rect
+        };
+        dragData.impact = {
+          data: item,
+          rect: rect
+        };
+        if (dragData.data.type === 'dir' || dir !== '_') {
+          border = 0.5;
+        }
+        // 计算碰撞位置，左，中，右
+        var _dragCentre = {
+          x: dragRect.x + dragRect.width / 2,
+          y: dragRect.y + dragRect.height / 2
+        };
+        var width = item.point.width;
+        if (_dragCentre.x < rect.x + width * border) {
+          dragData.position = 'left';
+          setPoint(impactDom, rect.x + 50);
+        } else if (_dragCentre.x > rect.w - width * border) {
+          dragData.position = 'right';
+          setPoint(impactDom, rect.x - 50);
+        } else {
+          dragData.position = 'centre';
+          setPoint(impactDom, rect.x);
+        }
+        break;
+      } else reset('impact');
+    }
+  };
+  /**
+   * 校验位置
+   * @param point {x: number, y: number}
+   * @param rect {x: number, y: number, w: number, h: number}
+   */
+  var checkPointRange = function checkPointRange(point, rect) {
+    if (point.x > rect.x && point.y > rect.y && point.x < rect.w && point.y < rect.h) return point;
+  };
+  /**
+   * 拖拽目标
+   * @param e {MouseEvent} 元素
+   */
+  var onMouseUp = function onMouseUp(e) {
+    window.removeEventListener('mousemove', onMouseMove);
+    window.removeEventListener('mouseup', onMouseUp);
+    setTimeout(function () {
+      dragLock = false;
+      //ckeckPoint();
+    }, 100);
+    if (dragData.impact) {
+      var dragMapData = Object.assign({}, map[dragData.index]);
+      var impact = dragData.impact.data;
+      var impactDom = getItemByKey(impact.key);
+      if (impact.index - dragData.index === -1 && dragData.position === 'right' ||
+      // 相邻右侧碰撞
+      impact.index - dragData.index === 1 && dragData.position === 'left' ||
+      // 相邻左侧碰撞
+      dragData.type === 'dir' && dragData.position === 'centre') {
+        // 不做任何处理复位拖拽
+        setPoint(dragData.target, dragData.point.x, dragData.point.y);
+        reset();
+        return;
+      }
+      var index = impact.index;
+      var t;
+      var l = dragData.index;
+      var i = index;
+      if (index > dragData.index) {
+        // 碰撞目标在拖拽目标右侧
+        t = 'R';
+        //l++;
+        if (dragData.position === 'left') {
+          i--;
+          // 碰撞目标右侧，无需移位
+          setPoint(impactDom, impact.point.x, impact.point.y);
+          index--;
+        }
+      } else {
+        // 碰撞目标在拖拽目标左侧
+        t = 'L';
+        //l--;
+        if (dragData.position === 'right') {
+          i++;
+          // 碰撞目标右侧，无需移位
+          setPoint(impactDom, impact.point.x, impact.point.y);
+          index++;
+        }
+      }
+      Object.assign({}, map[index]);
+      // 顺延坐标
+      var temp;
+      if (dragData.position === 'centre') {
+        // 文件夹处理
+        i = dragData.index;
+        l = map.length - 1;
+        for (; i < l; i++) {
+          var item = map[i + 1];
+          setNewPoint(item, i);
+        }
+        map.pop();
+      } else {
+        temp = Object.assign({}, map[l]); // 备份移动节点
+        if (t === 'R') {
+          for (; l < i; l++) {
+            var _item = map[l + 1];
+            setNewPoint(_item, l);
+          }
+        }
+        if (t === 'L') {
+          for (; l > i; l--) {
+            var _item2 = map[l - 1];
+            setNewPoint(_item2, l);
+          }
+        }
+        setNewPoint(temp, i);
+      }
+      // 拖拽对象坐标设置
+      if (dragData.position === 'centre') {
+        // 文件夹处理
+        if (impact.type === 'dir') addDir(impact, dragMapData);else newDir(impact, dragMapData, t);
+      }
+      reset('end');
+      return;
+    } else setPoint(dragData.target, dragData.point.x, dragData.point.y);
+    reset();
+  };
+  /**
+   * 新建文件夹
+   * @param item {mapProps} 当前数据
+   * @param dragMapData 碰撞对象
+   * @param t 方向
+   */
+  var newDir = function newDir(item, dragMapData, t) {
+    if (t === 'R') item.index--;
+    var key = 'dir_' + item.key + (Math.random() * 1000000 | 0);
+    map[item.index] = Object.assign(Object.assign({}, item), {
+      key: key,
+      point: getPoint(item.index),
+      type: 'dir',
+      displayName: '新建文件夹',
+      children: [item.key, dragMapData.key]
+    });
+    var dirDom = getItemByKey(item.key);
+    dirDom === null || dirDom === void 0 ? void 0 : dirDom.setAttribute('data-key', key);
+    dirDom === null || dirDom === void 0 ? void 0 : dirDom.classList.add('desktop-dir');
+    dirDom.innerHTML = "<div class=\"item-dir-name\">".concat(map[item.index].displayName, "</div>");
+    var dragDataDom = getItemByKey(dragData.key);
+    dragDataDom === null || dragDataDom === void 0 ? void 0 : dragDataDom.setAttribute('in-dir', 'true');
+  };
+  /**
+   * 添加child
+   * @param item {mapProps} 当前数据
+   * @param dragMapData 碰撞对象
+   */
+  var addDir = function addDir(item, dragMapData) {
+    var mapItem = getMapItem(item.key);
+    if (!mapItem) return;
+    mapItem.children.push(dragMapData.key);
+    var dragDataDom = getItemByKey(dragData.key);
+    dragDataDom === null || dragDataDom === void 0 ? void 0 : dragDataDom.setAttribute('in-dir', 'true');
+  };
+  /**
+   * 获取数据
+   * @param key 键值
+   */
+  var getMapItem = function getMapItem(key) {
+    if (!key) return null;
+    for (var i = 0, l = map.length; i < l; i++) {
+      if (map[i].key === key) return map[i];
+    }
+    return null;
+  };
+  /**
+   * 设置位置
+   * @param item 当前数据
+   * @param next 下一个节点索引
+   * @param point 位置
+   */
+  var setNewPoint = function setNewPoint(item, next, point) {
+    if (!item) return;
+    if (!point) point = getPoint(next);
+    var dom = getItemByKey(item.key);
+    if (!dom) return;
+    setPoint(dom, point === null || point === void 0 ? void 0 : point.x, point === null || point === void 0 ? void 0 : point.y);
+    // 重新创建索引
+    map[next] = Object.assign({}, item);
+    map[next].index = next;
+    map[next].point = point;
+    dom === null || dom === void 0 ? void 0 : dom.setAttribute('data-index', next);
+  };
+  /**
+   * 复位
+   */
+  var reset = function reset(type) {
+    var _a, _b, _c;
+    switch (type) {
+      case "impact":
+        var impactDom = document.querySelector('[impact="true"]');
+        if (!impactDom) return;
+        if (dragData && dragData.impact) {
+          setPoint(impactDom, dragData.impact.rect.x, dragData.impact.rect.y);
+          delete dragData.impact;
+        }
+        impactDom === null || impactDom === void 0 ? void 0 : impactDom.removeAttribute('impact');
+        break;
+      case "end":
+        dragData = null;
+        (_a = document.querySelector('[impact="true"]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('impact');
+        (_b = document.querySelector('[drag-item="true"]')) === null || _b === void 0 ? void 0 : _b.removeAttribute('drag-item');
+        clearTimeout(saveTimeout);
+        onSort();
+        break;
+      default:
+        reset('impact');
+        dragData = null;
+        (_c = document.querySelector('[drag-item="true"]')) === null || _c === void 0 ? void 0 : _c.removeAttribute('drag-item');
+        window.removeEventListener('mousemove', onMouseMove);
+        window.removeEventListener('mouseup', onMouseUp);
+    }
+  };
+  /**
+   * 设置dom坐标
+   * @param dom {HTMLElement | null | undefined} 元素
+   * @param x 左
+   * @param y 上
+   */
+  var setPoint = function setPoint(dom, x, y) {
+    if (!dom) return;
+    if (x !== undefined || x !== null) dom.style.left = x + 'px';
+    if (y !== undefined || y !== null) dom.style.top = y + 'px';
+  };
+  /** 排序 */
+  var onSort = function onSort() {
+    if (!props.onSort) return;
+    var data = [];
+    var index = 0;
+    map.forEach(function (item) {
+      data[index] = {
+        key: item.key,
+        type: item.type
+      };
+      if (item.displayName !== undefined) data[index].displayName = item.displayName;
+      if (item.children.length > 0) data[index].children = item.children;
+      if (item.parent !== undefined) data[index].parent = item.parent;
+      index++;
+    });
+    var sortData = DeepClone(sort);
+    if (data.length > 0) sortData[dir] = data;
+    props.onSort && props.onSort(sortData);
+  };
+  /**
+   * 点击文件夹名字
+   */
+  var clickDirName = function clickDirName() {
+    setShowInput(true);
+    setInputValue(dirItem.displayName || '文件夹');
+  };
+  /**
+   * 失去焦点设置文件夹名字
+   */
+  var blurInput = function blurInput() {
+    dirItem.displayName = inputValue;
+    setShowInput(false);
+    var sortItem = getSortRootItem(dirItem.key);
+    sortItem.displayName = inputValue;
+    onSort();
+  };
+  /**
+   * 通过key查询排序对象所在节点
+   */
+  var getSortRootItem = function getSortRootItem(key) {
+    var sortList = sort['_'] || [];
+    for (var i = 0, l = sortList.length; i < l; i++) {
+      var sortItem = sortList[i];
+      if (sortItem.key === key) return sortItem;
+    }
+  };
+  /**
+   * 改变输入框
+   */
+  var changeInput = function changeInput(event) {
+    setInputValue(event.target.value);
+  };
+  /**
+   * 文件夹头部
+   */
+  var DirTitleMemo = useMemo(function () {
+    return dir !== '_' && jsxs("div", Object.assign({
+      className: "desktop-title"
+    }, {
+      children: [jsx(Button, Object.assign({
+        className: "desktop-backlist",
+        onClick: backList
+      }, {
+        children: "\u8FD4\u56DE\u4E0A\u7EA7"
+      })), jsx("div", {
+        children: showInput ? jsx(TextField, {
+          value: inputValue,
+          autoFocus: true,
+          onChange: changeInput,
+          onBlur: blurInput
+        }) : jsx("span", Object.assign({
+          onClick: clickDirName
+        }, {
+          children: dirItem.displayName
+        }))
+      })]
+    }));
+  }, [dir, showInput, inputValue]);
+  /**
+   * 拖拽内容
+   */
+  var DragMemo = useMemo(function () {
+    return jsx("div", Object.assign({
+      ref: desktopRef,
+      className: 'desktop-box',
+      onMouseDown: onMouseDown
+    }, {
+      children: getList
+    }));
+  }, [line, data, dir, sort]);
+  /**
+   * 处理class
+   * @return {string}
+   */
+  var handClass = function handClass() {
+    var str = $prefixCls + '-desktop';
+    if (props.className) str += ' ' + props.className;
+    return str;
+  };
+  return jsxs("div", Object.assign({
+    className: handClass(),
+    style: props.style
+  }, {
+    children: [DirTitleMemo, DragMemo, jsx("div", Object.assign({
+      ref: menuRef,
+      className: 'menu-list'
+    }, {
+      children: jsx("div", Object.assign({
+        className: 'menu-item',
+        onClick: outDir
+      }, {
+        children: "\u79FB\u51FA\u6587\u4EF6\u5939"
+      }))
+    }))]
+  }));
+};
+var getItemByKey = function getItemByKey(key) {
+  return document.querySelector("[data-key=\"".concat(key, "\"]"));
+};
+
+export { Desktop, Desktop as default };