@v-c/select 0.0.1

package/dist/index.cjs

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_OptGroup = require("./OptGroup.cjs");
+const require_Option = require("./Option.cjs");
+const require_SelectContext = require("./SelectContext.cjs");
+const require_OptionList = require("./OptionList.cjs");
+const require_index = require("./BaseSelect/index.cjs");
+const require_Select = require("./Select.cjs");
+var src_default = require_Select.default;
+exports.BaseSelect = require_index.BaseSelect;
+exports.OptGroup = require_OptGroup.default;
+exports.Option = require_Option.default;
+exports.OptionList = require_OptionList.default;
+exports.Select = require_Select.default;
+exports.default = src_default;
+exports.useSelectContext = require_SelectContext.useSelectContext;
+exports.useSelectProvider = require_SelectContext.useSelectProvider;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { BaseSelectProps, BaseSelectRef, CustomTagProps, RefOptionListProps, BaseSelect } from './BaseSelect';
+import { DisplayInfoType, DisplayValueType, FlattenOptionData, Mode, Placement, RawValueType, RenderNode } from './interface';
+import { BaseOptionType, DefaultOptionType, DraftValueType, FieldNames, FilterFunc, LabelInValueType, OnActiveValue, OnInternalSelect, SearchConfig, SelectHandler, SelectProps, default as Select } from './Select';
+import { default as OptGroup } from './OptGroup';
+import { default as Option } from './Option';
+import { default as OptionList } from './OptionList';
+import { useSelectContext, useSelectProvider } from './SelectContext';
+export { BaseSelect, OptGroup, Option, OptionList, Select, useSelectContext, useSelectProvider, };
+export type { BaseOptionType, BaseSelectProps, BaseSelectRef, CustomTagProps, DefaultOptionType, DisplayInfoType, DisplayValueType, DraftValueType, FieldNames, FilterFunc, FlattenOptionData, LabelInValueType, Mode, OnActiveValue, OnInternalSelect, Placement, RawValueType, RefOptionListProps, RenderNode, SearchConfig, SelectHandler, SelectProps, };
+export default Select;

package/dist/index.js

@@ -0,0 +1,8 @@
+import OptGroup_default from "./OptGroup.js";
+import Option_default from "./Option.js";
+import { useSelectContext, useSelectProvider } from "./SelectContext.js";
+import OptionList_default from "./OptionList.js";
+import { BaseSelect } from "./BaseSelect/index.js";
+import Select_default from "./Select.js";
+var src_default = Select_default;
+export { BaseSelect, OptGroup_default as OptGroup, Option_default as Option, OptionList_default as OptionList, Select_default as Select, src_default as default, useSelectContext, useSelectProvider };

package/dist/interface.d.ts

@@ -0,0 +1,23 @@
+import { Key, VueNode } from '@v-c/util/dist/type';
+export type RawValueType = string | number;
+export interface FlattenOptionData<OptionType = any> {
+    label?: VueNode;
+    data: OptionType;
+    key: Key;
+    value?: RawValueType;
+    groupOption?: boolean;
+    group?: boolean;
+}
+export interface DisplayValueType {
+    key?: Key;
+    value?: RawValueType;
+    label?: VueNode;
+    title?: VueNode;
+    disabled?: boolean;
+    index?: number;
+}
+export type RenderNode = VueNode | ((props: any) => VueNode);
+export type RenderDOMFunc = (props: any) => HTMLElement;
+export type Mode = 'multiple' | 'tags' | 'combobox';
+export type Placement = 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+export type DisplayInfoType = 'add' | 'remove' | 'clear';

package/dist/utils/commonUtil.cjs

@@ -0,0 +1,37 @@
+function toArray(value) {
+	if (value === null || value === void 0) return [];
+	return Array.isArray(value) ? value : [value];
+}
+function isTitleType(title) {
+	return ["string", "number"].includes(typeof title);
+}
+function injectPropsWithOption(option) {
+	return { ...option };
+}
+function toVueNode(value) {
+	return toArray(value);
+}
+function getTitle(item) {
+	let title;
+	if (item) {
+		if (isTitleType(item.title)) title = item.title.toString();
+		else if (isTitleType(item.label)) title = item.label.toString();
+	}
+	return title;
+}
+const isClient = typeof window !== "undefined" && window.document && window.document.documentElement;
+const isBrowserClient = typeof process !== "undefined" && process.env.NODE_ENV !== "test" && isClient;
+function hasValue(value) {
+	return value !== void 0 && value !== null;
+}
+function isComboNoValue(value) {
+	return !value && value !== 0;
+}
+exports.getTitle = getTitle;
+exports.hasValue = hasValue;
+exports.injectPropsWithOption = injectPropsWithOption;
+exports.isBrowserClient = isBrowserClient;
+exports.isClient = isClient;
+exports.isComboNoValue = isComboNoValue;
+exports.toArray = toArray;
+exports.toVueNode = toVueNode;

package/dist/utils/commonUtil.d.ts

@@ -0,0 +1,12 @@
+import { VueNode } from '@v-c/util/dist/type';
+import { DisplayValueType } from '../interface';
+export declare function toArray<T>(value: T | T[] | null | undefined): T[];
+export declare function injectPropsWithOption(option: any): any;
+export declare function toVueNode(value: VueNode | VueNode[]): VueNode[];
+export declare function getTitle(item: DisplayValueType): string | undefined;
+export declare const isClient: false | HTMLElement;
+/** Is client side and not jsdom */
+export declare const isBrowserClient: false | HTMLElement;
+export declare function hasValue(value: any): boolean;
+/** combo mode no value judgment function */
+export declare function isComboNoValue(value: any): boolean;

package/dist/utils/commonUtil.js

@@ -0,0 +1,30 @@
+function toArray(value) {
+	if (value === null || value === void 0) return [];
+	return Array.isArray(value) ? value : [value];
+}
+function isTitleType(title) {
+	return ["string", "number"].includes(typeof title);
+}
+function injectPropsWithOption(option) {
+	return { ...option };
+}
+function toVueNode(value) {
+	return toArray(value);
+}
+function getTitle(item) {
+	let title;
+	if (item) {
+		if (isTitleType(item.title)) title = item.title.toString();
+		else if (isTitleType(item.label)) title = item.label.toString();
+	}
+	return title;
+}
+const isClient = typeof window !== "undefined" && window.document && window.document.documentElement;
+const isBrowserClient = typeof process !== "undefined" && process.env.NODE_ENV !== "test" && isClient;
+function hasValue(value) {
+	return value !== void 0 && value !== null;
+}
+function isComboNoValue(value) {
+	return !value && value !== 0;
+}
+export { getTitle, hasValue, injectPropsWithOption, isBrowserClient, isClient, isComboNoValue, toArray, toVueNode };

package/dist/utils/keyUtil.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+__v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
+function isValidateOpenKey(currentKeyCode) {
+	return !!currentKeyCode && ![
+		__v_c_util_dist_KeyCode.default.ESC,
+		__v_c_util_dist_KeyCode.default.SHIFT,
+		__v_c_util_dist_KeyCode.default.BACKSPACE,
+		__v_c_util_dist_KeyCode.default.TAB,
+		__v_c_util_dist_KeyCode.default.WIN_KEY,
+		__v_c_util_dist_KeyCode.default.ALT,
+		__v_c_util_dist_KeyCode.default.META,
+		__v_c_util_dist_KeyCode.default.WIN_KEY_RIGHT,
+		__v_c_util_dist_KeyCode.default.CTRL,
+		__v_c_util_dist_KeyCode.default.SEMICOLON,
+		__v_c_util_dist_KeyCode.default.EQUALS,
+		__v_c_util_dist_KeyCode.default.CAPS_LOCK,
+		__v_c_util_dist_KeyCode.default.CONTEXT_MENU,
+		__v_c_util_dist_KeyCode.default.UP,
+		__v_c_util_dist_KeyCode.default.LEFT,
+		__v_c_util_dist_KeyCode.default.RIGHT,
+		__v_c_util_dist_KeyCode.default.F1,
+		__v_c_util_dist_KeyCode.default.F2,
+		__v_c_util_dist_KeyCode.default.F3,
+		__v_c_util_dist_KeyCode.default.F4,
+		__v_c_util_dist_KeyCode.default.F5,
+		__v_c_util_dist_KeyCode.default.F6,
+		__v_c_util_dist_KeyCode.default.F7,
+		__v_c_util_dist_KeyCode.default.F8,
+		__v_c_util_dist_KeyCode.default.F9,
+		__v_c_util_dist_KeyCode.default.F10,
+		__v_c_util_dist_KeyCode.default.F11,
+		__v_c_util_dist_KeyCode.default.F12
+	].includes(currentKeyCode);
+}
+exports.isValidateOpenKey = isValidateOpenKey;

package/dist/utils/keyUtil.d.ts

@@ -0,0 +1,2 @@
+/** keyCode Judgment function */
+export declare function isValidateOpenKey(currentKeyCode: number): boolean;

package/dist/utils/keyUtil.js

@@ -0,0 +1,34 @@
+import KeyCode from "@v-c/util/dist/KeyCode";
+function isValidateOpenKey(currentKeyCode) {
+	return !!currentKeyCode && ![
+		KeyCode.ESC,
+		KeyCode.SHIFT,
+		KeyCode.BACKSPACE,
+		KeyCode.TAB,
+		KeyCode.WIN_KEY,
+		KeyCode.ALT,
+		KeyCode.META,
+		KeyCode.WIN_KEY_RIGHT,
+		KeyCode.CTRL,
+		KeyCode.SEMICOLON,
+		KeyCode.EQUALS,
+		KeyCode.CAPS_LOCK,
+		KeyCode.CONTEXT_MENU,
+		KeyCode.UP,
+		KeyCode.LEFT,
+		KeyCode.RIGHT,
+		KeyCode.F1,
+		KeyCode.F2,
+		KeyCode.F3,
+		KeyCode.F4,
+		KeyCode.F5,
+		KeyCode.F6,
+		KeyCode.F7,
+		KeyCode.F8,
+		KeyCode.F9,
+		KeyCode.F10,
+		KeyCode.F11,
+		KeyCode.F12
+	].includes(currentKeyCode);
+}
+export { isValidateOpenKey };

package/dist/utils/legacyUtil.cjs

@@ -0,0 +1,32 @@
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+function convertNodeToOption(node) {
+	const { key, props, children } = node;
+	const { value, label,...restProps } = props || {};
+	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;
+	const finalLabel = label ?? restProps.children ?? finalChildren;
+	return {
+		key,
+		value: value !== void 0 ? value : key,
+		label: finalLabel,
+		...restProps
+	};
+}
+function convertChildrenToData(nodes, optionOnly = false) {
+	return nodes.map((node, index) => {
+		if (!(0, vue.isVNode)(node) || !node.type) return null;
+		const { type, key, props } = node;
+		const isSelectOptGroup = type?.isSelectOptGroup;
+		if (optionOnly || !isSelectOptGroup) return convertNodeToOption(node);
+		const { children,...restProps } = props || {};
+		return {
+			key: `__VC_SELECT_GRP__${key === null ? index : String(key)}__`,
+			label: key,
+			...restProps,
+			options: convertChildrenToData(children || [])
+		};
+	}).filter((data) => data !== null);
+}
+exports.convertChildrenToData = convertChildrenToData;

package/dist/utils/legacyUtil.d.ts

@@ -0,0 +1,3 @@
+import { VNode } from 'vue';
+import { BaseOptionType, DefaultOptionType } from '../Select';
+export declare function convertChildrenToData<OptionType extends BaseOptionType = DefaultOptionType>(nodes: VNode[], optionOnly?: boolean): OptionType[];

package/dist/utils/legacyUtil.js

@@ -0,0 +1,31 @@
+import { isVNode } from "vue";
+function convertNodeToOption(node) {
+	const { key, props, children } = node;
+	const { value, label,...restProps } = props || {};
+	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;
+	const finalLabel = label ?? restProps.children ?? finalChildren;
+	return {
+		key,
+		value: value !== void 0 ? value : key,
+		label: finalLabel,
+		...restProps
+	};
+}
+function convertChildrenToData(nodes, optionOnly = false) {
+	return nodes.map((node, index) => {
+		if (!isVNode(node) || !node.type) return null;
+		const { type, key, props } = node;
+		const isSelectOptGroup = type?.isSelectOptGroup;
+		if (optionOnly || !isSelectOptGroup) return convertNodeToOption(node);
+		const { children,...restProps } = props || {};
+		return {
+			key: `__VC_SELECT_GRP__${key === null ? index : String(key)}__`,
+			label: key,
+			...restProps,
+			options: convertChildrenToData(children || [])
+		};
+	}).filter((data) => data !== null);
+}
+export { convertChildrenToData };

package/dist/utils/platformUtil.cjs

@@ -0,0 +1,5 @@
+/* istanbul ignore file */
+function isPlatformMac() {
+	return /(mac\sos|macintosh)/i.test(navigator.appVersion);
+}
+exports.isPlatformMac = isPlatformMac;

package/dist/utils/platformUtil.d.ts

@@ -0,0 +1 @@
+export declare function isPlatformMac(): boolean;

package/dist/utils/platformUtil.js

@@ -0,0 +1,5 @@
+/* istanbul ignore file */
+function isPlatformMac() {
+	return /(mac\sos|macintosh)/i.test(navigator.appVersion);
+}
+export { isPlatformMac };

package/dist/utils/valueUtil.cjs

@@ -0,0 +1,79 @@
+function getKey(data, index) {
+	const { key } = data;
+	let value;
+	if ("value" in data) value = data.value;
+	if (key !== null && key !== void 0) return key;
+	if (value !== void 0) return value;
+	return `vc-index-key-${index}`;
+}
+function isValidCount(value) {
+	return typeof value !== "undefined" && !Number.isNaN(value);
+}
+function fillFieldNames(fieldNames, childrenAsData) {
+	const { label, value, options, groupLabel } = fieldNames || {};
+	const mergedLabel = label || (childrenAsData ? "children" : "label");
+	return {
+		label: mergedLabel,
+		value: value || "value",
+		options: options || "options",
+		groupLabel: groupLabel || mergedLabel
+	};
+}
+function flattenOptions(options, { fieldNames, childrenAsData } = {}) {
+	const flattenList = [];
+	const { label: fieldLabel, value: fieldValue, options: fieldOptions, groupLabel } = fillFieldNames(fieldNames, false);
+	function dig(list, isGroupOption) {
+		if (!Array.isArray(list)) return;
+		list.forEach((data) => {
+			if (isGroupOption || !(fieldOptions in data)) {
+				const value = data[fieldValue];
+				flattenList.push({
+					key: getKey(data, flattenList.length),
+					groupOption: isGroupOption,
+					data,
+					label: data[fieldLabel],
+					value
+				});
+			} else {
+				let grpLabel = data[groupLabel];
+				if (grpLabel === void 0 && childrenAsData) grpLabel = data.label;
+				flattenList.push({
+					key: getKey(data, flattenList.length),
+					group: true,
+					data,
+					label: grpLabel
+				});
+				dig(data[fieldOptions], true);
+			}
+		});
+	}
+	dig(options, false);
+	return flattenList;
+}
+function injectPropsWithOption(option) {
+	if (!option) return option;
+	const newOption = { ...option };
+	if (!("props" in newOption)) Object.defineProperty(newOption, "props", { get() {
+		console.warn("Return type is option instead of Option instance. Please read value directly instead of reading from `props`.");
+		return newOption;
+	} });
+	return newOption;
+}
+function getSeparatedContent(text, tokens, end) {
+	if (!tokens || !tokens.length) return null;
+	let match = false;
+	const separate = (str, [token, ...restTokens]) => {
+		if (!token) return [str];
+		const list$1 = str.split(token);
+		match = match || list$1.length > 1;
+		return list$1.reduce((prevList, unitStr) => [...prevList, ...separate(unitStr, restTokens)], []).filter(Boolean);
+	};
+	const list = separate(text, tokens);
+	if (match) return typeof end !== "undefined" ? list.slice(0, end) : list;
+	else return null;
+}
+exports.fillFieldNames = fillFieldNames;
+exports.flattenOptions = flattenOptions;
+exports.getSeparatedContent = getSeparatedContent;
+exports.injectPropsWithOption = injectPropsWithOption;
+exports.isValidCount = isValidCount;

package/dist/utils/valueUtil.d.ts

@@ -0,0 +1,18 @@
+import { FlattenOptionData } from '../interface';
+import { BaseOptionType, DefaultOptionType, FieldNames } from '../Select';
+export declare function isValidCount(value?: number): boolean;
+export declare function fillFieldNames(fieldNames: FieldNames | undefined, childrenAsData: boolean): Required<FieldNames>;
+/**
+ * Flat options into flatten list.
+ * We use `optionOnly` here is aim to avoid user use nested option group.
+ * Here is simply set `key` to the index if not provided.
+ */
+export declare function flattenOptions<OptionType extends BaseOptionType = DefaultOptionType>(options: OptionType[], { fieldNames, childrenAsData }?: {
+    fieldNames?: FieldNames;
+    childrenAsData?: boolean;
+}): FlattenOptionData<OptionType>[];
+/**
+ * Inject `props` into `option` for legacy usage
+ */
+export declare function injectPropsWithOption<T extends object>(option: T | undefined): T | undefined;
+export declare function getSeparatedContent(text: string, tokens: string[], end?: number): string[] | null;

package/dist/utils/valueUtil.js

@@ -0,0 +1,75 @@
+function getKey(data, index) {
+	const { key } = data;
+	let value;
+	if ("value" in data) value = data.value;
+	if (key !== null && key !== void 0) return key;
+	if (value !== void 0) return value;
+	return `vc-index-key-${index}`;
+}
+function isValidCount(value) {
+	return typeof value !== "undefined" && !Number.isNaN(value);
+}
+function fillFieldNames(fieldNames, childrenAsData) {
+	const { label, value, options, groupLabel } = fieldNames || {};
+	const mergedLabel = label || (childrenAsData ? "children" : "label");
+	return {
+		label: mergedLabel,
+		value: value || "value",
+		options: options || "options",
+		groupLabel: groupLabel || mergedLabel
+	};
+}
+function flattenOptions(options, { fieldNames, childrenAsData } = {}) {
+	const flattenList = [];
+	const { label: fieldLabel, value: fieldValue, options: fieldOptions, groupLabel } = fillFieldNames(fieldNames, false);
+	function dig(list, isGroupOption) {
+		if (!Array.isArray(list)) return;
+		list.forEach((data) => {
+			if (isGroupOption || !(fieldOptions in data)) {
+				const value = data[fieldValue];
+				flattenList.push({
+					key: getKey(data, flattenList.length),
+					groupOption: isGroupOption,
+					data,
+					label: data[fieldLabel],
+					value
+				});
+			} else {
+				let grpLabel = data[groupLabel];
+				if (grpLabel === void 0 && childrenAsData) grpLabel = data.label;
+				flattenList.push({
+					key: getKey(data, flattenList.length),
+					group: true,
+					data,
+					label: grpLabel
+				});
+				dig(data[fieldOptions], true);
+			}
+		});
+	}
+	dig(options, false);
+	return flattenList;
+}
+function injectPropsWithOption(option) {
+	if (!option) return option;
+	const newOption = { ...option };
+	if (!("props" in newOption)) Object.defineProperty(newOption, "props", { get() {
+		console.warn("Return type is option instead of Option instance. Please read value directly instead of reading from `props`.");
+		return newOption;
+	} });
+	return newOption;
+}
+function getSeparatedContent(text, tokens, end) {
+	if (!tokens || !tokens.length) return null;
+	let match = false;
+	const separate = (str, [token, ...restTokens]) => {
+		if (!token) return [str];
+		const list$1 = str.split(token);
+		match = match || list$1.length > 1;
+		return list$1.reduce((prevList, unitStr) => [...prevList, ...separate(unitStr, restTokens)], []).filter(Boolean);
+	};
+	const list = separate(text, tokens);
+	if (match) return typeof end !== "undefined" ? list.slice(0, end) : list;
+	else return null;
+}
+export { fillFieldNames, flattenOptions, getSeparatedContent, injectPropsWithOption, isValidCount };

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@v-c/select",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "",
+  "author": "",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "slider"
+  ],
+  "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/trigger": "^1.0.1",
+    "@v-c/overflow": "^1.0.0",
+    "@v-c/virtual-list": "^1.0.0",
+    "@v-c/util": "^1.0.1"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "prepublish": "pnpm build",
+    "bump": "bumpp --release patch"
+  }
+}