@usethink/shared-frontend 0.1.1 → 0.1.3

package/dist/src/components/basic/customUpload/src/FileList.vue.js

@@ -0,0 +1,8 @@
+import o from "./FileList2.vue.js";
+/* empty css              */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bb04ff91"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=FileList.vue.js.map

package/dist/src/components/basic/customUpload/src/FileList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/src/components/basic/customUpload/src/FileList2.vue.js

@@ -0,0 +1,51 @@
+import { jsxs as x, jsx as e } from "vue/jsx-runtime";
+import { defineComponent as b, watch as g, nextTick as y, computed as S } from "vue";
+import { fileListProps as v } from "./props.js";
+import { isFunction as L } from "lodash-es";
+import { useModalContext as w } from "../../../core/Modal/src/hooks/useModalContext.js";
+import { useLayoutSettingStore as C } from "../../../../store/modules/layoutSetting.js";
+const T = b({
+  name: "FileList",
+  props: v,
+  setup(c) {
+    const d = w(), m = C();
+    g(
+      () => c.dataSource,
+      () => {
+        y(() => {
+          d?.redoModalHeight?.();
+        });
+      }
+    );
+    const o = S(() => {
+      const { getNavTheme: a } = m;
+      return {
+        border: a === "realDark" ? "1px solid rgba(253, 253, 253, 0.12)" : "1px solid rgba(5, 5, 5, 0.06)"
+      };
+    });
+    return () => {
+      const { columns: a, actionColumn: u, dataSource: p } = c, s = [...a, u];
+      return /* @__PURE__ */ x("table", { class: "file-table", style: o.value, children: [
+        /* @__PURE__ */ e("colgroup", { children: s.map((t) => {
+          const { width: n = 0, dataIndex: l } = t, r = {
+            width: `${n}px`,
+            minWidth: `${n}px`
+          };
+          return /* @__PURE__ */ e("col", { style: n ? r : {} }, l);
+        }) }),
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { class: "file-table-tr", children: s.map((t) => {
+          const { title: n = "", align: l = "center", dataIndex: r } = t;
+          return /* @__PURE__ */ e("th", { class: ["file-table-th", l], style: o.value, children: n }, r);
+        }) }) }),
+        /* @__PURE__ */ e("tbody", { children: p.map((t = {}, n) => /* @__PURE__ */ e("tr", { class: "file-table-tr", children: s.map((l) => {
+          const { dataIndex: r = "", customRender: i, align: h = "center" } = l, f = i && L(i);
+          return /* @__PURE__ */ e("td", { class: ["file-table-td", h], style: o.value, children: f ? i?.({ text: t[r], record: t }) : t[r] }, r);
+        }) }, `${n + t.name || ""}`)) })
+      ] });
+    };
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=FileList2.vue.js.map

package/dist/src/components/basic/customUpload/src/FileList2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileList2.vue.js","sources":["../../../../../../src/components/basic/customUpload/src/FileList.vue"],"sourcesContent":["<script lang=\"tsx\">\n  import { defineComponent, type CSSProperties, watch, nextTick, computed } from 'vue'\n  import { fileListProps } from './props'\n  import { isFunction } from '@/utils/is'\n  import { useModalContext } from '@/components/core/Modal/src/hooks/useModalContext'\n  import { useLayoutSettingStore } from '@/store/modules/layoutSetting'\n\n  export default defineComponent({\n    name: 'FileList',\n    props: fileListProps,\n    setup(props) {\n      const modalFn = useModalContext()\n      const themeStore = useLayoutSettingStore()\n\n      watch(\n        () => props.dataSource,\n        () => {\n          nextTick(() => {\n            modalFn?.redoModalHeight?.()\n          })\n        },\n      )\n\n      const getStyle = computed((): CSSProperties => {\n        const { getNavTheme } = themeStore\n        return {\n          border:\n            getNavTheme === 'realDark'\n              ? '1px solid rgba(253, 253, 253, 0.12)'\n              : '1px solid rgba(5, 5, 5, 0.06)',\n        }\n      })\n\n      return () => {\n        const { columns, actionColumn, dataSource } = props\n        const columnList = [...columns, actionColumn]\n        return (\n          <table class=\"file-table\" style={getStyle.value as any}>\n            <colgroup>\n              {columnList.map(item => {\n                const { width = 0, dataIndex } = item\n                const style: CSSProperties = {\n                  width: `${width}px`,\n                  minWidth: `${width}px`,\n                }\n                return <col style={(width ? style : {}) as any} key={dataIndex} />\n              })}\n            </colgroup>\n            <thead>\n              <tr class=\"file-table-tr\">\n                {columnList.map(item => {\n                  const { title = '', align = 'center', dataIndex } = item\n                  return (\n                    <th class={['file-table-th', align]} key={dataIndex} style={getStyle.value as any}>\n                      {title}\n                    </th>\n                  )\n                })}\n              </tr>\n            </thead>\n            <tbody>\n              {dataSource.map((record = {}, index) => {\n                return (\n                  <tr class=\"file-table-tr\" key={`${index + record.name || ''}`}>\n                    {columnList.map(item => {\n                      const { dataIndex = '', customRender, align = 'center' } = item\n                      const render = customRender && isFunction(customRender)\n                      return (\n                        <td class={['file-table-td', align]} key={dataIndex} style={getStyle.value as any}>\n                          {render\n                            ? customRender?.({ text: record[dataIndex], record })\n                            : record[dataIndex]}\n                        </td>\n                      )\n                    })}\n                  </tr>\n                )\n              })}\n            </tbody>\n          </table>\n        )\n      }\n    },\n  })\n</script>\n<style lang=\"less\" scoped>\n  .file-table {\n    width: 100%;\n    border-collapse: collapse;\n\n    .center {\n      text-align: center;\n    }\n\n    .left {\n      text-align: left;\n    }\n\n    .right {\n      text-align: right;\n    }\n\n    &-th,\n    &-td {\n      padding: 12px 8px;\n    }\n\n    // thead {\n    //   background-color: @background-color-light;\n    // }\n\n    // table,\n    // td,\n    // th {\n    //   border: 1px solid #d9d9d9;\n    // }\n  }\n</style>\n"],"names":["_sfc_main","defineComponent","fileListProps","props","modalFn","useModalContext","themeStore","useLayoutSettingStore","watch","nextTick","getStyle","computed","getNavTheme","columns","actionColumn","dataSource","columnList","jsx","item","width","dataIndex","style","title","align","record","index","customRender","render","isFunction"],"mappings":";;;;;;AAOE,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,MAAMC,GAAO;AACX,UAAMC,IAAUC,EAAA,GACVC,IAAaC,EAAA;AAEnB,IAAAC;AAAA,MACE,MAAML,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAM,EAAS,MAAM;AACb,UAAAL,GAAS,kBAAA;AAAA,QACX,CAAC;AAAA,MACH;AAAA,IAAA;AAGF,UAAMM,IAAWC,EAAS,MAAqB;AAC7C,YAAM,EAAE,aAAAC,MAAgBN;AACxB,aAAO;AAAA,QACL,QACEM,MAAgB,aACZ,wCACA;AAAA,MAAA;AAAA,IAEV,CAAC;AAED,WAAO,MAAM;AACX,YAAM,EAAE,SAAAC,GAAS,cAAAC,GAAc,YAAAC,EAAA,IAAeZ,GACxCa,IAAa,CAAC,GAAGH,GAASC,CAAY;AAC5C,+BACG,SAAA,EAAM,OAAM,cAAa,OAAOJ,EAAS,OACxC,UAAA;AAAA,QAAA,gBAAAO,EAAC,YAAA,EACE,UAAAD,EAAW,IAAI,CAAAE,MAAQ;AACtB,gBAAM,EAAE,OAAAC,IAAQ,GAAG,WAAAC,EAAA,IAAcF,GAC3BG,IAAuB;AAAA,YAC3B,OAAO,GAAGF,CAAK;AAAA,YACf,UAAU,GAAGA,CAAK;AAAA,UAAA;AAEpB,mCAAQ,OAAA,EAAI,OAAQA,IAAQE,IAAQ,CAAA,KAAiBD,CAAW;AAAA,QAClE,CAAC,EAAA,CACH;AAAA,QACA,gBAAAH,EAAC,WACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,OAAM,iBACP,UAAAD,EAAW,IAAI,CAAAE,MAAQ;AACtB,gBAAM,EAAE,OAAAI,IAAQ,IAAI,OAAAC,IAAQ,UAAU,WAAAH,MAAcF;AACpD,iBACE,gBAAAD,EAAC,MAAA,EAAG,OAAO,CAAC,iBAAiBM,CAAK,GAAmB,OAAOb,EAAS,OAClE,UAAAY,EAAA,GADuCF,CAE1C;AAAA,QAEJ,CAAC,GACH,GACF;AAAA,QACA,gBAAAH,EAAC,WACE,UAAAF,EAAW,IAAI,CAACS,IAAS,CAAA,GAAIC,wBAEzB,MAAA,EAAG,OAAM,iBACP,UAAAT,EAAW,IAAI,CAAAE,MAAQ;AACtB,gBAAM,EAAE,WAAAE,IAAY,IAAI,cAAAM,GAAc,OAAAH,IAAQ,aAAaL,GACrDS,IAASD,KAAgBE,EAAWF,CAAY;AACtD,iBACE,gBAAAT,EAAC,QAAG,OAAO,CAAC,iBAAiBM,CAAK,GAAmB,OAAOb,EAAS,OAClE,UAAAiB,IACGD,IAAe,EAAE,MAAMF,EAAOJ,CAAS,GAAG,QAAAI,EAAA,CAAQ,IAClDA,EAAOJ,CAAS,EAAA,GAHoBA,CAI1C;AAAA,QAEJ,CAAC,EAAA,GAX4B,GAAGK,IAAQD,EAAO,QAAQ,EAAE,EAY3D,CAEH,EAAA,CACH;AAAA,MAAA,GACF;AAAA,IAEJ;AAAA,EACF;AACF,CAAC;"}

package/dist/src/components/basic/customUpload/src/ThumbUrl.vue.js

@@ -0,0 +1,8 @@
+import o from "./ThumbUrl2.vue.js";
+/* empty css              */
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3d46f330"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=ThumbUrl.vue.js.map

package/dist/src/components/basic/customUpload/src/ThumbUrl.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbUrl.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/src/components/basic/customUpload/src/ThumbUrl2.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as n, openBlock as r, createElementBlock as o, createBlock as i, unref as l, createCommentVNode as c } from "vue";
+import { Image as f } from "ant-design-vue";
+var m = {};
+const s = { class: "thumb" }, U = /* @__PURE__ */ n({
+  __name: "ThumbUrl",
+  props: {
+    fileUrl: {
+      type: String,
+      default: ""
+    },
+    fileName: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    const e = t, a = e.fileUrl?.startsWith("data:image") ? e.fileUrl : `${m.VITE_BASE_STATIC_URL}${e.fileUrl}`;
+    return (u, _) => (r(), o("span", s, [
+      t.fileUrl ? (r(), i(l(f), {
+        key: 0,
+        src: l(a),
+        width: 104
+      }, null, 8, ["src"])) : c("", !0)
+    ]));
+  }
+});
+export {
+  U as default
+};
+//# sourceMappingURL=ThumbUrl2.vue.js.map

package/dist/src/components/basic/customUpload/src/ThumbUrl2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbUrl2.vue.js","sources":["../../../../../../src/components/basic/customUpload/src/ThumbUrl.vue"],"sourcesContent":["<template>\n  <span class=\"thumb\">\n    <Image v-if=\"fileUrl\" :src=\"fullUrl\" :width=\"104\" />\n  </span>\n</template>\n<script lang=\"ts\" setup>\n  import { Image } from 'ant-design-vue'\n\n  const props = defineProps({\n    fileUrl: {\n      type: String,\n      default: '',\n    },\n    fileName: {\n      type: String,\n      default: '',\n    },\n  })\n  const fullUrl = props.fileUrl?.startsWith('data:image')\n    ? props.fileUrl\n    : `${import.meta.env.VITE_BASE_STATIC_URL}${props.fileUrl}`\n</script>\n<style lang=\"less\" scoped>\n  .thumb {\n    img {\n      display: block;\n      position: static;\n      border-radius: 4px;\n      cursor: zoom-in;\n      object-fit: cover;\n    }\n  }\n</style>\n"],"names":["props","__props","fullUrl","define_import_meta_env_default","_openBlock","_createElementBlock","_hoisted_1","_createBlock","_unref","Image"],"mappings":";;;;;;;;;;;;;;;;AAQE,UAAMA,IAAQC,GAURC,IAAUF,EAAM,SAAS,WAAW,YAAY,IAClDA,EAAM,UACN,GAAGG,EAAgB,oBAAoB,GAAGH,EAAM,OAAO;sBAnB3DI,EAAA,GAAAC,EAEO,QAFPC,GAEO;AAAA,MADQL,EAAA,gBAAbM,EAAoDC,EAAAC,CAAA,GAAA;AAAA;QAA7B,KAAKD,EAAAN,CAAA;AAAA,QAAU,OAAO;AAAA,MAAA;;;;"}

package/dist/src/components/basic/customUpload/src/UploadModal.vue.js

@@ -0,0 +1,86 @@
+import f from "./UploadModal2.vue.js";
+import { resolveComponent as t, openBlock as b, createBlock as g, mergeProps as k, createSlots as h, withCtx as e, createElementVNode as p, createVNode as l, createTextVNode as r, toDisplayString as a, normalizeStyle as y } from "vue";
+/* empty css                 */
+import U from "../../../../_virtual/_plugin-vue_export-helper.js";
+const C = { class: "upload-modal-toolbar" };
+function w(o, n, B, F, S, v) {
+  const s = t("a-button"), d = t("Alert"), i = t("Upload"), m = t("FileList"), u = t("BasicModal");
+  return b(), g(u, k({
+    width: "50%",
+    title: o.isImport ? o.t("component.import.import") : o.t("component.upload.upload"),
+    "ok-text": o.t("component.upload.save")
+  }, o.$attrs, {
+    "close-func": o.handleCloseFunc,
+    "mask-closable": !1,
+    keyboard: !1,
+    "show-ok-btn": !o.isImport,
+    class: "upload-modal",
+    "ok-button-props": o.getOkButtonProps,
+    "cancel-button-props": { disabled: o.isUploadingRef },
+    onRegister: o.register,
+    onOk: o.handleOk
+  }), h({
+    centerFooter: e(() => [
+      l(s, {
+        type: "primary",
+        disabled: !o.getIsSelectFile,
+        loading: o.isUploadingRef,
+        onClick: o.handleStartUpload
+      }, {
+        default: e(() => [
+          r(a(o.getUploadBtnText), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "loading", "onClick"])
+    ]),
+    default: e(() => [
+      p("div", C, [
+        l(d, {
+          message: o.getHelpText,
+          type: "info",
+          banner: "",
+          class: "upload-modal-toolbar__text"
+        }, null, 8, ["message"]),
+        l(i, {
+          accept: o.getStringAccept,
+          multiple: o.multiple,
+          "before-upload": o.beforeUpload,
+          "show-upload-list": !1,
+          class: "upload-modal-toolbar__btn"
+        }, {
+          default: e(() => [
+            l(s, { type: "primary" }, {
+              default: e(() => [
+                r(a(o.t("component.upload.choose")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["accept", "multiple", "before-upload"])
+      ]),
+      l(m, {
+        "data-source": o.fileListRef,
+        columns: o.columns,
+        "action-column": o.actionColumn
+      }, null, 8, ["data-source", "columns", "action-column"])
+    ]),
+    _: 2
+  }, [
+    o.templateUrl ? {
+      name: "leftFooter",
+      fn: e(() => [
+        p("a", {
+          style: y({ color: o.getPrimaryColor }),
+          onClick: n[0] || (n[0] = (...c) => o.handleDownloadTemplate && o.handleDownloadTemplate(...c))
+        }, a(o.templateName), 5)
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1040, ["title", "ok-text", "close-func", "show-ok-btn", "ok-button-props", "cancel-button-props", "onRegister", "onOk"]);
+}
+const N = /* @__PURE__ */ U(f, [["render", w], ["__scopeId", "data-v-e331af52"]]);
+export {
+  N as default
+};
+//# sourceMappingURL=UploadModal.vue.js.map

package/dist/src/components/basic/customUpload/src/UploadModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadModal.vue.js","sources":["../../../../../../src/components/basic/customUpload/src/UploadModal.vue"],"sourcesContent":["<template>\n  <BasicModal\n    width=\"50%\"\n    :title=\"isImport ? t('component.import.import') : t('component.upload.upload')\"\n    :ok-text=\"t('component.upload.save')\"\n    v-bind=\"$attrs\"\n    :close-func=\"handleCloseFunc\"\n    :mask-closable=\"false\"\n    :keyboard=\"false\"\n    :show-ok-btn=\"!isImport\"\n    class=\"upload-modal\"\n    :ok-button-props=\"getOkButtonProps\"\n    :cancel-button-props=\"{ disabled: isUploadingRef }\"\n    @register=\"register\"\n    @ok=\"handleOk\"\n  >\n    <template v-if=\"templateUrl\" #leftFooter>\n      <a :style=\"{ color: getPrimaryColor }\" @click=\"handleDownloadTemplate\">\n        {{ templateName }}\n      </a>\n    </template>\n    <template #centerFooter>\n      <a-button\n        type=\"primary\"\n        :disabled=\"!getIsSelectFile\"\n        :loading=\"isUploadingRef\"\n        @click=\"handleStartUpload\"\n      >\n        {{ getUploadBtnText }}\n      </a-button>\n    </template>\n\n    <div class=\"upload-modal-toolbar\">\n      <Alert :message=\"getHelpText\" type=\"info\" banner class=\"upload-modal-toolbar__text\" />\n\n      <Upload\n        :accept=\"getStringAccept\"\n        :multiple=\"multiple\"\n        :before-upload=\"beforeUpload\"\n        :show-upload-list=\"false\"\n        class=\"upload-modal-toolbar__btn\"\n      >\n        <a-button type=\"primary\">\n          {{ t('component.upload.choose') }}\n        </a-button>\n      </Upload>\n    </div>\n    <FileList :data-source=\"fileListRef\" :columns=\"columns\" :action-column=\"actionColumn\" />\n  </BasicModal>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, reactive, ref, toRefs, unref, computed, type PropType } from 'vue'\n  import { Upload, Alert, message as $message } from 'ant-design-vue'\n  import { BasicModal, useModalInner } from '@/components/core/Modal'\n  // hooks\n  import { useUploadType } from './useUpload'\n  // import { useMessage } from '@/hooks/useMessage'\n  // types\n  import { type FileItem, UploadResultStatus } from './typing'\n  import { basicProps } from './props'\n  import { createTableColumns, createActionColumn } from './data'\n  // utils\n  import { checkImgType, getBase64WithFile, checkFileType } from './helper'\n  import { buildUUID } from '@/utils/uuid'\n  import { isFunction, isHttpUrl } from '@/utils/is'\n  import FileList from './FileList.vue'\n  import { useI18n } from '@/hooks/useI18n'\n  import { downloadByUrl } from '@/utils/file/download'\n  import { useLayoutSettingStore } from '@/store/modules/layoutSetting'\n  import { uniqueSlash } from '@/utils/urlUtils'\n  import type { AxiosProgressEvent } from 'axios'\n\n  export default defineComponent({\n    components: { BasicModal, Upload, Alert, FileList },\n    props: {\n      ...basicProps,\n      previewFileList: {\n        type: Array as PropType<string[]>,\n        default: () => [],\n      },\n    },\n    emits: ['change', 'register', 'delete', 'success'],\n    setup(props, { emit }) {\n      const state = reactive<{ fileList: FileItem[] }>({\n        fileList: [],\n      })\n\n      const themeStore = useLayoutSettingStore()\n      // 是否正在上传\n      const isUploadingRef = ref(false)\n      const fileListRef = ref<FileItem[]>([])\n      const { accept, helpText, maxNumber, maxSize, isImport } = toRefs(props)\n\n      const { t } = useI18n()\n      const [register, { closeModal }] = useModalInner()\n\n      const { getStringAccept, getHelpText } = useUploadType({\n        acceptRef: accept,\n        helpTextRef: helpText,\n        maxNumberRef: maxNumber,\n        maxSizeRef: maxSize,\n      })\n\n      // const { createMessage } = useMessage()\n\n      const getIsSelectFile = computed(() => {\n        return (\n          fileListRef.value.length > 0 &&\n          !fileListRef.value.every(item => item.status === UploadResultStatus.SUCCESS)\n        )\n      })\n\n      const getOkButtonProps = computed(() => {\n        const someSuccess = fileListRef.value.some(\n          item => item.status === UploadResultStatus.SUCCESS,\n        )\n        return {\n          disabled: isUploadingRef.value || fileListRef.value.length === 0 || !someSuccess,\n        }\n      })\n\n      const getUploadBtnText = computed(() => {\n        const someError = fileListRef.value.some(item => item.status === UploadResultStatus.ERROR)\n        if (isImport.value) {\n          return isUploadingRef.value\n            ? t('component.import.importing')\n            : someError\n              ? t('component.import.reImportFailed')\n              : t('component.import.startImport')\n        }\n        return isUploadingRef.value\n          ? t('component.upload.uploading')\n          : someError\n            ? t('component.upload.reUploadFailed')\n            : t('component.upload.startUpload')\n      })\n\n      const getPrimaryColor = computed(() => themeStore.getPrimaryColor ?? '#13C2C2')\n\n      const handleDownloadTemplate = () => {\n        const { templateUrl } = props\n        const url = isHttpUrl(templateUrl)\n          ? templateUrl\n          : `${uniqueSlash(\n              (import.meta.env.VITE_BASE_API_URL + templateUrl).replace('/api/api/', '/api/'),\n            )}`\n        downloadByUrl({ url })\n      }\n\n      // 上传前校验\n      function beforeUpload(file: File) {\n        const { size, name } = file\n        const { maxSize, accept } = props\n        // 设置最大值，则判断\n        if (maxSize && file.size / 1024 / 1024 >= maxSize) {\n          $message.error(t('component.upload.maxSizeMultiple', [maxSize]))\n          return false\n        }\n\n        // 格式校验\n        if (!checkFileType(file, accept)) {\n          $message.error('文件类型校验失败, 请上传正确格式的文件!')\n          return false\n        }\n\n        const commonItem = {\n          uuid: buildUUID(),\n          file,\n          size,\n          name,\n          percent: 0,\n          type: name.split('.').pop(),\n        }\n        // 生成图片缩略图\n        if (checkImgType(file)) {\n          // beforeUpload，如果异步会调用自带上传方法\n          // file.thumbUrl = await getBase64(file);\n          getBase64WithFile(file).then(({ result: thumbUrl }) => {\n            fileListRef.value = [\n              ...unref(fileListRef),\n              {\n                thumbUrl,\n                ...commonItem,\n              },\n            ]\n          })\n        } else {\n          fileListRef.value = [...unref(fileListRef), commonItem]\n        }\n        return false\n      }\n\n      // 删除\n      function handleRemove(record: FileItem) {\n        const index = fileListRef.value.findIndex(item => item.uuid === record.uuid)\n        index !== -1 && fileListRef.value.splice(index, 1)\n        emit('delete', record)\n      }\n\n      // 预览\n      // function handlePreview(record: FileItem) {\n      //   const { thumbUrl = '' } = record;\n      //   createImgPreview({\n      //     imageList: [thumbUrl],\n      //   });\n      // }\n\n      async function uploadApiByItem(item: FileItem) {\n        const { api } = props\n        if (!api || !isFunction(api)) {\n          return console.warn('upload api must exist and be a function')\n        }\n        try {\n          item.status = UploadResultStatus.UPLOADING\n          // eslint-disable-next-line no-unsafe-optional-chaining\n          const data = await props.api?.(\n            {\n              data: {\n                ...(props.uploadParams || {}),\n              },\n              file: item.file,\n              name: props.name,\n              filename: props.filename,\n            },\n            function onUploadProgress(progressEvent: AxiosProgressEvent) {\n              const complete = ((progressEvent.loaded / progressEvent.total!) * 100) | 0\n              item.percent = complete\n            },\n          )\n          // console.log(data)\n          item.status = UploadResultStatus.SUCCESS\n          item.responseData = data\n          return {\n            success: true,\n            error: null,\n          }\n        } catch (e) {\n          console.log(e)\n          item.status = UploadResultStatus.ERROR\n          return {\n            success: false,\n            error: e,\n          }\n        }\n      }\n\n      // 点击开始上传\n      async function handleStartUpload() {\n        const { maxNumber } = props\n        // if ((fileListRef.value.length + props.previewFileList?.length ?? 0) > maxNumber) {\n        //   return createMessage.warning(t('component.upload.maxNumber', [maxNumber]))\n        // }\n        if (fileListRef.value.length > maxNumber) {\n          return $message.warning(t('component.upload.maxNumber', [maxNumber]))\n        }\n        try {\n          isUploadingRef.value = true\n          // 只上传不是成功状态的\n          const uploadFileList =\n            fileListRef.value.filter(item => item.status !== UploadResultStatus.SUCCESS) || []\n          const data = await Promise.all(\n            uploadFileList.map(item => {\n              return uploadApiByItem(item)\n            }),\n          )\n          isUploadingRef.value = false\n          // 生产环境:抛出错误\n          const errorList = data.filter((item: any) => !item.success)\n          if (errorList.length > 0) throw errorList\n          // 如果是上传, 成功后即可关闭弹窗\n          if (isImport.value && errorList.length == 0) {\n            fileListRef.value = []\n            closeModal()\n            // 执行回调\n            emit('success', null)\n          }\n        } catch (e) {\n          isUploadingRef.value = false\n          throw e\n        }\n      }\n\n      //   点击保存\n      function handleOk() {\n        const { maxNumber } = props\n\n        if (fileListRef.value.length > maxNumber) {\n          return $message.warning(t('component.upload.maxNumber', [maxNumber]))\n        }\n        if (isUploadingRef.value) {\n          return $message.warning(t('component.upload.saveWarn'))\n        }\n        const fileList: string[] = []\n\n        for (const item of fileListRef.value) {\n          const { status, responseData } = item\n          if (status === UploadResultStatus.SUCCESS && responseData) {\n            fileList.push(responseData)\n          }\n        }\n        // 存在一个上传成功的即可保存\n        if (fileList.length <= 0) {\n          return $message.warning(t('component.upload.saveError'))\n        }\n        fileListRef.value = []\n        closeModal()\n        // emit('change', fileList)\n        emit('success', fileList)\n      }\n\n      // 点击关闭：则所有操作不保存，包括上传的\n      async function handleCloseFunc() {\n        if (!isUploadingRef.value) {\n          fileListRef.value = []\n          return true\n        } else {\n          $message.warning(t('component.upload.uploadWait'))\n          return false\n        }\n      }\n\n      return {\n        columns: createTableColumns() as any[],\n        actionColumn: createActionColumn(handleRemove) as any,\n        register,\n        closeModal,\n        getHelpText,\n        getStringAccept,\n        getOkButtonProps,\n        beforeUpload,\n        // registerTable,\n        fileListRef,\n        state,\n        isUploadingRef,\n        handleStartUpload,\n        handleOk,\n        handleCloseFunc,\n        handleDownloadTemplate,\n        getPrimaryColor,\n        getIsSelectFile,\n        getUploadBtnText,\n        t,\n      }\n    },\n  })\n</script>\n<style lang=\"less\" scoped>\n  .upload-modal {\n    .ant-upload-list {\n      display: none;\n    }\n\n    .ant-table-wrapper .ant-spin-nested-loading {\n      padding: 0;\n    }\n\n    &-toolbar {\n      display: flex;\n      align-items: center;\n      margin-bottom: 8px;\n\n      &__btn {\n        flex: 1;\n        margin-left: 8px;\n        text-align: right;\n      }\n    }\n  }\n</style>\n"],"names":["_component_BasicModal","_resolveComponent","_openBlock","_createBlock","_mergeProps","$attrs","_ctx","handleCloseFunc","isImport","getOkButtonProps","register","_createSlots","_withCtx","_createVNode","getIsSelectFile","handleStartUpload","_createElementVNode","getHelpText","_component_Alert","getStringAccept","multiple","_component_a_button","t","columns","actionColumn","templateUrl","_normalizeStyle","templateName","_cache","args"],"mappings":";;;;;;+EACEA,IAAAC,EA+Ca,YA/Cb;SAEQC,EAAA,GAAUC,EAAIH,GAAAI,EAA+B;AAAA,IAClD,OAAA;AAAA,IAAA,OACOC,EAAM,WAAAC,EAAA,EAAA,yBAAA,IAAAA,EAAA,EAAA,yBAAA;AAAA,IACb,aAAYC,EAAAA,uBAAe;AAAA,EAAA,GAC3BD,EAAA,QAAA;AAAA,IACA,cAAUA,EAAK;AAAA,IACf,iBAAcE;AAAAA,IACf,UAAM;AAAA,IACL,eAAA,CAAAF,EAAiBG;AAAAA,IACjB,OAAA;AAAA,IACA,mBAAUC,EAAAA;AAAAA,IACV,uBAAY,EAAA,UAAAJ,EAAA,eAAA;AAAA,IAAA,YAAAA,EAAA;AAAA,IAOF,MAAAA,EAAA;AAAA,EAAA,CAAA,GACTK,EAOW;AAAA,IAAA,cANJC,EAAS,MAAA;AAAA,MAAAC,EACFC,GAAe;AAAA,QAC1B,MAAA;AAAA,QACA,UAAOC,CAAAA,EAAAA;AAAAA,QAAAA,SAAAA,EAAAA;AAAAA;;;;;;MAoBN,GAAA,GAAA,CAAA,YAAA,WAAA,SAAA,CAAA;AAAA,IAAA,CAAA;AAAA,aAbJH,EAAsF,MAAA;AAAA,MAAAI,EAArEC,OAAAA,GAAW;AAAA,QAAAJ,EAAOK,GAAM;AAAA,UAAC,SAAAZ,EAAM;AAAA,UAAC,MAAK;AAAA,UAAA,QAAA;AAAA,UAEtD,OAAA;AAAA,QAAA,GACG,MAAM,GAAEa,CAAAA,SAAAA,CAAAA;AAAAA,QAAAA,EACEC,GAAQ;AAAA,UAClB,QAAAd,EAAA;AAAA,UACA,UAAAA,EAAA;AAAA,UACD,iBAAMA,EAAA;AAAA,UAAA,oBAAA;AAAA;;UAG8B,SAAAM,EAAA,MAAA;AAAA,YAAAC,EAAAQ,GAAA,EAAA,MAA/BC,UAAAA,GAAC;AAAA,cAAA,SAAAV,EAAA,MAAA;AAAA;;;;;;WAIV,GAAA,CAAA,UAAwF,YAAA,eAAA,CAAA;AAAA,MAAA,CAAA;AAAA,QAAzCW,GAAO;AAAA,QAAG,eAAajB,EAAEkB;AAAAA,QAAAA,SAAAA,EAAAA;AAAAA;;;IA/BxDC,GAAAA;AAAAA,EAAAA,GAAAA;AAAAA;MACd,MAAA;AAAA,MAAA,IAAIb,EAAK,MAAA;AAAA,QAAAI,EAAoC,KAAA;AAAA,UAAA,OAAAU,EACxCC,EAAAA,OAAAA,EAAY,gBAAA,CAAA;AAAA,UAAA,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAvB,EAAA,0BAAAA,EAAA,uBAAA,GAAAuB,CAAA;AAAA;;;;;;;"}

package/dist/src/components/basic/customUpload/src/UploadModal2.vue.js

@@ -0,0 +1,175 @@
+import { defineComponent as k, reactive as M, ref as g, toRefs as W, computed as p, unref as S } from "vue";
+import { Alert as H, Upload as q, message as c } from "ant-design-vue";
+import G from "../../../core/Modal/src/BasicModal.vue.js";
+import { useModalInner as V } from "../../../core/Modal/src/hooks/useModal.js";
+import { useUploadType as $ } from "./useUpload.js";
+import { UploadResultStatus as i } from "./typing.js";
+import { basicProps as j } from "./props.js";
+import { createActionColumn as J, createTableColumns as K } from "./data.js";
+import { checkFileType as Q, checkImgType as X, getBase64WithFile as Y } from "./helper.js";
+import { buildUUID as Z } from "../../../../utils/uuid.js";
+import { isHttpUrl as ee } from "../../../../utils/is.js";
+import te from "./FileList.vue.js";
+import { useI18n as oe } from "../../../../hooks/useI18n.js";
+import { downloadByUrl as ae } from "../../../../utils/file/download.js";
+import { useLayoutSettingStore as ne } from "../../../../store/modules/layoutSetting.js";
+import { uniqueSlash as re } from "../../../../utils/urlUtils.js";
+import { isFunction as se } from "lodash-es";
+var le = {};
+const Ie = k({
+  components: { BasicModal: G, Upload: q, Alert: H, FileList: te },
+  props: {
+    ...j,
+    previewFileList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change", "register", "delete", "success"],
+  setup(s, { emit: f }) {
+    const h = M({
+      fileList: []
+    }), U = ne(), u = g(!1), o = g([]), { accept: x, helpText: C, maxNumber: y, maxSize: R, isImport: v } = W(s), { t: a } = oe(), [b, { closeModal: d }] = V(), { getStringAccept: I, getHelpText: w } = $({
+      acceptRef: x,
+      helpTextRef: C,
+      maxNumberRef: y,
+      maxSizeRef: R
+    }), E = p(() => o.value.length > 0 && !o.value.every((e) => e.status === i.SUCCESS)), F = p(() => {
+      const e = o.value.some(
+        (t) => t.status === i.SUCCESS
+      );
+      return {
+        disabled: u.value || o.value.length === 0 || !e
+      };
+    }), L = p(() => {
+      const e = o.value.some((t) => t.status === i.ERROR);
+      return v.value ? u.value ? a("component.import.importing") : a(e ? "component.import.reImportFailed" : "component.import.startImport") : u.value ? a("component.upload.uploading") : a(e ? "component.upload.reUploadFailed" : "component.upload.startUpload");
+    }), T = p(() => U.getPrimaryColor ?? "#13C2C2"), N = () => {
+      const { templateUrl: e } = s, t = ee(e) ? e : `${re(
+        (le.VITE_BASE_API_URL + e).replace("/api/api/", "/api/")
+      )}`;
+      ae({ url: t });
+    };
+    function P(e) {
+      const { size: t, name: n } = e, { maxSize: l, accept: r } = s;
+      if (l && e.size / 1024 / 1024 >= l)
+        return c.error(a("component.upload.maxSizeMultiple", [l])), !1;
+      if (!Q(e, r))
+        return c.error("文件类型校验失败, 请上传正确格式的文件!"), !1;
+      const m = {
+        uuid: Z(),
+        file: e,
+        size: t,
+        name: n,
+        percent: 0,
+        type: n.split(".").pop()
+      };
+      return X(e) ? Y(e).then(({ result: O }) => {
+        o.value = [
+          ...S(o),
+          {
+            thumbUrl: O,
+            ...m
+          }
+        ];
+      }) : o.value = [...S(o), m], !1;
+    }
+    function _(e) {
+      const t = o.value.findIndex((n) => n.uuid === e.uuid);
+      t !== -1 && o.value.splice(t, 1), f("delete", e);
+    }
+    async function A(e) {
+      const { api: t } = s;
+      if (!t || !se(t))
+        return console.warn("upload api must exist and be a function");
+      try {
+        e.status = i.UPLOADING;
+        const n = await s.api?.(
+          {
+            data: {
+              ...s.uploadParams || {}
+            },
+            file: e.file,
+            name: s.name,
+            filename: s.filename
+          },
+          function(r) {
+            const m = r.loaded / r.total * 100 | 0;
+            e.percent = m;
+          }
+        );
+        return e.status = i.SUCCESS, e.responseData = n, {
+          success: !0,
+          error: null
+        };
+      } catch (n) {
+        return console.log(n), e.status = i.ERROR, {
+          success: !1,
+          error: n
+        };
+      }
+    }
+    async function z() {
+      const { maxNumber: e } = s;
+      if (o.value.length > e)
+        return c.warning(a("component.upload.maxNumber", [e]));
+      try {
+        u.value = !0;
+        const t = o.value.filter((r) => r.status !== i.SUCCESS) || [], n = await Promise.all(
+          t.map((r) => A(r))
+        );
+        u.value = !1;
+        const l = n.filter((r) => !r.success);
+        if (l.length > 0)
+          throw l;
+        v.value && l.length == 0 && (o.value = [], d(), f("success", null));
+      } catch (t) {
+        throw u.value = !1, t;
+      }
+    }
+    function B() {
+      const { maxNumber: e } = s;
+      if (o.value.length > e)
+        return c.warning(a("component.upload.maxNumber", [e]));
+      if (u.value)
+        return c.warning(a("component.upload.saveWarn"));
+      const t = [];
+      for (const n of o.value) {
+        const { status: l, responseData: r } = n;
+        l === i.SUCCESS && r && t.push(r);
+      }
+      if (t.length <= 0)
+        return c.warning(a("component.upload.saveError"));
+      o.value = [], d(), f("success", t);
+    }
+    async function D() {
+      return u.value ? (c.warning(a("component.upload.uploadWait")), !1) : (o.value = [], !0);
+    }
+    return {
+      columns: K(),
+      actionColumn: J(_),
+      register: b,
+      closeModal: d,
+      getHelpText: w,
+      getStringAccept: I,
+      getOkButtonProps: F,
+      beforeUpload: P,
+      // registerTable,
+      fileListRef: o,
+      state: h,
+      isUploadingRef: u,
+      handleStartUpload: z,
+      handleOk: B,
+      handleCloseFunc: D,
+      handleDownloadTemplate: N,
+      getPrimaryColor: T,
+      getIsSelectFile: E,
+      getUploadBtnText: L,
+      t: a
+    };
+  }
+});
+export {
+  Ie as default
+};
+//# sourceMappingURL=UploadModal2.vue.js.map

package/dist/src/components/basic/customUpload/src/UploadModal2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadModal2.vue.js","sources":["../../../../../../src/components/basic/customUpload/src/UploadModal.vue"],"sourcesContent":["<template>\n  <BasicModal\n    width=\"50%\"\n    :title=\"isImport ? t('component.import.import') : t('component.upload.upload')\"\n    :ok-text=\"t('component.upload.save')\"\n    v-bind=\"$attrs\"\n    :close-func=\"handleCloseFunc\"\n    :mask-closable=\"false\"\n    :keyboard=\"false\"\n    :show-ok-btn=\"!isImport\"\n    class=\"upload-modal\"\n    :ok-button-props=\"getOkButtonProps\"\n    :cancel-button-props=\"{ disabled: isUploadingRef }\"\n    @register=\"register\"\n    @ok=\"handleOk\"\n  >\n    <template v-if=\"templateUrl\" #leftFooter>\n      <a :style=\"{ color: getPrimaryColor }\" @click=\"handleDownloadTemplate\">\n        {{ templateName }}\n      </a>\n    </template>\n    <template #centerFooter>\n      <a-button\n        type=\"primary\"\n        :disabled=\"!getIsSelectFile\"\n        :loading=\"isUploadingRef\"\n        @click=\"handleStartUpload\"\n      >\n        {{ getUploadBtnText }}\n      </a-button>\n    </template>\n\n    <div class=\"upload-modal-toolbar\">\n      <Alert :message=\"getHelpText\" type=\"info\" banner class=\"upload-modal-toolbar__text\" />\n\n      <Upload\n        :accept=\"getStringAccept\"\n        :multiple=\"multiple\"\n        :before-upload=\"beforeUpload\"\n        :show-upload-list=\"false\"\n        class=\"upload-modal-toolbar__btn\"\n      >\n        <a-button type=\"primary\">\n          {{ t('component.upload.choose') }}\n        </a-button>\n      </Upload>\n    </div>\n    <FileList :data-source=\"fileListRef\" :columns=\"columns\" :action-column=\"actionColumn\" />\n  </BasicModal>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, reactive, ref, toRefs, unref, computed, type PropType } from 'vue'\n  import { Upload, Alert, message as $message } from 'ant-design-vue'\n  import { BasicModal, useModalInner } from '@/components/core/Modal'\n  // hooks\n  import { useUploadType } from './useUpload'\n  // import { useMessage } from '@/hooks/useMessage'\n  // types\n  import { type FileItem, UploadResultStatus } from './typing'\n  import { basicProps } from './props'\n  import { createTableColumns, createActionColumn } from './data'\n  // utils\n  import { checkImgType, getBase64WithFile, checkFileType } from './helper'\n  import { buildUUID } from '@/utils/uuid'\n  import { isFunction, isHttpUrl } from '@/utils/is'\n  import FileList from './FileList.vue'\n  import { useI18n } from '@/hooks/useI18n'\n  import { downloadByUrl } from '@/utils/file/download'\n  import { useLayoutSettingStore } from '@/store/modules/layoutSetting'\n  import { uniqueSlash } from '@/utils/urlUtils'\n  import type { AxiosProgressEvent } from 'axios'\n\n  export default defineComponent({\n    components: { BasicModal, Upload, Alert, FileList },\n    props: {\n      ...basicProps,\n      previewFileList: {\n        type: Array as PropType<string[]>,\n        default: () => [],\n      },\n    },\n    emits: ['change', 'register', 'delete', 'success'],\n    setup(props, { emit }) {\n      const state = reactive<{ fileList: FileItem[] }>({\n        fileList: [],\n      })\n\n      const themeStore = useLayoutSettingStore()\n      // 是否正在上传\n      const isUploadingRef = ref(false)\n      const fileListRef = ref<FileItem[]>([])\n      const { accept, helpText, maxNumber, maxSize, isImport } = toRefs(props)\n\n      const { t } = useI18n()\n      const [register, { closeModal }] = useModalInner()\n\n      const { getStringAccept, getHelpText } = useUploadType({\n        acceptRef: accept,\n        helpTextRef: helpText,\n        maxNumberRef: maxNumber,\n        maxSizeRef: maxSize,\n      })\n\n      // const { createMessage } = useMessage()\n\n      const getIsSelectFile = computed(() => {\n        return (\n          fileListRef.value.length > 0 &&\n          !fileListRef.value.every(item => item.status === UploadResultStatus.SUCCESS)\n        )\n      })\n\n      const getOkButtonProps = computed(() => {\n        const someSuccess = fileListRef.value.some(\n          item => item.status === UploadResultStatus.SUCCESS,\n        )\n        return {\n          disabled: isUploadingRef.value || fileListRef.value.length === 0 || !someSuccess,\n        }\n      })\n\n      const getUploadBtnText = computed(() => {\n        const someError = fileListRef.value.some(item => item.status === UploadResultStatus.ERROR)\n        if (isImport.value) {\n          return isUploadingRef.value\n            ? t('component.import.importing')\n            : someError\n              ? t('component.import.reImportFailed')\n              : t('component.import.startImport')\n        }\n        return isUploadingRef.value\n          ? t('component.upload.uploading')\n          : someError\n            ? t('component.upload.reUploadFailed')\n            : t('component.upload.startUpload')\n      })\n\n      const getPrimaryColor = computed(() => themeStore.getPrimaryColor ?? '#13C2C2')\n\n      const handleDownloadTemplate = () => {\n        const { templateUrl } = props\n        const url = isHttpUrl(templateUrl)\n          ? templateUrl\n          : `${uniqueSlash(\n              (import.meta.env.VITE_BASE_API_URL + templateUrl).replace('/api/api/', '/api/'),\n            )}`\n        downloadByUrl({ url })\n      }\n\n      // 上传前校验\n      function beforeUpload(file: File) {\n        const { size, name } = file\n        const { maxSize, accept } = props\n        // 设置最大值，则判断\n        if (maxSize && file.size / 1024 / 1024 >= maxSize) {\n          $message.error(t('component.upload.maxSizeMultiple', [maxSize]))\n          return false\n        }\n\n        // 格式校验\n        if (!checkFileType(file, accept)) {\n          $message.error('文件类型校验失败, 请上传正确格式的文件!')\n          return false\n        }\n\n        const commonItem = {\n          uuid: buildUUID(),\n          file,\n          size,\n          name,\n          percent: 0,\n          type: name.split('.').pop(),\n        }\n        // 生成图片缩略图\n        if (checkImgType(file)) {\n          // beforeUpload，如果异步会调用自带上传方法\n          // file.thumbUrl = await getBase64(file);\n          getBase64WithFile(file).then(({ result: thumbUrl }) => {\n            fileListRef.value = [\n              ...unref(fileListRef),\n              {\n                thumbUrl,\n                ...commonItem,\n              },\n            ]\n          })\n        } else {\n          fileListRef.value = [...unref(fileListRef), commonItem]\n        }\n        return false\n      }\n\n      // 删除\n      function handleRemove(record: FileItem) {\n        const index = fileListRef.value.findIndex(item => item.uuid === record.uuid)\n        index !== -1 && fileListRef.value.splice(index, 1)\n        emit('delete', record)\n      }\n\n      // 预览\n      // function handlePreview(record: FileItem) {\n      //   const { thumbUrl = '' } = record;\n      //   createImgPreview({\n      //     imageList: [thumbUrl],\n      //   });\n      // }\n\n      async function uploadApiByItem(item: FileItem) {\n        const { api } = props\n        if (!api || !isFunction(api)) {\n          return console.warn('upload api must exist and be a function')\n        }\n        try {\n          item.status = UploadResultStatus.UPLOADING\n          // eslint-disable-next-line no-unsafe-optional-chaining\n          const data = await props.api?.(\n            {\n              data: {\n                ...(props.uploadParams || {}),\n              },\n              file: item.file,\n              name: props.name,\n              filename: props.filename,\n            },\n            function onUploadProgress(progressEvent: AxiosProgressEvent) {\n              const complete = ((progressEvent.loaded / progressEvent.total!) * 100) | 0\n              item.percent = complete\n            },\n          )\n          // console.log(data)\n          item.status = UploadResultStatus.SUCCESS\n          item.responseData = data\n          return {\n            success: true,\n            error: null,\n          }\n        } catch (e) {\n          console.log(e)\n          item.status = UploadResultStatus.ERROR\n          return {\n            success: false,\n            error: e,\n          }\n        }\n      }\n\n      // 点击开始上传\n      async function handleStartUpload() {\n        const { maxNumber } = props\n        // if ((fileListRef.value.length + props.previewFileList?.length ?? 0) > maxNumber) {\n        //   return createMessage.warning(t('component.upload.maxNumber', [maxNumber]))\n        // }\n        if (fileListRef.value.length > maxNumber) {\n          return $message.warning(t('component.upload.maxNumber', [maxNumber]))\n        }\n        try {\n          isUploadingRef.value = true\n          // 只上传不是成功状态的\n          const uploadFileList =\n            fileListRef.value.filter(item => item.status !== UploadResultStatus.SUCCESS) || []\n          const data = await Promise.all(\n            uploadFileList.map(item => {\n              return uploadApiByItem(item)\n            }),\n          )\n          isUploadingRef.value = false\n          // 生产环境:抛出错误\n          const errorList = data.filter((item: any) => !item.success)\n          if (errorList.length > 0) throw errorList\n          // 如果是上传, 成功后即可关闭弹窗\n          if (isImport.value && errorList.length == 0) {\n            fileListRef.value = []\n            closeModal()\n            // 执行回调\n            emit('success', null)\n          }\n        } catch (e) {\n          isUploadingRef.value = false\n          throw e\n        }\n      }\n\n      //   点击保存\n      function handleOk() {\n        const { maxNumber } = props\n\n        if (fileListRef.value.length > maxNumber) {\n          return $message.warning(t('component.upload.maxNumber', [maxNumber]))\n        }\n        if (isUploadingRef.value) {\n          return $message.warning(t('component.upload.saveWarn'))\n        }\n        const fileList: string[] = []\n\n        for (const item of fileListRef.value) {\n          const { status, responseData } = item\n          if (status === UploadResultStatus.SUCCESS && responseData) {\n            fileList.push(responseData)\n          }\n        }\n        // 存在一个上传成功的即可保存\n        if (fileList.length <= 0) {\n          return $message.warning(t('component.upload.saveError'))\n        }\n        fileListRef.value = []\n        closeModal()\n        // emit('change', fileList)\n        emit('success', fileList)\n      }\n\n      // 点击关闭：则所有操作不保存，包括上传的\n      async function handleCloseFunc() {\n        if (!isUploadingRef.value) {\n          fileListRef.value = []\n          return true\n        } else {\n          $message.warning(t('component.upload.uploadWait'))\n          return false\n        }\n      }\n\n      return {\n        columns: createTableColumns() as any[],\n        actionColumn: createActionColumn(handleRemove) as any,\n        register,\n        closeModal,\n        getHelpText,\n        getStringAccept,\n        getOkButtonProps,\n        beforeUpload,\n        // registerTable,\n        fileListRef,\n        state,\n        isUploadingRef,\n        handleStartUpload,\n        handleOk,\n        handleCloseFunc,\n        handleDownloadTemplate,\n        getPrimaryColor,\n        getIsSelectFile,\n        getUploadBtnText,\n        t,\n      }\n    },\n  })\n</script>\n<style lang=\"less\" scoped>\n  .upload-modal {\n    .ant-upload-list {\n      display: none;\n    }\n\n    .ant-table-wrapper .ant-spin-nested-loading {\n      padding: 0;\n    }\n\n    &-toolbar {\n      display: flex;\n      align-items: center;\n      margin-bottom: 8px;\n\n      &__btn {\n        flex: 1;\n        margin-left: 8px;\n        text-align: right;\n      }\n    }\n  }\n</style>\n"],"names":["_sfc_main","defineComponent","BasicModal","Upload","Alert","FileList","basicProps","props","emit","state","reactive","themeStore","useLayoutSettingStore","isUploadingRef","ref","fileListRef","accept","helpText","maxNumber","maxSize","isImport","toRefs","t","useI18n","register","closeModal","useModalInner","getStringAccept","getHelpText","useUploadType","getIsSelectFile","computed","item","UploadResultStatus","getOkButtonProps","someSuccess","getUploadBtnText","someError","getPrimaryColor","handleDownloadTemplate","templateUrl","url","isHttpUrl","uniqueSlash","define_import_meta_env_default","downloadByUrl","beforeUpload","file","size","name","$message","checkFileType","commonItem","buildUUID","checkImgType","getBase64WithFile","thumbUrl","unref","handleRemove","record","index","uploadApiByItem","api","isFunction","data","progressEvent","complete","e","handleStartUpload","uploadFileList","errorList","handleOk","fileList","status","responseData","handleCloseFunc","createTableColumns","createActionColumn"],"mappings":"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"}

package/dist/src/components/basic/customUpload/src/UploadPreviewModal.vue.js

@@ -0,0 +1,29 @@
+import r from "./UploadPreviewModal2.vue.js";
+import { resolveComponent as e, openBlock as s, createBlock as a, mergeProps as i, withCtx as l, createVNode as c } from "vue";
+/* empty css                        */
+import p from "../../../../_virtual/_plugin-vue_export-helper.js";
+function m(o, d, u, f, _, w) {
+  const t = e("FileList"), n = e("BasicModal");
+  return s(), a(n, i({
+    width: "50%",
+    title: o.t("component.upload.preview"),
+    class: "upload-preview-modal"
+  }, o.$attrs, {
+    "show-ok-btn": !1,
+    onRegister: o.register
+  }), {
+    default: l(() => [
+      c(t, {
+        "data-source": o.fileListRef,
+        columns: o.columns,
+        "action-column": o.actionColumn
+      }, null, 8, ["data-source", "columns", "action-column"])
+    ]),
+    _: 1
+  }, 16, ["title", "onRegister"]);
+}
+const B = /* @__PURE__ */ p(r, [["render", m], ["__scopeId", "data-v-58b413f8"]]);
+export {
+  B as default
+};
+//# sourceMappingURL=UploadPreviewModal.vue.js.map

package/dist/src/components/basic/customUpload/src/UploadPreviewModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPreviewModal.vue.js","sources":["../../../../../../src/components/basic/customUpload/src/UploadPreviewModal.vue"],"sourcesContent":["<template>\n  <BasicModal\n    width=\"50%\"\n    :title=\"t('component.upload.preview')\"\n    class=\"upload-preview-modal\"\n    v-bind=\"$attrs\"\n    :show-ok-btn=\"false\"\n    @register=\"register\"\n  >\n    <FileList :data-source=\"fileListRef\" :columns=\"columns\" :action-column=\"actionColumn\" />\n  </BasicModal>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, watch, ref } from 'vue'\n  import FileList from './FileList.vue'\n  import { BasicModal, useModalInner } from '@/components/core/Modal'\n  import { previewProps } from './props'\n  import { type PreviewFileItem } from './typing'\n  import { isArray } from '@/utils/is'\n  import { downloadByUrl } from '@/utils/file/download'\n  import { createPreviewColumns, createPreviewActionColumn } from './data'\n  import { useI18n } from '@/hooks/useI18n'\n\n  export default defineComponent({\n    components: { BasicModal, FileList },\n    props: previewProps,\n    emits: ['list-change', 'register', 'delete'],\n    setup(props, { emit }) {\n      const [register, { closeModal }] = useModalInner()\n      const { t } = useI18n()\n\n      const fileListRef = ref<PreviewFileItem[]>([])\n      watch(\n        () => props.value,\n        value => {\n          if (!isArray(value)) value = []\n          try {\n            fileListRef.value = value\n              .filter((item): item is string => typeof item === 'string' && !!item)\n              .map(item => {\n                return {\n                  url: item,\n                  type: item.split('.').pop() || '',\n                  name: item.split('/').pop() || '',\n                }\n              })\n          } catch {\n            fileListRef.value = []\n          }\n        },\n        { immediate: true },\n      )\n\n      // 删除\n      function handleRemove(record: PreviewFileItem) {\n        const index = fileListRef.value.findIndex(item => item.url === record.url)\n        if (index !== -1) {\n          const removed = fileListRef.value.splice(index, 1)\n          emit('delete', removed[0].url)\n          emit(\n            'list-change',\n            fileListRef.value.map(item => item.url),\n          )\n        }\n      }\n\n      // // 预览\n      // function handlePreview(record: PreviewFileItem) {\n      //   const { url = '' } = record;\n      //   createImgPreview({\n      //     imageList: [url],\n      //   });\n      // }\n\n      // 下载\n      function handleDownload(record: PreviewFileItem) {\n        let { url } = record\n        url = `${import.meta.env.VITE_BASE_STATIC_URL}${url}`\n        downloadByUrl({ url })\n      }\n\n      return {\n        t,\n        register,\n        closeModal,\n        fileListRef,\n        columns: createPreviewColumns() as any[],\n        actionColumn: createPreviewActionColumn({ handleRemove, handleDownload }) as any,\n      }\n    },\n  })\n</script>\n<style lang=\"less\" scoped>\n  .upload-preview-modal {\n    .ant-upload-list {\n      display: none;\n    }\n\n    .ant-table-wrapper .ant-spin-nested-loading {\n      padding: 0;\n    }\n  }\n</style>\n"],"names":["_component_BasicModal","_resolveComponent","_openBlock","_createBlock","_mergeProps","$attrs","_ctx","register","_withCtx","fileListRef","columns","actionColumn"],"mappings":";;;;;2BACEA,IAAAC,EASa,YATb;SAEQC,EAAA,GAAGC,EAAAH,GAAAI,EAAA;AAAA,IACT,OAAM;AAAA,IAAA,OACEC,EAAM,EAAA,0BAAA;AAAA,IACb,OAAA;AAAA,EAAA,GACAC,EAAA,QAAUC;AAAAA,IAAAA,eAAAA;AAAAA;EAEX,CAAA,GAAA;AAAA,IAAA,SAAWC,EAAW,MAAEC;AAAAA,MAAAA,EAAuBC,GAAO;AAAA,QAAG,eAAaJ,EAAEK;AAAAA,QAAAA,SAAAA,EAAAA;AAAAA;;;;;;;"}

package/dist/src/components/basic/customUpload/src/UploadPreviewModal2.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent as u, ref as c, watch as d } from "vue";
+import v from "./FileList.vue.js";
+import _ from "../../../core/Modal/src/BasicModal.vue.js";
+import { useModalInner as h } from "../../../core/Modal/src/hooks/useModal.js";
+import { previewProps as w } from "./props.js";
+import { isArray as g } from "lodash-es";
+import { downloadByUrl as y } from "../../../../utils/file/download.js";
+import { createPreviewActionColumn as C, createPreviewColumns as I } from "./data.js";
+import { useI18n as A } from "../../../../hooks/useI18n.js";
+var x = {};
+const $ = u({
+  components: { BasicModal: _, FileList: v },
+  props: w,
+  emits: ["list-change", "register", "delete"],
+  setup(i, { emit: n }) {
+    const [l, { closeModal: m }] = h(), { t: a } = A(), r = c([]);
+    d(
+      () => i.value,
+      (o) => {
+        g(o) || (o = []);
+        try {
+          r.value = o.filter((e) => typeof e == "string" && !!e).map((e) => ({
+            url: e,
+            type: e.split(".").pop() || "",
+            name: e.split("/").pop() || ""
+          }));
+        } catch {
+          r.value = [];
+        }
+      },
+      { immediate: !0 }
+    );
+    function s(o) {
+      const e = r.value.findIndex((t) => t.url === o.url);
+      if (e !== -1) {
+        const t = r.value.splice(e, 1);
+        n("delete", t[0].url), n(
+          "list-change",
+          r.value.map((f) => f.url)
+        );
+      }
+    }
+    function p(o) {
+      let { url: e } = o;
+      e = `${x.VITE_BASE_STATIC_URL}${e}`, y({ url: e });
+    }
+    return {
+      t: a,
+      register: l,
+      closeModal: m,
+      fileListRef: r,
+      columns: I(),
+      actionColumn: C({ handleRemove: s, handleDownload: p })
+    };
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=UploadPreviewModal2.vue.js.map

package/dist/src/components/basic/customUpload/src/UploadPreviewModal2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPreviewModal2.vue.js","sources":["../../../../../../src/components/basic/customUpload/src/UploadPreviewModal.vue"],"sourcesContent":["<template>\n  <BasicModal\n    width=\"50%\"\n    :title=\"t('component.upload.preview')\"\n    class=\"upload-preview-modal\"\n    v-bind=\"$attrs\"\n    :show-ok-btn=\"false\"\n    @register=\"register\"\n  >\n    <FileList :data-source=\"fileListRef\" :columns=\"columns\" :action-column=\"actionColumn\" />\n  </BasicModal>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, watch, ref } from 'vue'\n  import FileList from './FileList.vue'\n  import { BasicModal, useModalInner } from '@/components/core/Modal'\n  import { previewProps } from './props'\n  import { type PreviewFileItem } from './typing'\n  import { isArray } from '@/utils/is'\n  import { downloadByUrl } from '@/utils/file/download'\n  import { createPreviewColumns, createPreviewActionColumn } from './data'\n  import { useI18n } from '@/hooks/useI18n'\n\n  export default defineComponent({\n    components: { BasicModal, FileList },\n    props: previewProps,\n    emits: ['list-change', 'register', 'delete'],\n    setup(props, { emit }) {\n      const [register, { closeModal }] = useModalInner()\n      const { t } = useI18n()\n\n      const fileListRef = ref<PreviewFileItem[]>([])\n      watch(\n        () => props.value,\n        value => {\n          if (!isArray(value)) value = []\n          try {\n            fileListRef.value = value\n              .filter((item): item is string => typeof item === 'string' && !!item)\n              .map(item => {\n                return {\n                  url: item,\n                  type: item.split('.').pop() || '',\n                  name: item.split('/').pop() || '',\n                }\n              })\n          } catch {\n            fileListRef.value = []\n          }\n        },\n        { immediate: true },\n      )\n\n      // 删除\n      function handleRemove(record: PreviewFileItem) {\n        const index = fileListRef.value.findIndex(item => item.url === record.url)\n        if (index !== -1) {\n          const removed = fileListRef.value.splice(index, 1)\n          emit('delete', removed[0].url)\n          emit(\n            'list-change',\n            fileListRef.value.map(item => item.url),\n          )\n        }\n      }\n\n      // // 预览\n      // function handlePreview(record: PreviewFileItem) {\n      //   const { url = '' } = record;\n      //   createImgPreview({\n      //     imageList: [url],\n      //   });\n      // }\n\n      // 下载\n      function handleDownload(record: PreviewFileItem) {\n        let { url } = record\n        url = `${import.meta.env.VITE_BASE_STATIC_URL}${url}`\n        downloadByUrl({ url })\n      }\n\n      return {\n        t,\n        register,\n        closeModal,\n        fileListRef,\n        columns: createPreviewColumns() as any[],\n        actionColumn: createPreviewActionColumn({ handleRemove, handleDownload }) as any,\n      }\n    },\n  })\n</script>\n<style lang=\"less\" scoped>\n  .upload-preview-modal {\n    .ant-upload-list {\n      display: none;\n    }\n\n    .ant-table-wrapper .ant-spin-nested-loading {\n      padding: 0;\n    }\n  }\n</style>\n"],"names":["_sfc_main","defineComponent","BasicModal","FileList","previewProps","props","emit","register","closeModal","useModalInner","t","useI18n","fileListRef","ref","watch","value","isArray","item","handleRemove","record","index","removed","handleDownload","url","define_import_meta_env_default","downloadByUrl","createPreviewColumns","createPreviewActionColumn"],"mappings":";;;;;;;;;;AAuBE,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,YAAY,EAAE,YAAAC,GAAY,UAAAC,EAAA;AAAA,EAC1B,OAAOC;AAAA,EACP,OAAO,CAAC,eAAe,YAAY,QAAQ;AAAA,EAC3C,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAM,CAACC,GAAU,EAAE,YAAAC,EAAA,CAAY,IAAIC,EAAA,GAC7B,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAERC,IAAcC,EAAuB,EAAE;AAC7C,IAAAC;AAAA,MACE,MAAMT,EAAM;AAAA,MACZ,CAAAU,MAAS;AACP,QAAKC,EAAQD,CAAK,MAAGA,IAAQ,CAAA;AAC7B,YAAI;AACF,UAAAH,EAAY,QAAQG,EACjB,OAAO,CAACE,MAAyB,OAAOA,KAAS,YAAY,CAAC,CAACA,CAAI,EACnE,IAAI,CAAAA,OACI;AAAA,YACL,KAAKA;AAAA,YACL,MAAMA,EAAK,MAAM,GAAG,EAAE,SAAS;AAAA,YAC/B,MAAMA,EAAK,MAAM,GAAG,EAAE,SAAS;AAAA,UAAA,EAElC;AAAA,QACL,QAAQ;AACN,UAAAL,EAAY,QAAQ,CAAA;AAAA,QACtB;AAAA,MACF;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAIpB,aAASM,EAAaC,GAAyB;AAC7C,YAAMC,IAAQR,EAAY,MAAM,UAAU,OAAQK,EAAK,QAAQE,EAAO,GAAG;AACzE,UAAIC,MAAU,IAAI;AAChB,cAAMC,IAAUT,EAAY,MAAM,OAAOQ,GAAO,CAAC;AACjD,QAAAd,EAAK,UAAUe,EAAQ,CAAC,EAAE,GAAG,GAC7Bf;AAAA,UACE;AAAA,UACAM,EAAY,MAAM,IAAI,CAAAK,MAAQA,EAAK,GAAG;AAAA,QAAA;AAAA,MAE1C;AAAA,IACF;AAWA,aAASK,EAAeH,GAAyB;AAC/C,UAAI,EAAE,KAAAI,MAAQJ;AACd,MAAAI,IAAM,GAAGC,EAAgB,oBAAoB,GAAGD,CAAG,IACnDE,EAAc,EAAE,KAAAF,GAAK;AAAA,IACvB;AAEA,WAAO;AAAA,MACL,GAAAb;AAAA,MACA,UAAAH;AAAA,MACA,YAAAC;AAAA,MACA,aAAAI;AAAA,MACA,SAASc,EAAA;AAAA,MACT,cAAcC,EAA0B,EAAE,cAAAT,GAAc,gBAAAI,GAAgB;AAAA,IAAA;AAAA,EAE5E;AACF,CAAC;"}