@v-c/tree-select 1.0.0 → 1.0.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/tree-select",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -15,7 +15,7 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
@@ -29,9 +29,9 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/select": "^1.0.9",
-    "@v-c/tree": "^1.0.0",
-    "@v-c/util": "^1.0.9"
+    "@v-c/select": "^1.0.10",
+    "@v-c/tree": "^1.0.3",
+    "@v-c/util": "^1.0.14"
   },
   "scripts": {
     "build": "vite build",

package/dist/LegacyContext.cjs

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var LegacyContextKey = Symbol("LegacyTreeSelectContext");
-function useLegacyProvider(value) {
-	(0, vue.provide)(LegacyContextKey, value);
-}
-function useLegacyContext() {
-	return (0, vue.inject)(LegacyContextKey, (0, vue.ref)(null));
-}
-exports.useLegacyContext = useLegacyContext;
-exports.useLegacyProvider = useLegacyProvider;

package/dist/OptionList.cjs

@@ -1,230 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_LegacyContext = require("./LegacyContext.cjs");
-const require_TreeSelectContext = require("./TreeSelectContext.cjs");
-const require_valueUtil = require("./utils/valueUtil.cjs");
-let vue = require("vue");
-let _v_c_select = require("@v-c/select");
-let _v_c_tree = require("@v-c/tree");
-_v_c_tree = require_rolldown_runtime.__toESM(_v_c_tree);
-let _v_c_util = require("@v-c/util");
-var HIDDEN_STYLE = {
-	width: 0,
-	height: 0,
-	display: "flex",
-	overflow: "hidden",
-	opacity: 0,
-	border: 0,
-	padding: 0,
-	margin: 0
-};
-var OptionList = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "OptionList",
-	inheritAttrs: false,
-	setup(_, { expose }) {
-		const baseProps = (0, _v_c_select.useBaseProps)();
-		const context = require_TreeSelectContext.useTreeSelectContext();
-		const legacyContext = require_LegacyContext.useLegacyContext();
-		const treeRef = (0, vue.ref)(null);
-		const memoTreeData = (0, vue.computed)(() => context.value?.treeData || []);
-		const mergedCheckedKeys = (0, vue.computed)(() => {
-			if (!legacyContext.value?.checkable) return null;
-			return {
-				checked: legacyContext.value.checkedKeys,
-				halfChecked: legacyContext.value.halfCheckedKeys
-			};
-		});
-		(0, vue.watch)(() => baseProps.value?.open, (open) => {
-			if (open && !baseProps.value?.multiple && legacyContext.value?.checkedKeys?.length) treeRef.value?.scrollTo({ key: legacyContext.value.checkedKeys[0] });
-		}, { immediate: true });
-		const onListMouseDown = (event) => {
-			event.preventDefault();
-		};
-		const onInternalSelect = (_$1, info) => {
-			const { node } = info;
-			if (legacyContext.value?.checkable && require_valueUtil.isCheckDisabled(node)) return;
-			const checkedKeys = legacyContext.value?.checkedKeys || [];
-			context.value?.onSelect(node.key, {
-				selected: !checkedKeys.includes(node.key),
-				source: "option"
-			});
-			if (!baseProps.value?.multiple) baseProps.value?.toggleOpen(false);
-		};
-		const expandedKeys = (0, vue.ref)(legacyContext.value?.treeDefaultExpandedKeys || []);
-		const searchExpandedKeys = (0, vue.ref)(null);
-		const mergedExpandedKeys = (0, vue.computed)(() => {
-			if (legacyContext.value?.treeExpandedKeys) return [...legacyContext.value.treeExpandedKeys];
-			if (baseProps.value?.searchValue) return searchExpandedKeys.value || expandedKeys.value || [];
-			return expandedKeys.value;
-		});
-		const onInternalExpand = (keys) => {
-			expandedKeys.value = keys;
-			searchExpandedKeys.value = keys;
-			legacyContext.value?.onTreeExpand?.(keys);
-		};
-		const filterTreeNode = (treeNode) => {
-			const searchValue = String(baseProps.value?.searchValue || "");
-			if (!searchValue) return false;
-			const lowerSearchValue = searchValue.toLowerCase();
-			const treeNodeFilterProp = legacyContext.value?.treeNodeFilterProp || "value";
-			return String(treeNode?.[treeNodeFilterProp]).toLowerCase().includes(lowerSearchValue);
-		};
-		(0, vue.watch)(() => baseProps.value?.searchValue, (val) => {
-			if (val) searchExpandedKeys.value = require_valueUtil.getAllKeys(memoTreeData.value, context.value?.fieldNames || {});
-		}, { immediate: true });
-		const disabledCache = (0, vue.shallowRef)(/* @__PURE__ */ new Map());
-		(0, vue.watch)(() => context.value?.leftMaxCount, (val) => {
-			if (val) disabledCache.value = /* @__PURE__ */ new Map();
-		}, { immediate: true });
-		function getDisabledWithCache(node) {
-			const value = node[context.value.fieldNames.value];
-			if (!disabledCache.value.has(value)) {
-				const entity = context.value?.valueEntities.get(value);
-				if (!((entity?.children || []).length === 0)) {
-					const checkedKeys = legacyContext.value?.checkedKeys || [];
-					const checkableChildren = (entity?.children || []).filter((child) => !child.node.disabled && !child.node.disableCheckbox && !checkedKeys.includes(child.node[context.value.fieldNames.value]));
-					disabledCache.value.set(value, checkableChildren.length > (context.value?.leftMaxCount || 0));
-				} else disabledCache.value.set(value, false);
-			}
-			return disabledCache.value.get(value);
-		}
-		const nodeDisabled = (node) => {
-			const checkedKeys = legacyContext.value?.checkedKeys || [];
-			const nodeValue = node[context.value.fieldNames.value];
-			if (checkedKeys.includes(nodeValue)) return false;
-			const leftMaxCount = context.value?.leftMaxCount ?? null;
-			if (leftMaxCount === null) return false;
-			if (leftMaxCount <= 0) return true;
-			if (context.value?.leafCountOnly && leftMaxCount) return getDisabledWithCache(node) || false;
-			return false;
-		};
-		(0, vue.provide)(_v_c_tree.UnstableContextKey, { nodeDisabled });
-		const getFirstMatchingNode = (nodes) => {
-			for (const node of nodes) {
-				if (node.disabled || node.selectable === false) continue;
-				if (baseProps.value?.searchValue) {
-					if (filterTreeNode(node)) return node;
-				} else return node;
-				const children = node[context.value.fieldNames.children];
-				if (children) {
-					const matchInChildren = getFirstMatchingNode(children);
-					if (matchInChildren) return matchInChildren;
-				}
-			}
-			return null;
-		};
-		const activeKey = (0, vue.ref)(null);
-		const activeEntity = (0, vue.computed)(() => legacyContext.value?.keyEntities?.[String(activeKey.value)]);
-		(0, vue.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();
-		}, { immediate: true });
-		const onKeyDown = (event) => {
-			switch (event.which || event.keyCode) {
-				case _v_c_util.KeyCode.UP:
-				case _v_c_util.KeyCode.DOWN:
-				case _v_c_util.KeyCode.LEFT:
-				case _v_c_util.KeyCode.RIGHT:
-					treeRef.value?.onKeyDown(event);
-					break;
-				case _v_c_util.KeyCode.ENTER:
-					if (activeEntity.value) {
-						const isNodeDisabled = nodeDisabled(activeEntity.value.node);
-						const { selectable, value, disabled } = activeEntity.value.node;
-						if (selectable !== false && !disabled && !isNodeDisabled) onInternalSelect([], {
-							node: { key: activeKey.value },
-							selected: !(legacyContext.value?.checkedKeys || []).includes(value)
-						});
-					}
-					return;
-				case _v_c_util.KeyCode.ESC: baseProps.value?.toggleOpen(false);
-			}
-		};
-		const onKeyUp = () => {};
-		expose({
-			scrollTo: (scroll) => {
-				treeRef.value?.scrollTo(scroll);
-			},
-			onKeyDown,
-			onKeyUp
-		});
-		return () => {
-			const prefixCls = baseProps.value?.prefixCls;
-			const open = baseProps.value?.open;
-			const notFoundContent = baseProps.value?.notFoundContent;
-			const checkable = legacyContext.value?.checkable;
-			const checkedKeys = legacyContext.value?.checkedKeys || [];
-			const treeLoadedKeys = legacyContext.value?.treeLoadedKeys;
-			const treeDefaultExpandAll = legacyContext.value?.treeDefaultExpandAll;
-			const treeIcon = legacyContext.value?.treeIcon;
-			const showTreeIcon = legacyContext.value?.showTreeIcon;
-			const switcherIcon = legacyContext.value?.switcherIcon;
-			const treeLine = legacyContext.value?.treeLine;
-			const treeMotion = legacyContext.value?.treeMotion;
-			const loadData = legacyContext.value?.loadData;
-			const onTreeLoad = legacyContext.value?.onTreeLoad;
-			const { fieldNames, virtual, listHeight, listItemHeight, listItemScrollOffset, popupMatchSelectWidth, treeExpandAction, treeTitleRender, onPopupScroll, classNames, styles } = context.value || {};
-			if (memoTreeData.value.length === 0) return (0, vue.createVNode)("div", {
-				"role": "listbox",
-				"class": `${prefixCls}-empty`,
-				"onMousedown": onListMouseDown
-			}, [notFoundContent]);
-			const syncLoadData = baseProps.value?.searchValue ? void 0 : loadData;
-			return (0, vue.createVNode)("div", { "onMousedown": onListMouseDown }, [activeEntity.value && open && (0, vue.createVNode)("span", {
-				"style": HIDDEN_STYLE,
-				"aria-live": "assertive"
-			}, [activeEntity.value.node.value]), (0, vue.createVNode)(_v_c_tree.default, {
-				"ref": (el) => {
-					treeRef.value = el;
-				},
-				"focusable": false,
-				"prefixCls": `${prefixCls}-tree`,
-				"treeData": memoTreeData.value,
-				"fieldNames": fieldNames,
-				"height": listHeight,
-				"itemHeight": listItemHeight,
-				"itemScrollOffset": listItemScrollOffset,
-				"virtual": virtual !== false && popupMatchSelectWidth !== false,
-				"multiple": baseProps.value?.multiple,
-				"icon": treeIcon,
-				"showIcon": showTreeIcon,
-				"switcherIcon": switcherIcon,
-				"showLine": treeLine,
-				"loadData": syncLoadData,
-				"motion": treeMotion,
-				"activeKey": activeKey.value,
-				"checkable": checkable,
-				"checkStrictly": true,
-				"checkedKeys": mergedCheckedKeys.value,
-				"selectedKeys": !checkable ? checkedKeys : [],
-				"defaultExpandAll": treeDefaultExpandAll,
-				"titleRender": treeTitleRender,
-				"expandedKeys": mergedExpandedKeys.value,
-				"loadedKeys": treeLoadedKeys,
-				"onActiveChange": (key) => {
-					activeKey.value = key;
-				},
-				"onSelect": onInternalSelect,
-				"onCheck": onInternalSelect,
-				"onExpand": onInternalExpand,
-				"onLoad": onTreeLoad,
-				"filterTreeNode": filterTreeNode,
-				"expandAction": treeExpandAction,
-				"onScroll": onPopupScroll,
-				"classNames": classNames?.popup,
-				"styles": styles?.popup
-			}, null)]);
-		};
-	}
-});
-var OptionList_default = OptionList;
-exports.default = OptionList_default;

package/dist/TreeNode.cjs

@@ -1,11 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var TreeNode = /* @__PURE__ */ (0, vue.defineComponent)(() => {
-	return () => null;
-});
-var TreeNode_default = TreeNode;
-exports.default = TreeNode_default;