@baishuyun/ui-base 2.0.0 → 2.1.0

package/dist/Select/index.js

@@ -0,0 +1,6 @@
+import { M as o, S as s, a as t } from "./Select-C3abXG27.js";
+export {
+  o as Mode,
+  s as Select,
+  t as SelectType
+};

package/dist/Tree/index.js

@@ -0,0 +1,4 @@
+import { T as o } from "../vendors/Tree-CCY2gtpG.js";
+export {
+  o as Tree
+};

package/dist/Tree/utils/index.js

@@ -0,0 +1,40 @@
+import { i as P } from "../../vendors/lodash-es-CZfJRWhO.js";
+const g = (s, c, t, u = []) => {
+  var r;
+  for (const n of s) {
+    const o = [...u, n[t.value]];
+    if (n[t.value] === c)
+      return o;
+    if ((r = n[t.children]) != null && r.length) {
+      const h = g(
+        n[t.children],
+        c,
+        t,
+        o
+      );
+      if (h)
+        return h;
+    }
+  }
+  return null;
+}, l = (s, c, t, u = []) => {
+  var n;
+  const r = [];
+  for (const o of s) {
+    const h = [...u, o[t.value]], e = o[t.title];
+    if (P(e) && e.toLowerCase().includes(c.toLowerCase()) && r.push(h), (n = o[t.children]) != null && n.length) {
+      const i = l(
+        o[t.children],
+        c,
+        t,
+        h
+      );
+      r.push(...i);
+    }
+  }
+  return r;
+};
+export {
+  l as getMatchingNodesPaths,
+  g as getNodePath
+};

package/dist/components/CheckBox/CheckBox.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+export interface CheckboxProps {
+    /**
+     * @description 是否选中
+     */
+    checked?: boolean;
+    /**
+     * @description 默认是否选中
+     */
+    defaultChecked?: boolean;
+    /**
+     * @description 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * @description 半选状态
+     */
+    indeterminate?: boolean;
+    /**
+     * @description 值改变时的回调
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * @description 自定义类名
+     */
+    className?: string;
+    /**
+     * @description 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description 子元素
+     */
+    children?: React.ReactNode;
+    /**
+     * @description label 的位置，默认在右侧
+     * @default 'right'
+     */
+    labelPosition?: 'left' | 'right';
+    /**
+     * @description checkbox 的值，用于 checkbox group
+     */
+    value?: string | number;
+}
+declare const BsyCheckbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;
+export default BsyCheckbox;

package/dist/components/CheckBox/CheckboxIcon.d.ts

@@ -0,0 +1,6 @@
+declare const CheckboxIcon: ({ isChecked, indeterminate, disabled }: {
+    isChecked?: boolean | undefined;
+    indeterminate?: boolean | undefined;
+    disabled?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxIcon;

package/dist/components/CheckBox/Group.d.ts

@@ -0,0 +1,30 @@
+import { Layout } from './constants';
+export interface CheckboxGroupProps {
+    /**
+     * @description 选中的值
+     */
+    value?: Array<string | number>;
+    /**
+     * @description 默认选中的值
+     */
+    defaultValue?: Array<string | number>;
+    /**
+     * @description 值改变时的回调
+     */
+    onChange?: (checkedValues: Array<string | number>) => void;
+    /**
+     * @description 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * @description 布局方式
+     * @default 'none'
+     */
+    layout?: Layout;
+    /**
+     * @description Checkbox 子元素
+     */
+    children?: React.ReactNode;
+}
+declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
+export default CheckboxGroup;

package/dist/components/CheckBox/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const enum STATES {
+    UNCHECKED = 0,
+    CHECKED = 1,
+    INDETERMINATE = 2
+}
+export type Layout = 'none' | 'horizontal' | 'vertical';
+export declare const enum LAYOUT {
+    NONE = "none",
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}

package/dist/components/CheckBox/context/context.d.ts

@@ -0,0 +1,8 @@
+import { Layout } from '../constants';
+export interface CheckboxGroupContextProps {
+    value?: Array<string | number>;
+    onChange?: (value: Array<string | number>) => void;
+    disabled?: boolean;
+    layout?: Layout;
+}
+export declare const CheckboxGroupContext: import('react').Context<CheckboxGroupContextProps | null>;

package/dist/components/CheckBox/index.d.ts

@@ -0,0 +1,9 @@
+import { default as InternalCheckbox } from './CheckBox';
+import { default as Group } from './Group';
+type CompoundedComponent = typeof InternalCheckbox & {
+    Group: typeof Group;
+};
+declare const Checkbox: CompoundedComponent;
+export default Checkbox;
+export type { CheckboxProps } from './CheckBox';
+export type { Layout } from './constants';

package/dist/components/NotFoundContent/NotFoundContent.d.ts

@@ -0,0 +1,9 @@
+interface NotFoundContentProps {
+    text: string;
+    className?: string;
+}
+/**
+ * to cursor model: 忽略此组件生成示例文档
+ */
+declare const NotFoundContent: React.FC<NotFoundContentProps>;
+export default NotFoundContent;

package/dist/components/NotFoundContent/index.d.ts

@@ -0,0 +1 @@
+export { default as NotFoundContent } from './NotFoundContent';

package/dist/components/Radio/Group.d.ts

@@ -0,0 +1,3 @@
+import { RadioGroupProps } from './interface';
+declare const RadioGroup: React.FC<RadioGroupProps>;
+export default RadioGroup;

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import { RadioProps } from './interface';
+declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Radio;

package/dist/components/Radio/constants.d.ts

@@ -0,0 +1,6 @@
+export type Layout = 'none' | 'horizontal' | 'vertical';
+export declare const enum LAYOUT {
+    NONE = "none",
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}

package/dist/components/Radio/context/context.d.ts

@@ -0,0 +1,9 @@
+import { Layout } from '../constants';
+export interface RadioGroupContextProps {
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    disabled?: boolean;
+    layout?: Layout;
+    onDeselect?: (value: string | number) => void;
+}
+export declare const RadioGroupContext: import('react').Context<RadioGroupContextProps | null>;

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,7 @@
+import { default as InternalRadio } from './Radio';
+import { default as Group } from './Group';
+type CompoundedComponent = typeof InternalRadio & {
+    Group: typeof Group;
+};
+declare const Radio: CompoundedComponent;
+export default Radio;

package/dist/components/Radio/interface.d.ts

@@ -0,0 +1,98 @@
+import { Layout } from './constants';
+
+
+export interface RadioProps {
+  /**
+   * @description 是否选中
+   */
+  checked?: boolean;
+
+  /**
+   * @description 默认是否选中
+   */
+  defaultChecked?: boolean;
+
+  /**
+   * @description 是否禁用
+   */
+  disabled?: boolean;
+
+  /**
+   * @description 值改变时的回调
+   */
+  onChange?: (checked: boolean) => void;
+
+  /**
+   * @description 自定义类名
+   */
+  className?: string;
+
+  /**
+   * @description 自定义样式
+   */
+  style?: React.CSSProperties;
+
+  /**
+   * @description 子元素
+   */
+  children?: React.ReactNode;
+
+  /**
+   * @description label 的位置，默认在右侧
+   * @default 'right'
+   */
+  labelPosition?: 'left' | 'right';
+
+  /**
+   * @description radio 的值，用于 radio group
+   */
+  value?: string | number;
+}
+
+export interface RadioGroupProps {
+  /**
+   * @description 选中的值
+   */
+  value?: string | number;
+
+  /**
+   * @description 默认选中的值
+   */
+  defaultValue?: string | number;
+
+  /**
+   * @description 值改变时的回调
+   */
+  onChange?: (value: string | number) => void;
+
+  /**
+   * @description 值反选的回调
+   */
+  onDeselect?: (value: string | number) => void;
+
+  /**
+   * @description 是否禁用
+   */
+  disabled?: boolean;
+
+  /**
+   * @description 布局方式
+   * @default 'none'
+   */
+  layout?: Layout;
+
+  /**
+   * @description Radio 子元素
+   */
+  children?: React.ReactNode;
+
+  /**
+   * @description 自定义类名
+   */
+  className?: string;
+
+  /**
+   * @description 自定义样式
+   */
+  style?: React.CSSProperties;
+}

package/dist/components/Segmented/Segmented.d.ts

@@ -0,0 +1,6 @@
+import { SegmentedProps } from './Segmented.type';
+declare const Segmented: {
+    <T extends React.Key = string | number>(props: SegmentedProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Segmented;

package/dist/components/Segmented/Segmented.type.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+export type SegmentedOption<T extends React.Key = string | number> = {
+    label: string | ReactNode;
+    value: T;
+};
+export type LayoutState = {
+    width: number;
+    left: number;
+};
+export type SegmentedProps<T extends React.Key = string | number> = {
+    /**
+     * @description 将宽度调整为父元素宽度的选项
+     */
+    block?: boolean;
+    /**
+     * @description 数据化配置选项内容
+     */
+    options: SegmentedOption<T>[];
+    /**
+     * @description 当前选中的值
+     */
+    value?: T;
+    /**
+     * @description 选项变化时的回调函数
+     */
+    onChange?: (value: T) => void;
+    /**
+     * @description 是否禁用
+     */
+    disabled?: boolean;
+};

package/dist/components/Segmented/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Segmented';
+export type { SegmentedProps, SegmentedOption } from './Segmented.type';

package/dist/components/Select/HighlightText/HighlightText.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface HighlightTextProps {
+    text: string;
+    highlight: string;
+}
+declare const _default: React.NamedExoticComponent<HighlightTextProps>;
+export default _default;

package/dist/components/Select/OptionList/MultOptionList/MultOptionList.d.ts

@@ -0,0 +1,11 @@
+import { DefaultOptionType, FieldNames, SelectProps } from '../../interface';
+type MultipleSelectProps<F extends FieldNames> = {
+    value?: Array<string | number>;
+    options: DefaultOptionType[];
+    searchValue?: string;
+    fieldNames: F;
+    onSelect: (value: Array<string | number>, options: DefaultOptionType[]) => void;
+    optionRender?: SelectProps['optionRender'];
+};
+declare const MultipleSelect: React.FC<MultipleSelectProps<FieldNames>>;
+export default MultipleSelect;

package/dist/components/Select/OptionList/OptionList.d.ts

@@ -0,0 +1,6 @@
+import { SelectProps } from '../interface';
+type OptionListProps = {
+    searchValue?: string;
+} & Pick<SelectProps, 'options' | 'type' | 'filterOption' | 'optionRender' | 'optionStyle'>;
+declare const OptionList: React.FC<OptionListProps>;
+export default OptionList;

package/dist/components/Select/OptionList/SingleOptionList/SingleOptionList.d.ts

@@ -0,0 +1,11 @@
+import { DefaultOptionType, FieldNames, SelectProps } from '../../interface';
+type SingleSelectProps<F extends FieldNames> = {
+    value?: string | number;
+    options: DefaultOptionType[];
+    searchValue?: string;
+    fieldNames: F;
+    onSelect: (value: string | number, option: DefaultOptionType) => void;
+    optionRender?: SelectProps['optionRender'];
+} & Pick<SelectProps, 'optionStyle'>;
+declare const SingleSelect: React.FC<SingleSelectProps<FieldNames>>;
+export default SingleSelect;

package/dist/components/Select/OptionList/TreeOptionList/TreeOptionList.d.ts

@@ -0,0 +1,21 @@
+import { DefaultOptionType, SelectProps } from '../../interface';
+interface BsyTreeSelectProps {
+    /**
+     * @description 节点图标
+     */
+    nodeIcon?: React.ReactNode;
+    /**
+     * @description 过滤的文本值
+     */
+    searchValue?: string;
+    /**
+     * @description 选中的节点
+     */
+    value?: string | number;
+    /**
+     * @description 选中节点回调
+     */
+    onSelect?: (value: string | number, node: DefaultOptionType) => void;
+}
+declare const BsyTreeSelect: React.FC<Pick<SelectProps, 'options' | 'value' | 'fieldNames'> & BsyTreeSelectProps>;
+export default BsyTreeSelect;

package/dist/components/Select/OptionList/filter.d.ts

@@ -0,0 +1,4 @@
+import { DefaultOptionType, FieldNames } from '../interface';
+declare const getAllNodes: (nodes: DefaultOptionType[], fieldNames: FieldNames) => DefaultOptionType[];
+declare const buildFilteredTree: (nodes: DefaultOptionType[], matchedIds: Set<string>, fieldNames: FieldNames) => DefaultOptionType[];
+export { getAllNodes, buildFilteredTree };

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,3 @@
+import { DefaultOptionType, SelectProps, SelectRef } from './interface';
+declare const Select: import('react').ForwardRefExoticComponent<SelectProps<any, DefaultOptionType> & import('react').RefAttributes<SelectRef>>;
+export default Select;

package/dist/components/Select/SelectInput/SelectInput.d.ts

@@ -0,0 +1,10 @@
+import { Mode } from '../constants';
+import { SelectProps } from '../interface';
+type SelectInputProps = Pick<SelectProps, 'clearable' | 'onClear' | 'fieldNames' | 'disabled' | 'placeholder' | 'labelRender' | 'options' | 'type' | 'prefix' | 'suffixIcon' | 'ghost' | 'inputValueStyle' | 'tagStyle'> & {
+    /**
+     * @description 选择框的类型
+     */
+    mode: Mode;
+};
+declare const SelectInput: React.FC<SelectInputProps>;
+export default SelectInput;

package/dist/components/Select/SelectInput/SelectMultipleInput/OptionTag/OptionTag.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren, ReactNode } from 'react';
+type OptionTagProps = {
+    children?: ReactNode;
+    color?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+};
+type OptionTagComponent = React.ForwardRefExoticComponent<OptionTagProps & React.RefAttributes<HTMLDivElement>> & {
+    Container: React.FC<PropsWithChildren>;
+};
+declare const OptionTag: OptionTagComponent;
+export default OptionTag;

package/dist/components/Select/SelectInput/SelectMultipleInput/SelectMultipleInput.d.ts

@@ -0,0 +1,8 @@
+import { DefaultOptionType, SelectProps } from '../../interface';
+type SelectMultipleInputProps = {
+    value: DefaultOptionType[];
+    labelRender?: SelectProps['labelRender'];
+    tagStyle?: SelectProps['tagStyle'];
+};
+declare const SelectMultipleInput: React.FC<SelectMultipleInputProps>;
+export default SelectMultipleInput;

package/dist/components/Select/SelectInput/SelectSingleInput/SelectSingleInput.d.ts

@@ -0,0 +1,8 @@
+import { DefaultOptionType, SelectProps } from '../../interface';
+type SelectSingleInputProps = {
+    value: DefaultOptionType[];
+    labelRender: SelectProps['labelRender'];
+    inputValueStyle?: SelectProps['inputValueStyle'];
+};
+declare const SelectSingleInput: React.FC<SelectSingleInputProps>;
+export default SelectSingleInput;

package/dist/components/Select/SelectInputSearch/SelectInputSearch.d.ts

@@ -0,0 +1,6 @@
+import { SelectProps } from '../interface';
+type SelectInputSearchProps = Pick<SelectProps, 'searchPlaceholder' | 'value'> & {
+    onChange: (value: string) => void;
+};
+declare const SelectInputSearch: React.FC<SelectInputSearchProps>;
+export default SelectInputSearch;

package/dist/components/Select/SelectPanel/SelectPanel.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from '../interface';
+declare const SelectPanel: React.FC<SelectProps>;
+export default SelectPanel;

package/dist/components/Select/constants.d.ts

@@ -0,0 +1,59 @@
+export declare enum Mode {
+    /**
+     * @description 单选模式
+     */
+    SINGLE = "single",
+    /**
+     * @description 多选模式
+     */
+    MULTIPLE = "multiple"
+}
+/**
+ * @description 不同业务场景下拉组件的类型
+ * @default SelectType.SINGLE
+ */
+export declare enum SelectType {
+    /**
+     * @description 单选下拉
+     */
+    SINGLE = 0,
+    /**
+     * @description 多选(复选)下拉
+     */
+    MULTIPLE = 1,
+    /**
+     * @description 树形下拉
+     */
+    TREE = 2,
+    /**
+     * @description 树形复选下拉
+     * @todo 未实现-预留
+     */
+    TREE_TAGS = 3,
+    /**
+     * @description 复选成员下拉
+     * @todo 未实现-预留
+     */
+    MEMBER = 4,
+    /**
+     * @description 树形+复选部门下拉
+     * @todo 未实现-预留
+     */
+    DEPARTEMENT = 5
+}
+/**
+ * SelectInput 框回填模式
+ */
+export declare const INPUT_MODE_MAP: {
+    0: Mode;
+    2: Mode;
+    1: Mode;
+    3: Mode;
+    4: Mode;
+    5: Mode;
+};
+export declare const DEFAULT_FIELD_NAMES: {
+    label: string;
+    value: string;
+    children: string;
+};

package/dist/components/Select/context/SelectContext.d.ts

@@ -0,0 +1,52 @@
+import { DefaultOptionType, FieldNames } from '../interface';
+export interface SelectStateContextType {
+    /**
+     * 当前选中的值
+     */
+    value: string | number | Array<string | number> | undefined;
+    /**
+     * 设置当前选中的值
+     */
+    setValue: (value: string | number | Array<string | number> | undefined, options: DefaultOptionType | DefaultOptionType[]) => void;
+    /**
+     * 是否打开浮层面板
+     */
+    isOpen: boolean;
+    /**
+     * 设置是否打开浮层面板
+     */
+    setIsOpen: (isOpen: boolean) => void;
+}
+declare const SelectStateContext: import('react').Context<SelectStateContextType>;
+export interface SelectConfigContextType {
+    fieldNames: FieldNames;
+    disabled: boolean;
+    /**
+     * 【其他】选项输入框的展示位置
+     */
+    otherInputPosition?: 'bottom' | 'inline';
+}
+declare const SelectConfigContext: import('react').Context<SelectConfigContextType>;
+export interface SelectOtherContextType {
+    /**
+     * 是否选中了【其他】选项
+     */
+    isSelectedOtherOption?: boolean;
+    /**
+     * 【其他】选项的输入值
+     */
+    otherOptionValue?: string;
+    /**
+     * 设置【其他】选项的输入值
+     */
+    setOtherOptionValue?: (value: string) => void;
+    /**
+     * 【其他】选项输入变化回调
+     */
+    onOtherInputChange?: (value: string) => void;
+}
+declare const SelectOtherContext: import('react').Context<SelectOtherContextType>;
+export declare const useSelectStateContext: () => SelectStateContextType;
+export declare const useSelectConfigContext: () => SelectConfigContextType;
+export declare const useSelectOtherContext: () => SelectOtherContextType;
+export { SelectStateContext, SelectConfigContext, SelectOtherContext };

package/dist/components/Select/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Select } from './Select';
+export { SelectType, Mode } from './constants';
+export type { BaseOptionType, DefaultOptionType, FieldNames, BaseSelectProps, SelectProps, SelectRef, } from './interface';