@lx-frontend/wrap-element-ui 2.0.0-beta.1 → 2.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lx-frontend/wrap-element-ui",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "description": "wrap-element-ui Vue 3 + Element Plus 组件库",
   "author": "",
   "main": "src/components/index.ts",

package/src/components/EditableTable/bizHooks/useCellHover.ts

@@ -1,7 +1,52 @@
-import debounce from 'lodash/debounce';
-import throttle from 'lodash/throttle';
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 
+/** 简单实现 debounce */
+function debounce<T extends (...args: any[]) => any>(fn: T, delay: number) {
+  let timer: ReturnType<typeof setTimeout> | null = null;
+  const debounced = (...args: any[]) => {
+    if (timer !== null) clearTimeout(timer);
+    timer = setTimeout(() => {
+      fn(...args);
+      timer = null;
+    }, delay);
+  };
+  debounced.cancel = () => {
+    if (timer !== null) clearTimeout(timer);
+    timer = null;
+  };
+  return debounced as T & { cancel: () => void };
+}
+
+/** 简单实现 throttle */
+function throttle<T extends (...args: any[]) => any>(fn: T, delay: number) {
+  let lastTime = 0;
+  let timer: ReturnType<typeof setTimeout> | null = null;
+  const throttled = (...args: any[]) => {
+    const now = Date.now();
+    const remaining = delay - (now - lastTime);
+    if (remaining <= 0) {
+      if (timer !== null) {
+        clearTimeout(timer);
+        timer = null;
+      }
+      lastTime = now;
+      fn(...args);
+    } else if (timer === null) {
+      timer = setTimeout(() => {
+        lastTime = Date.now();
+        timer = null;
+        fn(...args);
+      }, remaining);
+    }
+  };
+  throttled.cancel = () => {
+    if (timer !== null) clearTimeout(timer);
+    timer = null;
+    lastTime = 0;
+  };
+  return throttled as T & { cancel: () => void };
+}
+
 export function useCellHover(tableDomRef) {
 
   // 鼠标悬浮的行

package/src/components/EditableTable/bizHooks/useDragSort.ts

@@ -1,6 +1,35 @@
 import { onBeforeUnmount, onMounted, ref, Ref } from 'vue';
 import { IColumnConfig, IDraggingData, IEmits, IProps } from "../types"
-import throttle from "lodash/throttle"
+
+/** 简单实现 throttle */
+function throttle<T extends (...args: any[]) => any>(fn: T, delay: number) {
+  let lastTime = 0;
+  let timer: ReturnType<typeof setTimeout> | null = null;
+  const throttled = (...args: any[]) => {
+    const now = Date.now();
+    const remaining = delay - (now - lastTime);
+    if (remaining <= 0) {
+      if (timer !== null) {
+        clearTimeout(timer);
+        timer = null;
+      }
+      lastTime = now;
+      fn(...args);
+    } else if (timer === null) {
+      timer = setTimeout(() => {
+        lastTime = Date.now();
+        timer = null;
+        fn(...args);
+      }, remaining);
+    }
+  };
+  throttled.cancel = () => {
+    if (timer !== null) clearTimeout(timer);
+    timer = null;
+    lastTime = 0;
+  };
+  return throttled as T & { cancel: () => void };
+}
 
 interface IUseDragSortParams {
   props: IProps

package/src/components/EditableTable/index.vue

@@ -332,7 +332,6 @@ import BizTableOperatePopover from './features/bizTableOperatePopover.vue'
 import { computed, nextTick, ref, watch } from 'vue';
 import { ElMessage as Message, ElConfigProvider } from 'element-plus';
 import zhCn from 'element-plus/es/locale/lang/zh-cn';
-import omit from 'lodash/omit';
 
 import {
   usePagination,
@@ -461,6 +460,15 @@ const returnAnyType = (params): any => {
   return params
 }
 
+/** 简单实现 omit，排除对象中指定的 key */
+const omit = <T extends Record<string, any>, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> => {
+  const result = { ...obj } as T;
+  for (const key of keys) {
+    delete result[key];
+  }
+  return result as Omit<T, K>;
+};
+
 const actualColumns = computed(() => {
   const res: IColumnConfig[] = [];
   let cnt = leftFixedColumnCount.value;