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

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue.js

@@ -1,4 +1,76 @@
 import f from "./grid-col-span-editor.vue2.js";
+import { resolveComponent as p, createElementBlock as s, openBlock as l, createBlock as a, createCommentVNode as r, withCtx as d, createVNode as m } from "vue";
+import v from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+function g(u, o, y, e, _, c) {
+  const t = p("a-input-number"), i = p("a-form-item");
+  return l(), s("div", null, [
+    e.optionModel.responsive ? r("v-if", !0) : (l(), a(i, {
+      key: 0,
+      label: e.i18nt("designer.setting.colSpanTitle")
+    }, {
+      default: d(() => [
+        m(t, {
+          value: e.optionModel.span,
+          "onUpdate:value": o[0] || (o[0] = (n) => e.optionModel.span = n),
+          min: 1,
+          max: 24,
+          style: { width: "100%" }
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["label"])),
+    e.optionModel.responsive && e.formConfig.layoutType === "PC" ? (l(), a(i, {
+      key: 1,
+      label: e.i18nt("designer.setting.colSpanTitle") + "(PC)"
+    }, {
+      default: d(() => [
+        m(t, {
+          value: e.optionModel.md,
+          "onUpdate:value": o[1] || (o[1] = (n) => e.optionModel.md = n),
+          min: 1,
+          max: 24,
+          style: { width: "100%" }
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["label"])) : r("v-if", !0),
+    e.optionModel.responsive && e.formConfig.layoutType === "Pad" ? (l(), a(i, {
+      key: 2,
+      label: e.i18nt("designer.setting.colSpanTitle") + "(Pad)"
+    }, {
+      default: d(() => [
+        m(t, {
+          value: e.optionModel.sm,
+          "onUpdate:value": o[2] || (o[2] = (n) => e.optionModel.sm = n),
+          min: 1,
+          max: 24,
+          style: { width: "100%" }
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["label"])) : r("v-if", !0),
+    e.optionModel.responsive && e.formConfig.layoutType === "H5" ? (l(), a(i, {
+      key: 3,
+      label: e.i18nt("designer.setting.colSpanTitle") + "(H5)"
+    }, {
+      default: d(() => [
+        m(t, {
+          value: e.optionModel.xs,
+          "onUpdate:value": o[3] || (o[3] = (n) => e.optionModel.xs = n),
+          min: 1,
+          max: 24,
+          style: { width: "100%" }
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["label"])) : r("v-if", !0)
+  ]);
+}
+const C = /* @__PURE__ */ v(f, [["render", g], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue"]]);
 export {
-  f as default
+  C as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as g, useModel as b, computed as c, unref as o, resolveComponent as v, createElementBlock as x, openBlock as n, createBlock as r, createCommentVNode as s, withCtx as p, createVNode as d } from "vue";
-import { useI18n as _ } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as C } from "../../../../../constants/EditorTypeEnum.js";
-import { useDesigner as T } from "../../../form-widget/useFormDesigner.js";
-const P = /* @__PURE__ */ g({
-  name: C.gridColSpanEditor,
+import { defineComponent as p, useModel as d, computed as m, unref as u } from "vue";
+import { useI18n as f } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as a } from "../../../../../constants/EditorTypeEnum.js";
+import { useDesigner as l } from "../../../form-widget/useFormDesigner.js";
+const C = /* @__PURE__ */ p({
+  name: a.gridColSpanEditor,
   __name: "grid-col-span-editor",
   props: {
     optionModel: {
@@ -14,75 +14,12 @@ const P = /* @__PURE__ */ g({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(f) {
-    const { i18nt: a } = _(), { designer: y } = T(), e = b(f, "optionModel"), m = c(() => o(y).formConfig);
-    return (k, l) => {
-      const u = v("a-input-number"), i = v("a-form-item");
-      return n(), x("div", null, [
-        e.value.responsive ? s("", !0) : (n(), r(i, {
-          key: 0,
-          label: o(a)("designer.setting.colSpanTitle")
-        }, {
-          default: p(() => [
-            d(u, {
-              value: e.value.span,
-              "onUpdate:value": l[0] || (l[0] = (t) => e.value.span = t),
-              min: 1,
-              max: 24,
-              style: { width: "100%" }
-            }, null, 8, ["value"])
-          ]),
-          _: 1
-        }, 8, ["label"])),
-        e.value.responsive && m.value.layoutType === "PC" ? (n(), r(i, {
-          key: 1,
-          label: o(a)("designer.setting.colSpanTitle") + "(PC)"
-        }, {
-          default: p(() => [
-            d(u, {
-              value: e.value.md,
-              "onUpdate:value": l[1] || (l[1] = (t) => e.value.md = t),
-              min: 1,
-              max: 24,
-              style: { width: "100%" }
-            }, null, 8, ["value"])
-          ]),
-          _: 1
-        }, 8, ["label"])) : s("", !0),
-        e.value.responsive && m.value.layoutType === "Pad" ? (n(), r(i, {
-          key: 2,
-          label: o(a)("designer.setting.colSpanTitle") + "(Pad)"
-        }, {
-          default: p(() => [
-            d(u, {
-              value: e.value.sm,
-              "onUpdate:value": l[2] || (l[2] = (t) => e.value.sm = t),
-              min: 1,
-              max: 24,
-              style: { width: "100%" }
-            }, null, 8, ["value"])
-          ]),
-          _: 1
-        }, 8, ["label"])) : s("", !0),
-        e.value.responsive && m.value.layoutType === "H5" ? (n(), r(i, {
-          key: 3,
-          label: o(a)("designer.setting.colSpanTitle") + "(H5)"
-        }, {
-          default: p(() => [
-            d(u, {
-              value: e.value.xs,
-              "onUpdate:value": l[3] || (l[3] = (t) => e.value.xs = t),
-              min: 1,
-              max: 24,
-              style: { width: "100%" }
-            }, null, 8, ["value"])
-          ]),
-          _: 1
-        }, 8, ["label"])) : s("", !0)
-      ]);
-    };
+  setup(t, { expose: r }) {
+    r();
+    const { i18nt: n } = f(), { designer: e } = l(), i = d(t, "optionModel"), s = m(() => u(e).formConfig), o = { i18nt: n, designer: e, optionModel: i, formConfig: s };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
 export {
-  P as default
+  C as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-sub-form/showBlankRow-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/container-sub-form/showBlankRow-editor.vue2.js

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

package/src/components/form-designer/setting-panel/property-editor/container-sub-form/showRowNumber-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/container-sub-form/showRowNumber-editor.vue2.js

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

package/src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue.js

@@ -1,4 +1,53 @@
-import f from "./sub-form-labelAlign-editor.vue2.js";
+import m from "./sub-form-labelAlign-editor.vue2.js";
+import { resolveComponent as t, createBlock as c, openBlock as _, withCtx as o, createVNode as n, createCommentVNode as p, createTextVNode as a, toDisplayString as l } from "vue";
+import u from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+function f(b, r, v, e, A, x) {
+  const i = t("a-radio-button"), d = t("a-radio-group"), g = t("a-form-item");
+  return _(), c(g, {
+    label: e.i18nt("designer.setting.labelAlign")
+  }, {
+    default: o(() => [
+      n(d, {
+        value: e.optionModel.labelAlign,
+        "onUpdate:value": r[0] || (r[0] = (s) => e.optionModel.labelAlign = s),
+        class: "radio-group-custom"
+      }, {
+        default: o(() => [
+          n(i, { value: "left" }, {
+            default: o(() => [
+              a(
+                l(e.i18nt("designer.setting.leftAlign")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          p(` <a-radio-button value="label-center-align">
+        {{ i18nt('designer.setting.centerAlign') }}
+      </a-radio-button> `),
+          n(i, { value: "right" }, {
+            default: o(() => [
+              a(
+                l(e.i18nt("designer.setting.rightAlign")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["value"])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["label"]);
+}
+const N = /* @__PURE__ */ u(m, [["render", f], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue"]]);
 export {
-  f as default
+  N as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as _, useModel as f, resolveComponent as t, createBlock as c, openBlock as b, unref as l, withCtx as e, createVNode as n, createTextVNode as u, toDisplayString as d } from "vue";
-import { useI18n as v } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as A } from "../../../../../constants/EditorTypeEnum.js";
-const E = /* @__PURE__ */ _({
-  name: A.subFormLabelAlignEditor,
+import { defineComponent as i, useModel as l } from "vue";
+import { useI18n as p } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as d } from "../../../../../constants/EditorTypeEnum.js";
+const a = /* @__PURE__ */ i({
+  name: d.subFormLabelAlignEditor,
   __name: "sub-form-labelAlign-editor",
   props: {
     optionModel: {
@@ -13,41 +13,12 @@ const E = /* @__PURE__ */ _({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(s) {
-    const { i18nt: o } = v(), i = f(s, "optionModel");
-    return (M, a) => {
-      const r = t("a-radio-button"), p = t("a-radio-group"), m = t("a-form-item");
-      return b(), c(m, {
-        label: l(o)("designer.setting.labelAlign")
-      }, {
-        default: e(() => [
-          n(p, {
-            value: i.value.labelAlign,
-            "onUpdate:value": a[0] || (a[0] = (g) => i.value.labelAlign = g),
-            class: "radio-group-custom"
-          }, {
-            default: e(() => [
-              n(r, { value: "left" }, {
-                default: e(() => [
-                  u(d(l(o)("designer.setting.leftAlign")), 1)
-                ]),
-                _: 1
-              }),
-              n(r, { value: "right" }, {
-                default: e(() => [
-                  u(d(l(o)("designer.setting.rightAlign")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["value"])
-        ]),
-        _: 1
-      }, 8, ["label"]);
-    };
+  setup(o, { expose: t }) {
+    t();
+    const { i18nt: r } = p(), n = l(o, "optionModel"), e = { i18nt: r, optionModel: n };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
 export {
-  E as default
+  a as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js

@@ -1,7 +1,121 @@
-import o from "./tab-customClass-editor.vue2.js";
+import f from "./tab-customClass-editor.vue2.js";
+import { resolveComponent as l, createElementBlock as C, openBlock as x, createVNode as t, withCtx as a, createElementVNode as d, mergeProps as y, createTextVNode as r, toDisplayString as c } from "vue";
 /* empty css                            */
-import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5504e8c5"]]);
+import k from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const T = { class: "col-item" };
+function w(P, n, i, e, U, M) {
+  const p = l("a-select"), s = l("a-form-item"), _ = l("a-radio"), u = l("a-input"), g = l("a-button"), v = l("a-radio-group");
+  return x(), C("div", null, [
+    t(s, {
+      label: e.i18nt("designer.setting.customClass")
+    }, {
+      default: a(() => [
+        t(p, {
+          value: e.optionModel.customClass,
+          "onUpdate:value": n[0] || (n[0] = (o) => e.optionModel.customClass = o),
+          allowClear: "",
+          mode: "tags",
+          options: e.cssClassList
+        }, null, 8, ["value", "options"])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["label"]),
+    t(s, {
+      label: e.i18nt("designer.setting.tabPaneSetting")
+    }, null, 8, ["label"]),
+    t(s, {
+      "label-width": "0",
+      class: "panes-setting"
+    }, {
+      default: a(() => [
+        t(v, {
+          value: e.optionModel.activeTab,
+          "onUpdate:value": n[1] || (n[1] = (o) => e.optionModel.activeTab = o)
+        }, {
+          default: a(() => [
+            t(e.Draggable, y({
+              tag: "ul",
+              list: i.selectedWidget.tabs,
+              "item-key": "id"
+            }, { group: "panesGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+              item: a(({ element: o, index: b }) => [
+                d("li", T, [
+                  t(_, {
+                    value: o.options.label,
+                    style: { "margin-right": "8px" }
+                  }, {
+                    default: a(() => [
+                      r(
+                        c(e.i18nt("designer.setting.paneActive")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["value"]),
+                  t(u, {
+                    type: "text",
+                    value: o.options.label,
+                    "onUpdate:value": (m) => o.options.label = m,
+                    style: { width: "120px" }
+                  }, null, 8, ["value", "onUpdate:value"]),
+                  n[3] || (n[3] = d(
+                    "i",
+                    { class: "iconfont icon-drag drag-option" },
+                    null,
+                    -1
+                    /* CACHED */
+                  )),
+                  t(g, {
+                    size: "small",
+                    type: "danger",
+                    onClick: (m) => e.deleteTabPane(i.selectedWidget, b, o),
+                    class: "col-delete-button"
+                  }, {
+                    default: a(() => [
+                      r(
+                        c(e.i18nt("designer.setting.delete")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 16, ["list"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["value"]),
+        d("div", null, [
+          t(g, {
+            type: "text",
+            onClick: n[2] || (n[2] = (o) => e.addTabPane(i.selectedWidget))
+          }, {
+            default: a(() => [
+              r(
+                c(e.i18nt("designer.setting.addTabPane")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ])
+      ]),
+      _: 1
+      /* STABLE */
+    })
+  ]);
+}
+const h = /* @__PURE__ */ k(f, [["render", w], ["__scopeId", "data-v-43f41753"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue"]]);
 export {
-  m as default
+  h as default
 };