@robot-admin/naive-ui-components 0.14.3 → 0.15.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.
- package/CHANGELOG.md +24 -0
- package/README.md +130 -741
- package/README_EN.md +137 -678
- package/dist/C_ActionBar.css +57 -58
- package/dist/C_ActionBar2.cjs +1 -1
- package/dist/C_ActionBar2.js +1 -1
- package/dist/C_AntV.css +232 -238
- package/dist/C_AntV2.cjs +2 -2
- package/dist/C_AntV2.js +2 -2
- package/dist/C_AudioPlayer.css +9 -9
- package/dist/C_AvatarGroup.css +5 -6
- package/dist/C_Barcode.css +1 -1
- package/dist/C_Breadcrumb.css +15 -18
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Captcha.css +46 -49
- package/dist/C_Captcha2.cjs +1 -1
- package/dist/C_Captcha2.js +1 -1
- package/dist/C_Cascade.css +5 -6
- package/dist/C_Chat.css +8 -8
- package/dist/C_City.css +2 -2
- package/dist/C_Code.css +9 -9
- package/dist/C_CollapsePanel.css +9 -9
- package/dist/C_ContextMenu.css +31 -31
- package/dist/C_Cron.css +271 -274
- package/dist/C_Date.css +1 -1
- package/dist/C_Draggable.css +10 -11
- package/dist/C_Editor.css +2 -2
- package/dist/C_FilePreview.css +423 -423
- package/dist/C_Form.base.css +608 -602
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.css +610 -604
- package/dist/C_Form.d.cts +2 -2
- package/dist/C_Form.d.ts +2 -2
- package/dist/C_Form.js +1 -1
- package/dist/C_FormModal.cjs +1 -1
- package/dist/C_FormModal.css +12 -17
- package/dist/C_FormModal.js +1 -1
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_FormSearch.css +53 -55
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormulaEditor.css +204 -205
- package/dist/C_FullCalendar.css +13 -15
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_GlobalSearch.css +11 -12
- package/dist/C_Guide.css +10 -10
- package/dist/C_Icon.css +7 -8
- package/dist/C_ImageCropper.css +69 -69
- package/dist/C_Language.css +8 -8
- package/dist/C_Loading.css +22 -25
- package/dist/C_Loading2.cjs +1 -1
- package/dist/C_Loading2.js +1 -1
- package/dist/C_Login.css +130 -135
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Map.css +22 -23
- package/dist/C_Markdown.css +6 -7
- package/dist/C_Menu.css +2 -5
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +252 -253
- package/dist/C_OrgChart.css +8 -8
- package/dist/C_PageLoading.css +34 -39
- package/dist/C_QRCode.css +5 -6
- package/dist/C_Signature.css +5 -6
- package/dist/C_Skeleton.css +2 -2
- package/dist/C_SplitPane.css +2 -2
- package/dist/C_Steps.css +5 -6
- package/dist/C_Table.base.css +1090 -879
- package/dist/C_Table.cjs +1 -1
- package/dist/C_Table.css +1096 -885
- package/dist/C_Table.d.cts +1 -1
- package/dist/C_Table.d.ts +1 -1
- package/dist/C_Table.js +1 -1
- package/dist/C_Tabs.css +5 -6
- package/dist/C_TagsView.css +60 -63
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Theme.css +7 -8
- package/dist/C_Time.css +1 -1
- package/dist/C_Timeline.css +8 -8
- package/dist/C_Transfer.css +10 -11
- package/dist/C_Tree.css +16 -17
- package/dist/C_Upload.css +156 -157
- package/dist/C_VideoPlayer.css +267 -267
- package/dist/C_VtableGantt.css +2 -2
- package/dist/C_WaterFall.css +2 -2
- package/dist/C_WorkFlow.css +466 -470
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/Card.cjs +1 -0
- package/dist/Card.js +1 -0
- package/dist/Custom.cjs +1 -0
- package/dist/Custom.js +1 -0
- package/dist/Dynamic.cjs +1 -0
- package/dist/Dynamic.js +1 -0
- package/dist/Steps.cjs +1 -0
- package/dist/Steps.js +1 -0
- package/dist/Tabs.cjs +1 -0
- package/dist/Tabs.js +1 -0
- package/dist/cascader.cjs +1 -0
- package/dist/cascader.js +1 -0
- package/dist/color-picker.cjs +1 -0
- package/dist/color-picker.js +1 -0
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants3.d.cts +2 -2
- package/dist/constants3.d.ts +2 -2
- package/dist/constants4.d.cts +4 -4
- package/dist/constants4.d.ts +4 -4
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/context.cjs +1 -0
- package/dist/context.js +1 -0
- package/dist/contracts.d.cts +24 -0
- package/dist/contracts.d.ts +24 -0
- package/dist/createPageLoading.cjs +1 -1
- package/dist/createPageLoading.js +1 -1
- package/dist/data.cjs +1 -1
- package/dist/data.d.cts +4 -4
- package/dist/data.d.ts +4 -4
- package/dist/data.js +1 -1
- package/dist/date-picker.cjs +1 -0
- package/dist/date-picker.js +1 -0
- package/dist/feedback.cjs +1 -0
- package/dist/feedback.js +1 -0
- package/dist/helpers.cjs +1 -1
- package/dist/helpers.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -4
- package/dist/index.d.ts +6 -4
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +4 -4
- package/dist/index.vue.d.ts +4 -4
- package/dist/index10.vue.d.cts +3 -3
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +2 -2
- package/dist/index12.vue.d.cts +2 -2
- package/dist/index12.vue.d.ts +1 -1
- package/dist/index13.vue.d.cts +1 -1
- package/dist/index13.vue.d.ts +2 -2
- package/dist/index14.vue.d.cts +2 -2
- package/dist/index14.vue.d.ts +7 -7
- package/dist/index15.vue.d.cts +7 -7
- package/dist/index16.vue.d.ts +1 -1
- package/dist/index17.vue.d.cts +1 -1
- package/dist/index17.vue.d.ts +2 -2
- package/dist/index18.vue.d.cts +2 -2
- package/dist/index18.vue.d.ts +2 -2
- package/dist/index19.vue.d.cts +2 -2
- package/dist/index19.vue.d.ts +1 -8
- package/dist/index2.vue.d.cts +1 -1
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +2 -2
- package/dist/index21.vue.d.ts +2 -2
- package/dist/index22.vue.d.cts +3 -3
- package/dist/index22.vue.d.ts +3 -3
- package/dist/index23.vue.d.cts +1 -1
- package/dist/index23.vue.d.ts +1 -1
- package/dist/index25.vue.d.cts +4 -4
- package/dist/index25.vue.d.ts +4 -4
- package/dist/index26.vue.d.cts +1 -1
- package/dist/index26.vue.d.ts +1 -1
- package/dist/index27.vue.d.cts +3 -3
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index3.vue.d.cts +4 -4
- package/dist/index3.vue.d.ts +4 -4
- package/dist/index4.vue.d.cts +1 -8
- package/dist/index6.vue.d.ts +2 -2
- package/dist/index7.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +3 -3
- package/dist/index9.vue.d.cts +3 -3
- package/dist/index9.vue.d.ts +3 -3
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/presets.d.cts +8 -2
- package/dist/presets.d.ts +8 -2
- package/dist/rate.cjs +1 -0
- package/dist/rate.js +1 -0
- package/dist/slider.cjs +1 -0
- package/dist/slider.js +1 -0
- package/dist/style.css +10671 -10704
- package/dist/time-picker.cjs +1 -0
- package/dist/time-picker.js +1 -0
- package/dist/upload.cjs +1 -0
- package/dist/upload.js +1 -0
- package/dist/useActionTask.cjs +1 -0
- package/dist/useActionTask.js +1 -0
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +6 -6
- package/dist/useCollapsePanel.d.ts +6 -6
- package/dist/useComponentLocale.cjs +1 -0
- package/dist/useComponentLocale.js +1 -0
- package/dist/useCropperCore.d.cts +4 -4
- package/dist/useCropperCore.d.ts +4 -4
- package/dist/useDraggableLayout.d.cts +8 -8
- package/dist/useDraggableLayout.d.ts +8 -8
- package/dist/useDynamicFormState.cjs +1 -0
- package/dist/useDynamicFormState.d.cts +62 -38
- package/dist/useDynamicFormState.d.ts +62 -38
- package/dist/useDynamicFormState.js +1 -0
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.cts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useInfiniteScroll.d.cts +1 -1
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.cts +3 -3
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSearchState.d.cts +16 -726
- package/dist/useSearchState.d.ts +16 -835
- package/dist/useSignatureHistory.d.cts +2 -2
- package/dist/useSignatureHistory.d.ts +2 -2
- package/dist/useSplitResize.d.cts +9 -9
- package/dist/useSplitResize.d.ts +9 -9
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +66 -33
- package/dist/useTableQuery.d.ts +66 -33
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +2 -2
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.cts +4 -4
- package/dist/useTreeOperations.d.ts +4 -4
- package/dist/useWorkflowValidation.d.cts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/dist/verification.d.cts +2 -2
- package/dist/verification.d.ts +2 -2
- package/docs/architecture.en.md +83 -0
- package/docs/architecture.md +83 -0
- package/docs/assets/README.md +47 -0
- package/docs/assets/naive-ui-components-banner.png +0 -0
- package/docs/assets/naive-ui-components-banner.svg +69 -0
- package/docs/assets/naive-ui-components-logo.png +0 -0
- package/docs/assets/naive-ui-components-logo.svg +22 -0
- package/docs/components.en.md +118 -0
- package/docs/components.md +118 -0
- package/docs/engineering.en.md +132 -0
- package/docs/engineering.md +133 -0
- package/docs/guides/usage.en.md +638 -0
- package/docs/guides/usage.md +699 -0
- package/docs/performance-0.15.0.md +20 -0
- package/docs/security-scan-2026-10-06.md +11 -0
- package/docs/security-scan-2026-10-18.md +16 -0
- package/package.json +29 -11
- package/dist/C_Form2.cjs +0 -1
- package/dist/C_Form2.js +0 -1
- package/dist/config.cjs +0 -1
- package/dist/config.d.cts +0 -33
- package/dist/config.d.ts +0 -33
- package/dist/config.js +0 -1
package/dist/C_Guide.css
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
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
2
|
|
|
3
|
-
|
|
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
|
-
|
|
9
|
-
/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
|
|
3
|
+
.c-icon[data-v-075758a0] {
|
|
10
4
|
display: inline-flex;
|
|
11
5
|
align-items: center;
|
|
12
6
|
justify-content: center;
|
|
@@ -65,9 +59,15 @@
|
|
|
65
59
|
transform: rotate(360deg);
|
|
66
60
|
}
|
|
67
61
|
}
|
|
62
|
+
|
|
63
|
+
/* layer: default */
|
|
64
|
+
.inline-flex[data-v-075758a0]{display:inline-flex;}
|
|
65
|
+
.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));}
|
|
66
|
+
.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
|
|
67
|
+
|
|
68
68
|
.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}
|
|
69
69
|
|
|
70
|
-
/*
|
|
70
|
+
/*
|
|
71
71
|
* @Author: ChenYu ycyplus@gmail.com
|
|
72
72
|
* @Date: 2026-10-04
|
|
73
73
|
* @Description: 引导入口键盘焦点样式,不依赖宿主样式
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
outline-offset: 4px;
|
|
79
79
|
border-radius: 4px;
|
|
80
80
|
}
|
|
81
|
-
/*
|
|
81
|
+
/*
|
|
82
82
|
* @Author: ChenYu ycyplus@gmail.com
|
|
83
83
|
* @Date: 2026-10-04
|
|
84
84
|
* @FilePath: \naive-ui-components\src\components\C_Guide\popover.scss
|
|
@@ -189,7 +189,7 @@
|
|
|
189
189
|
.driver-popover.c-guide-popover .driver-popover-arrow-side-bottom {
|
|
190
190
|
border-bottom-color: var(--c-guide-bg, var(--c-bg-surface, #fff));
|
|
191
191
|
}
|
|
192
|
-
|
|
192
|
+
|
|
193
193
|
/* layer: default */
|
|
194
194
|
.m62[data-v-fb8d9f5d]{margin:15.5rem;}
|
|
195
195
|
.hidden[data-v-fb8d9f5d]{display:none;}
|
package/dist/C_Icon.css
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
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
2
|
|
|
3
|
-
|
|
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
|
-
|
|
9
|
-
/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
|
|
3
|
+
.c-icon[data-v-075758a0] {
|
|
10
4
|
display: inline-flex;
|
|
11
5
|
align-items: center;
|
|
12
6
|
justify-content: center;
|
|
@@ -64,4 +58,9 @@
|
|
|
64
58
|
100% {
|
|
65
59
|
transform: rotate(360deg);
|
|
66
60
|
}
|
|
67
|
-
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* layer: default */
|
|
64
|
+
.inline-flex[data-v-075758a0]{display:inline-flex;}
|
|
65
|
+
.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));}
|
|
66
|
+
.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
|
package/dist/C_ImageCropper.css
CHANGED
|
@@ -1,72 +1,6 @@
|
|
|
1
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
2
|
|
|
3
|
-
|
|
4
|
-
.c-image-cropper[data-v-b3645c9b] {
|
|
5
|
-
width: 100%;
|
|
6
|
-
}
|
|
7
|
-
.c-image-cropper__body[data-v-b3645c9b] {
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
gap: 8px;
|
|
11
|
-
}
|
|
12
|
-
.c-image-cropper__workspace[data-v-b3645c9b] {
|
|
13
|
-
display: flex;
|
|
14
|
-
gap: 16px;
|
|
15
|
-
align-items: stretch;
|
|
16
|
-
}
|
|
17
|
-
.c-image-cropper__canvas[data-v-b3645c9b] {
|
|
18
|
-
position: relative;
|
|
19
|
-
flex: 1;
|
|
20
|
-
min-width: 0;
|
|
21
|
-
overflow: hidden;
|
|
22
|
-
border: 1px solid var(--border-color);
|
|
23
|
-
border-radius: 6px;
|
|
24
|
-
background: var(--body-color);
|
|
25
|
-
}
|
|
26
|
-
.c-image-cropper__canvas[data-v-b3645c9b] .vue-cropper {
|
|
27
|
-
width: 100% !important;
|
|
28
|
-
height: 100% !important;
|
|
29
|
-
}
|
|
30
|
-
.c-image-cropper__preview-panel[data-v-b3645c9b] {
|
|
31
|
-
flex: 0 1 280px;
|
|
32
|
-
min-width: 200px;
|
|
33
|
-
padding: 16px;
|
|
34
|
-
overflow: hidden;
|
|
35
|
-
border: 1px solid var(--border-color);
|
|
36
|
-
border-radius: 6px;
|
|
37
|
-
background: var(--card-color);
|
|
38
|
-
}
|
|
39
|
-
.c-image-cropper__placeholder[data-v-b3645c9b] {
|
|
40
|
-
display: flex;
|
|
41
|
-
flex-direction: column;
|
|
42
|
-
gap: 8px;
|
|
43
|
-
align-items: center;
|
|
44
|
-
justify-content: center;
|
|
45
|
-
height: 100%;
|
|
46
|
-
color: var(--text-color-3);
|
|
47
|
-
font-size: 14px;
|
|
48
|
-
}
|
|
49
|
-
@media (width <= 768px) {
|
|
50
|
-
.c-image-cropper__workspace[data-v-b3645c9b] {
|
|
51
|
-
flex-direction: column;
|
|
52
|
-
}
|
|
53
|
-
.c-image-cropper__preview-panel[data-v-b3645c9b] {
|
|
54
|
-
max-width: none;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
/* unplugin-vue-components disabled */
|
|
58
|
-
/* layer: default */
|
|
59
|
-
.px[data-v-b3645c9b]{padding-left:1rem;padding-right:1rem;}
|
|
60
|
-
|
|
61
|
-
/* unplugin-vue-components disabled */
|
|
62
|
-
/* layer: default */
|
|
63
|
-
.block[data-v-ca124789]{display:block;}
|
|
64
|
-
.hidden[data-v-ca124789]{display:none;}
|
|
65
|
-
.flex[data-v-ca124789]{display:flex;}
|
|
66
|
-
.border[data-v-ca124789]{border-width:1px;}
|
|
67
|
-
.px[data-v-ca124789]{padding-left:1rem;padding-right:1rem;}
|
|
68
|
-
|
|
69
|
-
/* unplugin-vue-components disabled */.cropper-preview[data-v-ca124789] {
|
|
3
|
+
.cropper-preview[data-v-ca124789] {
|
|
70
4
|
display: flex;
|
|
71
5
|
flex-direction: column;
|
|
72
6
|
gap: 16px;
|
|
@@ -132,14 +66,80 @@
|
|
|
132
66
|
font-size: 11px;
|
|
133
67
|
color: var(--text-color-3);
|
|
134
68
|
}
|
|
135
|
-
|
|
69
|
+
|
|
70
|
+
/* layer: default */
|
|
71
|
+
.block[data-v-ca124789]{display:block;}
|
|
72
|
+
.hidden[data-v-ca124789]{display:none;}
|
|
73
|
+
.flex[data-v-ca124789]{display:flex;}
|
|
74
|
+
.border[data-v-ca124789]{border-width:1px;}
|
|
75
|
+
.px[data-v-ca124789]{padding-left:1rem;padding-right:1rem;}
|
|
76
|
+
|
|
77
|
+
.cropper-toolbar[data-v-8dc2ca25] {
|
|
136
78
|
display: flex;
|
|
137
79
|
flex-wrap: wrap;
|
|
138
80
|
gap: 4px;
|
|
139
81
|
align-items: center;
|
|
140
82
|
padding: 8px 0;
|
|
141
83
|
}
|
|
142
|
-
|
|
84
|
+
|
|
143
85
|
/* layer: default */
|
|
144
86
|
.flex[data-v-8dc2ca25]{display:flex;}
|
|
145
87
|
.flex-wrap[data-v-8dc2ca25]{flex-wrap:wrap;}
|
|
88
|
+
|
|
89
|
+
/* C_ImageCropper styles */
|
|
90
|
+
.c-image-cropper[data-v-b3645c9b] {
|
|
91
|
+
width: 100%;
|
|
92
|
+
}
|
|
93
|
+
.c-image-cropper__body[data-v-b3645c9b] {
|
|
94
|
+
display: flex;
|
|
95
|
+
flex-direction: column;
|
|
96
|
+
gap: 8px;
|
|
97
|
+
}
|
|
98
|
+
.c-image-cropper__workspace[data-v-b3645c9b] {
|
|
99
|
+
display: flex;
|
|
100
|
+
gap: 16px;
|
|
101
|
+
align-items: stretch;
|
|
102
|
+
}
|
|
103
|
+
.c-image-cropper__canvas[data-v-b3645c9b] {
|
|
104
|
+
position: relative;
|
|
105
|
+
flex: 1;
|
|
106
|
+
min-width: 0;
|
|
107
|
+
overflow: hidden;
|
|
108
|
+
border: 1px solid var(--border-color);
|
|
109
|
+
border-radius: 6px;
|
|
110
|
+
background: var(--body-color);
|
|
111
|
+
}
|
|
112
|
+
.c-image-cropper__canvas[data-v-b3645c9b] .vue-cropper {
|
|
113
|
+
width: 100% !important;
|
|
114
|
+
height: 100% !important;
|
|
115
|
+
}
|
|
116
|
+
.c-image-cropper__preview-panel[data-v-b3645c9b] {
|
|
117
|
+
flex: 0 1 280px;
|
|
118
|
+
min-width: 200px;
|
|
119
|
+
padding: 16px;
|
|
120
|
+
overflow: hidden;
|
|
121
|
+
border: 1px solid var(--border-color);
|
|
122
|
+
border-radius: 6px;
|
|
123
|
+
background: var(--card-color);
|
|
124
|
+
}
|
|
125
|
+
.c-image-cropper__placeholder[data-v-b3645c9b] {
|
|
126
|
+
display: flex;
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
gap: 8px;
|
|
129
|
+
align-items: center;
|
|
130
|
+
justify-content: center;
|
|
131
|
+
height: 100%;
|
|
132
|
+
color: var(--text-color-3);
|
|
133
|
+
font-size: 14px;
|
|
134
|
+
}
|
|
135
|
+
@media (width <= 768px) {
|
|
136
|
+
.c-image-cropper__workspace[data-v-b3645c9b] {
|
|
137
|
+
flex-direction: column;
|
|
138
|
+
}
|
|
139
|
+
.c-image-cropper__preview-panel[data-v-b3645c9b] {
|
|
140
|
+
max-width: none;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/* layer: default */
|
|
145
|
+
.px[data-v-b3645c9b]{padding-left:1rem;padding-right:1rem;}
|
package/dist/C_Language.css
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
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
2
|
|
|
3
|
-
|
|
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
|
-
|
|
9
|
-
/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
|
|
3
|
+
.c-icon[data-v-075758a0] {
|
|
10
4
|
display: inline-flex;
|
|
11
5
|
align-items: center;
|
|
12
6
|
justify-content: center;
|
|
@@ -65,7 +59,13 @@
|
|
|
65
59
|
transform: rotate(360deg);
|
|
66
60
|
}
|
|
67
61
|
}
|
|
68
|
-
|
|
62
|
+
|
|
63
|
+
/* layer: default */
|
|
64
|
+
.inline-flex[data-v-075758a0]{display:inline-flex;}
|
|
65
|
+
.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));}
|
|
66
|
+
.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
|
|
67
|
+
|
|
68
|
+
|
|
69
69
|
/* layer: default */
|
|
70
70
|
.flex[data-v-423b9151]{display:flex;}
|
|
71
71
|
.items-center[data-v-423b9151]{align-items:center;}
|
package/dist/C_Loading.css
CHANGED
|
@@ -1,20 +1,13 @@
|
|
|
1
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
2
|
|
|
3
|
-
/*
|
|
4
|
-
/* layer: default */
|
|
5
|
-
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
6
|
-
.table[data-v-c6727905]{display:table;}
|
|
7
|
-
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
8
|
-
.filter[data-v-c6727905]{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);}
|
|
9
|
-
|
|
10
|
-
/* unplugin-vue-components disabled *//*
|
|
3
|
+
/*
|
|
11
4
|
* @Author: ChenYu ycyplus@gmail.com
|
|
12
5
|
* @Date: 2026-10-07
|
|
13
6
|
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
14
7
|
* @Description: 数据光环与细光束动画,作用域隔离并支持减少动态效果
|
|
15
8
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
16
9
|
*/
|
|
17
|
-
.c-loading[data-v-
|
|
10
|
+
.c-loading[data-v-b1927095] {
|
|
18
11
|
display: inline-flex;
|
|
19
12
|
align-items: center;
|
|
20
13
|
justify-content: center;
|
|
@@ -22,7 +15,7 @@
|
|
|
22
15
|
line-height: 1;
|
|
23
16
|
pointer-events: none;
|
|
24
17
|
}
|
|
25
|
-
.c-loading--labeled[data-v-
|
|
18
|
+
.c-loading--labeled[data-v-b1927095] {
|
|
26
19
|
position: relative;
|
|
27
20
|
gap: 10px;
|
|
28
21
|
max-width: 100%;
|
|
@@ -35,7 +28,7 @@
|
|
|
35
28
|
box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
|
|
36
29
|
overflow: hidden;
|
|
37
30
|
}
|
|
38
|
-
.c-loading--labeled[data-v-
|
|
31
|
+
.c-loading--labeled[data-v-b1927095]::after {
|
|
39
32
|
content: "";
|
|
40
33
|
position: absolute;
|
|
41
34
|
bottom: 0;
|
|
@@ -44,27 +37,27 @@
|
|
|
44
37
|
height: 2px;
|
|
45
38
|
background: linear-gradient(90deg, transparent, currentColor, transparent);
|
|
46
39
|
opacity: 0.5;
|
|
47
|
-
animation: c-loading-beam-
|
|
40
|
+
animation: c-loading-beam-b1927095 1.8s ease-in-out infinite;
|
|
48
41
|
}
|
|
49
|
-
.c-loading__glyph[data-v-
|
|
42
|
+
.c-loading__glyph[data-v-b1927095] {
|
|
50
43
|
width: var(--c-loading-size, 48px);
|
|
51
44
|
height: var(--c-loading-size, 48px);
|
|
52
45
|
flex-shrink: 0;
|
|
53
46
|
}
|
|
54
|
-
.c-loading__orbit[data-v-
|
|
47
|
+
.c-loading__orbit[data-v-b1927095] {
|
|
55
48
|
transform-box: view-box;
|
|
56
49
|
transform-origin: center;
|
|
57
|
-
animation: c-loading-orbit-
|
|
50
|
+
animation: c-loading-orbit-b1927095 1.6s linear infinite;
|
|
58
51
|
}
|
|
59
|
-
.c-loading__orbit--inner[data-v-
|
|
52
|
+
.c-loading__orbit--inner[data-v-b1927095] {
|
|
60
53
|
animation-duration: 3.2s;
|
|
61
54
|
animation-direction: reverse;
|
|
62
55
|
}
|
|
63
|
-
.c-loading__row[data-v-
|
|
56
|
+
.c-loading__row[data-v-b1927095] {
|
|
64
57
|
opacity: 0.75;
|
|
65
|
-
animation: c-loading-row-
|
|
58
|
+
animation: c-loading-row-b1927095 1.6s ease-in-out infinite;
|
|
66
59
|
}
|
|
67
|
-
.c-loading__label[data-v-
|
|
60
|
+
.c-loading__label[data-v-b1927095] {
|
|
68
61
|
min-width: 0;
|
|
69
62
|
color: var(--c-loading-text, currentColor);
|
|
70
63
|
font-size: 12px;
|
|
@@ -74,19 +67,19 @@
|
|
|
74
67
|
overflow-wrap: anywhere;
|
|
75
68
|
}
|
|
76
69
|
@media (prefers-reduced-motion: reduce) {
|
|
77
|
-
.c-loading__orbit[data-v-
|
|
70
|
+
.c-loading__orbit[data-v-b1927095], .c-loading__row[data-v-b1927095], .c-loading--labeled[data-v-b1927095]::after {
|
|
78
71
|
animation: none;
|
|
79
72
|
}
|
|
80
|
-
.c-loading--labeled[data-v-
|
|
73
|
+
.c-loading--labeled[data-v-b1927095]::after {
|
|
81
74
|
display: none;
|
|
82
75
|
}
|
|
83
76
|
}
|
|
84
|
-
@keyframes c-loading-orbit-
|
|
77
|
+
@keyframes c-loading-orbit-b1927095 {
|
|
85
78
|
to {
|
|
86
79
|
transform: rotate(360deg);
|
|
87
80
|
}
|
|
88
81
|
}
|
|
89
|
-
@keyframes c-loading-row-
|
|
82
|
+
@keyframes c-loading-row-b1927095 {
|
|
90
83
|
0%, 100% {
|
|
91
84
|
opacity: 0.4;
|
|
92
85
|
}
|
|
@@ -94,11 +87,15 @@ to {
|
|
|
94
87
|
opacity: 1;
|
|
95
88
|
}
|
|
96
89
|
}
|
|
97
|
-
@keyframes c-loading-beam-
|
|
90
|
+
@keyframes c-loading-beam-b1927095 {
|
|
98
91
|
from {
|
|
99
92
|
transform: translateX(-100%);
|
|
100
93
|
}
|
|
101
94
|
to {
|
|
102
95
|
transform: translateX(200%);
|
|
103
96
|
}
|
|
104
|
-
}
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
/* layer: default */
|
|
100
|
+
.ms[data-v-b1927095]{margin-inline-start:1rem;}
|
|
101
|
+
.px[data-v-b1927095]{padding-left:1rem;padding-right:1rem;}
|
package/dist/C_Loading2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./useComponentLocale.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i=[`aria-label`],a={class:`c-loading__glyph`,viewBox:`0 0 64 64`,fill:`none`,"aria-hidden":`true`,focusable:`false`},o=[`stroke`],s=[`fill`],c=[`cy`],l=[`y`,`width`],u={key:0,class:`c-loading__label`},d=(0,n.defineComponent)({name:`C_Loading`,__name:`index`,props:{size:{default:48},label:{default:``},color:{}},setup(t){let d=t,f=(0,r.useThemeVars)(),p=(0,n.useId)(),m=`c-loading-orbit-${p}`,h=`c-loading-surface-${p}`,{t:g}=e.t(),_=(0,n.computed)(()=>Number.isFinite(d.size)?Math.min(120,Math.max(16,d.size)):48);return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`c-loading`,{"c-loading--labeled":!!t.label}]),role:`status`,"aria-live":`polite`,"aria-atomic":`true`,"aria-label":t.label||(0,n.unref)(g)(`common.loading`),style:(0,n.normalizeStyle)({"--c-loading-size":`${_.value}px`,"--c-loading-surface":(0,n.unref)(f).cardColor,"--c-loading-border":(0,n.unref)(f).dividerColor,"--c-loading-text":(0,n.unref)(f).textColor2,color:t.color||(0,n.unref)(f).primaryColor})},[((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,a,[(0,n.createElementVNode)(`defs`,null,[(0,n.createElementVNode)(`linearGradient`,{id:m,x1:`8`,y1:`8`,x2:`56`,y2:`56`,gradientUnits:`userSpaceOnUse`},[...r[0]||=[(0,n.createElementVNode)(`stop`,{"stop-color":`currentColor`,"stop-opacity":`.06`},null,-1),(0,n.createElementVNode)(`stop`,{offset:`.5`,"stop-color":`currentColor`,"stop-opacity":`.45`},null,-1),(0,n.createElementVNode)(`stop`,{offset:`1`,"stop-color":`currentColor`},null,-1)]]),(0,n.createElementVNode)(`linearGradient`,{id:h,x1:`16`,y1:`16`,x2:`48`,y2:`48`,gradientUnits:`userSpaceOnUse`},[...r[1]||=[(0,n.createElementVNode)(`stop`,{"stop-color":`currentColor`,"stop-opacity":`.13`},null,-1),(0,n.createElementVNode)(`stop`,{offset:`1`,"stop-color":`currentColor`,"stop-opacity":`.03`},null,-1)]])]),r[3]||=(0,n.createElementVNode)(`circle`,{cx:`32`,cy:`32`,r:`24`,stroke:`currentColor`,"stroke-width":`1.5`,opacity:`.1`},null,-1),(0,n.createElementVNode)(`g`,{class:`c-loading__orbit`,stroke:`url(#${m})`,"stroke-width":`2.25`,"stroke-linecap":`round`},[...r[2]||=[(0,n.createElementVNode)(`path`,{d:`M8 32a24 24 0 1 1 24 24`},null,-1),(0,n.createElementVNode)(`circle`,{cx:`32`,cy:`56`,r:`2.5`,fill:`currentColor`,stroke:`none`},null,-1)]],8,o),r[4]||=(0,n.createElementVNode)(`g`,{class:`c-loading__orbit c-loading__orbit--inner`},[(0,n.createElementVNode)(`path`,{d:`M18 46a20 20 0 0 1 0-28`,stroke:`currentColor`,"stroke-width":`1`,"stroke-linecap":`round`,opacity:`.18`})],-1),(0,n.createElementVNode)(`rect`,{x:`16`,y:`16`,width:`32`,height:`32`,rx:`11`,fill:`url(#${h})`,stroke:`currentColor`,"stroke-opacity":`.16`},null,8,s),((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)([25,32,39],(e,t)=>(0,n.createElementVNode)(`g`,{key:e,class:`c-loading__row`,style:(0,n.normalizeStyle)({animationDelay:`${t*160}ms`}),fill:`currentColor`},[(0,n.createElementVNode)(`circle`,{cx:`24`,cy:e,r:`1.5`},null,8,c),(0,n.createElementVNode)(`rect`,{x:`29`,y:e-1.25,width:t===1?8:12,height:`2.5`,rx:`1.25`},null,8,l)],4)),64))])),t.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,(0,n.toDisplayString)(t.label),1)):(0,n.createCommentVNode)(`v-if`,!0)],14,i))}});var f=t.t(d,[[`__scopeId`,`data-v-b1927095`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
package/dist/C_Loading2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{t as e}from"./useComponentLocale.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderList as d,toDisplayString as f,unref as p,useId as m}from"vue";import{useThemeVars as h}from"naive-ui";const g=[`aria-label`],_={class:`c-loading__glyph`,viewBox:`0 0 64 64`,fill:`none`,"aria-hidden":`true`,focusable:`false`},v=[`stroke`],y=[`fill`],b=[`cy`],x=[`y`,`width`],S={key:0,class:`c-loading__label`};var C=t(s({name:`C_Loading`,__name:`index`,props:{size:{default:48},label:{default:``},color:{}},setup(t){let s=t,C=h(),w=m(),T=`c-loading-orbit-${w}`,E=`c-loading-surface-${w}`,{t:D}=e(),O=r(()=>Number.isFinite(s.size)?Math.min(120,Math.max(16,s.size)):48);return(e,r)=>(u(),a(`span`,{class:c([`c-loading`,{"c-loading--labeled":!!t.label}]),role:`status`,"aria-live":`polite`,"aria-atomic":`true`,"aria-label":t.label||p(D)(`common.loading`),style:l({"--c-loading-size":`${O.value}px`,"--c-loading-surface":p(C).cardColor,"--c-loading-border":p(C).dividerColor,"--c-loading-text":p(C).textColor2,color:t.color||p(C).primaryColor})},[(u(),a(`svg`,_,[o(`defs`,null,[o(`linearGradient`,{id:T,x1:`8`,y1:`8`,x2:`56`,y2:`56`,gradientUnits:`userSpaceOnUse`},[...r[0]||=[o(`stop`,{"stop-color":`currentColor`,"stop-opacity":`.06`},null,-1),o(`stop`,{offset:`.5`,"stop-color":`currentColor`,"stop-opacity":`.45`},null,-1),o(`stop`,{offset:`1`,"stop-color":`currentColor`},null,-1)]]),o(`linearGradient`,{id:E,x1:`16`,y1:`16`,x2:`48`,y2:`48`,gradientUnits:`userSpaceOnUse`},[...r[1]||=[o(`stop`,{"stop-color":`currentColor`,"stop-opacity":`.13`},null,-1),o(`stop`,{offset:`1`,"stop-color":`currentColor`,"stop-opacity":`.03`},null,-1)]])]),r[3]||=o(`circle`,{cx:`32`,cy:`32`,r:`24`,stroke:`currentColor`,"stroke-width":`1.5`,opacity:`.1`},null,-1),o(`g`,{class:`c-loading__orbit`,stroke:`url(#${T})`,"stroke-width":`2.25`,"stroke-linecap":`round`},[...r[2]||=[o(`path`,{d:`M8 32a24 24 0 1 1 24 24`},null,-1),o(`circle`,{cx:`32`,cy:`56`,r:`2.5`,fill:`currentColor`,stroke:`none`},null,-1)]],8,v),r[4]||=o(`g`,{class:`c-loading__orbit c-loading__orbit--inner`},[o(`path`,{d:`M18 46a20 20 0 0 1 0-28`,stroke:`currentColor`,"stroke-width":`1`,"stroke-linecap":`round`,opacity:`.18`})],-1),o(`rect`,{x:`16`,y:`16`,width:`32`,height:`32`,rx:`11`,fill:`url(#${E})`,stroke:`currentColor`,"stroke-opacity":`.16`},null,8,y),(u(),a(n,null,d([25,32,39],(e,t)=>o(`g`,{key:e,class:`c-loading__row`,style:l({animationDelay:`${t*160}ms`}),fill:`currentColor`},[o(`circle`,{cx:`24`,cy:e,r:`1.5`},null,8,b),o(`rect`,{x:`29`,y:e-1.25,width:t===1?8:12,height:`2.5`,rx:`1.25`},null,8,x)],4)),64))])),t.label?(u(),a(`span`,S,f(t.label),1)):i(`v-if`,!0)],14,g))}}),[[`__scopeId`,`data-v-b1927095`]]);export{C as t};
|