@canlooks/can-ui 0.0.65 → 0.0.67

package/dist/cjs/components/dataGrid/dataGrid.style.js

@@ -23,6 +23,7 @@ exports.style = (0, utils_1.defineCss)(({ spacing, mode, gray, text, colors, eas
     min-height: 0;
     
     .${loading_style_1.classes.container} {
+        height: auto;
         display: flex;
         flex-direction: column;
     }

package/dist/cjs/components/popper/popper.js

@@ -38,7 +38,6 @@ function Popper({ ref, popperRef, anchorElement, container = document.body, cont
     const unmounted = (0, utils_1.useUnmounted)();
     const openHolding = (0, react_1.useRef)(0);
     const hold = (open) => {
-        console.log('hold', open);
         return open ? ++openHolding.current
             : openHolding.current > 0 ? --openHolding.current
                 : openHolding.current;
@@ -358,7 +357,12 @@ function Popper({ ref, popperRef, anchorElement, container = document.body, cont
     const hoverable = triggersSet.has('hover');
     const enterTimeout = (0, react_1.useRef)(void 0);
     const leaveTimeout = (0, react_1.useRef)(void 0);
-    const pointerEnter = (e) => {
+    const isEntered = (0, react_1.useRef)(false);
+    const pointerEnter = () => {
+        if (isEntered.current) {
+            return;
+        }
+        isEntered.current = true;
         hold(true);
         clearTimeout(enterTimeout.current);
         mouseEnterDelay
@@ -366,6 +370,7 @@ function Popper({ ref, popperRef, anchorElement, container = document.body, cont
             : setInnerOpen(true);
     };
     const pointerLeave = () => {
+        isEntered.current = false;
         hold(false);
         clearTimeout(leaveTimeout.current);
         mouseLeaveDelay

package/dist/cjs/components/upload/upload.d.ts

@@ -3,18 +3,18 @@ import { DivProps } from '../../types';
 import { ButtonProps } from '../button';
 import { DropArea } from './dropArea';
 export type UploadStatus = 'default' | 'uploading' | 'success' | 'error';
-export interface UploadFile<R, A extends any[]> extends File {
+export interface UploadFile<R = any, A extends any[] = any[]> extends File {
     id: string;
     progress?: number;
     status?: UploadStatus;
     url?: string;
     upload?(...args: A): Promise<R | undefined>;
 }
-export interface UploadSharedProps<R, A extends any[]> {
+export interface UploadSharedProps<R = any, A extends any[] = any[]> {
     type?: 'file' | 'image';
     onUpload?(files: UploadFile<R, A>[], setProgress: Dispatch<SetStateAction<number>>, ...args: A): Promise<R>;
 }
-export interface UploadProps<R, A extends any[]> extends UploadSharedProps<R, A>, Omit<DivProps, 'defaultValue' | 'onChange'> {
+export interface UploadProps<R = any, A extends any[] = any[]> extends UploadSharedProps<R, A>, Omit<DivProps, 'defaultValue' | 'onChange'> {
     inputProps?: JSX.IntrinsicElements['input'];
     accept?: string;
     max?: number;
@@ -40,6 +40,6 @@ export interface UploadRef<R = any, A extends any[] = any[]> extends HTMLDivElem
     upload(...args: A): Promise<R | undefined>;
 }
 export declare const Upload: {
-    <R, A extends any[]>(props: UploadProps<R, A>): ReactElement;
+    <R = any, A extends any[] = any[]>(props: UploadProps<R, A>): ReactElement;
     DropArea: typeof DropArea;
 };

package/dist/esm/components/dataGrid/dataGrid.style.js

@@ -20,6 +20,7 @@ export const style = defineCss(({ spacing, mode, gray, text, colors, easing }) =
     min-height: 0;
     
     .${loadingClasses.container} {
+        height: auto;
         display: flex;
         flex-direction: column;
     }

package/dist/esm/components/popper/popper.js

@@ -35,7 +35,6 @@ export function Popper({ ref, popperRef, anchorElement, container = document.bod
     const unmounted = useUnmounted();
     const openHolding = useRef(0);
     const hold = (open) => {
-        console.log('hold', open);
         return open ? ++openHolding.current
             : openHolding.current > 0 ? --openHolding.current
                 : openHolding.current;
@@ -355,7 +354,12 @@ export function Popper({ ref, popperRef, anchorElement, container = document.bod
     const hoverable = triggersSet.has('hover');
     const enterTimeout = useRef(void 0);
     const leaveTimeout = useRef(void 0);
-    const pointerEnter = (e) => {
+    const isEntered = useRef(false);
+    const pointerEnter = () => {
+        if (isEntered.current) {
+            return;
+        }
+        isEntered.current = true;
         hold(true);
         clearTimeout(enterTimeout.current);
         mouseEnterDelay
@@ -363,6 +367,7 @@ export function Popper({ ref, popperRef, anchorElement, container = document.bod
             : setInnerOpen(true);
     };
     const pointerLeave = () => {
+        isEntered.current = false;
         hold(false);
         clearTimeout(leaveTimeout.current);
         mouseLeaveDelay

package/dist/esm/components/upload/upload.d.ts

@@ -3,18 +3,18 @@ import { DivProps } from '../../types';
 import { ButtonProps } from '../button';
 import { DropArea } from './dropArea';
 export type UploadStatus = 'default' | 'uploading' | 'success' | 'error';
-export interface UploadFile<R, A extends any[]> extends File {
+export interface UploadFile<R = any, A extends any[] = any[]> extends File {
     id: string;
     progress?: number;
     status?: UploadStatus;
     url?: string;
     upload?(...args: A): Promise<R | undefined>;
 }
-export interface UploadSharedProps<R, A extends any[]> {
+export interface UploadSharedProps<R = any, A extends any[] = any[]> {
     type?: 'file' | 'image';
     onUpload?(files: UploadFile<R, A>[], setProgress: Dispatch<SetStateAction<number>>, ...args: A): Promise<R>;
 }
-export interface UploadProps<R, A extends any[]> extends UploadSharedProps<R, A>, Omit<DivProps, 'defaultValue' | 'onChange'> {
+export interface UploadProps<R = any, A extends any[] = any[]> extends UploadSharedProps<R, A>, Omit<DivProps, 'defaultValue' | 'onChange'> {
     inputProps?: JSX.IntrinsicElements['input'];
     accept?: string;
     max?: number;
@@ -40,6 +40,6 @@ export interface UploadRef<R = any, A extends any[] = any[]> extends HTMLDivElem
     upload(...args: A): Promise<R | undefined>;
 }
 export declare const Upload: {
-    <R, A extends any[]>(props: UploadProps<R, A>): ReactElement;
+    <R = any, A extends any[] = any[]>(props: UploadProps<R, A>): ReactElement;
     DropArea: typeof DropArea;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canlooks/can-ui",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "author": "C.CanLiang <canlooks@gmail.com>",
   "description": "My ui framework",
   "license": "MIT",