@canlooks/can-ui 0.0.65 → 0.0.66

package/dist/cjs/components/button/button.js

@@ -31,7 +31,7 @@ const Button = ({ component: Component = 'button', color = 'primary', shape = 's
                 ? actualPrefix
                     ? (0, jsx_runtime_1.jsx)(loadingIndicator_1.LoadingIndicator, { color: reverseTextColor })
                     : (0, jsx_runtime_1.jsx)(transitionBase_1.Collapse, { orientation: "horizontal", in: true, children: (0, jsx_runtime_1.jsx)(loadingIndicator_1.LoadingIndicator, { color: reverseTextColor }) })
-                : actualPrefix, !!actualChildren &&
+                : (0, jsx_runtime_1.jsx)("div", { className: button_style_1.classes.prefix, children: actualPrefix }), !!actualChildren &&
                 (0, jsx_runtime_1.jsx)("div", { className: button_style_1.classes.content, children: actualChildren }), !!suffix &&
                 (0, jsx_runtime_1.jsx)("div", { className: button_style_1.classes.suffix, children: suffix })] }));
 };

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

@@ -358,7 +358,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 +371,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/button/button.js

@@ -28,7 +28,7 @@ export const Button = ({ component: Component = 'button', color = 'primary', sha
                 ? actualPrefix
                     ? _jsx(LoadingIndicator, { color: reverseTextColor })
                     : _jsx(Collapse, { orientation: "horizontal", in: true, children: _jsx(LoadingIndicator, { color: reverseTextColor }) })
-                : actualPrefix, !!actualChildren &&
+                : _jsx("div", { className: classes.prefix, children: actualPrefix }), !!actualChildren &&
                 _jsx("div", { className: classes.content, children: actualChildren }), !!suffix &&
                 _jsx("div", { className: classes.suffix, children: suffix })] }));
 };

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

@@ -355,7 +355,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 +368,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.66",
   "author": "C.CanLiang <canlooks@gmail.com>",
   "description": "My ui framework",
   "license": "MIT",