@silver-formily/element-plus 2.0.0 → 2.1.0

package/esm/tree/index.mjs

@@ -1,22 +1,22 @@
-import { useField as A, connect as D, mapProps as H } from "@formily/vue";
-import { defineComponent as F, useSlots as P, ref as m, computed as y, watch as v, nextTick as k, createBlock as g, openBlock as C, unref as a, withCtx as T, withDirectives as R, mergeProps as w, createSlots as B, renderList as V, renderSlot as E, normalizeProps as L, guardReactiveProps as j } from "vue";
+import { useField as _, connect as A, mapProps as D } from "@silver-formily/vue";
+import { defineComponent as H, useSlots as P, ref as h, computed as y, watch as v, nextTick as k, createBlock as g, openBlock as C, unref as a, withCtx as T, withDirectives as R, mergeProps as w, createSlots as F, renderList as B, renderSlot as E, normalizeProps as L, guardReactiveProps as j } from "vue";
 import { ElScrollbar as z, ElTree as I, vLoading as N } from "element-plus";
 import "@formily/reactive";
 import { mapReadPretty as O } from "../__builtins__/shared/transform-component.mjs";
 import { PreviewText as $ } from "../preview-text/index.mjs";
 import { isFn as q } from "@formily/shared";
 import "@formily/core";
-import "@formily/reactive-vue";
+import "@silver-formily/reactive-vue";
 import { useCleanAttrs as G } from "../__builtins__/shared/utils.mjs";
 import { addDisabledToNodes as J, flattenTree as M, getInputKeys as Q, getOutputData as U } from "./utils.mjs";
-const W = /* @__PURE__ */ F({
+const W = /* @__PURE__ */ H({
   name: "Tree",
   inheritAttrs: !1,
   __name: "tree",
   props: {
-    nodeKey: null,
-    data: null,
-    value: null,
+    nodeKey: {},
+    data: {},
+    modelValue: {},
     valueType: { default: "all" },
     includeHalfChecked: { type: Boolean, default: !1 },
     optionAsValue: { type: Boolean, default: !1 },
@@ -25,19 +25,19 @@ const W = /* @__PURE__ */ F({
       label: "label",
       disabled: "disabled"
     } },
-    optionFormatter: { type: Function },
-    height: null,
-    maxHeight: null
+    optionFormatter: {},
+    height: {},
+    maxHeight: {}
   },
-  emits: ["change"],
-  setup(K, { emit: b }) {
-    const e = K, i = b, x = P(), { props: l } = G(), o = m(), n = m([]), c = y(() => J(e.data ?? [], l.value.disabled, e.props)), d = y(() => M(c.value ?? [], [], e.props.children));
-    async function p() {
+  emits: ["update:modelValue"],
+  setup(K, { emit: V }) {
+    const e = K, s = V, b = P(), { props: l } = G(), o = h(), d = h([]), n = y(() => J(e.data ?? [], l.value.disabled, e.props)), p = y(() => M(n.value ?? [], [], e.props.children));
+    async function c() {
       await k();
       const t = o.value.getCheckedKeys(), f = o.value.getHalfCheckedKeys() || [];
-      n.value = t;
-      const { value: h, nodes: r } = U(t, f, {
-        flatData: d.value,
+      d.value = t;
+      const { value: m, nodes: r } = U(t, f, {
+        flatData: p.value,
         nodeKey: e.nodeKey,
         propsConfig: e.props,
         data: e.data ?? [],
@@ -45,24 +45,24 @@ const W = /* @__PURE__ */ F({
         includeHalfChecked: e.includeHalfChecked,
         checkStrictly: l.value.checkStrictly
       });
-      e.optionAsValue ? q(e.optionFormatter) ? i("change", r.map((s, S, _) => e.optionFormatter(s, S, _))) : i("change", r) : i("change", h);
+      e.optionAsValue ? q(e.optionFormatter) ? s("update:modelValue", r.map((i, x, S) => e.optionFormatter(i, x, S))) : s("update:modelValue", r) : s("update:modelValue", m);
     }
-    v(() => e.value, (t) => {
-      t !== void 0 && (n.value = Q(t, {
+    v(() => e.modelValue, (t) => {
+      t !== void 0 && (d.value = Q(t, {
         optionAsValue: e.optionAsValue,
         nodeKey: e.nodeKey,
-        flatData: d.value,
+        flatData: p.value,
         propsConfig: e.props,
         data: e.data ?? [],
         valueType: e.valueType,
         checkStrictly: l.value.checkStrictly
       }), k(() => {
-        o.value && o.value.setCheckedKeys(n.value);
+        o.value && o.value.setCheckedKeys(d.value);
       }));
     }, { immediate: !0 }), v(() => [e.valueType, e.optionAsValue, e.includeHalfChecked], () => {
-      p();
+      c();
     }, { immediate: !1 });
-    const u = A();
+    const u = _();
     return u.value?.inject({
       getTreeRef: () => o
     }), (t, f) => (C(), g(a(z), {
@@ -73,16 +73,16 @@ const W = /* @__PURE__ */ F({
         R((C(), g(a(I), w({
           ref_key: "treeRef",
           ref: o,
-          data: c.value,
+          data: n.value,
           props: e.props,
           "node-key": e.nodeKey,
-          "default-checked-keys": n.value,
+          "default-checked-keys": d.value,
           "show-checkbox": !0
-        }, a(l), { onCheck: p }), B({ _: 2 }, [
-          V(a(x), (h, r) => ({
+        }, a(l), { onCheck: c }), F({ _: 2 }, [
+          B(a(b), (m, r) => ({
             name: r,
-            fn: T((s) => [
-              E(t.$slots, r, L(j({ field: a(u), ...s })))
+            fn: T((i) => [
+              E(t.$slots, r, L(j({ field: a(u), ...i })))
             ])
           }))
         ]), 1040, ["data", "props", "node-key", "default-checked-keys"])), [
@@ -92,13 +92,13 @@ const W = /* @__PURE__ */ F({
       _: 3
     }, 8, ["height", "max-height"]));
   }
-}), se = D(
+}), ie = A(
   W,
-  H({ dataSource: "data", loading: "loading", disabled: !0 }),
+  D({ dataSource: "data", loading: "loading", disabled: !0 }),
   O($.Tree)
 );
 export {
-  se as Tree,
-  se as default
+  ie as Tree,
+  ie as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/tree/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tree/tree.vue","../../src/tree/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport type { TreeValueTypeProps } from './types'\nimport { isFn } from '@formily/shared'\nimport { useField } from '@formily/vue'\nimport { ElScrollbar, ElTree, vLoading } from 'element-plus'\nimport { computed, nextTick, ref, useSlots, watch } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\nimport { addDisabledToNodes, flattenTree, getInputKeys, getOutputData } from './utils'\n\ndefineOptions({\n  name: 'Tree',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  nodeKey: null,\n  data: null,\n  value: null,\n  valueType: { default: 'all' },\n  includeHalfChecked: { type: Boolean, default: false },\n  optionAsValue: { type: Boolean, default: false },\n  props: { default: {\n    children: 'children',\n    label: 'label',\n    disabled: 'disabled',\n  } },\n  optionFormatter: { type: Function },\n  height: null,\n  maxHeight: null\n})\n\nconst emit = defineEmits([\"change\"])\n\nconst slots = useSlots()\n\nconst { props: attrs } = useCleanAttrs()\nconst treeRef = ref<InstanceType<typeof ElTree>>()\nconst checkedKeys = ref<any[]>([])\n\nconst processedData = computed(() => {\n  return addDisabledToNodes(props.data ?? [], attrs.value.disabled, props.props)\n})\n\nconst flatData = computed(() => flattenTree(processedData.value ?? [], [], props.props.children))\n\nasync function handleCheck() {\n  await nextTick()\n  const keys = treeRef.value.getCheckedKeys()\n  const halfCheckedKeys = treeRef.value.getHalfCheckedKeys() || []\n  checkedKeys.value = keys\n\n  const { value, nodes } = getOutputData(keys, halfCheckedKeys, {\n    flatData: flatData.value,\n    nodeKey: props.nodeKey,\n    propsConfig: props.props,\n    data: props.data ?? [],\n    valueType: props.valueType,\n    includeHalfChecked: props.includeHalfChecked,\n    checkStrictly: attrs.value.checkStrictly,\n  })\n\n  if (props.optionAsValue) {\n    isFn(props.optionFormatter)\n      ? emit('change', nodes.map((element, index, array) => {\n          return props.optionFormatter(element, index, array)\n        }))\n      : emit('change', nodes)\n  }\n  else {\n    emit('change', value)\n  }\n}\n\nwatch(() => props.value, (newValue) => {\n  if (newValue !== undefined) {\n    checkedKeys.value = getInputKeys(newValue, {\n      optionAsValue: props.optionAsValue,\n      nodeKey: props.nodeKey,\n      flatData: flatData.value,\n      propsConfig: props.props,\n      data: props.data ?? [],\n      valueType: props.valueType,\n      checkStrictly: attrs.value.checkStrictly,\n    })\n    nextTick(() => {\n      if (treeRef.value) {\n        treeRef.value.setCheckedKeys(checkedKeys.value)\n      }\n    })\n  }\n}, { immediate: true })\n\nwatch(() => [props.valueType, props.optionAsValue, props.includeHalfChecked], () => {\n  handleCheck()\n}, { immediate: false })\n\nconst fieldRef = useField<Field>()\nfieldRef.value?.inject({\n  getTreeRef: () => {\n    return treeRef\n  },\n})\n</script>\n\n<template>\n  <ElScrollbar :height=\"props.height\" :max-height=\"props.maxHeight\">\n    <ElTree\n      ref=\"treeRef\"\n      v-loading=\"attrs.loading\"\n      :data=\"processedData\"\n      :props=\"props.props\"\n      :node-key=\"props.nodeKey\"\n      :default-checked-keys=\"checkedKeys\"\n      :show-checkbox=\"true\"\n      v-bind=\"attrs\"\n      @check=\"handleCheck\"\n    >\n      <template v-for=\"(_, name) of slots\" #[name]=\"slotData\">\n        <slot :name=\"name\" v-bind=\"{ field: fieldRef, ...slotData }\" />\n      </template>\n    </ElTree>\n  </ElScrollbar>\n</template>\n","import { connect, mapProps } from '@formily/vue'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport InnerTree from './tree.vue'\n\nconst Tree = connect(\n  InnerTree,\n  mapProps({ dataSource: 'data', loading: 'loading', disabled: true }),\n  mapReadPretty(PreviewText.Tree),\n)\n\nexport { Tree }\n\nexport default Tree\n"],"names":["props","__props","emit","__emit","slots","useSlots","attrs","useCleanAttrs","treeRef","ref","checkedKeys","processedData","computed","addDisabledToNodes","flatData","flattenTree","handleCheck","nextTick","keys","halfCheckedKeys","value","nodes","getOutputData","isFn","element","index","array","watch","newValue","getInputKeys","fieldRef","useField","_createBlock","_unref","ElScrollbar","_withDirectives","_openBlock","_mergeProps","_createSlots","_","name","_withCtx","slotData","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","vLoading","Tree","connect","InnerTree","mapProps","mapReadPretty","PreviewText"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/tree/tree.vue","../../src/tree/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport type { TreeValueTypeProps } from './types'\nimport { isFn } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ElScrollbar, ElTree, vLoading } from 'element-plus'\nimport { computed, nextTick, ref, useSlots, watch } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\nimport { addDisabledToNodes, flattenTree, getInputKeys, getOutputData } from './utils'\n\ndefineOptions({\n  name: 'Tree',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TreeValueTypeProps>(), {\n  valueType: 'all',\n  optionAsValue: false,\n  includeHalfChecked: false,\n  props: {\n    children: 'children',\n    label: 'label',\n    disabled: 'disabled',\n  },\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: any]\n}>()\n\nconst slots = useSlots()\n\nconst { props: attrs } = useCleanAttrs()\nconst treeRef = ref<InstanceType<typeof ElTree>>()\nconst checkedKeys = ref<any[]>([])\n\nconst processedData = computed(() => {\n  return addDisabledToNodes(props.data ?? [], attrs.value.disabled, props.props)\n})\n\nconst flatData = computed(() => flattenTree(processedData.value ?? [], [], props.props.children))\n\nasync function handleCheck() {\n  await nextTick()\n  const keys = treeRef.value.getCheckedKeys()\n  const halfCheckedKeys = treeRef.value.getHalfCheckedKeys() || []\n  checkedKeys.value = keys\n\n  const { value, nodes } = getOutputData(keys, halfCheckedKeys, {\n    flatData: flatData.value,\n    nodeKey: props.nodeKey,\n    propsConfig: props.props,\n    data: props.data ?? [],\n    valueType: props.valueType,\n    includeHalfChecked: props.includeHalfChecked,\n    checkStrictly: attrs.value.checkStrictly,\n  })\n\n  if (props.optionAsValue) {\n    isFn(props.optionFormatter)\n      ? emit('update:modelValue', nodes.map((element, index, array) => {\n          return props.optionFormatter(element, index, array)\n        }))\n      : emit('update:modelValue', nodes)\n  }\n  else {\n    emit('update:modelValue', value)\n  }\n}\n\nwatch(() => props.modelValue, (newValue) => {\n  if (newValue !== undefined) {\n    checkedKeys.value = getInputKeys(newValue, {\n      optionAsValue: props.optionAsValue,\n      nodeKey: props.nodeKey,\n      flatData: flatData.value,\n      propsConfig: props.props,\n      data: props.data ?? [],\n      valueType: props.valueType,\n      checkStrictly: attrs.value.checkStrictly,\n    })\n    nextTick(() => {\n      if (treeRef.value) {\n        treeRef.value.setCheckedKeys(checkedKeys.value)\n      }\n    })\n  }\n}, { immediate: true })\n\nwatch(() => [props.valueType, props.optionAsValue, props.includeHalfChecked], () => {\n  handleCheck()\n}, { immediate: false })\n\nconst fieldRef = useField<Field>()\nfieldRef.value?.inject({\n  getTreeRef: () => {\n    return treeRef\n  },\n})\n</script>\n\n<template>\n  <ElScrollbar :height=\"props.height\" :max-height=\"props.maxHeight\">\n    <ElTree\n      ref=\"treeRef\"\n      v-loading=\"attrs.loading\"\n      :data=\"processedData\"\n      :props=\"props.props\"\n      :node-key=\"props.nodeKey\"\n      :default-checked-keys=\"checkedKeys\"\n      :show-checkbox=\"true\"\n      v-bind=\"attrs\"\n      @check=\"handleCheck\"\n    >\n      <template v-for=\"(_, name) of slots\" #[name]=\"slotData\">\n        <slot :name=\"name\" v-bind=\"{ field: fieldRef, ...slotData }\" />\n      </template>\n    </ElTree>\n  </ElScrollbar>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport InnerTree from './tree.vue'\n\nconst Tree = connect<typeof InnerTree>(\n  InnerTree,\n  mapProps({ dataSource: 'data', loading: 'loading', disabled: true }),\n  mapReadPretty(PreviewText.Tree),\n)\n\nexport { Tree }\n\nexport default Tree\n"],"names":["props","__props","emit","__emit","slots","useSlots","attrs","useCleanAttrs","treeRef","ref","checkedKeys","processedData","computed","addDisabledToNodes","flatData","flattenTree","handleCheck","nextTick","keys","halfCheckedKeys","value","nodes","getOutputData","isFn","element","index","array","watch","newValue","getInputKeys","fieldRef","useField","_createBlock","_unref","ElScrollbar","_withDirectives","_openBlock","_mergeProps","_createSlots","_","name","_withCtx","slotData","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","vLoading","Tree","connect","InnerTree","mapProps","mapReadPretty","PreviewText"],"mappings":"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"}

package/esm/tree/tree.d.ts

@@ -2,9 +2,9 @@ import { TreeValueTypeProps } from './types';
 declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TreeValueTypeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: any) => any;
+    "update:modelValue": (value: any) => any;
 }, string, import('vue').PublicProps, Readonly<TreeValueTypeProps> & Readonly<{
-    onChange?: (value: any) => any;
+    "onUpdate:modelValue"?: (value: any) => any;
 }>, {
     props: any;
     valueType: "all" | "parent" | "child" | "path";

package/esm/tree/types.d.ts

@@ -2,7 +2,7 @@ import { TreeNodeData } from 'element-plus';
 export interface TreeValueTypeProps {
     nodeKey: string;
     data?: TreeNodeData[];
-    value?: any;
+    modelValue?: any;
     valueType?: 'all' | 'parent' | 'child' | 'path';
     includeHalfChecked?: boolean;
     optionAsValue?: boolean;

package/esm/tree-select/index.d.ts

@@ -1,32 +1,16 @@
 export declare const TreeSelect: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        value: any;
-    }> & Readonly<{
-        onChange?: (...args: any[]) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        change: (...args: any[]) => void;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, any, any, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, any, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        value: any;
-    }> & Readonly<{
-        onChange?: (...args: any[]) => any;
-    }>, {}, {}, {}, {}, {}>;
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    value: any;
-}> & Readonly<{
-    onChange?: (...args: any[]) => any;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: any;
 });
 export default TreeSelect;

package/esm/tree-select/index.mjs

@@ -1,47 +1,40 @@
-import { useField as f, connect as S, mapProps as v } from "@formily/vue";
-import { defineComponent as g, useSlots as P, ref as R, createBlock as _, openBlock as T, unref as e, mergeProps as y, createSlots as h, renderList as k, withCtx as x, renderSlot as C, normalizeProps as w, guardReactiveProps as A } from "vue";
-import { ElTreeSelect as B } from "element-plus";
+import { useField as c, connect as i, mapProps as p } from "@silver-formily/vue";
+import { defineComponent as m, useSlots as f, ref as d, createBlock as u, openBlock as S, unref as e, mergeProps as _, createSlots as g, renderList as P, withCtx as R, renderSlot as T, normalizeProps as v, guardReactiveProps as y } from "vue";
+import { ElTreeSelect as h } from "element-plus";
 import "@formily/reactive";
-import { mapReadPretty as F } from "../__builtins__/shared/transform-component.mjs";
-import { PreviewText as V } from "../preview-text/index.mjs";
+import { mapReadPretty as k } from "../__builtins__/shared/transform-component.mjs";
+import { PreviewText as x } from "../preview-text/index.mjs";
 import "@formily/core";
-import "@formily/reactive-vue";
-import { useCleanAttrs as j } from "../__builtins__/shared/utils.mjs";
-const z = /* @__PURE__ */ g({
+import "@silver-formily/reactive-vue";
+import { useCleanAttrs as C } from "../__builtins__/shared/utils.mjs";
+const w = /* @__PURE__ */ m({
   name: "FSelectTree",
   inheritAttrs: !1,
   __name: "tree-select",
-  props: {
-    value: null
-  },
-  emits: ["change"],
-  setup(a, { emit: s }) {
-    const m = a, i = s, c = P(), { props: p } = j(), r = R(), t = f();
+  setup(A) {
+    const n = f(), { props: l } = C(), r = d(), t = c();
     return t.value?.inject({
       getTreeSelectRef: () => r
-    }), (u, o) => (T(), _(e(B), y({
+    }), (s, B) => (S(), u(e(h), _({
       ref_key: "treeSelectRef",
       ref: r,
-      "model-value": m.value,
       loading: e(t).value?.loading
-    }, e(p), {
-      "onUpdate:modelValue": o[0] || (o[0] = (l) => i("change", l))
-    }), h({ _: 2 }, [
-      k(e(c), (l, n) => ({
-        name: n,
-        fn: x((d) => [
-          C(u.$slots, n, w(A({ field: e(t), ...d })))
+    }, e(l)), g({ _: 2 }, [
+      P(e(n), (F, o) => ({
+        name: o,
+        fn: R((a) => [
+          T(s.$slots, o, v(y({ field: e(t), ...a })))
         ])
       }))
-    ]), 1040, ["model-value", "loading"]));
+    ]), 1040, ["loading"]));
   }
-}), H = S(
-  z,
-  v({ value: "modelValue", readOnly: "readonly", dataSource: "data" }),
-  F(V.Select)
+}), G = i(
+  w,
+  p({ readOnly: "readonly", dataSource: "data" }),
+  k(x.Select)
 );
 export {
-  H as TreeSelect,
-  H as default
+  G as TreeSelect,
+  G as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/tree-select/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/tree-select/tree-select.vue","../../src/tree-select/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport { useField } from '@formily/vue'\nimport { ElTreeSelect } from 'element-plus'\nimport { ref, useSlots } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FSelectTree',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  value: null\n})\n\nconst emit = defineEmits(['change'])\n\nconst slots = useSlots()\n\nconst { props: attrs } = useCleanAttrs()\n\nconst treeSelectRef = ref()\n\nconst fieldRef = useField<Field>()\n\nfieldRef.value?.inject({\n  getTreeSelectRef: () => {\n    return treeSelectRef\n  },\n})\n</script>\n\n<template>\n  <ElTreeSelect\n    ref=\"treeSelectRef\"\n    :model-value=\"props.value\"\n    :loading=\"fieldRef.value?.loading\"\n    v-bind=\"attrs\"\n    @update:model-value=\"emit('change', $event)\"\n  >\n    <template v-for=\"(_, name) of slots\" #[name]=\"slotData\">\n      <slot :name=\"name\" v-bind=\"{ field: fieldRef, ...slotData }\" />\n    </template>\n  </ElTreeSelect>\n</template>\n","import { connect, mapProps } from '@formily/vue'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FTreeSelect from './tree-select.vue'\r\n\r\nexport const TreeSelect = connect(\r\n  FTreeSelect,\r\n  mapProps({ value: 'modelValue', readOnly: 'readonly', dataSource: 'data' }),\r\n  mapReadPretty(PreviewText.Select),\r\n)\r\n\r\nexport default TreeSelect\r\n"],"names":["props","__props","emit","__emit","slots","useSlots","attrs","useCleanAttrs","treeSelectRef","ref","fieldRef","useField","_openBlock","_createBlock","_unref","_mergeProps","_cache","$event","_","name","_withCtx","slotData","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","TreeSelect","connect","FTreeSelect","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAIRC,IAAOC,GAEPC,IAAQC,EAAA,GAER,EAAE,OAAOC,EAAA,IAAUC,EAAA,GAEnBC,IAAgBC,EAAA,GAEhBC,IAAWC,EAAA;AAEjB,WAAAD,EAAS,OAAO,OAAO;AAAA,MACrB,kBAAkB,MACTF;AAAA,IACT,CACD,cAICI,KAAAC,EAUeC,MAVfC,EAUe;AAAA,eATT;AAAA,MAAJ,KAAIP;AAAA,MACH,eAAaR,EAAM;AAAA,MACnB,SAASc,EAAAJ,CAAA,EAAS,OAAO;AAAA,IAAA,GAClBI,EAAAR,CAAA,GAAK;AAAA,MACZ,uBAAkBU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEf,EAAI,UAAWe,CAAM;AAAA,IAAA;QAEZH,EAAAV,CAAA,GAAK,CAAjBc,GAAGC;;QACnB,IAAAC,EAAA,CAD4CC,MAAQ;AAAA,UACpDC,EAA+DC,EAAA,QAAlDJ,GAAIK,EAAAC,EAAA,EAAA,OAAmBX,EAAAJ,CAAA,MAAaW,EAAA,CAAQ,CAAA,CAAA;AAAA,QAAA;;;;ICrClDK,IAAaC;AAAA,EACxBC;AAAAA,EACAC,EAAS,EAAE,OAAO,cAAc,UAAU,YAAY,YAAY,QAAQ;AAAA,EAC1EC,EAAcC,EAAY,MAAM;AAClC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/tree-select/tree-select.vue","../../src/tree-select/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport { useField } from '@silver-formily/vue'\nimport { ElTreeSelect } from 'element-plus'\nimport { ref, useSlots } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FSelectTree',\n  inheritAttrs: false,\n})\n\nconst slots = useSlots()\n\nconst { props: attrs } = useCleanAttrs()\n\nconst treeSelectRef = ref()\n\nconst fieldRef = useField<Field>()\n\nfieldRef.value?.inject({\n  getTreeSelectRef: () => {\n    return treeSelectRef\n  },\n})\n</script>\n\n<template>\n  <ElTreeSelect\n    ref=\"treeSelectRef\"\n    :loading=\"fieldRef.value?.loading\"\n    v-bind=\"attrs\"\n  >\n    <template v-for=\"(_, name) of slots\" #[name]=\"slotData\">\n      <slot :name=\"name\" v-bind=\"{ field: fieldRef, ...slotData }\" />\n    </template>\n  </ElTreeSelect>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FTreeSelect from './tree-select.vue'\r\n\r\nexport const TreeSelect = connect<typeof FTreeSelect>(\n  FTreeSelect,\n  mapProps({ readOnly: 'readonly', dataSource: 'data' }),\r\n  mapReadPretty(PreviewText.Select),\r\n)\r\n\r\nexport default TreeSelect\r\n"],"names":["slots","useSlots","attrs","useCleanAttrs","treeSelectRef","ref","fieldRef","useField","_openBlock","_createBlock","_unref","_mergeProps","_createSlots","_","name","_withCtx","slotData","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","TreeSelect","connect","FTreeSelect","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,EAAA,GAER,EAAE,OAAOC,EAAA,IAAUC,EAAA,GAEnBC,IAAgBC,EAAA,GAEhBC,IAAWC,EAAA;AAEjB,WAAAD,EAAS,OAAO,OAAO;AAAA,MACrB,kBAAkB,MACTF;AAAA,IACT,CACD,cAICI,KAAAC,EAQeC,MARfC,EAQe;AAAA,eAPT;AAAA,MAAJ,KAAIP;AAAA,MACH,SAASM,EAAAJ,CAAA,EAAS,OAAO;AAAA,IAAA,GAClBI,EAAAR,CAAA,CAAK,GAAAU,EAAA,EAAA,GAAA,KAAA;AAAA,QAEiBF,EAAAV,CAAA,GAAK,CAAjBa,GAAGC;;QACnB,IAAAC,EAAA,CAD4CC,MAAQ;AAAA,UACpDC,EAA+DC,EAAA,QAAlDJ,GAAIK,EAAAC,EAAA,EAAA,OAAmBV,EAAAJ,CAAA,MAAaU,EAAA,CAAQ,CAAA,CAAA;AAAA,QAAA;;;;IC7BlDK,IAAaC;AAAA,EACxBC;AAAAA,EACAC,EAAS,EAAE,UAAU,YAAY,YAAY,QAAQ;AAAA,EACrDC,EAAcC,EAAY,MAAM;AAClC;"}

package/esm/tree-select/tree-select.d.ts

@@ -1,13 +1,6 @@
-type __VLS_Props = {
-    value: any;
-};
 declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChange?: (...args: any[]) => any;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, any, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {