br-dionysus 0.8.0 → 0.8.2

package/README.md

@@ -10,6 +10,8 @@
 
 + MSelectTable([下拉表格选择器](#下拉表格选择器))
 
++ MSelectV2([下拉选择器V2组件](#下拉选择器V2组件))
+
 + MTable([表格组件](#表格组件))
 
 + MTableColumn([表格列组件](#表格列组件))
@@ -300,11 +302,11 @@ const options: Option[] = [{
 
 ### 2) Attributes
 
-| 参数                            |                            说明                             |   类型   | 可选值 |    默认值    |
-|-------------------------------|:---------------------------------------------------------:|:------:|:---:|:---------:|
-| value / v-model               |                            绑定值                            | number |  -  |    ''     |
-| checkbox-mode                 |                       设置数值输入框允许的最小值                       | number |  -  | -Infinity |
-| 其他属性同element-plus的el-select组件 | https://element-plus.gitee.io/zh-CN/component/select.html |   -    |  -  |     -     |
+| 参数                            |                            说明                             |   类型    | 可选值 |  默认值  |
+|-------------------------------|:---------------------------------------------------------:|:-------:|:---:|:-----:|
+| value / v-model               |                            绑定值                            | number  |  -  |  ''   |
+| checkbox-mode                 |                      是否为复选框模式（只影响样式）                      | boolean |  -  | false |
+| 其他属性同element-plus的el-select组件 | https://element-plus.gitee.io/zh-CN/component/select.html |    -    |  -  |   -   |
 
 
 
@@ -435,6 +437,77 @@ const remoteMethod = async (query: string = '', page: Page) => {
 
 
 
+下拉选择器V2组件
+=================
+
+### 1) 基础用法
+
+
+
+```html
+
+<template>
+  <div class="g-demo-m-select-box">
+    <m-select-v2
+      v-model="test"
+      checkbox-mode
+      multiple
+      :options="options"
+      show-all
+    >
+    </m-select-v2>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const test = ref<string>('')
+
+const options: Option[] = [{
+  label: '这是选项一',
+  value: 'a'
+}, {
+  label: '这是选项二',
+  value: 'b'
+}, {
+  label: '这是选项三',
+  value: 'c',
+  disabled: true
+}]
+</script>
+
+<style scoped>
+.g-demo-m-select-box {
+  max-width: 1000px;
+}
+</style>
+
+
+```
+
+### 2) Attributes
+
+| 参数                            |                            说明                             |    类型    | 可选值 |  默认值  |
+|-------------------------------|:---------------------------------------------------------:|:--------:|:---:|:-----:|
+| value / v-model               |                            绑定值                            |  number  |  -  |  ''   |
+| checkbox-mode                 |                      是否为复选框模式（只影响样式）                      | boolean  |  -  | false |
+| multiple                      |                           是否多选                            | boolean  |  -  | false |
+| show-all                      |               是否显示全选选项（只在multiple为true时生效）                | boolean  |  -  | false |
+| options                       |                            选项值                            | Option[] |  -  |  []   |
+| 其他属性同element-plus的el-select组件 | https://element-plus.gitee.io/zh-CN/component/select.html |    -     |  -  |   -   |
+
+#### Option（选项对象）
+
+| 参数       |          说明           |   类型    | 必填 | 可选值 |  默认值  |
+|----------|:---------------------:|:-------:|:--:|:---:|:-----:|
+| label    | 选项的标签，若不设置则默认与value相同 | string  | 否  |  -  |   -   |
+| value    |         选项的值          | number  | 是  |  -  |   -   |
+| disabled |        是否禁用该选项        | boolean | 否  |  -  | false |
+
+
+
+
 表格组件
 =================
 
@@ -558,6 +631,9 @@ sole 必须传递在表格数据内为唯一的值  如id key 等不会发生重
         showOverflowTooltip
         :children="item.children||[]"
       >
+        <template #default="aa">
+
+        </template>
       </MTableColumn>
     </el-table>
   </div>