@v-c/tree-select 0.0.1

package/dist/utils/legacyUtil.cjs

@@ -0,0 +1,85 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_TreeNode = require("../TreeNode.cjs");
+let vue = require("vue");
+let _v_c_util_dist_warning = require("@v-c/util/dist/warning");
+_v_c_util_dist_warning = require_rolldown_runtime.__toESM(_v_c_util_dist_warning);
+function getNodeChildren(children) {
+	let finalChildren = children;
+	if (typeof children === "function") finalChildren = children();
+	else if (children && typeof children === "object" && "default" in children) finalChildren = typeof children.default === "function" ? children.default() : children.default;
+	return Array.isArray(finalChildren) ? finalChildren : [];
+}
+function convertChildrenToData(nodes = []) {
+	return (0, vue.toRaw)(nodes).map((node) => {
+		if (!(0, vue.isVNode)(node) || !node.type) return null;
+		const { key, props, children } = node;
+		const { value, ...restProps } = props || {};
+		const data = {
+			key,
+			value,
+			...restProps
+		};
+		const childData = convertChildrenToData(getNodeChildren(children));
+		if (childData.length) data.children = childData;
+		return data;
+	}).filter((data) => data !== null);
+}
+function fillLegacyProps(dataNode) {
+	if (!dataNode) return dataNode;
+	const cloneNode = { ...dataNode };
+	if (!("props" in cloneNode)) Object.defineProperty(cloneNode, "props", { get() {
+		(0, _v_c_util_dist_warning.default)(false, "New `vc-tree-select` not support return node instance as argument anymore. Please consider to remove `props` access.");
+		return cloneNode;
+	} });
+	return cloneNode;
+}
+function fillAdditionalInfo(extra, triggerValue, checkedValues, treeData, showPosition, fieldNames) {
+	let triggerNode = null;
+	let nodeList = null;
+	function generateMap() {
+		function dig(list, level = "0", parentIncluded = false) {
+			return (list || []).map((option, index) => {
+				const pos = `${level}-${index}`;
+				const value = option[fieldNames.value];
+				const included = checkedValues.includes(value);
+				const children = dig(option[fieldNames.children] || [], pos, included);
+				const node = (0, vue.createVNode)(require_TreeNode.default, option, { default: () => children.map((child) => child.node) });
+				if (triggerValue === value) triggerNode = node;
+				if (included) {
+					const checkedNode = {
+						pos,
+						node,
+						children
+					};
+					if (!parentIncluded) nodeList.push(checkedNode);
+					return checkedNode;
+				}
+				return null;
+			}).filter((node) => node !== null);
+		}
+		if (!nodeList) {
+			nodeList = [];
+			dig(treeData);
+			nodeList.sort((a, b) => {
+				const val1 = a.node.props?.value;
+				const val2 = b.node.props?.value;
+				return checkedValues.indexOf(val1) - checkedValues.indexOf(val2);
+			});
+		}
+	}
+	Object.defineProperty(extra, "triggerNode", { get() {
+		(0, _v_c_util_dist_warning.default)(false, "`triggerNode` is deprecated. Please consider decoupling data with node.");
+		generateMap();
+		return triggerNode;
+	} });
+	Object.defineProperty(extra, "allCheckedNodes", { get() {
+		(0, _v_c_util_dist_warning.default)(false, "`allCheckedNodes` is deprecated. Please consider decoupling data with node.");
+		generateMap();
+		if (showPosition) return nodeList;
+		return (nodeList || []).map(({ node }) => node);
+	} });
+}
+exports.convertChildrenToData = convertChildrenToData;
+exports.fillAdditionalInfo = fillAdditionalInfo;
+exports.fillLegacyProps = fillLegacyProps;

package/dist/utils/legacyUtil.d.ts

@@ -0,0 +1,5 @@
+import { VNode } from 'vue';
+import { ChangeEventExtra, DataNode, FieldNames, SafeKey } from '../interface';
+export declare function convertChildrenToData(nodes?: VNode[]): DataNode[];
+export declare function fillLegacyProps(dataNode: DataNode): any;
+export declare function fillAdditionalInfo(extra: ChangeEventExtra, triggerValue: SafeKey, checkedValues: SafeKey[], treeData: DataNode[], showPosition: boolean, fieldNames: FieldNames): void;

package/dist/utils/legacyUtil.js

@@ -0,0 +1,80 @@
+import TreeNode_default from "../TreeNode.js";
+import { createVNode, isVNode, toRaw } from "vue";
+import warning from "@v-c/util/dist/warning";
+function getNodeChildren(children) {
+	let finalChildren = children;
+	if (typeof children === "function") finalChildren = children();
+	else if (children && typeof children === "object" && "default" in children) finalChildren = typeof children.default === "function" ? children.default() : children.default;
+	return Array.isArray(finalChildren) ? finalChildren : [];
+}
+function convertChildrenToData(nodes = []) {
+	return toRaw(nodes).map((node) => {
+		if (!isVNode(node) || !node.type) return null;
+		const { key, props, children } = node;
+		const { value, ...restProps } = props || {};
+		const data = {
+			key,
+			value,
+			...restProps
+		};
+		const childData = convertChildrenToData(getNodeChildren(children));
+		if (childData.length) data.children = childData;
+		return data;
+	}).filter((data) => data !== null);
+}
+function fillLegacyProps(dataNode) {
+	if (!dataNode) return dataNode;
+	const cloneNode = { ...dataNode };
+	if (!("props" in cloneNode)) Object.defineProperty(cloneNode, "props", { get() {
+		warning(false, "New `vc-tree-select` not support return node instance as argument anymore. Please consider to remove `props` access.");
+		return cloneNode;
+	} });
+	return cloneNode;
+}
+function fillAdditionalInfo(extra, triggerValue, checkedValues, treeData, showPosition, fieldNames) {
+	let triggerNode = null;
+	let nodeList = null;
+	function generateMap() {
+		function dig(list, level = "0", parentIncluded = false) {
+			return (list || []).map((option, index) => {
+				const pos = `${level}-${index}`;
+				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) });
+				if (triggerValue === value) triggerNode = node;
+				if (included) {
+					const checkedNode = {
+						pos,
+						node,
+						children
+					};
+					if (!parentIncluded) nodeList.push(checkedNode);
+					return checkedNode;
+				}
+				return null;
+			}).filter((node) => node !== null);
+		}
+		if (!nodeList) {
+			nodeList = [];
+			dig(treeData);
+			nodeList.sort((a, b) => {
+				const val1 = a.node.props?.value;
+				const val2 = b.node.props?.value;
+				return checkedValues.indexOf(val1) - checkedValues.indexOf(val2);
+			});
+		}
+	}
+	Object.defineProperty(extra, "triggerNode", { get() {
+		warning(false, "`triggerNode` is deprecated. Please consider decoupling data with node.");
+		generateMap();
+		return triggerNode;
+	} });
+	Object.defineProperty(extra, "allCheckedNodes", { get() {
+		warning(false, "`allCheckedNodes` is deprecated. Please consider decoupling data with node.");
+		generateMap();
+		if (showPosition) return nodeList;
+		return (nodeList || []).map(({ node }) => node);
+	} });
+}
+export { convertChildrenToData, fillAdditionalInfo, fillLegacyProps };

package/dist/utils/strategyUtil.cjs

@@ -0,0 +1,22 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_valueUtil = require("./valueUtil.cjs");
+const SHOW_ALL = "SHOW_ALL";
+const SHOW_PARENT = "SHOW_PARENT";
+const SHOW_CHILD = "SHOW_CHILD";
+function formatStrategyValues(values, strategy, keyEntities, fieldNames) {
+	const valueSet = new Set(values);
+	if (strategy === "SHOW_CHILD") return values.filter((key) => {
+		const entity = keyEntities[String(key)];
+		return !entity || !entity.children || !entity.children.some(({ node }) => valueSet.has(node[fieldNames.value])) || !entity.children.every(({ node }) => require_valueUtil.isCheckDisabled(node) || valueSet.has(node[fieldNames.value]));
+	});
+	if (strategy === "SHOW_PARENT") return values.filter((key) => {
+		const entity = keyEntities[String(key)];
+		const parent = entity ? entity.parent : null;
+		return !parent || require_valueUtil.isCheckDisabled(parent.node) || !valueSet.has(parent.key);
+	});
+	return values;
+}
+exports.SHOW_ALL = SHOW_ALL;
+exports.SHOW_CHILD = SHOW_CHILD;
+exports.SHOW_PARENT = SHOW_PARENT;
+exports.formatStrategyValues = formatStrategyValues;

package/dist/utils/strategyUtil.d.ts

@@ -0,0 +1,7 @@
+import { DataEntity } from '@v-c/tree';
+import { FieldNames, SafeKey } from '../interface';
+export declare const SHOW_ALL = "SHOW_ALL";
+export declare const SHOW_PARENT = "SHOW_PARENT";
+export declare const SHOW_CHILD = "SHOW_CHILD";
+export type CheckedStrategy = typeof SHOW_ALL | typeof SHOW_PARENT | typeof SHOW_CHILD;
+export declare function formatStrategyValues(values: SafeKey[], strategy: CheckedStrategy, keyEntities: Record<string, DataEntity>, fieldNames: FieldNames): SafeKey[];

package/dist/utils/strategyUtil.js

@@ -0,0 +1,18 @@
+import { isCheckDisabled } from "./valueUtil.js";
+const SHOW_ALL = "SHOW_ALL";
+const SHOW_PARENT = "SHOW_PARENT";
+const SHOW_CHILD = "SHOW_CHILD";
+function formatStrategyValues(values, strategy, keyEntities, fieldNames) {
+	const valueSet = new Set(values);
+	if (strategy === "SHOW_CHILD") return values.filter((key) => {
+		const entity = keyEntities[String(key)];
+		return !entity || !entity.children || !entity.children.some(({ node }) => valueSet.has(node[fieldNames.value])) || !entity.children.every(({ node }) => isCheckDisabled(node) || valueSet.has(node[fieldNames.value]));
+	});
+	if (strategy === "SHOW_PARENT") return values.filter((key) => {
+		const entity = keyEntities[String(key)];
+		const parent = entity ? entity.parent : null;
+		return !parent || isCheckDisabled(parent.node) || !valueSet.has(parent.key);
+	});
+	return values;
+}
+export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, formatStrategyValues };

package/dist/utils/valueUtil.cjs

@@ -0,0 +1,36 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function toArray(value) {
+	return Array.isArray(value) ? value : value !== void 0 ? [value] : [];
+}
+function fillFieldNames(fieldNames) {
+	const { label, value, children } = fieldNames || {};
+	return {
+		_title: label ? [label] : ["title", "label"],
+		value: value || "value",
+		key: value || "value",
+		children: children || "children"
+	};
+}
+function isCheckDisabled(node) {
+	return !node || node.disabled || node.disableCheckbox || node.checkable === false;
+}
+function getAllKeys(treeData, fieldNames) {
+	const keys = [];
+	const dig = (list) => {
+		list.forEach((item) => {
+			const children = item[fieldNames.children];
+			if (children) {
+				keys.push(item[fieldNames.value]);
+				dig(children);
+			}
+		});
+	};
+	dig(treeData);
+	return keys;
+}
+const isNil = (val) => val === null || val === void 0;
+exports.fillFieldNames = fillFieldNames;
+exports.getAllKeys = getAllKeys;
+exports.isCheckDisabled = isCheckDisabled;
+exports.isNil = isNil;
+exports.toArray = toArray;

package/dist/utils/valueUtil.d.ts

@@ -0,0 +1,11 @@
+import { DataNode, FieldNames, SafeKey } from '../interface';
+export declare function toArray<T>(value: T | T[]): T[];
+export declare function fillFieldNames(fieldNames?: FieldNames): {
+    _title: string[];
+    value: string;
+    key: string;
+    children: string;
+};
+export declare function isCheckDisabled(node: DataNode): boolean;
+export declare function getAllKeys(treeData: DataNode[], fieldNames: FieldNames): SafeKey[];
+export declare const isNil: (val: any) => boolean;

package/dist/utils/valueUtil.js

@@ -0,0 +1,31 @@
+function toArray(value) {
+	return Array.isArray(value) ? value : value !== void 0 ? [value] : [];
+}
+function fillFieldNames(fieldNames) {
+	const { label, value, children } = fieldNames || {};
+	return {
+		_title: label ? [label] : ["title", "label"],
+		value: value || "value",
+		key: value || "value",
+		children: children || "children"
+	};
+}
+function isCheckDisabled(node) {
+	return !node || node.disabled || node.disableCheckbox || node.checkable === false;
+}
+function getAllKeys(treeData, fieldNames) {
+	const keys = [];
+	const dig = (list) => {
+		list.forEach((item) => {
+			const children = item[fieldNames.children];
+			if (children) {
+				keys.push(item[fieldNames.value]);
+				dig(children);
+			}
+		});
+	};
+	dig(treeData);
+	return keys;
+}
+const isNil = (val) => val === null || val === void 0;
+export { fillFieldNames, getAllKeys, isCheckDisabled, isNil, toArray };

package/dist/utils/warningPropsUtil.cjs

@@ -0,0 +1,18 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_valueUtil = require("./valueUtil.cjs");
+let _v_c_util_dist_warning = require("@v-c/util/dist/warning");
+_v_c_util_dist_warning = require_rolldown_runtime.__toESM(_v_c_util_dist_warning);
+function warningProps(props) {
+	const { searchPlaceholder, treeCheckStrictly, treeCheckable, labelInValue, value, multiple, showCheckedStrategy, maxCount } = props;
+	(0, _v_c_util_dist_warning.default)(!searchPlaceholder, "`searchPlaceholder` has been removed.");
+	if (treeCheckStrictly && labelInValue === false) (0, _v_c_util_dist_warning.default)(false, "`treeCheckStrictly` will force set `labelInValue` to `true`.");
+	if (labelInValue || treeCheckStrictly) (0, _v_c_util_dist_warning.default)(require_valueUtil.toArray(value).every((val) => val && typeof val === "object" && "value" in val), "Invalid prop `value` supplied to `TreeSelect`. You should use { label: string, value: string | number } or [{ label: string, value: string | number }] instead.");
+	if (treeCheckStrictly || multiple || treeCheckable) (0, _v_c_util_dist_warning.default)(!value || Array.isArray(value), "`value` should be an array when `TreeSelect` is checkable or multiple.");
+	else (0, _v_c_util_dist_warning.default)(!Array.isArray(value), "`value` should not be array when `TreeSelect` is single mode.");
+	if (maxCount && (showCheckedStrategy === "SHOW_ALL" && !treeCheckStrictly || showCheckedStrategy === "SHOW_PARENT")) (0, _v_c_util_dist_warning.default)(false, "`maxCount` not work with `showCheckedStrategy=SHOW_ALL` (when `treeCheckStrictly=false`) or `showCheckedStrategy=SHOW_PARENT`.");
+}
+exports.default = warningProps;

package/dist/utils/warningPropsUtil.d.ts

@@ -0,0 +1,4 @@
+import { TreeSelectProps } from '../TreeSelect';
+export default function warningProps(props: TreeSelectProps & {
+    searchPlaceholder?: string;
+}): void;

package/dist/utils/warningPropsUtil.js

@@ -0,0 +1,12 @@
+import { toArray } from "./valueUtil.js";
+import warning from "@v-c/util/dist/warning";
+function warningProps(props) {
+	const { searchPlaceholder, treeCheckStrictly, treeCheckable, labelInValue, value, multiple, showCheckedStrategy, maxCount } = props;
+	warning(!searchPlaceholder, "`searchPlaceholder` has been removed.");
+	if (treeCheckStrictly && labelInValue === false) warning(false, "`treeCheckStrictly` will force set `labelInValue` to `true`.");
+	if (labelInValue || treeCheckStrictly) warning(toArray(value).every((val) => val && typeof val === "object" && "value" in val), "Invalid prop `value` supplied to `TreeSelect`. You should use { label: string, value: string | number } or [{ label: string, value: string | number }] instead.");
+	if (treeCheckStrictly || multiple || treeCheckable) warning(!value || Array.isArray(value), "`value` should be an array when `TreeSelect` is checkable or multiple.");
+	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`.");
+}
+export { warningProps as default };

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@v-c/tree-select",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "",
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "",
+  "license": "MIT",
+  "keywords": [
+    "trigger"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "files": [
+    "dist",
+    "package.json"
+  ],
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "dependencies": {
+    "@v-c/util": "^1.0.4",
+    "@v-c/tree": "^0.0.1",
+    "@v-c/select": "^1.0.3"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest",
+    "prepublish": "pnpm build",
+    "patch": "bumpp --release patch",
+    "bump": "bumpp"
+  }
+}