@zjlab-fe/data-hub-ui 0.21.7 → 0.22.0

package/es/components/uploadDrawer/index.css.js

@@ -0,0 +1,511 @@
+var style = document.createElement('style');
+style.textContent = `.mylib-upload-drawer *, .mylib-upload-drawer ::before, .mylib-upload-drawer ::after {  
+    --tw-border-spacing-x: 0;  
+    --tw-border-spacing-y: 0;  
+    --tw-translate-x: 0;  
+    --tw-translate-y: 0;  
+    --tw-rotate: 0;  
+    --tw-skew-x: 0;  
+    --tw-skew-y: 0;  
+    --tw-scale-x: 1;  
+    --tw-scale-y: 1;  
+    --tw-pan-x:  ;  
+    --tw-pan-y:  ;  
+    --tw-pinch-zoom:  ;  
+    --tw-scroll-snap-strictness: proximity;  
+    --tw-gradient-from-position:  ;  
+    --tw-gradient-via-position:  ;  
+    --tw-gradient-to-position:  ;  
+    --tw-ordinal:  ;  
+    --tw-slashed-zero:  ;  
+    --tw-numeric-figure:  ;  
+    --tw-numeric-spacing:  ;  
+    --tw-numeric-fraction:  ;  
+    --tw-ring-inset:  ;  
+    --tw-ring-offset-width: 0px;  
+    --tw-ring-offset-color: #fff;  
+    --tw-ring-color: rgb(59 130 246 / 0.5);  
+    --tw-ring-offset-shadow: 0 0 #0000;  
+    --tw-ring-shadow: 0 0 #0000;  
+    --tw-shadow: 0 0 #0000;  
+    --tw-shadow-colored: 0 0 #0000;  
+    --tw-blur:  ;  
+    --tw-brightness:  ;  
+    --tw-contrast:  ;  
+    --tw-grayscale:  ;  
+    --tw-hue-rotate:  ;  
+    --tw-invert:  ;  
+    --tw-saturate:  ;  
+    --tw-sepia:  ;  
+    --tw-drop-shadow:  ;  
+    --tw-backdrop-blur:  ;  
+    --tw-backdrop-brightness:  ;  
+    --tw-backdrop-contrast:  ;  
+    --tw-backdrop-grayscale:  ;  
+    --tw-backdrop-hue-rotate:  ;  
+    --tw-backdrop-invert:  ;  
+    --tw-backdrop-opacity:  ;  
+    --tw-backdrop-saturate:  ;  
+    --tw-backdrop-sepia:  ;  
+    --tw-contain-size:  ;  
+    --tw-contain-layout:  ;  
+    --tw-contain-paint:  ;  
+    --tw-contain-style:  
+}  
+  .mylib-upload-drawer ::backdrop {  
+    --tw-border-spacing-x: 0;  
+    --tw-border-spacing-y: 0;  
+    --tw-translate-x: 0;  
+    --tw-translate-y: 0;  
+    --tw-rotate: 0;  
+    --tw-skew-x: 0;  
+    --tw-skew-y: 0;  
+    --tw-scale-x: 1;  
+    --tw-scale-y: 1;  
+    --tw-pan-x:  ;  
+    --tw-pan-y:  ;  
+    --tw-pinch-zoom:  ;  
+    --tw-scroll-snap-strictness: proximity;  
+    --tw-gradient-from-position:  ;  
+    --tw-gradient-via-position:  ;  
+    --tw-gradient-to-position:  ;  
+    --tw-ordinal:  ;  
+    --tw-slashed-zero:  ;  
+    --tw-numeric-figure:  ;  
+    --tw-numeric-spacing:  ;  
+    --tw-numeric-fraction:  ;  
+    --tw-ring-inset:  ;  
+    --tw-ring-offset-width: 0px;  
+    --tw-ring-offset-color: #fff;  
+    --tw-ring-color: rgb(59 130 246 / 0.5);  
+    --tw-ring-offset-shadow: 0 0 #0000;  
+    --tw-ring-shadow: 0 0 #0000;  
+    --tw-shadow: 0 0 #0000;  
+    --tw-shadow-colored: 0 0 #0000;  
+    --tw-blur:  ;  
+    --tw-brightness:  ;  
+    --tw-contrast:  ;  
+    --tw-grayscale:  ;  
+    --tw-hue-rotate:  ;  
+    --tw-invert:  ;  
+    --tw-saturate:  ;  
+    --tw-sepia:  ;  
+    --tw-drop-shadow:  ;  
+    --tw-backdrop-blur:  ;  
+    --tw-backdrop-brightness:  ;  
+    --tw-backdrop-contrast:  ;  
+    --tw-backdrop-grayscale:  ;  
+    --tw-backdrop-hue-rotate:  ;  
+    --tw-backdrop-invert:  ;  
+    --tw-backdrop-opacity:  ;  
+    --tw-backdrop-saturate:  ;  
+    --tw-backdrop-sepia:  ;  
+    --tw-contain-size:  ;  
+    --tw-contain-layout:  ;  
+    --tw-contain-paint:  ;  
+    --tw-contain-style:  
+}  
+  .mylib-upload-drawer .dhu-absolute {  
+    position: absolute
+}  
+  .mylib-upload-drawer .dhu-relative {  
+    position: relative
+}  
+  .mylib-upload-drawer .dhu-right-0 {  
+    right: 0px
+}  
+  .mylib-upload-drawer .dhu-m-0 {  
+    margin: 0px
+}  
+  .mylib-upload-drawer .dhu-mx-auto {  
+    margin-left: auto;  
+    margin-right: auto
+}  
+  .mylib-upload-drawer .dhu-my-2\\.5 {  
+    margin-top: 0.625rem;  
+    margin-bottom: 0.625rem
+}  
+  .mylib-upload-drawer .dhu-mb-4 {  
+    margin-bottom: 1rem
+}  
+  .mylib-upload-drawer .dhu-mb-5 {  
+    margin-bottom: 1.25rem
+}  
+  .mylib-upload-drawer .dhu-ml-auto {  
+    margin-left: auto
+}  
+  .mylib-upload-drawer .dhu-mr-1 {  
+    margin-right: 0.25rem
+}  
+  .mylib-upload-drawer .dhu-line-clamp-3 {  
+    overflow: hidden;  
+    display: -webkit-box;  
+    -webkit-box-orient: vertical;  
+    -webkit-line-clamp: 3
+}  
+  .mylib-upload-drawer .dhu-flex {  
+    display: flex
+}  
+  .mylib-upload-drawer .dhu-grid {  
+    display: grid
+}  
+  .mylib-upload-drawer .dhu-h-12 {  
+    height: 3rem
+}  
+  .mylib-upload-drawer .dhu-h-4 {  
+    height: 1rem
+}  
+  .mylib-upload-drawer .dhu-h-5 {  
+    height: 1.25rem
+}  
+  .mylib-upload-drawer .dhu-h-6 {  
+    height: 1.5rem
+}  
+  .mylib-upload-drawer .dhu-h-9 {  
+    height: 2.25rem
+}  
+  .mylib-upload-drawer .dhu-h-\\[60px\\] {  
+    height: 60px
+}  
+  .mylib-upload-drawer .dhu-h-full {  
+    height: 100%
+}  
+  .mylib-upload-drawer .dhu-max-h-72 {  
+    max-height: 18rem
+}  
+  .mylib-upload-drawer .dhu-w-12 {  
+    width: 3rem
+}  
+  .mylib-upload-drawer .dhu-w-4 {  
+    width: 1rem
+}  
+  .mylib-upload-drawer .dhu-w-40 {  
+    width: 10rem
+}  
+  .mylib-upload-drawer .dhu-w-5 {  
+    width: 1.25rem
+}  
+  .mylib-upload-drawer .dhu-w-6 {  
+    width: 1.5rem
+}  
+  .mylib-upload-drawer .dhu-w-9 {  
+    width: 2.25rem
+}  
+  .mylib-upload-drawer .dhu-w-\\[60px\\] {  
+    width: 60px
+}  
+  .mylib-upload-drawer .dhu-w-full {  
+    width: 100%
+}  
+  .mylib-upload-drawer .dhu-cursor-pointer {  
+    cursor: pointer
+}  
+  .mylib-upload-drawer .dhu-place-items-center {  
+    place-items: center
+}  
+  .mylib-upload-drawer .dhu-content-start {  
+    align-content: flex-start
+}  
+  .mylib-upload-drawer .dhu-items-center {  
+    align-items: center
+}  
+  .mylib-upload-drawer .dhu-justify-center {  
+    justify-content: center
+}  
+  .mylib-upload-drawer .dhu-justify-between {  
+    justify-content: space-between
+}  
+  .mylib-upload-drawer .dhu-gap-1 {  
+    gap: 0.25rem
+}  
+  .mylib-upload-drawer .dhu-gap-2 {  
+    gap: 0.5rem
+}  
+  .mylib-upload-drawer .dhu-gap-3 {  
+    gap: 0.75rem
+}  
+  .mylib-upload-drawer .dhu-gap-4 {  
+    gap: 1rem
+}  
+  .mylib-upload-drawer .dhu-justify-self-start {  
+    justify-self: start
+}  
+  .mylib-upload-drawer .dhu-justify-self-end {  
+    justify-self: end
+}  
+  .mylib-upload-drawer .dhu-justify-self-center {  
+    justify-self: center
+}  
+  .mylib-upload-drawer .dhu-overflow-hidden {  
+    overflow: hidden
+}  
+  .mylib-upload-drawer .dhu-overflow-y-auto {  
+    overflow-y: auto
+}  
+  .mylib-upload-drawer .dhu-truncate {  
+    overflow: hidden;  
+    text-overflow: ellipsis;  
+    white-space: nowrap
+}  
+  .mylib-upload-drawer .dhu-rounded {  
+    border-radius: 0.25rem
+}  
+  .mylib-upload-drawer .dhu-rounded-2xl {  
+    border-radius: 1rem
+}  
+  .mylib-upload-drawer .dhu-rounded-\\[20px\\] {  
+    border-radius: 20px
+}  
+  .mylib-upload-drawer .dhu-rounded-full {  
+    border-radius: 9999px
+}  
+  .mylib-upload-drawer .dhu-rounded-lg {  
+    border-radius: 0.5rem
+}  
+  .mylib-upload-drawer .dhu-rounded-none {  
+    border-radius: 0px
+}  
+  .mylib-upload-drawer .dhu-rounded-xl {  
+    border-radius: 0.75rem
+}  
+  .mylib-upload-drawer .dhu-border {  
+    border-width: 1px
+}  
+  .mylib-upload-drawer .dhu-border-solid {  
+    border-style: solid
+}  
+  .mylib-upload-drawer .dhu-border-\\[\\#1775FE\\] {  
+    --tw-border-opacity: 1;  
+    border-color: rgb(23 117 254 / var(--tw-border-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-border-gray-3 {  
+    --tw-border-opacity: 1;  
+    border-color: rgb(217 224 237 / var(--tw-border-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-border-purple-200 {  
+    --tw-border-opacity: 1;  
+    border-color: rgb(233 213 255 / var(--tw-border-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-border-slate-100 {  
+    --tw-border-opacity: 1;  
+    border-color: rgb(241 245 249 / var(--tw-border-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-bg-\\[\\#F5F7FA\\] {  
+    --tw-bg-opacity: 1;  
+    background-color: rgb(245 247 250 / var(--tw-bg-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-bg-blue-500\\/10 {  
+    background-color: rgb(59 130 246 / 0.1)
+}  
+  .mylib-upload-drawer .dhu-bg-white {  
+    --tw-bg-opacity: 1;  
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-bg-gradient-to-br {  
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
+}  
+  .mylib-upload-drawer .dhu-from-purple-50 {  
+    --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);  
+    --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);  
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
+}  
+  .mylib-upload-drawer .dhu-from-purple-500 {  
+    --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);  
+    --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);  
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
+}  
+  .mylib-upload-drawer .dhu-to-blue-50 {  
+    --tw-gradient-to: #eff6ff var(--tw-gradient-to-position)
+}  
+  .mylib-upload-drawer .dhu-to-blue-500 {  
+    --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)
+}  
+  .mylib-upload-drawer .dhu-object-contain {  
+    -o-object-fit: contain;  
+       object-fit: contain
+}  
+  .mylib-upload-drawer .dhu-p-2 {  
+    padding: 0.5rem
+}  
+  .mylib-upload-drawer .dhu-p-3 {  
+    padding: 0.75rem
+}  
+  .mylib-upload-drawer .dhu-p-4 {  
+    padding: 1rem
+}  
+  .mylib-upload-drawer .dhu-p-5 {  
+    padding: 1.25rem
+}  
+  .mylib-upload-drawer .dhu-text-center {  
+    text-align: center
+}  
+  .mylib-upload-drawer .dhu-text-right {  
+    text-align: right
+}  
+  .mylib-upload-drawer .dhu-font-ali-55 {  
+    font-family: AlibabaPuHuiTi-3-55-Regular
+}  
+  .mylib-upload-drawer .dhu-font-ali-75 {  
+    font-family: AlibabaPuHuiTi-3-75-SemiBold
+}  
+  .mylib-upload-drawer .dhu-font-ali-85 {  
+    font-family: AlibabaPuHuiTi-3-85-Bold
+}  
+  .mylib-upload-drawer .dhu-text-2xl {  
+    font-size: 1.5rem;  
+    line-height: 2rem
+}  
+  .mylib-upload-drawer .dhu-text-\\[32px\\] {  
+    font-size: 32px
+}  
+  .mylib-upload-drawer .dhu-text-\\[36px\\] {  
+    font-size: 36px
+}  
+  .mylib-upload-drawer .dhu-text-\\[40px\\] {  
+    font-size: 40px
+}  
+  .mylib-upload-drawer .dhu-text-base {  
+    font-size: 1rem;  
+    line-height: 1.5rem
+}  
+  .mylib-upload-drawer .dhu-text-lg {  
+    font-size: 1.125rem;  
+    line-height: 1.75rem
+}  
+  .mylib-upload-drawer .dhu-text-sm {  
+    font-size: 0.875rem;  
+    line-height: 1.25rem
+}  
+  .mylib-upload-drawer .dhu-text-xl {  
+    font-size: 1.25rem;  
+    line-height: 1.75rem
+}  
+  .mylib-upload-drawer .dhu-text-xs {  
+    font-size: 0.75rem;  
+    line-height: 1rem
+}  
+  .mylib-upload-drawer .dhu-font-bold {  
+    font-weight: 700
+}  
+  .mylib-upload-drawer .dhu-font-normal {  
+    font-weight: 400
+}  
+  .mylib-upload-drawer .dhu-font-semibold {  
+    font-weight: 600
+}  
+  .mylib-upload-drawer .dhu-leading-4 {  
+    line-height: 1rem
+}  
+  .mylib-upload-drawer .dhu-leading-5 {  
+    line-height: 1.25rem
+}  
+  .mylib-upload-drawer .dhu-leading-6 {  
+    line-height: 1.5rem
+}  
+  .mylib-upload-drawer .dhu-leading-7 {  
+    line-height: 1.75rem
+}  
+  .mylib-upload-drawer .dhu-leading-8 {  
+    line-height: 2rem
+}  
+  .mylib-upload-drawer .dhu-leading-\\[44px\\] {  
+    line-height: 44px
+}  
+  .mylib-upload-drawer .dhu-leading-\\[50px\\] {  
+    line-height: 50px
+}  
+  .mylib-upload-drawer .dhu-leading-\\[56px\\] {  
+    line-height: 56px
+}  
+  .mylib-upload-drawer .dhu-text-blue-5 {  
+    --tw-text-opacity: 1;  
+    color: rgb(23 117 254 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-blue-500 {  
+    --tw-text-opacity: 1;  
+    color: rgb(59 130 246 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-gray-10 {  
+    --tw-text-opacity: 1;  
+    color: rgb(34 36 39 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-gray-5 {  
+    --tw-text-opacity: 1;  
+    color: rgb(135 144 158 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-gray-500 {  
+    --tw-text-opacity: 1;  
+    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-gray-7 {  
+    --tw-text-opacity: 1;  
+    color: rgb(84 91 100 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-gray-900 {  
+    --tw-text-opacity: 1;  
+    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-green-green {  
+    --tw-text-opacity: 1;  
+    color: rgb(83 195 27 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-purple-700 {  
+    --tw-text-opacity: 1;  
+    color: rgb(126 34 206 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-purple-900 {  
+    --tw-text-opacity: 1;  
+    color: rgb(88 28 135 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-red-red {  
+    --tw-text-opacity: 1;  
+    color: rgb(254 77 79 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-text-white {  
+    --tw-text-opacity: 1;  
+    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
+}  
+  .mylib-upload-drawer .dhu-opacity-0 {  
+    opacity: 0
+}  
+  .mylib-upload-drawer .dhu-shadow-md {  
+    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);  
+    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);  
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}  
+  .mylib-upload-drawer .dhu-transition-opacity {  
+    transition-property: opacity;  
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  
+    transition-duration: 150ms
+}  
+  .mylib-upload-drawer .dhu-transition-shadow {  
+    transition-property: box-shadow;  
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  
+    transition-duration: 150ms
+}  
+  .mylib-upload-drawer .dhu-transition-transform {  
+    transition-property: transform;  
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  
+    transition-duration: 150ms
+}  
+.hover\\:dhu-bg-assist-bg-blue:hover {  
+    --tw-bg-opacity: 1;  
+    background-color: rgb(244 246 250 / var(--tw-bg-opacity, 1))
+}  
+.hover\\:dhu-shadow-lg:hover {  
+    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);  
+    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);  
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}  
+.dhu-group:hover .group-hover\\:dhu--translate-x-10 {  
+    --tw-translate-x: -2.5rem;  
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}  
+.dhu-group:hover .group-hover\\:dhu--translate-x-6 {  
+    --tw-translate-x: -1.5rem;  
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}  
+.dhu-group:hover .group-hover\\:dhu-opacity-100 {  
+    opacity: 1
+}`;
+document.head.appendChild(style);

package/es/components/uploadDrawer/index.js

@@ -0,0 +1,43 @@
+import { __awaiter } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { UploadStoreContext, TEMP_STORE } from './UploadStoreProvider.js';
+export { default as UploadDrawerUploadStoreProvider } from './UploadStoreProvider.js';
+import FileUploadDrawer$1 from './fileUploadDrawer.js';
+import { createContext, useContext } from 'react';
+import { GB } from './utils/constant.js';
+import './index.css.js';
+import { Drawer, Alert } from 'antd';
+
+const FileUploadDrawerContext = createContext({
+    identifier: '',
+    getUploadUrls: () => __awaiter(void 0, void 0, void 0, function* () { return ({ status: false }); }),
+    onCancelUpload: () => __awaiter(void 0, void 0, void 0, function* () { return ({ status: false }); }),
+    onOnePartDone: () => __awaiter(void 0, void 0, void 0, function* () { return ({ status: false }); }),
+    onAllPartDone: () => __awaiter(void 0, void 0, void 0, function* () { return ({ status: false }); }),
+});
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ */
+function FileUploadDrawer(props) {
+    // 检测是否在 UploadStoreProvider 内使用
+    const uploadStore = useContext(UploadStoreContext);
+    if (uploadStore === TEMP_STORE) {
+        return (jsx(Drawer, { open: props.open, onClose: props.onClose, title: "\u6570\u636E\u4E0A\u4F20", children: jsx(Alert, { message: "FileUploadDrawer \u5FC5\u987B\u5728 UploadStoreProvider \u5185\u4F7F\u7528", type: "warning" }) }));
+    }
+    const { identifier, maxSizePerFile = 10 * GB, directory = false, root = '', uploadHistory = [], onSuccess, getUploadUrls, onCancelUpload, onOnePartDone, onAllPartDone, onClose, dragAreaDescription, accept, open, footer, title, showFinished, } = props;
+    const contextValue = {
+        identifier,
+        maxSizePerFile,
+        directory,
+        root,
+        uploadHistory,
+        onSuccess,
+        getUploadUrls,
+        onCancelUpload,
+        onOnePartDone,
+        onAllPartDone,
+    };
+    return (jsx(FileUploadDrawerContext.Provider, { value: contextValue, children: jsx(FileUploadDrawer$1, { open: open, accept: accept, footer: footer, title: title, showFinished: showFinished, directory: directory, identifier: identifier, dragAreaDescription: dragAreaDescription, onClose: onClose }) }));
+}
+
+export { FileUploadDrawerContext, FileUploadDrawer as default };

package/es/components/uploadDrawer/utils/calcDisplaySize.js

@@ -0,0 +1,19 @@
+import { GB, MB, KB } from './constant.js';
+
+function calcDisplaySize(size) {
+    const units = [
+        { value: GB, label: 'GB' },
+        { value: MB, label: 'MB' },
+        { value: KB, label: 'KB' },
+        { value: 1, label: 'B' },
+    ];
+    for (const { value, label } of units) {
+        if (size >= value || value === 1) {
+            return (size / value).toFixed(1) + label;
+        }
+    }
+    // 这行代码理论上永远不会执行,但为了类型安全,我们保留它
+    return size + 'B';
+}
+
+export { calcDisplaySize };

package/es/components/uploadDrawer/utils/constant.js

@@ -0,0 +1,16 @@
+const KB = 1024;
+const MB = 1048576;
+const GB = 1073741824;
+var FILE_UPLOAD_STATUS;
+(function (FILE_UPLOAD_STATUS) {
+    FILE_UPLOAD_STATUS[FILE_UPLOAD_STATUS["INIT"] = 1] = "INIT";
+    FILE_UPLOAD_STATUS[FILE_UPLOAD_STATUS["UPLOADING"] = 2] = "UPLOADING";
+    FILE_UPLOAD_STATUS[FILE_UPLOAD_STATUS["FINISHED"] = 3] = "FINISHED";
+    FILE_UPLOAD_STATUS[FILE_UPLOAD_STATUS["FAILED"] = 4] = "FAILED";
+    FILE_UPLOAD_STATUS[FILE_UPLOAD_STATUS["PAUSED"] = 5] = "PAUSED";
+    FILE_UPLOAD_STATUS[FILE_UPLOAD_STATUS["CANCELED"] = 6] = "CANCELED";
+})(FILE_UPLOAD_STATUS || (FILE_UPLOAD_STATUS = {}));
+const NEW = 1;
+const USE_OLD_INFO = 2;
+
+export { FILE_UPLOAD_STATUS, GB, KB, MB, NEW, USE_OLD_INFO };

package/es/components/uploadDrawer/utils/createFileToUpload.js

@@ -0,0 +1,51 @@
+import { __awaiter } from 'tslib';
+import { FILE_UPLOAD_STATUS, MB } from './constant.js';
+import { calcDisplaySize } from './calcDisplaySize.js';
+
+function createFileToUpload(raw, root, getUploadUrls) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // 从原始文件中提取名称和大小
+        const { name, size: fileSize } = raw;
+        // 如果有根路径,则将其添加到文件名前
+        const fileName = root ? `${root}${name}` : name;
+        // 创建初始的文件上传对象
+        const fileToUpload = Object.assign(Object.assign({}, createInitialFileToUpload()), { fileName, 
+            // 创建新的File对象,可能是为了重置某些属性
+            raw: new File([raw], fileName, { type: raw.type }), partCount: calculatePartCount(fileSize), chunkSize: calculateChunkSize(fileSize), displaySize: calcDisplaySize(fileSize) });
+        // 获取上传URL
+        const result = yield getUploadUrls(fileName, fileToUpload.partCount);
+        // 根据获取URL的结果,返回不同的对象
+        return result.status
+            ? Object.assign(Object.assign({}, fileToUpload), result.uploadInfo) : Object.assign(Object.assign({}, fileToUpload), { fileStatus: FILE_UPLOAD_STATUS.FAILED });
+    });
+}
+// 计算分块大小,小文件使用固定大小,大文件动态计算
+function calculateChunkSize(fileSize) {
+    return fileSize < 10 * MB ? 10 * MB : Math.ceil(fileSize / 10);
+}
+// 计算文件需要分成的块数
+function calculatePartCount(fileSize) {
+    const chunkSize = calculateChunkSize(fileSize);
+    return Math.floor(fileSize / chunkSize) + 1;
+}
+// 创建初始的文件上传对象,设置默认值
+function createInitialFileToUpload() {
+    return {
+        fileStatus: FILE_UPLOAD_STATUS.INIT,
+        percentage: 0,
+        uploadId: '',
+        expiryTime: '',
+        uploadUrls: [],
+        completeSeq: [],
+        failSeq: [],
+        cancelControllers: {},
+        uploadStatus: [],
+        chunkSize: 0,
+        displaySize: '',
+        fileName: '',
+        partCount: 0,
+        raw: undefined,
+    };
+}
+
+export { createFileToUpload };

package/es/components/uploadDrawer/utils/fileDB/deleteFileInStore.js

@@ -0,0 +1,28 @@
+import { UPLOADS_DATABASE } from './index.js';
+
+function deleteFileInStore(storeName, fileName) {
+    let transaction;
+    try {
+        transaction = UPLOADS_DATABASE.transaction(storeName, 'readwrite');
+    }
+    catch (ex) {
+        console.warn('db.transaction() exception in deleteFileInStore() - ' + ex.message);
+        return;
+    }
+    try {
+        const objectStore = transaction.objectStore(storeName);
+        const deleteReq = objectStore.delete(fileName);
+        deleteReq.onsuccess = () => {
+            return true;
+        };
+        deleteReq.onerror = (_e) => {
+            console.warn('deleteReq.onerror fired in deleteFileInStore() - error code: ' + deleteReq.error);
+        };
+    }
+    catch (ex) {
+        console.warn('Transaction and/or put() exception in deleteFileInStore() - ' + ex.message);
+        return;
+    }
+}
+
+export { deleteFileInStore };

package/es/components/uploadDrawer/utils/fileDB/deleteObjectStore.js

@@ -0,0 +1,28 @@
+import { __awaiter } from 'tslib';
+import { UPLOADS_DATABASE, DATABASE_NAME } from './index.js';
+
+// 删除指定的对象存储空间
+function deleteObjectStore(storeNames) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const newVersion = UPLOADS_DATABASE.version + 1;
+        UPLOADS_DATABASE.close();
+        return new Promise((resolve, reject) => {
+            const openRequest = window.indexedDB.open(DATABASE_NAME, newVersion);
+            openRequest.onupgradeneeded = () => {
+                const db = openRequest.result;
+                storeNames.forEach((storeName) => {
+                    if (db.objectStoreNames.contains(storeName)) {
+                        db.deleteObjectStore(storeName);
+                    }
+                });
+            };
+            openRequest.onsuccess = () => {
+                openRequest.result.close();
+                resolve();
+            };
+            openRequest.onerror = () => reject(openRequest.error);
+        });
+    });
+}
+
+export { deleteObjectStore };