cnhis-design-vue 2.1.58 → 2.1.59

package/src/component/select-pages/index.vue

@@ -1,95 +1,95 @@
-<template>
-  <div class="form-select-btn" @mousedown="e => e.preventDefault()">
-    <a-button
-      :class="{ 'disabled-btn': preDisabled }"
-      type="dashed"
-      block
-      @click.self.stop="handleSearchChangePageProxy('prev', preDisabled)"
-    >
-      <a-icon type="left" /> 上一页
-    </a-button>
-    <a-button
-      :class="{
-        'disabled-btn': nextDisabled
-      }"
-      type="dashed"
-      block
-      @click.self.stop="handleSearchChangePageProxy('next', nextDisabled)"
-    >
-      下一页 <a-icon type="right" />
-    </a-button>
-  </div>
-</template>
-
-<script>
-import {Button,Icon} from 'ant-design-vue'
-export default {
-  name: "selectPages",
-  components:{
-    [Button.name]:Button,
-    [Icon.name]:Icon
-  },
-  props: {
-    searchPageConfig: {
-      type: Object,
-      default: () => ({
-        page: 1,
-        total: 0,
-        hasNextPage: false
-      })
-    },
-    handleSearchChangePage: {
-      type: Function,
-      default: () => {}
-    }
-  },
-  computed: {
-    preDisabled() {
-      return this.searchPageConfig.page <= 1;
-    },
-    nextDisabled() {
-      return this.searchPageConfig.asyncCount == 1
-          ? !this.searchPageConfig.hasNextPage
-          : this.searchPageConfig.page >= this.searchPageConfig.total;
-    }
-  },
-  methods: {
-    handleSearchChangePageProxy(n, disabled) {
-      !disabled && this.handleSearchChangePage(n);
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.disabled-btn {
-  cursor: not-allowed !important;
-  color: rgba(0, 0, 0, 0.25) !important;
-  text-shadow: none !important;
-  box-shadow: none !important;
-}
-.form-select-btn {
-  width: 100%;
-  overflow: hidden;
-  display: flex;
-  justify-content: space-around;
-  border-top: 1px solid #d5d5d5;
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  /deep/ .ant-btn {
-    border: none;
-    border-radius: 0 0 4px 4px;
-    &:hover {
-      opacity: 0.7;
-    }
-  }
-  /deep/ .ant-btn-dashed[disabled] {
-    background-color: #fff !important;
-  }
-
-  .ant-btn + .ant-btn {
-    border-left: 1px solid #d5d5d5;
-    border-bottom-left-radius: 0;
-  }
-}
-</style>
+<template>
+  <div class="form-select-btn" @mousedown="e => e.preventDefault()">
+    <a-button
+      :class="{ 'disabled-btn': preDisabled }"
+      type="dashed"
+      block
+      @click.self.stop="handleSearchChangePageProxy('prev', preDisabled)"
+    >
+      <a-icon type="left" /> 上一页
+    </a-button>
+    <a-button
+      :class="{
+        'disabled-btn': nextDisabled
+      }"
+      type="dashed"
+      block
+      @click.self.stop="handleSearchChangePageProxy('next', nextDisabled)"
+    >
+      下一页 <a-icon type="right" />
+    </a-button>
+  </div>
+</template>
+
+<script>
+import {Button,Icon} from 'ant-design-vue'
+export default {
+  name: "selectPages",
+  components:{
+    [Button.name]:Button,
+    [Icon.name]:Icon
+  },
+  props: {
+    searchPageConfig: {
+      type: Object,
+      default: () => ({
+        page: 1,
+        total: 0,
+        hasNextPage: false
+      })
+    },
+    handleSearchChangePage: {
+      type: Function,
+      default: () => {}
+    }
+  },
+  computed: {
+    preDisabled() {
+      return this.searchPageConfig.page <= 1;
+    },
+    nextDisabled() {
+      return this.searchPageConfig.asyncCount == 1
+          ? !this.searchPageConfig.hasNextPage
+          : this.searchPageConfig.page >= this.searchPageConfig.total;
+    }
+  },
+  methods: {
+    handleSearchChangePageProxy(n, disabled) {
+      !disabled && this.handleSearchChangePage(n);
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.disabled-btn {
+  cursor: not-allowed !important;
+  color: rgba(0, 0, 0, 0.25) !important;
+  text-shadow: none !important;
+  box-shadow: none !important;
+}
+.form-select-btn {
+  width: 100%;
+  overflow: hidden;
+  display: flex;
+  justify-content: space-around;
+  border-top: 1px solid #d5d5d5;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  /deep/ .ant-btn {
+    border: none;
+    border-radius: 0 0 4px 4px;
+    &:hover {
+      opacity: 0.7;
+    }
+  }
+  /deep/ .ant-btn-dashed[disabled] {
+    background-color: #fff !important;
+  }
+
+  .ant-btn + .ant-btn {
+    border-left: 1px solid #d5d5d5;
+    border-bottom-left-radius: 0;
+  }
+}
+</style>

package/src/component/svg/index.vue

@@ -1,59 +1,59 @@
-<!--
- * @Descripttion: ''
- * @version: ''
- * @Author: dengqian
- * @Date: 2019-10-24 10:54:49
- * @LastEditors: dengqian
- * @LastEditTime: 2019-10-24 11:34:07
- -->
-<template>
-  <svg :class="svgClass" aria-hidden="true" v-on="$listeners">
-    <title v-if="title">{{ title }}</title>
-    <use :xlink:href="iconName" />
-  </svg>
-</template>
-
-<script>
-// svg图标组件 使用方式
-// 将svg图片放入 /assets/icons/svg/图片名称.svg
-// vue页面中 <svg-icon icon-class="图片名称"></svg-icon>
-export default {
-  name: "SvgIcon",
-  props: {
-    iconClass: {
-      default: "",
-      required: true
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    className: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    iconName() {
-      return `#icon-${this.iconClass}`;
-    },
-    svgClass() {
-      if (this.className) {
-        return "svg-icon " + this.className;
-      } else {
-        return "svg-icon";
-      }
-    }
-  }
-};
-</script>
-
-<style scoped>
-.svg-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-</style>
+<!--
+ * @Descripttion: ''
+ * @version: ''
+ * @Author: dengqian
+ * @Date: 2019-10-24 10:54:49
+ * @LastEditors: dengqian
+ * @LastEditTime: 2019-10-24 11:34:07
+ -->
+<template>
+  <svg :class="svgClass" aria-hidden="true" v-on="$listeners">
+    <title v-if="title">{{ title }}</title>
+    <use :xlink:href="iconName" />
+  </svg>
+</template>
+
+<script>
+// svg图标组件 使用方式
+// 将svg图片放入 /assets/icons/svg/图片名称.svg
+// vue页面中 <svg-icon icon-class="图片名称"></svg-icon>
+export default {
+  name: "SvgIcon",
+  props: {
+    iconClass: {
+      default: "",
+      required: true
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    iconName() {
+      return `#icon-${this.iconClass}`;
+    },
+    svgClass() {
+      if (this.className) {
+        return "svg-icon " + this.className;
+      } else {
+        return "svg-icon";
+      }
+    }
+  }
+};
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>

package/src/core/create.js

@@ -1,6 +1,6 @@
-import { KEY_COMPONENT_NAME } from '@/global/variable';
-export default function(vm) {
-  vm.name = KEY_COMPONENT_NAME + (vm.name || '');
-  vm.mixins = vm.mixins || [];
-  return vm;
-}
+import { KEY_COMPONENT_NAME } from '@/global/variable';
+export default function(vm) {
+  vm.name = KEY_COMPONENT_NAME + (vm.name || '');
+  vm.mixins = vm.mixins || [];
+  return vm;
+}

package/src/core/event.js

@@ -1,23 +1,23 @@
-function bindEvent(safe, name, event) {
-  typeof safe[name] === 'function' && safe[name]({ value: safe.value, column: safe.column });
-  safe.$emit(name, safe.value, event);
-}
-export default function() {
-  return {
-    methods: {
-      handleFocus(event) {
-        bindEvent(this, 'focus', event);
-      },
-      handleBlur(event) {
-        bindEvent(this, 'blur', event);
-      },
-      handleClick(event) {
-        bindEvent(this, 'click', event);
-      },
-      handleChange(value) {
-        bindEvent(this, 'input', value);
-        bindEvent(this, 'change', value);
-      }
-    }
-  };
-}
+function bindEvent(safe, name, event) {
+  typeof safe[name] === 'function' && safe[name]({ value: safe.value, column: safe.column });
+  safe.$emit(name, safe.value, event);
+}
+export default function() {
+  return {
+    methods: {
+      handleFocus(event) {
+        bindEvent(this, 'focus', event);
+      },
+      handleBlur(event) {
+        bindEvent(this, 'blur', event);
+      },
+      handleClick(event) {
+        bindEvent(this, 'click', event);
+      },
+      handleChange(value) {
+        bindEvent(this, 'input', value);
+        bindEvent(this, 'change', value);
+      }
+    }
+  };
+}