cnhis-design-vue 2.2.3 → 2.2.5

package/packages/table-filter/src/components/render-widget/components/SelectTree.vue

@@ -1,145 +0,0 @@
-<template>
-  <div class="valueCfg-SelectDynamicTree">
-    <a-tree-select
-      v-model="valueCp"
-      showSearch
-      :multiple="isMultiple"
-      :placeholder="placeholder"
-      :dropdownMatchSelectWidth="false"
-      :maxTagCount="maxTagCount"
-      :maxTagPlaceholder="maxTagPlaceholder"
-      :tree-data="componentCfg.dataSource"
-      :allowClear="allowClear"
-      :replaceFields="replaceFields"
-      class="valueCfg-dynamic-select-tree"
-      dropdownClassName="valueCfg-dynamic-tree-drop"
-      ref="quickInputSelectTree"
-      treeNodeFilterProp="title"
-      @change="handleChange"
-      :dropdown-style="{ maxHeight: '293px', overflow: 'auto', zIndex: 2023 }"
-    >
-      <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>
-export default {
-  name: "SelectTree",
-  components: {},
-  props: {
-    value: { type: [Array, String, Number] },
-    componentCfg: { type: Object },
-    placeholder: String,
-    mode: String,
-    handleWordBookSearchRender: Function,
-    dropdownVisibleChangeRender: Function,
-    isQuick: Boolean,
-    allowClear: Boolean,
-  },
-  data() {
-    return {
-      open: false,
-      replaceFields: {
-        children: "children",
-        title: "_show_title",
-        key: "myName",
-        value: "myName"
-      }
-    };
-  },
-  model: {
-    prop: "value",
-    event: "update:value"
-  },
-  computed: {
-    valueCp: {
-      set(val) {
-        this.$emit("update:value", val);
-      },
-      get() {
-        return this.value;
-      }
-    },
-    isMultiple() {
-      return this.mode === "multiple";
-    },
-    showSelectTitle() {
-      let { fetchingWordbook, dataSource } = this.componentCfg || {};
-      return !fetchingWordbook && !!dataSource?.length;
-    },
-
-    showKeys() {
-      let { showKeys } = this.componentCfg?.dynamicOptionInfo || {};
-      return showKeys;
-    },
-    _showKeys_() {
-      let { _showKeys_ } = this.componentCfg || {};
-      if (_showKeys_?.length) return _showKeys_;
-      return this.showKeys;
-    },
-    getShowKeysMax() {
-      let len = this.showKeys?.length || 1;
-      let maxWidth = 100 / len;
-      return {
-        maxWidth: `${maxWidth}%`
-      };
-    },
-    selectHasTitle() {
-      const { showSelectTitle, showKeys, componentCfg } = this;
-      return (
-        showSelectTitle &&
-        Array.isArray(showKeys) &&
-        showKeys?.length > 1 &&
-        componentCfg?.dataSource?.length
-      );
-    },
-    maxTagCount() {
-      if (!Array.isArray(this.value)) return undefined;
-      const len = this.value.length || 0;
-      return len > 1 ? 0 : 1;
-    }
-  },
-  watch: {
-    // value: {
-    //   immediate: true,
-    //   handler(val) {}
-    // }
-  },
-  // 生命周期
-  created() {},
-  mounted() {
-    if(!this.isQuick) return;
-    this.handleWordBookSearchRender('', this.componentCfg, {skipFirstDef: true});
-  },
-
-  // 方法
-  methods: {
-    maxTagPlaceholder() {
-      if (!Array.isArray(this.value)) return undefined;
-      const { alias, title } = this.componentCfg;
-      const len = this.value.length || 0;
-      return this.value.length > 1 ? `已选${len}个${alias || title}` : "";
-    },
-    handleChange(value, label, extra) {
-      console.log(value, label, extra, "--value, label, extra");
-    }
-  }
-};
-</script>
-<style lang="less">
-.valueCfg-SelectDynamicTree {
-  width: 100%;
-}
-.valueCfg-dynamic-select-tree {
-  width: 100%;
-}
-</style>

package/packages/table-filter/src/components/render-widget/components/Text.vue

@@ -1,58 +0,0 @@
-<template>
-  <Input
-    v-bind="$attrs"
-    v-on="$listeners"
-    v-model="valueCp"
-    class="widget-input"
-  >
-    <template v-if="showPrefix" #prefix>
-      <Checkbox v-model="componentCfg.isAccurateSearch">精准查询</Checkbox>
-    </template>
-  </Input>
-</template>
-
-<script>
-import { Input, Checkbox } from 'ant-design-vue';
-
-export default {
-  inheritAttrs: false,
-  components: {
-    Input,
-    Checkbox
-  },
-  props: {
-    value: {
-      type: [Array, String, Number],
-    },
-    componentCfg: {
-      type: Object
-    },
-    isQuick: {type: Boolean, default: false}
-  },
-  model: {
-    prop: "value",
-    event: "update:value"
-  },
-  computed: {
-    valueCp: {
-      set(val) {
-        this.$emit("update:value", val);
-      },
-      get() {
-        return this.value;
-      }
-    },
-    showPrefix() {
-      return !this.isQuick && this.componentCfg?.widgetCfg?.accurateSearch?.switchEnable
-    }
-  },
-  methods: {},
-}
-</script>
-<style lang='less'>
-.widget-input {
-  .ant-input:not(:first-child) {
-    padding-left: 100px;
-  }
-}
-</style>

package/packages/table-filter/src/components/render-widget/components/index.js

@@ -1,11 +0,0 @@
-import CheckboxGroup from './CheckboxGroup.vue';
-import Select from './Select.vue';
-import NumberRange from './NumberRange.vue';
-import DateRangeQuick from './DateRangeQuick.vue';
-import SelectDynamic from './SelectDynamic.vue';
-import Label from './Label.vue';
-import SelectLabel from './SelectLabel.vue';
-import Text from './Text.vue';
-import SelectTree from './SelectTree.vue';
-
-export { CheckboxGroup, Select, NumberRange, DateRangeQuick, SelectDynamic, Label, SelectLabel, Text, SelectTree };

package/packages/table-filter/src/components/render-widget/enums.js

@@ -1,60 +0,0 @@
-export const WidgetTypeEnums = {
-  INPUT_NUMBER: 'NUMBER',
-  INPUT: 'TEXT',
-  SELECT: 'SELECT',
-  SELECT_DYNAMIC: 'SELECT_DYNAMIC',
-  DATE: 'DATE',
-  DATE_TIME: 'DATETIME',
-  CHECKBOX_GROUP: 'CHECKBOX_GROUP',
-  INPUT_NUMBER_RANGE: 'NUMBER_RANGE',
-  DATE_RANGE: 'DATE_RANGE',
-  DATETIME_RANGE: 'DATETIME_RANGE',
-  DATE_RANGE_QUICK: 'DATE_RANGE_QUICK',
-  LABEL: 'LABEL',
-  SELECT_LABEL: 'SELECT_LABEL',
-  SELECT_TREE: 'SELECT_TREE'
-};
-
-export const DatePresetValEnums = {
-  CUSTOM: 'CUSTOM', // 自定义输入，特殊处理
-
-  NOW: 'NOW', // 当前
-  TODAY: 'TODAY', // 今天
-  TODAY_START: 'TODAY_START', // 今天初
-  TODAY_END: 'TODAY_END', // 今天未
-
-  TOMORROW: 'TOMORROW', // 明天
-  TOMORROW_START: 'TOMORROW_START', // 明天初
-  TOMORROW_END: 'TOMORROW_END', // 明天未
-
-  YESTERDAY: 'YESTERDAY', // 昨天
-  YESTERDAY_START: 'YESTERDAY_START', // 昨天初
-  YESTERDAY_END: 'YESTERDAY_END', // 昨天未
-
-  THIS_WEEK: 'THIS_WEEK', // 本周
-  WEEK_START: 'THIS_WEEK_START', // 本周初
-  WEEK_END: 'THIS_WEEK_END', // 本周未
-  NEXT_WEEK: 'NEXT_WEEK', // 下周
-  LAST_WEEK: 'LAST_WEEK', // 上周
-  PAST_WEEK: 'PAST_WEEK', // 近一周(7天)
-
-  THIS_MONTH: 'THIS_MONTH', // 本月
-  MONTH_START: 'THIS_MONTH_START', // 本月初
-  MONTH_END: 'THIS_MONTH_END', // 本月未
-  NEXT_MONTH: 'NEXT_MONTH', // 下月
-  LAST_MONTH: 'LAST_MONTH', // 上月
-  PAST_MONTH: 'PAST_MONTH', // 近一个月(30天)
-
-  THIS_QUARTER: 'THIS_QUARTER', // 本季度
-  NEXT_QUARTER: 'NEXT_QUARTER', // 上季度
-  LAST_QUARTER: 'LAST_QUARTER', // 下季度
-  QUARTER_START: 'THIS_QUARTER_START', // 季度初
-  QUARTER_END: 'THIS_QUARTER_END', // 季度未
-
-  THIS_YEAR: 'THIS_YEAR', // 今年
-  YEAR_START: 'THIS_YEAR_START', // 今年初
-  YEAR_END: 'THIS_YEAR_END', // 今年未
-  NEXT_YEAR: 'NEXT_YEAR', // 明年
-  LAST_YEAR: 'LAST_YEAR', // 去年
-  PAST_HALF_YEAR: 'PAST_HALF_YEAR' // 近半年(182天)
-};

package/packages/table-filter/src/components/render-widget/helpers/presetValToTimestamp.js

@@ -1,282 +0,0 @@
-import { DatePresetValEnums } from '../enums';
-import moment from 'moment';
-
-const isPastTime = type => {
-  return type === 'DATETIME_PAST';
-};
-const isFutureTime = type => {
-  return type === 'DATETIME_FUTURE';
-};
-
-const nowTime = moment();
-
-const Maps = new Map([
-  [DatePresetValEnums.NOW, () => moment()],
-  [DatePresetValEnums.TODAY, () => [moment().startOf('day'), moment().endOf('day')]],
-  [DatePresetValEnums.TODAY_START, () => moment().startOf('day')],
-  [DatePresetValEnums.TODAY_END, () => moment().endOf('day')],
-  [
-    DatePresetValEnums.TOMORROW,
-    () => [
-      moment()
-        .add(1, 'days')
-        .startOf('day'),
-      moment()
-        .add(1, 'days')
-        .endOf('day')
-    ]
-  ],
-  [
-    DatePresetValEnums.TOMORROW_START,
-    () =>
-      moment()
-        .add(1, 'days')
-        .startOf('day')
-  ],
-  [
-    DatePresetValEnums.TOMORROW_END,
-    () =>
-      moment()
-        .add(1, 'days')
-        .endOf('day')
-  ],
-  [
-    DatePresetValEnums.YESTERDAY,
-    () => [
-      moment()
-        .subtract(1, 'days')
-        .startOf('day'),
-      moment()
-        .subtract(1, 'days')
-        .endOf('day')
-    ]
-  ],
-  [
-    DatePresetValEnums.YESTERDAY_START,
-    () =>
-      moment()
-        .subtract(1, 'days')
-        .startOf('day')
-  ],
-  [
-    DatePresetValEnums.YESTERDAY_END,
-    () =>
-      moment()
-        .subtract(1, 'days')
-        .endOf('day')
-  ],
-  // week
-  [DatePresetValEnums.WEEK_START, () => moment().startOf('week')],
-  [DatePresetValEnums.WEEK_END, () => moment().endOf('week')],
-
-  [
-    DatePresetValEnums.THIS_WEEK,
-    type => {
-      let start = moment().startOf('week');
-      let end = moment().endOf('week');
-      if (isPastTime(type)) {
-        end = nowTime;
-      }
-      if (isFutureTime(type)) {
-        start = nowTime;
-      }
-      return [start, end];
-    }
-  ],
-  [
-    DatePresetValEnums.NEXT_WEEK,
-    () => [
-      moment()
-        .add(1, 'weeks')
-        .startOf('week'),
-      moment()
-        .add(1, 'weeks')
-        .endOf('week')
-    ]
-  ],
-  [
-    DatePresetValEnums.LAST_WEEK,
-    () => [
-      moment()
-        .subtract(1, 'weeks')
-        .startOf('week'),
-      moment()
-        .subtract(1, 'weeks')
-        .endOf('week')
-    ]
-  ],
-  [
-    DatePresetValEnums.PAST_WEEK,
-    type => {
-      let start = moment()
-        .subtract(7, 'days')
-        .startOf('day');
-      let end = moment().endOf('day');
-      if (isPastTime(type)) {
-        end = nowTime;
-      }
-      return [start, end];
-    }
-  ],
-  // month
-  [
-    DatePresetValEnums.THIS_MONTH,
-    type => {
-      let start = moment().startOf('month');
-      let end = moment().endOf('month');
-      if (isPastTime(type)) {
-        end = nowTime;
-      }
-      if (isFutureTime(type)) {
-        start = nowTime;
-      }
-      return [start, end];
-    }
-  ],
-  [DatePresetValEnums.MONTH_START, () => moment().startOf('month')],
-  [DatePresetValEnums.MONTH_END, () => moment().endOf('month')],
-  [
-    DatePresetValEnums.NEXT_MONTH,
-    () => [
-      moment()
-        .add(1, 'months')
-        .startOf('month'),
-      moment()
-        .add(1, 'months')
-        .endOf('month')
-    ]
-  ],
-  [
-    DatePresetValEnums.LAST_MONTH,
-    () => [
-      moment()
-        .subtract(1, 'months')
-        .startOf('month'),
-      moment()
-        .subtract(1, 'months')
-        .endOf('month')
-    ]
-  ],
-  [
-    DatePresetValEnums.PAST_MONTH,
-    type => {
-      let start = moment()
-        .subtract(30, 'days')
-        .startOf('day');
-      let end = moment().endOf('day');
-      if (isPastTime(type)) {
-        end = nowTime;
-      }
-      return [start, end];
-    }
-  ],
-  // quarter
-  [
-    DatePresetValEnums.THIS_QUARTER,
-    type => {
-      let start = moment().startOf('quarter');
-      let end = moment().endOf('quarter');
-      if (isPastTime(type)) {
-        end = nowTime;
-      }
-      if (isFutureTime(type)) {
-        start = nowTime;
-      }
-      return [start, end];
-    }
-  ],
-  [
-    DatePresetValEnums.NEXT_QUARTER,
-    () => [
-      moment()
-        .add(1, 'quarters')
-        .startOf('quarter'),
-      moment()
-        .add(1, 'quarters')
-        .endOf('quarter')
-    ]
-  ],
-  [
-    DatePresetValEnums.LAST_QUARTER,
-    () => [
-      moment()
-        .subtract(1, 'quarters')
-        .startOf('quarter'),
-      moment()
-        .subtract(1, 'quarters')
-        .endOf('quarter')
-    ]
-  ],
-  [DatePresetValEnums.QUARTER_START, () => moment().startOf('quarter')],
-  [DatePresetValEnums.QUARTER_END, () => moment().endOf('quarter')],
-  // year
-  [
-    DatePresetValEnums.THIS_YEAR,
-    type => {
-      let start = moment().startOf('year');
-      let end = moment().endOf('year');
-      if (isPastTime(type)) {
-        end = nowTime;
-      }
-      if (isFutureTime(type)) {
-        start = nowTime;
-      }
-      return [start, end];
-    }
-  ],
-  [DatePresetValEnums.YEAR_START, () => moment().startOf('year')],
-  [DatePresetValEnums.YEAR_END, () => moment().endOf('year')],
-  [
-    DatePresetValEnums.NEXT_YEAR,
-    () => [
-      moment()
-        .add(1, 'years')
-        .startOf('year'),
-      moment()
-        .add(1, 'years')
-        .endOf('year')
-    ]
-  ],
-  [
-    DatePresetValEnums.LAST_YEAR,
-    () => [
-      moment()
-        .subtract(1, 'years')
-        .startOf('year'),
-      moment()
-        .subtract(1, 'years')
-        .endOf('year')
-    ]
-  ],
-  [
-    DatePresetValEnums.PAST_HALF_YEAR,
-    type => {
-      let start = moment()
-        .subtract(182, 'days')
-        .startOf('day');
-      let end = moment().endOf('day');
-      if (isPastTime(type)) {
-        end = nowTime;
-      }
-      return [start, end];
-    }
-  ]
-]);
-
-const presetValToTimestamp = (presetVal, format = 'x', openSetting) => {
-  if (!Maps.has(presetVal)) return;
-  const fun = Maps.get(presetVal);
-  const funVal = fun(openSetting);
-
-  const isX = format === 'x' || format === 'X';
-  if (funVal && Array.isArray(funVal)) {
-    return funVal.map(v => {
-      const val = v.format(format);
-      return isX ? Number(val) : val;
-    });
-  }
-  const val = fun().format(format);
-  return isX ? Number(val) : val;
-};
-
-export { presetValToTimestamp };

package/packages/table-filter/src/components/render-widget/index.vue

@@ -1,150 +0,0 @@
-<script type="text/jsx">
-import { WidgetTypeEnums } from './enums';
-import { WidgetCfgMaps } from './widgetCfgMaps';
-import { filterApiFn } from '../../mixins/mixins';
-import dynamicMethod from './mixins/dynamic-method';
-import labelMethod from './mixins/label-method';
-import { debounce } from "lodash";
-
-const UseSelfWidth = [WidgetTypeEnums.DATE, WidgetTypeEnums.DATE_TIME, WidgetTypeEnums.CHECKBOX_GROUP];
-const unsetMinWidth = [WidgetTypeEnums.DATE, WidgetTypeEnums.DATE_TIME, WidgetTypeEnums.DATE_RANGE, WidgetTypeEnums.DATETIME_RANGE, WidgetTypeEnums.INPUT_NUMBER_RANGE];
-
-export default {
-  props: {
-    cfg: {
-      type: Object,
-      required: true,
-    },
-    source: {
-      type: String
-    },
-    filterApiConfig: {
-      type: Object,
-      default: () => ({})
-    },
-  },
-  mixins: [filterApiFn, dynamicMethod, labelMethod],
-  model: {
-    event: "update:value",
-    prop: "value",
-  },
-  computed: {
-    valueCp: {
-      set(val) {
-        this.$emit("update:value", val);
-      },
-      get() {
-        return this.cfg.value;
-      }
-    },
-    isQuick() {
-      return this.source === 'quickSearch'
-    }
-  },
-  data() {
-    return {
-      initialProps: {},
-    }
-  },
-  methods: {
-    search() {
-      this.$emit("outFilterChange");
-    },
-    getEleWidth(cfg) {
-      if(this.isQuick) return '100%';
-      const { widgetType } = cfg;
-      if (UseSelfWidth.includes(widgetType)) return;
-      let defW = 200
-      if(cfg?.fieldType?.includes?.('DATE') && cfg?.widgetCfg?.rangeFilter) {
-        defW = 350
-      }
-      const isInputSwitchEnable = cfg?.fieldType === WidgetTypeEnums.INPUT && cfg?.widgetCfg?.accurateSearch?.switchEnable
-      if(isInputSwitchEnable) {
-        defW = 300
-      }
-      let width = cfg.advanceColWidth;
-      if (width && !isNaN(+width) && isInputSwitchEnable) {
-        width = +width + 100;
-      }
-      return `${width||defW}px`;
-    },
-    getEleMinWidth(cfg){
-      const { widgetType } = cfg;
-      if(!this.isQuick) {
-        if(widgetType === WidgetTypeEnums.CHECKBOX_GROUP) return;
-        return `${cfg.advanceColWidth|| 195}px`;
-      }
-      
-      if (!unsetMinWidth.includes(widgetType)) return;
-      return `unset`;
-    },
-    initComponentProps(cfg) {
-      const { widgetType, alias, title, placeholder: customPlaceholder, widgetCfg, fieldType, explicitRequired, optionSetting, filterExplicit } = cfg;
-      const { props, handlerProps } = WidgetCfgMaps.get(widgetType);
-      let Props = { ...props };
-      if (handlerProps) {
-        Props = handlerProps(Props, { ...widgetCfg, title: alias || title, fieldType, isQuick: this.isQuick, explicitRequired, optionSetting, filterExplicit });
-      }
-      if (customPlaceholder) {
-        Props.placeholder = customPlaceholder;
-      }
-      if(widgetType === WidgetTypeEnums.SELECT_DYNAMIC) {
-        Props.dropdownVisibleChangeRender = this.dropdownVisibleChangeRender;
-        Props.handleWordBookSearchRender = this.handleWordBookSearchRender;
-      }
-      if(widgetType === WidgetTypeEnums.SELECT_TREE) {
-        Props.handleWordBookSearchRender = this.handleWordBookSearchRender;
-      }
-      if(widgetType === WidgetTypeEnums.LABEL || widgetType === WidgetTypeEnums.SELECT_LABEL) {
-        Props.getLabelListMethodRender = this.getLabelListMethodRender;
-      }
-      this.initialProps = Props;
-      if (Props.value) {
-        this.valueCp = Props.value;
-      }
-    },
-    generateWidget(cfg) {
-      const { widgetType } = cfg;
-      if (!WidgetCfgMaps.has(widgetType)) {
-        return null;
-      }
-      const { value } = cfg;
-      const { component, style, eventsBySearch = [] } = WidgetCfgMaps.get(widgetType);
-      const props = { ...this.initialProps, value };
-
-
-      const EventsBySearch = eventsBySearch.reduce((evts, item) => {
-        const { name, handler, isDebounce } = item;
-        let eventHandler = this.search;
-        if (handler) {
-          eventHandler = (e) => {
-            // 搜索框需要防抖
-            let curMethod = isDebounce ? this.debounceSearch : this.search
-            handler(e, curMethod, props, cfg);
-          };
-        }
-        return {
-          ...evts,
-          [name]: eventHandler,
-        };
-      }, {});
-
-      const setCfgCon = (val) => {
-        this.cfg.con = val;
-      }
-      let width = this.getEleWidth(cfg);
-      return <component attrs={{...props, source: this.source, componentCfg: this.cfg}} style={{ width, minWidth: this.getEleMinWidth(cfg), ...style }} on={{...EventsBySearch, setCfgCon}} vModel={this.valueCp} />
-    }
-  },
-  created() {
-    this.handleWordBookSearchRender = debounce(this.handleWordBookSearchDef, 300)
-    this.debounceSearch = debounce(this.search, 300)
-    this.initComponentProps(this.cfg);
-  },
-  render() {
-    return this.generateWidget(this.cfg);
-  },
-}
-</script>
-<style lang='less' scoped>
-</style>