Feat optimize

.github/workflows/preview.yml

@@ -0,0 +1,17 @@
+name: 🔂 Surge PR Preview
+
+on: [push, pull_request]
+
+jobs:
+  preview:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: afc163/surge-preview@v1
+        with:
+          surge_token: ${{ secrets.SURGE_TOKEN }}
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          build: |
+            npm install
+            npm run build:site
+          dist: site/public

README.md

@@ -1,4 +1,4 @@
-<p align="center"><img width="80" src="https://manhattan.didistatic.com/static/manhattan/mand/docs/mand-logo-black.svg" alt="LOGO"></p>
+<p align="center"><img width="80" src="https://pt-starimg.didistatic.com/static/starimg/img/BSHOVw2pyT1620726744938.png" alt="LOGO"></p>
 <h2 align="center">mand-mobile</h2> 
 <p align="center">A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios</p>
 <p align="center">
@@ -111,7 +111,8 @@ Mand Mobile is licensed under the Apache License 2.0. See the [LICENSE](LICENSE)
 
 ## Useful Links
 
+* [Hummer](https://github.com/didi/Hummer) is a set of high-performance and highly available cross-terminal development framework, a set of code can support the development of Android and iOS applications at the same time. Now supports Vue/TypeScript/JavaScript, for front-end developers, there is always one suitable for you.
 
-* [Chameleon](https://github.com/didi/chameleon) /kəˈmiːlɪən/: Unify all platforms(Web/Weex/Mini program) with MVVM. Focus on Write Once Run AnyWhere.
+* [DoraemonKit](https://github.com/didi/DoraemonKit) /'dɔ:ra:'emɔn/: A full-featured App (iOS & Android) development assistant. You deserve it.
 
-* [DoraemonKit](https://github.com/didi/DoraemonKit) /'dɔ:ra:'emɔn/: A full-featured App (iOS & Android) development assistant. You deserve it.
+* [Chameleon](https://github.com/didi/chameleon) /kəˈmiːlɪən/: Unify all platforms(Web/Weex/Mini program) with MVVM. Focus on Write Once Run AnyWhere.

README.zh-CN.md

@@ -1,4 +1,4 @@
-<div align="center"><img width="80" src="https://manhattan.didistatic.com/static/manhattan/mand/docs/mand-logo-black.svg" alt="LOGO"></div>
+<div align="center"><img width="80" src="https://pt-starimg.didistatic.com/static/starimg/img/BSHOVw2pyT1620726744938.png" alt="LOGO"></div>
 <h2 align="center">mand-mobile</h2> 
 <p align="center">面向金融场景的移动端UI组件库，基于Vue.js实现</p>
 <p align="center">
@@ -113,6 +113,8 @@ Mand Mobile使用Apache License 2.0，查看[证书](LICENSE)。
 
 ## 友情链接
 
-* [Chameleon](https://github.com/didi/chameleon)/kəˈmiːlɪən/，简写CML，中文意思变色龙，意味着就像变色龙一样能适应不同环境的跨端整体解决方案，达到真正意义上"一套代码，多端运行"的终极目标
+* [Hummer](https://github.com/didi/Hummer)是一套高性能高可用的跨端开发框架，一套代码可以同时支持开发 Android 和 iOS 应用。现已经支持 Vue/TypeScript/JavaScript，面向大前端开发人员，总有一款适合你。
 
-* [DoraemonKit](https://github.com/didi/DoraemonKit) /'dɔ:ra:'emɔn/，简称DoKit， 一款功能齐全的客户端（ iOS 、Android、微信小程序 ）研发助手，你值得拥有
+* [DoraemonKit](https://github.com/didi/DoraemonKit) /'dɔ:ra:'emɔn/，简称DoKit， 一款功能齐全的客户端（ iOS 、Android、微信小程序 ）研发助手，你值得拥有。
+
+* [Chameleon](https://github.com/didi/chameleon)/kəˈmiːlɪən/，简写CML，中文意思变色龙，意味着就像变色龙一样能适应不同环境的跨端整体解决方案，达到真正意义上"一套代码，多端运行"的终极目标。

components/agree/index.vue

@@ -10,18 +10,16 @@
         value ? 'checked' : ''
       ]"
       @click="$_onChange($event)">
-      <div class="md-agree-icon-container">
-        <md-icon name="checked" :size="size"></md-icon>
-        <md-icon name="check" :size="size"></md-icon>
-      </div>
+        <md-icon :name="currentIcon" :size="size" :svg="iconSvg"/>
     </div>
     <div class="md-agree-content">
       <slot></slot>
     </div>
   </div>
 </template>
 
-<script>import Icon from '../icon'
+<script>
+import Icon from '../icon'
 export default {
   name: 'md-agree',
 
@@ -42,12 +40,28 @@ export default {
       type: String,
       default: 'md',
     },
+    iconSvg: {
+      type: Boolean,
+      default: false,
+    },
+    icon: {
+      type: String,
+      default: 'checked',
+    },
+    iconInverse: {
+      type: String,
+      default: 'check',
+    },
   },
 
   data() {
     return {}
   },
-
+  computed: {
+    currentIcon() {
+      return this.value ? this.icon : this.iconInverse
+    },
+  },
   methods: {
     // MARK: events handler, 如 $_onButtonClick
     $_onChange(event) {
@@ -59,7 +73,8 @@ export default {
     },
   },
 }
-</script>
+
+</script>
 
 <style lang="stylus">
 .md-agree

components/codebox/index.vue

@@ -40,6 +40,7 @@
           readonly
           disabled
           :class="['md-codebox-holder', focused && 'is-active']"
+          @blur="blur"
         />
         <input
           v-else
@@ -49,6 +50,7 @@
           readonly
           disabled
           :class="['md-codebox-holder', focused && 'is-active']"
+          @blur="blur"
         />
       </template>
     </div>
@@ -61,6 +63,7 @@
         @input="$_onInputChange"
         ref="input"
         class="md-codebox-input"
+        @blur="blur"
       />
     </form>
     <md-number-keyboard
@@ -75,11 +78,14 @@
       @delete="$_onDelete"
       @enter="$_onEnter"
       @confirm="$_onConfirm"
+      @press="focus"
+      @blur="blur"
     ></md-number-keyboard>
   </div>
 </template>
 
-<script>import NumberKeyboard from '../number-keyboard'
+<script>
+import NumberKeyboard from '../number-keyboard'
 
 export default {
   name: 'md-codebox',
@@ -221,6 +227,7 @@ export default {
       if (this.system) {
         this.$refs.input.blur()
       }
+      this.$emit('blur')
     },
     focus() {
       if (this.disabled) {
@@ -231,10 +238,12 @@ export default {
       if (this.system) {
         this.$refs.input.focus()
       }
+      this.$emit('focus')
     },
   },
 }
-</script>
+
+</script>
 
 <style lang="stylus">
 .md-codebox-wrapper

components/dialog/index.js

@@ -24,6 +24,7 @@ const generate = function({
   btns = [],
   onShow = noop,
   onHide = noop,
+  preventScroll = true,
 }) {
   const DialogConstructor = Vue.extend(Dialog)
   const vm = new DialogConstructor({
@@ -36,7 +37,7 @@ const generate = function({
       closable,
       btns,
       transition,
-      preventScroll: true,
+      preventScroll,
     },
   }).$mount()
 
@@ -87,6 +88,7 @@ Dialog.confirm = ({
   onCancel = noop,
   onShow = noop,
   onHide = noop,
+  preventScroll = true,
 }) => {
   const vm = generate({
     title,
@@ -117,6 +119,7 @@ Dialog.confirm = ({
         },
       },
     ],
+    preventScroll,
   })
 
   return vm
@@ -140,6 +143,7 @@ Dialog.alert = ({
   onConfirm = noop,
   onShow = noop,
   onHide = noop,
+  preventScroll = true,
 }) => {
   const vm = generate({
     title,
@@ -161,6 +165,7 @@ Dialog.alert = ({
         },
       },
     ],
+    preventScroll,
   })
 
   return vm

components/number-keyboard/key.vue

@@ -19,7 +19,8 @@
   </li>
 </template>
 
-<script>export default {
+<script>
+export default {
   name: 'md-number-key',
 
   props: {
@@ -65,7 +66,9 @@
     },
     $_onBlur() {
       this.active = false
+      this.$emit('blur')
     },
   },
 }
-</script>
+
+</script>

components/popup/index.vue

@@ -35,7 +35,8 @@
   </div>
 </template>
 
-<script>import Transition from '../transition'
+<script>
+import Transition from '../transition'
 import popupMixin from './mixins'
 
 export default {
@@ -166,10 +167,11 @@ export default {
     $_preventScroll(isBind) {
       const handler = isBind ? 'addEventListener' : 'removeEventListener'
       const masker = this.$el.querySelector('.md-popup-mask')
-      const boxer = this.$el.querySelector('.md-popup-box')
+      // const boxer = this.$el.querySelector('.md-popup-box')
 
       masker && masker[handler]('touchmove', this.$_preventDefault, false)
-      boxer && boxer[handler]('touchmove', this.$_preventDefault, false)
+      // 修复content不可滚动问题
+      // boxer && boxer[handler]('touchmove', this.$_preventDefault, false)
       this.$_preventScrollExclude(isBind)
     },
     $_preventScrollExclude(isBind, preventScrollExclude) {
@@ -225,7 +227,8 @@ export default {
     },
   },
 }
-</script>
+
+</script>
 
 <style lang="stylus">
 .md-popup

docs/index.gitee.html

@@ -17,6 +17,7 @@
     *{margin:0;padding:0;-webkit-touch-callout:none;list-style:none;}
     html{touch-action: manipulation;background:#fff;min-width:320px;overflow-x:hidden;}
     body{overflow-x:hidden;}
+    html,body{height:100%;}
     </style>
   </head>
   <body>
@@ -25,13 +26,13 @@
     <script src="//manhattan.didistatic.com/static/manhattan/mand/pace.js"></script>
     <script>
       var Omega = Omega || {
-        productName: 'omegafff7bbae07'
+        appKey: 'omegafff7bbae07'
       };
       window.Omega = Omega;
     </script>
-    <script crossOrigin="Anonymous" src="//webapp.didistatic.com/static/webapp/shield/z/omega/omega/0.2.7/omega.min.js"></script>
+    <script crossOrigin="Anonymous" src="//tracker.didiglobal.com/static/tracker_global/latest2x/omega.min.js"></script>
     <script src="//cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <!-- <script async defer src="//buttons.github.io/buttons.js"></script> -->
     <!-- built files will be auto injected -->
-  <script type="text/javascript" src="/docs/static/js/manifest.e752e1a3.js"></script><script type="text/javascript" src="/docs/static/js/vendor.2a8b818c.js"></script><script type="text/javascript" src="/docs/static/js/app.daf96865.js"></script></body>
+  <script type="text/javascript" src="/docs/static/js/manifest.2dd06266.js"></script><script type="text/javascript" src="/docs/static/js/vendor.6487bca8.js"></script><script type="text/javascript" src="/docs/static/js/app.369898d9.js"></script></body>
 </html>

docs/index.html

@@ -17,6 +17,7 @@
     *{margin:0;padding:0;-webkit-touch-callout:none;list-style:none;}
     html{touch-action: manipulation;background:#fff;min-width:320px;overflow-x:hidden;}
     body{overflow-x:hidden;}
+    html,body{height:100%;}
     </style>
   </head>
   <body>
@@ -25,13 +26,13 @@
     <script src="//manhattan.didistatic.com/static/manhattan/mand/pace.js"></script>
     <script>
       var Omega = Omega || {
-        productName: 'omegafff7bbae07'
+        appKey: 'omegafff7bbae07'
       };
       window.Omega = Omega;
     </script>
-    <script crossOrigin="Anonymous" src="//webapp.didistatic.com/static/webapp/shield/z/omega/omega/0.2.7/omega.min.js"></script>
+    <script crossOrigin="Anonymous" src="//tracker.didiglobal.com/static/tracker_global/latest2x/omega.min.js"></script>
     <script src="//cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
     <!-- <script async defer src="//buttons.github.io/buttons.js"></script> -->
     <!-- built files will be auto injected -->
-  <script type="text/javascript" src="/mand-mobile/static/js/manifest.e752e1a3.js"></script><script type="text/javascript" src="/mand-mobile/static/js/vendor.2a8b818c.js"></script><script type="text/javascript" src="/mand-mobile/static/js/app.daf96865.js"></script></body>
+  <script type="text/javascript" src="/mand-mobile/static/js/manifest.2dd06266.js"></script><script type="text/javascript" src="/mand-mobile/static/js/vendor.6487bca8.js"></script><script type="text/javascript" src="/mand-mobile/static/js/app.369898d9.js"></script></body>
 </html>