@canlooks/can-ui 0.0.171 → 0.0.172

package/dist/cjs/components/curd/curd.js

@@ -143,7 +143,7 @@ exports.Curd = (0, react_1.memo)((props) => {
     const setInnerRows = (data) => {
         setOptions?.(data);
         _setInnerRows(data);
-        containerRef.current.scrollTop = 0;
+        containerRef.current.scrollTop = containerRef.current.scrollLeft = 0;
     };
     const [innerTotal, setInnerTotal] = (0, utils_1.useDerivedState)(props.paginationProps?.total || 0);
     const suppressReload = (0, react_1.useRef)(false);

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

@@ -89,7 +89,7 @@ exports.DataGrid = (0, react_1.memo)(({ slots, slotProps, columns, rows, rowProp
         return new Set(innerExpanded.current);
     }, [innerExpanded.current]);
     const syncOnExpandedChange = (0, utils_1.useSync)(onExpandedChange);
-    const toggleExpanded = (0, react_1.useCallback)((key) => {
+    const toggleExpanded = (key) => {
         const currentExpanded = expandedSet.has(key);
         setInnerExpanded(o => {
             const newExpanded = currentExpanded
@@ -98,7 +98,7 @@ exports.DataGrid = (0, react_1.memo)(({ slots, slotProps, columns, rows, rowProp
             syncOnExpandedChange.current?.(newExpanded, key, !currentExpanded);
             return newExpanded;
         });
-    }, []);
+    };
     /**
      * ---------------------------------------------------------------
      * 分页

package/dist/cjs/components/transitionBase/collapse.js

@@ -17,6 +17,7 @@ const Sweeping = ({ ref, in: _in = false, orientation = 'vertical', collapsedSiz
         return typeof collapsedSize === 'function' ? collapsedSize() : collapsedSize;
     };
     const [size, setSize] = (0, react_1.useState)(() => !_in ? getCollapsedSize() : 'auto');
+    const [transiting, setTransiting] = (0, utils_1.useDerivedState)(true, [_in]);
     const getFullSize = () => {
         const el = innerRef.current;
         let size;
@@ -69,7 +70,13 @@ const Sweeping = ({ ref, in: _in = false, orientation = 'vertical', collapsedSiz
             : collapse();
     }, [_in]);
     return ((0, jsx_runtime_1.jsx)(transitionBase_1.TransitionBase, { ...props, ref: (0, utils_1.cloneRef)(ref, innerRef), in: _in, orientation: orientation, appear: appear, style: {
-            [styleProperty]: size,
+            ...(transiting.current || !_in) && { [styleProperty]: size },
             ...props.style
+        }, onEntered: () => {
+            props.onEntered?.();
+            setTransiting(false);
+        }, onExited: () => {
+            props.onExited?.();
+            setTransiting(false);
         } }));
 };

package/dist/esm/components/curd/curd.js

@@ -140,7 +140,7 @@ export const Curd = memo((props) => {
     const setInnerRows = (data) => {
         setOptions?.(data);
         _setInnerRows(data);
-        containerRef.current.scrollTop = 0;
+        containerRef.current.scrollTop = containerRef.current.scrollLeft = 0;
     };
     const [innerTotal, setInnerTotal] = useDerivedState(props.paginationProps?.total || 0);
     const suppressReload = useRef(false);

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

@@ -85,7 +85,7 @@ export const DataGrid = memo(({ slots, slotProps, columns, rows, rowProps, prima
         return new Set(innerExpanded.current);
     }, [innerExpanded.current]);
     const syncOnExpandedChange = useSync(onExpandedChange);
-    const toggleExpanded = useCallback((key) => {
+    const toggleExpanded = (key) => {
         const currentExpanded = expandedSet.has(key);
         setInnerExpanded(o => {
             const newExpanded = currentExpanded
@@ -94,7 +94,7 @@ export const DataGrid = memo(({ slots, slotProps, columns, rows, rowProps, prima
             syncOnExpandedChange.current?.(newExpanded, key, !currentExpanded);
             return newExpanded;
         });
-    }, []);
+    };
     /**
      * ---------------------------------------------------------------
      * 分页

package/dist/esm/components/transitionBase/collapse.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useLayoutEffect, useRef, useState } from 'react';
 import { TransitionBase } from './transitionBase.js';
-import { cloneRef, useUpdateEffect } from '../../utils/index.js';
+import { cloneRef, useDerivedState, useUpdateEffect } from '../../utils/index.js';
 export const Collapse = ({ transitionType = 'sweeping', ...props }) => {
     const Component = transitionType === 'sweeping' ? Sweeping : TransitionBase;
     return (_jsx(Component, { ...props, _mode: transitionType === 'sweeping' ? '_sweeping' : 'collapse' }));
@@ -13,6 +13,7 @@ const Sweeping = ({ ref, in: _in = false, orientation = 'vertical', collapsedSiz
         return typeof collapsedSize === 'function' ? collapsedSize() : collapsedSize;
     };
     const [size, setSize] = useState(() => !_in ? getCollapsedSize() : 'auto');
+    const [transiting, setTransiting] = useDerivedState(true, [_in]);
     const getFullSize = () => {
         const el = innerRef.current;
         let size;
@@ -65,7 +66,13 @@ const Sweeping = ({ ref, in: _in = false, orientation = 'vertical', collapsedSiz
             : collapse();
     }, [_in]);
     return (_jsx(TransitionBase, { ...props, ref: cloneRef(ref, innerRef), in: _in, orientation: orientation, appear: appear, style: {
-            [styleProperty]: size,
+            ...(transiting.current || !_in) && { [styleProperty]: size },
             ...props.style
+        }, onEntered: () => {
+            props.onEntered?.();
+            setTransiting(false);
+        }, onExited: () => {
+            props.onExited?.();
+            setTransiting(false);
         } }));
 };

package/package.json

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