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

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

@@ -1,128 +0,0 @@
-<template>
-  <div class="select-content">
-    <a-select
-      v-if="!isDetail || row[item.val_key]"
-      v-model="row[item.val_key]"
-      :ref="'search-' + item.val_key"
-      :dropdownMatchSelectWidth="false"
-      class="tableItem-select table-search"
-      :placeholder="item.placeholder || $t('1.1.6.12')"
-      :autoFocus="false"
-      :defaultActiveFirstOption="true"
-      :allowClear="item.is_empty == 0"
-      :disabled="item.is_edit == 0 || isDetail"
-      :filterOption="false"
-      :showSearch="true"
-      @search="handleMultipleSearch($event, item)"
-      @dropdownVisibleChange="handlerDropdownVisibleChange($event, item)"
-      dropdownClassName="table-default-select"
-      :notFoundContent="fetching ? `...` : $t('1.1.6.11')"
-      optionLabelProp="label"
-      :dropdownStyle="{
-        maxWidth: optionsMaxWidth
-      }"
-      :class="{ 'table-search-error': hasErr }"
-    >
-      <!-- <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>
-      <div slot="dropdownRender" :class="`search-menu-${item.val_key}`" slot-scope="menu">
-        <a-spin :spinning="fetching" :tip="`${$t('1.1.7.14')}...`">
-          <v-nodes :vnodes="menu" />
-          <div
-            v-if="showSearchEmpty"
-            class="formItem-select-empty"
-            @mousedown="e => e.preventDefault()"
-          >
-            暂无搜索内容
-          </div>
-          <slot v-if="curOptions && curOptions.length">
-            <select-pages
-              v-if="!isnoPages"
-              :searchPageConfig="searchPageConfig"
-              :handleSearchChangePage="handleSearchChangePage"
-            />
-          </slot>
-        </a-spin>
-      </div>
-    </a-select>
-  </div>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import search from "../mixins/search";
-import selectPages from '@/component/select-pages';
-import { Select, Spin } from 'ant-design-vue';
-export default {
-  name: "tableSearch",
-  components: {
-    selectPages,
-    [Select.name]: Select,
-		[Select.Option.name]: Select.Option,
-    [Spin.name]: Spin
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, search],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-/deep/ .formItem-select-empty {
-  color: rgba(46, 46, 46, 0.4);
-  padding: 30px 0;
-  text-align: center;
-}
-</style>
-<style lang="less">
-.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/form-table/src/components/table-component/table-search-more/table-search-more.vue

@@ -1,144 +0,0 @@
-<template>
-  <a-select
-    v-if="!isDetail || showCom"
-    v-model="row[item.val_key]"
-    ref="form_a_select"
-    :showArrow="true"
-    class="tableItem-select tableItem-select-multiple tableItem-search-more"
-    :dropdownMatchSelectWidth="false"
-    :dropdownClassName="
-      selectIsOpen
-        ? 'form-default-select tableItem-search-more-select'
-        : 'hide-select-drop tableItem-search-more-select'
-    "
-    :disabled="item.is_edit == 0 || isDetail"
-    :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 ? `...` : $t('1.1.6.11')"
-    :dropdownStyle="{
-      maxWidth: optionsMaxWidth
-    }"
-    optionLabelProp="label"
-    :class="{ 'table-search-more-error': hasErr }"
-  >
-    <!-- <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>
-    <div slot="dropdownRender" :class="`search-menu-${item.val_key}`" slot-scope="menu">
-      <a-spin :spinning="fetching" :tip="`${$t('1.1.7.14')}...`">
-        <v-nodes :vnodes="menu" />
-        <slot v-if="curOptions && curOptions.length > 0 && !isnoPages">
-          <select-pages
-            v-if="!isnoPages"
-            :searchPageConfig="searchPageConfig"
-            :handleSearchChangePage="handleSearchChangePage"
-          />
-        </slot>
-      </a-spin>
-    </div>
-  </a-select>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import search from "../mixins/search";
-import selectPages from '@/component/select-pages';
-import { Select, Spin } from 'ant-design-vue';
-export default {
-  name: "tableSearchMore",
-  components: {
-    selectPages,
-    [Select.name]: Select,
-		[Select.Option.name]: Select.Option,
-    [Spin.name]: Spin
-  },
-  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;
-    },
-    showCom() {
-      let value = this.row[this.item.val_key];
-      return value?.length;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.table-search-more-error {
-  /deep/ .ant-select-selection {
-    border-color: red !important;
-  }
-}
-.tableItem-select-multiple {
-  padding: 4px 0;
-  /deep/.ant-select-selection--multiple .ant-select-selection__clear,
-  /deep/.ant-select-selection--multiple .ant-select-arrow {
-    top: 50%;
-  }
-}
-</style>
-<style lang="less">
-.tableItem-search-more-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/form-table/src/components/table-component/table-select/table-select.vue

@@ -1,64 +0,0 @@
-<template>
-  <a-select
-    v-if="!isDetail || row[item.val_key]"
-    v-model="row[item.val_key]"
-    class="tableItem-select table-select"
-    defaultActiveFirstOption
-    :ref="item.val_key"
-    :optionData="`${JSON.stringify(item.option)}`"
-    :allowClear="item.is_empty == 0"
-    :disabled="item.is_edit == 0 || isDetail"
-    :dropdownMatchSelectWidth="true"
-    :placeholder="item.placeholder || `${$t('1.1.6.7')}${item.name}` || ''"
-    :class="{ 'table-select-error': hasErr }"
-   
-    @blur="handleTableBlur"
-    @select="handleTableBlur"
-  >
-    <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";
-import { Select } from 'ant-design-vue';
-export default {
-  name: "tableSelect",
-  components: {
-    [Select.name]: Select,
-		[Select.Option.name]: Select.Option
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault],
-  data() {
-    return { open: false };
-  },
-
-  computed: {
-    select_mode() {
-      return String(this.item.multi_select) === "0" ? "multiple" : "default";
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {
-	},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.table-select-error {
-  /deep/.ant-select-selection {
-    border-color: red !important;
-  }
-}
-</style>

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

@@ -1,81 +0,0 @@
-<template>
-  <a-select
-    v-if="!isDetail || showCom"
-    v-model="row[item.val_key]"
-    mode="multiple"
-    :showArrow="true"
-    class="tableItem-select tableItem-select-multiple"
-    defaultActiveFirstOption
-    :ref="item.val_key"
-    :optionData="`${JSON.stringify(item.option)}`"
-    :allowClear="item.is_empty == 0"
-    :disabled="item.is_edit == 0 || isDetail"
-    :dropdownMatchSelectWidth="true"
-    :placeholder="item.placeholder || `${$t('1.1.6.7')}${item.name}` || ''"
-    :filterOption="filterOption"
-    :class="{ 'table-select-multiple-error': hasErr }"
-    @blur="handleTableBlur"
-  >
-    <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";
-import { Select } from 'ant-design-vue';
-import vexutils from '@/utils/vexutils';
-export default {
-  name: "tableSelectMultiple",
-  components: {
-    [Select.name]: Select,
-		[Select.Option.name]: Select.Option
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {
-    showCom() {
-      let value = this.row[this.item.val_key];
-      return value?.length;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    filterOption(...args) {
-      return vexutils.filterOption.apply(this, args);
-    },
-  }
-};
-</script>
-<style lang="less" scoped>
-.table-select-multiple-error {
-  /deep/.ant-select-selection {
-    border-color: red !important;
-  }
-}
-.tableItem-multiple {
-  padding: 4px 0;
-}
-.tableItem-select-multiple {
-  /deep/ .ant-select-selection--multiple .ant-select-selection__clear,
-  /deep/ .ant-select-selection--multiple .ant-select-arrow {
-    top: 50%;
-  }
-}
-</style>

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

@@ -1,76 +0,0 @@
-<template>
-  <a-textarea
-    v-if="!isDetail"
-    v-model="row[item.val_key]"
-    :ref="`a-textarea-${item.val_key}`"
-    autocomplete="off"
-    :allowClear="item.is_empty == 0"
-    :placeholder="item.placeholder || ''"
-    :rows="item.initialize_high || 3"
-    :disabled="item.is_edit == 0 || isDetail"
-    :maxLength="maxLength"
-    class="form-control table-textarea-com"
-    :autoSize="false"
-    :class="{ 'table-error-textarea': hasErr }"
-    @blur="handleTableBlur"
-  ></a-textarea>
-  <div v-else>
-    <TextOverTooltip
-      :refName="`table-tooltip-${item.val_key}`"
-      :content="handlerFormatTextarea(row[item.val_key])"
-    ></TextOverTooltip>
-  </div>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import TextOverTooltip from "../text-over-tooltip/TextOverTooltip.vue";
-import { Input } from 'ant-design-vue';
-export default {
-  name: "tableTextarea",
-  components: {
-    TextOverTooltip,
-    [Input.TextArea.name]: Input.TextArea
-  },
-  mixins: [itemDefault],
-  props: {
-    row: Object,
-    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: {
-    handlerFormatTextarea(value) {
-      let defVal = this.handleSysParams(value);
-      if (!defVal) {
-        return "";
-      } else if (defVal instanceof Object) {
-        // 如是 Textarea 类型但传来的默认值是 Object 或 Array
-        return JSON.stringify(defVal);
-      }
-      return defVal;
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.table-error-textarea {
-  /deep/ .ant-input {
-    border-color: red !important;
-  }
-}
-</style>

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

@@ -1,55 +0,0 @@
-<template>
-  <a-time-picker
-    v-model="row[item.val_key]"
-    :ref="'timePicker-' + item.val_key"
-    :format="handlerGetDateType(item)"
-    :disabled="item.is_edit == 0 || isDetail"
-    :disabledHours="disabledHours(item, 'h')"
-    :disabledMinutes="disabledHours(item, 'm')"
-    :disabledSeconds="disabledHours(item, 's')"
-    :placeholder="item.placeholder || ''"
-    :allowClear="item.is_empty == 0"
-    class="table-time-picker"
-    :class="{ 'table-time-picker-error': hasErr }"
-    @blur="handleTableBlur"
-  />
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import dateType from "../mixins/dateType";
-import { TimePicker } from 'ant-design-vue';
-export default {
-  name: "tableTimePicker",
-  components: {
-    [TimePicker.name]: TimePicker
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, dateType],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.table-time-picker {
-  width: 100%;
-}
-.table-time-picker-error {
-  /deep/ .ant-input {
-    border-color: red !important;
-  }
-}
-</style>

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

@@ -1,135 +0,0 @@
-<template>
-  <div class="tableTreeSelect">
-    <a-tree-select
-      v-if="!isDetail || showCom"
-      v-model="row[item.val_key]"
-      dropdownClassName="table-tree-select-container"
-      @select="treeSelect"
-      showSearch
-      style="width: 100%"
-      :dropdown-style="{ maxHeight: '293px', overflow: 'auto' }"
-      :tree-data="treeData"
-      :allowClear="item.is_empty == 0"
-      :disabled="item.is_edit == 0 || isDetail"
-      treeNodeFilterProp="title"
-      :placeholder="item.placeholder || $t('1.1.6.12')"
-    >
-      <span
-        class="init-key-loading"
-        v-if="key === '_init_key_'"
-        slot="title"
-        slot-scope="{ key, value }"
-        style="color: #08c"
-      >
-        <span v-show="false">{{ value }}</span>
-        <a-spin :tip="`${$t('1.1.7.14')}...`" />
-      </span>
-    </a-tree-select>
-  </div>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import search from "../mixins/search";
-import { TreeSelect, Spin } from 'ant-design-vue';
-export default {
-  name: "tableTreeSelect",
-  components: {
-    [TreeSelect.name]: TreeSelect,
-    [Spin.name]: Spin
-  },
-  mixins: [itemDefault, search],
-  data() {
-    return {
-      treeData: [
-        {
-          // title: "_init_key_",
-          value: "_init_key_",
-          key: "_init_key_",
-          selectable: false,
-          scopedSlots: {
-            title: "title"
-          }
-        }
-      ]
-    };
-  },
-
-  computed: {
-    showCom() {
-      let value = this.row[this.item.val_key];
-      return value?.length;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    async init() {
-      try {
-        let res = await this.handleRequestedOptions(this.item);
-        if (res) {
-          this.handleInitTreeData(res, this.item.wordbook);
-          this.treeData = res;
-        }
-      } catch (error) {
-        console.log(error);
-        this.treeData = [];
-      } finally {
-        this.hanldeSetTreeDef();
-      }
-    },
-
-    handleInitTreeData(list = [], v) {
-      list.forEach(item => {
-        item.myLabel = this.hanldeGetCascadelabel(v.render_key, item) || item[v["value_key"]];
-        item.showLabel = this.hanlderGetSearchLabel({ wordbook: v }, item) || item[v["value_key"]];
-        item.myUniqueKey = item[v.myUniqueKey];
-        item.myUniqueLabel = v.myUniqueKey;
-        item.key = item.myUniqueKey;
-        item.title = item.myLabel;
-        item.value = item[v["value_key"]];
-
-        if (item.children && item.children.length) {
-          this.handleInitTreeData(item.children, v);
-        }
-      });
-    },
-
-    hanldeSetTreeDef() {
-      const { name, val_key, default_val } = this.item;
-      let formVal = this.handleSysParams(this.defaultValue[name]) || default_val;
-      if (formVal) {
-        this.baseForm.setFieldsValue({
-          [val_key]: formVal
-        });
-      }
-    },
-
-    treeSelect(key, vnode) {
-      let d = vnode?.$options?.propsData?.dataRef || {};
-      this.handleSearchSelect(undefined, this.item, "select", {
-        eventType: "treeSelect",
-        data: { ...d }
-      });
-    }
-  }
-};
-</script>
-<style lang="less" scoped></style>
-<style lang="less">
-.table-tree-select-container {
-  .ant-select-tree {
-    li.filter-node {
-      > span {
-        font-weight: 600;
-      }
-    }
-  }
-  .no-data-tip > img {
-    height: 100px;
-  }
-}
-</style>