@v-c/tree-select 1.0.2 → 1.1.0-rc.1

package/dist/LegacyContext.js

@@ -1,4 +1,5 @@
 import { inject, provide, ref } from "vue";
+//#region src/LegacyContext.ts
 var LegacyContextKey = Symbol("LegacyTreeSelectContext");
 function useLegacyProvider(value) {
 	provide(LegacyContextKey, value);
@@ -6,4 +7,5 @@ function useLegacyProvider(value) {
 function useLegacyContext() {
 	return inject(LegacyContextKey, ref(null));
 }
+//#endregion
 export { useLegacyContext, useLegacyProvider };

package/dist/OptionList.js

@@ -5,6 +5,7 @@ import { computed, createVNode, defineComponent, provide, ref, shallowRef, watch
 import { useBaseProps } from "@v-c/select";
 import Tree, { UnstableContextKey } from "@v-c/tree";
 import { KeyCode } from "@v-c/util";
+//#region src/OptionList.tsx
 var HIDDEN_STYLE = {
 	width: 0,
 	height: 0,
@@ -15,7 +16,7 @@ var HIDDEN_STYLE = {
 	padding: 0,
 	margin: 0
 };
-var OptionList_default = /* @__PURE__ */ defineComponent({
+var OptionList = /* @__PURE__ */ defineComponent({
 	name: "OptionList",
 	inheritAttrs: false,
 	setup(_, { expose }) {
@@ -37,7 +38,7 @@ var OptionList_default = /* @__PURE__ */ defineComponent({
 		const onListMouseDown = (event) => {
 			event.preventDefault();
 		};
-		const onInternalSelect = (_$1, info) => {
+		const onInternalSelect = (_, info) => {
 			const { node } = info;
 			if (legacyContext.value?.checkable && isCheckDisabled(node)) return;
 			const checkedKeys = legacyContext.value?.checkedKeys || [];
@@ -112,15 +113,17 @@ var OptionList_default = /* @__PURE__ */ defineComponent({
 		};
 		const activeKey = ref(null);
 		const activeEntity = computed(() => legacyContext.value?.keyEntities?.[String(activeKey.value)]);
-		watch(() => [baseProps.value?.open, baseProps.value?.searchValue], ([open]) => {
+		watch([() => baseProps.value?.open, () => baseProps.value?.searchValue], ([open]) => {
 			if (!open) return;
 			const fieldNames = context.value?.fieldNames;
 			const getFirstNode = () => {
 				const firstNode = getFirstMatchingNode(memoTreeData.value);
 				return firstNode ? firstNode[fieldNames?.value] : null;
 			};
-			if (!baseProps.value?.multiple && legacyContext.value?.checkedKeys?.length && !baseProps.value?.searchValue) activeKey.value = legacyContext.value.checkedKeys[0];
-			else activeKey.value = getFirstNode();
+			let nextActiveKey = null;
+			if (!baseProps.value?.multiple && legacyContext.value?.checkedKeys?.length && !baseProps.value?.searchValue) nextActiveKey = legacyContext.value.checkedKeys[0];
+			else nextActiveKey = getFirstNode();
+			activeKey.value = nextActiveKey;
 		}, { immediate: true });
 		const onKeyDown = (event) => {
 			switch (event.which || event.keyCode) {
@@ -220,4 +223,5 @@ var OptionList_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { OptionList_default as default };
+//#endregion
+export { OptionList as default };

package/dist/TreeNode.js

@@ -1,5 +1,8 @@
 import { defineComponent } from "vue";
-var TreeNode_default = /* @__PURE__ */ defineComponent(() => {
+//#region src/TreeNode.tsx
+/** This is a placeholder, not real render in dom */
+var TreeNode = /* @__PURE__ */ defineComponent(() => {
 	return () => null;
 });
-export { TreeNode_default as default };
+//#endregion
+export { TreeNode as default };

package/dist/TreeSelect.js

@@ -1,7 +1,7 @@
 import { useLegacyProvider } from "./LegacyContext.js";
 import { useTreeSelectProvider } from "./TreeSelectContext.js";
 import { fillFieldNames, isNil, toArray } from "./utils/valueUtil.js";
-import OptionList_default from "./OptionList.js";
+import OptionList from "./OptionList.js";
 import useCache from "./hooks/useCache.js";
 import useCheckedKeys from "./hooks/useCheckedKeys.js";
 import useDataEntities from "./hooks/useDataEntities.js";
@@ -10,13 +10,14 @@ import useFilterTreeData from "./hooks/useFilterTreeData.js";
 import useRefFunc from "./hooks/useRefFunc.js";
 import useSearchConfig from "./hooks/useSearchConfig.js";
 import useTreeData from "./hooks/useTreeData.js";
-import { SHOW_ALL, SHOW_CHILD, formatStrategyValues } from "./utils/strategyUtil.js";
+import { SHOW_ALL, formatStrategyValues } from "./utils/strategyUtil.js";
 import warningProps from "./utils/warningPropsUtil.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
 import { BaseSelect } from "@v-c/select";
 import { conductCheck } from "@v-c/tree";
 import { omit, useId, useMergedState } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
+//#region src/TreeSelect.tsx
 function isRawValue(value) {
 	return !value || typeof value !== "object";
 }
@@ -76,7 +77,7 @@ var omitKeyList = [
 	"classNames",
 	"styles"
 ];
-var TreeSelect_default = /* @__PURE__ */ defineComponent({
+var TreeSelect = /* @__PURE__ */ defineComponent({
 	props: /* @__PURE__ */ mergeDefaults({
 		prefixCls: {
 			type: String,
@@ -936,7 +937,7 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 				"onSearch": (v) => {
 					onInternalSearch(v);
 				},
-				"OptionList": OptionList_default,
+				"OptionList": OptionList,
 				"emptyOptions": !mergedTreeData.value.length,
 				"onPopupVisibleChange": onInternalPopupVisibleChange,
 				"popupMatchSelectWidth": props.popupMatchSelectWidth ?? defaults.popupMatchSelectWidth
@@ -944,4 +945,5 @@ var TreeSelect_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { TreeSelect_default as default };
+//#endregion
+export { TreeSelect as default };

package/dist/TreeSelectContext.js

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

package/dist/hooks/useCache.js

@@ -1,4 +1,8 @@
 import { computed, shallowRef } from "vue";
+//#region src/hooks/useCache.ts
+/**
+* This function will try to cache labels for values to avoid label missing when options removed.
+*/
 function useCache(values) {
 	const cacheRef = shallowRef({ valueLabels: /* @__PURE__ */ new Map() });
 	return [computed(() => {
@@ -17,4 +21,5 @@ function useCache(values) {
 		return merged;
 	})];
 }
+//#endregion
 export { useCache as default };

package/dist/hooks/useCheckedKeys.js

@@ -1,5 +1,6 @@
 import { computed } from "vue";
 import { conductCheck } from "@v-c/tree";
+//#region src/hooks/useCheckedKeys.ts
 function useCheckedKeys(rawLabeledValues, rawHalfCheckedValues, treeConduction, keyEntities) {
 	const merged = computed(() => {
 		const extractValues = (values) => values.map(({ value }) => value);
@@ -17,4 +18,5 @@ function useCheckedKeys(rawLabeledValues, rawHalfCheckedValues, treeConduction,
 	});
 	return [computed(() => merged.value[0]), computed(() => merged.value[1])];
 }
+//#endregion
 export { useCheckedKeys as default };

package/dist/hooks/useDataEntities.js

@@ -2,6 +2,7 @@ import { isNil } from "../utils/valueUtil.js";
 import { shallowRef, watchEffect } from "vue";
 import { convertDataToEntities } from "@v-c/tree";
 import { warning } from "@v-c/util";
+//#region src/hooks/useDataEntities.ts
 function useDataEntities(treeData, fieldNames) {
 	const valueEntities = shallowRef(/* @__PURE__ */ new Map());
 	const keyEntities = shallowRef({});
@@ -32,4 +33,5 @@ function useDataEntities(treeData, fieldNames) {
 		keyEntities
 	};
 }
+//#endregion
 export { useDataEntities as default };

package/dist/hooks/useFilterTreeData.js

@@ -1,5 +1,6 @@
 import { fillLegacyProps } from "../utils/legacyUtil.js";
 import { computed } from "vue";
+//#region src/hooks/useFilterTreeData.ts
 function useFilterTreeData(treeData, searchValue, options) {
 	return computed(() => {
 		const { children: fieldChildren } = options.fieldNames.value;
@@ -20,4 +21,5 @@ function useFilterTreeData(treeData, searchValue, options) {
 		return filterTreeNodes(treeData.value);
 	});
 }
+//#endregion
 export { useFilterTreeData as default };

package/dist/hooks/useRefFunc.js

@@ -1,4 +1,9 @@
 import { shallowRef } from "vue";
+//#region src/hooks/useRefFunc.ts
+/**
+* Same as `useCallback` but always return a memoized function
+* which will call latest callback from ref.
+*/
 function useRefFunc(callback) {
 	const callbackRef = shallowRef(callback);
 	callbackRef.value = callback;
@@ -7,4 +12,5 @@ function useRefFunc(callback) {
 	});
 	return cacheFn;
 }
+//#endregion
 export { useRefFunc as default };

package/dist/hooks/useSearchConfig.js

@@ -1,4 +1,5 @@
 import { computed } from "vue";
+//#region src/hooks/useSearchConfig.ts
 function useSearchConfig(showSearch, props) {
 	return [computed(() => {
 		return typeof showSearch.value === "object" ? true : showSearch.value;
@@ -15,4 +16,5 @@ function useSearchConfig(showSearch, props) {
 		};
 	})];
 }
+//#endregion
 export { useSearchConfig as default };

package/dist/hooks/useTreeData.js

@@ -1,4 +1,5 @@
 import { computed } from "vue";
+//#region src/hooks/useTreeData.ts
 function buildTreeStructure(nodes, config) {
 	const { id, pId, rootPId } = config;
 	const nodeMap = /* @__PURE__ */ new Map();
@@ -21,6 +22,9 @@ function buildTreeStructure(nodes, config) {
 	});
 	return rootNodes;
 }
+/**
+* Convert `treeData` by `simpleMode` config.
+*/
 function useTreeData(treeData, simpleMode) {
 	return computed(() => {
 		if (simpleMode.value) {
@@ -35,4 +39,5 @@ function useTreeData(treeData, simpleMode) {
 		return treeData.value;
 	});
 }
+//#endregion
 export { useTreeData as default };

package/dist/index.js

@@ -1,10 +1,11 @@
-import TreeNode_default from "./TreeNode.js";
+import TreeNode from "./TreeNode.js";
 import { SHOW_ALL, SHOW_CHILD, SHOW_PARENT } from "./utils/strategyUtil.js";
-import TreeSelect_default from "./TreeSelect.js";
-var ExportTreeSelect = TreeSelect_default;
-ExportTreeSelect.TreeNode = TreeNode_default;
+import TreeSelect from "./TreeSelect.js";
+//#region src/index.tsx
+var ExportTreeSelect = TreeSelect;
+ExportTreeSelect.TreeNode = TreeNode;
 ExportTreeSelect.SHOW_ALL = SHOW_ALL;
 ExportTreeSelect.SHOW_PARENT = SHOW_PARENT;
 ExportTreeSelect.SHOW_CHILD = SHOW_CHILD;
-var src_default = ExportTreeSelect;
-export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeNode_default as TreeNode, src_default as default };
+//#endregion
+export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeNode, ExportTreeSelect as default };

package/dist/utils/legacyUtil.js

@@ -1,6 +1,7 @@
-import TreeNode_default from "../TreeNode.js";
+import TreeNode from "../TreeNode.js";
 import { createVNode, isVNode, toRaw } from "vue";
 import warning from "@v-c/util/dist/warning";
+//#region src/utils/legacyUtil.tsx
 function getNodeChildren(children) {
 	let finalChildren = children;
 	if (typeof children === "function") finalChildren = children();
@@ -41,7 +42,7 @@ function fillAdditionalInfo(extra, triggerValue, checkedValues, treeData, showPo
 				const value = option[fieldNames.value];
 				const included = checkedValues.includes(value);
 				const children = dig(option[fieldNames.children] || [], pos, included);
-				const node = createVNode(TreeNode_default, option, { default: () => children.map((child) => child.node) });
+				const node = createVNode(TreeNode, option, { default: () => children.map((child) => child.node) });
 				if (triggerValue === value) triggerNode = node;
 				if (included) {
 					const checkedNode = {
@@ -77,4 +78,5 @@ function fillAdditionalInfo(extra, triggerValue, checkedValues, treeData, showPo
 		return (nodeList || []).map(({ node }) => node);
 	} });
 }
+//#endregion
 export { convertChildrenToData, fillAdditionalInfo, fillLegacyProps };

package/dist/utils/strategyUtil.js

@@ -1,7 +1,8 @@
 import { isCheckDisabled } from "./valueUtil.js";
-const SHOW_ALL = "SHOW_ALL";
-const SHOW_PARENT = "SHOW_PARENT";
-const SHOW_CHILD = "SHOW_CHILD";
+//#region src/utils/strategyUtil.ts
+var SHOW_ALL = "SHOW_ALL";
+var SHOW_PARENT = "SHOW_PARENT";
+var SHOW_CHILD = "SHOW_CHILD";
 function formatStrategyValues(values, strategy, keyEntities, fieldNames) {
 	const valueSet = new Set(values);
 	if (strategy === "SHOW_CHILD") return values.filter((key) => {
@@ -15,4 +16,5 @@ function formatStrategyValues(values, strategy, keyEntities, fieldNames) {
 	});
 	return values;
 }
+//#endregion
 export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, formatStrategyValues };

package/dist/utils/valueUtil.js

@@ -1,3 +1,4 @@
+//#region src/utils/valueUtil.ts
 function toArray(value) {
 	return Array.isArray(value) ? value : value !== void 0 ? [value] : [];
 }
@@ -27,5 +28,6 @@ function getAllKeys(treeData, fieldNames) {
 	dig(treeData);
 	return keys;
 }
-const isNil = (val) => val === null || val === void 0;
+var isNil = (val) => val === null || val === void 0;
+//#endregion
 export { fillFieldNames, getAllKeys, isCheckDisabled, isNil, toArray };

package/dist/utils/warningPropsUtil.js

@@ -1,5 +1,6 @@
 import { toArray } from "./valueUtil.js";
 import warning from "@v-c/util/dist/warning";
+//#region src/utils/warningPropsUtil.ts
 function warningProps(props) {
 	const { searchPlaceholder, treeCheckStrictly, treeCheckable, labelInValue, value, multiple, showCheckedStrategy, maxCount } = props;
 	warning(!searchPlaceholder, "`searchPlaceholder` has been removed.");
@@ -9,4 +10,5 @@ function warningProps(props) {
 	else warning(!Array.isArray(value), "`value` should not be array when `TreeSelect` is single mode.");
 	if (maxCount && (showCheckedStrategy === "SHOW_ALL" && !treeCheckStrictly || showCheckedStrategy === "SHOW_PARENT")) warning(false, "`maxCount` not work with `showCheckedStrategy=SHOW_ALL` (when `treeCheckStrictly=false`) or `showCheckedStrategy=SHOW_PARENT`.");
 }
+//#endregion
 export { warningProps as default };

package/package.json

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