m8-mcp-server 1.0.1 → 1.1.0

package/dist/data/m8mpdoc-develop/009-UI/347/273/204/344/273/266/022-numberkeyboard/346/225/260/345/255/227/351/224/256/347/233/230.md

@@ -1,427 +0,0 @@
-# 组件使用
-
-## numberkeyboard 数字键盘
-
-### 介绍
-
--   数字虚拟键盘，可以配合密码输入框组件或自定义的输入框组件使用。
-
-### 代码演示
-
-#### 默认样式
-
-数字键盘提供了 `inputkey`、`delete`、`blur` 事件，分别对应输入内容、删除内容和失去焦点的动作
-
-::: ifdef M83
-
-```html
-<em-cell title="弹出默认键盘" @click="show1 = true" is-link></em-cell>
-<em-number-keyboard :show="show1" @blur="show1 = false" @inputkey="onInput" @delete="onDelete"></em-number-keyboard>
-<em-toast ref="emToast"></em-toast>
-```
-
-```js
-export default {
-    data() {
-        return {
-            show1: false
-        };
-    },
-    methods: {
-        onInput(key) {
-            Toast({
-                message: `触发inputkey事件，key:${key}`
-            });
-        },
-        onDelete() {
-            Toast({
-                message: '触发delete事件'
-            });
-        }
-    }
-};
-```
-
-::: endif
-::: ifdef M84
-
-```html
-<em-cell title="弹出默认键盘" @click="show1 = true" is-link></em-cell>
-<em-number-keyboard :show="show1" @blur="show1 = false" @inputkey="onInput" @delete="onDelete"></em-number-keyboard>
-<em-toast ref="emToastRef"></em-toast>
-```
-
-```js
-import { ref } from 'vue';
-const show1 = ref(false);
-const emToastRef = ref(null);
-const onInput = (key) => {
-    Toast({
-        message: `触发inputkey事件，key:${key}`
-    });
-};
-
-const onDelete = () => {
-    Toast({
-        message: '触发delete事件'
-    });
-};
-
-defineExpose({
-    emToastRef
-});
-```
-
-::: endif
-
-点击键盘以外的区域时，键盘会自动收起，通过设置`hide-on-click-outside`可以避免键盘收起。
-
-#### 带右侧栏的键盘
-
-将 `theme` 属性设置为 `custom` 来展示键盘的右侧栏，常用于输入金额的场景
-
-```html
-<em-cell title="带右侧栏的键盘" @click="show2 = true" is-link></em-cell>
-<em-number-keyboard
-    :show="show2"
-    theme="custom"
-    extra-key="."
-    close-button-text="完成"
-    @blur="show2 = false"
-    @inputkey="onInput"
-    @delete="onDelete"
-></em-number-keyboard>
-```
-
-#### 身份证号键盘
-
-通过 `extra-key` 属性可以设置左下角按键内容，比如需要输入身份证号时，可以将 `extra-key` 设置为 `X`
-
-```html
-<em-cell title="弹出身份证号键盘" @click="show3 = true" is-link></em-cell>
-<em-number-keyboard
-    :show="show3"
-    extra-key="X"
-    close-button-text="完成"
-    @blur="show3 = false"
-    @inputkey="onInput"
-    @delete="onDelete"
-></em-number-keyboard>
-```
-
-#### 键盘标题
-
-通过 `title` 属性可以设置键盘标题
-
-```html
-<em-cell title="弹出带标题的键盘" @click="show4 = true" is-link></em-cell>
-<em-number-keyboard
-    :show="show4"
-    title="键盘标题"
-    extra-key="."
-    close-button-text="完成"
-    @blur="show4 = false"
-    @inputkey="onInput"
-    @delete="onDelete"
-></em-number-keyboard>
-```
-
-#### 配置多个按键
-
-当 `theme` 为 `custom` 时，支持以数组的形式配置两个 `extra-key`
-
-```html
-<em-cell title="弹出配置多个按键的键盘" @click="show5 = true" is-link></em-cell>
-<em-number-keyboard
-    :show="show5"
-    :extra-key="['00', '.']"
-    close-button-text="完成"
-    @blur="show5 = false"
-    @inputkey="onInput"
-    @delete="onDelete"
-></em-number-keyboard>
-```
-
-#### 双向绑定
-
-可以通过 `v-model` 绑定键盘当前输入值
-
-::: ifdef M83
-
-```html
-<em-field label="双向绑定" readonly clickable :value="value" @click-input="show6 = true"></em-field>
-<em-number-keyboard v-model="value" :show="show6" :maxlength="6" @close="show6 = false"></em-number-keyboard>
-```
-
-```js
-export default {
-    data() {
-        return {
-            show6: false,
-            value: ''
-        };
-    }
-};
-```
-
-::: endif
-::: ifdef M84
-
-```html
-<em-field label="双向绑定" readonly clickable :model-value="value" @click-input="show6 = true"></em-field>
-<em-number-keyboard v-model="value" :show="show6" :maxlength="6" @close="show6 = false"></em-number-keyboard>
-```
-
-```js
-import { ref } from 'vue';
-const show6 = ref(false);
-const value = ref('');
-```
-
-::: endif
-
-#### 自定义插槽
-
-::: ifdef M83
-
-```html
-<em-cell title="弹出自定义插槽的键盘" @click="show7 = true" is-link></em-cell>
-<em-number-keyboard
-    :show="show7"
-    title="标题"
-    close-button-text="确定"
-    delete-button-text="删除"
-    :transition="true"
-    :random-key-order="true"
-    :extra-key="'.'"
-    :show-title-left="true"
-    @blur="show7 = false"
-    @inputkey="onInput"
-    @delete="onDelete"
-    @show="onShowFun"
-    @hide="onHideFun"
->
-    <template #extraKey>按键</template>
-    <template #delete>删除</template>
-    <template #titleLeft>标题左侧</template>
-</em-number-keyboard>
-<em-cell title="弹出自定义插槽的键盘2" @click="show8 = true" is-link></em-cell>
-<em-number-keyboard
-    :show="show8"
-    theme="custom"
-    title="标题"
-    close-button-text="确定"
-    delete-button-text="删除"
-    :transition="true"
-    :random-key-order="true"
-    :extra-key="['.','00']"
-    :show-title-left="true"
-    :closeButtonLoading="true"
-    @blur="show8 = false"
-    @inputkey="onInput"
-    @delete="onDelete"
-    @show="onShowFun"
-    @hide="onHideFun"
->
-    <template #extraKey>按键</template>
-    <template #delete>删除</template>
-    <template #titleLeft>标题左侧</template>
-</em-number-keyboard>
-<em-toast ref="emToast"></em-toast>
-```
-
-```js
-export default {
-    data() {
-        return {
-            show7: false,
-            show8: false,
-            value: ''
-        };
-    },
-    methods: {
-        onInput(key) {
-            Toast({
-                message: `触发inputkey事件，key:${key}`
-            });
-        },
-        onDelete() {
-            Toast({
-                message: '触发delete事件'
-            });
-        },
-        onShowFun() {
-            Toast({
-                message: '触发show事件'
-            });
-        },
-        onHideFun() {
-            Toast({
-                message: '触发hide事件'
-            });
-        }
-    }
-};
-```
-
-::: endif
-::: ifdef M84
-
-```html
-<em-cell title="弹出自定义插槽的键盘" @click="show7 = true" is-link></em-cell>
-<em-number-keyboard
-    :show="show7"
-    title="标题"
-    close-button-text="确定"
-    delete-button-text="删除"
-    :transition="true"
-    :random-key-order="true"
-    :extra-key="'.'"
-    :show-title-left="true"
-    @blur="show7 = false"
-    @inputkey="onInput"
-    @delete="onDelete"
-    @show="onShowFun"
-    @hide="onHideFun"
->
-    <template #extraKey>按键</template>
-    <template #delete>删除</template>
-    <template #titleLeft>标题左侧</template>
-</em-number-keyboard>
-<em-cell title="弹出自定义插槽的键盘2" @click="show8 = true" is-link></em-cell>
-<em-number-keyboard
-    :show="show8"
-    theme="custom"
-    title="标题"
-    close-button-text="确定"
-    delete-button-text="删除"
-    :transition="true"
-    :random-key-order="true"
-    :extra-key="['.','00']"
-    :show-title-left="true"
-    :closeButtonLoading="true"
-    @blur="show8 = false"
-    @inputkey="onInput"
-    @delete="onDelete"
-    @show="onShowFun"
-    @hide="onHideFun"
->
-    <template #extraKey>按键</template>
-    <template #delete>删除</template>
-    <template #titleLeft>标题左侧</template>
-</em-number-keyboard>
-<em-toast ref="emToastRef"></em-toast>
-```
-
-```js
-import { ref } from 'vue';
-const show7 = ref(false);
-const show8 = ref(false);
-const value = ref('');
-
-const onInput = (key) => {
-    Toast({
-        message: `触发inputkey事件，key:${key}`
-    });
-};
-
-const onDelete = () => {
-    Toast({
-        message: '触发delete事件'
-    });
-};
-
-const onShowFun = () => {
-    Toast({
-        message: '触发show事件'
-    });
-};
-
-const onHideFun = () => {
-    Toast({
-        message: '触发hide事件'
-    });
-};
-
-const emToastRef = ref(null);
-
-defineExpose({
-    emToastRef
-});
-```
-
-::: endif
-
-### API
-
-#### Props
-
-| 参数                                                                         |                            说明                             | 类型              | 默认值    |
-| :--------------------------------------------------------------------------- | :---------------------------------------------------------: | :---------------- | :-------- |
-| v-model ::: ifdef M83 (value) ::: endif ::: ifdef M84 (modelValue) ::: endif |                         当前输入值                          | string            | -         |
-| show                                                                         |                        是否显示键盘                         | boolean           | -         |
-| title                                                                        |                          键盘标题                           | string            | -         |
-| theme                                                                        |                 样式风格，可选值为 `custom`                 | string            | `default` |
-| maxlength                                                                    |                       输入值最大长度                        | number / string   | -         |
-| transition                                                                   |                      是否开启过场动画                       | boolean           | `true`    |
-| z-index                                                                      |                     键盘 `z-index` 层级                     | number / string   | `99`      |
-| extra-key                                                                    |                     底部额外按键的内容                      | string / string[] | `''`      |
-| close-button-text                                                            |                  关闭按钮文字，空则不展示                   | string            | -         |
-| delete-button-text                                                           |               删除按钮文字，空则展示删除图标                | string            | -         |
-| close-button-loading                                                         | 是否将关闭按钮设置为加载中状态，仅在 `theme="custom"`时有效 | boolean           | `false`   |
-| show-delete-key                                                              |                      是否展示删除图标                       | boolean           | `true`    |
-| hide-on-click-outside                                                        |                   点击外部时是否收起键盘                    | boolean           | `true`    |
-| safe-area-inset-bottom                                                       |                   是否开启底部安全区适配                    | boolean           | `true`    |
-| random-key-order                                                             |                 是否将通过随机顺序展示按键                  | boolean           | `false`   |
-| show-title-left                                                              |                   是否展示 titleLeft slot                   | boolean           | `false`   |
-
-#### Events
-
-| 事件名   |              说明              | 回调参数      |
-| :------- | :----------------------------: | :------------ |
-| inputkey |         点击按键时触发         | key: 按键内容 |
-| delete   |        点击删除键时触发        | -             |
-| close    |       点击关闭按钮时触发       | -             |
-| blur     | 点击关闭按钮或非键盘区域时触发 | -             |
-| show     |       键盘完全弹出时触发       | -             |
-| hide     |       键盘完全收起时触发       | -             |
-
-#### Slots
-
-| 名称         |                     说明                      |
-| :----------- | :-------------------------------------------: |
-| delete       |              自定义删除按键内容               |
-| extraKey     |             自定义左下角按键内容              |
-| extraKeyNext | 第二个自定义按键内容,仅在 theme=custom 时生效 |
-| titleLeft    |             自定义标题栏左侧内容              |
-
-::: ifdef M83
-<iframe
- src="//app.epoint.com.cn/m8mpdoc/showcase/index.html#/modules/m8showcase/examples/em-number-keyboard"
- frameborder=0
- allowfullscreen class="ui-showcase-iframe">
-  </iframe>
-::: endif
-::: ifdef M84
-<iframe
- src="//app.epoint.com.cn/m8mpdoc/showcase/m8.4/index.html#/modules/m8showcase/examples/em-number-keyboard"
- frameborder=0
- allowfullscreen class="ui-showcase-iframe">
-  </iframe>
-::: endif
-
- <style>
- .ui-showcase-iframe {
-    position: fixed;
-    right: 3.5vw;
-    top: 17%;
-    width: 375px;
-    height: 75vh;
-    box-shadow: 0 0 12px 6px #eee;
-    border-radius: 15px;
- }
- .main .markdown-body {
-    padding: 45px;
-    width: calc(97vw - 661px);
-}
- </style>

package/dist/data/m8mpdoc-develop/009-UI/347/273/204/344/273/266/023-pagination/345/210/206/351/241/265.md

@@ -1,212 +0,0 @@
-# 组件使用
-
-## pagination 分页
-
-### 介绍
-
--   分页组件。
-
-::: ifdef M83
-
--   该组件自`v8.3.23-beta.3`版本开始支持
-
-::: endif
-::: ifdef M84
-
--   该组件自`v8.4.1-beta.1`版本开始支持
-
-::: endif
-
-### 代码演示
-
-#### 基础用法
-
-通过`total-items`设置总记录数。
-
-```html
-<em-pagination v-model="currentPage" :total-items="100"></em-pagination>
-```
-
-::: ifdef M83
-
-```js
-export default {
-    data() {
-        return {
-            currentPage: 1
-        };
-    }
-};
-```
-
-::: endif
-::: ifdef M84
-
-```js
-import { ref } from 'vue';
-// 使用 ref 创建响应式数据
-const currentPage = ref(1);
-```
-
-::: endif
-
-#### 简单模式
-
-通过`mode`设置分页模式，可选值为`simple`、`multi`，默认是 `multi`
-
-```html
-<em-pagination v-model="currentPage" mode="simple" :page-count="12" />
-```
-
-::: ifdef M83
-
-```js
-export default {
-    data() {
-        return {
-            currentPage: 1
-        };
-    }
-};
-```
-
-::: endif
-::: ifdef M84
-
-```js
-import { ref } from 'vue';
-// 使用 ref 创建响应式数据
-const currentPage = ref(1);
-```
-
-::: endif
-
-#### 显示省略号
-
-通过`force-ellipses`属性设置为`true`，为页码两侧添加省略号。
-
-```html
-<em-pagination v-model="currentPage" :total-items="125" :show-page-size="3" force-ellipses />
-```
-
-::: ifdef M83
-
-```js
-export default {
-    data() {
-        return {
-            currentPage: 1
-        };
-    }
-};
-```
-
-::: endif
-::: ifdef M84
-
-```js
-import { ref } from 'vue';
-// 使用 ref 创建响应式数据
-const currentPage = ref(1);
-```
-
-::: endif
-
-#### 使用插槽
-
-通过`prevText`、`nextText`插槽可自定义前后按钮内容。
-
-通过`page`插槽可自定义页面每项内容。
-
-```html
-<em-pagination v-model="currentPage" :total-items="125">
-    <template #prevText>-</template>
-    <template #nextText>+</template>
-    <template #page="{ text, active, number }">{{ number }}+</template>
-</em-pagination>
-```
-
-::: ifdef M83
-
-```js
-export default {
-    data() {
-        return {
-            currentPage: 1
-        };
-    }
-};
-```
-
-::: endif
-::: ifdef M84
-
-```js
-import { ref } from 'vue';
-// 使用 ref 创建响应式数据
-const currentPage = ref(1);
-```
-
-::: endif
-
-### API
-
-#### Props
-
-| 参数                                                                         |             说明             | 类型            | 默认值     |
-| :--------------------------------------------------------------------------- | :--------------------------: | :-------------- | :--------- |
-| v-model ::: ifdef M83 (value) ::: endif ::: ifdef M84 (modelValue) ::: endif |           当前页码           | number          | -          |
-| mode                                                                         |  显示模式，可选值为 simple   | string          | `multi`    |
-| prev-text                                                                    |        上一页按钮文字        | string          | `上一页`   |
-| next-text                                                                    |        下一页按钮文字        | string          | `下一页`   |
-| page-count                                                                   |            总页数            | number / string | `自动计算` |
-| total-items                                                                  |           总记录数           | number / string | `0`        |
-| items-per-page                                                               |          每页记录数          | number / string | `10`       |
-| show-page-size                                                               |        显示的页码个数        | number / string | `5`        |
-| force-ellipses                                                               |        是否显示省略号        | boolean         | `false`    |
-| disable-input                                                                | 简单模式下，禁用 select 弹窗 | boolean         | `false`    |
-
-#### Events
-
-| 名称   |      说明      | 参数                  |
-| :----- | :------------: | --------------------- |
-| change | 页码改变时触发 | `currentPage: number` |
-
-#### Slots
-
-| 名称      |         描述         | 参数                                              |
-| :-------- | :------------------: | :------------------------------------------------ |
-| page      |      自定义页码      | { number: number, text: string, active: boolean } |
-| prev-text | 自定义上一页按钮文字 | -                                                 |
-| next-text | 自定义下一页按钮文字 | -                                                 |
-
-::: ifdef M83
-<iframe
- src="//app.epoint.com.cn/m8mpdoc/showcase/index.html#/modules/m8showcase/examples/em-pagination"
- frameborder=0
- allowfullscreen class="ui-showcase-iframe">
-  </iframe>
-::: endif
-::: ifdef M84
-<iframe
- src="//app.epoint.com.cn/m8mpdoc/showcase/m8.4/index.html#/modules/m8showcase/examples/em-pagination"
- frameborder=0
- allowfullscreen class="ui-showcase-iframe">
-  </iframe>
-::: endif
-
- <style>
- .ui-showcase-iframe {
-    position: fixed;
-    right: 3.5vw;
-    top: 17%;
-    width: 375px;
-    height: 75vh;
-    box-shadow: 0 0 12px 6px #eee;
-    border-radius: 15px;
- }
- .main .markdown-body {
-    padding: 45px;
-    width: calc(97vw - 661px);
-}
- </style>