@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

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

@@ -0,0 +1,26 @@
+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__ */ n({
+    selectedWidget: { type: Object, required: !0 }
+  }, {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ type: "" })
+    },
+    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;
+  }
+});
+export {
+  c as default
+};

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

@@ -1,41 +1,24 @@
-import r from "../../../../utils/i18n.js";
-import { resolveComponent as o, createBlock as s, openBlock as c, withCtx as d, createVNode as u } from "vue";
-import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = {
-  name: "uploadListType-editor",
-  mixins: [r],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  },
-  data() {
-    return {
-      options: [
-        { label: "text", value: "text" },
-        { label: "picture", value: "picture" },
-        { label: "picture-card", value: "picture-card" }
-      ]
-    };
-  }
-};
-function f(l, e, t, b, i, v) {
-  const n = o("a-select"), p = o("a-form-item");
-  return c(), s(p, {
-    label: l.i18nt("designer.setting.uploadListType")
+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: d(() => [
-      u(n, {
-        value: t.optionModel.uploadListType,
-        "onUpdate:value": e[0] || (e[0] = (a) => t.optionModel.uploadListType = a),
+    default: s(() => [
+      d(n, {
+        value: o.optionModel.uploadListType,
+        "onUpdate:value": e[0] || (e[0] = (r) => o.optionModel.uploadListType = r),
         placeholder: "请选择",
-        options: i.options
+        options: o.options
       }, null, 8, ["value", "options"])
     ]),
     _: 1
+    /* STABLE */
   }, 8, ["label"]);
 }
-const T = /* @__PURE__ */ m(_, [["render", f]]);
+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 {
   T as default
 };

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

@@ -0,0 +1,28 @@
+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: {
+      type: Object,
+      required: !0,
+      default: () => ({ uploadListType: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  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" }
+    ]), e = { optionModel: p, i18nt: r, options: i };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+export {
+  f as default
+};

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

@@ -0,0 +1,38 @@
+import { ref as c, inject as i } from "vue";
+import { useDesigner as g } from "../../form-widget/useFormDesigner.js";
+function b(r) {
+  const { optionModel: l = c({}) } = r || {}, { designer: t } = g(), f = i("serverFieldList", () => []), s = i("getdesignerConfig", () => ({}));
+  return {
+    designer: t,
+    serverFieldList: f,
+    getDesignerConfig: s,
+    hasConfig: function(e) {
+      var u, a, o;
+      return !t.value || !((u = t.value) != null && u.selectedWidget) ? !1 : (o = t.value) == null ? void 0 : o.hasConfig((a = t.value) == null ? void 0 : a.selectedWidget, e);
+    },
+    emitDefaultValueChange: () => {
+      var e, u, a, o;
+      if (t.value && (e = t.value) != null && e.formWidget) {
+        const n = (o = t.value) == null ? void 0 : o.formWidget.getWidgetRef(
+          (a = (u = t.value) == null ? void 0 : u.selectedWidget) == null ? void 0 : a.options.name
+        );
+        n && (n != null && n.refreshDefaultValue) && (n == null || n.refreshDefaultValue());
+      }
+    },
+    inputNumberHandler: function(e) {
+      e = e.replace(/[^0-9]/gi, "");
+    },
+    onRemoteChange: function(e) {
+      e && (l.value.filterable = !0);
+    },
+    onAllowCreateChange: function(e) {
+      e && (l.value.filterable = !0);
+    },
+    onMultipleSelected: function(e) {
+      e ? l.value.defaultValue = [] : l.value.defaultValue && l.value.defaultValue.length > 0 ? l.value.defaultValue = l.value.defaultValue[0] : l.value.defaultValue = "";
+    }
+  };
+}
+export {
+  b as useEditor
+};

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,39 +1,24 @@
-import { defineComponent as a, mergeModels as c, useModel as r, resolveComponent as t, createBlock as p, openBlock as u, unref as m, withCtx as M, createVNode as f } from "vue";
-import { useI18n as _ } from "../../../../utils/i18n.js";
-const k = /* @__PURE__ */ a({
-  name: "useModal-editor",
+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: /* @__PURE__ */ c({
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  }, {
+  props: {
     optionModel: {
-      default: () => ({
-        useModal: !1
-      })
+      type: Object,
+      required: !0,
+      default: () => ({ useModal: !1 })
     },
     optionModelModifiers: {}
-  }),
+  },
   emits: ["update:optionModel"],
-  setup(n) {
-    const { i18nt: d } = _(), e = r(n, "optionModel");
-    return (b, o) => {
-      const l = t("a-switch"), s = t("a-form-item");
-      return u(), p(s, {
-        label: m(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 {
-  k as default
+  m as default
 };

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

@@ -1,53 +1,31 @@
-import s from "../../../../utils/i18n.js";
-import { resolveComponent as i, createBlock as u, openBlock as m, withCtx as n, createVNode as h, createElementVNode as c, toDisplayString as p } from "vue";
-import b from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const v = {
-  name: "validation-editor",
-  mixins: [s],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  },
-  data() {
-    return {
-      fieldValidators: [
-        { value: "number", label: this.i18nt("designer.hint.numberValidator") },
-        { value: "letter", label: this.i18nt("designer.hint.letterValidator") },
-        {
-          value: "letterAndNumber",
-          label: this.i18nt("designer.hint.letterAndNumberValidator")
-        },
-        {
-          value: "mobilePhone",
-          label: this.i18nt("designer.hint.mobilePhoneValidator")
-        },
-        { value: "email", label: this.i18nt("designer.hint.emailValidator") },
-        { value: "url", label: this.i18nt("designer.hint.urlValidator") },
-        { value: "noChinese", label: this.i18nt("designer.hint.noChineseValidator") },
-        { value: "chinese", label: this.i18nt("designer.hint.chineseValidator") }
-      ]
-    };
-  }
-};
-function f(l, e, t, g, a, _) {
-  const o = i("a-select"), r = i("a-form-item");
-  return m(), u(r, null, {
+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(() => [
-      c("span", null, p(l.i18nt("designer.setting.validation")), 1)
+      m(
+        "span",
+        null,
+        c(o.i18nt("designer.setting.validation")),
+        1
+        /* TEXT */
+      )
     ]),
     default: n(() => [
-      h(o, {
-        value: t.optionModel.validation,
-        "onUpdate:value": e[0] || (e[0] = (d) => t.optionModel.validation = d),
+      s(i, {
+        value: o.optionModel.validation,
+        "onUpdate:value": e[0] || (e[0] = (r) => o.optionModel.validation = r),
         allowClear: "",
-        options: a.fieldValidators
+        options: o.fieldValidators
       }, null, 8, ["value", "options"])
     ]),
     _: 1
+    /* STABLE */
   });
 }
-const N = /* @__PURE__ */ b(v, [["render", f]]);
+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 {
-  N as default
+  V as default
 };

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

@@ -0,0 +1,39 @@
+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: {
+      type: Object,
+      required: !0,
+      default: () => ({ validation: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  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") },
+      {
+        value: "letterAndNumber",
+        label: e("designer.hint.letterAndNumberValidator")
+      },
+      {
+        value: "mobilePhone",
+        label: e("designer.hint.mobilePhoneValidator")
+      },
+      { value: "email", label: e("designer.hint.emailValidator") },
+      { 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;
+  }
+});
+export {
+  h as default
+};

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

@@ -1,33 +1,25 @@
-import r from "../../../../utils/i18n.js";
-import { resolveComponent as o, createBlock as d, openBlock as s, withCtx as m, createVNode as p } from "vue";
-import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = {
-  name: "validationHint-editor",
-  mixins: [r],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  }
-};
-function f(n, t, e, u, v, b) {
-  const i = o("a-input"), a = o("a-form-item");
-  return s(), d(a, {
+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: n.i18nt("designer.setting.validationHint")
+    label: o.i18nt("designer.setting.validationHint")
   }, {
-    default: m(() => [
-      p(i, {
+    default: d(() => [
+      m(n, {
         size: "small",
-        value: e.optionModel.validationHint,
-        "onUpdate:value": t[0] || (t[0] = (l) => e.optionModel.validationHint = l),
+        value: o.optionModel.validationHint,
+        "onUpdate:value": e[0] || (e[0] = (a) => o.optionModel.validationHint = a),
         allowClear: ""
       }, null, 8, ["value"])
     ]),
     _: 1
+    /* STABLE */
   }, 8, ["label"]);
 }
-const j = /* @__PURE__ */ c(_, [["render", f]]);
+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 {
-  j as default
+  b as default
 };

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

@@ -0,0 +1,24 @@
+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: {
+      type: Object,
+      required: !0,
+      default: () => ({ validationHint: "" })
+    },
+    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;
+  }
+});
+export {
+  m as default
+};

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

@@ -0,0 +1,108 @@
+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
+  }, {
+    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
+      }, {
+        default: o(() => [
+          n(
+            l(e.i18nt("designer.hint.resetForm")),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 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
+        /* 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 {
+  F as default
+};

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

@@ -0,0 +1,65 @@
+import { defineComponent as k, mergeModels as x, defineAsyncComponent as S, provide as V, ref as B, useModel as O, computed as P, watchEffect as A, nextTick as E } from "vue";
+import { useI18n as J } from "../../../utils/i18n.js";
+import { getLocat as r } from "@kp-ui/tool";
+import { useLowcode as j } from "../../../hooks/useLowcode.js";
+import { TpfModal as q } from "tmgc2-share";
+import { fmtHttpParams as H } from "../../../utils/request/fmtHttpParams.js";
+import { cloneDeep as p } from "lodash-es";
+import { useDesigner as I } from "../form-widget/useFormDesigner.js";
+const Y = /* @__PURE__ */ k({
+  __name: "PreviewDialog",
+  props: /* @__PURE__ */ x({
+    layoutType: { type: String, required: !0 }
+  }, {
+    visible: { default: !1 },
+    visibleModifiers: {}
+  }),
+  emits: ["update:visible"],
+  setup(n, { expose: v }) {
+    v();
+    const g = S(() => import("../../FormRender/index.vue.js")), C = n;
+    V("designState", !1);
+    const { formConfig: i, designer: o } = I(), b = B({ type: "add", ...r() }), { i18nt: w } = J(), a = O(n, "visible"), D = () => {
+      var e;
+      (e = t.value) == null || e.resetForm();
+    }, F = () => {
+      var e;
+      (e = t.value) == null || e.disableForm();
+    }, _ = () => {
+      var e;
+      (e = t.value) == null || e.enableForm();
+    }, y = (e, d, f, s) => {
+      console.log("formModel", s);
+    }, M = (e) => {
+      console.log("test", e);
+    }, L = (e) => {
+      console.log("test", e);
+    }, { vfdRef: t, goBack: h } = j({
+      formCode: r().formCode
+    }), R = async () => {
+      var s, u, c;
+      const { id: e } = r(), d = await H(i.value.serveList.vformDetail, { _id: e }), f = [{ date: "2024-10-28" }, { date: "2024-10-29" }, { date: "2024-10-20" }];
+      (s = t.value) == null || s.getWidgetRef("leaveDates").setValue(f), (u = t.value) == null || u.setFormData({
+        ...d
+      }), (c = t.value) == null || c.setReadMode(!0);
+    }, T = () => {
+      a.value = !1;
+    }, l = P(() => ({
+      widgetList: p(o.value.widgetList),
+      formConfig: p(o.value.formConfig)
+    }));
+    A(async () => {
+      a.value === !0 && (await E(), o.value.formConfig, o.value.widgetList, setTimeout(() => {
+        var e;
+        (e = t.value) == null || e.setFormJson(l.value);
+      }, 1e3));
+    });
+    const m = { VFormRender: g, props: C, formConfig: i, designer: o, vfCtx: b, i18nt: w, visible: a, resetForm: D, setFormDisabled: F, setFormEnabled: _, handleFormChange: y, testOnAppendButtonClick: M, testOnButtonClick: L, vfdRef: t, goBack: h, showData: R, handleCloseDialog: T, formJson: l, get TpfModal() {
+      return q;
+    } };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+  }
+});
+export {
+  Y as default
+};