@sdata/web-vue 3.30.0 → 4.1.0

package/es/image/image.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean } from "../_utils/is.js";
 import { isServerRendering } from "../_utils/dom.js";
 import { useI18n } from "../locale/index.js";
+import useMergeState from "../_hooks/use-merge-state.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { omit } from "../_utils/omit.js";
-import useMergeState from "../_hooks/use-merge-state.js";
 import IconImageClose from "../icon/icon-image-close/index.js";
 import { PreviewGroupInjectionKey } from "./context.js";
 import useImageLoadStatus from "./hooks/use-image-load-status.js";

package/es/image/index.d.ts

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 import { SDOptions } from '../_utils/types';
 import _Image from './image.vue';
-import _ImagePreviewAction from './preview-action';
+import _ImagePreviewAction from './preview-action.vue';
 import _ImagePreviewGroup from './preview-group.vue';
 import _ImagePreview from './preview.vue';
 declare const Image: typeof _Image & {

package/es/image/preview-action.js

@@ -1,49 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import Tooltip from "../tooltip/index.js";
-import { createVNode, defineComponent, isVNode, mergeProps } from "vue";
-//#region components/image/preview-action.tsx
-/**
-* @version 2.17.0
-*/
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var preview_action_default = /* @__PURE__ */ defineComponent({
-	name: "ImagePreviewAction",
-	components: { Tooltip },
-	inheritAttrs: false,
-	props: {
-		/**
-		* @zh 名称
-		* @en the name of the action
-		*/
-		name: { type: String },
-		/**
-		* @zh 是否禁用
-		* @en Whether to disable the action
-		*/
-		disabled: { type: Boolean }
-	},
-	setup(props, { slots, attrs }) {
-		const prefixCls = getPrefixCls("image-preview-toolbar-action");
-		return () => {
-			var _slots$default;
-			const { name, disabled } = props;
-			const children = (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
-			if (!children || !children.length) return null;
-			const content = createVNode("div", mergeProps({
-				"class": [`${prefixCls}`, { [`${prefixCls}-disabled`]: disabled }],
-				"onMousedown": (e) => {
-					/** 解决快速点击按钮的情况下 tooltip 被选中 */
-					e.preventDefault();
-				}
-			}, attrs), [createVNode("span", { "class": `${prefixCls}-content` }, [children])]);
-			return name ? createVNode(Tooltip, {
-				"class": `${prefixCls}-tooltip`,
-				"content": name
-			}, _isSlot(content) ? content : { default: () => [content] }) : content;
-		};
-	}
-});
+import preview_action_vue_vue_type_script_setup_true_lang_default from "./preview-action.vue_vue_type_script_setup_true_lang.js";
+//#region components/image/preview-action.vue
+var preview_action_default = preview_action_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { preview_action_default as default };

package/es/image/preview-action.vue.d.ts

@@ -0,0 +1,29 @@
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/image/preview-action.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import Tooltip from "../tooltip/index.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/image/preview-action.vue?vue&type=script&setup=true&lang.ts
+/**
+* @version 2.17.0
+*/
+var preview_action_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "ImagePreviewAction",
+	inheritAttrs: false
+}), {}, {
+	__name: "preview-action",
+	props: {
+		/**
+		* @zh 名称
+		* @en the name of the action
+		*/
+		name: { type: String },
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable the action
+		*/
+		disabled: { type: Boolean }
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const prefixCls = getPrefixCls("image-preview-toolbar-action");
+		const [DefineContent, ReuseContent] = createReusableTemplate();
+		const hasContent = () => {
+			var _slots$default;
+			return Boolean((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots).length);
+		};
+		const onMouseDown = (event) => {
+			/** 解决快速点击按钮的情况下 tooltip 被选中 */
+			event.preventDefault();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineContent), null, {
+				default: withCtx(() => [createElementVNode("div", mergeProps({ class: [unref(prefixCls), { [`${unref(prefixCls)}-disabled`]: __props.disabled }] }, _ctx.$attrs, { onMousedown: onMouseDown }), [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-content`) }, [renderSlot(_ctx.$slots, "default")], 2)], 16)]),
+				_: 3
+			}), hasContent() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.name ? (openBlock(), createBlock(unref(Tooltip), {
+				key: 0,
+				class: normalizeClass(`${unref(prefixCls)}-tooltip`),
+				content: __props.name
+			}, {
+				default: withCtx(() => [createVNode(unref(ReuseContent))]),
+				_: 1
+			}, 8, ["class", "content"])) : (openBlock(), createBlock(unref(ReuseContent), { key: 1 }))], 64)) : createCommentVNode("", true)], 64);
+		};
+	}
+}));
+//#endregion
+export { preview_action_vue_vue_type_script_setup_true_lang_default as default };

package/es/image/preview-arrow.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import IconLeft from "../icon/icon-left/index.js";
 import IconRight from "../icon/icon-right/index.js";

package/es/image/preview-group.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { isArray, isUndefined } from "../_utils/is.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import { PreviewGroupInjectionKey } from "./context.js";

package/es/image/preview-toolbar.vue.d.ts

@@ -1,8 +1,8 @@
-import { PropType, VNodeTypes } from 'vue';
+import type { Component, PropType } from 'vue';
 export interface ActionType {
     key: string;
     name: string;
-    content: () => VNodeTypes;
+    content: Component;
     onClick: () => void;
     disabled?: boolean;
 }

package/es/image/preview-toolbar.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import preview_action_default from "./preview-action.js";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
-//#region components/image/preview-toolbar.vue?vue&type=script&setup=true&lang.tsx
+//#region components/image/preview-toolbar.vue?vue&type=script&setup=true&lang.ts
 var preview_toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ImagePreviewToolbar" }), {}, {
 	__name: "preview-toolbar",
 	props: {
@@ -28,7 +28,7 @@ var preview_toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(resultActions.value, (action) => {
-				return openBlock(), createBlock(unref(preview_action_default), {
+				return openBlock(), createBlock(preview_action_default, {
 					key: action.key,
 					name: action.name,
 					disabled: action.disabled,

package/es/image/preview.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";
+import useMergeState from "../_hooks/use-merge-state.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
-import useMergeState from "../_hooks/use-merge-state.js";
 import usePopupContainer from "../_hooks/use-popup-container.js";
 import usePopupOverflowHidden from "../_hooks/use-popup-overflow-hidden.js";
 import useImageLoadStatus from "./hooks/use-image-load-status.js";
@@ -21,8 +21,8 @@ import useImageDrag from "./hooks/use-image-drag.js";
 import preview_arrow_default from "./preview-arrow.js";
 import preview_toolbar_default from "./preview-toolbar.js";
 import getScale, { getScaleByRate, maxScale, minScale } from "./utils/get-scale.js";
-import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, openBlock, reactive, ref, renderSlot, toDisplayString, toRefs, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-//#region components/image/preview.vue?vue&type=script&setup=true&lang.tsx
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, openBlock, reactive, ref, renderSlot, toDisplayString, toRefs, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+//#region components/image/preview.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src"];
 var ROTATE_STEP = 90;
 var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ImagePreview" }), {}, {
@@ -160,13 +160,14 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		const isFixed = computed(() => container.value === document.body);
 		const { zIndex } = usePopupManager("dialog", { visible: mergedVisible });
 		const wrapperStyles = computed(() => {
-			return _objectSpread2({}, isFixed.value ? {
+			const positionStyles = isFixed.value ? {
 				zIndex: zIndex.value,
 				position: "fixed"
 			} : {
 				zIndex: "inherit",
 				position: "absolute"
-			});
+			};
+			return _objectSpread2({}, positionStyles);
 		});
 		const { isLoading, isLoaded, setLoadStatus } = useImageLoadStatus();
 		const rotate = ref(0);
@@ -215,10 +216,7 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				case KEYBOARD_KEY.ARROW_DOWN:
 					isIncludes("zoomOut") && handleScale("zoomOut");
 					break;
-				case KEYBOARD_KEY.SPACE:
-					isIncludes("originalSize") && changeScale(1);
-					break;
-				default: break;
+				case KEYBOARD_KEY.SPACE: isIncludes("originalSize") && changeScale(1);
 			}
 		};
 		const onWheel = throttleByRaf((e) => {
@@ -278,7 +276,7 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			changeScale(Math.max(newHeightScale, newWidthScale));
 		}
 		function handleRotate(direction) {
-			const newRotate = direction === "clockwise" ? (rotate.value + ROTATE_STEP) % 360 : rotate.value === 0 ? 360 - ROTATE_STEP : rotate.value - ROTATE_STEP;
+			const newRotate = direction === "clockwise" ? (rotate.value + ROTATE_STEP) % 360 : rotate.value === 0 ? 270 : rotate.value - ROTATE_STEP;
 			rotate.value = newRotate;
 		}
 		function handleScale(action) {
@@ -295,44 +293,56 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			setLoadStatus("error");
 		};
 		const actions = computed(() => [
+			(
+			/** 满屏 */
 			{
 				key: "fullScreen",
 				name: t("imagePreview.fullScreen"),
-				content: () => h(IconFullscreen),
+				content: IconFullscreen,
 				onClick: () => fullScreen()
-			},
+			}),
+			(
+			/** 顺时针旋转 */
 			{
 				key: "rotateRight",
 				name: t("imagePreview.rotateRight"),
-				content: () => h(IconRotateRight),
+				content: IconRotateRight,
 				onClick: () => handleRotate("clockwise")
-			},
+			}),
+			(
+			/** 逆时针旋转 */
 			{
 				key: "rotateLeft",
 				name: t("imagePreview.rotateLeft"),
-				content: () => h(IconRotateLeft),
+				content: IconRotateLeft,
 				onClick: () => handleRotate("counterclockwise")
-			},
+			}),
+			(
+			/** 放大 */
 			{
 				key: "zoomIn",
 				name: t("imagePreview.zoomIn"),
-				content: () => h(IconZoomIn),
+				content: IconZoomIn,
 				onClick: () => handleScale("zoomIn"),
 				disabled: scale.value === maxScale
-			},
+			}),
+			(
+			/** 缩小 */
 			{
 				key: "zoomOut",
 				name: t("imagePreview.zoomOut"),
-				content: () => h(IconZoomOut),
+				content: IconZoomOut,
 				onClick: () => handleScale("zoomOut"),
 				disabled: scale.value === minScale
-			},
+			}),
+			(
+			/** 缩放到100% */
 			{
 				key: "originalSize",
 				name: t("imagePreview.originalSize"),
-				content: () => h(IconOriginalSize),
+				content: IconOriginalSize,
 				onClick: () => changeScale(1)
-			}
+			})
 		]);
 		__expose({
 			onImgLoad,