cnhis-design-vue 3.1.6-beta.1 → 3.1.7

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

@@ -1 +1 @@
-export{default}from"./edit-select2.mjs";
+export { default } from './edit-select2.mjs';

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

@@ -1 +1,89 @@
-import{defineComponent as o,reactive as e,createVNode as t,mergeProps as n}from"vue";import{NSelect as i}from"naive-ui";import l from"cnhis-design-vue/es/src/utils/vexutils";var s=o({name:"EditSelect",inheritAttrs:!1,components:{NSelect:i},props:{col:{type:Object,default:()=>({})},row:{type:Object,default:()=>({})},index:{type:[Number,Object],default:0}},emits:["setOptions","formChange"],setup(o,{attrs:s,slots:r,emit:c}){const a=e({options:[],loading:!1,keyword:"",config:{}}),p=async()=>{if(o.col.options)a.options=JSON.parse(JSON.stringify(o.col.options));else{o.col.columnName;const e={keyword:a.keyword,row:o.row,column:o.col,index:o.index};a.options=await o.col.queryOptions(e),a.loading=!1,c("setOptions",a.options)}};let d=o=>{a.keyword=o,a.loading=!0,p()};d=l.debounce(d,800);const u=e=>{c("formChange",{value:e,row:o.row,column:o.col,index:o.index})};return o.col.options?p():(a.config.remote=!0,a.config.onSearch=d,d("")),()=>[t(i,n(s,a.config,{options:a.options,consistentMenuWidth:!1,clearable:!0,filterable:!0,placeholder:o.col.placeholder||"请选择",loading:a.loading,onUpdateValue:u}),null)]}});export{s as default};
+import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
+import { NSelect } from 'naive-ui';
+import vexutils from 'cnhis-design-vue/es/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.mjs

@@ -1 +1 @@
-export{useBatchEditing}from"./useBatchEditing2.mjs";
+export { useBatchEditing } from './useBatchEditing2.mjs';

package/es/packages/big-table/src/hooks/useBatchEditing2.mjs

@@ -1 +1,289 @@
-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};
+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 };

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

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

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

@@ -1 +1,115 @@
-import o from"../components/edit-form/edit-input2.mjs";import e from"../components/edit-form/edit-select2.mjs";import l from"../components/edit-form/edit-date2.mjs";const n={input:o,number:o,select:e,date:l},i=(o,e,l,n)=>({initEditTable:async()=>{const{isEdit:e,fieldList:l=[]}=o.columnConfig;if(!e)return;if(!l.find((o=>"selectTable"===o.formType)))return;const i={initRow:!0};o.columnConfig.fieldList.forEach((o=>{"operatorColumn"!==o.columnName&&(i[o.columnName]=void 0)})),await n.value.insertAt(i,-1)},activeMethod:({row:e,rowIndex:l,column:n,columnIndex:i})=>{var t;const{isEdit:a,fieldList:m}=o.columnConfig;if(a){return!!((null==(t=m.find((o=>o.columnName===n.field)))?void 0:t.isEdit)||!1)}return!1},deleteRow:(o,e,i)=>{n.value.remove(o),l("clickBtn",{row:o,column:e,index:i})},onClickSelectTable:async e=>{l("clickSelectTable",{row:e});const i={initRow:!1,row:JSON.parse(JSON.stringify(e))};o.columnConfig.fieldList.forEach((o=>{"operatorColumn"!==o.columnName&&(i[o.columnName]=void 0,Object.keys(e).includes(o.columnName)&&(i[o.columnName]=e[o.columnName]))}));const t=n.value.getInsertRecords();await n.value.insertAt(i,t.at(-1)),n.value.clearActived()},onFormChange:({value:e,row:n,column:i,index:t})=>{var a,m;let r=n[i.columnName];"input"!==(null==i?void 0:i.formType)&&"number"!==(null==i?void 0:i.formType)||!(null==(a=o.columnConfig)?void 0:a.formValidate)?(null==i?void 0:i.formatMap)?(r={label:n[i.formatMap.label],value:n[i.formatMap.value]},n[i.formatMap.label]=((o,e)=>{var l;return(null==(l=o.find((o=>o.value===e)))?void 0:l.label)||""})(n[i.columnName+"_options"]||[],e),n[i.formatMap.value]=e):n[i.columnName]=e:n[i.columnName]=null==(m=o.columnConfig)?void 0:m.formValidate({row:n,column:i,current:e,old:n[i.columnName]}),"date"!==(null==i?void 0:i.formType)||e||(n[i.columnName]=void 0),l("formChange",{value:e,row:n,column:i,index:t,oldValue:r})},getDefaultValue:(o,e)=>{var l,n,i;const t=o.row[e.columnName];if("select"===e.formType){if(e.formatMap)return o.row[e.formatMap.label];if(e.options)return(null==(l=e.options.find((o=>o.value==t)))?void 0:l.label)||t||"";if(e.queryOptions)return(null==(i=null==(n=o.row[`${e.columnName}_options`])?void 0:n.find((o=>o.value===t)))?void 0:i.label)||t||""}return t}});export{n as comps,i as useEdit};
+import EditInput from '../components/edit-form/edit-input2.mjs';
+import EditSelect from '../components/edit-form/edit-select2.mjs';
+import EditDate from '../components/edit-form/edit-date2.mjs';
+
+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.mjs

@@ -1 +1 @@
-export{useEvent}from"./useEvent2.mjs";
+export { useEvent } from './useEvent2.mjs';

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

@@ -1 +1,70 @@
-import e from"cnhis-design-vue/es/src/utils/vexutils";import{hideFilterWrap as o}from"../utils2.mjs";const t=(t,r,n,l)=>{let i=e=>{n("scroll",e)};(()=>{var o;const{throttle:r=!1,throttleTime:n=800,throttleOptions:l={}}=(null==(o=t.columnConfig)?void 0:o.scrollConfig)||{};r&&(i=e.throttle(i,n,l))})();return{keyDown:function({$event:e}){var o,r;let i=null,s=0;const c=l.value;c&&(i=c.getCurrentRecord(),s=c.getRowIndex(i));let u=s||0;if(!i)return;const{isArrow:w,isEnter:k,isChecked:d}=(null==(o=t.columnConfig)?void 0:o.keyboardConfig)||{};function f(){n("keyboard",{key:e.key,index:u,row:c.getCurrentRecord()})}if(w&&("ArrowUp"===e.key||"ArrowDown"===e.key)){"ArrowUp"===e.key&&s>0&&(u=s-1),"ArrowDown"===e.key&&s<(null==(r=t.data)?void 0:r.length)-1&&(u=s+1);let o=c.getData(u);c.setCurrentRow(o),c.scrollToRow(o),f()}k&&"Enter"===e.key&&f(),d&&" "===e.key&&(e.preventDefault(),c.setCheckboxRow(i,!0),f(),c.scrollToRow(i))},scroll:e=>{e.isX&&o(r,t),i(e)}}};export{t as useEvent};
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import { hideFilterWrap } from '../utils2.mjs';
+
+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.mjs

@@ -1 +1 @@
-export{useFormat}from"./useFormat2.mjs";
+export { useFormat } from './useFormat2.mjs';