@zat-design/sisyphus-react 4.5.10-beta.1 → 4.5.10-beta.2

package/es/ProTreeModal/propsType.js

@@ -1 +0,0 @@
-export {};

package/es/ProTreeModal/utils.js

@@ -1,44 +1,26 @@
-/* eslint-disable no-restricted-syntax */
-import { CASCADER } from '.';
-/**
- * 树转成铺平的数组
- * @param originalTreeData
- * @returns
- */
-export function getFlatTreeData(originalTreeData, fieldNames, modeType = '') {
+import { CASCADER } from ".";
+function getFlatTreeData(originalTreeData, fieldNames, modeType = "") {
   const dataList = [];
   const isCASCADER = modeType === CASCADER;
-  function loop(data, parTitle = '') {
-    data.forEach(item => {
-      const node = {
-        ...item
-      };
+  function loop(data, parTitle = "") {
+    data.forEach((item) => {
+      const node = { ...item };
       delete node[fieldNames.children];
-      const title = isCASCADER ? `${parTitle ? `${parTitle}-` : ''}${node[fieldNames.label]}` : node[fieldNames.label];
-      dataList.push({
-        ...node,
-        title
-      });
+      const title = isCASCADER ? `${parTitle ? `${parTitle}-` : ""}${node[fieldNames.label]}` : node[fieldNames.label];
+      dataList.push({ ...node, title });
       if (item[fieldNames.children]) {
         loop(item[fieldNames.children], title);
       }
     });
   }
-  loop(originalTreeData, '');
+  loop(originalTreeData, "");
   return dataList;
 }
-
-/**
- * 获取 tree 所有的 keys 集合
- * @param data
- * @param fieldNames
- * @returns
- */
-export function getAllKeys(data, fieldNames) {
+function getAllKeys(data, fieldNames) {
   const keys = [];
-  function loop(data) {
-    for (let i = 0; i < data.length; i++) {
-      const node = data[i];
+  function loop(data2) {
+    for (let i = 0; i < data2.length; i++) {
+      const node = data2[i];
       keys.push(node[fieldNames.value]);
       if (node[fieldNames.children]) {
         loop(node[fieldNames.children]);
@@ -48,20 +30,12 @@ export function getAllKeys(data, fieldNames) {
   loop(data);
   return keys;
 }
-
-/**
- * 获取展开的key
- * @param key
- * @param tree
- * @param fieldNames
- * @returns
- */
-export const getParentKey = (key, tree, fieldNames) => {
+const getParentKey = (key, tree, fieldNames) => {
   let parentKey;
   for (let i = 0; i < tree.length; i++) {
     const node = tree[i];
     if (node[fieldNames.children]) {
-      if (node[fieldNames.children].some(item => item[fieldNames.value] === key)) {
+      if (node[fieldNames.children].some((item) => item[fieldNames.value] === key)) {
         parentKey = node[fieldNames.value];
       } else if (getParentKey(key, node[fieldNames.children], fieldNames)) {
         parentKey = getParentKey(key, node[fieldNames.children], fieldNames);
@@ -70,7 +44,7 @@ export const getParentKey = (key, tree, fieldNames) => {
   }
   return parentKey;
 };
-export function findTreeNodeByKey(treeData, key, fieldNames) {
+function findTreeNodeByKey(treeData, key, fieldNames) {
   const result = [];
   const traverse = (node, parents) => {
     if (node[fieldNames.value] === key) {
@@ -90,43 +64,26 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   }
   return result;
 }
-
-/**
- * 根据所选的 checkedKeys 筛选出展示的 treeData
- * @param data
- * @param checkedKeys
- * @returns
- */
-export function filterCheckedNodes(data, checkedKeys, searchStr = '', fieldNames) {
+function filterCheckedNodes(data, checkedKeys, searchStr = "", fieldNames) {
   const result = [];
-  const traverse = node => {
+  const traverse = (node) => {
+    var _a, _b, _c;
     const title = node[fieldNames.value] + node[fieldNames.label];
     if (!searchStr) {
       if (checkedKeys.includes(node[fieldNames.value])) {
-        const children = node?.[fieldNames.children]?.map(traverse).filter(Boolean) || [];
-        return {
-          ...node,
-          [fieldNames.children]: children
-        };
+        const children2 = ((_a = node == null ? void 0 : node[fieldNames.children]) == null ? void 0 : _a.map(traverse).filter(Boolean)) || [];
+        return { ...node, [fieldNames.children]: children2 };
       }
     } else if (title.indexOf(searchStr) > -1) {
-      const children = node[fieldNames.children]?.map(traverse).filter(Boolean) || [];
-      return {
-        ...node,
-        children
-      };
+      const children2 = ((_b = node[fieldNames.children]) == null ? void 0 : _b.map(traverse).filter(Boolean)) || [];
+      return { ...node, children: children2 };
     }
-    const children = node[fieldNames.children]?.map(traverse).filter(Boolean);
+    const children = (_c = node[fieldNames.children]) == null ? void 0 : _c.map(traverse).filter(Boolean);
     if (children && children.length > 0) {
-      return {
-        ...node,
-        [fieldNames.children]: children
-      };
+      return { ...node, [fieldNames.children]: children };
     }
     return null;
   };
-
-  // eslint-disable-next-line no-restricted-syntax
   for (const node of data) {
     const filtered = traverse(node);
     if (filtered) {
@@ -135,25 +92,17 @@ export function filterCheckedNodes(data, checkedKeys, searchStr = '', fieldNames
   }
   return result;
 }
-
-/**
- * 获取 tree 当前选中节点下的所有子节点的 keys
- * @param node
- * @param childrenKeys
- * @returns
- */
-export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
-  // 当为 tree 触发 onChck 此时就是 key 为 children
-  if (type === 'treeCheck') {
-    node?.children?.forEach(item => {
+function getChildrenKeys(node, childrenKeys, fieldNames, type) {
+  var _a, _b;
+  if (type === "treeCheck") {
+    (_a = node == null ? void 0 : node.children) == null ? void 0 : _a.forEach((item) => {
       childrenKeys.push(item.key);
       if (item.children && item.children.length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
       }
     });
   } else {
-    // 这个时候的值为我们的值
-    node?.[fieldNames.children]?.forEach(item => {
+    (_b = node == null ? void 0 : node[fieldNames.children]) == null ? void 0 : _b.forEach((item) => {
       childrenKeys.push(item[fieldNames.value]);
       if (item[fieldNames.children] && item[fieldNames.children].length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -161,30 +110,38 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
     });
   }
 }
-
-// 提示信息替换
-export const transformMessage = (obj, message) => {
+const transformMessage = (obj, message) => {
   const keys = Object.keys(obj);
   let _message = message;
-  keys.forEach(key => {
+  keys.forEach((key) => {
     _message = message.replaceAll(`{${key}}`, obj[key]);
   });
   return _message;
 };
-export const addLevelAndParentId = (tree = [], fieldNames, currentLevel = 0, currentParentId = null) => {
-  const {
-    children = 'children',
-    value = 'value'
-  } = fieldNames;
-  return tree.map(node => {
-    const newNode = {
-      ...node
-    };
+const addLevelAndParentId = (tree = [], fieldNames, currentLevel = 0, currentParentId = null) => {
+  const { children = "children", value = "value" } = fieldNames;
+  return tree.map((node) => {
+    const newNode = { ...node };
     newNode.level = currentLevel;
     newNode.parentId = currentParentId;
     if (node[children]) {
-      newNode[children] = addLevelAndParentId(node[children], fieldNames, currentLevel + 1, newNode[value]);
+      newNode[children] = addLevelAndParentId(
+        node[children],
+        fieldNames,
+        currentLevel + 1,
+        newNode[value]
+      );
     }
     return newNode;
   });
-};
+};
+export {
+  addLevelAndParentId,
+  filterCheckedNodes,
+  findTreeNodeByKey,
+  getAllKeys,
+  getChildrenKeys,
+  getFlatTreeData,
+  getParentKey,
+  transformMessage
+};

package/es/ProUpload/components/ButtonRender.js

@@ -1,13 +1,13 @@
-import { Button, Upload } from 'antd';
-import { DndContext } from '@dnd-kit/core';
-import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
-import { CloudUploadOutlined } from '@ant-design/icons';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Upload } from "antd";
+import { DndContext } from "@dnd-kit/core";
+import { SortableContext, rectSortingStrategy } from "@dnd-kit/sortable";
+import { CloudUploadOutlined } from "@ant-design/icons";
 import { FileItem } from "./FileItem";
 import { DraggableUploadListItem } from "./DraggableUploadListItem";
 import locale from "../../locale";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* 按钮类型 */
-const ButtonRender = props => {
+const ButtonRender = (props) => {
+  var _a, _b;
   const {
     isView,
     disabled,
@@ -20,61 +20,51 @@ const ButtonRender = props => {
     buttonProps,
     extraTipText,
     afterRender,
-    buttonText = locale?.ProUpload?.buttonText,
+    buttonText = (_b = (_a = locale) == null ? void 0 : _a.ProUpload) == null ? void 0 : _b.buttonText,
     isConfirmDelete,
     onRemove
   } = props;
-
-  // 按钮类型的props
   const buttonUploadProps = {
     ...baseUploadProps,
     fileList,
-    itemRender: (originNode, file, fileList, actions) => {
-      return /*#__PURE__*/_jsx(DraggableUploadListItem, {
-        file: file,
-        children: /*#__PURE__*/_jsx(FileItem, {
+    itemRender: (originNode, file, fileList2, actions) => {
+      return /* @__PURE__ */ jsx(DraggableUploadListItem, { file, children: /* @__PURE__ */ jsx(
+        FileItem,
+        {
           disabled: disabled || isView,
-          file: file,
-          isConfirmDelete: isConfirmDelete,
-          onPreview: onPreview,
-          onRemove: async file => {
-            const res = await onRemove?.(file);
-            if (res === false) return;
-            actions.remove(file);
+          file,
+          isConfirmDelete,
+          onPreview,
+          onRemove: async (file2) => {
+            const res = await (onRemove == null ? void 0 : onRemove(file2));
+            if (res === false)
+              return;
+            actions.remove(file2);
           },
-          onDownload: onDownload
-        })
-      });
+          onDownload
+        }
+      ) });
     }
   };
-  return /*#__PURE__*/_jsxs("div", {
-    className: "pro-upload-button",
-    children: [/*#__PURE__*/_jsx(DndContext, {
-      sensors: [sensor],
-      onDragEnd: onDragEnd,
-      children: /*#__PURE__*/_jsx(SortableContext, {
-        items: fileList.map(i => i.uid),
-        strategy: rectSortingStrategy,
-        children: /*#__PURE__*/_jsx(Upload, {
-          ...buttonUploadProps,
-          children: !isView && /*#__PURE__*/_jsxs("div", {
-            className: "pro-upload-button-inner",
-            children: [/*#__PURE__*/_jsxs(Button, {
-              ...buttonProps,
-              disabled: disabled || isView,
-              children: [/*#__PURE__*/_jsx(CloudUploadOutlined, {}), buttonText]
-            }), afterRender ? /*#__PURE__*/_jsx("div", {
-              className: "pro-upload-button-inner-right",
-              onClick: e => e.stopPropagation(),
-              children: afterRender
-            }) : null]
-          })
-        })
-      })
-    }), extraTipText && /*#__PURE__*/_jsx("div", {
-      className: "upload-tip-txt",
-      children: typeof extraTipText === 'function' ? extraTipText() : extraTipText
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "pro-upload-button", children: [
+    /* @__PURE__ */ jsx(DndContext, { sensors: [sensor], onDragEnd, children: /* @__PURE__ */ jsx(SortableContext, { items: fileList.map((i) => i.uid), strategy: rectSortingStrategy, children: /* @__PURE__ */ jsx(Upload, { ...buttonUploadProps, children: !isView && /* @__PURE__ */ jsxs("div", { className: "pro-upload-button-inner", children: [
+      /* @__PURE__ */ jsxs(Button, { ...buttonProps, disabled: disabled || isView, children: [
+        /* @__PURE__ */ jsx(CloudUploadOutlined, {}),
+        buttonText
+      ] }),
+      afterRender ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "pro-upload-button-inner-right",
+          onClick: (e) => e.stopPropagation(),
+          children: afterRender
+        }
+      ) : null
+    ] }) }) }) }),
+    extraTipText && /* @__PURE__ */ jsx("div", { className: "upload-tip-txt", children: typeof extraTipText === "function" ? extraTipText() : extraTipText })
+  ] });
+};
+var ButtonRender_default = ButtonRender;
+export {
+  ButtonRender_default as default
 };
-export default ButtonRender;

package/es/ProUpload/components/DragRender.js

@@ -1,16 +1,15 @@
-import { useRef } from 'react';
-import { Upload } from 'antd';
-import { DndContext } from '@dnd-kit/core';
-import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
-import { CloudUploadOutlined } from '@ant-design/icons';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Upload } from "antd";
+import { DndContext } from "@dnd-kit/core";
+import { SortableContext, rectSortingStrategy } from "@dnd-kit/sortable";
+import { CloudUploadOutlined } from "@ant-design/icons";
 import { DragSingleFileItem, FileItem, getFileExt, getFileIcon } from "./FileItem";
 import { DraggableUploadListItem } from "./DraggableUploadListItem";
 import locale from "../../locale";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Dragger
-} = Upload;
-const DragRender = props => {
+const { Dragger } = Upload;
+const DragRender = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
     isView,
     baseUploadProps,
@@ -29,74 +28,58 @@ const DragRender = props => {
     customTextRender
   } = props;
   const refReSelect = useRef(null);
-
-  // if (isView) return <>-</>;
-
-  // 拖拽模式下单个文件可用
   const showDraggerSingleRender = maxCount === 1 && fileList[0];
-
-  /**
-   * @description: 文件删除
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  const handleDelFile = file => {
-    if (disabled) return;
-    const _List = fileList.filter(i => i.uid !== file.uid);
+  const handleDelFile = (file) => {
+    if (disabled)
+      return;
+    const _List = fileList.filter((i) => i.uid !== file.uid);
     setFileList(_List);
     onChange && onChange(_List);
   };
-
-  /**
-   * @description: 重新选择 拖拽模式下单个文件可用
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  const handleReSelect = file => {
+  const handleReSelect = (file) => {
     handleDelFile(file);
     setTimeout(() => {
       refReSelect.current.click();
     }, 1);
   };
-
-  /**
-   * @description: 单个拖拽上传界面
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  const draggerSingleRender = file => {
+  const draggerSingleRender = (file) => {
+    var _a2, _b2, _c2, _d2;
     const _fileExt = getFileExt(file.name);
     const _fileIcon = getFileIcon(_fileExt);
-    return /*#__PURE__*/_jsxs("div", {
-      className: "dragger-single-file",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "file-type-icon",
-        children: /*#__PURE__*/_jsx("img", {
-          src: _fileIcon,
-          alt: ""
-        })
-      }), /*#__PURE__*/_jsx(DragSingleFileItem, {
-        file: file,
-        disabled: disabled,
-        onDownload: onDownload,
-        onPreview: onPreview
-      }), file.status !== 'uploading' && /*#__PURE__*/_jsxs("div", {
-        className: "file-action-box",
-        children: [!isView && !disabled && /*#__PURE__*/_jsx("div", {
-          className: "file-name",
-          onClick: () => {
-            handleReSelect(file);
-          },
-          children: locale?.ProUpload?.draggerSelect
-        }), !isView && !disabled && /*#__PURE__*/_jsx("div", {
-          className: "file-del",
-          onClick: () => {
-            handleDelFile(file);
-          },
-          children: locale?.ProUpload?.draggerDelete
-        })]
-      })]
-    });
+    return /* @__PURE__ */ jsxs("div", { className: "dragger-single-file", children: [
+      /* @__PURE__ */ jsx("div", { className: "file-type-icon", children: /* @__PURE__ */ jsx("img", { src: _fileIcon, alt: "" }) }),
+      /* @__PURE__ */ jsx(
+        DragSingleFileItem,
+        {
+          file,
+          disabled,
+          onDownload,
+          onPreview
+        }
+      ),
+      file.status !== "uploading" && /* @__PURE__ */ jsxs("div", { className: "file-action-box", children: [
+        !isView && !disabled && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "file-name",
+            onClick: () => {
+              handleReSelect(file);
+            },
+            children: (_b2 = (_a2 = locale) == null ? void 0 : _a2.ProUpload) == null ? void 0 : _b2.draggerSelect
+          }
+        ),
+        !isView && !disabled && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "file-del",
+            onClick: () => {
+              handleDelFile(file);
+            },
+            children: (_d2 = (_c2 = locale) == null ? void 0 : _c2.ProUpload) == null ? void 0 : _d2.draggerDelete
+          }
+        )
+      ] })
+    ] });
   };
   const dragUploadProps = {
     ...baseUploadProps,
@@ -105,71 +88,48 @@ const DragRender = props => {
     disabled,
     openFileDialogOnClick: !showDraggerSingleRender
   };
-  return /*#__PURE__*/_jsxs("div", {
-    className: "pro-upload-dragger",
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "pro-upload-handle-box",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "pro-upload-dragger-header",
-        children: headerRender()
-      }), /*#__PURE__*/_jsx(Dragger, {
-        ...dragUploadProps,
-        children: /*#__PURE__*/_jsxs("div", {
-          className: "drag-upload-inner",
-          ref: refReSelect,
-          children: [!showDraggerSingleRender && /*#__PURE__*/_jsxs("div", {
-            className: "upload-dragger-control",
-            children: [/*#__PURE__*/_jsxs("div", {
-              className: "dragger-txt-line1",
-              children: [/*#__PURE__*/_jsx("i", {
-                className: "icon-upload",
-                children: /*#__PURE__*/_jsx(CloudUploadOutlined, {})
-              }), /*#__PURE__*/_jsxs("p", {
-                className: "dragger-txt",
-                children: [locale?.ProUpload?.draggerTips, /*#__PURE__*/_jsxs("span", {
-                  className: "click-txt",
-                  children: [locale?.ProUpload?.draggerBtnTxt, " "]
-                })]
-              })]
-            }), /*#__PURE__*/_jsxs("p", {
-              className: "file-ext",
-              children: [locale?.ProUpload?.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : `${locale?.ProUpload?.draggerLimitless}`]
-            }), customTextRender && /*#__PURE__*/_jsx("p", {
-              className: "file-ext",
-              children: customTextRender
-            })]
-          }), /*#__PURE__*/_jsx("div", {
-            className: "dragger-file-show",
-            children: showDraggerSingleRender && draggerSingleRender(fileList[0])
-          })]
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: "pro-upload-dragger-footer",
-        children: footerRender()
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: "pro-upload-file-list",
-      children: /*#__PURE__*/_jsx(DndContext, {
-        sensors: [sensor],
-        onDragEnd: onDragEnd,
-        children: /*#__PURE__*/_jsx(SortableContext, {
-          items: fileList.map(i => i.uid),
-          strategy: rectSortingStrategy,
-          children: maxCount > 1 && fileList.map(file => {
-            return /*#__PURE__*/_jsx(DraggableUploadListItem, {
-              file: file,
-              children: /*#__PURE__*/_jsx(FileItem, {
-                file: file,
-                disabled: disabled || isView,
-                onPreview: onPreview,
-                onRemove: handleDelFile,
-                onDownload: onDownload
-              }, file.uid)
-            });
-          })
-        })
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "pro-upload-dragger", children: [
+    /* @__PURE__ */ jsxs("div", { className: "pro-upload-handle-box", children: [
+      /* @__PURE__ */ jsx("div", { className: "pro-upload-dragger-header", children: headerRender() }),
+      /* @__PURE__ */ jsx(Dragger, { ...dragUploadProps, children: /* @__PURE__ */ jsxs("div", { className: "drag-upload-inner", ref: refReSelect, children: [
+        !showDraggerSingleRender && /* @__PURE__ */ jsxs("div", { className: "upload-dragger-control", children: [
+          /* @__PURE__ */ jsxs("div", { className: "dragger-txt-line1", children: [
+            /* @__PURE__ */ jsx("i", { className: "icon-upload", children: /* @__PURE__ */ jsx(CloudUploadOutlined, {}) }),
+            /* @__PURE__ */ jsxs("p", { className: "dragger-txt", children: [
+              (_b = (_a = locale) == null ? void 0 : _a.ProUpload) == null ? void 0 : _b.draggerTips,
+              /* @__PURE__ */ jsxs("span", { className: "click-txt", children: [
+                (_d = (_c = locale) == null ? void 0 : _c.ProUpload) == null ? void 0 : _d.draggerBtnTxt,
+                " "
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "file-ext", children: [
+            (_f = (_e = locale) == null ? void 0 : _e.ProUpload) == null ? void 0 : _f.draggerFileExt,
+            "：",
+            extExt.length > 0 ? extExt.join("、") : `${(_h = (_g = locale) == null ? void 0 : _g.ProUpload) == null ? void 0 : _h.draggerLimitless}`
+          ] }),
+          customTextRender && /* @__PURE__ */ jsx("p", { className: "file-ext", children: customTextRender })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "dragger-file-show", children: showDraggerSingleRender && draggerSingleRender(fileList[0]) })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "pro-upload-dragger-footer", children: footerRender() })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "pro-upload-file-list", children: /* @__PURE__ */ jsx(DndContext, { sensors: [sensor], onDragEnd, children: /* @__PURE__ */ jsx(SortableContext, { items: fileList.map((i) => i.uid), strategy: rectSortingStrategy, children: maxCount > 1 && fileList.map((file) => {
+      return /* @__PURE__ */ jsx(DraggableUploadListItem, { file, children: /* @__PURE__ */ jsx(
+        FileItem,
+        {
+          file,
+          disabled: disabled || isView,
+          onPreview,
+          onRemove: handleDelFile,
+          onDownload
+        },
+        file.uid
+      ) });
+    }) }) }) })
+  ] });
+};
+var DragRender_default = DragRender;
+export {
+  DragRender_default as default
 };
-export default DragRender;

package/es/ProUpload/components/DraggableUploadListItem.js

@@ -1,32 +1,19 @@
-import React from 'react';
-import { CSS } from '@dnd-kit/utilities';
-import { useSortable } from '@dnd-kit/sortable';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const DraggableUploadListItem = ({
-  file,
-  children
-}) => {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition
-  } = useSortable({
+import { jsx } from "react/jsx-runtime";
+import { CSS } from "@dnd-kit/utilities";
+import { useSortable } from "@dnd-kit/sortable";
+const DraggableUploadListItem = ({ file, children }) => {
+  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
     id: file.uid
   });
   const style = {
     transform: CSS.Transform.toString(transform),
     transition,
-    cursor: 'move',
+    cursor: "move",
     zIndex: 10,
-    position: 'relative'
+    position: "relative"
   };
-  return /*#__PURE__*/_jsx("div", {
-    ref: setNodeRef,
-    style: style,
-    ...attributes,
-    ...listeners,
-    children: children
-  });
-};
+  return /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners, children });
+};
+export {
+  DraggableUploadListItem
+};