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

package/packages/form-table/src/components/table-component/register-com.js

@@ -1,30 +0,0 @@
-/**
- *
- */
-const requireComponent = require.context("./", true, /table.*?\.(vue|js)$/);
-
-let cmps = {};
-
-requireComponent.keys().map(fileName => {
-  let cmp = requireComponent(fileName).default;
-  cmps[cmp.name] = cmp;
-});
-
-// console.log(cmps, "---cmps");
-
-// console.log(cmps, "cmps");
-import confiData from "./config-data/index";
-export default {
-  data() {
-    return {
-      cmps: cmps
-    };
-  },
-  computed: {},
-  methods: {
-    getComName(v = {}) {
-      return confiData.getComName(v);
-    }
-  },
-  components: cmps
-};

package/packages/form-table/src/components/table-component/table-age/table-age.vue

@@ -1,175 +0,0 @@
-<template>
-  <a-input-group
-    compact
-    class="table-form-age"
-    v-if="!isDetail"
-    :class="{ 'table-form-age-error': hasErr }"
-  >
-    <a-input-number
-      v-model="row[item.val_key]"
-      :ref="'a-input-number-' + item.val_key"
-      :disabled="item.is_edit == 0 || isDetail"
-      :allowClear="item.is_empty == 0"
-      :placeholder="item.placeholder || ''"
-      :precision="0"
-      @blur="setAgeRes"
-      class="table-age-input"
-    ></a-input-number>
-    <a-select
-      v-if="item.option && item.option.length"
-      v-model="row[item.val_key_unit]"
-      :ref="'a-age-select-' + item.val_key"
-      class="table-age-select"
-      style="width: 70px"
-      :disabled="item.is_edit == 0 || isDetail"
-      showSearch
-      dropdownClassName="crm-form-select"
-      @change="changeAgeSelect($event, item)"
-    >
-      <a-select-option v-for="(v, k) in item.option" :key="k" :value="v.value">
-        {{ v.text }}
-      </a-select-option>
-    </a-select>
-  </a-input-group>
-  <div v-else>
-    <TextOverTooltip
-      :refName="`table-tooltip-${item.val_key}`"
-      :content="detailStr"
-    ></TextOverTooltip
-  ></div>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import { Select, Input, InputNumber } from 'ant-design-vue';
-import TextOverTooltip from "../text-over-tooltip/TextOverTooltip.vue";
-export default {
-  name: "tableAge",
-  components: {
-    TextOverTooltip,
-    [Input.Group.name]: Input.Group,
-    [InputNumber.name]: InputNumber,
-    [Select.name]: Select,
-		[Select.Option.name]: Select.Option
-  },
-  mixins: [itemDefault],
-  data() {
-    return {
-      ageRes: {}
-    };
-  },
-
-  computed: {
-    detailStr() {
-      let value = this.row[this.item.val_key];
-      return value ? value + this.getAgeUnit(this.item) : "";
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    // handleTableBlur
-    setAgeRes() {
-      let item = this.item;
-      const curVal = this.row[this.item.val_key];
-      const curValUnit = item.val_key_unit ? this.row[this.item.val_key_unit] : "";
-
-      // 年龄组件： AGE，AGE_JSON
-      if (item.html_type !== "AGE_JSON") {
-        // this.$set(matchAgeItem, "isFillAge", false);
-        this.handleAgeData(item, curValUnit, curVal);
-        this.handleAgeOnChange(this.ageRes, item);
-      }
-
-      // 表单配置事件
-      this.handleTableBlur();
-    },
-    handleAgeData(item, curUnit, curVal) {
-      let unit = "day";
-      if (!curUnit) {
-        if (item.option && item.option.length > 0) {
-          unit = item.option[0].value;
-        }
-      } else {
-        unit = curUnit;
-      }
-      const val = Number(curVal) || 0;
-      if (!val) {
-        this.ageRes = {
-          year: "",
-          month: "",
-          day: ""
-        };
-      }
-      switch (unit.toLowerCase()) {
-        case "day": {
-          const ageRes = {
-            year: parseInt(val / 365) || 0,
-            month: parseInt(val / 30) || 0,
-            day: val
-          };
-          this.ageRes = ageRes;
-          break;
-        }
-        case "month": {
-          const ageRes = {
-            year: parseInt(val / 12) || 0,
-            month: val,
-            day: parseInt(val * 30) || 0
-          };
-          this.ageRes = ageRes;
-          break;
-        }
-        case "year": {
-          const ageRes = {
-            year: val,
-            month: parseInt(val * 12) || 0,
-            day: parseInt(val * 365) || 0
-          };
-          this.ageRes = ageRes;
-          break;
-        }
-        default:
-          break;
-      }
-    },
-    /**
-     * 年龄推算出生日期
-     * @param {Object} ageInfo  {year: 0, day: 108, month: 3}
-     * @param {Object} item
-     */
-    handleAgeOnChange(ageInfo, item) {
-      let f = this.handleGetAgeUnit(ageInfo);
-      if (f) {
-        let val = ageInfo[f];
-        this.handleAgeToBirthDay(val, f, item);
-      }
-    },
-    // 获取年龄单位
-    getAgeUnit(item) {
-      let name_unit =
-        this.row[this.item.val_key_unit] ||
-        (item.option && item.option.length > 0 && item.option[0].value);
-      return item.option &&
-        item.option.length > 0 &&
-        item.option.find(item => name_unit == item.value)
-        ? this.item.option.find(item => name_unit == item.value).text
-        : "";
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.table-form-age-error {
-  border-color: red !important;
-  .table-age-input {
-    border-color: red !important;
-  }
-  /deep/ .ant-select-selection--single {
-    border-color: red !important;
-  }
-}
-</style>

package/packages/form-table/src/components/table-component/table-date-picker/table-date-picker.vue

@@ -1,87 +0,0 @@
-<template>
-  <a-date-picker
-    v-if="!isDetail || row[item.val_key]"
-    class="table-date-picker"
-    v-model="row[item.val_key]"
-    ref="dataPickerRef"
-    :placeholder="item.placeholder || ''"
-    :disabled="item.is_edit == 0 || isDetail"
-    :disabledDate="current => disabledDatePicker(current, item)"
-    :disabledTime="current => disabledTimePicker(current, item)"
-    :showToday="handlerGetDateType(item) !== 'YYYY-MM-DD HH:mm:ss'"
-    :allowClear="item.is_empty == 0"
-    :show-time="dateShowTimeConfig || false"
-    :format="handlerGetDateType(item)"
-    @change="handleTableBlur"
-    @openChange="dateOpenChange"
-    :class="{ 'table-date-picker-error': hasErr }"
-  />
-  <!-- handleTableBlur -->
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import dateType from "../mixins/dateType";
-import { DatePicker } from 'ant-design-vue';
-export default {
-  name: "tableDatePicker",
-  components: {
-    [DatePicker.name]: DatePicker
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, dateType],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {
-    dateShowTimeConfig() {
-      // YYYY-MM-DD HH:mm, YYYY-MM-DD HH 的格式处理
-      const { item, handlerGetDateType } = this;
-      let type = handlerGetDateType(item);
-      let flag = type.includes("HH");
-      let [, timeType] = type.split(" ");
-      timeType = typeof timeType === "string" ? timeType.trim() : "";
-      if (flag) {
-        if (/(Y)|(M)|(D)/g.test(timeType) || !timeType) {
-          return { format: "HH:mm:ss" };
-        } else {
-          return { format: timeType };
-        }
-      } else {
-        return false;
-      }
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    dateOpenChange(status) {
-      // 会多次触发 暂时注释
-      // 关闭时间面板的时候校验
-      // console.log("----dateOpenChange---dateOpenChange");
-      // if (!status) {
-      // this.handleTableBlur();
-      // }
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.table-date-picker {
-  min-width: unset !important;
-  width: 100%;
-}
-.table-date-picker-error {
-  /deep/ .ant-input {
-    border-color: red !important;
-  }
-}
-</style>

package/packages/form-table/src/components/table-component/table-digital/table-digital.vue

@@ -1,93 +0,0 @@
-<template>
-  <div v-if="!isDetail" class="ant-input-group table-digital-com">
-    <span v-if="prefixStr" class="ant-input-group-addon">
-      <TextOverTooltip
-        :refName="`table-tooltip-${item.val_key}-prefix`"
-        :content="prefixStr"
-      ></TextOverTooltip>
-    </span>
-    <a-input-number
-      v-model="row[item.val_key]"
-      :ref="'a-input-number-' + item.val_key"
-      :addon-before="item.before"
-      :addon-after="item.suffix"
-      :disabled="item.is_edit == 0"
-      :placeholder="item.placeholder || ''"
-      :allowClear="item.is_empty == 0"
-      @blur="handleTableBlur"
-      :class="{ 'table-error-digital': hasErr }"
-    />
-    <span v-if="suffixStr" class="ant-input-group-addon">
-      <TextOverTooltip
-        :refName="`table-tooltip-${item.val_key}-suffix`"
-        :content="suffixStr"
-      ></TextOverTooltip>
-    </span>
-  </div>
-  <div v-else class="digital-text">
-    <TextOverTooltip
-      :refName="`table-tooltip-${item.val_key}`"
-      :content="detailStr"
-    ></TextOverTooltip>
-  </div>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import { InputNumber } from 'ant-design-vue';
-import TextOverTooltip from "../text-over-tooltip/TextOverTooltip.vue";
-export default {
-  name: "tableDigital",
-  components: {
-    [InputNumber.name]: InputNumber,
-    TextOverTooltip
-  },
-  mixins: [itemDefault],
-  props: {
-    item: Object
-  },
-  data() {
-    return {
-      prefixStr: this?.item?.prefix,
-      suffixStr: this?.item?.suffix
-    };
-  },
-
-  computed: {
-    detailStr() {
-      let prefixStr = this.prefixStr ? " " + this.prefixStr : "";
-      let suffixStr = this.suffixStr ? " " + this.suffixStr : "";
-      let value = this.row[this.item.val_key] || "";
-      return `${suffixStr}${value}${prefixStr}`;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.ant-input-group {
-  display: table !important;
-  .ant-input-number {
-    width: 100%;
-    &.table-error-digital {
-      border-color: red !important;
-      /deep/ input {
-        border-color: red !important;
-      }
-    }
-  }
-}
-.table-digital-com {
-  .ant-input-group-addon {
-    max-width: 52px;
-    .text-over-tooltip-components {
-      display: inline;
-    }
-  }
-}
-</style>

package/packages/form-table/src/components/table-component/table-input/table-input.vue

@@ -1,81 +0,0 @@
-<template>
-  <a-input
-    v-if="!isDetail"
-    v-model="row[item.val_key]"
-    :ref="`input-${item.val_key}`"
-    autocomplete="off"
-    :disabled="item.is_edit == 0"
-    :allowClear="item.is_empty == 0"
-    :placeholder="item.placeholder || ''"
-    :maxLength="item.validate && item.validate.max_length ? +item.validate.max_length : 300"
-    @blur="handleTableBlur"
-    :class="{ 'table-error-input': hasErr }"
-    class="table-input-com"
-  >
-    <template slot="addonBefore" v-if="prefixStr">
-      <TextOverTooltip
-        :refName="`table-tooltip-${item.val_key}-prefix`"
-        :content="prefixStr"
-      ></TextOverTooltip>
-    </template>
-    <template slot="addonAfter" v-if="suffixStr">
-      <TextOverTooltip
-        :refName="`table-tooltip-${item.val_key}-suffix`"
-        :content="suffixStr"
-      ></TextOverTooltip>
-    </template>
-  </a-input>
-  <div v-else>
-    <TextOverTooltip
-      :refName="`table-tooltip-${item.val_key}`"
-      :content="detailStr"
-    ></TextOverTooltip>
-  </div>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import { Input } from 'ant-design-vue';
-import TextOverTooltip from "../text-over-tooltip/TextOverTooltip.vue";
-export default {
-  name: "tableInput",
-  components: {
-    [Input.name]: Input,
-    TextOverTooltip
-  },
-  mixins: [itemDefault],
-  data() {
-    return {
-      prefixStr: this?.item?.prefix,
-      suffixStr: this?.item?.suffix
-    };
-  },
-  props: {},
-  mounted() {},
-  computed: {
-    detailStr() {
-      let prefixStr = this.prefixStr ? " " + this.prefixStr : "";
-      let suffixStr = this.suffixStr ? " " + this.suffixStr : "";
-      let value = this.row[this.item.val_key] || "";
-      return `${suffixStr}${value}${prefixStr}`;
-    }
-  },
-  methods: {},
-  watch: {}
-};
-</script>
-<style lang="less" scoped>
-.table-error-input {
-  border-color: red !important;
-  /deep/ input {
-    border-color: red !important;
-  }
-}
-.table-input-com {
-  /deep/ .ant-input-group-addon {
-    max-width: 52px;
-    .text-over-tooltip-components {
-      display: inline;
-    }
-  }
-}
-</style>

package/packages/form-table/src/components/table-component/table-input-password/table-input-password.vue

@@ -1,126 +0,0 @@
-<template>
-  <div
-    v-if="!isDetail"
-    :class="{
-      'is-show-psw': !isReadOnly
-    }"
-  >
-    <a-input
-      :ref="`input-password-${item.val_key}`"
-      :type="inputType"
-      v-model="row[item.val_key]"
-      autocomplete="off"
-      autocorrect="off"
-      autocapitalize="off"
-      spellcheck="false"
-      :disabled="item.is_edit == 0"
-      :allowClear="item.is_empty == 0"
-      :placeholder="item.placeholder || ''"
-      :maxLength="item.validate && item.validate.max_length ? +item.validate.max_length : 300"
-      :class="{ 'table-input-password-error': hasErr }"
-      class="table-input-password-com"
-    >
-      <template slot="addonBefore" v-if="prefixStr">
-        <TextOverTooltip
-          :refName="`table-tooltip-${item.val_key}-prefix`"
-          :content="prefixStr"
-        ></TextOverTooltip>
-      </template>
-      <template slot="addonAfter" v-if="suffixStr">
-        <TextOverTooltip
-          :refName="`table-tooltip-${item.val_key}-suffix`"
-          :content="suffixStr"
-        ></TextOverTooltip>
-      </template>
-      <template slot="suffix">
-        <svg-icon
-          @click="handleTogglePsw"
-          :icon-class="isReadOnly ? 'chakan' : 'anniuyincang'"
-          style="font-size: 1em;"
-          :style="{ color: isReadOnly ? styleSetting.themeColor : undefined }"
-        />
-      </template>
-    </a-input>
-  </div>
-  <div v-else>
-    {{ prefixStr ? " " + prefixStr : "" }} {{ row[item.val_key] }}
-    {{ suffixStr ? " " + suffixStr : "" }}
-  </div>
-</template>
-<script>
-import svgIcon from '@/component/svg/index.vue';
-import { Input } from 'ant-design-vue';
-import itemDefault from "../mixins/item-default";
-import TextOverTooltip from "../text-over-tooltip/TextOverTooltip.vue";
-export default {
-  name: "tableInputPassword",
-  components: {
-    [Input.name]: Input,
-    svgIcon,
-    TextOverTooltip
-  },
-  mixins: [itemDefault],
-  props: {
-    item: Object,
-    styleSetting: { type: Object, default: () => {} }
-  },
-  data() {
-    return {
-      inputType: "text",
-      isReadOnly: false,
-      prefixStr: this?.item?.prefix,
-      suffixStr: this?.item?.suffix
-    };
-  },
-
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    handleTogglePsw() {
-      this.isReadOnly = !this.isReadOnly;
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.is-show-psw {
-  /deep/ .ant-input {
-    font-family: text-security-disc;
-    -webkit-text-security: disc;
-    text-security: disc; /*使用指定形状代替文字显示 circle圆圈 disc 圆形 square 正方形*/
-    ime-mode: disabled;
-  }
-  ::-webkit-input-placeholder {
-    /* WebKit browsers */
-    font-family: "Avenir", Helvetica, Arial, sans-serif;
-  }
-
-  ::-moz-placeholder {
-    /* Mozilla Firefox 19+ */
-    font-family: "Avenir", Helvetica, Arial, sans-serif;
-  }
-
-  :-ms-input-placeholder {
-    /* Internet Explorer 10+ */
-    font-family: "Avenir", Helvetica, Arial, sans-serif;
-  }
-}
-.table-input-password-error {
-  border-color: red !important;
-  /deep/ input {
-    border-color: red !important;
-  }
-}
-.table-input-password-com {
-  /deep/ .ant-input-group-addon {
-    max-width: 52px;
-    .text-over-tooltip-components {
-      display: inline;
-    }
-  }
-}
-</style>

package/packages/form-table/src/components/table-component/table-month-picker/table-month-picker.vue

@@ -1,53 +0,0 @@
-<template>
-  <a-month-picker
-    v-if="!isDetail || row[item.val_key]"
-    v-model="row[item.val_key]"
-    :ref="'monthPicker-' + item.val_key"
-    :placeholder="item.placeholder || ''"
-    :allowClear="item.is_empty == 0"
-    :disabled="item.is_edit == 0 || isDetail"
-    :disabledDate="current => disabledDatePicker(current, item)"
-    class="table-month-picker"
-    :class="{ 'table-month-picker-error': hasErr }"
-    @blur="handleTableBlur"
-  />
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import dateType from "../mixins/dateType";
-import { DatePicker } from 'ant-design-vue';
-export default {
-  name: "tableMonthPicker",
-  components: {
-    [DatePicker.MonthPicker.name]: DatePicker.MonthPicker
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, dateType],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.table-month-picker {
-  width: 100%;
-}
-.table-month-picker-error {
-  /deep/ .ant-input {
-    border-color: red !important;
-  }
-}
-</style>