@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

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

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

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

@@ -0,0 +1,64 @@
+import s from "../../../../../utils/i18n.js";
+import { resolveComponent as a, createBlock as _, openBlock as f, withCtx as t, createVNode as o, createTextVNode as l } from "vue";
+import g from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  name: "date-range-type-editor",
+  mixins: [s],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function c(d, e, r, b, y, x) {
+  const n = a("a-select-option"), i = a("a-select"), m = a("a-form-item");
+  return f(), _(m, {
+    label: d.i18nt("designer.setting.displayType")
+  }, {
+    default: t(() => [
+      o(i, {
+        modelValue: r.optionModel.type,
+        "onUpdate:modelValue": e[0] || (e[0] = (p) => r.optionModel.type = p)
+      }, {
+        default: t(() => [
+          o(n, {
+            label: "daterange",
+            value: "daterange"
+          }, {
+            default: t(() => e[1] || (e[1] = [
+              l("daterange")
+            ])),
+            _: 1,
+            __: [1]
+          }),
+          o(n, {
+            label: "datetimerange",
+            value: "datetimerange"
+          }, {
+            default: t(() => e[2] || (e[2] = [
+              l("datetimerange")
+            ])),
+            _: 1,
+            __: [2]
+          }),
+          o(n, {
+            label: "monthrange",
+            value: "monthrange"
+          }, {
+            default: t(() => e[3] || (e[3] = [
+              l("monthrange")
+            ])),
+            _: 1,
+            __: [3]
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const M = /* @__PURE__ */ g(u, [["render", c]]);
+export {
+  M as default
+};

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

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

package/src/components/form-designer/setting-panel/property-editor/field-divider/contentPosition-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/field-divider/divider-direction-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue.js

@@ -0,0 +1,64 @@
+import m from "../../../../../utils/i18n.js";
+import c from "../../../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent as e, createElementBlock as f, openBlock as u, Fragment as b, createVNode as o, withCtx as s, createTextVNode as _, toDisplayString as D } from "vue";
+import g from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = {
+  name: "menuList-editor",
+  mixins: [m],
+  components: { CodeModalEditor: c },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      tableDataOptions: ""
+    };
+  },
+  methods: {
+    saveTableData() {
+      try {
+        this.optionModel.menuList = JSON.parse(this.tableDataOptions);
+      } catch (t) {
+        this.$message.error(this.i18nt("designer.hint.invalidOptionsData") + t.message);
+      }
+    },
+    openTableDataEdit() {
+      this.tableDataOptions = JSON.stringify(this.optionModel.menuList, null, "  "), this.$refs.CodeModalEditorRef.open(this.tableDataOptions);
+    }
+  }
+};
+function O(t, a, E, C, n, i) {
+  const r = e("a-button"), l = e("a-form-item"), d = e("CodeModalEditor");
+  return u(), f(b, null, [
+    o(l, { label: "下拉菜单选项设置" }, {
+      default: s(() => [
+        o(r, {
+          type: "primary",
+          shape: "round",
+          onClick: i.openTableDataEdit
+        }, {
+          default: s(() => [
+            _(D(t.i18nt("designer.setting.editAction")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      _: 1
+    }),
+    o(d, {
+      ref: "CodeModalEditorRef",
+      mode: "json",
+      readonly: !1,
+      modelValue: n.tableDataOptions,
+      "onUpdate:modelValue": a[0] || (a[0] = (p) => n.tableDataOptions = p),
+      title: t.i18nt("designer.setting.tableDataEdit"),
+      onSave: i.saveTableData
+    }, null, 8, ["modelValue", "title", "onSave"])
+  ], 64);
+}
+const S = /* @__PURE__ */ g(h, [["render", O]]);
+export {
+  S as default
+};

package/src/components/form-designer/setting-panel/property-editor/field-file-upload/file-upload-fileTypes-editor.vue.js

@@ -0,0 +1,61 @@
+import f from "../../../../svg-icon/index.vue.js";
+import m from "../../../../../utils/i18n.js";
+import { resolveComponent as e, createBlock as u, openBlock as _, withCtx as o, createVNode as t, createElementVNode as x, createTextVNode as v, toDisplayString as g } from "vue";
+import y from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const b = {
+  name: "file-upload-fileTypes-editor",
+  mixins: [m],
+  components: {
+    SvgIcon: f
+  },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      uploadFileTypes: [
+        { value: "doc", label: "doc" },
+        { value: "xls", label: "xls" },
+        { value: "docx", label: "docx" },
+        { value: "xlsx", label: "xlsx" }
+      ]
+    };
+  }
+};
+function T(l, n, i, j, s, w) {
+  const a = e("svg-icon"), p = e("a-tooltip"), c = e("a-select"), r = e("a-form-item");
+  return _(), u(r, null, {
+    label: o(() => [
+      x("span", null, [
+        v(g(l.i18nt("designer.setting.fileTypes")) + " ", 1),
+        t(p, {
+          title: l.i18nt("designer.setting.fileTypesHelp")
+        }, {
+          default: o(() => [
+            t(a, { "icon-class": "el-info" })
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ])
+    ]),
+    default: o(() => [
+      t(c, {
+        multiple: "",
+        "allow-create": "",
+        filterable: "",
+        "default-first-option": "",
+        value: i.optionModel.fileTypes,
+        "onUpdate:value": n[0] || (n[0] = (d) => i.optionModel.fileTypes = d),
+        style: { width: "100%" },
+        options: s.uploadFileTypes
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+  });
+}
+const V = /* @__PURE__ */ y(b, [["render", T]]);
+export {
+  V as default
+};

package/src/components/form-designer/setting-panel/property-editor/field-html-text/htmlContent-editor.vue.js

@@ -0,0 +1,36 @@
+import m from "../../../../../utils/i18n.js";
+import { resolveComponent as l, createElementBlock as d, openBlock as s, Fragment as c, createVNode as t, withCtx as p } from "vue";
+/* empty css                        */
+import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  name: "htmlContent-editor",
+  mixins: [m],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function u(r, e, o, b, h, C) {
+  const n = l("a-form-item"), a = l("a-textarea");
+  return s(), d(c, null, [
+    t(n, {
+      label: r.i18nt("designer.setting.htmlContent")
+    }, null, 8, ["label"]),
+    t(n, { "label-width": "0" }, {
+      default: p(() => [
+        t(a, {
+          value: o.optionModel.htmlContent,
+          "onUpdate:value": e[0] || (e[0] = (i) => o.optionModel.htmlContent = i),
+          rows: 5,
+          class: "html-content-editor"
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+const w = /* @__PURE__ */ _(f, [["render", u], ["__scopeId", "data-v-be634f5e"]]);
+export {
+  w as default
+};

package/src/components/form-designer/setting-panel/property-editor/field-number/controlsPosition-editor.vue.js

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

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

@@ -0,0 +1,35 @@
+import l from "../../../../../utils/i18n.js";
+import u from "../propertyMixin.js";
+import { resolveComponent as n, createBlock as m, createCommentVNode as d, openBlock as p, withCtx as f, createVNode as s } from "vue";
+import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "number-defaultValue-editor",
+  mixins: [l, u],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function b(e, t, o, g, V, C) {
+  const a = n("a-input-number"), r = n("a-form-item");
+  return e.hasConfig("optionItems") ? d("", !0) : (p(), m(r, {
+    key: 0,
+    label: e.i18nt("designer.setting.defaultValue")
+  }, {
+    default: f(() => [
+      s(a, {
+        type: "text",
+        style: { width: "100%" },
+        value: o.optionModel.defaultValue,
+        "onUpdate:value": t[0] || (t[0] = (i) => o.optionModel.defaultValue = i),
+        onChange: e.emitDefaultValueChange
+      }, null, 8, ["value", "onChange"])
+    ]),
+    _: 1
+  }, 8, ["label"]));
+}
+const M = /* @__PURE__ */ c(_, [["render", b]]);
+export {
+  M as default
+};

package/src/components/form-designer/setting-panel/property-editor/field-picture-upload/picture-upload-fileTypes-editor.vue.js

@@ -0,0 +1,64 @@
+import m from "../../../../svg-icon/index.vue.js";
+import u from "../../../../../utils/i18n.js";
+import { resolveComponent as e, createBlock as f, openBlock as _, withCtx as t, createVNode as o, createElementVNode as g, createTextVNode as y, toDisplayString as b } from "vue";
+import T from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
+  name: "picture-upload-fileTypes-editor",
+  mixins: [u],
+  components: {
+    SvgIcon: m
+  },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      uploadPictureTypes: [
+        {
+          value: "jpg",
+          label: "jpg"
+        },
+        { value: "jpeg", label: "jpeg" },
+        { value: "png", label: "png" },
+        { value: "gif", label: "gif" }
+      ]
+    };
+  }
+};
+function j(l, n, i, V, p, x) {
+  const a = e("svg-icon"), s = e("a-tooltip"), r = e("a-select"), c = e("a-form-item");
+  return _(), f(c, null, {
+    label: t(() => [
+      g("span", null, [
+        y(b(l.i18nt("designer.setting.fileTypes")) + " ", 1),
+        o(s, {
+          title: l.i18nt("designer.setting.fileTypesHelp")
+        }, {
+          default: t(() => [
+            o(a, { "icon-class": "el-info" })
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ])
+    ]),
+    default: t(() => [
+      o(r, {
+        multiple: "",
+        "allow-create": "",
+        filterable: "",
+        "default-first-option": "",
+        modelValue: i.optionModel.fileTypes,
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => i.optionModel.fileTypes = d),
+        style: { width: "100%" },
+        options: p.uploadPictureTypes
+      }, null, 8, ["modelValue", "options"])
+    ]),
+    _: 1
+  });
+}
+const k = /* @__PURE__ */ T(v, [["render", j]]);
+export {
+  k as default
+};

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

@@ -0,0 +1,17 @@
+import { createElementBlock as e, openBlock as t } from "vue";
+import o from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  name: "radio-defaultValue-editor",
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+}, c = { style: { display: "none" } };
+function n(d, s, a, i, p, l) {
+  return t(), e("div", c);
+}
+const u = /* @__PURE__ */ o(r, [["render", n]]);
+export {
+  u as default
+};