@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.
- package/demos/apis/action-menu.js +22 -0
- package/demos/apis/alert.js +19 -22
- package/demos/apis/button-group.js +15 -0
- 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 +100 -17
- 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/button-group/display-mode.vue +31 -0
- package/demos/mobile-first/app/button-group/webdoc/button-group.js +13 -0
- package/demos/mobile-first/app/calendar-view/webdoc/calendar-view.js +5 -4
- package/demos/pc/app/base-select/copy-multi.spec.ts +1 -1
- package/demos/pc/app/button-group/display-mode-composition-api.vue +23 -0
- package/demos/pc/app/button-group/display-mode.spec.ts +0 -0
- package/demos/pc/app/button-group/display-mode.vue +31 -0
- 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/button-group/webdoc/button-group.js +14 -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/flowchart/basic-usage-composition-api.vue +10 -260
- package/demos/pc/app/flowchart/basic-usage.spec.ts +2 -1
- package/demos/pc/app/flowchart/basic-usage.vue +4 -249
- package/demos/pc/app/flowchart/slots-composition-api.vue +182 -0
- package/demos/pc/app/flowchart/slots.spec.ts +24 -0
- package/demos/pc/app/flowchart/slots.vue +193 -0
- package/demos/pc/app/flowchart/webdoc/flowchart.js +14 -2
- 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/input/resize.spec.ts +2 -2
- 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/nav-menu/overflow.spec.ts +1 -1
- package/demos/pc/app/select/copy-multi.spec.ts +1 -1
- 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/app/tag/basic-usage.spec.ts +1 -1
- package/demos/pc/app/tag/color-border.spec.ts +2 -2
- package/demos/pc/app/tag/max-width.spec.ts +1 -1
- package/demos/pc/app/tag/size.spec.ts +3 -3
- package/demos/pc/app/tag/slot-default.spec.ts +3 -3
- package/demos/pc/app/tag-group/basic-usage.spec.js +5 -5
- package/demos/pc/app/tag-group/tag-group-effect.spec.js +10 -10
- package/demos/pc/app/tag-group/tag-group-event.spec.js +1 -1
- 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/introduce.md +2 -0
- 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
|
@@ -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',
|
package/demos/apis/fullscreen.js
CHANGED
|
@@ -12,7 +12,7 @@ export default {
|
|
|
12
12
|
desc: {
|
|
13
13
|
'zh-CN': '组件式使用时,点击组件 wrapper 是否关闭全屏显示。默认为 true',
|
|
14
14
|
'en-US':
|
|
15
|
-
'
|
|
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': '
|
|
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': '
|
|
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
|
-
'
|
|
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': '
|
|
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
|
|
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': '
|
|
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': '
|
|
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': '
|
|
118
|
+
'en-US': 'Custom content slot. Must be declared in the layout.'
|
|
120
119
|
},
|
|
121
120
|
mode: ['pc'],
|
|
122
121
|
pcDemo: 'example-component'
|
package/demos/apis/grid.js
CHANGED
|
@@ -3239,7 +3239,7 @@ export default {
|
|
|
3239
3239
|
type: 'interface',
|
|
3240
3240
|
code: `
|
|
3241
3241
|
interface IPopperOption {
|
|
3242
|
-
bubbling: boolean // 是否监听元素所有上级有滚动元素的scroll事件,监听到则更新popper的位置。用于解决某些弹出层位置在页面滚动时,位置不正确的场景,默认
|
|
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
|
-
//
|
|
4207
|
-
multi
|
|
4207
|
+
// 设置在显示枚举选项功能是否为多选,仅在 enumable:true 下有效,默认 true
|
|
4208
|
+
multi?: boolean
|
|
4208
4209
|
// 设置在过滤面板中显示枚举选项
|
|
4209
|
-
enumable
|
|
4210
|
-
//
|
|
4211
|
-
defaultFilter
|
|
4212
|
-
//
|
|
4213
|
-
inputFilter
|
|
4214
|
-
//
|
|
4215
|
-
values: {
|
|
4216
|
-
|
|
4217
|
-
|
|
4218
|
-
|
|
4219
|
-
|
|
4220
|
-
|
|
4221
|
-
//
|
|
4222
|
-
|
|
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
|
},
|
package/demos/apis/link.js
CHANGED
|
@@ -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: [
|
package/demos/apis/modal.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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': '
|
|
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
|
|
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': '
|
|
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
|
|
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': '
|
|
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': '
|
|
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': '
|
|
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': '
|
|
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
|
-
'
|
|
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
|
|
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
|
|
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
|
|
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
|
|
557
|
+
'en-US': 'Template at the bottom of the modal'
|
|
556
558
|
},
|
|
557
559
|
mode: ['pc', 'mobile-first'],
|
|
558
560
|
pcDemo: 'modal-fn-slots',
|
package/demos/apis/notify.js
CHANGED
|
@@ -11,7 +11,7 @@ export default {
|
|
|
11
11
|
defaultValue: 'IconClose',
|
|
12
12
|
desc: {
|
|
13
13
|
'zh-CN': '关闭图标组件对象',
|
|
14
|
-
'en-US': '
|
|
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
|
|
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
|
|
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
|
-
'
|
|
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
|
|
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': '
|
|
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
|
|
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': '
|
|
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': '
|
|
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
|
|
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': '
|
|
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': '
|
|
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': '
|
|
163
|
+
'en-US': 'Triggered when notification is closed'
|
|
164
164
|
},
|
|
165
165
|
mode: ['pc'],
|
|
166
166
|
pcDemo: 'notify-events'
|