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

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

@@ -1,11 +1,11 @@
-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,
+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,
   __name: "type-editor",
-  props: /* @__PURE__ */ n({
-    selectedWidget: { type: Object, required: !0 }
+  props: /* @__PURE__ */ f({
+    selectedWidget: {}
   }, {
     optionModel: {
       type: Object,
@@ -15,12 +15,43 @@ const c = /* @__PURE__ */ i({
     optionModelModifiers: {}
   }),
   emits: ["update:optionModel"],
-  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;
+  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);
+    };
   }
 });
 export {
-  c as default
+  E as default
 };

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

@@ -1,24 +1,4 @@
-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"]]);
+import f from "./uploadListType-editor.vue2.js";
 export {
-  T as default
+  f 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 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,
+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,
   __name: "uploadListType-editor",
   props: {
     optionModel: {
@@ -13,16 +13,30 @@ const f = /* @__PURE__ */ u({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(t, { expose: o }) {
-    o();
-    const p = n(t, "optionModel"), { i18nt: r } = d(), i = l([
+  setup(l) {
+    const e = d(l, "optionModel"), { i18nt: p } = y(), a = s([
       { label: "text", value: "text" },
       { label: "picture", value: "picture" },
       { label: "picture-card", value: "picture-card" }
-    ]), e = { optionModel: p, i18nt: r, options: i };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+    ]);
+    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"]);
+    };
   }
 });
 export {
-  f as default
+  C as default
 };

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

@@ -1,22 +1,4 @@
-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"]]);
+import f from "./useModel-editor.vue2.js";
 export {
-  v as default
+  f as default
 };

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

@@ -1,8 +1,8 @@
-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,
+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,
   __name: "useModel-editor",
   props: {
     optionModel: {
@@ -13,12 +13,24 @@ const m = /* @__PURE__ */ i({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  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;
+  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"]);
+    };
   }
 });
 export {
-  m as default
+  w as default
 };

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

@@ -1,31 +1,4 @@
-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"]]);
+import f from "./validation-editor.vue2.js";
 export {
-  V as default
+  f as default
 };

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

@@ -1,8 +1,8 @@
-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,
+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,
   __name: "validation-editor",
   props: {
     optionModel: {
@@ -13,9 +13,8 @@ const h = /* @__PURE__ */ a({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(i, { expose: l }) {
-    l();
-    const o = r(i, "optionModel"), { i18nt: e } = s(), n = d([
+  setup(a) {
+    const l = m(a, "optionModel"), { i18nt: e } = g(), i = p([
       { value: "number", label: e("designer.hint.numberValidator") },
       { value: "letter", label: e("designer.hint.letterValidator") },
       {
@@ -30,10 +29,26 @@ const h = /* @__PURE__ */ a({
       { value: "url", label: e("designer.hint.urlValidator") },
       { value: "noChinese", label: e("designer.hint.noChineseValidator") },
       { value: "chinese", label: e("designer.hint.chineseValidator") }
-    ]), t = { optionModel: o, i18nt: e, fieldValidators: n };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+    ]);
+    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
+      });
+    };
   }
 });
 export {
-  h as default
+  x as default
 };

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

@@ -1,25 +1,4 @@
-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"]]);
+import f from "./validationHint-editor.vue2.js";
 export {
-  b as default
+  f as default
 };

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

@@ -1,8 +1,8 @@
-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,
+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,
   __name: "validationHint-editor",
   props: {
     optionModel: {
@@ -13,12 +13,27 @@ const m = /* @__PURE__ */ r({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  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;
+  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"]);
+    };
   }
 });
 export {
-  m as default
+  x as default
 };

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

@@ -1,108 +1,124 @@
-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
+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: {}
   }, {
-    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
+    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
       }, {
-        default: o(() => [
-          n(
-            l(e.i18nt("designer.hint.resetForm")),
-            1
-            /* TEXT */
-          )
+        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
+          })
         ]),
-        _: 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 */
-          )
+        default: i(() => [
+          g("div", z, [
+            a(s(y), {
+              vfCtx: w.value,
+              ref_key: "vfdRef",
+              ref: t
+            }, null, 8, ["vfCtx"])
+          ])
         ]),
         _: 1
-        /* 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"]]);
+      }, 8, ["title", "visible"]);
+    };
+  }
+});
 export {
-  F as default
+  te as default
 };