@robot-admin/naive-ui-components 0.6.12 → 0.6.13

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.
Files changed (46) hide show
  1. package/dist/C_Steps-HZ438_4G.css.map +1 -0
  2. package/dist/C_Steps-uMxhEbg-.css.map +1 -0
  3. package/dist/C_Steps.css +43 -39
  4. package/dist/C_Steps.js.map +1 -1
  5. package/dist/C_Steps2.js +1 -1
  6. package/dist/C_Steps2.js.map +1 -1
  7. package/dist/constants.d.ts +4 -4
  8. package/dist/constants2.d.ts +3 -3
  9. package/dist/constants3.d.ts +2 -2
  10. package/dist/constants4.d.ts +3 -3
  11. package/dist/constants5.d.ts +2 -2
  12. package/dist/data.d.ts +1 -1
  13. package/dist/index10.vue.d.ts +3 -3
  14. package/dist/index11.vue.d.ts +2 -2
  15. package/dist/index13.vue.d.ts +3 -3
  16. package/dist/index15.vue.d.ts +2 -2
  17. package/dist/index16.vue.d.ts +2 -2
  18. package/dist/index17.vue.d.ts +1 -1
  19. package/dist/index18.vue.d.ts +3 -3
  20. package/dist/index2.vue.d.ts +1 -1
  21. package/dist/index20.vue.d.ts +2 -2
  22. package/dist/index21.vue.d.ts +3 -1
  23. package/dist/index24.vue.d.ts +1 -1
  24. package/dist/index25.vue.d.ts +2 -2
  25. package/dist/index26.vue.d.ts +1 -1
  26. package/dist/index6.vue.d.ts +3 -3
  27. package/dist/index7.vue.d.ts +2 -2
  28. package/dist/index8.vue.d.ts +4 -4
  29. package/dist/index9.vue.d.ts +2 -2
  30. package/dist/style.css +45 -41
  31. package/dist/useCalendarEvents.d.ts +1 -1
  32. package/dist/useCollapsePanel.d.ts +3 -3
  33. package/dist/useCropperCore.d.ts +5 -5
  34. package/dist/useDraggableLayout.d.ts +2 -2
  35. package/dist/useDynamicFormState.d.ts +2 -2
  36. package/dist/useEdgeInteraction.d.ts +1 -1
  37. package/dist/useInfiniteScroll.d.ts +3 -3
  38. package/dist/useQRCode.d.ts +1 -1
  39. package/dist/useSignatureHistory.d.ts +1 -1
  40. package/dist/useSplitResize.d.ts +6 -6
  41. package/dist/useTimeSelection.d.ts +1 -1
  42. package/dist/useTreeOperations.d.ts +2 -2
  43. package/dist/useWorkflowValidation.d.ts +3 -3
  44. package/package.json +1 -1
  45. package/dist/C_Steps-B1Wf3E73.css.map +0 -1
  46. package/dist/C_Steps-C8cOf_tu.css.map +0 -1
@@ -67,8 +67,8 @@ declare const __VLS_export: vue.DefineComponent<CalendarProps, CalendarExpose, {
67
67
  "onEvent-dropped"?: ((event: Partial<CalendarEvent>) => any) | undefined;
68
68
  }>, {
69
69
  editable: boolean;
70
- events: CalendarEvent[];
71
70
  initialView: CalendarViewType;
71
+ events: CalendarEvent[];
72
72
  showAddDialog: boolean;
73
73
  showEditDialog: boolean;
74
74
  }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
@@ -69,21 +69,21 @@ declare var __VLS_7: `header-${string}`, __VLS_8: {
69
69
  type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any } & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any } & { [K in NonNullable<typeof __VLS_31>]?: (props: typeof __VLS_32) => any };
70
70
  declare const __VLS_base: vue.DefineComponent<Props, CollapsePanelExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
71
71
  change: (activeKeys: string[]) => any;
72
- collapse: (key: string) => any;
73
72
  "update:activeKeys": (keys: string[]) => any;
74
73
  expand: (key: string) => any;
74
+ collapse: (key: string) => any;
75
75
  }, string, vue.PublicProps, Readonly<Props> & Readonly<{
76
76
  onChange?: ((activeKeys: string[]) => any) | undefined;
77
- onCollapse?: ((key: string) => any) | undefined;
78
77
  "onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
79
78
  onExpand?: ((key: string) => any) | undefined;
79
+ onCollapse?: ((key: string) => any) | undefined;
80
80
  }>, {
81
- bordered: boolean;
82
81
  activeKeys: string[];
83
82
  defaultActiveKeys: string[];
84
83
  accordion: boolean;
85
84
  variant: CollapsePanelVariant;
86
85
  expandIconPosition: ExpandIconPosition;
86
+ bordered: boolean;
87
87
  persistKey: string;
88
88
  }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
89
89
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -53,26 +53,26 @@ interface ImageCropperEmits {
53
53
  declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
54
54
  error: (error: Event) => any;
55
55
  ready: () => any;
56
- cancel: () => any;
57
56
  crop: (result: any) => any;
58
57
  confirm: (result: any) => any;
58
+ cancel: () => any;
59
59
  }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
60
60
  onError?: ((error: Event) => any) | undefined;
61
61
  onReady?: (() => any) | undefined;
62
- onCancel?: (() => any) | undefined;
63
62
  onCrop?: ((result: any) => any) | undefined;
64
63
  onConfirm?: ((result: any) => any) | undefined;
64
+ onCancel?: (() => any) | undefined;
65
65
  }>, {
66
66
  height: string | number;
67
- showToolbar: boolean;
68
67
  disabled: boolean;
69
- showPreview: boolean;
70
- aspectRatio: number;
71
68
  src: string;
69
+ aspectRatio: number;
72
70
  outputFormat: CropOutputFormat;
73
71
  outputQuality: number;
74
72
  maxOutputWidth: number;
75
73
  maxOutputHeight: number;
74
+ showPreview: boolean;
75
+ showToolbar: boolean;
76
76
  circular: boolean;
77
77
  modal: boolean;
78
78
  modalTitle: string;
@@ -117,9 +117,9 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
117
117
  "onList-change"?: ((list: DraggableItem[]) => any) | undefined;
118
118
  }>, {
119
119
  sort: boolean;
120
- direction: "vertical" | "horizontal";
121
- disabled: boolean;
122
120
  modelValue: DraggableItem[];
121
+ disabled: boolean;
122
+ direction: "vertical" | "horizontal";
123
123
  delay: number;
124
124
  group: string | GroupOptions;
125
125
  animation: number;
@@ -1354,7 +1354,6 @@ declare const useDynamicFormState: () => {
1354
1354
  } | undefined;
1355
1355
  readonly trigger?: string | readonly string[] | undefined;
1356
1356
  readonly pattern?: (RegExp | string) | undefined;
1357
- readonly level?: "warning" | "error" | undefined;
1358
1357
  readonly key?: string | undefined;
1359
1358
  readonly asyncValidator?: naive_ui_es_form_src_interface0.FormItemRuleAsyncValidator | undefined;
1360
1359
  readonly min?: number | undefined;
@@ -1932,6 +1931,7 @@ declare const useDynamicFormState: () => {
1932
1931
  readonly transform?: ((value: Value) => Value) | undefined;
1933
1932
  readonly message?: string | ((a?: string) => string) | undefined;
1934
1933
  readonly renderMessage?: (() => vue.VNodeChild) | undefined;
1934
+ readonly level?: "warning" | "error" | undefined;
1935
1935
  readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
1936
1936
  }[] | undefined;
1937
1937
  readonly attrs?: {
@@ -3631,7 +3631,6 @@ declare const useDynamicFormState: () => {
3631
3631
  } | undefined;
3632
3632
  readonly trigger?: string | readonly string[] | undefined;
3633
3633
  readonly pattern?: (RegExp | string) | undefined;
3634
- readonly level?: "warning" | "error" | undefined;
3635
3634
  readonly key?: string | undefined;
3636
3635
  readonly asyncValidator?: naive_ui_es_form_src_interface0.FormItemRuleAsyncValidator | undefined;
3637
3636
  readonly min?: number | undefined;
@@ -4209,6 +4208,7 @@ declare const useDynamicFormState: () => {
4209
4208
  readonly transform?: ((value: Value) => Value) | undefined;
4210
4209
  readonly message?: string | ((a?: string) => string) | undefined;
4211
4210
  readonly renderMessage?: (() => vue.VNodeChild) | undefined;
4211
+ readonly level?: "warning" | "error" | undefined;
4212
4212
  readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
4213
4213
  }[] | undefined;
4214
4214
  }[];
@@ -261,9 +261,9 @@ declare const __VLS_export: vue.DefineComponent<Props, {
261
261
  }>, {
262
262
  width: string | number;
263
263
  height: string | number;
264
+ theme: "light" | "dark";
264
265
  readonly: boolean;
265
266
  showToolbar: boolean;
266
- theme: "light" | "dark";
267
267
  }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
268
268
  declare const _default: typeof __VLS_export;
269
269
  //#endregion
@@ -90,13 +90,13 @@ declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {
90
90
  "onImage-error"?: ((item: WaterFallItem) => any) | undefined;
91
91
  }>, {
92
92
  loading: boolean;
93
- columns: number;
94
93
  gap: number;
95
- animationDuration: number;
96
- infinite: boolean;
94
+ columns: number;
97
95
  lazy: boolean;
96
+ infinite: boolean;
98
97
  skeleton: boolean;
99
98
  skeletonCount: number;
99
+ animationDuration: number;
100
100
  breakpoints: WaterFallBreakpoint[];
101
101
  noMore: boolean;
102
102
  }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
@@ -53,9 +53,9 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
53
53
  showBorder: boolean;
54
54
  label: string;
55
55
  showLabel: boolean;
56
+ mode: RenderMode;
56
57
  size: number;
57
58
  color: string;
58
- mode: RenderMode;
59
59
  margin: number;
60
60
  bgColor: string;
61
61
  errorCorrectionLevel: ErrorCorrectionLevel;
@@ -109,9 +109,9 @@ declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose,
109
109
  }>, {
110
110
  width: number | string;
111
111
  height: number | string;
112
+ disabled: boolean;
112
113
  readonly: boolean;
113
114
  showToolbar: boolean;
114
- disabled: boolean;
115
115
  maxHistory: number;
116
116
  }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
117
117
  declare const _default: typeof __VLS_export;
@@ -66,24 +66,24 @@ type __VLS_Slots = {} & {
66
66
  second?: (props: typeof __VLS_13) => any;
67
67
  };
68
68
  declare const __VLS_base: vue.DefineComponent<Props, SplitPaneExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
69
+ expand: (target: CollapseTarget) => any;
70
+ collapse: (target: CollapseTarget) => any;
69
71
  "drag-start": (size: number) => any;
70
72
  "drag-end": (size: number) => any;
71
73
  resize: (firstSize: number, secondSize: number) => any;
72
- collapse: (target: CollapseTarget) => any;
73
- expand: (target: CollapseTarget) => any;
74
74
  }, string, vue.PublicProps, Readonly<Props> & Readonly<{
75
+ onExpand?: ((target: CollapseTarget) => any) | undefined;
76
+ onCollapse?: ((target: CollapseTarget) => any) | undefined;
75
77
  "onDrag-start"?: ((size: number) => any) | undefined;
76
78
  "onDrag-end"?: ((size: number) => any) | undefined;
77
79
  onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
78
- onCollapse?: ((target: CollapseTarget) => any) | undefined;
79
- onExpand?: ((target: CollapseTarget) => any) | undefined;
80
80
  }>, {
81
- direction: SplitDirection;
82
81
  disabled: boolean;
82
+ direction: SplitDirection;
83
83
  step: number;
84
- maxSize: number;
85
84
  defaultSize: number;
86
85
  minSize: number;
86
+ maxSize: number;
87
87
  collapsible: boolean;
88
88
  showCollapseButton: boolean;
89
89
  gutterSize: number;
@@ -53,7 +53,6 @@ declare const __VLS_export: vue.DefineComponent<TimeProps, TimeExpose, {}, {}, {
53
53
  mode: TimeMode;
54
54
  startPlaceholder: string;
55
55
  endPlaceholder: string;
56
- attrs: Record<string, any>;
57
56
  useHours: boolean;
58
57
  useMinutes: boolean;
59
58
  useSeconds: boolean;
@@ -62,6 +61,7 @@ declare const __VLS_export: vue.DefineComponent<TimeProps, TimeExpose, {}, {}, {
62
61
  secondStep: number;
63
62
  startTimeProps: Record<string, any>;
64
63
  endTimeProps: Record<string, any>;
64
+ attrs: Record<string, any>;
65
65
  defaultStartTime: number | null;
66
66
  defaultEndTime: number | null;
67
67
  defaultSingleTime: number | null;
@@ -102,13 +102,13 @@ declare const __VLS_base: vue.DefineComponent<TreeProps, TreeExpose, {}, {}, {},
102
102
  "onNode-action"?: ((action: string, node: TreeNodeData) => any) | undefined;
103
103
  "onNode-drop"?: ((info: DropInfo) => any) | undefined;
104
104
  }>, {
105
- showToolbar: boolean;
105
+ mode: TreeMode;
106
106
  actions: ActionConfig[];
107
107
  labelField: string;
108
108
  childrenField: string;
109
- mode: TreeMode;
110
109
  draggable: boolean;
111
110
  keyField: string;
111
+ showToolbar: boolean;
112
112
  searchPattern: string;
113
113
  searchable: boolean;
114
114
  searchPlaceholder: string;
@@ -237,22 +237,22 @@ declare const __VLS_export: vue.DefineComponent<WorkflowProps, {
237
237
  conditionNodes: number;
238
238
  }>;
239
239
  }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
240
- change: (value: WorkflowData) => any;
241
240
  "update:modelValue": (value: WorkflowData) => any;
241
+ change: (value: WorkflowData) => any;
242
242
  save: (data: WorkflowData) => any;
243
243
  "validate-error": (errors: ValidationError[]) => any;
244
244
  "node-click": (node: WorkflowNode) => any;
245
245
  "edge-click": (edge: WorkflowEdge) => any;
246
246
  }, string, vue.PublicProps, Readonly<WorkflowProps> & Readonly<{
247
- onChange?: ((value: WorkflowData) => any) | undefined;
248
247
  "onUpdate:modelValue"?: ((value: WorkflowData) => any) | undefined;
248
+ onChange?: ((value: WorkflowData) => any) | undefined;
249
249
  onSave?: ((data: WorkflowData) => any) | undefined;
250
250
  "onValidate-error"?: ((errors: ValidationError[]) => any) | undefined;
251
251
  "onNode-click"?: ((node: WorkflowNode) => any) | undefined;
252
252
  "onEdge-click"?: ((edge: WorkflowEdge) => any) | undefined;
253
253
  }>, {
254
- readonly: boolean;
255
254
  theme: "light" | "dark";
255
+ readonly: boolean;
256
256
  users: User[];
257
257
  roles: Role[];
258
258
  departments: Department[];
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "0.6.12",
6
+ "version": "0.6.13",
7
7
  "description": "基于 Naive UI 的 Vue 3 组件库",
8
8
  "type": "module",
9
9
  "main": "dist/index.cjs",
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Steps-B1Wf3E73.css","names":[],"sources":["../src/components/C_Steps/index.vue?vue&type=style&index=0&scoped=ecd7bf0c&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-steps[data-v-ecd7bf0c] {\n --step-gap: 24px;\n --icon-size: 32px;\n --line-width: 2px;\n --primary: var(--c-primary, #18a058);\n --success: var(--c-success, #18a058);\n --warning: var(--c-warning, #f0a020);\n --error: var(--c-error, #d03050);\n --border: var(--c-border, rgba(0, 0, 0, 0.09));\n --bg-hover: rgba(0, 0, 0, 0.04);\n display: flex;\n}\n.steps-horizontal[data-v-ecd7bf0c] {\n flex-direction: row;\n align-items: flex-start;\n}\n.steps-vertical[data-v-ecd7bf0c] {\n flex-direction: column;\n}\n.step-item[data-v-ecd7bf0c] {\n display: flex;\n position: relative;\n flex: 1;\n gap: 12px;\n}\n.steps-horizontal .step-item[data-v-ecd7bf0c] {\n flex-direction: column;\n align-items: center;\n text-align: center;\n min-width: 0;\n}\n.steps-vertical .step-item[data-v-ecd7bf0c] {\n flex-direction: row;\n min-height: 72px;\n flex: none;\n width: 100%;\n}\n.step-indicator[data-v-ecd7bf0c] {\n position: relative;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n.steps-horizontal .step-indicator[data-v-ecd7bf0c] {\n width: 100%;\n justify-content: center;\n}\n.steps-vertical .step-indicator[data-v-ecd7bf0c] {\n flex-direction: column;\n}\n.step-icon[data-v-ecd7bf0c] {\n width: var(--icon-size);\n height: var(--icon-size);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: var(--line-width) solid var(--border);\n background: var(--c-bg-card, #fff);\n position: relative;\n z-index: 2;\n transition: all 0.2s ease;\n font-size: 16px;\n}\n.step-finish .step-icon[data-v-ecd7bf0c] {\n border-color: var(--success);\n color: var(--success);\n}\n.step-process .step-icon[data-v-ecd7bf0c] {\n border-color: var(--primary);\n background: var(--primary);\n color: white;\n}\n.step-error .step-icon[data-v-ecd7bf0c] {\n border-color: var(--error);\n color: var(--error);\n}\n.step-index[data-v-ecd7bf0c] {\n font-size: 14px;\n font-weight: 500;\n}\n.step-line[data-v-ecd7bf0c] {\n background: var(--border);\n position: absolute;\n transition: background 0.2s ease;\n}\n.steps-horizontal .step-line[data-v-ecd7bf0c] {\n height: var(--line-width);\n left: calc(50% + var(--icon-size) / 2);\n right: calc(-50% + var(--icon-size) / 2);\n top: calc(var(--icon-size) / 2);\n}\n.steps-vertical .step-line[data-v-ecd7bf0c] {\n width: var(--line-width);\n top: var(--icon-size);\n bottom: 0;\n left: calc(var(--icon-size) / 2 - 1px);\n}\n.step-finish .step-line[data-v-ecd7bf0c] {\n background: var(--success);\n}\n.step-content[data-v-ecd7bf0c] {\n flex: 1;\n min-width: 0;\n}\n.steps-vertical .step-content[data-v-ecd7bf0c] {\n padding-top: 4px;\n}\n.step-title[data-v-ecd7bf0c] {\n font-size: 14px;\n font-weight: 500;\n line-height: 22px;\n margin-bottom: 2px;\n word-break: break-word;\n}\n.step-time[data-v-ecd7bf0c] {\n font-size: 12px;\n line-height: 20px;\n margin-bottom: 2px;\n opacity: 0.65;\n}\n.step-finish .step-time[data-v-ecd7bf0c] {\n color: var(--success);\n}\n.step-description[data-v-ecd7bf0c] {\n font-size: 12px;\n line-height: 20px;\n opacity: 0.65;\n}\n.step-wait .step-title[data-v-ecd7bf0c] {\n opacity: 0.65;\n}\n.step-process .step-title[data-v-ecd7bf0c] {\n color: var(--primary);\n font-weight: 600;\n}\n.step-error .step-title[data-v-ecd7bf0c] {\n color: var(--error);\n}\n.step-clickable[data-v-ecd7bf0c] {\n cursor: pointer;\n}\n.step-clickable:hover .step-icon[data-v-ecd7bf0c] {\n transform: scale(1.05);\n}\n.step-clickable:not(.step-process):hover .step-icon[data-v-ecd7bf0c] {\n background: var(--bg-hover);\n}\n.step-clickable:hover .step-title[data-v-ecd7bf0c] {\n color: var(--primary);\n}\n@media (max-width: 768px) {\n.steps-horizontal[data-v-ecd7bf0c] {\n flex-wrap: wrap;\n}\n.steps-horizontal .step-item[data-v-ecd7bf0c] {\n flex: 0 0 50%;\n margin-bottom: 24px;\n}\n.steps-horizontal .step-line[data-v-ecd7bf0c] {\n display: none;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.step-icon[data-v-ecd7bf0c],\n .step-line[data-v-ecd7bf0c] {\n transition: none;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C_Steps-C8cOf_tu.css","names":[],"sources":["../src/components/C_Steps/index.vue?vue&type=style&index=0&scoped=ecd7bf0c&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-steps[data-v-ecd7bf0c] {\n --step-gap: 24px;\n --icon-size: 32px;\n --line-width: 2px;\n --primary: var(--c-primary, #18a058);\n --success: var(--c-success, #18a058);\n --warning: var(--c-warning, #f0a020);\n --error: var(--c-error, #d03050);\n --border: var(--c-border, rgba(0, 0, 0, 0.09));\n --bg-hover: rgba(0, 0, 0, 0.04);\n display: flex;\n}\n.steps-horizontal[data-v-ecd7bf0c] {\n flex-direction: row;\n align-items: flex-start;\n}\n.steps-vertical[data-v-ecd7bf0c] {\n flex-direction: column;\n}\n.step-item[data-v-ecd7bf0c] {\n display: flex;\n position: relative;\n flex: 1;\n gap: 12px;\n}\n.steps-horizontal .step-item[data-v-ecd7bf0c] {\n flex-direction: column;\n align-items: center;\n text-align: center;\n min-width: 0;\n}\n.steps-vertical .step-item[data-v-ecd7bf0c] {\n flex-direction: row;\n min-height: 72px;\n flex: none;\n width: 100%;\n}\n.step-indicator[data-v-ecd7bf0c] {\n position: relative;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n.steps-horizontal .step-indicator[data-v-ecd7bf0c] {\n width: 100%;\n justify-content: center;\n}\n.steps-vertical .step-indicator[data-v-ecd7bf0c] {\n flex-direction: column;\n}\n.step-icon[data-v-ecd7bf0c] {\n width: var(--icon-size);\n height: var(--icon-size);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: var(--line-width) solid var(--border);\n background: var(--c-bg-card, #fff);\n position: relative;\n z-index: 2;\n transition: all 0.2s ease;\n font-size: 16px;\n}\n.step-finish .step-icon[data-v-ecd7bf0c] {\n border-color: var(--success);\n color: var(--success);\n}\n.step-process .step-icon[data-v-ecd7bf0c] {\n border-color: var(--primary);\n background: var(--primary);\n color: white;\n}\n.step-error .step-icon[data-v-ecd7bf0c] {\n border-color: var(--error);\n color: var(--error);\n}\n.step-index[data-v-ecd7bf0c] {\n font-size: 14px;\n font-weight: 500;\n}\n.step-line[data-v-ecd7bf0c] {\n background: var(--border);\n position: absolute;\n transition: background 0.2s ease;\n}\n.steps-horizontal .step-line[data-v-ecd7bf0c] {\n height: var(--line-width);\n left: calc(50% + var(--icon-size) / 2);\n right: calc(-50% + var(--icon-size) / 2);\n top: calc(var(--icon-size) / 2);\n}\n.steps-vertical .step-line[data-v-ecd7bf0c] {\n width: var(--line-width);\n top: var(--icon-size);\n bottom: 0;\n left: calc(var(--icon-size) / 2 - 1px);\n}\n.step-finish .step-line[data-v-ecd7bf0c] {\n background: var(--success);\n}\n.step-content[data-v-ecd7bf0c] {\n flex: 1;\n min-width: 0;\n}\n.steps-vertical .step-content[data-v-ecd7bf0c] {\n padding-top: 4px;\n}\n.step-title[data-v-ecd7bf0c] {\n font-size: 14px;\n font-weight: 500;\n line-height: 22px;\n margin-bottom: 2px;\n word-break: break-word;\n}\n.step-time[data-v-ecd7bf0c] {\n font-size: 12px;\n line-height: 20px;\n margin-bottom: 2px;\n opacity: 0.65;\n}\n.step-finish .step-time[data-v-ecd7bf0c] {\n color: var(--success);\n}\n.step-description[data-v-ecd7bf0c] {\n font-size: 12px;\n line-height: 20px;\n opacity: 0.65;\n}\n.step-wait .step-title[data-v-ecd7bf0c] {\n opacity: 0.65;\n}\n.step-process .step-title[data-v-ecd7bf0c] {\n color: var(--primary);\n font-weight: 600;\n}\n.step-error .step-title[data-v-ecd7bf0c] {\n color: var(--error);\n}\n.step-clickable[data-v-ecd7bf0c] {\n cursor: pointer;\n}\n.step-clickable:hover .step-icon[data-v-ecd7bf0c] {\n transform: scale(1.05);\n}\n.step-clickable:not(.step-process):hover .step-icon[data-v-ecd7bf0c] {\n background: var(--bg-hover);\n}\n.step-clickable:hover .step-title[data-v-ecd7bf0c] {\n color: var(--primary);\n}\n@media (max-width: 768px) {\n.steps-horizontal[data-v-ecd7bf0c] {\n flex-wrap: wrap;\n}\n.steps-horizontal .step-item[data-v-ecd7bf0c] {\n flex: 0 0 50%;\n margin-bottom: 24px;\n}\n.steps-horizontal .step-line[data-v-ecd7bf0c] {\n display: none;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.step-icon[data-v-ecd7bf0c],\n .step-line[data-v-ecd7bf0c] {\n transition: none;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}