fast-element-plus 1.0.21 → 2.0.1

package/dist/components/tree/src/tree.mjs

@@ -0,0 +1,334 @@
+import { addCssUnit } from "../../../utils/dom/index.mjs";
+import { useEmits } from "../../../utils/vue/emits.mjs";
+import { useExpose } from "../../../utils/vue/expose.mjs";
+import { definePropType, useProps } from "../../../utils/vue/props.mjs";
+import { useRender } from "../../../utils/vue/render.mjs";
+import { makeSlots } from "../../../utils/vue/slots.mjs";
+import { withDefineType } from "../../../utils/vue/with.mjs";
+import { computed, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, onMounted, reactive, ref, resolveDirective, watch, withDirectives } from "vue";
+import { Expand, Fold } from "@element-plus/icons-vue";
+import { ElIcon, ElInput, ElScrollbar, ElTree, treeEmits, treeProps, useGlobalSize } from "element-plus";
+import { isArray, isBoolean, isNull, isNumber, isObject, isString } from "lodash-unified";
+import { useVModel } from "@vueuse/core";
+//#region src/components/tree/src/tree.tsx
+/** FaTree 的运行时 Props 定义。 */
+const faTreeProps = {
+	...treeProps,
+	/** 树节点筛选方法。 */
+	filterNodeMethod: { type: definePropType(Function) },
+	/** @description whether Select is disabled 重载使其支持 ElForm*/
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	/** 每个树节点用来作为唯一标识的属性，整棵树应该是唯一的 */
+	nodeKey: {
+		type: String,
+		default: "value"
+	},
+	/** @description 是否默认展开所有节点 */
+	defaultExpandAll: {
+		type: Boolean,
+		default: true
+	},
+	/** @description 是否在点击节点的时候选中节点 */
+	checkOnClickNode: {
+		type: Boolean,
+		default: true
+	},
+	/** @description 是否高亮当前选中节点 */
+	highlightCurrent: {
+		type: Boolean,
+		default: true
+	},
+	/** @description 点击折叠节点，需要开启 'expandOnClickNode' */
+	collapseOnClickNode: Boolean,
+	/** @description v-model绑定值 */
+	modelValue: {
+		type: definePropType([
+			String,
+			Number,
+			Boolean,
+			Object
+		]),
+		default: void 0
+	},
+	/** @description v-model:label绑定值 */
+	label: String,
+	/** @description 宽度 */
+	width: {
+		type: [String, Number],
+		default: 180
+	},
+	/** @description 默认选择 */
+	defaultSelection: [String, Number],
+	/** @description 标题 */
+	title: String,
+	/** @description 折叠 */
+	hamburger: Boolean,
+	/** @description 隐藏全部 */
+	hideAll: Boolean,
+	/** @description 隐藏过滤 */
+	hideFilter: Boolean,
+	/** @description 全部值 */
+	allValue: {
+		type: definePropType([
+			String,
+			Number,
+			Boolean,
+			Object
+		]),
+		default: ""
+	},
+	/** @description 树形数据 */
+	data: {
+		type: definePropType(Array),
+		default: () => []
+	},
+	/** @description 请求api */
+	requestApi: { type: definePropType(Function) },
+	/** 初始化参数 */
+	initParam: definePropType([
+		String,
+		Number,
+		Object
+	])
+};
+/** FaTree 的运行时 Emits 定义。 */
+const faTreeEmits = {
+	...treeEmits,
+	/** @description v-model 回调 */
+	"update:modelValue": (value) => isString(value) || isNumber(value) || isBoolean(value) || isObject(value) || isNull(value),
+	/** @description v-model:label 回调 */
+	"update:label": (value) => isString(value) || isNull(value),
+	/** @description 数据改变 */
+	dataChangeCallBack: (data) => isArray(data),
+	/** @description 改变 */
+	change: (_data, _node, _instance, _event) => true,
+	/** @description 节点点击 */
+	"node-click": (_data, _node, _instance, _event) => true
+};
+var tree_default = defineComponent({
+	name: "FaTree",
+	props: faTreeProps,
+	emits: faTreeEmits,
+	slots: makeSlots(),
+	setup(props, { slots, emit, expose }) {
+		const selectedLabel = useVModel(props, "label", emit, { passive: true });
+		const _globalSize = useGlobalSize();
+		const state = reactive({
+			value: withDefineType(props.modelValue),
+			loading: false,
+			searchValue: withDefineType(),
+			orgTreeData: withDefineType([]),
+			treeData: withDefineType([]),
+			hamburger: props.hamburger || false,
+			width: computed(() => {
+				if (state.hamburger) return "130px";
+				else {
+					const width = addCssUnit(props.width);
+					if (_globalSize.value === "small") return `calc(${width} * 0.9)`;
+					else return width;
+				}
+			})
+		});
+		/** @description 只有一层节点 */
+		const fold = computed(() => {
+			const childrenKey = props.props.children ?? "children";
+			return state.orgTreeData.every((item) => !Array.isArray(item[childrenKey]) || item[childrenKey].length === 0);
+		});
+		const treeRef = ref();
+		let requestVersion = 0;
+		const loadData = async () => {
+			const currentRequestVersion = ++requestVersion;
+			let curSelectedData;
+			if (props.nodeKey) {
+				const currentKey = treeRef.value?.getCurrentKey();
+				if (typeof currentKey === "string" || typeof currentKey === "number") curSelectedData = currentKey;
+			}
+			let treeData;
+			if (props.requestApi) {
+				state.loading = true;
+				const params = {
+					...typeof props.initParam === "object" && props.initParam !== null ? props.initParam : {},
+					searchValue: state.searchValue
+				};
+				try {
+					treeData = (await props.requestApi(params)).map((item) => ({ ...item }));
+				} catch (error) {
+					if (currentRequestVersion !== requestVersion) return;
+					throw error;
+				} finally {
+					if (currentRequestVersion === requestVersion) state.loading = false;
+				}
+			} else treeData = props.data.map((item) => ({ ...item }));
+			if (currentRequestVersion !== requestVersion) return;
+			if (!props.hideAll) treeData.unshift({
+				[props.nodeKey]: props.allValue,
+				label: "全部",
+				value: null,
+				all: true
+			});
+			state.orgTreeData = treeData;
+			state.treeData = treeData;
+			emit("dataChangeCallBack", state.treeData);
+			const selectedKey = curSelectedData ?? props.modelValue ?? props.defaultSelection;
+			if (props.nodeKey && (typeof selectedKey === "string" || typeof selectedKey === "number")) nextTick(() => {
+				treeRef.value?.setCurrentKey(selectedKey);
+			});
+		};
+		const handleHamburgerClick = () => {
+			if (state.hamburger) state.treeData = state.orgTreeData;
+			else state.treeData = state.orgTreeData.map((item) => ({
+				...item,
+				[props.props.children ?? "children"]: []
+			}));
+			state.hamburger = !state.hamburger;
+		};
+		const handleFilterNode = (value, data, child) => {
+			if (!value) return true;
+			let parentNode = child.parent, labels = data["all"] ? [data["label"]] : [child.label], level = 1;
+			while (level < child.level && parentNode) {
+				labels = [...labels, parentNode.label];
+				parentNode = parentNode.parent;
+				level++;
+			}
+			const filterText = typeof value === "string" || typeof value === "number" ? String(value) : "";
+			const result = labels.some((label) => typeof label === "string" || typeof label === "number" ? String(label).includes(filterText) : false);
+			if (props.filterNodeMethod) return result && props.filterNodeMethod(value, data, child);
+			return result;
+		};
+		const handleNodeClick = (data, node, instance, event) => {
+			if (!instance) return;
+			if (props.expandOnClickNode) {
+				if (!node.expanded) node.expand();
+				else if (node.expanded && props.collapseOnClickNode) node.collapse();
+			}
+			if (!data["all"] && (node.key === void 0 || node.key === null)) return;
+			state.value = data["all"] ? props.allValue ?? null : node.key ?? null;
+			selectedLabel.value = node.label;
+			emit("update:modelValue", state.value);
+			emit("change", data, node, instance, event);
+			emit("node-click", data, node, instance, event);
+		};
+		onMounted(async () => {
+			await loadData();
+			watch(() => props.data, () => {
+				if (!props.requestApi) return loadData();
+			}, { deep: true });
+		});
+		watch(() => props.modelValue, (newValue) => {
+			state.value = newValue ?? null;
+			if (typeof newValue === "string" || typeof newValue === "number") treeRef.value?.setCurrentKey(newValue);
+		});
+		const elTreeProps = useProps(props, treeProps, [
+			"data",
+			"expandOnClickNode",
+			"filterNodeMethod"
+		]);
+		const elTreeEmits = useEmits(treeEmits, emit, ["node-click"]);
+		useRender(() => withDirectives(createVNode("div", {
+			"class": [
+				"el-card fa-tree",
+				`fa-tree-${_globalSize.value}`,
+				{ "fa-tree__fold": state.hamburger || fold.value }
+			],
+			"style": { width: state.width }
+		}, [
+			(props.title !== void 0 || props.hamburger) && createVNode("div", { "class": "fa-tree__title" }, [props.title && createVNode("h4", null, [props.title]), props.hamburger && (state.hamburger ? createVNode(ElIcon, {
+				"onClick": handleHamburgerClick,
+				"title": "展开"
+			}, { default: () => [createVNode(Expand, null, null)] }) : createVNode(ElIcon, {
+				"onClick": handleHamburgerClick,
+				"title": "折叠"
+			}, { default: () => [createVNode(Fold, null, null)] }))]),
+			!props.hideFilter && createVNode(ElInput, {
+				"class": "fa-tree__search-input",
+				"modelValue": state.searchValue,
+				"modelModifiers": { "trim": true },
+				"onUpdate:modelValue": ($event) => state.searchValue = $event,
+				"placeholder": state.hamburger ? "关键字过滤" : "输入关键字进行过滤",
+				"clearable": Boolean(state.searchValue),
+				"onInput": (value) => treeRef.value?.filter(value)
+			}, null),
+			createVNode(ElScrollbar, { "class": "fa-tree__scrollbar" }, { default: () => [createVNode(ElTree, mergeProps(elTreeProps.value, elTreeEmits.value, {
+				"ref": treeRef,
+				"data": state.treeData,
+				"expandOnClickNode": props.checkOnClickNode ? false : props.expandOnClickNode,
+				"filterNodeMethod": handleFilterNode,
+				"onNode-click": handleNodeClick
+			}), {
+				default: ({ node, data }) => createVNode("span", {
+					"class": "el-tree-node__label",
+					"title": data["all"] ? data.label : node.label,
+					"style": { paddingLeft: fold.value ? "3px" : "" }
+				}, [
+					createVNode("div", null, [data["all"] ? data.label : slots.label ? slots.label({
+						node,
+						data
+					}) : node.label]),
+					node.key && data.showQuantity ? createVNode("span", null, [
+						createTextVNode("["),
+						data.quantity,
+						createTextVNode("]")
+					]) : null,
+					!data["all"] && slots.default && createVNode("span", null, [slots.default({
+						node,
+						data
+					})])
+				]),
+				...slots.empty && { empty: () => slots.empty?.() ?? [] }
+			})] })
+		]), [[resolveDirective("loading"), state.loading]]));
+		return useExpose(expose, {
+			/** @description 过滤所有树节点，过滤后的节点将被隐藏 */
+			filter: computed(() => treeRef.value?.filter),
+			/** @description 获取节点的唯一标识。 */
+			getNodeKey: computed(() => treeRef.value?.getNodeKey),
+			/** @description 获取指定节点的路径数据。 */
+			getNodePath: computed(() => treeRef.value?.getNodePath),
+			/** @description 为节点设置新数据，只有当设置 node-key 属性的时候才可用 */
+			updateKeyChildren: computed(() => treeRef.value?.updateKeyChildren),
+			/** @description 如果节点可以被选中，(show-checkbox 为 true), 本方法将返回当前选中节点的数组 */
+			getCheckedNodes: computed(() => treeRef.value?.getCheckedNodes),
+			/** @description 设置目前勾选的节点，使用此方法必须提前设置 node-key 属性 */
+			setCheckedNodes: computed(() => treeRef.value?.setCheckedNodes),
+			/** @description 	若节点可用被选中 (show-checkbox 为 true), 它将返回当前选中节点 key 的数组 */
+			getCheckedKeys: computed(() => treeRef.value?.getCheckedKeys),
+			/** @description 设置目前选中的节点，使用此方法必须设置 node-key 属性 */
+			setCheckedKeys: computed(() => treeRef.value?.setCheckedKeys),
+			/** @description 设置节点是否被选中, 使用此方法必须设置 node-key 属性 */
+			setChecked: computed(() => treeRef.value?.setChecked),
+			/** @description 如果节点可用被选中 (show-checkbox 为 true), 它将返回当前半选中的节点组成的数组 */
+			getHalfCheckedNodes: computed(() => treeRef.value?.getHalfCheckedNodes),
+			/** @description 若节点可被选中(show-checkbox 为 true)，则返回目前半选中的节点的 key 所组成的数组 */
+			getHalfCheckedKeys: computed(() => treeRef.value?.getHalfCheckedKeys),
+			/** @description 返回当前被选中节点的数据 (如果没有则返回 null) */
+			getCurrentKey: computed(() => treeRef.value?.getCurrentKey),
+			/** @description 返回当前被选中节点的数据 (如果没有则返回 null) */
+			getCurrentNode: computed(() => treeRef.value?.getCurrentNode),
+			/** @description 通过 key 设置某个节点的当前选中状态，使用此方法必须设置 node-key  属性 */
+			setCurrentKey: computed(() => treeRef.value?.setCurrentKey),
+			/** @description 设置节点为选中状态，使用此方法必须设置 node-key 属性 */
+			setCurrentNode: computed(() => treeRef.value?.setCurrentNode),
+			/** @description 根据 data 或者 key 拿到 Tree 组件中的 node */
+			getNode: computed(() => treeRef.value?.getNode),
+			/** @description 删除 Tree 中的一个节点，使用此方法必须设置 node-key 属性 */
+			remove: computed(() => treeRef.value?.remove),
+			/** @description 为 Tree 中的一个节点追加一个子节点 */
+			append: computed(() => treeRef.value?.append),
+			/** @description 在 Tree 中给定节点前插入一个节点 */
+			insertBefore: computed(() => treeRef.value?.insertBefore),
+			/** @description 在 Tree 中给定节点后插入一个节点 */
+			insertAfter: computed(() => treeRef.value?.insertAfter),
+			/** @description 加载状态 */
+			loading: computed(() => state.loading),
+			/** @description 刷新 */
+			refresh: loadData
+		});
+	}
+});
+//#endregion
+export { tree_default as default, faTreeEmits, faTreeProps };
+
+//# sourceMappingURL=tree.mjs.map

package/dist/components/tree/src/tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.mjs","names":["update:modelValue","update:label","node-click"],"sources":["../../../../src/components/tree/src/tree.tsx"],"sourcesContent":["import { useVModel } from \"@vueuse/core\";\nimport { computed, defineComponent, nextTick, onMounted, reactive, ref, watch } from \"vue\";\nimport { Expand, Fold } from \"@element-plus/icons-vue\";\nimport { ElIcon, ElInput, ElScrollbar, ElTree, treeEmits, treeProps, useGlobalSize } from \"element-plus\";\nimport { isArray, isBoolean, isNull, isNumber, isObject, isString } from \"lodash-unified\";\nimport { addCssUnit, definePropType, makeSlots, useEmits, useExpose, useProps, useRender, withDefineType } from \"../../../utils\";\nimport type { FilterNodeMethodFunction, FilterValue, TreeNode, TreeNodeData } from \"./tree.props\";\nimport type { ElTreeOutput } from \"./tree.type\";\nimport type { ComponentInternalInstance, VNode } from \"vue\";\n\n/** FaTree 的运行时 Props 定义。 */\nexport const faTreeProps = {\n\t...treeProps,\n\t/** 树节点筛选方法。 */\n\tfilterNodeMethod: {\n\t\ttype: definePropType<FilterNodeMethodFunction>(Function),\n\t},\n\t/** @description whether Select is disabled 重载使其支持 ElForm*/\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: undefined,\n\t},\n\t/** 每个树节点用来作为唯一标识的属性，整棵树应该是唯一的 */\n\tnodeKey: {\n\t\ttype: String,\n\t\tdefault: \"value\",\n\t},\n\t/** @description 是否默认展开所有节点 */\n\tdefaultExpandAll: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 是否在点击节点的时候选中节点 */\n\tcheckOnClickNode: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 是否高亮当前选中节点 */\n\thighlightCurrent: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 点击折叠节点，需要开启 'expandOnClickNode' */\n\tcollapseOnClickNode: Boolean,\n\t/** @description v-model绑定值 */\n\tmodelValue: {\n\t\ttype: definePropType<string | number | boolean | object | null>([String, Number, Boolean, Object]),\n\t\tdefault: undefined,\n\t},\n\t/** @description v-model:label绑定值 */\n\tlabel: String,\n\t/** @description 宽度 */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: 180,\n\t},\n\t/** @description 默认选择 */\n\tdefaultSelection: [String, Number],\n\t/** @description 标题 */\n\ttitle: String,\n\t/** @description 折叠 */\n\thamburger: Boolean,\n\t/** @description 隐藏全部 */\n\thideAll: Boolean,\n\t/** @description 隐藏过滤 */\n\thideFilter: Boolean,\n\t/** @description 全部值 */\n\tallValue: {\n\t\ttype: definePropType<string | number | boolean | object | null>([String, Number, Boolean, Object]),\n\t\tdefault: \"\",\n\t},\n\t/** @description 树形数据 */\n\tdata: {\n\t\ttype: definePropType<ElTreeOutput[]>(Array),\n\t\tdefault: (): ElTreeOutput[] => [],\n\t},\n\t/** @description 请求api */\n\trequestApi: {\n\t\ttype: definePropType<(params?: unknown) => Promise<ElTreeOutput[]>>(Function),\n\t},\n\t/** 初始化参数 */\n\tinitParam: definePropType<unknown>([String, Number, Object]),\n};\n\n/** FaTree 的运行时 Emits 定义。 */\nexport const faTreeEmits = {\n\t...treeEmits,\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | number | boolean | object | null): boolean =>\n\t\tisString(value) || isNumber(value) || isBoolean(value) || isObject(value) || isNull(value),\n\t/** @description v-model:label 回调 */\n\t\"update:label\": (value: string): boolean => isString(value) || isNull(value),\n\t/** @description 数据改变 */\n\tdataChangeCallBack: (data: ElTreeOutput[]): boolean => isArray(data),\n\t/** @description 改变 */\n\tchange: (_data: ElTreeOutput, _node: TreeNode, _instance: ComponentInternalInstance, _event: MouseEvent): boolean => true,\n\t/** @description 节点点击 */\n\t\"node-click\": (_data: ElTreeOutput, _node: TreeNode, _instance: ComponentInternalInstance, _event: MouseEvent): boolean => true,\n};\n\n/** FaTree 的插槽参数。 */\nexport interface FaTreeSlots extends Record<string, unknown> {\n\t/** @description 默认内容插槽 */\n\tdefault: { node: TreeNode; data: ElTreeOutput };\n\t/** @description 当数据为空时自定义的内容 */\n\tempty: never;\n\t/** @description 显示内容插槽 */\n\tlabel: { node: TreeNode; data: ElTreeOutput };\n}\n\nexport default defineComponent({\n\tname: \"FaTree\",\n\tprops: faTreeProps,\n\temits: faTreeEmits,\n\tslots: makeSlots<FaTreeSlots>(),\n\tsetup(props, { slots, emit, expose }) {\n\t\tconst selectedLabel = useVModel(props, \"label\", emit, { passive: true });\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tvalue: withDefineType<string | number | boolean | object | null>(props.modelValue),\n\t\t\tloading: false,\n\t\t\tsearchValue: withDefineType<string>(),\n\t\t\torgTreeData: withDefineType<ElTreeOutput[]>([]),\n\t\t\ttreeData: withDefineType<ElTreeOutput[]>([]),\n\t\t\thamburger: props.hamburger || false,\n\t\t\twidth: computed(() => {\n\t\t\t\tif (state.hamburger) {\n\t\t\t\t\treturn \"130px\";\n\t\t\t\t} else {\n\t\t\t\t\tconst width = addCssUnit(props.width);\n\t\t\t\t\tif (_globalSize.value === \"small\") {\n\t\t\t\t\t\treturn `calc(${width} * 0.9)`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn width;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}),\n\t\t});\n\n\t\t/** @description 只有一层节点 */\n\t\tconst fold = computed<boolean>(() => {\n\t\t\tconst childrenKey = props.props.children ?? \"children\";\n\t\t\treturn state.orgTreeData.every((item) => !Array.isArray(item[childrenKey]) || item[childrenKey].length === 0);\n\t\t});\n\n\t\tconst treeRef = ref<InstanceType<typeof ElTree>>();\n\t\tlet requestVersion = 0;\n\n\t\tconst loadData = async (): Promise<void> => {\n\t\t\tconst currentRequestVersion = ++requestVersion;\n\t\t\tlet curSelectedData: string | number | undefined;\n\t\t\tif (props.nodeKey) {\n\t\t\t\t// 记录原本选中的值\n\t\t\t\tconst currentKey: unknown = treeRef.value?.getCurrentKey();\n\t\t\t\tif (typeof currentKey === \"string\" || typeof currentKey === \"number\") curSelectedData = currentKey;\n\t\t\t}\n\t\t\tlet treeData: ElTreeOutput[];\n\t\t\t// 判断是否需要自动请求\n\t\t\tif (props.requestApi) {\n\t\t\t\tstate.loading = true;\n\t\t\t\tconst params = {\n\t\t\t\t\t...(typeof props.initParam === \"object\" && props.initParam !== null ? props.initParam : {}),\n\t\t\t\t\tsearchValue: state.searchValue,\n\t\t\t\t};\n\t\t\t\ttry {\n\t\t\t\t\tconst responseData = await props.requestApi(params);\n\t\t\t\t\ttreeData = responseData.map((item) => ({ ...item }));\n\t\t\t\t} catch (error) {\n\t\t\t\t\tif (currentRequestVersion !== requestVersion) return;\n\t\t\t\t\tthrow error;\n\t\t\t\t} finally {\n\t\t\t\t\tif (currentRequestVersion === requestVersion) state.loading = false;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttreeData = props.data.map((item) => ({ ...item }));\n\t\t\t}\n\t\t\tif (currentRequestVersion !== requestVersion) return;\n\t\t\tif (!props.hideAll) {\n\t\t\t\ttreeData.unshift({ [props.nodeKey]: props.allValue, label: \"全部\", value: null, all: true });\n\t\t\t}\n\t\t\tstate.orgTreeData = treeData;\n\t\t\tstate.treeData = treeData;\n\t\t\temit(\"dataChangeCallBack\", state.treeData);\n\t\t\tconst selectedKey = curSelectedData ?? props.modelValue ?? props.defaultSelection;\n\t\t\tif (props.nodeKey && (typeof selectedKey === \"string\" || typeof selectedKey === \"number\")) {\n\t\t\t\tvoid nextTick(() => {\n\t\t\t\t\t// 设置原本选中的值\n\t\t\t\t\ttreeRef.value?.setCurrentKey(selectedKey);\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tconst handleHamburgerClick = (): void => {\n\t\t\tif (state.hamburger) {\n\t\t\t\tstate.treeData = state.orgTreeData;\n\t\t\t} else {\n\t\t\t\t// 折叠只显示一级数据\n\t\t\t\tstate.treeData = state.orgTreeData.map((item) => ({ ...item, [props.props.children ?? \"children\"]: [] }));\n\t\t\t}\n\t\t\tstate.hamburger = !state.hamburger;\n\t\t};\n\n\t\tconst handleFilterNode = (value: FilterValue, data: TreeNodeData, child: TreeNode): boolean => {\n\t\t\tif (!value) return true;\n\t\t\tlet parentNode = child.parent,\n\t\t\t\tlabels = data[\"all\"] ? [data[\"label\"]] : [child.label],\n\t\t\t\tlevel = 1;\n\t\t\twhile (level < child.level && parentNode) {\n\t\t\t\tlabels = [...labels, parentNode.label];\n\t\t\t\tparentNode = parentNode.parent;\n\t\t\t\tlevel++;\n\t\t\t}\n\t\t\tconst filterText = typeof value === \"string\" || typeof value === \"number\" ? String(value) : \"\";\n\t\t\tconst result = labels.some((label) =>\n\t\t\t\ttypeof label === \"string\" || typeof label === \"number\" ? String(label).includes(filterText) : false\n\t\t\t);\n\t\t\tif (props.filterNodeMethod) {\n\t\t\t\treturn result && props.filterNodeMethod(value, data, child);\n\t\t\t}\n\t\t\treturn result;\n\t\t};\n\n\t\tconst handleNodeClick = (data: ElTreeOutput, node: TreeNode, instance: ComponentInternalInstance | null, event: MouseEvent): void => {\n\t\t\tif (!instance) return;\n\t\t\t// 判断是否开启点击展开节点，并且节点是折叠状态，则自动展开，否则需要点击箭头图标才能折叠或开启 'collapseOnClickNode'\n\t\t\tif (props.expandOnClickNode) {\n\t\t\t\tif (!node.expanded) {\n\t\t\t\t\tnode.expand();\n\t\t\t\t} else if (node.expanded && props.collapseOnClickNode) {\n\t\t\t\t\tnode.collapse();\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (!data[\"all\"] && (node.key === undefined || node.key === null)) return;\n\t\t\tstate.value = data[\"all\"] ? (props.allValue ?? null) : (node.key ?? null);\n\t\t\tselectedLabel.value = node.label;\n\t\t\temit(\"update:modelValue\", state.value);\n\t\t\temit(\"change\", data, node, instance, event);\n\t\t\temit(\"node-click\", data, node, instance, event);\n\t\t};\n\n\t\tonMounted(async () => {\n\t\t\tawait loadData();\n\t\t\twatch(\n\t\t\t\t() => props.data,\n\t\t\t\t() => {\n\t\t\t\t\tif (!props.requestApi) {\n\t\t\t\t\t\treturn loadData();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ deep: true }\n\t\t\t);\n\t\t});\n\n\t\twatch(\n\t\t\t() => props.modelValue,\n\t\t\t(newValue) => {\n\t\t\t\tstate.value = newValue ?? null;\n\t\t\t\tif (typeof newValue === \"string\" || typeof newValue === \"number\") treeRef.value?.setCurrentKey(newValue);\n\t\t\t}\n\t\t);\n\n\t\tconst elTreeProps = useProps(props, treeProps, [\"data\", \"expandOnClickNode\", \"filterNodeMethod\"]);\n\t\tconst elTreeEmits = useEmits(treeEmits, emit, [\"node-click\"]);\n\n\t\tuseRender(() => (\n\t\t\t<div\n\t\t\t\tclass={[\"el-card fa-tree\", `fa-tree-${_globalSize.value}`, { \"fa-tree__fold\": state.hamburger || fold.value }]}\n\t\t\t\tstyle={{ width: state.width }}\n\t\t\t\tvLoading={state.loading}\n\t\t\t>\n\t\t\t\t{(props.title !== undefined || props.hamburger) && (\n\t\t\t\t\t<div class=\"fa-tree__title\">\n\t\t\t\t\t\t{props.title && <h4>{props.title}</h4>}\n\t\t\t\t\t\t{props.hamburger &&\n\t\t\t\t\t\t\t(state.hamburger ? (\n\t\t\t\t\t\t\t\t<ElIcon onClick={handleHamburgerClick} title=\"展开\">\n\t\t\t\t\t\t\t\t\t<Expand />\n\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<ElIcon onClick={handleHamburgerClick} title=\"折叠\">\n\t\t\t\t\t\t\t\t\t<Fold />\n\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!props.hideFilter && (\n\t\t\t\t\t<ElInput\n\t\t\t\t\t\tclass=\"fa-tree__search-input\"\n\t\t\t\t\t\tvModel_trim={state.searchValue}\n\t\t\t\t\t\tplaceholder={state.hamburger ? \"关键字过滤\" : \"输入关键字进行过滤\"}\n\t\t\t\t\t\tclearable={Boolean(state.searchValue)}\n\t\t\t\t\t\tonInput={(value) => treeRef.value?.filter(value)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<ElScrollbar class=\"fa-tree__scrollbar\">\n\t\t\t\t\t<ElTree\n\t\t\t\t\t\t{...elTreeProps.value}\n\t\t\t\t\t\t{...elTreeEmits.value}\n\t\t\t\t\t\tref={treeRef}\n\t\t\t\t\t\tdata={state.treeData}\n\t\t\t\t\t\texpandOnClickNode={props.checkOnClickNode ? false : props.expandOnClickNode}\n\t\t\t\t\t\tfilterNodeMethod={handleFilterNode}\n\t\t\t\t\t\tonNode-click={handleNodeClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{{\n\t\t\t\t\t\t\tdefault: ({ node, data }: { node: TreeNode; data: ElTreeOutput }) => (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"el-tree-node__label\"\n\t\t\t\t\t\t\t\t\ttitle={data[\"all\"] ? data.label : node.label}\n\t\t\t\t\t\t\t\t\tstyle={{ paddingLeft: fold.value ? \"3px\" : \"\" }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div>{data[\"all\"] ? data.label : slots.label ? slots.label({ node, data }) : node.label}</div>\n\t\t\t\t\t\t\t\t\t{node.key && data.showQuantity ? <span>[{data.quantity}]</span> : null}\n\t\t\t\t\t\t\t\t\t{!data[\"all\"] && slots.default && <span>{slots.default({ node, data })}</span>}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t...(slots.empty && { empty: (): VNode[] => slots.empty?.() ?? [] }),\n\t\t\t\t\t\t}}\n\t\t\t\t\t</ElTree>\n\t\t\t\t</ElScrollbar>\n\t\t\t</div>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 过滤所有树节点，过滤后的节点将被隐藏 */\n\t\t\tfilter: computed(() => treeRef.value?.filter),\n\t\t\t/** @description 获取节点的唯一标识。 */\n\t\t\tgetNodeKey: computed(() => treeRef.value?.getNodeKey),\n\t\t\t/** @description 获取指定节点的路径数据。 */\n\t\t\tgetNodePath: computed(() => treeRef.value?.getNodePath),\n\t\t\t/** @description 为节点设置新数据，只有当设置 node-key 属性的时候才可用 */\n\t\t\tupdateKeyChildren: computed(() => treeRef.value?.updateKeyChildren),\n\t\t\t/** @description 如果节点可以被选中，(show-checkbox 为 true), 本方法将返回当前选中节点的数组 */\n\t\t\tgetCheckedNodes: computed(() => treeRef.value?.getCheckedNodes),\n\t\t\t/** @description 设置目前勾选的节点，使用此方法必须提前设置 node-key 属性 */\n\t\t\tsetCheckedNodes: computed(() => treeRef.value?.setCheckedNodes),\n\t\t\t/** @description \t若节点可用被选中 (show-checkbox 为 true), 它将返回当前选中节点 key 的数组 */\n\t\t\tgetCheckedKeys: computed(() => treeRef.value?.getCheckedKeys),\n\t\t\t/** @description 设置目前选中的节点，使用此方法必须设置 node-key 属性 */\n\t\t\tsetCheckedKeys: computed(() => treeRef.value?.setCheckedKeys),\n\t\t\t/** @description 设置节点是否被选中, 使用此方法必须设置 node-key 属性 */\n\t\t\tsetChecked: computed(() => treeRef.value?.setChecked),\n\t\t\t/** @description 如果节点可用被选中 (show-checkbox 为 true), 它将返回当前半选中的节点组成的数组 */\n\t\t\tgetHalfCheckedNodes: computed(() => treeRef.value?.getHalfCheckedNodes),\n\t\t\t/** @description 若节点可被选中(show-checkbox 为 true)，则返回目前半选中的节点的 key 所组成的数组 */\n\t\t\tgetHalfCheckedKeys: computed(() => treeRef.value?.getHalfCheckedKeys),\n\t\t\t/** @description 返回当前被选中节点的数据 (如果没有则返回 null) */\n\t\t\tgetCurrentKey: computed(() => treeRef.value?.getCurrentKey),\n\t\t\t/** @description 返回当前被选中节点的数据 (如果没有则返回 null) */\n\t\t\tgetCurrentNode: computed(() => treeRef.value?.getCurrentNode),\n\t\t\t/** @description 通过 key 设置某个节点的当前选中状态，使用此方法必须设置 node-key  属性 */\n\t\t\tsetCurrentKey: computed(() => treeRef.value?.setCurrentKey),\n\t\t\t/** @description 设置节点为选中状态，使用此方法必须设置 node-key 属性 */\n\t\t\tsetCurrentNode: computed(() => treeRef.value?.setCurrentNode),\n\t\t\t/** @description 根据 data 或者 key 拿到 Tree 组件中的 node */\n\t\t\tgetNode: computed(() => treeRef.value?.getNode),\n\t\t\t/** @description 删除 Tree 中的一个节点，使用此方法必须设置 node-key 属性 */\n\t\t\tremove: computed(() => treeRef.value?.remove),\n\t\t\t/** @description 为 Tree 中的一个节点追加一个子节点 */\n\t\t\tappend: computed(() => treeRef.value?.append),\n\t\t\t/** @description 在 Tree 中给定节点前插入一个节点 */\n\t\t\tinsertBefore: computed(() => treeRef.value?.insertBefore),\n\t\t\t/** @description 在 Tree 中给定节点后插入一个节点 */\n\t\t\tinsertAfter: computed(() => treeRef.value?.insertAfter),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 刷新 */\n\t\t\trefresh: loadData,\n\t\t});\n\t},\n});\n"],"mappings":"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"}

package/dist/components/tree/src/tree.props.d.ts

@@ -0,0 +1,33 @@
+/** 树组件运行时节点公开使用的最小结构。 */
+export interface TreeNode {
+    key?: string | number | null;
+    label: string;
+    level: number;
+    parent: TreeNode | null;
+    expanded: boolean;
+    isLeaf?: boolean;
+    expand: () => void;
+    collapse: () => void;
+}
+/** 树节点的数据结构。 */
+export type TreeNodeData = Record<string, unknown>;
+/** 树组件的数据集合。 */
+export type TreeData = TreeNodeData[];
+/** 树节点的唯一键类型。 */
+export type TreeKey = string | number;
+/** 树节点的懒加载方法。 */
+export type LoadFunction = (rootNode: TreeNode, loadedCallback: (data: TreeData) => void, stopLoading: () => void) => void;
+/** 树节点字段映射配置。 */
+export interface TreeOptionProps {
+    children?: string;
+    label?: string | ((data: TreeNodeData, node: TreeNode) => string);
+    disabled?: string | ((data: TreeNodeData, node: TreeNode) => boolean);
+    isLeaf?: string | ((data: TreeNodeData, node: TreeNode) => boolean);
+    class?: (data: TreeNodeData, node: TreeNode) => string | Record<string, boolean>;
+}
+/** 树节点筛选值。 */
+export type FilterValue = unknown;
+/** 树节点筛选方法。 */
+export type FilterNodeMethodFunction = (value: FilterValue, data: TreeNodeData, child: TreeNode) => boolean;
+/** 树节点拖放位置。 */
+export type NodeDropType = "before" | "after" | "inner";

package/dist/components/tree/src/tree.type.d.ts

@@ -0,0 +1,38 @@
+/** 树组件支持的节点值类型。 */
+export type ElTreeValue = string | number | boolean | object | null;
+/** 树组件标准化后的节点数据。 */
+export interface ElTreeOutput<T = ElTreeValue> {
+    /**
+     * 显示
+     */
+    label?: string;
+    /**
+     * 值
+     */
+    value?: T;
+    /**
+     * 附加数据
+     */
+    data?: unknown;
+    /**
+     * 是否隐藏
+     */
+    hide?: boolean;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 子节点
+     */
+    children?: ElTreeOutput<T>[];
+    /**
+     * 是否显示数量
+     */
+    showQuantity?: boolean;
+    /**
+     * 数量
+     */
+    quantity?: number;
+    [key: string]: unknown;
+}

package/dist/components/treeSelect/index.d.ts

@@ -0,0 +1,14 @@
+import TreeSelect, { faTreeSelectEmits, faTreeSelectProps } from "./src/treeSelect";
+import type { TSXWithInstall } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+/** 组合树结构浏览与选择交互的树选择器组件。 */
+export declare const FaTreeSelect: TSXWithInstall<typeof TreeSelect>;
+export default FaTreeSelect;
+export { faTreeSelectProps, faTreeSelectEmits };
+export type { FaTreeSelectSlots } from "./src/treeSelect";
+/** FaTreeSelect 暴露的组件实例类型。 */
+export type FaTreeSelectInstance = InstanceType<typeof TreeSelect>;
+/** FaTreeSelect 的完整 Props 类型。 */
+export type FaTreeSelectProps = ExtractPropTypes<typeof faTreeSelectProps>;
+/** FaTreeSelect 的 Emits 类型。 */
+export type FaTreeSelectEmits = typeof faTreeSelectEmits;

package/dist/components/treeSelect/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import treeSelect_default, { faTreeSelectEmits, faTreeSelectProps } from "./src/treeSelect.mjs";
+//#region src/components/treeSelect/index.ts
+/** 组合树结构浏览与选择交互的树选择器组件。 */
+const FaTreeSelect = withInstall(treeSelect_default);
+//#endregion
+export { FaTreeSelect, FaTreeSelect as default, faTreeSelectEmits, faTreeSelectProps };
+
+//# sourceMappingURL=index.mjs.map

package/dist/components/treeSelect/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["TreeSelect"],"sources":["../../../src/components/treeSelect/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport TreeSelect, { faTreeSelectEmits, faTreeSelectProps } from \"./src/treeSelect\";\nimport type { TSXWithInstall } from \"../../utils\";\nimport type { ExtractPropTypes } from \"vue\";\n\n/** 组合树结构浏览与选择交互的树选择器组件。 */\nexport const FaTreeSelect: TSXWithInstall<typeof TreeSelect> = withInstall(TreeSelect);\nexport default FaTreeSelect;\n\nexport { faTreeSelectProps, faTreeSelectEmits };\nexport type { FaTreeSelectSlots } from \"./src/treeSelect\";\n\n/** FaTreeSelect 暴露的组件实例类型。 */\nexport type FaTreeSelectInstance = InstanceType<typeof TreeSelect>;\n\n/** FaTreeSelect 的完整 Props 类型。 */\nexport type FaTreeSelectProps = ExtractPropTypes<typeof faTreeSelectProps>;\n\n/** FaTreeSelect 的 Emits 类型。 */\nexport type FaTreeSelectEmits = typeof faTreeSelectEmits;\n"],"mappings":";;;;AAMA,MAAa,eAAkD,YAAYA,kBAAU"}