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

package/src/components/form-designer/setting-panel/property-editor/type-editor.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as _, mergeModels as f, useModel as c, resolveComponent as o, createBlock as y, createCommentVNode as v, openBlock as M, unref as g, withCtx as t, createVNode as n, createTextVNode as d } from "vue";
-import { useI18n as x } from "../../../../utils/i18n.js";
-import { EditorTypeEnum as C } from "../../../../constants/EditorTypeEnum.js";
-const E = /* @__PURE__ */ _({
-  name: C.typeEditor,
+import { defineComponent as i, mergeModels as n, useModel as d } from "vue";
+import { useI18n as s } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as u } from "../../../../constants/EditorTypeEnum.js";
+const c = /* @__PURE__ */ i({
+  name: u.typeEditor,
   __name: "type-editor",
-  props: /* @__PURE__ */ f({
-    selectedWidget: {}
+  props: /* @__PURE__ */ n({
+    selectedWidget: { type: Object, required: !0 }
   }, {
     optionModel: {
       type: Object,
@@ -15,43 +15,12 @@ const E = /* @__PURE__ */ _({
     optionModelModifiers: {}
   }),
   emits: ["update:optionModel"],
-  setup(r) {
-    const p = c(r, "optionModel"), { i18nt: a } = x();
-    return (i, e) => {
-      const l = o("a-select-option"), s = o("a-select"), u = o("a-form-item");
-      return i.selectedWidget.type === "input" ? (M(), y(u, {
-        key: 0,
-        label: g(a)("designer.setting.displayType")
-      }, {
-        default: t(() => [
-          n(s, {
-            value: p.value.type,
-            "onUpdate:value": e[0] || (e[0] = (m) => p.value.type = m)
-          }, {
-            default: t(() => [
-              n(l, { value: "text" }, {
-                default: t(() => e[1] || (e[1] = [
-                  d("text")
-                ])),
-                _: 1,
-                __: [1]
-              }),
-              n(l, { value: "password" }, {
-                default: t(() => e[2] || (e[2] = [
-                  d(" password ")
-                ])),
-                _: 1,
-                __: [2]
-              })
-            ]),
-            _: 1
-          }, 8, ["value"])
-        ]),
-        _: 1
-      }, 8, ["label"])) : v("", !0);
-    };
+  setup(t, { expose: o }) {
+    o();
+    const r = d(t, "optionModel"), { i18nt: p } = s(), e = { optionModel: r, i18nt: p };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  E as default
+  c as default
 };

package/src/components/form-designer/setting-panel/property-editor/uploadListType-editor.vue.js

@@ -1,4 +1,24 @@
-import f from "./uploadListType-editor.vue2.js";
+import i from "./uploadListType-editor.vue2.js";
+import { resolveComponent as t, createBlock as l, openBlock as a, withCtx as s, createVNode as d } from "vue";
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function m(_, e, f, o, u, g) {
+  const n = t("a-select"), p = t("a-form-item");
+  return a(), l(p, {
+    label: o.i18nt("designer.setting.uploadListType")
+  }, {
+    default: s(() => [
+      d(n, {
+        value: o.optionModel.uploadListType,
+        "onUpdate:value": e[0] || (e[0] = (r) => o.optionModel.uploadListType = r),
+        placeholder: "请选择",
+        options: o.options
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["label"]);
+}
+const T = /* @__PURE__ */ c(i, [["render", m], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/uploadListType-editor.vue"]]);
 export {
-  f as default
+  T as default
 };

package/src/components/form-designer/setting-panel/property-editor/uploadListType-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as u, useModel as d, ref as s, resolveComponent as t, createBlock as c, openBlock as m, unref as f, withCtx as _, createVNode as v } from "vue";
-import { useI18n as y } from "../../../../utils/i18n.js";
-import { EditorTypeEnum as M } from "../../../../constants/EditorTypeEnum.js";
-const C = /* @__PURE__ */ u({
-  name: M.uploadListTypeEditor,
+import { defineComponent as u, useModel as n, ref as l } from "vue";
+import { useI18n as d } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as a } from "../../../../constants/EditorTypeEnum.js";
+const f = /* @__PURE__ */ u({
+  name: a.uploadListTypeEditor,
   __name: "uploadListType-editor",
   props: {
     optionModel: {
@@ -13,30 +13,16 @@ const C = /* @__PURE__ */ u({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(l) {
-    const e = d(l, "optionModel"), { i18nt: p } = y(), a = s([
+  setup(t, { expose: o }) {
+    o();
+    const p = n(t, "optionModel"), { i18nt: r } = d(), i = l([
       { label: "text", value: "text" },
       { label: "picture", value: "picture" },
       { label: "picture-card", value: "picture-card" }
-    ]);
-    return (T, o) => {
-      const n = t("a-select"), i = t("a-form-item");
-      return m(), c(i, {
-        label: f(p)("designer.setting.uploadListType")
-      }, {
-        default: _(() => [
-          v(n, {
-            value: e.value.uploadListType,
-            "onUpdate:value": o[0] || (o[0] = (r) => e.value.uploadListType = r),
-            placeholder: "请选择",
-            options: a.value
-          }, null, 8, ["value", "options"])
-        ]),
-        _: 1
-      }, 8, ["label"]);
-    };
+    ]), e = { optionModel: p, i18nt: r, options: i };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  C as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/useModel-editor.vue.js

@@ -1,4 +1,22 @@
-import f from "./useModel-editor.vue2.js";
+import d from "./useModel-editor.vue2.js";
+import { resolveComponent as t, createBlock as s, openBlock as i, withCtx as l, createVNode as a } from "vue";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function m(_, o, f, e, u, g) {
+  const n = t("a-switch"), r = t("a-form-item");
+  return i(), s(r, {
+    label: e.i18nt("designer.setting.useModal")
+  }, {
+    default: l(() => [
+      a(n, {
+        checked: e.optionModel.useModal,
+        "onUpdate:checked": o[0] || (o[0] = (c) => e.optionModel.useModal = c)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["label"]);
+}
+const v = /* @__PURE__ */ p(d, [["render", m], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/useModel-editor.vue"]]);
 export {
-  f as default
+  v as default
 };

package/src/components/form-designer/setting-panel/property-editor/useModel-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as s, useModel as a, resolveComponent as t, createBlock as u, openBlock as p, unref as c, withCtx as m, createVNode as f } from "vue";
-import { useI18n as M } from "../../../../utils/i18n.js";
-import { EditorTypeEnum as _ } from "../../../../constants/EditorTypeEnum.js";
-const w = /* @__PURE__ */ s({
-  name: _.useModalEditor,
+import { defineComponent as i, useModel as d } from "vue";
+import { useI18n as p } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as s } from "../../../../constants/EditorTypeEnum.js";
+const m = /* @__PURE__ */ i({
+  name: s.useModalEditor,
   __name: "useModel-editor",
   props: {
     optionModel: {
@@ -13,24 +13,12 @@ const w = /* @__PURE__ */ s({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(n) {
-    const e = a(n, "optionModel"), { i18nt: d } = M();
-    return (h, o) => {
-      const l = t("a-switch"), r = t("a-form-item");
-      return p(), u(r, {
-        label: c(d)("designer.setting.useModal")
-      }, {
-        default: m(() => [
-          f(l, {
-            checked: e.value.useModal,
-            "onUpdate:checked": o[0] || (o[0] = (i) => e.value.useModal = i)
-          }, null, 8, ["checked"])
-        ]),
-        _: 1
-      }, 8, ["label"]);
-    };
+  setup(o, { expose: t }) {
+    t();
+    const r = d(o, "optionModel"), { i18nt: n } = p(), e = { optionModel: r, i18nt: n };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  w as default
+  m as default
 };

package/src/components/form-designer/setting-panel/property-editor/validation-editor.vue.js

@@ -1,4 +1,31 @@
-import f from "./validation-editor.vue2.js";
+import l from "./validation-editor.vue2.js";
+import { resolveComponent as t, createBlock as d, openBlock as p, withCtx as n, createVNode as s, createElementVNode as m, toDisplayString as c } from "vue";
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function f(v, e, u, o, g, x) {
+  const i = t("a-select"), a = t("a-form-item");
+  return p(), d(a, null, {
+    label: n(() => [
+      m(
+        "span",
+        null,
+        c(o.i18nt("designer.setting.validation")),
+        1
+        /* TEXT */
+      )
+    ]),
+    default: n(() => [
+      s(i, {
+        value: o.optionModel.validation,
+        "onUpdate:value": e[0] || (e[0] = (r) => o.optionModel.validation = r),
+        allowClear: "",
+        options: o.fieldValidators
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+const V = /* @__PURE__ */ _(l, [["render", f], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/validation-editor.vue"]]);
 export {
-  f as default
+  V as default
 };

package/src/components/form-designer/setting-panel/property-editor/validation-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as u, useModel as m, ref as p, resolveComponent as o, createBlock as v, openBlock as c, withCtx as n, createVNode as b, createElementVNode as f, toDisplayString as h, unref as _ } from "vue";
-import { useI18n as g } from "../../../../utils/i18n.js";
-import { EditorTypeEnum as V } from "../../../../constants/EditorTypeEnum.js";
-const x = /* @__PURE__ */ u({
-  name: V.validationEditor,
+import { defineComponent as a, useModel as r, ref as d } from "vue";
+import { useI18n as s } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as u } from "../../../../constants/EditorTypeEnum.js";
+const h = /* @__PURE__ */ a({
+  name: u.validationEditor,
   __name: "validation-editor",
   props: {
     optionModel: {
@@ -13,8 +13,9 @@ const x = /* @__PURE__ */ u({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(a) {
-    const l = m(a, "optionModel"), { i18nt: e } = g(), i = p([
+  setup(i, { expose: l }) {
+    l();
+    const o = r(i, "optionModel"), { i18nt: e } = s(), n = d([
       { value: "number", label: e("designer.hint.numberValidator") },
       { value: "letter", label: e("designer.hint.letterValidator") },
       {
@@ -29,26 +30,10 @@ const x = /* @__PURE__ */ u({
       { value: "url", label: e("designer.hint.urlValidator") },
       { value: "noChinese", label: e("designer.hint.noChineseValidator") },
       { value: "chinese", label: e("designer.hint.chineseValidator") }
-    ]);
-    return (M, t) => {
-      const r = o("a-select"), d = o("a-form-item");
-      return c(), v(d, null, {
-        label: n(() => [
-          f("span", null, h(_(e)("designer.setting.validation")), 1)
-        ]),
-        default: n(() => [
-          b(r, {
-            value: l.value.validation,
-            "onUpdate:value": t[0] || (t[0] = (s) => l.value.validation = s),
-            allowClear: "",
-            options: i.value
-          }, null, 8, ["value", "options"])
-        ]),
-        _: 1
-      });
-    };
+    ]), t = { optionModel: o, i18nt: e, fieldValidators: n };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
   }
 });
 export {
-  x as default
+  h as default
 };

package/src/components/form-designer/setting-panel/property-editor/validationHint-editor.vue.js

@@ -1,4 +1,25 @@
-import f from "./validationHint-editor.vue2.js";
+import r from "./validationHint-editor.vue2.js";
+import { resolveComponent as t, createBlock as l, openBlock as p, withCtx as d, createVNode as m } from "vue";
+import s from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function _(c, e, f, o, v, u) {
+  const n = t("a-input"), i = t("a-form-item");
+  return p(), l(i, {
+    size: "small",
+    label: o.i18nt("designer.setting.validationHint")
+  }, {
+    default: d(() => [
+      m(n, {
+        size: "small",
+        value: o.optionModel.validationHint,
+        "onUpdate:value": e[0] || (e[0] = (a) => o.optionModel.validationHint = a),
+        allowClear: ""
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["label"]);
+}
+const b = /* @__PURE__ */ s(r, [["render", _], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/validationHint-editor.vue"]]);
 export {
-  f as default
+  b as default
 };

package/src/components/form-designer/setting-panel/property-editor/validationHint-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, useModel as p, resolveComponent as o, createBlock as m, openBlock as u, unref as s, withCtx as c, createVNode as f } from "vue";
-import { useI18n as v } from "../../../../utils/i18n.js";
-import { EditorTypeEnum as _ } from "../../../../constants/EditorTypeEnum.js";
-const x = /* @__PURE__ */ d({
-  name: _.validationHintEditor,
+import { defineComponent as r, useModel as d } from "vue";
+import { useI18n as p } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as a } from "../../../../constants/EditorTypeEnum.js";
+const m = /* @__PURE__ */ r({
+  name: a.validationHintEditor,
   __name: "validationHint-editor",
   props: {
     optionModel: {
@@ -13,27 +13,12 @@ const x = /* @__PURE__ */ d({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(n) {
-    const e = p(n, "optionModel"), { i18nt: i } = v();
-    return (M, t) => {
-      const a = o("a-input"), l = o("a-form-item");
-      return u(), m(l, {
-        size: "small",
-        label: s(i)("designer.setting.validationHint")
-      }, {
-        default: c(() => [
-          f(a, {
-            size: "small",
-            value: e.value.validationHint,
-            "onUpdate:value": t[0] || (t[0] = (r) => e.value.validationHint = r),
-            allowClear: ""
-          }, null, 8, ["value"])
-        ]),
-        _: 1
-      }, 8, ["label"]);
-    };
+  setup(o, { expose: t }) {
+    t();
+    const i = d(o, "optionModel"), { i18nt: n } = p(), e = { optionModel: i, i18nt: n };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  x as default
+  m as default
 };

package/src/components/form-designer/toolbar-panel/PreviewDialog.vue.js

@@ -1,124 +1,108 @@
-import { defineComponent as L, mergeModels as M, defineAsyncComponent as T, provide as V, ref as B, useModel as E, computed as N, watchEffect as P, nextTick as J, resolveComponent as S, createBlock as A, openBlock as H, unref as s, withCtx as i, createElementVNode as g, createVNode as a, createTextVNode as n, toDisplayString as u } from "vue";
-import { useI18n as I } from "../../../utils/i18n.js";
-import { getLocat as c } from "@kp-ui/tool";
-import { useLowcode as U } from "../../../hooks/useLowcode.js";
-import { TpfModal as W } from "tmgc2-share";
-import { fmtHttpParams as j } from "../../../utils/request/fmtHttpParams.js";
-import { cloneDeep as C } from "lodash-es";
-import { useDesigner as q } from "../form-widget/useFormDesigner.js";
-const z = { class: "form-render-wrapper" }, te = /* @__PURE__ */ L({
-  __name: "PreviewDialog",
-  props: /* @__PURE__ */ M({
-    layoutType: {}
+import d from "./PreviewDialog.vue2.js";
+import { resolveComponent as m, createBlock as f, openBlock as c, withCtx as o, createElementVNode as a, createVNode as t, createCommentVNode as g, createTextVNode as n, toDisplayString as l } from "vue";
+import p from "../../../../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "form-render-wrapper" };
+function _(b, r, C, e, k, y) {
+  const i = m("a-button");
+  return c(), f(e.TpfModal, {
+    title: e.i18nt("designer.toolbar.preview"),
+    visible: e.visible,
+    "onUpdate:visible": r[0] || (r[0] = (s) => e.visible = s),
+    "show-close": !0,
+    "close-on-click-modal": !1,
+    "close-on-press-escape": !1,
+    center: "",
+    class: "drag-dialog",
+    fullscreen: !0
   }, {
-    visible: { default: !1 },
-    visibleModifiers: {}
-  }),
-  emits: ["update:visible"],
-  setup(b) {
-    const y = T(() => import("../../FormRender/index.vue2.js"));
-    V("designState", !1);
-    const { formConfig: _, designer: d } = q(), w = B({ type: "add", ...c() }), { i18nt: l } = I(), f = E(b, "visible"), F = () => {
-      var e;
-      (e = t.value) == null || e.resetForm();
-    }, k = () => {
-      var e;
-      (e = t.value) == null || e.disableForm();
-    }, D = () => {
-      var e;
-      (e = t.value) == null || e.enableForm();
-    }, { vfdRef: t, goBack: G } = U({
-      formCode: c().formCode
-    }), x = async () => {
-      var m, p, v;
-      const { id: e } = c(), o = await j(_.value.serveList.vformDetail, { _id: e }), r = [{ date: "2024-10-28" }, { date: "2024-10-29" }, { date: "2024-10-20" }];
-      (m = t.value) == null || m.getWidgetRef("leaveDates").setValue(r), (p = t.value) == null || p.setFormData({
-        ...o
-      }), (v = t.value) == null || v.setReadMode(!0);
-    }, h = () => {
-      f.value = !1;
-    }, R = N(() => ({
-      widgetList: C(d.value.widgetList),
-      formConfig: C(d.value.formConfig)
-    }));
-    return P(async () => {
-      f.value === !0 && (await J(), d.value.formConfig, d.value.widgetList, setTimeout(() => {
-        var e;
-        (e = t.value) == null || e.setFormJson(R.value);
-      }, 1e3));
-    }), (e, o) => {
-      const r = S("a-button");
-      return H(), A(s(W), {
-        title: s(l)("designer.toolbar.preview"),
-        visible: f.value,
-        "onUpdate:visible": o[0] || (o[0] = (m) => f.value = m),
-        "show-close": !0,
-        "close-on-click-modal": !1,
-        "close-on-press-escape": !1,
-        center: "",
-        class: "drag-dialog",
-        fullscreen: !0
+    footerRight: o(() => [
+      r[2] || (r[2] = a(
+        "span",
+        {
+          id: "footerRight",
+          style: { "margin-right": "8px" }
+        },
+        null,
+        -1
+        /* CACHED */
+      )),
+      t(i, { onClick: e.showData }, {
+        default: o(() => r[1] || (r[1] = [
+          n("数据回显")
+        ])),
+        _: 1,
+        __: [1]
+      }),
+      g(` <a-button type="primary" @click="getFormData">
+                {{ i18nt('designer.hint.getFormData') }}
+            </a-button> `),
+      t(i, {
+        type: "primary",
+        onClick: e.resetForm
       }, {
-        footerRight: i(() => [
-          o[2] || (o[2] = g("span", {
-            id: "footerRight",
-            style: { "margin-right": "8px" }
-          }, null, -1)),
-          a(r, { onClick: x }, {
-            default: i(() => o[1] || (o[1] = [
-              n("数据回显")
-            ])),
-            _: 1,
-            __: [1]
-          }),
-          a(r, {
-            type: "primary",
-            onClick: F
-          }, {
-            default: i(() => [
-              n(u(s(l)("designer.hint.resetForm")), 1)
-            ]),
-            _: 1
-          }),
-          a(r, {
-            type: "primary",
-            onClick: k
-          }, {
-            default: i(() => [
-              n(u(s(l)("designer.hint.disableForm")), 1)
-            ]),
-            _: 1
-          }),
-          a(r, {
-            type: "primary",
-            onClick: D
-          }, {
-            default: i(() => [
-              n(u(s(l)("designer.hint.enableForm")), 1)
-            ]),
-            _: 1
-          }),
-          a(r, { onClick: h }, {
-            default: i(() => [
-              n(u(s(l)("designer.hint.closePreview")), 1)
-            ]),
-            _: 1
-          })
+        default: o(() => [
+          n(
+            l(e.i18nt("designer.hint.resetForm")),
+            1
+            /* TEXT */
+          )
         ]),
-        default: i(() => [
-          g("div", z, [
-            a(s(y), {
-              vfCtx: w.value,
-              ref_key: "vfdRef",
-              ref: t
-            }, null, 8, ["vfCtx"])
-          ])
+        _: 1
+        /* STABLE */
+      }),
+      t(i, {
+        type: "primary",
+        onClick: e.setFormDisabled
+      }, {
+        default: o(() => [
+          n(
+            l(e.i18nt("designer.hint.disableForm")),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      t(i, {
+        type: "primary",
+        onClick: e.setFormEnabled
+      }, {
+        default: o(() => [
+          n(
+            l(e.i18nt("designer.hint.enableForm")),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      t(i, { onClick: e.handleCloseDialog }, {
+        default: o(() => [
+          n(
+            l(e.i18nt("designer.hint.closePreview")),
+            1
+            /* TEXT */
+          )
         ]),
         _: 1
-      }, 8, ["title", "visible"]);
-    };
-  }
-});
+        /* STABLE */
+      })
+    ]),
+    default: o(() => [
+      a("div", v, [
+        t(e.VFormRender, {
+          vfCtx: e.vfCtx,
+          ref: "vfdRef"
+        }, null, 8, ["vfCtx"])
+      ])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["title", "visible"]);
+}
+const F = /* @__PURE__ */ p(d, [["render", _], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/toolbar-panel/PreviewDialog.vue"]]);
 export {
-  te as default
+  F as default
 };