@usethink/shared-frontend 0.1.2 → 0.1.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"BasicUpload2.vue.js","sources":["../../../../../../src/components/basic/customUpload/src/BasicUpload.vue"],"sourcesContent":["<template>\n  <div>\n    <Space>\n      <a-button type=\"primary\" @click=\"openUploadModal as any\">\n        <CloudUploadOutlined />\n        {{ props.btnName ?? t('component.upload.upload') }}\n      </a-button>\n      <Tooltip v-if=\"showPreview\" placement=\"bottom\">\n        <template #title>\n          {{ t('component.upload.uploaded') }}\n          <template v-if=\"fileList.length\">\n            {{ fileList.length }}\n          </template>\n        </template>\n        <a-button @click=\"openPreviewModal as any\">\n          <EyeOutlined />\n          <template v-if=\"fileList.length && showPreviewNumber\">\n            {{ fileList.length }}\n          </template>\n        </a-button>\n      </Tooltip>\n    </Space>\n    <UploadModal\n      v-bind=\"bindValue\"\n      :preview-file-list=\"fileList\"\n      @register=\"registerUploadModal\"\n      @delete=\"handleDelete\"\n      @success=\"handleSuccess\"\n    />\n\n    <UploadPreviewModal\n      :value=\"fileList\"\n      @register=\"registerPreviewModal\"\n      @list-change=\"handlePreviewChange\"\n      @delete=\"handlePreviewDelete\"\n    />\n  </div>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, ref, watch, unref, computed } from 'vue'\n  import { CloudUploadOutlined, EyeOutlined } from '@ant-design/icons-vue'\n  import { Tooltip, Space, message } from 'ant-design-vue'\n  import { useModal } from '@/components/core/Modal'\n  import { uploadContainerProps } from './props'\n  import { omit } from 'lodash-es'\n  import { useI18n } from '@/hooks/useI18n'\n  import { isArray } from '@/utils/is'\n  import UploadModal from './UploadModal.vue'\n  import UploadPreviewModal from './UploadPreviewModal.vue'\n\n  export default defineComponent({\n    name: 'BasicUpload',\n    components: {\n      UploadModal,\n      Space,\n      UploadPreviewModal,\n      EyeOutlined,\n      Tooltip,\n      CloudUploadOutlined,\n    },\n    props: uploadContainerProps,\n    emits: ['change', 'delete', 'preview-delete', 'update:value', 'success'],\n\n    setup(props, { emit, attrs }) {\n      const { t } = useI18n()\n      // 上传modal\n      const [registerUploadModal, { openModal: openUploadModal }] = useModal()\n\n      // 预览modal\n      const [registerPreviewModal, { openModal: openPreviewModal }] = useModal()\n\n      const fileList = ref<string[]>([])\n\n      const showPreview = computed(() => {\n        const { emptyHidePreview, hidePreviewBtn } = props\n        if (hidePreviewBtn) return false\n        if (!emptyHidePreview) return true\n        return emptyHidePreview ? fileList.value.length > 0 : true\n      })\n\n      const bindValue = computed(() => {\n        const value = { ...attrs, ...props }\n        return omit(value, 'onChange')\n      })\n\n      watch(\n        () => props.value,\n        (value = []) => {\n          fileList.value = toUrlList(value)\n        },\n        { immediate: true },\n      )\n\n      function toUrlList(value: unknown): string[] {\n        return isArray(value) ? value.filter((item): item is string => typeof item === 'string') : []\n      }\n\n      // 上传modal保存操作\n      function handleChange(urls: string[]) {\n        fileList.value = [...unref(fileList), ...toUrlList(urls)]\n        emit('update:value', fileList.value)\n        emit('change', fileList.value)\n        emit('success', fileList.value)\n        message.success(t('component.upload.saveSuccess'))\n      }\n\n      // 预览modal保存操作\n      function handlePreviewChange(urls: string[]) {\n        fileList.value = toUrlList(urls)\n        emit('update:value', fileList.value)\n        emit('change', fileList.value)\n      }\n\n      // 上传成功回调\n      function handleSuccess(urls: string[] | null) {\n        const successUrls = toUrlList(urls)\n        if (props.maxNumber === 1) {\n          fileList.value = successUrls\n        } else {\n          fileList.value = [...unref(fileList), ...successUrls]\n        }\n        emit('update:value', fileList.value)\n        emit('success', fileList.value)\n        message.success('操作成功')\n      }\n\n      function handleDelete(record: Recordable) {\n        emit('delete', record)\n      }\n\n      function handlePreviewDelete(url: string) {\n        emit('preview-delete', url)\n      }\n\n      return {\n        props,\n        registerUploadModal,\n        openUploadModal,\n        handleChange,\n        handlePreviewChange,\n        registerPreviewModal,\n        openPreviewModal,\n        fileList,\n        showPreview,\n        bindValue,\n        handleDelete,\n        handlePreviewDelete,\n        handleSuccess,\n        t,\n      }\n    },\n  })\n</script>\n"],"names":["_sfc_main","defineComponent","UploadModal","Space","UploadPreviewModal","EyeOutlined","Tooltip","CloudUploadOutlined","uploadContainerProps","props","emit","attrs","t","useI18n","registerUploadModal","openUploadModal","useModal","registerPreviewModal","openPreviewModal","fileList","ref","showPreview","computed","emptyHidePreview","hidePreviewBtn","bindValue","value","omit","watch","toUrlList","isArray","item","handleChange","urls","unref","message","handlePreviewChange","handleSuccess","successUrls","handleDelete","record","handlePreviewDelete","url"],"mappings":";;;;;;;;;;;AAkDE,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAO,CAAC,UAAU,UAAU,kBAAkB,gBAAgB,SAAS;AAAA,EAEvE,MAAMC,GAAO,EAAE,MAAAC,GAAM,OAAAC,KAAS;AAC5B,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAER,CAACC,GAAqB,EAAE,WAAWC,EAAA,CAAiB,IAAIC,EAAA,GAGxD,CAACC,GAAsB,EAAE,WAAWC,EAAA,CAAkB,IAAIF,EAAA,GAE1DG,IAAWC,EAAc,EAAE,GAE3BC,IAAcC,EAAS,MAAM;AACjC,YAAM,EAAE,kBAAAC,GAAkB,gBAAAC,EAAA,IAAmBf;AAC7C,aAAIe,IAAuB,KACtBD,KACEA,IAAmBJ,EAAS,MAAM,SAAS,IADpB;AAAA,IAEhC,CAAC,GAEKM,IAAYH,EAAS,MAAM;AAC/B,YAAMI,IAAQ,EAAE,GAAGf,GAAO,GAAGF,EAAA;AAC7B,aAAOkB,EAAKD,GAAO,UAAU;AAAA,IAC/B,CAAC;AAED,IAAAE;AAAA,MACE,MAAMnB,EAAM;AAAA,MACZ,CAACiB,IAAQ,CAAA,MAAO;AACd,QAAAP,EAAS,QAAQU,EAAUH,CAAK;AAAA,MAClC;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,aAASG,EAAUH,GAA0B;AAC3C,aAAOI,EAAQJ,CAAK,IAAIA,EAAM,OAAO,CAACK,MAAyB,OAAOA,KAAS,QAAQ,IAAI,CAAA;AAAA,IAC7F;AAGA,aAASC,EAAaC,GAAgB;AACpC,MAAAd,EAAS,QAAQ,CAAC,GAAGe,EAAMf,CAAQ,GAAG,GAAGU,EAAUI,CAAI,CAAC,GACxDvB,EAAK,gBAAgBS,EAAS,KAAK,GACnCT,EAAK,UAAUS,EAAS,KAAK,GAC7BT,EAAK,WAAWS,EAAS,KAAK,GAC9BgB,EAAQ,QAAQvB,EAAE,8BAA8B,CAAC;AAAA,IACnD;AAGA,aAASwB,EAAoBH,GAAgB;AAC3C,MAAAd,EAAS,QAAQU,EAAUI,CAAI,GAC/BvB,EAAK,gBAAgBS,EAAS,KAAK,GACnCT,EAAK,UAAUS,EAAS,KAAK;AAAA,IAC/B;AAGA,aAASkB,EAAcJ,GAAuB;AAC5C,YAAMK,IAAcT,EAAUI,CAAI;AAClC,MAAIxB,EAAM,cAAc,IACtBU,EAAS,QAAQmB,IAEjBnB,EAAS,QAAQ,CAAC,GAAGe,EAAMf,CAAQ,GAAG,GAAGmB,CAAW,GAEtD5B,EAAK,gBAAgBS,EAAS,KAAK,GACnCT,EAAK,WAAWS,EAAS,KAAK,GAC9BgB,EAAQ,QAAQ,MAAM;AAAA,IACxB;AAEA,aAASI,EAAaC,GAAoB;AACxC,MAAA9B,EAAK,UAAU8B,CAAM;AAAA,IACvB;AAEA,aAASC,EAAoBC,GAAa;AACxC,MAAAhC,EAAK,kBAAkBgC,CAAG;AAAA,IAC5B;AAEA,WAAO;AAAA,MACL,OAAAjC;AAAA,MACA,qBAAAK;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAiB;AAAA,MACA,qBAAAI;AAAA,MACA,sBAAAnB;AAAA,MACA,kBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAE;AAAA,MACA,WAAAI;AAAA,MACA,cAAAc;AAAA,MACA,qBAAAE;AAAA,MACA,eAAAJ;AAAA,MACA,GAAAzB;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

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

@@ -1 +1,8 @@
-"use strict";const e=require("./FileList2.vue.js");;/* empty css               */const t=require("../../../../../_virtual/_plugin-vue_export-helper.js"),r=t(e,[["__scopeId","data-v-bb04ff91"]]);module.exports=r;
+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

@@ -1 +1,51 @@
-"use strict";const e=require("../../../../../node_modules/.pnpm/vue@3.5.39_typescript@5.4.5/node_modules/vue/jsx-runtime/index.js"),c=require("vue"),g=require("./props.js"),j=require("lodash-es"),y=require("../../../core/Modal/src/hooks/useModalContext.js"),f=require("../../../../store/modules/layoutSetting.js"),S=c.defineComponent({name:"FileList",props:g.fileListProps,setup(d){const l=y.useModalContext(),x=f.useLayoutSettingStore();c.watch(()=>d.dataSource,()=>{c.nextTick(()=>{var r;(r=l==null?void 0:l.redoModalHeight)==null||r.call(l)})});const o=c.computed(()=>{const{getNavTheme:r}=x;return{border:r==="realDark"?"1px solid rgba(253, 253, 253, 0.12)":"1px solid rgba(5, 5, 5, 0.06)"}});return()=>{const{columns:r,actionColumn:h,dataSource:p}=d,u=[...r,h];return e.jsx("table",{class:"file-table",style:o.value,children:[e.jsx("colgroup",{children:u.map(t=>{const{width:s=0,dataIndex:a}=t,n={width:`${s}px`,minWidth:`${s}px`};return e.jsx("col",{style:s?n:{}},a)})}),e.jsx("thead",{children:e.jsx("tr",{class:"file-table-tr",children:u.map(t=>{const{title:s="",align:a="center",dataIndex:n}=t;return e.jsx("th",{class:["file-table-th",a],style:o.value,children:s},n)})})}),e.jsx("tbody",{children:p.map((t={},s)=>e.jsx("tr",{class:"file-table-tr",children:u.map(a=>{const{dataIndex:n="",customRender:i,align:m="center"}=a,b=i&&j.isFunction(i);return e.jsx("td",{class:["file-table-td",m],style:o.value,children:b?i==null?void 0:i({text:t[n],record:t}):t[n]},n)})},`${s+t.name||""}`))})]})}}});module.exports=S;
+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

@@ -1 +1,8 @@
-"use strict";const e=require("./ThumbUrl2.vue.js");;/* empty css               */const r=require("../../../../../_virtual/_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-3d46f330"]]);module.exports=t;
+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

@@ -1 +1,30 @@
-"use strict";const e=require("vue"),c=require("ant-design-vue");var s={};const a={class:"thumb"},i=e.defineComponent({__name:"ThumbUrl",props:{fileUrl:{type:String,default:""},fileName:{type:String,default:""}},setup(r){var n;const t=r,l=(n=t.fileUrl)!=null&&n.startsWith("data:image")?t.fileUrl:`${s.VITE_BASE_STATIC_URL}${t.fileUrl}`;return(o,u)=>(e.openBlock(),e.createElementBlock("span",a,[r.fileUrl?(e.openBlock(),e.createBlock(e.unref(c.Image),{key:0,src:e.unref(l),width:104},null,8,["src"])):e.createCommentVNode("",!0)]))}});module.exports=i;
+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

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

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

@@ -1 +1,29 @@
-"use strict";const r=require("./UploadPreviewModal2.vue.js"),e=require("vue");;/* empty css                         */const s=require("../../../../../_virtual/_plugin-vue_export-helper.js");function l(o,a,c,u,p,d){const t=e.resolveComponent("FileList"),n=e.resolveComponent("BasicModal");return e.openBlock(),e.createBlock(n,e.mergeProps({width:"50%",title:o.t("component.upload.preview"),class:"upload-preview-modal"},o.$attrs,{"show-ok-btn":!1,onRegister:o.register}),{default:e.withCtx(()=>[e.createVNode(t,{"data-source":o.fileListRef,columns:o.columns,"action-column":o.actionColumn},null,8,["data-source","columns","action-column"])]),_:1},16,["title","onRegister"])}const i=s(r,[["render",l],["__scopeId","data-v-58b413f8"]]);module.exports=i;
+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;;;;;;;"}