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

package/src/components/form-designer/setting-panel/property-editor/container-data-table/customRowEvent/data-table-customRow-editor.vue.js

@@ -1,108 +1,130 @@
-import b from "../../../../../../utils/i18n.js";
-import f from "../../event-handler/eventMixin.js";
-import { resolveComponent as c, createElementBlock as g, openBlock as v, Fragment as p, createVNode as o, withCtx as n, normalizeClass as d, createTextVNode as r, toDisplayString as u } from "vue";
-import w from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const h = {
-  name: "data-table-customRow-editor",
-  inheritAttrs: !1,
-  mixins: [b, f],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object,
-    eventHandled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      eventParams: ["record", "event"]
-    };
-  }
-};
-function R(e, t, l, k, a, M) {
-  const i = c("a-button"), s = c("a-form-item");
-  return v(), g(p, null, [
-    o(s, {
-      label: "customRow.onClick",
-      labelAlign: "left",
-      "label-width": "150px"
-    }, {
-      default: n(() => [
-        o(i, {
-          shape: "round",
-          class: d([l.optionModel.customRow.onClick ? "button-text-highlight" : ""]),
-          onClick: t[0] || (t[0] = (m) => e.editEventHandler("customRow.onClick", a.eventParams))
-        }, {
-          default: n(() => [
-            r(u(e.i18nt("designer.setting.addEventHandler")), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ]),
-      _: 1
-    }),
-    o(s, {
-      label: "customRow.onDblclick",
-      labelAlign: "left",
-      "label-width": "150px"
-    }, {
-      default: n(() => [
-        o(i, {
-          shape: "round",
-          class: d([l.optionModel.customRow.onDblclick ? "button-text-highlight" : ""]),
-          onClick: t[1] || (t[1] = (m) => e.editEventHandler("customRow.onDblclick", a.eventParams))
-        }, {
-          default: n(() => [
-            r(u(e.i18nt("designer.setting.addEventHandler")), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ]),
-      _: 1
-    }),
-    o(s, {
-      label: "customRow.onMouseenter",
-      labelAlign: "left",
-      "label-width": "150px"
-    }, {
-      default: n(() => [
-        o(i, {
-          shape: "round",
-          class: d([l.optionModel.customRow.onMouseenter ? "button-text-highlight" : ""]),
-          onClick: t[2] || (t[2] = (m) => e.editEventHandler("customRow.onMouseenter", a.eventParams))
-        }, {
-          default: n(() => [
-            r(u(e.i18nt("designer.setting.addEventHandler")), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ]),
-      _: 1
-    }),
-    o(s, {
-      label: "customRow.onMouseleave",
-      labelAlign: "left",
-      "label-width": "150px"
-    }, {
-      default: n(() => [
-        o(i, {
-          shape: "round",
-          class: d([l.optionModel.customRow.onMouseleave ? "button-text-highlight" : ""]),
-          onClick: t[3] || (t[3] = (m) => e.editEventHandler("customRow.onMouseleave", a.eventParams))
-        }, {
-          default: n(() => [
-            r(u(e.i18nt("designer.setting.addEventHandler")), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ]),
-      _: 1
-    })
-  ], 64);
+import m from "./data-table-customRow-editor.vue2.js";
+import { resolveComponent as c, createElementBlock as g, openBlock as u, Fragment as b, createVNode as o, withCtx as n, normalizeClass as i, createTextVNode as d, toDisplayString as s } from "vue";
+import f from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+function v(w, t, p, e, h, _) {
+  const l = c("a-button"), a = c("a-form-item");
+  return u(), g(
+    b,
+    null,
+    [
+      o(a, {
+        label: "customRow.onClick",
+        labelAlign: "left",
+        "label-width": "150px"
+      }, {
+        default: n(() => [
+          o(l, {
+            shape: "round",
+            class: i([e.optionModel.customRow.onClick ? "button-text-highlight" : ""]),
+            onClick: t[0] || (t[0] = (r) => e.dispatch("SettingPanel", "editEventHandler", [
+              "customRow.onClick",
+              [...e.eventParams]
+            ]))
+          }, {
+            default: n(() => [
+              d(
+                s(e.i18nt("designer.setting.addEventHandler")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"])
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      o(a, {
+        label: "customRow.onDblclick",
+        labelAlign: "left",
+        "label-width": "150px"
+      }, {
+        default: n(() => [
+          o(l, {
+            shape: "round",
+            class: i([e.optionModel.customRow.onDblclick ? "button-text-highlight" : ""]),
+            onClick: t[1] || (t[1] = (r) => e.dispatch("SettingPanel", "editEventHandler", [
+              "customRow.onDblclick",
+              [...e.eventParams]
+            ]))
+          }, {
+            default: n(() => [
+              d(
+                s(e.i18nt("designer.setting.addEventHandler")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"])
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      o(a, {
+        label: "customRow.onMouseenter",
+        labelAlign: "left",
+        "label-width": "150px"
+      }, {
+        default: n(() => [
+          o(l, {
+            shape: "round",
+            class: i([e.optionModel.customRow.onMouseenter ? "button-text-highlight" : ""]),
+            onClick: t[2] || (t[2] = (r) => e.dispatch("SettingPanel", "editEventHandler", [
+              "customRow.onMouseenter",
+              [...e.eventParams]
+            ]))
+          }, {
+            default: n(() => [
+              d(
+                s(e.i18nt("designer.setting.addEventHandler")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"])
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      o(a, {
+        label: "customRow.onMouseleave",
+        labelAlign: "left",
+        "label-width": "150px"
+      }, {
+        default: n(() => [
+          o(l, {
+            shape: "round",
+            class: i([e.optionModel.customRow.onMouseleave ? "button-text-highlight" : ""]),
+            onClick: t[3] || (t[3] = (r) => e.dispatch("SettingPanel", "editEventHandler", [
+              "customRow.onMouseleave",
+              [...e.eventParams]
+            ]))
+          }, {
+            default: n(() => [
+              d(
+                s(e.i18nt("designer.setting.addEventHandler")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"])
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
 }
-const _ = /* @__PURE__ */ w(h, [["render", R]]);
+const C = /* @__PURE__ */ f(m, [["render", v], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/customRowEvent/data-table-customRow-editor.vue"]]);
 export {
-  _ as default
+  C as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/customRowEvent/data-table-customRow-editor.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent as s, useModel as a } from "vue";
+import { useI18n as d } from "../../../../../../utils/i18n.js";
+import { EditorTypeEnum as p } from "../../../../../../constants/EditorTypeEnum.js";
+import { useEmitter as m } from "../../../../../../utils/useEmitter.js";
+const M = /* @__PURE__ */ s({
+  name: p.dataTableCustomRowEditor,
+  inheritAttrs: !1,
+  __name: "data-table-customRow-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ onMounted: null })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(t, { expose: o }) {
+    o();
+    const r = a(t, "optionModel"), { i18nt: n } = d(), { dispatch: i } = m(), e = { optionModel: r, i18nt: n, dispatch: i, eventParams: ["record", "event"] };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+export {
+  M as default
+};

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-colorRow-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-colorRow-editor.vue2.js

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

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

@@ -1,78 +1,25 @@
-import d from "../../../../../utils/i18n.js";
-import { getDSByName as l, deepClone as m } from "../../../../../utils/util.js";
-import { resolveComponent as o, createBlock as c, openBlock as f, withCtx as p, createVNode as u } from "vue";
-import C from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const g = {
-  name: "data-table-customClass-editor",
-  componentName: "PropertyEditor",
-  mixins: [d],
-  components: {},
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  },
-  data() {
-    return {
-      cssClassList: [],
-      dataSetList: []
-    };
-  },
-  computed: {
-    dataSourceList() {
-      return !this.designer.formConfig || !this.designer.formConfig.dataSources ? [] : this.designer.formConfig.dataSources;
-    }
-  },
-  watch: {
-    // selectedWidget: {
-    //   handler(val, oldVal) {
-    //     if (!val) {
-    //       return;
-    //     }
-    //     this.loadDataSet(val.options.dsName);
-    //   },
-    //   immediate: true
-    // }
-  },
-  created() {
-    this.cssClassList = m(this.designer.getCssClassList()), this.designer.handleEvent("form-css-updated", (t) => {
-      this.cssClassList = t;
-    });
-  },
-  mounted() {
-  },
-  methods: {
-    loadDataSet(t) {
-      if (this.dataSetList.length = 0, !t)
-        return;
-      const e = l(this.designer.formConfig, t);
-      e && e.dataSets && e.dataSets.forEach((s) => {
-        this.dataSetList.push({
-          name: s.name,
-          remark: s.remark
-        });
-      });
-    }
-  }
-};
-function h(t, e, s, _, a, L) {
-  const i = o("a-select"), n = o("a-form-item");
-  return f(), c(n, {
-    label: t.i18nt("designer.setting.customClass")
+import r from "./data-table-customClass-editor.vue2.js";
+import { resolveComponent as t, createBlock as l, openBlock as i, withCtx as m, createVNode as c } from "vue";
+import p from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+function d(_, e, f, o, u, C) {
+  const s = t("a-select"), a = t("a-form-item");
+  return i(), l(a, {
+    label: o.i18nt("designer.setting.customClass")
   }, {
-    default: p(() => [
-      u(i, {
-        value: s.optionModel.customClass,
-        "onUpdate:value": e[0] || (e[0] = (r) => s.optionModel.customClass = r),
+    default: m(() => [
+      c(s, {
+        value: o.optionModel.customClass,
+        "onUpdate:value": e[0] || (e[0] = (n) => o.optionModel.customClass = n),
         allowClear: "",
         mode: "tags",
-        options: a.cssClassList
+        options: o.cssClassList
       }, null, 8, ["value", "options"])
     ]),
     _: 1
+    /* STABLE */
   }, 8, ["label"]);
 }
-const x = /* @__PURE__ */ C(g, [["render", h]]);
+const x = /* @__PURE__ */ p(r, [["render", d], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue"]]);
 export {
   x as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as C, useModel as _, ref as u, computed as g, unref as o, watchEffect as S } from "vue";
+import { useI18n as M } from "../../../../../utils/i18n.js";
+import { deepClone as E, getDSByName as h } from "../../../../../utils/util.js";
+import { EditorTypeEnum as v } from "../../../../../constants/EditorTypeEnum.js";
+import { useDesigner as b } from "../../../form-widget/useFormDesigner.js";
+const k = /* @__PURE__ */ C({
+  name: v.dataTableCustomClassEditor,
+  componentName: "PropertyEditor",
+  __name: "data-table-customClass-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ showPagination: Boolean, pagination: {} })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(d, { expose: m }) {
+    m();
+    const f = _(d, "optionModel"), { designer: e } = b(), { i18nt: p } = M(), n = u([]), s = u([]), l = (t) => {
+      if (s.value.length = 0, !t)
+        return;
+      const a = h(o(e).formConfig, t);
+      a && a.dataSets && a.dataSets.forEach((r) => {
+        o(s).push({
+          name: r.name,
+          remark: r.remark
+        });
+      });
+    }, c = g(() => !o(e).formConfig || !o(e).formConfig.dataSources ? [] : o(e).formConfig.dataSources);
+    S(() => {
+      var t, a;
+      e != null && e.value && (n.value = E((a = (t = o(e)) == null ? void 0 : t.getCssClassList) == null ? void 0 : a.call(t)), o(e).handleEvent("form-css-updated", (r) => {
+        n.value = r;
+      }));
+    });
+    const i = { optionModel: f, designer: e, i18nt: p, cssClassList: n, dataSetList: s, loadDataSet: l, dataSourceList: c };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
+export {
+  k as default
+};

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue.js

@@ -1,88 +1,68 @@
-import E from "../../../../../utils/i18n.js";
-import _ from "../../../../http-editor/index.vue.js";
-import h from "../../../../code-editor/code-modal-editor.vue.js";
-import { resolveComponent as o, createElementBlock as u, openBlock as a, Fragment as M, createVNode as d, createBlock as r, createCommentVNode as c, withCtx as i, createTextVNode as C, toDisplayString as k } from "vue";
-import D from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const O = {
-  name: "data-table-dsEnabled-editor",
-  mixins: [E],
-  inheritAttrs: !1,
-  components: { HttpEditor: _, CodeModalEditor: h },
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  },
-  data() {
-    return {
-      tableDataOptions: ""
-    };
-  },
-  methods: {
-    handleUpdate(e) {
-      try {
-        this.optionModel.dataSource = JSON.parse(e);
-      } catch (n) {
-        this.$message.error(
-          this.i18nt("designer.hint.invalidOptionsData") + n.message
-        );
-      }
-    },
-    openTableDataEdit() {
-      this.tableDataOptions = JSON.stringify(this.optionModel.dataSource, null, "  "), this.$refs.CodeModalEditorRef.open(this.tableDataOptions);
-    }
-  }
-};
-function y(e, n, t, S, w, l) {
-  const m = o("a-switch"), s = o("a-form-item"), p = o("a-button"), b = o("CodeModalEditor"), f = o("HttpEditor");
-  return a(), u(M, null, [
-    d(s, {
-      label: e.i18nt("designer.setting.dsEnabled")
-    }, {
-      default: i(() => [
-        d(m, {
-          checked: t.optionModel.dsEnabled,
-          "onUpdate:checked": n[0] || (n[0] = (g) => t.optionModel.dsEnabled = g)
-        }, null, 8, ["checked"])
-      ]),
-      _: 1
-    }, 8, ["label"]),
-    t.optionModel.dsEnabled ? c("", !0) : (a(), r(s, {
-      key: 0,
-      label: e.i18nt("designer.setting.tableDataEdit")
-    }, {
-      default: i(() => [
-        d(p, {
-          type: "primary",
-          shape: "round",
-          onClick: l.openTableDataEdit
-        }, {
-          default: i(() => [
-            C(k(e.i18nt("designer.setting.editAction")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"])
-      ]),
-      _: 1
-    }, 8, ["label"])),
-    d(b, {
-      ref: "CodeModalEditorRef",
-      mode: "json",
-      readonly: !1,
-      isShowEventHeader: !1,
-      title: e.i18nt("designer.setting.tableDataEdit"),
-      onSave: l.handleUpdate
-    }, null, 8, ["title", "onSave"]),
-    t.optionModel.dsEnabled ? (a(), r(f, {
-      key: 1,
-      label: e.i18nt("designer.setting.editAPIConfig"),
-      designer: t.designer,
-      "selected-widget": t.selectedWidget,
-      optionModel: t.optionModel
-    }, null, 8, ["label", "designer", "selected-widget", "optionModel"])) : c("", !0)
-  ], 64);
+import b from "./data-table-dsEnabled-editor.vue2.js";
+import { resolveComponent as o, createElementBlock as g, openBlock as n, Fragment as _, createVNode as t, createBlock as i, createCommentVNode as r, withCtx as d, createTextVNode as p, toDisplayString as E } from "vue";
+import k from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+function h(M, a, c, e, v, w) {
+  const s = o("a-switch"), l = o("a-form-item"), m = o("a-button");
+  return n(), g(
+    _,
+    null,
+    [
+      t(l, {
+        label: e.i18nt("designer.setting.dsEnabled")
+      }, {
+        default: d(() => [
+          t(s, {
+            checked: e.optionModel.dsEnabled,
+            "onUpdate:checked": a[0] || (a[0] = (f) => e.optionModel.dsEnabled = f)
+          }, null, 8, ["checked"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["label"]),
+      e.optionModel.dsEnabled ? r("v-if", !0) : (n(), i(l, {
+        key: 0,
+        label: e.i18nt("designer.setting.tableDataEdit")
+      }, {
+        default: d(() => [
+          t(m, {
+            type: "primary",
+            shape: "round",
+            onClick: e.openTableDataEdit
+          }, {
+            default: d(() => [
+              p(
+                E(e.i18nt("designer.setting.editAction")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["label"])),
+      t(e.CodeModalEditor, {
+        ref: "CodeModalEditorRef",
+        mode: "json",
+        readonly: !1,
+        isShowEventHeader: !1,
+        title: e.i18nt("designer.setting.tableDataEdit"),
+        onSave: e.handleUpdate
+      }, null, 8, ["title"]),
+      e.optionModel.dsEnabled ? (n(), i(e.HttpEditor, {
+        key: 1,
+        label: e.i18nt("designer.setting.editAPIConfig"),
+        "selected-widget": c.selectedWidget,
+        optionModel: e.optionModel
+      }, null, 8, ["label", "selected-widget", "optionModel"])) : r("v-if", !0)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
 }
-const A = /* @__PURE__ */ D(O, [["render", y]]);
+const D = /* @__PURE__ */ k(b, [["render", h], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue"]]);
 export {
-  A as default
+  D as default
 };