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

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

@@ -1,102 +1,7 @@
-import f from "./static-content-wrapper.vue.js";
-import m from "../../../../utils/emitter.js";
-import c from "../../../../utils/i18n.js";
-import u from "./fieldMixin.js";
-import { SvgIcon as g } from "tmgc2-share";
-import { resolveComponent as i, createBlock as n, createCommentVNode as o, openBlock as d, withCtx as a, createVNode as b, normalizeClass as p, createTextVNode as h, toDisplayString as _ } from "vue";
+import t from "./button-widget.vue2.js";
 /* empty css                   */
-import y from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const x = {
-  name: "button-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [m, u, 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: {
-    StaticContentWrapper: f,
-    SvgIcon: g
-  },
-  computed: {},
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {}
-};
-function w(t, C, e, F, I, k) {
-  const s = i("svg-icon"), r = i("a-button"), l = i("static-content-wrapper");
-  return t.handleHidden() ? o("", !0) : (d(), n(l, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    "design-state": e.designState,
-    "display-style": e.field.options.displayStyle,
-    "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: a(() => [
-      b(r, {
-        ref: "fieldEditor",
-        type: e.field.options.type,
-        size: e.field.options.size,
-        class: p([e.field.options.label === "" ? "hide-text-span" : "", "tpf-button"]),
-        shape: e.field.options.shape,
-        danger: e.field.options.danger,
-        ghost: e.field.options.ghost,
-        disabled: t.handleDisabled(),
-        loading: t.loading,
-        onClick: t.handleButtonWidgetClick
-      }, {
-        default: a(() => [
-          e.field.options.icon ? (d(), n(s, {
-            key: 0,
-            "icon-class": e.field.options.icon
-          }, null, 8, ["icon-class"])) : o("", !0),
-          h(" " + _(e.field.options.label), 1)
-        ]),
-        _: 1
-      }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled", "loading", "onClick"])
-    ]),
-    _: 1
-  }, 8, ["designer", "field", "design-state", "display-style", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
-}
-const B = /* @__PURE__ */ y(x, [["render", w], ["__scopeId", "data-v-5e8a9c46"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-a67ba8ea"]]);
 export {
-  B as default
+  m as default
 };

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

@@ -0,0 +1,74 @@
+import { defineComponent as _, resolveComponent as x, createBlock as i, createCommentVNode as s, unref as e, openBlock as r, normalizeProps as k, mergeProps as y, withCtx as a, createVNode as F, normalizeClass as w, createTextVNode as z, toDisplayString as E } from "vue";
+import N from "./static-content-wrapper.vue.js";
+import { SvgIcon as W } from "tmgc2-share";
+import { ComponentNameEnum as B, WidgetTypeEnum as I } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as S } from "./useField.js";
+const H = /* @__PURE__ */ _({
+  name: I.button,
+  componentName: B.FieldWidget,
+  __name: "button-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(d, { expose: p }) {
+    const t = d, {
+      loading: l,
+      executeFunction: c,
+      fieldEditor: m,
+      field: o,
+      size: u,
+      designState: f,
+      handleHidden: g,
+      handleDisabled: b,
+      defineExposed: h
+    } = S(t), n = () => {
+      f || o.options.onClick && c({
+        functionBody: o.options.onClick || ""
+      });
+    };
+    return p({
+      ...h,
+      handleButtonWidgetClick: n
+    }), (P, V) => {
+      const C = x("a-button");
+      return e(g) ? s("", !0) : (r(), i(N, k(y({ key: 0 }, t)), {
+        default: a(() => [
+          F(C, {
+            ref_key: "fieldEditor",
+            ref: m,
+            type: e(o).options.type,
+            size: e(u),
+            class: w([e(o).options.label === "" ? "hide-text-span" : "", "tpf-button"]),
+            shape: e(o).options.shape,
+            danger: e(o).options.danger,
+            ghost: e(o).options.ghost,
+            disabled: e(b),
+            loading: e(l),
+            onClick: n
+          }, {
+            default: a(() => [
+              e(o).options.icon ? (r(), i(e(W), {
+                key: 0,
+                "icon-class": e(o).options.icon
+              }, null, 8, ["icon-class"])) : s("", !0),
+              z(" " + E(e(o).options.label), 1)
+            ]),
+            _: 1
+          }, 8, ["type", "size", "class", "shape", "danger", "ghost", "disabled", "loading"])
+        ]),
+        _: 1
+      }, 16));
+    };
+  }
+});
+export {
+  H as default
+};

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

@@ -1,139 +1,4 @@
-import u from "./form-item-wrapper.vue.js";
-import f from "../../../../utils/emitter.js";
-import c from "../../../../utils/i18n.js";
-import { formateCascaderCode as h } from "../../../../utils/format.js";
-import p from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as b, createCommentVNode as d, openBlock as r, withCtx as g, createElementVNode as y, normalizeClass as C, createVNode as w, createElementBlock as v, toDisplayString as F } from "vue";
-/* empty css                     */
-import K from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const M = {
-  name: "cascader-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [f, p, 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";
-    },
-    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() {
-      return this.fieldModel ? h(this.field.options.optionItems, this.fieldModel, {
-        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() {
-    }
-  }
-}, x = {
-  key: 0,
-  class: "readonly-mode-field"
-};
-function I(i, n, e, R, l, t) {
-  const s = o("a-cascader"), a = o("form-item-wrapper");
-  return i.handleHidden() ? d("", !0) : (r(), b(a, {
-    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: g(() => [
-      y("div", {
-        class: C(["full-width-input", { "readonly-mode-cascader": i.isReadMode }])
-      }, [
-        w(s, {
-          ref: "fieldEditor",
-          size: t.size,
-          options: e.field.options.optionItems,
-          value: l.fieldModel,
-          "onUpdate:value": n[0] || (n[0] = (m) => l.fieldModel = m),
-          disabled: i.handleDisabled(),
-          allowClear: e.field.options.allowClear,
-          placeholder: e.field.options.placeholder || i.i18nt("render.hint.selectPlaceholder"),
-          fieldNames: { value: t.valueKey, label: t.labelKey, children: t.childrenKey },
-          expandTrigger: "hover",
-          multiple: e.field.options.multiple,
-          onFocus: i.handleFocusCustomEvent,
-          onBlur: i.handleBlurCustomEvent,
-          onChange: i.handleChangeEvent
-        }, null, 8, ["size", "options", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur", "onChange"]),
-        i.isReadMode ? (r(), v("span", x, F(t.contentForReadMode), 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 W = /* @__PURE__ */ K(M, [["render", I], ["__scopeId", "data-v-bb8b3209"]]);
+import f from "./cascader-widget.vue2.js";
 export {
-  W as default
+  f as default
 };

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

@@ -0,0 +1,82 @@
+import { defineComponent as k, computed as B, resolveComponent as I, createBlock as s, createCommentVNode as N, unref as e, openBlock as t, mergeProps as R, withCtx as W, createElementVNode as z, createElementBlock as K, isRef as M, toDisplayString as P } from "vue";
+import S from "./form-item-wrapper.vue.js";
+import { useField as D } from "./useField.js";
+import { ComponentNameEnum as L, WidgetTypeEnum as T } from "../../../../constants/WidgetTypeEnum.js";
+import { useSelect as V } from "./hooks/useSelect.js";
+import { formateCascaderCode as H } from "../../../../utils/format.js";
+const O = { class: "full-width-input" }, U = {
+  key: 1,
+  class: "readonly-mode-field"
+}, Y = /* @__PURE__ */ k({
+  name: T.cascader,
+  componentName: L.FieldWidget,
+  __name: "cascader-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(u, { expose: p }) {
+    const n = u, {
+      rules: m,
+      i18nt: c,
+      fieldEditor: f,
+      field: o,
+      fieldModel: l,
+      isReadMode: v,
+      size: h,
+      designState: C,
+      handleHidden: _,
+      handleDisabled: g,
+      handleFocusCustomEvent: y,
+      handleBlurCustomEvent: F,
+      defineExposed: b
+    } = D(n), { labelKey: r, valueKey: a, childrenKey: d } = V({
+      field: o,
+      fieldModel: l,
+      designState: C
+    }), w = B(() => l.value ? H(o.options.optionItems, l.value, {
+      label: r.value,
+      value: a.value,
+      children: d.value
+    }) : "");
+    return p({
+      ...b
+    }), (j, i) => {
+      const x = I("a-cascader");
+      return e(_) ? N("", !0) : (t(), s(S, R({ key: 0 }, n, { rules: e(m) }), {
+        default: W(() => [
+          z("div", O, [
+            e(v) ? (t(), K("span", U, P(w.value), 1)) : (t(), s(x, {
+              key: 0,
+              ref_key: "fieldEditor",
+              ref: f,
+              size: e(h),
+              options: e(o).options.optionItems,
+              value: e(l),
+              "onUpdate:value": i[0] || (i[0] = (E) => M(l) ? l.value = E : null),
+              disabled: e(g),
+              allowClear: e(o).options.allowClear,
+              placeholder: e(o).options.placeholder || e(c)("render.hint.selectPlaceholder"),
+              fieldNames: { value: e(a), label: e(r), children: e(d) },
+              expandTrigger: "hover",
+              multiple: e(o).options.multiple,
+              onFocus: e(y),
+              onBlur: e(F)
+            }, null, 8, ["size", "options", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur"]))
+          ])
+        ]),
+        _: 1
+      }, 16, ["rules"]));
+    };
+  }
+});
+export {
+  Y as default
+};

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

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

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

@@ -0,0 +1,80 @@
+import { defineComponent as w, resolveComponent as s, createBlock as l, createCommentVNode as I, unref as e, openBlock as t, mergeProps as L, withCtx as a, createElementBlock as p, isRef as N, Fragment as R, renderList as W, createTextVNode as B, toDisplayString as m } from "vue";
+import S from "./form-item-wrapper.vue.js";
+import { useSelect as D } from "./hooks/useSelect.js";
+import { useField as K } from "./useField.js";
+import { ComponentNameEnum as M, WidgetTypeEnum as P } from "../../../../constants/WidgetTypeEnum.js";
+const T = {
+  key: 1,
+  class: "readonly-mode-field"
+}, z = /* @__PURE__ */ w({
+  name: P.checkbox,
+  componentName: M.FieldWidget,
+  __name: "checkbox-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(u, { expose: c }) {
+    const r = u, {
+      rules: f,
+      field: n,
+      designState: b,
+      fieldModel: d,
+      isReadMode: _,
+      fieldEditor: g,
+      handleHidden: x,
+      handleDisabled: k,
+      defineExposed: h,
+      handleChangeEvent: y
+    } = K(r), { optionLabel: v } = D({
+      fieldModel: d,
+      field: r.field,
+      designState: b
+    });
+    return c({
+      ...h
+    }), (V, i) => {
+      const C = s("a-checkbox"), E = s("a-checkbox-group");
+      return e(x) ? I("", !0) : (t(), l(S, L({ key: 0 }, r, { rules: e(f) }), {
+        default: a(() => [
+          e(_) ? (t(), p("span", T, m(e(v)), 1)) : (t(), l(E, {
+            key: 0,
+            ref_key: "fieldEditor",
+            ref: g,
+            value: e(d),
+            "onUpdate:value": i[0] || (i[0] = (o) => N(d) ? d.value = o : null),
+            disabled: e(k),
+            onChange: e(y)
+          }, {
+            default: a(() => [
+              (t(!0), p(R, null, W(e(n).options.optionItems, (o, F) => (t(), l(C, {
+                key: F,
+                value: o[e(n).options.valueKey],
+                disabled: o.disabled,
+                border: e(n).options.border,
+                style: {}
+              }, {
+                default: a(() => [
+                  B(m(o[e(n).options.labelKey]), 1)
+                ]),
+                _: 2
+              }, 1032, ["value", "disabled", "border"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["value", "disabled", "onChange"]))
+        ]),
+        _: 1
+      }, 16, ["rules"]));
+    };
+  }
+});
+export {
+  z as default
+};