@sdata/web-vue 1.19.0 → 2.1.1

package/es/time-picker/range-panel.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hideDisabledOptions: boolean;
     }, {
         prefixCls: string;
-        t: (key: string, ...args: any[]) => string;
+        t: (key: string, ...args: unknown[]) => string;
         hours: import("vue").ComputedRef<import("./interface").TimeList>;
         minutes: import("vue").ComputedRef<import("./interface").TimeList>;
         seconds: import("vue").ComputedRef<import("./interface").TimeList>;
@@ -362,11 +362,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_ev: MouseEvent) => true;
             }, import("vue").PublicProps, {
-                autofocus: boolean;
                 disabled: boolean;
+                autofocus: boolean;
                 loading: boolean;
                 long: boolean;
-                htmlType: "reset" | "submit" | "button";
+                htmlType: "button" | "reset" | "submit";
             }, true, {}, {}, {
                 IconLoading: {
                     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -539,11 +539,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 mergedDisabled: import("vue").ComputedRef<boolean>;
                 handleClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
-                autofocus: boolean;
                 disabled: boolean;
+                autofocus: boolean;
                 loading: boolean;
                 long: boolean;
-                htmlType: "reset" | "submit" | "button";
+                htmlType: "button" | "reset" | "submit";
             }>;
             __isFragment?: never;
             __isTeleport?: never;
@@ -593,11 +593,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_ev: MouseEvent) => true;
         }, string, {
-            autofocus: boolean;
             disabled: boolean;
+            autofocus: boolean;
             loading: boolean;
             long: boolean;
-            htmlType: "reset" | "submit" | "button";
+            htmlType: "button" | "reset" | "submit";
         }, {}, string, {}, {
             IconLoading: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/time-picker/range-panel.js

@@ -1,8 +1,7 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { isUndefined } from "../_utils/is.js";
 import { isValidRangeValue } from "./utils/index.js";
 import panel_default from "./panel.js";
-import { computed, createVNode, defineComponent, ref, toRefs, watch } from "vue";
+import { computed, createVNode, defineComponent, mergeProps, ref, toRefs, watch } from "vue";
 //#region components/time-picker/range-panel.tsx
 var range_panel_default = /* @__PURE__ */ defineComponent({
 	name: "TimePickerRangePanel",
@@ -47,11 +46,11 @@ var range_panel_default = /* @__PURE__ */ defineComponent({
 		};
 	},
 	render() {
-		return createVNode(panel_default, _objectSpread2(_objectSpread2({}, this.$attrs), {}, {
-			isRange: true,
-			value: this.displayValue,
-			onSelect: this.onSelect,
-			onConfirm: this.onConfirm
+		return createVNode(panel_default, mergeProps(this.$attrs, {
+			"isRange": true,
+			"value": this.displayValue,
+			"onSelect": this.onSelect,
+			"onConfirm": this.onConfirm
 		}), this.$slots);
 	}
 });

package/es/time-picker/style/index.css

@@ -23,9 +23,9 @@
 }
 .sd-timepicker-container {
   overflow: hidden;
-  background-color: var(--color-bg-popup);
-  border: 1px solid var(--color-neutral-3);
-  border-radius: var(--border-radius-medium);
+  background-color: var(--sd-color-bg-popup);
+  border: 1px solid var(--sd-color-neutral-3);
+  border-radius: var(--sd-border-radius-medium);
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
 .sd-timepicker-column {
@@ -35,7 +35,7 @@
   overflow: hidden;
 }
 .sd-timepicker-column:not(:last-child) {
-  border-right: 1px solid var(--color-neutral-3);
+  border-right: 1px solid var(--sd-color-neutral-3);
 }
 .sd-timepicker-column:hover {
   overflow-y: auto;
@@ -54,7 +54,7 @@
 }
 .sd-timepicker-cell {
   padding: 4px 0;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-weight: 500;
   cursor: pointer;
 }
@@ -65,27 +65,27 @@
   line-height: 24px;
 }
 .sd-timepicker-cell:not(.sd-timepicker-cell-selected, .sd-timepicker-cell-disabled):hover .sd-timepicker-cell-inner {
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
 }
 .sd-timepicker-cell-selected .sd-timepicker-cell-inner {
   font-weight: 500;
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
 }
 .sd-timepicker-cell-disabled {
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
   cursor: not-allowed;
 }
 .sd-timepicker-footer-extra-wrapper {
   padding: 8px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-size: 12px;
-  border-top: 1px solid var(--color-neutral-3);
+  border-top: 1px solid var(--sd-color-neutral-3);
 }
 .sd-timepicker-footer-btn-wrapper {
   display: flex;
   justify-content: space-between;
   padding: 8px;
-  border-top: 1px solid var(--color-neutral-3);
+  border-top: 1px solid var(--sd-color-neutral-3);
 }
 .sd-timepicker-footer-btn-wrapper :only-child {
   margin-left: auto;

package/es/time-picker/time-column.js

@@ -24,6 +24,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		}, [createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-cell-inner`) }, toDisplayString(item.label), 3)], 10, _hoisted_1);
 	}), 128))])], 2);
 }
-var time_column_default = /* @__PURE__ */ _plugin_vue_export_helper_default(time_column_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var time_column_default = /*#__PURE__*/ _plugin_vue_export_helper_default(time_column_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { time_column_default as default };

package/es/time-picker/time-picker.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
 import time_picker_vue_vue_type_script_lang_default from "./time-picker.vue_vue_type_script_lang.js";
 import { createBlock, createElementVNode, createSlots, createVNode, mergeProps, normalizeClass, openBlock, renderSlot, resolveComponent, resolveDynamicComponent, withCtx } from "vue";
@@ -100,6 +100,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"onPopupVisibleChange"
 	]);
 }
-var time_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(time_picker_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var time_picker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(time_picker_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { time_picker_default as default };

package/es/time-picker/time-picker.vue.d.ts

@@ -115,7 +115,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         onDisplayIndexChange?: undefined;
     }>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
-    onPanelVisibleChange: any;
+    onPanelVisibleChange: (newVisible: boolean) => void;
     onInputClear: (e: Event) => void;
     onPanelSelect: (value: Dayjs | Array<Dayjs | undefined>) => void;
     onPanelConfirm: (value: Dayjs | Dayjs[]) => void;
@@ -216,12 +216,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onPopup-visible-change"?: ((_visible: boolean) => any) | undefined;
 }>, {
     type: "time" | "time-range";
+    position: "bottom" | "top" | "tl" | "tr" | "bl" | "br";
+    disabled: boolean;
     error: boolean;
     readonly: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-    disabled: boolean;
     unmountOnClose: boolean;
     allowClear: boolean;
     format: string;
@@ -375,10 +375,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -386,12 +386,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             hide: () => true;
             resize: () => true;
         }, import("vue").PublicProps, {
+            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+            disabled: boolean;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -566,17 +566,17 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+            disabled: boolean;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -748,10 +748,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -759,12 +759,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         hide: () => true;
         resize: () => true;
     }, string, {
+        position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
+        disabled: boolean;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
-        disabled: boolean;
         popupOffset: number;
         showArrow: boolean;
         alignPoint: boolean;
@@ -876,9 +876,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         onClear?: ((...args: any[]) => any) | undefined;
         "onPress-enter"?: ((...args: any[]) => any) | undefined;
     }>, {
+        disabled: boolean;
         error: boolean;
         readonly: boolean;
-        disabled: boolean;
         allowClear: boolean;
         focused: boolean;
     }, {}, {
@@ -896,7 +896,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>, {
             prefixCls: string;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             prefix: {
                 type: StringConstructor;
             };
@@ -908,8 +908,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
-            size: "small" | "mini" | "medium" | "large";
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: "medium" | "large" | "small" | "mini";
             disabled: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         IconClose: {
@@ -1638,10 +1640,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
         "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
     }>, {
+        disabled: boolean | boolean[];
         error: boolean;
         readonly: boolean;
         value: (Dayjs | undefined)[];
-        disabled: boolean | boolean[];
         placeholder: string[];
         allowClear: boolean;
         focused: boolean;
@@ -1660,7 +1662,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>, {
             prefixCls: string;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             prefix: {
                 type: StringConstructor;
             };
@@ -1672,8 +1674,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
-            size: "small" | "mini" | "medium" | "large";
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: "medium" | "large" | "small" | "mini";
             disabled: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         IconClose: {
@@ -2314,7 +2318,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         hideDisabledOptions: boolean;
     }, {
         prefixCls: string;
-        t: (key: string, ...args: any[]) => string;
+        t: (key: string, ...args: unknown[]) => string;
         hours: import("vue").ComputedRef<import("./interface.js").TimeList>;
         minutes: import("vue").ComputedRef<import("./interface.js").TimeList>;
         seconds: import("vue").ComputedRef<import("./interface.js").TimeList>;
@@ -2627,11 +2631,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_ev: MouseEvent) => true;
             }, import("vue").PublicProps, {
-                autofocus: boolean;
                 disabled: boolean;
+                autofocus: boolean;
                 loading: boolean;
                 long: boolean;
-                htmlType: "reset" | "submit" | "button";
+                htmlType: "button" | "reset" | "submit";
             }, true, {}, {}, {
                 IconLoading: {
                     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -2804,11 +2808,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 mergedDisabled: import("vue").ComputedRef<boolean>;
                 handleClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
-                autofocus: boolean;
                 disabled: boolean;
+                autofocus: boolean;
                 loading: boolean;
                 long: boolean;
-                htmlType: "reset" | "submit" | "button";
+                htmlType: "button" | "reset" | "submit";
             }>;
             __isFragment?: never;
             __isTeleport?: never;
@@ -2858,11 +2862,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_ev: MouseEvent) => true;
         }, string, {
-            autofocus: boolean;
             disabled: boolean;
+            autofocus: boolean;
             loading: boolean;
             long: boolean;
-            htmlType: "reset" | "submit" | "button";
+            htmlType: "button" | "reset" | "submit";
         }, {}, string, {}, {
             IconLoading: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -3074,7 +3078,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             hideDisabledOptions: boolean;
         }, {
             prefixCls: string;
-            t: (key: string, ...args: any[]) => string;
+            t: (key: string, ...args: unknown[]) => string;
             hours: import("vue").ComputedRef<import("./interface.js").TimeList>;
             minutes: import("vue").ComputedRef<import("./interface.js").TimeList>;
             seconds: import("vue").ComputedRef<import("./interface.js").TimeList>;
@@ -3387,11 +3391,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (_ev: MouseEvent) => true;
                 }, import("vue").PublicProps, {
-                    autofocus: boolean;
                     disabled: boolean;
+                    autofocus: boolean;
                     loading: boolean;
                     long: boolean;
-                    htmlType: "reset" | "submit" | "button";
+                    htmlType: "button" | "reset" | "submit";
                 }, true, {}, {}, {
                     IconLoading: {
                         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -3564,11 +3568,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     mergedDisabled: import("vue").ComputedRef<boolean>;
                     handleClick: (ev: MouseEvent) => void;
                 }, {}, {}, {}, {
-                    autofocus: boolean;
                     disabled: boolean;
+                    autofocus: boolean;
                     loading: boolean;
                     long: boolean;
-                    htmlType: "reset" | "submit" | "button";
+                    htmlType: "button" | "reset" | "submit";
                 }>;
                 __isFragment?: never;
                 __isTeleport?: never;
@@ -3618,11 +3622,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_ev: MouseEvent) => true;
             }, string, {
-                autofocus: boolean;
                 disabled: boolean;
+                autofocus: boolean;
                 loading: boolean;
                 long: boolean;
-                htmlType: "reset" | "submit" | "button";
+                htmlType: "button" | "reset" | "submit";
             }, {}, string, {}, {
                 IconLoading: {
                     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/time-picker/utils/index.d.ts

@@ -9,7 +9,7 @@ export declare function getFormattedValue(time: Dayjs, format: string): string;
 export declare function getFormattedValue(time: Dayjs | undefined, format: string): string | undefined;
 export declare function getFormattedValue(time: Array<Dayjs | undefined> | undefined, format: string): Array<string | undefined> | undefined;
 export declare function getFormattedValue(time: Dayjs | Array<Dayjs | undefined> | undefined, format: string): string | Array<string | undefined> | undefined;
-export declare function isValidRangeValue(value: any): value is undefined | Dayjs[];
+export declare function isValidRangeValue(value: unknown): value is undefined | Dayjs[];
 export declare function isValidInputValue(time: string, format: string): boolean;
 export declare function isDisabledTime(value: Dayjs | undefined, { disabledHours, disabledMinutes, disabledSeconds, }: {
     disabledHours: TimePickerProps['disabledHours'];

package/es/timeline/item.js

@@ -31,6 +31,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		}, [_ctx.$slots.label ? renderSlot(_ctx.$slots, "label", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(_ctx.label), 1)], 64))], 2)) : createCommentVNode("", true)
 	], 2);
 }
-var item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(item_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(item_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { item_default as default };

package/es/timeline/item.vue_vue_type_script_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { timelineInjectionKey } from "./context.js";
 import { computed, defineComponent, getCurrentInstance, inject } from "vue";

package/es/timeline/style/index.css

@@ -23,17 +23,17 @@
   position: relative;
   min-height: 78px;
   padding-left: 6px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-size: 14px;
 }
 .sd-timeline-item-label {
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
   font-size: 12px;
   line-height: 1.667;
 }
 .sd-timeline-item-content {
   margin-bottom: 4px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-size: 14px;
   line-height: 1.5715;
 }
@@ -64,15 +64,15 @@
   width: 6px;
   height: 6px;
   margin-top: -50%;
-  color: rgb(var(--primary-6));
-  border-radius: var(--border-radius-circle);
+  color: rgb(var(--sd-primary-6));
+  border-radius: var(--sd-border-radius-circle);
 }
 .sd-timeline-item-dot-solid {
-  background-color: rgb(var(--primary-6));
+  background-color: rgb(var(--sd-primary-6));
 }
 .sd-timeline-item-dot-hollow {
-  background-color: var(--color-bg-2);
-  border: 2px solid rgb(var(--primary-6));
+  background-color: var(--sd-color-bg-2);
+  border: 2px solid rgb(var(--sd-primary-6));
 }
 .sd-timeline-item-dot-custom {
   position: absolute;
@@ -80,8 +80,8 @@
   left: 50%;
   display: inline-flex;
   box-sizing: border-box;
-  color: rgb(var(--primary-6));
-  background-color: var(--color-bg-2);
+  color: rgb(var(--sd-primary-6));
+  background-color: var(--sd-color-bg-2);
   transform: translateX(-50%) translateY(-50%);
   transform-origin: center;
 }
@@ -95,7 +95,7 @@
   left: 50%;
   box-sizing: border-box;
   width: 1px;
-  border-color: var(--color-neutral-3);
+  border-color: var(--sd-color-neutral-3);
   border-left-width: 1px;
   transform: translateX(-50%);
 }