@robot-admin/naive-ui-components 0.13.8 → 0.14.0

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 (180) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +63 -5
  3. package/README_EN.md +63 -5
  4. package/dist/C_ActionBar.css +11 -10
  5. package/dist/C_AntV.css +206 -204
  6. package/dist/C_AudioPlayer.css +11 -10
  7. package/dist/C_AvatarGroup.css +7 -5
  8. package/dist/C_Barcode.css +3 -1
  9. package/dist/C_Breadcrumb.css +17 -16
  10. package/dist/C_Captcha.css +14 -13
  11. package/dist/C_Cascade.css +7 -5
  12. package/dist/C_Chat.css +9 -8
  13. package/dist/C_City.css +8 -6
  14. package/dist/C_Code.css +15 -14
  15. package/dist/C_CollapsePanel.css +12 -11
  16. package/dist/C_ContextMenu.css +28 -28
  17. package/dist/C_Cron.cjs +1 -1
  18. package/dist/C_Cron.css +472 -251
  19. package/dist/C_Cron.d.cts +2 -2
  20. package/dist/C_Cron.d.ts +2 -2
  21. package/dist/C_Cron.js +1 -1
  22. package/dist/C_Cron2.cjs +1 -1
  23. package/dist/C_Cron2.js +1 -1
  24. package/dist/C_Date.css +2 -1
  25. package/dist/C_Draggable.css +2 -1
  26. package/dist/C_Editor.css +2 -1
  27. package/dist/C_FilePreview.css +185 -184
  28. package/dist/C_Form.base.css +334 -332
  29. package/dist/C_Form.css +333 -332
  30. package/dist/C_FormModal.css +13 -11
  31. package/dist/C_FormSearch.css +2 -1
  32. package/dist/C_FormulaEditor.cjs +1 -1
  33. package/dist/C_FormulaEditor.css +430 -273
  34. package/dist/C_FormulaEditor.d.cts +2 -2
  35. package/dist/C_FormulaEditor.d.ts +2 -2
  36. package/dist/C_FormulaEditor.js +1 -1
  37. package/dist/C_FullCalendar.css +12 -11
  38. package/dist/C_GlobalSearch.css +13 -11
  39. package/dist/C_Guide.css +8 -8
  40. package/dist/C_Icon.css +9 -7
  41. package/dist/C_ImageCropper.css +70 -68
  42. package/dist/C_Language.css +8 -8
  43. package/dist/C_Loading.css +10 -8
  44. package/dist/C_Login.css +20 -21
  45. package/dist/C_Map.css +24 -22
  46. package/dist/C_Markdown.css +8 -6
  47. package/dist/C_Menu.css +2 -1
  48. package/dist/C_NotificationCenter.css +362 -360
  49. package/dist/C_OrgChart.css +6 -5
  50. package/dist/C_PageLoading.cjs +1 -0
  51. package/dist/C_PageLoading.css +153 -0
  52. package/dist/C_PageLoading.d.cts +2 -0
  53. package/dist/C_PageLoading.d.ts +2 -0
  54. package/dist/C_PageLoading.js +1 -0
  55. package/dist/C_Progress.css +1 -1
  56. package/dist/C_QRCode.css +7 -5
  57. package/dist/C_Signature.css +7 -5
  58. package/dist/C_Skeleton.css +8 -6
  59. package/dist/C_SplitPane.css +25 -23
  60. package/dist/C_Steps.css +7 -5
  61. package/dist/C_Table.base.css +536 -537
  62. package/dist/C_Table.css +536 -538
  63. package/dist/C_Tabs.css +78 -1
  64. package/dist/C_TagsView.css +8 -8
  65. package/dist/C_Theme.css +9 -7
  66. package/dist/C_Time.css +3 -1
  67. package/dist/C_Timeline.css +9 -8
  68. package/dist/C_Transfer.css +10 -9
  69. package/dist/C_Tree.css +2 -1
  70. package/dist/C_Upload.css +176 -174
  71. package/dist/C_VideoPlayer.css +186 -184
  72. package/dist/C_VtableGantt.css +2 -1
  73. package/dist/C_WaterFall.css +19 -17
  74. package/dist/C_WorkFlow.css +976 -976
  75. package/dist/constants.d.cts +15 -20
  76. package/dist/constants.d.ts +15 -20
  77. package/dist/constants2.d.cts +44 -19
  78. package/dist/constants2.d.ts +44 -19
  79. package/dist/constants3.d.cts +4 -4
  80. package/dist/constants3.d.ts +4 -4
  81. package/dist/constants4.d.cts +6 -6
  82. package/dist/constants4.d.ts +6 -6
  83. package/dist/constants5.d.cts +2 -2
  84. package/dist/constants5.d.ts +2 -2
  85. package/dist/createPageLoading.cjs +1 -0
  86. package/dist/createPageLoading.d.cts +32 -0
  87. package/dist/createPageLoading.d.ts +32 -0
  88. package/dist/createPageLoading.js +1 -0
  89. package/dist/data.d.cts +8 -8
  90. package/dist/data.d.ts +8 -8
  91. package/dist/index.cjs +1 -1
  92. package/dist/index.d.cts +24 -23
  93. package/dist/index.d.ts +24 -23
  94. package/dist/index.js +1 -1
  95. package/dist/index.vue.d.cts +4 -4
  96. package/dist/index.vue.d.ts +4 -4
  97. package/dist/index10.vue.d.cts +3 -3
  98. package/dist/index10.vue.d.ts +1 -1
  99. package/dist/index11.vue.d.cts +1 -1
  100. package/dist/index11.vue.d.ts +2 -2
  101. package/dist/index12.vue.d.cts +2 -2
  102. package/dist/index12.vue.d.ts +2 -2
  103. package/dist/index13.vue.d.cts +2 -2
  104. package/dist/index13.vue.d.ts +5 -5
  105. package/dist/index14.vue.d.cts +5 -5
  106. package/dist/index14.vue.d.ts +6 -6
  107. package/dist/index15.vue.d.cts +6 -6
  108. package/dist/index15.vue.d.ts +1 -1
  109. package/dist/index16.vue.d.cts +1 -1
  110. package/dist/index17.vue.d.ts +1 -1
  111. package/dist/index18.vue.d.cts +1 -1
  112. package/dist/index18.vue.d.ts +5 -5
  113. package/dist/index19.vue.d.cts +5 -5
  114. package/dist/index19.vue.d.ts +1 -1
  115. package/dist/index2.vue.d.cts +2 -2
  116. package/dist/index2.vue.d.ts +2 -2
  117. package/dist/index20.vue.d.cts +1 -1
  118. package/dist/index20.vue.d.ts +1 -1
  119. package/dist/index21.vue.d.cts +1 -1
  120. package/dist/index21.vue.d.ts +1 -1
  121. package/dist/index22.vue.d.cts +1 -1
  122. package/dist/index22.vue.d.ts +1 -1
  123. package/dist/index23.vue.d.cts +2 -2
  124. package/dist/index23.vue.d.ts +2 -2
  125. package/dist/index25.vue.d.cts +4 -4
  126. package/dist/index25.vue.d.ts +4 -4
  127. package/dist/index27.vue.d.cts +2 -2
  128. package/dist/index27.vue.d.ts +2 -2
  129. package/dist/index28.vue.d.cts +1 -1
  130. package/dist/index28.vue.d.ts +1 -1
  131. package/dist/index3.vue.d.cts +4 -4
  132. package/dist/index3.vue.d.ts +4 -4
  133. package/dist/index4.vue.d.cts +1 -1
  134. package/dist/index6.vue.d.ts +2 -2
  135. package/dist/index7.vue.d.cts +2 -2
  136. package/dist/index8.vue.d.ts +3 -3
  137. package/dist/index9.vue.d.cts +3 -3
  138. package/dist/index9.vue.d.ts +3 -3
  139. package/dist/mapUtils.d.cts +2 -2
  140. package/dist/mapUtils.d.ts +2 -2
  141. package/dist/presets.d.cts +1 -1
  142. package/dist/presets.d.ts +1 -1
  143. package/dist/resolver.cjs +1 -1
  144. package/dist/resolver.d.cts +1 -1
  145. package/dist/resolver.d.ts +1 -1
  146. package/dist/resolver.js +1 -1
  147. package/dist/style.css +9976 -9652
  148. package/dist/useCropperCore.d.cts +9 -9
  149. package/dist/useCropperCore.d.ts +9 -9
  150. package/dist/useDraggableLayout.d.cts +6 -6
  151. package/dist/useDraggableLayout.d.ts +6 -6
  152. package/dist/useDynamicFormState.d.cts +2 -2
  153. package/dist/useDynamicFormState.d.ts +2 -2
  154. package/dist/useEdgeInteraction.d.cts +2 -2
  155. package/dist/useEdgeInteraction.d.ts +2 -2
  156. package/dist/useFormulaEvaluator.cjs +2 -0
  157. package/dist/useFormulaEvaluator.js +2 -0
  158. package/dist/useInfiniteScroll.d.cts +2 -2
  159. package/dist/useInfiniteScroll.d.ts +2 -2
  160. package/dist/useQRCode.d.cts +4 -4
  161. package/dist/useQRCode.d.ts +4 -4
  162. package/dist/useSearchState.d.cts +8 -8
  163. package/dist/useSearchState.d.ts +8 -8
  164. package/dist/useSignatureHistory.d.cts +3 -3
  165. package/dist/useSignatureHistory.d.ts +3 -3
  166. package/dist/useSplitResize.d.cts +4 -4
  167. package/dist/useSplitResize.d.ts +4 -4
  168. package/dist/useTableQuery.d.cts +1 -1
  169. package/dist/useTableQuery.d.ts +1 -1
  170. package/dist/useTimeSelection.d.cts +1 -1
  171. package/dist/useTimeSelection.d.ts +1 -1
  172. package/dist/useTreeOperations.d.cts +5 -5
  173. package/dist/useTreeOperations.d.ts +5 -5
  174. package/dist/useWorkflowValidation.d.cts +4 -4
  175. package/dist/useWorkflowValidation.d.ts +4 -4
  176. package/dist/verification.d.cts +4 -4
  177. package/dist/verification.d.ts +4 -4
  178. package/package.json +1 -1
  179. package/dist/C_FormulaEditor2.cjs +0 -2
  180. package/dist/C_FormulaEditor2.js +0 -2
package/dist/C_Tabs.css CHANGED
@@ -1 +1,78 @@
1
- /* C_Tabs has no component-specific styles. */
1
+ :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
2
+
3
+ /* unplugin-vue-components disabled */
4
+ /* layer: default */
5
+ .tab[data-v-f18ab718]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
6
+
7
+ /* unplugin-vue-components disabled */.c-tabs[data-v-f18ab718] {
8
+ width: 100%;
9
+ color: var(--ra-color-text-primary, var(--c-text-1));
10
+ }
11
+ .c-tabs[data-v-f18ab718] .n-tabs-nav {
12
+ min-width: 0;
13
+ }
14
+ .c-tabs[data-v-f18ab718] .n-tabs-tab {
15
+ min-height: var(--ra-control-height-small, 32px);
16
+ color: var(--ra-tab-text, var(--ra-color-text-secondary, var(--c-text-2)));
17
+ font-size: var(--ra-type-font-size-sm, 13px);
18
+ font-weight: var(--ra-type-font-weight-medium, 500);
19
+ transition: color var(--ra-motion-duration-fast, 120ms) var(--ra-motion-easing-standard, ease), background-color var(--ra-motion-duration-fast, 120ms) var(--ra-motion-easing-standard, ease);
20
+ }
21
+ .c-tabs[data-v-f18ab718] .n-tabs-tab:hover {
22
+ color: var(--ra-color-primary-hover, var(--c-primary-hover));
23
+ }
24
+ .c-tabs[data-v-f18ab718] .n-tabs-tab:focus-visible {
25
+ outline: 2px solid var(--ra-color-focus-ring, rgba(32, 128, 240, 0.3));
26
+ outline-offset: -2px;
27
+ }
28
+ .c-tabs[data-v-f18ab718] .n-tabs-tab--active {
29
+ color: var(--ra-tab-text-active, var(--ra-color-primary, var(--c-primary)));
30
+ font-weight: var(--ra-type-font-weight-semibold, 600);
31
+ }
32
+ .c-tabs[data-v-f18ab718] .n-tabs-bar {
33
+ height: 2px;
34
+ border-radius: var(--ra-radius-pill, 999px);
35
+ background: var(--ra-tab-indicator, #2080f0);
36
+ }
37
+ .c-tabs[data-v-f18ab718] .n-tabs-pane-wrapper {
38
+ color: var(--ra-color-text-primary, var(--c-text-1));
39
+ }
40
+ .c-tabs.is-segment[data-v-f18ab718] .n-tabs-rail {
41
+ min-height: calc(var(--ra-control-height-small, 32px) + 4px);
42
+ padding: 2px;
43
+ background: var(--ra-color-surface-muted, rgba(0, 0, 0, 0.04));
44
+ border: 1px solid var(--ra-color-divider, var(--c-border));
45
+ border-radius: var(--ra-radius-md, 8px);
46
+ }
47
+ .c-tabs.is-segment[data-v-f18ab718] .n-tabs-tab {
48
+ padding: 0 var(--ra-space-3, 12px);
49
+ border-radius: var(--ra-radius-sm, 6px);
50
+ }
51
+ .c-tabs.is-segment[data-v-f18ab718] .n-tabs-tab:hover:not(.n-tabs-tab--active) {
52
+ background: var(--ra-tab-bg-hover, var(--ra-color-fill-hover, var(--hover-color, transparent)));
53
+ }
54
+ .c-tabs.is-card[data-v-f18ab718] .n-tabs-tab {
55
+ padding-inline: var(--ra-space-3, 12px);
56
+ }
57
+ .c-tabs.is-tabs-only[data-v-f18ab718] .n-tabs-pane-wrapper {
58
+ display: none;
59
+ }
60
+ .c-tabs__label[data-v-f18ab718] {
61
+ display: inline-flex;
62
+ align-items: center;
63
+ min-width: 0;
64
+ gap: var(--ra-space-1, 4px);
65
+ white-space: nowrap;
66
+ }
67
+ .c-tabs__icon[data-v-f18ab718] {
68
+ flex: none;
69
+ color: currentColor;
70
+ }
71
+ .c-tabs__badge[data-v-f18ab718] {
72
+ margin-left: 2px;
73
+ }
74
+ @media (prefers-reduced-motion: reduce) {
75
+ .c-tabs[data-v-f18ab718] .n-tabs-tab {
76
+ transition: none;
77
+ }
78
+ }
@@ -1,3 +1,11 @@
1
+ :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
2
+
3
+ /* unplugin-vue-components disabled */
4
+ /* layer: default */
5
+ .inline-flex[data-v-075758a0]{display:inline-flex;}
6
+ .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
7
+ .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
8
+
1
9
  /* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
2
10
  display: inline-flex;
3
11
  align-items: center;
@@ -57,13 +65,6 @@
57
65
  transform: rotate(360deg);
58
66
  }
59
67
  }
60
- /* unplugin-vue-components disabled */
61
- /* layer: default */
62
- .inline-flex[data-v-075758a0]{display:inline-flex;}
63
- .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
64
- .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
65
-
66
-
67
68
  /* unplugin-vue-components disabled *//* ===========================================
68
69
  * 标签组件样式 - 精简版
69
70
  * =========================================== */
@@ -292,4 +293,3 @@
292
293
  .hidden[data-v-5dfc763f]{display:none;}
293
294
  .inline-flex[data-v-5dfc763f]{display:inline-flex;}
294
295
  .filter[data-v-5dfc763f]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
295
-
package/dist/C_Theme.css CHANGED
@@ -1,3 +1,11 @@
1
+ :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
2
+
3
+ /* unplugin-vue-components disabled */
4
+ /* layer: default */
5
+ .inline-flex[data-v-075758a0]{display:inline-flex;}
6
+ .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
7
+ .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
8
+
1
9
  /* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
2
10
  display: inline-flex;
3
11
  align-items: center;
@@ -56,10 +64,4 @@
56
64
  100% {
57
65
  transform: rotate(360deg);
58
66
  }
59
- }
60
- /* unplugin-vue-components disabled */
61
- /* layer: default */
62
- .inline-flex[data-v-075758a0]{display:inline-flex;}
63
- .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
64
- .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
65
-
67
+ }
package/dist/C_Time.css CHANGED
@@ -1,3 +1,5 @@
1
+ :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
2
+
1
3
  /* unplugin-vue-components disabled *//* 时间选择器组件样式 */
2
4
  .c-time-wrapper[data-v-cbbaf329] {
3
5
  display: inline-flex;
@@ -18,4 +20,4 @@
18
20
  font-size: 14px;
19
21
  white-space: nowrap;
20
22
  user-select: none;
21
- }
23
+ }
@@ -1,3 +1,11 @@
1
+ :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
2
+
3
+ /* unplugin-vue-components disabled */
4
+ /* layer: default */
5
+ .inline-flex[data-v-075758a0]{display:inline-flex;}
6
+ .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
7
+ .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
8
+
1
9
  /* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
2
10
  display: inline-flex;
3
11
  align-items: center;
@@ -57,13 +65,6 @@
57
65
  transform: rotate(360deg);
58
66
  }
59
67
  }
60
- /* unplugin-vue-components disabled */
61
- /* layer: default */
62
- .inline-flex[data-v-075758a0]{display:inline-flex;}
63
- .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
64
- .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
65
-
66
-
67
68
  /* unplugin-vue-components disabled */.c-timeline[data-v-ca194519] {
68
69
  --tl-bg: transparent;
69
70
  --tl-text-primary: var(--c-text-1, var(--text-color-1, #262626));
@@ -383,4 +384,4 @@
383
384
  opacity: 1;
384
385
  transform: scale(1.15);
385
386
  }
386
- }
387
+ }
@@ -1,3 +1,11 @@
1
+ :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
2
+
3
+ /* unplugin-vue-components disabled */
4
+ /* layer: default */
5
+ .inline-flex[data-v-075758a0]{display:inline-flex;}
6
+ .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
7
+ .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
8
+
1
9
  /* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
2
10
  display: inline-flex;
3
11
  align-items: center;
@@ -59,10 +67,7 @@
59
67
  }
60
68
  /* unplugin-vue-components disabled */
61
69
  /* layer: default */
62
- .inline-flex[data-v-075758a0]{display:inline-flex;}
63
- .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
64
- .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
65
-
70
+ .visible[data-v-faa66718]{visibility:visible;}
66
71
 
67
72
  /* unplugin-vue-components disabled *//**
68
73
  * C_Transfer — 穿梭框组件样式
@@ -276,8 +281,4 @@
276
281
  color: var(--c-text-3, var(--text-color-3, #a3a3a3));
277
282
  text-transform: uppercase;
278
283
  letter-spacing: 0.04em;
279
- }
280
- /* unplugin-vue-components disabled */
281
- /* layer: default */
282
- .visible[data-v-faa66718]{visibility:visible;}
283
-
284
+ }
package/dist/C_Tree.css CHANGED
@@ -1,3 +1,5 @@
1
+ :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
2
+
1
3
  /* unplugin-vue-components disabled */.c-tree[data-v-57df315a] {
2
4
  display: flex;
3
5
  flex-direction: column;
@@ -155,4 +157,3 @@
155
157
  .font-medium[data-v-57df315a]{font-weight:500;}
156
158
  .transition[data-v-57df315a]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
157
159
  .ease[data-v-57df315a]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
158
-
package/dist/C_Upload.css CHANGED
@@ -1,87 +1,131 @@
1
- /* unplugin-vue-components disabled */.upload-area[data-v-705892ab] {
1
+ :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
2
+
3
+ /* unplugin-vue-components disabled */
4
+ /* layer: default */
5
+ .flex[data-v-7674f0c8]{display:flex;}
6
+ .border[data-v-7674f0c8]{border-width:1px;}
7
+
8
+ /* unplugin-vue-components disabled */.c-upload[data-v-7674f0c8] {
9
+ --c-upload-progress-bg: var(--body-color, #fff);
10
+ --c-upload-progress-border: var(--border-color, #e5e7eb);
11
+ --c-upload-progress-radius: 8px;
12
+ --c-upload-label-color: var(--text-color-3, #999);
13
+ --c-upload-label-size: 12px;
14
+ width: 100%;
15
+ }
16
+ .c-upload__total-progress[data-v-7674f0c8] {
17
+ margin-top: 12px;
18
+ padding: 8px 12px;
19
+ border-radius: var(--c-upload-progress-radius);
20
+ background: var(--c-upload-progress-bg);
21
+ border: 1px solid var(--c-upload-progress-border);
22
+ }
23
+ .c-upload__total-label[data-v-7674f0c8] {
24
+ display: flex;
25
+ justify-content: space-between;
26
+ margin-bottom: 6px;
27
+ font-size: var(--c-upload-label-size);
28
+ color: var(--c-upload-label-color);
29
+ }
30
+ /* unplugin-vue-components disabled */
31
+ /* layer: default */
32
+ .absolute[data-v-32d39ae9]{position:absolute;}
33
+ .relative[data-v-32d39ae9]{position:relative;}
34
+ .grid[data-v-32d39ae9]{display:grid;}
35
+ .block[data-v-32d39ae9]{display:block;}
36
+ .hidden[data-v-32d39ae9]{display:none;}
37
+ .flex[data-v-32d39ae9]{display:flex;}
38
+ .border[data-v-32d39ae9]{border-width:1px;}
39
+ .transition[data-v-32d39ae9]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
40
+ .ease[data-v-32d39ae9]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
41
+
42
+ /* unplugin-vue-components disabled */
43
+ /* layer: default */
44
+ .hidden[data-v-04f26012]{display:none;}
45
+ .flex[data-v-04f26012]{display:flex;}
46
+ .flex-shrink[data-v-04f26012]{flex-shrink:1;}
47
+ .transform[data-v-04f26012]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
48
+ .border[data-v-04f26012]{border-width:1px;}
49
+ .transition[data-v-04f26012]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
50
+ .ease[data-v-04f26012]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
51
+
52
+ /* unplugin-vue-components disabled */.image-preview[data-v-32d39ae9] {
53
+ display: grid;
54
+ grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
55
+ gap: 10px;
56
+ margin-top: 12px;
57
+ }
58
+ .image-preview__item[data-v-32d39ae9] {
2
59
  position: relative;
3
- box-sizing: border-box;
4
- padding: 32px 24px;
5
- border: 2px dashed var(--border-color);
6
- border-radius: 10px;
7
- cursor: pointer;
8
- background: var(--card-color);
9
- transition: all 0.25s ease;
10
- text-align: center;
60
+ aspect-ratio: 1;
61
+ border-radius: 8px;
62
+ overflow: hidden;
63
+ border: 1px solid var(--border-color);
64
+ background: var(--body-color);
11
65
  }
12
- .upload-area[data-v-705892ab]:hover:not(.upload-area--disabled) {
13
- border-color: var(--primary-color);
14
- background: color-mix(in srgb, var(--primary-color) 4%, var(--card-color));
66
+ .image-preview__item--error[data-v-32d39ae9] {
67
+ border-color: var(--error-color);
15
68
  }
16
- .upload-area--drag-over[data-v-705892ab] {
17
- border-color: var(--primary-color);
18
- border-style: solid;
19
- background: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));
69
+ .image-preview__item--success[data-v-32d39ae9], .image-preview__item--instant[data-v-32d39ae9] {
70
+ border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));
20
71
  }
21
- .upload-area--drag-over .upload-area__icon[data-v-705892ab] {
22
- color: var(--primary-color);
23
- transform: scale(1.1);
72
+ .image-preview__item:hover .image-preview__overlay[data-v-32d39ae9] {
73
+ opacity: 1;
24
74
  }
25
- .upload-area--disabled[data-v-705892ab] {
26
- cursor: not-allowed;
27
- opacity: 0.5;
75
+ .image-preview__item:focus-within .image-preview__overlay[data-v-32d39ae9] {
76
+ opacity: 1;
28
77
  }
29
- .upload-area__input[data-v-705892ab] {
30
- display: none;
78
+ .image-preview__img[data-v-32d39ae9] {
79
+ display: block;
80
+ width: 100%;
81
+ height: 100%;
82
+ object-fit: cover;
31
83
  }
32
- .upload-area__default[data-v-705892ab] {
84
+ .image-preview__overlay[data-v-32d39ae9] {
85
+ position: absolute;
86
+ inset: 0;
33
87
  display: flex;
34
88
  flex-direction: column;
35
- gap: 8px;
36
89
  align-items: center;
90
+ justify-content: center;
91
+ gap: 8px;
92
+ background: rgba(0, 0, 0, 0.45);
93
+ opacity: 0;
94
+ transition: opacity 0.2s ease;
37
95
  }
38
- .upload-area__icon[data-v-705892ab] {
39
- font-size: 48px;
40
- color: var(--text-color-3);
41
- transition: all 0.25s ease;
42
- }
43
- .upload-area__text[data-v-705892ab] {
44
- font-size: 14px;
45
- color: var(--text-color-2);
46
- line-height: 1.6;
96
+ .image-preview[data-v-32d39ae9] {
97
+ /* 上传中始终显示遮罩 */
47
98
  }
48
- .upload-area__text kbd[data-v-705892ab] {
49
- padding: 1px 5px;
50
- font-size: 12px;
51
- border: 1px solid var(--border-color);
52
- border-radius: 3px;
53
- background: var(--body-color);
99
+ .image-preview__item--uploading .image-preview__overlay[data-v-32d39ae9], .image-preview__item--hashing .image-preview__overlay[data-v-32d39ae9], .image-preview__item--error .image-preview__overlay[data-v-32d39ae9] {
100
+ opacity: 1;
54
101
  }
55
- .upload-area__tip[data-v-705892ab] {
56
- font-size: 12px;
57
- color: var(--text-color-4);
102
+ .image-preview__progress[data-v-32d39ae9] .n-progress {
103
+ --n-fill-color: #fff;
58
104
  }
59
- /* unplugin-vue-components disabled */
60
- /* layer: shortcuts */
61
- .container[data-v-705892ab]{width:100%;}
62
- @media (min-width: 640px){
63
- .container[data-v-705892ab]{max-width:640px;}
105
+ .image-preview__status-icon[data-v-32d39ae9] {
106
+ font-size: 28px;
64
107
  }
65
- @media (min-width: 768px){
66
- .container[data-v-705892ab]{max-width:768px;}
108
+ .image-preview__status-icon--success[data-v-32d39ae9] {
109
+ color: var(--success-color);
67
110
  }
68
- @media (min-width: 1024px){
69
- .container[data-v-705892ab]{max-width:1024px;}
111
+ .image-preview__status-icon--error[data-v-32d39ae9] {
112
+ color: var(--error-color);
70
113
  }
71
- @media (min-width: 1280px){
72
- .container[data-v-705892ab]{max-width:1280px;}
114
+ .image-preview__actions[data-v-32d39ae9] {
115
+ display: flex;
116
+ gap: 6px;
73
117
  }
74
- @media (min-width: 1536px){
75
- .container[data-v-705892ab]{max-width:1536px;}
118
+ .image-preview__name[data-v-32d39ae9] {
119
+ position: absolute;
120
+ bottom: 0;
121
+ left: 0;
122
+ right: 0;
123
+ padding: 2px 6px;
124
+ font-size: 11px;
125
+ color: #fff;
126
+ background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
127
+ text-align: center;
76
128
  }
77
- /* layer: default */
78
- .relative[data-v-705892ab]{position:relative;}
79
- .flex[data-v-705892ab]{display:flex;}
80
- .transform[data-v-705892ab]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
81
- .border[data-v-705892ab]{border-width:1px;}
82
- .transition[data-v-705892ab]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
83
- .ease[data-v-705892ab]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
84
-
85
129
  /* unplugin-vue-components disabled */.file-list[data-v-04f26012] {
86
130
  display: flex;
87
131
  flex-direction: column;
@@ -185,128 +229,86 @@
185
229
  transition: transform 0.3s ease;
186
230
  }
187
231
  /* unplugin-vue-components disabled */
188
- /* layer: default */
189
- .hidden[data-v-04f26012]{display:none;}
190
- .flex[data-v-04f26012]{display:flex;}
191
- .flex-shrink[data-v-04f26012]{flex-shrink:1;}
192
- .transform[data-v-04f26012]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
193
- .border[data-v-04f26012]{border-width:1px;}
194
- .transition[data-v-04f26012]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
195
- .ease[data-v-04f26012]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
196
-
197
- /* unplugin-vue-components disabled */.image-preview[data-v-32d39ae9] {
198
- display: grid;
199
- grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
200
- gap: 10px;
201
- margin-top: 12px;
202
- }
203
- .image-preview__item[data-v-32d39ae9] {
204
- position: relative;
205
- aspect-ratio: 1;
206
- border-radius: 8px;
207
- overflow: hidden;
208
- border: 1px solid var(--border-color);
209
- background: var(--body-color);
210
- }
211
- .image-preview__item--error[data-v-32d39ae9] {
212
- border-color: var(--error-color);
213
- }
214
- .image-preview__item--success[data-v-32d39ae9], .image-preview__item--instant[data-v-32d39ae9] {
215
- border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));
232
+ /* layer: shortcuts */
233
+ .container[data-v-705892ab]{width:100%;}
234
+ @media (min-width: 640px){
235
+ .container[data-v-705892ab]{max-width:640px;}
216
236
  }
217
- .image-preview__item:hover .image-preview__overlay[data-v-32d39ae9] {
218
- opacity: 1;
237
+ @media (min-width: 768px){
238
+ .container[data-v-705892ab]{max-width:768px;}
219
239
  }
220
- .image-preview__item:focus-within .image-preview__overlay[data-v-32d39ae9] {
221
- opacity: 1;
240
+ @media (min-width: 1024px){
241
+ .container[data-v-705892ab]{max-width:1024px;}
222
242
  }
223
- .image-preview__img[data-v-32d39ae9] {
224
- display: block;
225
- width: 100%;
226
- height: 100%;
227
- object-fit: cover;
243
+ @media (min-width: 1280px){
244
+ .container[data-v-705892ab]{max-width:1280px;}
228
245
  }
229
- .image-preview__overlay[data-v-32d39ae9] {
230
- position: absolute;
231
- inset: 0;
232
- display: flex;
233
- flex-direction: column;
234
- align-items: center;
235
- justify-content: center;
236
- gap: 8px;
237
- background: rgba(0, 0, 0, 0.45);
238
- opacity: 0;
239
- transition: opacity 0.2s ease;
246
+ @media (min-width: 1536px){
247
+ .container[data-v-705892ab]{max-width:1536px;}
240
248
  }
241
- .image-preview[data-v-32d39ae9] {
242
- /* 上传中始终显示遮罩 */
249
+ /* layer: default */
250
+ .relative[data-v-705892ab]{position:relative;}
251
+ .flex[data-v-705892ab]{display:flex;}
252
+ .transform[data-v-705892ab]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
253
+ .border[data-v-705892ab]{border-width:1px;}
254
+ .transition[data-v-705892ab]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
255
+ .ease[data-v-705892ab]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
256
+
257
+ /* unplugin-vue-components disabled */.upload-area[data-v-705892ab] {
258
+ position: relative;
259
+ box-sizing: border-box;
260
+ padding: 32px 24px;
261
+ border: 2px dashed var(--border-color);
262
+ border-radius: 10px;
263
+ cursor: pointer;
264
+ background: var(--card-color);
265
+ transition: all 0.25s ease;
266
+ text-align: center;
243
267
  }
244
- .image-preview__item--uploading .image-preview__overlay[data-v-32d39ae9], .image-preview__item--hashing .image-preview__overlay[data-v-32d39ae9], .image-preview__item--error .image-preview__overlay[data-v-32d39ae9] {
245
- opacity: 1;
268
+ .upload-area[data-v-705892ab]:hover:not(.upload-area--disabled) {
269
+ border-color: var(--primary-color);
270
+ background: color-mix(in srgb, var(--primary-color) 4%, var(--card-color));
246
271
  }
247
- .image-preview__progress[data-v-32d39ae9] .n-progress {
248
- --n-fill-color: #fff;
272
+ .upload-area--drag-over[data-v-705892ab] {
273
+ border-color: var(--primary-color);
274
+ border-style: solid;
275
+ background: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));
249
276
  }
250
- .image-preview__status-icon[data-v-32d39ae9] {
251
- font-size: 28px;
277
+ .upload-area--drag-over .upload-area__icon[data-v-705892ab] {
278
+ color: var(--primary-color);
279
+ transform: scale(1.1);
252
280
  }
253
- .image-preview__status-icon--success[data-v-32d39ae9] {
254
- color: var(--success-color);
281
+ .upload-area--disabled[data-v-705892ab] {
282
+ cursor: not-allowed;
283
+ opacity: 0.5;
255
284
  }
256
- .image-preview__status-icon--error[data-v-32d39ae9] {
257
- color: var(--error-color);
285
+ .upload-area__input[data-v-705892ab] {
286
+ display: none;
258
287
  }
259
- .image-preview__actions[data-v-32d39ae9] {
288
+ .upload-area__default[data-v-705892ab] {
260
289
  display: flex;
261
- gap: 6px;
262
- }
263
- .image-preview__name[data-v-32d39ae9] {
264
- position: absolute;
265
- bottom: 0;
266
- left: 0;
267
- right: 0;
268
- padding: 2px 6px;
269
- font-size: 11px;
270
- color: #fff;
271
- background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
272
- text-align: center;
290
+ flex-direction: column;
291
+ gap: 8px;
292
+ align-items: center;
273
293
  }
274
- /* unplugin-vue-components disabled */
275
- /* layer: default */
276
- .absolute[data-v-32d39ae9]{position:absolute;}
277
- .relative[data-v-32d39ae9]{position:relative;}
278
- .grid[data-v-32d39ae9]{display:grid;}
279
- .block[data-v-32d39ae9]{display:block;}
280
- .hidden[data-v-32d39ae9]{display:none;}
281
- .flex[data-v-32d39ae9]{display:flex;}
282
- .border[data-v-32d39ae9]{border-width:1px;}
283
- .transition[data-v-32d39ae9]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
284
- .ease[data-v-32d39ae9]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
285
-
286
- /* unplugin-vue-components disabled */.c-upload[data-v-7674f0c8] {
287
- --c-upload-progress-bg: var(--body-color, #fff);
288
- --c-upload-progress-border: var(--border-color, #e5e7eb);
289
- --c-upload-progress-radius: 8px;
290
- --c-upload-label-color: var(--text-color-3, #999);
291
- --c-upload-label-size: 12px;
292
- width: 100%;
294
+ .upload-area__icon[data-v-705892ab] {
295
+ font-size: 48px;
296
+ color: var(--text-color-3);
297
+ transition: all 0.25s ease;
293
298
  }
294
- .c-upload__total-progress[data-v-7674f0c8] {
295
- margin-top: 12px;
296
- padding: 8px 12px;
297
- border-radius: var(--c-upload-progress-radius);
298
- background: var(--c-upload-progress-bg);
299
- border: 1px solid var(--c-upload-progress-border);
299
+ .upload-area__text[data-v-705892ab] {
300
+ font-size: 14px;
301
+ color: var(--text-color-2);
302
+ line-height: 1.6;
300
303
  }
301
- .c-upload__total-label[data-v-7674f0c8] {
302
- display: flex;
303
- justify-content: space-between;
304
- margin-bottom: 6px;
305
- font-size: var(--c-upload-label-size);
306
- color: var(--c-upload-label-color);
304
+ .upload-area__text kbd[data-v-705892ab] {
305
+ padding: 1px 5px;
306
+ font-size: 12px;
307
+ border: 1px solid var(--border-color);
308
+ border-radius: 3px;
309
+ background: var(--body-color);
307
310
  }
308
- /* unplugin-vue-components disabled */
309
- /* layer: default */
310
- .flex[data-v-7674f0c8]{display:flex;}
311
- .border[data-v-7674f0c8]{border-width:1px;}
312
-
311
+ .upload-area__tip[data-v-705892ab] {
312
+ font-size: 12px;
313
+ color: var(--text-color-4);
314
+ }