vue2-client 1.3.8 → 1.3.9

package/src/components/transition/PageToggleTransition.vue

@@ -1,97 +1,97 @@
-<template>
-  <transition
-    v-if="!disabled"
-    :enter-active-class="`animated ${enterAnimate} page-toggle-enter-active`"
-    :leave-active-class="`animated ${leaveAnimate} page-toggle-leave-active`"
-  >
-    <slot></slot>
-  </transition>
-  <div v-else><slot></slot></div>
-</template>
-
-<script>
-  import { preset as animates } from '@vue2-client/config/default/animate.config'
-
-  export default {
-    name: 'PageToggleTransition',
-    props: {
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      animate: {
-        type: String,
-        validator (value) {
-          return animates.findIndex(item => item.name == value) != -1
-        },
-        default: 'bounce'
-      },
-      // eslint-disable-next-line vue/require-default-prop
-      direction: {
-        type: String,
-        validator (value) {
-          return ['x', 'y', 'left', 'right', 'up', 'down', 'downLeft', 'upRight', 'downRight', 'upLeft', 'downBig',
-            'upBig', 'downLeft', 'downRight', 'topRight', 'bottomLeft', 'topLeft', 'bottomRight', 'default'].indexOf(value) > -1
-        }
-      },
-      reverse: {
-        type: Boolean,
-        default: true
-      }
-    },
-    computed: {
-      enterAnimate () {
-        return this.activeClass(false)
-      },
-      leaveAnimate () {
-        return this.activeClass(true)
-      }
-    },
-    methods: {
-      activeClass (isLeave) {
-        const animate = animates.find(item => this.animate == item.name)
-        if (animate == undefined) {
-          return ''
-        }
-        let direction = ''
-        if (this.direction == undefined) {
-          direction = animate.directions[0]
-        } else {
-          direction = animate.directions.find(item => item == this.direction)
-        }
-        direction = (direction == undefined || direction === 'default') ? '' : direction
-        if (direction != '') {
-          direction = isLeave && this.reverse ? this.reversePosition(direction, animate.directions) : direction
-          direction = direction[0].toUpperCase() + direction.substring(1)
-        }
-        const t = isLeave ? 'Out' : 'In'
-        return animate.name + t + direction
-      },
-      reversePosition (direction, directions) {
-        if (direction.length == 0 || direction == 'x' || direction == 'y') {
-          return direction
-        }
-        let index = directions.indexOf(direction)
-        index = (index % 2 == 1) ? index - 1 : index + 1
-        return directions[index]
-      }
-    }
-  }
-</script>
-
-<style lang="less">
-  .page-toggle-enter-active{
-    position: absolute !important;
-    animation-duration: 0.8s !important;
-    width: calc(100%) !important;
-  }
-  .page-toggle-leave-active{
-    position: absolute !important;
-    animation-duration: 0.8s !important;
-    width: calc(100%) !important;
-  }
-  .page-toggle-enter{
-  }
-  .page-toggle-leave-to{
-  }
-</style>
+<template>
+  <transition
+    v-if="!disabled"
+    :enter-active-class="`animated ${enterAnimate} page-toggle-enter-active`"
+    :leave-active-class="`animated ${leaveAnimate} page-toggle-leave-active`"
+  >
+    <slot></slot>
+  </transition>
+  <div v-else><slot></slot></div>
+</template>
+
+<script>
+  import { preset as animates } from '@vue2-client/config/default/animate.config'
+
+  export default {
+    name: 'PageToggleTransition',
+    props: {
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      animate: {
+        type: String,
+        validator (value) {
+          return animates.findIndex(item => item.name === value) !== -1
+        },
+        default: 'bounce'
+      },
+      // eslint-disable-next-line vue/require-default-prop
+      direction: {
+        type: String,
+        validator (value) {
+          return ['x', 'y', 'left', 'right', 'up', 'down', 'downLeft', 'upRight', 'downRight', 'upLeft', 'downBig',
+            'upBig', 'downLeft', 'downRight', 'topRight', 'bottomLeft', 'topLeft', 'bottomRight', 'default'].indexOf(value) > -1
+        }
+      },
+      reverse: {
+        type: Boolean,
+        default: true
+      }
+    },
+    computed: {
+      enterAnimate () {
+        return this.activeClass(false)
+      },
+      leaveAnimate () {
+        return this.activeClass(true)
+      }
+    },
+    methods: {
+      activeClass (isLeave) {
+        const animate = animates.find(item => this.animate === item.name)
+        if (animate === undefined) {
+          return ''
+        }
+        let direction = ''
+        if (this.direction === undefined) {
+          direction = animate.directions[0]
+        } else {
+          direction = animate.directions.find(item => item === this.direction)
+        }
+        direction = (direction === undefined || direction === 'default') ? '' : direction
+        if (direction !== '') {
+          direction = isLeave && this.reverse ? this.reversePosition(direction, animate.directions) : direction
+          direction = direction[0].toUpperCase() + direction.substring(1)
+        }
+        const t = isLeave ? 'Out' : 'In'
+        return animate.name + t + direction
+      },
+      reversePosition (direction, directions) {
+        if (direction.length === 0 || direction === 'x' || direction === 'y') {
+          return direction
+        }
+        let index = directions.indexOf(direction)
+        index = (index % 2 === 1) ? index - 1 : index + 1
+        return directions[index]
+      }
+    }
+  }
+</script>
+
+<style lang="less">
+  .page-toggle-enter-active{
+    position: absolute !important;
+    animation-duration: 0.8s !important;
+    width: calc(100%) !important;
+  }
+  .page-toggle-leave-active{
+    position: absolute !important;
+    animation-duration: 0.8s !important;
+    width: calc(100%) !important;
+  }
+  .page-toggle-enter{
+  }
+  .page-toggle-leave-to{
+  }
+</style>

package/src/config/replacer/resolve.config.js

@@ -1,67 +1,67 @@
-/**
- * webpack-theme-color-replacer 插件的 resolve 配置
- * 为特定的 css 选择器（selector）配置 resolve 规则。
- *
- * key 为 css selector 值或合法的正则表达式字符串
- * 当 key 设置 css selector 值时，会匹配对应的 css
- * 当 key 设置为正则表达式时，会匹配所有满足此正则表达式的的 css
- *
- * value 可以设置为 boolean 值 false 或 一个对象
- * 当 value 为 false 时，则会忽略此 css，即此 css 不纳入 webpack-theme-color-replacer 管理
- * 当 value 为 对象时，会调用该对象的 resolve 函数，并传入 cssText（原始的 css文本） 和 cssObj（css对象）参数; resolve函数应该返
- * 回一个处理后的、合法的 css字符串（包含 selector）
- * 注意: value 不能设置为 true
- */
-const cssResolve = {
-  '.ant-checkbox-checked .ant-checkbox-inner::after': {
-    resolve (cssText, cssObj) {
-      cssObj.rules.push('border-top:0', 'border-left:0')
-      return cssObj.toText()
-    }
-  },
-  '.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after': {
-    resolve (cssText, cssObj) {
-      cssObj.rules.push('border-top:0', 'border-left:0')
-      return cssObj.toText()
-    }
-  },
-  '.ant-checkbox-checked .ant-checkbox-inner:after': {
-    resolve (cssText, cssObj) {
-      cssObj.rules.push('border-top:0', 'border-left:0')
-      return cssObj.toText()
-    }
-  },
-  '.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after': {
-    resolve (cssText, cssObj) {
-      cssObj.rules.push('border-top:0', 'border-left:0')
-      return cssObj.toText()
-    }
-  },
-  '.ant-menu-dark .ant-menu-inline.ant-menu-sub': {
-    resolve (cssText, cssObj) {
-      cssObj.rules = cssObj.rules.filter(rule => rule.indexOf('box-shadow') == -1)
-      return cssObj.toText()
-    }
-  },
-  '.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu:hover,.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-submenu-selected': {
-    resolve (cssText, cssObj) {
-      cssObj.selector = cssObj.selector.replace(/.ant-menu-horizontal/g, '.ant-menu-horizontal:not(.ant-menu-dark)')
-      return cssObj.toText()
-    }
-  },
-  '.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover': {
-    resolve (cssText, cssObj) {
-      cssObj.selector = cssObj.selector.replace(/.ant-menu-horizontal/g, '.ant-menu-horizontal:not(.ant-menu-dark)')
-      return cssObj.toText()
-    }
-  },
-  '.ant-layout-sider': {
-    resolve (cssText, cssObj) {
-      cssObj.selector = '.ant-layout-sider-dark'
-      return cssObj.toText()
-    }
-  },
-  '/keyframes/': false
-}
-
-module.exports = cssResolve
+/**
+ * webpack-theme-color-replacer 插件的 resolve 配置
+ * 为特定的 css 选择器（selector）配置 resolve 规则。
+ *
+ * key 为 css selector 值或合法的正则表达式字符串
+ * 当 key 设置 css selector 值时，会匹配对应的 css
+ * 当 key 设置为正则表达式时，会匹配所有满足此正则表达式的的 css
+ *
+ * value 可以设置为 boolean 值 false 或 一个对象
+ * 当 value 为 false 时，则会忽略此 css，即此 css 不纳入 webpack-theme-color-replacer 管理
+ * 当 value 为 对象时，会调用该对象的 resolve 函数，并传入 cssText（原始的 css文本） 和 cssObj（css对象）参数; resolve函数应该返
+ * 回一个处理后的、合法的 css字符串（包含 selector）
+ * 注意: value 不能设置为 true
+ */
+const cssResolve = {
+  '.ant-checkbox-checked .ant-checkbox-inner::after': {
+    resolve (cssText, cssObj) {
+      cssObj.rules.push('border-top:0', 'border-left:0')
+      return cssObj.toText()
+    }
+  },
+  '.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after': {
+    resolve (cssText, cssObj) {
+      cssObj.rules.push('border-top:0', 'border-left:0')
+      return cssObj.toText()
+    }
+  },
+  '.ant-checkbox-checked .ant-checkbox-inner:after': {
+    resolve (cssText, cssObj) {
+      cssObj.rules.push('border-top:0', 'border-left:0')
+      return cssObj.toText()
+    }
+  },
+  '.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after': {
+    resolve (cssText, cssObj) {
+      cssObj.rules.push('border-top:0', 'border-left:0')
+      return cssObj.toText()
+    }
+  },
+  '.ant-menu-dark .ant-menu-inline.ant-menu-sub': {
+    resolve (cssText, cssObj) {
+      cssObj.rules = cssObj.rules.filter(rule => rule.indexOf('box-shadow') === -1)
+      return cssObj.toText()
+    }
+  },
+  '.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu:hover,.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-submenu-selected': {
+    resolve (cssText, cssObj) {
+      cssObj.selector = cssObj.selector.replace(/.ant-menu-horizontal/g, '.ant-menu-horizontal:not(.ant-menu-dark)')
+      return cssObj.toText()
+    }
+  },
+  '.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover': {
+    resolve (cssText, cssObj) {
+      cssObj.selector = cssObj.selector.replace(/.ant-menu-horizontal/g, '.ant-menu-horizontal:not(.ant-menu-dark)')
+      return cssObj.toText()
+    }
+  },
+  '.ant-layout-sider': {
+    resolve (cssText, cssObj) {
+      cssObj.selector = '.ant-layout-sider-dark'
+      return cssObj.toText()
+    }
+  },
+  '/keyframes/': false
+}
+
+module.exports = cssResolve