@kp-ui/lowcode 1.0.20 → 1.0.23

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,52 @@
+import _ from "../../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as p, openBlock as m, withCtx as e, createVNode as o, 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, i, n, b, x, g) {
+  const r = t("a-select-option"), c = t("a-select"), d = t("a-form-item");
+  return m(), p(d, {
+    label: a.i18nt("designer.setting.dividerDirection")
+  }, {
+    default: e(() => [
+      o(c, {
+        value: n.optionModel.direction,
+        "onUpdate:value": i[0] || (i[0] = (s) => n.optionModel.direction = s)
+      }, {
+        default: e(() => [
+          o(r, {
+            label: "horizontal",
+            value: "horizontal"
+          }, {
+            default: e(() => [
+              l("horizontal")
+            ]),
+            _: 1
+          }),
+          o(r, {
+            label: "vertical",
+            value: "vertical"
+          }, {
+            default: e(() => [
+              l("vertical")
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const M = /* @__PURE__ */ f(u, [["render", v]]);
+export {
+  M 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 u, openBlock as f, 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 f(), u(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, createVNode as t, withCtx as c } from "vue";
+/* empty css                        */
+import p from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "htmlContent-editor",
+  mixins: [m],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(r, e, o, u, h, C) {
+  const n = l("a-form-item"), a = l("a-textarea");
+  return s(), d("div", null, [
+    t(n, {
+      label: r.i18nt("designer.setting.htmlContent")
+    }, null, 8, ["label"]),
+    t(n, { "label-width": "0" }, {
+      default: c(() => [
+        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
+    })
+  ]);
+}
+const j = /* @__PURE__ */ p(_, [["render", f], ["__scopeId", "data-v-85305ed8"]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,52 @@
+import _ from "../../../../../utils/i18n.js";
+import { resolveComponent as e, createBlock as p, openBlock as m, withCtx as o, createVNode as t, 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, n, i, g, v, x) {
+  const l = e("a-select-option"), a = e("a-select"), c = e("a-form-item");
+  return m(), p(c, {
+    label: s.i18nt("designer.setting.controlsPosition")
+  }, {
+    default: o(() => [
+      t(a, {
+        value: i.optionModel.controlsPosition,
+        "onUpdate:value": n[0] || (n[0] = (d) => i.optionModel.controlsPosition = d)
+      }, {
+        default: o(() => [
+          t(l, {
+            label: "default",
+            value: ""
+          }, {
+            default: o(() => [
+              r("default")
+            ]),
+            _: 1
+          }),
+          t(l, {
+            label: "right",
+            value: "right"
+          }, {
+            default: o(() => [
+              r("right")
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const M = /* @__PURE__ */ f(u, [["render", b]]);
+export {
+  M 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
+};