@opentinyvue/vue-docs 3.29.2 → 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.
Files changed (99) hide show
  1. package/demos/apis/action-menu.js +22 -0
  2. package/demos/apis/alert.js +19 -22
  3. package/demos/apis/button-group.js +15 -0
  4. package/demos/apis/calendar-view.js +5 -5
  5. package/demos/apis/cascader-view.js +5 -5
  6. package/demos/apis/dialog-box.js +39 -38
  7. package/demos/apis/drawer.js +15 -0
  8. package/demos/apis/fluent-editor.js +30 -0
  9. package/demos/apis/fullscreen.js +10 -11
  10. package/demos/apis/grid.js +100 -17
  11. package/demos/apis/link.js +11 -0
  12. package/demos/apis/modal.js +32 -30
  13. package/demos/apis/notify.js +13 -13
  14. package/demos/apis/select.js +14 -2
  15. package/demos/apis/tree.js +23 -23
  16. package/demos/mobile-first/app/button-group/display-mode.vue +31 -0
  17. package/demos/mobile-first/app/button-group/webdoc/button-group.js +13 -0
  18. package/demos/mobile-first/app/calendar-view/webdoc/calendar-view.js +5 -4
  19. package/demos/pc/app/base-select/copy-multi.spec.ts +1 -1
  20. package/demos/pc/app/button-group/display-mode-composition-api.vue +23 -0
  21. package/demos/pc/app/button-group/display-mode.spec.ts +0 -0
  22. package/demos/pc/app/button-group/display-mode.vue +31 -0
  23. package/demos/pc/app/button-group/sup-composition-api.vue +1 -0
  24. package/demos/pc/app/button-group/sup.vue +1 -0
  25. package/demos/pc/app/button-group/webdoc/button-group.js +14 -0
  26. package/demos/pc/app/calendar-view/custom-day-bg-color.vue +10 -0
  27. package/demos/pc/app/calendar-view/webdoc/calendar-view.js +4 -4
  28. package/demos/pc/app/checkbox/checked-composition-api.vue +3 -3
  29. package/demos/pc/app/checkbox/checked.vue +3 -3
  30. package/demos/pc/app/drawer/basic-usage.spec.ts +4 -3
  31. package/demos/pc/app/drawer/placement.spec.ts +4 -4
  32. package/demos/pc/app/drawer/show-header.spec.ts +3 -2
  33. package/demos/pc/app/dropdown/show-icon-composition-api.vue +1 -1
  34. package/demos/pc/app/dropdown/show-icon.vue +1 -1
  35. package/demos/pc/app/flowchart/basic-usage-composition-api.vue +10 -260
  36. package/demos/pc/app/flowchart/basic-usage.spec.ts +2 -1
  37. package/demos/pc/app/flowchart/basic-usage.vue +4 -249
  38. package/demos/pc/app/flowchart/slots-composition-api.vue +182 -0
  39. package/demos/pc/app/flowchart/slots.spec.ts +24 -0
  40. package/demos/pc/app/flowchart/slots.vue +193 -0
  41. package/demos/pc/app/flowchart/webdoc/flowchart.js +14 -2
  42. package/demos/pc/app/form/group-form-composition-api.vue +2 -2
  43. package/demos/pc/app/form/group-form.vue +2 -2
  44. package/demos/pc/app/grid/filter/advanced-filter-composition-api.vue +1 -1
  45. package/demos/pc/app/grid/filter/advanced-filter.spec.js +1 -0
  46. package/demos/pc/app/grid/filter/advanced-filter.vue +1 -1
  47. package/demos/pc/app/grid/filter/custom-filter-composition-api.vue +46 -23
  48. package/demos/pc/app/grid/filter/custom-filter.spec.js +1 -1
  49. package/demos/pc/app/grid/filter/custom-filter.vue +47 -24
  50. package/demos/pc/app/grid/filter/default-filter.spec.ts +1 -0
  51. package/demos/pc/app/grid/filter/filter-label-value-composition-api.vue +71 -0
  52. package/demos/pc/app/grid/filter/filter-label-value.spec.ts +27 -0
  53. package/demos/pc/app/grid/filter/filter-label-value.vue +78 -0
  54. package/demos/pc/app/grid/filter/input-filter-custom-component-composition-api.vue +116 -0
  55. package/demos/pc/app/grid/filter/input-filter-custom-component.spec.ts +20 -0
  56. package/demos/pc/app/grid/filter/input-filter-custom-component.vue +126 -0
  57. package/demos/pc/app/grid/filter/layout-order-filter-composition-api.vue +114 -0
  58. package/demos/pc/app/grid/filter/layout-order-filter.spec.ts +31 -0
  59. package/demos/pc/app/grid/filter/layout-order-filter.vue +123 -0
  60. package/demos/pc/app/grid/webdoc/grid-filter.js +89 -41
  61. package/demos/pc/app/input/resize.spec.ts +2 -2
  62. package/demos/pc/app/link/custom-icon-composition-api.vue +1 -1
  63. package/demos/pc/app/link/custom-icon.vue +1 -1
  64. package/demos/pc/app/link/target-composition-api.vue +24 -0
  65. package/demos/pc/app/link/target.spec.ts +41 -0
  66. package/demos/pc/app/link/target.vue +30 -0
  67. package/demos/pc/app/link/webdoc/link.js +14 -0
  68. package/demos/pc/app/nav-menu/overflow.spec.ts +1 -1
  69. package/demos/pc/app/select/copy-multi.spec.ts +1 -1
  70. package/demos/pc/app/select-wrapper/copy-multi.spec.ts +2 -1
  71. package/demos/pc/app/tabs/tabs-events-close-composition-api.vue +8 -2
  72. package/demos/pc/app/tabs/tabs-events-close.vue +8 -2
  73. package/demos/pc/app/tag/basic-usage.spec.ts +1 -1
  74. package/demos/pc/app/tag/color-border.spec.ts +2 -2
  75. package/demos/pc/app/tag/max-width.spec.ts +1 -1
  76. package/demos/pc/app/tag/size.spec.ts +3 -3
  77. package/demos/pc/app/tag/slot-default.spec.ts +3 -3
  78. package/demos/pc/app/tag-group/basic-usage.spec.js +5 -5
  79. package/demos/pc/app/tag-group/tag-group-effect.spec.js +10 -10
  80. package/demos/pc/app/tag-group/tag-group-event.spec.js +1 -1
  81. package/demos/pc/menus.js +3 -3
  82. package/demos/pc/webdoc/changelog-en.md +121 -86
  83. package/demos/pc/webdoc/changelog.md +121 -86
  84. package/demos/pc/webdoc/develop-demo-en.md +13 -13
  85. package/demos/pc/webdoc/import-components.md +1 -1
  86. package/demos/pc/webdoc/introduce.md +2 -0
  87. package/demos/pc/webdoc/skills-en.md +107 -0
  88. package/demos/pc/webdoc/skills.md +107 -0
  89. package/demos/pc/webdoc/theme-en.md +82 -79
  90. package/demos/saas/menus.js +1 -0
  91. package/package.json +19 -20
  92. package/src/i18n/index.js +1 -2
  93. package/src/main.js +8 -5
  94. package/src/views/components-doc/common.vue +0 -25
  95. package/demos/pc/app/grid/webdoc/grid-ai-agent.js +0 -23
  96. package/demos/pc/webdoc/mcp-en.md +0 -101
  97. package/demos/pc/webdoc/mcp.md +0 -101
  98. package/src/components/mcp-docs.vue +0 -33
  99. 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
  ]
@@ -11,7 +11,7 @@ export default {
11
11
  defaultValue: 'false',
12
12
  desc: {
13
13
  'zh-CN': '文字是否居中',
14
- 'en-US': 'Whether the text is centered'
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': 'Set whether alarms can be disabled.'
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': 'Customized text of the close button'
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': 'Customization class name'
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': 'Set the warning prompt content'
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': 'Shows collapsible styles with titles.'
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': 'Display icon'
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': 'Display title,valid when size is large'
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': 'Indicates whether the description is displayed in one line. The default value is false.'
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': 'Set the size of the warning'
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': 'Set the alarm type'
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': 'Event triggered when the alert function is disabled'
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. This parameter is valid only when show-foldable is set to true.'
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': 'The default slot for the component is valid when size is set to large'
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': 'Prompt Content'
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': 'The content of the title is valid when size is set to large'
267
+ 'en-US': 'Title content slot Only valid when size is large'
271
268
  },
272
269
  mode: ['pc', 'mobile-first'],
273
270
  pcDemo: 'title',
@@ -110,6 +110,21 @@ export default {
110
110
  mode: ['pc', 'mobile-first'],
111
111
  pcDemo: 'text-value-field',
112
112
  mfDemo: ''
113
+ },
114
+ // displayMode
115
+ {
116
+ name: 'display-mode',
117
+ type: "'default' | 'merged'",
118
+ defaultValue: "'default'",
119
+ desc: {
120
+ 'zh-CN': '按钮组显示模式,可选值为"default"和"merged",默认为"default"。当设置为"merged"时,按钮组内的按钮将合并显示,形成一个整体的外观。',
121
+ 'en-US': 'Button group display mode, optional values are "default" and "merged", the default is "default". When set to "merged", the buttons in the button group will be merged to form an overall appearance.'
122
+ },
123
+ mode: ['pc','mobile-first'],
124
+ pcDemo: 'display-mode',
125
+ meta: {
126
+ stable: '3.29.0'
127
+ }
113
128
  }
114
129
  ],
115
130
  events: [
@@ -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'],
@@ -11,7 +11,8 @@ export default {
11
11
  defaultValue: 'false',
12
12
  desc: {
13
13
  'zh-CN': 'DialogBox 本身是否插入到 body 上,嵌套的 Dialog 必须指定该属性并赋值为 true',
14
- 'en-US': 'Indicates whether to enable the pop-up slide-out function. The default value is false'
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 head and bottom content of the pop-up box will automatically center'
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': 'Close the pop-up window by clicking on the mask layer'
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': 'Pop ups can be dragged out of the window'
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': 'Customized configuration pop-up window class name'
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 and drop function of pop ups, with a default value of false'
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': 'Is the pop-up full screen'
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': 'Close the pop-up window and reset the form data by default'
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': 'Indicates whether to display the pop-up header. The default value is true'
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': 'Achieve the maximum height of the window'
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': 'Is the mask layer enabled'
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
- 'Indicates whether the DialogBox itself is inserted into the body. This attribute must be specified and set to true for nested Dialogs'
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 pop-up window can be switched to full screen'
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 disable the scroll bar when a log is displayed'
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': 'Is the close button displayed'
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': 'Pop-up dialog box title'
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': 'Pop-up Box Title'
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 height of the popup from the top of the window'
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 pop-up display and closing'
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': 'Wideness of the dialog box that is displayed'
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 Styles'
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': 'Startup pop-up effect from small to large'
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
- 'set the callback function before closing the pop-up. If the function returns `false`, the pop-up will not be closed'
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': 'Dialog event before closing the pop-up'
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': 'Dialog disabled callback; Dialog closing callback; No arguments'
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': 'Dialog closes the callback when the animation ends. No arguments'
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:event (including the location of the pop-up window)'
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 dragging and moving event; arg:event (including the location of the pop-up window)'
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:event (including the location of the pop-up window)'
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': 'Dialog open callback; Dialog open callback; No arguments'
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': 'Dialog: callback when the animation ends; No arguments'
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 pop-up window size changes, for example, when the full-screen mode is switched.'
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 content in the title area'
436
+ 'en-US': 'Dialog title area content slot'
436
437
  },
437
438
  mode: ['pc'],
438
439
  pcDemo: 'custom-dialog-title'
@@ -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',