cnhis-design-vue 3.1.40-beta.11 → 3.1.40-beta.15

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

@@ -1,301 +1 @@
-import { computed, watch } from 'vue';
-
-const useBatchEditing = (props, state, emit, xGrid) => {
-  let _batchFieldList = [];
-  const allSelectedLength = computed(() => {
-    var _a;
-    return (_a = state.checkedRows) == null ? void 0 : _a.length;
-  });
-  watch(
-    () => props.isBatchEditing,
-    (val) => {
-      if (!val || props.isNestTable)
-        return false;
-      if (state.isTree != 0 || !props.isMatchComponent)
-        return false;
-      if (!checkOperateCurrentTable()) {
-        resetBatchOperationRowStatus();
-        return false;
-      }
-      hideSelectCloumns();
-      handleClickBatchEditBtnByInline();
-    }
-  );
-  watch(
-    () => props.isBatchSave,
-    (val) => {
-      if (!val || props.isNestTable)
-        return false;
-      if (state.isTree != 0 || !props.isMatchComponent)
-        return false;
-      if (!checkOperateCurrentTable())
-        return false;
-      handleClickBatchSaveBtnByInline();
-    }
-  );
-  watch(
-    () => props.isBatchCancel,
-    (val) => {
-      if (!val || props.isNestTable)
-        return false;
-      if (state.isTree != 0 || !props.isMatchComponent)
-        return false;
-      if (!checkOperateCurrentTable())
-        return false;
-      handleClickBatchCancelBtnByInline();
-    }
-  );
-  watch(
-    () => props.isBatchCancel,
-    (val) => {
-      if (!val || props.isNestTable)
-        return false;
-      if (state.isTree != 0 || !props.isMatchComponent)
-        return false;
-      if (!checkOperateCurrentTable())
-        return false;
-      handleClickBatchCancelBtnByInline();
-    }
-  );
-  const checkOperateCurrentTable = () => {
-    var _a;
-    if (props.isNestTable)
-      return false;
-    let id = props.inlineEditCurrentOperateBtnId;
-    let find = (_a = props.btnList) == null ? void 0 : _a.find((item) => {
-      var _a2, _b;
-      return ((_b = (_a2 = item == null ? void 0 : item.settingObj) == null ? void 0 : _a2[0]) == null ? void 0 : _b.obj_id) === id;
-    });
-    return !!find;
-  };
-  const setRowStatus = (vxeTable, rowIndex, value) => {
-    if (!vxeTable)
-      return false;
-    let tableWrap = [
-      vxeTable.querySelector(".vxe-table--main-wrapper"),
-      vxeTable.querySelector(".vxe-table--fixed-left-wrapper"),
-      vxeTable.querySelector(".vxe-table--fixed-right-wrapper"),
-      vxeTable.querySelector(".vxe-table--body-wrapper")
-    ].filter((item) => item);
-    let rowWrap = [];
-    tableWrap.forEach((table) => {
-      let row = [...table.querySelectorAll(".vxe-body--row")];
-      rowWrap.push(row[rowIndex]);
-    });
-    rowWrap = rowWrap.filter((item) => item);
-    let height = value ? `${value}px` : value;
-    let lineHeight = value ? `${value - 10}px` : value;
-    rowWrap.forEach((wrap) => {
-      let rowItemWrap = [...wrap.querySelectorAll(".vxe-cell")];
-      rowItemWrap.push(...[...wrap.querySelectorAll(".vxe-body--column")]);
-      rowItemWrap.forEach((dom) => {
-        dom.style.setProperty("height", height, "important");
-        dom.style.lineHeight = lineHeight;
-        if (height) {
-          dom.style.backgroundColor = "#EFF5FF";
-          setTimeout(() => {
-            dom.title = "";
-          }, 1e3);
-        } else {
-          dom.style.backgroundColor = null;
-        }
-      });
-    });
-  };
-  const resetBatchOperationRowStatus = () => {
-    if (state.isTree != 0)
-      return false;
-    const vxeTable = xGrid.value;
-    let { tableData } = vxeTable.getTableData();
-    vxeTable.clearActived();
-    vxeTable.resetColumn();
-    tableData.forEach((row, index) => {
-      setRowStatus(vxeTable.$el, index, null);
-      row["__isInlineEditing"] = false;
-      row["__isDisableInlineEdit"] = false;
-    });
-  };
-  const hideSelectCloumns = () => {
-    var _a;
-    const vxeTable = xGrid.value;
-    let findSelectCloumns = (_a = vxeTable.getColumns()) == null ? void 0 : _a.find((item) => item.type === state.selectType);
-    findSelectCloumns && vxeTable.hideColumn(findSelectCloumns);
-  };
-  const checkListFormUnionSettingParamsList = () => {
-    var _a, _b, _c;
-    if (!((_b = (_a = props.listFormUnionSetting) == null ? void 0 : _a.paramsList) == null ? void 0 : _b.length)) {
-      window.$message.warning("\u53EF\u7F16\u8F91\u884C\u9700\u8981\u8BBE\u7F6E\u5173\u8054\u8868\u5355\u5B57\u6BB5\uFF0C\u8BBE\u7F6E\u540E\u8BF7\u91CD\u8BD5\uFF01");
-      emit("resetInlineEditAll", false);
-      emit("triggerSpinning", false);
-      return false;
-    }
-    let find = (_c = props.fieldListOriginal) == null ? void 0 : _c.find((item) => item.isEdit == 1);
-    if (!find) {
-      window.$message.warning("\u6CA1\u6709\u8BBE\u7F6E\u53EF\u7F16\u8F91\u5B57\u6BB5\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458");
-      emit("resetInlineEditAll", false);
-      emit("triggerSpinning", false);
-      return false;
-    }
-    return true;
-  };
-  const resetStoreInlineOperationStatus = () => {
-    if (state.isTree != 0)
-      return false;
-    state.isSaveForm = false;
-  };
-  const getInlineOpreateRow = () => {
-    const vxeTable = xGrid.value;
-    if (props.isInlineAdding) {
-      let { tableData } = vxeTable.getTableData();
-      return {
-        row: tableData[0],
-        rowIndex: 0
-      };
-    }
-    if (state.showButtonTop == 0) {
-      let { row: row2, index: rowIndex } = state.currentClickBtnInfo || {};
-      return {
-        row: row2,
-        rowIndex
-      };
-    }
-    let row = props.clickRowData;
-    for (var i = 0; i < props.oldtableData.length; i++) {
-      let item = props.oldtableData[i];
-      if (item[props.primaryKey] === row[props.primaryKey])
-        break;
-    }
-    return {
-      row,
-      rowIndex: i
-    };
-  };
-  const setAllRowInlineStatus = (disabled = false) => {
-    const vxeTable = xGrid.value;
-    let { tableData } = vxeTable.getTableData();
-    tableData.forEach((row) => {
-      row["__isInlineEditing"] = false;
-      row["__isDisableInlineEdit"] = disabled;
-    });
-  };
-  const recordClickBtnInfo = (row, index) => {
-    state.currentClickBtnInfo = {
-      row,
-      index
-    };
-  };
-  const resetOperationRowStatus = () => {
-    if (state.isTree != 0)
-      return false;
-    const vxeTable = xGrid.value;
-    let { row, rowIndex } = getInlineOpreateRow();
-    if (!row)
-      return false;
-    if (row == null ? void 0 : row.__isInsertRow) {
-      vxeTable.remove(row);
-    }
-    vxeTable.clearActived().then(() => {
-      row && vxeTable.revertData(row);
-      setRowStatus(vxeTable.$el, rowIndex, null);
-      vxeTable.resetColumn();
-      setAllRowInlineStatus();
-      recordClickBtnInfo();
-    });
-  };
-  const handleClickCancelBtnByInline = async () => {
-    const vxeTable = xGrid.value;
-    setRowStatus(vxeTable.$el, 0, null);
-    resetStoreInlineOperationStatus();
-    await vxeTable.reloadData(state.originFormatList);
-    resetOperationRowStatus();
-    emit("handleClickBtnByInline", {
-      type: "CANCEL"
-    });
-  };
-  const getBatchOpreateRows = () => {
-    const vxeTable = xGrid.value;
-    let arr = state.checkedRows;
-    let { tableData } = vxeTable.getTableData();
-    if (props.isEditAllRow) {
-      arr = tableData;
-    }
-    arr.forEach((item, i) => {
-      let rowIndex = i;
-      if (!props.isEditAllRow) {
-        let matchIndex = tableData.findIndex((v) => v[props.primaryKey] == item[props.primaryKey]);
-        if (matchIndex > -1) {
-          rowIndex = matchIndex;
-        }
-      }
-      setRowStatus(vxeTable.$el, rowIndex, "66");
-      item["__isInlineEditing"] = true;
-    });
-  };
-  const handleClickBatchEditBtnByInline = async () => {
-    if (!checkListFormUnionSettingParamsList()) {
-      handleClickCancelBtnByInline();
-      return false;
-    }
-    let arr = state.checkedRows;
-    const vxeTable = xGrid.value;
-    let { tableData } = vxeTable.getTableData();
-    if (props.isEditAllRow) {
-      arr = tableData;
-    }
-    await vxeTable.loadData(arr);
-    await props.resetInlineBatchEdit();
-    setAllRowInlineStatus(true);
-    getBatchOpreateRows();
-  };
-  const handleEditFormLength = () => {
-    let fieldLength = _batchFieldList.length;
-    if (!fieldLength)
-      return;
-    if (props.isInlineAdding) {
-      return fieldLength;
-    }
-    let rowLen = allSelectedLength.value;
-    const vxeTable = xGrid.value;
-    let { tableData } = vxeTable.getTableData();
-    if (props.isEditAllRow) {
-      rowLen = tableData.length;
-    }
-    if (!rowLen)
-      return;
-    return fieldLength * rowLen;
-  };
-  const handleClickBatchSaveBtnByInline = () => {
-    if (props.spinning)
-      return false;
-    emit("resetBatchEditDoneStatus");
-    let formDom = document.querySelectorAll(".js-inlineEditForm");
-    let sliceLen = handleEditFormLength();
-    formDom = [...formDom].slice(0, sliceLen);
-    formDom.forEach((item) => {
-      item.__vue__.handleSubmitForm();
-    });
-  };
-  const handleClickBatchCancelBtnByInline = async () => {
-    state.isSaveForm = false;
-    emit("resetInlineEditAll", false);
-    const vxeTable = xGrid.value;
-    await vxeTable.reloadData(state.originFormatList);
-    resetBatchOperationRowStatus();
-  };
-  return {
-    allSelectedLength,
-    checkOperateCurrentTable,
-    setRowStatus,
-    resetBatchOperationRowStatus,
-    checkListFormUnionSettingParamsList,
-    handleClickCancelBtnByInline,
-    setAllRowInlineStatus,
-    hideSelectCloumns,
-    handleEditFormLength,
-    getInlineOpreateRow,
-    resetOperationRowStatus,
-    recordClickBtnInfo
-  };
-};
-
-export { useBatchEditing };
+import{computed as e,watch as t}from"vue";const l=(l,i,n,r)=>{let a=[];const o=e((()=>{var e;return null==(e=i.checkedRows)?void 0:e.length}));t((()=>l.isBatchEditing),(e=>!(!e||l.isNestTable)&&(!(0!=i.isTree||!l.isMatchComponent)&&(s()?(u(),void b()):(c(),!1))))),t((()=>l.isBatchSave),(e=>!(!e||l.isNestTable)&&(!(0!=i.isTree||!l.isMatchComponent)&&(!!s()&&void y())))),t((()=>l.isBatchCancel),(e=>!(!e||l.isNestTable)&&(!(0!=i.isTree||!l.isMatchComponent)&&(!!s()&&void E())))),t((()=>l.isBatchCancel),(e=>!(!e||l.isNestTable)&&(!(0!=i.isTree||!l.isMatchComponent)&&(!!s()&&void E()))));const s=()=>{var e;if(l.isNestTable)return!1;let t=l.inlineEditCurrentOperateBtnId;return!!(null==(e=l.btnList)?void 0:e.find((e=>{var l,i;return(null==(i=null==(l=null==e?void 0:e.settingObj)?void 0:l[0])?void 0:i.obj_id)===t})))},d=(e,t,l)=>{if(!e)return!1;let i=[e.querySelector(".vxe-table--main-wrapper"),e.querySelector(".vxe-table--fixed-left-wrapper"),e.querySelector(".vxe-table--fixed-right-wrapper"),e.querySelector(".vxe-table--body-wrapper")].filter((e=>e)),n=[];i.forEach((e=>{let l=[...e.querySelectorAll(".vxe-body--row")];n.push(l[t])})),n=n.filter((e=>e));let r=l?`${l}px`:l,a=l?l-10+"px":l;n.forEach((e=>{let t=[...e.querySelectorAll(".vxe-cell")];t.push(...e.querySelectorAll(".vxe-body--column")),t.forEach((e=>{e.style.setProperty("height",r,"important"),e.style.lineHeight=a,r?(e.style.backgroundColor="#EFF5FF",setTimeout((()=>{e.title=""}),1e3)):e.style.backgroundColor=null}))}))},c=()=>{if(0!=i.isTree)return!1;const e=r.value;let{tableData:t}=e.getTableData();e.clearActived(),e.resetColumn(),t.forEach(((t,l)=>{d(e.$el,l,null),t.__isInlineEditing=!1,t.__isDisableInlineEdit=!1}))},u=()=>{var e;const t=r.value;let l=null==(e=t.getColumns())?void 0:e.find((e=>e.type===i.selectType));l&&t.hideColumn(l)},v=()=>{var e,t,i;if(!(null==(t=null==(e=l.listFormUnionSetting)?void 0:e.paramsList)?void 0:t.length))return window.$message.warning("可编辑行需要设置关联表单字段，设置后请重试！"),n("resetInlineEditAll",!1),n("triggerSpinning",!1),!1;return!!(null==(i=l.fieldListOriginal)?void 0:i.find((e=>1==e.isEdit)))||(window.$message.warning("没有设置可编辑字段，请联系管理员"),n("resetInlineEditAll",!1),n("triggerSpinning",!1),!1)},h=()=>{const e=r.value;if(l.isInlineAdding){let{tableData:t}=e.getTableData();return{row:t[0],rowIndex:0}}if(0==i.showButtonTop){let{row:e,index:t}=i.currentClickBtnInfo||{};return{row:e,rowIndex:t}}let t=l.clickRowData;for(var n=0;n<l.oldtableData.length;n++){if(l.oldtableData[n][l.primaryKey]===t[l.primaryKey])break}return{row:t,rowIndex:n}},g=(e=!1)=>{const t=r.value;let{tableData:l}=t.getTableData();l.forEach((t=>{t.__isInlineEditing=!1,t.__isDisableInlineEdit=e}))},w=(e,t)=>{i.currentClickBtnInfo={row:e,index:t}},f=()=>{if(0!=i.isTree)return!1;const e=r.value;let{row:t,rowIndex:l}=h();if(!t)return!1;(null==t?void 0:t.__isInsertRow)&&e.remove(t),e.clearActived().then((()=>{t&&e.revertData(t),d(e.$el,l,null),e.resetColumn(),g(),w()}))},p=async()=>{const e=r.value;d(e.$el,0,null),(()=>{if(0!=i.isTree)return!1;i.isSaveForm=!1})(),await e.reloadData(i.originFormatList),f(),n("handleClickBtnByInline",{type:"CANCEL"})},b=async()=>{if(!v())return p(),!1;let e=i.checkedRows;const t=r.value;let{tableData:n}=t.getTableData();l.isEditAllRow&&(e=n),await t.loadData(e),await l.resetInlineBatchEdit(),g(!0),(()=>{const e=r.value;let t=i.checkedRows,{tableData:n}=e.getTableData();l.isEditAllRow&&(t=n),t.forEach(((t,i)=>{let r=i;if(!l.isEditAllRow){let e=n.findIndex((e=>e[l.primaryKey]==t[l.primaryKey]));e>-1&&(r=e)}d(e.$el,r,"66"),t.__isInlineEditing=!0}))})()},m=()=>{let e=a.length;if(!e)return;if(l.isInlineAdding)return e;let t=o.value;const i=r.value;let{tableData:n}=i.getTableData();return l.isEditAllRow&&(t=n.length),t?e*t:void 0},y=()=>{if(l.spinning)return!1;n("resetBatchEditDoneStatus");let e=document.querySelectorAll(".js-inlineEditForm"),t=m();e=[...e].slice(0,t),e.forEach((e=>{e.__vue__.handleSubmitForm()}))},E=async()=>{i.isSaveForm=!1,n("resetInlineEditAll",!1);const e=r.value;await e.reloadData(i.originFormatList),c()};return{allSelectedLength:o,checkOperateCurrentTable:s,setRowStatus:d,resetBatchOperationRowStatus:c,checkListFormUnionSettingParamsList:v,handleClickCancelBtnByInline:p,setAllRowInlineStatus:g,hideSelectCloumns:u,handleEditFormLength:m,getInlineOpreateRow:h,resetOperationRowStatus:f,recordClickBtnInfo:w}};export{l as useBatchEditing};

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

@@ -1,133 +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.vue.js';
-
-const comps = {
-  input: EditInput,
-  number: EditInput,
-  select: EditSelect,
-  date: EditDate,
-  time: EditTime,
-  separate: EditSeparate
-};
-const useEdit = (props, state, emit, xGrid, loadData) => {
-  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,
-    type
-  }) => {
-    var _a, _b;
-    let oldValue = row[column.columnName];
-    if (["input", "number"].includes(column == null ? void 0 : column.formType) && ((_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 (["date", "time"].includes(column == null ? void 0 : column.formType) && !value) {
-      row[column.columnName] = void 0;
-    }
-    if (["separate"].includes(column == null ? void 0 : column.formType)) {
-      loadData(props.data);
-    }
-    emit("formChange", {
-      value,
-      row,
-      column,
-      index,
-      oldValue,
-      ...type ? { type } : {}
-    });
-  };
-  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 };
+import e from"../components/edit-form/edit-time.js";import o from"../components/edit-form/edit-input.js";import n from"../components/edit-form/edit-select.js";import l from"../components/edit-form/edit-date.js";import t from"../components/edit-form/edit-separate.vue.js";const a={input:o,number:o,select:n,date:l,time:e,separate:t},i=(e,o,n,l,t)=>({initEditTable:async()=>{const{isEdit:o,fieldList:n=[]}=e.columnConfig;if(!o)return;if(!n.find((e=>"selectTable"===e.formType)))return;const t={initRow:!0};e.columnConfig.fieldList.forEach((e=>{"operatorColumn"!==e.columnName&&(t[e.columnName]=void 0)})),await l.value.insertAt(t,-1)},deleteRow:(e,o,t)=>{l.value.remove(e),n("clickBtn",{row:e,column:o,index:t})},onClickSelectTable:async o=>{n("clickSelectTable",{row:o});const t={initRow:!1,row:JSON.parse(JSON.stringify(o))};e.columnConfig.fieldList.forEach((e=>{"operatorColumn"!==e.columnName&&(t[e.columnName]=void 0,Object.keys(o).includes(e.columnName)&&(t[e.columnName]=o[e.columnName]))}));const a=l.value.getInsertRecords();await l.value.insertAt(t,a.at(-1)),l.value.clearActived()},onFormChange:({value:o,row:l,column:a,index:i,type:m})=>{var r,u;let c=l[a.columnName];["input","number"].includes(null==a?void 0:a.formType)&&(null==(r=e.columnConfig)?void 0:r.formValidate)?l[a.columnName]=null==(u=e.columnConfig)?void 0:u.formValidate({row:l,column:a,current:o,old:l[a.columnName]}):(null==a?void 0:a.formatMap)?(c={label:l[a.formatMap.label],value:l[a.formatMap.value]},l[a.formatMap.label]=((e,o)=>{var n;return(null==(n=e.find((e=>e.value===o)))?void 0:n.label)||""})(l[a.columnName+"_options"]||[],o),l[a.formatMap.value]=o):l[a.columnName]=o,["date","time"].includes(null==a?void 0:a.formType)&&!o&&(l[a.columnName]=void 0),["separate"].includes(null==a?void 0:a.formType)&&t(e.data),n("formChange",{value:o,row:l,column:a,index:i,oldValue:c,...m?{type:m}:{}})},getDefaultValue:(e,o)=>{var n;const l=e.row[o.columnName];return"select"===o.formType?Array.isArray(l)?null==(n=l.map((e=>t(e))))?void 0:n.join(","):t(l):l;function t(n){const l=e=>{var o;return(null==(o=null==e?void 0:e.find((e=>e.value==n)))?void 0:o.label)||n||""};return o.formatMap?e.row[o.formatMap.label]:o.options?l(o.options):o.queryOptions?l(e.row[`${o.columnName}_options`]):void 0}}});export{a as comps,i as useEdit};

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

@@ -1,95 +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, _c, _d, _e;
-    const { isArrow, isEnter, isChecked, isTab, isEdit } = ((_a = props.columnConfig) == null ? void 0 : _a.keyboardConfig) || {};
-    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 && !isEdit)
-      return;
-    if (isEdit) {
-      const data = xGridRef.getEditRecord() || xGridRef.getSelectedCell() || {};
-      const { row, column } = data;
-      const { fieldList = [] } = props.columnConfig;
-      if ($event.key === "Tab") {
-        const fieldItem = fieldList.find((item) => item.columnName === column.field);
-        const { formType = "", componentProps } = fieldItem;
-        const _index = (_b = row[`${column.field}_filter_options`]) == null ? void 0 : _b.findIndex((item) => item.value === row[column.field]);
-        if (formType === "select" && !(componentProps == null ? void 0 : componentProps.multiple) && ((_c = row[`${column.field}_filter_options`]) == null ? void 0 : _c.length) > 0 && (!row[column.field] || !row[`${column.field}_is_key_arrow`] && !~_index)) {
-          const oldValue = row[column.field];
-          row[column.field] = (_d = row[`${column.field}_filter_options`]) == null ? void 0 : _d[0].value;
-          emit("formChange", {
-            value: row[column.field],
-            row,
-            column,
-            index: data.rowIndex,
-            oldValue
-          });
-        }
-      }
-      emit("keyboard", {
-        key: $event.key,
-        ...data,
-        index: data.rowIndex
-      });
-      return;
-    }
-    if (isArrow && ["ArrowUp", "ArrowDown"].includes($event.key)) {
-      if ($event.key === "ArrowUp" && index > 0) {
-        activeIndex = index - 1;
-      }
-      if ($event.key === "ArrowDown" && index < ((_e = props.data) == null ? void 0 : _e.length) - 1) {
-        activeIndex = index + 1;
-      }
-      const row = xGridRef.getData(activeIndex);
-      xGridRef.scrollToRow(row);
-      xGridRef.setCurrentRow(row);
-    }
-    if (isChecked && $event.key === " ") {
-      $event.preventDefault();
-      xGridRef.scrollToRow(activeRow);
-      xGridRef.setCheckboxRow(activeRow, true);
-    }
-    emitKeyBoard();
-    function emitKeyBoard() {
-      emit("keyboard", {
-        key: $event.key,
-        index: activeIndex,
-        row: 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 };
+import e from"xe-utils";import"moment";import{hideFilterWrap as o}from"../utils.js";const l=(l,t,i,n,r)=>{let d=e=>{i("scroll",e)};(()=>{var o;const{throttle:t=!1,throttleTime:i=800,throttleOptions:n={}}=(null==(o=l.columnConfig)?void 0:o.scrollConfig)||{};t&&(d=e.throttle(d,i,n))})();return{keyDown:function({$event:e}){var o,t,r,d,s;const{isArrow:f,isEnter:c,isChecked:u,isTab:a,isEdit:m}=(null==(o=l.columnConfig)?void 0:o.keyboardConfig)||{};let w=null,k=0;const p=n.value;p&&(w=p.getCurrentRecord(),k=p.getRowIndex(w));let v=k||0;if(w||m)if(m){const o=p.getEditRecord()||p.getSelectedCell()||{},{row:n,column:s}=o,{fieldList:f=[]}=l.columnConfig;if("Tab"===e.key){const e=f.find((e=>e.columnName===s.field)),{formType:l="",componentProps:c}=e,u=null==(t=n[`${s.field}_filter_options`])?void 0:t.findIndex((e=>e.value===n[s.field]));if("select"===l&&!(null==c?void 0:c.multiple)&&(null==(r=n[`${s.field}_filter_options`])?void 0:r.length)>0&&(!n[s.field]||!n[`${s.field}_is_key_arrow`]&&!~u)){const e=n[s.field];n[s.field]=null==(d=n[`${s.field}_filter_options`])?void 0:d[0].value,i("formChange",{value:n[s.field],row:n,column:s,index:o.rowIndex,oldValue:e})}}i("keyboard",{key:e.key,...o,index:o.rowIndex})}else{if(f&&["ArrowUp","ArrowDown"].includes(e.key)){"ArrowUp"===e.key&&k>0&&(v=k-1),"ArrowDown"===e.key&&k<(null==(s=l.data)?void 0:s.length)-1&&(v=k+1);const o=p.getData(v);p.scrollToRow(o),p.setCurrentRow(o)}u&&" "===e.key&&(e.preventDefault(),p.scrollToRow(w),p.setCheckboxRow(w,!0)),i("keyboard",{key:e.key,index:v,row:w})}},scroll:e=>{e.isX&&o(t,l),d(e),r(e)}}};export{l as useEvent};