@gx-design-vue/image 0.2.0-alpha.4 → 0.2.0-alpha.5

package/dist/Image.js

@@ -2,7 +2,7 @@ import useImagePreview from "./hooks/useImagePreview.js";
 import GImagePreview from "./ImagePreview.js";
 import style_default from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeDefaults, mergeProps, nextTick, onMounted, ref, watch } from "vue";
-import { EyeOutlined } from "@antdv-next/icons";
+import { GIcon } from "@gx-design-vue/icon";
 import { unit } from "@gx-design-vue/pro-provider";
 import { classNames, getScrollContainer, getSlotsProps, isNumber, isString } from "@gx-design-vue/pro-utils";
 import { isClient, useEventListener, useThrottleFn } from "@vueuse/core";
@@ -185,7 +185,7 @@ const Image = /* @__PURE__ */ defineComponent((props, { emit, slots, expose, att
 			previewConfig.value.mask && canPreview.value && createVNode("div", {
 				"class": classNames(`${prefixCls.value}-mask`, previewConfig.value.maskClass),
 				"style": { display: containerAttrs.style?.display === "none" ? "none" : void 0 }
-			}, [slotProps.mask || createVNode("div", { "class": classNames(`${prefixCls.value}-mask-info`) }, [createVNode(EyeOutlined, null, null)])]),
+			}, [slotProps.mask || createVNode("div", { "class": classNames(`${prefixCls.value}-mask-info`) }, [createVNode(GIcon, { "type": "EyeOutlined" }, null)])]),
 			canPreview.value && createVNode(GImagePreview, mergeProps(previewConfig.value, {
 				"urls": previewConfig.value.urls || (props.src ? [props.src] : []),
 				"current": currentPreviewIndex.value,

package/dist/ImagePreview.js

@@ -3,7 +3,7 @@ import useMouseEvent from "./hooks/useMouseEvent.js";
 import useTouchEvent from "./hooks/useTouchEvent.js";
 import preview_default from "./style/preview.js";
 import { Fragment, Teleport, Transition, computed, createVNode, defineComponent, mergeDefaults, nextTick, onMounted, onUnmounted, ref, toRef, watch } from "vue";
-import { CloseOutlined, CopyOutlined, DownloadOutlined, LeftOutlined, LoadingOutlined, RightOutlined, RotateLeftOutlined, RotateRightOutlined, SwapOutlined, ZoomInOutlined, ZoomOutOutlined } from "@antdv-next/icons";
+import { GIcon } from "@gx-design-vue/icon";
 import { classNames, getSlotVNode, getSlotsProps } from "@gx-design-vue/pro-utils";
 import { useWindowSize } from "@vueuse/core";
 import { useBaseConfig } from "antdv-next/config-provider/context";
@@ -13,14 +13,17 @@ import { message } from "antdv-next";
 //#region src/ImagePreview.tsx
 const BASE_SCALE_RATIO = 1;
 const defaultIcons = {
-	rotateLeft: createVNode(RotateLeftOutlined, null, null),
-	rotateRight: createVNode(RotateRightOutlined, null, null),
-	zoomIn: createVNode(ZoomInOutlined, null, null),
-	zoomOut: createVNode(ZoomOutOutlined, null, null),
-	flipX: createVNode(SwapOutlined, null, null),
-	flipY: createVNode(SwapOutlined, { "rotate": 90 }, null),
-	copy: createVNode(CopyOutlined, null, null),
-	download: createVNode(DownloadOutlined, null, null)
+	rotateLeft: createVNode(GIcon, { "type": "RotateLeftOutlined" }, null),
+	rotateRight: createVNode(GIcon, { "type": "RotateRightOutlined" }, null),
+	zoomIn: createVNode(GIcon, { "type": "ZoomInOutlined" }, null),
+	zoomOut: createVNode(GIcon, { "type": "ZoomOutOutlined" }, null),
+	flipX: createVNode(GIcon, { "type": "SwapOutlined" }, null),
+	flipY: createVNode(GIcon, {
+		"type": "SwapOutlined",
+		"rotate": 90
+	}, null),
+	copy: createVNode(GIcon, { "type": "CopyOutlined" }, null),
+	download: createVNode(GIcon, { "type": "DownloadOutlined" }, null)
 };
 const imagePreviewMessages = {
 	copySuccess: "复制成功",
@@ -351,13 +354,19 @@ const GImagePreview = /* @__PURE__ */ defineComponent((props, { emit, slots, exp
 				disabled: computed(() => transform.value.scale === (props.maxScale ?? 50))
 			},
 			{
-				icon: copyLoading.value ? createVNode(LoadingOutlined, { "spin": true }, null) : slotProps.copy,
+				icon: copyLoading.value ? createVNode(GIcon, {
+					"type": "Spinning",
+					"spin": true
+				}, null) : slotProps.copy,
 				onClick: onCopy,
 				type: "copy",
 				disabled: computed(() => copyLoading.value)
 			},
 			{
-				icon: downloadLoading.value ? createVNode(LoadingOutlined, { "spin": true }, null) : slotProps.download,
+				icon: downloadLoading.value ? createVNode(GIcon, {
+					"type": "Spinning",
+					"spin": true
+				}, null) : slotProps.download,
 				onClick: onDownload,
 				type: "download",
 				disabled: computed(() => downloadLoading.value)
@@ -429,7 +438,7 @@ const GImagePreview = /* @__PURE__ */ defineComponent((props, { emit, slots, exp
 				"type": "button",
 				"class": `${prefixCls.value}-close`,
 				"onClick": onClose
-			}, [closeIcon || createVNode(CloseOutlined, null, null)]),
+			}, [closeIcon || createVNode(GIcon, { "type": "CloseOutlined" }, null)]),
 			showSwitchButtons.value && createVNode(Fragment, null, [createVNode("button", {
 				"type": "button",
 				"class": classNames(`${prefixCls.value}-switch`, `${prefixCls.value}-switch-prev`, { [`${prefixCls.value}-switch-disabled`]: !props.infinite && currentIndex.value === 0 }),
@@ -438,7 +447,7 @@ const GImagePreview = /* @__PURE__ */ defineComponent((props, { emit, slots, exp
 					event.stopPropagation();
 					onSwitchPrevious();
 				}
-			}, [leftIcon || createVNode(LeftOutlined, null, null)]), createVNode("button", {
+			}, [leftIcon || createVNode(GIcon, { "type": "LeftOutlined" }, null)]), createVNode("button", {
 				"type": "button",
 				"class": classNames(`${prefixCls.value}-switch`, `${prefixCls.value}-switch-next`, { [`${prefixCls.value}-switch-disabled`]: !props.infinite && currentIndex.value === props.urls.length - 1 }),
 				"onClick": (event) => {
@@ -446,7 +455,7 @@ const GImagePreview = /* @__PURE__ */ defineComponent((props, { emit, slots, exp
 					event.stopPropagation();
 					onSwitchNext();
 				}
-			}, [rightIcon || createVNode(RightOutlined, null, null)])]),
+			}, [rightIcon || createVNode(GIcon, { "type": "RightOutlined" }, null)])]),
 			createVNode("div", { "class": `${prefixCls.value}-footer` }, [showProgress.value && createVNode("div", { "class": `${prefixCls.value}-progress` }, [props.countRender ? props.countRender(currentIndex.value + 1, props.urls.length) : `${currentIndex.value + 1} / ${props.urls.length}`]), createVNode("div", { "class": `${prefixCls.value}-actions` }, [toolbarActions.map(({ icon, onClick, type, disabled }) => createVNode("button", {
 				"type": "button",
 				"class": classNames(actionClassName, `${actionClassName}-${type}`, { [`${actionClassName}-disabled`]: disabled && disabled.value }),