@sdata/web-vue 1.11.0 → 1.12.0

package/es/cascader/{cascader-panel.vue_vue_type_script_lang.js → cascader-panel.vue_vue_type_script_setup_true_lang.js}

@@ -1,20 +1,14 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { isNull, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
 import { cascaderInjectionKey } from "./context.js";
 import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos, getValidValues, getValueKey } from "./utils.js";
 import base_cascader_panel_default from "./base-cascader-panel.js";
 import { useSelectedPath } from "./hooks/use-selected-path.js";
-import { computed, defineComponent, provide, reactive, ref, toRefs, watch } from "vue";
-//#region components/cascader/cascader-panel.vue?vue&type=script&lang.ts
-var getDefaultValue = (multiple, pathMode) => {
-	if (multiple) return [];
-	if (pathMode) return;
-	return "";
-};
-var cascader_panel_vue_vue_type_script_lang_default = defineComponent({
-	name: "CascaderPanel",
-	components: { BaseCascaderPanel: base_cascader_panel_default },
+import { computed, createBlock, createSlots, defineComponent, openBlock, provide, reactive, ref, renderSlot, toRefs, unref, useSlots, watch, withCtx } from "vue";
+//#region components/cascader/cascader-panel.vue?vue&type=script&setup=true&lang.ts
+var cascader_panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, { name: "CascaderPanel" }), {}, {
+	__name: "cascader-panel",
 	props: {
 		pathMode: {
 			type: Boolean,
@@ -24,58 +18,40 @@ var cascader_panel_vue_vue_type_script_lang_default = defineComponent({
 			type: Boolean,
 			default: false
 		},
-		modelValue: { type: [
-			String,
-			Number,
-			Object,
-			Array
-		] },
-		value: { type: [
-			String,
-			Number,
-			Object,
-			Array
-		] },
-		defaultValue: {
-			type: [
-				String,
-				Number,
-				Object,
-				Array
-			],
-			default: (props) => getDefaultValue(Boolean(props.multiple), Boolean(props.pathMode))
-		},
-		options: {
-			type: Array,
-			default: () => []
-		},
-		expandTrigger: {
-			type: String,
-			default: "click"
-		},
+		modelValue: {},
+		value: {},
+		defaultValue: {},
+		options: { default: () => [] },
+		expandTrigger: { default: "click" },
 		checkStrictly: {
 			type: Boolean,
 			default: false
 		},
-		loadMore: { type: Function },
-		fieldNames: { type: Object },
-		valueKey: {
-			type: String,
-			default: "value"
-		},
+		loadMore: {},
+		fieldNames: {},
+		valueKey: { default: "value" },
 		expandChild: {
 			type: Boolean,
 			default: false
 		}
 	},
-	emits: {
-		"update:modelValue": (_value) => true,
-		"update:value": (_value) => true,
-		"change": (_value) => true
-	},
-	setup(props, { emit, slots }) {
-		const { options, checkStrictly, loadMore, modelValue, value: valueProp, valueKey, expandChild, expandTrigger } = toRefs(props);
-		const _value = ref(props.defaultValue);
+	emits: [
+		"update:modelValue",
+		"update:value",
+		"change"
+	],
+	setup(__props, { emit: __emit }) {
+		var _props$defaultValue;
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const getDefaultValue = (multiple, pathMode) => {
+			if (multiple) return [];
+			if (pathMode) return;
+			return "";
+		};
+		const { options, checkStrictly, loadMore, modelValue, value: valueProp, valueKey, expandChild, expandTrigger, multiple, pathMode } = toRefs(props);
+		const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
 		watch([modelValue, valueProp], ([nextModelValue, nextValue]) => {
 			const mergedValue = nextModelValue !== null && nextModelValue !== void 0 ? nextModelValue : nextValue;
 			if (isUndefined(mergedValue) || isNull(mergedValue)) _value.value = getDefaultValue(props.multiple, props.pathMode);
@@ -181,53 +157,68 @@ var cascader_panel_vue_vue_type_script_lang_default = defineComponent({
 			valueMap: computedValueMap,
 			expandTrigger: expandTrigger.value
 		}));
-		return {
-			optionInfos,
-			filteredLeafOptions,
-			selectedPath,
-			activeKey,
-			displayColumns,
-			handleKeyDown: getKeyDownHandler(new Map([
-				[KEYBOARD_KEY.ENTER, (ev) => {
-					if (activeOption.value) {
-						let checked;
-						if (props.checkStrictly || activeOption.value.isLeaf) checked = !computedValueMap.value.has(activeOption.value.key);
-						else checked = !getCheckedStatus(activeOption.value, computedValueMap.value).checked;
-						setSelectedPath(activeOption.value.key);
-						handleClickOption(activeOption.value, checked);
-					}
-				}],
-				[KEYBOARD_KEY.ARROW_DOWN, (ev) => {
-					ev.preventDefault();
-					const activeNode = getNextActiveNode("next");
-					setActiveKey(activeNode === null || activeNode === void 0 ? void 0 : activeNode.key);
-				}],
-				[KEYBOARD_KEY.ARROW_UP, (ev) => {
-					ev.preventDefault();
-					const activeNode = getNextActiveNode("preview");
-					setActiveKey(activeNode === null || activeNode === void 0 ? void 0 : activeNode.key);
-				}],
-				[KEYBOARD_KEY.ARROW_RIGHT, (ev) => {
-					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);
-					}
-				}],
-				[KEYBOARD_KEY.ARROW_LEFT, (ev) => {
-					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);
-					}
-				}]
-			])),
-			totalLevel
+		const handleKeyDown = getKeyDownHandler(new Map([
+			[KEYBOARD_KEY.ENTER, (_ev) => {
+				if (activeOption.value) {
+					let checked;
+					if (props.checkStrictly || activeOption.value.isLeaf) checked = !computedValueMap.value.has(activeOption.value.key);
+					else checked = !getCheckedStatus(activeOption.value, computedValueMap.value).checked;
+					setSelectedPath(activeOption.value.key);
+					handleClickOption(activeOption.value, checked);
+				}
+			}],
+			[KEYBOARD_KEY.ARROW_DOWN, (ev) => {
+				ev.preventDefault();
+				const activeNode = getNextActiveNode("next");
+				setActiveKey(activeNode === null || activeNode === void 0 ? void 0 : activeNode.key);
+			}],
+			[KEYBOARD_KEY.ARROW_UP, (ev) => {
+				ev.preventDefault();
+				const activeNode = getNextActiveNode("preview");
+				setActiveKey(activeNode === null || activeNode === void 0 ? void 0 : activeNode.key);
+			}],
+			[KEYBOARD_KEY.ARROW_RIGHT, (ev) => {
+				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);
+				}
+			}],
+			[KEYBOARD_KEY.ARROW_LEFT, (ev) => {
+				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 (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(base_cascader_panel_default), {
+				"display-columns": unref(displayColumns),
+				"selected-path": unref(selectedPath),
+				"active-key": unref(activeKey),
+				multiple: unref(multiple),
+				"total-level": totalLevel.value,
+				"check-strictly": unref(checkStrictly),
+				onKeydown: unref(handleKeyDown)
+			}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
+				name: "empty",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"display-columns",
+				"selected-path",
+				"active-key",
+				"multiple",
+				"total-level",
+				"check-strictly",
+				"onKeydown"
+			]);
 		};
 	}
-});
+}));
 //#endregion
-export { cascader_panel_vue_vue_type_script_lang_default as default };
+export { cascader_panel_vue_vue_type_script_setup_true_lang_default as default };

package/es/cascader/cascader.js

@@ -1,148 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import cascader_vue_vue_type_script_lang_default from "./cascader.vue_vue_type_script_lang.js";
-import { createBlock, createSlots, createVNode, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveComponent, withCtx } from "vue";
+import cascader_vue_vue_type_script_setup_true_lang_default from "./cascader.vue_vue_type_script_setup_true_lang.js";
 //#region components/cascader/cascader.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_select_view = resolveComponent("select-view");
-	const _component_cascader_search_panel = resolveComponent("cascader-search-panel");
-	const _component_base_cascader_panel = resolveComponent("base-cascader-panel");
-	const _component_trigger = resolveComponent("trigger");
-	return openBlock(), createBlock(_component_trigger, mergeProps(_ctx.triggerProps, {
-		trigger: "click",
-		"animation-name": "slide-dynamic-origin",
-		"auto-fit-transform-origin": "",
-		"popup-visible": _ctx.computedPopupVisible,
-		position: "bl",
-		disabled: _ctx.mergedDisabled,
-		"popup-offset": 4,
-		"auto-fit-popup-width": _ctx.showSearchPanel,
-		"popup-container": _ctx.popupContainer,
-		"prevent-focus": true,
-		"click-to-close": !Boolean(_ctx.mergedAllowSearch),
-		onPopupVisibleChange: _ctx.handlePopupVisibleChange
-	}), {
-		content: withCtx(() => [_ctx.showSearchPanel ? (openBlock(), createBlock(_component_cascader_search_panel, {
-			key: 0,
-			options: _ctx.filteredLeafOptions,
-			"active-key": _ctx.activeKey,
-			multiple: _ctx.multiple,
-			"check-strictly": _ctx.checkStrictly,
-			loading: _ctx.loading,
-			"path-label": !_ctx.searchOptionOnlyLabel
-		}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
-			name: "empty",
-			fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-			key: "0"
-		} : void 0]), 1032, [
-			"options",
-			"active-key",
-			"multiple",
-			"check-strictly",
-			"loading",
-			"path-label"
-		])) : (openBlock(), createBlock(_component_base_cascader_panel, {
-			key: 1,
-			"display-columns": _ctx.displayColumns,
-			"selected-path": _ctx.selectedPath,
-			"active-key": _ctx.activeKey,
-			multiple: _ctx.multiple,
-			"total-level": _ctx.totalLevel,
-			"check-strictly": _ctx.checkStrictly,
-			loading: _ctx.loading,
-			"virtual-list-props": _ctx.resolvedVirtualListProps,
-			dropdown: ""
-		}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
-			name: "empty",
-			fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-			key: "0"
-		} : void 0]), 1032, [
-			"display-columns",
-			"selected-path",
-			"active-key",
-			"multiple",
-			"total-level",
-			"check-strictly",
-			"loading",
-			"virtual-list-props"
-		]))]),
-		default: withCtx(() => [createVNode(_component_select_view, mergeProps({
-			"model-value": _ctx.selectViewValue,
-			"input-value": _ctx.computedInputValue,
-			disabled: _ctx.mergedDisabled,
-			error: _ctx.error,
-			multiple: _ctx.multiple,
-			"allow-clear": _ctx.mergedAllowClear,
-			"allow-search": Boolean(_ctx.mergedAllowSearch),
-			size: _ctx.size,
-			opened: _ctx.computedPopupVisible,
-			placeholder: _ctx.placeholder,
-			loading: _ctx.loading,
-			"max-tag-count": _ctx.maxTagCount,
-			"tag-nowrap": _ctx.tagNowrap
-		}, _ctx.$attrs, {
-			onInputValueChange: _ctx.handleInputValueChange,
-			onClear: _ctx.handleClear,
-			onFocus: _ctx.handleFocus,
-			onBlur: _ctx.handleBlur,
-			onRemove: _ctx.handleRemove,
-			onKeydown: _ctx.handleKeyDown
-		}), createSlots({ _: 2 }, [
-			_ctx.$slots.label ? {
-				name: "label",
-				fn: withCtx((data) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(data)))]),
-				key: "0"
-			} : void 0,
-			_ctx.$slots.prefix ? {
-				name: "prefix",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
-				key: "1"
-			} : void 0,
-			_ctx.$slots["arrow-icon"] ? {
-				name: "arrow-icon",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "arrow-icon")]),
-				key: "2"
-			} : void 0,
-			_ctx.$slots["loading-icon"] ? {
-				name: "loading-icon",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "loading-icon")]),
-				key: "3"
-			} : void 0,
-			_ctx.$slots["search-icon"] ? {
-				name: "search-icon",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "search-icon")]),
-				key: "4"
-			} : void 0
-		]), 1040, [
-			"model-value",
-			"input-value",
-			"disabled",
-			"error",
-			"multiple",
-			"allow-clear",
-			"allow-search",
-			"size",
-			"opened",
-			"placeholder",
-			"loading",
-			"max-tag-count",
-			"tag-nowrap",
-			"onInputValueChange",
-			"onClear",
-			"onFocus",
-			"onBlur",
-			"onRemove",
-			"onKeydown"
-		])]),
-		_: 3
-	}, 16, [
-		"popup-visible",
-		"disabled",
-		"auto-fit-popup-width",
-		"popup-container",
-		"click-to-close",
-		"onPopupVisibleChange"
-	]);
-}
-var cascader_default = /* @__PURE__ */ _plugin_vue_export_helper_default(cascader_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var cascader_default = cascader_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { cascader_default as default };