br-dionysus 0.7.21 → 0.8.1

package/README.md

@@ -6,6 +6,8 @@
 
 + MInputNumber([数值输入框组件](#数值输入框组件))
 
++ MSelect([下拉选择器组件](#下拉选择器组件))
+
 + MSelectTable([下拉表格选择器](#下拉表格选择器))
 
 + MTable([表格组件](#表格组件))
@@ -247,6 +249,66 @@ const test = ref<number>(0)
 
 
 
+下拉选择器组件
+=================
+
+### 1) 基础用法
+
+
+
+```html
+
+<template>
+  <div class="g-demo-m-select-box">
+    <m-select
+      v-model="test"
+      checkbox-mode
+      multiple
+    >
+      <m-option
+        v-for="item in options"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value"
+      ></m-option>
+    </m-select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const test = ref<string>('')
+
+const options: Option[] = [{
+  label: '这是选项一',
+  value: 'a'
+}, {
+  label: '这是选项二',
+  value: 'b'
+}]
+</script>
+
+<style scoped>
+.g-demo-m-select-box {
+  max-width: 1000px;
+}
+</style>
+
+
+```
+
+### 2) Attributes
+
+| 参数                            |                            说明                             |   类型   | 可选值 |    默认值    |
+|-------------------------------|:---------------------------------------------------------:|:------:|:---:|:---------:|
+| value / v-model               |                            绑定值                            | number |  -  |    ''     |
+| checkbox-mode                 |                      是否为复选框模式（只影响样式）                      | number |  -  | -Infinity |
+| 其他属性同element-plus的el-select组件 | https://element-plus.gitee.io/zh-CN/component/select.html |   -    |  -  |     -     |
+
+
+
+
 下拉表格选择器
 =================