@sdata/web-vue 1.9.0 → 1.11.0

package/es/steps/index.d.ts

@@ -2,6 +2,8 @@ import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _StepsStep from './step.vue';
 import _Steps from './steps.vue';
+export type { StepData, StepStatus, StepsType } from './interface';
+export type StepsChangeHandler = (step: number, event: Event) => void;
 declare const Steps: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         type: {
@@ -54,8 +56,8 @@ declare const Steps: {
         small: boolean;
         type: "default" | "dot" | "arrow" | "navigation";
         status: "error" | "wait" | "finish" | "process";
-        lineLess: boolean;
         direction: "horizontal" | "vertical";
+        lineLess: boolean;
         current: number;
         defaultCurrent: number;
         labelPlacement: "horizontal" | "vertical";
@@ -115,8 +117,8 @@ declare const Steps: {
         small: boolean;
         type: "default" | "dot" | "arrow" | "navigation";
         status: "error" | "wait" | "finish" | "process";
-        lineLess: boolean;
         direction: "horizontal" | "vertical";
+        lineLess: boolean;
         current: number;
         defaultCurrent: number;
         labelPlacement: "horizontal" | "vertical";
@@ -176,8 +178,8 @@ declare const Steps: {
     small: boolean;
     type: "default" | "dot" | "arrow" | "navigation";
     status: "error" | "wait" | "finish" | "process";
-    lineLess: boolean;
     direction: "horizontal" | "vertical";
+    lineLess: boolean;
     current: number;
     defaultCurrent: number;
     labelPlacement: "horizontal" | "vertical";
@@ -246,6 +248,7 @@ declare const Steps: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -288,6 +291,7 @@ declare const Steps: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -325,6 +329,7 @@ declare const Steps: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -364,6 +369,7 @@ declare const Steps: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -406,6 +412,7 @@ declare const Steps: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -443,6 +450,7 @@ declare const Steps: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;

package/es/steps/step.vue.d.ts

@@ -65,6 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -107,6 +108,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -144,6 +146,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -183,6 +186,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -225,6 +229,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -262,6 +267,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/steps/steps.vue.d.ts

@@ -91,8 +91,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     small: boolean;
     type: "default" | "dot" | "arrow" | "navigation";
     status: "error" | "wait" | "finish" | "process";
-    lineLess: boolean;
     direction: "horizontal" | "vertical";
+    lineLess: boolean;
     current: number;
     defaultCurrent: number;
     labelPlacement: "horizontal" | "vertical";

package/es/style/icon.scss

@@ -32,7 +32,7 @@
 
 .#{$prefix}-icon-hover {
   position: relative;
-  display: inline-block;
+  display: block;
   cursor: pointer;
 
   .#{$prefix}-icon {

package/es/switch/index.d.ts

@@ -1,6 +1,9 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _Switch from './switch.vue';
+export type SwitchValue = boolean | string | number;
+export type SwitchBeforeChange = (newValue: SwitchValue) => Promise<boolean | void> | boolean | void;
+export type SwitchChangeHandler = (value: SwitchValue, event: Event) => void;
 declare const Switch: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -114,6 +117,7 @@ declare const Switch: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -156,6 +160,7 @@ declare const Switch: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -193,6 +198,7 @@ declare const Switch: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -405,6 +411,7 @@ declare const Switch: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -447,6 +454,7 @@ declare const Switch: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -484,6 +492,7 @@ declare const Switch: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/switch/switch.vue.d.ts

@@ -160,6 +160,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -202,6 +203,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -239,6 +241,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/switch/switch.vue_vue_type_script_lang.js

@@ -1,9 +1,9 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isUndefined } from "../_utils/is.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/asyncToGenerator.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/asyncToGenerator.js";
 import { computed, defineComponent, ref, toRefs, watch } from "vue";
 //#region components/switch/switch.vue?vue&type=script&lang.ts
 var switch_vue_vue_type_script_lang_default = defineComponent({

package/es/table/context.d.ts

@@ -19,7 +19,7 @@ export interface TableContext {
     onSelectAllLeafs: (record: TableDataWithRaw, checked: boolean) => void;
     onSorterChange: (dataIndex: string, direction: 'ascend' | 'descend' | '', ev: Event) => void;
     onFilterChange: (dataIndex: string, filteredValues: string[], ev: Event) => void;
-    onThMouseDown: (dataIndex: string, ev: MouseEvent) => void;
+    onThMouseDown: (dataIndex: string, ev: PointerEvent) => void;
 }
 export interface TableColumnContext {
     addChild: (id: number, column: TableColumnData) => void;

package/es/table/hooks/use-column-resize.d.ts

@@ -2,9 +2,8 @@ import { Ref } from 'vue';
 import { EmitFn2 } from '../../_utils/types';
 export declare const useColumnResize: (thRefs: Ref<Record<string, HTMLElement>>, emit: EmitFn2<{
     columnResize: (dataIndex: string, width: number) => true;
-}>) => {
+}>, getColExplicitWidth?: (dataIndex: string) => number | undefined) => {
     resizingColumn: Ref<string, string>;
     columnWidth: Record<string, number>;
-    handleThMouseDown: (dataIndex: string, ev: MouseEvent) => void;
-    handleThMouseUp: () => void;
+    handleThMouseDown: (dataIndex: string, ev: PointerEvent) => void;
 };

package/es/table/hooks/use-column-resize.js

@@ -1,38 +1,65 @@
-import { off, on } from "../../_utils/dom.js";
 import { reactive, ref } from "vue";
+import { tryOnScopeDispose, useEventListener } from "@vueuse/core";
 //#region components/table/hooks/use-column-resize.ts
-var useColumnResize = (thRefs, emit) => {
+var useColumnResize = (thRefs, emit, getColExplicitWidth) => {
 	const resizingColumn = ref("");
 	const columnWidth = reactive({});
+	let stopResizeListeners = [];
+	const clearResizeListeners = () => {
+		stopResizeListeners.forEach((stop) => stop());
+		stopResizeListeners = [];
+	};
+	const resetBodyResizeStyle = () => {
+		if (typeof document === "undefined") return;
+		document.body.style.cursor = "";
+		document.body.style.userSelect = "";
+	};
+	tryOnScopeDispose(() => {
+		clearResizeListeners();
+		resetBodyResizeStyle();
+	});
 	const handleThMouseDown = (dataIndex, ev) => {
+		var _columnWidth$dataInde, _ref, _rect$width;
+		if (typeof document === "undefined") return;
 		ev.preventDefault();
+		ev.stopPropagation();
 		resizingColumn.value = dataIndex;
-		on(window, "mousemove", handleThMouseMoving);
-		on(window, "mouseup", handleThMouseUp);
-		on(window, "contextmenu", handleThMouseUp);
-	};
-	const handleThMouseUp = () => {
-		resizingColumn.value = "";
-		off(window, "mousemove", handleThMouseMoving);
-		off(window, "mouseup", handleThMouseUp);
-		off(window, "contextmenu", handleThMouseUp);
-	};
-	const handleThMouseMoving = (ev) => {
-		const element = thRefs.value[resizingColumn.value];
-		if (element) {
-			const { clientX } = ev;
-			const { x } = element.getBoundingClientRect();
-			let width = Math.ceil(clientX - x);
+		document.body.style.cursor = "col-resize";
+		document.body.style.userSelect = "none";
+		const element = thRefs.value[dataIndex];
+		const rect = element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
+		const startX = ev.clientX;
+		const explicitWidth = (_columnWidth$dataInde = columnWidth[dataIndex]) !== null && _columnWidth$dataInde !== void 0 ? _columnWidth$dataInde : getColExplicitWidth === null || getColExplicitWidth === void 0 ? void 0 : getColExplicitWidth(dataIndex);
+		const startWidth = (_ref = explicitWidth !== null && explicitWidth !== void 0 ? explicitWidth : rect === null || rect === void 0 ? void 0 : rect.width) !== null && _ref !== void 0 ? _ref : 0;
+		const renderWidth = (_rect$width = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _rect$width !== void 0 ? _rect$width : startWidth;
+		const scale = renderWidth > 0 && startWidth > 0 ? renderWidth / startWidth : 1;
+		const target = ev.target;
+		if (target && "setPointerCapture" in target) target.setPointerCapture(ev.pointerId);
+		const onPointerMove = (e) => {
+			if (!thRefs.value[resizingColumn.value]) return;
+			const { clientX } = e;
+			const rawWidth = startWidth + (clientX - startX) / (scale || 1);
+			let width = Math.ceil(rawWidth);
 			if (width < 40) width = 40;
 			columnWidth[resizingColumn.value] = width;
 			emit("columnResize", resizingColumn.value, width);
-		}
+		};
+		const onPointerUp = () => {
+			resizingColumn.value = "";
+			resetBodyResizeStyle();
+			clearResizeListeners();
+		};
+		clearResizeListeners();
+		stopResizeListeners = [
+			useEventListener(document, "pointermove", onPointerMove),
+			useEventListener(document, "pointerup", onPointerUp),
+			useEventListener(document, "contextmenu", onPointerUp)
+		];
 	};
 	return {
 		resizingColumn,
 		columnWidth,
-		handleThMouseDown,
-		handleThMouseUp
+		handleThMouseDown
 	};
 };
 //#endregion

package/es/table/hooks/use-drag.d.ts

@@ -1,15 +1,17 @@
 import { Ref } from 'vue';
+import type { BaseType } from '../../_utils/types';
 import { TableDraggable } from '../interface';
 export declare const useDrag: (draggable: Ref<TableDraggable | undefined>) => {
     dragType: import("vue").ComputedRef<"row" | "handle" | undefined>;
     dragState: {
         dragging: boolean;
-        sourceKey: string;
+        sourceKey: BaseType | "";
         sourcePath: number[];
         targetPath: number[];
         data: Record<string, unknown>;
+        dropIndicatorPath: number[];
     };
-    handleDragStart: (ev: DragEvent, sourceKey: string, sourcePath: number[], data: Record<string, unknown>) => void;
+    handleDragStart: (ev: DragEvent, sourceKey: BaseType, sourcePath: number[], data: Record<string, unknown>) => void;
     handleDragEnter: (ev: DragEvent, targetPath: number[]) => void;
     handleDragLeave: (_ev: DragEvent) => void;
     handleDragover: (ev: DragEvent) => void;

package/es/table/hooks/use-drag.js

@@ -1,4 +1,5 @@
 import { computed, reactive } from "vue";
+import { tryOnScopeDispose, useEventListener } from "@vueuse/core";
 //#region components/table/hooks/use-drag.ts
 var useDrag = (draggable) => {
 	const dragType = computed(() => {
@@ -12,7 +13,8 @@ var useDrag = (draggable) => {
 		sourceKey: "",
 		sourcePath: [],
 		targetPath: [],
-		data: {}
+		data: {},
+		dropIndicatorPath: []
 	});
 	const clearDragState = () => {
 		dragState.dragging = false;
@@ -20,7 +22,16 @@ var useDrag = (draggable) => {
 		dragState.sourcePath = [];
 		dragState.targetPath = [];
 		dragState.data = {};
+		dragState.dropIndicatorPath = [];
 	};
+	const stopGlobalDragListeners = [useEventListener(typeof window !== "undefined" ? window : void 0, "dragend", () => {
+		clearDragState();
+	}), useEventListener(typeof window !== "undefined" ? window : void 0, "drop", () => {
+		clearDragState();
+	})];
+	tryOnScopeDispose(() => {
+		stopGlobalDragListeners.forEach((stop) => stop());
+	});
 	const handleDragStart = (ev, sourceKey, sourcePath, data) => {
 		if (ev.dataTransfer) {
 			ev.dataTransfer.effectAllowed = "move";
@@ -37,7 +48,10 @@ var useDrag = (draggable) => {
 	};
 	const handleDragEnter = (ev, targetPath) => {
 		if (ev.dataTransfer) ev.dataTransfer.dropEffect = "move";
-		if (dragState.targetPath.toString() !== targetPath.toString()) dragState.targetPath = targetPath;
+		if (dragState.targetPath.toString() !== targetPath.toString()) {
+			dragState.targetPath = targetPath;
+			dragState.dropIndicatorPath = targetPath;
+		}
 		ev.preventDefault();
 	};
 	const handleDragLeave = (_ev) => {};