@tendaui/components 1.0.0 → 1.0.2

package/utils/log/index.ts

@@ -0,0 +1,3 @@
+import log from './log';
+
+export default log;

package/utils/log/log.ts

@@ -0,0 +1,30 @@
+/* eslint-disable no-console */
+import { Log } from './types';
+
+const logSet = new Set();
+
+const log: Log = {
+  warn(componentName, message): void {
+    console.warn(`TDesign ${componentName} Warn: ${message}`);
+  },
+  warnOnce(componentName, message): void {
+    const msgContent = `TDesign ${componentName} Warn: ${message}`;
+    if (logSet.has(msgContent)) return;
+    logSet.add(msgContent);
+    console.warn(msgContent);
+  },
+  error(componentName, message): void {
+    console.error(`TDesign ${componentName} Error: ${message}`);
+  },
+  errorOnce(componentName, message): void {
+    const msgContent = `TDesign ${componentName} Error: ${message}`;
+    if (logSet.has(msgContent)) return;
+    logSet.add(msgContent);
+    console.error(msgContent);
+  },
+  info(componentName, message): void {
+    console.info(`TDesign ${componentName} Info: ${message}`);
+  },
+};
+
+export default log;

package/utils/log/types.ts

@@ -0,0 +1,12 @@
+export type LogFunction = (
+  componentName: string,
+  message: string,
+) => void;
+
+export interface Log {
+  warn: LogFunction;
+  warnOnce: LogFunction;
+  error: LogFunction;
+  errorOnce: LogFunction;
+  info: LogFunction;
+}

package/utils/number.ts

@@ -0,0 +1,21 @@
+export const numberToPercent = (number: number) => `${number * 100}%`;
+
+/**
+ * 精确加法函数，避免 JavaScript 浮点误差
+ * - 浮点运算会导致类似 0.1 + 0.2 = 0.30000000000000004 的问题
+ * - 该函数通过将数字放大为整数进行运算，再缩小回原精度，得到更精确的结果
+ */
+export function accAdd(num1: number, num2: number): number {
+  // 获取每个数字的小数位长度
+  const precision1 = (num1.toString().split(".")[1] || "").length;
+  const precision2 = (num2.toString().split(".")[1] || "").length;
+
+  // 取两者中较大的小数位长度，用于计算放大倍数
+  const scale = 10 ** Math.max(precision1, precision2);
+
+  // 将小数放大为整数
+  const sum = Math.round(num1 * scale) + Math.round(num2 * scale);
+
+  // 缩放回原精度，得到最终结果
+  return sum / scale;
+}

package/utils/scroll.ts

@@ -0,0 +1,26 @@
+export function hasBodyScrollbar() {
+  return document.body.scrollHeight > document.documentElement.clientHeight;
+}
+export function getScrollbarWidthWithCSS() {
+  const defaultScrollbarWidth = 6;
+  if (typeof navigator === "undefined" || !navigator) return defaultScrollbarWidth;
+  if (/(Chrome|Safari)/i.test(navigator.userAgent)) return defaultScrollbarWidth;
+  const scrollDiv = document.createElement("div");
+  scrollDiv.style.cssText = "width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;";
+  document.body.appendChild(scrollDiv);
+  let scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+  document.body.removeChild(scrollDiv);
+  // 火狐浏览器需要再减去 4
+  if (/Firefox/.test(navigator.userAgent)) {
+    scrollbarWidth -= 4;
+  }
+
+  return scrollbarWidth;
+}
+
+export function getScrollbarWidth(container: HTMLElement = document.body) {
+  if (container === document.body) {
+    return window.innerWidth - document.documentElement.clientWidth;
+  }
+  return container.offsetWidth - container.clientWidth;
+}

package/utils/style.ts

@@ -33,8 +33,7 @@ export const addClass = function (el: Element, cls: string) {
     }
   }
   if (!el.classList) {
-    // eslint-disable-next-line
-    el.className = curClass;
+    el.className = curClass;
   }
 };
 
@@ -54,7 +53,6 @@ export const removeClass = function (el: Element, cls: string) {
     }
   }
   if (!el.classList) {
-    // eslint-disable-next-line
-    el.className = trim(curClass);
+    el.className = trim(curClass);
   }
 };