cnhis-design-vue 3.1.18-beta.6 → 3.1.18-beta.9

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

@@ -1,122 +1 @@
-import EditTime from '../components/edit-form/edit-time.js';
-import EditInput from '../components/edit-form/edit-input.js';
-import EditSelect from '../components/edit-form/edit-select.js';
-import EditDate from '../components/edit-form/edit-date.js';
-import EditSeparate from '../components/edit-form/edit-separate.js';
-
-const comps = {
-  input: EditInput,
-  number: EditInput,
-  select: EditSelect,
-  date: EditDate,
-  time: EditTime,
-  separate: EditSeparate
-};
-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 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" || (column == null ? void 0 : column.formType) === "time") && !value) {
-      row[column.columnName] = void 0;
-    }
-    emit("formChange", { value, row, column, index, oldValue });
-  };
-  const getDefaultValue = (params, item) => {
-    var _a;
-    const value = params.row[item.columnName];
-    if (item.formType === "select") {
-      if (Array.isArray(value)) {
-        return (_a = value.map((v) => getValue(v))) == null ? void 0 : _a.join(",");
-      }
-      return getValue(value);
-    }
-    return value;
-    function getValue(value2) {
-      const findValue = (options) => {
-        var _a2;
-        return ((_a2 = options == null ? void 0 : options.find((v) => v.value == value2)) == null ? void 0 : _a2.label) || value2 || "";
-      };
-      if (item.formatMap) {
-        return params.row[item.formatMap.label];
-      }
-      if (item.options)
-        return findValue(item.options);
-      if (item.queryOptions)
-        return findValue(params.row[`${item.columnName}_options`]);
-    }
-  };
-  return {
-    initEditTable,
-    deleteRow,
-    onClickSelectTable,
-    onFormChange,
-    getDefaultValue
-  };
-};
-
-export { comps, useEdit };
+export { comps, useEdit } from './useEdit2.js';

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

@@ -0,0 +1,122 @@
+import EditTime from '../components/edit-form/edit-time.js';
+import EditInput from '../components/edit-form/edit-input.js';
+import EditSelect from '../components/edit-form/edit-select.js';
+import EditDate from '../components/edit-form/edit-date.js';
+import EditSeparate from '../components/edit-form/edit-separate.js';
+
+const comps = {
+  input: EditInput,
+  number: EditInput,
+  select: EditSelect,
+  date: EditDate,
+  time: EditTime,
+  separate: EditSeparate
+};
+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 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" || (column == null ? void 0 : column.formType) === "time") && !value) {
+      row[column.columnName] = void 0;
+    }
+    emit("formChange", { value, row, column, index, oldValue });
+  };
+  const getDefaultValue = (params, item) => {
+    var _a;
+    const value = params.row[item.columnName];
+    if (item.formType === "select") {
+      if (Array.isArray(value)) {
+        return (_a = value.map((v) => getValue(v))) == null ? void 0 : _a.join(",");
+      }
+      return getValue(value);
+    }
+    return value;
+    function getValue(value2) {
+      const findValue = (options) => {
+        var _a2;
+        return ((_a2 = options == null ? void 0 : options.find((v) => v.value == value2)) == null ? void 0 : _a2.label) || value2 || "";
+      };
+      if (item.formatMap) {
+        return params.row[item.formatMap.label];
+      }
+      if (item.options)
+        return findValue(item.options);
+      if (item.queryOptions)
+        return findValue(params.row[`${item.columnName}_options`]);
+    }
+  };
+  return {
+    initEditTable,
+    deleteRow,
+    onClickSelectTable,
+    onFormChange,
+    getDefaultValue
+  };
+};
+
+export { comps, useEdit };

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

@@ -1,72 +1 @@
-import XEUtils from 'xe-utils';
-import 'moment';
-import { hideFilterWrap } from '../utils.js';
-
-const useEvent = (props, state, emit, xGrid, anchorEvent) => {
-  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;
-      }
-      const 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 = XEUtils.throttle(scrollEvent, throttleTime, throttleOptions);
-    }
-  };
-  initScroll();
-  const scroll = (params) => {
-    if (params.isX) {
-      hideFilterWrap(state, props);
-    }
-    scrollEvent(params);
-    anchorEvent(params);
-  };
-  return {
-    keyDown,
-    scroll
-  };
-};
-
-export { useEvent };
+export { useEvent } from './useEvent2.js';

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

@@ -0,0 +1,72 @@
+import XEUtils from 'xe-utils';
+import 'moment';
+import { hideFilterWrap } from '../utils2.js';
+
+const useEvent = (props, state, emit, xGrid, anchorEvent) => {
+  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;
+      }
+      const 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 = XEUtils.throttle(scrollEvent, throttleTime, throttleOptions);
+    }
+  };
+  initScroll();
+  const scroll = (params) => {
+    if (params.isX) {
+      hideFilterWrap(state, props);
+    }
+    scrollEvent(params);
+    anchorEvent(params);
+  };
+  return {
+    keyDown,
+    scroll
+  };
+};
+
+export { useEvent };