@laser-ui/components 2.3.5 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/accordion/Accordion.d.ts +0 -1
- package/accordion/types.d.ts +0 -1
- package/affix/Affix.d.ts +0 -1
- package/affix/types.d.ts +0 -1
- package/alert/Alert.d.ts +0 -1
- package/alert/types.d.ts +0 -1
- package/anchor/Anchor.d.ts +0 -1
- package/anchor/types.d.ts +0 -1
- package/avatar/Avatar.d.ts +0 -1
- package/avatar/types.d.ts +0 -1
- package/badge/Badge.d.ts +0 -1
- package/badge/internal/BadgeNumber.d.ts +0 -1
- package/badge/types.d.ts +0 -1
- package/base-input/types.d.ts +0 -1
- package/breadcrumb/Breadcrumb.d.ts +0 -1
- package/breadcrumb/types.d.ts +0 -1
- package/button/types.d.ts +0 -1
- package/card/Card.d.ts +0 -1
- package/card/CardAction.d.ts +0 -1
- package/card/CardActions.d.ts +0 -1
- package/card/CardContent.d.ts +0 -1
- package/card/CardHeader.d.ts +0 -1
- package/card/types.d.ts +0 -1
- package/cascader/Cascader.d.ts +0 -1
- package/cascader/Cascader.js +9 -7
- package/cascader/internal/CascaderPanel.d.ts +1 -1
- package/cascader/internal/CascaderPanel.js +7 -3
- package/cascader/internal/CascaderSearchPanel.d.ts +1 -1
- package/cascader/internal/CascaderSearchPanel.js +2 -2
- package/cascader/internal/types.d.ts +0 -1
- package/cascader/types.d.ts +1 -1
- package/checkbox/Checkbox.d.ts +0 -1
- package/checkbox/CheckboxGroup.d.ts +0 -1
- package/checkbox/types.d.ts +0 -1
- package/circular-progress/CircularProgress.d.ts +0 -1
- package/compose/Compose.d.ts +0 -1
- package/compose/ComposeItem.d.ts +0 -1
- package/compose/types.d.ts +0 -1
- package/config-provider/ConfigProvider.d.ts +0 -1
- package/config-provider/types.d.ts +0 -1
- package/context/index.d.ts +0 -1
- package/date-picker/DatePicker.d.ts +0 -1
- package/date-picker/DatePicker.js +8 -4
- package/date-picker/internal/DatePickerPanel.d.ts +0 -1
- package/date-picker/types.d.ts +0 -1
- package/dialog-service.d.ts +0 -1
- package/drawer/Drawer.d.ts +0 -1
- package/drawer/DrawerFooter.d.ts +0 -1
- package/drawer/DrawerHeader.d.ts +0 -1
- package/drawer/types.d.ts +0 -1
- package/drawer/vars.d.ts +0 -1
- package/dropdown/Dropdown.d.ts +0 -1
- package/dropdown/internal/DropdownList.d.ts +0 -1
- package/dropdown/internal/DropdownList.js +6 -6
- package/dropdown/internal/DropdownSub.d.ts +0 -1
- package/dropdown/types.d.ts +0 -1
- package/dropdown/utils.d.ts +0 -1
- package/empty/Empty.d.ts +0 -1
- package/empty/types.d.ts +0 -1
- package/fab/Fab.d.ts +0 -1
- package/fab/FabBacktop.d.ts +0 -1
- package/fab/FabButton.d.ts +0 -1
- package/fab/types.d.ts +0 -1
- package/fab/vars.d.ts +0 -1
- package/form/Form.d.ts +0 -1
- package/form/FormItem.d.ts +0 -1
- package/form/internal/FormError.d.ts +0 -1
- package/form/types.d.ts +0 -1
- package/form/vars.d.ts +0 -1
- package/hooks/useContainerScrolling.d.ts +0 -1
- package/hooks/useFocusVisible.d.ts +0 -1
- package/hooks/useLayout.d.ts +0 -1
- package/hooks/useNestedPopup.d.ts +0 -1
- package/hooks/useStyled.d.ts +0 -1
- package/hooks/useStyled.js +0 -2
- package/hooks/useZIndex.js +5 -2
- package/icon/Icon.d.ts +0 -1
- package/icon/types.d.ts +0 -1
- package/image/Image.d.ts +0 -1
- package/image/ImageAction.d.ts +0 -1
- package/image/ImageLoader.d.ts +0 -1
- package/image/ImagePreview.d.ts +0 -1
- package/image/types.d.ts +0 -1
- package/input/Input.d.ts +0 -1
- package/input/types.d.ts +0 -1
- package/internal/lazy-loading/LazyLoading.d.ts +0 -1
- package/internal/lazy-loading/types.d.ts +0 -1
- package/internal/popup/Popup.d.ts +0 -1
- package/internal/popup/types.d.ts +0 -1
- package/internal/portal/Portal.d.ts +0 -1
- package/internal/portal/types.d.ts +0 -1
- package/mask/Mask.d.ts +0 -1
- package/mask/types.d.ts +0 -1
- package/menu/Menu.d.ts +0 -1
- package/menu/Menu.js +6 -6
- package/menu/internal/MenuGroup.d.ts +0 -1
- package/menu/internal/MenuItem.d.ts +0 -1
- package/menu/internal/MenuSub.d.ts +0 -1
- package/menu/types.d.ts +0 -1
- package/menu/utils.d.ts +0 -1
- package/modal/Modal.d.ts +0 -1
- package/modal/ModalAlert.d.ts +0 -1
- package/modal/ModalFooter.d.ts +0 -1
- package/modal/ModalHeader.d.ts +0 -1
- package/modal/types.d.ts +0 -1
- package/modal/vars.d.ts +0 -1
- package/notification/Notification.d.ts +0 -1
- package/notification/types.d.ts +0 -1
- package/package.json +2 -2
- package/pagination/Pagination.d.ts +0 -1
- package/pagination/types.d.ts +0 -1
- package/pagination/utils.d.ts +1 -2
- package/popover/Popover.d.ts +0 -1
- package/popover/PopoverFooter.d.ts +0 -1
- package/popover/PopoverHeader.d.ts +0 -1
- package/popover/types.d.ts +0 -1
- package/popover/vars.d.ts +0 -1
- package/progress/Progress.d.ts +0 -1
- package/progress/types.d.ts +0 -1
- package/radio/Radio.d.ts +0 -1
- package/radio/RadioGroup.d.ts +0 -1
- package/radio/types.d.ts +0 -1
- package/radio/vars.d.ts +1 -2
- package/rating/Rating.d.ts +0 -1
- package/rating/internal/RatingStar.d.ts +0 -1
- package/rating/types.d.ts +0 -1
- package/root/Dialogs.d.ts +0 -1
- package/root/Root.d.ts +0 -1
- package/root/types.d.ts +0 -1
- package/root/vars.d.ts +0 -1
- package/select/Select.d.ts +0 -1
- package/select/Select.js +2 -4
- package/select/types.d.ts +0 -1
- package/separator/Separator.d.ts +0 -1
- package/separator/types.d.ts +0 -1
- package/skeleton/Skeleton.d.ts +0 -1
- package/skeleton/types.d.ts +0 -1
- package/slider/Slider.d.ts +0 -1
- package/slider/types.d.ts +0 -1
- package/slides/Slides.d.ts +0 -1
- package/slides/Slides.js +5 -5
- package/slides/types.d.ts +0 -1
- package/spinner/Spinner.d.ts +0 -1
- package/spinner/types.d.ts +0 -1
- package/stepper/Stepper.d.ts +0 -1
- package/stepper/types.d.ts +0 -1
- package/switch/types.d.ts +0 -1
- package/table/Table.d.ts +0 -1
- package/table/TableEmpty.d.ts +0 -1
- package/table/TableExpand.d.ts +0 -1
- package/table/TableFilter.d.ts +0 -1
- package/table/TableTd.d.ts +0 -1
- package/table/TableTh.d.ts +0 -1
- package/table/TableThAction.d.ts +0 -1
- package/table/internal/TableCell.d.ts +0 -1
- package/table/types.d.ts +0 -1
- package/table/vars.d.ts +0 -1
- package/tabs/Tabs.d.ts +0 -1
- package/tabs/types.d.ts +0 -1
- package/tag/Tag.d.ts +0 -1
- package/tag/types.d.ts +0 -1
- package/textarea/Textarea.d.ts +0 -1
- package/textarea/types.d.ts +0 -1
- package/time-picker/TimePicker.d.ts +0 -1
- package/time-picker/internal/TimePickerPanel.d.ts +0 -1
- package/time-picker/types.d.ts +0 -1
- package/timeline/Timeline.d.ts +0 -1
- package/timeline/types.d.ts +0 -1
- package/toast/Toast.d.ts +0 -1
- package/toast/types.d.ts +0 -1
- package/tooltip/Tooltip.d.ts +0 -1
- package/tooltip/types.d.ts +0 -1
- package/transfer/Transfer.d.ts +0 -1
- package/transfer/Transfer.js +4 -5
- package/transfer/internal/TransferPanel.d.ts +0 -1
- package/transfer/types.d.ts +0 -1
- package/transition/CollapseTransition.d.ts +0 -1
- package/transition/Transition.d.ts +0 -1
- package/transition/types.d.ts +0 -1
- package/tree/Tree.d.ts +0 -1
- package/tree/internal/TreePanel.d.ts +0 -1
- package/tree/node/abstract-node.d.ts +0 -1
- package/tree/node/multiple-node.d.ts +0 -1
- package/tree/node/single-node.d.ts +0 -1
- package/tree/types.d.ts +0 -1
- package/tree/utils.d.ts +0 -1
- package/tree-select/TreeSelect.d.ts +0 -1
- package/tree-select/TreeSelect.js +2 -4
- package/tree-select/internal/TreeSelectSearchPanel.d.ts +0 -1
- package/tree-select/internal/types.d.ts +0 -1
- package/tree-select/types.d.ts +0 -1
- package/types.d.ts +0 -1
- package/upload/Upload.d.ts +0 -1
- package/upload/Upload.js +4 -3
- package/upload/UploadAction.d.ts +0 -1
- package/upload/UploadButton.d.ts +0 -1
- package/upload/UploadList.d.ts +0 -1
- package/upload/UploadPicture.d.ts +0 -1
- package/upload/UploadPictureList.d.ts +0 -1
- package/upload/UploadPreviewAction.d.ts +0 -1
- package/upload/hooks.d.ts +0 -1
- package/upload/types.d.ts +0 -1
- package/upload/vars.d.ts +5 -6
- package/utils/handleModalKeyDown.d.ts +0 -1
- package/utils/mergeCS.d.ts +0 -1
- package/virtual-scroll/VirtualScroll.d.ts +0 -1
- package/virtual-scroll/types.d.ts +0 -1
- package/wave/Wave.d.ts +0 -1
- package/wave/types.d.ts +0 -1
package/hooks/useStyled.js
CHANGED
|
@@ -5,7 +5,6 @@ export function useStyled(classes, styleProvider, styleOverrides) {
|
|
|
5
5
|
const context = use(LContext);
|
|
6
6
|
const classRoot = {};
|
|
7
7
|
Object.keys(styleProvider).forEach((key) => {
|
|
8
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
9
8
|
classRoot[key] = isUndefined(styleProvider[key]) ? `${context.namespace}-${key}` : styleProvider[key];
|
|
10
9
|
});
|
|
11
10
|
const prevClassRoot = useRef(classRoot);
|
|
@@ -49,7 +48,6 @@ export function useStyled(classes, styleProvider, styleOverrides) {
|
|
|
49
48
|
const handleKey = (classKey) => {
|
|
50
49
|
let remove = false;
|
|
51
50
|
if (styleOverrides && styleOverrides[classKey]) {
|
|
52
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
53
51
|
const styleOverride = styleOverrides[classKey];
|
|
54
52
|
if (styleOverride.remove) {
|
|
55
53
|
remove = true;
|
package/hooks/useZIndex.js
CHANGED
|
@@ -6,8 +6,11 @@ export function useZIndex(visible) {
|
|
|
6
6
|
const [zIndex, setZIndex] = useState(0);
|
|
7
7
|
useIsomorphicLayoutEffect(() => {
|
|
8
8
|
if (visible) {
|
|
9
|
-
|
|
10
|
-
const
|
|
9
|
+
let zIndex = 1;
|
|
10
|
+
const end = Array.from(ZINDEX).at(-1);
|
|
11
|
+
if (end) {
|
|
12
|
+
zIndex = end[1] + 1;
|
|
13
|
+
}
|
|
11
14
|
ZINDEX.set(id, zIndex);
|
|
12
15
|
setZIndex(zIndex);
|
|
13
16
|
return () => {
|
package/icon/Icon.d.ts
CHANGED
package/icon/types.d.ts
CHANGED
package/image/Image.d.ts
CHANGED
package/image/ImageAction.d.ts
CHANGED
package/image/ImageLoader.d.ts
CHANGED
package/image/ImagePreview.d.ts
CHANGED
package/image/types.d.ts
CHANGED
package/input/Input.d.ts
CHANGED
package/input/types.d.ts
CHANGED
package/mask/Mask.d.ts
CHANGED
package/mask/types.d.ts
CHANGED
package/menu/Menu.d.ts
CHANGED
package/menu/Menu.js
CHANGED
|
@@ -290,12 +290,12 @@ export function Menu(props) {
|
|
|
290
290
|
return (_jsx(Fragment, { children: itemType === 'item' ? (_jsx(MenuItemFC, { namespace: namespace, styled: styled, id: id, level: level, space: space, step: step, icon: itemIcon,
|
|
291
291
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
292
292
|
posinset: posinset.get(itemId), mode: mode, inNav: inNav, active: active === itemId, focus: focusVisible && isFocus, disabled: itemDisabled, onClick: handleItemClick, children: itemTitle })) : itemType === 'group' ? (_jsx(MenuGroup, { styled: styled, id: id, level: level, space: space, step: step, list: children && getNodes(children, level + 1, nextSubParents), empty: isEmpty, children: itemTitle })) : (_jsx(MenuSub, { ref: (instance) => {
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
}
|
|
293
|
+
if (instance) {
|
|
294
|
+
updateSubPosition.current.set(itemId, instance);
|
|
295
|
+
return () => {
|
|
296
|
+
updateSubPosition.current.delete(itemId);
|
|
297
|
+
};
|
|
298
|
+
}
|
|
299
299
|
}, namespace: namespace, styled: styled, id: id, level: level, space: space, step: step, icon: itemIcon, list: children && getNodes(children, mode === 'vertical' ? level + 1 : 0, nextSubParents), popupState: popupState === null || popupState === void 0 ? void 0 : popupState.visible, trigger: expandTrigger !== null && expandTrigger !== void 0 ? expandTrigger : (mode === 'vertical' ? 'click' : 'hover'),
|
|
300
300
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
301
301
|
posinset: posinset.get(itemId), mode: mode, inNav: inNav, active: (mode === 'vertical' ? !isExpand : isUndefined(popupState)) && actives.includes(itemId), includeActive: actives.includes(itemId), expand: isExpand, empty: isEmpty, focus: focusVisible && isFocus, disabled: itemDisabled, onVisibleChange: (visible) => {
|
package/menu/types.d.ts
CHANGED
package/menu/utils.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { MenuItem } from './types';
|
|
3
2
|
export declare function checkEnableItem<ID extends React.Key, T extends MenuItem<ID>>(item: T): boolean;
|
|
4
3
|
export declare function getSameLevelEnableItems<ID extends React.Key, T extends MenuItem<ID>>(arr: T[]): T[];
|
package/modal/Modal.d.ts
CHANGED
package/modal/ModalAlert.d.ts
CHANGED
package/modal/ModalFooter.d.ts
CHANGED
package/modal/ModalHeader.d.ts
CHANGED
package/modal/types.d.ts
CHANGED
package/modal/vars.d.ts
CHANGED
package/notification/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@laser-ui/components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"description": "React components.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui",
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"access": "public",
|
|
38
38
|
"directory": "../../dist/libs/components"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "27f4c8861d51f0fbc8e83ef36df60fdac59afeb3"
|
|
41
41
|
}
|
package/pagination/types.d.ts
CHANGED
package/pagination/utils.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function buttonProps(handleClick: () => void, disabled?: boolean): import("react").HTMLAttributes<HTMLElement>;
|
|
1
|
+
export declare function buttonProps(handleClick: () => void, disabled?: boolean): React.HTMLAttributes<HTMLElement>;
|
package/popover/Popover.d.ts
CHANGED
package/popover/types.d.ts
CHANGED
package/popover/vars.d.ts
CHANGED
package/progress/Progress.d.ts
CHANGED
package/progress/types.d.ts
CHANGED
package/radio/Radio.d.ts
CHANGED
package/radio/RadioGroup.d.ts
CHANGED
package/radio/types.d.ts
CHANGED
package/radio/vars.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { Size } from '../types';
|
|
3
2
|
export declare const CLASSES: {
|
|
4
3
|
radio: string;
|
|
@@ -15,6 +14,6 @@ export declare const CLASSES: {
|
|
|
15
14
|
radio__label: string;
|
|
16
15
|
};
|
|
17
16
|
export declare const RadioGroupContext: import("react").Context<{
|
|
18
|
-
pattern?: "
|
|
17
|
+
pattern?: "outline" | "fill";
|
|
19
18
|
size: Size;
|
|
20
19
|
} | undefined>;
|
package/rating/Rating.d.ts
CHANGED
package/rating/types.d.ts
CHANGED
package/root/Dialogs.d.ts
CHANGED
package/root/Root.d.ts
CHANGED
package/root/types.d.ts
CHANGED
package/root/vars.d.ts
CHANGED
package/select/Select.d.ts
CHANGED
package/select/Select.js
CHANGED
|
@@ -90,10 +90,8 @@ export function Select(props) {
|
|
|
90
90
|
if (!hasSearch) {
|
|
91
91
|
return [];
|
|
92
92
|
}
|
|
93
|
-
const
|
|
94
|
-
|
|
95
|
-
: // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
96
|
-
(item) => customSearch.filter(searchValue, item);
|
|
93
|
+
const customFilterFn = customSearch && customSearch.filter ? customSearch.filter : undefined;
|
|
94
|
+
const filterFn = customFilterFn ? (item) => customFilterFn(searchValue, item) : (item) => item.label.includes(searchValue);
|
|
97
95
|
const sortFn = customSearch === null || customSearch === void 0 ? void 0 : customSearch.sort;
|
|
98
96
|
let itemCreated = createItem === null || createItem === void 0 ? void 0 : createItem(searchValue);
|
|
99
97
|
if (itemCreated) {
|
package/select/types.d.ts
CHANGED
package/separator/Separator.d.ts
CHANGED
package/separator/types.d.ts
CHANGED
package/skeleton/Skeleton.d.ts
CHANGED
package/skeleton/types.d.ts
CHANGED
package/slider/Slider.d.ts
CHANGED
package/slider/types.d.ts
CHANGED
package/slides/Slides.d.ts
CHANGED
package/slides/Slides.js
CHANGED
|
@@ -152,20 +152,20 @@ export function Slides(props) {
|
|
|
152
152
|
setDragOpacity(undefined);
|
|
153
153
|
};
|
|
154
154
|
useIsomorphicLayoutEffect(() => {
|
|
155
|
-
|
|
155
|
+
const slidesEl = slidesRef.current;
|
|
156
|
+
if (slidesEl) {
|
|
156
157
|
let size = 0;
|
|
157
|
-
const slideEls =
|
|
158
|
+
const slideEls = slidesEl.querySelectorAll(`.${namespace}-slides__slide`);
|
|
158
159
|
slideEls.forEach((el) => {
|
|
159
160
|
const index = Number(el.dataset['index']);
|
|
160
161
|
if (index < activeIndex) {
|
|
161
162
|
size += el[vertical ? 'offsetHeight' : 'offsetWidth'];
|
|
162
163
|
}
|
|
163
164
|
else if (index === activeIndex) {
|
|
164
|
-
|
|
165
|
-
slidesRef.current.style.height = el.offsetHeight + 'px';
|
|
165
|
+
slidesEl.style.height = el.offsetHeight + 'px';
|
|
166
166
|
}
|
|
167
167
|
});
|
|
168
|
-
const containerEl =
|
|
168
|
+
const containerEl = slidesEl.querySelector(`.${namespace}-slides__container`);
|
|
169
169
|
containerEl.style.transform = effect === 'slide' ? `translate${vertical ? 'Y' : 'X'}(calc(-${size}px + ${dragDistance}px))` : '';
|
|
170
170
|
}
|
|
171
171
|
});
|
package/slides/types.d.ts
CHANGED
package/spinner/Spinner.d.ts
CHANGED
package/spinner/types.d.ts
CHANGED
package/stepper/Stepper.d.ts
CHANGED
package/stepper/types.d.ts
CHANGED
package/switch/types.d.ts
CHANGED
package/table/Table.d.ts
CHANGED
package/table/TableEmpty.d.ts
CHANGED
package/table/TableExpand.d.ts
CHANGED
package/table/TableFilter.d.ts
CHANGED
package/table/TableTd.d.ts
CHANGED
package/table/TableTh.d.ts
CHANGED
package/table/TableThAction.d.ts
CHANGED
package/table/types.d.ts
CHANGED
package/table/vars.d.ts
CHANGED
package/tabs/Tabs.d.ts
CHANGED
package/tabs/types.d.ts
CHANGED
package/tag/Tag.d.ts
CHANGED
package/tag/types.d.ts
CHANGED
package/textarea/Textarea.d.ts
CHANGED
package/textarea/types.d.ts
CHANGED