br-dionysus 0.9.3 → 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 +40 -32
- package/build/base.config.ts +3 -1
- package/dist/br-dionysus.es.js +1446 -1382
- 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/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
|
|
|
@@ -647,16 +651,16 @@ const remoteMethod = async (query: string = '', page: Page) => {
|
|
|
647
651
|
| value / v-model | 绑定值 | string | number | - | '' |
|
|
648
652
|
| placeholder | 输入框默认 placeholder | string | - | '' |
|
|
649
653
|
| disabled | 是否禁用 | boolean | - | false |
|
|
654
|
+
| size | 数值输入框尺寸 | string | 'large', 'small', '' | '' |
|
|
650
655
|
| options | 选项内容，详情见Options接口 | Option[] | - | [] |
|
|
651
|
-
|
|
|
656
|
+
| total | 总数据量，当有值时，出现分页器 | number | null | - |
|
|
652
657
|
| remoteMethod | 自定义远程搜索方法 | Function | - | - |
|
|
658
|
+
| tableTitle | 表格标题配置 | any[] | - | [] |
|
|
659
|
+
| isSelect | 是否多选 | boolean | - | false |
|
|
653
660
|
| allowCreate | 是否允许用户创建新条目 | boolean | - | false |
|
|
654
661
|
| focusShow | 是否聚焦显示（既，当搜索值为空时是否显示选择器） | - | false | - |
|
|
655
|
-
| isSelect | 是否多选 | boolean | - | false |
|
|
656
662
|
| clearable | 是否可以清空选项 | boolean | - | false |
|
|
657
|
-
| size | 数值输入框尺寸 | string | 'large', 'small', '' | '' |
|
|
658
663
|
| scrollbarAlwaysOn | 总是显示滚动条 | boolean | - | - |
|
|
659
|
-
| total | 总数据量，当有值时，出现分页器 | number | null | - |
|
|
660
664
|
| labelKey | label映射key | string | - | 'label' |
|
|
661
665
|
|
|
662
666
|
#### Options（选项接口）
|
|
@@ -1734,6 +1738,10 @@ const list = ref<{ name: string, className: string }[]>([
|
|
|
1734
1738
|
| followSystem | 是否跟随系统 | boolean | - | false |
|
|
1735
1739
|
| size | 大小 | enum | large \| default \| small | default |
|
|
1736
1740
|
| primaryColor | 主题色 | string | - | '#646CFF' |
|
|
1741
|
+
| successColor | 成功色 | string | - | '#67c23a' |
|
|
1742
|
+
| warningColor | 警告色 | string | - | '#e6a23c' |
|
|
1743
|
+
| dangerColor | 危险色 | string | - | '#f56c6c' |
|
|
1744
|
+
| infoColor | 信息色 | string | - | '#909399' |
|
|
1737
1745
|
|
|
1738
1746
|
### 3) 说明
|
|
1739
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
|