@kp-ui/lowcode 1.0.25 → 1.0.26

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue.js

@@ -1,88 +1,98 @@
-import w from "./file-upload-widget.vue2.js";
-import { resolveComponent as o, createBlock as y, createCommentVNode as h, openBlock as n, withCtx as s, createVNode as a, createElementVNode as c, normalizeClass as R, createTextVNode as C, createElementBlock as r, Fragment as x, renderList as k, toDisplayString as m } from "vue";
+import _sfc_main from "./file-upload-widget.vue2.js";
+import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createVNode, createElementVNode, normalizeClass, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
 /* empty css                        */
-import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const L = ["loading", "disabled"], T = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["loading", "disabled"];
+const _hoisted_2 = {
   gutter: 20,
   class: "fileUploadTip"
-}, F = { key: 0 }, P = { key: 1 }, V = ["src"];
-function N(l, u, e, S, i, t) {
-  const p = o("SvgIcon"), _ = o("a-space"), g = o("a-upload"), b = o("a-modal"), v = o("form-item-wrapper");
-  return l.handleHidden() ? h("", !0) : (n(), y(v, {
+};
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = ["src"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_SvgIcon = resolveComponent("SvgIcon");
+  const _component_a_space = resolveComponent("a-space");
+  const _component_a_upload = resolveComponent("a-upload");
+  const _component_a_modal = resolveComponent("a-modal");
+  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
+  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
     key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: i.rules,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
+    designer: $props.designer,
+    field: $props.field,
+    rules: $data.rules,
+    "design-state": $props.designState,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    "sub-form-row-index": $props.subFormRowIndex,
+    "sub-form-col-index": $props.subFormColIndex,
+    "sub-form-row-id": $props.subFormRowId
   }, {
-    default: s(() => [
-      a(g, {
+    default: withCtx(() => [
+      createVNode(_component_a_upload, {
         ref: "fieldEditor",
-        disabled: l.handleDisabled() || l.isReadMode,
-        class: R(["dynamicPseudoAfter", ["tpf-upload", { isReadonly: l.isReadMode }]]),
-        multiple: e.field.options.multiple,
-        accept: t.acceptType,
-        maxCount: e.field.options.limit,
-        "file-list": i.fileList,
-        "onUpdate:fileList": u[0] || (u[0] = (d) => i.fileList = d),
-        listType: e.field.options.uploadListType,
-        customRequest: t.customRequest,
-        iconRender: t.iconRender,
-        onPreview: t.handlePreview,
-        onRemove: t.removeFile
+        disabled: _ctx.handleDisabled() || _ctx.isReadMode,
+        class: normalizeClass(["dynamicPseudoAfter", ["tpf-upload", { isReadonly: _ctx.isReadMode }]]),
+        multiple: $props.field.options.multiple,
+        accept: $options.acceptType,
+        maxCount: $props.field.options.limit,
+        "file-list": $data.fileList,
+        "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => $data.fileList = $event),
+        listType: $props.field.options.uploadListType,
+        customRequest: $options.customRequest,
+        iconRender: $options.iconRender,
+        onPreview: $options.handlePreview,
+        onRemove: $options.removeFile
       }, {
-        default: s(() => [
-          a(_, {
+        default: withCtx(() => [
+          createVNode(_component_a_space, {
             size: 10,
             align: "start"
           }, {
-            default: s(() => [
-              c("div", {
-                loading: i.loading,
+            default: withCtx(() => [
+              createElementVNode("div", {
+                loading: $data.loading,
                 class: "tpf-button",
                 type: "primary",
-                disabled: l.handleDisabled()
+                disabled: _ctx.handleDisabled()
               }, [
-                a(p, { "icon-class": "daochu" }),
-                C(" 上传文件 ")
-              ], 8, L)
+                createVNode(_component_SvgIcon, { "icon-class": "daochu" }),
+                createTextVNode(" 上传文件 ")
+              ], 8, _hoisted_1)
             ]),
             _: 1
           })
         ]),
         _: 1
       }, 8, ["disabled", "class", "multiple", "accept", "maxCount", "file-list", "listType", "customRequest", "iconRender", "onPreview", "onRemove"]),
-      c("div", T, [
-        (n(!0), r(x, null, k(t.descCol, (d, f) => (n(), r("div", { key: f }, [
-          t.descCol.length > 1 ? (n(), r("span", F, m(f + 1) + "、" + m(d), 1)) : (n(), r("span", P, m(d), 1))
-        ]))), 128))
+      createElementVNode("div", _hoisted_2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.descCol, (item, inx) => {
+          return openBlock(), createElementBlock("div", { key: inx }, [
+            $options.descCol.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(inx + 1) + "、" + toDisplayString(item), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(item), 1))
+          ]);
+        }), 128))
       ]),
-      a(b, {
-        visible: i.previewVisible,
+      createVNode(_component_a_modal, {
+        visible: $data.previewVisible,
         class: "tpf-modal",
-        title: i.previewTitle,
+        title: $data.previewTitle,
         footer: null,
-        onCancel: t.handleCancel
+        onCancel: $options.handleCancel
       }, {
-        default: s(() => [
-          c("img", {
-            style: { width: "100%" },
-            src: i.previewImage
-          }, null, 8, V)
+        default: withCtx(() => [
+          createElementVNode("img", {
+            style: { "width": "100%" },
+            src: $data.previewImage
+          }, null, 8, _hoisted_5)
         ]),
         _: 1
       }, 8, ["visible", "title", "onCancel"])
     ]),
     _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);
 }
-const U = /* @__PURE__ */ I(w, [["render", N], ["__scopeId", "data-v-4b4d49bf"]]);
+const fileUploadWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4b4d49bf"]]);
 export {
-  U as default
+  fileUploadWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue2.js

@@ -1,16 +1,17 @@
-import { createVNode as o } from "vue";
-import y from "./form-item-wrapper.vue.js";
-import L from "../../../../utils/emitter.js";
-import x from "../../../../utils/i18n.js";
-import F from "./fieldMixin.js";
-import r from "../../../svg-icon/index.vue.js";
-import { useFilesystemApi as v } from "../../../../api/useFilesystemApi/filesystem/index.js";
-import { PaperClipOutlined as C } from "@ant-design/icons-vue";
-const g = v(), $ = {
+import { createVNode } from "vue";
+import FormItemWrapper from "./form-item-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import fieldMixin from "./fieldMixin.js";
+import SvgIcon from "../../../svg-icon/index.vue.js";
+import { useFilesystemApi } from "../../../../api/useFilesystemApi/filesystem/index.js";
+import { PaperClipOutlined } from "@ant-design/icons-vue";
+const filesystemApi = useFilesystemApi();
+const _sfc_main = {
   name: "file-upload-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [L, F, x],
+  mixins: [emitter, fieldMixin, i18n],
   props: {
     field: Object,
     parentWidget: Object,
@@ -19,7 +20,7 @@ const g = v(), $ = {
     designer: Object,
     designState: {
       type: Boolean,
-      default: !1
+      default: false
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -38,15 +39,15 @@ const g = v(), $ = {
     }
   },
   components: {
-    SvgIcon: r,
-    FormItemWrapper: y
+    SvgIcon,
+    FormItemWrapper
   },
   data() {
     return {
       previewTitle: "",
-      previewVisible: !1,
+      previewVisible: false,
       previewImage: "",
-      loading: !1,
+      loading: false,
       oldFieldValue: null,
       //field组件change之前的值
       fieldModel: [],
@@ -58,16 +59,21 @@ const g = v(), $ = {
   computed: {
     acceptType() {
       const {
-        accept: e
+        accept
       } = this.field.options;
-      return e != null && e.length ? e.join(",") : "*";
+      if (accept == null ? void 0 : accept.length) {
+        return accept.join(",");
+      } else {
+        return "*";
+      }
     },
     descCol() {
       const {
-        accept: e,
-        maxSize: i
-      } = this.field.options, t = (e || []).join(",");
-      return [t.length ? `支持扩展名${t}` : "", i ? `支持文件大小${i}M` : ""].filter(Boolean);
+        accept,
+        maxSize
+      } = this.field.options;
+      const acceptList = (accept || []).join(",");
+      return [acceptList.length ? `支持扩展名${acceptList}` : "", maxSize ? `支持文件大小${maxSize}M` : ""].filter(Boolean);
     }
     // uploadBtnHidden() {
     //   return !this.fileList || this.fileList.length >= this.field.options.limit;
@@ -76,10 +82,15 @@ const g = v(), $ = {
   beforeCreate() {
   },
   created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+    this.registerToRefList();
+    this.initFieldModel();
+    this.initEventHandler();
+    this.buildFieldRules();
+    this.handleOnCreated();
   },
   mounted() {
-    this.initFieldModel(), this.handleOnMounted();
+    this.initFieldModel();
+    this.handleOnMounted();
   },
   beforeUnmount() {
     this.unregisterFromRefList();
@@ -87,113 +98,145 @@ const g = v(), $ = {
   methods: {
     initFieldModel() {
       const {
-        fieldModel: e
+        fieldModel
       } = this.field;
-      e && console.log(e);
+      if (fieldModel) {
+        console.log(fieldModel);
+      }
     },
     iconRender({
-      file: e
+      file
     }) {
       try {
-        const i = e.fileName.slice(e.fileName.lastIndexOf("."));
-        if ([".xls", ".xlsx"].includes(i.toLowerCase()))
-          return o(r, {
+        const fieldTypes = file.fileName.slice(file.fileName.lastIndexOf("."));
+        if ([".xls", ".xlsx"].includes(fieldTypes.toLowerCase())) {
+          return createVNode(SvgIcon, {
             "icon-class": "excel"
           }, null);
-        if ([".doc", ".docx"].includes(i.toLowerCase()))
-          return o(r, {
+        }
+        if ([".doc", ".docx"].includes(fieldTypes.toLowerCase())) {
+          return createVNode(SvgIcon, {
             "icon-class": "word"
           }, null);
-        if ([".pdf"].includes(i.toLowerCase()))
-          return o(r, {
+        }
+        if ([".pdf"].includes(fieldTypes.toLowerCase())) {
+          return createVNode(SvgIcon, {
             "icon-class": "pdf"
           }, null);
-      } catch {
+        }
+      } catch (error) {
       }
-      return o(C, null, null);
+      return createVNode(PaperClipOutlined, null, null);
     },
     //   onPreview(file) {
     //     filesystemApi.downloadFileObject({ fileCode: file.fileCode });
     //   },
     handleCancel() {
-      this.previewVisible = !1;
+      this.previewVisible = false;
     },
-    async handlePreview(e) {
-      var i, t;
-      if ([".png", ".jpg", ".jpeg", ".gif"].includes(e.fileType))
-        this.previewImage = e.url, this.previewVisible = !0, this.previewTitle = e.fileName;
-      else {
-        const n = getUserInfo(), d = (i = n == null ? void 0 : n.loginInfo) == null ? void 0 : i.employeeId, {
-          tokenId: p,
-          tenantId: l
-        } = (t = n == null ? void 0 : n.loginInfo) == null ? void 0 : t.userToken, a = getDoMain(), f = {
-          tenantId: l,
-          tokenId: p,
-          employeeId: d,
-          fileCode: e.fileCode
+    async handlePreview(file) {
+      var _a, _b;
+      if ([".png", ".jpg", ".jpeg", ".gif"].includes(file.fileType)) {
+        this.previewImage = file.url;
+        this.previewVisible = true;
+        this.previewTitle = file.fileName;
+      } else {
+        const localUserInfo = getUserInfo();
+        const employeeId = (_a = localUserInfo == null ? void 0 : localUserInfo.loginInfo) == null ? void 0 : _a.employeeId;
+        const {
+          tokenId,
+          tenantId
+        } = (_b = localUserInfo == null ? void 0 : localUserInfo.loginInfo) == null ? void 0 : _b.userToken;
+        const doMain = getDoMain();
+        const obj = {
+          tenantId,
+          tokenId,
+          employeeId,
+          fileCode: file.fileCode
         };
-        window.open(`${a}/view-file/preview?${queryString.stringify(f)}`);
+        window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);
       }
     },
-    handleOnBeforeUpload(e) {
-      if (this.field.options.onBeforeUpload) {
-        const t = new Function("file", this.field.options.onBeforeUpload).call(this, e);
-        return typeof t == "boolean" ? t : !0;
+    handleOnBeforeUpload(file) {
+      if (!!this.field.options.onBeforeUpload) {
+        const bfFunc = new Function("file", this.field.options.onBeforeUpload);
+        const result = bfFunc.call(this, file);
+        if (typeof result === "boolean") {
+          return result;
+        } else {
+          return true;
+        }
       }
-      return !0;
+      return true;
     },
-    removeFile(e) {
-      const i = this.fileList.findIndex((t) => t.uid === e.uid);
-      this.fileList.splice(i, 1), this.handleChangeEvent(this.fileList);
+    removeFile(file) {
+      const findInx = this.fileList.findIndex((item) => item.uid === file.uid);
+      this.fileList.splice(findInx, 1);
+      this.handleChangeEvent(this.fileList);
     },
-    async customRequest(e) {
+    async customRequest(upload) {
+      const {
+        accept,
+        maxSize,
+        limit,
+        businessType,
+        multiple
+      } = this.field.options;
+      const fileName = upload.file.name;
+      const fieldTypesArr = accept.map((item) => item.toLowerCase());
+      const fieldTypes = fileName.slice(fileName.lastIndexOf("."));
       const {
-        accept: i,
-        maxSize: t,
-        limit: n,
-        businessType: d,
-        multiple: p
-      } = this.field.options, l = e.file.name, a = i.map((s) => s.toLowerCase()), f = l.slice(l.lastIndexOf(".")), {
-        message: u
+        message
       } = await import("ant-design-vue");
-      if (!a.includes(f.toLowerCase()))
-        return u.error(`目前仅支持${i}格式的文件`);
-      if (t && e.file.size > t * 1024 * 1024) {
-        u.error(`文件大小不能超过${t}M`);
+      if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) {
+        return message.error(`目前仅支持${accept}格式的文件`);
+      }
+      if (maxSize && upload.file.size > maxSize * 1024 * 1024) {
+        message.error(`文件大小不能超过${maxSize}M`);
         return;
       }
-      if (this.handleOnBeforeUpload(e)) {
-        this.loading = !0;
-        try {
-          const s = await g.uploadFileObject({
-            businessType: d,
-            file: e.file
-          }), {
-            fileName: c,
-            fileCode: b
-          } = s.data.object, m = (await g.getPreviewFileUrl({
-            fileCode: b
-          })).data.value;
-          if (n > 1) {
-            const h = this.fileList.findIndex((w) => w.name === c);
-            h > -1 && this.fileList.splice(h, 1), this.fileList.length < n && this.fileList.push({
-              ...s.data.object,
-              name: c,
-              url: m
+      const flag = this.handleOnBeforeUpload(upload);
+      if (!flag) return;
+      this.loading = true;
+      try {
+        const res = await filesystemApi.uploadFileObject({
+          businessType,
+          file: upload.file
+        });
+        const {
+          fileName: name,
+          fileCode
+        } = res.data.object;
+        const fileUrlObj = await filesystemApi.getPreviewFileUrl({
+          fileCode
+        });
+        const url = fileUrlObj.data.value;
+        if (limit > 1) {
+          const findIndex = this.fileList.findIndex((item) => item.name === name);
+          if (findIndex > -1) {
+            this.fileList.splice(findIndex, 1);
+          }
+          if (this.fileList.length < limit) {
+            this.fileList.push({
+              ...res.data.object,
+              name,
+              url
             });
-          } else
-            this.fileList = [{
-              ...s.data.object,
-              name: c,
-              url: m
-            }];
-        } finally {
-          this.handleChangeEvent(this.fileList), this.loading = !1;
+          }
+        } else {
+          this.fileList = [{
+            ...res.data.object,
+            name,
+            url
+          }];
         }
+      } finally {
+        this.handleChangeEvent(this.fileList);
+        this.loading = false;
       }
     }
   }
 };
 export {
-  $ as default
+  _sfc_main as default
 };