@baishuyun/ui-base 2.0.0 → 2.2.0

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

@@ -0,0 +1,192 @@
+import { SelectType } from './constants';
+export interface BaseOptionType {
+    /**
+     * @description 是否禁用 option
+     * @todo 预留，但并未实现该功能
+     */
+    disabled?: boolean;
+    title?: string;
+    [name: string]: any;
+}
+export interface DefaultOptionType extends BaseOptionType {
+    label?: string;
+    value?: string | number;
+    children?: Omit<DefaultOptionType, 'children'>[];
+    /**
+     * @description 是否是 [其他] 选项
+     */
+    isOther?: boolean;
+    /**
+     * @description 是否是系统字段
+     * @description 系统字段的颜色会比较突出，和其他字段仅文字样式的不同
+     */
+    systemField?: boolean;
+}
+export interface FieldNames {
+    label: string;
+    value: string;
+    children: string;
+}
+export interface BaseSelectProps {
+    /**
+     * @description 选择框的占位符
+     */
+    placeholder?: string;
+    /**
+     * @description 下拉面板内的搜索框的占位符
+     */
+    searchPlaceholder?: string;
+    /**
+     * @description 是否禁用 select
+     */
+    disabled?: boolean;
+    /**
+     * @description 是否可清除
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * @description 自定义组件的类名
+     */
+    className?: string;
+    /**
+     * @description 自定义组件的样式
+     */
+    style?: React.CSSProperties;
+}
+export interface SelectProps<ValueType = any, OptionType extends DefaultOptionType = DefaultOptionType> extends BaseSelectProps {
+    /**
+     * @description 选项列表
+     */
+    options?: OptionType[];
+    /**
+     * @description 选择值 (受控)
+     */
+    value?: ValueType;
+    /**
+     * @description 默认选择值 (非受控)
+     */
+    defaultValue?: ValueType;
+    /**
+     * @description 选择值变化时回调
+     */
+    onChange?: (value: ValueType, option?: OptionType | OptionType[]) => void;
+    /**
+     * @description 【其他】选项文本框的值变化时的回调
+     */
+    onOtherInputChange?: (value: string) => void;
+    /**
+     * @description 搜索框的值变化时回调
+     */
+    onSearch?: (value: string) => void;
+    /**
+     * @description 清除已选时回调
+     */
+    onClear?: () => void;
+    /**
+     * @description 展开下拉菜单的回调
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * @description 下拉列表滚动时的回调
+     */
+    onPopupScroll?: (event: UIEvent) => void;
+    /**
+     * @description 是否显示搜索框
+     */
+    showSearch?: boolean;
+    /**
+     * @description 是否在展示浮层面板的时候，浮层背后显示遮罩层
+     */
+    showMask?: boolean;
+    /**
+     * @description 自定义节点 title、key、children 的字段
+     */
+    fieldNames?: FieldNames;
+    /**
+     * @description 是否正在远程搜索
+     */
+    fetching?: boolean;
+    /**
+     * @description 是否开启过滤选项 (如果要远程搜索，设置为 false)
+     * @default true
+     */
+    filterOption?: boolean;
+    /**
+     * @description 下拉组件的类型
+     */
+    type?: SelectType;
+    /**
+     * @description 开启后，输入框没有边框
+     */
+    ghost?: boolean;
+    /**
+     * @description 自定义组件的类名
+     */
+    inputClassName?: string;
+    /**
+     * @description 自定义输入框的 prefix (仅单选回填支持)
+     */
+    prefix?: React.ReactNode;
+    /**
+     * @description 自定义下拉的切换图标
+     */
+    suffixIcon?: (isOpen: boolean, disabled: boolean) => React.ReactNode;
+    /**
+     * @description 自定义渲染回显到输入框的内容，默认是选中项的 label
+     * @description 支持单选和多选模式
+     * @description 第二个参数为关闭标签的回调，仅在多选模式下有效
+     */
+    labelRender?: (option: OptionType, closeBtn?: (style?: React.CSSProperties) => React.ReactNode) => React.ReactNode;
+    /**
+     * @description 自定义渲染下拉选项
+     * @description 支持单选和多选模式
+     */
+    optionRender?: (option: OptionType, info: {
+        index: number;
+    }, isSelected: boolean) => React.ReactNode;
+    /**
+     * @description 下拉选项的容器样式覆盖
+     */
+    optionStyle?: React.CSSProperties;
+    /**
+     * @description 自定义输入框的值的样式覆盖
+     */
+    inputValueStyle?: React.CSSProperties;
+    /**
+     * @description 自定义标签的样式覆盖
+     */
+    tagStyle?: React.CSSProperties;
+    /**
+     * @description 下拉面板浮层的 z-index
+     */
+    zIndex?: number;
+    /**
+     * @description 遮罩层的 z-index
+     */
+    zIndexMask?: number;
+    /**
+     * @description 自定义【其他】选项的渲染
+     */
+    otherOptionRender?: (value: string, options: OptionType[]) => React.ReactNode;
+    /**
+     * @description 【其他】选项输入框的展示位置
+     * @default 'bottom' - 展示在组件下方
+     * @description 'inline' - 展示在【其他】选项的右侧
+     */
+    otherInputPosition?: 'bottom' | 'inline';
+    /**
+     * @description 自定义浮层的最小宽度
+     */
+    popupMinWidth?: string;
+}
+export interface SelectRef {
+    /**
+     * @description 获取【其他】选项的输入值
+     */
+    getOtherOptionValue: () => string;
+    /**
+     * @description 设置【其他】选项的输入值
+     */
+    setOtherOptionValue: (value: string) => void;
+}

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

@@ -0,0 +1,30 @@
+import { DefaultOptionType, FieldNames } from '../interface';
+/**
+ * 创建字段访问器，用于安全地访问选项的字段
+ */
+export declare function createFieldAccessor(fieldNames: FieldNames): {
+    /**
+     * 获取选项的标签文本
+     */
+    getLabel: <T extends DefaultOptionType>(option: T) => string;
+    /**
+     * 获取选项的值
+     */
+    getValue: <T extends DefaultOptionType>(option: T) => string | number;
+    /**
+     * 获取选项的子项
+     */
+    getChildren: <T extends DefaultOptionType>(option: T) => T[] | undefined;
+    /**
+     * 创建标准化的选项对象（用于向后兼容）
+     */
+    normalizeOption: <T extends DefaultOptionType>(option: T) => T & {
+        label: T[keyof T];
+        value: T[keyof T];
+        children: T[keyof T] | undefined;
+    };
+    /**
+     * 获取字段名映射
+     */
+    getFieldNames: () => FieldNames;
+};

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

@@ -0,0 +1,2 @@
+import { FieldNames, DefaultOptionType } from '../interface';
+export declare const flatTree: (tree: DefaultOptionType[], fieldNames: FieldNames) => DefaultOptionType[];

package/dist/components/Tree/Tree.d.ts

@@ -0,0 +1,6 @@
+import { TreeProps } from './types/tree';
+declare const Tree: {
+    (props: TreeProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default Tree;

package/dist/components/Tree/TreeNode/TreeNode.d.ts

@@ -0,0 +1,21 @@
+import { TreeNodeDefine } from '../types/node';
+type BsyTreeNodeProps = {
+    /**
+     * @description 节点
+     */
+    node: TreeNodeDefine;
+    /**
+     * @description 节点层级
+     */
+    level?: number;
+    /**
+     * @description 字段名映射
+     */
+    fieldNames: {
+        title: string;
+        value: string;
+        children: string;
+    };
+};
+declare const BsyTreeNode: ({ node, level, fieldNames }: BsyTreeNodeProps) => import("react/jsx-runtime").JSX.Element;
+export default BsyTreeNode;

package/dist/components/Tree/context/TreeContext.d.ts

@@ -0,0 +1,15 @@
+import { TreeNodeDefine } from '../types/node';
+export type CheckType = 'radio' | 'checkbox' | 'default';
+export declare const BsyTreeContext: import('react').Context<{
+    searchValue: string;
+    selectedKeys: (string | number)[];
+    expandedKeys: (string | number)[];
+    parentCheckable?: boolean;
+    onSelect?: (value: string | number, node: TreeNodeDefine) => void;
+    onDeSelect?: (value: string | number) => void;
+    onExpand?: (key: string | number, expanded: boolean) => void;
+    icon?: (node: TreeNodeDefine) => React.ReactNode;
+    switcherIcon?: (expanded: boolean) => React.ReactNode;
+    checkType: CheckType;
+    showSwitcher: boolean;
+}>;

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

@@ -0,0 +1,3 @@
+export { default as Tree } from './Tree';
+export type { TreeNodeDefine } from './types/node';
+export type { TreeProps } from './types/tree';

package/dist/components/Tree/types/node.d.ts

@@ -0,0 +1,12 @@
+type TreeNodeDefine = {
+  [key: string]: any;
+  icon?: React.ReactNode | ((node: TreeNodeDefine) => React.ReactNode);
+  /**
+   * @description 节点是否可被选中
+   * @description 如果设置为 `false` 点击该节点不会有任何的交互和事件响应（但是如果节点有 children，会自动展开 children)
+   * @default true
+   */
+  checkable?: boolean;
+};
+
+export type { TreeNodeDefine };

package/dist/components/Tree/types/tree.d.ts

@@ -0,0 +1,84 @@
+import { TreeNodeDefine } from './node';
+
+
+export type CheckType = 'radio' | 'checkbox' | 'default';
+
+export type TreeProps = {
+  data: TreeNodeDefine[];
+  /**
+   * @description 搜索值 （用于高亮显示）
+   */
+  searchValue?: string;
+
+  /**
+   * @description 字段名
+   */
+  fieldNames?: {
+    title: string;
+    value: string;
+    children: string;
+  };
+
+  /**
+   * @description 选中的节点 (受控)
+   */
+  selectedKeys?: (string | number)[];
+
+  /**
+   * @description 默认选中的节点 (非受控)
+   */
+  defaultSelectedKeys?: (string | number)[];
+
+  /**
+   * @description 展开的节点keys (受控)
+   */
+  expandedKeys?: (string | number)[];
+
+  /**
+   * @description 默认展开的节点keys (非受控)
+   */
+  defaultExpandedKeys?: (string | number)[];
+
+  /**
+   * @description 展开/收起节点时的回调
+   */
+  onExpand?: (expandedKeys: (string | number)[]) => void;
+
+  /**
+   * @description 选中节点回调
+   */
+  onSelect?: (value: string | number, node?: TreeNodeDefine) => void;
+
+  /**
+   * @description 取消选中节点回调
+   */
+  onDeSelect?: (value: string | number) => void;
+
+  /**
+   * @description 全局节点图标渲染函数
+   */
+  icon?: (node: TreeNodeDefine) => React.ReactNode;
+
+  /**
+   * @description 全局下拉箭头图标渲染函数
+   */
+  switcherIcon?: (expanded: boolean) => React.ReactNode;
+
+  /**
+   * @description 父节点是否可以被选中（如果设置为 true， 则所有节点的展开/折叠必须点击箭头按钮才能正常操作）
+   */
+  parentCheckable?: boolean;
+
+  /**
+   * @description 树形节点的选择样式
+   * @description 如果设置为 `radio`，则只能单选，如果设置为 `checkbox`，则可以多选，如果设置为 `default`，则节点遵循默认行为
+   * @default default
+   */
+  checkType?: CheckType;
+
+  /**
+   * @description 是否显示展开/收起节点时的箭头按钮
+   * @default true
+   */
+  showSwitcher?: boolean;
+};

package/dist/components/Tree/utils/index.d.ts

@@ -0,0 +1,11 @@
+import { TreeNodeDefine } from '../types/node';
+declare const getNodePath: (nodes: TreeNodeDefine[], targetValue: string | number, fieldNames: {
+    value: string;
+    children: string;
+}, path?: (string | number)[]) => (string | number)[] | null;
+declare const getMatchingNodesPaths: (nodes: TreeNodeDefine[], searchValue: string, fieldNames: {
+    title: string;
+    value: string;
+    children: string;
+}, path?: (string | number)[]) => (string | number)[][];
+export { getNodePath, getMatchingNodesPaths };

package/dist/components/index.d.ts

@@ -3,3 +3,8 @@ export { LocaleProvider } from '../locale/LocaleProvider';
 export { default as Card } from './Card';
 export { default as Modal } from './Modal';
 export { default as ColorPicker } from './ColorPicker';
+export { default as Segmented } from './Segmented';
+export { Select } from './Select';
+export { Tree } from './Tree';
+export { default as Checkbox } from './CheckBox';
+export { default as Ratio } from './Radio';

package/dist/index.js

@@ -1,61 +1,71 @@
-import { I as W } from "./Icon/Icon-C0bjP9U6.js";
+import { I as W } from "./Icon/Icon-BlkVlKDd.js";
 import { jsx as p } from "react/jsx-runtime";
-import { useMemo as o, useCallback as u } from "react";
-import { z as s, L as f } from "./ColorPicker/ColorPicker-CpPLwHR2.js";
-import { C as Y } from "./ColorPicker/ColorPicker-CpPLwHR2.js";
-import { C as _ } from "./Card/Card-DMXtN2pu.js";
-import { M as te } from "./Modal/Modal-C1LEJ6Y0.js";
-const C = "Please select", U = "search", I = "No search data", L = "Select All", k = "Please enter the content", A = "No Data", P = "No Data Found", S = "Data Searching...", h = "Select All by Search", y = "Left Align", N = "Center Align", x = "Right Align", R = "Underline", F = "Link", v = "Hyper Link", z = "Show Content", w = "Link Address", D = "Open in New Tab", M = "Confirm", b = "Cancel", E = "Cancel Link", O = "preset color", T = { linkTip: "Support https://link or @form alias", bold: "Bold", italic: "Italic", fontSize: "Font Size", fontColor: "Font Color", fill: "fill", alignment: "Alignment", centerAlign: "Center Align", rightAlign: "Right Align", uploadImage: "Upload Image", imageUrl: "Image URL", imageUrlPlaceholder: "Please enter image URL", imageUrlRequired: "Please enter image URL", imageUrlInvalid: "Please enter a valid image URL", imageUrlNote: "Note: Enter image URL to insert image", inputImageUrl: "Enter Image URL", uploadImageNote: "Note: Single image size cannot exceed 1MB", uploadImageText: "Click or drag to upload image", previewImage: "Preview Image", underline: "Underline", imageFormatOnly: "Only image formats are supported", uploadImageFirst: "Please upload image first", imageAddSuccess: "Image added successfully", operationFailed: "Operation failed", onlyImageFormatsSupported: "Only image formats are supported", pleaseUploadImageFirst: "Please upload image first", imageSizeNote: "Image size cannot exceed 1MB", clickOrDragToUpload: "Click or drag to upload image", enterImageUrl: "Enter image URL", pleaseEnterImageUrl: "Please enter image URL", pleaseEnterValidImageUrl: "Please enter a valid image URL", linkAddressEmpty: "Link address cannot be empty" }, B = "Picture", V = "Custom Color", j = "Add Picture", q = {
+import { useMemo as a, useCallback as u } from "react";
+import { z as s, L as f } from "./vendors/index-ByQkttKA.js";
+import { C as Y } from "./Card/Card-CXULQNHa.js";
+import { M as _ } from "./Modal/Modal-BZTEGGa0.js";
+import { C as te } from "./ColorPicker/ColorPicker-CwFsihkL.js";
+import { S as ae } from "./Segmented/Segmented-UgzW78Ey.js";
+import { S as re } from "./Select/Select-C3abXG27.js";
+import { T as ie } from "./vendors/Tree-CCY2gtpG.js";
+import { default as ce } from "./CheckBox/index.js";
+import { default as de } from "./Radio/index.js";
+const C = "Please select", U = "search", I = "No search data", S = "Select All", k = "Please enter the content", L = "No Data", h = "No Data Found", x = "Data Searching...", A = "Select All by Search", P = "Left Align", y = "Center Align", N = "Right Align", R = "Underline", F = "Link", v = "Hyper Link", z = "Show Content", b = "Link Address", w = "Open in New Tab", D = "Confirm", M = "Cancel", T = "Cancel Link", E = "preset color", O = { linkTip: "Support https://link or @form alias", bold: "Bold", italic: "Italic", fontSize: "Font Size", fontColor: "Font Color", fill: "fill", alignment: "Alignment", centerAlign: "Center Align", rightAlign: "Right Align", uploadImage: "Upload Image", imageUrl: "Image URL", imageUrlPlaceholder: "Please enter image URL", imageUrlRequired: "Please enter image URL", imageUrlInvalid: "Please enter a valid image URL", imageUrlNote: "Note: Enter image URL to insert image", inputImageUrl: "Enter Image URL", uploadImageNote: "Note: Single image size cannot exceed 1MB", uploadImageText: "Click or drag to upload image", previewImage: "Preview Image", underline: "Underline", imageFormatOnly: "Only image formats are supported", uploadImageFirst: "Please upload image first", imageAddSuccess: "Image added successfully", operationFailed: "Operation failed", onlyImageFormatsSupported: "Only image formats are supported", pleaseUploadImageFirst: "Please upload image first", imageSizeNote: "Image size cannot exceed 1MB", clickOrDragToUpload: "Click or drag to upload image", enterImageUrl: "Enter image URL", pleaseEnterImageUrl: "Please enter image URL", pleaseEnterValidImageUrl: "Please enter a valid image URL", linkAddressEmpty: "Link address cannot be empty" }, B = "Picture", V = "Custom Color", j = "Add Picture", q = {
   select: C,
   search: U,
   noFindData: I,
-  allSelect: L,
+  allSelect: S,
   context: k,
-  noData: A,
-  noDataFound: P,
-  dataSearching: S,
-  allSelectedBySearch: h,
-  leftAlign: y,
-  centerAlign: N,
-  rightAlign: x,
+  noData: L,
+  noDataFound: h,
+  dataSearching: x,
+  allSelectedBySearch: A,
+  leftAlign: P,
+  centerAlign: y,
+  rightAlign: N,
   underline: R,
   link: F,
   hyperLink: v,
   showContent: z,
-  linkAddress: w,
-  openInNewTab: D,
-  confirm: M,
-  cancel: b,
-  cancelLink: E,
-  presetColors: O,
-  editor: T,
+  linkAddress: b,
+  openInNewTab: w,
+  confirm: D,
+  cancel: M,
+  cancelLink: T,
+  presetColors: E,
+  editor: O,
   picture: B,
   customColor: V,
   addPicture: j
-}, J = ({ children: c, locale: t = "zh-CN", messages: a = {} }) => {
-  const r = o(() => ({ "zh-CN": s, "en-US": q, ...a }), [a]), l = o(() => r[t] || s, [t, r]), i = u(
-    (n) => {
-      const m = n.split(".");
+}, J = ({ children: c, locale: t = "zh-CN", messages: n = {} }) => {
+  const r = a(() => ({ "zh-CN": s, "en-US": q, ...n }), [n]), l = a(() => r[t] || s, [t, r]), i = u(
+    (o) => {
+      const d = o.split(".");
       let e = l;
-      for (const d of m)
-        if (e = e[d], !e)
-          return console.warn(`[LocaleProvider] Cannot find translation for key: ${n}`), n;
-      return typeof e == "string" ? e : n;
+      for (const g of d)
+        if (e = e[g], !e)
+          return console.warn(`[LocaleProvider] Cannot find translation for key: ${o}`), o;
+      return typeof e == "string" ? e : o;
     },
     [l]
-  ), g = o(
+  ), m = a(
     () => ({
       locale: t,
       t: i
     }),
     [t, i]
   );
-  return /* @__PURE__ */ p(f.Provider, { value: g, children: c });
+  return /* @__PURE__ */ p(f.Provider, { value: m, children: c });
 };
 export {
-  _ as Card,
-  Y as ColorPicker,
+  Y as Card,
+  ce as Checkbox,
+  te as ColorPicker,
   W as Icon,
   J as LocaleProvider,
-  te as Modal
+  _ as Modal,
+  de as Ratio,
+  ae as Segmented,
+  re as Select,
+  ie as Tree
 };

package/dist/style.css

@@ -1 +1 @@
-._modal__title_klsxr_1{padding:16px 20px;font-weight:700;font-size:18px;display:flex;justify-content:space-between;max-height:60px;border-bottom:1px solid #e0e0e0}._modal__title-text_klsxr_10{font-size:18px;font-weight:700}._modal__actions_klsxr_14,._modal__button_groups_klsxr_18{display:flex;gap:10px}._modal__button_klsxr_18{cursor:pointer;transition:colors .2s ease;display:flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:4px}._modal__button_klsxr_18:hover{background-color:#f3f3f3}._modal__button--fullscreen_klsxr_35:hover{background-color:#fff}._modal__icon_klsxr_38{color:#666;font-size:18px;transition:color .2s ease}._modal__button_klsxr_18:hover ._modal__icon_klsxr_38{color:#121211}._bsy-color-picker__floating_1kfi6_1{z-index:10}._bsy-color-picker__content_1kfi6_4{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 25px 50px -12px #00000040;font-size:14px}._bsy-color-picker__grid_1kfi6_11{display:grid;gap:16px}._bsy-color-picker__preset-colors-title_1kfi6_15{color:#91a1b7;margin-bottom:12px}._bsy-color-picker__preset-colors-grid_1kfi6_19{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}._bsy-color-picker__preset-colors-item_1kfi6_24{position:relative;width:30px;aspect-ratio:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}._bsy-color-picker__preset-colors-item_1kfi6_24:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1;transition:all .25s ease;border-radius:50%}._bsy-color-picker__preset-colors-item_1kfi6_24:hover:after{background:var(--hover-color);transform:scale(1.15)}._bsy-color-picker__custom-color-title_1kfi6_47{color:#91a1b7;margin-bottom:12px}._bsy-color-picker__custom-color-btn_1kfi6_51{display:inline-block;border-radius:50%;cursor:pointer;border:1px solid #e0e0e0;color:#666;padding:6px;font-size:0;transition:.25s ease}._bsy-color-picker__custom-color-btn_1kfi6_51:not(._preview_1kfi6_61):hover,._bsy-color-picker__custom-color-btn_1kfi6_51:not(._preview_1kfi6_61)._bsy-color-picker__custom-color-btn--active_1kfi6_61{border-color:#0265ff;color:#0265ff}._bsy-color-picker__custom-color-btn_1kfi6_51._bsy-color-picker__custom-color-btn--preview_1kfi6_65{border-color:transparent}._bsy-color-picker__custom-color-content_1kfi6_68{display:flex;gap:16px}._bsy-color-picker__check-icon_1kfi6_72{font-size:18px;color:#fff}._bsy-card_myftj_1{padding:10px 12px;background:#fff;border-radius:10px}._bsy-card__header_myftj_6{display:flex;align-items:center;justify-content:space-between;cursor:pointer;line-height:normal}._bsy-card__header_myftj_6:hover ._bsy-card__title_myftj_13{color:#0265ff}._bsy-card__title_myftj_13{color:#121211;font-size:14px;font-weight:700;margin:0;transition:color .2s ease;-webkit-user-select:none;user-select:none}._bsy-card__icon-container_myftj_24{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;cursor:pointer;color:#666}._bsy-card__icon-container_myftj_24:hover{background-color:#f0f6ff;color:#0265ff}._bsy-card__icon_myftj_24{font-size:16px;transition:transform .2s ease}._bsy-card__icon--expanded_myftj_43{transform:rotate(180deg)}._bsy-card__content_myftj_46{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);overflow:hidden}._bsy-card__content--expanded_myftj_52{grid-template-rows:1fr}._bsy-card__content--expanded_myftj_52 ._bsy-card__content-inner_myftj_55{padding-top:12px}._bsy-card__content-inner_myftj_55{overflow:hidden;transition:padding-top .3s cubic-bezier(.4,0,.2,1)}@keyframes _scale-in_46spj_1{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}._bsy-inputTag_46spj_11{display:flex;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:0 4px;font-size:14px;height:34px;color:#121211;transition:all .3s cubic-bezier(.4,0,.2,1)}._bsy-inputTag__container_46spj_22{height:32px;flex-grow:0;overflow:hidden}._bsy-inputTag__inputContainer_46spj_27{flex-shrink:0;min-width:80px;max-width:80px;height:32px;display:inline-flex;align-items:center;font-size:14px;margin-left:4px}._bsy-inputTag__inputContainer--zeroMargin_46spj_37{margin:0}._bsy-inputTag__input_46spj_27{width:100%;padding:0 6px;height:23px;outline:none;border-radius:4px;border:1px dashed #e0e0e0;background-color:transparent}
+._checkbox_vheru_1{width:16px;height:16px;border-radius:2px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}._checkbox--checked_vheru_12{background-color:#0265ff;border-color:#0265ff}._checkbox--unchecked_vheru_16{background-color:#fff0;border-color:#9da2b2}._checkbox--unchecked_vheru_16:hover{border-color:#0265ff}._checkbox--indeterminate_vheru_23{background-color:#fff;border-color:#0265ff}._checkbox--disabled_vheru_27{background-color:#f5f5f5;border-color:#d9d9d9}._checkbox__inner_vheru_32{width:8px;height:8px;border-radius:1px;background-color:#0265ff}._checkbox__inner--disabled_vheru_38{background-color:#b8b8b8}._bsy-checkbox_1372g_1{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}._bsy-checkbox--full-width_1372g_8{width:100%}._bsy-checkbox__button_1372g_11{width:1rem;height:1rem;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;border:1px solid;flex-shrink:0}._bsy-checkbox__button--disabled_1372g_22{background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}._bsy-checkbox__button--enabled_1372g_27{cursor:pointer}._bsy-checkbox__button--indeterminate_1372g_30{background-color:#fff;border-color:#0265ff}._bsy-checkbox__button--checked_1372g_34{background-color:#0265ff;border-color:#0265ff}._bsy-checkbox__button--unchecked_1372g_38{background-color:transparent;border-color:#9da2b2}._bsy-checkbox__button--unchecked_1372g_38:hover{border-color:#0265ff}._bsy-checkbox__button--left-label_1372g_45{order:2}._bsy-radio_q02xg_1{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}._bsy-radio--disabled_q02xg_8{cursor:not-allowed}._bsy-radio--full-width_q02xg_11{width:100%}._bsy-radio__input_q02xg_14{position:relative;width:16px;height:16px;border-radius:50%;border:1px solid #9da2b2;background-color:#fff;flex-shrink:0;transition:all .25s;cursor:pointer;box-sizing:border-box}._bsy-radio__input_q02xg_14:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:6px;height:6px;border-radius:50%;background-color:#fff;transition:all .25s ease-out}._bsy-radio__input--checked_q02xg_38{background-color:#0265ff;border-color:#0265ff}._bsy-radio__input--checked_q02xg_38:after{transform:translate(-50%,-50%) scale(1)}._bsy-radio__input--disabled_q02xg_45{background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}._bsy-radio__input--disabled_q02xg_45:after{background-color:#f5f5f5}._bsy-radio__input--disabled_q02xg_45._bsy-radio__input--checked_q02xg_38{background-color:#00000040;border-color:#d9d9d9}._bsy-radio__input--disabled_q02xg_45._bsy-radio__input--checked_q02xg_38:after{background-color:#fff}._bsy-radio__label_q02xg_60{flex:1;font-size:14px;line-height:normal}._bsy-radio__label--left_q02xg_65{order:-1}._bsy-radio--disabled_q02xg_8 ._bsy-radio__label_q02xg_60{color:#00000040}._bsy-radio_q02xg_1:not(._bsy-radio--disabled_q02xg_8):hover ._bsy-radio__input_q02xg_14:not(._bsy-radio__input--disabled_q02xg_45){border-color:#0265ff}._bsy-radio-group_q02xg_75{display:inline-flex}._bsy-radio-group--none_q02xg_78{flex-direction:column}._bsy-radio-group--vertical_q02xg_81{flex-direction:column;gap:8px}._bsy-radio-group--horizontal_q02xg_85{flex-direction:row;flex-wrap:wrap;gap:8px 16px}._bsy-input-tag__container_18guu_1{display:flex;flex-wrap:nowrap;gap:4px;overflow:hidden}._bsy-input-tag__item_18guu_7{flex-grow:0;flex-shrink:0;display:inline-flex;align-items:center;padding:3px 6px;color:#121111;line-height:normal;background-color:#eee;border-radius:2px;max-height:26px;overflow:hidden}._bsy-input-tag__item--disabled_18guu_20{background-color:#e7e7e7;color:#adadad}._bsy-input-tag__item-icon_18guu_24{margin-left:4px;width:12px;aspect-ratio:1}._select_multiple_input__container_8pd2n_1{overflow:hidden;display:flex;align-items:center}._select_multiple_input__measurement_layer_8pd2n_6{position:fixed;top:0;left:0;opacity:0;pointer-events:none;z-index:-1}._select_multiple_input__close_btn_8pd2n_14{color:#666;cursor:pointer}._select_multiple_input__close_btn_8pd2n_14:hover{color:#0265ff}._select_multiple_input__close_btn--disabled_8pd2n_21{cursor:not-allowed}._select_multiple_input__tag_content_8pd2n_24{width:100%;display:inline-flex}.bsy-select-input-container{--border-color: #e0e0e0;--bg-color: #fff;--input-text-color: #121212;--input-placholder-color: #999;-webkit-user-select:none;user-select:none;max-height:34px;min-height:34px;border-radius:4px;line-height:1.4;border:1px solid var(--border-color);background:var(--bg-color);transition:border .25s ease}.bsy-select-input-container:not([class*=disabled]):hover,.bsy-select-input-container:not([class*=disabled])[class*=active]{border:1px solid #0265ff;cursor:pointer}.bsy-select-input-container[class*=disabled]{cursor:not-allowed;--bg-color: #f0f0f0;--border-color: transparent;--input-text-color: #c2c2c2;--input-placholder-color: #c2c2c2}.bsy-select-input-container-input{height:32px;display:flex}.bsy-select-input-container-input-prefix{padding:7px 6px 7px 10px}.bsy-select-input-container-input-prefix+div{padding-left:0}.bsy-select-input-container__input-value{display:flex;flex:1;line-height:normal;padding:7px 10px}.bsy-select-input-container__input-value[class*=multiple]{padding:3px}.bsy-select-input-container__input-value-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--input-text-color)}.bsy-select-input-container__icon{display:flex;align-items:center;justify-content:center;padding-right:10px}.bsy-select-input-container__icon .icon{font-size:16px;transition:transform .25s ease}.bsy-select-input-container__icon .icon[class*=active]{transform:rotate(180deg)}.bsy-select-input-container__input-value-placeholder{flex:1;padding:7px 10px;color:var(--input-placholder-color);font-size:14px}.bsy-select-input-container[class*=ghost-style]{border-color:transparent!important;background:transparent!important}.bsy-select-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent}.bsy-select-panel{padding:4px;background-color:#fff;border-radius:8px;color:#121211;font-size:14px;line-height:normal;box-shadow:0 6px 16px #0000000f}.bsy-select-input-search-input{display:flex;gap:8px;padding:6px 10px;border-radius:4px;border:1px solid #e0e0e0;color:#121212;line-height:normal;font-size:14px}.bsy-select-input-search-input__container{flex:1}.bsy-select-input-search-input__icon{color:#666;font-size:16px}.bsy-select-input-search-input__icon:hover{color:#0265ff}.bsy-select-input-search-input input{width:100%;max-height:20px;min-height:20px;border:none;outline:none}.bsy-select-input-search-input input::placeholder{color:#999}._bsy-segmented_ia83v_1{position:relative;display:inline-flex;gap:2px;height:34px;padding:2px;align-items:center;border-radius:4px;background-color:#f3f3f3}._bsy-segmented--block_ia83v_12{display:grid;width:100%}._bsy-segmented__item_ia83v_17{position:relative;display:flex;height:30px;padding:7px 10px;justify-content:center;align-items:center;cursor:pointer;transition:color .3s ease-in-out;font-size:14px;white-space:nowrap;border-radius:4px;border:1px solid transparent}._bsy-segmented__item--disabled_ia83v_31{color:#00000040!important;cursor:not-allowed}._bsy-segmented__item--block_ia83v_36{min-width:0;overflow:hidden;text-overflow:ellipsis;padding-left:0;padding-right:0}._bsy-segmented__item--active_ia83v_44{color:#0265ff}._bsy-segmented__item--inactive_ia83v_48:not(._bsy-segmented__item--disabled_ia83v_31):hover{background-color:#fff;border-color:#e0e0e0}._bsy-segmented__slider_ia83v_53{position:absolute;top:2px;height:30px;border-radius:4px;border:1px solid #e0e0e0;background-color:#fff}._modal__title_klsxr_1{padding:16px 20px;font-weight:700;font-size:18px;display:flex;justify-content:space-between;max-height:60px;border-bottom:1px solid #e0e0e0}._modal__title-text_klsxr_10{font-size:18px;font-weight:700}._modal__actions_klsxr_14,._modal__button_groups_klsxr_18{display:flex;gap:10px}._modal__button_klsxr_18{cursor:pointer;transition:colors .2s ease;display:flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:4px}._modal__button_klsxr_18:hover{background-color:#f3f3f3}._modal__button--fullscreen_klsxr_35:hover{background-color:#fff}._modal__icon_klsxr_38{color:#666;font-size:18px;transition:color .2s ease}._modal__button_klsxr_18:hover ._modal__icon_klsxr_38{color:#121211}._bsy-color-picker__floating_1kfi6_1{z-index:10}._bsy-color-picker__content_1kfi6_4{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 25px 50px -12px #00000040;font-size:14px}._bsy-color-picker__grid_1kfi6_11{display:grid;gap:16px}._bsy-color-picker__preset-colors-title_1kfi6_15{color:#91a1b7;margin-bottom:12px}._bsy-color-picker__preset-colors-grid_1kfi6_19{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}._bsy-color-picker__preset-colors-item_1kfi6_24{position:relative;width:30px;aspect-ratio:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}._bsy-color-picker__preset-colors-item_1kfi6_24:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1;transition:all .25s ease;border-radius:50%}._bsy-color-picker__preset-colors-item_1kfi6_24:hover:after{background:var(--hover-color);transform:scale(1.15)}._bsy-color-picker__custom-color-title_1kfi6_47{color:#91a1b7;margin-bottom:12px}._bsy-color-picker__custom-color-btn_1kfi6_51{display:inline-block;border-radius:50%;cursor:pointer;border:1px solid #e0e0e0;color:#666;padding:6px;font-size:0;transition:.25s ease}._bsy-color-picker__custom-color-btn_1kfi6_51:not(._preview_1kfi6_61):hover,._bsy-color-picker__custom-color-btn_1kfi6_51:not(._preview_1kfi6_61)._bsy-color-picker__custom-color-btn--active_1kfi6_61{border-color:#0265ff;color:#0265ff}._bsy-color-picker__custom-color-btn_1kfi6_51._bsy-color-picker__custom-color-btn--preview_1kfi6_65{border-color:transparent}._bsy-color-picker__custom-color-content_1kfi6_68{display:flex;gap:16px}._bsy-color-picker__check-icon_1kfi6_72{font-size:18px;color:#fff}._bsy-card_myftj_1{padding:10px 12px;background:#fff;border-radius:10px}._bsy-card__header_myftj_6{display:flex;align-items:center;justify-content:space-between;cursor:pointer;line-height:normal}._bsy-card__header_myftj_6:hover ._bsy-card__title_myftj_13{color:#0265ff}._bsy-card__title_myftj_13{color:#121211;font-size:14px;font-weight:700;margin:0;transition:color .2s ease;-webkit-user-select:none;user-select:none}._bsy-card__icon-container_myftj_24{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;cursor:pointer;color:#666}._bsy-card__icon-container_myftj_24:hover{background-color:#f0f6ff;color:#0265ff}._bsy-card__icon_myftj_24{font-size:16px;transition:transform .2s ease}._bsy-card__icon--expanded_myftj_43{transform:rotate(180deg)}._bsy-card__content_myftj_46{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);overflow:hidden}._bsy-card__content--expanded_myftj_52{grid-template-rows:1fr}._bsy-card__content--expanded_myftj_52 ._bsy-card__content-inner_myftj_55{padding-top:12px}._bsy-card__content-inner_myftj_55{overflow:hidden;transition:padding-top .3s cubic-bezier(.4,0,.2,1)}@keyframes _scale-in_46spj_1{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}._bsy-inputTag_46spj_11{display:flex;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:0 4px;font-size:14px;height:34px;color:#121211;transition:all .3s cubic-bezier(.4,0,.2,1)}._bsy-inputTag__container_46spj_22{height:32px;flex-grow:0;overflow:hidden}._bsy-inputTag__inputContainer_46spj_27{flex-shrink:0;min-width:80px;max-width:80px;height:32px;display:inline-flex;align-items:center;font-size:14px;margin-left:4px}._bsy-inputTag__inputContainer--zeroMargin_46spj_37{margin:0}._bsy-inputTag__input_46spj_27{width:100%;padding:0 6px;height:23px;outline:none;border-radius:4px;border:1px dashed #e0e0e0;background-color:transparent}