cnhis-design-vue 2.1.58 → 2.1.59

package/packages/age/src/age-com/index.vue

@@ -1,210 +1,210 @@
-<template>
-  <div class="container age-com">
-    <slot v-if="showType.includes('YYYY')">
-      <a-input-number :min="0" :value="ageValue.year" @focus="handlerInputFocus(1)" @change="handleYearChange"
-        :disabled="isDisabled" />
-      <span class="age-com-suffix">岁</span>
-    </slot>
-    <slot v-if="showType.includes('MM')">
-      <a-input-number :min="0" :value="ageValue.month" @focus="handlerInputFocus(2)" @change="handleMonthChange"
-        :disabled="isDisabled" />
-      <span class="age-com-suffix">月</span>
-    </slot>
-    <slot v-if="showType.includes('DD')">
-      <a-input-number :min="0" :value="ageValue.day" @change="handleDayChange" @focus="handlerInputFocus(3)"
-        :disabled="isDisabled" />
-      <span class="age-com-suffix">日</span>
-    </slot>
-  </div>
-</template>
-
-<script>
-  import create from '@/core/create';
-  import {
-    InputNumber
-  } from 'ant-design-vue';
-  export default create({
-    name: "age-com",
-    data() {
-      return {
-        ageValue: {
-          year: "",
-          month: "",
-          day: "",
-          days: ""
-        }
-      };
-    },
-    props: {
-      value: [String, Number, Object],
-      format: {
-        type: String,
-        default: "YYYY-MM-DD"
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      defaultValue: {
-        type: Object,
-        default: () => ({})
-      },
-    },
-    computed: {
-      showType() {
-        return this.format && this.checkType(this.format) == "[object String]" ?
-          this.format.toUpperCase() :
-          "YYYY-MM-DD";
-      },
-      isDisabled() {
-        return this.disabled || false;
-      }
-    },
-    watch: {
-      defaultValue: {
-        immediate: true,
-        handler() {
-          this.handleInitDefaultValue();
-        }
-      },
-      value: {
-        immediate: true,
-        handler(val) {
-          this.handlefillVal(val);
-        }
-      }
-    },
-    beforeCreate() {},
-    created() {},
-    beforeMount() {},
-    mounted() {},
-    beforeUpdate() {},
-    updated() {},
-    beforeDestroy() {},
-    destroyed() {},
-    activated() {},
-    methods: {
-      handleInitDefaultValue() {
-        if (Object.keys(this.defaultValue || {}).length) {
-          this.triggerChange({
-            ...this.defaultValue
-          });
-        }
-      },
-      checkType(val) {
-        return Object.prototype.toString.call(val);
-      },
-
-      handlefillVal(val) {
-        if (Object.keys(val || {}).length === 0) {
-          Object.assign(this.$data.ageValue, {
-            year: "",
-            month: "",
-            day: "",
-            days: ""
-          });
-        } else {
-          let type = this.checkType(val);
-          if (["[object String]", "[object Number]"].includes(type)) {
-            this.valueChange(val, "year");
-          } else if (type == "[object Object]") {
-            Object.assign(this.$data.ageValue, {
-              ...val
-            });
-          }
-        }
-      },
-
-      handleYearChange(e) {
-        const val = this.getvalue(e);
-        this.valueChange(val, "year");
-      },
-
-      handleMonthChange(e) {
-        const val = this.getvalue(e);
-        this.valueChange(val, "month");
-      },
-
-      handleDayChange(e) {
-        const val = this.getvalue(e);
-        this.valueChange(val, "day");
-      },
-
-      getvalue(e) {
-        return e;
-      },
-
-      valueChange(val, key) {
-        let value = parseInt(val, 10);
-        if (isNaN(value) || this.checkVal(val, key)) {
-          value = "";
-        }
-        this.triggerChange({
-          [key]: value
-        });
-      },
-
-      checkVal(val, key) {
-        const o = {
-          day: 31,
-          month: 12,
-          year: 200
-        };
-        return val > o[key];
-      },
-
-      // 计算天数
-      handleProrate() {
-        const {
-          ageValue
-        } = this;
-        const c = v => v || 0;
-        let days = c(ageValue.year) * 365 + c(ageValue.month) * 30 + c(ageValue.day);
-
-        ageValue.days = days || 0;
-        // this.valueChange(days, "days");
-      },
-
-      triggerChange(changedValue) {
-        Object.assign(this.$data.ageValue, changedValue);
-        this.handleProrate();
-
-        const {
-          year = "", month = "", day = "", days = ""
-        } = this.ageValue;
-        this.$emit("change", Object.assign({}, {
-          year,
-          month,
-          day,
-          days
-        }));
-      },
-
-      handlerInputFocus(childIndex = 0) {
-        this.$emit('focus', childIndex)
-      }
-    },
-    components: {
-      [InputNumber.name]: InputNumber
-    }
-  });
-</script>
-
-<style lang="less" scoped>
-  .container {}
-
-  .age-com {
-    width: 100%;
-    display: flex;
-
-    &-suffix {
-      display: inline-block;
-      line-height: 32px;
-      padding: 0 10px;
-    }
-
-    /deep/ .ant-input {
-      padding: 4px;
-    }
-  }
+<template>
+  <div class="container age-com">
+    <slot v-if="showType.includes('YYYY')">
+      <a-input-number :min="0" :value="ageValue.year" @focus="handlerInputFocus(1)" @change="handleYearChange"
+        :disabled="isDisabled" />
+      <span class="age-com-suffix">岁</span>
+    </slot>
+    <slot v-if="showType.includes('MM')">
+      <a-input-number :min="0" :value="ageValue.month" @focus="handlerInputFocus(2)" @change="handleMonthChange"
+        :disabled="isDisabled" />
+      <span class="age-com-suffix">月</span>
+    </slot>
+    <slot v-if="showType.includes('DD')">
+      <a-input-number :min="0" :value="ageValue.day" @change="handleDayChange" @focus="handlerInputFocus(3)"
+        :disabled="isDisabled" />
+      <span class="age-com-suffix">日</span>
+    </slot>
+  </div>
+</template>
+
+<script>
+  import create from '@/core/create';
+  import {
+    InputNumber
+  } from 'ant-design-vue';
+  export default create({
+    name: "age-com",
+    data() {
+      return {
+        ageValue: {
+          year: "",
+          month: "",
+          day: "",
+          days: ""
+        }
+      };
+    },
+    props: {
+      value: [String, Number, Object],
+      format: {
+        type: String,
+        default: "YYYY-MM-DD"
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      defaultValue: {
+        type: Object,
+        default: () => ({})
+      },
+    },
+    computed: {
+      showType() {
+        return this.format && this.checkType(this.format) == "[object String]" ?
+          this.format.toUpperCase() :
+          "YYYY-MM-DD";
+      },
+      isDisabled() {
+        return this.disabled || false;
+      }
+    },
+    watch: {
+      defaultValue: {
+        immediate: true,
+        handler() {
+          this.handleInitDefaultValue();
+        }
+      },
+      value: {
+        immediate: true,
+        handler(val) {
+          this.handlefillVal(val);
+        }
+      }
+    },
+    beforeCreate() {},
+    created() {},
+    beforeMount() {},
+    mounted() {},
+    beforeUpdate() {},
+    updated() {},
+    beforeDestroy() {},
+    destroyed() {},
+    activated() {},
+    methods: {
+      handleInitDefaultValue() {
+        if (Object.keys(this.defaultValue || {}).length) {
+          this.triggerChange({
+            ...this.defaultValue
+          });
+        }
+      },
+      checkType(val) {
+        return Object.prototype.toString.call(val);
+      },
+
+      handlefillVal(val) {
+        if (Object.keys(val || {}).length === 0) {
+          Object.assign(this.$data.ageValue, {
+            year: "",
+            month: "",
+            day: "",
+            days: ""
+          });
+        } else {
+          let type = this.checkType(val);
+          if (["[object String]", "[object Number]"].includes(type)) {
+            this.valueChange(val, "year");
+          } else if (type == "[object Object]") {
+            Object.assign(this.$data.ageValue, {
+              ...val
+            });
+          }
+        }
+      },
+
+      handleYearChange(e) {
+        const val = this.getvalue(e);
+        this.valueChange(val, "year");
+      },
+
+      handleMonthChange(e) {
+        const val = this.getvalue(e);
+        this.valueChange(val, "month");
+      },
+
+      handleDayChange(e) {
+        const val = this.getvalue(e);
+        this.valueChange(val, "day");
+      },
+
+      getvalue(e) {
+        return e;
+      },
+
+      valueChange(val, key) {
+        let value = parseInt(val, 10);
+        if (isNaN(value) || this.checkVal(val, key)) {
+          value = "";
+        }
+        this.triggerChange({
+          [key]: value
+        });
+      },
+
+      checkVal(val, key) {
+        const o = {
+          day: 31,
+          month: 12,
+          year: 200
+        };
+        return val > o[key];
+      },
+
+      // 计算天数
+      handleProrate() {
+        const {
+          ageValue
+        } = this;
+        const c = v => v || 0;
+        let days = c(ageValue.year) * 365 + c(ageValue.month) * 30 + c(ageValue.day);
+
+        ageValue.days = days || 0;
+        // this.valueChange(days, "days");
+      },
+
+      triggerChange(changedValue) {
+        Object.assign(this.$data.ageValue, changedValue);
+        this.handleProrate();
+
+        const {
+          year = "", month = "", day = "", days = ""
+        } = this.ageValue;
+        this.$emit("change", Object.assign({}, {
+          year,
+          month,
+          day,
+          days
+        }));
+      },
+
+      handlerInputFocus(childIndex = 0) {
+        this.$emit('focus', childIndex)
+      }
+    },
+    components: {
+      [InputNumber.name]: InputNumber
+    }
+  });
+</script>
+
+<style lang="less" scoped>
+  .container {}
+
+  .age-com {
+    width: 100%;
+    display: flex;
+
+    &-suffix {
+      display: inline-block;
+      line-height: 32px;
+      padding: 0 10px;
+    }
+
+    /deep/ .ant-input {
+      padding: 4px;
+    }
+  }
 </style>

package/packages/alert/index.js

@@ -1,12 +1,12 @@
-// 导入组件
-import Base from '../base';
-import Alert from './src/Alert';
-
-// 为组件提供 install 安装方法，供按需引入
-Alert.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Alert.name, Alert);
-};
-
-// 默认导出组件
-export default Alert;
+// 导入组件
+import Base from '../base';
+import Alert from './src/Alert';
+
+// 为组件提供 install 安装方法，供按需引入
+Alert.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(Alert.name, Alert);
+};
+
+// 默认导出组件
+export default Alert;

package/packages/alert/src/Alert.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Alert } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'alert',
-  extends: Alert
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Alert } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'alert',
+  extends: Alert
+});

package/packages/anchor/index.js

@@ -1,18 +1,18 @@
-// 导入组件
-import Base from '../base';
-import Anchor from './src/Anchor';
-import Link from './src/Link';
-
-// 为组件提供 install 安装方法，供按需引入
-Anchor.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Anchor.name, Anchor);
-  Vue.component(Link.name, Link);
-};
-
-Object.assign(Anchor, {
-  Link
-});
-
-// 默认导出组件
-export default Anchor;
+// 导入组件
+import Base from '../base';
+import Anchor from './src/Anchor';
+import Link from './src/Link';
+
+// 为组件提供 install 安装方法，供按需引入
+Anchor.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(Anchor.name, Anchor);
+  Vue.component(Link.name, Link);
+};
+
+Object.assign(Anchor, {
+  Link
+});
+
+// 默认导出组件
+export default Anchor;

package/packages/anchor/src/Anchor.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Anchor } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'anchor',
-  extends: Anchor
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Anchor } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'anchor',
+  extends: Anchor
+});

package/packages/anchor/src/Link.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Anchor } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'CAnchorLink',
-  extends: Anchor.Link
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Anchor } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'CAnchorLink',
+  extends: Anchor.Link
+});

package/packages/auto-complete/index.js

@@ -1,12 +1,12 @@
-// 导入组件
-import Base from '../base';
-import AutoComplete from './src/AutoComplete';
-
-// 为组件提供 install 安装方法，供按需引入
-AutoComplete.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(AutoComplete.name, AutoComplete);
-};
-
-// 默认导出组件
-export default AutoComplete;
+// 导入组件
+import Base from '../base';
+import AutoComplete from './src/AutoComplete';
+
+// 为组件提供 install 安装方法，供按需引入
+AutoComplete.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(AutoComplete.name, AutoComplete);
+};
+
+// 默认导出组件
+export default AutoComplete;

package/packages/auto-complete/src/AutoComplete.jsx

@@ -1,12 +1,12 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { AutoComplete } from 'ant-design-vue';
-import create from '@/core/create';
-
-export default create({
-  name: 'auto-complete',
-  extends: AutoComplete
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { AutoComplete } from 'ant-design-vue';
+import create from '@/core/create';
+
+export default create({
+  name: 'auto-complete',
+  extends: AutoComplete
+});

package/packages/avatar/index.js

@@ -1,12 +1,12 @@
-// 导入组件
-import Base from '../base';
-import Avatar from './src/Avatar';
-
-// 为组件提供 install 安装方法，供按需引入
-Avatar.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Avatar.name, Avatar);
-};
-
-// 默认导出组件
-export default Avatar;
+// 导入组件
+import Base from '../base';
+import Avatar from './src/Avatar';
+
+// 为组件提供 install 安装方法，供按需引入
+Avatar.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(Avatar.name, Avatar);
+};
+
+// 默认导出组件
+export default Avatar;

package/packages/avatar/src/Avatar.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Avatar } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'avatar',
-  extends: Avatar
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Avatar } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'avatar',
+  extends: Avatar
+});

package/packages/back-top/index.js

@@ -1,12 +1,12 @@
-// 导入组件
-import Base from '../base';
-import BackTop from './src/BackTop';
-
-// 为组件提供 install 安装方法，供按需引入
-BackTop.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(BackTop.name, BackTop);
-};
-
-// 默认导出组件
-export default BackTop;
+// 导入组件
+import Base from '../base';
+import BackTop from './src/BackTop';
+
+// 为组件提供 install 安装方法，供按需引入
+BackTop.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(BackTop.name, BackTop);
+};
+
+// 默认导出组件
+export default BackTop;