@laser-ui/components 2.3.4 → 2.4.0

package/switch/Switch.js

@@ -26,7 +26,10 @@ export function Switch(props) {
                                 style: { opacity: checked ? 1 : 0 },
                             }), { children: stateContent[0] }))), checkNodeExist(stateContent[1]) && (_jsx("div", Object.assign({}, mergeCS(styled('switch__state-content'), {
                                 style: { opacity: checked ? 0 : 1 },
-                            }), { children: stateContent[1] })))] })), _jsx("input", Object.assign({}, inputProps, styled('switch__input'), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria, { type: "checkbox", disabled: disabled, role: "switch", "aria-checked": checked, onChange: () => {
+                            }), { children: stateContent[1] })))] })), _jsx("input", Object.assign({}, inputProps, mergeCS(styled('switch__input'), {
+                        className: inputProps === null || inputProps === void 0 ? void 0 : inputProps.className,
+                        style: inputProps === null || inputProps === void 0 ? void 0 : inputProps.style,
+                    }), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria, { type: "checkbox", disabled: disabled, role: "switch", "aria-checked": checked, onChange: () => {
                             changeChecked((draft) => !draft);
                         } })), _jsx(Transition, { enter: checked, name: `${namespace}-switch`, duration: TTANSITION_DURING, onSkipEnter: (el) => {
                             if (el) {

package/switch/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { BaseProps, Size } from '../types';

package/table/Table.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TableProps } from './types';
 import { TableEmpty } from './TableEmpty';
 import { TableExpand } from './TableExpand';

package/table/TableEmpty.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TableEmptyProps } from './types';
 export declare function TableEmpty(props: TableEmptyProps): React.ReactElement | null;

package/table/TableExpand.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TableExpandProps } from './types';
 export declare function TableExpand(props: TableExpandProps): React.ReactElement | null;

package/table/TableFilter.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TableFilterProps } from './types';
 export declare function TableFilter(props: TableFilterProps): React.ReactElement | null;

package/table/TableTd.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TableTdProps } from './types';
 export declare function TableTd(props: TableTdProps): React.ReactElement | null;

package/table/TableTh.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TableThProps } from './types';
 export declare function TableTh(props: TableThProps): React.ReactElement | null;

package/table/TableThAction.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TableThActionProps } from './types';
 export declare function TableThAction(props: TableThActionProps): React.ReactElement | null;

package/table/internal/TableCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import { type CLASSES } from '../vars';
 interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {

package/table/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps, PopupPlacement } from '../types';
 export {};

package/table/vars.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TableContextData } from './types';
 export declare const CLASSES: {
     table: string;

package/tabs/Tabs.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TabsItem, TabsProps } from './types';
 export declare function Tabs<ID extends React.Key, T extends TabsItem<ID>>(props: TabsProps<ID, T>): React.ReactElement | null;

package/tabs/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps, Size } from '../types';
 export {};

package/tag/Tag.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TagProps } from './types';
 export declare function Tag(props: TagProps): React.ReactElement | null;

package/tag/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps, Size } from '../types';
 export {};

package/textarea/Textarea.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TextareaProps } from './types';
 export declare function Textarea(props: TextareaProps): React.ReactElement | null;

package/textarea/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { BaseProps, Size } from '../types';

package/time-picker/TimePicker.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TimePickerProps } from './types';
 export declare function TimePicker(props: TimePickerProps): React.ReactElement | null;

package/time-picker/TimePicker.js

@@ -179,10 +179,14 @@ export function TimePicker(props) {
     };
     const clearable = clearableProp && !isNull(_value) && !visible && !disabled;
     const inputNode = (isLeft) => {
+        var _a, _b;
         const index = isLeft ? 0 : 1;
         const value = isLeft ? valueLeft : valueRight;
         const inputRef = isLeft ? inputLeftRef : inputRightRef;
-        return (_jsx(BaseInput, Object.assign({}, inputProps === null || inputProps === void 0 ? void 0 : inputProps[index], styled('time-picker__input'), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria, { ref: (instance) => {
+        return (_jsx(BaseInput, Object.assign({}, inputProps === null || inputProps === void 0 ? void 0 : inputProps[index], mergeCS(styled('time-picker__input'), {
+            className: (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps[index]) === null || _a === void 0 ? void 0 : _a.className,
+            style: (_b = inputProps === null || inputProps === void 0 ? void 0 : inputProps[index]) === null || _b === void 0 ? void 0 : _b.style,
+        }), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria, { ref: (instance) => {
                 var _a;
                 inputRef.current = instance;
                 const ret = setRef((_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps[index]) === null || _a === void 0 ? void 0 : _a.ref, instance);

package/time-picker/internal/TimePickerPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import type { CLASSES } from '../vars';
 interface TimePickerPanelProps {

package/time-picker/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { BaseProps, Size } from '../types';

package/timeline/Timeline.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TimelineItem, TimelineProps } from './types';
 export declare function Timeline<T extends TimelineItem>(props: TimelineProps<T>): React.ReactElement | null;

package/timeline/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps } from '../types';
 export {};

package/toast/Toast.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ToastProps } from './types';
 export declare function Toast(props: ToastProps): React.ReactElement | null;

package/toast/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps } from '../types';
 export {};

package/tooltip/Tooltip.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TooltipProps } from './types';
 export declare function Tooltip(props: TooltipProps): React.ReactElement | null;

package/tooltip/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { BaseProps, PopupPlacement } from '../types';
 export {};

package/transfer/Transfer.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TransferItem, TransferProps } from './types';
 export declare function Transfer<V extends React.Key, T extends TransferItem<V>>(props: TransferProps<V, T>): React.ReactElement | null;

package/transfer/Transfer.js

@@ -2,7 +2,6 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import KeyboardArrowLeftOutlined from '@material-design-icons/svg/outlined/keyboard_arrow_left.svg?react';
 import KeyboardArrowRightOutlined from '@material-design-icons/svg/outlined/keyboard_arrow_right.svg?react';
-import { isUndefined } from 'lodash';
 import { useMemo } from 'react';
 import { TransferPanel } from './internal/TransferPanel';
 import { CLASSES, IS_SELECTED, NO_MATCH } from './vars';
@@ -36,10 +35,10 @@ export function Transfer(props) {
         const empty = [true, true];
         const allSelected = [true, true];
         const hasSelected = [false, false];
-        const filterFn = isUndefined(customSearch === null || customSearch === void 0 ? void 0 : customSearch.filter)
-            ? (item, searchValue) => item.label.includes(searchValue)
-            : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                (item, searchValue) => customSearch.filter(searchValue, item);
+        const customFilterFn = customSearch && customSearch.filter ? customSearch.filter : undefined;
+        const filterFn = customFilterFn
+            ? (item, searchValue) => customFilterFn(searchValue, item)
+            : (item, searchValue) => item.label.includes(searchValue);
         const sortFn = customSearch === null || customSearch === void 0 ? void 0 : customSearch.sort;
         const handleItem = (item, index, noMatch) => {
             const newItem = Object.assign({ [IS_SELECTED]: false, [NO_MATCH]: noMatch }, item);

package/transfer/internal/TransferPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import type { TransferItem } from '../types';
 import { type CLASSES } from '../vars';

package/transfer/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { BaseProps } from '../types';

package/transition/CollapseTransition.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { CollapseTransitionProps } from './types';
 export declare function CollapseTransition(props: CollapseTransitionProps): React.ReactElement | null;

package/transition/Transition.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TransitionProps } from './types';
 export declare function Transition(props: TransitionProps): React.ReactElement | null;

package/transition/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export {};
 export interface TransitionProps {
     children: (ref: React.RefCallback<HTMLElement | null>, leaved: boolean) => React.ReactElement | null;

package/tree/Tree.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TreeItem, TreeProps } from './types';
 export declare function Tree<V extends React.Key, T extends TreeItem<V>>(props: TreeProps<V, T>): React.ReactElement | null;

package/tree/internal/TreePanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Styled } from '../../hooks/useStyled';
 import type { AbstractTreeNode } from '../node/abstract-node';
 import type { TreeItem } from '../types';

package/tree/node/abstract-node.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TreeNode, TreeNodeStatus } from './types';
 export declare abstract class AbstractTreeNode<ID extends React.Key, T extends TreeNode> {
     origin: T;

package/tree/node/multiple-node.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TreeNode, TreeNodeStatus } from './types';
 import { AbstractTreeNode } from './abstract-node';
 export declare class MultipleTreeNode<ID extends React.Key, T extends TreeNode> extends AbstractTreeNode<ID, T> {

package/tree/node/single-node.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TreeNode, TreeNodeStatus } from './types';
 import { AbstractTreeNode } from './abstract-node';
 export declare class SingleTreeNode<ID extends React.Key, T extends TreeNode> extends AbstractTreeNode<ID, T> {

package/tree/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { BaseProps } from '../types';

package/tree/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AbstractTreeNode } from './node/abstract-node';
 import type { TreeNode } from './node/types';
 export declare function getTreeNodeLabel<V extends React.Key, T extends TreeNode & {

package/tree-select/TreeSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TreeSelectProps } from './types';
 import type { TreeItem } from '../tree/types';
 export declare function TreeSelect<V extends React.Key, T extends TreeItem<V>>(props: TreeSelectProps<V, T>): React.ReactElement | null;

package/tree-select/TreeSelect.js

@@ -121,10 +121,8 @@ export function TreeSelect(props) {
         if (!hasSearch) {
             return [];
         }
-        const filterFn = isUndefined(customSearch === null || customSearch === void 0 ? void 0 : customSearch.filter)
-            ? (item) => item.label.includes(searchValue)
-            : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                (item) => customSearch.filter(searchValue, item);
+        const customFilterFn = customSearch && customSearch.filter ? customSearch.filter : undefined;
+        const filterFn = customFilterFn ? (item) => customFilterFn(searchValue, item) : (item) => item.label.includes(searchValue);
         const sortFn = customSearch === null || customSearch === void 0 ? void 0 : customSearch.sort;
         const searchList = [];
         const reduceNodes = (nodes) => {
@@ -301,10 +299,8 @@ export function TreeSelect(props) {
                     changeVisible((draft) => (searchable ? true : !draft));
                 }, children: [_jsxs("div", Object.assign({}, styled('tree-select__container'), { title: selectedLabel, children: [(() => {
                                 const nodeProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, inputProps), mergeCS(styled('tree-select__search'), {
-                                    style: {
-                                        opacity: inputable ? undefined : 0,
-                                        zIndex: inputable ? undefined : -1,
-                                    },
+                                    className: inputProps === null || inputProps === void 0 ? void 0 : inputProps.className,
+                                    style: Object.assign(Object.assign({}, inputProps === null || inputProps === void 0 ? void 0 : inputProps.style), { opacity: inputable ? undefined : 0, zIndex: inputable ? undefined : -1 }),
                                 })), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria), { ref: (instance) => {
                                         inputRef.current = instance;
                                         const ret = setRef(inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref, instance);

package/tree-select/internal/TreeSelectSearchPanel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TreeSelectSearchPanelItem } from './types';
 import type { Styled } from '../../hooks/useStyled';
 import type { TreeItem } from '../../tree/types';

package/tree-select/internal/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SelectItem } from '../../select/types';
 import type { AbstractTreeNode } from '../../tree/node/abstract-node';
 import type { TreeNode } from '../../tree/node/types';

package/tree-select/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { TreeItem } from '../tree/types';

package/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export {};
 export type Lang = 'en-US' | 'zh-CN';
 export type Size = 'small' | 'medium' | 'large';

package/upload/Upload.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UploadProps } from './types';
 import { UploadAction } from './UploadAction';
 import { UploadButton } from './UploadButton';

package/upload/Upload.js

@@ -94,13 +94,14 @@ export const Upload = (props) => {
                             xhr.addEventListener('load', () => {
                                 update({ state: xhr.status >= 200 && xhr.status < 300 ? 'load' : 'error', percent: undefined });
                             });
+                            if (!request) {
+                                throw new Error('`request` prop is required when upload file!');
+                            }
                             const { url, method = 'POST', responseType = 'json', header = {}, body = (file) => {
                                 const formData = new FormData();
                                 formData.append('file', file);
                                 return formData;
-                            }, custom,
-                            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                             } = request;
+                            }, custom, } = request;
                             xhr.open(method, url);
                             xhr.responseType = responseType;
                             Object.entries(header).forEach((h) => {

package/upload/UploadAction.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { UploadActionProps } from './types';
 export declare function UploadAction(props: UploadActionProps): React.ReactElement | null;

package/upload/UploadButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { UploadButtonProps } from './types';
 export declare function UploadButton(props: UploadButtonProps): React.ReactElement | null;

package/upload/UploadList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { UploadListProps } from './types';
 export declare function UploadList(props: UploadListProps): React.ReactElement | null;

package/upload/UploadPicture.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { UploadPictureProps } from './types';
 export declare function UploadPicture(props: UploadPictureProps): React.ReactElement | null;

package/upload/UploadPictureList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { UploadPictureListProps } from './types';
 export declare function UploadPictureList(props: UploadPictureListProps): React.ReactElement | null;

package/upload/UploadPreviewAction.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { UploadPreviewActionProps } from './types';
 export declare function UploadPreviewAction(props: UploadPreviewActionProps): React.ReactElement | null;

package/upload/hooks.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function useNextTick(): import("react").RefObject<boolean>;

package/upload/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ACTION_CLASSES, BUTTON_CLASSES, CLASSES, LIST_CLASSES, PICTURE_CLASSES, PICTURE_LIST_CLASSES } from './vars';
 import type { FormControlProvider } from '../form/types';
 import type { BaseProps } from '../types';

package/upload/vars.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UploadFile } from './types';
 export declare const CLASSES: {
     upload: string;
@@ -68,9 +67,9 @@ export declare const UploadContext: import("react").Context<{
 export declare const UploadActionContext: import("react").Context<{
     file: UploadFile;
     defaultActions?: {
-        preview?: ((file: UploadFile) => void) | undefined;
-        download?: ((file: UploadFile) => void) | undefined;
-    } | undefined;
-    light?: boolean | undefined;
-    onRemove?: (() => void) | undefined;
+        preview?: (file: UploadFile) => void;
+        download?: (file: UploadFile) => void;
+    };
+    light?: boolean;
+    onRemove?: () => void;
 } | undefined>;

package/utils/handleModalKeyDown.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function handleModalKeyDown(e: React.KeyboardEvent<HTMLDivElement>): void;

package/utils/mergeCS.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function mergeCS(target: {
     className: string;
     style: React.CSSProperties;

package/virtual-scroll/VirtualScroll.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { VirtualScrollProps } from './types';
 export declare function VirtualScroll<T>(props: VirtualScrollProps<T>): React.ReactElement | null;

package/virtual-scroll/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export {};
 export type VirtualScrollOptimization<T = any> = Pick<VirtualScrollProps<T>, 'list' | 'itemKey' | 'itemSize' | 'itemEmptySize' | 'itemNested' | 'itemFocusable' | 'itemExpand'>;
 export interface VirtualScrollRef<T> {

package/wave/Wave.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { WaveProps } from './types';
 export declare function Wave(props: WaveProps): React.ReactElement | null;

package/wave/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export {};
 export type WaveRef = () => void;
 export interface WaveProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {