@sdata/web-vue 1.3.0 → 1.4.1

package/lib/cascader/cascader.vue_vue_type_script_lang.js

@@ -1,455 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_use_form_item = require("../_hooks/use-form-item.js");
-const require_objectSpread2 = require("../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js");
-const require_is = require("../_utils/is.js");
-const require_keyboard = require("../_utils/keyboard.js");
-const require_index = require("../trigger/index.js");
-const require_select_view = require("../_components/select-view/select-view.js");
-const require_debounce = require("../_utils/debounce.js");
-const require_context = require("./context.js");
-const require_utils = require("./utils.js");
-const require_base_cascader_panel = require("./base-cascader-panel.js");
-const require_use_selected_path = require("./hooks/use-selected-path.js");
-const require_cascader_search_panel = require("./cascader-search-panel.js");
-let vue = require("vue");
-//#region components/cascader/cascader.vue?vue&type=script&lang.ts
-var cascader_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
-	name: "Cascader",
-	components: {
-		Trigger: require_index.default,
-		SelectView: require_select_view.default,
-		BaseCascaderPanel: require_base_cascader_panel.default,
-		CascaderSearchPanel: require_cascader_search_panel.default
-	},
-	inheritAttrs: false,
-	props: {
-		pathMode: {
-			type: Boolean,
-			default: false
-		},
-		multiple: {
-			type: Boolean,
-			default: false
-		},
-		modelValue: { type: [
-			String,
-			Number,
-			Object,
-			Array
-		] },
-		defaultValue: {
-			type: [
-				String,
-				Number,
-				Object,
-				Array
-			],
-			default: (props) => props.multiple ? [] : props.pathMode ? void 0 : ""
-		},
-		options: {
-			type: Array,
-			default: () => []
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		error: {
-			type: Boolean,
-			default: false
-		},
-		size: { type: String },
-		allowSearch: {
-			type: Boolean,
-			default: (props) => Boolean(props.multiple)
-		},
-		allowClear: {
-			type: Boolean,
-			default: false
-		},
-		inputValue: {
-			type: String,
-			default: void 0
-		},
-		defaultInputValue: {
-			type: String,
-			default: ""
-		},
-		popupVisible: {
-			type: Boolean,
-			default: void 0
-		},
-		expandTrigger: {
-			type: String,
-			default: "click"
-		},
-		defaultPopupVisible: {
-			type: Boolean,
-			default: false
-		},
-		placeholder: String,
-		filterOption: { type: Function },
-		popupContainer: { type: [String, Object] },
-		maxTagCount: {
-			type: Number,
-			default: 0
-		},
-		formatLabel: { type: Function },
-		triggerProps: { type: Object },
-		checkStrictly: {
-			type: Boolean,
-			default: false
-		},
-		loadMore: { type: Function },
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		searchOptionOnlyLabel: {
-			type: Boolean,
-			default: false
-		},
-		searchDelay: {
-			type: Number,
-			default: 500
-		},
-		fieldNames: { type: Object },
-		valueKey: {
-			type: String,
-			default: "value"
-		},
-		fallback: {
-			type: [Boolean, Function],
-			default: true
-		},
-		expandChild: {
-			type: Boolean,
-			default: false
-		},
-		virtualListProps: { type: Object },
-		tagNowrap: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: {
-		"update:modelValue": (value) => true,
-		"update:popupVisible": (visible) => true,
-		"change": (value) => true,
-		"inputValueChange": (value) => true,
-		"clear": () => true,
-		"search": (value) => true,
-		"popupVisibleChange": (visible) => true,
-		"focus": (ev) => true,
-		"blur": (ev) => true
-	},
-	setup(props, { emit, slots }) {
-		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple } = (0, vue.toRefs)(props);
-		const _value = (0, vue.ref)(props.defaultValue);
-		const _inputValue = (0, vue.ref)(props.defaultInputValue);
-		const _popupVisible = (0, vue.ref)(props.defaultPopupVisible);
-		const { mergedDisabled, eventHandlers } = require_use_form_item.useFormItem({ disabled });
-		(0, vue.watch)(modelValue, (value) => {
-			if (require_is.isUndefined(value) || require_is.isNull(value)) _value.value = props.multiple ? [] : void 0;
-		});
-		const optionInfos = (0, vue.ref)([]);
-		const totalLevel = (0, vue.ref)(1);
-		const optionMap = (0, vue.reactive)(/* @__PURE__ */ new Map());
-		const leafOptionMap = (0, vue.reactive)(/* @__PURE__ */ new Map());
-		const leafOptionValueMap = (0, vue.reactive)(/* @__PURE__ */ new Map());
-		const leafOptionSet = (0, vue.reactive)(/* @__PURE__ */ new Set());
-		const lazyLoadOptions = (0, vue.reactive)({});
-		const addLazyLoadOptions = (children, key) => {
-			lazyLoadOptions[key] = children;
-		};
-		const DEFAULT_FIELD_NAMES = {
-			value: "value",
-			label: "label",
-			disabled: "disabled",
-			children: "children",
-			tagProps: "tagProps",
-			render: "render",
-			isLeaf: "isLeaf"
-		};
-		(0, vue.watch)([
-			options,
-			lazyLoadOptions,
-			(0, vue.computed)(() => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, DEFAULT_FIELD_NAMES), props.fieldNames))
-		], ([_options, _lazyLoadOptions, _fieldNames]) => {
-			optionMap.clear();
-			leafOptionMap.clear();
-			leafOptionValueMap.clear();
-			leafOptionSet.clear();
-			optionInfos.value = require_utils.getOptionInfos(_options !== null && _options !== void 0 ? _options : [], {
-				enabledLazyLoad: Boolean(props.loadMore),
-				lazyLoadOptions,
-				optionMap,
-				leafOptionSet,
-				leafOptionMap,
-				leafOptionValueMap,
-				totalLevel,
-				checkStrictly,
-				valueKey,
-				fieldNames: _fieldNames
-			});
-		}, {
-			immediate: true,
-			deep: true
-		});
-		const computedValueMap = (0, vue.computed)(() => {
-			var _props$modelValue;
-			const values = require_utils.getValidValues((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value, {
-				multiple: props.multiple,
-				pathMode: props.pathMode
-			});
-			return new Map(values.map((value) => [require_utils.getValueKey(value, {
-				valueKey: props.valueKey,
-				leafOptionValueMap
-			}), value]));
-		});
-		const computedInputValue = (0, vue.computed)(() => {
-			var _props$inputValue;
-			return (_props$inputValue = props.inputValue) !== null && _props$inputValue !== void 0 ? _props$inputValue : _inputValue.value;
-		});
-		const computedPopupVisible = (0, vue.computed)(() => {
-			var _props$popupVisible;
-			return (_props$popupVisible = props.popupVisible) !== null && _props$popupVisible !== void 0 ? _props$popupVisible : _popupVisible.value;
-		});
-		const getFilteredStatus = (label) => {
-			var _computedInputValue$v;
-			return label === null || label === void 0 ? void 0 : label.toLocaleLowerCase().includes((_computedInputValue$v = computedInputValue.value) === null || _computedInputValue$v === void 0 ? void 0 : _computedInputValue$v.toLocaleLowerCase());
-		};
-		const filteredLeafOptions = (0, vue.computed)(() => {
-			return (props.checkStrictly ? Array.from(optionMap.values()) : Array.from(leafOptionSet)).filter((item) => {
-				var _item$path;
-				if (require_is.isFunction(props.filterOption)) return props.filterOption(computedInputValue.value, item.raw);
-				if (props.checkStrictly) return getFilteredStatus(item.label);
-				return (_item$path = item.path) === null || _item$path === void 0 ? void 0 : _item$path.find((leaf) => getFilteredStatus(leaf.label));
-			});
-		});
-		const updateValue = (values) => {
-			var _values$, _eventHandlers$value, _eventHandlers$value$;
-			const value = props.multiple ? values : (_values$ = values[0]) !== null && _values$ !== void 0 ? _values$ : "";
-			if (values.length === 0) {
-				setSelectedPath();
-				setActiveKey();
-			}
-			_value.value = value;
-			emit("update:modelValue", value);
-			emit("change", value);
-			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
-		};
-		(0, vue.watch)([multiple, pathMode], () => {
-			const values = [];
-			computedValueMap.value.forEach((value, key) => {
-				const option = leafOptionMap.get(key);
-				if (option) values.push(pathMode.value ? option.pathValue : option.value);
-			});
-			updateValue(values);
-		});
-		const handlePopupVisibleChange = (visible) => {
-			if (computedPopupVisible.value !== visible) {
-				_popupVisible.value = visible;
-				emit("popupVisibleChange", visible);
-			}
-		};
-		const handleRemove = (key) => {
-			if (props.multiple) {
-				const option = leafOptionMap.get(key);
-				if (option) selectMultiple(option, false);
-				else {
-					const values = [];
-					computedValueMap.value.forEach((value, _key) => {
-						if (_key !== key) values.push(value);
-					});
-					updateValue(values);
-				}
-			}
-		};
-		const selectSingle = (option) => {
-			updateValue([props.pathMode ? option.pathValue : option.value]);
-			handlePopupVisibleChange(false);
-		};
-		const selectMultiple = (option, checked) => {
-			if (checked) {
-				const leafOptionInfos = props.checkStrictly ? [option] : require_utils.getLeafOptionInfos(option);
-				updateValue([...computedValueMap.value.values(), ...leafOptionInfos.filter((item) => !computedValueMap.value.has(item.key)).map((item) => {
-					return props.pathMode ? item.pathValue : item.value;
-				})]);
-			} else {
-				const leafOptionKeys = props.checkStrictly ? [option.key] : require_utils.getLeafOptionKeys(option);
-				const values = [];
-				computedValueMap.value.forEach((value, key) => {
-					if (!leafOptionKeys.includes(key)) values.push(value);
-				});
-				updateValue(values);
-			}
-			handleInputValueChange("", "optionChecked");
-		};
-		const handleClickOption = (option, checked) => {
-			if (props.multiple) selectMultiple(option, checked !== null && checked !== void 0 ? checked : true);
-			else selectSingle(option);
-		};
-		const handleSearch = require_debounce.debounce((value) => {
-			emit("search", value);
-		}, props.searchDelay);
-		const handleInputValueChange = (value, reason) => {
-			if (value !== computedInputValue.value) {
-				if (reason === "manual" && !computedPopupVisible.value) {
-					_popupVisible.value = true;
-					emit("popupVisibleChange", true);
-				}
-				_inputValue.value = value;
-				emit("inputValueChange", value);
-				if (props.allowSearch) handleSearch(value);
-			}
-		};
-		(0, vue.watch)(computedPopupVisible, (value) => {
-			if (value) {
-				if (computedValueMap.value.size > 0) {
-					const keys = Array.from(computedValueMap.value.keys());
-					const lastKey = keys[keys.length - 1];
-					const option = leafOptionMap.get(lastKey);
-					if (option && option.key !== activeKey.value) {
-						setSelectedPath(option.key);
-						setActiveKey(option.key);
-					}
-				}
-			} else {
-				if (computedValueMap.value.size === 0) {
-					setSelectedPath();
-					setActiveKey();
-				}
-				handleInputValueChange("", "optionListHide");
-			}
-		});
-		const handleClear = (e) => {
-			e.stopPropagation();
-			if (props.multiple) {
-				const newValues = [];
-				computedValueMap.value.forEach((value, key) => {
-					const option = leafOptionMap.get(key);
-					if (option === null || option === void 0 ? void 0 : option.disabled) newValues.push(props.pathMode ? option.pathValue : option.value);
-				});
-				updateValue(newValues);
-			} else updateValue([]);
-			handleInputValueChange("", "manual");
-			emit("clear");
-		};
-		const showSearchPanel = (0, vue.computed)(() => props.allowSearch && computedInputValue.value.length > 0);
-		const handleFocus = (e) => {
-			emit("focus", e);
-		};
-		const handleBlur = (e) => {
-			emit("blur", e);
-		};
-		const { activeKey, activeOption, selectedPath, displayColumns, setActiveKey, setSelectedPath, getNextActiveNode } = require_use_selected_path.useSelectedPath(optionInfos, {
-			optionMap,
-			filteredLeafOptions,
-			showSearchPanel,
-			expandChild
-		});
-		(0, vue.provide)(require_context.cascaderInjectionKey, (0, vue.reactive)({
-			onClickOption: handleClickOption,
-			setActiveKey,
-			setSelectedPath,
-			loadMore,
-			expandTrigger,
-			addLazyLoadOptions,
-			formatLabel,
-			slots,
-			valueMap: computedValueMap
-		}));
-		const handleKeyDown = require_keyboard.getKeyDownHandler(new Map([
-			[require_keyboard.KEYBOARD_KEY.ENTER, (ev) => {
-				if (computedPopupVisible.value) {
-					if (activeOption.value) {
-						let checked;
-						if (props.checkStrictly || activeOption.value.isLeaf) checked = !computedValueMap.value.has(activeOption.value.key);
-						else checked = !require_utils.getCheckedStatus(activeOption.value, computedValueMap.value).checked;
-						setSelectedPath(activeOption.value.key);
-						handleClickOption(activeOption.value, checked);
-					}
-				} else handlePopupVisibleChange(true);
-			}],
-			[require_keyboard.KEYBOARD_KEY.ESC, (ev) => {
-				handlePopupVisibleChange(false);
-			}],
-			[require_keyboard.KEYBOARD_KEY.ARROW_DOWN, (ev) => {
-				ev.preventDefault();
-				const activeNode = getNextActiveNode("next");
-				setActiveKey(activeNode === null || activeNode === void 0 ? void 0 : activeNode.key);
-			}],
-			[require_keyboard.KEYBOARD_KEY.ARROW_UP, (ev) => {
-				ev.preventDefault();
-				const activeNode = getNextActiveNode("preview");
-				setActiveKey(activeNode === null || activeNode === void 0 ? void 0 : activeNode.key);
-			}],
-			[require_keyboard.KEYBOARD_KEY.ARROW_RIGHT, (ev) => {
-				if (!showSearchPanel.value) {
-					var _activeOption$value;
-					ev.preventDefault();
-					if ((_activeOption$value = activeOption.value) === null || _activeOption$value === void 0 ? void 0 : _activeOption$value.children) {
-						var _activeOption$value$c;
-						setSelectedPath(activeOption.value.key);
-						setActiveKey((_activeOption$value$c = activeOption.value.children[0]) === null || _activeOption$value$c === void 0 ? void 0 : _activeOption$value$c.key);
-					}
-				}
-			}],
-			[require_keyboard.KEYBOARD_KEY.ARROW_LEFT, (ev) => {
-				if (!showSearchPanel.value) {
-					var _activeOption$value2;
-					ev.preventDefault();
-					if ((_activeOption$value2 = activeOption.value) === null || _activeOption$value2 === void 0 ? void 0 : _activeOption$value2.parent) {
-						setSelectedPath(activeOption.value.parent.key);
-						setActiveKey(activeOption.value.parent.key);
-					}
-				}
-			}]
-		]));
-		return {
-			optionInfos,
-			filteredLeafOptions,
-			selectedPath,
-			activeKey,
-			displayColumns,
-			computedInputValue,
-			computedPopupVisible,
-			handleClear,
-			selectViewValue: (0, vue.computed)(() => {
-				const result = [];
-				computedValueMap.value.forEach((value, key) => {
-					const option = leafOptionMap.get(key);
-					if (option) {
-						var _props$formatLabel, _props$formatLabel2;
-						result.push({
-							value: key,
-							label: (_props$formatLabel = (_props$formatLabel2 = props.formatLabel) === null || _props$formatLabel2 === void 0 ? void 0 : _props$formatLabel2.call(props, option.path.map((item) => item.raw))) !== null && _props$formatLabel !== void 0 ? _props$formatLabel : require_utils.getOptionLabel(option),
-							closable: !option.disabled,
-							tagProps: option.tagProps
-						});
-					} else if (props.fallback) {
-						const label = require_is.isFunction(props.fallback) ? props.fallback(value) : require_is.isArray(value) ? value.join(" / ") : String(value);
-						result.push({
-							value: key,
-							label,
-							closable: true
-						});
-					}
-				});
-				return result;
-			}),
-			handleInputValueChange,
-			showSearchPanel,
-			handlePopupVisibleChange,
-			handleFocus,
-			handleBlur,
-			handleRemove,
-			mergedDisabled,
-			handleKeyDown,
-			totalLevel
-		};
-	}
-});
-//#endregion
-exports.default = cascader_vue_vue_type_script_lang_default;

package/lib/cascader/context.js

@@ -1,4 +0,0 @@
-//#region components/cascader/context.ts
-var cascaderInjectionKey = Symbol("SDCascader");
-//#endregion
-exports.cascaderInjectionKey = cascaderInjectionKey;

package/lib/cascader/hooks/use-selected-path.js

@@ -1,64 +0,0 @@
-require("../../_virtual/_rolldown/runtime.js");
-let vue = require("vue");
-//#region components/cascader/hooks/use-selected-path.ts
-var useSelectedPath = (options, { optionMap, filteredLeafOptions, showSearchPanel, expandChild }) => {
-	const activeKey = (0, vue.ref)();
-	const activeOption = (0, vue.computed)(() => {
-		if (activeKey.value) return optionMap.get(activeKey.value);
-	});
-	const selectedPath = (0, vue.ref)([]);
-	const displayColumns = (0, vue.computed)(() => {
-		const columns = [options.value];
-		for (const key of selectedPath.value) {
-			const option = optionMap.get(key);
-			if (option === null || option === void 0 ? void 0 : option.children) columns.push(option.children);
-		}
-		return columns;
-	});
-	const setSelectedPath = (key) => {
-		var _option$path$map;
-		const option = getTargetOption(key);
-		selectedPath.value = (_option$path$map = option === null || option === void 0 ? void 0 : option.path.map((item) => item.key)) !== null && _option$path$map !== void 0 ? _option$path$map : [];
-	};
-	const setActiveKey = (key) => {
-		activeKey.value = key;
-	};
-	const enabledOptions = (0, vue.computed)(() => {
-		if (showSearchPanel === null || showSearchPanel === void 0 ? void 0 : showSearchPanel.value) return filteredLeafOptions.value.filter((item) => !item.disabled);
-		if (activeOption.value && activeOption.value.parent) {
-			var _activeOption$value$p;
-			return (_activeOption$value$p = activeOption.value.parent.children) === null || _activeOption$value$p === void 0 ? void 0 : _activeOption$value$p.filter((item) => !item.disabled);
-		}
-		return options.value.filter((item) => !item.disabled);
-	});
-	const getTargetOption = (key) => {
-		let target = key ? optionMap.get(key) : void 0;
-		if (expandChild.value) while (target && target.children && target.children.length > 0) target = target.children[0];
-		return target;
-	};
-	const getNextActiveNode = (direction) => {
-		var _enabledOptions$value, _enabledOptions$value2, _enabledOptions$value7;
-		const _length = (_enabledOptions$value = (_enabledOptions$value2 = enabledOptions.value) === null || _enabledOptions$value2 === void 0 ? void 0 : _enabledOptions$value2.length) !== null && _enabledOptions$value !== void 0 ? _enabledOptions$value : 0;
-		if (activeKey.value) {
-			var _enabledOptions$value3, _enabledOptions$value4, _enabledOptions$value6;
-			const enabledIndex = (_enabledOptions$value3 = (_enabledOptions$value4 = enabledOptions.value) === null || _enabledOptions$value4 === void 0 ? void 0 : _enabledOptions$value4.findIndex((item) => item.key === activeKey.value)) !== null && _enabledOptions$value3 !== void 0 ? _enabledOptions$value3 : 0;
-			if (direction === "next") {
-				var _enabledOptions$value5;
-				return (_enabledOptions$value5 = enabledOptions.value) === null || _enabledOptions$value5 === void 0 ? void 0 : _enabledOptions$value5[(_length + enabledIndex + 1) % _length];
-			}
-			return (_enabledOptions$value6 = enabledOptions.value) === null || _enabledOptions$value6 === void 0 ? void 0 : _enabledOptions$value6[(_length + enabledIndex - 1) % _length];
-		}
-		return (_enabledOptions$value7 = enabledOptions.value) === null || _enabledOptions$value7 === void 0 ? void 0 : _enabledOptions$value7[0];
-	};
-	return {
-		activeKey,
-		activeOption,
-		selectedPath,
-		displayColumns,
-		setActiveKey,
-		setSelectedPath,
-		getNextActiveNode
-	};
-};
-//#endregion
-exports.useSelectedPath = useSelectedPath;

package/lib/cascader/index.js

@@ -1,15 +0,0 @@
-const require_global_config = require("../_utils/global-config.js");
-const require_cascader_panel = require("./cascader-panel.js");
-const require_cascader = require("./cascader.js");
-//#region components/cascader/index.ts
-var Cascader = Object.assign(require_cascader.default, {
-	CascaderPanel: require_cascader_panel.default,
-	install: (app, options) => {
-		require_global_config.setGlobalConfig(app, options);
-		const componentPrefix = require_global_config.getComponentPrefix(options);
-		app.component(componentPrefix + require_cascader.default.name, require_cascader.default);
-		app.component(componentPrefix + require_cascader_panel.default.name, require_cascader_panel.default);
-	}
-});
-//#endregion
-exports.default = Cascader;

package/lib/cascader/style/css.js

@@ -1,3 +0,0 @@
-require("../../radio/style/index.js");
-require("../../style/index.css");
-require("./index.css");