cnhis-design-vue 2.2.3 → 2.2.5

package/packages/big-table/src/components/edit-form/edit-component/config-data/index.js

@@ -1,68 +0,0 @@
-const configData = {
-  comTypeMap: {
-    INPUT: "editInput",
-    DIGITAL: "editDigital",
-    TEXTAREA: "editTextarea",
-    RADIO: "editSelect",
-    RADIO_BLOCK: "editSelect",
-    CHECKBOX_BLOCK: "editSelectMultiple",
-    CHECKBOX: "editSelectMultiple",
-    SEARCH: "editSearch",
-    SEARCH_MORE: "editSearchMore",
-    DATE: "editDatePicker",
-    "DATE-INPUT": "editDatePicker", // 旧版兼容字段
-    "DATETIME-INPUT": "editDatePicker", // 旧版兼容字段
-    SELECT: "editSelect",
-    PHONE_TYPE: "editSelect",
-    IDCARD_TYPE: "editSelect",
-    editMonthPicker: "editMonthPicker",
-    editTimePicker: "editTimePicker",
-    editDatePicker: "editDatePicker", // 旧版兼容字段
-    editSelect: "editSelect",
-    editInputPassword: "editInputPassword",
-    editSelectMultiple: "editSelectMultiple",
-    SWITCH_COMPONENT: 'editSwitch'
-  },
-  getComName(v = {}) {
-    const { isMonthPicker_com, isDate_com, isTimePicker_com, isSelect_com, isPassword_com } = this;
-    const { comTypeMap } = configData;
-
-    if (isDate_com(v.html_type)) {
-      if (isMonthPicker_com(v)) return "editMonthPicker";
-      if (isTimePicker_com(v)) return "editTimePicker";
-      return "editDatePicker";
-    }
-
-    if (isSelect_com(v)) return "editSelect";
-    if (isPassword_com(v)) return "editInputPassword";
-
-    const res = comTypeMap[v.html_type];
-    if (res) {
-      return res;
-    }
-
-    return "editInput";
-  },
-
-  isMonthPicker_com(v) {
-    return v.date_format && v.date_format.replace(/yyyy-MM/gi, "YYYY-MM") == "YYYY-MM";
-  },
-
-  isDate_com(key) {
-    return key === "DATE" || key === "DATE-INPUT" || key === "DATETIME-INPUT";
-  },
-
-  isTimePicker_com(v) {
-    return v.html_type == "TIME-INPUT" || v.date_format == "HH:mm:ss" || v.date_format == "HH:mm";
-  },
-
-  isSelect_com(v) {
-    return ["SELECT", "PHONE_TYPE", "IDCARD_TYPE"].includes(v.html_type);
-  },
-
-  isPassword_com(v) {
-    return (v?.validate?.obj_type || "") === "password";
-  }
-};
-
-export default configData;

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

@@ -1,60 +0,0 @@
-<template>
-  <a-date-picker
-    class="edit-date-picker"
-    v-model="item.useFormValue"
-    ref="dataPickerRef"
-    :placeholder="item.placeholder || ''"
-    :disabled="item.is_edit == 0"
-    :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)"
-  />
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import dateType from '../mixins/dateType';
-export default {
-  name: 'editDatePicker',
-  components: {},
-  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: {}
-};
-</script>
-<style lang="less" scoped></style>

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

@@ -1,54 +0,0 @@
-<template>
-  <div class="ant-input-group">
-    <a-input-number
-      v-model="item.useFormValue"
-      :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"
-    />
-    <span v-if="item.suffix" class="digital-suffix">
-      {{ item.suffix }}
-    </span>
-  </div>
-</template>
-<script>
-export default {
-  name: "editDigital",
-  components: {},
-  props: {
-    item: Object
-  },
-  data() {
-    return {};
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.digital-suffix {
-  display: inline-block;
-  height: 32px;
-  line-height: 32px;
-  padding: 0 11px;
-  font-weight: 400;
-  font-size: 14px;
-  text-align: center;
-  color: rgba(0, 0, 0, 0.65);
-  background-color: #fafafa;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  box-sizing: border-box;
-  vertical-align: top;
-}
-</style>

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

@@ -1,39 +0,0 @@
-<template>
-  <a-input
-    v-model="item.useFormValue"
-    :ref="`input-${item.val_key}`"
-    autocomplete="off"
-    :disabled="item.is_edit == 0"
-    :allowClear="item.is_empty == 0"
-    :addon-before="item.before"
-    :addon-after="item.suffix"
-    :placeholder="item.placeholder || ''"
-    :maxLength="item.validate && item.validate.max_length ? +item.validate.max_length : 300"
-  >
-  </a-input>
-</template>
-<script>
-export default {
-  name: "editInput",
-  components: {},
-  mixins: [],
-  data() {
-    return {};
-  },
-  inject: {
-    /** baseForm */
-    mainForm: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  props: {
-    item: Object
-  },
-  mounted() {},
-  computed: {},
-  methods: {},
-  watch: {}
-};
-</script>
-<style lang="less" scoped></style>

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

@@ -1,79 +0,0 @@
-<template>
-  <div
-    :class="{
-      'is-show-psw': !isReadOnly
-    }"
-  >
-    <a-input
-      :ref="`input-password-${item.val_key}`"
-      :type="inputType"
-      v-model="item.useFormValue"
-      autocomplete="off"
-      autocorrect="off"
-      autocapitalize="off"
-      spellcheck="false"
-      :disabled="item.is_edit == 0"
-      :allowClear="item.is_empty == 0"
-      :addon-before="item.before"
-      :addon-after="item.suffix"
-      :placeholder="item.placeholder || ''"
-      :maxLength="item.validate && item.validate.max_length ? +item.validate.max_length : 300"
-    >
-      <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>
-</template>
-<script>
-export default {
-  name: 'editInputPassword',
-  components: {},
-  props: {
-    item: Object,
-    styleSetting: { type: Object, default: () => {} }
-  },
-  data() {
-    return {
-      inputType: 'text',
-      isReadOnly: false
-    };
-  },
-
-  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;
-  }
-}
-</style>

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

@@ -1,37 +0,0 @@
-<template>
-  <a-month-picker
-    v-model="item.useFormValue"
-    :ref="'monthPicker-' + item.val_key"
-    :placeholder="item.placeholder || ''"
-    :allowClear="item.is_empty == 0"
-    :disabled="item.is_edit == 0"
-    :disabledDate="current => disabledDatePicker(current, item)"
-  />
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import dateType from '../mixins/dateType';
-export default {
-  name: 'editMonthPicker',
-  components: {},
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, dateType],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped></style>

package/packages/big-table/src/components/edit-form/edit-component/edit-search/edit-search.vue

@@ -1,156 +0,0 @@
-<template>
-  <div class="select-content">
-    <a-select
-      v-model="item.useFormValue"
-      :ref="'search-' + item.val_key"
-      :dropdownMatchSelectWidth="true"
-      class="formItem-select editItem-search"
-      :placeholder="item.placeholder || '请输入关键字'"
-      :autoFocus="false"
-      :defaultActiveFirstOption="true"
-      :allowClear="item.is_empty == 0"
-      :disabled="item.is_edit == 0"
-      :filterOption="false"
-      :showSearch="selectIsOpen"
-      @search="handleMultipleSearch($event, item)"
-      @dropdownVisibleChange="handlerDropdownVisibleChange($event, item)"
-      @select="handleSearchSelect($event, item, 'select')"
-      @change="handleSearchSelect($event, item)"
-      :dropdownClassName="selectIsOpen ? 'form-default-select edit-table-default-select' : 'hide-select-drop edit-table-default-select'"
-      :notFoundContent="fetching ? undefined : '暂无数据'"
-      :dropdownStyle="{
-        maxWidth: optionsMaxWidth,
-        background: 'transparent',
-        'box-shadow': 'none'
-      }"
-      optionLabelProp="label"
-    >
-      <a-spin v-if="fetching" slot="notFoundContent" size="small" />
-      <a-select-option
-        v-for="(v, k) in curOptions"
-        :key="k"
-        :value="`${v[item.wordbook.value_key]}>>>${v['myUniqueKey']}`"
-        :label="hanlderGetSearchLabel(item, v)"
-        :disabled="k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1"
-      >
-        <!-- <div
-          :class="{
-            'title-line': k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1
-          }"
-          style="display: flex;justify-content: space-around;"
-          v-if="v['showLabel']"
-        >
-          <span style="flex: 1;" v-for="(v1, k1) in v['showLabel'].split('≌')" :key="k1" class="select-content-item">{{ v1 }}</span>
-        </div>
-        <span v-else>{{ v[item.wordbook.value_key] }}</span> -->
-      </a-select-option>
-      <scale-container 
-        slot="dropdownRender" 
-        :class="`search-menu-${item.val_key}`" 
-        slot-scope="menu" 
-        style="background: #fff; box-shadow: 0 2px 8px rgb(0 0 0 / 15%);"
-        @mousedown.native="e => e.preventDefault()"
-        :minW="optionsMaxWidthNew || 160"
-        :minH="45"
-        :defaultMaxH="300"
-      >
-        <a-spin
-          v-if="fetching"
-          class="loading-wrapper"
-          :spinning="fetching"
-          :tip="`${$t('1.1.7.14')}...`"
-        />
-        <div
-          v-else
-          style="display: flex; flex-direction: column; max-height: inherit; height: 100%;"
-        >
-          <SelectOptions
-            style="flex: 1; overflow: hidden;"
-            :rows="optionRows"
-            :freeAddItem="freeAddItem"
-            :fields="fieldListConfig"
-            :wordbook="item.wordbook"
-            :context="menu && menu.context"
-          />
-          <!-- <slot v-if="curOptions && curOptions.length">
-            <select-pages
-              v-if="!isnoPages"
-              style="flex-shrink: 0;"
-              :searchPageConfig="searchPageConfig"
-              :handleSearchChangePage="handleSearchChangePage"
-            />
-          </slot> -->
-        </div>
-      </scale-container>
-    </a-select>
-  </div>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import search from '../mixins/search';
-import { Select, Spin } from 'ant-design-vue';
-import SelectOptions from '@/component/select-options';
-import ScaleContainer from '~/scale-container/src/ScaleContainer';
-export default {
-  name: 'editSearch',
-  components: {
-    [Select.name]: Select,
-		[Select.Option.name]: Select.Option,
-    [Spin.name]: Spin,
-    SelectOptions,
-    ScaleContainer
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, search],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {
-    selectIsOpen() {
-      const { html_type, show_type } = this.item;
-      if (['SEARCH_MORE', 'SEARCH'].includes(html_type)) {
-        return !['pop', 'dialog'].includes(show_type);
-      }
-      return true;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.loading-wrapper {
-  height: 100%;
-  min-height: 100px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-</style>
-
-<style lang="less">
-.edit-table-default-select {
-  .title-line {
-    font-weight: 700;
-    color: #000;
-    font-size: 14px;
-  }
-  .select-content-item {
-    padding: 0 5px;
-  }
-  .ant-select-dropdown-menu-item-selected {
-    color: #5585f5;
-  }
-}
-</style>

package/packages/big-table/src/components/edit-form/edit-component/edit-search-more/edit-search-more.vue

@@ -1,151 +0,0 @@
-<template>
-  <a-select
-    v-model="item.useFormValue"
-    ref="form_a_select"
-    :showArrow="true"
-    class="formItem-select formItem-select-multiple formItem-search-more"
-    :dropdownMatchSelectWidth="true"
-    :dropdownClassName="selectIsOpen ? 'form-default-select edit-table-default-select-more' : 'hide-select-drop edit-table-default-select-more'"
-    :disabled="item.is_edit == 0"
-    :defaultActiveFirstOption="true"
-    mode="multiple"
-    labelInValue
-    :allowClear="item.is_empty == 0"
-    :placeholder="item.placeholder || '请输入关键字'"
-    :filterOption="false"
-    :showSearch="selectIsOpen"
-    :maxTagTextLength="10"
-    @search="handleMultipleSearch($event, item)"
-    @dropdownVisibleChange="handlerDropdownVisibleChange($event, item)"
-    @select="multipleSelect($event, item)"
-    @deselect="multipleDeselect($event, item)"
-    @change="searchMoreOnChange($event, item)"
-    :notFoundContent="fetching ? undefined : '暂无数据'"
-    :dropdownStyle="{
-      maxWidth: optionsMaxWidth,
-      background: 'transparent',
-      'box-shadow': 'none'
-    }"
-    optionLabelProp="label"
-  >
-    <a-spin v-if="fetching" slot="notFoundContent" size="small" />
-    <a-select-option
-      v-for="(v, k) in curOptions"
-      :key="k"
-      :value="`${v[item.wordbook.value_key]}-${v['myUniqueKey']}`"
-      :label="hanlderGetSearchLabel(item, v)"
-      :disabled="k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1"
-    >
-      <!-- <div
-        :class="{
-          'title-line': k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1
-        }"
-        style="display: flex;justify-content: space-around;"
-        v-if="v['showLabel']"
-      >
-        <span style="flex: 1;" v-for="(v1, k1) in v['showLabel'].split('≌')" :key="k1">{{ v1 }}</span>
-      </div>
-      <span v-else>{{ v[item.wordbook.value_key] }}</span> -->
-    </a-select-option>
-    <scale-container 
-      slot="dropdownRender" 
-      :class="`search-menu-${item.val_key}`" 
-      slot-scope="menu" 
-      style="background: #fff; box-shadow: 0 2px 8px rgb(0 0 0 / 15%);"
-      @mousedown.native="e => e.preventDefault()"
-      :minW="optionsMaxWidthNew ||160"
-      :minH="45"
-      :defaultMaxH="300"
-    >
-      <a-spin
-        v-if="fetching"
-        class="loading-wrapper"
-        :spinning="fetching"
-        :tip="`${$t('1.1.7.14')}...`"
-      />
-      <div
-        v-else
-        style="display: flex; flex-direction: column; max-height: inherit; height: 100%;"
-      >
-        <SelectOptions
-          style="flex: 1; overflow: hidden;"
-          :rows="optionRows"
-          :freeAddItem="freeAddItem"
-          :fields="fieldListConfig"
-          :wordbook="item.wordbook"
-          :context="menu && menu.context"
-          separate="-"
-        />
-      </div>
-    </scale-container>
-  </a-select>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import search from '../mixins/search';
-import { Select, Spin } from 'ant-design-vue';
-import SelectOptions from '@/component/select-options';
-import ScaleContainer from '~/scale-container/src/ScaleContainer';
-export default {
-  name: 'editSearchMore',
-  components: {
-    [Select.name]: Select,
-		[Select.Option.name]: Select.Option,
-    [Spin.name]: Spin,
-    SelectOptions,
-    ScaleContainer
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, search],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {
-    selectIsOpen() {
-      const { html_type, show_type } = this.item;
-      if (['SEARCH_MORE', 'SEARCH'].includes(html_type)) {
-        return !['pop', 'dialog'].includes(show_type);
-      }
-      return true;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.formItem-select-multiple {
-  padding: 4px 0;
-}
-.formItem-search-more {
-  /deep/ .ant-select-selection--multiple .ant-select-selection__clear,
-  /deep/ .ant-select-selection--multiple .ant-select-arrow {
-    top: 50%;
-  }
-}
-.loading-wrapper {
-  height: 100%;
-  min-height: 100px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-</style>
-<style lang="less">
-.edit-table-default-select-more {
-  .ant-select-dropdown-menu-item-selected {
-    color: #5585f5;
-  }
-}
-</style>

package/packages/big-table/src/components/edit-form/edit-component/edit-select/edit-select.vue

@@ -1,40 +0,0 @@
-<template>
-  <a-select
-    v-model="item.useFormValue"
-    class="formItem-select editItem-select"
-    defaultActiveFirstOption
-    :ref="item.val_key"
-    :optionData="`${JSON.stringify(item.option)}`"
-    :allowClear="item.is_empty == 0"
-    :disabled="item.is_edit == 0"
-    :dropdownMatchSelectWidth="true"
-    :placeholder="item.placeholder || `请选择${item.name}` || ''"
-    @dropdownVisibleChange="dropdownVisibleChange"
-  >
-    <a-select-option v-for="(v, y) in item.option" :key="(y + 9).toString(36) + y" :value="v.value">{{ v.text }}</a-select-option>
-  </a-select>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-export default {
-  name: 'editSelect',
-  components: {},
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault],
-  data() {
-    return { open: false };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped></style>