@v-c/cascader 1.0.0 → 1.0.2

package/dist/Cascader.cjs

@@ -1,647 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-const require_context = require("./context.cjs");
-const require_useSearchOptions = require("./hooks/useSearchOptions.cjs");
-const require_commonUtil = require("./utils/commonUtil.cjs");
-const require_treeUtil = require("./utils/treeUtil.cjs");
-const require_useDisplayValues = require("./hooks/useDisplayValues.cjs");
-const require_useMissingValues = require("./hooks/useMissingValues.cjs");
-const require_useOptions = require("./hooks/useOptions.cjs");
-const require_useSearchConfig = require("./hooks/useSearchConfig.cjs");
-const require_useSelect = require("./hooks/useSelect.cjs");
-const require_useValues = require("./hooks/useValues.cjs");
-const require_index = require("./OptionList/index.cjs");
-const require_warningPropsUtil = require("./utils/warningPropsUtil.cjs");
-let vue = require("vue");
-let _v_c_select = require("@v-c/select");
-let _v_c_util = require("@v-c/util");
-let _v_c_util_dist_hooks_useEvent = require("@v-c/util/dist/hooks/useEvent");
-_v_c_util_dist_hooks_useEvent = require_rolldown_runtime.__toESM(_v_c_util_dist_hooks_useEvent);
-let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
-_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
-var cascaderDefaults = {
-	prefixCls: "vc-cascader",
-	expandIcon: ">",
-	showCheckedStrategy: require_commonUtil.SHOW_PARENT,
-	popupMatchSelectWidth: false
-};
-var omitKeyList = [
-	"id",
-	"prefixCls",
-	"fieldNames",
-	"optionRender",
-	"value",
-	"defaultValue",
-	"onChange",
-	"changeOnSelect",
-	"displayRender",
-	"checkable",
-	"showCheckedStrategy",
-	"showSearch",
-	"searchValue",
-	"onSearch",
-	"autoClearSearchValue",
-	"expandTrigger",
-	"options",
-	"popupPrefixCls",
-	"loadData",
-	"popupMenuColumnStyle",
-	"popupClassName",
-	"popupStyle",
-	"open",
-	"placement",
-	"builtinPlacements",
-	"onPopupVisibleChange",
-	"popupMatchSelectWidth",
-	"expandIcon",
-	"loadingIcon",
-	"classNames",
-	"styles"
-];
-var Cascader = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots, expose }) => {
-	const baseSelectRef = (0, vue.shallowRef)(null);
-	expose({
-		focus: (options) => baseSelectRef.value?.focus(options),
-		blur: () => baseSelectRef.value?.blur(),
-		nativeElement: (0, vue.computed)(() => baseSelectRef.value?.nativeElement)
-	});
-	const mergedId = (0, _v_c_util.useId)(props.id);
-	const multiple = (0, vue.computed)(() => !!props.checkable);
-	const internalRawValues = (0, vue.shallowRef)(props?.value ?? props?.defaultValue);
-	(0, vue.watch)(() => props.value, () => {
-		internalRawValues.value = props?.value;
-	});
-	const setRawValues = (values) => {
-		internalRawValues.value = values;
-	};
-	const rawValues = (0, vue.computed)(() => require_commonUtil.toRawValues(internalRawValues.value));
-	const mergedFieldNames = (0, vue.computed)(() => require_commonUtil.fillFieldNames(props.fieldNames));
-	const [mergedOptions, getPathKeyEntities, getValueByKeyPath] = require_useOptions.default(mergedFieldNames, (0, vue.computed)(() => props.options));
-	const [mergedShowSearch, searchConfig] = require_useSearchConfig.default((0, vue.computed)(() => props.showSearch), (0, vue.computed)(() => ({
-		autoClearSearchValue: props.autoClearSearchValue,
-		searchValue: props.searchValue,
-		onSearch: props.onSearch
-	})));
-	const mergedAutoClearSearchValue = (0, vue.computed)(() => searchConfig.value.autoClearSearchValue !== false);
-	const mergedShowCheckedStrategy = (0, vue.computed)(() => props.showCheckedStrategy ?? cascaderDefaults.showCheckedStrategy);
-	const [internalSearchValue, setSearchValue] = (0, _v_c_util.useMergedState)("", { value: (0, vue.computed)(() => searchConfig.value.searchValue) });
-	const mergedSearchValue = (0, vue.computed)(() => internalSearchValue.value || "");
-	const onInternalSearch = (searchText, info) => {
-		setSearchValue(searchText);
-		if (info.source !== "blur") searchConfig.value.onSearch?.(searchText);
-	};
-	const searchOptions = require_useSearchOptions.default(mergedSearchValue, mergedOptions, mergedFieldNames, (0, vue.computed)(() => props.popupPrefixCls || props.prefixCls || cascaderDefaults.prefixCls), searchConfig, (0, vue.computed)(() => !!props.changeOnSelect || multiple.value));
-	const valuesInfo = require_useValues.default(multiple, rawValues, getPathKeyEntities, getValueByKeyPath, require_useMissingValues.default(mergedOptions, mergedFieldNames));
-	const checkedValues = (0, vue.computed)(() => valuesInfo.value[0]);
-	const halfCheckedValues = (0, vue.computed)(() => valuesInfo.value[1]);
-	const missingCheckedValues = (0, vue.computed)(() => valuesInfo.value[2]);
-	const displayValues = require_useDisplayValues.default((0, vue.computed)(() => {
-		const deduplicateKeys = require_treeUtil.formatStrategyValues(require_commonUtil.toPathKeys(checkedValues.value), getPathKeyEntities, mergedShowCheckedStrategy.value);
-		return [...missingCheckedValues.value, ...getValueByKeyPath(deduplicateKeys)];
-	}), mergedOptions, mergedFieldNames, multiple, (0, vue.computed)(() => props.displayRender));
-	const triggerChange = (0, _v_c_util_dist_hooks_useEvent.default)((nextValues) => {
-		setRawValues(nextValues);
-		if (props.onChange) {
-			const nextRawValues = require_commonUtil.toRawValues(nextValues);
-			const valueOptions = nextRawValues.map((valueCells) => require_treeUtil.toPathOptions(valueCells, mergedOptions.value, mergedFieldNames.value).map((valueOpt) => valueOpt.option));
-			const triggerValues = multiple.value ? nextRawValues : nextRawValues[0];
-			const triggerOptions = multiple.value ? valueOptions : valueOptions[0];
-			props.onChange(triggerValues, triggerOptions);
-		}
-	});
-	const handleSelection = require_useSelect.default(multiple, triggerChange, checkedValues, halfCheckedValues, missingCheckedValues, getPathKeyEntities, getValueByKeyPath, mergedShowCheckedStrategy);
-	const onInternalSelect = (0, _v_c_util_dist_hooks_useEvent.default)((valuePath) => {
-		if (!multiple.value || mergedAutoClearSearchValue.value) setSearchValue("");
-		handleSelection(valuePath);
-	});
-	const onDisplayValuesChange = (_, info) => {
-		if (info.type === "clear") {
-			triggerChange([]);
-			return;
-		}
-		const { valueCells } = info.values[0];
-		onInternalSelect(valueCells);
-	};
-	const onInternalPopupVisibleChange = (nextVisible) => {
-		props.onPopupVisibleChange?.(nextVisible);
-	};
-	if (process.env.NODE_ENV !== "production") require_warningPropsUtil.warningNullOptions(mergedOptions.value, mergedFieldNames.value);
-	require_context.useCascaderProvider((0, vue.computed)(() => ({
-		classNames: props.classNames,
-		styles: props.styles,
-		options: mergedOptions.value,
-		fieldNames: mergedFieldNames.value,
-		values: checkedValues.value,
-		halfValues: halfCheckedValues.value,
-		changeOnSelect: props.changeOnSelect,
-		onSelect: onInternalSelect,
-		checkable: props.checkable,
-		searchOptions: searchOptions.value,
-		popupPrefixCls: props.popupPrefixCls,
-		loadData: props.loadData,
-		expandTrigger: props.expandTrigger,
-		expandIcon: props.expandIcon !== void 0 ? props.expandIcon : cascaderDefaults.expandIcon,
-		loadingIcon: props.loadingIcon,
-		popupMenuColumnStyle: props.popupMenuColumnStyle,
-		optionRender: props.optionRender
-	})));
-	const emptyOptions = (0, vue.computed)(() => {
-		return !(mergedSearchValue.value ? searchOptions.value : mergedOptions.value).length;
-	});
-	const popupStyle = (0, vue.computed)(() => mergedSearchValue.value && searchConfig.value.matchInputWidth || emptyOptions.value ? {} : { minWidth: "auto" });
-	return () => {
-		const restProps = (0, _v_c_util_dist_omit.default)(props, omitKeyList);
-		const rawInputElement = slots.default ? () => slots.default?.()[0] : void 0;
-		return (0, vue.createVNode)(_v_c_select.BaseSelect, (0, vue.mergeProps)(attrs, restProps, {
-			"ref": (el) => {
-				baseSelectRef.value = el;
-			},
-			"id": mergedId,
-			"prefixCls": props.prefixCls ?? cascaderDefaults.prefixCls,
-			"autoClearSearchValue": mergedAutoClearSearchValue.value,
-			"popupMatchSelectWidth": props.popupMatchSelectWidth ?? cascaderDefaults.popupMatchSelectWidth,
-			"classNames": props.classNames,
-			"styles": props.styles,
-			"popupStyle": {
-				...popupStyle.value,
-				...props.popupStyle
-			},
-			"displayValues": displayValues.value,
-			"onDisplayValuesChange": onDisplayValuesChange,
-			"mode": multiple.value ? "multiple" : void 0,
-			"searchValue": mergedSearchValue.value,
-			"onSearch": onInternalSearch,
-			"showSearch": mergedShowSearch.value,
-			"OptionList": require_index.default,
-			"emptyOptions": emptyOptions.value,
-			"open": props.open,
-			"popupClassName": props.popupClassName,
-			"placement": props.placement,
-			"builtinPlacements": props.builtinPlacements,
-			"onPopupVisibleChange": onInternalPopupVisibleChange,
-			"getRawInputElement": rawInputElement
-		}), null);
-	};
-}, { props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-	styles: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	classNames: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	checkable: {
-		required: false,
-		default: void 0
-	},
-	value: {
-		required: false,
-		default: void 0
-	},
-	defaultValue: {
-		required: false,
-		default: void 0
-	},
-	onChange: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	id: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	prefixCls: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	fieldNames: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	optionRender: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	changeOnSelect: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	displayRender: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	showCheckedStrategy: {
-		required: false,
-		default: void 0
-	},
-	autoClearSearchValue: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	showSearch: {
-		type: [Boolean, Object],
-		required: false,
-		default: void 0
-	},
-	searchValue: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	onSearch: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	expandTrigger: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	options: {
-		type: Array,
-		required: false,
-		default: void 0
-	},
-	popupPrefixCls: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	loadData: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	popupClassName: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	popupMenuColumnStyle: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	placement: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	builtinPlacements: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	onPopupVisibleChange: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	expandIcon: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	loadingIcon: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	className: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	style: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	tagRender: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	direction: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	autoFocus: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	placeholder: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	maxCount: {
-		type: Number,
-		required: false,
-		default: void 0
-	},
-	title: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	tabIndex: {
-		type: Number,
-		required: false,
-		default: void 0
-	},
-	notFoundContent: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	onClear: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	maxLength: {
-		type: Number,
-		required: false,
-		default: void 0
-	},
-	showScrollBar: {
-		type: [Boolean, String],
-		required: false,
-		default: void 0
-	},
-	choiceTransitionName: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	disabled: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	loading: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	open: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	defaultOpen: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	getInputElement: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	getRawInputElement: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	maxTagTextLength: {
-		type: Number,
-		required: false,
-		default: void 0
-	},
-	maxTagCount: {
-		type: [Number, String],
-		required: false,
-		default: void 0
-	},
-	maxTagPlaceholder: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	allowClear: {
-		type: [Boolean, Object],
-		required: false,
-		default: void 0
-	},
-	prefix: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	suffixIcon: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	suffix: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	clearIcon: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	removeIcon: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	animation: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	transitionName: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	popupStyle: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	popupMatchSelectWidth: {
-		type: [Boolean, Number],
-		required: false,
-		default: void 0
-	},
-	popupRender: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	popupAlign: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	getPopupContainer: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	showAction: {
-		type: Array,
-		required: false,
-		default: void 0
-	},
-	onBlur: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onFocus: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onKeyUp: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onKeyDown: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onMouseDown: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onPopupScroll: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onInputKeyDown: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onMouseEnter: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onMouseLeave: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	onClick: {
-		type: Function,
-		required: false,
-		default: void 0
-	},
-	components: {
-		type: Object,
-		required: false,
-		default: void 0
-	}
-}, cascaderDefaults) });
-var Cascader_default = Cascader;
-exports.default = Cascader_default;

package/dist/OptionList/CacheContent.cjs

@@ -1,38 +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 CacheContent = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	const cached = (0, vue.shallowRef)(null);
-	return () => {
-		if (props.open || cached.value === null) cached.value = slots.default?.() ?? [];
-		return cached.value;
-	};
-}, {
-	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		children: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		}
-	}, { open: false }),
-	inheritAttrs: false,
-	name: "CacheContent"
-});
-var CacheContent_default = CacheContent;
-exports.default = CacheContent_default;

package/dist/OptionList/CacheContent.d.ts

@@ -1,7 +0,0 @@
-import { VueNode } from '../../../util/src';
-export interface CacheContentProps {
-    open?: boolean;
-    children?: VueNode;
-}
-declare const CacheContent: import('vue').DefineSetupFnComponent<CacheContentProps, {}, {}, CacheContentProps & {}, import('vue').PublicProps>;
-export default CacheContent;

package/dist/OptionList/CacheContent.js

@@ -1,32 +0,0 @@
-import { defineComponent, mergeDefaults, shallowRef } from "vue";
-var CacheContent_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
-	const cached = shallowRef(null);
-	return () => {
-		if (props.open || cached.value === null) cached.value = slots.default?.() ?? [];
-		return cached.value;
-	};
-}, {
-	props: /* @__PURE__ */ mergeDefaults({
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		children: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		}
-	}, { open: false }),
-	inheritAttrs: false,
-	name: "CacheContent"
-});
-export { CacheContent_default as default };