br-dionysus 1.8.2 → 1.8.3
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/README.md +301 -0
- package/attributes.json +1 -1
- package/dist/br-dionysus.es.js +3144 -3009
- package/dist/br-dionysus.umd.js +8 -8
- package/dist/index.css +1 -1
- package/dist/packages/Hook/useTableConfig/useTableConfig.d.ts +1 -2
- package/dist/packages/Hook/useTableV2Config/useTableV2Config.d.ts +22 -0
- package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts +1 -1
- package/dist/packages/MTable/src/MTable.vue.d.ts +1 -1
- package/dist/packages/MTableColumnSet/src/MTableColumnSet.vue.d.ts +3 -3
- package/dist/packages/MTableV2/index.d.ts +4 -0
- package/dist/packages/MTableV2/src/MTableV2.vue.d.ts +147 -0
- package/dist/packages/index.d.ts +4 -1
- package/package.json +1 -1
- package/packages/Hook/useTableConfig/README.md +1 -1
- package/packages/Hook/useTableConfig/useTableConfig.ts +1 -2
- package/packages/Hook/useTableV2Config/README.md +61 -0
- package/packages/Hook/useTableV2Config/demo.vue +59 -0
- package/packages/Hook/useTableV2Config/useTableV2Config.ts +74 -0
- package/packages/MTableColumnSet/src/MTableColumnSet.vue +1 -2
- package/packages/MTableV2/docs/README.md +54 -0
- package/packages/MTableV2/docs/demo.vue +59 -0
- package/packages/MTableV2/index.ts +10 -0
- package/packages/MTableV2/src/MTableV2.vue +196 -0
- package/packages/index.ts +7 -2
- package/packages/list.json +12 -0
- package/packages/typings/global.d.ts +40 -1
- package/src/router.ts +11 -1
- package/tags.json +1 -1
- package/web-types.json +1 -1
package/README.md
CHANGED
|
@@ -22,6 +22,8 @@
|
|
|
22
22
|
|
|
23
23
|
+ MTableColumnSet([表格头设置组件](#表格头设置组件))
|
|
24
24
|
|
|
25
|
+
+ MTableV2([虚拟化表格](#虚拟化表格))
|
|
26
|
+
|
|
25
27
|
+ SkinConfig([皮肤设置](#皮肤设置))
|
|
26
28
|
|
|
27
29
|
+ TabPage([标签页组件](#标签页组件))
|
|
@@ -32,6 +34,8 @@
|
|
|
32
34
|
|
|
33
35
|
+ useTableConfig([表格组合-hook](#表格组合-hook))
|
|
34
36
|
|
|
37
|
+
+ useTableV2Config([表格V2组合-hook](#表格V2组合-hook))
|
|
38
|
+
|
|
35
39
|
+ useZIndex([全局层级-hook](#全局层级-hook))
|
|
36
40
|
|
|
37
41
|
|
|
@@ -1486,6 +1490,123 @@ const tableConfig = ref({
|
|
|
1486
1490
|
|
|
1487
1491
|
|
|
1488
1492
|
|
|
1493
|
+
虚拟化表格
|
|
1494
|
+
=================
|
|
1495
|
+
|
|
1496
|
+
### 1) 基础用法
|
|
1497
|
+
|
|
1498
|
+
|
|
1499
|
+
|
|
1500
|
+
```html
|
|
1501
|
+
|
|
1502
|
+
<template>
|
|
1503
|
+
<div class="g-box">
|
|
1504
|
+
<p @click="test">{{ tableConfig }}</p>
|
|
1505
|
+
<MTableV2
|
|
1506
|
+
:data="tableData"
|
|
1507
|
+
:columns="tableTitle"
|
|
1508
|
+
:height="500"
|
|
1509
|
+
border
|
|
1510
|
+
fixed
|
|
1511
|
+
v-model:tableConfig="tableConfig"
|
|
1512
|
+
tableConfigKey="MTableV2Demo"
|
|
1513
|
+
></MTableV2>
|
|
1514
|
+
</div>
|
|
1515
|
+
</template>
|
|
1516
|
+
|
|
1517
|
+
<script setup lang="ts">
|
|
1518
|
+
import { ref } from 'vue'
|
|
1519
|
+
import useTableV2Config from 'packages/Hook/useTableV2Config/useTableV2Config'
|
|
1520
|
+
|
|
1521
|
+
const tableData = ref<any[]>([])
|
|
1522
|
+
const { tableTitle, tableConfig, filtersValue } = useTableV2Config('MTableV2Demo', [{
|
|
1523
|
+
title: '序号',
|
|
1524
|
+
key: 'sn',
|
|
1525
|
+
dataKey: 'sn',
|
|
1526
|
+
width: 300
|
|
1527
|
+
}, {
|
|
1528
|
+
title: '时间',
|
|
1529
|
+
key: 'date',
|
|
1530
|
+
dataKey: 'date',
|
|
1531
|
+
width: 300
|
|
1532
|
+
}, {
|
|
1533
|
+
title: '地址',
|
|
1534
|
+
key: 'address',
|
|
1535
|
+
dataKey: 'address',
|
|
1536
|
+
width: 300
|
|
1537
|
+
}, {
|
|
1538
|
+
title: '名称',
|
|
1539
|
+
key: 'name',
|
|
1540
|
+
dataKey: 'name',
|
|
1541
|
+
width: 300
|
|
1542
|
+
}], tableData)
|
|
1543
|
+
|
|
1544
|
+
const test = () => {
|
|
1545
|
+
filtersValue.value = {}
|
|
1546
|
+
}
|
|
1547
|
+
tableData.value = [{
|
|
1548
|
+
id: 1,
|
|
1549
|
+
sn: 'sn',
|
|
1550
|
+
date: 'date',
|
|
1551
|
+
address: 'address',
|
|
1552
|
+
name: 'name'
|
|
1553
|
+
}]
|
|
1554
|
+
</script>
|
|
1555
|
+
|
|
1556
|
+
<style lang="scss" scoped>
|
|
1557
|
+
.g-box {
|
|
1558
|
+
max-width: 1000px;
|
|
1559
|
+
}
|
|
1560
|
+
</style>
|
|
1561
|
+
|
|
1562
|
+
|
|
1563
|
+
```
|
|
1564
|
+
|
|
1565
|
+
### 2) Attributes
|
|
1566
|
+
|
|
1567
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
1568
|
+
|--------------------|---------------------------------------------------|----------------------------|---------------------------|-----------------------------------------------------------------------------------|
|
|
1569
|
+
| size | 尺寸 | string | small \| large \| default | default |
|
|
1570
|
+
| data | 要在表中渲染的数据数组 | any[] | - | [] |
|
|
1571
|
+
| columns | 表格列配置 | TableV2Title[] | - | [] |
|
|
1572
|
+
| filtersValue | 表格内容筛选(当为null时,不显示筛选图标) | FilterValue \| null | - | null |
|
|
1573
|
+
| tableConfig | 表格配置 | TableConfig \| null | - | null |
|
|
1574
|
+
| tableConfigKey | 表格配置key | string | - | '' |
|
|
1575
|
+
| fixed | 单元格宽度是自适应还是固定 | boolean | - | false |
|
|
1576
|
+
| estimatedRowHeight | 渲染动态的单元格的预估高度 | number \| null | - | null |
|
|
1577
|
+
| headerHeight | Header 的高度由height设置。 如果传入数组,它会使 header row 等于数组长度 | number \| number[] \| null | - | null |
|
|
1578
|
+
| 其余参数 | 参考el官网的table | any | - | https://element-plus.org/zh-CN/component/table-v2.html#tablev2-%E5%B1%9E%E6%80%A7 |
|
|
1579
|
+
|
|
1580
|
+
### 3) Events
|
|
1581
|
+
|
|
1582
|
+
| 方法名 | 说明 | 回调参数 |
|
|
1583
|
+
|--------------------|--------------|-----------------------------------------------------------------------------------|
|
|
1584
|
+
| update:tableConfig | 表格配置更新 | \[tableConfig: TableConfig] |
|
|
1585
|
+
| 其余方法 | 参考el官网的table | https://element-plus.org/zh-CN/component/table-v2.html#tablev2-%E4%BA%8B%E4%BB%B6 |
|
|
1586
|
+
|
|
1587
|
+
### 4) TableV2Title
|
|
1588
|
+
|
|
1589
|
+
| 参数 | 说明 | 类型 |
|
|
1590
|
+
|--------------------|------------------------------------------------------------------------------------|-------------------------------|
|
|
1591
|
+
| title | 显示的标题 | string |
|
|
1592
|
+
| key | 唯一标志 | string |
|
|
1593
|
+
| dataKey | data 的唯一标志符 | string |
|
|
1594
|
+
| align | 表格单元格内容对齐方式 | 'right' \| 'left' \| 'center' |
|
|
1595
|
+
| class | 列的类名 | string |
|
|
1596
|
+
| fixed | 列是否固定在左侧或者右侧。 true 表示固定在左侧 | true \| 'left' \| 'right' |
|
|
1597
|
+
| headerClass | 自定义 header 头部类名 | string |
|
|
1598
|
+
| hidden | 此列是否不可见 | boolean |
|
|
1599
|
+
| style | 自定义列单元格的类名,将会与 gird 单元格合并 | object |
|
|
1600
|
+
| minWidth | 对应列的最小宽度, 对应列的最小宽度, 与 width 的区别是 width 是固定的,min-width 会把剩余宽度按比例分配给设置了 min-width 的列 | number \| string |
|
|
1601
|
+
| maxWidth | 对应列的列的最大宽度 | number \| string |
|
|
1602
|
+
| width | 对应列的宽度 | number \| string |
|
|
1603
|
+
| cellRenderer | 自定义单元格渲染器 | any |
|
|
1604
|
+
| headerCellRenderer | 自定义头部渲染器 | any |
|
|
1605
|
+
|
|
1606
|
+
|
|
1607
|
+
|
|
1608
|
+
|
|
1609
|
+
|
|
1489
1610
|
皮肤设置
|
|
1490
1611
|
=================
|
|
1491
1612
|
|
|
@@ -2228,6 +2349,8 @@ const list = ref<{ name: string, className: string }[]>([
|
|
|
2228
2349
|
|
|
2229
2350
|
+ useTableConfig([表格组合-hook](#表格组合-hook))
|
|
2230
2351
|
|
|
2352
|
+
+ useTableV2Config([表格V2组合-hook](#表格V2组合-hook))
|
|
2353
|
+
|
|
2231
2354
|
+ useZIndex([全局层级-hook](#全局层级-hook))
|
|
2232
2355
|
|
|
2233
2356
|
|
|
@@ -2352,6 +2475,67 @@ const list = ref<{ name: string, className: string }[]>([
|
|
|
2352
2475
|
|
|
2353
2476
|
|
|
2354
2477
|
|
|
2478
|
+
|
|
2479
|
+
|
|
2480
|
+
表格V2组合 hook
|
|
2481
|
+
=================
|
|
2482
|
+
|
|
2483
|
+
### 1) 基础用法
|
|
2484
|
+
|
|
2485
|
+
|
|
2486
|
+
|
|
2487
|
+
### 2) 所需参数
|
|
2488
|
+
|
|
2489
|
+
| 名称 | 描述 | 类型 | 可选值 | 默认值 |
|
|
2490
|
+
|------------|--------|--------------------|:---:|:----:|
|
|
2491
|
+
| name | 表格唯一标识 | string | - | - |
|
|
2492
|
+
| tableTitle | 列配置 | TableV2Title[] | - | - |
|
|
2493
|
+
| tableData | 表格数据 | ref<any[]> \| null | - | null |
|
|
2494
|
+
|
|
2495
|
+
### 3) 返回值
|
|
2496
|
+
|
|
2497
|
+
| 名称 | 描述 | 类型 |
|
|
2498
|
+
|------------------|---------|-----------------------------------------------------------|
|
|
2499
|
+
| tableTitle | 处理之后的表头 | TableV2Title[] |
|
|
2500
|
+
| tableConfig | 表头的配置项 | TableConfig |
|
|
2501
|
+
| headerDragend | 表格拖拽事件 | (newWidth: number, oldWidth: number, column: any) => void |
|
|
2502
|
+
| initColumnFilter | 列的筛选 | (tableData: any[]) => void |
|
|
2503
|
+
| filtersValue | 过滤条件 | FilterValue |
|
|
2504
|
+
| page | 分页 | Page |
|
|
2505
|
+
|
|
2506
|
+
### 4) TableV2Title
|
|
2507
|
+
|
|
2508
|
+
| 参数 | 说明 | 类型 |
|
|
2509
|
+
|--------------------|------------------------------------------------------------------------------------|-------------------------------|
|
|
2510
|
+
| title | 显示的标题 | string |
|
|
2511
|
+
| key | 唯一标志 | string |
|
|
2512
|
+
| dataKey | data 的唯一标志符 | string |
|
|
2513
|
+
| align | 表格单元格内容对齐方式 | 'right' \| 'left' \| 'center' |
|
|
2514
|
+
| class | 列的类名 | string |
|
|
2515
|
+
| fixed | 列是否固定在左侧或者右侧。 true 表示固定在左侧 | true \| 'left' \| 'right' |
|
|
2516
|
+
| headerClass | 自定义 header 头部类名 | string |
|
|
2517
|
+
| hidden | 此列是否不可见 | boolean |
|
|
2518
|
+
| style | 自定义列单元格的类名,将会与 gird 单元格合并 | object |
|
|
2519
|
+
| minWidth | 对应列的最小宽度, 对应列的最小宽度, 与 width 的区别是 width 是固定的,min-width 会把剩余宽度按比例分配给设置了 min-width 的列 | number \| string |
|
|
2520
|
+
| maxWidth | 对应列的列的最大宽度 | number \| string |
|
|
2521
|
+
| width | 对应列的宽度 | number \| string |
|
|
2522
|
+
| cellRenderer | 自定义单元格渲染器 | any |
|
|
2523
|
+
| headerCellRenderer | 自定义头部渲染器 | any |
|
|
2524
|
+
|
|
2525
|
+
### 5) Page (分页对象)
|
|
2526
|
+
|
|
2527
|
+
| 参数 | 说明 | 类型 |
|
|
2528
|
+
|------------------|---------|----------|
|
|
2529
|
+
| total | 总数 | number |
|
|
2530
|
+
| pageSize | 分页大小 | number |
|
|
2531
|
+
| currentPage | 页码 | number |
|
|
2532
|
+
| pageSizesOptions | 分页大小可选项 | number[] |
|
|
2533
|
+
|
|
2534
|
+
|
|
2535
|
+
|
|
2536
|
+
|
|
2537
|
+
|
|
2538
|
+
|
|
2355
2539
|
全局层级 hook
|
|
2356
2540
|
=================
|
|
2357
2541
|
|
|
@@ -3821,6 +4005,123 @@ const tableConfig = ref({
|
|
|
3821
4005
|
|
|
3822
4006
|
|
|
3823
4007
|
|
|
4008
|
+
虚拟化表格
|
|
4009
|
+
=================
|
|
4010
|
+
|
|
4011
|
+
### 1) 基础用法
|
|
4012
|
+
|
|
4013
|
+
|
|
4014
|
+
|
|
4015
|
+
```html
|
|
4016
|
+
|
|
4017
|
+
<template>
|
|
4018
|
+
<div class="g-box">
|
|
4019
|
+
<p @click="test">{{ tableConfig }}</p>
|
|
4020
|
+
<MTableV2
|
|
4021
|
+
:data="tableData"
|
|
4022
|
+
:columns="tableTitle"
|
|
4023
|
+
:height="500"
|
|
4024
|
+
border
|
|
4025
|
+
fixed
|
|
4026
|
+
v-model:tableConfig="tableConfig"
|
|
4027
|
+
tableConfigKey="MTableV2Demo"
|
|
4028
|
+
></MTableV2>
|
|
4029
|
+
</div>
|
|
4030
|
+
</template>
|
|
4031
|
+
|
|
4032
|
+
<script setup lang="ts">
|
|
4033
|
+
import { ref } from 'vue'
|
|
4034
|
+
import useTableV2Config from 'packages/Hook/useTableV2Config/useTableV2Config'
|
|
4035
|
+
|
|
4036
|
+
const tableData = ref<any[]>([])
|
|
4037
|
+
const { tableTitle, tableConfig, filtersValue } = useTableV2Config('MTableV2Demo', [{
|
|
4038
|
+
title: '序号',
|
|
4039
|
+
key: 'sn',
|
|
4040
|
+
dataKey: 'sn',
|
|
4041
|
+
width: 300
|
|
4042
|
+
}, {
|
|
4043
|
+
title: '时间',
|
|
4044
|
+
key: 'date',
|
|
4045
|
+
dataKey: 'date',
|
|
4046
|
+
width: 300
|
|
4047
|
+
}, {
|
|
4048
|
+
title: '地址',
|
|
4049
|
+
key: 'address',
|
|
4050
|
+
dataKey: 'address',
|
|
4051
|
+
width: 300
|
|
4052
|
+
}, {
|
|
4053
|
+
title: '名称',
|
|
4054
|
+
key: 'name',
|
|
4055
|
+
dataKey: 'name',
|
|
4056
|
+
width: 300
|
|
4057
|
+
}], tableData)
|
|
4058
|
+
|
|
4059
|
+
const test = () => {
|
|
4060
|
+
filtersValue.value = {}
|
|
4061
|
+
}
|
|
4062
|
+
tableData.value = [{
|
|
4063
|
+
id: 1,
|
|
4064
|
+
sn: 'sn',
|
|
4065
|
+
date: 'date',
|
|
4066
|
+
address: 'address',
|
|
4067
|
+
name: 'name'
|
|
4068
|
+
}]
|
|
4069
|
+
</script>
|
|
4070
|
+
|
|
4071
|
+
<style lang="scss" scoped>
|
|
4072
|
+
.g-box {
|
|
4073
|
+
max-width: 1000px;
|
|
4074
|
+
}
|
|
4075
|
+
</style>
|
|
4076
|
+
|
|
4077
|
+
|
|
4078
|
+
```
|
|
4079
|
+
|
|
4080
|
+
### 2) Attributes
|
|
4081
|
+
|
|
4082
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
4083
|
+
|--------------------|---------------------------------------------------|----------------------------|---------------------------|-----------------------------------------------------------------------------------|
|
|
4084
|
+
| size | 尺寸 | string | small \| large \| default | default |
|
|
4085
|
+
| data | 要在表中渲染的数据数组 | any[] | - | [] |
|
|
4086
|
+
| columns | 表格列配置 | TableV2Title[] | - | [] |
|
|
4087
|
+
| filtersValue | 表格内容筛选(当为null时,不显示筛选图标) | FilterValue \| null | - | null |
|
|
4088
|
+
| tableConfig | 表格配置 | TableConfig \| null | - | null |
|
|
4089
|
+
| tableConfigKey | 表格配置key | string | - | '' |
|
|
4090
|
+
| fixed | 单元格宽度是自适应还是固定 | boolean | - | false |
|
|
4091
|
+
| estimatedRowHeight | 渲染动态的单元格的预估高度 | number \| null | - | null |
|
|
4092
|
+
| headerHeight | Header 的高度由height设置。 如果传入数组,它会使 header row 等于数组长度 | number \| number[] \| null | - | null |
|
|
4093
|
+
| 其余参数 | 参考el官网的table | any | - | https://element-plus.org/zh-CN/component/table-v2.html#tablev2-%E5%B1%9E%E6%80%A7 |
|
|
4094
|
+
|
|
4095
|
+
### 3) Events
|
|
4096
|
+
|
|
4097
|
+
| 方法名 | 说明 | 回调参数 |
|
|
4098
|
+
|--------------------|--------------|-----------------------------------------------------------------------------------|
|
|
4099
|
+
| update:tableConfig | 表格配置更新 | \[tableConfig: TableConfig] |
|
|
4100
|
+
| 其余方法 | 参考el官网的table | https://element-plus.org/zh-CN/component/table-v2.html#tablev2-%E4%BA%8B%E4%BB%B6 |
|
|
4101
|
+
|
|
4102
|
+
### 4) TableV2Title
|
|
4103
|
+
|
|
4104
|
+
| 参数 | 说明 | 类型 |
|
|
4105
|
+
|--------------------|------------------------------------------------------------------------------------|-------------------------------|
|
|
4106
|
+
| title | 显示的标题 | string |
|
|
4107
|
+
| key | 唯一标志 | string |
|
|
4108
|
+
| dataKey | data 的唯一标志符 | string |
|
|
4109
|
+
| align | 表格单元格内容对齐方式 | 'right' \| 'left' \| 'center' |
|
|
4110
|
+
| class | 列的类名 | string |
|
|
4111
|
+
| fixed | 列是否固定在左侧或者右侧。 true 表示固定在左侧 | true \| 'left' \| 'right' |
|
|
4112
|
+
| headerClass | 自定义 header 头部类名 | string |
|
|
4113
|
+
| hidden | 此列是否不可见 | boolean |
|
|
4114
|
+
| style | 自定义列单元格的类名,将会与 gird 单元格合并 | object |
|
|
4115
|
+
| minWidth | 对应列的最小宽度, 对应列的最小宽度, 与 width 的区别是 width 是固定的,min-width 会把剩余宽度按比例分配给设置了 min-width 的列 | number \| string |
|
|
4116
|
+
| maxWidth | 对应列的列的最大宽度 | number \| string |
|
|
4117
|
+
| width | 对应列的宽度 | number \| string |
|
|
4118
|
+
| cellRenderer | 自定义单元格渲染器 | any |
|
|
4119
|
+
| headerCellRenderer | 自定义头部渲染器 | any |
|
|
4120
|
+
|
|
4121
|
+
|
|
4122
|
+
|
|
4123
|
+
|
|
4124
|
+
|
|
3824
4125
|
皮肤设置
|
|
3825
4126
|
=================
|
|
3826
4127
|
|
package/attributes.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"m-dialog/modelValue":{"type":"boolean","description":""},"m-dialog/width":{"type":"string | number","description":"对话框的宽度,默认值为 50%"},"m-dialog/insideHeight":{"type":"number | null","description":"对话框内部空间的高度,默认为null"},"m-dialog/minInsideHeight":{"type":"number","description":"对话框内部空间的最小高度,默认为0(当同时存在maxHeight和minInsideHeight时,以maxHeight为准)"},"m-dialog/maxInsideHeight":{"type":"number","description":"对话框内部空间的最大高度,默认为Infinity"},"m-dialog/resize":{"type":"boolean","description":"是否开启拖拽改变大小"},"m-dialog/draggable":{"type":"boolean","description":"是否可拖动"},"m-dialog/insideClassName":{"type":"string","description":"对话框内部空间的className"},"m-dialog/resized":{"type":"[contentsSize: { width: number, height: number }]","description":"窗口大小改变完成事件"},"m-dialog/update:insideHeight":{"type":"[number]","description":"更新内部容器高度"},"m-dialog/update:modelValue":{"type":"[boolean]","description":""},"m-inline/minWidth":{"type":"number","description":"列最小宽度"},"m-inline/maxWidth":{"type":"number","description":"列最大宽度"},"m-inline/size":{"type":"Size","description":"组件尺寸"},"m-inline/switch":{"type":"[status: boolean]","description":"切换折叠展开事件"},"m-input-number/modelValue":{"type":"string | number","description":""},"m-input-number/placeholder":{"type":"string","description":""},"m-input-number/disabled":{"type":"boolean","description":"是否禁用数值输入框"},"m-input-number/size":{"type":"string","description":"数值输入框尺寸"},"m-input-number/min":{"type":"number","description":"设置数值输入框允许的最小值"},"m-input-number/max":{"type":"number","description":"设置数值输入框允许的最大值"},"m-input-number/step":{"type":"number","description":"数值输入框步长"},"m-input-number/stepStrictly":{"type":"boolean","description":"是否只能输入 step 的倍数"},"m-input-number/thousandthPlace":{"type":"boolean","description":"输入框是否显示千分位"},"m-input-number/noBorder":{"type":"boolean","description":"是否不要边框"},"m-input-number/noSpacing":{"type":"boolean","description":"不要边距"},"m-input-number/update:modelValue":{"type":"any","description":""},"m-input-number/change":{"type":"any","description":""},"m-input-number/focus":{"type":"any","description":""},"m-input-number/blur":{"type":"any","description":""},"m-select/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select/multiple":{"type":"boolean","description":"多选"},"m-select-table/modelValue":{"type":"string | number | Array<number | string>","description":""},"m-select-table/name":{"type":"string | number | Array<number | string>","description":"显示值"},"m-select-table/placeholder":{"type":"string","description":""},"m-select-table/disabled":{"type":"boolean","description":""},"m-select-table/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table/total":{"type":"number | null","description":"总数据量,当有值时,出现分页器"},"m-select-table/filterMethod":{"type":"Function | null","description":"自定义搜索"},"m-select-table/filterable":{"type":"boolean","description":"是否使用搜索"},"m-select-table/remote":{"type":"boolean","description":"是否使用 远程搜索"},"m-select-table/remoteMethod":{"type":"Function","description":"自定义远程搜索"},"m-select-table/options":{"type":"Option[]","description":""},"m-select-table/tableTitle":{"type":"TableTitle[]","description":""},"m-select-table/multiple":{"type":"boolean","description":"是否多选"},"m-select-table/keywords":{"type":"Option","description":"定义默认的 label 和value"},"m-select-table/reserveSelection":{"type":"boolean","description":"是否开启翻页多选"},"m-select-table/tableHeight":{"type":"string | number","description":""},"m-select-table/isAffirmBtn":{"type":"boolean","description":"是否有确认按钮"},"m-select-table/scrollbarAlwaysOn":{"type":"boolean","description":"是否常态显示滚动条"},"m-select-table/allowCreate":{"type":"boolean","description":"是否能够创建条目"},"m-select-table/border":{"type":"boolean","description":"表格边框"},"m-select-table/popupWidth":{"type":"number | string","description":"弹窗的宽度"},"m-select-table/selected":{"type":"[values: string | number | Array<string | number>, rows: Option[] | Option]","description":"单选或多选之后的回调"},"m-select-table/selectMultiple":{"type":"[values: Array<string | number>, rows: Option[]]","description":"多选确认按钮时的回调 配合isAffirmBtn使用"},"m-select-table/toPage":{"type":"[page: Page, query?: string]","description":"当没有使用filterMethod时候才会有回调否则没有"},"m-select-table/update:modelValue":{"type":"[value: string | number | Array<string | number>]","description":""},"m-select-table/clear":{"type":"[]","description":"用户点击清空按钮时触发"},"m-select-table/removeTag":{"type":"[tag: any]","description":"多选模式下移除tag时触发"},"m-select-table-v1/modelValue":{"type":"string | number","description":""},"m-select-table-v1/placeholder":{"type":"string","description":""},"m-select-table-v1/disabled":{"type":"boolean","description":""},"m-select-table-v1/options":{"type":"Option[]","description":""},"m-select-table-v1/tableTitle":{"type":"any[]","description":""},"m-select-table-v1/remoteMethod":{"type":"Function","description":""},"m-select-table-v1/allowCreate":{"type":"boolean","description":""},"m-select-table-v1/focusShow":{"type":"boolean","description":""},"m-select-table-v1/isSelect":{"type":"boolean","description":""},"m-select-table-v1/clearable":{"type":"boolean","description":""},"m-select-table-v1/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table-v1/labelKey":{"type":"string","description":""},"m-select-table-v1/scrollbarAlwaysOn":{"type":"boolean","description":""},"m-select-table-v1/total":{"type":"number | null","description":""},"m-select-table-v1/update:modelValue":{"type":"any","description":""},"m-select-table-v1/selectMultiple":{"type":"any","description":""},"m-select-table-v1/change":{"type":"any","description":""},"m-select-table-v1/selected":{"type":"any","description":""},"m-select-table-v1/clear":{"type":"any","description":""},"m-select-v2/modelValue":{"type":"ValueType","description":""},"m-select-v2/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select-v2/multiple":{"type":"boolean","description":"多选"},"m-select-v2/showAll":{"type":"boolean","description":"是否显示全选"},"m-select-v2/options":{"type":"Option[]","description":"选项"},"m-select-v2/update:modelValue":{"type":"[data: ValueType]","description":""},"m-table/size":{"type":"'small' | 'large' | ''","description":""},"m-table/sole":{"type":"string","description":""},"m-table/data":{"type":"Array<{\n [key: string]: any\n }>","description":""},"m-table/filtersValue":{"type":"FilterValue | null","description":"表格内容筛选(当为null时,不显示筛选图标)"},"m-table/tableConfig":{"type":"TableConfig | null","description":"表格配置"},"m-table/expandProp":{"type":"string","description":"展开图标列(如使用这个属性则必须存在rowKey属性) (标记,约束条件后面解决)"},"m-table/expandRowKeys":{"type":"any[]","description":"可以通过该属性设置 Table 目前的展开行,需要设置 row-key 属性才能使用,该属性为展开行的 keys 数组。"},"m-table/rowKey":{"type":"Function | string","description":"行数据的 Key,用来优化 Table 的渲染; 在使用reserve-selection功能与显示树形数据时,该属性是必填的。 类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。"},"m-table/tableConfigKey":{"type":"string","description":"表格配置key"},"m-table/pasteData":{"type":"[\n data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any }>\n ]","description":""},"m-table/update:tableConfig":{"type":"[tableConfig: TableConfig]","description":"表格配置更新"},"m-table/privateExpandChange":{"type":"[row: any, expandedRows: any[]]","description":"expandProp模式下 当用户对某一行展开或者关闭的时候会触发该事件"},"m-table-column/filtersValue":{"type":"FilterValue | null","description":"列筛选过滤条件(当为null时,不显示筛选图标)"},"m-table-column/filters":{"type":"Array<{ text: string | number, value: string | number }>","description":"过滤选项"},"m-table-column/filterMethod":{"type":"Function | null","description":"过滤方法"},"m-table-column/children":{"type":"Array<PropChildren>","description":""},"m-table-column/update:filtersValue":{"type":"any","description":""},"m-table-column-set/modelValue":{"type":"TableConfig","description":"配置"},"m-table-column-set/foldMode":{"type":"boolean","description":"是否为折叠模式"},"m-table-column-set/link":{"type":"boolean","description":"是否为链接按钮"},"m-table-column-set/tableConfigKey":{"type":"''","description":"表格配置key"},"m-table-column-set/update:modelValue":{"type":"any","description":""},"m-table-column-set/change":{"type":"any","description":""},"skin-config/change":{"type":"any","description":""},"tab-page/modelValue":{"type":"MenuItem[]","description":""},"tab-page/activeKey":{"type":"string","description":""},"tab-page/showRightClickMenu":{"type":"boolean","description":""},"tab-page/primaryColor":{"type":"string","description":""},"tab-page/primaryBackgroundColor":{"type":"string | null","description":""},"tab-page/close":{"type":"any","description":""},"tab-page/click":{"type":"any","description":""}}
|
|
1
|
+
{"m-dialog/modelValue":{"type":"boolean","description":""},"m-dialog/width":{"type":"string | number","description":"对话框的宽度,默认值为 50%"},"m-dialog/insideHeight":{"type":"number | null","description":"对话框内部空间的高度,默认为null"},"m-dialog/minInsideHeight":{"type":"number","description":"对话框内部空间的最小高度,默认为0(当同时存在maxHeight和minInsideHeight时,以maxHeight为准)"},"m-dialog/maxInsideHeight":{"type":"number","description":"对话框内部空间的最大高度,默认为Infinity"},"m-dialog/resize":{"type":"boolean","description":"是否开启拖拽改变大小"},"m-dialog/draggable":{"type":"boolean","description":"是否可拖动"},"m-dialog/insideClassName":{"type":"string","description":"对话框内部空间的className"},"m-dialog/resized":{"type":"[contentsSize: { width: number, height: number }]","description":"窗口大小改变完成事件"},"m-dialog/update:insideHeight":{"type":"[number]","description":"更新内部容器高度"},"m-dialog/update:modelValue":{"type":"[boolean]","description":""},"m-inline/minWidth":{"type":"number","description":"列最小宽度"},"m-inline/maxWidth":{"type":"number","description":"列最大宽度"},"m-inline/size":{"type":"Size","description":"组件尺寸"},"m-inline/switch":{"type":"[status: boolean]","description":"切换折叠展开事件"},"m-input-number/modelValue":{"type":"string | number","description":""},"m-input-number/placeholder":{"type":"string","description":""},"m-input-number/disabled":{"type":"boolean","description":"是否禁用数值输入框"},"m-input-number/size":{"type":"string","description":"数值输入框尺寸"},"m-input-number/min":{"type":"number","description":"设置数值输入框允许的最小值"},"m-input-number/max":{"type":"number","description":"设置数值输入框允许的最大值"},"m-input-number/step":{"type":"number","description":"数值输入框步长"},"m-input-number/stepStrictly":{"type":"boolean","description":"是否只能输入 step 的倍数"},"m-input-number/thousandthPlace":{"type":"boolean","description":"输入框是否显示千分位"},"m-input-number/noBorder":{"type":"boolean","description":"是否不要边框"},"m-input-number/noSpacing":{"type":"boolean","description":"不要边距"},"m-input-number/update:modelValue":{"type":"any","description":""},"m-input-number/change":{"type":"any","description":""},"m-input-number/focus":{"type":"any","description":""},"m-input-number/blur":{"type":"any","description":""},"m-select/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select/multiple":{"type":"boolean","description":"多选"},"m-select-table/modelValue":{"type":"string | number | Array<number | string>","description":""},"m-select-table/name":{"type":"string | number | Array<number | string>","description":"显示值"},"m-select-table/placeholder":{"type":"string","description":""},"m-select-table/disabled":{"type":"boolean","description":""},"m-select-table/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table/total":{"type":"number | null","description":"总数据量,当有值时,出现分页器"},"m-select-table/filterMethod":{"type":"Function | null","description":"自定义搜索"},"m-select-table/filterable":{"type":"boolean","description":"是否使用搜索"},"m-select-table/remote":{"type":"boolean","description":"是否使用 远程搜索"},"m-select-table/remoteMethod":{"type":"Function","description":"自定义远程搜索"},"m-select-table/options":{"type":"Option[]","description":""},"m-select-table/tableTitle":{"type":"TableTitle[]","description":""},"m-select-table/multiple":{"type":"boolean","description":"是否多选"},"m-select-table/keywords":{"type":"Option","description":"定义默认的 label 和value"},"m-select-table/reserveSelection":{"type":"boolean","description":"是否开启翻页多选"},"m-select-table/tableHeight":{"type":"string | number","description":""},"m-select-table/isAffirmBtn":{"type":"boolean","description":"是否有确认按钮"},"m-select-table/scrollbarAlwaysOn":{"type":"boolean","description":"是否常态显示滚动条"},"m-select-table/allowCreate":{"type":"boolean","description":"是否能够创建条目"},"m-select-table/border":{"type":"boolean","description":"表格边框"},"m-select-table/popupWidth":{"type":"number | string","description":"弹窗的宽度"},"m-select-table/selected":{"type":"[values: string | number | Array<string | number>, rows: Option[] | Option]","description":"单选或多选之后的回调"},"m-select-table/selectMultiple":{"type":"[values: Array<string | number>, rows: Option[]]","description":"多选确认按钮时的回调 配合isAffirmBtn使用"},"m-select-table/toPage":{"type":"[page: Page, query?: string]","description":"当没有使用filterMethod时候才会有回调否则没有"},"m-select-table/update:modelValue":{"type":"[value: string | number | Array<string | number>]","description":""},"m-select-table/clear":{"type":"[]","description":"用户点击清空按钮时触发"},"m-select-table/removeTag":{"type":"[tag: any]","description":"多选模式下移除tag时触发"},"m-select-table-v1/modelValue":{"type":"string | number","description":""},"m-select-table-v1/placeholder":{"type":"string","description":""},"m-select-table-v1/disabled":{"type":"boolean","description":""},"m-select-table-v1/options":{"type":"Option[]","description":""},"m-select-table-v1/tableTitle":{"type":"any[]","description":""},"m-select-table-v1/remoteMethod":{"type":"Function","description":""},"m-select-table-v1/allowCreate":{"type":"boolean","description":""},"m-select-table-v1/focusShow":{"type":"boolean","description":""},"m-select-table-v1/isSelect":{"type":"boolean","description":""},"m-select-table-v1/clearable":{"type":"boolean","description":""},"m-select-table-v1/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table-v1/labelKey":{"type":"string","description":""},"m-select-table-v1/scrollbarAlwaysOn":{"type":"boolean","description":""},"m-select-table-v1/total":{"type":"number | null","description":""},"m-select-table-v1/update:modelValue":{"type":"any","description":""},"m-select-table-v1/selectMultiple":{"type":"any","description":""},"m-select-table-v1/change":{"type":"any","description":""},"m-select-table-v1/selected":{"type":"any","description":""},"m-select-table-v1/clear":{"type":"any","description":""},"m-select-v2/modelValue":{"type":"ValueType","description":""},"m-select-v2/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select-v2/multiple":{"type":"boolean","description":"多选"},"m-select-v2/showAll":{"type":"boolean","description":"是否显示全选"},"m-select-v2/options":{"type":"Option[]","description":"选项"},"m-select-v2/update:modelValue":{"type":"[data: ValueType]","description":""},"m-table/size":{"type":"'small' | 'large' | ''","description":""},"m-table/sole":{"type":"string","description":""},"m-table/data":{"type":"Array<{\n [key: string]: any\n }>","description":""},"m-table/filtersValue":{"type":"FilterValue | null","description":"表格内容筛选(当为null时,不显示筛选图标)"},"m-table/tableConfig":{"type":"TableConfig | null","description":"表格配置"},"m-table/expandProp":{"type":"string","description":"展开图标列(如使用这个属性则必须存在rowKey属性) (标记,约束条件后面解决)"},"m-table/expandRowKeys":{"type":"any[]","description":"可以通过该属性设置 Table 目前的展开行,需要设置 row-key 属性才能使用,该属性为展开行的 keys 数组。"},"m-table/rowKey":{"type":"Function | string","description":"行数据的 Key,用来优化 Table 的渲染; 在使用reserve-selection功能与显示树形数据时,该属性是必填的。 类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。"},"m-table/tableConfigKey":{"type":"string","description":"表格配置key"},"m-table/pasteData":{"type":"[\n data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any }>\n ]","description":""},"m-table/update:tableConfig":{"type":"[tableConfig: TableConfig]","description":"表格配置更新"},"m-table/privateExpandChange":{"type":"[row: any, expandedRows: any[]]","description":"expandProp模式下 当用户对某一行展开或者关闭的时候会触发该事件"},"m-table-column/filtersValue":{"type":"FilterValue | null","description":"列筛选过滤条件(当为null时,不显示筛选图标)"},"m-table-column/filters":{"type":"Array<{ text: string | number, value: string | number }>","description":"过滤选项"},"m-table-column/filterMethod":{"type":"Function | null","description":"过滤方法"},"m-table-column/children":{"type":"Array<PropChildren>","description":""},"m-table-column/update:filtersValue":{"type":"any","description":""},"m-table-column-set/modelValue":{"type":"TableConfig","description":"配置"},"m-table-column-set/foldMode":{"type":"boolean","description":"是否为折叠模式"},"m-table-column-set/link":{"type":"boolean","description":"是否为链接按钮"},"m-table-column-set/tableConfigKey":{"type":"string","description":"表格配置key"},"m-table-column-set/update:modelValue":{"type":"any","description":""},"m-table-column-set/change":{"type":"any","description":""},"m-table-v2/size":{"type":"'small' | 'large' | 'default'","description":""},"m-table-v2/data":{"type":"Array<{\n [key: string]: any\n }>","description":""},"m-table-v2/height":{"type":"number","description":"表格高度"},"m-table-v2/border":{"type":"boolean","description":"显示边框"},"m-table-v2/columns":{"type":"TableV2Title[]","description":"表格列配置"},"m-table-v2/filtersValue":{"type":"FilterValue | null","description":"表格内容筛选(当为null时,不显示筛选图标)"},"m-table-v2/tableConfig":{"type":"TableConfig | null","description":"表格配置"},"m-table-v2/tableConfigKey":{"type":"string","description":"表格配置key"},"m-table-v2/fixed":{"type":"boolean","description":"单元格宽度是自适应还是固定"},"m-table-v2/estimatedRowHeight":{"type":"number | null","description":"渲染动态的单元格的预估高度"},"m-table-v2/headerHeight":{"type":"number | number[] | null","description":"Header 的高度由height设置。 如果传入数组,它会使 header row 等于数组长度"},"m-table-v2/pasteData":{"type":"[\n data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any }>\n ]","description":""},"m-table-v2/update:tableConfig":{"type":"[tableConfig: TableConfig]","description":"表格配置更新"},"skin-config/change":{"type":"any","description":""},"tab-page/modelValue":{"type":"MenuItem[]","description":""},"tab-page/activeKey":{"type":"string","description":""},"tab-page/showRightClickMenu":{"type":"boolean","description":""},"tab-page/primaryColor":{"type":"string","description":""},"tab-page/primaryBackgroundColor":{"type":"string | null","description":""},"tab-page/close":{"type":"any","description":""},"tab-page/click":{"type":"any","description":""}}
|