@kp-ui/lowcode 2.13.2 → 2.14.0-alpha

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

@@ -0,0 +1,148 @@
+import g from "./form-item-wrapper.vue.js";
+import w from "../../../svg-icon/index.vue.js";
+import C from "../../../../utils/emitter.js";
+import y from "../../../../utils/i18n.js";
+import _ from "./fieldMixin.js";
+import { resolveComponent as o, createBlock as r, createCommentVNode as a, openBlock as u, withCtx as i, withDirectives as v, createVNode as d, createSlots as F, vShow as I, createElementVNode as x, toDisplayString as B } from "vue";
+/* empty css                  */
+import M from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const z = {
+  name: "input-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [C, _, y],
+  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: g,
+    SvgIcon: w
+  },
+  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";
+    },
+    inputType() {
+      return this.field.options.type === "number" ? "text" : this.field.options.type;
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, R = { class: "readonly-mode-field" };
+function k(t, l, e, L, n, s) {
+  const f = o("svg-icon"), m = o("a-button"), p = o("a-input"), c = o("a-tooltip"), h = o("form-item-wrapper");
+  return t.handleHidden() ? a("", !0) : (u(), r(h, {
+    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: i(() => [
+      v(d(p, {
+        ref: "fieldEditor",
+        value: n.fieldModel,
+        "onUpdate:value": l[0] || (l[0] = (b) => n.fieldModel = b),
+        disabled: t.handleDisabled(),
+        readonly: e.field.options.readonly,
+        size: s.size,
+        class: "hide-spin-button",
+        type: s.inputType,
+        "show-password": e.field.options.showPassword,
+        placeholder: e.field.options.placeholder,
+        allowClear: e.field.options.allowClear,
+        maxlength: e.field.options.maxLength,
+        showCount: e.field.options.showCount,
+        addonBefore: e.field.options.addonBefore,
+        addonAfter: e.field.options.addonAfter,
+        onFocus: t.handleFocusCustomEvent,
+        onBlur: t.handleBlurCustomEvent,
+        onInput: t.handleInputCustomEvent,
+        onChange: t.handleChangeEvent
+      }, F({ _: 2 }, [
+        e.field.options.appendButton ? {
+          name: "append",
+          fn: i(() => [
+            d(m, {
+              disabled: t.handleDisabled() || e.field.options.appendButtonDisabled,
+              onClick: t.emitAppendButtonClick
+            }, {
+              default: i(() => [
+                d(f, {
+                  "icon-class": e.field.options.buttonIcon
+                }, null, 8, ["icon-class"])
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "addonBefore", "addonAfter", "onFocus", "onBlur", "onInput", "onChange"]), [
+        [I, !t.isReadMode]
+      ]),
+      t.isReadMode ? (u(), r(c, {
+        key: 0,
+        placement: "topLeft",
+        title: n.fieldModel,
+        overlayStyle: { zIndex: 1e3 }
+      }, {
+        default: i(() => [
+          x("span", R, B(n.fieldModel), 1)
+        ]),
+        _: 1
+      }, 8, ["title"])) : a("", !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 j = /* @__PURE__ */ M(z, [["render", k], ["__scopeId", "data-v-783d9a66"]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,121 @@
+import c from "./form-item-wrapper.vue.js";
+import h from "../../../../utils/emitter.js";
+import b from "../../../../utils/i18n.js";
+import g from "./fieldMixin.js";
+import { resolveComponent as o, createBlock as d, createCommentVNode as r, openBlock as l, withCtx as s, withDirectives as w, createVNode as _, vShow as x, createElementVNode as F, toDisplayString as C } from "vue";
+/* empty css                   */
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const y = {
+  name: "number-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [h, g, b],
+  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: c
+  },
+  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: {}
+}, M = { class: "readonly-mode-field" };
+function z(i, n, e, I, t, a) {
+  const m = o("a-input-number"), u = o("a-tooltip"), f = o("form-item-wrapper");
+  return i.handleHidden() ? r("", !0) : (l(), d(f, {
+    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: s(() => [
+      w(_(m, {
+        ref: "fieldEditor",
+        size: a.size,
+        value: t.fieldModel,
+        "onUpdate:value": n[0] || (n[0] = (p) => t.fieldModel = p),
+        class: "full-width-input",
+        disabled: i.handleDisabled(),
+        "controls-position": e.field.options.controlsPosition,
+        placeholder: e.field.options.placeholder,
+        min: e.field.options.min,
+        max: e.field.options.max,
+        precision: e.field.options.precision,
+        step: e.field.options.step,
+        onFocus: i.handleFocusCustomEvent,
+        onBlur: i.handleBlurCustomEvent,
+        onChange: i.handleChangeEvent
+      }, null, 8, ["size", "value", "disabled", "controls-position", "placeholder", "min", "max", "precision", "step", "onFocus", "onBlur", "onChange"]), [
+        [x, !i.isReadMode]
+      ]),
+      i.isReadMode ? (l(), d(u, {
+        key: 0,
+        placement: "topLeft",
+        title: t.fieldModel,
+        overlayStyle: { zIndex: 1e3 }
+      }, {
+        default: s(() => [
+          F("span", M, C(t.fieldModel), 1)
+        ]),
+        _: 1
+      }, 8, ["title"])) : r("", !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 W = /* @__PURE__ */ v(y, [["render", z], ["__scopeId", "data-v-87ed8e36"]]);
+export {
+  W as default
+};

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

@@ -0,0 +1,134 @@
+import x from "./form-item-wrapper.vue.js";
+import F from "../../../../utils/emitter.js";
+import C from "../../../../utils/i18n.js";
+import I from "./fieldMixin.js";
+import { resolveComponent as o, createBlock as s, createCommentVNode as b, openBlock as d, withCtx as n, withDirectives as S, createElementBlock as a, createVNode as k, normalizeStyle as f, Fragment as y, renderList as p, createTextVNode as c, toDisplayString as u, vShow as z } from "vue";
+/* empty css                  */
+import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const L = {
+  name: "radio-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [F, I, 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: x
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    size() {
+      let t = "default";
+      return this.field.options && this.field.options.size ? t = this.field.options.size : this.designer ? t = this.designer.formConfig.size || "default" : t = this.formConfig.size || "default", t === "middle" ? "default" : t;
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, M = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function O(t, m, e, N, l, g) {
+  const h = o("a-radio-button"), _ = o("a-radio"), w = o("a-radio-group"), v = o("form-item-wrapper");
+  return t.handleHidden() ? b("", !0) : (d(), s(v, {
+    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: n(() => [
+      S(k(w, {
+        ref: "fieldEditor",
+        value: l.fieldModel,
+        "onUpdate:value": m[0] || (m[0] = (i) => l.fieldModel = i),
+        size: g.size,
+        disabled: t.handleDisabled(),
+        style: f({ display: e.field.options.displayStyle + " !important" }),
+        onChange: t.handleChangeEvent
+      }, {
+        default: n(() => [
+          e.field.options.buttonStyle ? (d(!0), a(y, { key: 0 }, p(e.field.options.optionItems, (i, r) => (d(), s(h, {
+            key: r,
+            value: i[e.field.options.valueKey],
+            disabled: i.disabled,
+            border: e.field.options.border,
+            style: f({ display: e.field.options.displayStyle })
+          }, {
+            default: n(() => [
+              c(u(i[e.field.options.labelKey]), 1)
+            ]),
+            _: 2
+          }, 1032, ["value", "disabled", "border", "style"]))), 128)) : (d(!0), a(y, { key: 1 }, p(e.field.options.optionItems, (i, r) => (d(), s(_, {
+            key: r,
+            value: i[e.field.options.valueKey],
+            disabled: i.disabled,
+            border: e.field.options.border,
+            style: f({ display: e.field.options.displayStyle })
+          }, {
+            default: n(() => [
+              c(u(i[e.field.options.labelKey]), 1)
+            ]),
+            _: 2
+          }, 1032, ["value", "disabled", "border", "style"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["value", "size", "disabled", "style", "onChange"]), [
+        [z, !t.isReadMode]
+      ]),
+      t.isReadMode ? (d(), a("span", M, u(t.optionLabel), 1)) : b("", !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 H = /* @__PURE__ */ R(L, [["render", O], ["__scopeId", "data-v-98054cf7"]]);
+export {
+  H as default
+};

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

@@ -0,0 +1,97 @@
+import a from "./form-item-wrapper.vue.js";
+import s from "../../../../utils/emitter.js";
+import m from "../../../../utils/i18n.js";
+import f from "./fieldMixin.js";
+import { resolveComponent as i, createBlock as u, createCommentVNode as c, openBlock as b, withCtx as p, createVNode as g } from "vue";
+/* empty css                 */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = {
+  name: "rate-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [s, f, m],
+  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: a
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+};
+function x(t, o, e, C, n, _) {
+  const r = i("a-rate"), d = i("form-item-wrapper");
+  return t.handleHidden() ? c("", !0) : (b(), u(d, {
+    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: p(() => [
+      g(r, {
+        ref: "fieldEditor",
+        value: n.fieldModel,
+        "onUpdate:value": o[0] || (o[0] = (l) => n.fieldModel = l),
+        disabled: t.handleDisabled(),
+        allowClear: e.field.options.allowClear,
+        count: e.field.options.count,
+        "allow-half": e.field.options.allowHalf,
+        onChange: t.handleChangeEvent
+      }, null, 8, ["value", "disabled", "allowClear", "count", "allow-half", "onChange"])
+    ]),
+    _: 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 M = /* @__PURE__ */ w(h, [["render", x], ["__scopeId", "data-v-5355f1dc"]]);
+export {
+  M as default
+};

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

@@ -0,0 +1,131 @@
+import s from "./form-item-wrapper.vue.js";
+import u from "../../../../utils/emitter.js";
+import m from "../../../../utils/i18n.js";
+import { deepClone as f } from "../../../../utils/util.js";
+import h from "./fieldMixin.js";
+import { defineAsyncComponent as c, resolveComponent as n, createBlock as g, createCommentVNode as p, openBlock as b, withCtx as F, createElementVNode as C, normalizeClass as E, createVNode as v, normalizeStyle as R } from "vue";
+/* empty css                        */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  name: "rich-editor-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [u, h, m],
+  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: s,
+    QuillEditor: c(
+      () => import("../../../public/QuillEditor/index.vue.js")
+    )
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: [],
+      customToolbar: [],
+      //富文本编辑器自定义工具栏
+      valueChangedFlag: !1
+      //vue2-editor数据值是否改变标志
+    };
+  },
+  computed: {
+    editorOption() {
+      return {
+        placeholder: this.field.options.placeholder,
+        modules: {
+          //toolbar: this.customToolbar
+        }
+      };
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    handleRichEditorChangeEvent() {
+      this.valueChangedFlag = !0, this.syncUpdateFormModel(this.fieldModel);
+    },
+    handleRichEditorFocusEvent() {
+      this.oldFieldValue = f(this.fieldModel);
+    },
+    handleRichEditorBlurEvent() {
+      this.valueChangedFlag && (this.emitFieldDataChange(this.fieldModel, this.oldFieldValue), this.valueChangedFlag = !1);
+    }
+  }
+};
+function y(t, o, e, M, d, i) {
+  const l = n("QuillEditor"), r = n("form-item-wrapper");
+  return t.handleHidden() ? p("", !0) : (b(), g(r, {
+    key: 0,
+    designer: e.designer,
+    field: e.field,
+    rules: d.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: F(() => [
+      C("div", {
+        class: E({ "readonly-mode-rich-editor": t.isReadMode })
+      }, [
+        v(l, {
+          ref: "fieldEditor",
+          value: d.fieldModel,
+          "onUpdate:value": o[0] || (o[0] = (a) => d.fieldModel = a),
+          options: i.editorOption,
+          disabled: t.handleDisabled() || t.isReadMode,
+          onBlur: i.handleRichEditorBlurEvent,
+          onFocus: i.handleRichEditorFocusEvent,
+          onChange: i.handleRichEditorChangeEvent,
+          style: R(
+            e.field.options.contentHeight ? `height: ${e.field.options.contentHeight};` : ""
+          )
+        }, null, 8, ["value", "options", "disabled", "onBlur", "onFocus", "onChange", "style"])
+      ], 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 H = /* @__PURE__ */ w(x, [["render", y], ["__scopeId", "data-v-319126bd"]]);
+export {
+  H as default
+};