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

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

@@ -1,131 +1,32 @@
-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";
+import l from "./tree-widget.vue2.js";
+import { createBlock as o, createCommentVNode as i, openBlock as r, mergeProps as t, withCtx as a, createElementVNode as n, createVNode as d } 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, {
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "full-width-input" };
+function s(m, h, p, e, _, w) {
+  return e.handleHidden ? i("v-if", !0) : (r(), o(e.FormItemWrapper, t({ key: 0 }, e.props, { rules: e.rules }), {
+    default: a(() => [
+      n("div", f, [
+        d(e.Tree, {
+          size: e.size,
           "show-line": e.field.options.showLine,
           showIcon: e.field.options.showIcon,
-          treeData: r.fieldModel,
+          treeData: e.treeData || [],
           "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 },
+          fieldNames: { key: e.valueKey, title: e.labelKey, children: e.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"])
+          onCheck: e.onCheck
+        }, null, 8, ["size", "show-line", "showIcon", "treeData", "tree-default-expand-all", "checkable", "fieldNames", "multiple", "selectable"])
       ])
     ]),
     _: 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 D = /* @__PURE__ */ g(_, [["render", C], ["__scopeId", "data-v-31a7fac6"]]);
+const x = /* @__PURE__ */ c(l, [["render", s], ["__scopeId", "data-v-aeb11a6b"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/tree-widget.vue"]]);
 export {
-  D as default
+  x as default
 };

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

@@ -0,0 +1,61 @@
+import { defineComponent as x, ref as F, watchEffect as k } from "vue";
+import E from "./form-item-wrapper.vue.js";
+import { Tree as w } from "ant-design-vue";
+import { useField as N } from "./useField.js";
+import { ComponentNameEnum as O, WidgetTypeEnum as S } from "../../../../constants/WidgetTypeEnum.js";
+import { useSelect as j } from "./hooks/useSelect.js";
+const D = /* @__PURE__ */ x({
+  name: S.cascader,
+  componentName: O.FieldWidget,
+  __name: "tree-widget",
+  props: {
+    widget: { type: Object, required: !0 },
+    field: { type: Object, 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(u, { expose: a }) {
+    const e = u, {
+      rules: l,
+      executeFunction: t,
+      fieldEditor: p,
+      field: r,
+      fieldModel: o,
+      isReadMode: m,
+      size: f,
+      designState: n,
+      handleHidden: c,
+      defineExposed: i
+    } = N(e), { labelKey: y, valueKey: b, childrenKey: _ } = j({
+      field: r,
+      fieldModel: o,
+      designState: n
+    }), d = F([]), g = (q, C) => {
+      r.options.onCheck && t({
+        functionBody: r.options.onCheck,
+        params: { checkedKeys: q, e: C },
+        keys: ["checkedKeys", "e"],
+        errorCallback: (h) => {
+          console.error("Custom render error:", h);
+        }
+      });
+    };
+    k(() => {
+      e.field.options.dsEnabled || (d.value = e.field.options.treeData || []);
+    }), a({
+      ...i
+    });
+    const s = { props: e, rules: l, executeFunction: t, fieldEditor: p, field: r, fieldModel: o, isReadMode: m, size: f, designState: n, handleHidden: c, defineExposed: i, labelKey: y, valueKey: b, childrenKey: _, treeData: d, onCheck: g, FormItemWrapper: E, get Tree() {
+      return w;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+export {
+  D as default
+};

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

@@ -1,144 +1,54 @@
-import m from "./form-item-wrapper.vue.js";
-import u from "../../../../utils/emitter.js";
-import h from "../../../../utils/i18n.js";
-import c from "./fieldMixin.js";
-import { formateTreeToName as p } from "../../../../utils/format.js";
-import { isArray as b } from "lodash-es";
-import { resolveComponent as n, createBlock as g, createCommentVNode as o, openBlock as r, withCtx as y, createElementVNode as w, normalizeClass as v, withDirectives as C, createElementBlock as F, createVNode as M, vShow as x, toDisplayString as K } from "vue";
-/* empty css                       */
-import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const I = {
-  name: "treeSelect-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [u, c, h],
-  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: {
-    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 = b(this.fieldModel) ? this.fieldModel : [this.fieldModel];
-      return p(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() {
-    }
-  }
-}, N = {
+import i from "./treeSelect-widget.vue2.js";
+import { resolveComponent as t, createBlock as n, createCommentVNode as o, openBlock as r, mergeProps as c, withCtx as s, createElementVNode as f, normalizeClass as m, withDirectives as h, createElementBlock as p, createVNode as v, vShow as _, toDisplayString as u } from "vue";
+import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const g = {
   key: 0,
   class: "readonly-mode-field"
 };
-function _(t, d, e, z, l, i) {
-  const s = n("a-tree-select"), a = n("form-item-wrapper");
-  return t.handleHidden() ? o("", !0) : (r(), g(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: y(() => [
-      w("div", {
-        class: v(["full-width-input", { "readonly-mode-cascader": t.isReadMode }])
-      }, [
-        C(M(s, {
-          "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] = (f) => l.fieldModel = f),
-          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"]), [
-          [x, !t.isReadMode]
-        ]),
-        t.isReadMode ? (r(), F("span", N, K(i.contentForReadMode), 1)) : o("", !0)
-      ], 2)
+function C(y, l, x, e, b, k) {
+  const d = t("a-tree-select");
+  return e.handleHidden ? o("v-if", !0) : (r(), n(e.FormItemWrapper, c({ key: 0 }, e.props, { rules: e.rules }), {
+    default: s(() => [
+      f(
+        "div",
+        {
+          class: m(["full-width-input", { "readonly-mode-cascader": e.isReadMode }])
+        },
+        [
+          h(v(d, {
+            "tree-default-expand-all": e.field.options.treeDefaultExpandAll,
+            ref: "fieldEditor",
+            size: e.size,
+            treeData: e.field.options.optionItems,
+            value: e.fieldModel,
+            "onUpdate:value": l[0] || (l[0] = (a) => e.fieldModel = a),
+            disabled: e.handleDisabled,
+            allowClear: e.field.options.allowClear,
+            placeholder: e.field.options.placeholder || e.i18nt("render.hint.selectPlaceholder"),
+            fieldNames: { value: e.valueKey, label: e.labelKey, children: e.childrenKey },
+            multiple: e.field.options.multiple,
+            onFocus: e.handleFocusCustomEvent,
+            onBlur: e.handleBlurCustomEvent
+          }, null, 8, ["tree-default-expand-all", "size", "treeData", "value", "disabled", "allowClear", "placeholder", "fieldNames", "multiple", "onFocus", "onBlur"]), [
+            [_, !e.isReadMode]
+          ]),
+          e.isReadMode ? (r(), p(
+            "span",
+            g,
+            u(e.contentForReadMode),
+            1
+            /* TEXT */
+          )) : o("v-if", !0)
+        ],
+        2
+        /* CLASS */
+      )
     ]),
     _: 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 j = /* @__PURE__ */ R(I, [["render", _], ["__scopeId", "data-v-d7cc9ef8"]]);
+const M = /* @__PURE__ */ w(i, [["render", C], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue"]]);
 export {
-  j as default
+  M as default
 };

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

@@ -0,0 +1,59 @@
+import { defineComponent as C, onMounted as S, computed as h } from "vue";
+import x from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as E, WidgetTypeEnum as I } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as O } from "./useField.js";
+import { useSelect as N } from "./hooks/useSelect.js";
+import { formateCascaderCode as j } from "../../../../utils/format.js";
+const P = /* @__PURE__ */ C({
+  name: I.treeSelect,
+  componentName: E.FieldWidget,
+  __name: "treeSelect-widget",
+  props: {
+    widget: { type: Object, required: !0 },
+    field: { type: Object, 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(s, { expose: p }) {
+    const r = s, {
+      rules: m,
+      i18nt: f,
+      fieldEditor: c,
+      field: t,
+      fieldModel: e,
+      isReadMode: y,
+      size: b,
+      designState: o,
+      handleHidden: v,
+      handleDisabled: _,
+      handleFocusCustomEvent: q,
+      handleBlurCustomEvent: g,
+      defineExposed: n
+    } = O(r), { labelKey: i, valueKey: d, childrenKey: l, initOptionItems: u } = N({
+      field: t,
+      fieldModel: e,
+      designState: o
+    });
+    S(() => {
+      u();
+    });
+    const F = h(() => e.value ? j(t.options.optionItems, e.value, {
+      label: i.value,
+      value: d.value,
+      children: l.value
+    }) : "");
+    p({
+      ...n
+    });
+    const a = { props: r, rules: m, i18nt: f, fieldEditor: c, field: t, fieldModel: e, isReadMode: y, size: b, designState: o, handleHidden: v, handleDisabled: _, handleFocusCustomEvent: q, handleBlurCustomEvent: g, defineExposed: n, labelKey: i, valueKey: d, childrenKey: l, initOptionItems: u, contentForReadMode: F, FormItemWrapper: x };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+});
+export {
+  P as default
+};