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

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,83 +0,0 @@
-<template>
-  <div class="select-content">
-    <a-select
-      v-model="item.useFormValue"
-      :ref="'search-' + item.val_key"
-      :dropdownMatchSelectWidth="(item.elem_width || 6) > 11"
-      class="formItem-select editItem-search"
-      :placeholder="item.placeholder || $t('1.1.6.12')"
-      :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' : 'hide-select-drop'"
-      :notFoundContent="fetching ? undefined : $t('1.1.6.11')"
-      :dropdownStyle="{
-        maxWidth: optionsMaxWidth
-      }"
-      optionLabelProp="label"
-    >
-      <a-spin v-if="fetching" slot="notFoundContent" size="small" />
-      <!-- :placeholder="item.placeholder || $t('1.1.6.12')" -->
-      <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>
-    </a-select>
-  </div>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import search from '../mixins/search';
-export default {
-  name: 'editSearch',
-  components: {},
-  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></style>

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

@@ -1,95 +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="(item.elem_width || 6) > 11"
-    :dropdownClassName="selectIsOpen ? 'form-default-select' : 'hide-select-drop'"
-    :disabled="item.is_edit == 0"
-    :defaultActiveFirstOption="true"
-    mode="multiple"
-    labelInValue
-    :allowClear="item.is_empty == 0"
-    :placeholder="item.placeholder || $t('1.1.6.12')"
-    :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 : $t('1.1.6.11')"
-    :dropdownStyle="{
-      maxWidth: optionsMaxWidth
-    }"
-    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"
-    >
-      <!-- {{ v["showLabel"] || v[item.wordbook.value_key] }} -->
-      <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>
-  </a-select>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import search from '../mixins/search';
-export default {
-  name: 'editSearchMore',
-  components: {},
-  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%;
-  }
-}
-</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 || `${$t('1.1.6.7')}${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>

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

@@ -1,55 +0,0 @@
-<template>
-  <a-select
-    v-model="item.useFormValue"
-    mode="multiple"
-    :showArrow="true"
-    class="formItem-select formItem-select-multiple"
-    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 || `${$t('1.1.6.7')}${item.name}` || ''"
-    @dropdownVisibleChange="dropdownVisibleChange"
-    :filterOption="$utils.filterOption"
-  >
-    <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: 'editSelectMultiple',
-  components: {},
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.formItem-select-multiple {
-  padding: 4px 0;
-}
-.formItem-select-multiple {
-  /deep/ .ant-select-selection--multiple .ant-select-selection__clear,
-  /deep/ .ant-select-selection--multiple .ant-select-arrow {
-    top: 50%;
-  }
-}
-</style>

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

@@ -1,41 +0,0 @@
-<template>
-  <a-textarea
-    :ref="`a-textarea-${item.val_key}`"
-    v-model="item.useFormValue"
-    autocomplete="off"
-    :allowClear="item.is_empty == 0"
-    :placeholder="item.placeholder || ''"
-    :rows="item.initialize_high || 3"
-    :disabled="item.is_edit == 0"
-    :maxLength="maxLength"
-    class="form-control"
-  ></a-textarea>
-</template>
-<script>
-export default {
-  name: "editTextarea",
-  components: {},
-  props: {
-    item: Object
-  },
-  data() {
-    return {};
-  },
-
-  computed: {
-    maxLength() {
-      const { item } = this;
-      let res = item.validate && item.validate.max_length ? +item.validate.max_length : 500;
-      return res;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped></style>

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

@@ -1,40 +0,0 @@
-<template>
-  <a-time-picker
-    v-model="item.useFormValue"
-    :ref="'timePicker-' + item.val_key"
-    :format="handlerGetDateType(item)"
-    :disabled="item.is_edit == 0"
-    :disabledHours="disabledHours(item, 'h')"
-    :disabledMinutes="disabledHours(item, 'm')"
-    :disabledSeconds="disabledHours(item, 's')"
-    :placeholder="item.placeholder || ''"
-    :allowClear="item.is_empty == 0"
-  />
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import dateType from '../mixins/dateType';
-export default {
-  name: 'editTimePicker',
-  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/global-props.js

@@ -1,33 +0,0 @@
-// import { mapActions } from "vuex";
-const globalProps = {
-  data() {
-    return {};
-  },
-  inject: {
-    /** baseForm */
-    mainForm: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    // ...mapGetters(["userInfo", "sysImageSize"]),
-    userInfo() {
-      const { userInfo } = this.mainForm;
-
-      return userInfo || {};
-    },
-    sysImageSize() {
-      return [];
-    },
-    isOrgAdmin() {
-      return this.userInfo?.map?.sysParams?.userType === "orgAdmin";
-    },
-    language() {
-      return "zh-cn";
-    }
-  },
-  methods: {}
-};
-
-export default globalProps;

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

@@ -1,8 +0,0 @@
-const requireComponent = require.context("./", true, /edit.*?\.(vue|js)$/);
-
-let cmps = {};
-
-requireComponent.keys().map(fileName => {
-  let cmp = requireComponent(fileName).default;
-  cmps[cmp.name] = cmp;
-});

package/packages/big-table/src/components/edit-form/edit-component/mixins/bound-date.js

@@ -1,3 +0,0 @@
-export default {
-  methods: {}
-};