br-dionysus 0.9.2 → 0.9.4
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 +44 -34
- package/build/base.config.ts +3 -1
- package/dist/br-dionysus.es.js +1547 -1471
- package/dist/br-dionysus.umd.js +3 -3
- package/dist/index.css +1 -1
- package/dist/packages/MNewSelectTable/src/MNewSelectTable.vue.d.ts +1 -1
- package/dist/packages/SkinConfig/src/useSkin.d.ts +10 -2
- package/dist/packages/TabPage/src/TabPage.vue.d.ts +1 -1
- package/package.json +2 -1
- package/packages/MNewSelectTable/docs/README.md +31 -27
- package/packages/MNewSelectTable/docs/demo.vue +1 -1
- package/packages/MNewSelectTable/src/MNewSelectTable.vue +6 -6
- package/packages/MSelectTable/docs/README.md +4 -4
- package/packages/MSelectTable/docs/demo.vue +4 -2
- package/packages/MSelectTable/src/MSelectTable.vue +31 -9
- package/packages/SkinConfig/docs/README.md +4 -0
- package/packages/SkinConfig/src/SkinConfig.vue +75 -10
- package/packages/SkinConfig/src/useSkin.ts +72 -33
- package/packages/typings/global.d.ts +1 -17
- package/tool/compareStructures.ts +45 -0
package/README.md
CHANGED
|
@@ -417,7 +417,7 @@ const selectMultiple =(value: string | number | Array<number | string>, row: any
|
|
|
417
417
|
onMounted(() => {
|
|
418
418
|
one()
|
|
419
419
|
setTimeout(() => {
|
|
420
|
-
selectRef.value.
|
|
420
|
+
selectRef.value.defaultBackFillValue()
|
|
421
421
|
}, 10)
|
|
422
422
|
setTimeout(() => {
|
|
423
423
|
code.value = ['SC201564981241', 'SC201564981243']
|
|
@@ -450,42 +450,46 @@ const filterMethod = (searchValue: string, page: Page) => {
|
|
|
450
450
|
```
|
|
451
451
|
|
|
452
452
|
### 2) Attributes
|
|
453
|
-
|
|
454
|
-
|
|
|
455
|
-
|
|
456
|
-
|
|
|
457
|
-
|
|
|
458
|
-
|
|
|
459
|
-
|
|
|
460
|
-
|
|
|
453
|
+
|
|
454
|
+
| 参数 | 说明 | 类型 | 可选 | 默认值 |
|
|
455
|
+
|------------------|----------------------------------------------------------|----------|------------------------------------|---------------------------------|
|
|
456
|
+
| value / v-model | 绑定值 | 'string' | 'number', Array<'number','string'> | '' |
|
|
457
|
+
| placeholder | 占位符 | string | - | '请选择 |
|
|
458
|
+
| disabled | 是否禁用 | boolean | - | false |
|
|
459
|
+
| size | 大小 | 'small' | 'large' , '' | '' |
|
|
460
|
+
| options | 下拉表的 表内数据 | any[] | - | [] |
|
|
461
|
+
| total | 总数量 当有值时，出现分页器 | number | null | null |
|
|
462
|
+
| filterMethod | 自定义搜索方法 可以做远程搜索使用 (使用时必须传递filterable) | Function | null | null |
|
|
461
463
|
| filterable | 是否开启筛选 (如果开启但没有传递自定义搜索方法 效果为筛选当前页数据的 keywords[label]) | boolean | - | false |
|
|
462
|
-
|
|
|
463
|
-
|
|
|
464
|
-
|
|
|
465
|
-
|
|
|
466
|
-
|
|
|
467
|
-
|
|
|
468
|
-
| isAffirmBtn | 是否有确认按钮 当使用此按钮时 selected事件无效 需使用selectMultiple事件 | boolean | - | false |
|
|
464
|
+
| tableTitle | 下拉表的 表头定义 | any[] | - | [] |
|
|
465
|
+
| multiple | 是否开启多选 | boolean | - | false |
|
|
466
|
+
| keywords | 关键字配置（value-key 配置）映射关键字 | Option | - | {label: 'label' ,value:'value'} |
|
|
467
|
+
| reserveSelection | 是否打开翻页多选 需要是多选才有效 | boolean | - | false |
|
|
468
|
+
| tableHeight | 表格高度 | string | number | 200 |
|
|
469
|
+
| isAffirmBtn | 是否有确认按钮 当使用此按钮时 selected事件无效 需使用selectMultiple事件 | boolean | - | false |
|
|
469
470
|
|
|
470
471
|
### 3) Option
|
|
471
|
-
|
|
472
|
-
|
|
|
472
|
+
|
|
473
|
+
| 参数 | 说明 | 类型 |
|
|
474
|
+
|-------|-----|--------|
|
|
473
475
|
| label | 显示值 | string |
|
|
474
476
|
| value | 绑定值 | string | number |
|
|
475
477
|
|
|
476
478
|
### 4) events
|
|
477
|
-
|
|
478
|
-
|
|
|
479
|
-
|
|
480
|
-
|
|
|
481
|
-
|
|
|
479
|
+
|
|
480
|
+
| 事件名 | 说明 | 回调参数 |
|
|
481
|
+
|----------------|------------------------------|---------------------------------------------------------------|
|
|
482
|
+
| selected | 单选或多选之后的回调 | 根据多选和单选的模式不同 返回的也有所区别 单选为 (value,row) 多选为(values[],rows[]) |
|
|
483
|
+
| toPage | 当没有使用filterMethod时候才会有回调否则没有 | page 表格分页 |
|
|
484
|
+
| selectMultiple | 多选确认按钮时的回调 配合isAffirmBtn使用 | (values[],rows[]) |
|
|
482
485
|
|
|
483
486
|
### 5) Methods
|
|
484
|
-
|
|
485
|
-
|
|
|
486
|
-
|
|
487
|
-
|
|
|
488
|
-
|
|
|
487
|
+
|
|
488
|
+
| 方法名 | 说明 |
|
|
489
|
+
|----------------------|--------------------------------------------------------------------------|
|
|
490
|
+
| defaultBackFillValue | 手动重载反填 使用场景 当前开启多选 并且开启翻页多选的时候 这个时候需要默认反填上值的话 需要赋值之后 延迟调用此方法 其余场景 为默认反填 |
|
|
491
|
+
| clear | 清空已选择 |
|
|
492
|
+
| focus | 聚焦下拉框 |
|
|
489
493
|
|
|
490
494
|
|
|
491
495
|
|
|
@@ -603,7 +607,8 @@ const mockData = [{
|
|
|
603
607
|
sn: 'SC201564981242',
|
|
604
608
|
fileName: '测试文件2.zip',
|
|
605
609
|
createdUserName: '绫波丽',
|
|
606
|
-
createdTimeStr: '2024-05-06'
|
|
610
|
+
createdTimeStr: '2024-05-06',
|
|
611
|
+
disabled: true
|
|
607
612
|
}, {
|
|
608
613
|
sn: 'SC201564981243',
|
|
609
614
|
fileName: '测试文件3.zip',
|
|
@@ -627,7 +632,8 @@ const remoteMethod = async (query: string = '', page: Page) => {
|
|
|
627
632
|
sn: item.sn,
|
|
628
633
|
fileName: item.fileName,
|
|
629
634
|
createdUserName: item.createdUserName,
|
|
630
|
-
createdTimeStr: item.createdTimeStr
|
|
635
|
+
createdTimeStr: item.createdTimeStr,
|
|
636
|
+
disabled: item.disabled
|
|
631
637
|
}))
|
|
632
638
|
}
|
|
633
639
|
</script>
|
|
@@ -645,16 +651,16 @@ const remoteMethod = async (query: string = '', page: Page) => {
|
|
|
645
651
|
| value / v-model | 绑定值 | string | number | - | '' |
|
|
646
652
|
| placeholder | 输入框默认 placeholder | string | - | '' |
|
|
647
653
|
| disabled | 是否禁用 | boolean | - | false |
|
|
654
|
+
| size | 数值输入框尺寸 | string | 'large', 'small', '' | '' |
|
|
648
655
|
| options | 选项内容，详情见Options接口 | Option[] | - | [] |
|
|
649
|
-
|
|
|
656
|
+
| total | 总数据量，当有值时，出现分页器 | number | null | - |
|
|
650
657
|
| remoteMethod | 自定义远程搜索方法 | Function | - | - |
|
|
658
|
+
| tableTitle | 表格标题配置 | any[] | - | [] |
|
|
659
|
+
| isSelect | 是否多选 | boolean | - | false |
|
|
651
660
|
| allowCreate | 是否允许用户创建新条目 | boolean | - | false |
|
|
652
661
|
| focusShow | 是否聚焦显示（既，当搜索值为空时是否显示选择器） | - | false | - |
|
|
653
|
-
| isSelect | 是否多选 | boolean | - | false |
|
|
654
662
|
| clearable | 是否可以清空选项 | boolean | - | false |
|
|
655
|
-
| size | 数值输入框尺寸 | string | 'large', 'small', '' | '' |
|
|
656
663
|
| scrollbarAlwaysOn | 总是显示滚动条 | boolean | - | - |
|
|
657
|
-
| total | 总数据量，当有值时，出现分页器 | number | null | - |
|
|
658
664
|
| labelKey | label映射key | string | - | 'label' |
|
|
659
665
|
|
|
660
666
|
#### Options（选项接口）
|
|
@@ -1732,6 +1738,10 @@ const list = ref<{ name: string, className: string }[]>([
|
|
|
1732
1738
|
| followSystem | 是否跟随系统 | boolean | - | false |
|
|
1733
1739
|
| size | 大小 | enum | large \| default \| small | default |
|
|
1734
1740
|
| primaryColor | 主题色 | string | - | '#646CFF' |
|
|
1741
|
+
| successColor | 成功色 | string | - | '#67c23a' |
|
|
1742
|
+
| warningColor | 警告色 | string | - | '#e6a23c' |
|
|
1743
|
+
| dangerColor | 危险色 | string | - | '#f56c6c' |
|
|
1744
|
+
| infoColor | 信息色 | string | - | '#909399' |
|
|
1735
1745
|
|
|
1736
1746
|
### 3) 说明
|
|
1737
1747
|
|
package/build/base.config.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { resolve } from 'path'
|
|
|
2
2
|
import { defineConfig } from 'vite'
|
|
3
3
|
import vue from '@vitejs/plugin-vue'
|
|
4
4
|
import Markdown from 'vite-plugin-md'
|
|
5
|
+
import VueDevTools from 'vite-plugin-vue-devtools'
|
|
5
6
|
|
|
6
7
|
export default defineConfig({
|
|
7
8
|
resolve: {
|
|
@@ -14,7 +15,8 @@ export default defineConfig({
|
|
|
14
15
|
vue({
|
|
15
16
|
include: [/\.vue$/, /\.md$/]
|
|
16
17
|
}),
|
|
17
|
-
Markdown()
|
|
18
|
+
Markdown(),
|
|
19
|
+
VueDevTools()
|
|
18
20
|
],
|
|
19
21
|
server: {
|
|
20
22
|
port: 5177
|