br-dionysus 0.9.1 → 0.9.2

package/README.md

@@ -264,6 +264,7 @@ const test = ref<number>(0)
 
 <template>
   <m-new-select-table
+    class="zzz"
     ref="selectRef"
     v-model="code"
     placeholder="请选择单号"
@@ -272,13 +273,15 @@ const test = ref<number>(0)
     :keywords="{label: 'createdUserName',value: 'sn' }"
     size="small"
     @selected="selected"
+    @selectMultiple="selectMultiple"
     multiple
     filterable
     tableHeight="200"
     reserveSelection
     :filterMethod="filterMethod"
     @toPage="toPage"
-    :total="9"
+    isAffirmBtn
+    :total="total"
   ></m-new-select-table>
 </template>
 <script setup lang="ts">
@@ -288,21 +291,21 @@ import { Page } from 'packages/typings/class'
 const commodityOptionsTitle: TableTitle[] = [{
   prop: 'sn',
   label: '单号',
-  minWidth: 200
+  // minWidth: 200
 
 }, {
   prop: 'fileName',
   label: '文件名',
-  minWidth: 200
+  // minWidth: 200
 }, {
   prop: 'createdUserName',
-  minWidth: 300,
+  // minWidth: 300,
   label: '上传者'
 
 }, {
   prop: 'createdTimeStr',
   label: '上传时间',
-  minWidth: 200
+  // minWidth: 200
 
 }]
 const selectRef: any = ref<HTMLElement | null>(null)
@@ -360,6 +363,7 @@ const arr = [{
   createdUserName: '绫波丽0',
   createdTimeStr: '2024-05-06'
 }]
+const total = ref(0)
 const options = ref()
 
 const selected = (value: string | number | Array<number | string>, row: any) => {
@@ -399,10 +403,15 @@ const toPage = (page: Page) => {
       two()
     }
   }
+  total.value = arr.length
   console.log(options.value)
 
 }
-// options.value = arr
+const selectMultiple =(value: string | number | Array<number | string>, row: any) => {
+  code.value = value
+  // console.log('selected',value)
+  // console.log('selected', row)
+}
 
 
 onMounted(() => {
@@ -413,6 +422,7 @@ onMounted(() => {
   setTimeout(() => {
     code.value = ['SC201564981241', 'SC201564981243']
   }, 0)
+  total.value = arr.length
 })
 const filterMethod = (searchValue: string, page: Page) => {
   if (page.pageSize > 5) {
@@ -431,7 +441,9 @@ const filterMethod = (searchValue: string, page: Page) => {
 </script>
 
 <style>
-
+.zzz{
+  width: 200px;
+}
 </style>
 
 
@@ -453,7 +465,7 @@ const filterMethod = (searchValue: string, page: Page) => {
 | keywords         | 关键字配置（value-key 配置）映射关键字                                                    | Option   | -                                  | {label: 'label' ,value:'value'} |
 | reserveSelection | 是否打开翻页多选      需要是多选才有效                                                    | boolean  | -                                  | false                           |
 | tableHeight      | 表格高度                                                                                  | string   | number                             | 200                             |
-
+| isAffirmBtn      | 是否有确认按钮  当使用此按钮时    selected事件无效 需使用selectMultiple事件               | boolean  | -                                  | false                           |
 
 ### 3)  Option
 | 参数  | 说明   | 类型   |
@@ -462,10 +474,11 @@ const filterMethod = (searchValue: string, page: Page) => {
 | value | 绑定值 | string | number |
 
 ### 4)  events
-| 事件名   | 说明                                         | 回调参数                                                                                |
-| -------- | -------------------------------------------- | --------------------------------------------------------------------------------------- |
-| selected | 单选或多选之后的回调                         | 根据多选和单选的模式不同 返回的也有所区别  单选为  (value,row)  多选为(values[],rows[]) |
-| toPage   | 当没有使用filterMethod时候才会有回调否则没有 | page 表格分页                                                                           |
+| 事件名         | 说明                                         | 回调参数                                                                                |
+| -------------- | -------------------------------------------- | --------------------------------------------------------------------------------------- |
+| selected       | 单选或多选之后的回调                         | 根据多选和单选的模式不同 返回的也有所区别  单选为  (value,row)  多选为(values[],rows[]) |
+| toPage         | 当没有使用filterMethod时候才会有回调否则没有 | page 表格分页                                                                           |
+| selectMultiple | 多选确认按钮时的回调 配合isAffirmBtn使用     | (values[],rows[])                                                                       |
 
 ### 5)  Methods
 | 方法名               | 说明                                                                                                                                    |