@kp-ui/lowcode 1.0.20 → 1.0.23

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-c64f78a6"]]);
+export {
+  M as default
+};

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

@@ -0,0 +1,129 @@
+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 "../../../../../node_modules/.pnpm/vue3-quill@0.2.9_typescript@4.8.4/node_modules/vue3-quill/src/index.js";
+import { resolveComponent as n, createBlock as c, createCommentVNode as g, openBlock as p, withCtx as b, createElementVNode as F, normalizeClass as C, createVNode as v, normalizeStyle as E } from "vue";
+/* empty css                        */
+import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import w from "../../../../../node_modules/.pnpm/vue3-quill@0.2.9_typescript@4.8.4/node_modules/vue3-quill/src/editor.vue.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: w
+  },
+  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 M(t, o, e, _, d, i) {
+  const r = n("quill-editor"), l = n("form-item-wrapper");
+  return t.handleHidden() ? g("", !0) : (p(), c(l, {
+    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: b(() => [
+      F("div", {
+        class: C({ "readonly-mode-rich-editor": t.isReadMode })
+      }, [
+        v(r, {
+          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: E(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 j = /* @__PURE__ */ R(x, [["render", M], ["__scopeId", "data-v-dd6337d5"]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,169 @@
+import C from "./form-item-wrapper.vue.js";
+import v from "../../../../utils/emitter.js";
+import F from "../../../../utils/i18n.js";
+import I from "./fieldMixin.js";
+import M from "../../../svg-icon/index.vue.js";
+import y from "../../../../mixins/useSelectMixin.js";
+import { resolveComponent as o, createBlock as r, createCommentVNode as d, openBlock as s, withCtx as a, withDirectives as m, createElementVNode as f, createElementBlock as O, createVNode as u, mergeProps as L, vShow as c, toDisplayString as _ } from "vue";
+/* empty css                   */
+import x from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const R = {
+  name: "select-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [v, I, F, 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: { SvgIcon: M, FormItemWrapper: C },
+  data() {
+    return {
+      oldFieldValue: null,
+      //field组件change之前的值
+      fieldModel: null,
+      rules: []
+      // pager: {
+      //   page: 1,
+      //   pageSize: 20,
+      //   totalPage: 0,
+      //   total: 0
+      // }
+    };
+  },
+  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";
+    },
+    allowDefaultFirstOption() {
+      return !!this.field.options.filterable && !!this.field.options.allowCreate;
+    }
+  },
+  watch: {
+    "field.options.dsEnabled": {
+      deep: !0,
+      handler(e) {
+        e && this.initOptionItems();
+      }
+    }
+  },
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.clearOptionItems(), this.initOptionItems(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    /**
+     * 获取选中项label
+     * @return {*}
+     */
+    getSelectedLabel() {
+      return this.$refs.fieldEditor.selectedLabel;
+    }
+    // onPopupScroll(e) {
+    //   if (!this.field.options.loadingPage) return;
+    //   const { target } = e;
+    //   const { scrollTop, scrollHeight, clientHeight } = target;
+    //   if (scrollHeight - (scrollTop + clientHeight) <= 30) {
+    //     if (this.pager.totalPage > this.pager.page) {
+    //       this.pager.page += 1;
+    //       this.initOptionItems(true);
+    //     }
+    //   }
+    // }
+  }
+}, S = { class: "design-select-box" }, k = { class: "readonly-mode-field" };
+function z(e, i, t, E, n, p) {
+  const h = o("a-select"), g = o("svg-icon"), b = o("a-tooltip"), w = o("form-item-wrapper");
+  return e.handleHidden() ? d("", !0) : (s(), r(w, {
+    key: 0,
+    designer: t.designer,
+    field: t.field,
+    rules: n.rules,
+    "design-state": t.designState,
+    "parent-widget": t.parentWidget,
+    "parent-list": t.parentList,
+    "index-of-parent-list": t.indexOfParentList,
+    "sub-form-row-index": t.subFormRowIndex,
+    "sub-form-col-index": t.subFormColIndex,
+    "sub-form-row-id": t.subFormRowId
+  }, {
+    default: a(() => [
+      m(f("div", S, [
+        m(u(h, L({
+          ref: "fieldEditor",
+          value: n.fieldModel,
+          "onUpdate:value": i[0] || (i[0] = (l) => n.fieldModel = l),
+          size: p.size,
+          class: "full-width-input",
+          disabled: e.handleDisabled(),
+          allowClear: t.field.options.allowClear,
+          showArrow: !0,
+          dropdownMatchSelectWidth: !1,
+          mode: t.field.options.mode,
+          maxTagCount: t.field.options.maxTagCount,
+          placeholder: t.field.options.placeholder || e.i18nt("render.hint.selectPlaceholder"),
+          onFocus: e.handleFocusCustomEvent,
+          onBlur: e.handleBlurCustomEvent,
+          onChange: e.handleChangeEvent,
+          options: t.field.options.optionItems
+        }, e.selectOps), null, 16, ["value", "size", "disabled", "allowClear", "mode", "maxTagCount", "placeholder", "onFocus", "onBlur", "onChange", "options"]), [
+          [c, !e.isReadMode]
+        ]),
+        t.field.options.useModal ? (s(), O("div", {
+          key: 0,
+          class: "useModal-svg",
+          onClick: i[1] || (i[1] = (...l) => e.handleClickIcon && e.handleClickIcon(...l))
+        }, [
+          u(g, { "icon-class": "sousuo" })
+        ])) : d("", !0)
+      ], 512), [
+        [c, !e.isReadMode]
+      ]),
+      e.isReadMode ? (s(), r(b, {
+        key: 0,
+        placement: "topLeft",
+        title: e.optionLabel,
+        overlayStyle: { zIndex: 1e3 }
+      }, {
+        default: a(() => [
+          f("span", k, _(e.optionLabel), 1)
+        ]),
+        _: 1
+      }, 8, ["title"])) : d("", !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__ */ x(R, [["render", z], ["__scopeId", "data-v-d457a7aa"]]);
+export {
+  H as default
+};

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

@@ -0,0 +1,109 @@
+import m from "./form-item-wrapper.vue.js";
+import f from "../../../../utils/emitter.js";
+import u from "../../../../utils/i18n.js";
+import c from "./fieldMixin.js";
+import { resolveComponent as d, createBlock as p, createCommentVNode as o, openBlock as r, withCtx as g, withDirectives as b, createElementBlock as h, createVNode as w, vShow as x, toDisplayString as F } from "vue";
+/* empty css                   */
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
+  name: "slider-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [f, c, u],
+  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: m
+  },
+  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: {
+    selfInitFieldModel() {
+      this.field.options.range && (this.fieldModel = []);
+    }
+  }
+}, M = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function C(t, n, e, y, i, I) {
+  const l = d("a-slider"), s = d("form-item-wrapper");
+  return t.handleHidden() ? o("", !0) : (r(), p(s, {
+    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: g(() => [
+      b(w(l, {
+        ref: "fieldEditor",
+        value: i.fieldModel,
+        "onUpdate:value": n[0] || (n[0] = (a) => i.fieldModel = a),
+        disabled: t.handleDisabled(),
+        min: e.field.options.min,
+        max: e.field.options.max,
+        step: e.field.options.step,
+        range: e.field.options.range,
+        vertical: e.field.options.vertical,
+        onChange: t.handleChangeEvent
+      }, null, 8, ["value", "disabled", "min", "max", "step", "range", "vertical", "onChange"]), [
+        [x, !t.isReadMode]
+      ]),
+      t.isReadMode ? (r(), h("span", M, F(i.fieldModel), 1)) : o("", !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 B = /* @__PURE__ */ _(v, [["render", C], ["__scopeId", "data-v-5a30bec3"]]);
+export {
+  B as default
+};

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

@@ -0,0 +1,86 @@
+import o from "./static-content-wrapper.vue.js";
+import r from "../../../../utils/emitter.js";
+import d from "../../../../utils/i18n.js";
+import s from "./fieldMixin.js";
+import { resolveComponent as a, createBlock as l, openBlock as n, withCtx as m, createElementVNode as f, normalizeClass as c, renderSlot as u, createElementBlock as p, createCommentVNode as b, toDisplayString as g } from "vue";
+/* empty css                 */
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  name: "slot-widget",
+  componentName: "FieldWidget",
+  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
+  mixins: [r, s, d],
+  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: {
+    StaticContentWrapper: o
+  },
+  computed: {},
+  beforeCreate() {
+  },
+  created() {
+    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+}, _ = {
+  key: 0,
+  class: "slot-title"
+};
+function h(t, C, e, F, S, y) {
+  const i = a("static-content-wrapper");
+  return n(), l(i, {
+    designer: e.designer,
+    field: e.field,
+    "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: m(() => [
+      f("div", {
+        class: c([e.designState ? "slot-wrapper-design" : "slot-wrapper-render"])
+      }, [
+        u(t.$slots, e.field.options.name, { formModel: t.formModel }, void 0, !0),
+        e.designState ? (n(), p("div", _, g(e.field.options.label), 1)) : b("", !0)
+      ], 2)
+    ]),
+    _: 3
+  }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
+}
+const k = /* @__PURE__ */ w(x, [["render", h], ["__scopeId", "data-v-4d60db4d"]]);
+export {
+  k as default
+};