@kp-ui/lowcode 2.15.0-alpha.12 → 2.15.0-alpha.14

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

@@ -1,49 +1,93 @@
-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,
+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,
   __name: "dropdown-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(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,
+  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,
         keys: ["menuItem"],
-        params: { menuItem: f }
+        params: { menuItem: p }
       });
     };
-    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;
+    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));
+    };
   }
 });
 export {
-  O as default
+  A as default
 };

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

@@ -1,97 +1,7 @@
-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";
+import o from "./file-upload-widget.vue2.js";
 /* empty css                        */
-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"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-27d105ef"]]);
 export {
-  E as default
+  r as default
 };

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
 };