@tendaui/components 1.3.0 → 1.3.1

package/color-picker/utils/color-picker/types.ts

@@ -1,33 +1,33 @@
-import { ALPHA_FORMAT_MAP, FORMATS } from "./constants";
-
-/**
- * 非透明色类型
- */
-export type BasicColorFormat = (typeof FORMATS)[number];
-
-/**
- * 支持转为透明格式的非透明色类型
- */
-export type AlphaConvertibleFormat = keyof typeof ALPHA_FORMAT_MAP;
-
-/**
- * 透明色类型
- */
-export type AlphaColorFormat = (typeof ALPHA_FORMAT_MAP)[AlphaConvertibleFormat];
-
-/**
- * 完整的颜色格式类型
- */
-export type ColorFormat = BasicColorFormat | AlphaColorFormat;
-
-/**
- * 不同颜色格式对应的输入框配置
- */
-export interface ColorInputProp {
-  key: string;
-  min?: number;
-  max?: number;
-  type: "input" | "inputNumber";
-  flex?: number;
-  format?: Function;
-}
+import { ALPHA_FORMAT_MAP, FORMATS } from "./constants";
+
+/**
+ * 非透明色类型
+ */
+export type BasicColorFormat = (typeof FORMATS)[number];
+
+/**
+ * 支持转为透明格式的非透明色类型
+ */
+export type AlphaConvertibleFormat = keyof typeof ALPHA_FORMAT_MAP;
+
+/**
+ * 透明色类型
+ */
+export type AlphaColorFormat = (typeof ALPHA_FORMAT_MAP)[AlphaConvertibleFormat];
+
+/**
+ * 完整的颜色格式类型
+ */
+export type ColorFormat = BasicColorFormat | AlphaColorFormat;
+
+/**
+ * 不同颜色格式对应的输入框配置
+ */
+export interface ColorInputProp {
+  key: string;
+  min?: number;
+  max?: number;
+  type: "input" | "inputNumber";
+  flex?: number;
+  format?: Function;
+}

package/dialog/hooks/useDialogPosition.ts

@@ -1,35 +1,35 @@
-import { RefObject, useEffect, useRef } from "react";
-import useIsomorphicLayoutEffect from "../../hooks/useLayoutEffect";
-type Position = { x: number; y: number };
-export default function useDialogPosition(visible: boolean | undefined, dialogCardRef: RefObject<HTMLElement | null>) {
-  const mousePosRef = useRef<Position>(null);
-
-  const getClickPosition = (e: MouseEvent) => {
-    if (mousePosRef) {
-      mousePosRef.current = {
-        x: e.clientX,
-        y: e.clientY
-      };
-      setTimeout(() => {
-        mousePosRef.current = null;
-      }, 100);
-    }
-  };
-
-  useIsomorphicLayoutEffect(() => {
-    document.addEventListener("click", getClickPosition, true);
-    return () => {
-      document.removeEventListener("click", getClickPosition, true);
-    };
-  }, []);
-
-  useEffect(() => {
-    if (!visible) return;
-    // 动画渲染初始位置
-    if (mousePosRef.current && dialogCardRef.current) {
-      dialogCardRef.current.style.transformOrigin = `${mousePosRef.current.x - dialogCardRef.current.offsetLeft}px ${
-        mousePosRef.current.y - dialogCardRef.current.offsetTop
-      }px`;
-    }
-  }, [visible, dialogCardRef]);
-}
+import { RefObject, useEffect, useRef } from "react";
+import useIsomorphicLayoutEffect from "../../hooks/useLayoutEffect";
+type Position = { x: number; y: number };
+export default function useDialogPosition(visible: boolean | undefined, dialogCardRef: RefObject<HTMLElement | null>) {
+  const mousePosRef = useRef<Position>(null);
+
+  const getClickPosition = (e: MouseEvent) => {
+    if (mousePosRef) {
+      mousePosRef.current = {
+        x: e.clientX,
+        y: e.clientY
+      };
+      setTimeout(() => {
+        mousePosRef.current = null;
+      }, 100);
+    }
+  };
+
+  useIsomorphicLayoutEffect(() => {
+    document.addEventListener("click", getClickPosition, true);
+    return () => {
+      document.removeEventListener("click", getClickPosition, true);
+    };
+  }, []);
+
+  useEffect(() => {
+    if (!visible) return;
+    // 动画渲染初始位置
+    if (mousePosRef.current && dialogCardRef.current) {
+      dialogCardRef.current.style.transformOrigin = `${mousePosRef.current.x - dialogCardRef.current.offsetLeft}px ${
+        mousePosRef.current.y - dialogCardRef.current.offsetTop
+      }px`;
+    }
+  }, [visible, dialogCardRef]);
+}