@v-c/cascader 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 antdv-community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Cascader.cjs

@@ -0,0 +1,647 @@
+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;