br-dionysus 0.9.18 → 1.0.0

package/README.md

@@ -6,11 +6,11 @@
 
 + MInputNumber([数值输入框组件](#数值输入框组件))
 
-+ MNewSelectTable([新版下拉表](#新版下拉表))
-
 + MSelect([下拉选择器组件](#下拉选择器组件))
 
-+ MSelectTable([下拉表格选择器](#下拉表格选择器))
++ MSelectTable([新版下拉表](#新版下拉表))
+
++ MSelectTableV1([下拉表格选择器](#下拉表格选择器))
 
 + MSelectV2([下拉选择器V2组件](#下拉选择器V2组件))
 
@@ -255,6 +255,66 @@ const test = ref<number>(0)
 
 
 
+下拉选择器组件
+=================
+
+### 1) 基础用法
+
+
+
+```html
+
+<template>
+  <div class="g-demo-m-select-box">
+    <m-select
+      v-model="test"
+      checkboxMode
+      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                 |                      是否为复选框模式（只影响样式）                      | boolean |  -  | false |
+| 其他属性同element-plus的el-select组件 | https://element-plus.gitee.io/zh-CN/component/select.html |    -    |  -  |   -   |
+
+
+
+
 新版下拉表
 =================
 
@@ -268,7 +328,7 @@ const test = ref<number>(0)
   <div>
     <p>多选</p>
     <p>第一个选择器的值： {{ code }}</p>
-    <m-new-select-table
+    <m-select-table
       class="zzz"
       ref="selectRef"
       v-model="code"
@@ -288,10 +348,10 @@ const test = ref<number>(0)
       multiple
       allowCreate
       :remoteMethod="remoteMethod"
-    ></m-new-select-table>
+    ></m-select-table>
     <p>单选</p>
     <p>第二选择器的值： {{ code2 }}</p>
-    <m-new-select-table
+    <m-select-table
       class="zzz"
       ref="selectRef"
       v-model="code2"
@@ -310,7 +370,7 @@ const test = ref<number>(0)
       remote
       allowCreate
       :remoteMethod="remoteMethod"
-    ></m-new-select-table>
+    ></m-select-table>
   </div>
 </template>
 
@@ -509,66 +569,6 @@ onMounted(() => {
 
 
 
-下拉选择器组件
-=================
-
-### 1) 基础用法
-
-
-
-```html
-
-<template>
-  <div class="g-demo-m-select-box">
-    <m-select
-      v-model="test"
-      checkboxMode
-      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                 |                      是否为复选框模式（只影响样式）                      | boolean |  -  | false |
-| 其他属性同element-plus的el-select组件 | https://element-plus.gitee.io/zh-CN/component/select.html |    -    |  -  |   -   |
-
-
-
-
 下拉表格选择器
 =================