@sdata/web-vue 1.14.0 → 1.18.0

package/es/switch/switch.vue_vue_type_script_lang.js

@@ -4,7 +4,7 @@ import { isFunction, isNull, isUndefined } from "../_utils/is.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
-import { computed, defineComponent, ref, toRefs, watch } from "vue";
+import { computed, defineComponent, getCurrentInstance, ref, toRefs, watch } from "vue";
 //#region components/switch/switch.vue?vue&type=script&lang.ts
 var switch_vue_vue_type_script_lang_default = defineComponent({
 	name: "Switch",
@@ -47,6 +47,14 @@ var switch_vue_vue_type_script_lang_default = defineComponent({
 			default: false
 		},
 		/**
+		* @zh 是否在切换后自动进入加载中状态，并在外部 `v-model` 回写后结束
+		* @en Whether to automatically enter the loading state after switching and stop after the external `v-model` value is updated
+		*/
+		autoLoading: {
+			type: Boolean,
+			default: false
+		},
+		/**
 		* @zh 开关的类型
 		* @en Type of switch
 		* @values 'circle', 'round', 'line'
@@ -161,6 +169,7 @@ var switch_vue_vue_type_script_lang_default = defineComponent({
 	* @slot unchecked-icon
 	*/
 	setup(props, { emit }) {
+		const instance = getCurrentInstance();
 		const { disabled, size, modelValue } = toRefs(props);
 		const prefixCls = getPrefixCls("switch");
 		const { mergedSize: configSize } = useSize(size);
@@ -173,11 +182,27 @@ var switch_vue_vue_type_script_lang_default = defineComponent({
 			var _props$modelValue;
 			return ((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _checked.value) === props.checkedValue;
 		});
-		const _loading = ref(false);
-		const computedLoading = computed(() => _loading.value || props.loading);
+		const beforeChangeLoading = ref(false);
+		const autoChangeLoading = ref(false);
+		const hasLoadingProp = computed(() => {
+			const rawProps = instance === null || instance === void 0 ? void 0 : instance.vnode.props;
+			if (!rawProps) return false;
+			return Object.hasOwn(rawProps, "loading");
+		});
+		const hasModelValueProp = computed(() => {
+			const rawProps = instance === null || instance === void 0 ? void 0 : instance.vnode.props;
+			if (!rawProps) return false;
+			return Object.hasOwn(rawProps, "modelValue");
+		});
+		const computedLoading = computed(() => beforeChangeLoading.value || props.loading || autoChangeLoading.value);
+		watch(modelValue, () => {
+			if (!hasModelValueProp.value) return;
+			autoChangeLoading.value = false;
+		}, { flush: "post" });
 		const handleChange = (checked, ev) => {
 			var _eventHandlers$value, _eventHandlers$value$;
 			_checked.value = checked ? props.checkedValue : props.uncheckedValue;
+			if (props.autoLoading && !hasLoadingProp.value && hasModelValueProp.value) autoChangeLoading.value = true;
 			emit("update:modelValue", _checked.value);
 			emit("change", _checked.value, ev);
 			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, ev);
@@ -189,12 +214,12 @@ var switch_vue_vue_type_script_lang_default = defineComponent({
 				const checkedValue = checked ? props.checkedValue : props.uncheckedValue;
 				const shouldChange = props.beforeChange;
 				if (isFunction(shouldChange)) {
-					_loading.value = true;
+					beforeChangeLoading.value = true;
 					try {
 						const result = yield shouldChange(checkedValue);
 						if (result !== null && result !== void 0 ? result : true) handleChange(checked, ev);
 					} finally {
-						_loading.value = false;
+						beforeChangeLoading.value = false;
 					}
 				} else handleChange(checked, ev);
 			});

package/es/table/index.d.ts

@@ -178,12 +178,12 @@ declare const Table: {
         onSelect?: ((_rowKeys: (string | number)[], _rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
         onPageSizeChange?: ((_pageSize: number) => any) | undefined;
         onPageChange?: ((_page: number) => any) | undefined;
+        onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
         "onUpdate:selectedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
-        onColumnResize?: ((_dataIndex: string, _width: number) => any) | undefined;
         "onUpdate:expandedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
-        onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
-        onExpandedChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
         onSelectAll?: ((_checked: boolean) => any) | undefined;
+        onColumnResize?: ((_dataIndex: string, _width: number) => any) | undefined;
+        onExpandedChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
         onSelectionChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
         onSorterChange?: ((_dataIndex: string, _direction: string) => any) | undefined;
         onFilterChange?: ((_dataIndex: string, _filteredValues: string[]) => any) | undefined;
@@ -240,10 +240,10 @@ declare const Table: {
         cellContextmenu: (_record: import("./interface").TableData, _column: import("./interface").TableColumnData, _ev: Event) => true;
     }, import("vue").PublicProps, {
         size: "small" | "mini" | "medium" | "large";
-        loading: boolean | Record<string, any>;
         data: import("./interface").TableData[];
-        columns: import("./interface").TableColumnData[];
         scrollbar: boolean | import("..").ScrollbarProps;
+        loading: boolean | Record<string, any>;
+        columns: import("./interface").TableColumnData[];
         bordered: boolean | import("./interface").TableBorder;
         hoverable: boolean;
         defaultExpandAllRows: boolean;
@@ -438,12 +438,12 @@ declare const Table: {
         onSelect?: ((_rowKeys: (string | number)[], _rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
         onPageSizeChange?: ((_pageSize: number) => any) | undefined;
         onPageChange?: ((_page: number) => any) | undefined;
+        onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
         "onUpdate:selectedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
-        onColumnResize?: ((_dataIndex: string, _width: number) => any) | undefined;
         "onUpdate:expandedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
-        onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
-        onExpandedChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
         onSelectAll?: ((_checked: boolean) => any) | undefined;
+        onColumnResize?: ((_dataIndex: string, _width: number) => any) | undefined;
+        onExpandedChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
         onSelectionChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
         onSorterChange?: ((_dataIndex: string, _direction: string) => any) | undefined;
         onFilterChange?: ((_dataIndex: string, _filteredValues: string[]) => any) | undefined;
@@ -477,10 +477,10 @@ declare const Table: {
         clearSorters(): void;
     }, {
         size: "small" | "mini" | "medium" | "large";
-        loading: boolean | Record<string, any>;
         data: import("./interface").TableData[];
-        columns: import("./interface").TableColumnData[];
         scrollbar: boolean | import("..").ScrollbarProps;
+        loading: boolean | Record<string, any>;
+        columns: import("./interface").TableColumnData[];
         bordered: boolean | import("./interface").TableBorder;
         hoverable: boolean;
         defaultExpandAllRows: boolean;
@@ -672,12 +672,12 @@ declare const Table: {
     onSelect?: ((_rowKeys: (string | number)[], _rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
     onPageSizeChange?: ((_pageSize: number) => any) | undefined;
     onPageChange?: ((_page: number) => any) | undefined;
+    onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
     "onUpdate:selectedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
-    onColumnResize?: ((_dataIndex: string, _width: number) => any) | undefined;
     "onUpdate:expandedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
-    onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
-    onExpandedChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
     onSelectAll?: ((_checked: boolean) => any) | undefined;
+    onColumnResize?: ((_dataIndex: string, _width: number) => any) | undefined;
+    onExpandedChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
     onSelectionChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
     onSorterChange?: ((_dataIndex: string, _direction: string) => any) | undefined;
     onFilterChange?: ((_dataIndex: string, _filteredValues: string[]) => any) | undefined;
@@ -734,10 +734,10 @@ declare const Table: {
     cellContextmenu: (_record: import("./interface").TableData, _column: import("./interface").TableColumnData, _ev: Event) => true;
 }, string, {
     size: "small" | "mini" | "medium" | "large";
-    loading: boolean | Record<string, any>;
     data: import("./interface").TableData[];
-    columns: import("./interface").TableColumnData[];
     scrollbar: boolean | import("..").ScrollbarProps;
+    loading: boolean | Record<string, any>;
+    columns: import("./interface").TableColumnData[];
     bordered: boolean | import("./interface").TableBorder;
     hoverable: boolean;
     defaultExpandAllRows: boolean;

package/es/table/table-operation-td.d.ts

@@ -315,8 +315,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "onUpdate:modelValue"?: ((_value: (string | number | boolean)[]) => any) | undefined;
         }>, {
             disabled: boolean;
-            defaultValue: (string | number | boolean)[];
             direction: "horizontal" | "vertical";
+            defaultValue: (string | number | boolean)[];
             modelValue: (string | number | boolean)[];
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
@@ -355,8 +355,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             change: (_value: string | number | boolean, _ev: Event) => true;
         }, import("vue").PublicProps, {
             type: "button" | "radio";
-            disabled: boolean;
             value: string | number | boolean;
+            disabled: boolean;
             modelValue: string | number | boolean;
             defaultChecked: boolean;
             uninjectGroupContext: boolean;
@@ -428,8 +428,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             type: "button" | "radio";
-            disabled: boolean;
             value: string | number | boolean;
+            disabled: boolean;
             modelValue: string | number | boolean;
             defaultChecked: boolean;
             uninjectGroupContext: boolean;
@@ -470,8 +470,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         change: (_value: string | number | boolean, _ev: Event) => true;
     }, string, {
         type: "button" | "radio";
-        disabled: boolean;
         value: string | number | boolean;
+        disabled: boolean;
         modelValue: string | number | boolean;
         defaultChecked: boolean;
         uninjectGroupContext: boolean;
@@ -570,8 +570,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             type: "button" | "radio";
             disabled: boolean;
-            defaultValue: string | number | boolean;
             direction: "horizontal" | "vertical";
+            defaultValue: string | number | boolean;
             modelValue: string | number | boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;

package/es/table/table-th.js

@@ -7,10 +7,10 @@ import Checkbox from "../checkbox/index.js";
 import { useI18n } from "../locale/index.js";
 import Trigger from "../trigger/index.js";
 import Radio from "../radio/index.js";
+import IconCaretDown from "../icon/icon-caret-down/index.js";
 import { tableInjectionKey } from "./context.js";
 import { getFixedCls, getStyle } from "./utils.js";
 import auto_tooltip_default from "../_components/auto-tooltip/auto-tooltip.js";
-import IconCaretDown from "../icon/icon-caret-down/index.js";
 import IconCaretUp from "../icon/icon-caret-up/index.js";
 import IconFilter from "../icon/icon-filter/index.js";
 import { useColumnFilter } from "./hooks/use-column-filter.js";

package/es/table/table.d.ts

@@ -378,12 +378,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onSelect?: ((_rowKeys: (string | number)[], _rowKey: string | number, _record: TableData) => any) | undefined;
     onPageSizeChange?: ((_pageSize: number) => any) | undefined;
     onPageChange?: ((_page: number) => any) | undefined;
+    onExpand?: ((_rowKey: string | number, _record: TableData) => any) | undefined;
     "onUpdate:selectedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
-    onColumnResize?: ((_dataIndex: string, _width: number) => any) | undefined;
     "onUpdate:expandedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
-    onExpand?: ((_rowKey: string | number, _record: TableData) => any) | undefined;
-    onExpandedChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
     onSelectAll?: ((_checked: boolean) => any) | undefined;
+    onColumnResize?: ((_dataIndex: string, _width: number) => any) | undefined;
+    onExpandedChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
     onSelectionChange?: ((_rowKeys: (string | number)[]) => any) | undefined;
     onSorterChange?: ((_dataIndex: string, _direction: string) => any) | undefined;
     onFilterChange?: ((_dataIndex: string, _filteredValues: string[]) => any) | undefined;
@@ -398,10 +398,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onCellContextmenu?: ((_record: TableData, _column: TableColumnData, _ev: Event) => any) | undefined;
 }>, {
     size: "small" | "mini" | "medium" | "large";
-    loading: boolean | Record<string, any>;
     data: TableData[];
-    columns: TableColumnData[];
     scrollbar: boolean | ScrollbarProps;
+    loading: boolean | Record<string, any>;
+    columns: TableColumnData[];
     bordered: boolean | TableBorder;
     hoverable: boolean;
     defaultExpandAllRows: boolean;

package/es/tabs/index.d.ts

@@ -72,9 +72,9 @@ declare const Tabs: {
             default: string;
         };
     }>> & Readonly<{
-        onChange?: ((_key: string | number) => any) | undefined;
         onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onAdd?: ((_ev: Event) => any) | undefined;
+        onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
         onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -85,11 +85,11 @@ declare const Tabs: {
         delete: (_key: string | number, _ev: Event) => true;
     }, import("vue").PublicProps, {
         type: import("./interface").TabsType;
+        trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
         direction: "horizontal" | "vertical";
-        animation: boolean;
-        trigger: import("./interface").TabTriggerEvent;
         justify: boolean;
+        animation: boolean;
         activeKey: string | number;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
@@ -176,18 +176,18 @@ declare const Tabs: {
             default: string;
         };
     }>> & Readonly<{
-        onChange?: ((_key: string | number) => any) | undefined;
         onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
         onAdd?: ((_ev: Event) => any) | undefined;
+        onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
         onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         type: import("./interface").TabsType;
+        trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
         direction: "horizontal" | "vertical";
-        animation: boolean;
-        trigger: import("./interface").TabTriggerEvent;
         justify: boolean;
+        animation: boolean;
         activeKey: string | number;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
@@ -271,9 +271,9 @@ declare const Tabs: {
         default: string;
     };
 }>> & Readonly<{
-    onChange?: ((_key: string | number) => any) | undefined;
     onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onAdd?: ((_ev: Event) => any) | undefined;
+    onChange?: ((_key: string | number) => any) | undefined;
     "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
     onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -284,11 +284,11 @@ declare const Tabs: {
     delete: (_key: string | number, _ev: Event) => true;
 }, string, {
     type: import("./interface").TabsType;
+    trigger: import("./interface").TabTriggerEvent;
     position: import("./interface").TabsPosition;
     direction: "horizontal" | "vertical";
-    animation: boolean;
-    trigger: import("./interface").TabTriggerEvent;
     justify: boolean;
+    animation: boolean;
     activeKey: string | number;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;

package/es/tabs/tabs.d.ts

@@ -144,18 +144,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{
-    onChange?: ((_key: string | number) => any) | undefined;
     onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
     onAdd?: ((_ev: Event) => any) | undefined;
+    onChange?: ((_key: string | number) => any) | undefined;
     "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
     onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
 }>, {
     type: TabsType;
+    trigger: TabTriggerEvent;
     position: TabsPosition;
     direction: "horizontal" | "vertical";
-    animation: boolean;
-    trigger: TabTriggerEvent;
     justify: boolean;
+    animation: boolean;
     activeKey: string | number;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;