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

package/src/components/form-designer/setting-panel/option-items-setting.vue2.js

@@ -1,226 +1,58 @@
-import { defineComponent as T, ref as $, resolveComponent as d, createElementBlock as g, openBlock as u, createBlock as b, createCommentVNode as _, createVNode as t, withCtx as n, unref as o, mergeProps as V, createElementVNode as m, createTextVNode as f, toDisplayString as h } from "vue";
-import O from "../../../lib/vuedraggable/src/vuedraggable.js";
-import { useI18n as j } from "../../../utils/i18n.js";
-import { TpfCodeEditor as H } from "tmgc2-share";
-import { DragOutlined as U, DeleteOutlined as w, ImportOutlined as J, ReloadOutlined as q } from "@ant-design/icons-vue";
-const A = { class: "option-items-pane" }, F = {
-  class: "drag-option",
-  title: "拖动排序"
-}, K = {
-  class: "drag-option",
-  title: "拖动排序"
-}, L = ["onClick"], M = {
-  key: 2,
-  class: "full-width-input"
-}, Q = {
-  key: 3,
-  class: "full-width-input"
-}, X = {
-  key: 4,
-  class: "action-buttons"
-}, Y = {
-  key: 5,
-  class: "action-buttons"
-}, oe = /* @__PURE__ */ T({
+import { defineComponent as u, ref as c } from "vue";
+import m from "../../../lib/vuedraggable/src/vuedraggable.js";
+import { useI18n as g } from "../../../utils/i18n.js";
+import { TpfCodeEditor as f } from "tmgc2-share";
+import { DeleteOutlined as O, ReloadOutlined as W, ImportOutlined as D, DragOutlined as C } from "@ant-design/icons-vue";
+import { useDesigner as _ } from "../form-widget/useFormDesigner.js";
+const J = /* @__PURE__ */ u({
   __name: "option-items-setting",
   props: {
-    designer: {},
-    selectedWidget: {}
+    selectedWidget: { type: Object, required: !0 }
   },
-  setup(D) {
-    const k = $(), i = D, { i18nt: p } = j(), c = () => {
-      var e;
-      if ((e = i.designer) != null && e.formWidget) {
-        const s = i.designer.formWidget.getWidgetRef(
-          i.selectedWidget.options.name
+  setup(p, { expose: d }) {
+    d();
+    const i = c(), e = p, { i18nt: l } = g(), { formConfig: a, designer: n } = _(), s = () => {
+      var t;
+      if ((t = n.value) != null && t.formWidget) {
+        const o = n.value.formWidget.getWidgetRef(
+          e.selectedWidget.options.name
         );
-        s != null && s.refreshDefaultValue && s.refreshDefaultValue();
+        o != null && o.refreshDefaultValue && o.refreshDefaultValue();
       }
-    }, y = (e, s) => {
-      i.selectedWidget.options.optionItems.splice(s, 1);
-    }, I = () => {
-      const e = i.selectedWidget.options.optionItems.length + 1;
-      i.selectedWidget.options.optionItems.push({
-        value: e,
+    }, r = { codeEditorRef: i, props: e, i18nt: l, formConfig: a, designer: n, emitDefaultValueChange: s, deleteOption: (t, o) => {
+      e.selectedWidget.options.optionItems.splice(o, 1);
+    }, addOption: () => {
+      const t = e.selectedWidget.options.optionItems.length + 1;
+      e.selectedWidget.options.optionItems.push({
+        value: t,
         label: "new option"
       });
-    }, C = () => {
-      i.selectedWidget.type === "checkbox" || i.selectedWidget.type === "select" && i.selectedWidget.options.multiple ? i.selectedWidget.options.defaultValue = [] : i.selectedWidget.options.defaultValue = "", c();
-    }, z = () => {
-      k.value.open(i.selectedWidget.options.optionItems);
-    }, E = (e) => {
-      i.selectedWidget.options.optionItems = JSON.parse(e);
-    };
-    return (e, s) => {
-      const v = d("a-input"), r = d("a-button"), S = d("a-radio"), N = d("a-radio-group"), R = d("a-checkbox"), B = d("a-checkbox-group"), P = d("a-cascader"), G = d("a-tree-select");
-      return u(), g("div", A, [
-        e.selectedWidget.type === "radio" || e.selectedWidget.type === "select" && ["combobox"].includes(e.selectedWidget.options.mode || "") ? (u(), b(N, {
-          key: 0,
-          value: e.selectedWidget.options.defaultValue,
-          "onUpdate:value": s[0] || (s[0] = (l) => e.selectedWidget.options.defaultValue = l),
-          onChange: c,
-          class: "option-group"
-        }, {
-          default: n(() => [
-            t(o(O), V({
-              tag: "ul",
-              list: e.selectedWidget.options.optionItems,
-              "item-key": "id"
-            }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
-              item: n(({ element: l, index: W }) => [
-                m("li", null, [
-                  t(S, {
-                    value: l.value
-                  }, {
-                    default: n(() => [
-                      m("span", F, [
-                        t(o(U))
-                      ]),
-                      t(v, {
-                        value: l.value,
-                        "onUpdate:value": (a) => l.value = a,
-                        size: "small",
-                        style: { width: "80px" },
-                        placeholder: "值"
-                      }, null, 8, ["value", "onUpdate:value"]),
-                      t(v, {
-                        value: l.label,
-                        "onUpdate:value": (a) => l.label = a,
-                        size: "small",
-                        style: { width: "80px" },
-                        placeholder: "文本"
-                      }, null, 8, ["value", "onUpdate:value"]),
-                      t(r, {
-                        size: "small",
-                        onClick: (a) => y(l, W)
-                      }, {
-                        default: n(() => [
-                          t(o(w))
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])
-                    ]),
-                    _: 2
-                  }, 1032, ["value"])
-                ])
-              ]),
-              _: 1
-            }, 16, ["list"])
-          ]),
-          _: 1
-        }, 8, ["value"])) : e.selectedWidget.type === "checkbox" || e.selectedWidget.type === "select" && ["multiple", "tags"].includes(e.selectedWidget.options.mode || "") ? (u(), b(B, {
-          key: 1,
-          value: e.selectedWidget.options.defaultValue,
-          "onUpdate:value": s[1] || (s[1] = (l) => e.selectedWidget.options.defaultValue = l),
-          onChange: c,
-          style: { width: "100%" },
-          class: "option-group"
-        }, {
-          default: n(() => [
-            t(o(O), V({
-              tag: "ul",
-              list: e.selectedWidget.options.optionItems,
-              "item-key": "id"
-            }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
-              item: n(({ element: l, index: W }) => [
-                m("li", null, [
-                  m("span", K, [
-                    t(o(U))
-                  ]),
-                  t(R, {
-                    value: l.value
-                  }, {
-                    default: n(() => [
-                      t(v, {
-                        value: l.value,
-                        "onUpdate:value": (a) => l.value = a,
-                        size: "small",
-                        style: { width: "85px" },
-                        placeholder: "值"
-                      }, null, 8, ["value", "onUpdate:value"]),
-                      t(v, {
-                        value: l.label,
-                        "onUpdate:value": (a) => l.label = a,
-                        size: "small",
-                        style: { width: "95px" },
-                        placeholder: "文本"
-                      }, null, 8, ["value", "onUpdate:value"])
-                    ]),
-                    _: 2
-                  }, 1032, ["value"]),
-                  m("div", {
-                    size: "small",
-                    onClick: (a) => y(l, W)
-                  }, [
-                    t(o(w))
-                  ], 8, L)
-                ])
-              ]),
-              _: 1
-            }, 16, ["list"])
-          ]),
-          _: 1
-        }, 8, ["value"])) : e.selectedWidget.type === "cascader" ? (u(), g("div", M, [
-          t(P, {
-            value: e.selectedWidget.options.defaultValue,
-            "onUpdate:value": s[2] || (s[2] = (l) => e.selectedWidget.options.defaultValue = l),
-            multiple: e.selectedWidget.options.multiple,
-            options: e.selectedWidget.options.optionItems,
-            onChange: c,
-            placeholder: o(p)("render.hint.selectPlaceholder")
-          }, null, 8, ["value", "multiple", "options", "placeholder"])
-        ])) : e.selectedWidget.type === "treeSelect" ? (u(), g("div", Q, [
-          t(G, {
-            value: e.selectedWidget.options.defaultValue,
-            "onUpdate:value": s[3] || (s[3] = (l) => e.selectedWidget.options.defaultValue = l),
-            treeData: e.selectedWidget.options.optionItems,
-            onChange: c,
-            placeholder: o(p)("render.hint.selectPlaceholder")
-          }, null, 8, ["value", "treeData", "placeholder"])
-        ])) : _("", !0),
-        ["cascader", "treeSelect"].includes(e.selectedWidget.type) ? (u(), g("div", X, [
-          t(r, { onClick: z }, {
-            default: n(() => [
-              t(o(J)),
-              f(" " + h(o(p)("designer.setting.importOptions")), 1)
-            ]),
-            _: 1
-          }),
-          t(r, { onClick: C }, {
-            default: n(() => [
-              t(o(q)),
-              f(" " + h(o(p)("designer.setting.resetDefault")), 1)
-            ]),
-            _: 1
-          })
-        ])) : _("", !0),
-        ["radio", "checkbox", "select"].includes(e.selectedWidget.type) ? (u(), g("div", Y, [
-          t(r, { onClick: I }, {
-            default: n(() => [
-              f(h(o(p)("designer.setting.addOption")), 1)
-            ]),
-            _: 1
-          }),
-          t(r, { onClick: C }, {
-            default: n(() => [
-              f(h(o(p)("designer.setting.resetDefault")), 1)
-            ]),
-            _: 1
-          })
-        ])) : _("", !0),
-        t(o(H), {
-          isShowEventHeader: !1,
-          title: o(p)("designer.setting.importOptions"),
-          mode: "javascript",
-          readonly: !1,
-          ref_key: "codeEditorRef",
-          ref: k,
-          onSetCode: E
-        }, null, 8, ["title"])
-      ]);
-    };
+    }, importOptions: () => {
+      i.value.open(
+        JSON.stringify(e.selectedWidget.options.optionItems, null, "")
+      );
+    }, resetDefault: () => {
+      e.selectedWidget.type === "checkbox" || e.selectedWidget.type === "select" && e.selectedWidget.options.multiple ? e.selectedWidget.options.defaultValue = [] : e.selectedWidget.options.defaultValue = "", s();
+    }, importCascaderOptions: () => {
+      i.value.open(e.selectedWidget.options.optionItems);
+    }, saveCascaderOptions: (t) => {
+      e.selectedWidget.options.optionItems = JSON.parse(t);
+    }, get Draggable() {
+      return m;
+    }, get TpfCodeEditor() {
+      return f;
+    }, get DragOutlined() {
+      return C;
+    }, get ImportOutlined() {
+      return D;
+    }, get ReloadOutlined() {
+      return W;
+    }, get DeleteOutlined() {
+      return O;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 });
 export {
-  oe as default
+  J as default
 };

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

@@ -1,49 +1,25 @@
-import r from "../../../../utils/i18n.js";
-import { resolveComponent as l, createBlock as s, openBlock as d, withCtx as i, createVNode as m } from "vue";
-import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const b = {
-  name: "accept-editor",
-  componentName: "PropertyEditor",
-  mixins: [r],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  },
-  data() {
-    return {
-      ops: [
-        { value: ".doc", label: ".doc" },
-        { value: ".docx", label: ".docx" },
-        { value: ".xlsx", label: ".xlsx" },
-        { value: ".xls", label: ".xls" },
-        { value: ".pdf", label: ".pdf" },
-        { value: ".pptx", label: ".pptx" },
-        { value: ".dwg", label: ".dwg" },
-        { value: ".jpg", label: ".jpg" },
-        { value: ".png", label: ".png" }
-      ]
-    };
-  }
-};
-function f(t, e, o, x, a, v) {
-  const n = l("a-select"), p = l("a-form-item");
-  return d(), s(p, {
-    label: t.i18nt("designer.setting.fileTypes")
+import p from "./accept-editor.vue2.js";
+import { resolveComponent as t, createBlock as c, openBlock as l, withCtx as i, createVNode as s } from "vue";
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function d(_, o, f, e, g, u) {
+  const n = t("a-select"), r = t("a-form-item");
+  return l(), c(r, {
+    label: e.i18nt("designer.setting.fileTypes")
   }, {
     default: i(() => [
-      m(n, {
-        value: o.optionModel.accept,
-        "onUpdate:value": e[0] || (e[0] = (c) => o.optionModel.accept = c),
+      s(n, {
+        value: e.optionModel.accept,
+        "onUpdate:value": o[0] || (o[0] = (a) => e.optionModel.accept = a),
         allowClear: "",
         mode: "tags",
-        options: a.ops
+        options: e.ops
       }, null, 8, ["value", "options"])
     ]),
     _: 1
+    /* STABLE */
   }, 8, ["label"]);
 }
-const w = /* @__PURE__ */ u(b, [["render", f]]);
+const k = /* @__PURE__ */ m(p, [["render", d], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/accept-editor.vue"]]);
 export {
-  w as default
+  k as default
 };

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

@@ -0,0 +1,34 @@
+import { defineComponent as d, useModel as n, ref as r } from "vue";
+import { useI18n as u } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as i } from "../../../../constants/EditorTypeEnum.js";
+const m = /* @__PURE__ */ d({
+  name: i.acceptEditor,
+  __name: "accept-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ accept: [] })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(l, { expose: o }) {
+    o();
+    const t = n(l, "optionModel"), { i18nt: p } = u(), a = r([
+      { value: ".doc", label: ".doc" },
+      { value: ".docx", label: ".docx" },
+      { value: ".xlsx", label: ".xlsx" },
+      { value: ".xls", label: ".xls" },
+      { value: ".pdf", label: ".pdf" },
+      { value: ".pptx", label: ".pptx" },
+      { value: ".dwg", label: ".dwg" },
+      { value: ".jpg", label: ".jpg" },
+      { value: ".png", label: ".png" }
+    ]), e = { optionModel: t, i18nt: p, ops: a };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+export {
+  m as default
+};

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

@@ -1,9 +1,9 @@
-import m from "../../../../utils/i18n.js";
-import { resolveComponent as o, createBlock as p, openBlock as g, withCtx as t, createVNode as n, createTextVNode as l, toDisplayString as s } from "vue";
+import p from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as u, openBlock as g, withCtx as t, createVNode as n, createTextVNode as s, toDisplayString as l } from "vue";
 import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const f = {
   name: "actionColumnPosition-editor",
-  mixins: [m],
+  mixins: [p],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -15,38 +15,50 @@ const f = {
     }
   }
 };
-function b(e, i, a, C, v, h) {
-  const r = o("a-radio-button"), d = o("a-radio-group"), c = o("a-form-item");
-  return g(), p(c, {
+function b(e, i, r, v, C, h) {
+  const a = o("a-radio-button"), d = o("a-radio-group"), c = o("a-form-item");
+  return g(), u(c, {
     label: e.i18nt("designer.setting.actionColumnPosition")
   }, {
     default: t(() => [
       n(d, {
-        value: a.optionModel.actionColumnPosition,
-        "onUpdate:value": i[0] || (i[0] = (u) => a.optionModel.actionColumnPosition = u),
+        value: r.optionModel.actionColumnPosition,
+        "onUpdate:value": i[0] || (i[0] = (m) => r.optionModel.actionColumnPosition = m),
         class: "radio-group-custom"
       }, {
         default: t(() => [
-          n(r, { value: "left" }, {
+          n(a, { value: "left" }, {
             default: t(() => [
-              l(s(e.i18nt("designer.setting.leftAlign")), 1)
+              s(
+                l(e.i18nt("designer.setting.leftAlign")),
+                1
+                /* TEXT */
+              )
             ]),
             _: 1
+            /* STABLE */
           }),
-          n(r, { value: "right" }, {
+          n(a, { value: "right" }, {
             default: t(() => [
-              l(s(e.i18nt("designer.setting.rightAlign")), 1)
+              s(
+                l(e.i18nt("designer.setting.rightAlign")),
+                1
+                /* TEXT */
+              )
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["value"])
     ]),
     _: 1
+    /* STABLE */
   }, 8, ["label"]);
 }
-const y = /* @__PURE__ */ _(f, [["render", b]]);
+const j = /* @__PURE__ */ _(f, [["render", b], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue"]]);
 export {
-  y as default
+  j as default
 };

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

@@ -1,7 +1,7 @@
 import a from "../../../../utils/i18n.js";
-import { resolveComponent as o, createBlock as l, openBlock as p, withCtx as c, createVNode as f } from "vue";
+import { resolveComponent as o, createBlock as p, openBlock as s, withCtx as f, createVNode as l } from "vue";
 import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const s = {
+const c = {
   name: "addonAfter-editor",
   mixins: [a],
   props: {
@@ -10,22 +10,23 @@ const s = {
     optionModel: Object
   }
 };
-function _(n, e, t, u, b, x) {
+function _(n, e, t, u, g, v) {
   const r = o("a-input"), d = o("a-form-item");
-  return p(), l(d, {
+  return s(), p(d, {
     label: n.i18nt("designer.setting.addonAfter")
   }, {
-    default: c(() => [
-      f(r, {
+    default: f(() => [
+      l(r, {
         type: "text",
         value: t.optionModel.addonAfter,
         "onUpdate:value": e[0] || (e[0] = (i) => t.optionModel.addonAfter = i)
       }, null, 8, ["value"])
     ]),
     _: 1
+    /* STABLE */
   }, 8, ["label"]);
 }
-const j = /* @__PURE__ */ m(s, [["render", _]]);
+const j = /* @__PURE__ */ m(c, [["render", _], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/addonAfter-editor.vue"]]);
 export {
   j as default
 };

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

@@ -1,7 +1,7 @@
 import a from "../../../../utils/i18n.js";
-import { resolveComponent as t, createBlock as l, openBlock as p, withCtx as c, createVNode as f } from "vue";
+import { resolveComponent as t, createBlock as p, openBlock as s, withCtx as f, createVNode as l } from "vue";
 import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const s = {
+const c = {
   name: "addonBefore-editor",
   mixins: [a],
   props: {
@@ -10,22 +10,23 @@ const s = {
     optionModel: Object
   }
 };
-function _(n, e, o, u, B, b) {
+function _(n, e, o, u, g, B) {
   const r = t("a-input"), d = t("a-form-item");
-  return p(), l(d, {
+  return s(), p(d, {
     label: n.i18nt("designer.setting.addonBefore")
   }, {
-    default: c(() => [
-      f(r, {
+    default: f(() => [
+      l(r, {
         type: "text",
         value: o.optionModel.addonBefore,
         "onUpdate:value": e[0] || (e[0] = (i) => o.optionModel.addonBefore = i)
       }, null, 8, ["value"])
     ]),
     _: 1
+    /* STABLE */
   }, 8, ["label"]);
 }
-const j = /* @__PURE__ */ m(s, [["render", _]]);
+const j = /* @__PURE__ */ m(c, [["render", _], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/addonBefore-editor.vue"]]);
 export {
   j as default
 };

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

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

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

@@ -0,0 +1,24 @@
+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 m = /* @__PURE__ */ i({
+  name: d.allowClearEditor,
+  __name: "allowClear-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ allowClear: !0 })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(o, { expose: t }) {
+    t();
+    const r = l(o, "optionModel"), { i18nt: n } = p(), e = { optionModel: r, i18nt: n };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+export {
+  m as default
+};