@sdata/web-vue 1.19.0 → 2.1.0

package/es/slider/style/index.css

@@ -50,7 +50,7 @@
   display: block;
   width: 100%;
   height: 2px;
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
   border-radius: 2px;
   transform: translateY(-50%);
   content: "";
@@ -73,34 +73,34 @@
   transform: translateX(-50%);
 }
 .sd-slider-track.sd-slider-track-disabled::before {
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
 }
 .sd-slider-track.sd-slider-track-disabled .sd-slider-bar {
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
 }
 .sd-slider-track.sd-slider-track-disabled .sd-slider-btn {
   cursor: not-allowed;
 }
 .sd-slider-track.sd-slider-track-disabled .sd-slider-btn::after {
-  border-color: var(--color-fill-3);
+  border-color: var(--sd-color-fill-3);
 }
 .sd-slider-track.sd-slider-track-disabled .sd-slider-dots .sd-slider-dot {
-  border-color: var(--color-fill-2);
+  border-color: var(--sd-color-fill-2);
 }
 .sd-slider-track.sd-slider-track-disabled .sd-slider-dots .sd-slider-dot-active {
-  border-color: var(--color-fill-3);
+  border-color: var(--sd-color-fill-3);
 }
 .sd-slider-track.sd-slider-track-disabled .sd-slider-ticks .sd-slider-tick {
-  background: var(--color-fill-2);
+  background: var(--sd-color-fill-2);
 }
 .sd-slider-track.sd-slider-track-disabled .sd-slider-ticks .sd-slider-tick-active {
-  background: var(--color-fill-3);
+  background: var(--sd-color-fill-3);
 }
 .sd-slider-bar {
   position: absolute;
   top: 50%;
   height: 2px;
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
   border-radius: 2px;
   transform: translateY(-50%);
 }
@@ -127,8 +127,8 @@
   box-sizing: border-box;
   width: 12px;
   height: 12px;
-  background: var(--color-bg-2);
-  border: 2px solid rgb(var(--primary-6));
+  background: var(--sd-color-bg-2);
+  border: 2px solid rgb(var(--sd-primary-6));
   border-radius: 50%;
   transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
   content: "";
@@ -150,7 +150,7 @@
 }
 .sd-slider-marks .sd-slider-mark {
   position: absolute;
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
   font-size: 14px;
   line-height: 1;
   transform: translateX(-50%);
@@ -182,12 +182,12 @@
   box-sizing: border-box;
   width: 8px;
   height: 8px;
-  background-color: var(--color-bg-2);
-  border: 2px solid var(--color-fill-3);
+  background-color: var(--sd-color-bg-2);
+  border: 2px solid var(--sd-color-fill-3);
   border-radius: 50%;
 }
 .sd-slider-dots .sd-slider-dot-wrapper .sd-slider-dot-active {
-  border-color: rgb(var(--primary-6));
+  border-color: rgb(var(--sd-primary-6));
 }
 .sd-slider-ticks .sd-slider-tick {
   position: absolute;
@@ -195,11 +195,11 @@
   width: 1px;
   height: 3px;
   margin-top: -1px;
-  background: var(--color-fill-3);
+  background: var(--sd-color-fill-3);
   transform: translate(-50%, -100%);
 }
 .sd-slider-ticks .sd-slider-tick-active {
-  background: rgb(var(--primary-6));
+  background: rgb(var(--sd-primary-6));
 }
 .sd-slider-vertical .sd-slider-ticks .sd-slider-tick {
   top: unset;
@@ -231,5 +231,5 @@
   height: 2px;
   /* prettier-ignore */
   margin: 0 6px;
-  background: rgb(var(--gray-6));
+  background: rgb(var(--sd-gray-6));
 }

package/es/space/index.d.ts

@@ -11,7 +11,7 @@ declare const Space: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"]>;
+            type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "medium" | "large" | "small" | "mini", number | "medium" | "large" | "small" | "mini"]>;
             default: string;
         };
         wrap: {
@@ -22,9 +22,9 @@ declare const Space: {
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         fill: boolean;
-        size: number | "small" | "mini" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"];
-        direction: "horizontal" | "vertical";
+        size: number | "medium" | "large" | "small" | "mini" | [number | "medium" | "large" | "small" | "mini", number | "medium" | "large" | "small" | "mini"];
         wrap: boolean;
+        direction: "horizontal" | "vertical";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -41,7 +41,7 @@ declare const Space: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"]>;
+            type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "medium" | "large" | "small" | "mini", number | "medium" | "large" | "small" | "mini"]>;
             default: string;
         };
         wrap: {
@@ -52,9 +52,9 @@ declare const Space: {
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         fill: boolean;
-        size: number | "small" | "mini" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"];
-        direction: "horizontal" | "vertical";
+        size: number | "medium" | "large" | "small" | "mini" | [number | "medium" | "large" | "small" | "mini", number | "medium" | "large" | "small" | "mini"];
         wrap: boolean;
+        direction: "horizontal" | "vertical";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -68,7 +68,7 @@ declare const Space: {
         default: string;
     };
     size: {
-        type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"]>;
+        type: import("vue").PropType<number | "mini" | "small" | "medium" | "large" | [number | "medium" | "large" | "small" | "mini", number | "medium" | "large" | "small" | "mini"]>;
         default: string;
     };
     wrap: {
@@ -79,9 +79,9 @@ declare const Space: {
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     fill: boolean;
-    size: number | "small" | "mini" | "medium" | "large" | [number | "small" | "mini" | "medium" | "large", number | "small" | "mini" | "medium" | "large"];
-    direction: "horizontal" | "vertical";
+    size: number | "medium" | "large" | "small" | "mini" | [number | "medium" | "large" | "small" | "mini", number | "medium" | "large" | "small" | "mini"];
     wrap: boolean;
+    direction: "horizontal" | "vertical";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App, options?: SDOptions) => void;
 };

package/es/space/space.d.ts

@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     fill: boolean;
-    size: number | "small" | "mini" | "medium" | "large" | [SpaceSize, SpaceSize];
-    direction: "horizontal" | "vertical";
+    size: number | "medium" | "large" | "small" | "mini" | [SpaceSize, SpaceSize];
     wrap: boolean;
+    direction: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/spin/index.d.ts

@@ -62,4 +62,5 @@ declare const Spin: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type SpinInstance = InstanceType<typeof _Spin>;
+export type SpinProps = SpinInstance['$props'];
 export default Spin;

package/es/spin/style/index.css

@@ -29,25 +29,25 @@
   left: 50%;
   width: 8px;
   height: 8px;
-  background-color: rgb(var(--primary-6));
-  border-radius: var(--border-radius-circle);
+  background-color: rgb(var(--sd-primary-6));
+  border-radius: var(--sd-border-radius-circle);
   transform: translateX(-50%) scale(0);
   animation: sd-dot-loading 2s cubic-bezier(0, 0, 1, 1) infinite forwards;
 }
 .sd-dot-loading-item:nth-child(2) {
-  background-color: rgb(var(--primary-5));
+  background-color: rgb(var(--sd-primary-5));
   animation-delay: 400ms;
 }
 .sd-dot-loading-item:nth-child(3) {
-  background-color: rgb(var(--primary-4));
+  background-color: rgb(var(--sd-primary-4));
   animation-delay: 800ms;
 }
 .sd-dot-loading-item:nth-child(4) {
-  background-color: rgb(var(--primary-4));
+  background-color: rgb(var(--sd-primary-4));
   animation-delay: 1200ms;
 }
 .sd-dot-loading-item:nth-child(5) {
-  background-color: rgb(var(--primary-2));
+  background-color: rgb(var(--sd-primary-2));
   animation-delay: 1600ms;
 }
 
@@ -168,12 +168,12 @@
   text-align: center;
 }
 .sd-spin-icon {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
   font-size: 20px;
 }
 .sd-spin-tip {
   margin-top: 6px;
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
   font-weight: 500;
   font-size: 14px;
 }
@@ -182,7 +182,7 @@
   inset: 0;
   z-index: 11;
   text-align: center;
-  background-color: var(--color-spin-layer-bg);
+  background-color: var(--sd-color-spin-layer-bg);
   transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
   user-select: none;
 }

package/es/split/split.js

@@ -34,6 +34,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 3
 	}, 8, ["class"]);
 }
-var split_default = /* @__PURE__ */ _plugin_vue_export_helper_default(split_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var split_default = /*#__PURE__*/ _plugin_vue_export_helper_default(split_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { split_default as default };

package/es/split/split.vue_vue_type_script_lang.js

@@ -1,7 +1,7 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isString } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import resize_trigger_default from "../_components/resize-trigger.js";
 import { computed, defineComponent, nextTick, onMounted, reactive, ref, toRefs } from "vue";

package/es/split/style/index.css

@@ -36,10 +36,10 @@
   align-items: center;
   justify-content: center;
   height: 100%;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-size: 12px;
   line-height: 1;
-  background-color: var(--color-neutral-3);
+  background-color: var(--sd-color-neutral-3);
 }
 .sd-split-trigger-icon {
   display: inline-block;

package/es/statistic/countdown.js

@@ -11,6 +11,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		style: normalizeStyle(_ctx.valueStyle)
 	}, toDisplayString(_ctx.displayValue), 7)], 2)], 2);
 }
-var countdown_default = /* @__PURE__ */ _plugin_vue_export_helper_default(countdown_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var countdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default(countdown_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { countdown_default as default };

package/es/statistic/countdown.vue.d.ts

@@ -51,8 +51,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     onFinish?: (() => any) | undefined;
 }>, {
-    value: number;
     start: boolean;
+    value: number;
     format: string;
     now: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/statistic/countdown.vue_vue_type_script_lang.js

@@ -1,7 +1,7 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { getDateString } from "./utils.js";
 import { defineComponent, onBeforeUnmount, onMounted, ref, toRefs, watch } from "vue";
-import originDayjs from "dayjs";
+import dayjs from "dayjs";
 //#region components/statistic/countdown.vue?vue&type=script&lang.ts
 var countdown_vue_vue_type_script_lang_default = defineComponent({
 	name: "Countdown",
@@ -64,13 +64,13 @@ finish: () => true },
 	setup(props, { emit }) {
 		const prefixCls = getPrefixCls("statistic");
 		const { start, value, now, format } = toRefs(props);
-		const displayValue = ref(getDateString(Math.max(originDayjs(props.value).diff(originDayjs(props.now), "millisecond"), 0), props.format));
+		const displayValue = ref(getDateString(Math.max(dayjs(props.value).diff(dayjs(props.now), "millisecond"), 0), props.format));
 		watch([
 			value,
 			now,
 			format
 		], () => {
-			const _value = getDateString(Math.max(originDayjs(props.value).diff(originDayjs(props.now), "millisecond"), 0), props.format);
+			const _value = getDateString(Math.max(dayjs(props.value).diff(dayjs(props.now), "millisecond"), 0), props.format);
 			if (_value !== displayValue.value) displayValue.value = _value;
 		});
 		const timer = ref(0);
@@ -81,9 +81,9 @@ finish: () => true },
 			}
 		};
 		const startTimer = () => {
-			if (originDayjs(props.value).valueOf() < Date.now()) return;
+			if (dayjs(props.value).valueOf() < Date.now()) return;
 			timer.value = window.setInterval(() => {
-				const _value = originDayjs(props.value).diff(originDayjs(), "millisecond");
+				const _value = dayjs(props.value).diff(dayjs(), "millisecond");
 				if (_value <= 0) {
 					stopTimer();
 					emit("finish");

package/es/statistic/index.d.ts

@@ -254,8 +254,8 @@ declare const Statistic: {
     }>> & Readonly<{
         onFinish?: (() => any) | undefined;
     }>, {
-        value: number;
         start: boolean;
+        value: number;
         format: string;
         now: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/statistic/statistic.js

@@ -28,6 +28,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		class: normalizeClass(`${_ctx.prefixCls}-extra`)
 	}, [renderSlot(_ctx.$slots, "extra", {}, () => [createTextVNode(toDisplayString(_ctx.extra), 1)])], 2)) : createCommentVNode("", true)], 2)], 2);
 }
-var statistic_default = /* @__PURE__ */ _plugin_vue_export_helper_default(statistic_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var statistic_default = /*#__PURE__*/ _plugin_vue_export_helper_default(statistic_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { statistic_default as default };

package/es/statistic/statistic.vue_vue_type_script_lang.js

@@ -2,7 +2,7 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isUndefined } from "../_utils/is.js";
 import { computed, defineComponent, onMounted, ref, toRefs, watch } from "vue";
 import BTween from "b-tween";
-import originDayjs from "dayjs";
+import dayjs from "dayjs";
 import NP from "number-precision";
 //#region components/statistic/statistic.vue?vue&type=script&lang.ts
 var statistic_vue_vue_type_script_lang_default = defineComponent({
@@ -157,7 +157,7 @@ var statistic_vue_vue_type_script_lang_default = defineComponent({
 					decimal: splitValue[1]
 				};
 			}
-			if (props.format) _value = originDayjs(_value).format(props.format);
+			if (props.format) _value = dayjs(_value).format(props.format);
 			return {
 				isNumber: false,
 				value: _value

package/es/statistic/style/index.css

@@ -17,16 +17,16 @@
 /********* icon hover *********/
 .sd-statistic {
   display: inline-block;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   line-height: 1.5715;
 }
 .sd-statistic-title {
   margin-bottom: 8px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 14px;
 }
 .sd-statistic-content .sd-statistic-value {
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-weight: 500;
   font-size: 26px;
   white-space: nowrap;
@@ -47,5 +47,5 @@
 }
 .sd-statistic-extra {
   margin-top: 8px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
 }

package/es/steps/index.d.ts

@@ -56,7 +56,7 @@ declare const Steps: {
         type: "default" | "dot" | "arrow" | "navigation";
         small: boolean;
         direction: "horizontal" | "vertical";
-        status: "error" | "wait" | "finish" | "process";
+        status: "wait" | "error" | "finish" | "process";
         current: number;
         defaultCurrent: number;
         lineLess: boolean;
@@ -117,7 +117,7 @@ declare const Steps: {
         type: "default" | "dot" | "arrow" | "navigation";
         small: boolean;
         direction: "horizontal" | "vertical";
-        status: "error" | "wait" | "finish" | "process";
+        status: "wait" | "error" | "finish" | "process";
         current: number;
         defaultCurrent: number;
         lineLess: boolean;
@@ -178,7 +178,7 @@ declare const Steps: {
     type: "default" | "dot" | "arrow" | "navigation";
     small: boolean;
     direction: "horizontal" | "vertical";
-    status: "error" | "wait" | "finish" | "process";
+    status: "wait" | "error" | "finish" | "process";
     current: number;
     defaultCurrent: number;
     lineLess: boolean;
@@ -204,7 +204,7 @@ declare const Steps: {
         itemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         showTail: import("vue").ComputedRef<boolean>;
         stepNumber: import("vue").ComputedRef<number>;
-        computedStatus: import("vue").ComputedRef<"error" | "wait" | "finish" | "process">;
+        computedStatus: import("vue").ComputedRef<"wait" | "error" | "finish" | "process">;
         type: import("vue").ComputedRef<"default" | "dot" | "arrow" | "navigation">;
         handleClick: (ev: Event) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/es/steps/step.js

@@ -33,6 +33,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(_ctx.description), 1)])], 2)) : createCommentVNode("", true)], 2)
 	], 2);
 }
-var step_default = /* @__PURE__ */ _plugin_vue_export_helper_default(step_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var step_default = /*#__PURE__*/ _plugin_vue_export_helper_default(step_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { step_default as default };

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

@@ -21,7 +21,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     itemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     showTail: import("vue").ComputedRef<boolean>;
     stepNumber: import("vue").ComputedRef<number>;
-    computedStatus: import("vue").ComputedRef<"error" | "wait" | "finish" | "process">;
+    computedStatus: import("vue").ComputedRef<"wait" | "error" | "finish" | "process">;
     type: import("vue").ComputedRef<"default" | "dot" | "arrow" | "navigation">;
     handleClick: (ev: Event) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/es/steps/steps.js

@@ -5,6 +5,6 @@ import { createElementBlock, normalizeClass, openBlock, renderSlot } from "vue";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.cls) }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-var steps_default = /* @__PURE__ */ _plugin_vue_export_helper_default(steps_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var steps_default = /*#__PURE__*/ _plugin_vue_export_helper_default(steps_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { steps_default as default };

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

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