@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
@@ -18,6 +18,22 @@ export default {
18
18
  },
19
19
  pcDemo: 'before-editor-init'
20
20
  },
21
+ {
22
+ name: 'before-link-open',
23
+ typeAnchorName: 'IBeforeLinkOpen',
24
+ type: 'IBeforeLinkOpen',
25
+ defaultValue: '',
26
+ meta: {
27
+ stable: '3.30.0'
28
+ },
29
+ desc: {
30
+ 'zh-CN':
31
+ '点击富文本中的超链接前触发。返回 false(或 Promise resolve false)可拦截跳转;返回 true/undefined 继续跳转。',
32
+ 'en-US': ''
33
+ },
34
+ mode: ['pc', 'mobile-first'],
35
+ pcDemo: ''
36
+ },
21
37
  {
22
38
  name: 'data-type',
23
39
  type: 'boolean',
@@ -103,6 +119,20 @@ export default {
103
119
  }
104
120
  ],
105
121
  types: [
122
+ {
123
+ name: 'IBeforeLinkOpen',
124
+ type: 'type',
125
+ code: `
126
+ type IBeforeLinkOpen = (payload: {
127
+ url: string // 过滤后的安全链接
128
+ rawUrl: string // 原始 href
129
+ target: string // 超链接 target,默认 _blank
130
+ rel: string // 超链接 rel
131
+ event: MouseEvent // 点击事件对象
132
+ quill: any // 当前编辑器实例
133
+ }) => boolean | void | Promise<boolean | void>
134
+ `
135
+ },
106
136
  {
107
137
  name: 'IImageUploadOptions',
108
138
  type: 'interface',
@@ -12,7 +12,7 @@ export default {
12
12
  desc: {
13
13
  'zh-CN': '组件式使用时,点击组件 wrapper 是否关闭全屏显示。默认为 true',
14
14
  'en-US':
15
- 'When the component is used in component mode, click the component wrapper to determine whether to disable full-screen display. The default value is true.'
15
+ 'In component mode, whether clicking the component wrapper exits fullscreen display. Default is true.'
16
16
  },
17
17
  mode: ['pc'],
18
18
  pcDemo: ''
@@ -23,7 +23,7 @@ export default {
23
23
  defaultValue: '',
24
24
  desc: {
25
25
  'zh-CN': '组件式使用时,控制组件是否全屏显示。默认为 false',
26
- 'en-US': 'Whether to display a component in full screen mode. The default value is false'
26
+ 'en-US': 'In component mode, controls whether the component displays in fullscreen. Default is false.'
27
27
  },
28
28
  mode: ['pc'],
29
29
  pcDemo: 'example-component'
@@ -34,7 +34,7 @@ export default {
34
34
  defaultValue: '',
35
35
  desc: {
36
36
  'zh-CN': '自定义组件 wrapper 的样式类名',
37
- 'en-US': 'Style class name of the custom component wrapper'
37
+ 'en-US': 'Custom CSS class name for the component wrapper.'
38
38
  },
39
39
  mode: ['pc'],
40
40
  pcDemo: ''
@@ -45,8 +45,7 @@ export default {
45
45
  defaultValue: '',
46
46
  desc: {
47
47
  'zh-CN': '显示模式。true 为网页全屏,false 为浏览器全屏。默认值为 false',
48
- 'en-US':
49
- 'Display mode. The value true indicates that the web page is displayed in full screen mode, and the value false indicates that the browser is displayed in full screen mode. The default value is false'
48
+ 'en-US': 'Display mode. true for webpage fullscreen, false for browser fullscreen. Default is false.'
50
49
  },
51
50
  mode: ['pc'],
52
51
  pcDemo: 'example-component'
@@ -58,7 +57,7 @@ export default {
58
57
  desc: {
59
58
  'zh-CN': '是否将目标元素移动到 body 下。true 为移动,false 为不移动。默认值为 false',
60
59
  'en-US':
61
- 'Indicates whether to move the target element to the body. true: move; false: do not move. The default value is false'
60
+ 'Whether to teleport the target element to body. true to move, false to not move. Default is false.'
62
61
  },
63
62
  mode: ['pc'],
64
63
  pcDemo: 'example-component'
@@ -69,7 +68,7 @@ export default {
69
68
  defaultValue: '',
70
69
  desc: {
71
70
  'zh-CN': '在全屏显示时,目标元素的 zIndex',
72
- 'en-US': 'ZIndex of the target element in full-screen display'
71
+ 'en-US': 'z-index value of the target element when in fullscreen display.'
73
72
  },
74
73
  mode: ['pc'],
75
74
  pcDemo: 'example-component'
@@ -82,7 +81,7 @@ export default {
82
81
  defaultValue: '',
83
82
  desc: {
84
83
  'zh-CN': '拦截事件',
85
- 'en-US': 'Intercept Events.'
84
+ 'en-US': 'Intercept event handler.'
86
85
  },
87
86
  mode: ['pc'],
88
87
  pcDemo: 'before-change'
@@ -92,7 +91,7 @@ export default {
92
91
  defaultValue: '',
93
92
  desc: {
94
93
  'zh-CN': '组件式使用时,更新 fullscreen 属性',
95
- 'en-US': 'Update the fullscreen attribute in component mode.'
94
+ 'en-US': 'In component mode, updates the fullscreen prop.'
96
95
  },
97
96
  mode: ['pc'],
98
97
  pcDemo: 'example-component'
@@ -104,7 +103,7 @@ export default {
104
103
  defaultValue: '',
105
104
  desc: {
106
105
  'zh-CN': '函数式使用时,切换全屏模式',
107
- 'en-US': 'Switch the full-screen mode when the function mode is used.'
106
+ 'en-US': 'In function mode, toggles between fullscreen and normal mode.'
108
107
  },
109
108
  mode: ['pc'],
110
109
  pcDemo: 'example-api'
@@ -116,7 +115,7 @@ export default {
116
115
  defaultValue: '',
117
116
  desc: {
118
117
  'zh-CN': '自定义内容,需要在 layout 中列出 slot',
119
- 'en-US': 'User-defined content. Slots must be listed in the layout.'
118
+ 'en-US': 'Custom content slot. Must be declared in the layout.'
120
119
  },
121
120
  mode: ['pc'],
122
121
  pcDemo: 'example-component'
@@ -3239,7 +3239,7 @@ export default {
3239
3239
  type: 'interface',
3240
3240
  code: `
3241
3241
  interface IPopperOption {
3242
- bubbling: boolean // 是否监听元素所有上级有滚动元素的scroll事件,监听到则更新popper的位置。用于解决某些弹出层位置在页面滚动时,位置不正确的场景,默认false
3242
+ bubbling: boolean // 是否监听元素所有上级有滚动元素的scroll事件,监听到则更新popper的位置。用于解决某些弹出层位置在页面滚动时,位置不正确的场景,默认true
3243
3243
  followReferenceHide: boolean // 当触发源隐藏时,自动隐藏弹出层,默认true
3244
3244
  removeOnDestroy: boolean // 弹出层消失后,是否移除弹出层的DOM元素,布尔false
3245
3245
  updateHiddenPopperOnScroll: boolean // 滚动过程中是否更新隐藏的弹出层位置
@@ -4201,25 +4201,108 @@ interface IEditorConfig {
4201
4201
  {
4202
4202
  name: 'IFilterConfig',
4203
4203
  type: 'type',
4204
+ depTypes: ['IRow', 'IColumnConfig'],
4204
4205
  code: `
4205
4206
  interface IFilterConfig {
4206
- // 设置在显示枚举选项功能是否为多选, 仅在 enumable:true 下有效
4207
- multi: boolean
4207
+ // 设置在显示枚举选项功能是否为多选,仅在 enumable:true 下有效,默认 true
4208
+ multi?: boolean
4208
4209
  // 设置在过滤面板中显示枚举选项
4209
- enumable: boolean
4210
- // 设置在过滤面板中显示默认的筛选条件
4211
- defaultFilter: boolean
4212
- // 设置在过滤面板中显示输入筛选的项
4213
- inputFilter: boolean
4214
- // 设置在显示枚举选项功能(enumable)下制定静态数据源,也可以是函数返回一个Promise对象
4215
- values: {
4216
- // 设置枚举数据的显示值属性字段, 默认'label'
4217
- label: string
4218
- // 设置枚举数据的实际值属性字段, 默认'value'
4219
- value: string
4220
- }[] | () => Promise
4221
- // 3.25.0新增,设置过滤面板根节点属性
4222
- attrs: { [props: string]: string }
4210
+ enumable?: boolean
4211
+ // 设置在过滤面板中显示空/非空筛选条件
4212
+ defaultFilter?: boolean
4213
+ // 设置在过滤面板中显示输入筛选,true 使用默认 input,或传入 IInputFilterConfig 配置
4214
+ inputFilter?: boolean | IInputFilterConfig
4215
+ // 设置枚举选项的静态数据源,也可为函数 (params) => Promise<Array<{label,value,checked?}>>
4216
+ values?: Array<{ [key: string]: any }> | (params: { property: string; filter: IFilterConfig }) => Promise<Array<{ [key: string]: any }>>
4217
+ // 设置枚举数据的显示值属性字段,默认 'label'
4218
+ label?: string
4219
+ // 设置枚举数据的实际值属性字段,默认 'value'
4220
+ value?: string
4221
+ // 设置筛选项的显示顺序和组合,默认为 'input,enum,default,extends,base'
4222
+ // 可选项:input | enum | default | extends | base | simple(简化版与其它互斥)
4223
+ layout?: string
4224
+ // 初始筛选条件
4225
+ condition?: IFilterCondition
4226
+ // 扩展快捷筛选项,点击后直接应用对应 method 筛选
4227
+ extends?: IExtendsFilterItem[]
4228
+ // 自定义筛选方法,用于 filter 插槽或 extends 扩展项
4229
+ method?: (params: { row: IRow; column: IColumnConfig; property: string }) => boolean
4230
+ // 简化版筛选配置,layout 需包含 'simple'
4231
+ simpleFilter?: ISimpleFilterConfig
4232
+ // 3.25.0 新增,设置过滤面板根节点属性
4233
+ attrs?: Record<string, string>
4234
+ // 数据源配置,用于异步获取枚举选项
4235
+ dataset?: any
4236
+ }
4237
+
4238
+ // 输入筛选配置
4239
+ interface IInputFilterConfig {
4240
+ // 输入组件,默认 'input',可传入 TinyDatePicker、TinyNumeric 等
4241
+ component?: string | object
4242
+ // 传递给输入组件的属性
4243
+ attrs?: Record<string, any>
4244
+ // 筛选关系选项,内置:equals|unequal|greaterThan|lessThan|equalToGreaterThan|equalToLessThan|contains|startwith|endwith|exclude
4245
+ relations?: IRelationFilterItem[]
4246
+ // 默认选中的 relation 值
4247
+ relation?: string
4248
+ // 重置输入时的回调
4249
+ onResetInputFilter?: (ref: any) => void
4250
+ }
4251
+
4252
+ // 关系选项项
4253
+ interface IRelationFilterItem {
4254
+ label: string
4255
+ value: string
4256
+ // 自定义筛选方法,(params) => boolean,不传则使用内置 relation 逻辑
4257
+ method?: (params: { value: any; input: any; row?: IRow; column?: IColumnConfig }) => boolean
4258
+ }
4259
+
4260
+ // 扩展筛选项
4261
+ interface IExtendsFilterItem {
4262
+ label: string
4263
+ value?: string
4264
+ // 本地筛选时必填;服务端筛选可不填
4265
+ method?: (params: { value: any; row: IRow; column: IColumnConfig }) => boolean
4266
+ }
4267
+
4268
+ // 筛选条件
4269
+ interface IFilterCondition {
4270
+ input?: string | number
4271
+ relation?: string
4272
+ empty?: boolean | null
4273
+ type?: 'input' | 'enum' | 'empty' | 'extend' | 'date' | 'custom' | null
4274
+ value?: any[]
4275
+ dateList?: [string, string]
4276
+ }
4277
+
4278
+ // 简化版筛选配置
4279
+ interface ISimpleFilterConfig {
4280
+ // 是否为日期时间模式,true 时渲染日期范围选择器
4281
+ isDatetime?: boolean
4282
+ // 是否显示全选按钮,多选模式下有效;搜索模式下与 searchable 互斥显示
4283
+ selectAll?: boolean
4284
+ // 日期时间配置,isDatetime 为 true 时必填
4285
+ datetimeConfig?: IDatetimeFilterConfig
4286
+ // 搜索配置,isDatetime 为 false 时可配置,用于在枚举列表中增加搜索框
4287
+ searchConfig?: ISearchFilterConfig
4288
+ }
4289
+
4290
+ // 简化版-日期时间配置
4291
+ interface IDatetimeFilterConfig {
4292
+ component: object
4293
+ format?: string
4294
+ valueFormat?: string
4295
+ type?: 'date' | 'datetime' | 'daterange'
4296
+ min?: Date
4297
+ max?: Date
4298
+ startDate?: string
4299
+ endDate?: string
4300
+ }
4301
+
4302
+ // 简化版-搜索配置
4303
+ interface ISearchFilterConfig {
4304
+ component?: object
4305
+ searchValue?: string
4223
4306
  }
4224
4307
  `
4225
4308
  },
@@ -70,6 +70,17 @@ export default {
70
70
  },
71
71
  mode: ['pc'],
72
72
  pcDemo: 'basic-usage'
73
+ },
74
+ {
75
+ name: 'target',
76
+ type: "'_self' | '_blank' | '_parent' | '_top'",
77
+ defaultValue: '_self',
78
+ desc: {
79
+ 'zh-CN': '链接打开方式',
80
+ 'en-US': 'Link open mode'
81
+ },
82
+ mode: ['pc'],
83
+ pcDemo: 'target'
73
84
  }
74
85
  ],
75
86
  events: [
@@ -11,7 +11,8 @@ export default {
11
11
  defaultValue: '',
12
12
  desc: {
13
13
  'zh-CN': '可以配置一个拦截弹窗关闭的方法。如果方法返回 false 值,则拦截弹窗关闭;否则不拦截',
14
- 'en-US': ''
14
+ 'en-US':
15
+ 'Configure a method to intercept modal closing. If the method returns false, the modal closing is intercepted; otherwise it is not intercepted'
15
16
  },
16
17
  mode: ['mobile-first'],
17
18
  mfDemo: ''
@@ -72,7 +73,7 @@ export default {
72
73
  defaultValue: '',
73
74
  desc: {
74
75
  'zh-CN': '组件自定义 class 样式',
75
- 'en-US': ''
76
+ 'en-US': 'Custom class style for the component'
76
77
  },
77
78
  mode: ['mobile-first'],
78
79
  mfDemo: ''
@@ -83,7 +84,7 @@ export default {
83
84
  defaultValue: '',
84
85
  desc: {
85
86
  'zh-CN': '组件详情信息',
86
- 'en-US': ''
87
+ 'en-US': 'Component detail information'
87
88
  },
88
89
  mode: ['mobile-first'],
89
90
  mfDemo: ''
@@ -95,7 +96,7 @@ export default {
95
96
  desc: {
96
97
  'zh-CN': "自动关闭的延时,仅当 type 为 'message' 有效,如果设置为0则窗口不会自动关闭",
97
98
  'en-US':
98
- "Delay for automatic shutdown, only valid when type is 'message', If set to 0, the popup will not close automatically"
99
+ "Delay for automatic closing, only valid when type is 'message'. If set to 0, the modal will not close automatically"
99
100
  },
100
101
  mode: ['pc', 'mobile-first'],
101
102
  pcDemo: 'message-close',
@@ -107,7 +108,7 @@ export default {
107
108
  defaultValue: 'true',
108
109
  desc: {
109
110
  'zh-CN': '是否允许按 Esc 键关闭窗口',
110
- 'en-US': 'Whether to allow pressing the Esc key to close a window'
111
+ 'en-US': 'Whether to allow pressing the Esc key to close the modal'
111
112
  },
112
113
  mode: ['pc', 'mobile-first'],
113
114
  pcDemo: 'modal-other',
@@ -119,7 +120,7 @@ export default {
119
120
  defaultValue: 'false',
120
121
  desc: {
121
122
  'zh-CN': '控制底部可拖拽',
122
- 'en-US': 'Control bottom dragable'
123
+ 'en-US': 'Control draggable footer'
123
124
  },
124
125
  mode: ['pc'],
125
126
  pcDemo: 'modal-footer'
@@ -130,7 +131,7 @@ export default {
130
131
  defaultValue: 'true',
131
132
  desc: {
132
133
  'zh-CN': '控制标题可拖拽',
133
- 'en-US': 'Control header dragable'
134
+ 'en-US': 'Control draggable header'
134
135
  },
135
136
  mode: ['pc'],
136
137
  pcDemo: 'modal-header',
@@ -156,7 +157,7 @@ export default {
156
157
  defaultValue: '',
157
158
  desc: {
158
159
  'zh-CN': '窗口的高度',
159
- 'en-US': 'window height'
160
+ 'en-US': 'Height of the modal window'
160
161
  },
161
162
  mode: ['pc', 'mobile-first'],
162
163
  pcDemo: 'modal-size',
@@ -181,7 +182,7 @@ export default {
181
182
  defaultValue: 'true',
182
183
  desc: {
183
184
  'zh-CN': '关闭弹窗时,是否重置表单数据',
184
- 'en-US': 'Whether to reset the form data when closing the pop-up window'
185
+ 'en-US': 'Whether to reset the form data when closing the modal'
185
186
  },
186
187
  mode: ['pc', 'mobile-first'],
187
188
  pcDemo: 'modal-other',
@@ -193,7 +194,7 @@ export default {
193
194
  defaultValue: 'true',
194
195
  desc: {
195
196
  'zh-CN': '是否锁住滚动条,不允许页面滚动',
196
- 'en-US': 'Whether to lock the scroll bar and not allow the page to scroll'
197
+ 'en-US': 'Whether to lock the scrollbar and prevent page scrolling'
197
198
  },
198
199
  mode: ['pc', 'mobile-first'],
199
200
  pcDemo: 'modal-lock',
@@ -205,7 +206,7 @@ export default {
205
206
  defaultValue: 'true',
206
207
  desc: {
207
208
  'zh-CN': '是否锁住页面,不允许窗口之外的任何操作',
208
- 'en-US': 'Whether to lock the page and not allow any operations outside the window'
209
+ 'en-US': 'Whether to lock the page and prevent any operations outside the modal'
209
210
  },
210
211
  mode: ['pc', 'mobile-first'],
211
212
  pcDemo: 'modal-lock',
@@ -229,7 +230,7 @@ export default {
229
230
  defaultValue: '',
230
231
  desc: {
231
232
  'zh-CN': '是否允许点击遮罩层关闭窗口',
232
- 'en-US': 'Whether to allow clicking on the mask layer to close the window'
233
+ 'en-US': 'Whether to allow clicking on the mask layer to close the modal'
233
234
  },
234
235
  mode: ['pc', 'mobile-first'],
235
236
  pcDemo: 'modal-mask',
@@ -241,7 +242,7 @@ export default {
241
242
  defaultValue: '',
242
243
  desc: {
243
244
  'zh-CN': '窗口的内容',
244
- 'en-US': 'Window contents'
245
+ 'en-US': 'Content of the modal window'
245
246
  },
246
247
  mode: ['pc', 'mobile-first'],
247
248
  pcDemo: 'basic-usage',
@@ -253,7 +254,7 @@ export default {
253
254
  defaultValue: 'false',
254
255
  desc: {
255
256
  'zh-CN': "'message' 类型弹窗是否显示关闭按钮",
256
- 'en-US': "Whether the 'message' type pop-up window displays a close button"
257
+ 'en-US': "Whether the 'message' type modal window displays a close button"
257
258
  },
258
259
  mode: ['pc'],
259
260
  pcDemo: 'message-close'
@@ -264,7 +265,7 @@ export default {
264
265
  defaultValue: '',
265
266
  desc: {
266
267
  'zh-CN': '窗口的最小高度',
267
- 'en-US': 'Minimum height of window'
268
+ 'en-US': 'Minimum height of the modal window'
268
269
  },
269
270
  mode: ['pc', 'mobile-first'],
270
271
  pcDemo: 'modal-resize',
@@ -276,7 +277,7 @@ export default {
276
277
  defaultValue: '',
277
278
  desc: {
278
279
  'zh-CN': '窗口的最小宽度',
279
- 'en-US': 'The minimum width of the window'
280
+ 'en-US': 'Minimum width of the modal window'
280
281
  },
281
282
  mode: ['pc', 'mobile-first'],
282
283
  pcDemo: 'modal-resize',
@@ -299,7 +300,7 @@ export default {
299
300
  defaultValue: '',
300
301
  desc: {
301
302
  'zh-CN': "多选选项,格式为 [{ value: 'value1', name: '选项1' }, ...]",
302
- 'en-US': ''
303
+ 'en-US': 'Multi-select options, format: [{ value: "value1", name: "Option 1" }, ...]'
303
304
  },
304
305
  mode: ['mobile-first'],
305
306
  mfDemo: ''
@@ -310,7 +311,8 @@ export default {
310
311
  defaultValue: '',
311
312
  desc: {
312
313
  'zh-CN': "弹出框位置,默认居中显示,设置值为 'bottom-right' 时弹出框显示在右下角",
313
- 'en-US': ''
314
+ 'en-US':
315
+ "Position of the modal, centered by default. When set to 'bottom-right', the modal is displayed in the bottom right corner"
314
316
  },
315
317
  mode: ['mobile-first'],
316
318
  mfDemo: ''
@@ -321,7 +323,7 @@ export default {
321
323
  defaultValue: 'false',
322
324
  desc: {
323
325
  'zh-CN': '是否允许拖动调整窗口大小',
324
- 'en-US': 'Whether to allow dragging to resize the window'
326
+ 'en-US': 'Whether to allow dragging to resize the modal'
325
327
  },
326
328
  mode: ['pc', 'mobile-first'],
327
329
  pcDemo: 'modal-resize',
@@ -333,7 +335,7 @@ export default {
333
335
  defaultValue: 'true',
334
336
  desc: {
335
337
  'zh-CN': '是否显示关闭按钮,默认值为 true',
336
- 'en-US': ''
338
+ 'en-US': 'Whether to display the close button, default value is true'
337
339
  },
338
340
  meta: {
339
341
  stable: '3.22.0'
@@ -348,7 +350,7 @@ export default {
348
350
  defaultValue: 'false',
349
351
  desc: {
350
352
  'zh-CN': '是否显示底部',
351
- 'en-US': 'Display bottom'
353
+ 'en-US': 'Whether to display the footer'
352
354
  },
353
355
  mode: ['pc', 'mobile-first'],
354
356
  pcDemo: 'modal-footer',
@@ -360,7 +362,7 @@ export default {
360
362
  defaultValue: 'true',
361
363
  desc: {
362
364
  'zh-CN': '是否显示头部',
363
- 'en-US': 'Display Header'
365
+ 'en-US': 'Whether to display the header'
364
366
  },
365
367
  mode: ['pc', 'mobile-first'],
366
368
  pcDemo: 'modal-header',
@@ -385,7 +387,7 @@ export default {
385
387
  defaultValue: '',
386
388
  desc: {
387
389
  'zh-CN': '窗口的标题',
388
- 'en-US': 'Window title'
390
+ 'en-US': 'Title of the modal window'
389
391
  },
390
392
  mode: ['pc', 'mobile-first'],
391
393
  pcDemo: 'modal-header',
@@ -409,7 +411,7 @@ export default {
409
411
  defaultValue: "'alert'",
410
412
  desc: {
411
413
  'zh-CN': '窗口类型',
412
- 'en-US': 'Window type'
414
+ 'en-US': 'Type of the modal window'
413
415
  },
414
416
  mode: ['pc', 'mobile-first'],
415
417
  pcDemo: 'basic-usage',
@@ -421,7 +423,7 @@ export default {
421
423
  defaultValue: '',
422
424
  desc: {
423
425
  'zh-CN': '绑定值',
424
- 'en-US': ''
426
+ 'en-US': 'Bound value'
425
427
  },
426
428
  mode: ['mobile-first'],
427
429
  mfDemo: ''
@@ -433,7 +435,7 @@ export default {
433
435
  desc: {
434
436
  'zh-CN': '窗口的宽度(设置宽度像素或者百分比,浏览器窗口大小改变可居中显示)',
435
437
  'en-US':
436
- 'The width of the window(Set the width in pixels or percentages, and the browser window size can be changed to display in the center)'
438
+ 'Width of the modal window (set width in pixels or percentages, browser window size changes will center the display)'
437
439
  },
438
440
  mode: ['pc', 'mobile-first'],
439
441
  pcDemo: 'modal-size',
@@ -499,7 +501,7 @@ export default {
499
501
  defaultValue: '',
500
502
  desc: {
501
503
  'zh-CN': '在窗口关闭时会触发该事件',
502
- 'en-US': 'This event is triggered when the window is closed'
504
+ 'en-US': 'This event is triggered when the modal is closed'
503
505
  },
504
506
  mode: ['pc', 'mobile-first'],
505
507
  pcDemo: 'modal-event',
@@ -512,7 +514,7 @@ export default {
512
514
  defaultValue: '',
513
515
  desc: {
514
516
  'zh-CN': '在窗口显示时会触发该事件',
515
- 'en-US': 'This event is triggered when the window is displayed'
517
+ 'en-US': 'This event is triggered when the modal is displayed'
516
518
  },
517
519
  mode: ['pc', 'mobile-first'],
518
520
  pcDemo: 'modal-event',
@@ -525,7 +527,7 @@ export default {
525
527
  defaultValue: '',
526
528
  desc: {
527
529
  'zh-CN': '窗口缩放时会触发该事件',
528
- 'en-US': 'This event is triggered when a window is zoomed in or out'
530
+ 'en-US': 'This event is triggered when the modal is zoomed in or out'
529
531
  },
530
532
  mode: ['pc', 'mobile-first'],
531
533
  pcDemo: 'modal-event',
@@ -552,7 +554,7 @@ export default {
552
554
  defaultValue: '',
553
555
  desc: {
554
556
  'zh-CN': '窗口底部的模板',
555
- 'en-US': 'Template at the bottom of the window'
557
+ 'en-US': 'Template at the bottom of the modal'
556
558
  },
557
559
  mode: ['pc', 'mobile-first'],
558
560
  pcDemo: 'modal-fn-slots',
@@ -11,7 +11,7 @@ export default {
11
11
  defaultValue: 'IconClose',
12
12
  desc: {
13
13
  'zh-CN': '关闭图标组件对象',
14
- 'en-US': 'Close icon component object'
14
+ 'en-US': 'Custom close icon component'
15
15
  },
16
16
  mode: ['pc'],
17
17
  pcDemo: 'closeIcon'
@@ -22,7 +22,7 @@ export default {
22
22
  defaultValue: '',
23
23
  desc: {
24
24
  'zh-CN': '自定义样式类',
25
- 'en-US': 'Custom style class'
25
+ 'en-US': 'Custom CSS class name'
26
26
  },
27
27
  mode: ['pc'],
28
28
  pcDemo: 'basic-usage'
@@ -33,7 +33,7 @@ export default {
33
33
  defaultValue: '0',
34
34
  desc: {
35
35
  'zh-CN': '启用防抖',
36
- 'en-US': 'Enable image stabilization'
36
+ 'en-US': 'Enable debounce delay'
37
37
  },
38
38
  mode: ['pc'],
39
39
  pcDemo: 'debounceDelay'
@@ -46,7 +46,7 @@ export default {
46
46
  'zh-CN':
47
47
  '通知自动关闭时间,单位毫秒数。 默认情况, <code>success info </code> 延时5秒 <code> warning error </code> 延时10秒自动关闭 ',
48
48
  'en-US':
49
- 'Automatic notification shutdown time, in milliseconds. By default, <code>success info </code> Delay is 5 seconds. <code> warning error </code> Delay is 10 seconds'
49
+ 'Auto close delay in milliseconds. By default, <code>success info</code> closes after 5 seconds, <code>warning error</code> closes after 10 seconds'
50
50
  },
51
51
  mode: ['pc'],
52
52
  pcDemo: 'duration'
@@ -58,7 +58,7 @@ export default {
58
58
  defaultValue: '',
59
59
  desc: {
60
60
  'zh-CN': '通知消息文本,可用 jsx 定制',
61
- 'en-US': 'Notification message text, which can be customized using JSX.'
61
+ 'en-US': 'Notification message content. Supports JSX customization'
62
62
  },
63
63
  mode: ['pc'],
64
64
  pcDemo: 'basic-usage'
@@ -69,7 +69,7 @@ export default {
69
69
  defaultValue: "'bottom-right'",
70
70
  desc: {
71
71
  'zh-CN': '通知显示位置',
72
- 'en-US': 'Notification display position.'
72
+ 'en-US': 'Position where notification appears'
73
73
  },
74
74
  mode: ['pc'],
75
75
  pcDemo: 'position'
@@ -80,7 +80,7 @@ export default {
80
80
  defaultValue: 'true',
81
81
  desc: {
82
82
  'zh-CN': '是否显示关闭按钮',
83
- 'en-US': 'Whether to display the close button'
83
+ 'en-US': 'Whether to show close button'
84
84
  },
85
85
  mode: ['pc'],
86
86
  pcDemo: 'showClose'
@@ -91,7 +91,7 @@ export default {
91
91
  defaultValue: 'true',
92
92
  desc: {
93
93
  'zh-CN': '是否显示类型图标',
94
- 'en-US': 'Display Type Icon'
94
+ 'en-US': 'Whether to show type icon'
95
95
  },
96
96
  mode: ['pc'],
97
97
  pcDemo: 'showIcon'
@@ -102,7 +102,7 @@ export default {
102
102
  defaultValue: 'IconInfoSolid',
103
103
  desc: {
104
104
  'zh-CN': '类型图标组件对象',
105
- 'en-US': 'Type icon component object'
105
+ 'en-US': 'Custom status icon component'
106
106
  },
107
107
  mode: ['pc'],
108
108
  pcDemo: 'statusIcon'
@@ -114,7 +114,7 @@ export default {
114
114
  defaultValue: '',
115
115
  desc: {
116
116
  'zh-CN': '通知消息标题,可用 jsx 定制',
117
- 'en-US': 'Notification message title, which can be customized by JSX.'
117
+ 'en-US': 'Notification title Supports JSX customization'
118
118
  },
119
119
  mode: ['pc'],
120
120
  pcDemo: 'basic-usage'
@@ -125,7 +125,7 @@ export default {
125
125
  defaultValue: "'info'",
126
126
  desc: {
127
127
  'zh-CN': '通知消息类型',
128
- 'en-US': 'Notification message type'
128
+ 'en-US': 'Type of notification message'
129
129
  },
130
130
  mode: ['pc'],
131
131
  pcDemo: 'type'
@@ -149,7 +149,7 @@ export default {
149
149
  defaultValue: '',
150
150
  desc: {
151
151
  'zh-CN': '关闭前回调方法,返回 false 可阻止关闭',
152
- 'en-US': 'Callback method before closing. If false is returned, closing is prevented.'
152
+ 'en-US': 'Before close callback Returning false prevents closing'
153
153
  },
154
154
  mode: ['pc'],
155
155
  pcDemo: 'notify-events'
@@ -160,7 +160,7 @@ export default {
160
160
  defaultValue: '',
161
161
  desc: {
162
162
  'zh-CN': '关闭 notify 时触发的事件',
163
- 'en-US': 'Event triggered when the notify function is disabled'
163
+ 'en-US': 'Triggered when notification is closed'
164
164
  },
165
165
  mode: ['pc'],
166
166
  pcDemo: 'notify-events'