br-dionysus 1.7.7 → 1.7.8

package/README.md

@@ -951,7 +951,7 @@ const remoteMethod = async (query: string = '', page: Page) => {
 <script setup lang="ts">
 import { ref } from 'vue'
 
-const test = ref<string>('')
+const test = ref<string[]>([])
 
 const options: Option[] = [{
   label: '这是选项一',
@@ -2343,6 +2343,12 @@ const list = ref<{ name: string, className: string }[]>([
 
 
 
++ checkType([|-isNumber-|-是否为数值-|-()](#|-isNumber-|-是否为数值-|-()))
+
++ compareStructures([](#))
+
++ createHash([](#))
+
 + moneyFormat([](#))
 
 
@@ -3262,7 +3268,7 @@ const remoteMethod = async (query: string = '', page: Page) => {
 <script setup lang="ts">
 import { ref } from 'vue'
 
-const test = ref<string>('')
+const test = ref<string[]>([])
 
 const options: Option[] = [{
   label: '这是选项一',
@@ -4516,20 +4522,73 @@ const list = ref<{ name: string, className: string }[]>([
 ## Tool列表
 
 
+## 检查变量类型 checkType
+
+### 1) 传参
+
+| 参数   | 描述    | 类型  | 默认值 |
+|------|-------|-----|-----|
+| data | 被检测数据 | any | -   |
+
+### 2) 返参
+
+| 参数       | 描述    | 类型            | 默认值 |
+|----------|-------|---------------|-----|
+| isNumber | 是否为数值 | () => boolean | -   |
+| isObject | 是否为对象 | () => boolean | -   |
+| isArray  | 是否为数组 | () => boolean | -   |
+
+
+
+
+
+
+## 比较两个变量的数据结构是否一致 compareStructures
+
+### 1) 传参
 
-### 1) moneyFormat
+| 参数 | 描述    | 类型  | 默认值 |
+|----|-------|-----|-----|
+| a  | 被检测数据 | any | -   |
+| b  | 被检测数据 | any | -   |
 
-| 参数        | 描述           | 类型          | 默认值 |
-| ----------- | -------------- | ------------- | ------ |
-| val         | 要转换的数字   | number,string | 0      |
-| isThousands | 是否需要千分位 | boolean       | true   |
-| roundDTo    | 四舍五入位数   | number        | 2      |
-| config      | 配置项         | ConfigType    | {}     |
+### 2) 返参
+
+| 参数 | 描述   | 类型      | 默认值 |
+|----|------|---------|-----|
+| -  | 返回参数 | boolean | -   |
+
+
+
+
+
+
+## 创建随机哈希值 createHash
+
+### 1) 参数
+
+| 参数         | 描述 | 类型     | 默认值 |
+|------------|----|--------|-----|
+| hashLength | 长度 | number | 24  |
+
+
+
+
+## 处理金额格式 moneyFormat
+
+### 1) 参数
+| 参数          | 描述      | 类型            | 默认值  |
+|-------------|---------|---------------|------|
+| val         | 要转换的数字  | number,string | 0    |
+| isThousands | 是否需要千分位 | boolean       | true |
+| roundDTo    | 四舍五入位数  | number        | 2    |
+| config      | 配置项     | ConfigType    | {}   |
 
 ### 2) ConfigType
-| 参数        | 描述         | 类型   | 默认值 |
-| ----------- | ------------ | ------ | ------ |
-| moneySymbol | 补的金钱符号 | string | -      |
-| repairZero  | 末尾补几位零 | number | -      |
+
+| 参数          | 描述      | 类型     | 默认值 |
+|-------------|---------|--------|-----|
+| moneySymbol | 补的金钱符号  | string | -   |
+| repairZero  | 末尾补到几位零 | number | -   |
 
 

package/attributes.json

@@ -1 +1 @@
-{"m-dialog/modelValue":{"type":"boolean","description":""},"m-dialog/width":{"type":"string | number","description":"对话框的宽度，默认值为 50%"},"m-dialog/insideHeight":{"type":"number | null","description":"对话框内部空间的高度，默认为null"},"m-dialog/minInsideHeight":{"type":"number","description":"对话框内部空间的最小高度，默认为0(当同时存在maxHeight和minInsideHeight时，以maxHeight为准)"},"m-dialog/maxInsideHeight":{"type":"number","description":"对话框内部空间的最大高度，默认为Infinity"},"m-dialog/resize":{"type":"boolean","description":"是否开启拖拽改变大小"},"m-dialog/draggable":{"type":"boolean","description":"是否可拖动"},"m-dialog/insideClassName":{"type":"string","description":"对话框内部空间的className"},"m-dialog/resized":{"type":"[contentsSize: { width: number, height: number }]","description":"窗口大小改变完成事件"},"m-dialog/update:insideHeight":{"type":"[number]","description":"更新内部容器高度"},"m-dialog/update:modelValue":{"type":"[boolean]","description":""},"m-inline/minWidth":{"type":"number","description":"列最小宽度"},"m-inline/maxWidth":{"type":"number","description":"列最大宽度"},"m-inline/size":{"type":"Size","description":"组件尺寸"},"m-inline/switch":{"type":"[status: boolean]","description":"切换折叠展开事件"},"m-input-number/modelValue":{"type":"string | number","description":""},"m-input-number/placeholder":{"type":"string","description":""},"m-input-number/disabled":{"type":"boolean","description":"是否禁用数值输入框"},"m-input-number/size":{"type":"string","description":"数值输入框尺寸"},"m-input-number/min":{"type":"number","description":"设置数值输入框允许的最小值"},"m-input-number/max":{"type":"number","description":"设置数值输入框允许的最大值"},"m-input-number/step":{"type":"number","description":"数值输入框步长"},"m-input-number/stepStrictly":{"type":"boolean","description":"是否只能输入 step 的倍数"},"m-input-number/thousandthPlace":{"type":"boolean","description":"输入框是否显示千分位"},"m-input-number/noBorder":{"type":"boolean","description":"是否不要边框"},"m-input-number/noSpacing":{"type":"boolean","description":"不要边距"},"m-input-number/update:modelValue":{"type":"any","description":""},"m-input-number/change":{"type":"any","description":""},"m-input-number/focus":{"type":"any","description":""},"m-input-number/blur":{"type":"any","description":""},"m-select/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select/multiple":{"type":"boolean","description":"多选"},"m-select-table/modelValue":{"type":"string | number | Array<number | string>","description":""},"m-select-table/name":{"type":"string | number | Array<number | string>","description":"显示值"},"m-select-table/placeholder":{"type":"string","description":""},"m-select-table/disabled":{"type":"boolean","description":""},"m-select-table/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table/total":{"type":"number | null","description":"总数据量，当有值时，出现分页器"},"m-select-table/filterMethod":{"type":"Function | null","description":"自定义搜索"},"m-select-table/filterable":{"type":"boolean","description":"是否使用搜索"},"m-select-table/remote":{"type":"boolean","description":"是否使用 远程搜索"},"m-select-table/remoteMethod":{"type":"Function","description":"自定义远程搜索"},"m-select-table/options":{"type":"Option[]","description":""},"m-select-table/tableTitle":{"type":"TableTitle[]","description":""},"m-select-table/multiple":{"type":"boolean","description":"是否多选"},"m-select-table/keywords":{"type":"Option","description":"定义默认的 label 和value"},"m-select-table/reserveSelection":{"type":"boolean","description":"是否开启翻页多选"},"m-select-table/tableHeight":{"type":"string | number","description":""},"m-select-table/isAffirmBtn":{"type":"boolean","description":"是否有确认按钮"},"m-select-table/scrollbarAlwaysOn":{"type":"boolean","description":"是否常态显示滚动条"},"m-select-table/allowCreate":{"type":"boolean","description":"是否能够创建条目"},"m-select-table/border":{"type":"boolean","description":"表格边框"},"m-select-table/popupWidth":{"type":"number | string","description":"弹窗的宽度"},"m-select-table/selected":{"type":"[values: string | number | Array<string | number>, rows: Option[] | Option]","description":"单选或多选之后的回调"},"m-select-table/selectMultiple":{"type":"[values: Array<string | number>, rows: Option[]]","description":"多选确认按钮时的回调 配合isAffirmBtn使用"},"m-select-table/toPage":{"type":"[page: Page, query?: string]","description":"当没有使用filterMethod时候才会有回调否则没有"},"m-select-table/update:modelValue":{"type":"[value: string | number | Array<string | number>]","description":""},"m-select-table/clear":{"type":"[]","description":"用户点击清空按钮时触发"},"m-select-table/removeTag":{"type":"[tag: any]","description":"多选模式下移除tag时触发"},"m-select-table-v1/modelValue":{"type":"string | number","description":""},"m-select-table-v1/placeholder":{"type":"string","description":""},"m-select-table-v1/disabled":{"type":"boolean","description":""},"m-select-table-v1/options":{"type":"Option[]","description":""},"m-select-table-v1/tableTitle":{"type":"any[]","description":""},"m-select-table-v1/remoteMethod":{"type":"Function","description":""},"m-select-table-v1/allowCreate":{"type":"boolean","description":""},"m-select-table-v1/focusShow":{"type":"boolean","description":""},"m-select-table-v1/isSelect":{"type":"boolean","description":""},"m-select-table-v1/clearable":{"type":"boolean","description":""},"m-select-table-v1/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table-v1/labelKey":{"type":"string","description":""},"m-select-table-v1/scrollbarAlwaysOn":{"type":"boolean","description":""},"m-select-table-v1/total":{"type":"number | null","description":""},"m-select-table-v1/update:modelValue":{"type":"any","description":""},"m-select-table-v1/selectMultiple":{"type":"any","description":""},"m-select-table-v1/change":{"type":"any","description":""},"m-select-table-v1/selected":{"type":"any","description":""},"m-select-table-v1/clear":{"type":"any","description":""},"m-select-v2/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select-v2/multiple":{"type":"boolean","description":"多选"},"m-select-v2/showAll":{"type":"boolean","description":"是否显示全选"},"m-select-v2/options":{"type":"Option[]","description":"选项"},"m-select-v2/update:modelValue":{"type":"[data: any]","description":""},"m-table/size":{"type":"'small' | 'large' | ''","description":""},"m-table/sole":{"type":"string","description":""},"m-table/data":{"type":"Array<{\n    [key: string]: any\n  }>","description":""},"m-table/filtersValue":{"type":"FilterValue","description":""},"m-table/tableConfig":{"type":"TableConfig | null","description":"表格配置"},"m-table/expandProp":{"type":"string","description":"展开图标列(如使用这个属性则必须存在rowKey属性) (标记，约束条件后面解决)"},"m-table/expandRowKeys":{"type":"any[]","description":"可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。"},"m-table/rowKey":{"type":"Function | string","description":"行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的。 类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。"},"m-table/tableConfigKey":{"type":"string","description":"表格配置key"},"m-table/pasteData":{"type":"[\n    data: {\n      /** 粘贴行的行数据 */\n      editRow: { [key: string]: any },\n      /** 粘贴列的列名 */\n      editColumn: string,\n      /** 粘贴的数据 */\n      arr: Array<string | number>,\n      /** 起始行 */\n      rowIndex: number,\n    },\n    /** 粘贴完成后的表格数据 */\n    tableData: Array<{ [key: string]: any }>\n  ]","description":""},"m-table/update:tableConfig":{"type":"[tableConfig: TableConfig]","description":"表格配置更新"},"m-table/privateExpandChange":{"type":"[row: any, expandedRows: any[]]","description":"expandProp模式下 当用户对某一行展开或者关闭的时候会触发该事件"},"m-table-column/filtersValue":{"type":"FilterValue","description":"过滤值"},"m-table-column/filters":{"type":"Array<{ text: string | number, value: string | number }>","description":"过滤选项"},"m-table-column/filterMethod":{"type":"Function | null","description":"过滤方法"},"m-table-column/children":{"type":"Array<PropChildren>","description":""},"m-table-column/update:filtersValue":{"type":"any","description":""},"m-table-column-set/modelValue":{"type":"TableConfig","description":"配置"},"m-table-column-set/foldMode":{"type":"boolean","description":"是否为折叠模式"},"m-table-column-set/link":{"type":"boolean","description":"是否为链接按钮"},"m-table-column-set/tableConfigKey":{"type":"''","description":"表格配置key"},"m-table-column-set/update:modelValue":{"type":"any","description":""},"m-table-column-set/change":{"type":"any","description":""},"skin-config/change":{"type":"any","description":""},"tab-page/modelValue":{"type":"MenuItem[]","description":""},"tab-page/activeKey":{"type":"string","description":""},"tab-page/showRightClickMenu":{"type":"boolean","description":""},"tab-page/primaryColor":{"type":"string","description":""},"tab-page/primaryBackgroundColor":{"type":"string | null","description":""},"tab-page/close":{"type":"any","description":""},"tab-page/click":{"type":"any","description":""}}
+{"m-dialog/modelValue":{"type":"boolean","description":""},"m-dialog/width":{"type":"string | number","description":"对话框的宽度，默认值为 50%"},"m-dialog/insideHeight":{"type":"number | null","description":"对话框内部空间的高度，默认为null"},"m-dialog/minInsideHeight":{"type":"number","description":"对话框内部空间的最小高度，默认为0(当同时存在maxHeight和minInsideHeight时，以maxHeight为准)"},"m-dialog/maxInsideHeight":{"type":"number","description":"对话框内部空间的最大高度，默认为Infinity"},"m-dialog/resize":{"type":"boolean","description":"是否开启拖拽改变大小"},"m-dialog/draggable":{"type":"boolean","description":"是否可拖动"},"m-dialog/insideClassName":{"type":"string","description":"对话框内部空间的className"},"m-dialog/resized":{"type":"[contentsSize: { width: number, height: number }]","description":"窗口大小改变完成事件"},"m-dialog/update:insideHeight":{"type":"[number]","description":"更新内部容器高度"},"m-dialog/update:modelValue":{"type":"[boolean]","description":""},"m-inline/minWidth":{"type":"number","description":"列最小宽度"},"m-inline/maxWidth":{"type":"number","description":"列最大宽度"},"m-inline/size":{"type":"Size","description":"组件尺寸"},"m-inline/switch":{"type":"[status: boolean]","description":"切换折叠展开事件"},"m-input-number/modelValue":{"type":"string | number","description":""},"m-input-number/placeholder":{"type":"string","description":""},"m-input-number/disabled":{"type":"boolean","description":"是否禁用数值输入框"},"m-input-number/size":{"type":"string","description":"数值输入框尺寸"},"m-input-number/min":{"type":"number","description":"设置数值输入框允许的最小值"},"m-input-number/max":{"type":"number","description":"设置数值输入框允许的最大值"},"m-input-number/step":{"type":"number","description":"数值输入框步长"},"m-input-number/stepStrictly":{"type":"boolean","description":"是否只能输入 step 的倍数"},"m-input-number/thousandthPlace":{"type":"boolean","description":"输入框是否显示千分位"},"m-input-number/noBorder":{"type":"boolean","description":"是否不要边框"},"m-input-number/noSpacing":{"type":"boolean","description":"不要边距"},"m-input-number/update:modelValue":{"type":"any","description":""},"m-input-number/change":{"type":"any","description":""},"m-input-number/focus":{"type":"any","description":""},"m-input-number/blur":{"type":"any","description":""},"m-select/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select/multiple":{"type":"boolean","description":"多选"},"m-select-table/modelValue":{"type":"string | number | Array<number | string>","description":""},"m-select-table/name":{"type":"string | number | Array<number | string>","description":"显示值"},"m-select-table/placeholder":{"type":"string","description":""},"m-select-table/disabled":{"type":"boolean","description":""},"m-select-table/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table/total":{"type":"number | null","description":"总数据量，当有值时，出现分页器"},"m-select-table/filterMethod":{"type":"Function | null","description":"自定义搜索"},"m-select-table/filterable":{"type":"boolean","description":"是否使用搜索"},"m-select-table/remote":{"type":"boolean","description":"是否使用 远程搜索"},"m-select-table/remoteMethod":{"type":"Function","description":"自定义远程搜索"},"m-select-table/options":{"type":"Option[]","description":""},"m-select-table/tableTitle":{"type":"TableTitle[]","description":""},"m-select-table/multiple":{"type":"boolean","description":"是否多选"},"m-select-table/keywords":{"type":"Option","description":"定义默认的 label 和value"},"m-select-table/reserveSelection":{"type":"boolean","description":"是否开启翻页多选"},"m-select-table/tableHeight":{"type":"string | number","description":""},"m-select-table/isAffirmBtn":{"type":"boolean","description":"是否有确认按钮"},"m-select-table/scrollbarAlwaysOn":{"type":"boolean","description":"是否常态显示滚动条"},"m-select-table/allowCreate":{"type":"boolean","description":"是否能够创建条目"},"m-select-table/border":{"type":"boolean","description":"表格边框"},"m-select-table/popupWidth":{"type":"number | string","description":"弹窗的宽度"},"m-select-table/selected":{"type":"[values: string | number | Array<string | number>, rows: Option[] | Option]","description":"单选或多选之后的回调"},"m-select-table/selectMultiple":{"type":"[values: Array<string | number>, rows: Option[]]","description":"多选确认按钮时的回调 配合isAffirmBtn使用"},"m-select-table/toPage":{"type":"[page: Page, query?: string]","description":"当没有使用filterMethod时候才会有回调否则没有"},"m-select-table/update:modelValue":{"type":"[value: string | number | Array<string | number>]","description":""},"m-select-table/clear":{"type":"[]","description":"用户点击清空按钮时触发"},"m-select-table/removeTag":{"type":"[tag: any]","description":"多选模式下移除tag时触发"},"m-select-table-v1/modelValue":{"type":"string | number","description":""},"m-select-table-v1/placeholder":{"type":"string","description":""},"m-select-table-v1/disabled":{"type":"boolean","description":""},"m-select-table-v1/options":{"type":"Option[]","description":""},"m-select-table-v1/tableTitle":{"type":"any[]","description":""},"m-select-table-v1/remoteMethod":{"type":"Function","description":""},"m-select-table-v1/allowCreate":{"type":"boolean","description":""},"m-select-table-v1/focusShow":{"type":"boolean","description":""},"m-select-table-v1/isSelect":{"type":"boolean","description":""},"m-select-table-v1/clearable":{"type":"boolean","description":""},"m-select-table-v1/size":{"type":"'small' | 'large' | ''","description":""},"m-select-table-v1/labelKey":{"type":"string","description":""},"m-select-table-v1/scrollbarAlwaysOn":{"type":"boolean","description":""},"m-select-table-v1/total":{"type":"number | null","description":""},"m-select-table-v1/update:modelValue":{"type":"any","description":""},"m-select-table-v1/selectMultiple":{"type":"any","description":""},"m-select-table-v1/change":{"type":"any","description":""},"m-select-table-v1/selected":{"type":"any","description":""},"m-select-table-v1/clear":{"type":"any","description":""},"m-select-v2/modelValue":{"type":"ValueType","description":""},"m-select-v2/checkboxMode":{"type":"boolean","description":"是否为checkbox模式"},"m-select-v2/multiple":{"type":"boolean","description":"多选"},"m-select-v2/showAll":{"type":"boolean","description":"是否显示全选"},"m-select-v2/options":{"type":"Option[]","description":"选项"},"m-select-v2/update:modelValue":{"type":"[data: ValueType]","description":""},"m-table/size":{"type":"'small' | 'large' | ''","description":""},"m-table/sole":{"type":"string","description":""},"m-table/data":{"type":"Array<{\n    [key: string]: any\n  }>","description":""},"m-table/filtersValue":{"type":"FilterValue","description":""},"m-table/tableConfig":{"type":"TableConfig | null","description":"表格配置"},"m-table/expandProp":{"type":"string","description":"展开图标列(如使用这个属性则必须存在rowKey属性) (标记，约束条件后面解决)"},"m-table/expandRowKeys":{"type":"any[]","description":"可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。"},"m-table/rowKey":{"type":"Function | string","description":"行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的。 类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。"},"m-table/tableConfigKey":{"type":"string","description":"表格配置key"},"m-table/pasteData":{"type":"[\n    data: {\n      /** 粘贴行的行数据 */\n      editRow: { [key: string]: any },\n      /** 粘贴列的列名 */\n      editColumn: string,\n      /** 粘贴的数据 */\n      arr: Array<string | number>,\n      /** 起始行 */\n      rowIndex: number,\n    },\n    /** 粘贴完成后的表格数据 */\n    tableData: Array<{ [key: string]: any }>\n  ]","description":""},"m-table/update:tableConfig":{"type":"[tableConfig: TableConfig]","description":"表格配置更新"},"m-table/privateExpandChange":{"type":"[row: any, expandedRows: any[]]","description":"expandProp模式下 当用户对某一行展开或者关闭的时候会触发该事件"},"m-table-column/filtersValue":{"type":"FilterValue","description":"过滤值"},"m-table-column/filters":{"type":"Array<{ text: string | number, value: string | number }>","description":"过滤选项"},"m-table-column/filterMethod":{"type":"Function | null","description":"过滤方法"},"m-table-column/children":{"type":"Array<PropChildren>","description":""},"m-table-column/update:filtersValue":{"type":"any","description":""},"m-table-column-set/modelValue":{"type":"TableConfig","description":"配置"},"m-table-column-set/foldMode":{"type":"boolean","description":"是否为折叠模式"},"m-table-column-set/link":{"type":"boolean","description":"是否为链接按钮"},"m-table-column-set/tableConfigKey":{"type":"''","description":"表格配置key"},"m-table-column-set/update:modelValue":{"type":"any","description":""},"m-table-column-set/change":{"type":"any","description":""},"skin-config/change":{"type":"any","description":""},"tab-page/modelValue":{"type":"MenuItem[]","description":""},"tab-page/activeKey":{"type":"string","description":""},"tab-page/showRightClickMenu":{"type":"boolean","description":""},"tab-page/primaryColor":{"type":"string","description":""},"tab-page/primaryBackgroundColor":{"type":"string | null","description":""},"tab-page/close":{"type":"any","description":""},"tab-page/click":{"type":"any","description":""}}

package/build/doc.config.ts

@@ -1,4 +1,4 @@
-import baseConfig from './base.config'
+import baseConfig from '../vite.config'
 import { defineConfig } from 'vite'
 
 export default defineConfig({

package/build/lib.config.ts

@@ -1,4 +1,4 @@
-import baseConfig from './base.config'
+import baseConfig from '../vite.config'
 import { defineConfig } from 'vite'
 import { resolve } from 'path'
 import dts from 'vite-plugin-dts'

package/cypress/component/MInputNumber.cy.ts

@@ -0,0 +1,38 @@
+import { mount } from 'cypress/vue'
+import { ref } from 'vue'
+import { MInputNumber } from '../../packages'
+import { ElInputNumber } from 'element-plus'
+import 'element-plus/dist/index.css'
+
+Cypress.Commands.add('mount' as any, (component: any, options: any = {}) => {
+  options.global = options.global || {}
+  options.global.components = options.global.components || {}
+
+  options.global.components.ElInputNumber = ElInputNumber
+
+  return mount(component, options)
+})
+
+// v-model问题待解决，此用例无法使用
+describe('数值输入框组件<MInputNumber />', () => {
+  it('测试外部传入null', () => {
+    const onUpdate = cy.spy().as('onUpdate')
+    const onChange = cy.spy().as('onChange')
+    const value = ref<any>(null)
+    ;(cy as any).mount(MInputNumber as any, {
+      props: {
+        modelValue: value,
+        'onUpdate:modelValue': onUpdate,
+        onChange
+      }
+    }).then(() => {
+      cy.get('.el-input__inner').type('111')
+      // cy.get('.el-input__inner').type('{1}')
+      // cy.get('.el-input__inner').type('{1}')
+    })
+
+    cy.get('@onUpdate').should((spy) => {
+      expect(spy).to.be.calledWith(111)
+    })
+  })
+})

package/cypress/component/MSelect.cy.ts

@@ -0,0 +1,46 @@
+import { mount } from 'cypress/vue'
+import { MSelect, MOption } from '../../packages'
+import { ElSelect, ElCheckbox, ElOption } from 'element-plus'
+import 'element-plus/dist/index.css'
+
+Cypress.Commands.add('mount' as any, (component: any, options: any = {}) => {
+  options.global = options.global || {}
+  options.global.components = options.global.components || {}
+
+  options.global.components.ElSelect = ElSelect
+  options.global.components.ElCheckbox = ElCheckbox
+  options.global.components.ElOption = ElOption
+  options.global.components.MOption = MOption
+
+  return mount(component, options)
+})
+
+describe('下拉选择器组件<MSelect />', () => {
+  const options = [{
+    label: '这是选项一',
+    value: 'a'
+  }, {
+    label: '这是选项二',
+    value: 'b'
+  }]
+  it('测试选择', () => {
+    const onChangeSpy = cy.spy().as('onChangeSpy')
+    ;(cy as any).mount(MSelect as any, {
+      props: {
+        checkboxMode: true,
+        multiple: true,
+        'onUpdate:modelValue': onChangeSpy
+      },
+      slots: {
+        default: options.map(item =>
+          `<MOption label="${item.label}" value="${item.value}"></MOption>`
+        ).join('')
+      }
+    })
+    cy.get('.el-select__wrapper').click()
+    cy.get('.el-select-dropdown .el-select-dropdown__item:nth-of-type(1)').click()
+    cy.get('@onChangeSpy').should('have.been.calledWith', ['a'])
+    cy.get('.el-select-dropdown .el-select-dropdown__item:nth-of-type(2)').click()
+    cy.get('@onChangeSpy').should('have.been.calledWith', ['b'])
+  })
+})

package/cypress/component/MSelectV2.cy.ts

@@ -0,0 +1,46 @@
+import { mount } from 'cypress/vue'
+import { MSelectV2 } from '../../packages'
+import { ElSelect, ElCheckbox, ElOption } from 'element-plus'
+import 'element-plus/dist/index.css'
+
+Cypress.Commands.add('mount' as any, (component: any, options: any = {}) => {
+  options.global = options.global || {}
+  options.global.components = options.global.components || {}
+
+  options.global.components.ElSelect = ElSelect
+  options.global.components.ElCheckbox = ElCheckbox
+  options.global.components.ElOption = ElOption
+
+  return mount(component, options)
+})
+
+describe('下拉选择器V2组件<MSelectV2 />', () => {
+  const options = [{
+    label: '这是选项一',
+    value: 'a'
+  }, {
+    label: '这是选项二',
+    value: 'b'
+  }, {
+    label: '这是选项三',
+    value: 'c',
+    disabled: true
+  }]
+  it('测试全选', () => {
+    const onChangeSpy = cy.spy().as('onChangeSpy')
+    ;(cy as any).mount(MSelectV2 as any, {
+      props: {
+        options,
+        checkboxMode: true,
+        multiple: true,
+        showAll: true,
+        'onUpdate:modelValue': onChangeSpy
+      }
+    })
+    cy.get('.el-select .el-select__wrapper').click()
+    cy.get('.el-select-dropdown__header .el-checkbox').click()
+    cy.get('@onChangeSpy').should((spy) => {
+      expect(spy).to.be.calledWith(['a', 'b'])
+    })
+  })
+})

package/cypress/e2e/1-getting-started/todo.cy.js

@@ -0,0 +1,143 @@
+/// <reference types="cypress" />
+
+// Welcome to Cypress!
+//
+// This spec file contains a variety of sample tests
+// for a todo list app that are designed to demonstrate
+// the power of writing tests in Cypress.
+//
+// To learn more about how Cypress works and
+// what makes it such an awesome testing tool,
+// please read our getting started guide:
+// https://on.cypress.io/introduction-to-cypress
+
+describe('example to-do app', () => {
+  beforeEach(() => {
+    // Cypress starts out with a blank slate for each test
+    // so we must tell it to visit our website with the `cy.visit()` command.
+    // Since we want to visit the same URL at the start of all our tests,
+    // we include it in our beforeEach function so that it runs before each test
+    cy.visit('https://example.cypress.io/todo')
+  })
+
+  it('displays two todo items by default', () => {
+    // We use the `cy.get()` command to get all elements that match the selector.
+    // Then, we use `should` to assert that there are two matched items,
+    // which are the two default items.
+    cy.get('.todo-list li').should('have.length', 2)
+
+    // We can go even further and check that the default todos each contain
+    // the correct text. We use the `first` and `last` functions
+    // to get just the first and last matched elements individually,
+    // and then perform an assertion with `should`.
+    cy.get('.todo-list li').first().should('have.text', 'Pay electric bill')
+    cy.get('.todo-list li').last().should('have.text', 'Walk the dog')
+  })
+
+  it('can add new todo items', () => {
+    // We'll store our item text in a variable so we can reuse it
+    const newItem = 'Feed the cat'
+
+    // Let's get the input element and use the `type` command to
+    // input our new list item. After typing the content of our item,
+    // we need to type the enter key as well in order to submit the input.
+    // This input has a data-test attribute so we'll use that to select the
+    // element in accordance with best practices:
+    // https://on.cypress.io/selecting-elements
+    cy.get('[data-test=new-todo]').type(`${newItem}{enter}`)
+
+    // Now that we've typed our new item, let's check that it actually was added to the list.
+    // Since it's the newest item, it should exist as the last element in the list.
+    // In addition, with the two default items, we should have a total of 3 elements in the list.
+    // Since assertions yield the element that was asserted on,
+    // we can chain both of these assertions together into a single statement.
+    cy.get('.todo-list li')
+      .should('have.length', 3)
+      .last()
+      .should('have.text', newItem)
+  })
+
+  it('can check off an item as completed', () => {
+    // In addition to using the `get` command to get an element by selector,
+    // we can also use the `contains` command to get an element by its contents.
+    // However, this will yield the <label>, which is lowest-level element that contains the text.
+    // In order to check the item, we'll find the <input> element for this <label>
+    // by traversing up the dom to the parent element. From there, we can `find`
+    // the child checkbox <input> element and use the `check` command to check it.
+    cy.contains('Pay electric bill')
+      .parent()
+      .find('input[type=checkbox]')
+      .check()
+
+    // Now that we've checked the button, we can go ahead and make sure
+    // that the list element is now marked as completed.
+    // Again we'll use `contains` to find the <label> element and then use the `parents` command
+    // to traverse multiple levels up the dom until we find the corresponding <li> element.
+    // Once we get that element, we can assert that it has the completed class.
+    cy.contains('Pay electric bill')
+      .parents('li')
+      .should('have.class', 'completed')
+  })
+
+  context('with a checked task', () => {
+    beforeEach(() => {
+      // We'll take the command we used above to check off an element
+      // Since we want to perform multiple tests that start with checking
+      // one element, we put it in the beforeEach hook
+      // so that it runs at the start of every test.
+      cy.contains('Pay electric bill')
+        .parent()
+        .find('input[type=checkbox]')
+        .check()
+    })
+
+    it('can filter for uncompleted tasks', () => {
+      // We'll click on the "active" button in order to
+      // display only incomplete items
+      cy.contains('Active').click()
+
+      // After filtering, we can assert that there is only the one
+      // incomplete item in the list.
+      cy.get('.todo-list li')
+        .should('have.length', 1)
+        .first()
+        .should('have.text', 'Walk the dog')
+
+      // For good measure, let's also assert that the task we checked off
+      // does not exist on the page.
+      cy.contains('Pay electric bill').should('not.exist')
+    })
+
+    it('can filter for completed tasks', () => {
+      // We can perform similar steps as the test above to ensure
+      // that only completed tasks are shown
+      cy.contains('Completed').click()
+
+      cy.get('.todo-list li')
+        .should('have.length', 1)
+        .first()
+        .should('have.text', 'Pay electric bill')
+
+      cy.contains('Walk the dog').should('not.exist')
+    })
+
+    it('can delete all completed tasks', () => {
+      // First, let's click the "Clear completed" button
+      // `contains` is actually serving two purposes here.
+      // First, it's ensuring that the button exists within the dom.
+      // This button only appears when at least one task is checked
+      // so this command is implicitly verifying that it does exist.
+      // Second, it selects the button so we can click it.
+      cy.contains('Clear completed').click()
+
+      // Then we can make sure that there is only one element
+      // in the list and our element does not exist
+      cy.get('.todo-list li')
+        .should('have.length', 1)
+        .should('not.have.text', 'Pay electric bill')
+
+      // Finally, make sure that the clear button no longer exists.
+      cy.contains('Clear completed').should('not.exist')
+    })
+  })
+})