@sdata/web-vue 4.4.1 → 4.4.2

package/es/icon/icon-close-circle-fill/icon-close-circle-fill.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_close_circle_fill_vue_vue_type_script_setup_true_lang_default = /*@__PU
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-components.d.ts

@@ -185,7 +185,7 @@ declare module 'vue' {
         IconQqCircleFill: typeof import('@sdata/web-vue/es/icon')['IconQqCircleFill'];
         IconGoogleCircleFill: typeof import('@sdata/web-vue/es/icon')['IconGoogleCircleFill'];
         IconFacebookSquareFill: typeof import('@sdata/web-vue/es/icon')['IconFacebookSquareFill'];
-        IconFaceBookCircleFill: typeof import('@sdata/web-vue/es/icon')['IconFaceBookCircleFill'];
+        IconFacebookCircleFill: typeof import('@sdata/web-vue/es/icon')['IconFacebookCircleFill'];
         IconXiguaColor: typeof import('@sdata/web-vue/es/icon')['IconXiguaColor'];
         IconTiktokColor: typeof import('@sdata/web-vue/es/icon')['IconTiktokColor'];
         IconLarkColor: typeof import('@sdata/web-vue/es/icon')['IconLarkColor'];

package/es/icon/icon-copy/icon-copy.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-delete/icon-delete.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_delete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-double-left/icon-double-left.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_double_left_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-double-right/icon-double-right.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_double_right_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-down/icon-down.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_down_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-drag-dot/icon-drag-dot.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_drag_dot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-drag-dot-vertical/icon-drag-dot-vertical.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_drag_dot_vertical_vue_vue_type_script_setup_true_lang_default = /*@__PU
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-edit/icon-edit.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_edit_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-empty/icon-empty.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_empty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-exclamation/icon-exclamation.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_exclamation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-exclamation-circle-fill/icon-exclamation-circle-fill.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_exclamation_circle_fill_vue_vue_type_script_setup_true_lang_default = /
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-eye/icon-eye.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_eye_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-eye-invisible/icon-eye-invisible.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_eye_invisible_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-face-frown-fill/icon-face-frown-fill.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_face_frown_fill_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-face-meh-fill/icon-face-meh-fill.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_face_meh_fill_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-face-smile-fill/icon-face-smile-fill.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_face_smile_fill_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/{icon-faceBook-circle-fill → icon-facebook-circle-fill}/index.d.ts

@@ -1,7 +1,7 @@
 import type { App } from 'vue';
 import type { SDIconOptions } from '../../_utils/types';
-declare const IconFaceBookCircleFill: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./icon-faceBook-circle-fill.vue").Props> & Readonly<{
+declare const IconFacebookCircleFill: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./icon-facebook-circle-fill.vue").Props> & Readonly<{
         onClick?: ((_ev: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_ev: MouseEvent) => any;
@@ -12,17 +12,17 @@ declare const IconFaceBookCircleFill: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./icon-faceBook-circle-fill.vue").Props> & Readonly<{
+    }, Readonly<import("./icon-facebook-circle-fill.vue").Props> & Readonly<{
         onClick?: ((_ev: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./icon-faceBook-circle-fill.vue").Props> & Readonly<{
+} & import("vue").ComponentOptionsBase<Readonly<import("./icon-facebook-circle-fill.vue").Props> & Readonly<{
     onClick?: ((_ev: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (_ev: MouseEvent) => any;
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App, options?: SDIconOptions) => void;
 };
-export default IconFaceBookCircleFill;
+export default IconFacebookCircleFill;

package/es/icon/icon-file/icon-file.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_file_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-file-audio/icon-file-audio.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_file_audio_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-file-image/icon-file-image.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_file_image_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-file-pdf/icon-file-pdf.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_file_pdf_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-file-video/icon-file-video.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_file_video_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-filter/icon-filter.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_filter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-fullscreen/icon-fullscreen.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_fullscreen_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-image-close/icon-image-close.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_image_close_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-info/icon-info.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_info_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-info-circle-fill/icon-info-circle-fill.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_info_circle_fill_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-left/icon-left.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_left_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-link/icon-link.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-list/icon-list.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_list_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-loading/icon-loading.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_loading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-menu/icon-menu.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-menu-fold/icon-menu-fold.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_menu_fold_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-menu-unfold/icon-menu-unfold.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_menu_unfold_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-minus/icon-minus.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_minus_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-more/icon-more.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_more_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-mute/icon-mute.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_mute_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-oblique-line/icon-oblique-line.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_oblique_line_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-original-size/icon-original-size.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_original_size_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-pause/icon-pause.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_pause_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-play-arrow-fill/icon-play-arrow-fill.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_play_arrow_fill_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-plus/icon-plus.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_plus_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-question-circle/icon-question-circle.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_question_circle_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {

package/es/icon/icon-right/icon-right.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,10 @@ var icon_right_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const innerStyle = computed(() => {
 			const styles = {};
 			if (__props.size) styles.fontSize = isNumber(__props.size) ? `${__props.size}px` : __props.size;
-			if (__props.rotate) styles.transform = `rotate(${__props.rotate}deg)`;
+			if (__props.rotate) {
+				styles.transform = `rotate(${__props.rotate}deg)`;
+				styles["--icon-rotate"] = `${__props.rotate}deg`;
+			}
 			return styles;
 		});
 		const onClick = (ev) => {