cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/es/verification-code/style.css

@@ -1 +0,0 @@
-.verification-code-container[data-v-39c11d42] .ant-input-group-addon{border-color:#d9d9d9;color:#5585f5;cursor:pointer}.verification-code-container .captcha-wrap .get-code[data-v-39c11d42]{line-height:25px;font-size:14px;color:#2379f9;cursor:pointer;transform:translateY(-50%)}.verification-code-container .captcha-wrap .get-code.disabled[data-v-39c11d42]{cursor:default;color:#ccc}.slide[data-v-738bb298]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.verify-title[data-v-738bb298]{position:relative;display:flex;justify-content:space-between;align-items:center;height:52px;padding:10px 20px;color:#828894;font-size:16px;text-align:left;border-bottom:1px solid #ccc}.verify-title span[data-v-738bb298]{color:#212121}.verify-title .right-icon[data-v-738bb298]{cursor:pointer}.verify-div[data-v-738bb298]{padding:0 20px 20px 20px}.verify-container[data-v-738bb298]{display:inline-block;padding:16px;margin:20px auto;border:1px solid #e7ecf1;box-shadow:0 0 10px #dadada}.slide-verify[data-v-738bb298]{display:inline-block;position:relative}.slide-verify .slide-verify-refresh-icon[data-v-738bb298]{position:absolute;right:4px;top:4px;font-size:20px;color:#ccc;cursor:pointer}.slide-verify .slide-verify-refresh-icon[data-v-738bb298]:hover{transform:scale(1.05);color:#fff}.slide-verify .slide-verify-block[data-v-738bb298]{position:absolute;left:0;top:0;width:40px;height:40px;cursor:pointer}.slide-verify .slide-verify-slider[data-v-738bb298]{position:relative;text-align:center;width:420px;height:40px;line-height:40px;margin-top:15px;background:#f7f9fa;color:#45494c;border:1px solid #e4e7eb}.slide-verify .slide-verify-slider-mask[data-v-738bb298]{position:absolute;left:0;top:0;height:40px;border:0 solid #1991fa;background:#d1e9fe}.slide-verify .slide-verify-slider-mask .slide-verify-slider-mask-item[data-v-738bb298]{position:absolute;top:0;left:0;width:38px;height:38px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;transition:background .2s linear}.slide-verify .slide-verify-slider-mask .slide-verify-slider-mask-item[data-v-738bb298]:hover{background:#1991fa}.slide-verify .slide-verify-slider-mask .slide-verify-slider-mask-item:hover .slide-verify-slider-mask-item-icon[data-v-738bb298]{color:#fff}.container-active .slide-verify-slider-mask[data-v-738bb298]{height:38px;border-width:1px}.container-active .slide-verify-slider-mask .slide-verify-slider-mask-item[data-v-738bb298]{height:38px;top:-1px;border:1px solid #1991fa}.container-success .slide-verify-slider-mask[data-v-738bb298]{height:38px;border:1px solid #52ccba;background-color:#d2f4ef}.container-success .slide-verify-slider-mask .slide-verify-slider-mask-item[data-v-738bb298]{height:38px;top:-1px;border:1px solid #52ccba;background-color:#52ccba!important}.container-fail .slide-verify-slider-mask[data-v-738bb298]{height:38px;border:1px solid #f57a7a;background-color:#fce1e1}.container-fail .slide-verify-slider-mask .slide-verify-slider-mask-item[data-v-738bb298]{height:38px;top:-1px;border:1px solid #f57a7a;background-color:#f57a7a!important}.container-active .slide-verify-slider-text[data-v-738bb298],.container-fail .slide-verify-slider-text[data-v-738bb298],.container-success .slide-verify-slider-text[data-v-738bb298]{display:none}

package/packages/affix/index.js

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

package/packages/affix/src/Affix.jsx

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

package/packages/age/index.js

@@ -1,27 +0,0 @@
-/*
- * @Author: zhouzhiliang
- * @LastEditors: zhouzhiliang
- * @Date: 2021-07-09 09:43:18
- * @LastEditTime: 2021-07-09 16:04:55
- * @Email: 
- * @FilePath: \cnhis-design-vue\packages\age\index.js
- * @Description: 
- */
-// 导入组件
-import Base from '../base';
-import Age from './src/age';
-import AgeCom from './src/age-com';
-
-// 为组件提供 install 安装方法，供按需引入
-Age.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Age.name, Age);
-  Vue.component(AgeCom.name, AgeCom);
-};
-
-Object.assign(Age, {
-  AgeCom
-});
-
-// 默认导出组件
-export default Age;

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

@@ -1,140 +0,0 @@
-<!--
- * @Author: zhouzhiliang
- * @LastEditors: zhouzhiliang
- * @Date: 2021-07-09 10:04:15
- * @LastEditTime: 2021-07-20 19:03:15
- * @Email: 
- * @FilePath: \cnhis-design-vue\packages\age\src\age\index.vue
- * @Description: 
--->
-<template>
-  <div>
-    <a-input-group compact style="display: flex" class="age-input">
-      <a-input-number :value="number" v-bind="config" v-on="inputListeners"> </a-input-number>
-      <a-select :value="unit" v-if="unitconfig.option && unitconfig.option.length > 0" v-bind="unitconfig"
-        v-on="selectListeners">
-        <a-select-option v-for="(v, k) in unitconfig.option" :key="k" :value="v.value">
-          {{ v.text }}
-        </a-select-option>
-      </a-select>
-    </a-input-group>
-  </div>
-</template>
-
-<script>
-  import create from '@/core/create';
-  import {
-    InputNumber,
-    Select,
-    Input
-  } from 'ant-design-vue';
-  import Vue from 'vue';
-  export default create({
-    name: 'age',
-    data() {
-      const value = this.value || {};
-      return {
-        number: value.number,
-        unit: value.unit
-      };
-    },
-    props: {
-      value: {
-        type: Object,
-        default: () => {}
-      },
-      config: {
-        type: Object,
-        default: () => {}
-      },
-      unitconfig: {
-        type: Object,
-        default: () => ({
-          // disabled:"disabled",
-          style: 'width: 90px',
-          option: [{
-              text: '岁',
-              value: 'YEAR'
-            },
-            {
-              text: '月',
-              value: 'MONTH'
-            },
-            {
-              text: '日',
-              value: 'DAY'
-            }
-          ]
-        })
-      }
-    },
-    computed: {
-      inputListeners:function(){
-        var vm = this
-        return Object.assign({},this.$listeners,{
-          change:function(event){
-            vm.inputChange(event)
-          }
-        })
-      },
-      selectListeners:function(){
-        var vm = this
-        return Object.assign({},this.$listeners,{
-          change:function(event){
-            vm.selectChange(event)
-          }
-        })
-      },
-    },
-    watch: {
-      value: {
-        immediate: true,
-        handler(val) {
-          if (Object.keys(val || {}).length > 0) {
-            this.number = val.number
-            this.unit = val.unit
-          }
-        }
-      }      
-    },
-    beforeCreate() {
-      Vue.use(Input);
-      Vue.use(Select);
-    },
-    created() {},
-    beforeMount() {},
-    mounted() {},
-    beforeUpdate() {},
-    updated() {},
-    beforeDestroy() {},
-    destroyed() {},
-    activated() {},
-    methods: {
-      inputChange(number) {
-        this.triggerChange({
-          number
-        });
-      },
-      selectChange(unit) {
-        this.triggerChange({
-          unit
-        });
-      },
-      triggerChange(changedValue) {
-        this.$emit('change', Object.assign({}, this.$data, changedValue));
-      }
-    },
-    components: {
-      [InputNumber.name]: InputNumber
-    }
-  });
-</script>
-
-<style lang="less" scoped>
-  .age-input {
-    /deep/.ant-input-number {
-      width: 100% !important;
-      min-width: 0px !important;
-    }
-  }
-</style>

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

@@ -1,210 +0,0 @@
-<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 +0,0 @@
-// 导入组件
-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 +0,0 @@
-/**
- * @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 +0,0 @@
-// 导入组件
-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 +0,0 @@
-/**
- * @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 +0,0 @@
-/**
- * @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 +0,0 @@
-// 导入组件
-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 +0,0 @@
-/**
- * @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 +0,0 @@
-// 导入组件
-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 +0,0 @@
-/**
- * @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 +0,0 @@
-// 导入组件
-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;

package/packages/back-top/src/BackTop.jsx

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

package/packages/badge/index.js

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

package/packages/badge/src/Badge.jsx

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

package/packages/base/index.js

@@ -1,3 +0,0 @@
-import { Base } from 'ant-design-vue';
-
-export default Base;

package/packages/big-table/index.js

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