@dt-frames/ui 2.0.18 → 2.0.20

package/es/components/table/index.js

@@ -176,12 +176,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     },
     btns: {
       type: Array,
-      default: []
+      default: () => []
     },
     flag: {
       type: String
     },
     record: {
+      type: Object,
       default: {}
     },
     index: {
@@ -201,17 +202,17 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         return auth;
       } else if (authPrefix && auth) {
         return `${authPrefix}:${auth}`;
-      } else {
-        return auth ?? null;
       }
+      return auth ?? null;
     };
     const { appConf } = useAppStore();
     const getExpandNum = computed(() => {
       return props2.expandNum || appConf?.ui?.table?.expandNum;
     });
     const showMore = computed(() => {
-      if (!unref(getExpandNum))
+      if (!unref(getExpandNum)) {
         return false;
+      }
       let allAuths = DtCache.getLocal(CacheKey.AUTHS);
       let remainBtnNum = unref(actionBtns).length - unref(getExpandNum);
       let remainBtn = takeRight(unref(actionBtns), remainBtnNum);
@@ -240,7 +241,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return label;
     };
     watch(
-      () => props2.btns,
+      () => unref(props2.btns),
       (btns) => {
         actionBtns.value = [...btns].map((it) => {
           return {
@@ -252,7 +253,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         });
       },
       {
-        immediate: true
+        immediate: true,
+        deep: true
       }
     );
     return (_ctx, _cache) => {
@@ -265,11 +267,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         key: 0,
         class: normalizeClass(unref(getExpandNum) ? "dt-expand-has-collapse" : "")
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(actionBtns.value, (item, index2) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(actionBtns.value, (item, index) => {
           return openBlock(), createElementBlock(Fragment, null, [
             item.ifShow ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               unref(getExpandNum) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                index2 < unref(getExpandNum) ? withDirectives((openBlock(), createElementBlock("span", {
+                index < unref(getExpandNum) ? withDirectives((openBlock(), createElementBlock("span", {
                   key: 0,
                   class: "dt-table-action-btn w-8 inline-block",
                   onClick: ($event) => handleAction(item)
@@ -277,10 +279,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   createTextVNode(toDisplayString(item.label()), 1)
                 ], 8, _hoisted_1$8)), [
                   [_directive_auth, getAuth(item.auth)]
-                ]) : createCommentVNode("v-if", true),
-                index2 >= unref(getExpandNum) && index2 === actionBtns.value.length - 1 ? (openBlock(), createBlock(_component_ADropdown, {
+                ]) : createCommentVNode("", true),
+                index >= unref(getExpandNum) && index === actionBtns.value.length - 1 ? (openBlock(), createBlock(_component_ADropdown, {
                   key: 1,
-                  getPopupContainer: getPopupContainer$1,
+                  "get-popup-container": getPopupContainer$1,
                   trigger: ["click"]
                 }, {
                   overlay: withCtx(() => [
@@ -297,10 +299,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                                   createElementVNode("span", _hoisted_4$2, toDisplayString(item1.label()), 1)
                                 ]),
                                 _: 2
-                              }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
+                              }, 1032, ["onClick"])) : createCommentVNode("", true)
                             ])), [
                               [_directive_auth, getAuth(item1.auth)]
-                            ]) : createCommentVNode("v-if", true)
+                            ]) : createCommentVNode("", true)
                           ], 64);
                         }), 256))
                       ]),
@@ -308,10 +310,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   default: withCtx(() => [
-                    unref(showMore) ? (openBlock(), createElementBlock("span", _hoisted_2$3, "\u66F4\u591A")) : createCommentVNode("v-if", true)
+                    unref(showMore) ? (openBlock(), createElementBlock("span", _hoisted_2$3, " \u66F4\u591A ")) : createCommentVNode("", true)
                   ]),
                   _: 1
-                })) : createCommentVNode("v-if", true)
+                })) : createCommentVNode("", true)
               ], 64)) : (openBlock(), createBlock(_component_ATooltip, {
                 key: 1,
                 placement: "bottom"
@@ -332,12 +334,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1024))
-            ], 64)) : createCommentVNode("v-if", true)
+            ], 64)) : createCommentVNode("", true)
           ], 64);
         }), 256))
       ], 2)) : (openBlock(), createBlock(_component_ADropdown, {
         key: 1,
-        getPopupContainer: getPopupContainer$1,
+        "get-popup-container": getPopupContainer$1,
         trigger: ["click"]
       }, {
         overlay: withCtx(() => [
@@ -359,7 +361,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", _hoisted_8, toDisplayString(item.label()), 1)
                     ]),
                     _: 2
-                  }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
+                  }, 1032, ["onClick"])) : createCommentVNode("", true)
                 ])), [
                   [_directive_auth, getAuth(item.auth)]
                 ]);
@@ -376,14 +378,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-const TableAction = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableAction.vue"]]);
 const tableKey = Symbol("dt-page");
 function createTableInstance(instance) {
   provide(tableKey, instance);
@@ -477,9 +471,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       const valueField = isCheckValue ? "checked" : "value";
       const val = unref(currentValueRef);
       let compProps = props2.column?.editComponentProps ?? {};
-      const { record, column, index: index2 } = props2;
+      const { record, column, index } = props2;
       if (isFunction(compProps)) {
-        compProps = compProps({ text: val, record, column, index: index2 }) ?? {};
+        compProps = compProps({ text: val, record, column, index }) ?? {};
       }
       if (unref(getComponent) === "InputNumber") {
         compProps = {
@@ -559,9 +553,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/editTable/EditTableCell.vue"]]);
 function renderEditCell(column) {
-  return ({ text: value, record, index: index2 }) => {
+  return ({ text: value, record, index }) => {
     record.onValid = async () => {
       if (isArray(record?.validCbs)) {
         const validFns = (record?.validCbs || []).map((fn) => fn());
@@ -589,11 +582,11 @@ function renderEditCell(column) {
       }
       return true;
     };
-    return h(EditableCell, {
+    return h(_sfc_main$8, {
       value,
       record,
       column,
-      index: index2
+      index
     });
   };
 }
@@ -605,8 +598,9 @@ function handleItem(item, ellipsis) {
   const { key, dataIndex, children } = item;
   item.align = item.align || align;
   if (ellipsis) {
-    if (!key)
+    if (!key) {
       item.key = dataIndex && dataIndex.toString();
+    }
     if (!isBoolean(item.ellipsis)) {
       item = Object.assign(item, {
         ellipsis
@@ -618,8 +612,9 @@ function handleItem(item, ellipsis) {
   }
 }
 function handleChildren(children, ellipsis) {
-  if (!children)
+  if (!children) {
     return;
+  }
   children.forEach((item) => {
     const { children: children2 } = item;
     handleItem(item, ellipsis);
@@ -642,25 +637,27 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
       columns.splice(indIndex, 1);
     }
   });
-  if (!pushIndexColumns)
+  if (!pushIndexColumns) {
     return;
+  }
   const isFixedLeft = columns.some((item) => item.fixed === "left");
   columns.unshift({
     flag: INDEX_FLAG,
     width: unref(getIsZH) ? 50 : 70,
     title: t("NUMBER"),
     align: "center",
-    customRender: ({ index: index2, renderIndex, record }) => {
-      if (virtual && record?.index)
+    customRender: ({ index, renderIndex, record }) => {
+      if (virtual && record?.index) {
         return record?.index;
+      }
       const getPagination = unref(getPaginationRef);
       const { appConf } = useAppStore();
       const { defaultPageSize } = appConf.ui.table;
       if (isBoolean(getPagination)) {
-        return `${index2 + 1}`;
+        return `${index + 1}`;
       }
       const { current = 1, pageSize = defaultPageSize } = getPagination;
-      return ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1;
+      return ((current < 1 ? 1 : current) - 1) * pageSize + index + 1;
     },
     ...isFixedLeft ? {
       fixed: "left"
@@ -672,39 +669,50 @@ function handleActionColumn(propsRef, columns) {
   const { appConf } = useAppStore();
   const { getIsZH } = useHeader();
   const { t } = useI18n("UI");
-  let defaultButtons = [
-    { label: t("EDIT"), icon: "mdi:text-box-edit-outline", onClick: unref(propsRef).onOpenUpdateDialog },
-    { label: t("DELETE"), icon: "mdi:delete-outline", onClick: unref(propsRef).onDelete, color: "#ed6f6f" }
+  const defaultButtons = [
+    {
+      label: t("EDIT"),
+      icon: "mdi:text-box-edit-outline",
+      onClick: (row, index) => {
+        unref(propsRef).onOpenUpdateDialog(row, index, unref(propsRef).rowKey);
+      }
+    },
+    {
+      label: t("DELETE"),
+      icon: "mdi:delete-outline",
+      onClick: unref(propsRef).onDelete,
+      color: "#ed6f6f"
+    }
   ];
   const { operations = defaultButtons, expandActions = false, authPrefix } = unref(propsRef);
-  if (!operations || isObject(operations) && operations?.btns && !operations?.btns?.length || isArray(operations) && !operations.length)
+  if (!operations || isObject(operations) && operations?.btns && !operations?.btns?.length || isArray(operations) && !operations.length) {
     return;
+  }
   const hasIndex = columns.findIndex((column) => column.flag === ACTION_COLUMN);
   if (hasIndex === -1) {
-    let column = isObject(operations) ? {
+    const column = isObject(operations) ? {
       expand: appConf?.ui?.table?.expandActions,
       btns: defaultButtons,
       ...operations
     } : isArray(operations) ? { expand: appConf?.ui?.table?.expandActions, btns: operations } : {};
-    let expand = column.expand ? column.expand : expandActions;
-    let expandNum = (isObject(operations) ? operations.expandNum : appConf?.ui?.table?.expandNum) || null;
-    let allAuths = DtCache.getLocal(CacheKey.AUTHS);
+    const expand = column.expand ? column.expand : expandActions;
+    const expandNum = (isObject(operations) ? operations.expandNum : appConf?.ui?.table?.expandNum) || null;
+    const allAuths = DtCache.getLocal(CacheKey.AUTHS);
     const getAuth = (auth) => {
       if (auth && auth.includes(":")) {
         return auth;
       } else if (authPrefix && auth) {
         return `${authPrefix}:${auth}`;
-      } else {
-        return auth ?? null;
       }
+      return auth ?? null;
     };
     const getWidth = () => {
       let w = 0;
       if (expand) {
         if (expandNum) {
           let showMore = false;
-          column.btns.forEach((btn, index2) => {
-            if (index2 < expandNum && (btn.auth && allAuths.includes(getAuth(btn.auth)) || !btn.auth)) {
+          column.btns.forEach((btn, index) => {
+            if (index < expandNum && (btn.auth && allAuths.includes(getAuth(btn.auth)) || !btn.auth)) {
               w += (unref(getIsZH) ? btn.label.length : btn.enLabel.length) * 14 + 8;
             } else if (btn.auth && allAuths.includes(getAuth(btn.auth)) || !btn.auth) {
               showMore = true;
@@ -719,7 +727,7 @@ function handleActionColumn(propsRef, columns) {
       }
       return w;
     };
-    let columnObj = {
+    const columnObj = {
       fixed: "right",
       title: t("ACTIONS"),
       align: "center",
@@ -730,15 +738,18 @@ function handleActionColumn(propsRef, columns) {
     };
     columns.push({
       ...columnObj,
-      customRender: ({ record, index: index2 }) => {
+      customRender: ({ record, index }) => {
         return h(
-          TableAction,
-          omit({
-            ...columnObj,
-            authPrefix,
-            record,
-            index: index2
-          }, "align")
+          _sfc_main$9,
+          omit(
+            {
+              ...columnObj,
+              authPrefix,
+              record,
+              index
+            },
+            "align"
+          )
         );
       }
     });
@@ -748,9 +759,10 @@ function sortFixedColumn(columns) {
   const fixedLeftColumn = [];
   const fixedRightColumn = [];
   const defaultColumn = [];
-  for (let column of columns) {
-    if (column.defaultHidden)
+  for (const column of columns) {
+    if (column.defaultHidden) {
       continue;
+    }
     if (column.fixed === "left") {
       fixedLeftColumn.push(column);
       continue;
@@ -761,11 +773,7 @@ function sortFixedColumn(columns) {
     }
     defaultColumn.push(column);
   }
-  return [
-    ...fixedLeftColumn,
-    ...defaultColumn,
-    ...fixedRightColumn
-  ];
+  return [...fixedLeftColumn, ...defaultColumn, ...fixedRightColumn];
 }
 function useColumns(propsRef, getPaginationRef, tableElRef) {
   const columnsRef = ref(unref(propsRef).columns);
@@ -810,7 +818,8 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
   }
   function addResize() {
     const { resizable, minWidth = 50, maxWidth = 700 } = unref(propsRef);
-    let els = unref(tableElRef)?.$el.querySelectorAll(".__column"), allWidth = 0, columnAllWidth = 0, noWidthNum = 0, avgWidth = 0, scrollBarW = 10;
+    const els = unref(tableElRef)?.$el.querySelectorAll(".__column"), scrollBarW = 10;
+    let allWidth = 0, columnAllWidth = 0, noWidthNum = 0, avgWidth = 0;
     for (let i = 0; i < els?.length; i++) {
       allWidth += els[i].offsetWidth ?? 0;
     }
@@ -876,12 +885,12 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
     }
   }
   function setColumnsByDataIndex(dataIndex, value) {
-    if (!dataIndex || !value)
+    if (!dataIndex || !value) {
       return;
+    }
     cacheColumns.forEach((item) => {
       if (item.dataIndex === dataIndex) {
         Object.assign(item, value);
-        return;
       }
     });
     columnsRef.value = [...cacheColumns];
@@ -907,18 +916,20 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
   };
 }
 function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearSelectedRowKeys, emits }) {
-  const customRow = (record, index2) => {
+  const customRow = (record, index) => {
     return {
       onClick: (e) => {
         e?.stopPropagation();
         function handleClick() {
           const { rowSelection, rowKey, clickToSelectRow } = unref(propsRef);
-          if (!rowSelection || !clickToSelectRow)
+          if (!rowSelection) {
             return;
+          }
           const keys = getSelectedRowKeys();
           const key = record[rowKey];
-          if (!key)
+          if (!key) {
             return;
+          }
           const isCheckbox = rowSelection.type === "checkbox";
           const isRadio = rowSelection.type === "radio";
           if (clickToSelectRow) {
@@ -929,17 +940,20 @@ function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearS
                 setSelectedRowKeys([...keys, key]);
               }
             }
-            if (isRadio)
+            if (isRadio) {
               setSelectedRowKeys([key]);
+            }
             return;
           }
           if (isCheckbox) {
-            const tr = e.composedPath?.().find((dom) => dom.tagName === "TR");
-            if (!tr)
+            const td = e.composedPath?.().find((dom) => dom.tagName === "TD");
+            if (!td) {
               return;
-            const checkBox = tr.querySelector("input[type=checkbox]");
-            if (!checkBox || checkBox.hasAttribute("disabled"))
+            }
+            const checkBox = td.querySelector("input[type=checkbox]");
+            if (!checkBox || checkBox.hasAttribute("disabled")) {
               return;
+            }
             if (!keys.includes(key)) {
               setSelectedRowKeys([...keys, key]);
               return;
@@ -961,19 +975,19 @@ function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearS
           }
         }
         handleClick();
-        emits("row-click", record, index2, e);
+        emits("row-click", record, index, e);
       },
       onDblclick: (event) => {
-        emits("row-dbClick", record, index2, event);
+        emits("row-dbClick", record, index, event);
       },
       onContextmenu: (event) => {
-        emits("row-contextmenu", record, index2, event);
+        emits("row-contextmenu", record, index, event);
       },
       onMouseenter: (event) => {
-        emits("row-mouseenter", record, index2, event);
+        emits("row-mouseenter", record, index, event);
       },
       onMouseleave: (event) => {
-        emits("row-mouseleave", record, index2, event);
+        emits("row-mouseleave", record, index, event);
       }
     };
   };
@@ -981,11 +995,7 @@ function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearS
     customRow
   };
 }
-function useDataSource(propsRef, {
-  getPaginationInfo,
-  setPagination,
-  clearSelectedRowKeys
-}) {
+function useDataSource(propsRef, { getPaginationInfo, setPagination, clearSelectedRowKeys }) {
   const dataSourceRef = ref([]);
   watch(
     () => unref(propsRef).dataSource,
@@ -1026,15 +1036,18 @@ function useDataSource(propsRef, {
   }
   const { defSort, onTableChange } = unref(propsRef);
   const { appConf } = useAppStore();
-  onTableChange({
-    pagination: {
-      current: 1,
-      pageSize: appConf.ui.table.defaultPageSize
+  onTableChange(
+    {
+      pagination: {
+        current: 1,
+        pageSize: appConf.ui.table.defaultPageSize
+      },
+      sort: defSort,
+      filter: null,
+      showBtnLoading: false
     },
-    sort: defSort,
-    filter: null,
-    showBtnLoading: false
-  }, false);
+    false
+  );
   function updateTableDataRecord(rowKey, record) {
     const row = findTableDataRecord(rowKey);
     if (row) {
@@ -1045,8 +1058,9 @@ function useDataSource(propsRef, {
     }
   }
   function findTableDataRecord(rowKey) {
-    if (!dataSourceRef.value || dataSourceRef.value.length == 0 || !rowKey)
+    if (!dataSourceRef.value || dataSourceRef.value.length == 0 || !rowKey) {
       return;
+    }
     const { childrenColumnName = "children" } = unref(propsRef);
     const findRow = (array) => {
       let ret;
@@ -1095,7 +1109,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const _component_ATooltip = Tooltip;
       return openBlock(), createBlock(_component_ATooltip, { placement: "top" }, {
         title: withCtx(() => [
-          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("v-if", true)
+          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createElementVNode("span", {
@@ -1112,7 +1126,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FullscreenSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Fullscreen.vue"]]);
 const _hoisted_1$5 = { class: "column-select" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "DownloadCtrl",
@@ -1184,7 +1197,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createVNode(_component_ADivider, { dashed: "" }),
             createVNode(_component_ARow, null, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it, index2) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it, index) => {
                   return openBlock(), createBlock(_component_ACol, { span: 8 }, {
                     default: withCtx(() => [
                       createVNode(_component_ACheckbox, {
@@ -1210,7 +1223,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DownloadCtrl = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/DownloadCtrl.vue"]]);
 const _hoisted_1$4 = /* @__PURE__ */ createElementVNode("span", { class: "flex" }, [
   /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-download w-7 leading-7 text-center cursor-pointer" })
 ], -1);
@@ -1269,19 +1281,19 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_CURRENT_PAGE")), 1)
                     ]),
                     _: 1
-                  })) : createCommentVNode("v-if", true),
+                  })) : createCommentVNode("", true),
                   unref(showSelectedDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "select" }, {
                     default: withCtx(() => [
                       createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_SELECT_COLUMN")), 1)
                     ]),
                     _: 1
-                  })) : createCommentVNode("v-if", true),
+                  })) : createCommentVNode("", true),
                   unref(showBackDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "all" }, {
                     default: withCtx(() => [
                       createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_ALL")), 1)
                     ]),
                     _: 1
-                  })) : createCommentVNode("v-if", true)
+                  })) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -1291,14 +1303,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(DownloadCtrl, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
+          createVNode(_sfc_main$6, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
         ]),
         _: 1
       });
     };
   }
 });
-const Download = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Download.vue"]]);
 const _hoisted_1$3 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:drag-outlined drag-icon cursor-pointer" }, null, -1);
 const _hoisted_2$2 = ["onClick"];
 const _hoisted_3$1 = ["onClick"];
@@ -1441,9 +1452,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         return;
       const columns = getColumns();
       const isFixed = item.fixed === fixed ? false : fixed;
-      const index2 = columns.findIndex((col) => col.dataIndex === item.dataIndex);
-      if (index2 !== -1) {
-        columns[index2].fixed = isFixed;
+      const index = columns.findIndex((col) => col.dataIndex === item.dataIndex);
+      if (index !== -1) {
+        columns[index].fixed = isFixed;
       }
       item.fixed = isFixed;
       if (isFixed && !item.width) {
@@ -1634,7 +1645,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnSetting = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Column.vue"]]);
 const _hoisted_1$2 = { class: "flex dt-table-setting" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -1660,17 +1670,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        unref(getSetting).download ? (openBlock(), createBlock(Download, normalizeProps(mergeProps({ key: 0 }, unref(getSetting))), null, 16)) : createCommentVNode("v-if", true),
-        unref(getSetting).setting ? (openBlock(), createBlock(ColumnSetting, {
+        unref(getSetting).download ? (openBlock(), createBlock(_sfc_main$5, normalizeProps(mergeProps({ key: 0 }, unref(getSetting))), null, 16)) : createCommentVNode("", true),
+        unref(getSetting).setting ? (openBlock(), createBlock(_sfc_main$4, {
           key: 1,
           onColumnsChange: handleColumnChange
-        })) : createCommentVNode("v-if", true),
-        unref(getSetting).fullscreen ? (openBlock(), createBlock(FullscreenSetting, { key: 2 })) : createCommentVNode("v-if", true)
+        })) : createCommentVNode("", true),
+        unref(getSetting).fullscreen ? (openBlock(), createBlock(_sfc_main$7, { key: 2 })) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const DtTableSetting = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/index.vue"]]);
 const _hoisted_1$1 = { class: "dt-table-header" };
 const _hoisted_2$1 = { class: "flex flex-row justify-between" };
 const _hoisted_3 = { class: "flex flex-row flex-1" };
@@ -1706,21 +1715,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2$1, [
           createElementVNode("div", _hoisted_3, [
-            unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(DtFormButtons), normalizeProps(mergeProps({ key: 0 }, unref(getActionsProps))), null, 16)) : createCommentVNode("v-if", true),
+            unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(DtFormButtons), normalizeProps(mergeProps({ key: 0 }, unref(getActionsProps))), null, 16)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "toolbar")
           ]),
           __props.tableSetting ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(DtTableSetting, { setting: __props.tableSetting }, null, 8, ["setting"])
-          ])) : createCommentVNode("v-if", true)
+            createVNode(_sfc_main$3, { setting: __props.tableSetting }, null, 8, ["setting"])
+          ])) : createCommentVNode("", true)
         ]),
         _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5, [
           renderSlot(_ctx.$slots, "headerTop")
-        ])) : createCommentVNode("v-if", true)
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableHeader.vue"]]);
 function useTableHeader(propsRef, slots, handlers) {
   const { t } = useI18n("UI");
   const getHeaderProps = computed(() => {
@@ -1733,7 +1741,7 @@ function useTableHeader(propsRef, slots, handlers) {
     const hideTitle = (!toolbar || !toolbar.filter((it) => it.show ?? true).length) && !slots.toolbar && !slots.headerTop && !tableSetting;
     return {
       title: hideTitle ? null : () => h(
-        TableHeader,
+        _sfc_main$2,
         {
           tableSetting,
           toolbar,
@@ -1839,8 +1847,9 @@ function useRowSelection(propsRef, emit) {
   const selectedRowRef = ref([]);
   const getRowSelectionRef = computed(() => {
     const { rowSelection, showCheckboxColumn, checkStrictly } = unref(propsRef);
-    if (!rowSelection && !showCheckboxColumn)
+    if (!rowSelection && !showCheckboxColumn) {
       return null;
+    }
     if (isBoolean(showCheckboxColumn)) {
       if (showCheckboxColumn && rowSelection) {
         rowSelection.type = "checkbox";
@@ -1905,8 +1914,9 @@ function useRowSelection(propsRef, emit) {
         const { rowSelection } = unref(propsRef);
         if (rowSelection) {
           const { onChange } = rowSelection;
-          if (onChange && isFunction(onChange))
+          if (onChange && isFunction(onChange)) {
             onChange(getSelectedRowKeys(), getSelectRows());
+          }
         }
         emit("selection-change", {
           keys: getSelectedRowKeys(),
@@ -1938,7 +1948,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   windowResizeFn(debounceRedoHeight, 280);
   watch(
     () => propsRef.value.dataSource,
-    (v) => {
+    () => {
       debounceRedoHeight();
     },
     {
@@ -1947,8 +1957,8 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     }
   );
   function redoHeight() {
-    const { virtual } = unref(propsRef);
-    virtual ? calcTableScroll() : filterSource.value = unref(propsRef)?.dataSource;
+    const { virtual, dataSource } = unref(propsRef);
+    virtual ? calcTableScroll() : filterSource.value = dataSource.map((row) => new Proxy(row, {}));
   }
   const getScrollX = computed(() => {
     let width = 0;
@@ -1965,7 +1975,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     return tableWidth > width ? "100%" : width;
   });
   const hideScrollX = computed(() => {
-    let operations = unref(propsRef).operations;
+    const operations = unref(propsRef).operations;
     return !operations || isObject(operations) && operations?.btns && !operations?.btns?.length || isArray(operations) && !operations.length;
   });
   const getScrollRef = computed(() => {
@@ -1990,15 +2000,15 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     on(bodyEl, "scroll", fn);
   }
   function createScrollWrap(el, prefixH) {
-    let data = unref(propsRef)?.dataSource?.length;
+    const data = unref(propsRef)?.dataSource?.length;
     const { getUiSize } = useHeader();
     const rowHeight = TABLE_SIZE_HEIGHT[unref(getUiSize)];
-    let scrollWrap = el.querySelector(".tableScrollWrap");
-    let wrapHeight = data * rowHeight - prefixH + "px";
+    const scrollWrap = el.querySelector(".tableScrollWrap");
+    const wrapHeight = data * rowHeight - prefixH + "px";
     if (scrollWrap) {
       scrollWrap.style.height = wrapHeight;
     } else {
-      let div = document.createElement("div");
+      const div = document.createElement("div");
       div.className = "tableScrollWrap";
       div.style.height = wrapHeight;
       el.insertBefore(div, el.querySelector("table")[0]);
@@ -2009,10 +2019,10 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     cancelAnimationFrame(unref(t));
     t.value = requestAnimationFrame(() => {
       const scrollTop = el.scrollTop;
-      let maxIndex = Math.round(scrollTop / itemH) + itemSize * 2;
-      let minIndex = Math.round(scrollTop / itemH) - itemSize;
+      const maxIndex = Math.round(scrollTop / itemH) + itemSize * 2;
+      const minIndex = Math.round(scrollTop / itemH) - itemSize;
       if (minIndex < 0) {
-        bodyEl.querySelector("table").style.transform = `translateY(0px)`;
+        bodyEl.querySelector("table").style.transform = "translateY(0px)";
         filterSource.value = unref(propsRef)?.dataSource.slice(0, itemSize * 3);
       } else {
         bodyEl.querySelector("table").style.transform = `translateY(${minIndex * itemH}px)`;
@@ -2026,14 +2036,14 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   };
 }
 function useRows(propsRef) {
-  function getRowClassName(record, index2) {
+  function getRowClassName(record, index) {
     const { striped, rowClassName } = unref(propsRef);
     const classNames = [];
     if (striped) {
-      classNames.push(index2 % 2 === 1 ? "table-striped" : "");
+      classNames.push(index % 2 === 1 ? "table-striped" : "");
     }
     if (rowClassName && isFunction(rowClassName)) {
-      classNames.push(rowClassName(record, index2));
+      classNames.push(rowClassName(record, index));
     }
     return classNames.join(" ");
   }
@@ -2063,7 +2073,7 @@ const _sfc_main$1 = {
       const {
         column,
         record,
-        index: index2
+        index
       } = props2;
       const {
         render,
@@ -2108,21 +2118,21 @@ const _sfc_main$1 = {
           let txt = link.text ?? text;
           renderText.value = createVNode("a", {
             "class": "primary-color-link",
-            "onClick": () => link(record, index2)
+            "onClick": () => link(record, index)
           }, [txt]);
         } else if (isVnode(render)) {
           renderText.value = createVNode(Fragment, null, [createTextVNode(" "), render, createTextVNode(" ")]);
-        } else if (render["setup"]) {
+        } else if (render.setup) {
           renderText.value = createVNode(render, {
             ...record,
             text
           });
         }
       } else if (isFunction(render)) {
-        let afterRenderData = render(record, index2, text);
+        let afterRenderData = render(record, index, text);
         if (afterRenderData.__v_isRef) {
           renderText = afterRenderData;
-        } else if (afterRenderData["setup"]) {
+        } else if (afterRenderData.setup) {
           renderText.value = createVNode(afterRenderData, {
             ...record,
             text
@@ -2137,7 +2147,6 @@ const _sfc_main$1 = {
     return () => createVNode("span", null, [unref(renderText)]);
   }
 };
-const TableRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableRender.vue"]]);
 const DEFAULT_SORT_FN = (sortInfo) => {
   const { field, order } = sortInfo;
   return field && order ? { field, order } : {};
@@ -2239,11 +2248,11 @@ const TableProps = {
   },
   onOpenUpdateDialog: {
     type: Function,
-    default: (row, index2) => ({})
+    default: (row, index) => ({})
   },
   onDelete: {
     type: Function,
-    default: (row, index2) => ({})
+    default: (row, index) => ({})
   },
   onDeletes: {
     type: Function,
@@ -2280,11 +2289,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const { getRowClassName } = useRows(getProps);
     const tableCls = computed(() => {
-      return [
-        "dt-table",
-        "box-border",
-        { "dt-table-no-pagation": !unref(getProps).pagination }
-      ];
+      return ["dt-table", "box-border", { "dt-table-no-pagation": !unref(getProps).pagination }];
     });
     const { getLoading, setLoading } = useLoading(getProps);
     const { getPaginationInfo, setPagination, getPagination } = usePagination(getProps);
@@ -2304,7 +2309,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getSelectedRowKeys,
       setSelectedRowKeys
     } = useRowSelection(getProps, emits);
-    const { getScrollRef, filterSource } = useTableScroll(getProps, tableElRef, getColumnsRef, getRowSelectionRef);
+    const { getScrollRef, filterSource } = useTableScroll(
+      getProps,
+      tableElRef,
+      getColumnsRef,
+      getRowSelectionRef
+    );
     const handlers = {
       onColumnsChange: (data) => {
         emits("columns-change", data);
@@ -2312,7 +2322,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const { getHeaderProps } = useTableHeader(getProps, slots, handlers);
-    const { customRow } = useCustomRow(getProps, { setSelectedRowKeys, getSelectedRowKeys, clearSelectedRowKeys, emits });
+    const { customRow } = useCustomRow(getProps, {
+      setSelectedRowKeys,
+      getSelectedRowKeys,
+      clearSelectedRowKeys,
+      emits
+    });
     const { handleTableChange, findTableDataRecord, updateTableDataRecord } = useDataSource(
       getProps,
       {
@@ -2380,8 +2395,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unref(innerPropsRef)?.registerInstance(tableAction);
     }
     onMounted(() => {
-      if (unref(getProps).autoFetch)
+      if (unref(getProps).autoFetch) {
         unref(getProps)?.onSearch({});
+      }
     });
     return (_ctx, _cache) => {
       const _component_ATable = Table;
@@ -2389,19 +2405,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "tableElRef",
         ref: tableElRef
       }, unref(getBind), {
-        rowClassName: unref(getRowClassName),
+        "row-class-name": unref(getRowClassName),
         onChange: unref(handleTableChange)
       }), createSlots({
-        bodyCell: withCtx(({ column, record, index: index2 }) => [
-          _ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index: index2 }))) : createCommentVNode("v-if", true),
-          column.slot ? renderSlot(_ctx.$slots, column.slot, normalizeProps(mergeProps({ key: 1 }, { column, record, index: index2 }))) : createCommentVNode("v-if", true),
-          createCommentVNode(" \u9759\u6001\u7684\u6570\u636E\u53EF\u4EE5\u901A\u8FC7customRender, \u4F46\u662F\u54CD\u5E94\u5F0F\u6570\u636E, \u5F02\u6B65\u51FD\u6570,\u7EC4\u4EF6\u7B49\u9700\u8981\u4F7F\u7528bodyCell\u6E32\u67D3 "),
-          column?.render && !column.slot && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(TableRender, {
+        bodyCell: withCtx(({ column, record, index }) => [
+          _ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index }))) : createCommentVNode("", true),
+          column.slot ? renderSlot(_ctx.$slots, column.slot, normalizeProps(mergeProps({ key: 1 }, { column, record, index }))) : createCommentVNode("", true),
+          column?.render && !column.slot && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(_sfc_main$1, {
             key: 2,
             column,
             record,
-            index: index2
-          }, null, 8, ["column", "record", "index"])) : createCommentVNode("v-if", true)
+            index
+          }, null, 8, ["column", "record", "index"])) : createCommentVNode("", true)
         ]),
         emptyText: withCtx(() => [
           _hoisted_1,
@@ -2417,12 +2432,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040, ["rowClassName", "onChange"]);
+      ]), 1040, ["row-class-name", "onChange"]);
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/index.vue"]]);
 export {
-  index as DtTable,
+  _sfc_main as DtTable,
   useTable
 };