@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

package/src/components/form-designer/form-widget/field-widget/textarea-widget.vue.js

@@ -0,0 +1,126 @@
+import p from "./form-item-wrapper.vue.js";
+import g from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import b from "./fieldMixin.js";
+import { resolveComponent as i, createBlock as d, createCommentVNode as l, openBlock as r, withCtx as s, withDirectives as w, createVNode as C, vShow as x, createElementVNode as F } from "vue";
+/* empty css                     */
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const y = {
+  name: "textarea-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [g, b, c],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    FormItemWrapper: p
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, _ = ["innerHTML"];
+function I(t, o, e, M, n, a) {
+  const m = i("a-textarea"), u = i("a-tooltip"), f = i("form-item-wrapper");
+  return t.handleHidden() ? l("", !0) : (r(), d(f, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: n.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: s(() => [
+      w(C(m, {
+        type: "textarea",
+        ref: "fieldEditor",
+        value: n.fieldModel,
+        "onUpdate:value": o[0] || (o[0] = (h) => n.fieldModel = h),
+        size: a.size,
+        disabled: t.handleDisabled(),
+        allowClear: e.field.options.allowClear,
+        readonly: e.field.options.readonly,
+        placeholder: e.field.options.placeholder,
+        rows: e.field.options.rows,
+        minlength: e.field.options.minLength,
+        maxlength: e.field.options.maxLength,
+        showCount: e.field.options.showCount,
+        onFocus: t.handleFocusCustomEvent,
+        onBlur: t.handleBlurCustomEvent,
+        onInput: t.handleInputCustomEvent,
+        onChange: t.handleChangeEvent
+      }, null, 8, ["value", "size", "disabled", "allowClear", "readonly", "placeholder", "rows", "minlength", "maxlength", "showCount", "onFocus", "onBlur", "onInput", "onChange"]), [
+        [x, !t.isReadMode]
+      ]),
+      t.isReadMode ? (r(), d(u, {
+        key: 0,
+        placement: "topLeft",
+        title: n.fieldModel,
+        overlayStyle: { zIndex: 1e3 }
+      }, {
+        default: s(() => [
+          F("div", {
+            innerHTML: n.fieldModel,
+            class: "readonly-mode-field"
+          }, null, 8, _)
+        ]),
+        _: 1
+      }, 8, ["title"])) : l("", !0)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const S = /* @__PURE__ */ v(y, [["render", I], ["__scopeId", "data-v-d8be4a0b"]]);
+export {
+  S as default
+};

package/src/components/form-designer/form-widget/field-widget/time-range-widget.vue.js

@@ -0,0 +1,125 @@
+import u from "./form-item-wrapper.vue.js";
+import h from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import g from "./fieldMixin.js";
+import { resolveComponent as d, createBlock as p, createCommentVNode as l, openBlock as r, withCtx as b, createElementVNode as w, normalizeClass as a, createVNode as F, createElementBlock as C, toDisplayString as y } from "vue";
+/* empty css                       */
+import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const M = {
+  name: "time-range-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [h, g, c],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    FormItemWrapper: u
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+    },
+    contentForReadMode() {
+      return this.fieldModel ? this.fieldModel[0] + " - " + this.fieldModel[1] : "--";
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, v = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function _(t, n, e, x, i, o) {
+  const s = d("a-time-range-picker"), m = d("form-item-wrapper");
+  return t.handleHidden() ? l("", !0) : (r(), p(m, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: i.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: b(() => [
+      w("div", {
+        class: a([
+          e.field.options.autoFullWidth ? "auto-full-width" : "",
+          t.isReadMode ? "readonly-mode-time-range" : ""
+        ])
+      }, [
+        F(s, {
+          ref: "fieldEditor",
+          size: o.size,
+          value: i.fieldModel,
+          "onUpdate:value": n[0] || (n[0] = (f) => i.fieldModel = f),
+          class: a([e.field.options.autoFullWidth ? "full-width-input" : ""]),
+          disabled: t.handleDisabled(),
+          readonly: e.field.options.readonly,
+          inputReadOnly: e.field.options.readonly,
+          allowClear: e.field.options.allowClear,
+          format: e.field.options.format,
+          "value-format": "HH:mm:ss",
+          placeholder: [
+            e.field.options.startPlaceholder || t.i18nt("render.hint.startTimePlaceholder"),
+            e.field.options.endPlaceholder || t.i18nt("render.hint.endTimePlaceholder")
+          ],
+          onFocus: t.handleFocusCustomEvent,
+          onBlur: t.handleBlurCustomEvent,
+          onChange: t.handleChangeEvent
+        }, null, 8, ["size", "value", "class", "disabled", "readonly", "inputReadOnly", "allowClear", "format", "placeholder", "onFocus", "onBlur", "onChange"]),
+        t.isReadMode ? (r(), C("span", v, y(o.contentForReadMode), 1)) : l("", !0)
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const W = /* @__PURE__ */ R(M, [["render", _], ["__scopeId", "data-v-286657fe"]]);
+export {
+  W as default
+};

package/src/components/form-designer/form-widget/field-widget/time-widget.vue.js

@@ -0,0 +1,118 @@
+import f from "./form-item-wrapper.vue.js";
+import u from "../../../../utils/emitter.js";
+import c from "../../../../utils/i18n.js";
+import h from "./fieldMixin.js";
+import { resolveComponent as n, createBlock as p, createCommentVNode as d, openBlock as l, withCtx as g, createElementVNode as b, normalizeClass as w, createVNode as C, createElementBlock as y, toDisplayString as F } from "vue";
+/* empty css                 */
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const R = {
+  name: "time-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [u, h, c],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    FormItemWrapper: f
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, _ = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function x(i, o, e, z, t, r) {
+  const s = n("a-time-picker"), a = n("form-item-wrapper");
+  return i.handleHidden() ? d("", !0) : (l(), p(a, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: t.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: g(() => [
+      b("div", {
+        class: w([
+          e.field.options.autoFullWidth ? "auto-full-width" : "",
+          i.isReadMode ? "readonly-mode-time" : ""
+        ])
+      }, [
+        C(s, {
+          size: r.size,
+          ref: "fieldEditor",
+          value: t.fieldModel,
+          "onUpdate:value": o[0] || (o[0] = (m) => t.fieldModel = m),
+          disabled: i.handleDisabled(),
+          inputReadOnly: e.field.options.readonly,
+          readonly: e.field.options.readonly,
+          allowClear: e.field.options.allowClear,
+          format: e.field.options.format,
+          "value-format": "HH:mm:ss",
+          placeholder: e.field.options.placeholder || i.i18nt("render.hint.timePlaceholder"),
+          onFocus: i.handleFocusCustomEvent,
+          onBlur: i.handleBlurCustomEvent,
+          onChange: i.handleChangeEvent
+        }, null, 8, ["size", "value", "disabled", "inputReadOnly", "readonly", "allowClear", "format", "placeholder", "onFocus", "onBlur", "onChange"]),
+        i.isReadMode ? (l(), y("span", _, F(t.fieldModel), 1)) : d("", !0)
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const L = /* @__PURE__ */ v(R, [["render", x], ["__scopeId", "data-v-c126faf0"]]);
+export {
+  L as default
+};

package/src/components/form-designer/form-widget/field-widget/tree-widget.vue.js

@@ -0,0 +1,131 @@
+import a from "./form-item-wrapper.vue.js";
+import s from "../../../../utils/emitter.js";
+import f from "../../../../utils/i18n.js";
+import m from "./fieldMixin.js";
+import { Tree as c } from "ant-design-vue";
+import { executeFunction as u } from "../../../../utils/executeFunction.js";
+import { resolveComponent as o, createBlock as h, createCommentVNode as p, openBlock as b, withCtx as w, createElementVNode as x, createVNode as y } from "vue";
+/* empty css                 */
+import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "tree-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [s, m, f],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    },
+    rules: [],
+    designState: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  components: {
+    Tree: c,
+    FormItemWrapper: a
+  },
+  data() {
+    return {
+      fieldModel: []
+    };
+  },
+  computed: {
+    labelKey() {
+      return this.field.options.labelKey || "label";
+    },
+    valueKey() {
+      return this.field.options.valueKey || "value";
+    },
+    childrenKey() {
+      return this.field.options.childrenKey || "children";
+    }
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.field.options.dsEnabled ? this.initOptionItems() : this.fieldModel = this.field.options.treeData, this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  watch: {
+    fieldModel: {
+      handler(t) {
+        this.field.options.dsEnabled || (this.field.options.treeData = t);
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    // e:{checked: bool, checkedNodes, node, event}
+    onCheck(t, n) {
+      u({
+        functionBody: this.field.options.onCheck,
+        params: { checkedKeys: t, e: n },
+        keys: ["checkedKeys", "e"],
+        context: this,
+        errorCallback: (e) => {
+          console.error("Custom render error:", e);
+        }
+      });
+    }
+  }
+}, k = { class: "full-width-input" };
+function C(t, n, e, I, r, i) {
+  const l = o("Tree"), d = o("form-item-wrapper");
+  return t.handleHidden() ? p("", !0) : (b(), h(d, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: e.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: w(() => [
+      x("div", k, [
+        y(l, {
+          "show-line": e.field.options.showLine,
+          showIcon: e.field.options.showIcon,
+          treeData: r.fieldModel,
+          "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
+          checkable: e.field.options.checkable,
+          ref: "fieldEditor",
+          fieldNames: { key: i.valueKey, title: i.labelKey, children: i.childrenKey },
+          multiple: e.field.options.multiple,
+          selectable: e.field.options.selectable,
+          onCheck: i.onCheck
+        }, null, 8, ["show-line", "showIcon", "treeData", "tree-default-expand-all", "checkable", "fieldNames", "multiple", "selectable", "onCheck"])
+      ])
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const D = /* @__PURE__ */ g(_, [["render", C], ["__scopeId", "data-v-31a7fac6"]]);
+export {
+  D as default
+};

package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js

@@ -0,0 +1,151 @@
+import p from "./form-item-wrapper.vue.js";
+import b from "../../../../utils/emitter.js";
+import g from "../../../../utils/i18n.js";
+import y from "./fieldMixin.js";
+import { formateTreeToName as v } from "../../../../utils/format.js";
+import { isArray as w } from "lodash-es";
+import { resolveComponent as o, createBlock as n, createCommentVNode as r, openBlock as a, withCtx as s, createElementVNode as f, normalizeClass as C, withDirectives as F, createVNode as M, vShow as _, toDisplayString as x } from "vue";
+/* empty css                       */
+import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const I = {
+  name: "treeSelect-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [b, y, g],
+  props: {
+    field: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  components: {
+    FormItemWrapper: p
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      return this.field.options && this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
+    },
+    labelKey() {
+      return this.field.options.labelKey || "label";
+    },
+    valueKey() {
+      return this.field.options.valueKey || "value";
+    },
+    childrenKey() {
+      return this.field.options.childrenKey || "children";
+    },
+    // showFullPath() {
+    //   return this.field.options.showAllLevels === undefined || !!this.field.options.showAllLevels;
+    // },
+    contentForReadMode() {
+      if (!this.fieldModel) return "";
+      const t = w(this.fieldModel) ? this.fieldModel : [this.fieldModel];
+      return v(t, this.field.options.optionItems, {
+        label: this.labelKey,
+        value: this.valueKey,
+        children: this.childrenKey
+      });
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    /* 开启任意级节点可选后，点击radio隐藏下拉框 */
+    hideDropDownOnClick() {
+    }
+  }
+}, K = { class: "readonly-mode-field" };
+function z(t, d, e, N, l, i) {
+  const m = o("a-tree-select"), u = o("a-tooltip"), h = o("form-item-wrapper");
+  return t.handleHidden() ? r("", !0) : (a(), n(h, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: l.rules,
+    "design-state": e.designState,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    "sub-form-row-index": e.subFormRowIndex,
+    "sub-form-col-index": e.subFormColIndex,
+    "sub-form-row-id": e.subFormRowId
+  }, {
+    default: s(() => [
+      f("div", {
+        class: C(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
+      }, [
+        F(M(m, {
+          "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
+          ref: "fieldEditor",
+          size: i.size,
+          treeData: e.field.options.optionItems,
+          value: l.fieldModel,
+          "onUpdate:value": d[0] || (d[0] = (c) => l.fieldModel = c),
+          disabled: t.handleDisabled(),
+          allowClear: e.field.options.allowClear,
+          placeholder: e.field.options.placeholder || t.i18nt("render.hint.selectPlaceholder"),
+          fieldNames: { value: i.valueKey, label: i.labelKey, children: i.childrenKey },
+          multiple: e.field.options.multiple,
+          onFocus: t.handleFocusCustomEvent,
+          onBlur: t.handleBlurCustomEvent,
+          onChange: t.handleChangeEvent
+        }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur", "onChange"]), [
+          [_, !t.isReadMode]
+        ]),
+        t.isReadMode ? (a(), n(u, {
+          key: 0,
+          placement: "topLeft",
+          title: i.contentForReadMode,
+          overlayStyle: { zIndex: 1e3 }
+        }, {
+          default: s(() => [
+            f("span", K, x(i.contentForReadMode), 1)
+          ]),
+          _: 1
+        }, 8, ["title"])) : r("", !0)
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
+}
+const j = /* @__PURE__ */ R(I, [["render", z], ["__scopeId", "data-v-a818197c"]]);
+export {
+  j as default
+};