br-dionysus 1.5.6 → 1.6.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/README.md +15 -11
- package/dist/br-dionysus.es.js +703 -697
- package/dist/br-dionysus.umd.js +1 -1
- package/dist/packages/Hook/useTableConfig/useTableConfig.d.ts +6 -0
- package/package.json +1 -1
- package/packages/Hook/useTableConfig/README.md +15 -11
- package/packages/Hook/useTableConfig/useTableConfig.ts +14 -2
- package/packages/MSelectTable/src/MSelectTable.vue +2 -2
- package/packages/typings/global.d.ts +8 -0
- package/web-types.json +1 -1
|
@@ -12,6 +12,12 @@ export interface TableConfigItem {
|
|
|
12
12
|
label: string;
|
|
13
13
|
/** 表头对齐方式, 若不设置该项,则使用表格的对齐方式 */
|
|
14
14
|
headerAlign: 'left' | 'center' | 'right';
|
|
15
|
+
/** 对齐方式 */
|
|
16
|
+
align: 'left' | 'center' | 'right';
|
|
17
|
+
/** 列是否固定在左侧或者右侧。 true 表示固定在左侧 */
|
|
18
|
+
fixed: 'left' | 'right' | boolean;
|
|
19
|
+
/** 排序规则 */
|
|
20
|
+
sortCollation: 'ascending' | 'descending' | null;
|
|
15
21
|
}
|
|
16
22
|
/** 表格配置 */
|
|
17
23
|
export interface TableConfig {
|
package/package.json
CHANGED
|
@@ -4,13 +4,13 @@ import demo from './demo.vue'
|
|
|
4
4
|
|
|
5
5
|
表格组合 hook
|
|
6
6
|
=================
|
|
7
|
+
|
|
7
8
|
### 1) 基础用法
|
|
8
9
|
|
|
9
10
|
<Preview comp-name="usePackageConfig" demo-name="demo" is-hook>
|
|
10
11
|
<demo />
|
|
11
12
|
</Preview>
|
|
12
13
|
|
|
13
|
-
|
|
14
14
|
### 2) 所需参数
|
|
15
15
|
|
|
16
16
|
| 名称 | 描述 | 类型 | 可选值 | 默认值 |
|
|
@@ -31,16 +31,20 @@ import demo from './demo.vue'
|
|
|
31
31
|
|
|
32
32
|
### 4) TableTitle
|
|
33
33
|
|
|
34
|
-
| 名称
|
|
35
|
-
|
|
36
|
-
| label
|
|
37
|
-
| prop
|
|
38
|
-
| minWidth
|
|
39
|
-
| className
|
|
40
|
-
| sortable
|
|
41
|
-
|
|
|
42
|
-
|
|
|
43
|
-
|
|
|
34
|
+
| 名称 | 描述 | 类型 | 是否必填 |
|
|
35
|
+
|--------------|---------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------|------|
|
|
36
|
+
| label | 显示的标题 | string | 是 |
|
|
37
|
+
| prop | 字段对应列的字段名字也可以使用 property属性 | string | 是 |
|
|
38
|
+
| minWidth | 对应列的最小宽度与 width 的区别是 width 是固定的,min-width 会按比例分配剩余宽度 | number \| string | 否 |
|
|
39
|
+
| className | 列的className | boolean \| string | 否 |
|
|
40
|
+
| sortable | 列是否能够排序 则代表用户希望远程排序,需要监听 Table 的 sort-change 事件 | Boolean | 否 |
|
|
41
|
+
| sortBy | 指定数据按照哪个属性进行排序,仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。 如果 sort-by 为数组,则先按照第 1 个属性排序,如果第 1 个相等,再按照第 2 个排序,以此类推 | (row: any, index: number) => string \| string \| string[] | 否 |
|
|
42
|
+
| sortOrders | 数据在排序时所使用排序策略的轮转顺序,仅当 sortable 为 true 时有效。 需传入一个数组,随着用户点击表头,该列依次按照数组中元素的顺序进行排序 | ('ascending' \| 'descending' \| null)[] | 否 |
|
|
43
|
+
| filters | 据过滤的选项, 数组格式,数组中的元素需要有 text 和 value 属性。 数组中的每个元素都需要有 text 和 value 属性 | {text:string,number,value:string,number} [] | 否 |
|
|
44
|
+
| filterMethod | 数据过滤使用的方法, 如果是多选的筛选项,对每一条数据会执行多次,任意一次返回 true 就会显示 | Function | 否 |
|
|
45
|
+
| headerAlign | 表头对齐方式, 若不设置该项,则使用表格的对齐方式 | 'left' \| 'center' \| 'right' | 否 |
|
|
46
|
+
| align | 对齐方式 | 'left' \| 'center' \| 'right' | 否 |
|
|
47
|
+
| fixed | 列是否固定在左侧或者右侧。 true 表示固定在左侧 | 'left' \| 'right' \| boolean | 否 |
|
|
44
48
|
|
|
45
49
|
|
|
46
50
|
|
|
@@ -17,6 +17,12 @@ export interface TableConfigItem {
|
|
|
17
17
|
label: string,
|
|
18
18
|
/** 表头对齐方式, 若不设置该项,则使用表格的对齐方式 */
|
|
19
19
|
headerAlign: 'left' | 'center' | 'right',
|
|
20
|
+
/** 对齐方式 */
|
|
21
|
+
align: 'left' | 'center' | 'right',
|
|
22
|
+
/** 列是否固定在左侧或者右侧。 true 表示固定在左侧 */
|
|
23
|
+
fixed: 'left' | 'right' | boolean,
|
|
24
|
+
/** 排序规则 */
|
|
25
|
+
sortCollation: 'ascending' | 'descending' | null
|
|
20
26
|
}
|
|
21
27
|
|
|
22
28
|
/** 表格配置 */
|
|
@@ -76,7 +82,10 @@ const useTableConfig = (name: string, tableTitle: TableTitle[], tableData: Ref <
|
|
|
76
82
|
show: true,
|
|
77
83
|
sort: index,
|
|
78
84
|
label: item.label,
|
|
79
|
-
headerAlign: 'left'
|
|
85
|
+
headerAlign: 'left',
|
|
86
|
+
align: 'left',
|
|
87
|
+
fixed: false,
|
|
88
|
+
sortCollation: null
|
|
80
89
|
}
|
|
81
90
|
}
|
|
82
91
|
tableConfig.value[item.prop].label = item.label
|
|
@@ -88,7 +97,10 @@ const useTableConfig = (name: string, tableTitle: TableTitle[], tableData: Ref <
|
|
|
88
97
|
minWidth: tableConfig.value[item.prop]?.minWidth ? tableConfig.value[item.prop]?.minWidth : item.minWidth,
|
|
89
98
|
headerAlign: tableConfig.value[item.prop]?.headerAlign ? tableConfig.value[item.prop]?.headerAlign : item.headerAlign || 'left',
|
|
90
99
|
filterMethod,
|
|
91
|
-
filters: item.filters || _tableTitle.value.find(node => node.prop === item.prop)?.filters || []
|
|
100
|
+
filters: item.filters || _tableTitle.value.find(node => node.prop === item.prop)?.filters || [],
|
|
101
|
+
align: tableConfig.value[item.prop]?.align ? tableConfig.value[item.prop]?.align : item.align,
|
|
102
|
+
fixed: tableConfig.value[item.prop]?.fixed ? tableConfig.value[item.prop]?.fixed : item.fixed,
|
|
103
|
+
defaultSort: tableConfig.value[item.prop]?.sortCollation ? { prop: item.prop, order: tableConfig.value[item.prop]?.sortCollation } : {}
|
|
92
104
|
}
|
|
93
105
|
})
|
|
94
106
|
}
|
|
@@ -377,7 +377,7 @@ const defaultBackFillValue = () => {
|
|
|
377
377
|
}
|
|
378
378
|
// // 搜索过滤
|
|
379
379
|
const filterMethodHandle = (val: string) => {
|
|
380
|
-
state.searchValue = val
|
|
380
|
+
state.searchValue = val.trim()
|
|
381
381
|
if (props.filterable && props.filterMethod) return props.filterMethod(val, page)
|
|
382
382
|
const tableData = JSON.parse(JSON.stringify(props.options))
|
|
383
383
|
if (!tableData.length) return null
|
|
@@ -385,7 +385,7 @@ const filterMethodHandle = (val: string) => {
|
|
|
385
385
|
}
|
|
386
386
|
|
|
387
387
|
const remoteMethodHandle = (query: string) => {
|
|
388
|
-
state.searchValue = query
|
|
388
|
+
state.searchValue = query.trim()
|
|
389
389
|
if (!props.remote) return false
|
|
390
390
|
|
|
391
391
|
selectRef?.value?.tooltipRef?.onOpen()
|
|
@@ -49,6 +49,10 @@ interface TableTitle {
|
|
|
49
49
|
className?: string,
|
|
50
50
|
/** 对应列是否可以排序, 如果设置为 'custom',则代表用户希望远程排序,需要监听 Table 的 sort-change 事件 */
|
|
51
51
|
sortable?: boolean,
|
|
52
|
+
/** 指定数据按照哪个属性进行排序,仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。 如果 sort-by 为数组,则先按照第 1 个属性排序,如果第 1 个相等,再按照第 2 个排序,以此类推 */
|
|
53
|
+
sortBy?: (row: any, index: number) => string | string | string[],
|
|
54
|
+
/** 数据在排序时所使用排序策略的轮转顺序,仅当 sortable 为 true 时有效。 需传入一个数组,随着用户点击表头,该列依次按照数组中元素的顺序进行排序 */
|
|
55
|
+
sortOrders?: ('ascending' | 'descending' | null)[],
|
|
52
56
|
/** 数据过滤的选项, 数组格式,数组中的元素需要有 text 和 value 属性。 数组中的每个元素都需要有 text 和 value 属性。 */
|
|
53
57
|
filters?: {
|
|
54
58
|
text: string | number,
|
|
@@ -58,4 +62,8 @@ interface TableTitle {
|
|
|
58
62
|
filterMethod?: Function,
|
|
59
63
|
/** 表头对齐方式, 若不设置该项,则使用表格的对齐方式 */
|
|
60
64
|
headerAlign?: 'left' | 'center' | 'right',
|
|
65
|
+
/** 对齐方式 */
|
|
66
|
+
align?: 'left' | 'center' | 'right',
|
|
67
|
+
/** 列是否固定在左侧或者右侧。 true 表示固定在左侧 */
|
|
68
|
+
fixed?: 'left' | 'right' | boolean,
|
|
61
69
|
}
|
package/web-types.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.5.6","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-dialog","source":{"symbol":"MDialog"},"description":"这是一个MDialog","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"width","description":"对话框的宽度,默认值为 50%","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"resize","description":"是否开启拖拽改变大小","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"draggable","description":"是否可拖动","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]}]}},{"name":"m-inline","source":{"symbol":"MInline"},"description":"这是一个MInline","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"minWidth","description":"列最小宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxWidth","description":"列最大宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"size","description":"组件尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Size"]}],"js":{"events":[{"name":"switch","description":"切换折叠展开事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[status: boolean]"]}]}},{"name":"m-input-number","source":{"symbol":"MInputNumber"},"description":"这是一个MInputNumber","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"是否禁用数值输入框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"数值输入框尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"min","description":"设置数值输入框允许的最小值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"max","description":"设置数值输入框允许的最大值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"step","description":"数值输入框步长","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"stepStrictly","description":"是否只能输入 step 的倍数","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"thousandthPlace","description":"输入框是否显示千分位","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noBorder","description":"是否不要边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noSpacing","description":"不要边距","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'focus'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'blur'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-option","source":{"symbol":"MOption"},"description":"这是一个MOption","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-select","source":{"symbol":"MSelect"},"description":"这是一个MSelect","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[]}},{"name":"m-select-table","source":{"symbol":"MSelectTable"},"description":"这是一个MSelectTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"name","description":"显示值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"total","description":"总数据量,当有值时,出现分页器","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"filterMethod","description":"自定义搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"filterable","description":"是否使用搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remote","description":"是否使用 远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remoteMethod","description":"自定义远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableTitle[]"]},{"name":"multiple","description":"是否多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"keywords","description":"定义默认的 label 和value","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option"]},{"name":"reserveSelection","description":"是否开启翻页多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableHeight","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"isAffirmBtn","description":"是否有确认按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"scrollbarAlwaysOn","description":"是否常态显示滚动条","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"allowCreate","description":"是否能够创建条目","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"border","description":"表格边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"popupWidth","description":"弹窗的宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | string"]}],"js":{"events":[{"name":"selected","description":"单选或多选之后的回调","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: string | number | Array<string | number>, rows: Option[] | Option]"]},{"name":"selectMultiple","description":"多选确认按钮时的回调 配合isAffirmBtn使用","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: Array<string | number>, rows: Option[]]"]},{"name":"toPage","description":"当没有使用filterMethod时候才会有回调否则没有","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[page: Page, query?: string]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[value: string | number | Array<string | number>]"]},{"name":"clear","description":"用户点击清空按钮时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[]"]},{"name":"removeTag","description":"多选模式下移除tag时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tag: any]"]}]}},{"name":"m-select-table-v1","source":{"symbol":"MSelectTableV1"},"description":"这是一个MSelectTableV1","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"remoteMethod","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"allowCreate","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"focusShow","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"isSelect","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"clearable","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"labelKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"scrollbarAlwaysOn","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"total","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selectMultiple'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selected'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'clear'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-select-v2","source":{"symbol":"MSelectV2"},"description":"这是一个MSelectV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"showAll","description":"是否显示全选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: any]"]}]}},{"name":"m-table","source":{"symbol":"MTable"},"description":"这是一个MTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"sole","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: string | number\n }>"]},{"name":"filtersValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[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 }>]"]}]}},{"name":"m-table-column","source":{"symbol":"MTableColumn"},"description":"这是一个MTableColumn","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"filtersValue","description":"过滤值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]},{"name":"filters","description":"过滤选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{ text: string | number, value: string | number }>"]},{"name":"filterMethod","description":"过滤方法","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"children","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<PropChildren>"]}],"js":{"events":[{"name":"'update:filtersValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-column-set","source":{"symbol":"MTableColumnSet"},"description":"这是一个MTableColumnSet","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig"]},{"name":"foldMode","description":"是否为折叠模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"link","description":"是否为链接按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"skin-config","source":{"symbol":"SkinConfig"},"description":"这是一个SkinConfig","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"tab-page","source":{"symbol":"TabPage"},"description":"这是一个TabPage","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["MenuItem[]"]},{"name":"activeKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"showRightClickMenu","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"primaryColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"primaryBackgroundColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | null"]}],"js":{"events":[{"name":"'close'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'click'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}}],"attributes":[]}}}
|
|
1
|
+
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.6.0","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-dialog","source":{"symbol":"MDialog"},"description":"这是一个MDialog","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"width","description":"对话框的宽度,默认值为 50%","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"resize","description":"是否开启拖拽改变大小","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"draggable","description":"是否可拖动","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]}]}},{"name":"m-inline","source":{"symbol":"MInline"},"description":"这是一个MInline","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"minWidth","description":"列最小宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxWidth","description":"列最大宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"size","description":"组件尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Size"]}],"js":{"events":[{"name":"switch","description":"切换折叠展开事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[status: boolean]"]}]}},{"name":"m-input-number","source":{"symbol":"MInputNumber"},"description":"这是一个MInputNumber","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"是否禁用数值输入框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"数值输入框尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"min","description":"设置数值输入框允许的最小值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"max","description":"设置数值输入框允许的最大值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"step","description":"数值输入框步长","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"stepStrictly","description":"是否只能输入 step 的倍数","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"thousandthPlace","description":"输入框是否显示千分位","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noBorder","description":"是否不要边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noSpacing","description":"不要边距","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'focus'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'blur'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-option","source":{"symbol":"MOption"},"description":"这是一个MOption","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-select","source":{"symbol":"MSelect"},"description":"这是一个MSelect","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[]}},{"name":"m-select-table","source":{"symbol":"MSelectTable"},"description":"这是一个MSelectTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"name","description":"显示值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"total","description":"总数据量,当有值时,出现分页器","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"filterMethod","description":"自定义搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"filterable","description":"是否使用搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remote","description":"是否使用 远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remoteMethod","description":"自定义远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableTitle[]"]},{"name":"multiple","description":"是否多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"keywords","description":"定义默认的 label 和value","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option"]},{"name":"reserveSelection","description":"是否开启翻页多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableHeight","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"isAffirmBtn","description":"是否有确认按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"scrollbarAlwaysOn","description":"是否常态显示滚动条","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"allowCreate","description":"是否能够创建条目","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"border","description":"表格边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"popupWidth","description":"弹窗的宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | string"]}],"js":{"events":[{"name":"selected","description":"单选或多选之后的回调","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: string | number | Array<string | number>, rows: Option[] | Option]"]},{"name":"selectMultiple","description":"多选确认按钮时的回调 配合isAffirmBtn使用","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: Array<string | number>, rows: Option[]]"]},{"name":"toPage","description":"当没有使用filterMethod时候才会有回调否则没有","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[page: Page, query?: string]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[value: string | number | Array<string | number>]"]},{"name":"clear","description":"用户点击清空按钮时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[]"]},{"name":"removeTag","description":"多选模式下移除tag时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tag: any]"]}]}},{"name":"m-select-table-v1","source":{"symbol":"MSelectTableV1"},"description":"这是一个MSelectTableV1","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"remoteMethod","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"allowCreate","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"focusShow","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"isSelect","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"clearable","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"labelKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"scrollbarAlwaysOn","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"total","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selectMultiple'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selected'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'clear'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-select-v2","source":{"symbol":"MSelectV2"},"description":"这是一个MSelectV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"showAll","description":"是否显示全选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: any]"]}]}},{"name":"m-table","source":{"symbol":"MTable"},"description":"这是一个MTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"sole","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: string | number\n }>"]},{"name":"filtersValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[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 }>]"]}]}},{"name":"m-table-column","source":{"symbol":"MTableColumn"},"description":"这是一个MTableColumn","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"filtersValue","description":"过滤值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]},{"name":"filters","description":"过滤选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{ text: string | number, value: string | number }>"]},{"name":"filterMethod","description":"过滤方法","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"children","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<PropChildren>"]}],"js":{"events":[{"name":"'update:filtersValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-column-set","source":{"symbol":"MTableColumnSet"},"description":"这是一个MTableColumnSet","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig"]},{"name":"foldMode","description":"是否为折叠模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"link","description":"是否为链接按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"skin-config","source":{"symbol":"SkinConfig"},"description":"这是一个SkinConfig","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"tab-page","source":{"symbol":"TabPage"},"description":"这是一个TabPage","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["MenuItem[]"]},{"name":"activeKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"showRightClickMenu","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"primaryColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"primaryBackgroundColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | null"]}],"js":{"events":[{"name":"'close'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'click'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}}],"attributes":[]}}}
|