@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

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

@@ -1,88 +1,97 @@
 import v from "./file-upload-widget.vue2.js";
-import { resolveComponent as l, createBlock as y, createCommentVNode as R, openBlock as n, withCtx as a, createVNode as r, createElementVNode as m, normalizeClass as C, createTextVNode as h, createElementBlock as c, Fragment as x, renderList as k, toDisplayString as u } from "vue";
+import { resolveComponent as c, createBlock as f, createCommentVNode as m, openBlock as l, mergeProps as g, withCtx as d, createVNode as a, createElementVNode as r, normalizeClass as y, createTextVNode as b, createElementBlock as t, Fragment as w, renderList as h, toDisplayString as n } from "vue";
 /* empty css                        */
-import I from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const T = ["loading", "disabled"], F = {
+import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = ["loading", "disabled"], R = {
   gutter: 20,
   class: "fileUploadTip"
-}, L = { key: 0 }, P = { key: 1 }, V = ["src"];
-function M(o, d, e, N, i, t) {
-  const p = l("SvgIcon"), _ = l("a-space"), g = l("a-upload"), w = l("a-modal"), b = l("form-item-wrapper");
-  return o.handleHidden() ? R("", !0) : (n(), y(b, {
-    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
-  }, {
-    default: a(() => [
-      r(g, {
+}, T = { key: 0 }, C = { key: 1 }, U = ["src"];
+function V(M, o, P, e, x, I) {
+  const p = c("a-space"), _ = c("a-upload");
+  return e.handleHidden ? m("v-if", !0) : (l(), f(e.FormItemWrapper, g({ key: 0 }, e.props, { rules: e.rules }), {
+    default: d(() => [
+      a(_, {
         ref: "fieldEditor",
-        disabled: o.handleDisabled() || o.isReadMode,
-        class: C(["dynamicPseudoAfter", ["tpf-upload", { isReadonly: o.isReadMode }]]),
+        disabled: e.handleDisabled || e.isReadMode,
+        class: y(["dynamicPseudoAfter", ["tpf-upload", { isReadonly: e.isReadMode }]]),
         multiple: e.field.options.multiple,
-        accept: t.acceptType,
-        maxCount: e.field.options.limit,
-        "file-list": i.fieldModel,
-        "onUpdate:fileList": d[0] || (d[0] = (s) => i.fieldModel = s),
+        accept: e.acceptType,
+        "file-list": e.fieldModel,
+        "onUpdate:fileList": o[0] || (o[0] = (i) => e.fieldModel = i),
         listType: e.field.options.uploadListType,
-        customRequest: t.customRequest,
-        iconRender: t.iconRender,
-        onPreview: t.handlePreview,
-        onRemove: t.removeFile
+        customRequest: e.customRequest,
+        iconRender: e.iconRender,
+        onPreview: e.handlePreview,
+        onRemove: e.removeFile
       }, {
-        default: a(() => [
-          r(_, {
+        default: d(() => [
+          e.isShowUploader ? (l(), f(p, {
+            key: 0,
             size: 10,
             align: "start"
           }, {
-            default: a(() => [
-              m("div", {
-                loading: i.loading,
+            default: d(() => [
+              r("div", {
+                loading: e.loading,
                 class: "tpf-button",
                 type: "primary",
-                disabled: o.handleDisabled()
+                disabled: e.handleDisabled
               }, [
-                r(p, { "icon-class": "daochu" }),
-                d[1] || (d[1] = h(" 上传文件 "))
-              ], 8, T)
+                a(e.SvgIcon, { "icon-class": "daochu" }),
+                o[2] || (o[2] = b(" 上传文件 "))
+              ], 8, u)
             ]),
             _: 1
-          })
+            /* STABLE */
+          })) : m("v-if", !0)
         ]),
         _: 1
-      }, 8, ["disabled", "class", "multiple", "accept", "maxCount", "file-list", "listType", "customRequest", "iconRender", "onPreview", "onRemove"]),
-      m("div", F, [
-        (n(!0), c(x, null, k(t.descCol, (s, f) => (n(), c("div", { key: f }, [
-          t.descCol.length > 1 ? (n(), c("span", L, u(f + 1) + "、" + u(s), 1)) : (n(), c("span", P, u(s), 1))
-        ]))), 128))
+        /* STABLE */
+      }, 8, ["disabled", "class", "multiple", "accept", "file-list", "listType", "onPreview"]),
+      r("div", R, [
+        (l(!0), t(
+          w,
+          null,
+          h(e.descCol, (i, s) => (l(), t("div", { key: s }, [
+            e.descCol.length > 1 ? (l(), t(
+              "span",
+              T,
+              n(s + 1) + "、" + n(i),
+              1
+              /* TEXT */
+            )) : (l(), t(
+              "span",
+              C,
+              n(i),
+              1
+              /* TEXT */
+            ))
+          ]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
       ]),
-      r(w, {
-        open: i.previewVisible,
-        class: "tpf-modal",
-        title: i.previewTitle,
-        footer: null,
-        onCancel: t.handleCancel
+      a(e.TpfModal, {
+        visible: e.previewVisible,
+        "onUpdate:visible": o[1] || (o[1] = (i) => e.previewVisible = i),
+        title: e.previewTitle,
+        footer: null
       }, {
-        default: a(() => [
-          m("img", {
+        default: d(() => [
+          r("img", {
             style: { width: "100%" },
-            src: i.previewImage
-          }, null, 8, V)
+            src: e.previewImage
+          }, null, 8, U)
         ]),
         _: 1
-      }, 8, ["open", "title", "onCancel"])
+        /* STABLE */
+      }, 8, ["visible", "title"])
     ]),
     _: 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"]));
+    /* STABLE */
+  }, 16, ["rules"]));
 }
-const E = /* @__PURE__ */ I(v, [["render", M], ["__scopeId", "data-v-4889afd8"]]);
+const E = /* @__PURE__ */ k(v, [["render", V], ["__scopeId", "data-v-eafcbfa3"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue"]]);
 export {
   E as default
 };

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

@@ -1,199 +1,202 @@
-import { createVNode as o } from "vue";
-import w from "./form-item-wrapper.vue.js";
-import b from "../../../../utils/emitter.js";
-import y from "../../../../utils/i18n.js";
-import M from "./fieldMixin.js";
-import s from "../../../svg-icon/index.vue.js";
-import { useFilesystemApi as x } from "../../../../api/useFilesystemApi/filesystem/index.js";
-import { PaperClipOutlined as F } from "@ant-design/icons-vue";
-import { getUserInfo as v } from "@kp-ui/tool";
-import I from "query-string";
-const p = x(), V = {
-  name: "file-upload-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [b, M, y],
+import { defineComponent as k, computed as u, onMounted as D, createVNode as H } from "vue";
+import J from "./form-item-wrapper.vue.js";
+import { useField as G } from "./useField.js";
+import { ComponentNameEnum as K, WidgetTypeEnum as Q } from "../../../../constants/WidgetTypeEnum.js";
+import { useFilesystemApi as X } from "../../../../api/useFilesystemApi/filesystem/index.js";
+import Y from "../../../svg-icon/FileIcon.js";
+import { useFilePreview as Z, SvgIcon as ee, TpfModal as te } from "tmgc2-share";
+import { message as I } from "ant-design-vue";
+const fe = /* @__PURE__ */ k({
+  name: Q.fileUpload,
+  componentName: K.FieldWidget,
+  __name: "file-upload-widget",
   props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: !1
+    widget: {
+      type: null,
+      required: !0
     },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
+    field: {
+      type: null,
+      required: !0
+    },
+    designer: {
+      type: null,
+      required: !1
+    },
+    parentWidget: {
+      type: [Object, null],
+      required: !1
+    },
+    parentList: {
+      type: [Array, null],
+      required: !1
+    },
+    indexOfParentList: {
       type: Number,
-      default: -1
+      required: !1
     },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
+    subFormRowIndex: {
       type: Number,
-      default: -1
+      required: !1
     },
     subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
       type: String,
-      default: ""
-    }
-  },
-  components: {
-    SvgIcon: s,
-    FormItemWrapper: w
-  },
-  data() {
-    return {
-      urlList: {},
-      previewTitle: "",
-      previewVisible: !1,
-      previewImage: "",
-      loading: !1,
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: [],
-      rules: []
-    };
-  },
-  computed: {
-    acceptType() {
-      const {
-        accept: e
-      } = this.field.options;
-      return e != null && e.length ? e.join(",") : "*";
+      required: !1
     },
-    descCol() {
-      const {
-        accept: e,
-        maxSize: i
-      } = this.field.options, t = (e || []).join(",");
-      return [t.length ? this.i18nt("支持扩展名") + `${t}` : "", i ? this.i18nt("支持文件大小") + `${i}M` : ""].filter(Boolean);
+    subFormColIndex: {
+      type: Number,
+      required: !1
     }
-    // uploadBtnHidden() {
-    //   return !this.fieldModel || this.fieldModel.length >= this.field.options.limit;
-    // }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.initFieldModel(), this.handleOnMounted();
   },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    iconRender({
-      file: e
-    }) {
-      try {
-        const i = e.fileName.slice(e.fileName.lastIndexOf("."));
-        if ([".xls", ".xlsx"].includes(i.toLowerCase()))
-          return o(s, {
-            "icon-class": "excel"
-          }, null);
-        if ([".doc", ".docx"].includes(i.toLowerCase()))
-          return o(s, {
-            "icon-class": "word"
-          }, null);
-        if ([".pdf"].includes(i.toLowerCase()))
-          return o(s, {
-            "icon-class": "pdf"
-          }, null);
-      } catch {
-      }
-      return o(F, null, null);
-    },
-    handleCancel() {
-      this.previewVisible = !1;
-    },
-    async getFileUrl(e) {
-      if (this.fieldModel[e])
-        return this.fieldModel[e];
-      {
-        const t = (await p.getPreviewFileUrl({
-          fileCode: e
-        })).data.value;
-        return this.fieldModel[e] = t, t;
-      }
-    },
-    async handlePreview(e) {
-      if (!e.fileCode)
-        return this.$message.error("文件上传完才能预览！");
-      if ([".png", ".jpg", ".jpeg", ".gif"].includes(e.fileType)) {
-        const i = await this.getFileUrl(e.fileCode);
-        this.previewImage = i, this.previewVisible = !0, this.previewTitle = e.fileName;
-      } else {
-        const {
-          tokenId: i,
-          tenantId: t,
-          employeeId: n
-        } = v(), r = window.location.origin, a = {
-          tenantId: t,
-          tokenId: i,
-          employeeId: n,
-          fileCode: e.fileCode
-        };
-        window.open(`${r}/view-file/preview?${I.stringify(a)}`);
-      }
-    },
-    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;
+  setup(w, {
+    expose: h
+  }) {
+    const d = X(), p = w, {
+      loading: l,
+      rules: q,
+      i18nt: s,
+      fieldEditor: N,
+      field: r,
+      fieldModel: t,
+      isReadMode: S,
+      size: T,
+      designState: f,
+      handleHidden: _,
+      handleDisabled: j,
+      defineExposed: c,
+      executeFunction: m
+    } = G(p), y = (e) => {
+      if (r.options.onBeforeUpload) {
+        const i = m({
+          functionBody: r.options.onBeforeUpload,
+          params: {
+            file: e
+          },
+          keys: ["file"]
+        });
+        return typeof i == "boolean" ? i : !0;
       }
       return !0;
-    },
-    removeFile(e) {
-      const i = this.fieldModel.findIndex((t) => t.uid === e.uid);
-      this.fieldModel.splice(i, 1), this.handleChangeEvent(this.fieldModel);
-    },
-    async customRequest(e) {
+    }, O = u(() => {
+      var e;
+      return (((e = t.value) == null ? void 0 : e.length) || 0) < (r.options.limit || 1);
+    }), M = async (e) => {
       const {
         accept: i,
-        maxSize: t,
-        limit: n,
-        businessType: r,
-        multiple: a
-      } = this.field.options, f = e.file.name, m = i.map((l) => l.toLowerCase()), h = f.slice(f.lastIndexOf(".")), {
-        message: c
-      } = await import("ant-design-vue");
-      if (!m.includes(h.toLowerCase()))
-        return c.error(`目前仅支持${i}格式的文件`);
-      if (t && e.file.size > t * 1024 * 1024) {
-        c.error(`文件大小不能超过${t}M`);
+        maxSize: n,
+        limit: b,
+        businessType: P,
+        multiple: ie
+      } = r.options, x = e.file.name, W = i.map((o) => o.toLowerCase()), $ = x.slice(x.lastIndexOf("."));
+      if (!W.includes($.toLowerCase()))
+        return I.error(`目前仅支持${i}格式的文件`);
+      if (n && e.file.size > n * 1024 * 1024) {
+        I.error(`文件大小不能超过${n}M`);
         return;
       }
-      if (this.handleOnBeforeUpload(e)) {
-        this.loading = !0;
+      if (y(e)) {
+        l.value = !0;
         try {
-          const l = await p.uploadFileObject({
-            businessType: r,
+          const o = await d.uploadFileObject({
+            businessType: P,
             file: e.file
           }), {
-            fileName: d
-          } = l.data.object;
-          if (console.log(l.data.object), n > 1) {
-            const u = this.fieldModel.findIndex((g) => g.name === d);
-            u > -1 && this.fieldModel.splice(u, 1), this.fieldModel.length < n && this.fieldModel.push({
-              ...l.data.object,
-              name: d
+            fileName: a
+          } = o.data.object;
+          if (b > 1) {
+            const F = t.value.findIndex((V) => V.name === a);
+            F > -1 && t.value.splice(F, 1), t.value.length < b && t.value.push({
+              ...o.data.object,
+              name: a
             });
           } else
-            this.fieldModel = [{
-              ...l.data.object,
-              name: d
+            t.value = [{
+              ...o.data.object,
+              name: a
             }];
         } finally {
-          this.handleChangeEvent(this.fieldModel), this.loading = !1;
+          l.value = !1;
         }
       }
-    }
+    }, v = () => {
+      f || t.value && typeof t.value == "string" && (t.value = JSON.parse(t.value));
+    }, C = u(() => {
+      const {
+        accept: e
+      } = r.options;
+      return e != null && e.length ? e.join(",") : "*";
+    }), {
+      handlePreview: L,
+      previewVisible: B,
+      previewImage: R,
+      previewTitle: U
+    } = Z(), z = ({
+      file: e
+    }) => {
+      const i = {
+        fileName: e.name,
+        fileType: e.name.slice(e.name.lastIndexOf("."))
+      };
+      return H(Y, {
+        file: i
+      }, null);
+    }, A = (e) => {
+      const i = t.value.findIndex((n) => n.uid === e.uid);
+      t.value.splice(i, 1);
+    }, E = u(() => {
+      const {
+        accept: e,
+        maxSize: i
+      } = r.options, n = (e || []).join(",");
+      return [n.length ? s("支持扩展名") + `${n}` : "", i ? s("支持文件大小") + `${i}M` : ""].filter(Boolean);
+    });
+    D(() => {
+      v();
+    }), h({
+      ...c
+    });
+    const g = {
+      filesystemApi: d,
+      props: p,
+      loading: l,
+      rules: q,
+      i18nt: s,
+      fieldEditor: N,
+      field: r,
+      fieldModel: t,
+      isReadMode: S,
+      size: T,
+      designState: f,
+      handleHidden: _,
+      handleDisabled: j,
+      defineExposed: c,
+      executeFunction: m,
+      handleOnBeforeUpload: y,
+      isShowUploader: O,
+      customRequest: M,
+      initFileListFieldModel: v,
+      acceptType: C,
+      handlePreview: L,
+      previewVisible: B,
+      previewImage: R,
+      previewTitle: U,
+      iconRender: z,
+      removeFile: A,
+      descCol: E,
+      FormItemWrapper: J,
+      get TpfModal() {
+        return te;
+      },
+      get SvgIcon() {
+        return ee;
+      }
+    };
+    return Object.defineProperty(g, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), g;
   }
-};
+});
 export {
-  V as default
+  fe as default
 };