@unicom-cloud/ui 0.8.150 → 0.8.151

package/types/select/interface.d.ts

@@ -1,295 +0,0 @@
-import { CSSProperties, HTMLAttributes, PropsWithChildren, ReactElement, ReactNode } from 'react';
-import { FocusAndBlur, GetPopupContainer, ImperativeHandle, ReadOnly } from '../interface';
-import { SelectViewCommonProps } from '../select-view';
-import { TriggerProps } from '../trigger';
-import { AvailableVirtualListProps } from '../virtual-list';
-export type OptionsType = SelectProps['options'];
-export type InputValueChangeReason = 'manual' | 'optionChecked' | 'optionListHide' | 'tokenSeparator';
-export interface OptionInfo extends PropsWithChildren<OptionProps> {
-    child?: ReactElement;
-    _valid: boolean;
-    _index: number;
-    _origin: 'children' | 'options' | 'userCreatedOptions' | 'userCreatingOption';
-}
-export type LabeledValue = {
-    value: string | number;
-    label: ReactNode;
-};
-export type SelectInnerStateValue = string | number | string[] | number[];
-/**
- * @title Select
- */
-export interface SelectProps extends SelectViewCommonProps, ReadOnly, GetPopupContainer {
-    /**
-     * @zh 选择框的默认值
-     * @en To set default value
-     */
-    defaultValue?: string | string[] | number | number[] | LabeledValue | LabeledValue[];
-    /**
-     * @zh 选择器的值（受控模式）
-     * @en To set value
-     */
-    value?: string | string[] | number | number[] | LabeledValue | LabeledValue[];
-    /**
-     * @zh 输入框的值（受控模式）
-     * @en To set input value
-     */
-    inputValue?: string;
-    /**
-     * @zh 是否开启多选模式或标签模式
-     * @en Set mode of Select
-     */
-    mode?: 'multiple' | 'single';
-    /**
-     * @zh 是否开启全选选项，仅在多选模式时才生效
-     */
-    allowCheckAll?: boolean | {
-        search?: boolean;
-    };
-    /**
-     * @zh 指定可选项
-     * @en Select options
-     */
-    options?: (string | number | {
-        label: ReactNode | string;
-        value: string | number;
-        disabled?: boolean;
-        extra?: unknown;
-    })[];
-    /**
-     * @zh 设置 `onChange` 回调中 `value` 的格式。默认是string，设置为true时候，value格式为：{ label: string, value: string }
-     * @en Whether to embed label in value, turn the format of value from string to `{ value: string, label: ReactNode }`
-     */
-    labelInValue?: boolean;
-    /**
-     * @zh 是否根据输入的值筛选数据。如果传入函数的话，接收 `inputValue` 和 `option` 两个参数，当option符合筛选条件时，返回 `true`，反之返回 `false`。
-     * @en If it's true, filter options by input value. If it's a function, filter options base on the function.
-     * @defaultValue true
-     */
-    filterOption?: boolean | ((inputValue: string, option: ReactElement, optionRaw: object | undefined | null) => boolean);
-    /**
-     * @zh
-     * 定制回显内容。返回值将会显示在下拉框内。若 `value` 对应的 `Option` 不存在，则第一个参数是 null
-     * @en
-     * Customize the content that will be displayed in the Select.
-     * If the `Option` corresponding to `value` does not exist, the first parameter will be `null`
-     */
-    renderFormat?: (option: OptionInfo | null, value: string | number | LabeledValue) => ReactNode;
-    /**
-     * @zh 是否默认高亮第一个选项
-     * @en Whether to highlight the first option by default
-     * @defaultValue false
-     */
-    defaultActiveFirstOption?: boolean;
-    /**
-     * @zh 是否允许通过输入创建新的选项。
-     * @en Whether to allow new options to be created by input.
-     */
-    allowCreate?: boolean | {
-        formatter: (inputValue: string, creating: boolean) => SelectProps['options'][number];
-    };
-    /**
-     * @zh 是否在隐藏的时候销毁 DOM 结构
-     * @en Whether to destroy the DOM when hiding
-     * @defaultValue true
-     */
-    unmountOnExit?: boolean;
-    /**
-     * @zh 下拉框是否默认打开。
-     * @en Whether to show dropdown by default.
-     */
-    defaultPopupVisible?: boolean;
-    /**
-     * @zh 控制下拉框是否打开。
-     * @en Whether to show dropdown.
-     */
-    popupVisible?: boolean;
-    /**
-     * @zh 没有数据时显示的内容
-     * @en Specify content to show when no result matches.
-     */
-    notFoundContent?: ReactNode;
-    /**
-     * @zh 在多选模式下自动分词的分隔符。
-     * @en Separator used to tokenize on `multiple` mode.
-     */
-    tokenSeparators?: string[];
-    /**
-     * @zh 触发方式。
-     * @en The trigger mode which executes the dropdown action.
-     * @defaultValue click
-     */
-    trigger?: TriggerProps['trigger'];
-    /**
-     * @zh 自定义触发元素。
-     * @en The trigger element which executes the dropdown action.
-     */
-    triggerElement?: ReactNode | ((params: {
-        value: unknown;
-        option: OptionInfo | OptionInfo[];
-    }) => ReactNode);
-    /**
-     * @zh 可以接受所有 `Trigger` 的 `Props`
-     * @en Pass all `Trigger` component properties
-     */
-    triggerProps?: Partial<TriggerProps>;
-    /**
-     * @zh 自定义弹出内容。
-     * @en Customize dropdown content
-     */
-    dropdownRender?: (menu: ReactNode) => ReactNode;
-    /**
-     * @zh 下拉列表的样式。
-     * @en The style of dropdown menu.
-     */
-    dropdownMenuStyle?: CSSProperties;
-    /**
-     * @zh 下拉列表的类。
-     * @en The className of dropdown menu.
-     */
-    dropdownMenuClassName?: string | string[];
-    /**
-     * @zh 传递虚拟滚动属性。
-     * @en Pass properties used by VirtualList.
-     */
-    virtualListProps?: AvailableVirtualListProps;
-    /**
-     * @zh 是否立即触发一次 onChange 回调。仅在 (value 或者 defaultValue) 条件满足的情况下才会触发。
-     */
-    immediateTriggerChangeOnMount?: boolean;
-    /**
-     * @zh 点击选择框的回调
-     * @en Callback when select an option or input value change.
-     */
-    onChange?: (value: any, option: OptionInfo | OptionInfo[]) => void;
-    /**
-     * @zh 选中选项时触发的回调，(只在 `multiple` 模式下触发)。
-     * @en Called when an option is selected. Only called for `multiple` mode.
-     */
-    onSelect?: (value: string | number | LabeledValue, option: OptionInfo) => void;
-    /**
-     * @zh 取消选中的时候触发的回调，(只在 `multiple` 模式下触发)。
-     * @en Called when an option is deselected. Only called for `multiple` mode.
-     */
-    onDeselect?: (value: string | number | LabeledValue, option: OptionInfo) => void;
-    /**
-     * @zh 点击清除时触发，参数是当前下拉框的展开状态。
-     * @en Called when clear
-     */
-    onClear?: (visible: boolean) => void;
-    /**
-     * @zh 搜索时的回调
-     * @en Callback when input changed
-     */
-    onSearch?: (value: string, reason: InputValueChangeReason) => void;
-    /**
-     * @zh 获得焦点时的回调
-     * @en Callback when get focus
-     */
-    onFocus?: (e: any) => void;
-    /**
-     * @zh 失去焦点时的回调
-     * @en Callback when lose focus
-     */
-    onBlur?: (e: any) => void;
-    /**
-     * @zh 下拉框的滚动监听函数，参数为滚动元素。
-     * @en Callback when dropdown scrolls.
-     */
-    onPopupScroll?: (elem: any) => void;
-    /**
-     * @zh 下拉框收起展开时触发
-     * @en Callback when visibility of dropdown is changed.
-     */
-    onVisibleChange?: (visible: boolean) => void;
-    /**
-     * @zh 输入框文本改变的回调。
-     * @en Callback when the value of input is changed.
-     */
-    onInputValueChange?: (value: string, reason: InputValueChangeReason) => void;
-    /**
-     * @zh 输入框文本粘贴的回调。
-     * @en Callback when the you paste text in input box.
-     */
-    onPaste?: (e: any) => void;
-}
-/**
- * @title Select.Option
- */
-export interface OptionProps extends Omit<HTMLAttributes<HTMLLIElement>, 'className'> {
-    _key?: any;
-    style?: CSSProperties;
-    children?: ReactNode;
-    prefixCls?: string;
-    rtl?: boolean;
-    className?: string | string[];
-    wrapperClassName?: string | string[];
-    /**
-     * @zh 是否禁用
-     * @en Whether the option is disabled
-     */
-    disabled?: boolean;
-    /**
-     * @zh 默认根据此属性值进行筛选
-     * @en Value of this Option
-     */
-    value: string | number;
-    /**
-     * @zh 携带任意自定义数据。
-     * @en Any data you want to pass to Option.
-     */
-    extra?: unknown;
-    isSelectOption?: boolean;
-    _isMultipleMode?: boolean;
-    _isUserCreatedOption?: boolean;
-    _isUserCreatingOption?: boolean;
-    _valueActive?: OptionProps['value'];
-    _valueSelect?: SelectInnerStateValue;
-    _onClick?: (value: OptionProps['value'], disabled: boolean) => void;
-    _onMouseEnter?: (value: OptionProps['value']) => void;
-    _onMouseLeave?: () => void;
-}
-/**
- * @title Select.OptionGroup
- */
-export interface OptionGroupProps extends HTMLAttributes<HTMLLIElement> {
-    _key?: unknown;
-    children?: ReactNode;
-    prefixCls?: string;
-    /**
-     * @zh 组名
-     * @en Name of Group
-     */
-    label?: ReactNode;
-    isSelectOptionGroup?: boolean;
-}
-/**
- * @title Select Reference Type
- */
-export type SelectHandle = FocusAndBlur & ImperativeHandle & {
-    /**
-     * @zh 鼠标快捷操作的处理函数
-     * @en Processor of mouse shortcut operation
-     */
-    hotkeyHandler: (event: KeyboardEvent) => void;
-    /**
-     * @zh 处于悬浮态的选项的值
-     * @en The value of active option
-     */
-    activeOptionValue: OptionProps['value'];
-    /**
-     * @zh 获得选项信息的列表
-     * @en Get the list of option info
-     */
-    getOptionInfoList: () => OptionInfo[];
-    /**
-     * @zh 根据选项值获得对应的选项信息
-     * @en Get the option info by its value
-     */
-    getOptionInfoByValue: (value: OptionProps['value']) => OptionInfo;
-    /**
-     * @zh 将下拉列表滚动至指定选项
-     * @en Scroll the drop-down list to the specified option
-     */
-    scrollIntoView: (value: OptionProps['value'], options?: ScrollIntoViewOptions) => void;
-};

package/types/select/utils.d.ts

@@ -1,25 +0,0 @@
-import { OptionInfo, OptionProps, SelectInnerStateValue, SelectProps } from './interface';
-export type OptionInfoMap = Map<OptionProps['value'], OptionInfo>;
-declare function preventDefaultEvent(e: any): void;
-declare function isEmpty(value: any, isMultiple: boolean): boolean;
-declare function getValidValue(value: any, isMultiple: boolean, labelInValue: boolean): SelectInnerStateValue;
-declare function isSelectOption(child: any): boolean;
-declare function isSelectOptionGroup(child: any): boolean;
-declare function flatChildren(a: Pick<SelectProps, 'children' | 'options' | 'filterOption'>, b: {
-    inputValue: string;
-    userCreatedOptions?: SelectProps['options'];
-    userCreatingOption?: SelectProps['options'][number];
-    prefixCls: string;
-}, c?: {
-    optionInfoMap?: OptionInfoMap;
-    optionValueList?: Array<OptionProps['value']>;
-    customNodeCount?: number;
-}): {
-    childrenList: any;
-    optionInfoMap: OptionInfoMap | undefined;
-    optionValueList: (string | number)[] | undefined;
-    optionIndexListForArrowKey: number[];
-    hasOptionGroup: boolean;
-    hasComplexLabelInOptions: boolean;
-};
-export { flatChildren, getValidValue, isEmpty, isSelectOption, isSelectOptionGroup, preventDefaultEvent, };

package/types/select-view/interface.d.ts

@@ -1,148 +0,0 @@
-import type { CSSProperties, ReactElement, ReactNode } from 'react';
-import { InputTagProps } from '../input-tag';
-import { InputComponentProps } from '../input/interface';
-import { FocusAndBlur, ImperativeHandle, ReadOnly, Size } from '../interface';
-import type { PopoverProps } from '../popover';
-export interface SelectViewCommonProps extends Pick<InputTagProps<unknown>, 'renderTag' | 'dragToSort'>, ReadOnly, Size {
-    id?: string;
-    style?: CSSProperties;
-    className?: string | string[];
-    children?: ReactNode;
-    inputValue?: string;
-    /**
-     * @zh 选择框默认文字。
-     * @en Placeholder of element
-     */
-    placeholder?: string;
-    /**
-     * @zh 是否需要边框
-     * @en Whether to render border
-     * @defaultValue true
-     */
-    bordered?: boolean;
-    /**
-     * @zh
-     * 使单选模式可搜索，传入 `{ retainInputValue: true }` 在搜索框聚焦时保留现有内容
-     * 传入 `{ retainInputValueWhileSelect: true }` 在多选选择时保留输入框内容。
-     * @en
-     * Whether single mode Select is searchable. `{ retainInputValue: true }` to retain the existing content when the search box is focused,
-     * `{ retainInputValueWhileSelect: true }` to retain the existing content when multiple selection is selected.
-     */
-    showSearch?: boolean | {
-        retainInputValue?: boolean;
-        retainInputValueWhileSelect?: boolean;
-    };
-    /**
-     * @zh 是否为禁用状态。
-     * @en Whether is disabled
-     */
-    disabled?: boolean;
-    /**
-     * @zh 是否是错误状态。(废弃，下个大版本移除，使用 status='error' 替代)
-     * @en Whether the textarea is error.(Deprecated, removed in the next major version, use status='error' instead)
-     * @deprecated
-     */
-    error?: boolean;
-    /**
-     * @zh 状态
-     * @en Status
-     */
-    status?: 'error' | 'warning';
-    /**
-     * @zh 是否为加载状态。
-     * @en Whether is in loading
-     */
-    loading?: boolean;
-    /**
-     * @zh 允许清除值。
-     * @en Whether allow to clear selected options
-     */
-    allowClear?: boolean;
-    /**
-     * @zh 最多显示多少个 `tag`，仅在多选或标签模式有效。设置 `responsive` 响应式显示标签数不建议在选项较多时使用，可能存在性能问题，
-     * @en The maximum number of `tags` is displayed, only valid in `multiple` and `label` mode. Setting the number of `responsive` responsive display tags is not recommended when there are many options, as there may be performance issues.
-     */
-    maxTagCount?: number | 'responsive' | {
-        count: number | 'responsive';
-        render?: (invisibleTagCount: number) => ReactNode;
-        showPopover?: boolean | Partial<PopoverProps>;
-    };
-    /**
-     * @zh 前缀。
-     * @en Customize select prefix
-     */
-    prefix?: ReactNode;
-    /**
-     * @zh 自定义选择框后缀图标。
-     * @en Customize select suffix icon
-     */
-    suffix?: ReactNode;
-    /**
-     * @zh 自定义箭头图标，设置为 `null` 不显示箭头图标。
-     * @en Customize select arrow icon.
-     */
-    arrowIcon?: ReactNode | null;
-    /**
-     * @zh 多选时配置选中项的删除图标。当传入`null`，不显示删除图标。
-     * @en Customize the delete icon of tags selected in `multiple` and `label` mode.
-     */
-    removeIcon?: ReactNode | null;
-    /**
-     * @zh `allowClear` 时配置清除按钮的图标。
-     * @en Configure the icon of the clear button when `allowClear`.
-     */
-    clearIcon?: ReactNode;
-    /**
-     * @zh 设置宽度自适应。minWidth 默认为 0，maxWidth 默认为 100%
-     * @en auto width. minWidth defaults to 0, maxWidth defaults to 100%
-     */
-    autoWidth?: boolean | {
-        minWidth?: CSSProperties['minWidth'];
-        maxWidth?: CSSProperties['maxWidth'];
-    };
-    /**
-     * @zh 选择框前添加元素
-     * @en The label text displayed before (on the left side of) the select field
-     */
-    addBefore?: ReactNode;
-    /**
-     * @zh 选择框后添加元素
-     * @en The label text displayed after (on the right side of) the select field
-     */
-    addAfter?: ReactNode;
-    /**
-     * @zh 鼠标点击下拉框时的回调
-     * @en Callback when the mouse clicks on the drop-down box
-     */
-    onClick?: (e: any) => void;
-    /**
-     * @zh 键盘输入时的回调
-     * @en Callback when keyboard pressed
-     */
-    onKeyDown?: (e: any) => void;
-}
-export interface SelectViewProps extends SelectViewCommonProps {
-    value?: unknown;
-    popupVisible?: boolean;
-    allowCreate?: boolean;
-    isEmptyValue: boolean;
-    isMultiple?: boolean;
-    prefixCls: string;
-    rtl?: boolean;
-    ariaControls?: string;
-    renderText: (value: any) => {
-        text: any;
-        disabled: any;
-    };
-    renderView?: (eleView: ReactElement) => ReactElement;
-    onSort?: (value: any) => void;
-    onRemoveCheckedItem?: (item: any, index: number, e: any) => void;
-    onChangeInputValue?: InputComponentProps['onChange'];
-    onPaste?: (e: any) => void;
-    onClear?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    onBlur?: (e: any) => void;
-}
-export type SelectViewHandle = FocusAndBlur & ImperativeHandle & {
-    getWidth: () => number;
-};

package/types/skeleton/Image.d.ts

@@ -1,3 +0,0 @@
-import { SkeletonImageProps } from './interface';
-declare function image(props: SkeletonImageProps): import("react/jsx-runtime").JSX.Element;
-export default image;

package/types/skeleton/Text.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'react/jsx-runtime';
-import { SkeletonTextProps } from './interface';
-declare function text(props: SkeletonTextProps): JSX.Element;
-export default text;

package/types/skeleton/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { SkeletonProps } from './interface';
-declare const SkeletonComponent: React.ForwardRefExoticComponent<SkeletonProps & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<unknown>>;
-export default SkeletonComponent;
-export type { SkeletonProps };

package/types/slider/Button.d.ts

@@ -1,21 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import { TooltipPosition } from './interface';
-interface SliderButtonProps {
-    style?: CSSProperties;
-    disabled?: boolean;
-    prefixCls: string;
-    value: number;
-    maxValue?: number;
-    minValue?: number;
-    vertical?: boolean;
-    tooltipVisible?: boolean;
-    tooltipPosition?: TooltipPosition;
-    formatTooltip?: (value: number) => string | ReactNode;
-    getTooltipContainer?: () => Element;
-    onMoving?: (x: number, y: number) => void;
-    onMoveEnd?: () => void;
-    onMoveBegin?: () => void;
-    onArrowEvent?: (type: 'addition' | 'subtraction') => void;
-}
-declare const _default: React.MemoExoticComponent<(props: SliderButtonProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/types/slider/Dot.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { IntervalConfig } from './hook/useInterval';
-type MaskType = {
-    key: number | string;
-    content: any;
-};
-interface MaskProps {
-    data: MaskType[];
-    valueRange?: [number, number];
-    vertical?: boolean;
-    prefixCls?: string;
-    reverse?: boolean;
-    onMouseDown?: (val: number) => void;
-    intervalConfigs?: IntervalConfig[];
-}
-declare const _default: React.NamedExoticComponent<MaskProps>;
-export default _default;

package/types/slider/Input.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { InputNumberProps } from '../input-number';
-import { ReadOnly } from '../interface';
-interface InputProps extends ReadOnly {
-    min?: number;
-    max?: number;
-    step?: number;
-    value: number[];
-    range?: boolean;
-    disabled?: boolean;
-    prefixCls?: string;
-    onChange?: (val: number[]) => void;
-    extra?: InputNumberProps[];
-}
-declare const _default: React.MemoExoticComponent<(props: InputProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/types/slider/Mark.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IntervalConfig } from './hook/useInterval';
-type MaskType = {
-    key: number | string;
-    content: any;
-};
-interface MaskProps {
-    data: MaskType[];
-    vertical?: boolean;
-    prefixCls?: string;
-    onMouseDown?: (val: number) => void;
-    reverse?: boolean;
-    intervalConfigs?: IntervalConfig[];
-}
-declare const _default: React.NamedExoticComponent<MaskProps>;
-export default _default;

package/types/slider/Tick.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { IntervalConfig } from './hook/useInterval';
-interface TicksProps {
-    min: number;
-    max: number;
-    valueRange: [number, number];
-    prefixCls: string;
-    vertical: boolean;
-    reverse?: boolean;
-    intervalConfigs?: IntervalConfig[];
-}
-declare function Ticks(props: TicksProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Ticks>;
-export default _default;

package/types/slider/hook/useInterval.d.ts

@@ -1,24 +0,0 @@
-import { SliderProps } from '../../slider/interface';
-export interface IntervalConfig {
-    begin: number;
-    end: number;
-    width: number;
-    step: number;
-    beginOffset?: number;
-    endOffset?: number;
-}
-declare function useInterval(props: {
-    marks: SliderProps['marks'];
-    getIntervalConfig?: SliderProps['getIntervalConfig'];
-    min: number;
-    max: number;
-    onlyMarkValue: boolean;
-    step: number;
-}): {
-    intervalConfigs: IntervalConfig[];
-    markList: {
-        key: string;
-        content: any;
-    }[];
-};
-export default useInterval;

package/types/slider/hook/useLegalValue.d.ts

@@ -1,16 +0,0 @@
-import { IntervalConfig } from './useInterval';
-declare function useLegalValue(props: {
-    isRange: boolean;
-    min: number;
-    max: number;
-    onlyMarkValue: boolean;
-    step: number;
-    intervalConfigs: IntervalConfig[];
-    marks: object;
-}): {
-    getLegalRangeValue: (val: number | number[]) => any[];
-    getLegalValue: (val: any) => any;
-    isLegalValue: (val: any) => boolean;
-    getNextMarkValue: (value: number, type: "addition" | "subtraction") => any;
-};
-export default useLegalValue;

package/types/slider/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { SliderProps } from './interface';
-declare const _default: React.NamedExoticComponent<SliderProps & React.RefAttributes<unknown>>;
-export default _default;
-export type { SliderProps };