@silver-formily/element-plus 3.0.2 → 4.0.1

package/esm/tree/index.mjs

@@ -1,104 +1,14 @@
-import { useField as _, connect as A, mapProps as D } from "@silver-formily/vue";
-import { ElScrollbar as H, ElTree as P, vLoading as R } from "element-plus";
-import "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import { defineComponent as w, useSlots as F, ref as h, computed as y, watch as v, nextTick as k, openBlock as g, createBlock as C, unref as a, withCtx as T, withDirectives as B, mergeProps as E, createSlots as L, renderList as j, renderSlot as z, normalizeProps as I, guardReactiveProps as N } from "vue";
-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 { 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__ */ w({
-  name: "Tree",
-  inheritAttrs: !1,
-  __name: "tree",
-  props: {
-    nodeKey: {},
-    data: {},
-    modelValue: {},
-    valueType: { default: "all" },
-    includeHalfChecked: { type: Boolean, default: !1 },
-    optionAsValue: { type: Boolean, default: !1 },
-    props: { default: {
-      children: "children",
-      label: "label",
-      disabled: "disabled"
-    } },
-    optionFormatter: {},
-    height: {},
-    maxHeight: {}
-  },
-  emits: ["update:modelValue"],
-  setup(K, { emit: V }) {
-    const e = K, s = V, b = F(), { 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() || [];
-      d.value = t;
-      const { value: m, nodes: r } = U(t, f, {
-        flatData: p.value,
-        nodeKey: e.nodeKey,
-        propsConfig: e.props,
-        data: e.data ?? [],
-        valueType: e.valueType,
-        includeHalfChecked: e.includeHalfChecked,
-        checkStrictly: l.value.checkStrictly
-      });
-      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.modelValue, (t) => {
-      t !== void 0 && (d.value = Q(t, {
-        optionAsValue: e.optionAsValue,
-        nodeKey: e.nodeKey,
-        flatData: p.value,
-        propsConfig: e.props,
-        data: e.data ?? [],
-        valueType: e.valueType,
-        checkStrictly: l.value.checkStrictly
-      }), k(() => {
-        o.value && o.value.setCheckedKeys(d.value);
-      }));
-    }, { immediate: !0 }), v(() => [e.valueType, e.optionAsValue, e.includeHalfChecked], () => {
-      c();
-    }, { immediate: !1 });
-    const u = _();
-    return u.value?.inject({
-      getTreeRef: () => o
-    }), (t, f) => (g(), C(a(H), {
-      height: e.height,
-      "max-height": e.maxHeight
-    }, {
-      default: T(() => [
-        B((g(), C(a(P), E({
-          ref_key: "treeRef",
-          ref: o,
-          data: n.value,
-          props: e.props,
-          "node-key": e.nodeKey,
-          "default-checked-keys": d.value,
-          "show-checkbox": !0
-        }, a(l), { onCheck: c }), L({ _: 2 }, [
-          j(a(b), (m, r) => ({
-            name: r,
-            fn: T((i) => [
-              z(t.$slots, r, I(N({ field: a(u), ...i })))
-            ])
-          }))
-        ]), 1040, ["data", "props", "node-key", "default-checked-keys"])), [
-          [a(R), a(l).loading]
-        ])
-      ]),
-      _: 3
-    }, 8, ["height", "max-height"]));
-  }
-}), ie = A(
-  W,
-  D({ dataSource: "data", loading: "loading", disabled: !0 }),
-  O($.Tree)
-);
-export {
-  ie as Tree,
-  ie as default
-};
-//# sourceMappingURL=index.mjs.map
+import { mapReadPretty } from "../__builtins__/shared/transform-component.mjs";
+import PreviewText from "../preview-text/index.mjs";
+import _sfc_main from "./tree.mjs";
+import { connect, mapProps } from "@silver-formily/vue";
+//#region src/tree/index.ts
+const Tree = connect(_sfc_main, mapProps({
+	dataSource: "data",
+	loading: "loading",
+	disabled: true
+}), mapReadPretty(PreviewText.Tree));
+//#endregion
+export { Tree 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 '@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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"}
+{"version":3,"file":"index.mjs","names":["InnerTree"],"sources":["../../src/tree/index.ts"],"sourcesContent":["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"],"mappings":";;;;;AAKA,MAAM,OAAO,QACXA,WACA,SAAS;CAAE,YAAY;CAAQ,SAAS;CAAW,UAAU;CAAM,CAAC,EACpE,cAAc,YAAY,KAAK,CAChC"}

package/esm/tree/tree.mjs

@@ -0,0 +1,127 @@
+import { useCleanAttrs } from "../__builtins__/shared/utils.mjs";
+import { addDisabledToNodes, flattenTree, getInputKeys, getOutputData } from "./utils.mjs";
+import { ElScrollbar, ElTree, vLoading } from "element-plus";
+import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, openBlock, ref, renderList, renderSlot, unref, useSlots, watch, withCtx, withDirectives } from "vue";
+import { useField } from "@silver-formily/vue";
+import { isFn } from "@formily/shared";
+//#region src/tree/tree.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Tree",
+	inheritAttrs: false,
+	__name: "tree",
+	props: {
+		nodeKey: {},
+		data: {},
+		modelValue: {},
+		valueType: { default: "all" },
+		includeHalfChecked: {
+			type: Boolean,
+			default: false
+		},
+		optionAsValue: {
+			type: Boolean,
+			default: false
+		},
+		props: { default: {
+			children: "children",
+			label: "label",
+			disabled: "disabled"
+		} },
+		optionFormatter: {},
+		height: {},
+		maxHeight: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const { props: attrs } = useCleanAttrs();
+		const treeRef = ref();
+		const checkedKeys = ref([]);
+		const processedData = computed(() => {
+			return addDisabledToNodes(props.data ?? [], attrs.value.disabled, props.props);
+		});
+		const flatData = computed(() => flattenTree(processedData.value ?? [], [], props.props.children));
+		async function handleCheck() {
+			await nextTick();
+			const keys = treeRef.value.getCheckedKeys();
+			const halfCheckedKeys = treeRef.value.getHalfCheckedKeys() || [];
+			checkedKeys.value = keys;
+			const { value, nodes } = getOutputData(keys, halfCheckedKeys, {
+				flatData: flatData.value,
+				nodeKey: props.nodeKey,
+				propsConfig: props.props,
+				data: props.data ?? [],
+				valueType: props.valueType,
+				includeHalfChecked: props.includeHalfChecked,
+				checkStrictly: attrs.value.checkStrictly
+			});
+			if (props.optionAsValue) isFn(props.optionFormatter) ? emit("update:modelValue", nodes.map((element, index, array) => {
+				return props.optionFormatter(element, index, array);
+			})) : emit("update:modelValue", nodes);
+			else emit("update:modelValue", value);
+		}
+		watch(() => props.modelValue, (newValue) => {
+			if (newValue !== void 0) {
+				checkedKeys.value = getInputKeys(newValue, {
+					optionAsValue: props.optionAsValue,
+					nodeKey: props.nodeKey,
+					flatData: flatData.value,
+					propsConfig: props.props,
+					data: props.data ?? [],
+					valueType: props.valueType,
+					checkStrictly: attrs.value.checkStrictly
+				});
+				nextTick(() => {
+					if (treeRef.value) treeRef.value.setCheckedKeys(checkedKeys.value);
+				});
+			}
+		}, { immediate: true });
+		watch(() => [
+			props.valueType,
+			props.optionAsValue,
+			props.includeHalfChecked
+		], () => {
+			handleCheck();
+		}, { immediate: false });
+		const fieldRef = useField();
+		fieldRef.value?.inject({ getTreeRef: () => {
+			return treeRef;
+		} });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElScrollbar), {
+				height: props.height,
+				"max-height": props.maxHeight
+			}, {
+				default: withCtx(() => [withDirectives((openBlock(), createBlock(unref(ElTree), mergeProps({
+					ref_key: "treeRef",
+					ref: treeRef,
+					data: processedData.value,
+					props: props.props,
+					"node-key": props.nodeKey,
+					"default-checked-keys": checkedKeys.value,
+					"show-checkbox": true
+				}, unref(attrs), { onCheck: handleCheck }), createSlots({ _: 2 }, [renderList(unref(slots), (_, name) => {
+					return {
+						name,
+						fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps({
+							field: unref(fieldRef),
+							...slotData
+						})))])
+					};
+				})]), 1040, [
+					"data",
+					"props",
+					"node-key",
+					"default-checked-keys"
+				])), [[unref(vLoading), unref(attrs).loading]])]),
+				_: 3
+			}, 8, ["height", "max-height"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=tree.mjs.map

package/esm/tree/tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.mjs","names":[],"sources":["../../src/tree/tree.vue"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,OAAO,UAAU,eAAc;EACvC,MAAM,UAAU,KAAiC;EACjD,MAAM,cAAc,IAAW,EAAE,CAAA;EAEjC,MAAM,gBAAgB,eAAe;AACnC,UAAO,mBAAmB,MAAM,QAAQ,EAAE,EAAE,MAAM,MAAM,UAAU,MAAM,MAAK;IAC9E;EAED,MAAM,WAAW,eAAe,YAAY,cAAc,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,MAAM,SAAS,CAAA;EAEhG,eAAe,cAAc;AAC3B,SAAM,UAAS;GACf,MAAM,OAAO,QAAQ,MAAM,gBAAe;GAC1C,MAAM,kBAAkB,QAAQ,MAAM,oBAAoB,IAAI,EAAC;AAC/D,eAAY,QAAQ;GAEpB,MAAM,EAAE,OAAO,UAAU,cAAc,MAAM,iBAAiB;IAC5D,UAAU,SAAS;IACnB,SAAS,MAAM;IACf,aAAa,MAAM;IACnB,MAAM,MAAM,QAAQ,EAAE;IACtB,WAAW,MAAM;IACjB,oBAAoB,MAAM;IAC1B,eAAe,MAAM,MAAM;IAC5B,CAAA;AAED,OAAI,MAAM,cACR,MAAK,MAAM,gBAAe,GACtB,KAAK,qBAAqB,MAAM,KAAK,SAAS,OAAO,UAAU;AAC7D,WAAO,MAAM,gBAAgB,SAAS,OAAO,MAAK;KAClD,CAAA,GACF,KAAK,qBAAqB,MAAK;OAGnC,MAAK,qBAAqB,MAAK;;AAInC,cAAY,MAAM,aAAa,aAAa;AAC1C,OAAI,aAAa,KAAA,GAAW;AAC1B,gBAAY,QAAQ,aAAa,UAAU;KACzC,eAAe,MAAM;KACrB,SAAS,MAAM;KACf,UAAU,SAAS;KACnB,aAAa,MAAM;KACnB,MAAM,MAAM,QAAQ,EAAE;KACtB,WAAW,MAAM;KACjB,eAAe,MAAM,MAAM;KAC5B,CAAA;AACD,mBAAe;AACb,SAAI,QAAQ,MACV,SAAQ,MAAM,eAAe,YAAY,MAAK;MAEjD;;KAEF,EAAE,WAAW,MAAM,CAAA;AAEtB,cAAY;GAAC,MAAM;GAAW,MAAM;GAAe,MAAM;GAAmB,QAAQ;AAClF,gBAAY;KACX,EAAE,WAAW,OAAO,CAAA;EAEvB,MAAM,WAAW,UAAgB;AACjC,WAAS,OAAO,OAAO,EACrB,kBAAkB;AAChB,UAAO;KAEV,CAAA;;uBAIC,YAgBc,MAAA,YAAA,EAAA;IAhBA,QAAQ,MAAM;IAAS,cAAY,MAAM;;2BAe5C,CAAA,gBAAA,WAAA,EAdT,YAcS,MAAA,OAAA,EAdT,WAcS;cAbH;KAAJ,KAAI;KAEH,MAAM,cAAA;KACN,OAAO,MAAM;KACb,YAAU,MAAM;KAChB,wBAAsB,YAAA;KACtB,iBAAe;OACR,MAAA,MAAK,EAAA,EACZ,SAAO,aAAW,CAAA,EAAA,YAAA,EAAA,GAAA,GAAA,EAAA,CAAA,WAEW,MAAA,MAAK,GAAjB,GAAG,SAAI;;MAAa;mBAAQ,aAAQ,CACpD,WAA+D,KAAA,QAAlD,MAAI,eAAA,mBAAA;OAAA,OAAmB,MAAA,SAAQ;OAAA,GAAK;OAAQ,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;4BAVhD,MAAA,MAAK,CAAC,QAAO,CAAA,CAAA,CAAA,CAAA"}

package/esm/tree/types.d.ts

@@ -1,13 +1,18 @@
-import { TreeNodeData } from 'element-plus';
-export interface TreeValueTypeProps {
-    nodeKey: string;
-    data?: TreeNodeData[];
-    modelValue?: any;
-    valueType?: 'all' | 'parent' | 'child' | 'path';
-    includeHalfChecked?: boolean;
-    optionAsValue?: boolean;
-    props?: any;
-    optionFormatter?: (node: TreeNodeData, index: number, array: TreeNodeData[]) => TreeNodeData;
-    height?: number;
-    maxHeight?: number;
+import { TreeNodeData } from "element-plus";
+
+//#region src/tree/types.d.ts
+interface TreeValueTypeProps {
+  nodeKey: string;
+  data?: TreeNodeData[];
+  modelValue?: any;
+  valueType?: 'all' | 'parent' | 'child' | 'path';
+  includeHalfChecked?: boolean;
+  optionAsValue?: boolean;
+  props?: any;
+  optionFormatter?: (node: TreeNodeData, index: number, array: TreeNodeData[]) => TreeNodeData;
+  height?: number;
+  maxHeight?: number;
 }
+//#endregion
+export { TreeValueTypeProps };
+//# sourceMappingURL=types.d.ts.map

package/esm/tree/utils.mjs

@@ -1,159 +1,167 @@
-function k(c, r = [], t = "children") {
-  for (const e of c)
-    r.push(e), e[t] && e[t].length > 0 && k(e[t], r, t);
-  return r;
+//#region src/tree/utils.ts
+function flattenTree(nodes, result = [], childrenKey = "children") {
+	for (const node of nodes) {
+		result.push(node);
+		if (node[childrenKey] && node[childrenKey].length > 0) flattenTree(node[childrenKey], result, childrenKey);
+	}
+	return result;
 }
-function m(c, r, t) {
-  return r ? c.map((e) => {
-    const n = { ...e };
-    return n[t.disabled] = !0, e[t.children] && e[t.children].length > 0 && (n[t.children] = m(e[t.children], r, t)), n;
-  }) : c;
+function addDisabledToNodes(nodes, disabled, propsConfig) {
+	if (!disabled) return nodes;
+	return nodes.map((node) => {
+		const newNode = { ...node };
+		newNode[propsConfig.disabled] = true;
+		if (node[propsConfig.children] && node[propsConfig.children].length > 0) newNode[propsConfig.children] = addDisabledToNodes(node[propsConfig.children], disabled, propsConfig);
+		return newNode;
+	});
 }
-function S(c, r, t = {}) {
-  const { leafOnly: e = !1, childrenKey: n = "children" } = t;
-  for (const l of c) {
-    const i = l[n] || [], o = i.length === 0;
-    (!e || o) && r(l), i.length > 0 && S(i, r, t);
-  }
+function traverseTree(nodes, callback, options = {}) {
+	const { leafOnly = false, childrenKey = "children" } = options;
+	for (const node of nodes) {
+		const children = node[childrenKey] || [];
+		const isLeaf = children.length === 0;
+		if (!leafOnly || isLeaf) callback(node);
+		if (children.length > 0) traverseTree(children, callback, options);
+	}
 }
-function N(c, r, t) {
-  const e = c[t.children] || [];
-  if (e.length === 0)
-    return [];
-  const n = [];
-  return S(e, (l) => {
-    n.push(l[r]);
-  }, { childrenKey: t.children }), n;
+function getChildrenKeys(node, nodeKey, propsConfig) {
+	const children = node[propsConfig.children] || [];
+	if (children.length === 0) return [];
+	const keys = [];
+	traverseTree(children, (child) => {
+		keys.push(child[nodeKey]);
+	}, { childrenKey: propsConfig.children });
+	return keys;
 }
-function w(c, r, t) {
-  const e = [];
-  return S(c, (n) => {
-    e.push(n[r]);
-  }, { leafOnly: !0, childrenKey: t.children }), e;
+function extractKeysFromPath(pathNodes, nodeKey, propsConfig) {
+	const keys = [];
+	traverseTree(pathNodes, (node) => {
+		keys.push(node[nodeKey]);
+	}, {
+		leafOnly: true,
+		childrenKey: propsConfig.children
+	});
+	return keys;
 }
-function P(c, r, t, e) {
-  const n = [];
-  for (const l of c) {
-    const i = l[e.children] || [], o = i.length > 0 ? P(i, r, t, e).length > 0 : !1;
-    if (r.includes(l[t]) || o) {
-      const u = { ...l };
-      o && i.length > 0 && (u[e.children] = P(i, r, t, e)), n.push(u);
-    }
-  }
-  return n;
+function getSelectedPath(nodes, selectedKeys, nodeKey, propsConfig) {
+	const result = [];
+	for (const node of nodes) {
+		const children = node[propsConfig.children] || [];
+		const hasSelectedChild = children.length > 0 ? getSelectedPath(children, selectedKeys, nodeKey, propsConfig).length > 0 : false;
+		if (selectedKeys.includes(node[nodeKey]) || hasSelectedChild) {
+			const newNode = { ...node };
+			if (hasSelectedChild && children.length > 0) newNode[propsConfig.children] = getSelectedPath(children, selectedKeys, nodeKey, propsConfig);
+			result.push(newNode);
+		}
+	}
+	return result;
 }
-function T(c, r, t, e, n = []) {
-  for (const l of c) {
-    const i = [...n, l[t]];
-    if (l[t] === r)
-      return i;
-    const o = l[e.children] || [];
-    if (o.length > 0) {
-      const u = T(o, r, t, e, i);
-      if (u.length > 0)
-        return u;
-    }
-  }
-  return [];
+/**
+* 查找节点的所有父节点路径
+*/
+function findParents(nodes, targetKey, nodeKey, propsConfig, parents = []) {
+	for (const node of nodes) {
+		const currentPath = [...parents, node[nodeKey]];
+		if (node[nodeKey] === targetKey) return currentPath;
+		const children = node[propsConfig.children] || [];
+		if (children.length > 0) {
+			const found = findParents(children, targetKey, nodeKey, propsConfig, currentPath);
+			if (found.length > 0) return found;
+		}
+	}
+	/* istanbul ignore next -- @preserve */
+	return [];
 }
-function v(c, r, t, e) {
-  return c.filter((n) => {
-    const l = r.find((o) => o[t] === n);
-    return l ? (l[e.children] || []).length === 0 : !1;
-  });
+/**
+* 过滤叶子节点
+*/
+function filterLeafNodes(keys, flatData, nodeKey, propsConfig) {
+	return keys.filter((key) => {
+		const node = flatData.find((n) => n[nodeKey] === key);
+		if (!node) return false;
+		return (node[propsConfig.children] || []).length === 0;
+	});
 }
-function D(c, r = [], t) {
-  const { flatData: e, nodeKey: n, propsConfig: l, data: i, valueType: o, includeHalfChecked: u, checkStrictly: a } = t, d = e.filter(
-    (s) => c.includes(s[n])
-  );
-  let h = [...c], f = [...d];
-  if (a)
-    return {
-      value: h,
-      nodes: f
-    };
-  switch (o) {
-    case "parent": {
-      const s = [];
-      for (const y of d)
-        s.push(...N(y, n, l));
-      h = c.filter((y) => !s.includes(y)), f = d.filter(
-        (y) => h.includes(y[n])
-      );
-      break;
-    }
-    case "child": {
-      for (const s of d)
-        N(s, n, l).some((g) => c.includes(g)) && (h = h.filter((g) => g !== s[n]), f = f.filter(
-          (g) => g[n] !== s[n]
-        ));
-      break;
-    }
-    case "path": {
-      const s = P(i, c, n, l);
-      return {
-        value: s,
-        nodes: s
-      };
-    }
-    default: {
-      if (u && r.length > 0) {
-        const s = e.filter(
-          (y) => r.includes(y[n])
-        );
-        h = [...h, ...r], f = [...f, ...s];
-      }
-      break;
-    }
-  }
-  return {
-    value: h,
-    nodes: f
-  };
+/**
+* 获取输出数据
+*/
+function getOutputData(keys, halfCheckedKeys = [], options) {
+	const { flatData, nodeKey, propsConfig, data, valueType, includeHalfChecked, checkStrictly } = options;
+	const selectedNodes = flatData.filter((node) => keys.includes(node[nodeKey]));
+	let outputKeys = [...keys];
+	let outputNodes = [...selectedNodes];
+	if (checkStrictly) return {
+		value: outputKeys,
+		nodes: outputNodes
+	};
+	switch (valueType) {
+		case "parent": {
+			const allChildKeys = [];
+			for (const node of selectedNodes) allChildKeys.push(...getChildrenKeys(node, nodeKey, propsConfig));
+			outputKeys = keys.filter((key) => !allChildKeys.includes(key));
+			outputNodes = selectedNodes.filter((node) => outputKeys.includes(node[nodeKey]));
+			break;
+		}
+		case "child":
+			for (const node of selectedNodes) if (getChildrenKeys(node, nodeKey, propsConfig).some((key) => keys.includes(key))) {
+				outputKeys = outputKeys.filter((key) => key !== node[nodeKey]);
+				outputNodes = outputNodes.filter((n) => n[nodeKey] !== node[nodeKey]);
+			}
+			break;
+		case "path": {
+			const selectedPath = getSelectedPath(data, keys, nodeKey, propsConfig);
+			return {
+				value: selectedPath,
+				nodes: selectedPath
+			};
+		}
+		default:
+			if (includeHalfChecked && halfCheckedKeys.length > 0) {
+				const halfCheckedNodes = flatData.filter((node) => halfCheckedKeys.includes(node[nodeKey]));
+				outputKeys = [...outputKeys, ...halfCheckedKeys];
+				outputNodes = [...outputNodes, ...halfCheckedNodes];
+			}
+			break;
+	}
+	return {
+		value: outputKeys,
+		nodes: outputNodes
+	};
 }
-function b(c, r) {
-  const { optionAsValue: t, nodeKey: e, flatData: n, propsConfig: l, data: i, valueType: o, checkStrictly: u } = r;
-  if (!c || !Array.isArray(c))
-    return [];
-  const a = t ? c.map((d) => d[e]) : c;
-  if (u)
-    return a;
-  switch (o) {
-    case "parent": {
-      const d = [...a];
-      for (const h of a) {
-        const f = n.find((s) => s[e] === h);
-        if (f) {
-          const s = N(f, e, l);
-          d.push(...s);
-        }
-      }
-      return v(d, n, e, l);
-    }
-    case "child": {
-      const d = [...a];
-      for (const h of a) {
-        const f = T(i, h, e, l);
-        d.push(...f);
-      }
-      return v(d, n, e, l);
-    }
-    case "path":
-      return w(a, e, l);
-    default:
-      return v(a, n, e, l);
-  }
+/**
+* 根据valueType将输入值转换为checkedKeys
+*/
+function getInputKeys(inputValue, options) {
+	const { optionAsValue, nodeKey, flatData, propsConfig, data, valueType, checkStrictly } = options;
+	/* istanbul ignore if -- @preserve */
+	if (!inputValue || !Array.isArray(inputValue)) return [];
+	const valueArray = optionAsValue ? inputValue.map((item) => item[nodeKey]) : inputValue;
+	if (checkStrictly) return valueArray;
+	switch (valueType) {
+		case "parent": {
+			const allKeys = [...valueArray];
+			for (const key of valueArray) {
+				const node = flatData.find((n) => n[nodeKey] === key);
+				if (node) {
+					const childKeys = getChildrenKeys(node, nodeKey, propsConfig);
+					allKeys.push(...childKeys);
+				}
+			}
+			return filterLeafNodes(allKeys, flatData, nodeKey, propsConfig);
+		}
+		case "child": {
+			const allKeys = [...valueArray];
+			for (const key of valueArray) {
+				const parentPath = findParents(data, key, nodeKey, propsConfig);
+				allKeys.push(...parentPath);
+			}
+			return filterLeafNodes(allKeys, flatData, nodeKey, propsConfig);
+		}
+		case "path": return extractKeysFromPath(valueArray, nodeKey, propsConfig);
+		default: return filterLeafNodes(valueArray, flatData, nodeKey, propsConfig);
+	}
 }
-export {
-  m as addDisabledToNodes,
-  w as extractKeysFromPath,
-  v as filterLeafNodes,
-  T as findParents,
-  k as flattenTree,
-  N as getChildrenKeys,
-  b as getInputKeys,
-  D as getOutputData,
-  P as getSelectedPath,
-  S as traverseTree
-};
-//# sourceMappingURL=utils.mjs.map
+//#endregion
+export { addDisabledToNodes, flattenTree, getInputKeys, getOutputData, getSelectedPath };
+
+//# sourceMappingURL=utils.mjs.map