@robot-admin/naive-ui-components 0.21.1 → 0.22.1
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 +22 -0
- package/README.md +5 -1
- package/README_EN.md +5 -1
- package/SECURITY.md +10 -0
- package/THIRD_PARTY_NOTICES.md +10 -0
- package/dist/C_AntV2.cjs +1 -1
- package/dist/C_Barcode2.cjs +1 -1
- package/dist/C_Captcha.d.ts +2 -0
- package/dist/C_Editor.css +18 -18
- package/dist/C_Editor2.cjs +1 -1
- package/dist/C_Editor2.js +1 -1
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_Form.base.css +58 -58
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.css +76 -76
- package/dist/C_Form.d.cts +3 -1
- package/dist/C_Form.d.ts +3 -2
- package/dist/C_Form.js +1 -1
- package/dist/C_FormModal.css +10 -10
- package/dist/C_FormModal.d.ts +1 -0
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_FormSearch.css +56 -56
- package/dist/C_FormSearch.d.ts +2 -1
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_Login.d.ts +3 -0
- package/dist/C_Markdown.css +37 -37
- package/dist/C_Markdown2.cjs +1 -1
- package/dist/C_Markdown2.js +1 -1
- package/dist/C_QRCode2.cjs +1 -1
- package/dist/C_Table.base.css +58 -58
- package/dist/C_Table.css +76 -76
- package/dist/C_Table.d.cts +1 -1
- package/dist/C_Table.d.ts +5 -2
- package/dist/C_Tree.d.cts +1 -1
- package/dist/C_Tree.d.ts +5 -2
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_WaterFall.css +49 -31
- package/dist/C_WaterFall2.cjs +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/chunk.cjs +1 -1
- package/dist/config.cjs +1 -1
- package/dist/config.d.cts +4 -1
- package/dist/config.d.ts +4 -2
- package/dist/config.js +1 -1
- package/dist/config2.d.ts +14 -0
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants2.d.cts +1 -1
- package/dist/constants2.d.ts +1 -1
- package/dist/constants3.d.cts +2 -2
- package/dist/constants3.d.ts +2 -2
- package/dist/constants4.d.cts +5 -5
- package/dist/constants4.d.ts +5 -5
- package/dist/data.cjs +1 -1
- package/dist/data.d.cts +7 -7
- package/dist/data.d.ts +7 -7
- package/dist/data.js +1 -1
- package/dist/dateRange.d.ts +1 -2
- package/dist/density.cjs +1 -1
- package/dist/density.js +1 -1
- package/dist/graphics.d.cts +17 -11
- package/dist/graphics.d.ts +17 -11
- package/dist/helpers.cjs +1 -1
- package/dist/helpers.js +1 -1
- package/dist/html.cjs +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +4 -3
- package/dist/index.d.ts +7 -5
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +5 -5
- package/dist/index.vue.d.ts +5 -5
- package/dist/index10.vue.d.cts +2 -2
- package/dist/index10.vue.d.ts +5 -5
- package/dist/index11.vue.d.cts +5 -5
- package/dist/index11.vue.d.ts +1 -1
- package/dist/index12.vue.d.cts +1 -1
- package/dist/index12.vue.d.ts +4 -4
- package/dist/index13.vue.d.cts +4 -4
- package/dist/index13.vue.d.ts +9 -9
- package/dist/index14.vue.d.cts +9 -9
- 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 +2 -2
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +1 -1
- package/dist/index21.vue.d.ts +1 -1
- package/dist/index22.vue.d.cts +1 -1
- package/dist/index22.vue.d.ts +1 -1
- package/dist/index25.vue.d.cts +2 -2
- package/dist/index25.vue.d.ts +2 -2
- package/dist/index3.vue.d.cts +6 -6
- package/dist/index3.vue.d.ts +6 -6
- package/dist/index4.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 +2 -2
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/style.css +228 -210
- package/dist/types.d.ts +5 -0
- package/dist/types2.d.cts +5 -0
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +5 -5
- package/dist/useCollapsePanel.d.ts +5 -5
- package/dist/useCropperCore.d.cts +10 -10
- package/dist/useCropperCore.d.ts +10 -10
- package/dist/useDynamicFormState.d.cts +6 -579
- package/dist/useDynamicFormState.d.ts +6 -579
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFormConfig.cjs +1 -0
- package/dist/useFormConfig.d.cts +576 -0
- package/dist/useFormConfig.d.ts +611 -0
- package/dist/useFormConfig.js +1 -0
- package/dist/useGlobalSearch.d.cts +1 -1
- package/dist/useGlobalSearch.d.ts +1 -1
- package/dist/useInfiniteScroll.d.cts +16 -17
- package/dist/useInfiniteScroll.d.ts +16 -17
- package/dist/useQRCode.d.cts +5 -5
- package/dist/useQRCode.d.ts +5 -5
- package/dist/useSignatureHistory.d.cts +4 -4
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.cts +10 -10
- package/dist/useSplitResize.d.ts +10 -10
- package/dist/useTableQuery.cjs +1 -1
- package/dist/useTableQuery.d.cts +15 -13
- package/dist/useTableQuery.d.ts +17 -26
- package/dist/useTableQuery.js +1 -1
- package/dist/useWorkflowValidation.d.cts +2 -2
- package/dist/useWorkflowValidation.d.ts +2 -2
- package/dist/verification.d.cts +5 -5
- package/dist/verification.d.ts +6 -6
- package/dist/xlsx.js +143 -0
- package/dist/xlsx2.cjs +143 -0
- package/docs/architecture.en.md +1 -0
- package/docs/architecture.md +1 -0
- package/docs/guides/api-migration.md +111 -0
- package/docs/guides/form-density.en.md +17 -3
- package/docs/guides/form-density.md +17 -3
- package/docs/guides/runtime-performance.md +16 -1
- package/docs/guides/usage.en.md +1 -1
- package/docs/guides/waterfall.md +113 -0
- package/docs/runtime-review-20261019.md +2 -0
- package/licenses/SheetJS.txt +201 -0
- package/package.json +13 -9
- package/dist/contracts.d.ts +0 -24
- package/dist/density.d.ts +0 -15
package/dist/C_Form.css
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
.w-e-video{box-sizing:border-box;display:flex;margin:0;max-width:100%;width:100%}.w-e-video>iframe,.w-e-video>video{display:block;max-width:100%}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow:auto;padding:10px 0}.w-e-video-align-left{justify-content:flex-start}.w-e-video-align-center{justify-content:center}.w-e-video-align-right{justify-content:flex-end}
|
|
18
18
|
|
|
19
19
|
/* CSS 变量 — 支持外部主题覆盖 */
|
|
20
|
-
.c-editor[data-v-
|
|
20
|
+
.c-editor[data-v-2625824a] {
|
|
21
21
|
--c-editor-toolbar-bg: #ffffff;
|
|
22
22
|
--c-editor-toolbar-border: #e5e7eb;
|
|
23
23
|
--c-editor-menu-color: #333333;
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
/* 暗色主题 — 覆盖 CSS 变量 */
|
|
38
|
-
.editor-dark[data-v-
|
|
38
|
+
.editor-dark[data-v-2625824a] {
|
|
39
39
|
--c-editor-toolbar-bg: #1f2937;
|
|
40
40
|
--c-editor-toolbar-border: #374151;
|
|
41
41
|
--c-editor-menu-color: #e5e7eb;
|
|
@@ -48,68 +48,68 @@
|
|
|
48
48
|
--c-editor-text-focus-bg: #111827;
|
|
49
49
|
--c-editor-text-focus-color: #e5e7eb;
|
|
50
50
|
}
|
|
51
|
-
.editor-dark[data-v-
|
|
51
|
+
.editor-dark[data-v-2625824a] .w-e-toolbar {
|
|
52
52
|
background-color: var(--c-editor-toolbar-bg) !important;
|
|
53
53
|
border-color: var(--c-editor-toolbar-border) !important;
|
|
54
54
|
}
|
|
55
|
-
.editor-dark[data-v-
|
|
55
|
+
.editor-dark[data-v-2625824a] .w-e-toolbar .w-e-menu .w-e-menu-item {
|
|
56
56
|
color: var(--c-editor-menu-color) !important;
|
|
57
57
|
}
|
|
58
|
-
.editor-dark[data-v-
|
|
58
|
+
.editor-dark[data-v-2625824a] .w-e-toolbar .w-e-menu .w-e-menu-item:hover {
|
|
59
59
|
background-color: var(--c-editor-menu-hover-bg) !important;
|
|
60
60
|
color: var(--c-editor-menu-hover-color) !important;
|
|
61
61
|
}
|
|
62
|
-
.editor-dark[data-v-
|
|
62
|
+
.editor-dark[data-v-2625824a] .w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active {
|
|
63
63
|
background-color: var(--c-editor-menu-active-bg) !important;
|
|
64
64
|
color: var(--c-editor-menu-active-color) !important;
|
|
65
65
|
}
|
|
66
|
-
.editor-dark[data-v-
|
|
66
|
+
.editor-dark[data-v-2625824a] .w-e-text-container {
|
|
67
67
|
background-color: var(--c-editor-container-bg) !important;
|
|
68
68
|
border-color: var(--c-editor-container-border) !important;
|
|
69
69
|
}
|
|
70
|
-
.editor-dark[data-v-
|
|
70
|
+
.editor-dark[data-v-2625824a] .w-e-text-container .w-e-text {
|
|
71
71
|
background-color: var(--c-editor-text-bg) !important;
|
|
72
72
|
color: var(--c-editor-text-color) !important;
|
|
73
73
|
}
|
|
74
|
-
.editor-dark[data-v-
|
|
74
|
+
.editor-dark[data-v-2625824a] .w-e-text-container .w-e-text:focus {
|
|
75
75
|
background-color: var(--c-editor-text-focus-bg) !important;
|
|
76
76
|
color: var(--c-editor-text-focus-color) !important;
|
|
77
77
|
}
|
|
78
|
-
[data-v-
|
|
78
|
+
[data-v-2625824a] .w-e-toolbar,[data-v-2625824a] .w-e-text-container {
|
|
79
79
|
max-width: 100% !important;
|
|
80
80
|
overflow-x: auto !important;
|
|
81
81
|
box-sizing: border-box !important;
|
|
82
82
|
}
|
|
83
|
-
[data-v-
|
|
83
|
+
[data-v-2625824a] .w-e-text {
|
|
84
84
|
max-width: 100% !important;
|
|
85
85
|
word-wrap: break-word !important;
|
|
86
86
|
overflow-wrap: break-word !important;
|
|
87
87
|
}
|
|
88
|
-
[data-v-
|
|
88
|
+
[data-v-2625824a] .w-e-toolbar,[data-v-2625824a] .w-e-text-container,[data-v-2625824a] .w-e-text {
|
|
89
89
|
transition:
|
|
90
90
|
background-color var(--c-editor-transition-duration) ease,
|
|
91
91
|
border-color var(--c-editor-transition-duration) ease,
|
|
92
92
|
color var(--c-editor-transition-duration) ease !important;
|
|
93
93
|
}
|
|
94
|
-
.editor-focused[data-v-
|
|
94
|
+
.editor-focused[data-v-2625824a] {
|
|
95
95
|
max-width: 100% !important;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
|
|
99
99
|
/* layer: default */
|
|
100
|
-
.hidden[data-v-
|
|
101
|
-
.w-full[data-v-
|
|
102
|
-
.px[data-v-
|
|
103
|
-
.transition[data-v-
|
|
104
|
-
.ease[data-v-
|
|
100
|
+
.hidden[data-v-2625824a]{display:none;}
|
|
101
|
+
.w-full[data-v-2625824a]{width:100%;}
|
|
102
|
+
.px[data-v-2625824a]{padding-left:1rem;padding-right:1rem;}
|
|
103
|
+
.transition[data-v-2625824a]{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;}
|
|
104
|
+
.ease[data-v-2625824a]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
|
|
105
105
|
|
|
106
|
-
.c-form .c-form-actions[data-v-
|
|
106
|
+
.c-form .c-form-actions[data-v-21fb0c93] {
|
|
107
107
|
margin-top: var(--c-form-row-gap, 20px);
|
|
108
108
|
}
|
|
109
|
-
:is(.c-form--default[data-v-
|
|
109
|
+
:is(.c-form--default[data-v-21fb0c93], .c-form--compact[data-v-21fb0c93], .c-form--comfortable[data-v-21fb0c93]) .c-form-field .n-form-item-feedback-wrapper {
|
|
110
110
|
min-height: var(--c-form-item-gap);
|
|
111
111
|
}
|
|
112
|
-
:is(.c-form--default[data-v-
|
|
112
|
+
:is(.c-form--default[data-v-21fb0c93], .c-form--compact[data-v-21fb0c93], .c-form--comfortable[data-v-21fb0c93]) :is(
|
|
113
113
|
.c-form-card > .n-card,
|
|
114
114
|
.c-form-card > .form-content > .n-card,
|
|
115
115
|
.c-form-steps > .steps-container > .steps-content,
|
|
@@ -122,12 +122,12 @@
|
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
/* layer: default */
|
|
125
|
-
.visible[data-v-
|
|
126
|
-
.grid[data-v-
|
|
127
|
-
.inline[data-v-
|
|
128
|
-
.px[data-v-
|
|
129
|
-
.blur[data-v-
|
|
130
|
-
.filter[data-v-
|
|
125
|
+
.visible[data-v-21fb0c93]{visibility:visible;}
|
|
126
|
+
.grid[data-v-21fb0c93]{display:grid;}
|
|
127
|
+
.inline[data-v-21fb0c93]{display:inline;}
|
|
128
|
+
.px[data-v-21fb0c93]{padding-left:1rem;padding-right:1rem;}
|
|
129
|
+
.blur[data-v-21fb0c93]{--un-blur:blur(8px);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);}
|
|
130
|
+
.filter[data-v-21fb0c93]{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);}
|
|
131
131
|
|
|
132
132
|
/* Card 布局样式 */
|
|
133
133
|
.c-form-card[data-v-7818d397] {
|
|
@@ -756,116 +756,116 @@ to {
|
|
|
756
756
|
|
|
757
757
|
/* Grid 布局样式 */
|
|
758
758
|
/* 变量定义 */
|
|
759
|
-
.c-grid-layout[data-v-
|
|
759
|
+
.c-grid-layout[data-v-f8588934] {
|
|
760
760
|
width: 100%;
|
|
761
761
|
/* 配置面板 */
|
|
762
762
|
}
|
|
763
|
-
.c-grid-layout .config-panel[data-v-
|
|
763
|
+
.c-grid-layout .config-panel[data-v-f8588934] {
|
|
764
764
|
margin-bottom: 1rem;
|
|
765
765
|
}
|
|
766
|
-
.c-grid-layout .config-panel .config-header[data-v-
|
|
766
|
+
.c-grid-layout .config-panel .config-header[data-v-f8588934] {
|
|
767
767
|
display: flex;
|
|
768
768
|
align-items: center;
|
|
769
769
|
gap: 0.5rem;
|
|
770
770
|
font-weight: 500;
|
|
771
771
|
margin-bottom: 8px;
|
|
772
772
|
}
|
|
773
|
-
.c-grid-layout .config-panel .config-controls[data-v-
|
|
773
|
+
.c-grid-layout .config-panel .config-controls[data-v-f8588934] {
|
|
774
774
|
display: flex;
|
|
775
775
|
gap: 1rem;
|
|
776
776
|
flex-wrap: wrap;
|
|
777
777
|
}
|
|
778
|
-
.c-grid-layout .config-panel .config-controls .config-item[data-v-
|
|
778
|
+
.c-grid-layout .config-panel .config-controls .config-item[data-v-f8588934] {
|
|
779
779
|
display: flex;
|
|
780
780
|
align-items: center;
|
|
781
781
|
gap: 0.5rem;
|
|
782
782
|
}
|
|
783
|
-
.c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-
|
|
783
|
+
.c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-f8588934] {
|
|
784
784
|
font-size: 0.875rem;
|
|
785
785
|
white-space: nowrap;
|
|
786
786
|
min-width: 3rem;
|
|
787
787
|
}
|
|
788
|
-
.c-grid-layout[data-v-
|
|
788
|
+
.c-grid-layout[data-v-f8588934] {
|
|
789
789
|
/* 网格容器 */
|
|
790
790
|
}
|
|
791
|
-
.c-grid-layout .grid-container[data-v-
|
|
791
|
+
.c-grid-layout .grid-container[data-v-f8588934] {
|
|
792
792
|
width: 100%;
|
|
793
793
|
}
|
|
794
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
794
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934] {
|
|
795
795
|
/* 进场动画 */
|
|
796
|
-
animation: fadeInUp-
|
|
796
|
+
animation: fadeInUp-f8588934 0.3s ease-out both;
|
|
797
797
|
}
|
|
798
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
798
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(1) {
|
|
799
799
|
animation-delay: 0.05s;
|
|
800
800
|
}
|
|
801
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
801
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(2) {
|
|
802
802
|
animation-delay: 0.1s;
|
|
803
803
|
}
|
|
804
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
804
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(3) {
|
|
805
805
|
animation-delay: 0.15s;
|
|
806
806
|
}
|
|
807
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
807
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(4) {
|
|
808
808
|
animation-delay: 0.2s;
|
|
809
809
|
}
|
|
810
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
810
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(5) {
|
|
811
811
|
animation-delay: 0.25s;
|
|
812
812
|
}
|
|
813
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
813
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(6) {
|
|
814
814
|
animation-delay: 0.3s;
|
|
815
815
|
}
|
|
816
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
816
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(7) {
|
|
817
817
|
animation-delay: 0.35s;
|
|
818
818
|
}
|
|
819
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
819
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(8) {
|
|
820
820
|
animation-delay: 0.4s;
|
|
821
821
|
}
|
|
822
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
822
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(9) {
|
|
823
823
|
animation-delay: 0.45s;
|
|
824
824
|
}
|
|
825
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
825
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(10) {
|
|
826
826
|
animation-delay: 0.5s;
|
|
827
827
|
}
|
|
828
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
828
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(11) {
|
|
829
829
|
animation-delay: 0.55s;
|
|
830
830
|
}
|
|
831
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
831
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(12) {
|
|
832
832
|
animation-delay: 0.6s;
|
|
833
833
|
}
|
|
834
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
834
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(13) {
|
|
835
835
|
animation-delay: 0.65s;
|
|
836
836
|
}
|
|
837
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
837
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(14) {
|
|
838
838
|
animation-delay: 0.7s;
|
|
839
839
|
}
|
|
840
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
840
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(15) {
|
|
841
841
|
animation-delay: 0.75s;
|
|
842
842
|
}
|
|
843
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
843
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(16) {
|
|
844
844
|
animation-delay: 0.8s;
|
|
845
845
|
}
|
|
846
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
846
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(17) {
|
|
847
847
|
animation-delay: 0.85s;
|
|
848
848
|
}
|
|
849
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
849
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(18) {
|
|
850
850
|
animation-delay: 0.9s;
|
|
851
851
|
}
|
|
852
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
852
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(19) {
|
|
853
853
|
animation-delay: 0.95s;
|
|
854
854
|
}
|
|
855
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
855
|
+
.c-grid-layout .grid-container .grid-item[data-v-f8588934]:nth-child(20) {
|
|
856
856
|
animation-delay: 1s;
|
|
857
857
|
}
|
|
858
|
-
.c-grid-layout[data-v-
|
|
858
|
+
.c-grid-layout[data-v-f8588934] {
|
|
859
859
|
/* 统计信息 */
|
|
860
860
|
}
|
|
861
|
-
.c-grid-layout .grid-stats[data-v-
|
|
861
|
+
.c-grid-layout .grid-stats[data-v-f8588934] {
|
|
862
862
|
margin-top: 1rem;
|
|
863
863
|
font-size: 0.875rem;
|
|
864
864
|
opacity: 0.8;
|
|
865
865
|
}
|
|
866
866
|
|
|
867
867
|
/* 动画定义 */
|
|
868
|
-
@keyframes fadeInUp-
|
|
868
|
+
@keyframes fadeInUp-f8588934 {
|
|
869
869
|
from {
|
|
870
870
|
opacity: 0;
|
|
871
871
|
transform: translateY(10px) scale(0.95);
|
|
@@ -876,59 +876,59 @@ to {
|
|
|
876
876
|
}
|
|
877
877
|
}
|
|
878
878
|
/* 表单控件统一宽度 */
|
|
879
|
-
[data-v-
|
|
879
|
+
[data-v-f8588934] .n-form-item .n-form-item-blank {
|
|
880
880
|
/* 统一所有表单控件的宽度 */
|
|
881
881
|
}
|
|
882
|
-
[data-v-
|
|
882
|
+
[data-v-f8588934] .n-form-item .n-form-item-blank .n-input,[data-v-f8588934] .n-form-item .n-form-item-blank .n-input-number,[data-v-f8588934] .n-form-item .n-form-item-blank .n-select,[data-v-f8588934] .n-form-item .n-form-item-blank .n-date-picker,[data-v-f8588934] .n-form-item .n-form-item-blank .n-time-picker,[data-v-f8588934] .n-form-item .n-form-item-blank .n-cascader,[data-v-f8588934] .n-form-item .n-form-item-blank .n-tree-select,[data-v-f8588934] .n-form-item .n-form-item-blank .n-auto-complete,[data-v-f8588934] .n-form-item .n-form-item-blank .n-dynamic-tags {
|
|
883
883
|
width: 100% !important;
|
|
884
884
|
}
|
|
885
885
|
|
|
886
886
|
/* 响应式设计 */
|
|
887
887
|
@media (max-width: 768px) {
|
|
888
|
-
.c-grid-layout .config-panel .config-controls[data-v-
|
|
888
|
+
.c-grid-layout .config-panel .config-controls[data-v-f8588934] {
|
|
889
889
|
flex-direction: column;
|
|
890
890
|
gap: 0.75rem;
|
|
891
891
|
}
|
|
892
|
-
.c-grid-layout .config-panel .config-controls .config-item[data-v-
|
|
892
|
+
.c-grid-layout .config-panel .config-controls .config-item[data-v-f8588934] {
|
|
893
893
|
justify-content: space-between;
|
|
894
894
|
}
|
|
895
|
-
.c-grid-layout .grid-container[data-v-
|
|
895
|
+
.c-grid-layout .grid-container[data-v-f8588934] .n-grid {
|
|
896
896
|
gap: 0.5rem !important;
|
|
897
897
|
}
|
|
898
|
-
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-
|
|
898
|
+
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-f8588934] {
|
|
899
899
|
padding: 0.125rem;
|
|
900
900
|
}
|
|
901
|
-
.c-grid-layout .grid-stats[data-v-
|
|
901
|
+
.c-grid-layout .grid-stats[data-v-f8588934] {
|
|
902
902
|
margin-top: 0.75rem;
|
|
903
903
|
font-size: 0.875rem;
|
|
904
904
|
}
|
|
905
905
|
}
|
|
906
906
|
@media (max-width: 480px) {
|
|
907
|
-
.c-grid-layout .config-panel[data-v-
|
|
907
|
+
.c-grid-layout .config-panel[data-v-f8588934] {
|
|
908
908
|
margin-bottom: 0.75rem;
|
|
909
909
|
}
|
|
910
910
|
}
|
|
911
911
|
/* 主题适配 */
|
|
912
|
-
[data-v-
|
|
912
|
+
[data-v-f8588934] .n-card {
|
|
913
913
|
--n-border-radius: 8px;
|
|
914
914
|
}
|
|
915
|
-
[data-v-
|
|
915
|
+
[data-v-f8588934] .n-input-number {
|
|
916
916
|
--n-width: 100%;
|
|
917
917
|
}
|
|
918
918
|
|
|
919
919
|
/* 暗色主题 */
|
|
920
920
|
@media (prefers-color-scheme: dark) {
|
|
921
|
-
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-
|
|
921
|
+
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-f8588934]:hover {
|
|
922
922
|
background-color: rgba(255, 255, 255, 0.05);
|
|
923
923
|
}
|
|
924
924
|
}
|
|
925
925
|
|
|
926
926
|
/* layer: default */
|
|
927
|
-
.visible[data-v-
|
|
928
|
-
.grid[data-v-
|
|
929
|
-
.inline[data-v-
|
|
930
|
-
.px[data-v-
|
|
931
|
-
.blur[data-v-
|
|
927
|
+
.visible[data-v-f8588934]{visibility:visible;}
|
|
928
|
+
.grid[data-v-f8588934]{display:grid;}
|
|
929
|
+
.inline[data-v-f8588934]{display:inline;}
|
|
930
|
+
.px[data-v-f8588934]{padding-left:1rem;padding-right:1rem;}
|
|
931
|
+
.blur[data-v-f8588934]{--un-blur:blur(8px);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);}
|
|
932
932
|
|
|
933
933
|
/* Inline 布局样式 */
|
|
934
934
|
.c-form-inline[data-v-711f6c00] {
|
package/dist/C_Form.d.cts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { A as FormTabActionsSlotProps, B as TabsLayoutConfig, C as FormMode, D as FormSlots, E as FormRecord, F as LayoutType, G as SPEC_RULES, H as NAIVE_COMBOS, I as MaybePromise, L as OptionItem, M as InlineLayoutConfig, N as LabelPlacement, O as FormStepActionsSlotProps, P as LayoutConfig, R as StepsLayoutConfig, S as FormInstance, T as FormOption, U as PRESET_RULES, V as FormValidationRule, W as RuleSpec, _ as DynamicFormState, a as ResolvedFormConfig, b as FormActionSlotProps, c as shouldShowActions, d as CardLayoutConfig, f as ComponentType, g as DynamicFormController, h as DynamicFormConfig, i as LayoutCallbacks, j as GridLayoutConfig, k as FormSubmitContext, l as useFormGlobalConfig, m as DynamicFieldConfig, n as FormConfig, o as mergeFormConfig, p as CustomLayoutConfig, r as LAYOUTS_WITH_OWN_CONTROLS, s as resolveFormConfig, t as FORM_DEFAULTS, u as AsyncOptionsContext, v as FieldPath, w as FormModel, x as FormErrorContext, y as FieldPathValue, z as SubmitEventPayload } from "./useFormConfig.cjs";
|
|
2
2
|
import { t as ComponentDensity } from "./density.cjs";
|
|
3
|
+
import { FORM_GLOBAL_CONFIG_KEY } from "./config.cjs";
|
|
4
|
+
import { C as unregisterRenderer, S as registerRenderer, _ as FormRendererContext, a as UseFormDirtyReturn, b as UseFormRendererOptions, c as UseCFormOptions, d as defineFormOptions, f as useCForm, g as FormRenderer, h as FORM_RENDERER_REGISTRY_KEY, i as useDynamicFormState, l as UseCFormReturn, m as ComponentMap, n as DynamicFormStateType, o as useFormDirty, p as _default, r as FIELD_TYPE_OPTIONS, s as useFormState, t as DYNAMIC_FORM_STATE_KEY, u as defineFormConfig, v as FormRendererRegistry, w as useFormRenderer, x as createFormRendererRegistry, y as RendererProps } from "./useDynamicFormState.cjs";
|
|
3
5
|
export { type AsyncOptionsContext, _default as C_Form, type CardLayoutConfig, type ComponentDensity, type ComponentMap, type ComponentType, type CustomLayoutConfig, DYNAMIC_FORM_STATE_KEY, type DynamicFieldConfig, type DynamicFormConfig, type DynamicFormController, type DynamicFormState, type DynamicFormStateType, FIELD_TYPE_OPTIONS, FORM_DEFAULTS, FORM_GLOBAL_CONFIG_KEY, FORM_RENDERER_REGISTRY_KEY, type FieldPath, type FieldPathValue, type FormActionSlotProps, type FormConfig, type FormErrorContext, type FormInstance, type FormMode, type FormModel, type FormOption, type FormRecord, type FormRenderer, type FormRendererContext, type FormRendererRegistry, type FormSlots, type FormStepActionsSlotProps, type FormSubmitContext, type FormTabActionsSlotProps, type FormValidationRule, type GridLayoutConfig, type InlineLayoutConfig, LAYOUTS_WITH_OWN_CONTROLS, type LabelPlacement, type LayoutCallbacks, type LayoutConfig, type LayoutType, type MaybePromise, NAIVE_COMBOS, type OptionItem, PRESET_RULES, type RendererProps, type ResolvedFormConfig, type RuleSpec, SPEC_RULES, type StepsLayoutConfig, type SubmitEventPayload, type TabsLayoutConfig, type UseCFormOptions, type UseCFormReturn, type UseFormDirtyReturn, type UseFormRendererOptions, createFormRendererRegistry, defineFormConfig, defineFormOptions, mergeFormConfig, registerRenderer, resolveFormConfig, shouldShowActions, unregisterRenderer, useCForm, useDynamicFormState, useFormDirty, useFormGlobalConfig, useFormRenderer, useFormState };
|
package/dist/C_Form.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { A as FormSlots, B as OptionItem, C as FormActionSlotProps, D as FormModel, E as FormMode, F as InlineLayoutConfig, G as NAIVE_COMBOS, H as SubmitEventPayload, I as LabelPlacement, J as SPEC_RULES, K as PRESET_RULES, L as LayoutConfig, M as FormSubmitContext, N as FormTabActionsSlotProps, O as FormOption, P as GridLayoutConfig, R as LayoutType, S as FieldPathValue, T as FormInstance, U as TabsLayoutConfig, V as StepsLayoutConfig, W as FormValidationRule, _ as DynamicFieldConfig, a as ResolvedFormConfig, b as DynamicFormState, c as shouldShowActions, g as CustomLayoutConfig, h as ComponentType, i as LayoutCallbacks, j as FormStepActionsSlotProps, k as FormRecord, l as useFormGlobalConfig, m as CardLayoutConfig, n as FormConfig, o as mergeFormConfig, p as AsyncOptionsContext, q as RuleSpec, r as LAYOUTS_WITH_OWN_CONTROLS, s as resolveFormConfig, t as FORM_DEFAULTS, u as ComponentDensity, v as DynamicFormConfig, w as FormErrorContext, x as FieldPath, y as DynamicFormController, z as MaybePromise } from "./useFormConfig.js";
|
|
2
|
+
import { FORM_GLOBAL_CONFIG_KEY } from "./config.js";
|
|
3
|
+
import { C as unregisterRenderer, S as registerRenderer, _ as FormRendererContext, a as UseFormDirtyReturn, b as UseFormRendererOptions, c as UseCFormOptions, d as defineFormOptions, f as useCForm, g as FormRenderer, h as FORM_RENDERER_REGISTRY_KEY, i as useDynamicFormState, l as UseCFormReturn, m as ComponentMap, n as DynamicFormStateType, o as useFormDirty, p as _default, r as FIELD_TYPE_OPTIONS, s as useFormState, t as DYNAMIC_FORM_STATE_KEY, u as defineFormConfig, v as FormRendererRegistry, w as useFormRenderer, x as createFormRendererRegistry, y as RendererProps } from "./useDynamicFormState.js";
|
|
3
4
|
export { type AsyncOptionsContext, _default as C_Form, type CardLayoutConfig, type ComponentDensity, type ComponentMap, type ComponentType, type CustomLayoutConfig, DYNAMIC_FORM_STATE_KEY, type DynamicFieldConfig, type DynamicFormConfig, type DynamicFormController, type DynamicFormState, type DynamicFormStateType, FIELD_TYPE_OPTIONS, FORM_DEFAULTS, FORM_GLOBAL_CONFIG_KEY, FORM_RENDERER_REGISTRY_KEY, type FieldPath, type FieldPathValue, type FormActionSlotProps, type FormConfig, type FormErrorContext, type FormInstance, type FormMode, type FormModel, type FormOption, type FormRecord, type FormRenderer, type FormRendererContext, type FormRendererRegistry, type FormSlots, type FormStepActionsSlotProps, type FormSubmitContext, type FormTabActionsSlotProps, type FormValidationRule, type GridLayoutConfig, type InlineLayoutConfig, LAYOUTS_WITH_OWN_CONTROLS, type LabelPlacement, type LayoutCallbacks, type LayoutConfig, type LayoutType, type MaybePromise, NAIVE_COMBOS, type OptionItem, PRESET_RULES, type RendererProps, type ResolvedFormConfig, type RuleSpec, SPEC_RULES, type StepsLayoutConfig, type SubmitEventPayload, type TabsLayoutConfig, type UseCFormOptions, type UseCFormReturn, type UseFormDirtyReturn, type UseFormRendererOptions, createFormRendererRegistry, defineFormConfig, defineFormOptions, mergeFormConfig, registerRenderer, resolveFormConfig, shouldShowActions, unregisterRenderer, useCForm, useDynamicFormState, useFormDirty, useFormGlobalConfig, useFormRenderer, useFormState };
|
package/dist/C_Form.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./C_Icon2.js";import{
|
|
1
|
+
import{FORM_GLOBAL_CONFIG_KEY as e}from"./config.js";import"./C_Icon2.js";import{a as t,i as n,n as r,o as i,r as a,t as o}from"./useFormConfig.js";import{a as s,c,d as l,i as u,l as d,n as f,o as p,r as m,s as h,t as g,u as _}from"./helpers.js";import{n as v,r as y,t as b}from"./formValidation.js";import{n as x,r as S,t as C}from"./useDynamicFormState.js";export{u as C_Form,C as DYNAMIC_FORM_STATE_KEY,x as FIELD_TYPE_OPTIONS,o as FORM_DEFAULTS,e as FORM_GLOBAL_CONFIG_KEY,s as FORM_RENDERER_REGISTRY_KEY,r as LAYOUTS_WITH_OWN_CONTROLS,b as NAIVE_COMBOS,v as PRESET_RULES,y as SPEC_RULES,p as createFormRendererRegistry,g as defineFormConfig,f as defineFormOptions,a as mergeFormConfig,h as registerRenderer,n as resolveFormConfig,t as shouldShowActions,c as unregisterRenderer,m as useCForm,S as useDynamicFormState,l as useFormDirty,i as useFormGlobalConfig,d as useFormRenderer,_ as useFormState};
|
package/dist/C_FormModal.css
CHANGED
|
@@ -7,41 +7,41 @@
|
|
|
7
7
|
* @Description: 紧凑型数据驱动表单弹窗样式
|
|
8
8
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
9
9
|
*/
|
|
10
|
-
.c-form-modal[data-v-
|
|
10
|
+
.c-form-modal[data-v-67de2c49] {
|
|
11
11
|
overflow: hidden;
|
|
12
12
|
border-radius: 10px;
|
|
13
13
|
}
|
|
14
|
-
.c-form-modal[data-v-
|
|
14
|
+
.c-form-modal[data-v-67de2c49] .n-card-header {
|
|
15
15
|
min-height: 46px;
|
|
16
16
|
padding: 12px 16px;
|
|
17
17
|
border-bottom: 1px solid var(--n-border-color);
|
|
18
18
|
}
|
|
19
|
-
.c-form-modal[data-v-
|
|
19
|
+
.c-form-modal[data-v-67de2c49] .n-card-header__main {
|
|
20
20
|
font-size: 15px;
|
|
21
21
|
font-weight: 650;
|
|
22
22
|
}
|
|
23
|
-
.c-form-modal[data-v-
|
|
23
|
+
.c-form-modal[data-v-67de2c49] :is(.n-card-content, .n-card__content) {
|
|
24
24
|
padding: 14px 16px 8px;
|
|
25
25
|
}
|
|
26
|
-
.c-form-modal[data-v-
|
|
26
|
+
.c-form-modal[data-v-67de2c49] .n-card__action {
|
|
27
27
|
display: flex;
|
|
28
28
|
justify-content: flex-end;
|
|
29
29
|
padding: 10px 16px;
|
|
30
30
|
background: color-mix(in srgb, var(--n-color-modal) 94%, var(--n-border-color));
|
|
31
31
|
border-top: 1px solid var(--n-border-color);
|
|
32
32
|
}
|
|
33
|
-
.c-form-modal[data-v-
|
|
33
|
+
.c-form-modal[data-v-67de2c49] .n-form-item {
|
|
34
34
|
margin-bottom: 2px;
|
|
35
35
|
}
|
|
36
36
|
@media (max-width: 640px) {
|
|
37
|
-
.c-form-modal[data-v-
|
|
37
|
+
.c-form-modal[data-v-67de2c49] :is(.n-card-content, .n-card__content) {
|
|
38
38
|
padding-inline: 12px;
|
|
39
39
|
}
|
|
40
|
-
.c-form-modal[data-v-
|
|
40
|
+
.c-form-modal[data-v-67de2c49] .n-card__action {
|
|
41
41
|
padding-inline: 12px;
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
/* layer: default */
|
|
46
|
-
.visible[data-v-
|
|
47
|
-
.px[data-v-
|
|
46
|
+
.visible[data-v-67de2c49]{visibility:visible;}
|
|
47
|
+
.px[data-v-67de2c49]{padding-left:1rem;padding-right:1rem;}
|
package/dist/C_FormModal.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import "./useFormConfig.js";
|
|
1
2
|
import "./useDynamicFormState.js";
|
|
2
3
|
import { a as FormModalProps, i as FormModalMode, n as FormModalEditor, r as FormModalEmits, t as _default } from "./index11.vue.js";
|
|
3
4
|
export { _default as C_FormModal, type FormModalEditor, type FormModalEmits, type FormModalMode, type FormModalProps };
|
package/dist/C_FormModal2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./export-helper.cjs`),n=require(`./C_ActionBar2.cjs`),r=require(`./helpers.cjs`);let
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./export-helper.cjs`),n=require(`./C_ActionBar2.cjs`),r=require(`./useFormConfig.cjs`),i=require(`./helpers.cjs`);let a=require(`vue`),o=require(`naive-ui`);const s=(0,a.defineComponent)({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(t,{emit:s}){let c=t,l=s,u=(0,a.ref)(null),d=r.o(),f=(0,a.computed)(()=>c.config?.density??d.density??`compact`),p=(0,a.computed)({get:()=>c.editor.visible.value,set:e=>{e||y()}}),m=(0,a.computed)(()=>c.editor.title.value),h=(0,a.computed)(()=>c.editor.loading.value),g=(0,a.computed)(()=>typeof c.width==`number`?`${c.width}px`:c.width),_=(0,a.computed)({get:()=>c.editor.model.value??{},set:e=>{c.editor.setModel(e)}}),v=(0,a.computed)(()=>({...c.config,density:f.value,mode:c.editor.mode.value,initialValues:c.editor.model.value??void 0,showActions:!1,onSubmit:async(e,t)=>{if(await c.config?.onSubmit?.(e,t),t?.signal.aborted)return;let n=await c.editor.submit(e.model);t?.signal.aborted||l(`submit`,e,n)}})),y=()=>{c.editor.close(),l(`close`)},b=(0,a.computed)(()=>{let t=r.r(v.value,d),n=e.t(f.value);return{align:`right`,size:t.size??(f.value===`compact`?`tiny`:n.size),gap:n.gap,compact:f.value===`compact`}}),x=(0,a.computed)(()=>n.a([{key:`cancel`,label:c.cancelText,disabled:h,onClick:y},{key:c.editor.mode.value===`create`?`create`:`save`,label:c.editor.mode.value===`create`?c.createText:c.saveText,loading:h,onClick:async()=>{await u.value?.submit()}}]));return(e,r)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.NModal),{show:p.value,"onUpdate:show":r[1]||=e=>p.value=e,preset:`card`,title:m.value,style:(0,a.normalizeStyle)({width:g.value}),"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:`c-form-modal`},{action:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{actions:x.value,config:b.value},null,8,[`actions`,`config`])]),default:(0,a.withCtx)(()=>[p.value&&t.editor.model.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(i.i),{key:0,ref_key:`formRef`,ref:u,modelValue:_.value,"onUpdate:modelValue":r[0]||=e=>_.value=e,options:t.options,config:v.value},(0,a.createSlots)({_:2},[(0,a.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,a.withCtx)(t=>[(0,a.renderSlot)(e.$slots,n,(0,a.normalizeProps)((0,a.guardReactiveProps)(t)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):(0,a.createCommentVNode)(`v-if`,!0)]),_:3},8,[`show`,`title`,`style`,`mask-closable`,`close-on-esc`,`closable`]))}});var c=t.t(s,[[`__scopeId`,`data-v-67de2c49`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
|
package/dist/C_FormModal2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./density.js";import{t}from"./export-helper.js";import{a as n,t as r}from"./C_ActionBar2.js";import{
|
|
1
|
+
import{t as e}from"./density.js";import{t}from"./export-helper.js";import{a as n,t as r}from"./C_ActionBar2.js";import{o as i,r as a}from"./useFormConfig.js";import{i as o}from"./helpers.js";import{computed as s,createBlock as c,createCommentVNode as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,normalizeProps as m,normalizeStyle as h,openBlock as g,ref as _,renderList as v,renderSlot as y,unref as b,withCtx as x}from"vue";import{NModal as S}from"naive-ui";var C=t(f({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(t,{emit:f}){let C=t,w=f,T=_(null),E=i(),D=s(()=>C.config?.density??E.density??`compact`),O=s({get:()=>C.editor.visible.value,set:e=>{e||P()}}),k=s(()=>C.editor.title.value),A=s(()=>C.editor.loading.value),j=s(()=>typeof C.width==`number`?`${C.width}px`:C.width),M=s({get:()=>C.editor.model.value??{},set:e=>{C.editor.setModel(e)}}),N=s(()=>({...C.config,density:D.value,mode:C.editor.mode.value,initialValues:C.editor.model.value??void 0,showActions:!1,onSubmit:async(e,t)=>{if(await C.config?.onSubmit?.(e,t),t?.signal.aborted)return;let n=await C.editor.submit(e.model);t?.signal.aborted||w(`submit`,e,n)}})),P=()=>{C.editor.close(),w(`close`)},F=s(()=>{let t=a(N.value,E),n=e(D.value);return{align:`right`,size:t.size??(D.value===`compact`?`tiny`:n.size),gap:n.gap,compact:D.value===`compact`}}),I=s(()=>n([{key:`cancel`,label:C.cancelText,disabled:A,onClick:P},{key:C.editor.mode.value===`create`?`create`:`save`,label:C.editor.mode.value===`create`?C.createText:C.saveText,loading:A,onClick:async()=>{await T.value?.submit()}}]));return(e,n)=>(g(),c(b(S),{show:O.value,"onUpdate:show":n[1]||=e=>O.value=e,preset:`card`,title:k.value,style:h({width:j.value}),"mask-closable":t.maskClosable,"close-on-esc":t.closeOnEsc,closable:t.closable,class:`c-form-modal`},{action:x(()=>[d(r,{actions:I.value,config:F.value},null,8,[`actions`,`config`])]),default:x(()=>[O.value&&t.editor.model.value?(g(),c(b(o),{key:0,ref_key:`formRef`,ref:T,modelValue:M.value,"onUpdate:modelValue":n[0]||=e=>M.value=e,options:t.options,config:N.value},u({_:2},[v(e.$slots,(t,n)=>({name:n,fn:x(t=>[y(e.$slots,n,m(p(t)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):l(`v-if`,!0)]),_:3},8,[`show`,`title`,`style`,`mask-closable`,`close-on-esc`,`closable`]))}}),[[`__scopeId`,`data-v-67de2c49`]]);export{C as t};
|