@kp-ui/lowcode 2.13.2 → 2.14.0-alpha

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

@@ -0,0 +1,76 @@
+import { defineComponent as _, ref as u, watch as C, resolveComponent as p, createElementBlock as L, openBlock as h, Fragment as k, createVNode as e, unref as o, withCtx as n, createTextVNode as c, toDisplayString as f } from "vue";
+import { useI18n as w } from "../../../../utils/i18n.js";
+import { cloneDeep as x } from "lodash-es";
+import D from "../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal as B } from "tmgc2-share";
+const U = /* @__PURE__ */ _({
+  name: "button-list-editor",
+  __name: "button-list-editor",
+  props: {
+    designer: {},
+    selectedWidget: {},
+    optionModel: {}
+  },
+  setup(m) {
+    const { i18nt: l } = w(), r = m, t = u([]), i = u(!1);
+    C(t, () => {
+      r.optionModel.buttonList = t.value;
+    });
+    const g = () => {
+      t.value = x(r.optionModel.buttonList), i.value = !0;
+    }, b = () => {
+      i.value = !1;
+    };
+    return (M, s) => {
+      const d = p("a-button"), v = p("a-form-item");
+      return h(), L(k, null, [
+        e(v, {
+          label: o(l)("designer.setting.buttonList")
+        }, {
+          default: n(() => [
+            e(d, { onClick: g }, {
+              default: n(() => [
+                c(f(o(l)("按钮配置")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        e(o(B), {
+          title: o(l)("designer.setting.buttonsColumnEdit"),
+          visible: i.value,
+          "onUpdate:visible": s[1] || (s[1] = (a) => i.value = a),
+          "show-close": !0,
+          dialogClass: "drag-dialog",
+          "append-to-body": "",
+          "close-on-click-modal": !1,
+          "close-on-press-escape": !1,
+          width: "1250px"
+        }, {
+          footerRight: n(() => [
+            e(d, {
+              size: "default",
+              onClick: b
+            }, {
+              default: n(() => [
+                c(f(o(l)("designer.hint.closePreview")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: n(() => [
+            e(D, {
+              data: t.value,
+              "onUpdate:data": s[0] || (s[0] = (a) => t.value = a)
+            }, null, 8, ["data"])
+          ]),
+          _: 1
+        }, 8, ["title", "visible"])
+      ], 64);
+    };
+  }
+});
+export {
+  U as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./button-position-editor.vue2.js";
+/* empty css                            */
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-57332baf"]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,49 @@
+import { defineComponent as _, useModel as b, computed as f, resolveComponent as l, createBlock as u, openBlock as r, unref as a, withCtx as P, createVNode as C, createCommentVNode as g } from "vue";
+import { useI18n as M } from "../../../../utils/i18n.js";
+import { BUTTON_POSITION as I, ButtonPositionEnum as s } from "../../../../constants/index.js";
+const T = /* @__PURE__ */ _({
+  name: "button-position-editor",
+  __name: "button-position-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      default: () => ({
+        getContainer: "",
+        buttonPosition: s.CURRENT
+      })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(p) {
+    const { i18nt: e } = M(), t = b(p, "optionModel"), d = f(() => I.map((n) => ({
+      label: e(n.label),
+      value: n.value
+    })));
+    return (n, o) => {
+      const m = l("a-select"), c = l("a-input"), v = l("a-form-item");
+      return r(), u(v, {
+        label: a(e)("designer.setting.buttonPosition")
+      }, {
+        default: P(() => [
+          C(m, {
+            options: d.value,
+            value: t.value.buttonPosition,
+            "onUpdate:value": o[0] || (o[0] = (i) => t.value.buttonPosition = i)
+          }, null, 8, ["options", "value"]),
+          t.value.buttonPosition === a(s).DIY ? (r(), u(c, {
+            key: 0,
+            class: "container-input",
+            placeholder: a(e)("designer.setting.containerInputPlaceholder"),
+            value: t.value.getContainer,
+            "onUpdate:value": o[1] || (o[1] = (i) => t.value.getContainer = i)
+          }, null, 8, ["placeholder", "value"])) : g("", !0)
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  T as default
+};

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

@@ -0,0 +1,31 @@
+import p from "../../../../utils/i18n.js";
+import { resolveComponent as e, createBlock as a, openBlock as l, withCtx as d, createVNode as m } from "vue";
+import s from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  name: "buttonIcon-editor",
+  mixins: [p],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function _(n, t, o, f, b, x) {
+  const i = e("a-input"), r = e("a-form-item");
+  return l(), a(r, {
+    label: n.i18nt("designer.setting.appendButtonIcon")
+  }, {
+    default: d(() => [
+      m(i, {
+        type: "text",
+        value: o.optionModel.buttonIcon,
+        "onUpdate:value": t[0] || (t[0] = (c) => o.optionModel.buttonIcon = c)
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const j = /* @__PURE__ */ s(u, [["render", _]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,30 @@
+import l from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as d, openBlock as s, withCtx as m, createVNode as a } from "vue";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "buttonStyle-editor",
+  mixins: [l],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(n, t, e, u, b, h) {
+  const c = o("a-switch"), i = o("a-form-item");
+  return s(), d(i, {
+    label: n.i18nt("designer.setting.buttonStyle")
+  }, {
+    default: m(() => [
+      a(c, {
+        checked: e.optionModel.buttonStyle,
+        "onUpdate:checked": t[0] || (t[0] = (r) => e.optionModel.buttonStyle = r)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const g = /* @__PURE__ */ p(_, [["render", f]]);
+export {
+  g as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./code-editor-mode.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,45 @@
+import { defineComponent as i, mergeModels as p, ref as m, useModel as c, resolveComponent as t, createBlock as u, openBlock as v, unref as f, withCtx as _, createVNode as M } from "vue";
+import { useI18n as b } from "../../../../../utils/i18n.js";
+const y = /* @__PURE__ */ i({
+  name: "code-editor-mode-editor",
+  componentName: "PropertyEditor",
+  __name: "code-editor-mode",
+  props: /* @__PURE__ */ p({
+    designer: Object,
+    optionModel: Object
+  }, {
+    optionModel: {
+      default: () => ({
+        mode: "javascript"
+      })
+    },
+    optionModelModifiers: {}
+  }),
+  emits: ["update:optionModel"],
+  setup(n) {
+    const { i18nt: l } = b(), a = m([
+      { value: "javascript", label: "javascript" },
+      { value: "json", label: "json" },
+      { value: "groovy", label: "groovy" },
+      { value: "css", label: "css" }
+    ]), e = c(n, "optionModel");
+    return (g, o) => {
+      const r = t("a-select"), s = t("a-form-item");
+      return v(), u(s, {
+        label: f(l)("designer.setting.langMode")
+      }, {
+        default: _(() => [
+          M(r, {
+            value: e.value.mode,
+            "onUpdate:value": o[0] || (o[0] = (d) => e.value.mode = d),
+            options: a.value
+          }, null, 8, ["value", "options"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  y as default
+};

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

@@ -0,0 +1,36 @@
+import c from "../../../../utils/i18n.js";
+import { resolveComponent as o, createElementBlock as u, openBlock as a, withDirectives as s, createVNode as i, withCtx as p, vShow as _ } from "vue";
+import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = {
+  name: "columnWidth-editor",
+  mixins: [c],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  inject: ["isSubFormChildWidget"]
+};
+function W(n, e, t, b, g, l) {
+  const d = o("a-input"), r = o("a-form-item");
+  return a(), u("div", null, [
+    s(i(r, {
+      label: n.i18nt("designer.setting.widgetColumnWidth")
+    }, {
+      default: p(() => [
+        i(d, {
+          type: "text",
+          value: t.optionModel.columnWidth,
+          "onUpdate:value": e[0] || (e[0] = (m) => t.optionModel.columnWidth = m)
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"]), [
+      [_, !!l.isSubFormChildWidget()]
+    ])
+  ]);
+}
+const j = /* @__PURE__ */ f(h, [["render", W]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,107 @@
+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",
+  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);
+}
+const _ = /* @__PURE__ */ w(h, [["render", R]]);
+export {
+  _ as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./data-table-colorRow-editor.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,39 @@
+import { defineComponent as i, mergeModels as s, useModel as a, resolveComponent as t, createBlock as p, openBlock as m, unref as u, withCtx as f, createVNode as _ } from "vue";
+import { useI18n as M } from "../../../../../utils/i18n.js";
+const h = /* @__PURE__ */ i({
+  __name: "data-table-colorRow-editor",
+  props: /* @__PURE__ */ s({
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }, {
+    optionModel: {
+      type: Object,
+      default: () => ({
+        colorRow: !1
+      })
+    },
+    optionModelModifiers: {}
+  }),
+  emits: ["update:optionModel"],
+  setup(n) {
+    const { i18nt: l } = M(), e = a(n, "optionModel");
+    return (w, 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"]);
+    };
+  }
+});
+export {
+  h as default
+};

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

@@ -0,0 +1,78 @@
+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")
+  }, {
+    default: p(() => [
+      u(i, {
+        value: s.optionModel.customClass,
+        "onUpdate:value": e[0] || (e[0] = (r) => s.optionModel.customClass = r),
+        allowClear: "",
+        mode: "tags",
+        options: a.cssClassList
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const x = /* @__PURE__ */ C(g, [["render", h]]);
+export {
+  x as default
+};

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

@@ -0,0 +1,86 @@
+import g from "../../../../../utils/i18n.js";
+import E from "../../../../http-editor/index.vue.js";
+import u from "../../../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent as o, createElementBlock as h, openBlock as a, Fragment as M, createVNode as d, createBlock as r, createCommentVNode as c, withCtx as i, createTextVNode as k, toDisplayString as C } from "vue";
+import D from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const O = {
+  name: "data-table-dsEnabled-editor",
+  mixins: [g],
+  components: { HttpEditor: E, CodeModalEditor: u },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      tableDataOptions: ""
+    };
+  },
+  methods: {
+    handleUpdate(t) {
+      try {
+        this.optionModel.dataSource = JSON.parse(t);
+      } 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(t, n, e, 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(), h(M, null, [
+    d(s, {
+      label: t.i18nt("designer.setting.dsEnabled")
+    }, {
+      default: i(() => [
+        d(m, {
+          checked: e.optionModel.dsEnabled,
+          "onUpdate:checked": n[0] || (n[0] = (_) => e.optionModel.dsEnabled = _)
+        }, null, 8, ["checked"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    e.optionModel.dsEnabled ? c("", !0) : (a(), r(s, {
+      key: 0,
+      label: t.i18nt("designer.setting.tableDataEdit")
+    }, {
+      default: i(() => [
+        d(p, {
+          type: "primary",
+          shape: "round",
+          onClick: l.openTableDataEdit
+        }, {
+          default: i(() => [
+            k(C(t.i18nt("designer.setting.editAction")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      _: 1
+    }, 8, ["label"])),
+    d(b, {
+      ref: "CodeModalEditorRef",
+      mode: "json",
+      readonly: !1,
+      isShowEventHeader: !1,
+      title: t.i18nt("designer.setting.tableDataEdit"),
+      onSave: l.handleUpdate
+    }, null, 8, ["title", "onSave"]),
+    e.optionModel.dsEnabled ? (a(), r(f, {
+      key: 1,
+      designer: e.designer,
+      "selected-widget": e.selectedWidget,
+      optionModel: e.optionModel
+    }, null, 8, ["designer", "selected-widget", "optionModel"])) : c("", !0)
+  ], 64);
+}
+const x = /* @__PURE__ */ D(O, [["render", y]]);
+export {
+  x as default
+};