@kp-ui/lowcode 2.15.0-alpha.4 → 2.15.0-alpha.5

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

@@ -1,93 +1,49 @@
-import { defineComponent as E, resolveComponent as n, createBlock as m, createCommentVNode as N, unref as e, openBlock as a, normalizeProps as B, mergeProps as I, withCtx as t, createVNode as s, normalizeClass as L, createTextVNode as c, toDisplayString as u, createElementBlock as W, Fragment as v, renderList as D } from "vue";
-import { ComponentNameEnum as P, WidgetTypeEnum as V } from "../../../../constants/WidgetTypeEnum.js";
-import M from "./static-content-wrapper.vue.js";
-import { useField as O } from "./useField.js";
-import { DownOutlined as R } from "@ant-design/icons-vue";
-const A = /* @__PURE__ */ E({
-  name: V.dropdown,
-  componentName: P.FieldWidget,
+import { defineComponent as c } from "vue";
+import { ComponentNameEnum as y, WidgetTypeEnum as b } from "../../../../constants/WidgetTypeEnum.js";
+import _ from "./static-content-wrapper.vue.js";
+import { useField as q } from "./useField.js";
+import { DownOutlined as g } from "@ant-design/icons-vue";
+const O = /* @__PURE__ */ c({
+  name: b.dropdown,
+  componentName: y.FieldWidget,
   __name: "dropdown-widget",
   props: {
-    widget: {},
-    field: {},
-    designer: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    subFormColIndex: {}
+    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 }
   },
-  setup(f, { expose: _ }) {
-    const d = f, {
-      executeFunction: g,
-      fieldEditor: b,
-      field: o,
-      size: h,
-      handleDisabled: r,
-      handleHidden: x,
-      defineExposed: y
-    } = O(d), C = (p) => {
-      const { onMenuClick: i } = o.options;
-      i && g({
-        functionBody: i,
+  setup(d, { expose: u }) {
+    const e = d, {
+      executeFunction: r,
+      fieldEditor: p,
+      field: t,
+      size: l,
+      handleDisabled: s,
+      handleHidden: m,
+      defineExposed: n
+    } = q(e), a = (f) => {
+      const { onMenuClick: o } = t.options;
+      o && r({
+        functionBody: o,
         keys: ["menuItem"],
-        params: { menuItem: p }
+        params: { menuItem: f }
       });
     };
-    return _({
-      ...y
-    }), (p, i) => {
-      const k = n("a-menu-item"), w = n("a-menu"), z = n("a-button"), F = n("a-dropdown");
-      return e(x) ? N("", !0) : (a(), m(M, B(I({ key: 0 }, d)), {
-        default: t(() => [
-          s(F, {
-            size: e(h),
-            ref_key: "fieldEditor",
-            ref: b,
-            disabled: e(r),
-            placement: e(o).options.placement
-          }, {
-            overlay: t(() => [
-              s(w, { onClick: C }, {
-                default: t(() => [
-                  (a(!0), W(v, null, D(e(o).options.menuList || [], (l) => (a(), m(k, {
-                    key: l.value
-                  }, {
-                    default: t(() => [
-                      c(u(l.label), 1)
-                    ]),
-                    _: 2
-                  }, 1024))), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            default: t(() => [
-              s(z, {
-                type: e(o).options.type,
-                size: e(o).options.size,
-                class: L([e(o).options.label === "" ? "hide-text-span" : "", "tpf-button"]),
-                shape: e(o).options.shape,
-                danger: e(o).options.danger,
-                ghost: e(o).options.ghost,
-                disabled: e(r)
-              }, {
-                default: t(() => [
-                  c(u(e(o).options.label) + " ", 1),
-                  s(e(R))
-                ]),
-                _: 1
-              }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled"])
-            ]),
-            _: 1
-          }, 8, ["size", "disabled", "placement"])
-        ]),
-        _: 1
-      }, 16));
-    };
+    u({
+      ...n
+    });
+    const i = { props: e, executeFunction: r, fieldEditor: p, field: t, size: l, handleDisabled: s, handleHidden: m, defineExposed: n, handleMenuClick: a, StaticContentWrapper: _, get DownOutlined() {
+      return g;
+    } };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 export {
-  A as default
+  O as default
 };

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

@@ -1,7 +1,97 @@
-import o from "./file-upload-widget.vue2.js";
+import v from "./file-upload-widget.vue2.js";
+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 t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-27d105ef"]]);
+import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = ["loading", "disabled"], R = {
+  gutter: 20,
+  class: "fileUploadTip"
+}, 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: e.handleDisabled || e.isReadMode,
+        class: y(["dynamicPseudoAfter", ["tpf-upload", { isReadonly: e.isReadMode }]]),
+        multiple: e.field.options.multiple,
+        accept: e.acceptType,
+        "file-list": e.fieldModel,
+        "onUpdate:fileList": o[0] || (o[0] = (i) => e.fieldModel = i),
+        listType: e.field.options.uploadListType,
+        customRequest: e.customRequest,
+        iconRender: e.iconRender,
+        onPreview: e.handlePreview,
+        onRemove: e.removeFile
+      }, {
+        default: d(() => [
+          e.isShowUploader ? (l(), f(p, {
+            key: 0,
+            size: 10,
+            align: "start"
+          }, {
+            default: d(() => [
+              r("div", {
+                loading: e.loading,
+                class: "tpf-button",
+                type: "primary",
+                disabled: e.handleDisabled
+              }, [
+                a(e.SvgIcon, { "icon-class": "daochu" }),
+                o[2] || (o[2] = b(" 上传文件 "))
+              ], 8, u)
+            ]),
+            _: 1
+            /* STABLE */
+          })) : m("v-if", !0)
+        ]),
+        _: 1
+        /* 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 */
+        ))
+      ]),
+      a(e.TpfModal, {
+        visible: e.previewVisible,
+        "onUpdate:visible": o[1] || (o[1] = (i) => e.previewVisible = i),
+        title: e.previewTitle,
+        footer: null
+      }, {
+        default: d(() => [
+          r("img", {
+            style: { width: "100%" },
+            src: e.previewImage
+          }, null, 8, U)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["visible", "title"])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["rules"]));
+}
+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 {
-  r as default
+  E as default
 };

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

@@ -1,199 +1,202 @@
-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,
+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: {
-    widget: {},
-    field: {},
-    designer: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    subFormColIndex: {}
+    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
+    }
   },
-  setup(U, {
-    expose: j
+  setup(w, {
+    expose: h
   }) {
-    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,
+    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 t == "boolean" ? t : !0;
+        return typeof i == "boolean" ? i : !0;
       }
       return !0;
-    }, W = g(() => {
+    }, O = u(() => {
       var e;
-      return (((e = i.value) == null ? void 0 : e.length) || 0) < (l.options.limit || 1);
-    }), $ = async (e) => {
+      return (((e = t.value) == null ? void 0 : e.length) || 0) < (r.options.limit || 1);
+    }), M = async (e) => {
       const {
-        accept: t,
+        accept: i,
         maxSize: n,
-        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}格式的文件`);
+        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) {
-        B.error(`文件大小不能超过${n}M`);
+        I.error(`文件大小不能超过${n}M`);
         return;
       }
-      if (A(e)) {
-        f.value = !0;
+      if (y(e)) {
+        l.value = !0;
         try {
-          const r = await E.uploadFileObject({
-            businessType: s,
+          const o = await d.uploadFileObject({
+            businessType: P,
             file: e.file
           }), {
-            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
+            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
-            i.value = [{
-              ...r.data.object,
-              name: y
+            t.value = [{
+              ...o.data.object,
+              name: a
             }];
         } finally {
-          f.value = !1;
+          l.value = !1;
         }
       }
-    }, q = () => {
-      P || i.value && typeof i.value == "string" && (i.value = JSON.parse(i.value));
-    }, D = g(() => {
+    }, v = () => {
+      f || t.value && typeof t.value == "string" && (t.value = JSON.parse(t.value));
+    }, C = u(() => {
       const {
         accept: e
-      } = l.options;
+      } = r.options;
       return e != null && e.length ? e.join(",") : "*";
     }), {
-      handlePreview: H,
-      previewVisible: m,
-      previewImage: J,
-      previewTitle: G
-    } = fe(), K = ({
+      handlePreview: L,
+      previewVisible: B,
+      previewImage: R,
+      previewTitle: U
+    } = Z(), z = ({
       file: e
     }) => {
-      const t = {
+      const i = {
         fileName: e.name,
         fileType: e.name.slice(e.name.lastIndexOf("."))
       };
-      return u(ce, {
-        file: t
+      return H(Y, {
+        file: i
       }, null);
-    }, Q = (e) => {
-      const t = i.value.findIndex((n) => n.uid === e.uid);
-      i.value.splice(t, 1);
-    }, T = g(() => {
+    }, A = (e) => {
+      const i = t.value.findIndex((n) => n.uid === e.uid);
+      t.value.splice(i, 1);
+    }, E = u(() => {
       const {
         accept: e,
-        maxSize: t
-      } = l.options, n = (e || []).join(",");
-      return [n.length ? x("支持扩展名") + `${n}` : "", t ? x("支持文件大小") + `${t}M` : ""].filter(Boolean);
+        maxSize: i
+      } = r.options, n = (e || []).join(",");
+      return [n.length ? s("支持扩展名") + `${n}` : "", i ? s("支持文件大小") + `${i}M` : ""].filter(Boolean);
     });
-    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"]));
+    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 {
-  Le as default
+  fe as default
 };