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

package/src/components/form-designer/setting-panel/property-editor/field-switch/switchWidth-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/field-switch/switchWidth-editor.vue2.js

@@ -0,0 +1,37 @@
+import { defineComponent as p, useModel as s, resolveComponent as o, createBlock as u, openBlock as a, unref as m, withCtx as c, createVNode as h } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as f } from "../../../../../constants/EditorTypeEnum.js";
+const b = /* @__PURE__ */ p({
+  name: f.switchWidthEditor,
+  __name: "switchWidth-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ switchWidth: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(i) {
+    const t = s(i, "optionModel"), { i18nt: n } = _();
+    return (w, e) => {
+      const r = o("a-input-number"), d = o("a-form-item");
+      return a(), u(d, {
+        label: m(n)("designer.setting.switchWidth")
+      }, {
+        default: c(() => [
+          h(r, {
+            value: t.value.switchWidth,
+            "onUpdate:value": e[0] || (e[0] = (l) => t.value.switchWidth = l),
+            style: { width: "100%" }
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  b as default
+};

package/src/components/form-designer/setting-panel/property-editor/field-switch/unCheckedValue-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/field-switch/unCheckedValue-editor.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent as d, useModel as i, resolveComponent as t, createBlock as p, openBlock as m, unref as c, withCtx as s, createVNode as f } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as C } from "../../../../../constants/EditorTypeEnum.js";
+const v = /* @__PURE__ */ d({
+  name: C.unCheckedValueEditor,
+  __name: "unCheckedValue-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ unCheckedValue: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(n) {
+    const e = i(n, "optionModel"), { i18nt: u } = _();
+    return (k, o) => {
+      const l = t("a-input"), a = t("a-form-item");
+      return m(), p(a, {
+        label: c(u)("designer.setting.unCheckedValue")
+      }, {
+        default: s(() => [
+          f(l, {
+            value: e.value.unCheckedValue,
+            "onUpdate:value": o[0] || (o[0] = (r) => e.value.unCheckedValue = r)
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  v as default
+};

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

@@ -1,35 +1,4 @@
-import r 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-defaultValue-editor",
-  mixins: [r, m],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  }
-};
-function _(t, o, e, g, V, b) {
-  const n = a("a-time-picker"), i = a("a-form-item");
-  return f(), d(i, {
-    label: t.i18nt("designer.setting.defaultValue")
-  }, {
-    default: u(() => [
-      p(n, {
-        value: e.optionModel.defaultValue,
-        "onUpdate:value": o[0] || (o[0] = (l) => e.optionModel.defaultValue = l),
-        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", _]]);
+import f from "./time-defaultValue-editor.vue2.js";
 export {
-  k as default
+  f as default
 };

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

@@ -0,0 +1,43 @@
+import { defineComponent as d, useModel as f, resolveComponent as o, createBlock as p, openBlock as s, unref as a, withCtx as c, createVNode as _ } from "vue";
+import { useI18n as v } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as V } from "../../../../../constants/EditorTypeEnum.js";
+import { useEditor as M } from "../useEditor.js";
+const b = /* @__PURE__ */ d({
+  name: V.timeDefaultValueEditor,
+  __name: "time-defaultValue-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ defaultValue: "", format: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(l) {
+    const e = f(l, "optionModel"), { i18nt: n } = v(), { emitDefaultValueChange: r } = M({
+      optionModel: e
+    });
+    return (C, t) => {
+      const u = o("a-time-picker"), i = o("a-form-item");
+      return s(), p(i, {
+        label: a(n)("designer.setting.defaultValue")
+      }, {
+        default: c(() => [
+          _(u, {
+            value: e.value.defaultValue,
+            "onUpdate:value": t[0] || (t[0] = (m) => e.value.defaultValue = m),
+            onChange: a(r),
+            format: e.value.format,
+            "value-format": "HH:mm:ss",
+            style: { width: "100%" }
+          }, null, 8, ["value", "onChange", "format"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  b as default
+};

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

@@ -1,55 +1,4 @@
-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]]);
+import f from "./time-format-editor.vue2.js";
 export {
-  M as default
+  f as default
 };

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

@@ -0,0 +1,61 @@
+import { defineComponent as u, useModel as f, resolveComponent as t, createBlock as _, openBlock as H, unref as c, withCtx as o, createVNode as m, createTextVNode as a } from "vue";
+import { useI18n as v } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
+const g = /* @__PURE__ */ u({
+  name: M.timeFormatEditor,
+  __name: "time-format-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ format: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(r) {
+    const l = f(r, "optionModel"), { i18nt: s } = v();
+    return (b, e) => {
+      const n = t("a-select-option"), i = t("a-select"), p = t("a-form-item");
+      return H(), _(p, {
+        label: c(s)("designer.setting.format")
+      }, {
+        default: o(() => [
+          m(i, {
+            value: l.value.format,
+            "onUpdate:value": e[0] || (e[0] = (d) => l.value.format = d),
+            allowClear: ""
+          }, {
+            default: o(() => [
+              m(n, {
+                label: "HH:mm:ss",
+                value: "HH:mm:ss"
+              }, {
+                default: o(() => e[1] || (e[1] = [
+                  a("HH:mm:ss")
+                ])),
+                _: 1,
+                __: [1]
+              }),
+              m(n, {
+                label: "HH时mm分ss秒",
+                value: "HH时mm分ss秒"
+              }, {
+                default: o(() => e[2] || (e[2] = [
+                  a("HH时mm分ss秒")
+                ])),
+                _: 1,
+                __: [2]
+              })
+            ]),
+            _: 1
+          }, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  g as default
+};

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

@@ -1,36 +1,4 @@
-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", _]]);
+import f from "./time-range-defaultValue-editor.vue2.js";
 export {
-  k as default
+  f as default
 };

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

@@ -0,0 +1,44 @@
+import { defineComponent as d, useModel as f, resolveComponent as o, createBlock as p, openBlock as s, unref as a, withCtx as c, createVNode as _ } from "vue";
+import { useI18n as g } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as v } from "../../../../../constants/EditorTypeEnum.js";
+import { useEditor as V } from "../useEditor.js";
+const b = /* @__PURE__ */ d({
+  name: v.timeRangeDefaultValueEditor,
+  __name: "time-range-defaultValue-editor",
+  props: {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ defaultValue: "" })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(l) {
+    const e = f(l, "optionModel"), { i18nt: n } = g(), { emitDefaultValueChange: r } = V({
+      optionModel: e
+    });
+    return (C, t) => {
+      const u = o("a-time-range-picker"), i = o("a-form-item");
+      return s(), p(i, {
+        label: a(n)("designer.setting.defaultValue")
+      }, {
+        default: c(() => [
+          _(u, {
+            value: e.value.defaultValue,
+            "onUpdate:value": t[0] || (t[0] = (m) => e.value.defaultValue = m),
+            allowClear: "",
+            onChange: a(r),
+            format: e.value.format,
+            "value-format": "HH:mm:ss",
+            style: { width: "100%" }
+          }, null, 8, ["value", "onChange", "format"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  b as default
+};

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

@@ -1,194 +1,4 @@
-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]]);
+import f from "./tree-data-editor.vue2.js";
 export {
-  R as default
+  f as default
 };