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

package/es/packages/form-table/src/FormTable.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1,474 @@
-import{defineComponent as e,ref as l,computed as t,h as i,watch as o,onMounted as n,openBlock as r,createElementBlock as a,normalizeClass as u,normalizeStyle as s,unref as c,createVNode as f,withCtx as d,createCommentVNode as v}from"vue";import{useMessage as h}from"naive-ui";import{useComponents as g}from"cnhis-design-vue/es/packages/form-table/src/components";import"cnhis-design-vue/es/packages/form-table/src/configs";import{useValidate as m}from"cnhis-design-vue/es/packages/form-table/src/hooks";import p from"cnhis-design-vue/es/packages/grid";import y from"cnhis-design-vue/es/src/utils/vexutils";const b={key:0};var k=e({name:"FormTable",props:{data:Array,columnConfig:Object,emptyItems:{type:Object,default:()=>({noDataImg:"nodata",noDataTip:""})},isOnlyDisplay:Boolean,userInfo:{type:Object,default:()=>({})},styleSetting:{type:Object,default:()=>({})},defaultValue:{type:Array,default:()=>[]},dbParams:{type:Object},cacheUniqueKey:{type:Object,default:()=>({})},formType:{type:Object,default:()=>({})},formConfig:{type:Object,default:()=>({})},formTableItem:{type:Object,default:()=>({})},isDetail:{type:Boolean,default:!1}},emits:["AddComplete","formTableBlur","DeleteComplete"],setup(e,{emit:k}){const _=e,w=h(),{cmps:C,getComName:x}=g();m({message:w});const E=l(!1),O=l([]),j=l([]),R=l({}),T=l([]),S=l(1),I=l();const N=t((()=>{var e;return(null==(e=_.columnConfig)?void 0:e.primaryKey)||"field"}));t((()=>function(e,l){let t=C[e];return t?i(t,{attrs:{item:l}}):null})),t((()=>{var e,l;return null==(l=null==(e=_.formTableItem)?void 0:e.wordbook)?void 0:l.idField})),t((()=>{var e,l;return(null==(l=null==(e=_.formTableItem)?void 0:e.wordbook)?void 0:l.delFlagField)||"deleteKey"}));const A=t((()=>{var e;if(_.isDetail||!(null==(e=O.value)?void 0:e.length))return 50;let l=T.value.map((e=>"TEXTAREA"==e.html_type?e.initialize_high?+e.initialize_high:3:null)).filter(Boolean),t=50;return l.length&&(t=20*Math.max(...l)+10+4+18),t})),D=t((()=>A.value+40*S.value+10+"px")),F=t((()=>6*A.value+40*S.value+10+"px")),B=t((()=>{var e;return((null==(e=O.value)?void 0:e.length)||1)*A.value+40*S.value+10}));function L(e){const l=function(e){var l;let{rowGroupSetting:t}=(null==(l=_.formTableItem)?void 0:l.wordbook)||{};if(!t||!Object.keys(t).length)return e;let{firstRowGroup:i,secondRowGroup:o}=t;return i&&i.length?(G(i,e,"val_key"),S.value=2,o&&o.length?(G(o,e,"title"),S.value=3,e):e):e}(T.value);l&&(T.value=l);const t=I.value;t&&t&&t.reloadColumn(T.value)}function G(e,l,t){e.map((e=>{var i;let o=[],n=-1,r=[];(null==(i=e.list)?void 0:i.length)&&e.list.forEach((e=>{let i=l.find((l=>l[t]===e));if(i){let n=l.findIndex((l=>l[t]===e));r.push(n),delete i.fixed,o.push(i),l.splice(n,1)}}));let a={title:void(e.titleI18n||e.title),visible:!0,children:o};n=Math.min.apply(Math,r),n>-1&&l.splice(n,0,a)}))}async function P(e){if(!e||!e.length)return;O.value=y.clone(e,!0),j.value=y.clone(e,!0),function(e){if(!e.length)return;let{fieldToggleSetting:l}=_.formConfig||{};if(!l||!Object.keys(l).length)return;e.forEach((e=>{!function(e,l={}){const t=[{key:"is_show",value:!0},{key:"is_show",value:!1},{key:"is_null",value:!1},{key:"is_null",value:!0},{key:"is_edit",value:!0},{key:"is_edit",value:!1}],i=e=>e.forEach((e=>{}));let o={},n={},r=l.__fieldObj__||{};e.forEach((e=>{let a=function(e,l={}){let t=[];return Array.isArray(e)?(e.forEach((e=>{!function(e={},l={}){var t,i;const o=e=>!("NaN"==parseFloat(Number(e)+"").toString()),n=(e,l)=>o(e)&&o(l);let r={table:{...l},form:{...l},sys:(null==(i=null==(t=null==_?void 0:_.userInfo)?void 0:t.map)?void 0:i.sysParams)||{},db:_.dbParams||{}};const a=e.field_key;let u="string"==typeof a&&/\${(.*?)}/g.test(a)?y.handleSysParams(a,r):l[a],s="string"==typeof e.value?y.handleSysParams(e.value,r):e.value;if("EQ"==e.con)return u==s;if("NEQ"==e.con)return u!=s;if("NULL"==e.con)return!u&&"0"!==String(u);if("NOT_NULL"==e.con)return!!u||"0"===String(u);if("CL"==e.con)return u&&u.includes(s);if("NC"==e.con)return!u||u&&!u.includes(s);if("BIG"==e.con){if(n(u,s))return+u>+s}else if("BIGEQ"==e.con){if(n(u,s))return+u>=+s}else if("LESS"==e.con){if(n(u,s))return+u<+s}else if("LESSEQ"==e.con&&n(u,s))return+u<=+s}(e,l)?t.push(!1):t.push(!0)})),t):t}(e.conObj,l),{showField:u=[],hideField:s=[],requiredField:c=[],notRequiredField:f=[],enabledField:d=[],disabledField:v=[],isRestoreDefault:h=!0}=e,g=[[],s,c,f,d,v];[g].forEach((e=>{i(e)}));let m=!1;m=a.every((e=>e)),m&&(u.forEach((e=>{Q(z(r,e),t[0]),o[e]=!1})),g.forEach(((e,l)=>{e.forEach((e=>{let i=z(r,e);if(i){let{key:r,value:a}=t[l];"is_show"===r&&!1===a&&(o[e]=!(void 0!==h&&!h),n[e]=i.html_type),Q(i,t[l])}}))}))),function(e,l,t){let i=t.__fieldObj__||{};Object.keys(e||{}).forEach((o=>{if(e[o]){let e=i[o].__defObj__||{};if("SEARCH"!=l[o]){let l=V(i[o]);t[o]=e.defVal,i[o][l]=void 0}else if(t[o]!=e.defVal&&"SEARCH"==l[o]){if(!t[o]&&!e.defVal)return;let l=V(i[o]);t[o]=e.defVal,i[o][l]=void 0}}}))}(o,n,l)}))}(l,e)}))}(O.value);const l=I.value;l&&(await l.loadData(O.value),function(e,l){var t,i;let o={},n=null!=(i=null==(t=_.columnConfig)?void 0:t.columns)?i:[];e.forEach(((e,l)=>{let t=e.field;o[t]={};for(let l in e)if(!H(l)){let e=n.find((e=>e.val_key===l));"SEARCH_MORE"===(null==e?void 0:e.html_type)&&(o[t][l]=[])}})),l?Object.assign(R.value,{...o}):R.value=o}(e,!1))}function H(e){return e.startsWith("_")&&e.endsWith("_")||"field"==e}function M({row:e,$event:l={},$rowIndex:t,triggerCheckbox:i,triggerTreeNode:o}){var n,r,a,u;let{className:s}=l.target||{};if(l.preventDefault(),l.stopPropagation(),null==s?void 0:s.includes("vxe-checkbox--icon"))return;let c=I.value,f=c.isCheckedByCheckboxRow(e),d=null==(n=c.getCheckboxRecords())?void 0:n.length;!i&&(s.includes("col--checkbox")||(null==(u=null==(a=null==(r=l.target)?void 0:r.lastChild)?void 0:a.className)?void 0:u.includes("vxe-cell--checkbox")))||(c.setAllCheckboxRow(!1),d||f?1==d&&f?c.setCheckboxRow([e],!1):c.setCheckboxRow(e,!0):c.setCheckboxRow([e],!0))}function V(e={}){return`__${e.val_key}-errorMsg__`}function z(e,l){return e[l]}function Q(e,l){if(!(null==e?void 0:e.val_key))return;const{key:t,value:i}=l;let o=i?1:0;e&&(e[t]=o)}return o((()=>_.columnConfig),(e=>{e&&Object.keys(e).length&&L()})),o((()=>_.data),(e=>{e&&e.length||(E.value=!0),P(e)})),n((()=>{_.isOnlyDisplay&&(L(_.columnConfig),P(_.data))})),(l,t)=>(r(),a("div",{class:u(["formTable-page",{"formTable-page-disabled--detail":e.isDetail}]),style:s({height:c(B)+"px",minHeight:c(D),maxHeight:c(F)})},[f(c(p),{ref_key:"formTableGridRef",ref:I,style:{height:"100%"},border:"","show-header-overflow":"","highlight-hover-row":"","highlight-current-row":"","show-footer-overflow":"title",height:"auto",resizable:"","auto-resize":"","row-id":c(N),"row-key":!0,"checkbox-config":{trigger:"cell",reserve:!0,highlight:!0},onCellClick:M},{empty:d((()=>[E.value?(r(),a("div",b," 暂无数据 ")):v("v-if",!0)])),_:1},8,["row-id"])],6))}});export{k as default};
+import { defineComponent, ref, computed, h, watch, onMounted, openBlock, createElementBlock, normalizeClass, normalizeStyle, unref, createVNode, withCtx, createCommentVNode } from 'vue';
+import { useMessage } from 'naive-ui';
+import { useComponents } from 'cnhis-design-vue/es/packages/form-table/src/components';
+import 'cnhis-design-vue/es/packages/form-table/src/configs';
+import { useValidate } from 'cnhis-design-vue/es/packages/form-table/src/hooks';
+import CGrid from 'cnhis-design-vue/es/packages/grid';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+
+const _hoisted_1 = { key: 0 };
+var script = /* @__PURE__ */ defineComponent({
+  name: "FormTable",
+  props: {
+    data: Array,
+    columnConfig: Object,
+    emptyItems: {
+      type: Object,
+      default: () => {
+        return {
+          noDataImg: "nodata",
+          noDataTip: ""
+        };
+      }
+    },
+    isOnlyDisplay: Boolean,
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    styleSetting: {
+      type: Object,
+      default: () => ({})
+    },
+    defaultValue: {
+      type: Array,
+      default: () => []
+    },
+    dbParams: {
+      type: Object
+    },
+    cacheUniqueKey: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    formType: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    formConfig: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    formTableItem: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    isDetail: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["AddComplete", "formTableBlur", "DeleteComplete"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const $message = useMessage();
+    const { cmps, getComName } = useComponents();
+    useValidate({ message: $message });
+    const isShowEmpty = ref(false);
+    const tableList = ref([]);
+    const fullTableList = ref([]);
+    const multipleSelected = ref({});
+    const columns = ref([]);
+    const columnsLevel = ref(1);
+    const formTableGridRef = ref();
+    function $t(...args) {
+    }
+    const handleRowId = computed(() => {
+      var _a;
+      return ((_a = props.columnConfig) == null ? void 0 : _a.primaryKey) || "field";
+    });
+    computed(() => {
+      return function(name, item) {
+        let tag = cmps[name];
+        return tag ? h(tag, {
+          attrs: { item }
+        }) : null;
+      };
+    });
+    computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.formTableItem) == null ? void 0 : _a.wordbook) == null ? void 0 : _b.idField;
+    });
+    computed(() => {
+      var _a, _b;
+      return ((_b = (_a = props.formTableItem) == null ? void 0 : _a.wordbook) == null ? void 0 : _b.delFlagField) || "deleteKey";
+    });
+    const rowH = computed(() => {
+      var _a;
+      if (props.isDetail || !((_a = tableList.value) == null ? void 0 : _a.length))
+        return 50;
+      let hasTextarea = columns.value.map((item) => {
+        if (item.html_type == "TEXTAREA")
+          return item.initialize_high ? +item.initialize_high : 3;
+        return null;
+      }).filter(Boolean);
+      let MaxH = 50;
+      if (hasTextarea.length) {
+        MaxH = Math.max(...hasTextarea) * 20 + 10 + 4 + 18;
+      }
+      return MaxH;
+    });
+    const minHeight = computed(() => {
+      return rowH.value + columnsLevel.value * 40 + 10 + "px";
+    });
+    const maxHeight = computed(() => {
+      return rowH.value * 6 + columnsLevel.value * 40 + 10 + "px";
+    });
+    const tableHeight = computed(() => {
+      var _a;
+      let len = ((_a = tableList.value) == null ? void 0 : _a.length) || 1;
+      return len * rowH.value + columnsLevel.value * 40 + 10;
+    });
+    function loadColumn(config) {
+      const columnsFormatted = handleGroupColums(columns.value);
+      if (columnsFormatted) {
+        columns.value = columnsFormatted;
+      }
+      const table = formTableGridRef.value;
+      if (!table)
+        return;
+      table && table.reloadColumn(columns.value);
+    }
+    function handleGroupColums(columns2) {
+      var _a;
+      let { rowGroupSetting } = ((_a = props.formTableItem) == null ? void 0 : _a.wordbook) || {};
+      if (!rowGroupSetting || !Object.keys(rowGroupSetting).length)
+        return columns2;
+      let { firstRowGroup, secondRowGroup } = rowGroupSetting;
+      if (!firstRowGroup || !firstRowGroup.length)
+        return columns2;
+      handleRowColumns(firstRowGroup, columns2, "val_key");
+      columnsLevel.value = 2;
+      if (!secondRowGroup || !secondRowGroup.length)
+        return columns2;
+      handleRowColumns(secondRowGroup, columns2, "title");
+      columnsLevel.value = 3;
+      return columns2;
+    }
+    function handleRowColumns(rowColumns, columns2, key) {
+      rowColumns.map((item) => {
+        var _a;
+        let children = [];
+        let spliceIndex = -1;
+        let indexArr = [];
+        ((_a = item.list) == null ? void 0 : _a.length) && item.list.forEach((v) => {
+          let matchItem = columns2.find((column) => column[key] === v);
+          if (matchItem) {
+            let matchIndex = columns2.findIndex((column) => column[key] === v);
+            indexArr.push(matchIndex);
+            delete matchItem.fixed;
+            children.push(matchItem);
+            columns2.splice(matchIndex, 1);
+          }
+        });
+        let obj = {
+          title: $t(item.titleI18n || item.title),
+          visible: true,
+          children
+        };
+        spliceIndex = Math.min.apply(Math, indexArr);
+        spliceIndex > -1 && columns2.splice(spliceIndex, 0, obj);
+      });
+    }
+    async function loadData(list) {
+      if (!list || !list.length)
+        return;
+      tableList.value = vexutils.clone(list, true);
+      fullTableList.value = vexutils.clone(list, true);
+      handlerFieldToggleList(tableList.value);
+      const table = formTableGridRef.value;
+      if (!table)
+        return;
+      await table.loadData(tableList.value);
+      handleMultipleSelected(list, false);
+    }
+    function handleMultipleSelected(list, isAdd) {
+      var _a, _b;
+      let multipleSelectedValue = {};
+      let fieldList = (_b = (_a = props.columnConfig) == null ? void 0 : _a.columns) != null ? _b : [];
+      list.forEach((item, i) => {
+        let field = item.field;
+        multipleSelectedValue[field] = {};
+        for (let key in item) {
+          if (!ignoreKey(key)) {
+            let isSearchMore = fieldList.find((v) => v.val_key === key);
+            if ((isSearchMore == null ? void 0 : isSearchMore.html_type) === "SEARCH_MORE") {
+              multipleSelectedValue[field][key] = [];
+            }
+          }
+        }
+      });
+      if (isAdd) {
+        Object.assign(multipleSelected.value, {
+          ...multipleSelectedValue
+        });
+      } else {
+        multipleSelected.value = multipleSelectedValue;
+      }
+    }
+    function ignoreKey(key) {
+      return key.startsWith("_") && key.endsWith("_") || key == "field";
+    }
+    function handlerClickRow({ row, $event = {}, $rowIndex, triggerCheckbox, triggerTreeNode }) {
+      var _a, _b, _c, _d;
+      let { className } = $event.target || {};
+      $event.preventDefault();
+      $event.stopPropagation();
+      if (className == null ? void 0 : className.includes("vxe-checkbox--icon"))
+        return;
+      let table = formTableGridRef.value;
+      let isChecked = table.isCheckedByCheckboxRow(row);
+      let checkedLen = (_a = table.getCheckboxRecords()) == null ? void 0 : _a.length;
+      let isCheckCell = !triggerCheckbox && (className.includes("col--checkbox") || ((_d = (_c = (_b = $event.target) == null ? void 0 : _b.lastChild) == null ? void 0 : _c.className) == null ? void 0 : _d.includes("vxe-cell--checkbox")));
+      if (isCheckCell)
+        return;
+      table.setAllCheckboxRow(false);
+      if (!checkedLen && !isChecked) {
+        table.setCheckboxRow([row], true);
+        return;
+      }
+      if (checkedLen == 1 && isChecked) {
+        table.setCheckboxRow([row], false);
+        return;
+      }
+      table.setCheckboxRow(row, true);
+    }
+    function handlerFieldToggleList(list) {
+      if (!list.length)
+        return;
+      let { fieldToggleSetting } = props.formConfig || {};
+      if (!fieldToggleSetting || !Object.keys(fieldToggleSetting).length)
+        return;
+      list.forEach((row) => {
+        handlerFieldToggle(fieldToggleSetting, row);
+      });
+    }
+    function handlerFieldToggle(fieldToggleSetting, formData = {}) {
+      const configList = [
+        {
+          key: "is_show",
+          value: true
+        },
+        {
+          key: "is_show",
+          value: false
+        },
+        {
+          key: "is_null",
+          value: false
+        },
+        {
+          key: "is_null",
+          value: true
+        },
+        {
+          key: "is_edit",
+          value: true
+        },
+        {
+          key: "is_edit",
+          value: false
+        }
+      ];
+      const checkList = (list) => list.forEach((l) => {
+      });
+      let resetObj = {};
+      let resetType = {};
+      let fieldObj = formData.__fieldObj__ || {};
+      fieldToggleSetting.forEach((item) => {
+        let FlagList = handleGetFlagRes(item.conObj, formData);
+        let {
+          showField = [],
+          hideField = [],
+          requiredField = [],
+          notRequiredField = [],
+          enabledField = [],
+          disabledField = [],
+          isRestoreDefault = true
+        } = item;
+        let fieldLists = [[], hideField, requiredField, notRequiredField, enabledField, disabledField];
+        const checkArr = [fieldLists];
+        checkArr.forEach((c) => {
+          checkList(c);
+        });
+        let falg = false;
+        falg = FlagList.every((f) => f);
+        if (falg) {
+          showField.forEach((el) => {
+            let findItem = handleGetItem(fieldObj, el);
+            handleSetItem(findItem, configList[0]);
+            resetObj[el] = false;
+          });
+          fieldLists.forEach((f, j) => {
+            f.forEach((el) => {
+              let findItem = handleGetItem(fieldObj, el);
+              if (findItem) {
+                let { key, value } = configList[j];
+                if (key === "is_show" && value === false) {
+                  resetObj[el] = !(isRestoreDefault !== void 0 && !isRestoreDefault);
+                  resetType[el] = findItem.html_type;
+                }
+                handleSetItem(findItem, configList[j]);
+              }
+            });
+          });
+        }
+        resetFields(resetObj, resetType, formData);
+      });
+    }
+    function resetFields(resetObj, resetType, formData) {
+      let fieldObj = formData.__fieldObj__ || {};
+      Object.keys(resetObj || {}).forEach((v) => {
+        if (resetObj[v]) {
+          let defObj = fieldObj[v].__defObj__ || {};
+          if (resetType[v] != "SEARCH") {
+            let errKey = handleGetErrKey(fieldObj[v]);
+            formData[v] = defObj.defVal;
+            fieldObj[v][errKey] = void 0;
+          } else {
+            if (formData[v] != defObj.defVal && resetType[v] == "SEARCH") {
+              if (!formData[v] && !defObj.defVal)
+                return;
+              let errKey = handleGetErrKey(fieldObj[v]);
+              formData[v] = defObj.defVal;
+              fieldObj[v][errKey] = void 0;
+            }
+          }
+        }
+      });
+    }
+    function handleGetErrKey(field = {}) {
+      return `__${field.val_key}-errorMsg__`;
+    }
+    function handleGetItem(fieldObj, el) {
+      return fieldObj[el];
+    }
+    function handleSetItem(findItem, config) {
+      if (!((findItem == null ? void 0 : findItem.val_key) || ""))
+        return;
+      const { key, value } = config;
+      let flagVal = value ? 1 : 0;
+      findItem && (findItem[key] = flagVal);
+    }
+    function handleGetFlagRes(list, formData = {}) {
+      let FlagList = [];
+      if (!Array.isArray(list))
+        return FlagList;
+      list.forEach((ele) => {
+        if (!handleCheckFlag(ele, formData)) {
+          FlagList.push(false);
+        } else {
+          FlagList.push(true);
+        }
+      });
+      return FlagList;
+    }
+    function handleCheckFlag(data = {}, formData = {}) {
+      var _a, _b;
+      const is_number = (val) => !(parseFloat(Number(val) + "").toString() == "NaN");
+      const all_number = (a, b) => is_number(a) && is_number(b);
+      let obj = {
+        table: {
+          ...formData
+        },
+        form: {
+          ...formData
+        },
+        sys: ((_b = (_a = props == null ? void 0 : props.userInfo) == null ? void 0 : _a.map) == null ? void 0 : _b.sysParams) || {},
+        db: props.dbParams || {}
+      };
+      const field_key = data.field_key;
+      let field_val = typeof field_key === "string" && /\${(.*?)}/g.test(field_key) ? vexutils.handleSysParams(field_key, obj) : formData[field_key];
+      let data_value = typeof data.value === "string" ? vexutils.handleSysParams(data.value, obj) : data.value;
+      if (data.con == "EQ") {
+        return field_val == data_value;
+      } else if (data.con == "NEQ") {
+        return field_val != data_value;
+      } else if (data.con == "NULL") {
+        return !field_val && String(field_val) !== "0";
+      } else if (data.con == "NOT_NULL") {
+        return !!field_val || String(field_val) === "0";
+      } else if (data.con == "CL") {
+        return field_val && field_val.includes(data_value);
+      } else if (data.con == "NC") {
+        return !field_val || field_val && !field_val.includes(data_value);
+      } else if (data.con == "BIG") {
+        if (all_number(field_val, data_value)) {
+          return +field_val > +data_value;
+        }
+      } else if (data.con == "BIGEQ") {
+        if (all_number(field_val, data_value)) {
+          return +field_val >= +data_value;
+        }
+      } else if (data.con == "LESS") {
+        if (all_number(field_val, data_value)) {
+          return +field_val < +data_value;
+        }
+      } else if (data.con == "LESSEQ") {
+        if (all_number(field_val, data_value)) {
+          return +field_val <= +data_value;
+        }
+      }
+    }
+    watch(() => props.columnConfig, (config) => {
+      if (!config || !Object.keys(config).length)
+        return;
+      loadColumn();
+    });
+    watch(() => props.data, (value) => {
+      if (!value || !value.length) {
+        isShowEmpty.value = true;
+      }
+      loadData(value);
+    });
+    onMounted(() => {
+      if (!props.isOnlyDisplay)
+        return;
+      loadColumn(props.columnConfig);
+      loadData(props.data);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["formTable-page", { "formTable-page-disabled--detail": __props.isDetail }]),
+        style: normalizeStyle({ height: unref(tableHeight) + "px", minHeight: unref(minHeight), maxHeight: unref(maxHeight) })
+      }, [
+        createVNode(unref(CGrid), {
+          ref_key: "formTableGridRef",
+          ref: formTableGridRef,
+          style: { height: "100%" },
+          border: "",
+          "show-header-overflow": "",
+          "highlight-hover-row": "",
+          "highlight-current-row": "",
+          "show-footer-overflow": "title",
+          height: "auto",
+          resizable: "",
+          "auto-resize": "",
+          "row-id": unref(handleRowId),
+          "row-key": true,
+          "checkbox-config": {
+            trigger: "cell",
+            reserve: true,
+            highlight: true
+          },
+          onCellClick: handlerClickRow
+        }, {
+          empty: withCtx(() => [
+            isShowEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_1, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+        }, 8, ["row-id"])
+      ], 6);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/form-table/src/FormTable2.mjs

@@ -1 +1,4 @@
-import e from"./FormTable.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./FormTable.vue_vue_type_script_setup_true_lang.mjs";e.__file="packages/form-table/src/FormTable.vue";
+import script from './FormTable.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './FormTable.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/form-table/src/FormTable.vue";