@kp-ui/lowcode 2.15.0-alpha.7 → 2.15.0-alpha.8

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

@@ -1,202 +1,199 @@
-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,
+import { defineComponent as ee, computed as g, onMounted as te, resolveComponent as C, createBlock as N, createCommentVNode as R, unref as o, openBlock as a, mergeProps as oe, withCtx as p, createVNode as u, createElementVNode as b, normalizeClass as ie, isRef as L, createTextVNode as ne, createElementBlock as c, Fragment as le, renderList as se, toDisplayString as _ } from "vue";
+import ae from "./form-item-wrapper.vue.js";
+import { useField as re } from "./useField.js";
+import { ComponentNameEnum as de, WidgetTypeEnum as pe } from "../../../../constants/WidgetTypeEnum.js";
+import { useFilesystemApi as ue } from "../../../../api/useFilesystemApi/filesystem/index.js";
+import ce from "../../../svg-icon/FileIcon.js";
+import { useFilePreview as fe, SvgIcon as me, TpfModal as ve } from "tmgc2-share";
+import { message as B } from "ant-design-vue";
+const ye = ["loading", "disabled"], ge = {
+  gutter: 20,
+  class: "fileUploadTip"
+}, be = {
+  key: 0
+}, _e = {
+  key: 1
+}, we = ["src"], Le = /* @__PURE__ */ ee({
+  name: pe.fileUpload,
+  componentName: de.FieldWidget,
   __name: "file-upload-widget",
   props: {
-    widget: {
-      type: null,
-      required: !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,
-      required: !1
-    },
-    subFormRowIndex: {
-      type: Number,
-      required: !1
-    },
-    subFormRowId: {
-      type: String,
-      required: !1
-    },
-    subFormColIndex: {
-      type: Number,
-      required: !1
-    }
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
   },
-  setup(w, {
-    expose: h
+  setup(U, {
+    expose: j
   }) {
-    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,
+    const E = ue(), w = U, {
+      loading: f,
+      rules: M,
+      i18nt: x,
+      fieldEditor: O,
+      field: l,
+      fieldModel: i,
+      isReadMode: F,
+      designState: P,
+      handleHidden: S,
+      handleDisabled: h,
+      defineExposed: z,
+      executeFunction: V
+    } = re(w), A = (e) => {
+      if (l.options.onBeforeUpload) {
+        const t = V({
+          functionBody: l.options.onBeforeUpload,
           params: {
             file: e
           },
           keys: ["file"]
         });
-        return typeof i == "boolean" ? i : !0;
+        return typeof t == "boolean" ? t : !0;
       }
       return !0;
-    }, O = u(() => {
+    }, W = g(() => {
       var e;
-      return (((e = t.value) == null ? void 0 : e.length) || 0) < (r.options.limit || 1);
-    }), M = async (e) => {
+      return (((e = i.value) == null ? void 0 : e.length) || 0) < (l.options.limit || 1);
+    }), $ = async (e) => {
       const {
-        accept: i,
+        accept: t,
         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}格式的文件`);
+        limit: d,
+        businessType: s,
+        multiple: v
+      } = l.options, I = e.file.name, X = t.map((r) => r.toLowerCase()), Y = I.slice(I.lastIndexOf("."));
+      if (!X.includes(Y.toLowerCase()))
+        return B.error(`目前仅支持${t}格式的文件`);
       if (n && e.file.size > n * 1024 * 1024) {
-        I.error(`文件大小不能超过${n}M`);
+        B.error(`文件大小不能超过${n}M`);
         return;
       }
-      if (y(e)) {
-        l.value = !0;
+      if (A(e)) {
+        f.value = !0;
         try {
-          const o = await d.uploadFileObject({
-            businessType: P,
+          const r = await E.uploadFileObject({
+            businessType: s,
             file: e.file
           }), {
-            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
+            fileName: y
+          } = r.data.object;
+          if (d > 1) {
+            const k = i.value.findIndex((Z) => Z.name === y);
+            k > -1 && i.value.splice(k, 1), i.value.length < d && i.value.push({
+              ...r.data.object,
+              name: y
             });
           } else
-            t.value = [{
-              ...o.data.object,
-              name: a
+            i.value = [{
+              ...r.data.object,
+              name: y
             }];
         } finally {
-          l.value = !1;
+          f.value = !1;
         }
       }
-    }, v = () => {
-      f || t.value && typeof t.value == "string" && (t.value = JSON.parse(t.value));
-    }, C = u(() => {
+    }, q = () => {
+      P || i.value && typeof i.value == "string" && (i.value = JSON.parse(i.value));
+    }, D = g(() => {
       const {
         accept: e
-      } = r.options;
+      } = l.options;
       return e != null && e.length ? e.join(",") : "*";
     }), {
-      handlePreview: L,
-      previewVisible: B,
-      previewImage: R,
-      previewTitle: U
-    } = Z(), z = ({
+      handlePreview: H,
+      previewVisible: m,
+      previewImage: J,
+      previewTitle: G
+    } = fe(), K = ({
       file: e
     }) => {
-      const i = {
+      const t = {
         fileName: e.name,
         fileType: e.name.slice(e.name.lastIndexOf("."))
       };
-      return H(Y, {
-        file: i
+      return u(ce, {
+        file: t
       }, null);
-    }, A = (e) => {
-      const i = t.value.findIndex((n) => n.uid === e.uid);
-      t.value.splice(i, 1);
-    }, E = u(() => {
+    }, Q = (e) => {
+      const t = i.value.findIndex((n) => n.uid === e.uid);
+      i.value.splice(t, 1);
+    }, T = g(() => {
       const {
         accept: e,
-        maxSize: i
-      } = r.options, n = (e || []).join(",");
-      return [n.length ? s("支持扩展名") + `${n}` : "", i ? s("支持文件大小") + `${i}M` : ""].filter(Boolean);
+        maxSize: t
+      } = l.options, n = (e || []).join(",");
+      return [n.length ? x("支持扩展名") + `${n}` : "", t ? x("支持文件大小") + `${t}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 te(() => {
+      q();
+    }), j({
+      ...z
+    }), (e, t) => {
+      const n = C("a-space"), d = C("a-upload");
+      return o(S) ? R("", !0) : (a(), N(ae, oe({
+        key: 0
+      }, w, {
+        rules: o(M)
+      }), {
+        default: p(() => [u(d, {
+          ref_key: "fieldEditor",
+          ref: O,
+          disabled: o(h) || o(F),
+          class: ie(["dynamicPseudoAfter", ["tpf-upload", {
+            isReadonly: o(F)
+          }]]),
+          multiple: o(l).options.multiple,
+          accept: D.value,
+          "file-list": o(i),
+          "onUpdate:fileList": t[0] || (t[0] = (s) => L(i) ? i.value = s : null),
+          listType: o(l).options.uploadListType,
+          customRequest: $,
+          iconRender: K,
+          onPreview: o(H),
+          onRemove: Q
+        }, {
+          default: p(() => [W.value ? (a(), N(n, {
+            key: 0,
+            size: 10,
+            align: "start"
+          }, {
+            default: p(() => [b("div", {
+              loading: o(f),
+              class: "tpf-button",
+              type: "primary",
+              disabled: o(h)
+            }, [u(o(me), {
+              "icon-class": "daochu"
+            }), t[2] || (t[2] = ne(" 上传文件 "))], 8, ye)]),
+            _: 1
+          })) : R("", !0)]),
+          _: 1
+        }, 8, ["disabled", "class", "multiple", "accept", "file-list", "listType", "onPreview"]), b("div", ge, [(a(!0), c(le, null, se(T.value, (s, v) => (a(), c("div", {
+          key: v
+        }, [T.value.length > 1 ? (a(), c("span", be, _(v + 1) + "、" + _(s), 1)) : (a(), c("span", _e, _(s), 1))]))), 128))]), u(o(ve), {
+          visible: o(m),
+          "onUpdate:visible": t[1] || (t[1] = (s) => L(m) ? m.value = s : null),
+          title: o(G),
+          footer: null
+        }, {
+          default: p(() => [b("img", {
+            style: {
+              width: "100%"
+            },
+            src: o(J)
+          }, null, 8, we)]),
+          _: 1
+        }, 8, ["visible", "title"])]),
+        _: 1
+      }, 16, ["rules"]));
     };
-    return Object.defineProperty(g, "__isScriptSetup", {
-      enumerable: !1,
-      value: !0
-    }), g;
   }
 });
 export {
-  fe as default
+  Le as default
 };

package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js

@@ -1,157 +1,7 @@
-import _ from "./form-item-wrapper.vue2.js";
-import { createElementBlock as t, openBlock as l, withModifiers as c, normalizeClass as v, createVNode as n, createCommentVNode as s, withCtx as f, renderSlot as k, createElementVNode as a, Fragment as g, toDisplayString as r } from "vue";
+import o from "./form-item-wrapper.vue2.js";
 /* empty css                       */
-import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const I = { class: "label-box" }, w = {
-  key: 0,
-  class: "custom-label"
-}, y = { class: "label-text" }, C = { class: "label-text" }, W = {
-  key: 1,
-  class: "label-text"
-}, S = {
-  key: 0,
-  class: "field-action"
-}, x = ["title"], L = ["title"], P = ["title"], z = ["title"], D = {
-  key: 1,
-  class: "drag-handler background-opacity"
-}, N = ["title"], U = { key: 0 };
-function A(b, o, i, e, F, V) {
-  var m;
-  return l(), t(
-    "div",
-    {
-      class: v(["field-wrapper", {
-        "design-time-bottom-margin": e.designState,
-        "field-wrapper-widget": e.designState,
-        selected: e.selected
-      }]),
-      onClick: o[4] || (o[4] = c((d) => e.selectWidget(i.field), ["stop"]))
-    },
-    [
-      n(e.FormItem, {
-        labelCol: { style: { width: e.labelWidth + "px" } },
-        title: e.label,
-        size: e.size,
-        rules: i.rules,
-        name: e.getPropName,
-        labelAlign: e.labelAlign,
-        class: v([e.customClass])
-      }, {
-        label: f(() => [
-          a("div", I, [
-            i.field.options.labelIconClass ? (l(), t("span", w, [
-              i.field.options.labelIconPosition === "front" ? (l(), t(
-                g,
-                { key: 0 },
-                [
-                  n(e.SvgIcon, {
-                    "icon-class": i.field.options.labelIconClass
-                  }, null, 8, ["icon-class"]),
-                  a(
-                    "div",
-                    y,
-                    r(e.label),
-                    1
-                    /* TEXT */
-                  )
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : i.field.options.labelIconPosition === "rear" ? (l(), t(
-                g,
-                { key: 1 },
-                [
-                  a(
-                    "div",
-                    C,
-                    r(e.label),
-                    1
-                    /* TEXT */
-                  ),
-                  n(e.SvgIcon, {
-                    "icon-class": i.field.options.labelIconClass
-                  }, null, 8, ["icon-class"])
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : s("v-if", !0)
-            ])) : (l(), t(
-              "div",
-              W,
-              r(e.label),
-              1
-              /* TEXT */
-            ))
-          ])
-        ]),
-        default: f(() => [
-          k(b.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"]),
-      e.designState ? (l(), t(
-        g,
-        { key: 0 },
-        [
-          ((m = e.designer) == null ? void 0 : m.selectedId) === i.field.id ? (l(), t("div", S, [
-            a("i", {
-              title: e.i18nt("designer.hint.selectParentWidget"),
-              onClick: o[0] || (o[0] = c((...d) => e.selectParentWidget && e.selectParentWidget(...d), ["stop"]))
-            }, [
-              n(e.SvgIcon, { "icon-class": "icon-el-back" })
-            ], 8, x),
-            i.parentList && i.parentList.length > 1 ? (l(), t("i", {
-              key: 0,
-              title: e.i18nt("designer.hint.moveUpWidget"),
-              onClick: o[1] || (o[1] = c((...d) => e.moveUpWidget && e.moveUpWidget(...d), ["stop"]))
-            }, [
-              n(e.SvgIcon, { "icon-class": "icon-el-move-up" })
-            ], 8, L)) : s("v-if", !0),
-            i.parentList && i.parentList.length > 1 ? (l(), t("i", {
-              key: 1,
-              title: e.i18nt("designer.hint.moveDownWidget"),
-              onClick: o[2] || (o[2] = c((...d) => e.moveDownWidget && e.moveDownWidget(...d), ["stop"]))
-            }, [
-              n(e.SvgIcon, { "icon-class": "icon-el-move-down" })
-            ], 8, P)) : s("v-if", !0),
-            a("i", {
-              title: e.i18nt("designer.hint.remove"),
-              onClick: o[3] || (o[3] = c((...d) => e.removeWidget && e.removeWidget(...d), ["stop"]))
-            }, [
-              n(e.SvgIcon, { "icon-class": "icon-el-delete" })
-            ], 8, z)
-          ])) : s("v-if", !0),
-          e.selected ? (l(), t("div", D, [
-            a("i", {
-              title: e.i18nt("designer.hint.dragHandler")
-            }, [
-              n(e.SvgIcon, { "icon-class": "icon-el-drag-move" })
-            ], 8, N),
-            a(
-              "i",
-              null,
-              r(e.i18n2t(
-                `designer.widgetLabel.${i.field.type}`,
-                `extension.widgetLabel.${i.field.type}`
-              )),
-              1
-              /* TEXT */
-            ),
-            i.field.options.hidden === !0 ? (l(), t("i", U, [
-              n(e.SvgIcon, { "icon-class": "icon-el-hide" })
-            ])) : s("v-if", !0)
-          ])) : s("v-if", !0)
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : s("v-if", !0)
-    ],
-    2
-    /* CLASS */
-  );
-}
-const j = /* @__PURE__ */ h(_, [["render", A], ["__scopeId", "data-v-e14e1a58"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"]]);
+import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-01f77544"]]);
 export {
-  j as default
+  a as default
 };