@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

package/src/components/form-designer/setting-panel/property-editor/field-time/time-format-editor.vue.js

@@ -0,0 +1,55 @@
+import _ from "../../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as f, openBlock as p, withCtx as t, createVNode as m, createTextVNode as l } from "vue";
+import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  name: "time-format-editor",
+  mixins: [_],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function H(a, e, n, b, v, x) {
+  const s = o("a-select-option"), r = o("a-select"), i = o("a-form-item");
+  return p(), f(i, {
+    label: a.i18nt("designer.setting.format")
+  }, {
+    default: t(() => [
+      m(r, {
+        value: n.optionModel.format,
+        "onUpdate:value": e[0] || (e[0] = (d) => n.optionModel.format = d),
+        allowClear: ""
+      }, {
+        default: t(() => [
+          m(s, {
+            label: "HH:mm:ss",
+            value: "HH:mm:ss"
+          }, {
+            default: t(() => e[1] || (e[1] = [
+              l("HH:mm:ss")
+            ])),
+            _: 1,
+            __: [1]
+          }),
+          m(s, {
+            label: "HH时mm分ss秒",
+            value: "HH时mm分ss秒"
+          }, {
+            default: t(() => e[2] || (e[2] = [
+              l("HH时mm分ss秒")
+            ])),
+            _: 1,
+            __: [2]
+          })
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const M = /* @__PURE__ */ c(u, [["render", H]]);
+export {
+  M as default
+};

package/src/components/form-designer/setting-panel/property-editor/field-time-range/time-range-defaultValue-editor.vue.js

@@ -0,0 +1,36 @@
+import i from "../../../../../utils/i18n.js";
+import m from "../propertyMixin.js";
+import { resolveComponent as a, createBlock as d, openBlock as f, withCtx as u, createVNode as p } from "vue";
+import s from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const c = {
+  name: "time-range-defaultValue-editor",
+  mixins: [i, m],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function _(t, o, e, g, V, C) {
+  const n = a("a-time-range-picker"), l = a("a-form-item");
+  return f(), d(l, {
+    label: t.i18nt("designer.setting.defaultValue")
+  }, {
+    default: u(() => [
+      p(n, {
+        value: e.optionModel.defaultValue,
+        "onUpdate:value": o[0] || (o[0] = (r) => e.optionModel.defaultValue = r),
+        allowClear: "",
+        onChange: t.emitDefaultValueChange,
+        format: e.optionModel.format,
+        "value-format": "HH:mm:ss",
+        style: { width: "100%" }
+      }, null, 8, ["value", "onChange", "format"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const k = /* @__PURE__ */ s(c, [["render", _]]);
+export {
+  k as default
+};

package/src/components/form-designer/setting-panel/property-editor/field-time-range/time-range-format-editor.vue.js

@@ -0,0 +1,55 @@
+import _ from "../../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as f, openBlock as p, withCtx as t, createVNode as m, createTextVNode as s } from "vue";
+import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  name: "time-range-format-editor",
+  mixins: [_],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function H(l, e, n, b, g, v) {
+  const a = o("a-select-option"), r = o("a-select"), i = o("a-form-item");
+  return p(), f(i, {
+    label: l.i18nt("designer.setting.format")
+  }, {
+    default: t(() => [
+      m(r, {
+        value: n.optionModel.format,
+        "onUpdate:value": e[0] || (e[0] = (d) => n.optionModel.format = d),
+        allowClear: ""
+      }, {
+        default: t(() => [
+          m(a, {
+            label: "HH:mm:ss",
+            value: "HH:mm:ss"
+          }, {
+            default: t(() => e[1] || (e[1] = [
+              s("HH:mm:ss")
+            ])),
+            _: 1,
+            __: [1]
+          }),
+          m(a, {
+            label: "HH时mm分ss秒",
+            value: "HH时mm分ss秒"
+          }, {
+            default: t(() => e[2] || (e[2] = [
+              s("HH时mm分ss秒")
+            ])),
+            _: 1,
+            __: [2]
+          })
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const M = /* @__PURE__ */ c(u, [["render", H]]);
+export {
+  M as default
+};

package/src/components/form-designer/setting-panel/property-editor/field-tree/tree-data-editor.vue.js

@@ -0,0 +1,194 @@
+import k from "../../../../../utils/i18n.js";
+import v from "../../option-items-setting.vue.js";
+import y from "../propertyMixin.js";
+import { getDSByName as E } from "../../../../../utils/util.js";
+import _ from "../../../../http-editor/index.vue.js";
+import C from "../../../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent as d, createElementBlock as w, openBlock as r, Fragment as D, createVNode as l, createBlock as u, createCommentVNode as c, withCtx as n, createTextVNode as f, toDisplayString as p } from "vue";
+import N from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const K = {
+  name: "tree-data-editor",
+  mixins: [k, y],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  components: {
+    CodeModalEditor: C,
+    OptionItemsSetting: v,
+    HttpEditor: _
+  },
+  data() {
+    return {
+      dataSetList: []
+    };
+  },
+  computed: {
+    dataSourceList() {
+      return !this.designer.formConfig || !this.designer.formConfig.dataSources ? [] : this.designer.formConfig.dataSources;
+    }
+  },
+  watch: {
+    selectedWidget: {
+      handler(e, o) {
+        e && this.loadDataSet(e.options.dsName);
+      },
+      immediate: !0
+    }
+  },
+  methods: {
+    handleSave(e) {
+      this.optionModel.treeData = JSON.parse(e);
+    },
+    openTableDataEdit() {
+      const e = JSON.stringify(this.optionModel.treeData, null, "  ");
+      this.$refs.CodeModalEditorRef.open(e);
+    },
+    loadDataSet(e) {
+      if (this.dataSetList.length = 0, !e)
+        return;
+      const o = E(this.designer.formConfig, e);
+      o && o.dataSets && o.dataSets.forEach((t) => {
+        this.dataSetList.push({
+          name: t.name,
+          remark: t.remark
+        });
+      });
+    },
+    getDataSetList() {
+      this.optionModel.dataSetName = "", this.loadDataSet(this.optionModel.dsName);
+    }
+  }
+};
+function L(e, o, t, O, U, g) {
+  const h = d("a-divider"), i = d("a-form-item"), s = d("a-input"), m = d("a-switch"), b = d("a-button"), M = d("HttpEditor"), S = d("CodeModalEditor");
+  return r(), w(D, null, [
+    l(i, { "label-width": "0" }, {
+      default: n(() => [
+        l(h, { class: "custom-divider-margin-top" }, {
+          default: n(() => [
+            f(p(e.i18nt("参数设置")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    l(i, {
+      label: e.i18nt("designer.setting.labelKeyName")
+    }, {
+      default: n(() => [
+        l(s, {
+          size: "small",
+          value: t.optionModel.labelKey,
+          "onUpdate:value": o[0] || (o[0] = (a) => t.optionModel.labelKey = a),
+          allowClear: ""
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    l(i, {
+      label: e.i18nt("designer.setting.valueKeyName")
+    }, {
+      default: n(() => [
+        l(s, {
+          size: "small",
+          value: t.optionModel.valueKey,
+          "onUpdate:value": o[1] || (o[1] = (a) => t.optionModel.valueKey = a),
+          allowClear: ""
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    e.hasConfig("childrenKey") ? (r(), u(i, {
+      key: 0,
+      label: e.i18nt("designer.setting.childrenKeyName")
+    }, {
+      default: n(() => [
+        l(s, {
+          size: "small",
+          value: t.optionModel.childrenKey,
+          "onUpdate:value": o[2] || (o[2] = (a) => t.optionModel.childrenKey = a),
+          allowClear: ""
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"])) : c("", !0),
+    l(i, {
+      label: e.i18nt("是否展示连接线")
+    }, {
+      default: n(() => [
+        l(m, {
+          checked: t.optionModel.showLine,
+          "onUpdate:checked": o[3] || (o[3] = (a) => t.optionModel.showLine = a)
+        }, null, 8, ["checked"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    l(i, {
+      label: e.i18nt("是否可选择")
+    }, {
+      default: n(() => [
+        l(m, {
+          checked: t.optionModel.checkable,
+          "onUpdate:checked": o[4] || (o[4] = (a) => t.optionModel.checkable = a)
+        }, null, 8, ["checked"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    l(h, { class: "custom-divider-margin-top" }, {
+      default: n(() => [
+        f(p(e.i18nt("数据源设置")), 1)
+      ]),
+      _: 1
+    }),
+    l(i, {
+      label: e.i18nt("designer.setting.dsEnabled")
+    }, {
+      default: n(() => [
+        l(m, {
+          checked: t.optionModel.dsEnabled,
+          "onUpdate:checked": o[5] || (o[5] = (a) => t.optionModel.dsEnabled = a)
+        }, null, 8, ["checked"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    t.optionModel.dsEnabled ? c("", !0) : (r(), u(i, {
+      key: 1,
+      label: e.i18nt("数据源")
+    }, {
+      default: n(() => [
+        l(b, {
+          type: "primary",
+          shape: "round",
+          onClick: g.openTableDataEdit
+        }, {
+          default: n(() => [
+            f(p(e.i18nt("designer.setting.editAction")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      _: 1
+    }, 8, ["label"])),
+    t.optionModel.dsEnabled ? (r(), u(M, {
+      key: 2,
+      designer: t.designer,
+      "selected-widget": t.selectedWidget,
+      optionModel: t.optionModel
+    }, null, 8, ["designer", "selected-widget", "optionModel"])) : c("", !0),
+    l(S, {
+      ref: "CodeModalEditorRef",
+      mode: "json",
+      readonly: !1,
+      isShowEventHeader: !1,
+      title: e.i18nt("designer.setting.tableDataEdit"),
+      onSave: g.handleSave
+    }, null, 8, ["title", "onSave"])
+  ], 64);
+}
+const R = /* @__PURE__ */ N(K, [["render", L]]);
+export {
+  R as default
+};

package/src/components/form-designer/setting-panel/property-editor/field-treeSelect/treeSelect-treeDefaultExpandAll-editor.vue.js

@@ -0,0 +1,29 @@
+import l from "../../../../../utils/i18n.js";
+import i from "../propertyMixin.js";
+import { resolveComponent as o, createBlock as a, openBlock as d, withCtx as p, createVNode as m } from "vue";
+import f from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const s = {
+  name: "treeDefaultExpandAll-editor",
+  mixins: [l, i],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function _(u, e, t, x, h, k) {
+  const n = o("a-switch"), r = o("a-form-item");
+  return d(), a(r, { label: "默认展开所有树节点" }, {
+    default: p(() => [
+      m(n, {
+        checked: t.optionModel.treeDefaultExpandAll,
+        "onUpdate:checked": e[0] || (e[0] = (c) => t.optionModel.treeDefaultExpandAll = c)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  });
+}
+const M = /* @__PURE__ */ f(s, [["render", _]]);
+export {
+  M as default
+};

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

@@ -0,0 +1,60 @@
+import g from "../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as r, openBlock as n, withCtx as o, createVNode as p, createElementBlock as f, Fragment as _, renderList as m, createTextVNode as x, toDisplayString as b } from "vue";
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const O = {
+  name: "flex-editor",
+  mixins: [g],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      alignOptions: [
+        {
+          label: this.i18nt("designer.setting.leftAlign"),
+          value: "flex-start"
+        },
+        {
+          label: this.i18nt("designer.setting.centerAlign"),
+          value: "center"
+        },
+        {
+          label: this.i18nt("designer.setting.rightAlign"),
+          value: "flex-end"
+        }
+      ]
+    };
+  }
+};
+function h(a, l, i, j, s, k) {
+  const d = t("a-radio-button"), u = t("a-radio-group"), c = t("a-form-item");
+  return n(), r(c, {
+    label: a.i18nt("designer.setting.widgetFlex")
+  }, {
+    default: o(() => [
+      p(u, {
+        value: i.optionModel.flex,
+        "onUpdate:value": l[0] || (l[0] = (e) => i.optionModel.flex = e)
+      }, {
+        default: o(() => [
+          (n(!0), f(_, null, m(s.alignOptions, (e) => (n(), r(d, {
+            value: e.value
+          }, {
+            default: o(() => [
+              x(b(e.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["value"]))), 256))
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const w = /* @__PURE__ */ v(O, [["render", h]]);
+export {
+  w as default
+};

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

@@ -0,0 +1,70 @@
+import p from "../../../../utils/i18n.js";
+import h from "./event-handler/eventMixin.js";
+import { resolveComponent as l, createElementBlock as f, openBlock as s, Fragment as _, createVNode as n, createBlock as g, createCommentVNode as k, withCtx as o, normalizeClass as b, createTextVNode as M, toDisplayString as v } from "vue";
+import H from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const C = {
+  name: "hidden-editor",
+  mixins: [p, h],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      eventParams: ["event"]
+    };
+  }
+};
+function x(d, e, t, j, m, w) {
+  const a = l("a-switch"), u = l("a-button"), r = l("a-space"), c = l("a-form-item");
+  return s(), f(_, null, [
+    n(c, {
+      label: d.i18nt("designer.setting.hidden")
+    }, {
+      default: o(() => [
+        n(r, null, {
+          default: o(() => [
+            n(a, {
+              checked: t.optionModel.hidden,
+              "onUpdate:checked": e[0] || (e[0] = (i) => t.optionModel.hidden = i)
+            }, null, 8, ["checked"]),
+            n(u, {
+              shape: "round",
+              class: b([t.optionModel.onHidden ? "button-text-highlight" : ""]),
+              onClick: e[1] || (e[1] = (i) => d.editEventHandler("onHidden", m.eventParams))
+            }, {
+              default: o(() => [
+                M(v(d.i18nt("designer.setting.editFunction")), 1)
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    t.optionModel.hidden ? (s(), g(c, {
+      key: 0,
+      label: d.i18nt("designer.setting.holdHidden")
+    }, {
+      default: o(() => [
+        n(r, null, {
+          default: o(() => [
+            n(a, {
+              checked: t.optionModel.holdHidden,
+              "onUpdate:checked": e[2] || (e[2] = (i) => t.optionModel.holdHidden = i)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["label"])) : k("", !0)
+  ], 64);
+}
+const V = /* @__PURE__ */ H(C, [["render", x]]);
+export {
+  V as default
+};