zs_library 0.2.3 → 0.3.4

package/dist/Desktop/Items/Modal/GroupItemModal.js

@@ -1,159 +0,0 @@
-'use client';
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { css, cx } from '@emotion/css';
-import Dialog from 'rc-dialog';
-import React, { useEffect, useState } from 'react';
-import { ReactSortable } from 'react-sortablejs';
-import { useSortableConfig } from "../../context/config/hooks";
-import { useSortableState } from "../../context/state/hooks";
-import { ghostClass } from "../../style";
-import SortableUtils from "../../utils";
-import SortableItem from "../SortableItem";
-var GroupItemModal = function GroupItemModal(props) {
-  var _data$children, _data$children2;
-  var data = props.data,
-    _onClose = props.onClose,
-    onItemClick = props.onItemClick;
-  var _useSortableState = useSortableState(),
-    list = _useSortableState.list,
-    _setList = _useSortableState.setList,
-    setListStatus = _useSortableState.setListStatus,
-    setMoveItemId = _useSortableState.setMoveItemId,
-    setMoveTargetId = _useSortableState.setMoveTargetId,
-    updateItem = _useSortableState.updateItem;
-  var _useSortableConfig = useSortableConfig(),
-    theme = _useSortableConfig.theme;
-  var _SortableUtils$getThe = SortableUtils.getTheme(theme),
-    light = _SortableUtils$getThe.light,
-    dark = _SortableUtils$getThe.dark;
-  var _useState = useState('文件夹'),
-    _useState2 = _slicedToArray(_useState, 2),
-    name = _useState2[0],
-    setName = _useState2[1];
-  var _children = _toConsumableArray((_data$children = data === null || data === void 0 ? void 0 : data.children) !== null && _data$children !== void 0 ? _data$children : []);
-  useEffect(function () {
-    var _data$data;
-    if (!data) return;
-    setName((_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.name);
-  }, [data]);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    visible: !!data,
-    onClose: function onClose() {
-      _onClose();
-    },
-    animation: "zoom",
-    maskAnimation: "fade",
-    mousePosition: data !== null && data !== void 0 && data.pageX && data !== null && data !== void 0 && data.pageY ? {
-      x: data === null || data === void 0 ? void 0 : data.pageX,
-      y: data === null || data === void 0 ? void 0 : data.pageY
-    } : null,
-    title: /*#__PURE__*/React.createElement("input", {
-      className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            background-color: transparent;\n            border-style: none;\n            text-align: center;\n            font-size: 1.25rem;\n            line-height: 1.75rem;\n            color: white;\n            @media (prefers-color-scheme: dark) {\n              color: black;\n            }\n            &:focus {\n              outline: none;\n            }\n          "]))),
-      value: name,
-      onChange: function onChange(e) {
-        setName(e.target.value);
-      },
-      onBlur: function onBlur() {
-        if (!data) return;
-        updateItem(data.id, _objectSpread(_objectSpread({}, data.data), {}, {
-          name: name
-        }));
-      }
-    }),
-    footer: null,
-    closable: false,
-    className: cx('group-item-modal', css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          .rc-dialog-content {\n            background-color: transparent;\n            box-shadow: none;\n            padding: 0;\n            .rc-dialog-header {\n              text-align: center;\n              background-color: transparent;\n              margin-bottom: 1rem;\n              border-bottom: none;\n              .ant-modal-name {\n                color: #fff;\n              }\n            }\n            .rc-dialog-body {\n              background-color: ", ";\n              @media (prefers-color-scheme: dark) {\n                background-color: ", ";\n              }\n              border-radius: 0.5rem;\n              overflow: hidden;\n            }\n          }\n        "])), light.groupItemModalBackgroundColor, dark.groupItemModalBackgroundColor)),
-    width: 600,
-    destroyOnClose: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          overflow-y: auto;\n          max-height: 60vh;\n          padding: 1.25rem 0;\n        "]))),
-    onDragLeave: function onDragLeave(e) {
-      // 获取鼠标指针进入的元素
-      var relatedTarget = e.relatedTarget;
-      if (!relatedTarget) return;
-      if (!e.currentTarget.contains(relatedTarget)) {
-        // 鼠标确实离开了当前元素
-        setTimeout(function () {
-          _onClose();
-        }, 500);
-      }
-    }
-  }, /*#__PURE__*/React.createElement(ReactSortable, {
-    className: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            display: grid;\n            gap: 1rem;\n            place-items: center;\n            grid-template-columns: repeat(auto-fill, 96px);\n            grid-auto-flow: dense;\n            grid-auto-rows: 96px;\n          "]))),
-    group: {
-      name: 'nested',
-      pull: true,
-      put: false
-    },
-    animation: 150,
-    fallbackOnBody: true,
-    list: (_data$children2 = data === null || data === void 0 ? void 0 : data.children) !== null && _data$children2 !== void 0 ? _data$children2 : [],
-    setList: function setList(x) {
-      var _list$find, _parentChildrenIds$le, _data$parentIds;
-      var xIds = x.map(function (item) {
-        return item.id;
-      });
-      var parentChildrenIds = (_list$find = list.find(function (item) {
-        return item.id === (data === null || data === void 0 ? void 0 : data.id);
-      })) === null || _list$find === void 0 || (_list$find = _list$find.children) === null || _list$find === void 0 ? void 0 : _list$find.map(function (item) {
-        return item.id;
-      });
-      // ! 如果ids个数相同，顺序相同 return，优化性能
-      if (xIds.length === (parentChildrenIds === null || parentChildrenIds === void 0 ? void 0 : parentChildrenIds.length) && xIds.every(function (id, index) {
-        return id === parentChildrenIds[index];
-      })) {
-        return;
-      }
-
-      // ! 解决文件夹中移出再移入会触发setList导致元素丢失bug
-      if (xIds.length < ((_parentChildrenIds$le = parentChildrenIds === null || parentChildrenIds === void 0 ? void 0 : parentChildrenIds.length) !== null && _parentChildrenIds$le !== void 0 ? _parentChildrenIds$le : 0)) {
-        return;
-      }
-      _setList(x, [].concat(_toConsumableArray((_data$parentIds = data === null || data === void 0 ? void 0 : data.parentIds) !== null && _data$parentIds !== void 0 ? _data$parentIds : []), [data === null || data === void 0 ? void 0 : data.id]));
-    },
-    onMove: function onMove() {
-      setMoveTargetId(null);
-      setListStatus('onMove');
-      return true;
-    },
-    onStart: function onStart(e) {
-      var dataset = e.item.dataset;
-      if (dataset !== null && dataset !== void 0 && dataset.id) {
-        setMoveItemId(dataset.id);
-      }
-      setListStatus('onMove');
-    },
-    onEnd: function onEnd() {
-      setMoveItemId(null);
-      setMoveTargetId(null);
-      setListStatus(null);
-    },
-    ghostClass: ghostClass
-  }, _children.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(SortableItem, {
-      key: item.id,
-      data: item,
-      itemIndex: index,
-      onClick: onItemClick
-    });
-  }))));
-};
-export default GroupItemModal;

package/dist/Desktop/Items/Modal/InfoModal.js

@@ -1,34 +0,0 @@
-import Dialog from 'rc-dialog';
-import 'rc-dialog/assets/index.css';
-import React from 'react';
-import ReactJson from 'react-json-view';
-/**
- * 查看当前项的详细信息，开发模式下会额外显示原始数据
- */
-var ItemInfoModal = function ItemInfoModal(props) {
-  var _data$data$name, _data$data;
-  var data = props.data,
-    _onClose = props.onClose;
-  return /*#__PURE__*/React.createElement(Dialog, {
-    visible: !!data,
-    onClose: function onClose() {
-      _onClose();
-    },
-    animation: "zoom",
-    maskAnimation: "fade",
-    mousePosition: data !== null && data !== void 0 && data.pageX && data !== null && data !== void 0 && data.pageY ? {
-      x: data === null || data === void 0 ? void 0 : data.pageX,
-      y: data === null || data === void 0 ? void 0 : data.pageY
-    } : null,
-    footer: null,
-    title: (_data$data$name = data === null || data === void 0 || (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.name) !== null && _data$data$name !== void 0 ? _data$data$name : '信息'
-  }, data && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "mb-2"
-  }, "\u5F00\u53D1\u8005\u4FE1\u606F"), /*#__PURE__*/React.createElement("div", {
-    className: "p-2 rounded-md bg-[#272822]"
-  }, /*#__PURE__*/React.createElement(ReactJson, {
-    src: data,
-    theme: "monokai"
-  }))));
-};
-export default ItemInfoModal;

package/dist/Desktop/Items/SortableItem.js

@@ -1,78 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { css, cx } from '@emotion/css';
-import { motion } from 'framer-motion';
-import RcTooltip from 'rc-tooltip';
-import 'rc-tooltip/assets/bootstrap_white.css';
-import React from 'react';
-import ContextMenu from "../ContextMenu";
-import { useSortableConfig } from "../context/config/hooks";
-import { useSortableState } from "../context/state/hooks";
-import SortableUtils from "../utils";
-export var SortableItemDefaultContent = function SortableItemDefaultContent(props) {
-  var data = props.data,
-    _props$noLetters = props.noLetters,
-    noLetters = _props$noLetters === void 0 ? false : _props$noLetters;
-  var _useSortableState = useSortableState(),
-    contextMenuFuns = _useSortableState.contextMenuFuns;
-  var _useSortableConfig = useSortableConfig(),
-    itemIconBuilder = _useSortableConfig.itemIconBuilder,
-    theme = _useSortableConfig.theme,
-    contextMenu = _useSortableConfig.contextMenu;
-  var _SortableUtils$getThe = SortableUtils.getTheme(theme),
-    light = _SortableUtils$getThe.light,
-    dark = _SortableUtils$getThe.dark;
-  var _data$data = data.data,
-    itemData = _data$data === void 0 ? {} : _data$data;
-  var _ref = itemData,
-    name = _ref.name;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(motion.div, {
-    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          width: 4rem;\n          height: 4rem;\n          background-color: ", ";\n          border-radius: 0.75rem;\n          box-shadow: 0 0 0.5rem ", ";\n          cursor: pointer;\n          position: relative;\n          overflow: hidden;\n          @media (prefers-color-scheme: dark) {\n            background-color: ", ";\n            box-shadow: 0 0 0.5rem ", ";\n          }\n        "])), light.itemIconBackgroundColor, light.itemIconShadowColor, dark.itemIconBackgroundColor, dark.itemIconShadowColor),
-    whileTap: {
-      scale: 0.9
-    }
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            position: absolute;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            color: ", ";\n            @media (prefers-color-scheme: dark) {\n              color: ", ";\n            }\n          "])), light.itemNameColor, dark.itemNameColor)
-  }, contextMenuFuns(data, contextMenu !== false)), itemIconBuilder === null || itemIconBuilder === void 0 ? void 0 : itemIconBuilder(data))), /*#__PURE__*/React.createElement(motion.p, {
-    className: cx(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            text-align: center;\n            margin-top: 0.25rem;\n            margin-bottom: 0;\n            color: ", ";\n            @media (prefers-color-scheme: dark) {\n              color: ", ";\n            }\n          "])), light.itemNameColor, dark.itemNameColor), noLetters && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n              color: transparent;\n            "]))))
-  }, name));
-};
-var SortableItem = function SortableItem(props) {
-  var data = props.data,
-    className = props.className,
-    itemIndex = props.itemIndex,
-    _onClick = props.onClick,
-    _props$disabledDrag = props.disabledDrag,
-    disabledDrag = _props$disabledDrag === void 0 ? false : _props$disabledDrag,
-    children = props.children,
-    parentIds = props.parentIds,
-    childrenLength = props.childrenLength;
-  var _useSortableState2 = useSortableState(),
-    contextMenu = _useSortableState2.contextMenu,
-    setContextMenu = _useSortableState2.setContextMenu;
-  var _useSortableConfig2 = useSortableConfig(),
-    configContextMenu = _useSortableConfig2.contextMenu;
-  return /*#__PURE__*/React.createElement(RcTooltip, {
-    placement: "bottom",
-    overlayClassName: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        background-color: transparent;\n        .rc-tooltip-inner {\n          background-color: transparent;\n          padding: 0;\n          border: none;\n        }\n      "]))),
-    overlay: /*#__PURE__*/React.createElement(ContextMenu, configContextMenu),
-    visible: (contextMenu === null || contextMenu === void 0 ? void 0 : contextMenu.data.id) === data.id,
-    onVisibleChange: function onVisibleChange(visible) {
-      if (!visible) {
-        setContextMenu(null);
-      }
-    },
-    destroyTooltipOnHide: true
-  }, /*#__PURE__*/React.createElement(motion.div, {
-    "data-id": data.id,
-    "data-index": itemIndex,
-    "data-parent-ids": parentIds === null || parentIds === void 0 ? void 0 : parentIds.join(','),
-    "data-children-length": childrenLength,
-    onClick: function onClick() {
-      return _onClick === null || _onClick === void 0 ? void 0 : _onClick(data);
-    },
-    className: cx(disabledDrag && 'drag-disabled', className)
-  }, children !== null && children !== void 0 ? children : /*#__PURE__*/React.createElement(SortableItemDefaultContent, props)));
-};
-export default SortableItem;

package/dist/Desktop/Sortable.js

@@ -1,185 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { css, cx } from '@emotion/css';
-import React, { useMemo, useRef } from 'react';
-import Slider from 'react-slick';
-import { ReactSortable } from 'react-sortablejs';
-import 'slick-carousel/slick/slick-theme.css';
-import 'slick-carousel/slick/slick.css';
-import SortableGroupItem from "./Items/GroupItem";
-import GroupItemModal from "./Items/Modal/GroupItemModal";
-import ItemInfoModal from "./Items/Modal/InfoModal";
-import SortableItem from "./Items/SortableItem";
-import { useSortableConfig } from "./context/config/hooks";
-import { useSortableState } from "./context/state/hooks";
-import { ghostClass } from "./style";
-var Sortable = function Sortable(props) {
-  var _props$pagination = props.pagination,
-    pagination = _props$pagination === void 0 ? {
-      position: 'bottom'
-    } : _props$pagination,
-    className = props.className,
-    sliderProps = props.sliderProps,
-    _sliderRef = props.sliderRef,
-    onItemClick = props.onItemClick;
-  var sliderRef = useRef(null);
-  var sliderDotsRef = useRef(null);
-  var _useSortableState = useSortableState(),
-    list = _useSortableState.list,
-    _setList = _useSortableState.setList,
-    setListStatus = _useSortableState.setListStatus,
-    showInfoItemData = _useSortableState.showInfoItemData,
-    setShowInfoItemData = _useSortableState.setShowInfoItemData,
-    openGroupItemData = _useSortableState.openGroupItemData,
-    setOpenGroupItemData = _useSortableState.setOpenGroupItemData,
-    setMoveItemId = _useSortableState.setMoveItemId,
-    setMoveTargetId = _useSortableState.setMoveTargetId,
-    addItem = _useSortableState.addItem;
-  var _useSortableConfig = useSortableConfig(),
-    pagingDotBuilder = _useSortableConfig.pagingDotBuilder,
-    pagingDotsBuilder = _useSortableConfig.pagingDotsBuilder,
-    itemBuilder = _useSortableConfig.itemBuilder;
-  var paginingLocationCss = useMemo(function () {
-    var _pagination$position;
-    if (pagination === false) {
-      return {};
-    }
-    return {
-      top: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        flex-direction: column;\n        .slick-list {\n          order: 1;\n        }\n        .slick-dots {\n          position: static;\n        }\n      "]))),
-      bottom: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        .slick-dots {\n          position: static;\n        }\n      "]))),
-      left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        .slick-dots {\n          position: absolute;\n          width: auto;\n          left: 0;\n          top: 0;\n          bottom: 0;\n          transform: translateX(-100%);\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          .slick-dots-default {\n            flex-direction: column;\n          }\n        }\n      "]))),
-      right: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        .slick-dots {\n          position: absolute;\n          width: auto;\n          right: 0;\n          top: 0;\n          bottom: 0;\n          transform: translateX(100%);\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          .slick-dots-default {\n            flex-direction: column;\n          }\n        }\n      "])))
-    }[(_pagination$position = pagination.position) !== null && _pagination$position !== void 0 ? _pagination$position : 'bottom'];
-  }, [pagination]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Slider, _extends({
-    useCSS: true,
-    useTransform: true,
-    arrows: false,
-    ref: _sliderRef !== null && _sliderRef !== void 0 ? _sliderRef : sliderRef,
-    infinite: false,
-    dots: true,
-    touchMove: false,
-    lazyLoad: "anticipated",
-    className: cx(paginingLocationCss, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            .slick-track {\n              display: flex;\n              align-items: stretch;\n            }\n            .slick-slide {\n              display: flex;\n              align-self: stretch;\n              height: unset;\n              > div {\n                display: flex;\n                align-self: stretch;\n                width: 100%;\n              }\n            }\n          "]))), className),
-    customPaging: function customPaging(i) {
-      var _list$i;
-      if (pagingDotBuilder) {
-        return pagingDotBuilder(list[i], i);
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        onDragEnter: function onDragEnter() {
-          var _current;
-          (_current = (_sliderRef !== null && _sliderRef !== void 0 ? _sliderRef : sliderRef).current) === null || _current === void 0 || _current.slickGoTo(i);
-        }
-      }, (_list$i = list[i]) === null || _list$i === void 0 || (_list$i = _list$i.data) === null || _list$i === void 0 ? void 0 : _list$i.name);
-    },
-    appendDots: function appendDots(dots) {
-      if (pagingDotsBuilder) {
-        return pagingDotsBuilder(dots);
-      }
-      if (pagination === false) {
-        return /*#__PURE__*/React.createElement("div", null);
-      }
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", {
-        ref: sliderDotsRef,
-        className: cx('slick-dots-default', css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    padding: 0.5rem;\n                    display: inline-flex;\n                    justify-content: center;\n                    align-items: center;\n                    gap: 0.5rem;\n                    background-color: rgba(0, 0, 0, 0.1);\n                    border-radius: 0.5rem;\n                    .slick-active {\n                      background-color: rgba(0, 0, 0, 0.3);\n                      color: white;\n                      padding: 0.25rem;\n                      border-radius: 0.25rem;\n                    }\n                    li {\n                      margin: 0;\n                      width: auto;\n                      height: auto;\n                    }\n                  "]))))
-      }, dots));
-    }
-  }, sliderProps), list.map(function (l) {
-    var _l$children, _l$children2;
-    return /*#__PURE__*/React.createElement("div", {
-      key: l.id,
-      onDrop: function onDrop(e) {
-        e.preventDefault();
-        var data = e.dataTransfer.getData('text/plain');
-        if (data !== '') {
-          try {
-            addItem(JSON.parse(data), [l.id]);
-          } catch (e) {
-            console.log('drag error', e);
-          }
-        }
-      },
-      onDragOver: function onDragOver(e) {
-        e.preventDefault();
-      }
-    }, /*#__PURE__*/React.createElement(ReactSortable, {
-      className: cx(css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                    display: grid;\n                    transition: all 0.3s;\n                    grid-template-columns: repeat(auto-fill, 96px);\n                    grid-auto-flow: dense;\n                    grid-auto-rows: 96px;\n                    place-items: center;\n                    justify-content: center;\n                    align-items: center;\n                  "])))),
-      animation: 150,
-      fallbackOnBody: true,
-      swapThreshold: 0.65,
-      group: "nested",
-      list: (_l$children = l.children) !== null && _l$children !== void 0 ? _l$children : [],
-      setList: function setList(e) {
-        return _setList(e, [l.id]);
-      },
-      filter: ".drag-disabled",
-      onMove: function onMove(e) {
-        setListStatus('onMove');
-        var dragged = e.dragged,
-          related = e.related;
-        var draggedData = dragged.dataset;
-        var relatedData = related.dataset;
-        setMoveTargetId(null);
-        // 限制只有一层
-        // sortable-group-item 标记为文件夹
-        if ((Object.keys(relatedData).length === 0 || relatedData.parentIds) && Number(draggedData.childrenLength) > 0 && related.classList.contains('sortable-group-item')) {
-          return false;
-        }
-        return true;
-      },
-      onStart: function onStart(e) {
-        var dataset = e.item.dataset;
-        if (dataset !== null && dataset !== void 0 && dataset.id) {
-          setMoveItemId(dataset.id);
-        }
-        setListStatus('onMove');
-      },
-      onEnd: function onEnd() {
-        setMoveItemId(null);
-        setMoveTargetId(null);
-        setListStatus(null);
-      },
-      ghostClass: ghostClass
-    }, ((_l$children2 = l.children) !== null && _l$children2 !== void 0 ? _l$children2 : []).map(function (item, index) {
-      var el;
-      if (itemBuilder) {
-        return itemBuilder(item);
-      }
-      switch (item.type) {
-        case 'group':
-        case 'app':
-          el = /*#__PURE__*/React.createElement(SortableGroupItem, {
-            key: item.id,
-            data: item,
-            itemIndex: index,
-            parentIds: [l.id, item.id],
-            onClick: onItemClick
-          });
-          break;
-        default:
-          el = /*#__PURE__*/React.createElement(SortableItem, {
-            key: item.id,
-            data: item,
-            itemIndex: index,
-            onClick: onItemClick
-          });
-          break;
-      }
-      return el;
-    })));
-  })), /*#__PURE__*/React.createElement(ItemInfoModal, {
-    data: showInfoItemData,
-    onClose: function onClose() {
-      setShowInfoItemData(null);
-    }
-  }), /*#__PURE__*/React.createElement(GroupItemModal, {
-    data: openGroupItemData,
-    onClose: function onClose() {
-      setOpenGroupItemData(null);
-    },
-    onItemClick: onItemClick
-  }));
-};
-export default Sortable;

package/dist/Desktop/config.js

@@ -1,16 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-// app 类型 config
-export var appConfig = {
-  maxRow: 2,
-  maxCol: 2
-};
-export var groupConfig = _objectSpread({}, appConfig);
-export var configMap = {
-  app: appConfig,
-  group: groupConfig
-};

package/dist/Desktop/context/config/context.js

@@ -1,36 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "theme"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { createContext, useMemo } from 'react';
-import { themeDark, themeLight } from "../../theme";
-
-/**
- * 需要跨多个组件传递的配置，使用 context 传递
- */
-
-export var SortableConfigContext = /*#__PURE__*/createContext({});
-export var SortableConfigProvider = function SortableConfigProvider(props) {
-  var children = props.children,
-    propTheme = props.theme,
-    rest = _objectWithoutProperties(props, _excluded);
-  var theme = useMemo(function () {
-    if (propTheme === 'light') {
-      return themeLight;
-    } else if (propTheme === 'dark') {
-      return themeDark;
-    } else {
-      return propTheme;
-    }
-  }, [propTheme]);
-  return /*#__PURE__*/React.createElement(SortableConfigContext.Provider, {
-    value: _objectSpread({
-      theme: theme
-    }, rest)
-  }, children);
-};

package/dist/Desktop/context/config/hooks.d.ts

@@ -1 +0,0 @@
-export declare const useSortableConfig: () => import("./context").SortableConfig<any, any>;

package/dist/Desktop/context/config/hooks.js

@@ -1,6 +0,0 @@
-import { useContext } from 'react';
-import { SortableConfigContext } from "./context";
-export var useSortableConfig = function useSortableConfig() {
-  var state = useContext(SortableConfigContext);
-  return state;
-};