@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

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

@@ -1,134 +1,63 @@
-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";
+import p from "./radio-widget.vue2.js";
+import { resolveComponent as a, createBlock as r, createCommentVNode as _, openBlock as d, mergeProps as c, withCtx as i, createElementBlock as n, Fragment as b, renderList as y, normalizeStyle as g, createTextVNode as v, toDisplayString as t } 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,
+import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const k = {
+  key: 1,
   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, {
+function w(x, l, z, e, h, B) {
+  const s = a("a-radio"), f = a("a-radio-group");
+  return e.handleHidden ? _("v-if", !0) : (d(), r(e.FormItemWrapper, c({ key: 0 }, e.props, { rules: e.rules }), {
+    default: i(() => [
+      e.isReadMode ? (d(), n(
+        "span",
+        k,
+        t(e.optionLabel),
+        1
+        /* TEXT */
+      )) : (d(), r(f, {
+        key: 0,
         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
+        value: e.fieldModel,
+        "onUpdate:value": l[0] || (l[0] = (o) => e.fieldModel = o),
+        size: e.size,
+        disabled: e.handleDisabled
       }, {
-        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))
+        default: i(() => [
+          (d(!0), n(
+            b,
+            null,
+            y(e.field.options.optionItems, (o, m) => (d(), r(s, {
+              key: m,
+              value: o[e.field.options.valueKey],
+              disabled: o.disabled,
+              border: e.field.options.border,
+              style: g({ display: e.field.options.displayStyle })
+            }, {
+              default: i(() => [
+                v(
+                  t(o[e.field.options.labelKey]),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["value", "disabled", "border", "style"]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
         ]),
         _: 1
-      }, 8, ["value", "size", "disabled", "style", "onChange"]), [
-        [z, !t.isReadMode]
-      ]),
-      t.isReadMode ? (d(), a("span", M, u(t.optionLabel), 1)) : b("", !0)
+        /* STABLE */
+      }, 8, ["value", "size", "disabled"]))
     ]),
     _: 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"]));
+    /* STABLE */
+  }, 16, ["rules"]));
 }
-const H = /* @__PURE__ */ R(L, [["render", O], ["__scopeId", "data-v-98054cf7"]]);
+const D = /* @__PURE__ */ u(p, [["render", w], ["__scopeId", "data-v-7bd1abd6"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/radio-widget.vue"]]);
 export {
-  H as default
+  D as default
 };

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

@@ -0,0 +1,47 @@
+import { defineComponent as b } from "vue";
+import c from "./form-item-wrapper.vue.js";
+import { useField as _ } from "./useField.js";
+import { ComponentNameEnum as q, WidgetTypeEnum as g } from "../../../../constants/WidgetTypeEnum.js";
+import { useSelect as x } from "./hooks/useSelect.js";
+const I = /* @__PURE__ */ b({
+  name: g.radio,
+  componentName: q.FieldWidget,
+  __name: "radio-widget",
+  props: {
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
+  },
+  setup(o, { expose: n }) {
+    const e = o, {
+      rules: l,
+      field: u,
+      fieldModel: r,
+      isReadMode: p,
+      designState: t,
+      size: s,
+      handleHidden: a,
+      handleDisabled: m,
+      fieldEditor: f,
+      defineExposed: i
+    } = _(e), { optionLabel: y } = x({
+      designState: t,
+      fieldModel: r,
+      field: e.field
+    });
+    n({
+      ...i
+    });
+    const d = { props: e, rules: l, field: u, fieldModel: r, isReadMode: p, designState: t, size: s, handleHidden: a, handleDisabled: m, fieldEditor: f, defineExposed: i, optionLabel: y, FormItemWrapper: c };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+});
+export {
+  I as default
+};

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

@@ -1,97 +1,26 @@
-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";
+import a from "./rate-widget.vue2.js";
+import { resolveComponent as d, createBlock as t, createCommentVNode as n, openBlock as i, mergeProps as f, withCtx as m, createVNode as c } 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, {
+import s from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function p(_, o, w, e, g, v) {
+  const l = d("a-rate");
+  return e.handleHidden ? n("v-if", !0) : (i(), t(e.FormItemWrapper, f({ key: 0 }, e.props, { rules: e.rules }), {
+    default: m(() => [
+      c(l, {
         ref: "fieldEditor",
-        value: n.fieldModel,
-        "onUpdate:value": o[0] || (o[0] = (l) => n.fieldModel = l),
-        disabled: t.handleDisabled(),
+        value: e.fieldModel,
+        "onUpdate:value": o[0] || (o[0] = (r) => e.fieldModel = r),
+        disabled: e.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"])
+        "allow-half": e.field.options.allowHalf
+      }, null, 8, ["value", "disabled", "allowClear", "count", "allow-half"])
     ]),
     _: 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"]));
+    /* STABLE */
+  }, 16, ["rules"]));
 }
-const M = /* @__PURE__ */ w(h, [["render", x], ["__scopeId", "data-v-5355f1dc"]]);
+const k = /* @__PURE__ */ s(a, [["render", p], ["__scopeId", "data-v-0d0c2125"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/rate-widget.vue"]]);
 export {
-  M as default
+  k as default
 };

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

@@ -0,0 +1,31 @@
+import { defineComponent as a } from "vue";
+import m from "./form-item-wrapper.vue.js";
+import { useField as f } from "./useField.js";
+import { ComponentNameEnum as y, WidgetTypeEnum as b } from "../../../../constants/WidgetTypeEnum.js";
+const x = /* @__PURE__ */ a({
+  name: b.rate,
+  componentName: y.FieldWidget,
+  __name: "rate-widget",
+  props: {
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
+  },
+  setup(d, { expose: i }) {
+    const e = d, { rules: n, fieldEditor: u, field: l, fieldModel: o, handleHidden: p, handleDisabled: s, defineExposed: r } = f(e);
+    i({
+      ...r
+    });
+    const t = { props: e, rules: n, fieldEditor: u, field: l, fieldModel: o, handleHidden: p, handleDisabled: s, defineExposed: r, FormItemWrapper: m };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  x as default
+};

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

@@ -1,131 +1,29 @@
-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)
+import l from "./rich-editor-widget.vue2.js";
+import { createBlock as r, createCommentVNode as n, openBlock as o, mergeProps as t, withCtx as a, createElementBlock as f, normalizeStyle as c } from "vue";
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const s = ["innerHTML"];
+function g(h, i, _, e, p, v) {
+  return e.handleHidden ? n("v-if", !0) : (o(), r(e.FormItemWrapper, t({ key: 0 }, e.props, { rules: e.rules }), {
+    default: a(() => [
+      e.isReadMode ? (o(), f("div", {
+        key: 1,
+        class: "readonly-mode-rich-editor",
+        innerHTML: e.fieldModel
+      }, null, 8, s)) : (o(), r(e.QuillEditor, {
+        key: 0,
+        ref: "fieldEditor",
+        value: e.fieldModel,
+        "onUpdate:value": i[0] || (i[0] = (d) => e.fieldModel = d),
+        options: e.editorOption,
+        disabled: e.handleDisabled || e.isReadMode,
+        style: c(e.field.options.contentHeight ? `height: ${e.field.options.contentHeight};` : "")
+      }, null, 8, ["value", "options", "disabled", "style"]))
     ]),
     _: 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"]));
+    /* STABLE */
+  }, 16, ["rules"]));
 }
-const H = /* @__PURE__ */ w(x, [["render", y], ["__scopeId", "data-v-319126bd"]]);
+const w = /* @__PURE__ */ m(l, [["render", g], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue"]]);
 export {
-  H as default
+  w as default
 };

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

@@ -0,0 +1,45 @@
+import { defineComponent as c, defineAsyncComponent as y, computed as b } from "vue";
+import _ from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as q, WidgetTypeEnum as g } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as h } from "./useField.js";
+const w = /* @__PURE__ */ c({
+  name: g.richEditor,
+  componentName: q.FieldWidget,
+  __name: "rich-editor-widget",
+  props: {
+    widget: { type: null, required: !0 },
+    field: { type: null, required: !0 },
+    designer: { type: null, required: !1 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    subFormColIndex: { type: Number, required: !1 }
+  },
+  setup(o, { expose: d }) {
+    const n = y(
+      () => import("../../../public/QuillEditor/index.vue.js")
+    ), e = o, {
+      rules: l,
+      fieldEditor: p,
+      field: r,
+      fieldModel: u,
+      isReadMode: s,
+      handleHidden: m,
+      handleDisabled: a,
+      defineExposed: t
+    } = h(e), f = b(() => ({
+      placeholder: r.options.placeholder,
+      modules: {}
+    }));
+    d({
+      ...t
+    });
+    const i = { QuillEditor: n, props: e, rules: l, fieldEditor: p, field: r, fieldModel: u, isReadMode: s, handleHidden: m, handleDisabled: a, defineExposed: t, editorOption: f, FormItemWrapper: _ };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
+export {
+  w as default
+};