@sdata/web-vue 1.11.1 → 1.13.0

package/es/cascader/cascader-panel.vue.d.ts

@@ -1,313 +1,31 @@
-import { PropType } from 'vue';
-import { CascaderFieldNames, CascaderModelValue, CascaderOption, CascaderOptionInfo } from './interface';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    pathMode: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: {
-        type: PropType<CascaderModelValue>;
-    };
-    value: {
-        type: PropType<CascaderModelValue>;
-    };
-    defaultValue: {
-        type: PropType<CascaderModelValue>;
-        default: (props: {
-            multiple?: boolean;
-            pathMode?: boolean;
-        }) => CascaderModelValue;
-    };
-    options: {
-        type: PropType<CascaderOption[]>;
-        default: () => never[];
-    };
-    expandTrigger: {
-        type: StringConstructor;
-        default: string;
-    };
-    checkStrictly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loadMore: {
-        type: PropType<(option: CascaderOption, done: (children?: CascaderOption[]) => void) => void>;
-    };
-    fieldNames: {
-        type: PropType<CascaderFieldNames>;
-    };
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    expandChild: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    optionInfos: import("vue").Ref<{
-        [x: string]: unknown;
-        raw: {
-            [x: string]: unknown;
-            value?: import("./interface").CascaderOptionValue | undefined;
-            label?: string | undefined;
-            disabled?: boolean | undefined;
-            tagProps?: {
-                color?: (import("..").TagColor | string) | undefined;
-                size?: "small" | "medium" | "large" | undefined;
-                visible?: boolean | undefined;
-                defaultVisible?: boolean | undefined;
-                loading?: boolean | undefined;
-                closable?: boolean | undefined;
-                checkable?: boolean | undefined;
-                checked?: boolean | undefined;
-                defaultChecked?: boolean | undefined;
-            } | undefined;
-            children?: any[] | undefined;
-            isLeaf?: boolean | undefined;
-        };
-        key: string;
-        valueKey: string;
-        level: number;
-        index: number;
-        value: import("./interface").CascaderOptionValue;
-        label: string;
-        disabled: boolean;
-        selectionDisabled: boolean;
-        isLeaf: boolean;
-        parent?: any | undefined;
-        children?: any[] | undefined;
-        path: any[];
-        pathValue: import("./interface").CascaderOptionValue[];
-        totalLeafOptions?: number | undefined;
-        tagProps?: {
-            color?: (import("..").TagColor | string) | undefined;
-            size?: "small" | "medium" | "large" | undefined;
-            visible?: boolean | undefined;
-            defaultVisible?: boolean | undefined;
-            loading?: boolean | undefined;
-            closable?: boolean | undefined;
-            checkable?: boolean | undefined;
-            checked?: boolean | undefined;
-            defaultChecked?: boolean | undefined;
-        } | undefined;
-    }[], CascaderOptionInfo[] | {
-        [x: string]: unknown;
-        raw: {
-            [x: string]: unknown;
-            value?: import("./interface").CascaderOptionValue | undefined;
-            label?: string | undefined;
-            disabled?: boolean | undefined;
-            tagProps?: {
-                color?: (import("..").TagColor | string) | undefined;
-                size?: "small" | "medium" | "large" | undefined;
-                visible?: boolean | undefined;
-                defaultVisible?: boolean | undefined;
-                loading?: boolean | undefined;
-                closable?: boolean | undefined;
-                checkable?: boolean | undefined;
-                checked?: boolean | undefined;
-                defaultChecked?: boolean | undefined;
-            } | undefined;
-            children?: any[] | undefined;
-            isLeaf?: boolean | undefined;
-        };
-        key: string;
-        valueKey: string;
-        level: number;
-        index: number;
-        value: import("./interface").CascaderOptionValue;
-        label: string;
-        disabled: boolean;
-        selectionDisabled: boolean;
-        isLeaf: boolean;
-        parent?: any | undefined;
-        children?: any[] | undefined;
-        path: any[];
-        pathValue: import("./interface").CascaderOptionValue[];
-        totalLeafOptions?: number | undefined;
-        tagProps?: {
-            color?: (import("..").TagColor | string) | undefined;
-            size?: "small" | "medium" | "large" | undefined;
-            visible?: boolean | undefined;
-            defaultVisible?: boolean | undefined;
-            loading?: boolean | undefined;
-            closable?: boolean | undefined;
-            checkable?: boolean | undefined;
-            checked?: boolean | undefined;
-            defaultChecked?: boolean | undefined;
-        } | undefined;
-    }[]>;
-    filteredLeafOptions: import("vue").ComputedRef<{
-        [x: string]: unknown;
-        raw: {
-            [x: string]: unknown;
-            value?: import("./interface").CascaderOptionValue | undefined;
-            label?: string | undefined;
-            disabled?: boolean | undefined;
-            tagProps?: {
-                color?: (import("..").TagColor | string) | undefined;
-                size?: "small" | "medium" | "large" | undefined;
-                visible?: boolean | undefined;
-                defaultVisible?: boolean | undefined;
-                loading?: boolean | undefined;
-                closable?: boolean | undefined;
-                checkable?: boolean | undefined;
-                checked?: boolean | undefined;
-                defaultChecked?: boolean | undefined;
-            } | undefined;
-            children?: any[] | undefined;
-            isLeaf?: boolean | undefined;
-        };
-        key: string;
-        valueKey: string;
-        level: number;
-        index: number;
-        value: import("./interface").CascaderOptionValue;
-        label: string;
-        disabled: boolean;
-        selectionDisabled: boolean;
-        isLeaf: boolean;
-        parent?: any | undefined;
-        children?: any[] | undefined;
-        path: any[];
-        pathValue: import("./interface").CascaderOptionValue[];
-        totalLeafOptions?: number | undefined;
-        tagProps?: {
-            color?: (import("..").TagColor | string) | undefined;
-            size?: "small" | "medium" | "large" | undefined;
-            visible?: boolean | undefined;
-            defaultVisible?: boolean | undefined;
-            loading?: boolean | undefined;
-            closable?: boolean | undefined;
-            checkable?: boolean | undefined;
-            checked?: boolean | undefined;
-            defaultChecked?: boolean | undefined;
-        } | undefined;
-    }[]>;
-    selectedPath: import("vue").Ref<string[], string[]>;
-    activeKey: import("vue").Ref<string | undefined, string | undefined>;
-    displayColumns: import("vue").ComputedRef<CascaderOptionInfo[][]>;
-    handleKeyDown: (event: KeyboardEvent) => void;
-    totalLevel: import("vue").Ref<number, number>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: CascaderModelValue) => true;
-    'update:value': (_value: CascaderModelValue) => true;
-    change: (_value: CascaderModelValue) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    pathMode: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: {
-        type: PropType<CascaderModelValue>;
-    };
-    value: {
-        type: PropType<CascaderModelValue>;
-    };
-    defaultValue: {
-        type: PropType<CascaderModelValue>;
-        default: (props: {
-            multiple?: boolean;
-            pathMode?: boolean;
-        }) => CascaderModelValue;
-    };
-    options: {
-        type: PropType<CascaderOption[]>;
-        default: () => never[];
-    };
-    expandTrigger: {
-        type: StringConstructor;
-        default: string;
-    };
-    checkStrictly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loadMore: {
-        type: PropType<(option: CascaderOption, done: (children?: CascaderOption[]) => void) => void>;
-    };
-    fieldNames: {
-        type: PropType<CascaderFieldNames>;
-    };
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    expandChild: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onChange?: ((_value: CascaderModelValue) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: CascaderModelValue) => any) | undefined;
-    "onUpdate:value"?: ((_value: CascaderModelValue) => any) | undefined;
+import type { CascaderModelValue, CascaderOption } from './interface';
+import type { CascaderPanelProps } from './types';
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CascaderPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: CascaderModelValue) => any;
+    "update:modelValue": (value: CascaderModelValue) => any;
+    "update:value": (value: CascaderModelValue) => any;
+}, string, import("vue").PublicProps, Readonly<CascaderPanelProps> & Readonly<{
+    onChange?: ((value: CascaderModelValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: CascaderModelValue) => any) | undefined;
+    "onUpdate:value"?: ((value: CascaderModelValue) => any) | undefined;
 }>, {
-    defaultValue: CascaderModelValue;
     options: CascaderOption[];
     multiple: boolean;
     valueKey: string;
-    expandTrigger: string;
+    expandTrigger: import("./types").CascaderExpandTrigger;
     checkStrictly: boolean;
     pathMode: boolean;
     expandChild: boolean;
-}, {}, {
-    BaseCascaderPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        displayColumns: {
-            type: PropType<CascaderOptionInfo[][]>;
-            required: true;
-        };
-        selectedPath: {
-            type: PropType<string[]>;
-            required: true;
-        };
-        activeKey: StringConstructor;
-        totalLevel: {
-            type: NumberConstructor;
-            required: true;
-        };
-        multiple: BooleanConstructor;
-        checkStrictly: BooleanConstructor;
-        loading: BooleanConstructor;
-        dropdown: BooleanConstructor;
-        virtualListProps: {
-            type: PropType<import("../_components/virtual-list/interface").VirtualListProps>;
-        };
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        displayColumns: {
-            type: PropType<CascaderOptionInfo[][]>;
-            required: true;
-        };
-        selectedPath: {
-            type: PropType<string[]>;
-            required: true;
-        };
-        activeKey: StringConstructor;
-        totalLevel: {
-            type: NumberConstructor;
-            required: true;
-        };
-        multiple: BooleanConstructor;
-        checkStrictly: BooleanConstructor;
-        loading: BooleanConstructor;
-        dropdown: BooleanConstructor;
-        virtualListProps: {
-            type: PropType<import("../_components/virtual-list/interface").VirtualListProps>;
-        };
-    }>> & Readonly<{}>, {
-        loading: boolean;
-        multiple: boolean;
-        checkStrictly: boolean;
-        dropdown: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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 };