@yoka-ui/ui 1.0.3 → 1.0.5

package/dist/es/layout/YkDrawer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layout/YkDrawer/index.tsx"],
-  "sourcesContent": ["import { CloseOutlined } from '@ant-design/icons';\nimport { ConfigProvider, Drawer, DrawerProps } from 'antd';\nimport classNames from 'classnames';\nimport React, { useCallback } from 'react';\nimport styles from './index.module.less';\n\n/** 预设尺寸（px）：左右抽屉为 `width`，上下抽屉为 `height` */\nexport const YK_DRAWER_SIZE_PX = {\n  small: 378,\n  medium: 550,\n  large: 736,\n  xlarge: 1000,\n} as const;\n\nexport type YkDrawerSize = keyof typeof YK_DRAWER_SIZE_PX;\n\nexport type YkDrawerMaskEffect = 'blur' | 'dimmed' | 'none';\n\nexport type YkDrawerPlacement = NonNullable<DrawerProps['placement']>;\n\nexport type YkDrawerProps = Omit<DrawerProps, 'size'> & {\n  /** 预设宽高；不配 `width`/`height` 时按 `placement` 自动套用 */\n  drawerSize?: YkDrawerSize;\n  /** 遮罩：`blur` 毛玻璃+浅遮罩，`dimmed` 默认变暗，`none` 透明（仍拦截点击背后） */\n  maskEffect?: YkDrawerMaskEffect;\n  /** 是否展示外侧关闭标签（参考 DrawerPageInfo），默认 true；仅 **left/right** 生效，top/bottom 不展示外侧钮、使用 antd 默认关闭；为 true 且为左右抽屉时关闭内置标题栏关闭钮 */\n  showOuterClose?: boolean;\n};\n\nconst MASK_BASE: Record<YkDrawerMaskEffect, React.CSSProperties> = {\n  blur: {\n    background: 'rgba(0, 0, 0, 0.28)',\n    backdropFilter: 'blur(6px)',\n    WebkitBackdropFilter: 'blur(6px)',\n  },\n  dimmed: {},\n  none: {\n    background: 'transparent',\n    backdropFilter: 'none',\n    WebkitBackdropFilter: 'none',\n  },\n};\n\nfunction resolveDimension(\n  placement: YkDrawerPlacement,\n  drawerSize: YkDrawerSize | undefined,\n  widthProp: DrawerProps['width'],\n  heightProp: DrawerProps['height'],\n): Pick<DrawerProps, 'width' | 'height'> {\n  const preset = drawerSize ? YK_DRAWER_SIZE_PX[drawerSize] : undefined;\n  const vertical = placement === 'top' || placement === 'bottom';\n  return {\n    width: widthProp ?? (vertical ? undefined : (preset ?? YK_DRAWER_SIZE_PX.medium)),\n    height: heightProp ?? (vertical ? (preset ?? YK_DRAWER_SIZE_PX.medium) : undefined),\n  };\n}\n\nconst YkDrawer: React.FC<YkDrawerProps> = ({\n  drawerSize = 'medium',\n  maskEffect = 'dimmed',\n  placement = 'right',\n  showOuterClose = true,\n  extra,\n  styles: userStyles,\n  className,\n  rootClassName,\n  closable,\n  mask = true,\n  /** 默认 false：点击遮罩不关闭（与 DrawerPageInfo 一致）；需要时点遮罩关闭请传 `true` */\n  maskClosable = false,\n  width: widthProp,\n  height: heightProp,\n  onClose,\n  ...rest\n}) => {\n  const { width, height } = resolveDimension(placement, drawerSize, widthProp, heightProp);\n\n  const maskStyle: React.CSSProperties = {\n    ...MASK_BASE[maskEffect],\n    ...userStyles?.mask,\n  };\n\n  const handleExtraKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        onClose?.(e);\n      }\n    },\n    [onClose],\n  );\n\n  const isVerticalPlacement = placement === 'top' || placement === 'bottom';\n  /** 外侧关闭条仅在左右抽屉展示 */\n  const showOuterCloseEffective = showOuterClose && !isVerticalPlacement;\n\n  const outerClose = showOuterCloseEffective ? (\n    <div\n      className={classNames(styles.extraClose, styles[`extraClose--${placement}`])}\n      onClick={(e) => onClose?.(e)}\n      onKeyDown={handleExtraKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label=\"关闭\"\n    >\n      <CloseOutlined />\n    </div>\n  ) : null;\n\n  const mergedExtra = showOuterCloseEffective ? (\n    <div className={styles.extraWrap}>\n      {extra}\n      {outerClose}\n    </div>\n  ) : (\n    extra\n  );\n\n  /** top/bottom：内置关闭钮默认在标题栏右侧（antd `closable.placement: 'end'`） */\n  const mergedClosable: DrawerProps['closable'] = showOuterCloseEffective\n    ? false\n    : isVerticalPlacement\n      ? closable === false\n        ? false\n        : { placement: 'end', ...(closable === true || closable === undefined ? {} : closable) }\n      : closable;\n\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Drawer\n        placement={placement}\n        width={width}\n        height={height}\n        mask={mask}\n        maskClosable={maskClosable}\n        closable={mergedClosable}\n        extra={mergedExtra}\n        onClose={onClose}\n        styles={{\n          ...userStyles,\n          mask: maskStyle,\n        }}\n        className={className}\n        rootClassName={classNames(showOuterCloseEffective && styles.drawerRootHideBuiltinClose, rootClassName)}\n        {...rest}\n      />\n    </ConfigProvider>\n  );\n};\n\nexport default React.memo(YkDrawer);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { CloseOutlined } from '@ant-design/icons';\nimport { ConfigProvider, Drawer, type DrawerProps } from 'antd';\nimport classNames from 'classnames';\nimport React, { useCallback } from 'react';\nimport styles from './index.module.less';\n\n/** 预设尺寸（px）：左右抽屉为 `width`，上下抽屉为 `height` */\nexport const YK_DRAWER_SIZE_PX = {\n  small: 378,\n  medium: 550,\n  large: 736,\n  xlarge: 1000,\n} as const;\n\nexport type YkDrawerSize = keyof typeof YK_DRAWER_SIZE_PX;\n\nexport type YkDrawerMaskEffect = 'blur' | 'dimmed' | 'none';\n\nexport type YkDrawerPlacement = NonNullable<DrawerProps['placement']>;\n\nexport type YkDrawerProps = Omit<DrawerProps, 'size'> & {\n  /** 预设宽高；不配 `width`/`height` 时按 `placement` 自动套用 */\n  drawerSize?: YkDrawerSize;\n  /** 遮罩：`blur` 毛玻璃+浅遮罩，`dimmed` 默认变暗，`none` 透明（仍拦截点击背后） */\n  maskEffect?: YkDrawerMaskEffect;\n  /** 是否展示外侧关闭标签（参考 DrawerPageInfo），默认 true；仅 **left/right** 生效，top/bottom 不展示外侧钮、使用 antd 默认关闭；为 true 且为左右抽屉时关闭内置标题栏关闭钮 */\n  showOuterClose?: boolean;\n};\n\nconst MASK_BASE: Record<YkDrawerMaskEffect, React.CSSProperties> = {\n  blur: {\n    background: 'rgba(0, 0, 0, 0.28)',\n    backdropFilter: 'blur(6px)',\n    WebkitBackdropFilter: 'blur(6px)',\n  },\n  dimmed: {},\n  none: {\n    background: 'transparent',\n    backdropFilter: 'none',\n    WebkitBackdropFilter: 'none',\n  },\n};\n\nfunction resolveDimension(\n  placement: YkDrawerPlacement,\n  drawerSize: YkDrawerSize | undefined,\n  widthProp: DrawerProps['width'],\n  heightProp: DrawerProps['height'],\n): Pick<DrawerProps, 'width' | 'height'> {\n  const preset = drawerSize ? YK_DRAWER_SIZE_PX[drawerSize] : undefined;\n  const vertical = placement === 'top' || placement === 'bottom';\n  return {\n    width: widthProp ?? (vertical ? undefined : (preset ?? YK_DRAWER_SIZE_PX.medium)),\n    height: heightProp ?? (vertical ? (preset ?? YK_DRAWER_SIZE_PX.medium) : undefined),\n  };\n}\n\nconst YkDrawer: React.FC<YkDrawerProps> = ({\n  drawerSize = 'medium',\n  maskEffect = 'dimmed',\n  placement = 'right',\n  showOuterClose = true,\n  extra,\n  styles: userStyles,\n  className,\n  rootClassName,\n  closable,\n  mask = true,\n  /** 默认 false：点击遮罩不关闭（与 DrawerPageInfo 一致）；需要时点遮罩关闭请传 `true` */\n  maskClosable = false,\n  width: widthProp,\n  height: heightProp,\n  onClose,\n  ...rest\n}) => {\n  const { width, height } = resolveDimension(placement, drawerSize, widthProp, heightProp);\n\n  const maskStyle: React.CSSProperties = {\n    ...MASK_BASE[maskEffect],\n    ...userStyles?.mask,\n  };\n\n  const handleExtraKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        onClose?.(e);\n      }\n    },\n    [onClose],\n  );\n\n  const isVerticalPlacement = placement === 'top' || placement === 'bottom';\n  /** 外侧关闭条仅在左右抽屉展示 */\n  const showOuterCloseEffective = showOuterClose && !isVerticalPlacement;\n\n  const outerClose = showOuterCloseEffective ? (\n    <div\n      className={classNames(styles.extraClose, styles[`extraClose--${placement}`])}\n      onClick={(e) => onClose?.(e)}\n      onKeyDown={handleExtraKeyDown}\n      role='button'\n      tabIndex={0}\n      aria-label='关闭'\n    >\n      <CloseOutlined />\n    </div>\n  ) : null;\n\n  const mergedExtra = showOuterCloseEffective ? (\n    <div className={styles.extraWrap}>\n      {extra}\n      {outerClose}\n    </div>\n  ) : (\n    extra\n  );\n\n  /** top/bottom：内置关闭钮默认在标题栏右侧（antd `closable.placement: 'end'`） */\n  const mergedClosable: DrawerProps['closable'] = showOuterCloseEffective\n    ? false\n    : isVerticalPlacement\n      ? closable === false\n        ? false\n        : { placement: 'end', ...(closable === true || closable === undefined ? {} : closable) }\n      : closable;\n\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Drawer\n        placement={placement}\n        width={width}\n        height={height}\n        mask={mask}\n        maskClosable={maskClosable}\n        closable={mergedClosable}\n        extra={mergedExtra}\n        onClose={onClose}\n        styles={{\n          ...userStyles,\n          mask: maskStyle,\n        }}\n        className={className}\n        rootClassName={classNames(showOuterCloseEffective && styles.drawerRootHideBuiltinClose, rootClassName)}\n        {...rest}\n      />\n    </ConfigProvider>\n  );\n};\n\nexport default React.memo(YkDrawer);\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/ui/LabelSelect/demo.js

@@ -1,7 +1,7 @@
 // src/ui/LabelSelect/demo.tsx
+import { Tag } from "antd";
 import React from "react";
 import LabelSelect from "./index";
-import { Tag } from "antd";
 var labelOptions = [
   { label: "高优先级", value: "high", labelColor: "red" },
   { label: "中优先级", value: "medium", labelColor: "orange" },

package/dist/es/ui/LabelSelect/demo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/LabelSelect/demo.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport LabelSelect from './index';\nimport { Tag } from 'antd';\n\n// 自定义选项数据（模拟您的labelOptions）\nconst labelOptions = [\n  { label: '高优先级', value: 'high', labelColor: 'red' },\n  { label: '中优先级', value: 'medium', labelColor: 'orange' },\n  { label: '低优先级', value: 'low', labelColor: 'green' },\n  { label: '待处理', value: 'pending', labelColor: 'blue' },\n  { label: '已完成', value: 'completed', labelColor: 'gray', disabled: true },\n];\n\n// 混合选项数据（包含有labelColor和没有labelColor的选项）\nconst mixedOptions = [\n  { label: '高优先级', value: 'high', labelColor: 'red' },\n  { label: '中优先级', value: 'medium', labelColor: 'orange' },\n  { label: '低优先级', value: 'low' }, // 没有labelColor，使用默认显示方式\n  { label: '待处理', value: 'pending', labelColor: 'blue' },\n  { label: '已完成', value: 'completed' }, // 没有labelColor，使用默认显示方式\n];\n\n// 使用示例组件\nconst LabelSelectDemo: React.FC = () => {\n  const handleLabelChange = (value: string) => {\n    console.log('选择的值:', value);\n  };\n\n  // 自定义渲染函数示例\n  const customOptionRender = (option: any) => (\n    <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n      <Tag color={option.labelColor}>{option.label}</Tag>\n      <span style={{ fontSize: '12px', color: '#666' }}>{option.value}</span>\n    </div>\n  );\n\n  return (\n    <div style={{ padding: 24 }}>\n      <h2>LabelSelect 组件使用示例</h2>\n\n      {/* 示例1：智能Tag渲染（根据labelColor自动判断） */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>1. 智能Tag渲染（根据labelColor自动判断）</h3>\n        <p style={{ color: '#888888', marginBottom: 12 }}>\n          当选项包含labelColor时自动使用Tag显示，否则使用默认显示方式\n        </p>\n        <LabelSelect\n          label='事件标签'\n          customOptions={mixedOptions}\n          onChange={handleLabelChange}\n          selectWidth={240}\n          labelWidth={120}\n          placeholder='请选择事件标签'\n          allowClear\n        />\n      </div>\n\n      {/* 示例2：基本使用（全部使用Tag显示） */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>2. 基本使用（全部使用Tag显示）</h3>\n        <LabelSelect\n          label='事件标签'\n          customOptions={labelOptions}\n          onChange={handleLabelChange}\n          selectWidth={200}\n          labelWidth={120}\n          placeholder='请选择事件标签'\n          allowClear\n        />\n      </div>\n\n      {/* 示例3：在表单中使用 */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>3. 在表单中使用</h3>\n        <LabelSelect\n          label='注册状态'\n          customOptions={labelOptions}\n          formItemProps={{\n            rules: [{ required: true, message: '请选择状态' }],\n            style: { minWidth: 200 },\n          }}\n          required\n        />\n      </div>\n\n      {/* 示例4：自定义选项渲染 */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>4. 自定义选项渲染</h3>\n        <LabelSelect\n          label='事件标签'\n          customOptions={labelOptions}\n          optionRender={customOptionRender}\n          selectWidth={240}\n        />\n      </div>\n\n      {/* 示例5：标签在顶部 */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>5. 标签在顶部</h3>\n        <LabelSelect label='事件标签' labelPosition='top' customOptions={labelOptions} selectWidth={200} />\n      </div>\n\n      {/* 示例6：使用标准options（兼容性） */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>6. 使用标准options（兼容ProFormSelect）</h3>\n        <LabelSelect\n          label='事件'\n          options={[\n            { label: '事件1', value: 'event1' },\n            { label: '事件2', value: 'event2' },\n          ]}\n          selectWidth={200}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default LabelSelectDemo;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Tag } from 'antd';\nimport React from 'react';\nimport LabelSelect from './index';\n\n// 自定义选项数据（模拟您的labelOptions）\nconst labelOptions = [\n  { label: '高优先级', value: 'high', labelColor: 'red' },\n  { label: '中优先级', value: 'medium', labelColor: 'orange' },\n  { label: '低优先级', value: 'low', labelColor: 'green' },\n  { label: '待处理', value: 'pending', labelColor: 'blue' },\n  { label: '已完成', value: 'completed', labelColor: 'gray', disabled: true },\n];\n\n// 混合选项数据（包含有labelColor和没有labelColor的选项）\nconst mixedOptions = [\n  { label: '高优先级', value: 'high', labelColor: 'red' },\n  { label: '中优先级', value: 'medium', labelColor: 'orange' },\n  { label: '低优先级', value: 'low' }, // 没有labelColor，使用默认显示方式\n  { label: '待处理', value: 'pending', labelColor: 'blue' },\n  { label: '已完成', value: 'completed' }, // 没有labelColor，使用默认显示方式\n];\n\n// 使用示例组件\nconst LabelSelectDemo: React.FC = () => {\n  const handleLabelChange = (value: string) => {\n    console.log('选择的值:', value);\n  };\n\n  // 自定义渲染函数示例\n  const customOptionRender = (option: any) => (\n    <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n      <Tag color={option.labelColor}>{option.label}</Tag>\n      <span style={{ fontSize: '12px', color: '#666' }}>{option.value}</span>\n    </div>\n  );\n\n  return (\n    <div style={{ padding: 24 }}>\n      <h2>LabelSelect 组件使用示例</h2>\n\n      {/* 示例1：智能Tag渲染（根据labelColor自动判断） */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>1. 智能Tag渲染（根据labelColor自动判断）</h3>\n        <p style={{ color: '#888888', marginBottom: 12 }}>\n          当选项包含labelColor时自动使用Tag显示，否则使用默认显示方式\n        </p>\n        <LabelSelect\n          label='事件标签'\n          customOptions={mixedOptions}\n          onChange={handleLabelChange}\n          selectWidth={240}\n          labelWidth={120}\n          placeholder='请选择事件标签'\n          allowClear\n        />\n      </div>\n\n      {/* 示例2：基本使用（全部使用Tag显示） */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>2. 基本使用（全部使用Tag显示）</h3>\n        <LabelSelect\n          label='事件标签'\n          customOptions={labelOptions}\n          onChange={handleLabelChange}\n          selectWidth={200}\n          labelWidth={120}\n          placeholder='请选择事件标签'\n          allowClear\n        />\n      </div>\n\n      {/* 示例3：在表单中使用 */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>3. 在表单中使用</h3>\n        <LabelSelect\n          label='注册状态'\n          customOptions={labelOptions}\n          formItemProps={{\n            rules: [{ required: true, message: '请选择状态' }],\n            style: { minWidth: 200 },\n          }}\n          required\n        />\n      </div>\n\n      {/* 示例4：自定义选项渲染 */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>4. 自定义选项渲染</h3>\n        <LabelSelect\n          label='事件标签'\n          customOptions={labelOptions}\n          optionRender={customOptionRender}\n          selectWidth={240}\n        />\n      </div>\n\n      {/* 示例5：标签在顶部 */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>5. 标签在顶部</h3>\n        <LabelSelect label='事件标签' labelPosition='top' customOptions={labelOptions} selectWidth={200} />\n      </div>\n\n      {/* 示例6：使用标准options（兼容性） */}\n      <div style={{ marginBottom: 24 }}>\n        <h3>6. 使用标准options（兼容ProFormSelect）</h3>\n        <LabelSelect\n          label='事件'\n          options={[\n            { label: '事件1', value: 'event1' },\n            { label: '事件2', value: 'event2' },\n          ]}\n          selectWidth={200}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default LabelSelectDemo;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/ui/LabelSelect/index.d.ts

@@ -1,5 +1,5 @@
+import type { FormItemProps, SelectProps } from 'antd';
 import React from 'react';
-import type { SelectProps, FormItemProps } from 'antd';
 /** 自定义选项类型 */
 export interface CustomOption {
     label: string;

package/dist/es/ui/LabelSelect/index.js

@@ -31,8 +31,8 @@ var __objRest = (source, exclude) => {
 };
 
 // src/ui/LabelSelect/index.tsx
+import { Form, Select, Space, Tag, Typography } from "antd";
 import React from "react";
-import { Select, Form, Typography, Space, Tag } from "antd";
 var { Text } = Typography;
 var LabelSelect = (_a) => {
   var _b = _a, {

package/dist/es/ui/LabelSelect/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/LabelSelect/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Select, Form, Typography, Space, Tag } from 'antd';\nimport type { SelectProps, FormItemProps } from 'antd';\n\nconst { Text } = Typography;\n\n/** 自定义选项类型 */\nexport interface CustomOption {\n  label: string;\n  value: string | number;\n  /** 标签颜色，用于显示带颜色的标签 */\n  labelColor?: string;\n  /** 禁用状态 */\n  disabled?: boolean;\n  /** 自定义渲染函数 */\n  render?: (option: CustomOption) => React.ReactNode;\n}\n\nexport interface LabelSelectProps extends Omit<SelectProps, 'onChange' | 'optionRender'> {\n  /** 标签文本 */\n  label: string;\n  /** 标签宽度，默认120px */\n  labelWidth?: number | string;\n  /** 选择器宽度，默认200px */\n  selectWidth?: number | string;\n  /** 标签位置，默认在左侧 */\n  labelPosition?: 'left' | 'top';\n  /** Form.Item 相关属性 */\n  formItemProps?: Omit<FormItemProps, 'children'>;\n  /** 是否必填 */\n  required?: boolean;\n  /** 值变化回调 */\n  onChange?: (value: any, option: any) => void;\n\n  /** 高级选项：自定义选项配置 */\n  customOptions?: CustomOption[];\n  /** 是否显示标签颜色 */\n  showTagColor?: boolean;\n  /** 自定义选项渲染函数 */\n  optionRender?: (option: CustomOption) => React.ReactNode;\n}\n\n/**\n * 自定义标签选择器组件\n * 提供更好的排版控制和标签样式，支持高级自定义选项\n */\nconst LabelSelect: React.FC<LabelSelectProps> = ({\n  label,\n  labelWidth = 80,\n  selectWidth = 200,\n  labelPosition = 'left',\n  formItemProps,\n  required = false,\n  onChange,\n  style,\n  options,\n  children,\n  customOptions,\n  showTagColor = false,\n  optionRender,\n  ...selectProps\n}) => {\n  // 渲染标签\n  const renderLabel = () => (\n    <Text\n      style={{\n        display: 'block',\n        width: labelPosition === 'left' ? labelWidth : '100%',\n        textAlign: labelPosition === 'left' ? 'right' : 'left',\n        paddingRight: labelPosition === 'left' ? 8 : 0,\n        marginBottom: labelPosition === 'top' ? 4 : 0,\n        color: '#333',\n      }}\n    >\n      {required && <span style={{ color: '#ff4d4f', marginRight: 2 }}>*</span>}\n      {label}\n    </Text>\n  );\n\n  // 渲染自定义选项\n  const renderCustomOptions = () => {\n    if (!customOptions || customOptions.length === 0) return null;\n\n    return customOptions.map((option) => {\n      // 智能判断：如果设置了labelColor，自动使用Tag展示\n      const optionContent = option.render ? (\n        option.render(option)\n      ) : option.labelColor ? (\n        <Tag color={option.labelColor}>{option.label}</Tag>\n      ) : (\n        option.label\n      );\n\n      return (\n        <Select.Option key={option.value} value={option.value} disabled={option.disabled}>\n          {optionRender ? optionRender(option) : optionContent}\n        </Select.Option>\n      );\n    });\n  };\n\n  // 渲染选择器\n  const renderSelect = () => {\n    const selectPropsWithOptions = {\n      ...selectProps,\n      style: {\n        width: selectWidth,\n        ...style,\n      },\n      onChange,\n    };\n\n    // 如果提供了自定义选项，优先使用自定义选项\n    if (customOptions && customOptions.length > 0) {\n      return <Select {...selectPropsWithOptions}>{renderCustomOptions()}</Select>;\n    }\n\n    // 如果提供了children，使用children\n    if (children) {\n      return <Select {...selectPropsWithOptions}>{children}</Select>;\n    }\n\n    // 使用标准的options\n    return <Select options={options} {...selectPropsWithOptions} />;\n  };\n\n  // 如果使用 Form.Item 包装\n  if (formItemProps) {\n    // 当 labelPosition 为 top 时，设置 Form.Item 的 labelCol 使其占满整行\n    const labelCol = labelPosition === 'top' ? { span: 24 } : undefined;\n    const wrapperCol = labelPosition === 'top' ? { span: 24 } : undefined;\n\n    return (\n      <Form.Item\n        {...formItemProps}\n        label={renderLabel()}\n        labelCol={formItemProps.labelCol || labelCol}\n        wrapperCol={formItemProps.wrapperCol || wrapperCol}\n        style={{\n          marginBottom: 16,\n          ...formItemProps.style,\n        }}\n      >\n        {renderSelect()}\n      </Form.Item>\n    );\n  }\n\n  // 独立使用\n  return (\n    <Space\n      direction={labelPosition === 'top' ? 'vertical' : 'horizontal'}\n      align={labelPosition === 'top' ? 'start' : 'center'}\n      style={{ width: '100%' }}\n    >\n      {renderLabel()}\n      {renderSelect()}\n    </Space>\n  );\n};\n\nexport default LabelSelect;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,QAAQ,MAAM,YAAY,OAAO,WAAW;AAGrD,IAAM,EAAE,KAAK,IAAI;AA0CjB,IAAM,cAA0C,CAAC,OAe3C;AAf2C,eAC/C;AAAA;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,EA3DF,IA8CiD,IAc5C,wBAd4C,IAc5C;AAAA,IAbH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIA,QAAM,cAAc,MAClB;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO,kBAAkB,SAAS,aAAa;AAAA,QAC/C,WAAW,kBAAkB,SAAS,UAAU;AAAA,QAChD,cAAc,kBAAkB,SAAS,IAAI;AAAA,QAC7C,cAAc,kBAAkB,QAAQ,IAAI;AAAA,QAC5C,OAAO;AAAA,MACT;AAAA;AAAA,IAEC,YAAY,oCAAC,UAAK,OAAO,EAAE,OAAO,WAAW,aAAa,EAAE,KAAG,GAAC;AAAA,IAChE;AAAA,EACH;AAIF,QAAM,sBAAsB,MAAM;AAChC,QAAI,CAAC,iBAAiB,cAAc,WAAW;AAAG,aAAO;AAEzD,WAAO,cAAc,IAAI,CAAC,WAAW;AAEnC,YAAM,gBAAgB,OAAO,SAC3B,OAAO,OAAO,MAAM,IAClB,OAAO,aACT,oCAAC,OAAI,OAAO,OAAO,cAAa,OAAO,KAAM,IAE7C,OAAO;AAGT,aACE,oCAAC,OAAO,QAAP,EAAc,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU,OAAO,YACrE,eAAe,aAAa,MAAM,IAAI,aACzC;AAAA,IAEJ,CAAC;AAAA,EACH;AAGA,QAAM,eAAe,MAAM;AACzB,UAAM,yBAAyB,iCAC1B,cAD0B;AAAA,MAE7B,OAAO;AAAA,QACL,OAAO;AAAA,SACJ;AAAA,MAEL;AAAA,IACF;AAGA,QAAI,iBAAiB,cAAc,SAAS,GAAG;AAC7C,aAAO,oCAAC,2BAAW,yBAAyB,oBAAoB,CAAE;AAAA,IACpE;AAGA,QAAI,UAAU;AACZ,aAAO,oCAAC,2BAAW,yBAAyB,QAAS;AAAA,IACvD;AAGA,WAAO,oCAAC,yBAAO,WAAsB,uBAAwB;AAAA,EAC/D;AAGA,MAAI,eAAe;AAEjB,UAAM,WAAW,kBAAkB,QAAQ,EAAE,MAAM,GAAG,IAAI;AAC1D,UAAM,aAAa,kBAAkB,QAAQ,EAAE,MAAM,GAAG,IAAI;AAE5D,WACE;AAAA,MAAC,KAAK;AAAA,MAAL,iCACK,gBADL;AAAA,QAEC,OAAO,YAAY;AAAA,QACnB,UAAU,cAAc,YAAY;AAAA,QACpC,YAAY,cAAc,cAAc;AAAA,QACxC,OAAO;AAAA,UACL,cAAc;AAAA,WACX,cAAc;AAAA;AAAA,MAGlB,aAAa;AAAA,IAChB;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,kBAAkB,QAAQ,aAAa;AAAA,MAClD,OAAO,kBAAkB,QAAQ,UAAU;AAAA,MAC3C,OAAO,EAAE,OAAO,OAAO;AAAA;AAAA,IAEtB,YAAY;AAAA,IACZ,aAAa;AAAA,EAChB;AAEJ;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import type { FormItemProps, SelectProps } from 'antd';\nimport { Form, Select, Space, Tag, Typography } from 'antd';\nimport React from 'react';\n\nconst { Text } = Typography;\n\n/** 自定义选项类型 */\nexport interface CustomOption {\n  label: string;\n  value: string | number;\n  /** 标签颜色，用于显示带颜色的标签 */\n  labelColor?: string;\n  /** 禁用状态 */\n  disabled?: boolean;\n  /** 自定义渲染函数 */\n  render?: (option: CustomOption) => React.ReactNode;\n}\n\nexport interface LabelSelectProps extends Omit<SelectProps, 'onChange' | 'optionRender'> {\n  /** 标签文本 */\n  label: string;\n  /** 标签宽度，默认120px */\n  labelWidth?: number | string;\n  /** 选择器宽度，默认200px */\n  selectWidth?: number | string;\n  /** 标签位置，默认在左侧 */\n  labelPosition?: 'left' | 'top';\n  /** Form.Item 相关属性 */\n  formItemProps?: Omit<FormItemProps, 'children'>;\n  /** 是否必填 */\n  required?: boolean;\n  /** 值变化回调 */\n  onChange?: (value: any, option: any) => void;\n\n  /** 高级选项：自定义选项配置 */\n  customOptions?: CustomOption[];\n  /** 是否显示标签颜色 */\n  showTagColor?: boolean;\n  /** 自定义选项渲染函数 */\n  optionRender?: (option: CustomOption) => React.ReactNode;\n}\n\n/**\n * 自定义标签选择器组件\n * 提供更好的排版控制和标签样式，支持高级自定义选项\n */\nconst LabelSelect: React.FC<LabelSelectProps> = ({\n  label,\n  labelWidth = 80,\n  selectWidth = 200,\n  labelPosition = 'left',\n  formItemProps,\n  required = false,\n  onChange,\n  style,\n  options,\n  children,\n  customOptions,\n  showTagColor = false,\n  optionRender,\n  ...selectProps\n}) => {\n  // 渲染标签\n  const renderLabel = () => (\n    <Text\n      style={{\n        display: 'block',\n        width: labelPosition === 'left' ? labelWidth : '100%',\n        textAlign: labelPosition === 'left' ? 'right' : 'left',\n        paddingRight: labelPosition === 'left' ? 8 : 0,\n        marginBottom: labelPosition === 'top' ? 4 : 0,\n        color: '#333',\n      }}\n    >\n      {required && <span style={{ color: '#ff4d4f', marginRight: 2 }}>*</span>}\n      {label}\n    </Text>\n  );\n\n  // 渲染自定义选项\n  const renderCustomOptions = () => {\n    if (!customOptions || customOptions.length === 0) return null;\n\n    return customOptions.map((option) => {\n      // 智能判断：如果设置了labelColor，自动使用Tag展示\n      const optionContent = option.render ? (\n        option.render(option)\n      ) : option.labelColor ? (\n        <Tag color={option.labelColor}>{option.label}</Tag>\n      ) : (\n        option.label\n      );\n\n      return (\n        <Select.Option key={option.value} value={option.value} disabled={option.disabled}>\n          {optionRender ? optionRender(option) : optionContent}\n        </Select.Option>\n      );\n    });\n  };\n\n  // 渲染选择器\n  const renderSelect = () => {\n    const selectPropsWithOptions = {\n      ...selectProps,\n      style: {\n        width: selectWidth,\n        ...style,\n      },\n      onChange,\n    };\n\n    // 如果提供了自定义选项，优先使用自定义选项\n    if (customOptions && customOptions.length > 0) {\n      return <Select {...selectPropsWithOptions}>{renderCustomOptions()}</Select>;\n    }\n\n    // 如果提供了children，使用children\n    if (children) {\n      return <Select {...selectPropsWithOptions}>{children}</Select>;\n    }\n\n    // 使用标准的options\n    return <Select options={options} {...selectPropsWithOptions} />;\n  };\n\n  // 如果使用 Form.Item 包装\n  if (formItemProps) {\n    // 当 labelPosition 为 top 时，设置 Form.Item 的 labelCol 使其占满整行\n    const labelCol = labelPosition === 'top' ? { span: 24 } : undefined;\n    const wrapperCol = labelPosition === 'top' ? { span: 24 } : undefined;\n\n    return (\n      <Form.Item\n        {...formItemProps}\n        label={renderLabel()}\n        labelCol={formItemProps.labelCol || labelCol}\n        wrapperCol={formItemProps.wrapperCol || wrapperCol}\n        style={{\n          marginBottom: 16,\n          ...formItemProps.style,\n        }}\n      >\n        {renderSelect()}\n      </Form.Item>\n    );\n  }\n\n  // 独立使用\n  return (\n    <Space\n      direction={labelPosition === 'top' ? 'vertical' : 'horizontal'}\n      align={labelPosition === 'top' ? 'start' : 'center'}\n      style={{ width: '100%' }}\n    >\n      {renderLabel()}\n      {renderSelect()}\n    </Space>\n  );\n};\n\nexport default LabelSelect;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,MAAM,QAAQ,OAAO,KAAK,kBAAkB;AACrD,OAAO,WAAW;AAElB,IAAM,EAAE,KAAK,IAAI;AA0CjB,IAAM,cAA0C,CAAC,OAe3C;AAf2C,eAC/C;AAAA;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,EA3DF,IA8CiD,IAc5C,wBAd4C,IAc5C;AAAA,IAbH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIA,QAAM,cAAc,MAClB;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO,kBAAkB,SAAS,aAAa;AAAA,QAC/C,WAAW,kBAAkB,SAAS,UAAU;AAAA,QAChD,cAAc,kBAAkB,SAAS,IAAI;AAAA,QAC7C,cAAc,kBAAkB,QAAQ,IAAI;AAAA,QAC5C,OAAO;AAAA,MACT;AAAA;AAAA,IAEC,YAAY,oCAAC,UAAK,OAAO,EAAE,OAAO,WAAW,aAAa,EAAE,KAAG,GAAC;AAAA,IAChE;AAAA,EACH;AAIF,QAAM,sBAAsB,MAAM;AAChC,QAAI,CAAC,iBAAiB,cAAc,WAAW;AAAG,aAAO;AAEzD,WAAO,cAAc,IAAI,CAAC,WAAW;AAEnC,YAAM,gBAAgB,OAAO,SAC3B,OAAO,OAAO,MAAM,IAClB,OAAO,aACT,oCAAC,OAAI,OAAO,OAAO,cAAa,OAAO,KAAM,IAE7C,OAAO;AAGT,aACE,oCAAC,OAAO,QAAP,EAAc,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU,OAAO,YACrE,eAAe,aAAa,MAAM,IAAI,aACzC;AAAA,IAEJ,CAAC;AAAA,EACH;AAGA,QAAM,eAAe,MAAM;AACzB,UAAM,yBAAyB,iCAC1B,cAD0B;AAAA,MAE7B,OAAO;AAAA,QACL,OAAO;AAAA,SACJ;AAAA,MAEL;AAAA,IACF;AAGA,QAAI,iBAAiB,cAAc,SAAS,GAAG;AAC7C,aAAO,oCAAC,2BAAW,yBAAyB,oBAAoB,CAAE;AAAA,IACpE;AAGA,QAAI,UAAU;AACZ,aAAO,oCAAC,2BAAW,yBAAyB,QAAS;AAAA,IACvD;AAGA,WAAO,oCAAC,yBAAO,WAAsB,uBAAwB;AAAA,EAC/D;AAGA,MAAI,eAAe;AAEjB,UAAM,WAAW,kBAAkB,QAAQ,EAAE,MAAM,GAAG,IAAI;AAC1D,UAAM,aAAa,kBAAkB,QAAQ,EAAE,MAAM,GAAG,IAAI;AAE5D,WACE;AAAA,MAAC,KAAK;AAAA,MAAL,iCACK,gBADL;AAAA,QAEC,OAAO,YAAY;AAAA,QACnB,UAAU,cAAc,YAAY;AAAA,QACpC,YAAY,cAAc,cAAc;AAAA,QACxC,OAAO;AAAA,UACL,cAAc;AAAA,WACX,cAAc;AAAA;AAAA,MAGlB,aAAa;AAAA,IAChB;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,kBAAkB,QAAQ,aAAa;AAAA,MAClD,OAAO,kBAAkB,QAAQ,UAAU;AAAA,MAC3C,OAAO,EAAE,OAAO,OAAO;AAAA;AAAA,IAEtB,YAAY;AAAA,IACZ,aAAa;AAAA,EAChB;AAEJ;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/es/ui/LogicOperator/index.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { type FC } from 'react';
 export type LogicOperatorProps = {
     value?: string;
     onChange?: (value: string) => void;

package/dist/es/ui/LogicOperator/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/LogicOperator/index.tsx"],
-  "sourcesContent": ["/**\n * 组件名称：LogicOperator\n * 组件描述：一个用于显示逻辑运算符的组件，支持且和或的选择\n * 组件使用场景：在需要显示逻辑运算符的场景中使用，如筛选、排序等\n * 组件参数说明：\n * - value: 选中的逻辑运算符\n * - onChange: 逻辑运算符改变时的回调\n * - style: 组件样式\n */\nimport { Radio } from 'antd';\nimport React, { FC } from 'react';\nimport styles from './index.module.less';\n\nexport type LogicOperatorProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  onlyShow?: boolean;\n};\n\nconst LogicOperator: FC<LogicOperatorProps> = ({ value = 'and', onChange, style, disabled, onlyShow }) => {\n  return (\n    <div className={styles.logicOperator} style={style}>\n      <div className={styles.topLine}></div>\n      {onlyShow ? (\n        <div className={styles.onlyShowValue}>{value === 'and' ? '且' : '或'}</div>\n      ) : (\n        <Radio.Group value={value} onChange={(e) => !disabled && onChange?.(e.target.value)} buttonStyle='solid'>\n          <Radio.Button value='and'>且</Radio.Button>\n          <Radio.Button value='or'>或</Radio.Button>\n        </Radio.Group>\n      )}\n\n      <div className={styles.bottomLine}></div>\n    </div>\n  );\n};\n\nexport default LogicOperator;\n"],
-  "mappings": ";AASA,SAAS,aAAa;AACtB,OAAO,WAAmB;AAC1B,OAAO,YAAY;AAUnB,IAAM,gBAAwC,CAAC,EAAE,QAAQ,OAAO,UAAU,OAAO,UAAU,SAAS,MAAM;AACxG,SACE,oCAAC,SAAI,WAAW,OAAO,eAAe,SACpC,oCAAC,SAAI,WAAW,OAAO,SAAS,GAC/B,WACC,oCAAC,SAAI,WAAW,OAAO,iBAAgB,UAAU,QAAQ,MAAM,GAAI,IAEnE,oCAAC,MAAM,OAAN,EAAY,OAAc,UAAU,CAAC,MAAM,CAAC,aAAY,qCAAW,EAAE,OAAO,SAAQ,aAAY,WAC/F,oCAAC,MAAM,QAAN,EAAa,OAAM,SAAM,GAAC,GAC3B,oCAAC,MAAM,QAAN,EAAa,OAAM,QAAK,GAAC,CAC5B,GAGF,oCAAC,SAAI,WAAW,OAAO,YAAY,CACrC;AAEJ;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["/**\n * 组件名称：LogicOperator\n * 组件描述：一个用于显示逻辑运算符的组件，支持且和或的选择\n * 组件使用场景：在需要显示逻辑运算符的场景中使用，如筛选、排序等\n * 组件参数说明：\n * - value: 选中的逻辑运算符\n * - onChange: 逻辑运算符改变时的回调\n * - style: 组件样式\n */\nimport { Radio } from 'antd';\nimport React, { type FC } from 'react';\nimport styles from './index.module.less';\n\nexport type LogicOperatorProps = {\n  value?: string;\n  onChange?: (value: string) => void;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  onlyShow?: boolean;\n};\n\nconst LogicOperator: FC<LogicOperatorProps> = ({ value = 'and', onChange, style, disabled, onlyShow }) => {\n  return (\n    <div className={styles.logicOperator} style={style}>\n      <div className={styles.topLine}></div>\n      {onlyShow ? (\n        <div className={styles.onlyShowValue}>{value === 'and' ? '且' : '或'}</div>\n      ) : (\n        <Radio.Group value={value} onChange={(e) => !disabled && onChange?.(e.target.value)} buttonStyle='solid'>\n          <Radio.Button value='and'>且</Radio.Button>\n          <Radio.Button value='or'>或</Radio.Button>\n        </Radio.Group>\n      )}\n\n      <div className={styles.bottomLine}></div>\n    </div>\n  );\n};\n\nexport default LogicOperator;\n"],
+  "mappings": ";AASA,SAAS,aAAa;AACtB,OAAO,WAAwB;AAC/B,OAAO,YAAY;AAUnB,IAAM,gBAAwC,CAAC,EAAE,QAAQ,OAAO,UAAU,OAAO,UAAU,SAAS,MAAM;AACxG,SACE,oCAAC,SAAI,WAAW,OAAO,eAAe,SACpC,oCAAC,SAAI,WAAW,OAAO,SAAS,GAC/B,WACC,oCAAC,SAAI,WAAW,OAAO,iBAAgB,UAAU,QAAQ,MAAM,GAAI,IAEnE,oCAAC,MAAM,OAAN,EAAY,OAAc,UAAU,CAAC,MAAM,CAAC,aAAY,qCAAW,EAAE,OAAO,SAAQ,aAAY,WAC/F,oCAAC,MAAM,QAAN,EAAa,OAAM,SAAM,GAAC,GAC3B,oCAAC,MAAM,QAAN,EAAa,OAAM,QAAK,GAAC,CAC5B,GAGF,oCAAC,SAAI,WAAW,OAAO,YAAY,CACrC;AAEJ;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/es/ui/YkButton/index.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, TooltipProps } from 'antd';
+import { type ButtonProps, type TooltipProps } from 'antd';
 import React from 'react';
 export interface YkButtonProps extends ButtonProps {
     tooltip?: string | React.ReactNode;

package/dist/es/ui/YkButton/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkButton/index.tsx"],
-  "sourcesContent": ["import { Button, ButtonProps, Tooltip, TooltipProps } from 'antd';\nimport React from 'react';\n\nexport interface YkButtonProps extends ButtonProps {\n  tooltip?: string | React.ReactNode;\n  tooltipColor?: string;\n  tooltipStyles?: Partial<TooltipProps['styles']>;\n}\n\nconst YkButton: React.FC<YkButtonProps> = ({\n  children,\n  tooltip,\n  tooltipColor = '#fff',\n  tooltipStyles = {\n    body: {\n      color: '#666',\n    },\n  },\n  ...props\n}) => {\n  const button = <Button {...props}>{children}</Button>;\n\n  if (tooltip) {\n    return (\n      <Tooltip title={tooltip} color={tooltipColor} styles={tooltipStyles}>\n        {button}\n      </Tooltip>\n    );\n  }\n\n  return button;\n};\n\nexport default YkButton;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,QAAqB,eAA6B;AAC3D,OAAO,WAAW;AAQlB,IAAM,WAAoC,CAAC,OAUrC;AAVqC,eACzC;AAAA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EAjBF,IAS2C,IAStC,kBATsC,IAStC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOA,QAAM,SAAS,oCAAC,2BAAW,QAAQ,QAAS;AAE5C,MAAI,SAAS;AACX,WACE,oCAAC,WAAQ,OAAO,SAAS,OAAO,cAAc,QAAQ,iBACnD,MACH;AAAA,EAEJ;AAEA,SAAO;AACT;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import { Button, type ButtonProps, Tooltip, type TooltipProps } from 'antd';\nimport React from 'react';\n\nexport interface YkButtonProps extends ButtonProps {\n  tooltip?: string | React.ReactNode;\n  tooltipColor?: string;\n  tooltipStyles?: Partial<TooltipProps['styles']>;\n}\n\nconst YkButton: React.FC<YkButtonProps> = ({\n  children,\n  tooltip,\n  tooltipColor = '#fff',\n  tooltipStyles = {\n    body: {\n      color: '#666',\n    },\n  },\n  ...props\n}) => {\n  const button = <Button {...props}>{children}</Button>;\n\n  if (tooltip) {\n    return (\n      <Tooltip title={tooltip} color={tooltipColor} styles={tooltipStyles}>\n        {button}\n      </Tooltip>\n    );\n  }\n\n  return button;\n};\n\nexport default YkButton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,QAA0B,eAAkC;AACrE,OAAO,WAAW;AAQlB,IAAM,WAAoC,CAAC,OAUrC;AAVqC,eACzC;AAAA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EAjBF,IAS2C,IAStC,kBATsC,IAStC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOA,QAAM,SAAS,oCAAC,2BAAW,QAAQ,QAAS;AAE5C,MAAI,SAAS;AACX,WACE,oCAAC,WAAQ,OAAO,SAAS,OAAO,cAAc,QAAQ,iBACnD,MACH;AAAA,EAEJ;AAEA,SAAO;AACT;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/dist/es/ui/YkCard/index.d.ts

@@ -1,4 +1,4 @@
-import { CardProps } from 'antd';
+import { type CardProps } from 'antd';
 import React from 'react';
 declare const YkCard: React.FC<CardProps>;
 export default YkCard;

package/dist/es/ui/YkCard/index.js

@@ -33,7 +33,7 @@ var __objRest = (source, exclude) => {
 // src/ui/YkCard/index.tsx
 import { Card, ConfigProvider } from "antd";
 import React from "react";
-import { useComponentStyle, getComponentClassName } from "../../utils/styleUtils";
+import { getComponentClassName, useComponentStyle } from "../../utils/styleUtils";
 var YkCard = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const styleObj = useComponentStyle("yk-card", (_token) => ({

package/dist/es/ui/YkCard/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkCard/index.tsx"],
-  "sourcesContent": ["import { Card, CardProps, ConfigProvider } from 'antd';\nimport React from 'react';\nimport { useComponentStyle, getComponentClassName } from '../../utils/styleUtils';\n\nconst YkCard: React.FC<CardProps> = ({ className, ...props }) => {\n  // 使用 CSS-in-JS 定义样式\n  const styleObj = useComponentStyle('yk-card', (_token) => ({\n    '.ant-card-head': {\n      padding: '0 20px',\n    },\n    '.ant-card-head-title': {\n      position: 'relative',\n      paddingLeft: '10px',\n      color: '#333',\n      fontWeight: 'bold',\n      fontSize: '16px',\n      fontFamily: `'PingFangSC-Medium', 'PingFang SC', 'Microsoft YaHei', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif`,\n      lineHeight: '16px',\n\n      '&::before': {\n        position: 'absolute',\n        top: 'calc(50% - 8px)',\n        left: 0,\n        width: '4px',\n        height: '16px',\n        background: 'linear-gradient(131deg, #1d93ff 0%, #0a6bfd 100%)',\n        borderRadius: '3px',\n        content: '\" \"',\n      },\n    },\n  }));\n\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      {/* 应用样式 */}\n      <div style={styleObj}>\n        <Card {...props} className={getComponentClassName('yk-card', className)} />\n      </div>\n    </ConfigProvider>\n  );\n};\n\nexport default YkCard;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,MAAiB,sBAAsB;AAChD,OAAO,WAAW;AAClB,SAAS,mBAAmB,6BAA6B;AAEzD,IAAM,SAA8B,CAAC,OAA4B;AAA5B,eAAE,YAJvC,IAIqC,IAAgB,kBAAhB,IAAgB,CAAd;AAErC,QAAM,WAAW,kBAAkB,WAAW,CAAC,YAAY;AAAA,IACzD,kBAAkB;AAAA,MAChB,SAAS;AAAA,IACX;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,aAAa;AAAA,MACb,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MAEZ,aAAa;AAAA,QACX,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAGA,oCAAC,SAAI,OAAO,YACV,oCAAC,uCAAS,QAAT,EAAgB,WAAW,sBAAsB,WAAW,SAAS,IAAG,CAC3E;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import { Card, type CardProps, ConfigProvider } from 'antd';\nimport React from 'react';\nimport { getComponentClassName, useComponentStyle } from '../../utils/styleUtils';\n\nconst YkCard: React.FC<CardProps> = ({ className, ...props }) => {\n  // 使用 CSS-in-JS 定义样式\n  const styleObj = useComponentStyle('yk-card', (_token) => ({\n    '.ant-card-head': {\n      padding: '0 20px',\n    },\n    '.ant-card-head-title': {\n      position: 'relative',\n      paddingLeft: '10px',\n      color: '#333',\n      fontWeight: 'bold',\n      fontSize: '16px',\n      fontFamily: `'PingFangSC-Medium', 'PingFang SC', 'Microsoft YaHei', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif, sans-serif`,\n      lineHeight: '16px',\n\n      '&::before': {\n        position: 'absolute',\n        top: 'calc(50% - 8px)',\n        left: 0,\n        width: '4px',\n        height: '16px',\n        background: 'linear-gradient(131deg, #1d93ff 0%, #0a6bfd 100%)',\n        borderRadius: '3px',\n        content: '\" \"',\n      },\n    },\n  }));\n\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      {/* 应用样式 */}\n      <div style={styleObj}>\n        <Card {...props} className={getComponentClassName('yk-card', className)} />\n      </div>\n    </ConfigProvider>\n  );\n};\n\nexport default YkCard;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,MAAsB,sBAAsB;AACrD,OAAO,WAAW;AAClB,SAAS,uBAAuB,yBAAyB;AAEzD,IAAM,SAA8B,CAAC,OAA4B;AAA5B,eAAE,YAJvC,IAIqC,IAAgB,kBAAhB,IAAgB,CAAd;AAErC,QAAM,WAAW,kBAAkB,WAAW,CAAC,YAAY;AAAA,IACzD,kBAAkB;AAAA,MAChB,SAAS;AAAA,IACX;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,aAAa;AAAA,MACb,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MAEZ,aAAa;AAAA,QACX,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAGA,oCAAC,SAAI,OAAO,YACV,oCAAC,uCAAS,QAAT,EAAgB,WAAW,sBAAsB,WAAW,SAAS,IAAG,CAC3E;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;",
   "names": []
 }

package/dist/es/ui/YkCheckbox/index.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxProps } from 'antd';
+import { type CheckboxProps } from 'antd';
 import React from 'react';
 declare const YkCheckbox: React.FC<CheckboxProps>;
 export default YkCheckbox;

package/dist/es/ui/YkCheckbox/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkCheckbox/index.tsx"],
-  "sourcesContent": ["import { Checkbox, CheckboxProps, ConfigProvider } from 'antd';\nimport React from 'react';\nimport styles from './index.module.less';\n\nconst YkCheckbox: React.FC<CheckboxProps> = ({ ...props }) => {\n  return (\n    <ConfigProvider>\n      <Checkbox {...props} className={styles.ykCheckbox} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkCheckbox;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,UAAyB,sBAAsB;AACxD,OAAO,WAAW;AAClB,OAAO,YAAY;AAEnB,IAAM,aAAsC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAChD,SACE,oCAAC,sBACC,oCAAC,2CAAa,QAAb,EAAoB,WAAW,OAAO,aAAY,CACrD;AAEJ;AAEA,IAAO,qBAAQ;",
+  "sourcesContent": ["import { Checkbox, type CheckboxProps, ConfigProvider } from 'antd';\nimport React from 'react';\nimport styles from './index.module.less';\n\nconst YkCheckbox: React.FC<CheckboxProps> = ({ ...props }) => {\n  return (\n    <ConfigProvider>\n      <Checkbox {...props} className={styles.ykCheckbox} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkCheckbox;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,UAA8B,sBAAsB;AAC7D,OAAO,WAAW;AAClB,OAAO,YAAY;AAEnB,IAAM,aAAsC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAChD,SACE,oCAAC,sBACC,oCAAC,2CAAa,QAAb,EAAoB,WAAW,OAAO,aAAY,CACrD;AAEJ;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/dist/es/ui/YkDescriptions/index.d.ts

@@ -1,4 +1,4 @@
-import { DescriptionsProps } from 'antd';
+import { type DescriptionsProps } from 'antd';
 import React from 'react';
 declare const YkDescriptions: React.FC<DescriptionsProps>;
 export default YkDescriptions;

package/dist/es/ui/YkDescriptions/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkDescriptions/index.tsx"],
-  "sourcesContent": ["import { Descriptions, DescriptionsProps } from 'antd';\nimport React from 'react';\n\nconst YkDescriptions: React.FC<DescriptionsProps> = ({ ...props }) => {\n  return <Descriptions {...props} />;\n};\n\nexport default YkDescriptions;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,oBAAuC;AAChD,OAAO,WAAW;AAElB,IAAM,iBAA8C,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AACxD,SAAO,oCAAC,iCAAiB,MAAO;AAClC;AAEA,IAAO,yBAAQ;",
+  "sourcesContent": ["import { Descriptions, type DescriptionsProps } from 'antd';\nimport React from 'react';\n\nconst YkDescriptions: React.FC<DescriptionsProps> = ({ ...props }) => {\n  return <Descriptions {...props} />;\n};\n\nexport default YkDescriptions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,oBAA4C;AACrD,OAAO,WAAW;AAElB,IAAM,iBAA8C,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AACxD,SAAO,oCAAC,iCAAiB,MAAO;AAClC;AAEA,IAAO,yBAAQ;",
   "names": []
 }

package/dist/es/ui/YkPagination/index.d.ts

@@ -1,4 +1,4 @@
-import { PaginationProps } from 'antd';
+import { type PaginationProps } from 'antd';
 import React from 'react';
 declare const YkPagination: React.FC<PaginationProps>;
 export default YkPagination;

package/dist/es/ui/YkPagination/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkPagination/index.tsx"],
-  "sourcesContent": ["import { ConfigProvider, Pagination, PaginationProps } from 'antd';\nimport React from 'react';\nimport styles from './index.module.less';\n\nconst YkPagination: React.FC<PaginationProps> = ({ size = 'small', ...props }) => {\n  return (\n    <ConfigProvider\n      theme={{\n        components: {\n          Pagination: {\n            itemActiveBg: '#3b86f9',\n            itemActiveColor: '#fff',\n            itemActiveColorHover: '#fff',\n            itemBg: '#fff',\n          },\n        },\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Pagination size={size} {...props} className={styles.ykPagination} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkPagination;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,kBAAmC;AAC5D,OAAO,WAAW;AAClB,OAAO,YAAY;AAEnB,IAAM,eAA0C,CAAC,OAAiC;AAAjC,eAAE,SAAO,QAJ1D,IAIiD,IAAqB,kBAArB,IAAqB,CAAnB;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,UACV,YAAY;AAAA,YACV,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,sBAAsB;AAAA,YACtB,QAAQ;AAAA,UACV;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,2CAAW,QAAgB,QAA3B,EAAkC,WAAW,OAAO,eAAc;AAAA,EACrE;AAEJ;AAEA,IAAO,uBAAQ;",
+  "sourcesContent": ["import { ConfigProvider, Pagination, type PaginationProps } from 'antd';\nimport React from 'react';\nimport styles from './index.module.less';\n\nconst YkPagination: React.FC<PaginationProps> = ({ size = 'small', ...props }) => {\n  return (\n    <ConfigProvider\n      theme={{\n        components: {\n          Pagination: {\n            itemActiveBg: '#3b86f9',\n            itemActiveColor: '#fff',\n            itemActiveColorHover: '#fff',\n            itemBg: '#fff',\n          },\n        },\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Pagination size={size} {...props} className={styles.ykPagination} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkPagination;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,kBAAwC;AACjE,OAAO,WAAW;AAClB,OAAO,YAAY;AAEnB,IAAM,eAA0C,CAAC,OAAiC;AAAjC,eAAE,SAAO,QAJ1D,IAIiD,IAAqB,kBAArB,IAAqB,CAAnB;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,UACV,YAAY;AAAA,YACV,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,sBAAsB;AAAA,YACtB,QAAQ;AAAA,UACV;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,2CAAW,QAAgB,QAA3B,EAAkC,WAAW,OAAO,eAAc;AAAA,EACrE;AAEJ;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/dist/es/ui/YkRadio/index.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupProps } from 'antd';
+import { type RadioGroupProps } from 'antd';
 import React from 'react';
 declare const YkRadio: React.FC<RadioGroupProps>;
 export default YkRadio;

package/dist/es/ui/YkRadio/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkRadio/index.tsx"],
-  "sourcesContent": ["import { ConfigProvider, Radio, RadioGroupProps } from 'antd';\nimport React from 'react';\n// import styles from './index.module.less';\n\nconst YkRadio: React.FC<RadioGroupProps> = ({ ...props }) => {\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Radio.Group {...props} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkRadio;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,aAA8B;AACvD,OAAO,WAAW;AAGlB,IAAM,UAAqC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,MAAM,OAAN,mBAAgB,MAAO;AAAA,EAC1B;AAEJ;AAEA,IAAO,kBAAQ;",
+  "sourcesContent": ["import { ConfigProvider, Radio, type RadioGroupProps } from 'antd';\nimport React from 'react';\n\n// import styles from './index.module.less';\n\nconst YkRadio: React.FC<RadioGroupProps> = ({ ...props }) => {\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Radio.Group {...props} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkRadio;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,aAAmC;AAC5D,OAAO,WAAW;AAIlB,IAAM,UAAqC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,MAAM,OAAN,mBAAgB,MAAO;AAAA,EAC1B;AAEJ;AAEA,IAAO,kBAAQ;",
   "names": []
 }

package/dist/es/ui/YkSegmented/index.d.ts

@@ -1,4 +1,4 @@
-import { SegmentedProps } from 'antd';
+import { type SegmentedProps } from 'antd';
 import React from 'react';
 declare const YkSegmented: React.FC<SegmentedProps>;
 export default YkSegmented;

package/dist/es/ui/YkSegmented/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkSegmented/index.tsx"],
-  "sourcesContent": ["import { Segmented, SegmentedProps } from 'antd';\nimport React from 'react';\n\nconst YkSegmented: React.FC<SegmentedProps> = ({ ...props }) => {\n  return <Segmented {...props} />;\n};\n\nexport default YkSegmented;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,iBAAiC;AAC1C,OAAO,WAAW;AAElB,IAAM,cAAwC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAClD,SAAO,oCAAC,8BAAc,MAAO;AAC/B;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import { Segmented, type SegmentedProps } from 'antd';\nimport React from 'react';\n\nconst YkSegmented: React.FC<SegmentedProps> = ({ ...props }) => {\n  return <Segmented {...props} />;\n};\n\nexport default YkSegmented;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,iBAAsC;AAC/C,OAAO,WAAW;AAElB,IAAM,cAAwC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAClD,SAAO,oCAAC,8BAAc,MAAO;AAC/B;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/es/ui/YkSelect/index.d.ts

@@ -1,4 +1,4 @@
-import { Select, SelectProps } from 'antd';
+import { Select, type SelectProps } from 'antd';
 import React from 'react';
 declare const YkSelect: React.FC<SelectProps<any, import("antd/es/select").DefaultOptionType>> & {
     Option: typeof Select.Option;

package/dist/es/ui/YkSelect/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkSelect/index.tsx"],
-  "sourcesContent": ["import { ConfigProvider, Select, SelectProps } from 'antd';\nimport React from 'react';\n\nconst YkSelectComponent: React.FC<SelectProps> = ({ ...props }) => {\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Select {...props} />\n    </ConfigProvider>\n  );\n};\n\n// 添加静态属性并导出\nconst YkSelect = YkSelectComponent as typeof YkSelectComponent & {\n  Option: typeof Select.Option;\n  OptGroup: typeof Select.OptGroup;\n};\n\nYkSelect.Option = Select.Option;\nYkSelect.OptGroup = Select.OptGroup;\n\nexport default YkSelect;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,cAA2B;AACpD,OAAO,WAAW;AAElB,IAAM,oBAA2C,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,2BAAW,MAAO;AAAA,EACrB;AAEJ;AAGA,IAAM,WAAW;AAKjB,SAAS,SAAS,OAAO;AACzB,SAAS,WAAW,OAAO;AAE3B,IAAO,mBAAQ;",
+  "sourcesContent": ["import { ConfigProvider, Select, type SelectProps } from 'antd';\nimport React from 'react';\n\nconst YkSelectComponent: React.FC<SelectProps> = ({ ...props }) => {\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Select {...props} />\n    </ConfigProvider>\n  );\n};\n\n// 添加静态属性并导出\nconst YkSelect = YkSelectComponent as typeof YkSelectComponent & {\n  Option: typeof Select.Option;\n  OptGroup: typeof Select.OptGroup;\n};\n\nYkSelect.Option = Select.Option;\nYkSelect.OptGroup = Select.OptGroup;\n\nexport default YkSelect;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,cAAgC;AACzD,OAAO,WAAW;AAElB,IAAM,oBAA2C,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,2BAAW,MAAO;AAAA,EACrB;AAEJ;AAGA,IAAM,WAAW;AAKjB,SAAS,SAAS,OAAO;AACzB,SAAS,WAAW,OAAO;AAE3B,IAAO,mBAAQ;",
   "names": []
 }

package/dist/es/ui/YkSpin/index.d.ts

@@ -1,4 +1,4 @@
-import { SpinProps } from 'antd';
+import { type SpinProps } from 'antd';
 import React from 'react';
 declare const YkSpin: React.FC<SpinProps>;
 export default YkSpin;

package/dist/es/ui/YkSpin/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkSpin/index.tsx"],
-  "sourcesContent": ["import { Spin, SpinProps } from 'antd';\nimport React from 'react';\n\nconst YkSpin: React.FC<SpinProps> = ({ ...props }) => {\n  return <Spin {...props} />;\n};\n\nexport default YkSpin;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAuB;AAChC,OAAO,WAAW;AAElB,IAAM,SAA8B,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AACxC,SAAO,oCAAC,yBAAS,MAAO;AAC1B;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import { Spin, type SpinProps } from 'antd';\nimport React from 'react';\n\nconst YkSpin: React.FC<SpinProps> = ({ ...props }) => {\n  return <Spin {...props} />;\n};\n\nexport default YkSpin;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAA4B;AACrC,OAAO,WAAW;AAElB,IAAM,SAA8B,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AACxC,SAAO,oCAAC,yBAAS,MAAO;AAC1B;AAEA,IAAO,iBAAQ;",
   "names": []
 }

package/dist/es/ui/YkStatistic/index.d.ts

@@ -1,4 +1,4 @@
-import { StatisticProps } from 'antd';
+import { type StatisticProps } from 'antd';
 import React from 'react';
 declare const YkStatistic: React.FC<StatisticProps>;
 export default YkStatistic;

package/dist/es/ui/YkStatistic/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkStatistic/index.tsx"],
-  "sourcesContent": ["import { Statistic, StatisticProps } from 'antd';\nimport React from 'react';\n\nconst YkStatistic: React.FC<StatisticProps> = ({ ...props }) => {\n  return <Statistic {...props} />;\n};\n\nexport default YkStatistic;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,iBAAiC;AAC1C,OAAO,WAAW;AAElB,IAAM,cAAwC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAClD,SAAO,oCAAC,8BAAc,MAAO;AAC/B;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import { Statistic, type StatisticProps } from 'antd';\nimport React from 'react';\n\nconst YkStatistic: React.FC<StatisticProps> = ({ ...props }) => {\n  return <Statistic {...props} />;\n};\n\nexport default YkStatistic;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,iBAAsC;AAC/C,OAAO,WAAW;AAElB,IAAM,cAAwC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAClD,SAAO,oCAAC,8BAAc,MAAO;AAC/B;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/es/ui/YkSwitch/index.d.ts

@@ -1,4 +1,4 @@
-import { SwitchProps } from 'antd';
+import { type SwitchProps } from 'antd';
 import React from 'react';
 declare const YkSwitch: React.FC<SwitchProps>;
 export default YkSwitch;

package/dist/es/ui/YkSwitch/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkSwitch/index.tsx"],
-  "sourcesContent": ["import { ConfigProvider, Switch, SwitchProps } from 'antd';\nimport React from 'react';\n\nconst YkSwitch: React.FC<SwitchProps> = ({ ...props }) => {\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Switch {...props} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkSwitch;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,cAA2B;AACpD,OAAO,WAAW;AAElB,IAAM,WAAkC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,2BAAW,MAAO;AAAA,EACrB;AAEJ;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import { ConfigProvider, Switch, type SwitchProps } from 'antd';\nimport React from 'react';\n\nconst YkSwitch: React.FC<SwitchProps> = ({ ...props }) => {\n  return (\n    <ConfigProvider\n      theme={{\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Switch {...props} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkSwitch;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,cAAgC;AACzD,OAAO,WAAW;AAElB,IAAM,WAAkC,CAAC,OAAiB;AAAjB,MAAK,kBAAL,IAAK;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,2BAAW,MAAO;AAAA,EACrB;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/dist/es/ui/YkTabs/index.d.ts

@@ -1,4 +1,4 @@
-import { TabsProps } from 'antd';
+import { type TabsProps } from 'antd';
 import React from 'react';
 type AntTabItem = NonNullable<TabsProps['items']>[number];
 /** 在 Ant Design Tab 项基础上增加可选 icon，展示在 label 左侧 */

package/dist/es/ui/YkTabs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkTabs/index.tsx"],
-  "sourcesContent": ["import { ConfigProvider, Tabs, TabsProps } from 'antd';\nimport React, { useMemo } from 'react';\nimport styles from './index.module.less';\n\ntype AntTabItem = NonNullable<TabsProps['items']>[number];\n\n/** 在 Ant Design Tab 项基础上增加可选 icon，展示在 label 左侧 */\nexport type YkTabItem = AntTabItem & {\n  icon?: React.ReactNode;\n};\n\nexport type YkTabsProps = Omit<TabsProps, 'items'> & {\n  items?: YkTabItem[];\n};\n\nconst YkTabs: React.FC<YkTabsProps> = ({ items, ...rest }) => {\n  const normalizedItems = useMemo(() => {\n    if (!items?.length) {\n      return items;\n    }\n    return items.map(({ icon, label, ...tabRest }) => ({\n      ...tabRest,\n      label:\n        icon != null ? (\n          <span className={styles.tabLabel}>\n            <span className={styles.tabIcon} aria-hidden>\n              {icon}\n            </span>\n            {label}\n          </span>\n        ) : (\n          label\n        ),\n    }));\n  }, [items]);\n\n  return (\n    <ConfigProvider\n      theme={{\n        components: {\n          Tabs: {\n            cardBg: '#f9fafc',\n            cardGutter: 0,\n            itemColor: '#666',\n            itemHoverColor: '#333',\n            itemSelectedColor: '#333',\n          },\n        },\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Tabs {...rest} items={normalizedItems} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkTabs;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,YAAuB;AAChD,OAAO,SAAS,eAAe;AAC/B,OAAO,YAAY;AAanB,IAAM,SAAgC,CAAC,OAAuB;AAAvB,eAAE,QAfzC,IAeuC,IAAY,iBAAZ,IAAY,CAAV;AACvC,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,EAAC,+BAAO,SAAQ;AAClB,aAAO;AAAA,IACT;AACA,WAAO,MAAM,IAAI,CAACA,QAA6B;AAA7B,UAAAC,MAAAD,KAAE,QAAM,MApB9B,IAoBsBC,KAAkB,oBAAlBA,KAAkB,CAAhB,QAAM;AAAyB,8CAC9C,UAD8C;AAAA,QAEjD,OACE,QAAQ,OACN,oCAAC,UAAK,WAAW,OAAO,YACtB,oCAAC,UAAK,WAAW,OAAO,SAAS,eAAW,QACzC,IACH,GACC,KACH,IAEA;AAAA,MAEN;AAAA,KAAE;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,UACV,MAAM;AAAA,YACJ,QAAQ;AAAA,YACR,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,gBAAgB;AAAA,YAChB,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,uCAAS,OAAT,EAAe,OAAO,kBAAiB;AAAA,EAC1C;AAEJ;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import { ConfigProvider, Tabs, type TabsProps } from 'antd';\nimport React, { useMemo } from 'react';\nimport styles from './index.module.less';\n\ntype AntTabItem = NonNullable<TabsProps['items']>[number];\n\n/** 在 Ant Design Tab 项基础上增加可选 icon，展示在 label 左侧 */\nexport type YkTabItem = AntTabItem & {\n  icon?: React.ReactNode;\n};\n\nexport type YkTabsProps = Omit<TabsProps, 'items'> & {\n  items?: YkTabItem[];\n};\n\nconst YkTabs: React.FC<YkTabsProps> = ({ items, ...rest }) => {\n  const normalizedItems = useMemo(() => {\n    if (!items?.length) {\n      return items;\n    }\n    return items.map(({ icon, label, ...tabRest }) => ({\n      ...tabRest,\n      label:\n        icon != null ? (\n          <span className={styles.tabLabel}>\n            <span className={styles.tabIcon} aria-hidden>\n              {icon}\n            </span>\n            {label}\n          </span>\n        ) : (\n          label\n        ),\n    }));\n  }, [items]);\n\n  return (\n    <ConfigProvider\n      theme={{\n        components: {\n          Tabs: {\n            cardBg: '#f9fafc',\n            cardGutter: 0,\n            itemColor: '#666',\n            itemHoverColor: '#333',\n            itemSelectedColor: '#333',\n          },\n        },\n        token: {\n          borderRadius: 2,\n        },\n      }}\n    >\n      <Tabs {...rest} items={normalizedItems} />\n    </ConfigProvider>\n  );\n};\n\nexport default YkTabs;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,YAA4B;AACrD,OAAO,SAAS,eAAe;AAC/B,OAAO,YAAY;AAanB,IAAM,SAAgC,CAAC,OAAuB;AAAvB,eAAE,QAfzC,IAeuC,IAAY,iBAAZ,IAAY,CAAV;AACvC,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,EAAC,+BAAO,SAAQ;AAClB,aAAO;AAAA,IACT;AACA,WAAO,MAAM,IAAI,CAACA,QAA6B;AAA7B,UAAAC,MAAAD,KAAE,QAAM,MApB9B,IAoBsBC,KAAkB,oBAAlBA,KAAkB,CAAhB,QAAM;AAAyB,8CAC9C,UAD8C;AAAA,QAEjD,OACE,QAAQ,OACN,oCAAC,UAAK,WAAW,OAAO,YACtB,oCAAC,UAAK,WAAW,OAAO,SAAS,eAAW,QACzC,IACH,GACC,KACH,IAEA;AAAA,MAEN;AAAA,KAAE;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,UACV,MAAM;AAAA,YACJ,QAAQ;AAAA,YACR,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,gBAAgB;AAAA,YAChB,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,uCAAS,OAAT,EAAe,OAAO,kBAAiB;AAAA,EAC1C;AAEJ;AAEA,IAAO,iBAAQ;",
   "names": ["_a", "_b"]
 }

package/dist/es/ui/YkTooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { TooltipProps } from 'antd';
+import { type TooltipProps } from 'antd';
 import React from 'react';
 declare const YkTooltip: React.FC<TooltipProps>;
 export default YkTooltip;

package/dist/es/ui/YkTooltip/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui/YkTooltip/index.tsx"],
-  "sourcesContent": ["import { Tooltip, TooltipProps } from 'antd';\nimport React from 'react';\n\nconst YkTooltip: React.FC<TooltipProps> = ({\n  color = '#fff',\n  styles = { body: { color: '#333', fontSize: 12, borderRadius: 2 } },\n  ...props\n}) => {\n  return <Tooltip {...props} color={color} styles={styles} />;\n};\n\nexport default YkTooltip;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,eAA6B;AACtC,OAAO,WAAW;AAElB,IAAM,YAAoC,CAAC,OAIrC;AAJqC,eACzC;AAAA,YAAQ;AAAA,IACR,SAAS,EAAE,MAAM,EAAE,OAAO,QAAQ,UAAU,IAAI,cAAc,EAAE,EAAE;AAAA,EALpE,IAG2C,IAGtC,kBAHsC,IAGtC;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SAAO,oCAAC,0CAAY,QAAZ,EAAmB,OAAc,SAAgB;AAC3D;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import { Tooltip, type TooltipProps } from 'antd';\nimport React from 'react';\n\nconst YkTooltip: React.FC<TooltipProps> = ({\n  color = '#fff',\n  styles = { body: { color: '#333', fontSize: 12, borderRadius: 2 } },\n  ...props\n}) => {\n  return <Tooltip {...props} color={color} styles={styles} />;\n};\n\nexport default YkTooltip;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,eAAkC;AAC3C,OAAO,WAAW;AAElB,IAAM,YAAoC,CAAC,OAIrC;AAJqC,eACzC;AAAA,YAAQ;AAAA,IACR,SAAS,EAAE,MAAM,EAAE,OAAO,QAAQ,UAAU,IAAI,cAAc,EAAE,EAAE;AAAA,EALpE,IAG2C,IAGtC,kBAHsC,IAGtC;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SAAO,oCAAC,0CAAY,QAAZ,EAAmB,OAAc,SAAgB;AAC3D;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/dist/es/utils/styleUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/styleUtils.ts"],
-  "sourcesContent": ["import { useStyleRegister, Theme } from '@ant-design/cssinjs';\nimport { theme } from 'antd';\nimport type { AliasToken, GlobalToken } from 'antd/es/theme/internal';\nimport type { CSSInterpolation } from '@ant-design/cssinjs';\nimport React from 'react';\n\n// 样式缓存\nconst styleCache = new Map<string, string>();\n\n/**\n * 注册组件样式 (CSS-in-JS 方式)\n */\nexport function useComponentStyle(\n  componentName: string,\n  styleFn: (token: AliasToken) => Record<string, React.CSSProperties | Record<string, string | number>>,\n): React.CSSProperties {\n  const { token } = theme.useToken();\n\n  // 使用 useStyleRegister 注册样式并生成类名\n  // 注意：这里简化了使用，直接使用 token 作为 theme 和 token\n  useStyleRegister(\n    {\n      theme: token as unknown as Theme<GlobalToken, AliasToken>,\n      token,\n      path: [componentName],\n    },\n    () => {\n      const styles = styleFn(token as unknown as AliasToken);\n      // 直接将样式转换为 CSSInterpolation 类型\n      return styles as CSSInterpolation;\n    },\n  );\n\n  // 返回空对象，因为样式是通过CSS-in-JS 全局注入的\n  // 实际使用时应该通过 className 应用样式\n  return {};\n}\n\n/**\n * 获取组件类名\n */\nexport function getComponentClassName(componentName: string, ...classNames: string[]): string {\n  return [`yoka-${componentName}`, ...classNames].filter(Boolean).join(' ');\n}\n\n/**\n * 注册全局样式（用于需要全局样式的组件）\n */\nexport function registerGlobalStyle(componentName: string, css: string) {\n  if (!styleCache.has(componentName)) {\n    const styleId = `yoka-${componentName}-style`;\n    let styleElement = document.getElementById(styleId);\n\n    if (!styleElement) {\n      styleElement = document.createElement('style');\n      styleElement.id = styleId;\n      styleElement.textContent = css;\n      document.head.appendChild(styleElement);\n    }\n\n    styleCache.set(componentName, css);\n  }\n}\n\n/**\n * 动态注入样式\n */\nexport function injectStyle(css: string, styleId?: string): () => void {\n  const id = styleId || `yoka-style-${Date.now()}`;\n  let styleElement = document.getElementById(id);\n\n  if (!styleElement) {\n    styleElement = document.createElement('style');\n    styleElement.id = id;\n    styleElement.textContent = css;\n    document.head.appendChild(styleElement);\n  }\n\n  // 返回清理函数\n  return () => {\n    if (styleElement && styleElement.parentNode) {\n      styleElement.parentNode.removeChild(styleElement);\n    }\n  };\n}\n"],
-  "mappings": ";AAAA,SAAS,wBAA+B;AACxC,SAAS,aAAa;AAMtB,IAAM,aAAa,oBAAI,IAAoB;AAKpC,SAAS,kBACd,eACA,SACqB;AACrB,QAAM,EAAE,MAAM,IAAI,MAAM,SAAS;AAIjC;AAAA,IACE;AAAA,MACE,OAAO;AAAA,MACP;AAAA,MACA,MAAM,CAAC,aAAa;AAAA,IACtB;AAAA,IACA,MAAM;AACJ,YAAM,SAAS,QAAQ,KAA8B;AAErD,aAAO;AAAA,IACT;AAAA,EACF;AAIA,SAAO,CAAC;AACV;AAKO,SAAS,sBAAsB,kBAA0B,YAA8B;AAC5F,SAAO,CAAC,QAAQ,iBAAiB,GAAG,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC1E;AAKO,SAAS,oBAAoB,eAAuB,KAAa;AACtE,MAAI,CAAC,WAAW,IAAI,aAAa,GAAG;AAClC,UAAM,UAAU,QAAQ;AACxB,QAAI,eAAe,SAAS,eAAe,OAAO;AAElD,QAAI,CAAC,cAAc;AACjB,qBAAe,SAAS,cAAc,OAAO;AAC7C,mBAAa,KAAK;AAClB,mBAAa,cAAc;AAC3B,eAAS,KAAK,YAAY,YAAY;AAAA,IACxC;AAEA,eAAW,IAAI,eAAe,GAAG;AAAA,EACnC;AACF;AAKO,SAAS,YAAY,KAAa,SAA8B;AACrE,QAAM,KAAK,WAAW,cAAc,KAAK,IAAI;AAC7C,MAAI,eAAe,SAAS,eAAe,EAAE;AAE7C,MAAI,CAAC,cAAc;AACjB,mBAAe,SAAS,cAAc,OAAO;AAC7C,iBAAa,KAAK;AAClB,iBAAa,cAAc;AAC3B,aAAS,KAAK,YAAY,YAAY;AAAA,EACxC;AAGA,SAAO,MAAM;AACX,QAAI,gBAAgB,aAAa,YAAY;AAC3C,mBAAa,WAAW,YAAY,YAAY;AAAA,IAClD;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { CSSInterpolation } from '@ant-design/cssinjs';\nimport { type Theme, useStyleRegister } from '@ant-design/cssinjs';\nimport { theme } from 'antd';\nimport type { AliasToken, GlobalToken } from 'antd/es/theme/internal';\nimport React from 'react';\n\n// 样式缓存\nconst styleCache = new Map<string, string>();\n\n/**\n * 注册组件样式 (CSS-in-JS 方式)\n */\nexport function useComponentStyle(\n  componentName: string,\n  styleFn: (token: AliasToken) => Record<string, React.CSSProperties | Record<string, string | number>>,\n): React.CSSProperties {\n  const { token } = theme.useToken();\n\n  // 使用 useStyleRegister 注册样式并生成类名\n  // 注意：这里简化了使用，直接使用 token 作为 theme 和 token\n  useStyleRegister(\n    {\n      theme: token as unknown as Theme<GlobalToken, AliasToken>,\n      token,\n      path: [componentName],\n    },\n    () => {\n      const styles = styleFn(token as unknown as AliasToken);\n      // 直接将样式转换为 CSSInterpolation 类型\n      return styles as CSSInterpolation;\n    },\n  );\n\n  // 返回空对象，因为样式是通过CSS-in-JS 全局注入的\n  // 实际使用时应该通过 className 应用样式\n  return {};\n}\n\n/**\n * 获取组件类名\n */\nexport function getComponentClassName(componentName: string, ...classNames: string[]): string {\n  return [`yoka-${componentName}`, ...classNames].filter(Boolean).join(' ');\n}\n\n/**\n * 注册全局样式（用于需要全局样式的组件）\n */\nexport function registerGlobalStyle(componentName: string, css: string) {\n  if (!styleCache.has(componentName)) {\n    const styleId = `yoka-${componentName}-style`;\n    let styleElement = document.getElementById(styleId);\n\n    if (!styleElement) {\n      styleElement = document.createElement('style');\n      styleElement.id = styleId;\n      styleElement.textContent = css;\n      document.head.appendChild(styleElement);\n    }\n\n    styleCache.set(componentName, css);\n  }\n}\n\n/**\n * 动态注入样式\n */\nexport function injectStyle(css: string, styleId?: string): () => void {\n  const id = styleId || `yoka-style-${Date.now()}`;\n  let styleElement = document.getElementById(id);\n\n  if (!styleElement) {\n    styleElement = document.createElement('style');\n    styleElement.id = id;\n    styleElement.textContent = css;\n    document.head.appendChild(styleElement);\n  }\n\n  // 返回清理函数\n  return () => {\n    if (styleElement && styleElement.parentNode) {\n      styleElement.parentNode.removeChild(styleElement);\n    }\n  };\n}\n"],
+  "mappings": ";AACA,SAAqB,wBAAwB;AAC7C,SAAS,aAAa;AAKtB,IAAM,aAAa,oBAAI,IAAoB;AAKpC,SAAS,kBACd,eACA,SACqB;AACrB,QAAM,EAAE,MAAM,IAAI,MAAM,SAAS;AAIjC;AAAA,IACE;AAAA,MACE,OAAO;AAAA,MACP;AAAA,MACA,MAAM,CAAC,aAAa;AAAA,IACtB;AAAA,IACA,MAAM;AACJ,YAAM,SAAS,QAAQ,KAA8B;AAErD,aAAO;AAAA,IACT;AAAA,EACF;AAIA,SAAO,CAAC;AACV;AAKO,SAAS,sBAAsB,kBAA0B,YAA8B;AAC5F,SAAO,CAAC,QAAQ,iBAAiB,GAAG,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC1E;AAKO,SAAS,oBAAoB,eAAuB,KAAa;AACtE,MAAI,CAAC,WAAW,IAAI,aAAa,GAAG;AAClC,UAAM,UAAU,QAAQ;AACxB,QAAI,eAAe,SAAS,eAAe,OAAO;AAElD,QAAI,CAAC,cAAc;AACjB,qBAAe,SAAS,cAAc,OAAO;AAC7C,mBAAa,KAAK;AAClB,mBAAa,cAAc;AAC3B,eAAS,KAAK,YAAY,YAAY;AAAA,IACxC;AAEA,eAAW,IAAI,eAAe,GAAG;AAAA,EACnC;AACF;AAKO,SAAS,YAAY,KAAa,SAA8B;AACrE,QAAM,KAAK,WAAW,cAAc,KAAK,IAAI;AAC7C,MAAI,eAAe,SAAS,eAAe,EAAE;AAE7C,MAAI,CAAC,cAAc;AACjB,mBAAe,SAAS,cAAc,OAAO;AAC7C,iBAAa,KAAK;AAClB,iBAAa,cAAc;AAC3B,aAAS,KAAK,YAAY,YAAY;AAAA,EACxC;AAGA,SAAO,MAAM;AACX,QAAI,gBAAgB,aAAa,YAAY;AAC3C,mBAAa,WAAW,YAAY,YAAY;AAAA,IAClD;AAAA,EACF;AACF;",
   "names": []
 }