cnhis-design-vue 3.1.17-beta.9 → 3.1.18-beta.3

package/es/components/big-table/src/bigTableProps.d.ts

@@ -0,0 +1,207 @@
+import { AnyObject } from '../../../../es/shared/types';
+import { PropType } from 'vue';
+declare const bigTableProps: {
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    maxCheckSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    annotation: {
+        type: PropType<AnyObject>;
+    };
+    showFooter: BooleanConstructor;
+    sumData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    avgData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    menuConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    columnConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    refreshRow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    relatedItems: {
+        type: ObjectConstructor;
+        default: () => {
+            triggerMethodPc: string;
+            triggerMethodField: string;
+        };
+    };
+    pageVO: {
+        type: ObjectConstructor;
+        default: () => {
+            pageIndex: number;
+            pageSize: number;
+            total: number;
+        };
+    };
+    tableOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    quickSearchConfig: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    primaryKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    tableDataCache: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    oldtableData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    tableName: StringConstructor;
+    fieldListOriginal: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    tableParams: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    emptyItems: {
+        type: ObjectConstructor;
+        default: () => {
+            noDataImg: string;
+            noDataTip: string;
+        };
+    };
+    styleSetting: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    sysImageSize: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    height: StringConstructor;
+    groupCountFields: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    groupCountMap: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    listFormUnionSetting: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    inlineEditFormConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    clickRowData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    btnList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    spinning: BooleanConstructor;
+    rowGroupSetting: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    inlineEditFormSubmitDone: BooleanConstructor;
+    isInlineOperating: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineEditCurrentOperateBtnId: StringConstructor;
+    tableRefreshCache: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    userInfo: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    isInlineEditing: BooleanConstructor;
+    isInlineAdding: BooleanConstructor;
+    isInlineSave: BooleanConstructor;
+    isInlineCancel: BooleanConstructor;
+    inlineError: BooleanConstructor;
+    resetInlineEdit: FunctionConstructor;
+    resetEditRowStatus: FunctionConstructor;
+    pageIndexOldtableData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    submitForm: FunctionConstructor;
+    isMatchComponent: BooleanConstructor;
+    asyncCount: BooleanConstructor;
+    showSettings: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    inlineFormData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    inlineOriginalTableRow: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    filterDomPortal: {
+        type: StringConstructor;
+        default: string;
+    };
+    filterTopOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isNestTable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNestTable: BooleanConstructor;
+    curNestColumnConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    nestTableDataRequest: FunctionConstructor;
+    isBatchEditing: BooleanConstructor;
+    isEditAllRow: BooleanConstructor;
+    isBatchSave: BooleanConstructor;
+    isBatchCancel: BooleanConstructor;
+    batchDynamicPropsCache: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    batchEditDoneNumber: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    batchError: BooleanConstructor;
+    batchFormData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    resetInlineBatchEdit: FunctionConstructor;
+    resetBatchEditRowStatus: FunctionConstructor;
+    anchor: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+};
+export default bigTableProps;

package/es/components/big-table/src/components/NoData.js

@@ -0,0 +1,74 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import img$1 from '../../../../shared/assets/img/nodata.js';
+import img$3 from '../../../../shared/assets/img/no-permission.js';
+import img$2 from '../../../../shared/assets/img/failure.js';
+import img from '../../../../shared/assets/img/notfound.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "no-data-tip NoData-page" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NoData",
+  props: {
+    noDataTip: {
+      type: String,
+      default: "\u6682\u65E0\u6570\u636E"
+    },
+    noDataImg: {
+      type: String,
+      default: "nodata"
+    },
+    showImg: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const imgStr = computed(() => {
+      let str = null;
+      switch (props.noDataImg) {
+        case "no-permission":
+          str = img$3;
+          break;
+        case "failure":
+          str = img$2;
+          break;
+        case "nodata":
+          str = img$1;
+          break;
+        default:
+          str = img;
+          break;
+      }
+      return str;
+    });
+    const handleDesc = computed(() => {
+      let res = "";
+      switch (props.noDataImg) {
+        case "no-permission":
+          res = "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458";
+          break;
+        case "failure":
+          res = "\u8BF7\u7A0D\u540E\u518D\u8BD5";
+          break;
+      }
+      return res;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showImg ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          src: unref(imgStr),
+          alt: ""
+        }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
+        createElementVNode("p", null, toDisplayString(__props.noDataTip), 1),
+        unref(handleDesc) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(handleDesc)), 1)) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+var NoData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NoData.vue"]]);
+
+export { NoData as default };

package/es/components/big-table/src/components/edit-form/edit-date.js

@@ -0,0 +1,142 @@
+import { defineComponent, computed, createVNode, mergeProps } from 'vue';
+import { generateTimeFormat } from '../../../../../shared/utils/index.js';
+import { isFunction } from 'lodash-es';
+import { NDatePicker } from 'naive-ui';
+import { useCommon } from './useCommon.js';
+
+var EditDate = defineComponent({
+  name: "EditDate",
+  inheritAttrs: false,
+  components: {
+    NDatePicker
+  },
+  props: {
+    col: {
+      type: Object,
+      default: () => ({})
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    index: {
+      type: [Number, Object],
+      default: 0
+    }
+  },
+  emits: ["formChange"],
+  setup(props, {
+    attrs,
+    emit
+  }) {
+    const {
+      formRef,
+      isShow
+    } = useCommon(props, attrs);
+    const onConfirm = (value) => {
+      emit("formChange", {
+        value,
+        row: props.row,
+        column: props.col,
+        index: props.index
+      });
+    };
+    const {
+      isStartDate = false,
+      isEndDate = false,
+      connectField
+    } = props.col;
+    const setDateDisabled = (cur, date) => {
+      if (isStartDate && connectField) {
+        return cur > date;
+      }
+      if (isEndDate && connectField) {
+        return cur < date;
+      }
+      return false;
+    };
+    const isDateDisabled = (ts) => {
+      if (!props.row[connectField])
+        return false;
+      return setDateDisabled(ts, isEndDate ? new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime() : new Date(props.row[connectField]).getTime());
+    };
+    const isTimeDisabled = (ts) => {
+      const date = new Date(props.row[connectField]);
+      const d = new Date(ts);
+      const h = date.getHours();
+      const m = date.getMinutes();
+      const s = date.getSeconds();
+      const setDisabled = (t1, t2, d1, d2) => {
+        if (isEndDate && d1 > d2)
+          return false;
+        if (isStartDate && d1 < d2)
+          return false;
+        return setDateDisabled(t1, t2);
+      };
+      return {
+        isHourDisabled: (hour) => {
+          if (!props.row[connectField])
+            return false;
+          const d2 = new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime();
+          const minute = d.getMinutes();
+          const second = d.getSeconds();
+          const d1 = ts - hour * 60 * 60 * 1e3 - minute * 60 * 1e3 - second * 1e3;
+          return setDisabled(hour, h, d1, d2);
+        },
+        isMinuteDisabled: (minute) => {
+          if (!props.row[connectField])
+            return false;
+          const d2 = new Date(`${props.row[connectField].split(" ")[0]} ${h}:00:00`).getTime();
+          const second = d.getSeconds();
+          const d1 = ts - minute * 60 * 1e3 - second * 1e3;
+          return setDisabled(minute, m, d1, d2);
+        },
+        isSecondDisabled: (second) => {
+          if (!props.row[connectField])
+            return false;
+          const d2 = new Date(`${props.row[connectField].split(" ")[0]} ${h}:${m}:00`).getTime();
+          const d1 = ts - second * 1e3;
+          return setDisabled(second, s, d1, d2);
+        }
+      };
+    };
+    function customDateDisabledDecorator(customDateDisabled) {
+      if (!isFunction(customDateDisabled))
+        return null;
+      return (ts) => {
+        return customDateDisabled(ts, props.row);
+      };
+    }
+    const formatConfig = computed(() => {
+      const valueFormat = props.col.valueFormat || "yyyy-MM-dd HH:mm:ss";
+      return {
+        valueFormat,
+        format: valueFormat,
+        timePickerProps: {
+          format: generateTimeFormat(valueFormat)
+        }
+      };
+    });
+    const config = {
+      type: props.col.type || props.col.dateType || "datetime",
+      clearable: props.col.clearable || true,
+      disabled: props.col.disabled || false,
+      ...formatConfig.value,
+      isDateDisabled: customDateDisabledDecorator(props.col.isDateDisabled) || isDateDisabled,
+      placeholder: props.col.placeholder || "\u8BF7\u9009\u62E9",
+      ...props.col.componentProps || {}
+    };
+    if (config.type.includes("time")) {
+      config.isTimeDisabled = customDateDisabledDecorator(props.col.isTimeDisabled) || isTimeDisabled;
+    }
+    return () => createVNode(NDatePicker, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, config, {
+      "onUpdateFormattedValue": onConfirm
+    }), null);
+  }
+});
+
+export { EditDate as default };

package/es/components/big-table/src/components/edit-form/edit-select-table.js

@@ -0,0 +1,149 @@
+import { defineComponent, reactive, createVNode } from 'vue';
+import { NSelect, NPagination, NEmpty, NSpin, NSpace } from 'naive-ui';
+import Grid from '../../../../grid/index.js';
+import XEUtils from 'xe-utils';
+import 'moment';
+
+var editSelectTable = defineComponent({
+  name: "EditSelectTable",
+  inheritAttrs: false,
+  components: {
+    NSelect,
+    CGrid: Grid,
+    NPagination,
+    NEmpty,
+    NSpin,
+    NSpace
+  },
+  props: {
+    row: {
+      type: Object,
+      default: {}
+    },
+    col: {
+      type: Object,
+      default: {}
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value", "clickSelectTable"],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const state = reactive({
+      value: props.value,
+      row: JSON.parse(JSON.stringify(props.row)),
+      page: 1,
+      pageCount: 0,
+      keyword: "",
+      data: [],
+      columns: JSON.parse(JSON.stringify(props.col.tableColumn)),
+      loading: false,
+      show: true
+    });
+    const selectTableFocus = () => {
+      state.show = true;
+      state.page = 1;
+      state.keyword = "";
+      state.pageCount = 0;
+      querySelectTableList();
+    };
+    const querySelectTableList = async () => {
+      state.loading = true;
+      const obj = {
+        page: state.page,
+        keyword: state.keyword
+      };
+      const {
+        data,
+        pageCount
+      } = await props.col.querySelectTableList(obj);
+      state.data = data;
+      state.pageCount = pageCount;
+      state.loading = false;
+    };
+    let selectTableSearch = (value) => {
+      state.keyword = value;
+      querySelectTableList();
+    };
+    selectTableSearch = XEUtils.debounce(selectTableSearch, 800);
+    selectTableSearch("");
+    const getSelectTableGrid = () => {
+      const config = {
+        border: "outer",
+        resizable: true,
+        autoResize: true,
+        showOverflow: true,
+        showHeaderOverflow: true,
+        highlightHoverRow: true,
+        highlightCurrentRow: true,
+        maxHeight: props.col.tableHeight || 200,
+        align: "center",
+        columns: state.columns,
+        data: state.data,
+        onCellClick
+      };
+      return createVNode(Grid, config, {
+        empty: () => createVNode(NEmpty, {
+          "description": "\u65E0\u6570\u636E"
+        }, null)
+      });
+    };
+    const onCellClick = (data) => {
+      const {
+        row
+      } = data;
+      emit("clickSelectTable", row);
+      state.show = false;
+    };
+    const getPagination = () => {
+      const pagination = () => {
+        return createVNode(NPagination, {
+          "page": state.page,
+          "onUpdate:page": ($event) => state.page = $event,
+          "pageCount": state.pageCount,
+          "onUpdatePage": (page) => querySelectTableList()
+        }, null);
+      };
+      return createVNode(NSpace, {
+        "justify": "space-between",
+        "align": "center",
+        "style": "margin-top: 5px"
+      }, {
+        default: () => [`\u5171${state.pageCount}\u6761`, pagination()]
+      });
+    };
+    return () => [createVNode(NSelect, {
+      "class": "form-select-table",
+      "placeholder": "\u8BF7\u9009\u62E9",
+      "options": [],
+      "consistentMenuWidth": false,
+      "clearable": true,
+      "filterable": true,
+      "to": false,
+      "show": state.show,
+      "loading": state.loading,
+      "onFocus": selectTableFocus,
+      "onBlur": () => state.show = false,
+      "onSearch": selectTableSearch
+    }, {
+      action: () => state.loading ? createVNode(NSpace, {
+        "justify": "center"
+      }, {
+        default: () => createVNode(NSpin, {
+          "style": {
+            margin: "80px auto"
+          },
+          "size": "small"
+        }, null)
+      }) : [getSelectTableGrid(), state.pageCount ? getPagination() : null]
+    })];
+  }
+});
+
+export { editSelectTable as default };

package/es/components/big-table/src/components/edit-form/edit-select.js

@@ -0,0 +1,102 @@
+import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
+import { NSelect } from 'naive-ui';
+import XEUtils from 'xe-utils';
+import 'moment';
+import { useCommon } from './useCommon.js';
+
+var EditSelect = defineComponent({
+  name: "EditSelect",
+  inheritAttrs: false,
+  components: {
+    NSelect
+  },
+  props: {
+    col: {
+      type: Object,
+      default: () => ({})
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    index: {
+      type: [Number, Object],
+      default: 0
+    }
+  },
+  emits: ["setOptions", "formChange"],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const {
+      formRef,
+      isShow
+    } = useCommon(props, attrs);
+    const state = reactive({
+      options: [],
+      loading: false,
+      keyword: "",
+      config: {
+        multiple: props.col.multiple || false,
+        ...props.col.componentProps || {}
+      }
+    });
+    const setOptions = async () => {
+      if (props.col.options) {
+        state.options = JSON.parse(JSON.stringify(props.col.options));
+      } else {
+        `${props.col.columnName}_options`;
+        const obj = {
+          keyword: state.keyword,
+          row: props.row,
+          column: props.col,
+          index: props.index
+        };
+        state.options = await props.col.queryOptions(obj);
+        state.loading = false;
+        emit("setOptions", state.options);
+      }
+    };
+    let selectSearch = (value) => {
+      state.keyword = value;
+      state.loading = true;
+      setOptions();
+    };
+    selectSearch = XEUtils.debounce(selectSearch, 800);
+    const onUpdateValue = (value) => {
+      emit("formChange", {
+        value,
+        row: props.row,
+        column: props.col,
+        index: props.index
+      });
+    };
+    const init = () => {
+      if (props.col.options) {
+        setOptions();
+      } else {
+        state.config.remote = true;
+        state.config.onSearch = selectSearch;
+        selectSearch("");
+      }
+    };
+    init();
+    return () => createVNode(NSelect, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, state.config, {
+      "options": state.options,
+      "consistentMenuWidth": false,
+      "clearable": true,
+      "filterable": true,
+      "placeholder": props.col.placeholder || "\u8BF7\u9009\u62E9",
+      "loading": state.loading,
+      "onUpdateValue": onUpdateValue
+    }), null);
+  }
+});
+
+export { EditSelect as default };