@kp-ui/lowcode 2.15.0-alpha.6 → 2.15.0-alpha.8

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

@@ -1,61 +1,76 @@
-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,
+import { defineComponent as C, ref as _, watchEffect as E, createBlock as g, createCommentVNode as F, unref as e, openBlock as I, mergeProps as N, withCtx as D, createElementVNode as v, createVNode as K } from "vue";
+import W from "./form-item-wrapper.vue.js";
+import { Tree as z } from "ant-design-vue";
+import { useField as B } from "./useField.js";
+import { ComponentNameEnum as L, WidgetTypeEnum as V } from "../../../../constants/WidgetTypeEnum.js";
+import { useSelect as P } from "./hooks/useSelect.js";
+const R = { class: "full-width-input" }, j = /* @__PURE__ */ C({
+  name: V.cascader,
+  componentName: L.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 }
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
   },
-  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 },
+  setup(i, { expose: s }) {
+    const o = i, {
+      rules: a,
+      executeFunction: d,
+      fieldEditor: c,
+      field: t,
+      fieldModel: p,
+      size: m,
+      designState: f,
+      handleHidden: u,
+      defineExposed: h
+    } = B(o), { labelKey: k, valueKey: w, childrenKey: b } = P({
+      field: t,
+      fieldModel: p,
+      designState: f
+    }), r = _([]), x = (n, l) => {
+      t.options.onCheck && d({
+        functionBody: t.options.onCheck,
+        params: { checkedKeys: n, e: l },
         keys: ["checkedKeys", "e"],
-        errorCallback: (h) => {
-          console.error("Custom render error:", h);
+        errorCallback: (y) => {
+          console.error("Custom render error:", y);
         }
       });
     };
-    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;
+    return E(() => {
+      o.field.options.dsEnabled || (r.value = o.field.options.treeData || []);
+    }), s({
+      ...h
+    }), (n, l) => e(u) ? F("", !0) : (I(), g(W, N({ key: 0 }, o, { rules: e(a) }), {
+      default: D(() => [
+        v("div", R, [
+          K(e(z), {
+            size: e(m),
+            "show-line": e(t).options.showLine,
+            showIcon: e(t).options.showIcon,
+            treeData: r.value || [],
+            "tree-default-expand-all": e(t).options.treeDefaultExpandAll,
+            checkable: e(t).options.checkable,
+            ref_key: "fieldEditor",
+            ref: c,
+            fieldNames: { key: e(w), title: e(k), children: e(b) },
+            multiple: e(t).options.multiple,
+            selectable: e(t).options.selectable,
+            onCheck: x
+          }, null, 8, ["size", "show-line", "showIcon", "treeData", "tree-default-expand-all", "checkable", "fieldNames", "multiple", "selectable"])
+        ])
+      ]),
+      _: 1
+    }, 16, ["rules"]));
   }
 });
 export {
-  D as default
+  j as default
 };

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

@@ -1,54 +1,4 @@
-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 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
-    /* STABLE */
-  }, 16, ["rules"]));
-}
-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"]]);
+import f from "./treeSelect-widget.vue2.js";
 export {
-  M as default
+  f as default
 };

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

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