@v-c/cascader 1.0.2 → 1.1.0-rc.1

package/dist/Cascader.js

@@ -1,5 +1,5 @@
 import { useCascaderProvider } from "./context.js";
-import useSearchOptions_default from "./hooks/useSearchOptions.js";
+import useSearchOptions from "./hooks/useSearchOptions.js";
 import { SHOW_PARENT, fillFieldNames, toPathKeys, toRawValues } from "./utils/commonUtil.js";
 import { formatStrategyValues, toPathOptions } from "./utils/treeUtil.js";
 import useDisplayValues_default from "./hooks/useDisplayValues.js";
@@ -8,13 +8,14 @@ import useOptions from "./hooks/useOptions.js";
 import useSearchConfig from "./hooks/useSearchConfig.js";
 import useSelect from "./hooks/useSelect.js";
 import useValues from "./hooks/useValues.js";
-import OptionList_default from "./OptionList/index.js";
+import OptionList from "./OptionList/index.js";
 import { warningNullOptions } from "./utils/warningPropsUtil.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
 import { BaseSelect } from "@v-c/select";
 import { useId, useMergedState } from "@v-c/util";
 import useEvent from "@v-c/util/dist/hooks/useEvent";
 import omit from "@v-c/util/dist/omit";
+//#region src/Cascader.tsx
 var cascaderDefaults = {
 	prefixCls: "vc-cascader",
 	expandIcon: ">",
@@ -54,7 +55,7 @@ var omitKeyList = [
 	"classNames",
 	"styles"
 ];
-var Cascader_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, expose }) => {
+var Cascader = /* @__PURE__ */ defineComponent((props, { attrs, slots, expose }) => {
 	const baseSelectRef = shallowRef(null);
 	expose({
 		focus: (options) => baseSelectRef.value?.focus(options),
@@ -86,7 +87,7 @@ var Cascader_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, e
 		setSearchValue(searchText);
 		if (info.source !== "blur") searchConfig.value.onSearch?.(searchText);
 	};
-	const searchOptions = useSearchOptions_default(mergedSearchValue, mergedOptions, mergedFieldNames, computed(() => props.popupPrefixCls || props.prefixCls || cascaderDefaults.prefixCls), searchConfig, computed(() => !!props.changeOnSelect || multiple.value));
+	const searchOptions = useSearchOptions(mergedSearchValue, mergedOptions, mergedFieldNames, computed(() => props.popupPrefixCls || props.prefixCls || cascaderDefaults.prefixCls), searchConfig, computed(() => !!props.changeOnSelect || multiple.value));
 	const valuesInfo = useValues(multiple, rawValues, getPathKeyEntities, getValueByKeyPath, useMissingValues(mergedOptions, mergedFieldNames));
 	const checkedValues = computed(() => valuesInfo.value[0]);
 	const halfCheckedValues = computed(() => valuesInfo.value[1]);
@@ -168,7 +169,7 @@ var Cascader_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, e
 			"searchValue": mergedSearchValue.value,
 			"onSearch": onInternalSearch,
 			"showSearch": mergedShowSearch.value,
-			"OptionList": OptionList_default,
+			"OptionList": OptionList,
 			"emptyOptions": emptyOptions.value,
 			"open": props.open,
 			"popupClassName": props.popupClassName,
@@ -636,4 +637,5 @@ var Cascader_default = /* @__PURE__ */ defineComponent((props, { attrs, slots, e
 		default: void 0
 	}
 }, cascaderDefaults) });
-export { Cascader_default as default };
+//#endregion
+export { Cascader as default };

package/dist/OptionList/Checkbox.js

@@ -1,7 +1,8 @@
 import { useCascaderContext } from "../context.js";
 import { createVNode, defineComponent, mergeDefaults } from "vue";
 import { clsx } from "@v-c/util";
-var Checkbox_default = /* @__PURE__ */ defineComponent((props) => {
+//#region src/OptionList/Checkbox.tsx
+var Checkbox = /* @__PURE__ */ defineComponent((props) => {
 	const context = useCascaderContext();
 	return () => {
 		const checkable = context.value?.checkable;
@@ -18,8 +19,7 @@ var Checkbox_default = /* @__PURE__ */ defineComponent((props) => {
 }, { props: /* @__PURE__ */ mergeDefaults({
 	prefixCls: {
 		type: String,
-		required: true,
-		default: void 0
+		required: true
 	},
 	checked: {
 		type: Boolean,
@@ -66,4 +66,5 @@ var Checkbox_default = /* @__PURE__ */ defineComponent((props) => {
 	disabled: false,
 	disableCheckbox: false
 }) });
-export { Checkbox_default as default };
+//#endregion
+export { Checkbox as default };

package/dist/OptionList/Column.js

@@ -1,24 +1,13 @@
 import { useCascaderContext } from "../context.js";
 import { SEARCH_MARK } from "../hooks/useSearchOptions.js";
 import { isLeaf, scrollIntoParentView, toPathKey } from "../utils/commonUtil.js";
-import Checkbox_default from "./Checkbox.js";
+import Checkbox from "./Checkbox.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, ref, watch } from "vue";
 import { clsx } from "@v-c/util";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
-const FIX_LABEL = "__cascader_fix_label__";
-var columnDefaults = {
-	prefixCls: "",
-	options: [],
-	prevValuePath: [],
-	onToggleOpen: () => {},
-	onSelect: () => {},
-	onActive: () => {},
-	checkedSet: /* @__PURE__ */ new Set(),
-	halfCheckedSet: /* @__PURE__ */ new Set(),
-	loadingKeys: [],
-	isSelectable: () => false
-};
-var Column_default = /* @__PURE__ */ defineComponent((props) => {
+//#region src/OptionList/Column.tsx
+var FIX_LABEL = "__cascader_fix_label__";
+var Column = /* @__PURE__ */ defineComponent((props) => {
 	const menuRef = ref(null);
 	const context = useCascaderContext();
 	const menuPrefixCls = computed(() => `${props.prefixCls}-menu`);
@@ -123,7 +112,7 @@ var Column_default = /* @__PURE__ */ defineComponent((props) => {
 					e.preventDefault();
 				}
 			}), [
-				props.multiple && createVNode(Checkbox_default, {
+				props.multiple && createVNode(Checkbox, {
 					"prefixCls": `${props.prefixCls}-checkbox`,
 					"checked": checked,
 					"halfChecked": halfChecked,
@@ -141,76 +130,82 @@ var Column_default = /* @__PURE__ */ defineComponent((props) => {
 			]);
 		})]);
 	};
-}, { props: /* @__PURE__ */ mergeDefaults({
-	prefixCls: {
-		type: String,
-		required: true,
-		default: void 0
-	},
-	multiple: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	options: {
-		type: Array,
-		required: true,
-		default: void 0
-	},
-	activeValue: {
-		type: [String, Number],
-		required: false,
-		default: void 0
-	},
-	prevValuePath: {
-		type: Array,
-		required: true,
-		default: void 0
-	},
-	onToggleOpen: {
-		type: Function,
-		required: true,
-		default: void 0
-	},
-	onSelect: {
-		type: Function,
-		required: true,
-		default: void 0
-	},
-	onActive: {
-		type: Function,
-		required: true,
-		default: void 0
-	},
-	checkedSet: {
-		type: Set,
-		required: true,
-		default: void 0
-	},
-	halfCheckedSet: {
-		type: Set,
-		required: true,
-		default: void 0
-	},
-	loadingKeys: {
-		type: Array,
-		required: true,
-		default: void 0
-	},
-	isSelectable: {
-		type: Function,
-		required: true,
-		default: void 0
-	},
-	disabled: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	style: {
-		type: Object,
-		required: false,
-		default: void 0
-	}
-}, columnDefaults) });
-export { FIX_LABEL, Column_default as default };
+}, {
+	props: /* @__PURE__ */ mergeDefaults({
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		multiple: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		options: {
+			type: Array,
+			required: true
+		},
+		activeValue: {
+			type: [String, Number],
+			required: false,
+			default: void 0
+		},
+		prevValuePath: {
+			type: Array,
+			required: true
+		},
+		onToggleOpen: {
+			type: Function,
+			required: true
+		},
+		onSelect: {
+			type: Function,
+			required: true
+		},
+		onActive: {
+			type: Function,
+			required: true
+		},
+		checkedSet: {
+			type: Set,
+			required: true
+		},
+		halfCheckedSet: {
+			type: Set,
+			required: true
+		},
+		loadingKeys: {
+			type: Array,
+			required: true
+		},
+		isSelectable: {
+			type: Function,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			required: false,
+			default: void 0
+		}
+	}, {
+		prefixCls: "",
+		options: [],
+		prevValuePath: [],
+		onToggleOpen: () => {},
+		onSelect: () => {},
+		onActive: () => {},
+		checkedSet: /* @__PURE__ */ new Set(),
+		halfCheckedSet: /* @__PURE__ */ new Set(),
+		loadingKeys: [],
+		isSelectable: () => false
+	}),
+	name: "Column",
+	inheritAttrs: false
+});
+//#endregion
+export { FIX_LABEL, Column as default };

package/dist/OptionList/List.js

@@ -1,12 +1,13 @@
 import { useCascaderContext } from "../context.js";
 import { getFullPathKeys, isLeaf, scrollIntoParentView, toPathKey, toPathKeys, toPathValueStr } from "../utils/commonUtil.js";
 import { toPathOptions } from "../utils/treeUtil.js";
-import Column_default, { FIX_LABEL } from "./Column.js";
-import useActive_default from "./useActive.js";
+import Column, { FIX_LABEL } from "./Column.js";
+import useActive from "./useActive.js";
 import useKeyboard from "./useKeyboard.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, nextTick, onBeforeUpdate, ref, shallowRef, watch, watchEffect } from "vue";
 import { clsx } from "@v-c/util";
-var List_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
+//#region src/OptionList/List.tsx
+var RawOptionList = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const containerRef = ref(null);
 	const rtl = computed(() => props.direction === "rtl");
 	const context = useCascaderContext();
@@ -39,7 +40,7 @@ var List_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	});
 	const checkedSet = computed(() => new Set(toPathKeys(context.value?.values || [])));
 	const halfCheckedSet = computed(() => new Set(toPathKeys(context.value?.halfValues || [])));
-	const [activeValueCells, setActiveValueCells] = useActive_default(computed(() => !!props.multiple), computed(() => props.open));
+	const [activeValueCells, setActiveValueCells] = useActive(computed(() => !!props.multiple), computed(() => props.open));
 	const onPathOpen = (nextValueCells) => {
 		setActiveValueCells(nextValueCells);
 		internalLoadData(nextValueCells);
@@ -108,7 +109,6 @@ var List_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			disabled: true
 		}];
 		const columnProps = {
-			...props,
 			multiple: !isEmpty && props.multiple,
 			onSelect: onPathSelect,
 			onActive: onPathOpen,
@@ -116,12 +116,13 @@ var List_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			checkedSet: checkedSet.value,
 			halfCheckedSet: halfCheckedSet.value,
 			loadingKeys: loadingKeys.value,
-			isSelectable
+			isSelectable,
+			disabled: props.disabled
 		};
 		const columnNodes = (isEmpty ? [{ options: emptyList }] : optionColumns.value).map((col, index) => {
 			const prevValuePath = activeValueCells.value.slice(0, index);
 			const activeValue = activeValueCells.value[index];
-			return createVNode(Column_default, mergeProps({ "key": index }, columnProps, {
+			return createVNode(Column, mergeProps({ "key": index }, columnProps, {
 				"prefixCls": mergedPrefixCls.value,
 				"options": col.options,
 				"prevValuePath": prevValuePath,
@@ -140,8 +141,7 @@ var List_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	props: /* @__PURE__ */ mergeDefaults({
 		prefixCls: {
 			type: String,
-			required: true,
-			default: void 0
+			required: true
 		},
 		multiple: {
 			type: Boolean,
@@ -155,8 +155,7 @@ var List_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		},
 		toggleOpen: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		notFoundContent: {
 			required: false,
@@ -195,4 +194,5 @@ var List_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	name: "RawOptionList",
 	inheritAttrs: false
 });
-export { List_default as default };
+//#endregion
+export { RawOptionList as default };

package/dist/OptionList/index.js

@@ -1,14 +1,15 @@
-import List_default from "./List.js";
+import RawOptionList from "./List.js";
 import { createVNode, defineComponent, mergeProps, shallowRef } from "vue";
 import { useBaseProps } from "@v-c/select";
-var OptionList_default = /* @__PURE__ */ defineComponent((_, { expose }) => {
+//#region src/OptionList/index.tsx
+var OptionList = /* @__PURE__ */ defineComponent((_, { expose }) => {
 	const baseProps = useBaseProps();
 	const listRef = shallowRef(null);
 	expose({
 		onKeyDown: (event) => listRef.value?.onKeyDown(event),
 		onKeyUp: (event) => listRef.value?.onKeyUp(event)
 	});
-	return () => createVNode(List_default, mergeProps(baseProps.value || {}, {
+	return () => createVNode(RawOptionList, mergeProps(baseProps.value || {}, {
 		"lockOptions": baseProps.value?.lockOptions,
 		"ref": (el) => {
 			listRef.value = el;
@@ -18,4 +19,5 @@ var OptionList_default = /* @__PURE__ */ defineComponent((_, { expose }) => {
 	name: "OptionList",
 	inheritAttrs: false
 });
-export { OptionList_default as default };
+//#endregion
+export { OptionList as default };

package/dist/OptionList/useActive.js

@@ -1,5 +1,9 @@
 import { useCascaderContext } from "../context.js";
 import { ref, watch } from "vue";
+//#region src/OptionList/useActive.ts
+/**
+* Control the active open options path.
+*/
 function useActive(multiple, open) {
 	const context = useCascaderContext();
 	const activeValueCells = ref([]);
@@ -10,5 +14,5 @@ function useActive(multiple, open) {
 		activeValueCells.value = next;
 	}];
 }
-var useActive_default = useActive;
-export { useActive_default as default };
+//#endregion
+export { useActive as default };

package/dist/OptionList/useKeyboard.js

@@ -1,6 +1,7 @@
-import { SEARCH_MARK } from "../hooks/useSearchOptions.js";
+import "../hooks/useSearchOptions.js";
 import { getFullPathKeys, toPathKey } from "../utils/commonUtil.js";
 import KeyCode from "@v-c/util/dist/KeyCode";
+//#region src/OptionList/useKeyboard.ts
 function useKeyboard(options, fieldNames, activeValueCells, setActiveValueCells, onKeyBoardSelect, contextProps) {
 	const getActiveStatus = () => {
 		let activeIndex = -1;
@@ -99,4 +100,5 @@ function useKeyboard(options, fieldNames, activeValueCells, setActiveValueCells,
 		onKeyUp: () => {}
 	};
 }
+//#endregion
 export { useKeyboard as default };

package/dist/Panel.js

@@ -5,10 +5,11 @@ import useMissingValues from "./hooks/useMissingValues.js";
 import useOptions from "./hooks/useOptions.js";
 import useSelect from "./hooks/useSelect.js";
 import useValues from "./hooks/useValues.js";
-import List_default from "./OptionList/List.js";
+import RawOptionList from "./OptionList/List.js";
 import { computed, createVNode, defineComponent, mergeDefaults, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import useEvent from "@v-c/util/dist/hooks/useEvent";
+//#region src/Panel.tsx
 function noop() {}
 var panelDefaults = {
 	prefixCls: "vc-cascader",
@@ -16,7 +17,7 @@ var panelDefaults = {
 	showCheckedStrategy: SHOW_PARENT,
 	notFoundContent: "Not Found"
 };
-var Panel_default = /* @__PURE__ */ defineComponent((props) => {
+var Panel = /* @__PURE__ */ defineComponent((props) => {
 	const multiple = computed(() => !!props.checkable);
 	const mergedShowCheckedStrategy = computed(() => props.showCheckedStrategy ?? panelDefaults.showCheckedStrategy);
 	const internalRawValues = shallowRef(props?.value ?? props?.defaultValue);
@@ -72,7 +73,7 @@ var Panel_default = /* @__PURE__ */ defineComponent((props) => {
 				[`${panelPrefixCls}-empty`]: isEmpty
 			}, props.className),
 			"style": props.style
-		}, [isEmpty ? props.notFoundContent ?? panelDefaults.notFoundContent : createVNode(List_default, {
+		}, [isEmpty ? props.notFoundContent ?? panelDefaults.notFoundContent : createVNode(RawOptionList, {
 			"prefixCls": props.prefixCls ?? panelDefaults.prefixCls,
 			"searchValue": "",
 			"multiple": multiple.value,
@@ -199,4 +200,5 @@ var Panel_default = /* @__PURE__ */ defineComponent((props) => {
 		default: void 0
 	}
 }, panelDefaults) });
-export { Panel_default as default };
+//#endregion
+export { Panel as default };

package/dist/context.js

@@ -1,4 +1,5 @@
 import { inject, provide, ref } from "vue";
+//#region src/context.ts
 var CascaderContextKey = Symbol("CascaderContext");
 function useCascaderProvider(value) {
 	provide(CascaderContextKey, value);
@@ -6,4 +7,5 @@ function useCascaderProvider(value) {
 function useCascaderContext() {
 	return inject(CascaderContextKey, ref(null));
 }
+//#endregion
 export { useCascaderContext, useCascaderProvider };

package/dist/hooks/useDisplayValues.js

@@ -1,6 +1,7 @@
 import { toPathKey } from "../utils/commonUtil.js";
 import { toPathOptions } from "../utils/treeUtil.js";
 import { cloneVNode, computed, isVNode } from "vue";
+//#region src/hooks/useDisplayValues.ts
 var useDisplayValues_default = (rawValues, options, fieldNames, multiple, displayRender) => {
 	return computed(() => {
 		const mergedDisplayRender = displayRender.value || ((labels) => {
@@ -19,7 +20,7 @@ var useDisplayValues_default = (rawValues, options, fieldNames, multiple, displa
 		});
 		return rawValues.value.map((valueCells) => {
 			const valueOptions = toPathOptions(valueCells, options.value, fieldNames.value);
-			const label = mergedDisplayRender(valueOptions.map(({ option, value: value$1 }) => option?.[fieldNames.value.label] ?? value$1), valueOptions.map(({ option }) => option));
+			const label = mergedDisplayRender(valueOptions.map(({ option, value }) => option?.[fieldNames.value.label] ?? value), valueOptions.map(({ option }) => option));
 			const value = toPathKey(valueCells);
 			return {
 				label,
@@ -31,4 +32,5 @@ var useDisplayValues_default = (rawValues, options, fieldNames, multiple, displa
 		});
 	});
 };
+//#endregion
 export { useDisplayValues_default as default };

package/dist/hooks/useEntities.js

@@ -1,6 +1,8 @@
 import { VALUE_SPLIT } from "../utils/commonUtil.js";
 import { shallowRef } from "vue";
 import { convertDataToEntities } from "@v-c/tree";
+//#region src/hooks/useEntities.ts
+/** Lazy parse options data into conduct-able info to avoid perf issue in single mode */
 function useEntities(options, fieldNames) {
 	const cacheRef = shallowRef({
 		options: [],
@@ -33,4 +35,5 @@ function useEntities(options, fieldNames) {
 	};
 	return getEntities;
 }
+//#endregion
 export { useEntities as default };

package/dist/hooks/useMissingValues.js

@@ -1,4 +1,5 @@
 import { toPathOptions } from "../utils/treeUtil.js";
+//#region src/hooks/useMissingValues.ts
 function useMissingValues(options, fieldNames) {
 	return (rawValues) => {
 		const missingValues = [];
@@ -10,4 +11,5 @@ function useMissingValues(options, fieldNames) {
 		return [existsValues, missingValues];
 	};
 }
+//#endregion
 export { useMissingValues as default };

package/dist/hooks/useOptions.js

@@ -1,9 +1,11 @@
 import useEntities from "./useEntities.js";
 import { computed } from "vue";
+//#region src/hooks/useOptions.ts
 function useOptions(mergedFieldNames, options) {
 	const emptyOptions = [];
 	const mergedOptions = computed(() => options.value || emptyOptions);
 	const getPathKeyEntities = useEntities(mergedOptions, mergedFieldNames);
+	/** Convert path key back to value format */
 	const getValueByKeyPath = (pathKeys) => {
 		const keyPathEntities = getPathKeyEntities();
 		return pathKeys.map((pathKey) => {
@@ -17,4 +19,5 @@ function useOptions(mergedFieldNames, options) {
 		getValueByKeyPath
 	];
 }
+//#endregion
 export { useOptions as default };

package/dist/hooks/useSearchConfig.js

@@ -1,5 +1,6 @@
 import { computed } from "vue";
 import { warning } from "@v-c/util";
+//#region src/hooks/useSearchConfig.ts
 function useSearchConfig(showSearch, props) {
 	const mergedShowSearch = computed(() => {
 		if (!showSearch.value) return false;
@@ -26,4 +27,5 @@ function useSearchConfig(showSearch, props) {
 		return config;
 	})];
 }
+//#endregion
 export { useSearchConfig as default };

package/dist/hooks/useSearchOptions.js

@@ -1,5 +1,6 @@
 import { computed } from "vue";
-const SEARCH_MARK = "__vc_cascader_search_mark__";
+//#region src/hooks/useSearchOptions.ts
+var SEARCH_MARK = "__vc_cascader_search_mark__";
 var defaultFilter = (search, options, { label = "" }) => options.some((opt) => String(opt[label]).toLowerCase().includes(search.toLowerCase()));
 var defaultRender = (_inputValue, path, _prefixCls, fieldNames) => path.map((opt) => opt[fieldNames.label]).join(" / ");
 function useSearchOptions(search, options, fieldNames, prefixCls, config, enableHalfPath) {
@@ -36,5 +37,5 @@ function useSearchOptions(search, options, fieldNames, prefixCls, config, enable
 		return limit !== false && limit > 0 ? filteredOptions.slice(0, limit) : filteredOptions;
 	});
 }
-var useSearchOptions_default = useSearchOptions;
-export { SEARCH_MARK, useSearchOptions_default as default };
+//#endregion
+export { SEARCH_MARK, useSearchOptions as default };

package/dist/hooks/useSelect.js

@@ -1,6 +1,7 @@
 import { toPathKey, toPathKeys } from "../utils/commonUtil.js";
 import { formatStrategyValues } from "../utils/treeUtil.js";
 import { conductCheck } from "@v-c/tree";
+//#region src/hooks/useSelect.ts
 function useSelect(multiple, triggerChange, checkedValues, halfCheckedValues, missingCheckedValues, getPathKeyEntities, getValueByKeyPath, showCheckedStrategy) {
 	return (valuePath) => {
 		if (!multiple.value) triggerChange(valuePath);
@@ -28,4 +29,5 @@ function useSelect(multiple, triggerChange, checkedValues, halfCheckedValues, mi
 		}
 	};
 }
+//#endregion
 export { useSelect as default };

package/dist/hooks/useValues.js

@@ -1,6 +1,7 @@
 import { toPathKeys } from "../utils/commonUtil.js";
 import { computed } from "vue";
 import { conductCheck } from "@v-c/tree";
+//#region src/hooks/useValues.ts
 function useValues(multiple, rawValues, getPathKeyEntities, getValueByKeyPath, getMissingValues) {
 	return computed(() => {
 		const [existValues, missingValues] = getMissingValues(rawValues.value);
@@ -17,4 +18,5 @@ function useValues(multiple, rawValues, getPathKeyEntities, getValueByKeyPath, g
 		];
 	});
 }
+//#endregion
 export { useValues as default };

package/dist/index.js

@@ -1,9 +1,10 @@
 import { SHOW_CHILD, SHOW_PARENT } from "./utils/commonUtil.js";
-import Cascader_default from "./Cascader.js";
-import Panel_default from "./Panel.js";
-var ExportCascader = Cascader_default;
-ExportCascader.Panel = Panel_default;
+import Cascader from "./Cascader.js";
+import Panel from "./Panel.js";
+//#region src/index.tsx
+var ExportCascader = Cascader;
+ExportCascader.Panel = Panel;
 ExportCascader.SHOW_PARENT = SHOW_PARENT;
 ExportCascader.SHOW_CHILD = SHOW_CHILD;
-var src_default = ExportCascader;
-export { Panel_default as Panel, SHOW_CHILD, SHOW_PARENT, src_default as default };
+//#endregion
+export { Panel, SHOW_CHILD, SHOW_PARENT, ExportCascader as default };

package/dist/utils/commonUtil.js

@@ -1,10 +1,17 @@
 import { SEARCH_MARK } from "../hooks/useSearchOptions.js";
-const VALUE_SPLIT = "__VC_CASCADER_SPLIT__";
-const SHOW_PARENT = "SHOW_PARENT";
-const SHOW_CHILD = "SHOW_CHILD";
+//#region src/utils/commonUtil.ts
+var VALUE_SPLIT = "__VC_CASCADER_SPLIT__";
+var SHOW_PARENT = "SHOW_PARENT";
+var SHOW_CHILD = "SHOW_CHILD";
+/**
+* Will convert value to string, and join with `VALUE_SPLIT`
+*/
 function toPathKey(value) {
 	return value.join(VALUE_SPLIT);
 }
+/**
+* Batch convert value to string, and join with `VALUE_SPLIT`
+*/
 function toPathKeys(value) {
 	return value.map(toPathKey);
 }
@@ -42,4 +49,5 @@ function toRawValues(value) {
 	if (isMultipleValue(value)) return value;
 	return (value.length === 0 ? [] : [value]).map((val) => Array.isArray(val) ? val : [val]);
 }
+//#endregion
 export { SHOW_CHILD, SHOW_PARENT, VALUE_SPLIT, fillFieldNames, getFullPathKeys, isLeaf, scrollIntoParentView, toPathKey, toPathKeys, toPathValueStr, toRawValues };

package/dist/utils/treeUtil.js

@@ -1,4 +1,5 @@
-import { SHOW_CHILD } from "./commonUtil.js";
+import "./commonUtil.js";
+//#region src/utils/treeUtil.ts
 function formatStrategyValues(pathKeys, getKeyPathEntities, showCheckedStrategy) {
 	const valueSet = new Set(pathKeys);
 	const keyPathEntities = getKeyPathEntities();
@@ -29,4 +30,5 @@ function toPathOptions(valueCells, options, fieldNames, stringMode = false) {
 	}
 	return valueOptions;
 }
+//#endregion
 export { formatStrategyValues, toPathOptions };

package/dist/utils/warningPropsUtil.js

@@ -1,4 +1,5 @@
 import { warning } from "@v-c/util";
+//#region src/utils/warningPropsUtil.ts
 function warningNullOptions(options, fieldNames) {
 	if (options) {
 		const recursiveOptions = (optionsList) => {
@@ -14,4 +15,5 @@ function warningNullOptions(options, fieldNames) {
 		recursiveOptions(options);
 	}
 }
+//#endregion
 export { warningNullOptions };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/cascader",
   "type": "module",
-  "version": "1.0.2",
+  "version": "1.1.0-rc.1",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -24,9 +24,9 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/select": "^1.0.16",
-    "@v-c/tree": "^1.0.4",
-    "@v-c/util": "^1.0.17"
+    "@v-c/select": "^1.0.23",
+    "@v-c/tree": "^1.1.0-rc.1",
+    "@v-c/util": "^1.0.19"
   },
   "scripts": {
     "build": "vite build",