cnhis-design-vue 3.1.5-beta.11 → 3.1.5-beta.14

package/es/packages/big-table/src/BigTable2.js

@@ -0,0 +1,4 @@
+import script from './BigTable.vue_vue_type_script_setup_true_lang.js';
+export { default } from './BigTable.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/big-table/src/BigTable.vue";

package/es/packages/big-table/src/bigTableEmits.js

@@ -0,0 +1 @@
+export { default } from './bigTableEmits2.js';

package/es/packages/big-table/src/bigTableEmits2.js

@@ -0,0 +1,50 @@
+const bigTableEmits = [
+  "refreshTable",
+  "selectionChangeAll",
+  "selectionChangeAllCancel",
+  "setGroupText",
+  "refreshOldTableData",
+  "setNestTableClick",
+  "rowdblclick",
+  "selectionChange",
+  "sortChange",
+  "pubTableRefresh",
+  "setBatchDynamicPropsCache",
+  "submitEditFormSuccess",
+  "submitEditFormSuccessBatch",
+  "submitEditFormError",
+  "submitEditFormErrorBatch",
+  "setWaitEditKeys",
+  "handleClickBtnByInline",
+  "initInlineEditFormConfig",
+  "handlePreView",
+  "SET_SAVE_ROW_STATUS",
+  "SET_CANCEL_ROW_STATUS",
+  "qrCodeEvent",
+  "setCurRowIndex",
+  "clickBtn",
+  "onSave",
+  "setNestTableClickSetting",
+  "showDrawer",
+  "linkDetail",
+  "hanldeCopyContent",
+  "triggerSpinning",
+  "resetInlineEditAll",
+  "resetBatchEditDoneStatus",
+  "setNestOriginTableMap",
+  "nestSetSelectRowObj",
+  "handlerClickRow",
+  "pubTableReload",
+  "scanMultiRemove",
+  "resetNestLastClickTable",
+  "setNestLastClickTable",
+  "selectionChangeLocal",
+  "switchBtnOnChange",
+  "asyncTableChange",
+  "formChange",
+  "scroll",
+  "keyboard",
+  "checkboxChange"
+];
+
+export { bigTableEmits as default };

package/es/packages/big-table/src/bigTableProps.js

@@ -0,0 +1 @@
+export { default } from './bigTableProps2.js';

package/es/packages/big-table/src/bigTableState.js

@@ -0,0 +1 @@
+export { default } from './bigTableState2.js';

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

@@ -0,0 +1,2 @@
+import './NoData2.js';
+export { default } from './NoData.vue_vue_type_script_setup_true_lang.js';

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

@@ -0,0 +1,71 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import noData from '../..\\..\\../src/assets/img/nodata.png';
+import noPermission from '../..\\..\\../src/assets/img/no-permission.png';
+import failure from '../..\\..\\../src/assets/img/failure.png';
+import notfound from '../..\\..\\../src/assets/img/notfound.png';
+
+const _hoisted_1 = { class: "no-data-tip NoData-page" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { key: 1 };
+var script = /* @__PURE__ */ defineComponent({
+  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 = noPermission;
+          break;
+        case "failure":
+          str = failure;
+          break;
+        case "nodata":
+          str = noData;
+          break;
+        default:
+          str = notfound;
+          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)
+      ]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/big-table/src/components/NoData2.js

@@ -0,0 +1,4 @@
+import script from './NoData.vue_vue_type_script_setup_true_lang.js';
+export { default } from './NoData.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/big-table/src/components/NoData.vue";

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

@@ -0,0 +1 @@
+export { default } from './edit-date2.js';

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

@@ -0,0 +1 @@
+export { default } from './edit-input2.js';

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

@@ -0,0 +1 @@
+export { default } from './edit-select-table2.js';

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

@@ -0,0 +1,148 @@
+import { defineComponent, reactive, createVNode } from 'vue';
+import { NSelect, NPagination, NEmpty, NSpin, NSpace } from 'naive-ui';
+import CGrid from '../..\\..\\..\\../packages/grid';
+import vexutils from '../..\\..\\..\\../src/utils/vexutils';
+
+var editSelectTable = defineComponent({
+  name: "EditSelectTable",
+  inheritAttrs: false,
+  components: {
+    NSelect,
+    CGrid,
+    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 = vexutils.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(CGrid, 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/packages/big-table/src/components/edit-form/edit-select.js

@@ -0,0 +1 @@
+export { default } from './edit-select2.js';

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

@@ -0,0 +1,89 @@
+import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
+import { NSelect } from 'naive-ui';
+import vexutils from '../..\\..\\..\\../src/utils/vexutils';
+
+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 state = reactive({
+      options: [],
+      loading: false,
+      keyword: "",
+      config: {}
+    });
+    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 = vexutils.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(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 };

package/es/packages/big-table/src/hooks/useBatchEditing.js

@@ -0,0 +1 @@
+export { useBatchEditing } from './useBatchEditing2.js';

package/es/packages/big-table/src/hooks/useEdit.js

@@ -0,0 +1 @@
+export { comps, useEdit } from './useEdit2.js';

package/es/packages/big-table/src/hooks/useEdit2.js

@@ -0,0 +1,115 @@
+import EditInput from '../components/edit-form/edit-input2.js';
+import EditSelect from '../components/edit-form/edit-select2.js';
+import EditDate from '../components/edit-form/edit-date2.js';
+
+const comps = {
+  "input": EditInput,
+  "number": EditInput,
+  "select": EditSelect,
+  "date": EditDate
+};
+const useEdit = (props, state, emit, xGrid) => {
+  const initEditTable = async () => {
+    const { isEdit, fieldList = [] } = props.columnConfig;
+    if (!isEdit)
+      return;
+    const hasSelectTable = fieldList.find((v) => v.formType === "selectTable");
+    if (!hasSelectTable)
+      return;
+    const record = {
+      initRow: true
+    };
+    props.columnConfig.fieldList.forEach((col) => {
+      if (col.columnName !== "operatorColumn") {
+        record[col.columnName] = void 0;
+      }
+    });
+    await xGrid.value.insertAt(record, -1);
+  };
+  const deleteRow = (row, col, index) => {
+    xGrid.value.remove(row);
+    emit("clickBtn", { row, column: col, index });
+  };
+  const activeMethod = ({ row, rowIndex, column, columnIndex }) => {
+    var _a;
+    const { isEdit, fieldList } = props.columnConfig;
+    if (isEdit) {
+      const isEditCol = ((_a = fieldList.find((v) => v.columnName === column.field)) == null ? void 0 : _a.isEdit) || false;
+      if (isEditCol) {
+        return true;
+      } else {
+        return false;
+      }
+    } else {
+      return false;
+    }
+  };
+  const onClickSelectTable = async (row) => {
+    emit("clickSelectTable", { row });
+    const record = {
+      initRow: false,
+      row: JSON.parse(JSON.stringify(row))
+    };
+    props.columnConfig.fieldList.forEach((col) => {
+      if (col.columnName !== "operatorColumn") {
+        record[col.columnName] = void 0;
+        if (Object.keys(row).includes(col.columnName)) {
+          record[col.columnName] = row[col.columnName];
+        }
+      }
+    });
+    const getInsertRecords = xGrid.value.getInsertRecords();
+    await xGrid.value.insertAt(record, getInsertRecords.at(-1));
+    xGrid.value.clearActived();
+  };
+  const getLabel = (opts, value) => {
+    var _a;
+    return ((_a = opts.find((opt) => opt.value === value)) == null ? void 0 : _a.label) || "";
+  };
+  const onFormChange = ({ value, row, column, index }) => {
+    var _a, _b;
+    let oldValue = row[column.columnName];
+    if (((column == null ? void 0 : column.formType) === "input" || (column == null ? void 0 : column.formType) === "number") && ((_a = props.columnConfig) == null ? void 0 : _a.formValidate)) {
+      row[column.columnName] = (_b = props.columnConfig) == null ? void 0 : _b.formValidate({ row, column, current: value, old: row[column.columnName] });
+    } else if (column == null ? void 0 : column.formatMap) {
+      oldValue = {
+        label: row[column.formatMap.label],
+        value: row[column.formatMap.value]
+      };
+      row[column.formatMap.label] = getLabel(row[column.columnName + "_options"] || [], value);
+      row[column.formatMap.value] = value;
+    } else {
+      row[column.columnName] = value;
+    }
+    if ((column == null ? void 0 : column.formType) === "date" && !value) {
+      row[column.columnName] = void 0;
+    }
+    emit("formChange", { value, row, column, index, oldValue });
+  };
+  const getDefaultValue = (params, item) => {
+    var _a, _b, _c;
+    const value = params.row[item.columnName];
+    if (item.formType === "select") {
+      if (item.formatMap) {
+        return params.row[item.formatMap.label];
+      }
+      if (item.options) {
+        return ((_a = item.options.find((v) => v.value == value)) == null ? void 0 : _a.label) || value || "";
+      }
+      if (item.queryOptions) {
+        return ((_c = (_b = params.row[`${item.columnName}_options`]) == null ? void 0 : _b.find((v) => v.value === value)) == null ? void 0 : _c.label) || value || "";
+      }
+    }
+    return value;
+  };
+  return {
+    initEditTable,
+    activeMethod,
+    deleteRow,
+    onClickSelectTable,
+    onFormChange,
+    getDefaultValue
+  };
+};
+
+export { comps, useEdit };

package/es/packages/big-table/src/hooks/useEvent.js

@@ -0,0 +1 @@
+export { useEvent } from './useEvent2.js';

package/es/packages/big-table/src/hooks/useEvent2.js

@@ -0,0 +1,70 @@
+import vexutils from '../..\\..\\../src/utils/vexutils';
+import { hideFilterWrap } from '../utils2.js';
+
+const useEvent = (props, state, emit, xGrid) => {
+  function keyDown({ $event }) {
+    var _a, _b;
+    let activeRow = null;
+    let index = 0;
+    const xGridRef = xGrid.value;
+    if (xGridRef) {
+      activeRow = xGridRef.getCurrentRecord();
+      index = xGridRef.getRowIndex(activeRow);
+    }
+    let activeIndex = index || 0;
+    if (!activeRow)
+      return;
+    const { isArrow, isEnter, isChecked } = ((_a = props.columnConfig) == null ? void 0 : _a.keyboardConfig) || {};
+    function emitKeyBoard() {
+      emit("keyboard", {
+        key: $event.key,
+        index: activeIndex,
+        row: xGridRef.getCurrentRecord()
+      });
+    }
+    if (isArrow && ($event.key === "ArrowUp" || $event.key === "ArrowDown")) {
+      if ($event.key === "ArrowUp" && index > 0) {
+        activeIndex = index - 1;
+      }
+      if ($event.key === "ArrowDown" && index < ((_b = props.data) == null ? void 0 : _b.length) - 1) {
+        activeIndex = index + 1;
+      }
+      let row = xGridRef.getData(activeIndex);
+      xGridRef.setCurrentRow(row);
+      xGridRef.scrollToRow(row);
+      emitKeyBoard();
+    }
+    if (isEnter && $event.key === "Enter") {
+      emitKeyBoard();
+    }
+    if (isChecked && $event.key === " ") {
+      $event.preventDefault();
+      xGridRef.setCheckboxRow(activeRow, true);
+      emitKeyBoard();
+      xGridRef.scrollToRow(activeRow);
+    }
+  }
+  let scrollEvent = (params) => {
+    emit("scroll", params);
+  };
+  const initScroll = () => {
+    var _a;
+    const { throttle = false, throttleTime = 800, throttleOptions = {} } = ((_a = props.columnConfig) == null ? void 0 : _a.scrollConfig) || {};
+    if (throttle) {
+      scrollEvent = vexutils.throttle(scrollEvent, throttleTime, throttleOptions);
+    }
+  };
+  initScroll();
+  const scroll = (params) => {
+    if (params.isX) {
+      hideFilterWrap(state, props);
+    }
+    scrollEvent(params);
+  };
+  return {
+    keyDown,
+    scroll
+  };
+};
+
+export { useEvent };

package/es/packages/big-table/src/hooks/useFormat.js

@@ -0,0 +1 @@
+export { useFormat } from './useFormat2.js';