cnhis-design-vue 2.2.3 → 2.2.5

package/packages/table-filter/src/components/render-widget/mixins/dynamic-method.js

@@ -1,185 +0,0 @@
-import vexutils from '@/utils/vexutils';
-
-export default {
-  props: {},
-  data() {
-    return {};
-  },
-  methods: {
-    wordbookDataParamsRender(dynamicOptionInfo) {
-      let { dataSourceId, dataSourceType = 'WORDBOOK', filterKeys, autograph, defaultParams, treeInfo = {} } = dynamicOptionInfo;
-      if (Array.isArray(filterKeys)) {
-        filterKeys = JSON.stringify(filterKeys);
-      }
-      const params = {
-        wordbookId: dataSourceId,
-        wordbookType: dataSourceType,
-        fieldKeys: filterKeys,
-        autograph
-      };
-      if (treeInfo.enable) {
-        params.levelKey = treeInfo.levelKey;
-        params.primaryKey = treeInfo.primaryKey;
-      }
-      return params;
-    },
-    handleRenderFirstDef(item, rows) {
-      let { explicitDefaultVal, multiple } = item.widgetCfg;
-      let needSet = !item.initSearch && explicitDefaultVal;
-      if (!needSet) return;
-      let df = explicitDefaultVal;
-      let defval = [];
-      if (df === 'firstOption') {
-        let [v, k] = rows;
-        v && (defval = [v.myName]);
-      } else {
-        let f = rows.find(v => v.myName.includes(df));
-        if (f) {
-          defval = [f.myName];
-        }
-      }
-      item.value = multiple ? [...defval] : defval[0];
-    },
-    getWordbookDataRender(params, row) {
-      this.$set(row, 'fetchingWordbook', true);
-      return this.handleGetConfigApi(params, 'requestGetWordbookData')
-        .then(res => {
-          this.$set(row, 'fetchingWordbook', false);
-          if (typeof res.data === 'object') {
-            res.data.reqParams = params;
-          }
-          return res;
-        })
-        .catch(() => {
-          this.$set(row, 'fetchingWordbook', false);
-        });
-    },
-    handleWordbookRows(list, valueKey, showKeys, isTree) {
-      if (!list?.length) return [];
-      return list.map(row => {
-        let showKeysStr = [];
-        // 取值是value, 展示是change_text
-        let valueKeyN = `_${valueKey}_`;
-        for (let key in row) {
-          let showVal = vexutils.stringToValue(row[key], 'change_text');
-          if (key === valueKey) {
-            row[valueKeyN] = vexutils.stringToValue(row[key]);
-          }
-          row[key] = showVal;
-        }
-        showKeys.forEach(s => {
-          showKeysStr.push(row[s]);
-        });
-        let name = row[valueKeyN];
-        // 保存的时候值会变成字符串, 如果是数字的话回显会出问题, 这里全部处理成字符串
-        if (typeof name === 'number') {
-          name = String(name);
-        }
-        const _show_title = showKeysStr.join(' ');
-        if (isTree) {
-          row.scopedSlots = {
-            title: 'title'
-          };
-          row.title = _show_title;
-          row.key = name;
-          row.value = name;
-        }
-        if (isTree && row.children?.length) {
-          row.children = this.handleWordbookRows(row.children, valueKey, showKeys, isTree);
-        }
-        return {
-          ...row,
-          myName: name,
-          _show_title
-        };
-      });
-    },
-
-    formatWordbookDataRender(item, data, params) {
-      let searchPageConfig = {
-          page: 0,
-          hasNextPage: false,
-          isRequest: true,
-          keyword: params?.keyword || undefined,
-          asyncCount: undefined
-        },
-        resArr = [];
-      if (data && data.result === 'SUCCESS') {
-        let reqParams = data?.reqParams || {};
-        let { showKeys, valueKey, treeInfo = {} } = item?.widgetCfg?.dynamicOptionInfo || {};
-        showKeys = Array.isArray(showKeys) ? showKeys : [showKeys];
-        let { page, hasNextPage, fieldList, rows = [] } = data.map;
-
-        // columnName title
-        // showKeys是 columnName 需要从fieldList中匹配住中文
-        let _showKeys_ = [];
-        showKeys.forEach(v => {
-          let mItem = fieldList.find(k => k.columnName === v);
-          if (mItem) {
-            _showKeys_.push(mItem.title);
-          }
-        });
-        this.$set(item, '_showKeys_', _showKeys_);
-
-        searchPageConfig = Object.assign(item.searchPageConfig || {}, {
-          page,
-          hasNextPage,
-          isRequest: true,
-          keyword: params?.keyword || undefined,
-          asyncCount: reqParams?.asyncCount || undefined
-        });
-        let rowsArr = this.handleWordbookRows(rows, valueKey, showKeys, treeInfo?.enable);
-        // 数组对象去重
-        let obj = {};
-        resArr = rowsArr.reduce((cur, next) => {
-          obj[next.myName] ? '' : (obj[next.myName] = true && cur.push(next));
-          return cur;
-        }, []);
-      } else {
-        this.$set(item, '_showKeys_', []);
-      }
-      return {
-        rows: resArr,
-        searchPageConfig
-      };
-    },
-    wordbookDataMethodRender(params, item, config = {}) {
-      const { skipFirstDef } = config;
-      this.getWordbookDataRender(params, item).then(({ data }) => {
-        let { rows, searchPageConfig } = this.formatWordbookDataRender(item, data, params);
-        !skipFirstDef && this.handleRenderFirstDef(item, rows);
-        this.$set(item, 'dataSource', rows);
-        this.$set(item, 'searchPageConfig', searchPageConfig);
-      });
-    },
-    async getWordbookFirstOptionRender(item) {
-      try {
-        let params = this.wordbookDataParamsRender(item.widgetCfg.dynamicOptionInfo);
-        let { data } = (await this.getWordbookDataRender(params, item)) || {};
-        let { rows, searchPageConfig } = this.formatWordbookDataRender(item, data, params);
-        this.handleRenderFirstDef(item, rows);
-        this.$set(item, 'dataSource', rows);
-        this.$set(item, 'searchPageConfig', searchPageConfig);
-      } catch (err) {
-        console.log(err);
-      }
-    },
-    dropdownVisibleChangeRender(open, item) {
-      if (!open) return;
-      let params = this.wordbookDataParamsRender(item.widgetCfg.dynamicOptionInfo);
-      this.wordbookDataMethodRender(params, item, { skipFirstDef: true });
-    },
-    handleWordBookSearchDef(value, item, config = {}) {
-      let params = this.wordbookDataParamsRender(item.widgetCfg.dynamicOptionInfo);
-      let { tableDataType, filterKeys } = item?.widgetCfg?.dynamicOptionInfo || {};
-      let searchKeyName = 'keyword';
-      // API类型的列表, keyword名字为filterKeys的值
-      if (tableDataType === 'API' && Array.isArray(filterKeys) && filterKeys.length) {
-        searchKeyName = filterKeys[0] || 'keyword';
-      }
-      const { skipFirstDef, ...others } = config || {};
-      let rp = { [searchKeyName]: value, ...params, ...others };
-      this.wordbookDataMethodRender(rp, item, { skipFirstDef });
-    }
-  }
-};

package/packages/table-filter/src/components/render-widget/mixins/label-method.js

@@ -1,23 +0,0 @@
-export default {
-  props: {},
-  data() {
-    return {};
-  },
-  methods: {
-    getLabelDataRender(params) {
-      return this.handleGetConfigApi(params, 'requestListByClassify').then(res => {
-        if (typeof res.data === 'object') {
-          res.data.reqParams = params;
-        }
-        return res;
-      });
-    },
-    getLabelListMethodRender(item) {
-      const { classifyStr = '' } = item.widgetCfg || {};
-      this.getLabelDataRender({ classifyStr }).then(({ data }) => {
-        const { list = [] } = data;
-        this.$set(item, 'tagList', list);
-      });
-    }
-  }
-};

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

@@ -1,354 +0,0 @@
-import { WidgetTypeEnums, DatePresetValEnums } from './enums';
-import { InputNumber, Input, DatePicker } from 'ant-design-vue';
-import { CheckboxGroup, Select, NumberRange, DateRangeQuick, SelectDynamic, Label, SelectLabel, Text, SelectTree } from './components';
-import moment from 'moment';
-import { presetValToTimestamp } from './helpers/presetValToTimestamp';
-
-const SetDefVal = defaultValue => defaultValue;
-
-// 日期默认值
-const handleDateDef = (defaultValue, defValueUnit, { format, rangeFilter, optionSetting }) => {
-  let resDate = presetValToTimestamp(defValueUnit, format, optionSetting);
-  if (rangeFilter) {
-    // 范围
-    if (!resDate) return [];
-    if (!Array.isArray(resDate)) return [resDate, resDate];
-  } else {
-    // 非范围
-    if (!resDate) return null;
-    if (resDate && Array.isArray(resDate) && resDate[0]) return resDate[0];
-  }
-  return resDate;
-};
-
-export const WidgetCfgMaps = new Map([
-  [
-    WidgetTypeEnums.INPUT_NUMBER,
-    {
-      component: InputNumber,
-      props: {},
-      eventsBySearch: [
-        {
-          name: 'keydown',
-          handler(e, search) {
-            if (e.key === 'Enter') {
-              search();
-            }
-          }
-        }
-      ],
-      handlerProps(props, { title, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: `请输入${title}`, allowClear };
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.INPUT,
-    {
-      component: Text,
-      props: {},
-      eventsBySearch: [
-        {
-          name: 'keydown',
-          handler(e, search) {
-            if (e.key === 'Enter') {
-              search();
-            }
-          }
-        }
-      ],
-      handlerProps(props, { title, isQuick, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: `请输入${title}`, isQuick, allowClear };
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.SELECT,
-    {
-      component: Select,
-      props: {
-        options: [],
-        showSearch: true,
-        mode: 'default',
-        showArrow: true
-      },
-      eventsBySearch: [
-        {
-          name: 'change',
-          handler(e, search, props) {
-            const { mode } = props;
-            if (mode !== 'multiple') {
-              search();
-            }
-          }
-        }
-      ],
-      handlerProps(props, { valueList, multiple, title, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: `请选择${title}`, allowClear };
-        if (Array.isArray(valueList)) Props.options = valueList.map(({ value, label }) => ({ value, label }));
-        if (multiple) Props.mode = 'multiple';
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-
-  [
-    WidgetTypeEnums.DATE,
-    {
-      component: DatePicker,
-      props: {
-        valueFormat: 'YYYY-MM-DD HH:mm:ss'
-      },
-      handlerProps(props, { title, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: `请选择${title}`, allowClear };
-        return Props;
-      },
-      setDefaultValue(defaultValue, defValueUnit, { rangeFilter, optionSetting }) {
-        if (defValueUnit && defValueUnit !== DatePresetValEnums.CUSTOM) {
-          return handleDateDef(defaultValue, defValueUnit, { rangeFilter, optionSetting, format: 'YYYY-MM-DD' });
-        }
-        return defaultValue;
-      }
-    }
-  ],
-  [
-    WidgetTypeEnums.DATE_TIME,
-    {
-      component: DatePicker,
-      props: {
-        valueFormat: 'YYYY-MM-DD HH:mm:ss',
-        'show-time': { defaultValue: moment('00:00:00', 'HH:mm:ss') }
-      },
-      handlerProps(props, { title, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: `请选择${title}`, allowClear };
-        return Props;
-      },
-      setDefaultValue(defaultValue, defValueUnit, { rangeFilter, optionSetting }) {
-        if (defValueUnit && defValueUnit !== DatePresetValEnums.CUSTOM) {
-          return handleDateDef(defaultValue, defValueUnit, { rangeFilter, optionSetting, format: 'YYYY-MM-DD HH:mm:ss' });
-        }
-        return defaultValue;
-      }
-    }
-  ],
-  [
-    WidgetTypeEnums.CHECKBOX_GROUP,
-    {
-      component: CheckboxGroup,
-      props: {},
-      style: {
-        'line-height': '32px'
-      },
-      eventsBySearch: [
-        {
-          name: 'change',
-          handler(e, search, props, item) {
-            const { filterExplicit, widgetCfg = {} } = item || {};
-            const { multiple, showMode } = widgetCfg;
-            if (filterExplicit != 1 || multiple || showMode != 'TILE') return;
-            search();
-          }
-        }
-      ],
-      handlerProps(props, { valueList, multiple, explicitRequired, filterExplicit, showMode } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, multiple, allowClear, explicitRequired, filterExplicit, showMode };
-        if (Array.isArray(valueList)) Props.options = valueList.map(({ value, label }) => ({ value, label }));
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.INPUT_NUMBER_RANGE,
-    {
-      component: NumberRange,
-      props: {},
-      handlerProps(props, { valueList, multiple, title, isQuick, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const placeholderS = isQuick ? '最小值' : `起始${title}`;
-        const placeholderE = isQuick ? '最大值' : `截止${title}`;
-        const Props = { ...props, multiple, placeholderS, placeholderE, allowClear };
-        if (Array.isArray(valueList)) Props.options = valueList.map(({ value, label }) => ({ value, label }));
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.DATE_RANGE,
-    {
-      component: DatePicker.RangePicker,
-      props: {
-        valueFormat: 'YYYY-MM-DD'
-      },
-      handlerProps(props, { title, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: [`起始${title}`, `截止${title}`], allowClear };
-        return Props;
-      },
-      setDefaultValue(defaultValue, defValueUnit, { rangeFilter, optionSetting }) {
-        if (defValueUnit && defValueUnit !== DatePresetValEnums.CUSTOM) {
-          return handleDateDef(defaultValue, defValueUnit, { rangeFilter, optionSetting, format: 'YYYY-MM-DD' });
-        }
-        if (!defaultValue || (defaultValue && !Array.isArray(defaultValue))) {
-          return [];
-        }
-        return defaultValue;
-      }
-    }
-  ],
-  [
-    WidgetTypeEnums.DATETIME_RANGE,
-    {
-      component: DatePicker.RangePicker,
-      props: {
-        valueFormat: 'YYYY-MM-DD HH:mm:ss',
-        'show-time': { defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')] }
-      },
-      handlerProps(props, { title, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: [`起始${title}`, `截止${title}`], allowClear };
-        return Props;
-      },
-      setDefaultValue(defaultValue, defValueUnit, { rangeFilter, optionSetting }) {
-        if (defValueUnit && defValueUnit !== DatePresetValEnums.CUSTOM) {
-          let res = handleDateDef(defaultValue, defValueUnit, { rangeFilter, optionSetting, format: 'YYYY-MM-DD HH:mm:ss' });
-          return res;
-        }
-        if (!defaultValue || (defaultValue && !Array.isArray(defaultValue))) {
-          return [];
-        }
-        return defaultValue;
-      }
-    }
-  ],
-  [
-    WidgetTypeEnums.DATE_RANGE_QUICK,
-    {
-      component: DateRangeQuick,
-      props: {},
-      handlerProps(props, { fieldType, explicitRequired, title } = {}) {
-        const allowClear = explicitRequired != 1;
-        let str = fieldType === 'DATE' ? '日期' : '时间';
-        const Props = { ...props, placeholderS: `开始${str}`, placeholderE: `结束${str}`, fieldType, allowClear };
-        // 非范围类
-        if (!props.rangeFilter) {
-          const valueFormat = fieldType === 'DATE' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss';
-          const showTime = fieldType === 'DATE' ? false : { defaultValue: moment('00:00:00', 'HH:mm:ss') };
-          const placeholder = `请选择${title}`;
-          Object.assign(Props, {
-            allowClear: true,
-            valueFormat,
-            showToday: false,
-            showTime,
-            placeholder
-          });
-        }
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.SELECT_TREE,
-    {
-      component: SelectTree,
-      props: {},
-      eventsBySearch: [
-        {
-          name: 'change',
-          handler(e, search, props) {
-            const { mode } = props;
-            if (mode !== 'multiple') {
-              search();
-            }
-          }
-        }
-      ],
-      handlerProps(props, { multiple, title, explicitRequired, isQuick } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: `请选择${title}`, allowClear, isQuick };
-        Props.mode = multiple ? 'multiple' : 'default';
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.SELECT_DYNAMIC,
-    {
-      component: SelectDynamic,
-      props: {},
-      eventsBySearch: [
-        {
-          name: 'change',
-          handler(e, search, props) {
-            const { mode } = props;
-            if (mode !== 'multiple') {
-              search();
-            }
-          }
-        }
-      ],
-      handlerProps(props, { multiple, title, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: `请选择${title}`, allowClear };
-        Props.mode = multiple ? 'multiple' : 'default';
-        return Props;
-      },
-      setDefaultValue: SetDefVal
-    }
-  ],
-  [
-    WidgetTypeEnums.LABEL,
-    {
-      component: Label,
-      props: {},
-      handlerProps(props, { explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, allowClear };
-        return Props;
-      },
-      setDefaultValue(defaultValue, defValueUnit) {
-        if (defaultValue && Array.isArray(defaultValue)) {
-          return defaultValue.join('|#|');
-        }
-        return defaultValue;
-      }
-    }
-  ],
-  [
-    WidgetTypeEnums.SELECT_LABEL,
-    {
-      component: SelectLabel,
-      props: {
-        showSearch: true,
-        mode: 'default',
-        showArrow: true
-      },
-      handlerProps(props, { multiple, title, explicitRequired } = {}) {
-        const allowClear = explicitRequired != 1;
-        const Props = { ...props, placeholder: `请选择${title}`, allowClear };
-        Props.mode = multiple ? 'multiple' : 'default';
-        return Props;
-      },
-      setDefaultValue(defaultValue, defValueUnit) {
-        if (defaultValue && Array.isArray(defaultValue)) {
-          return defaultValue.join('|#|');
-        }
-        return defaultValue;
-      }
-    }
-  ]
-]);