@opentinyvue/vue-docs 3.29.3 → 3.30.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/demos/apis/action-menu.js +22 -0
- package/demos/apis/alert.js +19 -22
- package/demos/apis/calendar-view.js +5 -5
- package/demos/apis/cascader-view.js +5 -5
- package/demos/apis/dialog-box.js +39 -38
- package/demos/apis/drawer.js +15 -0
- package/demos/apis/fluent-editor.js +30 -0
- package/demos/apis/fullscreen.js +10 -11
- package/demos/apis/grid.js +99 -16
- package/demos/apis/link.js +11 -0
- package/demos/apis/modal.js +32 -30
- package/demos/apis/notify.js +13 -13
- package/demos/apis/select.js +14 -2
- package/demos/apis/tree.js +23 -23
- package/demos/mobile-first/app/calendar-view/webdoc/calendar-view.js +5 -4
- package/demos/pc/app/button-group/display-mode-composition-api.vue +23 -0
- package/demos/pc/app/button-group/display-mode.vue +13 -13
- package/demos/pc/app/button-group/sup-composition-api.vue +1 -0
- package/demos/pc/app/button-group/sup.vue +1 -0
- package/demos/pc/app/calendar-view/custom-day-bg-color.vue +10 -0
- package/demos/pc/app/calendar-view/webdoc/calendar-view.js +4 -4
- package/demos/pc/app/checkbox/checked-composition-api.vue +3 -3
- package/demos/pc/app/checkbox/checked.vue +3 -3
- package/demos/pc/app/drawer/basic-usage.spec.ts +4 -3
- package/demos/pc/app/drawer/placement.spec.ts +4 -4
- package/demos/pc/app/drawer/show-header.spec.ts +3 -2
- package/demos/pc/app/dropdown/show-icon-composition-api.vue +1 -1
- package/demos/pc/app/dropdown/show-icon.vue +1 -1
- package/demos/pc/app/form/group-form-composition-api.vue +2 -2
- package/demos/pc/app/form/group-form.vue +2 -2
- package/demos/pc/app/grid/filter/advanced-filter-composition-api.vue +1 -1
- package/demos/pc/app/grid/filter/advanced-filter.spec.js +1 -0
- package/demos/pc/app/grid/filter/advanced-filter.vue +1 -1
- package/demos/pc/app/grid/filter/custom-filter-composition-api.vue +46 -23
- package/demos/pc/app/grid/filter/custom-filter.spec.js +1 -1
- package/demos/pc/app/grid/filter/custom-filter.vue +47 -24
- package/demos/pc/app/grid/filter/default-filter.spec.ts +1 -0
- package/demos/pc/app/grid/filter/filter-label-value-composition-api.vue +71 -0
- package/demos/pc/app/grid/filter/filter-label-value.spec.ts +27 -0
- package/demos/pc/app/grid/filter/filter-label-value.vue +78 -0
- package/demos/pc/app/grid/filter/input-filter-custom-component-composition-api.vue +116 -0
- package/demos/pc/app/grid/filter/input-filter-custom-component.spec.ts +20 -0
- package/demos/pc/app/grid/filter/input-filter-custom-component.vue +126 -0
- package/demos/pc/app/grid/filter/layout-order-filter-composition-api.vue +114 -0
- package/demos/pc/app/grid/filter/layout-order-filter.spec.ts +31 -0
- package/demos/pc/app/grid/filter/layout-order-filter.vue +123 -0
- package/demos/pc/app/grid/webdoc/grid-filter.js +89 -41
- package/demos/pc/app/link/custom-icon-composition-api.vue +1 -1
- package/demos/pc/app/link/custom-icon.vue +1 -1
- package/demos/pc/app/link/target-composition-api.vue +24 -0
- package/demos/pc/app/link/target.spec.ts +41 -0
- package/demos/pc/app/link/target.vue +30 -0
- package/demos/pc/app/link/webdoc/link.js +14 -0
- package/demos/pc/app/select-wrapper/copy-multi.spec.ts +2 -1
- package/demos/pc/app/tabs/tabs-events-close-composition-api.vue +8 -2
- package/demos/pc/app/tabs/tabs-events-close.vue +8 -2
- package/demos/pc/menus.js +3 -3
- package/demos/pc/webdoc/changelog-en.md +121 -86
- package/demos/pc/webdoc/changelog.md +121 -86
- package/demos/pc/webdoc/develop-demo-en.md +13 -13
- package/demos/pc/webdoc/import-components.md +1 -1
- package/demos/pc/webdoc/skills-en.md +107 -0
- package/demos/pc/webdoc/skills.md +107 -0
- package/demos/pc/webdoc/theme-en.md +82 -79
- package/demos/saas/menus.js +1 -0
- package/package.json +19 -20
- package/src/i18n/index.js +1 -2
- package/src/main.js +8 -5
- package/src/views/components-doc/common.vue +0 -25
- package/demos/pc/app/grid/webdoc/grid-ai-agent.js +0 -23
- package/demos/pc/webdoc/mcp-en.md +0 -101
- package/demos/pc/webdoc/mcp.md +0 -101
- package/src/components/mcp-docs.vue +0 -33
- package/src/composable/useTinyRemoter.ts +0 -176
|
@@ -105,6 +105,21 @@ export default {
|
|
|
105
105
|
},
|
|
106
106
|
mode: ['pc'],
|
|
107
107
|
pcDemo: 'text-field'
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
name: 'placement',
|
|
111
|
+
typeAnchorName: 'IPlacement',
|
|
112
|
+
type: 'IPlacement',
|
|
113
|
+
defaultValue: "'bottom-end'",
|
|
114
|
+
desc: {
|
|
115
|
+
'zh-CN': '二级下拉面板的显示位置',
|
|
116
|
+
'en-US': 'The position of the secondary drop-down panel'
|
|
117
|
+
},
|
|
118
|
+
mode: ['pc'],
|
|
119
|
+
pcDemo: '',
|
|
120
|
+
meta: {
|
|
121
|
+
stable: '3.30.0'
|
|
122
|
+
}
|
|
108
123
|
}
|
|
109
124
|
],
|
|
110
125
|
events: [
|
|
@@ -186,6 +201,13 @@ interface IItemClickParams {
|
|
|
186
201
|
$el: HTMLElement
|
|
187
202
|
}
|
|
188
203
|
}
|
|
204
|
+
`
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
name: 'IPlacement',
|
|
208
|
+
type: 'interface',
|
|
209
|
+
code: `
|
|
210
|
+
type IPlacement = 'bottom-start' | 'bottom-end'
|
|
189
211
|
`
|
|
190
212
|
}
|
|
191
213
|
]
|
package/demos/apis/alert.js
CHANGED
|
@@ -11,7 +11,7 @@ export default {
|
|
|
11
11
|
defaultValue: 'false',
|
|
12
12
|
desc: {
|
|
13
13
|
'zh-CN': '文字是否居中',
|
|
14
|
-
'en-US': 'Whether
|
|
14
|
+
'en-US': 'Whether text content is center aligned'
|
|
15
15
|
},
|
|
16
16
|
mode: ['pc', 'mobile-first'],
|
|
17
17
|
pcDemo: 'center',
|
|
@@ -23,7 +23,7 @@ export default {
|
|
|
23
23
|
defaultValue: 'true',
|
|
24
24
|
desc: {
|
|
25
25
|
'zh-CN': '警告是否可以关闭',
|
|
26
|
-
'en-US': '
|
|
26
|
+
'en-US': 'Whether the alert can be closed'
|
|
27
27
|
},
|
|
28
28
|
mode: ['pc', 'mobile-first'],
|
|
29
29
|
pcDemo: 'custom-close',
|
|
@@ -35,7 +35,7 @@ export default {
|
|
|
35
35
|
defaultValue: '',
|
|
36
36
|
desc: {
|
|
37
37
|
'zh-CN': '关闭按钮自定义文本',
|
|
38
|
-
'en-US': '
|
|
38
|
+
'en-US': 'Custom text for the close button'
|
|
39
39
|
},
|
|
40
40
|
mode: ['pc', 'mobile-first'],
|
|
41
41
|
pcDemo: 'custom-close',
|
|
@@ -47,7 +47,7 @@ export default {
|
|
|
47
47
|
defaultValue: "'customClass'",
|
|
48
48
|
desc: {
|
|
49
49
|
'zh-CN': '自定义类名',
|
|
50
|
-
'en-US': '
|
|
50
|
+
'en-US': 'Custom CSS class name'
|
|
51
51
|
},
|
|
52
52
|
mode: ['pc', 'mobile-first'],
|
|
53
53
|
pcDemo: 'custom-class',
|
|
@@ -59,7 +59,7 @@ export default {
|
|
|
59
59
|
defaultValue: '',
|
|
60
60
|
desc: {
|
|
61
61
|
'zh-CN': '警告的提示内容',
|
|
62
|
-
'en-US': '
|
|
62
|
+
'en-US': 'Description text for the alert message'
|
|
63
63
|
},
|
|
64
64
|
mode: ['pc', 'mobile-first'],
|
|
65
65
|
pcDemo: 'basic-usage',
|
|
@@ -71,8 +71,7 @@ export default {
|
|
|
71
71
|
defaultValue: '',
|
|
72
72
|
desc: {
|
|
73
73
|
'zh-CN': '传入图标组件自定义警告的图标,默认会根据 type 值自动使用对应图标',
|
|
74
|
-
'en-US':
|
|
75
|
-
'The icon for the custom warning of the incoming icon component will be automatically used based on the type value by default'
|
|
74
|
+
'en-US': 'Custom icon component. By default, corresponding icon is automatically used based on type value'
|
|
76
75
|
},
|
|
77
76
|
mode: ['pc', 'mobile-first'],
|
|
78
77
|
pcDemo: 'icon',
|
|
@@ -84,8 +83,7 @@ export default {
|
|
|
84
83
|
defaultValue: '',
|
|
85
84
|
desc: {
|
|
86
85
|
'zh-CN': '是否开启描述文字在鼠标 hover 时滚动显示的动画。',
|
|
87
|
-
'en-US':
|
|
88
|
-
'Indicates whether to enable the animation of the description text scrolling when the mouse hovers.'
|
|
86
|
+
'en-US': 'Whether to enable scrolling animation for description text on mouse hover'
|
|
89
87
|
},
|
|
90
88
|
mode: ['mobile-first'],
|
|
91
89
|
mfDemo: ''
|
|
@@ -96,7 +94,7 @@ export default {
|
|
|
96
94
|
defaultValue: '',
|
|
97
95
|
desc: {
|
|
98
96
|
'zh-CN': '展示带标题可折叠样式。',
|
|
99
|
-
'en-US': '
|
|
97
|
+
'en-US': 'Show collapsible style with title'
|
|
100
98
|
},
|
|
101
99
|
mode: ['mobile-first'],
|
|
102
100
|
mfDemo: ''
|
|
@@ -107,7 +105,7 @@ export default {
|
|
|
107
105
|
defaultValue: 'true',
|
|
108
106
|
desc: {
|
|
109
107
|
'zh-CN': '是否显示图标',
|
|
110
|
-
'en-US': '
|
|
108
|
+
'en-US': 'Whether to show icon'
|
|
111
109
|
},
|
|
112
110
|
mode: ['pc', 'mobile-first'],
|
|
113
111
|
pcDemo: 'show-icon',
|
|
@@ -119,7 +117,7 @@ export default {
|
|
|
119
117
|
defaultValue: 'true',
|
|
120
118
|
desc: {
|
|
121
119
|
'zh-CN': '是否显示标题,在 size 为 large 时有效',
|
|
122
|
-
'en-US': '
|
|
120
|
+
'en-US': 'Whether to show title Only valid when size is large'
|
|
123
121
|
},
|
|
124
122
|
mode: ['pc', 'mobile-first'],
|
|
125
123
|
pcDemo: 'title',
|
|
@@ -133,7 +131,7 @@ export default {
|
|
|
133
131
|
defaultValue: '',
|
|
134
132
|
desc: {
|
|
135
133
|
'zh-CN': '描述内容是否一行显示,超出显示...,默认值为 false。',
|
|
136
|
-
'en-US': '
|
|
134
|
+
'en-US': 'Whether description content displays in single line with ellipsis. Default is false'
|
|
137
135
|
},
|
|
138
136
|
mode: ['mobile-first'],
|
|
139
137
|
mfDemo: ''
|
|
@@ -144,7 +142,7 @@ export default {
|
|
|
144
142
|
defaultValue: "'normal'",
|
|
145
143
|
desc: {
|
|
146
144
|
'zh-CN': '警告的尺寸大小',
|
|
147
|
-
'en-US': '
|
|
145
|
+
'en-US': 'Size of the alert component'
|
|
148
146
|
},
|
|
149
147
|
mode: ['pc', 'mobile-first'],
|
|
150
148
|
pcDemo: 'size',
|
|
@@ -156,8 +154,7 @@ export default {
|
|
|
156
154
|
defaultValue: '',
|
|
157
155
|
desc: {
|
|
158
156
|
'zh-CN': '警告的标题,在 size 为 large 时有效,默认会根据 type 自动设置',
|
|
159
|
-
'en-US':
|
|
160
|
-
'Set the warning title. This parameter is valid only when size is set to large. By default, the alarm title is automatically set based on type.'
|
|
157
|
+
'en-US': 'Alert title. Only valid when size is large. Automatically set based on type by default'
|
|
161
158
|
},
|
|
162
159
|
mode: ['pc', 'mobile-first'],
|
|
163
160
|
pcDemo: 'title',
|
|
@@ -170,7 +167,7 @@ export default {
|
|
|
170
167
|
defaultValue: "'info'",
|
|
171
168
|
desc: {
|
|
172
169
|
'zh-CN': '警告的类型',
|
|
173
|
-
'en-US': '
|
|
170
|
+
'en-US': 'Type of the alert'
|
|
174
171
|
},
|
|
175
172
|
mode: ['pc', 'mobile-first'],
|
|
176
173
|
pcDemo: 'basic-usage',
|
|
@@ -184,7 +181,7 @@ export default {
|
|
|
184
181
|
defaultValue: '',
|
|
185
182
|
desc: {
|
|
186
183
|
'zh-CN': '关闭 alert 时触发的事件',
|
|
187
|
-
'en-US': '
|
|
184
|
+
'en-US': 'Triggered when alert is closed'
|
|
188
185
|
},
|
|
189
186
|
mode: ['pc', 'mobile-first'],
|
|
190
187
|
pcDemo: 'custom-close',
|
|
@@ -196,7 +193,7 @@ export default {
|
|
|
196
193
|
defaultValue: '',
|
|
197
194
|
desc: {
|
|
198
195
|
'zh-CN': '标题点击事件,设置 show-foldable 为 true 时有效。',
|
|
199
|
-
'en-US': 'Title click event
|
|
196
|
+
'en-US': 'Title click event Only valid when show-foldable is true'
|
|
200
197
|
},
|
|
201
198
|
mode: ['mobile-first'],
|
|
202
199
|
mfDemo: ''
|
|
@@ -243,7 +240,7 @@ export default {
|
|
|
243
240
|
defaultValue: '',
|
|
244
241
|
desc: {
|
|
245
242
|
'zh-CN': '组件默认插槽,当 size 设置为 large 时有效,显示在 <code>description</code>下方 ',
|
|
246
|
-
'en-US': '
|
|
243
|
+
'en-US': 'Default slot for component content Only valid when size is large'
|
|
247
244
|
},
|
|
248
245
|
mode: ['pc', 'mobile-first'],
|
|
249
246
|
pcDemo: 'slot-default',
|
|
@@ -255,7 +252,7 @@ export default {
|
|
|
255
252
|
defaultValue: '',
|
|
256
253
|
desc: {
|
|
257
254
|
'zh-CN': '提示内容插槽',
|
|
258
|
-
'en-US': '
|
|
255
|
+
'en-US': 'Description content slot'
|
|
259
256
|
},
|
|
260
257
|
mode: ['pc', 'mobile-first'],
|
|
261
258
|
pcDemo: 'basic-usage',
|
|
@@ -267,7 +264,7 @@ export default {
|
|
|
267
264
|
defaultValue: '',
|
|
268
265
|
desc: {
|
|
269
266
|
'zh-CN': '标题的内容,当 size 设置为 large 后有效',
|
|
270
|
-
'en-US': '
|
|
267
|
+
'en-US': 'Title content slot Only valid when size is large'
|
|
271
268
|
},
|
|
272
269
|
mode: ['pc', 'mobile-first'],
|
|
273
270
|
pcDemo: 'title',
|
|
@@ -22,7 +22,7 @@ export default {
|
|
|
22
22
|
type: 'Array',
|
|
23
23
|
defaultValue: '',
|
|
24
24
|
desc: {
|
|
25
|
-
'zh-CN': '配置时间线模式下所展示的时间范围,默认为[8,18],可配范围[0,23]。',
|
|
25
|
+
'zh-CN': '配置时间线模式下所展示的时间范围,默认为 [8,18],可配范围 [0,23]。',
|
|
26
26
|
'en-US': ''
|
|
27
27
|
},
|
|
28
28
|
mode: ['pc', 'mobile-first'],
|
|
@@ -130,7 +130,7 @@ export default {
|
|
|
130
130
|
type: '() => void',
|
|
131
131
|
defaultValue: '',
|
|
132
132
|
desc: {
|
|
133
|
-
'zh-CN': '
|
|
133
|
+
'zh-CN': '设置日期背景色,使用函数返回颜色值时,返回十六进制、rgb、rgba 是自定义颜色,使用颜色名则是预设颜色',
|
|
134
134
|
'en-US': ''
|
|
135
135
|
},
|
|
136
136
|
mode: ['pc', 'mobile-first'],
|
|
@@ -166,7 +166,7 @@ export default {
|
|
|
166
166
|
type: 'Boolean',
|
|
167
167
|
defaultValue: 'true',
|
|
168
168
|
desc: {
|
|
169
|
-
'zh-CN': '显示日程tips时间',
|
|
169
|
+
'zh-CN': '显示日程 tips 时间',
|
|
170
170
|
'en-US': 'Show schedule tips time'
|
|
171
171
|
},
|
|
172
172
|
meta: {
|
|
@@ -314,7 +314,7 @@ export default {
|
|
|
314
314
|
{
|
|
315
315
|
name: 'timeline',
|
|
316
316
|
desc: {
|
|
317
|
-
'zh-CN': '时间线插槽,有timeline1-timeline7 7个插槽',
|
|
317
|
+
'zh-CN': '时间线插槽,有 timeline1-timeline7 7 个插槽',
|
|
318
318
|
'en-US': ''
|
|
319
319
|
},
|
|
320
320
|
mode: ['pc', 'mobile-first'],
|
|
@@ -334,7 +334,7 @@ export default {
|
|
|
334
334
|
{
|
|
335
335
|
name: 'weekday',
|
|
336
336
|
desc: {
|
|
337
|
-
'zh-CN': '日程插槽,有weekday1-weekday7 7个插槽',
|
|
337
|
+
'zh-CN': '日程插槽,有 weekday1-weekday7 7 个插槽',
|
|
338
338
|
'en-US': ''
|
|
339
339
|
},
|
|
340
340
|
mode: ['pc', 'mobile-first'],
|
|
@@ -43,7 +43,7 @@ export default {
|
|
|
43
43
|
type: 'Array',
|
|
44
44
|
defaultValue: '',
|
|
45
45
|
desc: {
|
|
46
|
-
'zh-CN': '配置时间线模式下所展示的时间范围,默认为[8,18],可配范围[0,23]。',
|
|
46
|
+
'zh-CN': '配置时间线模式下所展示的时间范围,默认为 [8,18],可配范围 [0,23]。',
|
|
47
47
|
'en-US':
|
|
48
48
|
'Time range displayed in timeline mode. The default value range is [8, 18]. The value range is [0, 23].'
|
|
49
49
|
},
|
|
@@ -203,7 +203,7 @@ export default {
|
|
|
203
203
|
type: 'Function',
|
|
204
204
|
defaultValue: '',
|
|
205
205
|
desc: {
|
|
206
|
-
'zh-CN': '
|
|
206
|
+
'zh-CN': '设置日期背景色,使用函数返回颜色值时,返回十六进制、rgb、rgba 是自定义颜色,使用颜色名则是预设颜色',
|
|
207
207
|
'en-US': 'Set Date Background Color'
|
|
208
208
|
},
|
|
209
209
|
mode: ['mobile-first'],
|
|
@@ -280,7 +280,7 @@ export default {
|
|
|
280
280
|
type: 'String',
|
|
281
281
|
defaultValue: '',
|
|
282
282
|
desc: {
|
|
283
|
-
'zh-CN': '
|
|
283
|
+
'zh-CN': '文本信息分隔符,默认值为”; “ ',
|
|
284
284
|
'en-US': ''
|
|
285
285
|
},
|
|
286
286
|
mode: ['mobile-first'],
|
|
@@ -561,7 +561,7 @@ export default {
|
|
|
561
561
|
type: '',
|
|
562
562
|
defaultValue: '',
|
|
563
563
|
desc: {
|
|
564
|
-
'zh-CN': '时间线插槽,有timeline1-timeline7 7个插槽',
|
|
564
|
+
'zh-CN': '时间线插槽,有 timeline1-timeline7 7 个插槽',
|
|
565
565
|
'en-US': 'Timeline slots, with 7 slots timeline1-timeline7'
|
|
566
566
|
},
|
|
567
567
|
mode: ['mobile-first'],
|
|
@@ -583,7 +583,7 @@ export default {
|
|
|
583
583
|
type: '',
|
|
584
584
|
defaultValue: '',
|
|
585
585
|
desc: {
|
|
586
|
-
'zh-CN': '日程插槽,有weekday1-weekday7 7个插槽',
|
|
586
|
+
'zh-CN': '日程插槽,有 weekday1-weekday7 7 个插槽',
|
|
587
587
|
'en-US': 'Schedule slots, with 7 slots weekday1-weekday7'
|
|
588
588
|
},
|
|
589
589
|
mode: ['mobile-first'],
|
package/demos/apis/dialog-box.js
CHANGED
|
@@ -11,7 +11,8 @@ export default {
|
|
|
11
11
|
defaultValue: 'false',
|
|
12
12
|
desc: {
|
|
13
13
|
'zh-CN': 'DialogBox 本身是否插入到 body 上,嵌套的 Dialog 必须指定该属性并赋值为 true',
|
|
14
|
-
'en-US':
|
|
14
|
+
'en-US':
|
|
15
|
+
'Whether the dialog box itself is inserted into the body. This attribute must be specified and set to true for nested dialogs'
|
|
15
16
|
},
|
|
16
17
|
mode: ['pc'],
|
|
17
18
|
pcDemo: 'secondary-dialog'
|
|
@@ -22,7 +23,7 @@ export default {
|
|
|
22
23
|
defaultValue: 'false',
|
|
23
24
|
desc: {
|
|
24
25
|
'zh-CN': '设置为 true 时 弹出框的头部与底部内容会自动居中',
|
|
25
|
-
'en-US': 'When set to true, the
|
|
26
|
+
'en-US': 'When set to true, the header and footer content of the dialog box will be automatically centered'
|
|
26
27
|
},
|
|
27
28
|
mode: ['pc'],
|
|
28
29
|
pcDemo: 'center'
|
|
@@ -33,7 +34,7 @@ export default {
|
|
|
33
34
|
defaultValue: 'true',
|
|
34
35
|
desc: {
|
|
35
36
|
'zh-CN': '是否可以通过点击遮罩层关闭弹窗',
|
|
36
|
-
'en-US': '
|
|
37
|
+
'en-US': 'Whether to close the dialog by clicking on the mask layer'
|
|
37
38
|
},
|
|
38
39
|
mode: ['pc'],
|
|
39
40
|
pcDemo: 'close-on-click-modal'
|
|
@@ -44,8 +45,7 @@ export default {
|
|
|
44
45
|
defaultValue: 'true',
|
|
45
46
|
desc: {
|
|
46
47
|
'zh-CN': '是否可以通过 ESC 键关闭遮罩层',
|
|
47
|
-
'en-US':
|
|
48
|
-
'Indicates whether the mask layer is applied to the body. If the value is false, the mask layer is applied to the parent element of DialogBox'
|
|
48
|
+
'en-US': 'Whether to close the dialog by pressing the ESC key'
|
|
49
49
|
},
|
|
50
50
|
mode: ['pc'],
|
|
51
51
|
pcDemo: 'close-on-press-escape'
|
|
@@ -56,7 +56,7 @@ export default {
|
|
|
56
56
|
defaultValue: 'false',
|
|
57
57
|
desc: {
|
|
58
58
|
'zh-CN': '关闭时销毁对话框内的元素,而非隐藏',
|
|
59
|
-
'en-US': ''
|
|
59
|
+
'en-US': 'Destroy elements inside the dialog when closing, instead of hiding them'
|
|
60
60
|
},
|
|
61
61
|
mode: ['pc'],
|
|
62
62
|
pcDemo: 'destroy-on-close'
|
|
@@ -67,7 +67,7 @@ export default {
|
|
|
67
67
|
defaultValue: 'false',
|
|
68
68
|
desc: {
|
|
69
69
|
'zh-CN': '可将弹窗拖出窗口',
|
|
70
|
-
'en-US': '
|
|
70
|
+
'en-US': 'Whether the dialog can be dragged out of the window'
|
|
71
71
|
},
|
|
72
72
|
mode: ['pc'],
|
|
73
73
|
pcDemo: 'draggable'
|
|
@@ -78,7 +78,7 @@ export default {
|
|
|
78
78
|
defaultValue: '',
|
|
79
79
|
desc: {
|
|
80
80
|
'zh-CN': '自定义配置弹窗类名',
|
|
81
|
-
'en-US': '
|
|
81
|
+
'en-US': 'Custom CSS class name for the dialog'
|
|
82
82
|
},
|
|
83
83
|
mode: ['pc'],
|
|
84
84
|
pcDemo: 'dialog-width'
|
|
@@ -89,7 +89,7 @@ export default {
|
|
|
89
89
|
defaultValue: 'false',
|
|
90
90
|
desc: {
|
|
91
91
|
'zh-CN': '是否开启弹窗的拖拽功能',
|
|
92
|
-
'en-US': 'Whether to enable the drag
|
|
92
|
+
'en-US': 'Whether to enable the drag function of the dialog box, with a default value of false'
|
|
93
93
|
},
|
|
94
94
|
mode: ['pc'],
|
|
95
95
|
pcDemo: 'draggable'
|
|
@@ -100,7 +100,7 @@ export default {
|
|
|
100
100
|
defaultValue: 'false',
|
|
101
101
|
desc: {
|
|
102
102
|
'zh-CN': '弹出框是否全屏',
|
|
103
|
-
'en-US': '
|
|
103
|
+
'en-US': 'Whether the dialog is displayed in full screen'
|
|
104
104
|
},
|
|
105
105
|
mode: ['pc'],
|
|
106
106
|
pcDemo: 'fullscreen'
|
|
@@ -111,7 +111,7 @@ export default {
|
|
|
111
111
|
defaultValue: 'true',
|
|
112
112
|
desc: {
|
|
113
113
|
'zh-CN': '关闭弹窗,默认重置表单数据',
|
|
114
|
-
'en-US': '
|
|
114
|
+
'en-US': 'Reset form data by default when closing the dialog'
|
|
115
115
|
},
|
|
116
116
|
mode: ['pc'],
|
|
117
117
|
pcDemo: 'form-in-dialog'
|
|
@@ -122,7 +122,7 @@ export default {
|
|
|
122
122
|
defaultValue: 'true',
|
|
123
123
|
desc: {
|
|
124
124
|
'zh-CN': 'Dialog 弹出时是否禁用滚动条',
|
|
125
|
-
'en-US': '
|
|
125
|
+
'en-US': 'Whether to disable scrolling when the dialog is displayed'
|
|
126
126
|
},
|
|
127
127
|
mode: ['pc'],
|
|
128
128
|
pcDemo: 'lock-scroll'
|
|
@@ -133,7 +133,7 @@ export default {
|
|
|
133
133
|
defaultValue: '',
|
|
134
134
|
desc: {
|
|
135
135
|
'zh-CN': '实现窗口最大高度',
|
|
136
|
-
'en-US': '
|
|
136
|
+
'en-US': 'Maximum height of the dialog box'
|
|
137
137
|
},
|
|
138
138
|
mode: ['pc'],
|
|
139
139
|
pcDemo: 'dialog-width'
|
|
@@ -144,7 +144,7 @@ export default {
|
|
|
144
144
|
defaultValue: 'true',
|
|
145
145
|
desc: {
|
|
146
146
|
'zh-CN': '是否启用遮罩层',
|
|
147
|
-
'en-US': '
|
|
147
|
+
'en-US': 'Whether to enable the mask layer'
|
|
148
148
|
},
|
|
149
149
|
mode: ['pc'],
|
|
150
150
|
pcDemo: 'no-modal'
|
|
@@ -156,7 +156,7 @@ export default {
|
|
|
156
156
|
desc: {
|
|
157
157
|
'zh-CN': '遮罩层是否应用到 body 上,为 false 时遮罩层会应用到 DialogBox 的父元素上',
|
|
158
158
|
'en-US':
|
|
159
|
-
'
|
|
159
|
+
'Whether the mask layer is applied to the body. If false, the mask layer is applied to the parent element of the dialog box'
|
|
160
160
|
},
|
|
161
161
|
mode: ['pc'],
|
|
162
162
|
pcDemo: 'right-dialog'
|
|
@@ -167,7 +167,7 @@ export default {
|
|
|
167
167
|
defaultValue: 'false',
|
|
168
168
|
desc: {
|
|
169
169
|
'zh-CN': '弹窗是否能切换全屏',
|
|
170
|
-
'en-US': 'Whether the
|
|
170
|
+
'en-US': 'Whether the dialog can be resized or switched to full screen'
|
|
171
171
|
},
|
|
172
172
|
mode: ['pc'],
|
|
173
173
|
pcDemo: 'form-in-dialog'
|
|
@@ -178,7 +178,7 @@ export default {
|
|
|
178
178
|
defaultValue: 'false',
|
|
179
179
|
desc: {
|
|
180
180
|
'zh-CN': '是否开启弹出右侧滑出功能',
|
|
181
|
-
'en-US': 'Whether to
|
|
181
|
+
'en-US': 'Whether to enable the right-side slide-out function of the dialog'
|
|
182
182
|
},
|
|
183
183
|
mode: ['pc'],
|
|
184
184
|
pcDemo: 'right-dialog'
|
|
@@ -189,7 +189,7 @@ export default {
|
|
|
189
189
|
defaultValue: 'true',
|
|
190
190
|
desc: {
|
|
191
191
|
'zh-CN': '是否显示关闭按钮',
|
|
192
|
-
'en-US': '
|
|
192
|
+
'en-US': 'Whether to show the close button'
|
|
193
193
|
},
|
|
194
194
|
mode: ['pc'],
|
|
195
195
|
pcDemo: 'hidden-close-buttons'
|
|
@@ -200,7 +200,7 @@ export default {
|
|
|
200
200
|
defaultValue: 'true',
|
|
201
201
|
desc: {
|
|
202
202
|
'zh-CN': '是否显示弹窗头部 header',
|
|
203
|
-
'en-US': '
|
|
203
|
+
'en-US': 'Whether to display the dialog header'
|
|
204
204
|
},
|
|
205
205
|
mode: ['pc'],
|
|
206
206
|
pcDemo: 'hidden-header'
|
|
@@ -211,7 +211,7 @@ export default {
|
|
|
211
211
|
defaultValue: '',
|
|
212
212
|
desc: {
|
|
213
213
|
'zh-CN': '弹出框标题',
|
|
214
|
-
'en-US': '
|
|
214
|
+
'en-US': 'Dialog Box Title'
|
|
215
215
|
},
|
|
216
216
|
mode: ['pc'],
|
|
217
217
|
pcDemo: 'custom-dialog-title'
|
|
@@ -222,7 +222,7 @@ export default {
|
|
|
222
222
|
defaultValue: "'15vh'",
|
|
223
223
|
desc: {
|
|
224
224
|
'zh-CN': '设置弹出框距离窗口顶部的高度',
|
|
225
|
-
'en-US': 'Set the
|
|
225
|
+
'en-US': 'Set the distance from the top of the window to the dialog box'
|
|
226
226
|
},
|
|
227
227
|
mode: ['pc'],
|
|
228
228
|
pcDemo: 'dialog-top-height'
|
|
@@ -233,7 +233,7 @@ export default {
|
|
|
233
233
|
defaultValue: 'false',
|
|
234
234
|
desc: {
|
|
235
235
|
'zh-CN': '控制弹出框显示与关闭',
|
|
236
|
-
'en-US': 'Control
|
|
236
|
+
'en-US': 'Control dialog box display and closing'
|
|
237
237
|
},
|
|
238
238
|
mode: ['pc'],
|
|
239
239
|
pcDemo: 'basic-usage'
|
|
@@ -244,7 +244,7 @@ export default {
|
|
|
244
244
|
defaultValue: "'500px'",
|
|
245
245
|
desc: {
|
|
246
246
|
'zh-CN': '弹出框的宽度',
|
|
247
|
-
'en-US': '
|
|
247
|
+
'en-US': 'Width of the dialog box'
|
|
248
248
|
},
|
|
249
249
|
mode: ['pc'],
|
|
250
250
|
pcDemo: 'dialog-width'
|
|
@@ -255,7 +255,7 @@ export default {
|
|
|
255
255
|
defaultValue: '',
|
|
256
256
|
desc: {
|
|
257
257
|
'zh-CN': '自定义实现双层抽屉',
|
|
258
|
-
'en-US': 'Custom
|
|
258
|
+
'en-US': 'Custom styles for implementing double-layer drawer'
|
|
259
259
|
},
|
|
260
260
|
meta: {
|
|
261
261
|
stable: '3.21.0'
|
|
@@ -285,7 +285,7 @@ export default {
|
|
|
285
285
|
defaultValue: '',
|
|
286
286
|
desc: {
|
|
287
287
|
'zh-CN': '启动弹出动效由小变大',
|
|
288
|
-
'en-US': '
|
|
288
|
+
'en-US': 'Enable dialog transition effect from small to large'
|
|
289
289
|
},
|
|
290
290
|
mode: ['pc'],
|
|
291
291
|
pcDemo: 'transition-effect'
|
|
@@ -297,7 +297,7 @@ export default {
|
|
|
297
297
|
desc: {
|
|
298
298
|
'zh-CN': '设置弹窗关闭前的回调函数,如果函数返回 `false`,可以拦截关闭弹窗',
|
|
299
299
|
'en-US':
|
|
300
|
-
'
|
|
300
|
+
'Set the callback function before closing the dialog. If the function returns `false`, the dialog closing can be intercepted'
|
|
301
301
|
},
|
|
302
302
|
mode: ['pc'],
|
|
303
303
|
pcDemo: 'before-close'
|
|
@@ -310,7 +310,8 @@ export default {
|
|
|
310
310
|
defaultValue: '',
|
|
311
311
|
desc: {
|
|
312
312
|
'zh-CN': 'Dialog 关闭弹窗前的事件,通过 event.preventDefault() 可以拦截关闭弹窗',
|
|
313
|
-
'en-US':
|
|
313
|
+
'en-US':
|
|
314
|
+
'Event before the dialog closes. The dialog closing can be intercepted by calling event.preventDefault()'
|
|
314
315
|
},
|
|
315
316
|
mode: ['pc'],
|
|
316
317
|
pcDemo: 'before-close'
|
|
@@ -321,7 +322,7 @@ export default {
|
|
|
321
322
|
defaultValue: '',
|
|
322
323
|
desc: {
|
|
323
324
|
'zh-CN': 'Dialog 关闭的回调',
|
|
324
|
-
'en-US': '
|
|
325
|
+
'en-US': 'Callback when the dialog closes'
|
|
325
326
|
},
|
|
326
327
|
mode: ['pc'],
|
|
327
328
|
pcDemo: 'open-close-events'
|
|
@@ -332,7 +333,7 @@ export default {
|
|
|
332
333
|
defaultValue: '',
|
|
333
334
|
desc: {
|
|
334
335
|
'zh-CN': 'Dialog 关闭动画结束时的回调',
|
|
335
|
-
'en-US': '
|
|
336
|
+
'en-US': 'Callback when the dialog closing animation ends'
|
|
336
337
|
},
|
|
337
338
|
mode: ['pc'],
|
|
338
339
|
pcDemo: 'open-close-events'
|
|
@@ -343,7 +344,7 @@ export default {
|
|
|
343
344
|
defaultValue: '',
|
|
344
345
|
desc: {
|
|
345
346
|
'zh-CN': 'Dialog 拖拽结束事件;arg包含弹窗的位置等信息',
|
|
346
|
-
'en-US': 'Dialog drag end event; arg
|
|
347
|
+
'en-US': 'Dialog drag end event; arg contains dialog position and other information'
|
|
347
348
|
},
|
|
348
349
|
mode: ['pc'],
|
|
349
350
|
pcDemo: 'draggable'
|
|
@@ -354,7 +355,7 @@ export default {
|
|
|
354
355
|
defaultValue: '',
|
|
355
356
|
desc: {
|
|
356
357
|
'zh-CN': 'Dialog 拖拽移动事件;arg包含弹窗的位置等信息',
|
|
357
|
-
'en-US': 'Dialog
|
|
358
|
+
'en-US': 'Dialog drag move event; arg contains dialog position and other information'
|
|
358
359
|
},
|
|
359
360
|
mode: ['pc'],
|
|
360
361
|
pcDemo: 'draggable'
|
|
@@ -365,7 +366,7 @@ export default {
|
|
|
365
366
|
defaultValue: '',
|
|
366
367
|
desc: {
|
|
367
368
|
'zh-CN': 'Dialog 拖拽开始事件;arg包含弹窗的位置等信息',
|
|
368
|
-
'en-US': 'Dialog drag start event; arg
|
|
369
|
+
'en-US': 'Dialog drag start event; arg contains dialog position and other information'
|
|
369
370
|
},
|
|
370
371
|
mode: ['pc'],
|
|
371
372
|
pcDemo: 'draggable'
|
|
@@ -376,7 +377,7 @@ export default {
|
|
|
376
377
|
defaultValue: '',
|
|
377
378
|
desc: {
|
|
378
379
|
'zh-CN': 'Dialog 打开的回调',
|
|
379
|
-
'en-US': '
|
|
380
|
+
'en-US': 'Callback when the dialog opens'
|
|
380
381
|
},
|
|
381
382
|
mode: ['pc'],
|
|
382
383
|
pcDemo: 'open-close-events'
|
|
@@ -387,7 +388,7 @@ export default {
|
|
|
387
388
|
defaultValue: '',
|
|
388
389
|
desc: {
|
|
389
390
|
'zh-CN': 'Dialog 打开动画结束时的回调',
|
|
390
|
-
'en-US': '
|
|
391
|
+
'en-US': 'Callback when the dialog opening animation ends'
|
|
391
392
|
},
|
|
392
393
|
mode: ['pc'],
|
|
393
394
|
pcDemo: 'open-close-events'
|
|
@@ -399,7 +400,7 @@ export default {
|
|
|
399
400
|
defaultValue: '',
|
|
400
401
|
desc: {
|
|
401
402
|
'zh-CN': '弹窗大小变化时的事件,比如切换全屏状态时',
|
|
402
|
-
'en-US': 'Event when the
|
|
403
|
+
'en-US': 'Event when the dialog size changes, such as when switching full-screen mode'
|
|
403
404
|
},
|
|
404
405
|
mode: ['pc'],
|
|
405
406
|
pcDemo: 'fullscreen'
|
|
@@ -412,7 +413,7 @@ export default {
|
|
|
412
413
|
defaultValue: '',
|
|
413
414
|
desc: {
|
|
414
415
|
'zh-CN': 'Dialog 的内容插槽',
|
|
415
|
-
'en-US': 'Dialog content'
|
|
416
|
+
'en-US': 'Dialog content slot'
|
|
416
417
|
},
|
|
417
418
|
mode: ['pc'],
|
|
418
419
|
pcDemo: 'custom-dialog-content'
|
|
@@ -422,7 +423,7 @@ export default {
|
|
|
422
423
|
defaultValue: '',
|
|
423
424
|
desc: {
|
|
424
425
|
'zh-CN': 'Dialog 按钮操作区的内容插槽',
|
|
425
|
-
'en-US': 'Dialog button operation area content'
|
|
426
|
+
'en-US': 'Dialog footer button operation area content slot'
|
|
426
427
|
},
|
|
427
428
|
mode: ['pc'],
|
|
428
429
|
pcDemo: 'custom-dialog-footer'
|
|
@@ -432,7 +433,7 @@ export default {
|
|
|
432
433
|
defaultValue: '',
|
|
433
434
|
desc: {
|
|
434
435
|
'zh-CN': 'Dialog 标题区的内容插槽',
|
|
435
|
-
'en-US': 'Dialog
|
|
436
|
+
'en-US': 'Dialog title area content slot'
|
|
436
437
|
},
|
|
437
438
|
mode: ['pc'],
|
|
438
439
|
pcDemo: 'custom-dialog-title'
|
package/demos/apis/drawer.js
CHANGED
|
@@ -5,6 +5,21 @@ export default {
|
|
|
5
5
|
name: 'drawer',
|
|
6
6
|
type: 'component',
|
|
7
7
|
props: [
|
|
8
|
+
{
|
|
9
|
+
name: 'append-to-body',
|
|
10
|
+
type: 'boolean',
|
|
11
|
+
defaultValue: 'false',
|
|
12
|
+
desc: {
|
|
13
|
+
'zh-CN': 'drawer 本身是否插入到 body 上',
|
|
14
|
+
'en-US': 'Whether the drawer itself is inserted into the body'
|
|
15
|
+
},
|
|
16
|
+
mode: ['pc', 'mobile-first'],
|
|
17
|
+
pcDemo: '',
|
|
18
|
+
mfDemo: '',
|
|
19
|
+
meta: {
|
|
20
|
+
stable: '3.30.0'
|
|
21
|
+
}
|
|
22
|
+
},
|
|
8
23
|
{
|
|
9
24
|
name: 'before-close',
|
|
10
25
|
type: '(type) => boolean',
|