@canlooks/can-ui 0.0.206 → 0.0.207

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

@@ -7,5 +7,6 @@ export type SelectedListProps<V extends Id = Id> = Omit<TransitionGroupProps, 'r
     value?: V[];
     itemProps?(value: V, index: number): AlertProps | Promise<AlertProps>;
     onClose?(value: V, index: number): void;
+    onSort?(value: V[]): void;
 };
 export declare const SelectedList: <V extends Id = Id>(props: SelectedListProps<V>) => ReactElement;

package/dist/cjs/components/selectedList/selectedList.js

@@ -9,7 +9,7 @@ const react_transition_group_1 = require("react-transition-group");
 const selectionContext_1 = require("../selectionContext");
 const selectedItem_1 = require("./selectedItem");
 const react_2 = require("@dnd-kit/react");
-exports.SelectedList = (0, react_1.memo)(({ value, itemProps, onClose, ...props }) => {
+exports.SelectedList = (0, react_1.memo)(({ value, itemProps, onClose, onSort, ...props }) => {
     const { value: innerValue, setValue: setInnerValue } = (0, selectionContext_1.useSelectionContext)();
     const arr = (0, utils_1.toArray)(value || innerValue);
     const closeHandler = (v, i) => {
@@ -18,7 +18,10 @@ exports.SelectedList = (0, react_1.memo)(({ value, itemProps, onClose, ...props
     };
     const dragEndHandler = e => {
         const newValue = (0, utils_1.onDndDragEnd)(e, arr);
-        newValue && setInnerValue(newValue);
+        if (newValue) {
+            onSort?.(newValue);
+            setInnerValue?.(newValue);
+        }
     };
     return ((0, jsx_runtime_1.jsx)(react_2.DragDropProvider, { sensors: utils_1.defaultSensors, onDragEnd: dragEndHandler, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { ...props, css: selectedList_style_1.style, className: (0, utils_1.clsx)(selectedList_style_1.classes.root, props.className), children: arr?.map((v, i) => (0, jsx_runtime_1.jsx)(selectedItem_1.SelectedItem, { value: v, index: i, itemProps: itemProps, onClose: closeHandler }, v)) }) }));
 });

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

@@ -7,5 +7,6 @@ export type SelectedListProps<V extends Id = Id> = Omit<TransitionGroupProps, 'r
     value?: V[];
     itemProps?(value: V, index: number): AlertProps | Promise<AlertProps>;
     onClose?(value: V, index: number): void;
+    onSort?(value: V[]): void;
 };
 export declare const SelectedList: <V extends Id = Id>(props: SelectedListProps<V>) => ReactElement;

package/dist/esm/components/selectedList/selectedList.js

@@ -6,7 +6,7 @@ import { TransitionGroup } from 'react-transition-group';
 import { useSelectionContext } from '../selectionContext/index.js';
 import { SelectedItem } from './selectedItem.js';
 import { DragDropProvider } from '@dnd-kit/react';
-export const SelectedList = memo(({ value, itemProps, onClose, ...props }) => {
+export const SelectedList = memo(({ value, itemProps, onClose, onSort, ...props }) => {
     const { value: innerValue, setValue: setInnerValue } = useSelectionContext();
     const arr = toArray(value || innerValue);
     const closeHandler = (v, i) => {
@@ -15,7 +15,10 @@ export const SelectedList = memo(({ value, itemProps, onClose, ...props }) => {
     };
     const dragEndHandler = e => {
         const newValue = onDndDragEnd(e, arr);
-        newValue && setInnerValue(newValue);
+        if (newValue) {
+            onSort?.(newValue);
+            setInnerValue?.(newValue);
+        }
     };
     return (_jsx(DragDropProvider, { sensors: defaultSensors, onDragEnd: dragEndHandler, children: _jsx(TransitionGroup, { ...props, css: style, className: clsx(classes.root, props.className), children: arr?.map((v, i) => _jsx(SelectedItem, { value: v, index: i, itemProps: itemProps, onClose: closeHandler }, v)) }) }));
 });

package/package.json

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