m8-framework-mcp 1.0.0 → 1.0.1

package/docs/m8mpdoc-develop/018-EPUI/347/273/204/344/273/266/007-badge/350/247/222/346/240/207.md

@@ -1,175 +0,0 @@
-# Badge 徽章
-
-按钮和图标上的数字或状态标记。
-
-## 基本使用
-
-可以用来展示新消息的数量。
-
-数量值可接受 Number 或 String。
-
-```html
-<template>
-  <e-badge-m :value="12" class="item">
-    <e-button-m>comments</e-button-m>
-  </e-badge-m>
-  <e-badge-m :value="3" class="item">
-    <e-button-m>replies</e-button-m>
-  </e-badge-m>
-  <e-badge-m :value="1" class="item" type="primary">
-    <e-button-m>comments</e-button-m>
-  </e-badge-m>
-  <e-badge-m :value="2" class="item" type="warning">
-    <e-button-m>replies</e-button-m>
-  </e-badge-m>
-
-  <e-dropdown-m class="item" trigger="click">
-    <span class="ep-dropdown-link">
-      Click Me
-      <e-icon-m class="ep-icon--right"><caret-bottom /></e-icon-m>
-    </span>
-    <template #dropdown>
-      <e-dropdown-menu-m>
-        <e-dropdown-item-m class="clearfix">
-          comments
-          <e-badge-m class="mark" :value="12" />
-        </e-dropdown-item-m>
-        <e-dropdown-item-m class="clearfix">
-          replies
-          <e-badge-m class="mark" :value="3" />
-        </e-dropdown-item-m>
-      </e-dropdown-menu-m>
-    </template>
-  </e-dropdown-m>
-</template>
-
-<script lang="ts" setup>
-  import { CaretBottom } from '@epoint-mfe/eui-icons';
-</script>
-
-<style scoped>
-  .item {
-      margin: 10px 15px;
-  }
-</style>
-```
-
-## 最大值
-
-你还可以自定义最大值
-
-由 max 属性定义，接受 Number 值。 请注意，仅在值也是 Number 时起作用。
-
-```html
-<template>
-  <e-badge-m :value="200" :max="99" class="item">
-    <e-button-m>comments</e-button-m>
-  </e-badge-m>
-  <e-badge-m :value="100" :max="10" class="item">
-    <e-button-m>replies</e-button-m>
-  </e-badge-m>
-</template>
-
-<style scoped>
-  .item {
-      margin: 10px 15px;
-  }
-</style>
-```
-
-## 自定义显示内容
-
-你也可以展示除数字以外你想要展示的任何值。
-
-当 value 是 String 时，可以显示自定义文字。
-
-```html
-<template>
-  <e-badge-m value="new" class="item">
-    <e-button-m>comments</e-button-m>
-  </e-badge-m>
-  <e-badge-m value="hot" class="item">
-    <e-button-m>replies</e-button-m>
-  </e-badge-m>
-</template>
-
-<style scoped>
-  .item {
-      margin: 10px 15px;
-  }
-</style>
-```
-
-## 小红点
-
-通过一个小红点标记来告知用户有新内容。
-
-使用 `is-dot` 属性。 是个布尔值。
-
-```html
-<template>
-  <e-badge-m is-dot class="item">query</e-badge-m>
-  <e-badge-m is-dot class="item">
-    <e-button-m class="sharep-button" :icon="Share" type="primary" />
-  </e-badge-m>
-</template>
-
-<script lang="ts" setup>
-  import { Share } from "@epoint-mfe/eui-components/eui-icons";
-</script>
-
-<style scoped>
-  .item {
-      margin: 10px 15px;
-  }
-</style>
-```
-
-## API
-
-### Attributes
-
-| 属性名      | 描述                                                                  | 类型                                                                         | 默认值 |
-| ----------- | --------------------------------------------------------------------- | ---------------------------------------------------------------------------- | ------ |
-| value       | 显示值                                                                | `string` / `number`                                                          | ''     |
-| max         | 最大值，超过最大值会显示 `{max}+`。 只有当 value 是数字类型时起作用。 | `number`                                                                     | 99     |
-| is-dot      | 是否显示小圆点。                                                      | `boolean`                                                                    | false  |
-| hidden      | 是否隐藏 Badge。                                                      | `boolean`                                                                    | false  |
-| type        | badge type.                                                           | `string(enum)` ---'primary' \| 'success' \| 'warning' \| 'danger' \| 'info'` | 'danger' |
-| showZero    | 值为零时是否显示 Badge                                                | `boolean`                                                                    | true   |
-| color       | 背景色                                              | `string`                                                                    | -   |
-| offset      | badge 的偏移量                                             | [`number`,`number`]                                                                    | [0,0]   |
-| badge-style | 	自定义 badge 样式                                               | `object`                                                                    | -   |
-| badge-class  | 自定义 badge 类名                                               | `string`                                                                    | -|
-| dot-style | 	自定义 dot 样式                                               | `object`                                                                    | -   |
-| dot-class  | 自定义 dot 类名                                               | `string`                                                                    | -|
-
-### Slots
-
-| 属性名  | 描述           |
-| ------- | -------------- |
-| default | 自定义默认内容 |
-
-::: ifdef M84
-<iframe
- src="//app.epoint.com.cn/m8mpdoc/showcase/m8.4/index.html#/modules/epshowcase/examples/e-badge-m"
- 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/docs/m8mpdoc-develop/018-EPUI/347/273/204/344/273/266/008-icon/345/233/276/346/240/207.md

@@ -1,133 +0,0 @@
-# Icon 图标
-
-移动端的图标组件同时支持原跨端的 vant 图标库及 PC 端 EUI-VUE 图标库。
-
--   跨端的 vant 图标库所有图标请查阅跨端 icon 文档：[icon 图标](/m8mpdoc/?file=009-UI组件/019-icon图标)
-
--   PC 端 EUI-VUE 图标库请查阅 [EUI Icons](http://192.168.219.170/docs/vue/component/component/icon.html#icon-collection)
-
-### 引入图标样式
-
-需要使用 PC 端图标库时，必须在`App.vue`中引入 eui 组件库的全局 css 文件：
-
-```html
-<style>
-    @import '@epoint-mfe/eui-components/src/styles/common.root.scss';
-</style>
-```
-
-## 基础用法
-
-`Icon`的`name`属性支持传入图标名称或图片链接，注意跨端的 vant 图标名称为短横线命名，PC 端的图标名称为驼峰命名。
-
-```html
-<!-- vant图标 -->
-<e-icon-m name="chat-o" />
-<!-- PC 端 EUI-VUE 图标 -->
-<e-icon-m name="Edit" />
-<!-- 图片链接 -->
-<e-icon-m name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
-```
-
-#### 徽标提示
-
-设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
-
-```html
-<!-- vant图标 -->
-<e-icon-m name="chat-o" dot />
-<!-- PC 端 EUI-VUE 图标 -->
-<e-icon-m name="Edit" badge="9" />
-<!-- 图片链接 -->
-<e-icon-m name="https://b.yzcdn.cn/vant/icon-demo-1126.png" badge="99+" />
-```
-
-#### 图标颜色
-
-`Icon`的`color`属性用来设置图标的颜色
-
-```html
-<!-- vant图标 -->
-<e-icon-m name="chat-o" color="#1989fa" />
-<!-- PC 端 EUI-VUE 图标 -->
-<e-icon-m name="Edit" color="#07c160" />
-```
-
-#### 图标大小
-
-`Icon`的`size`属性用来设置图标的尺寸大小，默认单位为`px`
-
-```html
-<!-- vant图标 -->
-<e-icon-m name="chat-o" size="40" />
-<!-- PC 端 EUI-VUE 图标 -->
-<e-icon-m name="Edit" size="3rem" />
-```
-
-## @epoint-mfe/eui-icons
-
-移动端对标 PC 端也提供了一个与 EUI-VUE 图标库一致的图标库，并保持使用方法一致。可以与 `ep-icon` 结合使用，通过`ep-icon`给图标提供属性，也可以单独使用。
-
-```html
-<template>
-    <!-- 使用 ep-icon 为 SVG 图标提供属性 -->
-    <e-icon-m size="40" color="red">
-        <Edit />
-    </e-icon-m>
-    <!-- 或者独立使用它，不从父级获取属性 -->
-    <Plus style="width: 1em; height: 1em; margin-right: 8px" />
-</template>
-
-<script lang="ts" setup>
-    import { Edit, Plus } from '@epoint-mfe/eui-icons';
-</script>
-```
-
-## API
-
-### Attributes
-
-| 属性名       | 描述                                      | 类型            | 默认值     |
-| ------------ | ----------------------------------------- | --------------- | ---------- |
-| name         | 图标名称或图片链接                        | string          | -          |
-| dot          | 是否显示图标右上角小红点                  | boolean         | `false`    |
-| badge        | 图标右上角徽标的内容                      | number / string | -          |
-| color        | 图标颜色                                  | string          | `inherit`  |
-| size         | 图标大小，如 `20px` `2em`，默认单位为`px` | number /string  | `inherit`  |
-| class-prefix | 类名前缀，用于使用自定义图标              | string          | `van-icon` |
-
-#### Events
-
-| 事件名 |      说明      | 回调参数     |
-| :----- | :------------: | :----------- |
-| click  | 点击图标时触发 | event: Event |
-
-### Slots
-
-| 属性名  | 描述           |
-| ------- | -------------- |
-| default | 自定义默认内容 |
-
-::: ifdef M84
-<iframe
- src="//app.epoint.com.cn/m8mpdoc/showcase/m8.4/index.html#/modules/epshowcase/examples/e-icon-m"
- 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/docs/m8mpdoc-develop/018-EPUI/347/273/204/344/273/266/009-overlay/351/201/256/347/275/251/345/261/202.md

@@ -1,111 +0,0 @@
-# overlay 遮罩层
-
-## 基础用法
-
-```html
-<template>
-  <e-button-m type="primary" text="显示遮罩层" @click="show = true" />
-  <e-overlay-m :show="show" @click="show = false" />
-</template>
-
-<script lang="ts" setup>
-  import { ref } from "vue";
-  const show = ref(false);
-</script>
-```
-
-## 嵌入内容
-
-通过默认插槽可以在遮罩层上嵌入任意内容
-
-```html
-<template>
-  <e-button-m type="primary" text="嵌入内容" @click="show = true" />
-  <e-overlay-m :show="show" @click="show = false">
-    <div class="wrapper">
-      <scroll-view
-        scroll-y="true"
-        class="scroll-items"
-        style="scroll-behavior: smooth"
-        @click.stop
-      >
-        <div v-for="item in 20" :key="item">item</div>
-      </scroll-view>
-    </div>
-  </e-overlay-m>
-</template>
-<script lang="ts" setup>
-  import { ref } from "vue";
-  const show = ref(false);
-</script>
-<style scoped>
-  .wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-  }
-
-  .block {
-    width: 120px;
-    height: 120px;
-    background-color: #fff;
-  }
-</style>
-```
-
-## API
-
-### Attributes
-
-| 属性名       | 描述                                                                 | 类型                | 默认值 |
-| ------------ | -------------------------------------------------------------------- | ------------------- | ------ |
-| show         | 是否展示遮罩层                                                       | `boolean`           | false  |
-| z-index      | z-index 层级                                                         | `number` \| `string` |  -     |
-| overlay-class | 自定义类                                                         | `string` \| `string[]` \|  `[String, Array, Object]`    |    -    |
-| mask         | 控制是否渲染遮罩层                                                       | `boolean`           | true  |
-| custom-mask-event  | mask为true时，用于控制遮罩层（mask）的点击事件是否采用自定义处理                    | `boolean`           | false  |
-| full         | mask为false时，控制遮罩层的尺寸和行为。为 true 时全屏覆盖；为 false 时其尺寸和位置需由外部样式控制，实现局部覆盖。      | `boolean`           | true  |
-
-### Events
-
-| 属性名 | 描述       | 回调参数     |
-| ------ | ---------- | ------------ |
-| click  | 点击时触发 | event: Event |
-
-### Slots
-
-| 属性名  | 描述                               |
-| ------- | ---------------------------------- |
-| default | 默认插槽，用于在遮罩层上方嵌入内容 |
-
-### Exposes
-
-| 属性名  | 描述                                           | 类型                           |
-| ------- | ---------------------------------------------- | ------------------------------ |
-| rootRef | 指向mask为false时，组件根 DOM 元素的响应式引用 | `Ref<HTMLElement \| undefined>` |
-| props   | 组件当前接收的 props 对象                      | `OverlayProps`                 |
-
-::: ifdef M84
-<iframe
- src="//app.epoint.com.cn/m8mpdoc/showcase/m8.4/index.html#/modules/epshowcase/examples/e-overlay-m"
- 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>