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

package/dist/useCalendarEvents.d.ts

@@ -66,9 +66,9 @@ declare const __VLS_export: vue.DefineComponent<CalendarProps, CalendarExpose, {
   }) => any) | undefined;
   "onEvent-dropped"?: ((event: Partial<CalendarEvent>) => any) | undefined;
 }>, {
+  initialView: CalendarViewType;
   editable: boolean;
   events: CalendarEvent[];
-  initialView: CalendarViewType;
   showAddDialog: boolean;
   showEditDialog: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/dist/useCollapsePanel.d.ts

@@ -69,21 +69,21 @@ declare var __VLS_7: `header-${string}`, __VLS_8: {
 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 };
 declare const __VLS_base: vue.DefineComponent<Props, CollapsePanelExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (activeKeys: string[]) => any;
-  collapse: (key: string) => any;
   "update:activeKeys": (keys: string[]) => any;
   expand: (key: string) => any;
+  collapse: (key: string) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onChange?: ((activeKeys: string[]) => any) | undefined;
-  onCollapse?: ((key: string) => any) | undefined;
   "onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
   onExpand?: ((key: string) => any) | undefined;
+  onCollapse?: ((key: string) => any) | undefined;
 }>, {
-  bordered: boolean;
   activeKeys: string[];
   defaultActiveKeys: string[];
   accordion: boolean;
   variant: CollapsePanelVariant;
   expandIconPosition: ExpandIconPosition;
+  bordered: boolean;
   persistKey: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/useCropperCore.d.ts

@@ -52,22 +52,22 @@ interface ImageCropperEmits {
 //#region src/components/C_ImageCropper/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   error: (error: Event) => any;
-  ready: () => any;
   cancel: () => any;
+  ready: () => any;
   crop: (result: any) => any;
   confirm: (result: any) => any;
 }, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
   onError?: ((error: Event) => any) | undefined;
-  onReady?: (() => any) | undefined;
   onCancel?: (() => any) | undefined;
+  onReady?: (() => any) | undefined;
   onCrop?: ((result: any) => any) | undefined;
   onConfirm?: ((result: any) => any) | undefined;
 }>, {
   height: string | number;
-  showToolbar: boolean;
   disabled: boolean;
   showPreview: boolean;
   aspectRatio: number;
+  showToolbar: boolean;
   src: string;
   outputFormat: CropOutputFormat;
   outputQuality: number;

package/dist/useDraggableLayout.d.ts

@@ -117,12 +117,19 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   "onList-change"?: ((list: DraggableItem[]) => any) | undefined;
 }>, {
   sort: boolean;
-  direction: "vertical" | "horizontal";
   disabled: boolean;
+  direction: "vertical" | "horizontal";
   modelValue: DraggableItem[];
   delay: number;
+  layout: LayoutMode;
   group: string | GroupOptions;
+  alignItems: AlignItems;
+  flexWrap: boolean;
+  justifyContent: JustifyContent;
   animation: number;
+  gap: string | number;
+  itemClass: string;
+  emptyText: string;
   handle: string;
   showHandle: boolean;
   ghostClass: string;
@@ -130,18 +137,11 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
   dragClass: string;
   wrapperClass: string;
   listClass: string;
-  itemClass: string;
   showEmptyState: boolean;
-  emptyText: string;
   swapThreshold: number;
   invertSwap: boolean;
-  layout: LayoutMode;
   gridColumns: number;
   gridRows: number;
-  gap: string | number;
-  flexWrap: boolean;
-  justifyContent: JustifyContent;
-  alignItems: AlignItems;
   customStyles: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/useEdgeInteraction.d.ts

@@ -261,9 +261,9 @@ declare const __VLS_export: vue.DefineComponent<Props, {
 }>, {
   width: string | number;
   height: string | number;
+  theme: "light" | "dark";
   readonly: boolean;
   showToolbar: boolean;
-  theme: "light" | "dark";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/useInfiniteScroll.d.ts

@@ -91,8 +91,8 @@ declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {
 }>, {
   loading: boolean;
   columns: number;
-  gap: number;
   animationDuration: number;
+  gap: number;
   infinite: boolean;
   lazy: boolean;
   skeleton: boolean;

package/dist/useModalEdit.d.ts

@@ -590,7 +590,6 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
     clearAllSelections(): void;
   };
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  save: (rowData: DataRecord, rowIndex: number, columnKey?: string | undefined) => any;
   cancel: (rowData: DataRecord, rowIndex: number) => any;
   "pagination-change": (...args: unknown[]) => any;
   "row-delete": (...args: unknown[]) => any;
@@ -599,6 +598,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
   "child-selection-change": (parentKey: DataTableRowKey$1, childKeys: DataTableRowKey$1[], childRows: any[]) => any;
   "parent-child-link-change": (parentKey: DataTableRowKey$1, shouldSelect: boolean) => any;
   "update:data": (data: DataRecord[]) => any;
+  save: (rowData: DataRecord, rowIndex: number, columnKey?: string | undefined) => any;
   "row-add": (newRow: DataRecord) => any;
   "row-copy": (originalRow: DataRecord, newRow: DataRecord) => any;
   "row-move": (row: DataRecord, fromIndex: number, toIndex: number) => any;
@@ -606,7 +606,6 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
   "view-detail": (data: DataRecord) => any;
   "column-change": (columns: TableColumn[]) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  onSave?: ((rowData: DataRecord, rowIndex: number, columnKey?: string | undefined) => any) | undefined;
   onCancel?: ((rowData: DataRecord, rowIndex: number) => any) | undefined;
   "onPagination-change"?: ((...args: unknown[]) => any) | undefined;
   "onRow-delete"?: ((...args: unknown[]) => any) | undefined;
@@ -615,6 +614,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
   "onChild-selection-change"?: ((parentKey: DataTableRowKey$1, childKeys: DataTableRowKey$1[], childRows: any[]) => any) | undefined;
   "onParent-child-link-change"?: ((parentKey: DataTableRowKey$1, shouldSelect: boolean) => any) | undefined;
   "onUpdate:data"?: ((data: DataRecord[]) => any) | undefined;
+  onSave?: ((rowData: DataRecord, rowIndex: number, columnKey?: string | undefined) => any) | undefined;
   "onRow-add"?: ((newRow: DataRecord) => any) | undefined;
   "onRow-copy"?: ((originalRow: DataRecord, newRow: DataRecord) => any) | undefined;
   "onRow-move"?: ((row: DataRecord, fromIndex: number, toIndex: number) => any) | undefined;

package/dist/useQRCode.d.ts

@@ -53,9 +53,9 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
   showBorder: boolean;
   label: string;
   showLabel: boolean;
+  mode: RenderMode;
   size: number;
   color: string;
-  mode: RenderMode;
   margin: number;
   bgColor: string;
   errorCorrectionLevel: ErrorCorrectionLevel;

package/dist/useSignatureHistory.d.ts

@@ -109,9 +109,9 @@ declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose,
 }>, {
   width: number | string;
   height: number | string;
+  disabled: boolean;
   readonly: boolean;
   showToolbar: boolean;
-  disabled: boolean;
   maxHistory: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/useSplitResize.d.ts

@@ -66,24 +66,24 @@ type __VLS_Slots = {} & {
   second?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: vue.DefineComponent<Props, SplitPaneExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  expand: (target: CollapseTarget) => any;
+  collapse: (target: CollapseTarget) => any;
+  resize: (firstSize: number, secondSize: number) => any;
   "drag-start": (size: number) => any;
   "drag-end": (size: number) => any;
-  resize: (firstSize: number, secondSize: number) => any;
-  collapse: (target: CollapseTarget) => any;
-  expand: (target: CollapseTarget) => any;
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
+  onExpand?: ((target: CollapseTarget) => any) | undefined;
+  onCollapse?: ((target: CollapseTarget) => any) | undefined;
+  onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
   "onDrag-start"?: ((size: number) => any) | undefined;
   "onDrag-end"?: ((size: number) => any) | undefined;
-  onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
-  onCollapse?: ((target: CollapseTarget) => any) | undefined;
-  onExpand?: ((target: CollapseTarget) => any) | undefined;
 }>, {
-  direction: SplitDirection;
   disabled: boolean;
+  direction: SplitDirection;
   step: number;
-  maxSize: number;
   defaultSize: number;
   minSize: number;
+  maxSize: number;
   collapsible: boolean;
   showCollapseButton: boolean;
   gutterSize: number;

package/dist/useTimeSelection.d.ts

@@ -49,8 +49,8 @@ declare const __VLS_export: vue.DefineComponent<TimeProps, TimeExpose, {}, {}, {
   "onChange-end"?: ((time: number | null) => any) | undefined;
 }>, {
   format: string;
-  placeholder: string;
   mode: TimeMode;
+  placeholder: string;
   startPlaceholder: string;
   endPlaceholder: string;
   attrs: Record<string, any>;

package/dist/useTreeOperations.d.ts

@@ -102,13 +102,13 @@ declare const __VLS_base: vue.DefineComponent<TreeProps, TreeExpose, {}, {}, {},
   "onNode-action"?: ((action: string, node: TreeNodeData) => any) | undefined;
   "onNode-drop"?: ((info: DropInfo) => any) | undefined;
 }>, {
-  showToolbar: boolean;
-  actions: ActionConfig[];
+  mode: TreeMode;
   labelField: string;
   childrenField: string;
-  mode: TreeMode;
-  draggable: boolean;
+  actions: ActionConfig[];
+  showToolbar: boolean;
   keyField: string;
+  draggable: boolean;
   searchPattern: string;
   searchable: boolean;
   searchPlaceholder: string;

package/dist/useWorkflowValidation.d.ts

@@ -239,20 +239,20 @@ declare const __VLS_export: vue.DefineComponent<WorkflowProps, {
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (value: WorkflowData) => any;
   "update:modelValue": (value: WorkflowData) => any;
-  save: (data: WorkflowData) => any;
   "validate-error": (errors: ValidationError[]) => any;
+  save: (data: WorkflowData) => any;
   "node-click": (node: WorkflowNode) => any;
   "edge-click": (edge: WorkflowEdge) => any;
 }, string, vue.PublicProps, Readonly<WorkflowProps> & Readonly<{
   onChange?: ((value: WorkflowData) => any) | undefined;
   "onUpdate:modelValue"?: ((value: WorkflowData) => any) | undefined;
-  onSave?: ((data: WorkflowData) => any) | undefined;
   "onValidate-error"?: ((errors: ValidationError[]) => any) | undefined;
+  onSave?: ((data: WorkflowData) => any) | undefined;
   "onNode-click"?: ((node: WorkflowNode) => any) | undefined;
   "onEdge-click"?: ((edge: WorkflowEdge) => any) | undefined;
 }>, {
-  readonly: boolean;
   theme: "light" | "dark";
+  readonly: boolean;
   users: User[];
   roles: Role[];
   departments: Department[];

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.12",
+  "version": "0.6.14",
   "description": "基于 Naive UI 的 Vue 3 组件库",
   "type": "module",
   "main": "dist/index.cjs",

package/dist/C_Steps-B1Wf3E73.css.map

@@ -1 +0,0 @@
-{"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"}

package/dist/C_Steps-C8cOf_tu.css.map

@@ -1 +0,0 @@
-{"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"}