@kp-ui/lowcode 1.0.20 → 1.0.23

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

@@ -0,0 +1,30 @@
+import i from "../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as s, openBlock as m, withCtx as a, createVNode as l } from "vue";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "border-editor",
+  mixins: [i],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(r, e, o, b, u, h) {
+  const n = t("a-switch"), c = t("a-form-item");
+  return m(), s(c, {
+    label: r.i18nt("designer.setting.border")
+  }, {
+    default: a(() => [
+      l(n, {
+        checked: o.optionModel.border,
+        "onUpdate:checked": e[0] || (e[0] = (d) => o.optionModel.border = d)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const j = /* @__PURE__ */ p(_, [["render", f]]);
+export {
+  j 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,48 @@
+import l from "../../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as s, openBlock as d, withCtx as i, createVNode as m } from "vue";
+import p from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  name: "code-editor-mode-editor",
+  componentName: "PropertyEditor",
+  mixins: [l],
+  components: {},
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      modeList: [
+        { value: "javascript", label: "javascript" },
+        { value: "json", label: "json" },
+        { value: "groovy", label: "groovy" },
+        { value: "css", label: "css" }
+      ],
+      dataSetList: []
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {
+  },
+  mounted() {
+  }
+};
+function _(v, e, o, f, n, b) {
+  const a = t("a-select"), r = t("a-form-item");
+  return d(), s(r, { label: "语法模式" }, {
+    default: i(() => [
+      m(a, {
+        value: o.optionModel.mode,
+        "onUpdate:value": e[0] || (e[0] = (c) => o.optionModel.mode = c),
+        options: n.modeList
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+  });
+}
+const M = /* @__PURE__ */ p(u, [["render", _]]);
+export {
+  M 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,111 @@
+import f from "../../../../../../utils/i18n.js";
+import p from "../../event-handler/eventMixin.js";
+import { resolveComponent as c, createElementBlock as b, openBlock as g, Fragment as v, 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: [f, p],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+    eventHandled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      eventParams: ["record", "event"]
+    };
+  }
+};
+function R(e, t, l, k, i, M) {
+  const a = c("a-button"), s = c("a-form-item");
+  return g(), b(v, null, [
+    o(s, {
+      label: "customRow.onClick",
+      labelAlign: "left",
+      "label-width": "150px"
+    }, {
+      default: n(() => [
+        o(a, {
+          type: "info",
+          shape: "round",
+          class: d([l.optionModel.customRow.onClick ? "button-text-highlight" : ""]),
+          onClick: t[0] || (t[0] = (m) => e.editEventHandler("customRow.onClick", i.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(a, {
+          type: "info",
+          shape: "round",
+          class: d([l.optionModel.customRow.onDblclick ? "button-text-highlight" : ""]),
+          onClick: t[1] || (t[1] = (m) => e.editEventHandler("customRow.onDblclick", i.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(a, {
+          type: "info",
+          shape: "round",
+          class: d([l.optionModel.customRow.onMouseenter ? "button-text-highlight" : ""]),
+          onClick: t[2] || (t[2] = (m) => e.editEventHandler("customRow.onMouseenter", i.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(a, {
+          type: "info",
+          shape: "round",
+          class: d([l.optionModel.customRow.onMouseleave ? "button-text-highlight" : ""]),
+          onClick: t[3] || (t[3] = (m) => e.editEventHandler("customRow.onMouseleave", i.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,28 @@
+import i from "../../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as d, openBlock as l, withCtx as a, createVNode as m } from "vue";
+import s from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = {
+  name: "colorRow-editor",
+  mixins: [i],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function _(f, o, e, w, u, b) {
+  const c = t("a-switch"), n = t("a-form-item");
+  return l(), d(n, { label: "点击行选中" }, {
+    default: a(() => [
+      m(c, {
+        checked: e.optionModel.colorRow,
+        "onUpdate:checked": o[0] || (o[0] = (r) => e.optionModel.colorRow = r)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  });
+}
+const R = /* @__PURE__ */ s(p, [["render", _]]);
+export {
+  R 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,85 @@
+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 D, openBlock as i, Fragment as M, createVNode as a, createBlock as m, createCommentVNode as p, withCtx as l, createTextVNode as O, toDisplayString as k } from "vue";
+import C from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const y = {
+  name: "data-table-dsEnabled-editor",
+  mixins: [E],
+  components: { HttpEditor: _, CodeModalEditor: h },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      tableDataOptions: ""
+    };
+  },
+  methods: {
+    saveTableData() {
+      try {
+        this.optionModel.dataSource = JSON.parse(this.tableDataOptions);
+      } catch (t) {
+        this.$message.error(this.i18nt("designer.hint.invalidOptionsData") + t.message);
+      }
+    },
+    openTableDataEdit() {
+      this.tableDataOptions = JSON.stringify(this.optionModel.dataSource, null, "  "), this.$refs.CodeModalEditorRef.open(this.tableDataOptions);
+    }
+  }
+};
+function S(t, n, e, v, s, r) {
+  const b = o("a-switch"), c = o("a-form-item"), u = o("a-button"), g = o("CodeModalEditor"), f = o("HttpEditor");
+  return i(), D(M, null, [
+    a(c, {
+      label: t.i18nt("designer.setting.dsEnabled")
+    }, {
+      default: l(() => [
+        a(b, {
+          checked: e.optionModel.dsEnabled,
+          "onUpdate:checked": n[0] || (n[0] = (d) => e.optionModel.dsEnabled = d)
+        }, null, 8, ["checked"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    e.optionModel.dsEnabled ? p("", !0) : (i(), m(c, {
+      key: 0,
+      label: t.i18nt("designer.setting.tableDataEdit")
+    }, {
+      default: l(() => [
+        a(u, {
+          type: "primary",
+          shape: "round",
+          onClick: r.openTableDataEdit
+        }, {
+          default: l(() => [
+            O(k(t.i18nt("designer.setting.editAction")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      _: 1
+    }, 8, ["label"])),
+    a(g, {
+      ref: "CodeModalEditorRef",
+      mode: "json",
+      readonly: !1,
+      modelValue: s.tableDataOptions,
+      "onUpdate:modelValue": n[1] || (n[1] = (d) => s.tableDataOptions = d),
+      title: t.i18nt("designer.setting.tableDataEdit"),
+      onSave: r.saveTableData
+    }, null, 8, ["modelValue", "title", "onSave"]),
+    e.optionModel.dsEnabled ? (i(), m(f, {
+      key: 1,
+      designer: e.designer,
+      "selected-widget": e.selectedWidget,
+      optionModel: e.optionModel
+    }, null, 8, ["designer", "selected-widget", "optionModel"])) : p("", !0)
+  ], 64);
+}
+const x = /* @__PURE__ */ C(y, [["render", S]]);
+export {
+  x as default
+};

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

@@ -0,0 +1,191 @@
+import C from "../../../../../utils/i18n.js";
+import { resolveComponent as a, createElementBlock as c, openBlock as p, Fragment as m, createVNode as o, withCtx as i, createBlock as b, createCommentVNode as w, createTextVNode as f, renderList as h, toDisplayString as v } from "vue";
+/* empty css                                  */
+import O from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const L = {
+  name: "pagination-editor",
+  mixins: [C],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      visible: !1,
+      pageSizeOptionsList: ["10", "20", "50", "100"],
+      positionList: [
+        { value: "topLeft ", label: "topLeft " },
+        { value: "topCenter", label: "topCenter" },
+        { value: "topRight", label: "topRight" },
+        { value: "bottomLeft", label: "bottomLeft" },
+        { value: "bottomCenter", label: "bottomCenter" },
+        { value: "bottomRight", label: "bottomRight" }
+      ]
+    };
+  },
+  computed: {
+    pageSizeList() {
+      const d = this.optionModel.pagination.pageSizeOptions.map(
+        (t) => Number(t)
+      );
+      return d.length === 0 ? [] : d.sort((t, n) => t - n);
+    },
+    selectPosition: {
+      get() {
+        return this.optionModel.pagination.position[0];
+      },
+      set(d) {
+        this.optionModel.pagination.position[0] = d;
+      }
+    }
+  },
+  methods: {
+    pageSizeOptionsChange() {
+      this.optionModel.pagination.pageSize = this.pageSizeList[0] || 20;
+    },
+    editPagination() {
+      this.visible = !0;
+    }
+  }
+};
+function P(d, t, n, U, u, s) {
+  const g = a("a-switch"), k = a("a-button"), S = a("a-space"), l = a("a-form-item"), _ = a("a-select-option"), r = a("a-select"), z = a("a-form"), M = a("a-drawer");
+  return p(), c(m, null, [
+    o(l, {
+      label: d.i18nt("designer.setting.showPagination")
+    }, {
+      default: i(() => [
+        o(S, null, {
+          default: i(() => [
+            o(g, {
+              checked: n.optionModel.showPagination,
+              "onUpdate:checked": t[0] || (t[0] = (e) => n.optionModel.showPagination = e)
+            }, null, 8, ["checked"]),
+            n.optionModel.showPagination ? (p(), b(k, {
+              key: 0,
+              type: "primary",
+              shape: "round",
+              size: "small",
+              onClick: s.editPagination
+            }, {
+              default: i(() => [
+                f(" 编辑 ")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : w("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    o(M, {
+      class: "editor-Selection-drawer",
+      visible: u.visible,
+      "onUpdate:visible": t[7] || (t[7] = (e) => u.visible = e),
+      title: "分页配置",
+      placement: "right"
+    }, {
+      default: i(() => [
+        o(z, {
+          class: "editor-Selection-form",
+          model: n.optionModel.pagination,
+          layout: "horizontal"
+        }, {
+          default: i(() => [
+            o(l, { label: "默认的每页条数" }, {
+              default: i(() => [
+                o(r, {
+                  value: n.optionModel.pagination.pageSize,
+                  "onUpdate:value": t[1] || (t[1] = (e) => n.optionModel.pagination.pageSize = e)
+                }, {
+                  default: i(() => [
+                    (p(!0), c(m, null, h(s.pageSizeList, (e) => (p(), b(_, {
+                      key: e,
+                      value: e
+                    }, {
+                      default: i(() => [
+                        f(v(e), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            o(l, { label: "指定每页可以显示多少条" }, {
+              default: i(() => [
+                o(r, {
+                  mode: "tags",
+                  value: n.optionModel.pagination.pageSizeOptions,
+                  "onUpdate:value": t[2] || (t[2] = (e) => n.optionModel.pagination.pageSizeOptions = e),
+                  onChange: s.pageSizeOptionsChange
+                }, {
+                  default: i(() => [
+                    (p(!0), c(m, null, h(u.pageSizeOptionsList, (e) => (p(), b(_, {
+                      key: e,
+                      value: e
+                    }, {
+                      default: i(() => [
+                        f(v(e), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["value", "onChange"])
+              ]),
+              _: 1
+            }),
+            o(l, { label: "只有一页时是否隐藏分页器" }, {
+              default: i(() => [
+                o(g, {
+                  checked: n.optionModel.pagination.hideOnSinglePage,
+                  "onUpdate:checked": t[3] || (t[3] = (e) => n.optionModel.pagination.hideOnSinglePage = e)
+                }, null, 8, ["checked"])
+              ]),
+              _: 1
+            }),
+            o(l, { label: "是否可以快速跳转至某页" }, {
+              default: i(() => [
+                o(g, {
+                  checked: n.optionModel.pagination.showQuickJumper,
+                  "onUpdate:checked": t[4] || (t[4] = (e) => n.optionModel.pagination.showQuickJumper = e)
+                }, null, 8, ["checked"])
+              ]),
+              _: 1
+            }),
+            o(l, { label: "是否展示 pageSize 切换器" }, {
+              default: i(() => [
+                o(g, {
+                  checked: n.optionModel.pagination.showSizeChanger,
+                  "onUpdate:checked": t[5] || (t[5] = (e) => n.optionModel.pagination.showSizeChanger = e)
+                }, null, 8, ["checked"])
+              ]),
+              _: 1
+            }),
+            o(l, { label: "分页器位置" }, {
+              default: i(() => [
+                o(r, {
+                  value: s.selectPosition,
+                  "onUpdate:value": t[6] || (t[6] = (e) => s.selectPosition = e),
+                  options: u.positionList
+                }, null, 8, ["value", "options"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ]),
+      _: 1
+    }, 8, ["visible"])
+  ], 64);
+}
+const j = /* @__PURE__ */ O(L, [["render", P]]);
+export {
+  j as default
+};