m8-mcp-server 1.0.1 → 1.1.0

package/dist/data/m8mpdoc-develop/009-UI/347/273/204/344/273/266/024-panel/351/235/242/346/235/277.md

@@ -1,85 +0,0 @@
-# 组件使用
-
-## panel 面板
-
-### 介绍
-
--   面板组件。
-
-### 代码演示
-
-#### 基础用法
-
-面板只是一个容器，里面可以放入自定义的内容。
-
-```html
-<em-panel title="标题" desc="描述信息" status="状态">
-    <view>内容</view>
-</em-panel>
-```
-
-#### 高级用法
-
-使用 slot 自定义内容。
-
-```html
-<em-panel title="标题" desc="描述信息" status="状态" use-footer-slot>
-    <view class="content">内容</view>
-    <view slot="footer" class="footer">
-        <em-button size="small" class="demo-margin-right">按钮</em-button>
-        <em-button size="small" type="danger">按钮</em-button>
-    </view>
-</em-panel>
-```
-
-### API
-
-#### Props
-
-| 参数            |            说明            | 类型   | 默认值 |
-| :-------------- | :------------------------: | :----- | :----- |
-| title           |            标题            | string | -      |
-| desc            |            描述            | string | -      |
-| status          |            状态            | string | -      |
-| icon            | 标题左侧图标名称或图片链接 | string | -      |
-| border |    是否显示标题的边框   | boolean | `true`    |
-| use-footer-slot |    是否使用 footer 插槽    | boolean | `false`    |
-
-#### Slots
-
-| 名称    |    说明    |
-| :------ | :--------: | ------ |
-| default | 自定义内容 |
-| header  |   自定义   | header |
-| footer  |   自定义   | footer |
-
-::: ifdef M83
-<iframe
- src="//app.epoint.com.cn/m8mpdoc/showcase/index.html#/modules/m8showcase/examples/em-panel"
- 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-panel"
- 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/025-passwordinput/345/257/206/347/240/201/350/276/223/345/205/245/346/241/206.md

@@ -1,175 +0,0 @@
-# 组件使用
-
-## passwordinput 密码输入框
-
-### 介绍
-
--   带网格的输入框组件，可以用于输入支付密码、短信验证码等，通常与数字键盘组件配合使用。
-
-### 代码演示
-
-#### 基础用法
-
-```html
-<em-password-input :value="value1" info="密码为 6 位数字" :focused="showKeyboard1" @focus="showKeyboard1 = true" />
-<em-number-keyboard :show="showKeyboard1" @inputkey="onInput1" @delete="onDelete1" @blur="showKeyboard1 = false" />
-```
-
-::: ifdef M83
-
-```js
-export default {
-    data() {
-        return {
-            value1: '123',
-            showKeyboard1: false
-        };
-    },
-    methods: {
-        onInput1(key) {
-            this.value1 = (this.value1 + key).slice(0, 6);
-        },
-        onDelete1() {
-            this.value1 = this.value1.slice(0, this.value1.length - 1);
-        }
-    }
-};
-```
-
-::: endif
-::: ifdef M84
-
-```js
-import { ref } from 'vue';
-const value1 = ref('123');
-const showKeyboard1 = ref(false);
-
-const onInput1 = (key) => {
-    value1.value = (value1.value + key).slice(0, 6);
-};
-
-const onDelete1 = () => {
-    value1.value = value1.value.slice(0, value1.value.length - 1);
-};
-```
-
-::: endif
-
-#### 自定义长度
-
-```html
-<em-password-input :value="value2" :length="4" :gutter="15" :focused="showKeyboard2" @focus="showKeyboard2 = true" />
-```
-
-#### 明文展示
-
-```html
-<em-password-input :value="value3" :mask="false" :focused="showKeyboard3" @focus="showKeyboard3 = true" />
-```
-
-#### 错误提示
-
-通过`error-info`属性可以设置错误提示信息，例如当输入六位时提示密码错误
-
-```html
-<em-password-input :value="value4" :error-info="errorInfo" :focused="showKeyboard4" @focus="showKeyboard4 = true" />
-<em-number-keyboard :show="showKeyboard4" @inputkey="onInput4" @delete="onDelete4" @blur="showKeyboard4 = false" />
-```
-::: ifdef M83
-```js
-export default {
-    data() {
-        return {
-            value4: '123',
-            showKeyboard4: false,
-            errorInfo: ''
-        };
-    },
-    methods: {
-        onInput4(key) {
-            this.value4 = (this.value4 + key).slice(0, 6);
-            if (this.value4.length === 6) {
-                this.errorInfo = '密码错误';
-            } else {
-                this.errorInfo = '';
-            }
-        },
-        onDelete4() {
-            this.value4 = this.value4.slice(0, this.value4.length - 1);
-        }
-    }
-};
-```
-::: endif
-::: ifdef M84
-```js
-import { ref } from 'vue';
-const value4 = ref('123');
-const showKeyboard4 = ref(false);
-const errorInfo = ref('');
-
-const onInput4 = (key) => {
-    value4.value = (value4.value + key).slice(0, 6);
-    if (value4.value.length === 6) {
-        errorInfo.value = '密码错误';
-    } else {
-        errorInfo.value = '';
-    }
-};
-
-const onDelete4 = () => {
-    value4.value = value4.value.slice(0, value4.value.length - 1);
-};
-```
-::: endif
-
-### API
-
-#### Props
-
-| 参数       |                         说明                          | 类型            | 默认值  |
-| :--------- | :---------------------------------------------------: | :-------------- | :------ |
-| value      |                        密码值                         | string          | `''`    |
-| info       |                  输入框下方文字提示                   | string          | -       |
-| error-info |                  输入框下方错误提示                   | string          | -       |
-| length     |                     密码最大长度                      | number / string | `6`     |
-| gutter     | 输入框格子之间的间距，如 `20px` `2em`，默认单位为`px` | number / string | `0`     |
-| mask       |                   是否隐藏密码内容                    | boolean         | `true`  |
-| focused    |             是否已聚焦，聚焦时会显示光标              | boolean         | `false` |
-
-#### Events
-
-| 事件名 |       说明       | 回调参数 |
-| :----- | :--------------: | :------- |
-| focus  | 输入框聚焦时触发 | -        |
-
-::: ifdef M83
-<iframe
- src="//app.epoint.com.cn/m8mpdoc/showcase/index.html#/modules/m8showcase/examples/em-password-input"
- 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-password-input"
- 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>