@cregis/ui 1.0.20 → 1.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.js +1096 -1080
- package/dist/types/index.d.ts +21 -13
- package/package.json +1 -1
package/dist/types/index.d.ts
CHANGED
|
@@ -709,49 +709,57 @@ declare type TagType = 'subtle' | 'solid' | 'gray' | 'strokeSubtle' | 'strokeSol
|
|
|
709
709
|
|
|
710
710
|
export declare const Timeline: DefineComponent<TimelineProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TimelineProps> & Readonly<{}>, {
|
|
711
711
|
dotSize: number | string;
|
|
712
|
-
activeColor: string;
|
|
713
712
|
lineWidth: number | string;
|
|
713
|
+
iconSize: number | string;
|
|
714
714
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
715
715
|
|
|
716
|
-
/** 未激活节点圆点颜色,固定不可自定义 */
|
|
717
|
-
export declare const TIMELINE_INACTIVE_DOT_COLOR = "var(--material-card-deep)";
|
|
718
|
-
|
|
719
716
|
export declare const TIMELINE_KEY: InjectionKey<TimelineContext>;
|
|
720
717
|
|
|
721
718
|
/** 节点连线颜色,固定不可自定义 */
|
|
722
719
|
export declare const TIMELINE_LINE_COLOR = "var(--stroke-outline-subtle)";
|
|
723
720
|
|
|
721
|
+
/** 已完成节点背景色 */
|
|
722
|
+
export declare const TIMELINE_STATUS_FINISHED_COLOR = "var(--material-brand-primary)";
|
|
723
|
+
|
|
724
|
+
/** 未开始节点边框色 */
|
|
725
|
+
export declare const TIMELINE_STATUS_NOT_STARTED_BORDER_COLOR = "var(--stroke-outline-deep)";
|
|
726
|
+
|
|
727
|
+
/** 待处理节点背景色 */
|
|
728
|
+
export declare const TIMELINE_STATUS_PENDING_COLOR = "var(--material-warning-primary)";
|
|
729
|
+
|
|
724
730
|
export declare interface TimelineContext {
|
|
725
731
|
dotSize: Ref<number | string>;
|
|
726
|
-
activeColor: Ref<string>;
|
|
727
732
|
lineWidth: Ref<number | string>;
|
|
733
|
+
iconSize: Ref<number | string>;
|
|
728
734
|
}
|
|
729
735
|
|
|
730
736
|
export declare const TimelineItem: DefineComponent<TimelineItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
|
|
731
|
-
|
|
737
|
+
status: TimelineItemStatus;
|
|
732
738
|
contentHoverable: boolean;
|
|
733
739
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
734
740
|
|
|
735
741
|
export declare interface TimelineItemProps {
|
|
736
|
-
/**
|
|
737
|
-
|
|
742
|
+
/** 节点状态:finished 已完成 / pending 待处理 / not-started 未开始,默认 not-started */
|
|
743
|
+
status?: TimelineItemStatus;
|
|
738
744
|
/** 节点圆点直径,可覆盖 Timeline 默认值 */
|
|
739
745
|
dotSize?: number | string;
|
|
740
|
-
/** 激活节点圆点颜色,可覆盖 Timeline 默认值 */
|
|
741
|
-
activeColor?: string;
|
|
742
746
|
/** 连接线宽度,可覆盖 Timeline 默认值 */
|
|
743
747
|
lineWidth?: number | string;
|
|
748
|
+
/** 节点图标尺寸,可覆盖 Timeline 默认值 */
|
|
749
|
+
iconSize?: number | string;
|
|
744
750
|
/** content 区域是否启用 hover 背景,默认 true */
|
|
745
751
|
contentHoverable?: boolean;
|
|
746
752
|
}
|
|
747
753
|
|
|
754
|
+
export declare type TimelineItemStatus = 'finished' | 'pending' | 'not-started';
|
|
755
|
+
|
|
748
756
|
export declare interface TimelineProps {
|
|
749
|
-
/** 节点圆点直径,默认
|
|
757
|
+
/** 节点圆点直径,默认 16 */
|
|
750
758
|
dotSize?: number | string;
|
|
751
|
-
/** 激活节点圆点颜色,默认 var(--text-brand-primary) */
|
|
752
|
-
activeColor?: string;
|
|
753
759
|
/** 连接线宽度,默认 2 */
|
|
754
760
|
lineWidth?: number | string;
|
|
761
|
+
/** 节点图标尺寸,默认 8 */
|
|
762
|
+
iconSize?: number | string;
|
|
755
763
|
}
|
|
756
764
|
|
|
757
765
|
export declare type Type = 'primary' | 'info' | 'success' | 'warning' | 'danger';
|