@sdata/web-vue 1.8.0 → 1.10.0

package/es/popconfirm/popconfirm.vue_vue_type_script_lang.js

@@ -4,10 +4,10 @@ import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";
 import IconCloseCircleFill from "../icon/icon-close-circle-fill/index.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
 import IconInfoCircleFill from "../icon/icon-info-circle-fill/index.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/asyncToGenerator.js";
 import Button from "../button/index.js";
 import { useI18n } from "../locale/index.js";
 import Trigger from "../trigger/index.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/asyncToGenerator.js";
 import { computed, defineComponent, ref } from "vue";
 //#region components/popconfirm/popconfirm.vue?vue&type=script&lang.ts
 var popconfirm_vue_vue_type_script_lang_default = defineComponent({

package/es/popover/index.d.ts

@@ -200,10 +200,10 @@ declare const Popover: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:popupVisible': (_visible: boolean) => true;
                 popupVisibleChange: (_visible: boolean) => true;
@@ -215,6 +215,7 @@ declare const Popover: {
                 unmountOnClose: boolean;
                 renderToBody: boolean;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -226,7 +227,6 @@ declare const Popover: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -391,15 +391,16 @@ declare const Popover: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                 disabled: boolean;
                 unmountOnClose: boolean;
                 renderToBody: boolean;
                 position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
@@ -411,7 +412,6 @@ declare const Popover: {
                 blurToClose: boolean;
                 clickToClose: boolean;
                 clickOutsideToClose: boolean;
-                animationName: string;
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -573,10 +573,10 @@ declare const Popover: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -588,6 +588,7 @@ declare const Popover: {
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -599,7 +600,6 @@ declare const Popover: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -872,10 +872,10 @@ declare const Popover: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -887,6 +887,7 @@ declare const Popover: {
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -898,7 +899,6 @@ declare const Popover: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1063,15 +1063,16 @@ declare const Popover: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -1083,7 +1084,6 @@ declare const Popover: {
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -1245,10 +1245,10 @@ declare const Popover: {
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -1260,6 +1260,7 @@ declare const Popover: {
         unmountOnClose: boolean;
         renderToBody: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -1271,7 +1272,6 @@ declare const Popover: {
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;

package/es/popover/popover.vue.d.ts

@@ -236,10 +236,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -251,6 +251,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -262,7 +263,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -427,15 +427,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
             renderToBody: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
@@ -447,7 +448,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             blurToClose: boolean;
             clickToClose: boolean;
             clickOutsideToClose: boolean;
-            animationName: string;
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
             focusDelay: number;
@@ -609,10 +609,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -624,6 +624,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         unmountOnClose: boolean;
         renderToBody: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -635,7 +636,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;

package/es/progress/circle.js

@@ -34,10 +34,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		})
 	}, [_ctx.type === "circle" && _ctx.size === "mini" && _ctx.status === "success" ? (openBlock(), createBlock(_component_icon_check, {
 		key: 0,
-		style: normalizeStyle({
-			fontSize: _ctx.mergedWidth - 2,
-			color: _ctx.color
-		})
+		style: normalizeStyle(_ctx.iconStyle)
 	}, null, 8, ["style"])) : (openBlock(), createElementBlock("svg", {
 		key: 1,
 		viewBox: `0 0 ${_ctx.mergedWidth} ${_ctx.mergedWidth}`,
@@ -49,11 +46,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			y1: "1",
 			x2: "0",
 			y2: "0"
-		}, [(openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(_ctx.color), (key) => {
+		}, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.gradientStops, ([offset, stopColor]) => {
 			return openBlock(), createElementBlock("stop", {
-				key,
-				offset: key,
-				"stop-color": _ctx.color[key]
+				key: offset,
+				offset,
+				"stop-color": stopColor
 			}, null, 8, _hoisted_5);
 		}), 128))], 8, _hoisted_4)])) : createCommentVNode("", true),
 		createElementVNode("circle", {
@@ -63,7 +60,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			cy: _ctx.center,
 			r: _ctx.radius,
 			"stroke-width": _ctx.mergedPathStrokeWidth,
-			style: normalizeStyle({ stroke: _ctx.trackColor })
+			style: normalizeStyle(_ctx.trackStyle)
 		}, null, 14, _hoisted_6),
 		createElementVNode("circle", {
 			class: normalizeClass(`${_ctx.prefixCls}-bar`),
@@ -72,11 +69,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			cy: _ctx.center,
 			r: _ctx.radius,
 			"stroke-width": _ctx.mergedStrokeWidth,
-			style: normalizeStyle({
-				stroke: _ctx.isLinearGradient ? `url(#${_ctx.linearGradientId})` : _ctx.color,
-				strokeDasharray: _ctx.perimeter,
-				strokeDashoffset: (_ctx.percent >= 1 ? 0 : 1 - _ctx.percent) * _ctx.perimeter
-			})
+			style: normalizeStyle(_ctx.circleStyle)
 		}, null, 14, _hoisted_7)
 	], 10, _hoisted_2)), _ctx.showText && _ctx.size !== "mini" ? (openBlock(), createElementBlock("div", {
 		key: 2,

package/es/progress/circle.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, type CSSProperties } from 'vue';
 import { SIZES } from '../_utils/constant';
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -38,10 +38,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: NumberConstructor;
     };
 }>, {
+    circleStyle: import("vue").ComputedRef<CSSProperties>;
+    gradientStops: import("vue").ComputedRef<[string, string][]>;
+    iconStyle: import("vue").ComputedRef<CSSProperties>;
     prefixCls: string;
     isLinearGradient: boolean;
     radius: import("vue").ComputedRef<number>;
+    solidColor: import("vue").ComputedRef<string | undefined>;
     text: import("vue").ComputedRef<string>;
+    trackStyle: import("vue").ComputedRef<CSSProperties>;
     perimeter: import("vue").ComputedRef<number>;
     center: import("vue").ComputedRef<number>;
     mergedWidth: import("vue").ComputedRef<number>;
@@ -118,7 +123,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             cls: import("vue").ComputedRef<(string | {
                 [x: string]: boolean;
             })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -160,7 +166,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             cls: import("vue").ComputedRef<(string | {
                 [x: string]: boolean;
             })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -197,7 +204,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         cls: import("vue").ComputedRef<(string | {
             [x: string]: boolean;
         })[]>;
-        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -236,7 +244,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             cls: import("vue").ComputedRef<(string | {
                 [x: string]: boolean;
             })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -278,7 +287,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             cls: import("vue").ComputedRef<(string | {
                 [x: string]: boolean;
             })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -315,7 +325,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         cls: import("vue").ComputedRef<(string | {
             [x: string]: boolean;
         })[]>;
-        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        innerStyle: import("vue").ComputedRef<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/progress/circle.vue_vue_type_script_lang.js

@@ -57,6 +57,11 @@ var circle_vue_vue_type_script_lang_default = defineComponent({
 	setup(props) {
 		const prefixCls = getPrefixCls("progress-circle");
 		const isLinearGradient = isObject(props.color);
+		const gradientStops = computed(() => {
+			if (!isObject(props.color)) return [];
+			return Object.entries(props.color).map(([offset, stopColor]) => [offset, String(stopColor)]);
+		});
+		const solidColor = computed(() => typeof props.color === "string" ? props.color : void 0);
 		const mergedWidth = computed(() => {
 			var _props$width;
 			return (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : DEFAULT_WIDTH[props.size];
@@ -76,11 +81,26 @@ var circle_vue_vue_type_script_lang_default = defineComponent({
 			__ARCO_PROGRESS_SEED += 1;
 			return `${prefixCls}-linear-gradient-${__ARCO_PROGRESS_SEED}`;
 		});
+		const text = computed(() => `${NP.times(props.percent, 100)}%`);
+		const iconStyle = computed(() => ({
+			fontSize: mergedWidth.value - 2,
+			color: solidColor.value
+		}));
+		const trackStyle = computed(() => ({ stroke: props.trackColor }));
 		return {
+			circleStyle: computed(() => ({
+				stroke: isLinearGradient ? `url(#${linearGradientId.value})` : solidColor.value,
+				strokeDasharray: perimeter.value,
+				strokeDashoffset: (props.percent >= 1 ? 0 : 1 - props.percent) * perimeter.value
+			})),
+			gradientStops,
+			iconStyle,
 			prefixCls,
 			isLinearGradient,
 			radius,
-			text: computed(() => `${NP.times(props.percent, 100)}%`),
+			solidColor,
+			text,
+			trackStyle,
 			perimeter,
 			center,
 			mergedWidth,