@yoka-ui/ui 1.0.4 → 1.0.5

package/dist/es/index.js

@@ -1,87 +1,91 @@
 // src/index.tsx
 import "antd/dist/reset.css";
-import { default as default2 } from "./ui/LabelSelect";
-import { default as default3 } from "./ui/LogicOperator";
-import { default as default4 } from "./ui/YkButton";
-import { default as default5 } from "./ui/YkCard";
-import { default as default6 } from "./ui/YkCheckbox";
-import { default as default7 } from "./ui/YkDescriptions";
-import { default as default8 } from "./ui/YkPagination";
-import { default as default9 } from "./ui/YkRadio";
-import { default as default10 } from "./ui/YkRadioBtnSpecial";
-import { default as default11 } from "./ui/YkSegmented";
-import { default as default12 } from "./ui/YkSelect";
-import { default as default13 } from "./ui/YkSpin";
-import { default as default14 } from "./ui/YkStatistic";
-import { default as default15 } from "./ui/YkSwitch";
-import { default as default16 } from "./ui/YkTabs";
-import { default as default17 } from "./ui/YkTooltip";
-import { default as default18 } from "./business/DrawerPageInfo";
-import { default as default19 } from "./business/Editor";
-import { default as default20 } from "./business/Empty";
-import { default as default21 } from "./business/ModCommonFilter";
-import { default as default22 } from "./business/YkPorjectSelect";
-import { default as default23 } from "./components/YkDateRangePicker";
-import { default as default24 } from "./components/YkRangeDateWithVS";
-import { default as default25 } from "./components/YkRangeTimeWithRecent";
-import { default as default26 } from "./creative/ButtonRadioWithInfo";
-import { default as default27 } from "./creative/ButtonWithProgress";
-import { default as default28 } from "./Themes/InputTheme";
-import { default as default29 } from "./Themes/TableTheme";
-import { default as default30 } from "./layout/FlexGrid";
-import { default as default31 } from "./layout/YkContainer";
-import { default as default32 } from "./layout/YkDrawer";
-import { default as default33 } from "./components/Clock";
-import { default as default34 } from "./components/DebounceInput";
-import { default as default35 } from "./components/MultipleSelect";
-import { default as default36 } from "./components/NumericInput";
-import { default as default37 } from "./components/RefreshButton";
-import { default as default38 } from "./components/SearchWithHistory";
-import { default as default39 } from "./components/TextWithInput";
-import { default as default40 } from "./components/TextWithToolTip";
-import { default as default41 } from "./components/TreeTransfer";
-import { default as default42 } from "./business/AiChat";
+import { default as default2 } from "./business/AiChat";
+import { default as default3 } from "./business/DrawerPageInfo";
+import { default as default4 } from "./business/Editor";
+import { default as default5 } from "./business/Empty";
+import { default as default6 } from "./business/ModCommonFilter";
+import { default as default7 } from "./business/YkPorjectSelect";
+import { default as default8 } from "./components/Clock";
+import { default as default9 } from "./components/DebounceInput";
+import { default as default10 } from "./components/MultipleSelect";
+import { default as default11 } from "./components/NumericInput";
+import { default as default12 } from "./components/RefreshButton";
+import { default as default13 } from "./components/SearchWithHistory";
+import { default as default14 } from "./components/TextWithInput";
+import { default as default15 } from "./components/TextWithToolTip";
+import { default as default16 } from "./components/TreeTransfer";
+import { default as default17 } from "./components/YkDateRangePicker";
+import { default as default18 } from "./components/YkRangeDateWithVS";
+import { default as default19 } from "./components/YkRangeTimeWithRecent";
+import { default as default20 } from "./creative/ArcCheckbox";
+import { default as default21 } from "./creative/ButtonRadioWithInfo";
+import { default as default22 } from "./creative/ButtonWithProgress";
+import { default as default23 } from "./creative/GlassSegmentedRadio";
+import { default as default24 } from "./layout/FlexGrid";
+import { default as default25 } from "./layout/YkContainer";
+import { default as default26 } from "./layout/YkDrawer";
+import { default as default27 } from "./Themes/InputTheme";
+import { default as default28 } from "./Themes/TableTheme";
+import { default as default29 } from "./ui/LabelSelect";
+import { default as default30 } from "./ui/LogicOperator";
+import { default as default31 } from "./ui/YkButton";
+import { default as default32 } from "./ui/YkCard";
+import { default as default33 } from "./ui/YkCheckbox";
+import { default as default34 } from "./ui/YkDescriptions";
+import { default as default35 } from "./ui/YkPagination";
+import { default as default36 } from "./ui/YkRadio";
+import { default as default37 } from "./ui/YkRadioBtnSpecial";
+import { default as default38 } from "./ui/YkSegmented";
+import { default as default39 } from "./ui/YkSelect";
+import { default as default40 } from "./ui/YkSpin";
+import { default as default41 } from "./ui/YkStatistic";
+import { default as default42 } from "./ui/YkSwitch";
+import { default as default43 } from "./ui/YkTabs";
+import { default as default44 } from "./ui/YkTooltip";
 export {
-  default42 as AiChat,
-  default26 as ButtonRadioWithInfo,
-  default27 as ButtonWithProgress,
-  default33 as Clock,
-  default34 as DebounceInput,
-  default18 as DrawerPageInfo,
-  default19 as Editor,
-  default20 as Empty,
-  default30 as FlexGrid,
-  default28 as InputTheme,
-  default2 as LabelSelect,
-  default3 as LogicOperator,
-  default21 as ModCommonFilter,
-  default35 as MultipleSelect,
-  default36 as NumericInput,
-  default37 as RefreshButton,
-  default38 as SearchWithHistory,
-  default29 as TableTheme,
-  default39 as TextWithInput,
-  default40 as TextWithToolTip,
-  default41 as TreeTransfer,
-  default4 as YkButton,
-  default5 as YkCard,
-  default6 as YkCheckbox,
-  default31 as YkContainer,
-  default23 as YkDateRangePicker,
-  default7 as YkDescriptions,
-  default32 as YkDrawer,
-  default8 as YkPagination,
-  default22 as YkPorjectSelect,
-  default9 as YkRadio,
-  default10 as YkRadioBtnSpecial,
-  default24 as YkRangeDateWithVS,
-  default25 as YkRangeTimeWithRecent,
-  default11 as YkSegmented,
-  default12 as YkSelect,
-  default13 as YkSpin,
-  default14 as YkStatistic,
-  default15 as YkSwitch,
-  default16 as YkTabs,
-  default17 as YkTooltip
+  default2 as AiChat,
+  default20 as ArcCheckbox,
+  default21 as ButtonRadioWithInfo,
+  default22 as ButtonWithProgress,
+  default8 as Clock,
+  default9 as DebounceInput,
+  default3 as DrawerPageInfo,
+  default4 as Editor,
+  default5 as Empty,
+  default24 as FlexGrid,
+  default23 as GlassSegmentedRadio,
+  default27 as InputTheme,
+  default29 as LabelSelect,
+  default30 as LogicOperator,
+  default6 as ModCommonFilter,
+  default10 as MultipleSelect,
+  default11 as NumericInput,
+  default12 as RefreshButton,
+  default13 as SearchWithHistory,
+  default28 as TableTheme,
+  default14 as TextWithInput,
+  default15 as TextWithToolTip,
+  default16 as TreeTransfer,
+  default31 as YkButton,
+  default32 as YkCard,
+  default33 as YkCheckbox,
+  default25 as YkContainer,
+  default17 as YkDateRangePicker,
+  default34 as YkDescriptions,
+  default26 as YkDrawer,
+  default35 as YkPagination,
+  default7 as YkPorjectSelect,
+  default36 as YkRadio,
+  default37 as YkRadioBtnSpecial,
+  default18 as YkRangeDateWithVS,
+  default19 as YkRangeTimeWithRecent,
+  default38 as YkSegmented,
+  default39 as YkSelect,
+  default40 as YkSpin,
+  default41 as YkStatistic,
+  default42 as YkSwitch,
+  default43 as YkTabs,
+  default44 as YkTooltip
 };
 //# sourceMappingURL=index.js.map

package/dist/es/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["// Auto-inject Ant Design styles per project_specification_memory #6eafc28d\nimport 'antd/dist/reset.css';\n\n// Export all UI components\nexport { default as LabelSelect } from './ui/LabelSelect';\nexport { default as LogicOperator } from './ui/LogicOperator';\nexport { default as YkButton } from './ui/YkButton';\nexport { default as YkCard } from './ui/YkCard';\nexport { default as YkCheckbox } from './ui/YkCheckbox';\nexport { default as YkDescriptions } from './ui/YkDescriptions';\nexport { default as YkPagination } from './ui/YkPagination';\nexport { default as YkRadio } from './ui/YkRadio';\nexport { default as YkRadioBtnSpecial } from './ui/YkRadioBtnSpecial';\nexport { default as YkSegmented } from './ui/YkSegmented';\nexport { default as YkSelect } from './ui/YkSelect';\nexport { default as YkSpin } from './ui/YkSpin';\nexport { default as YkStatistic } from './ui/YkStatistic';\nexport { default as YkSwitch } from './ui/YkSwitch';\nexport { default as YkTabs } from './ui/YkTabs';\nexport { default as YkTooltip } from './ui/YkTooltip';\n\n// Export business components\nexport { default as DrawerPageInfo } from './business/DrawerPageInfo';\nexport { default as Editor } from './business/Editor';\nexport { default as Empty } from './business/Empty';\nexport { default as ModCommonFilter } from './business/ModCommonFilter';\nexport { default as YkPorjectSelect } from './business/YkPorjectSelect';\nexport { default as YkDateRangePicker } from './components/YkDateRangePicker';\nexport type { DateRangeValue, YkDateRangePickerProps, YkDateRangePickerRef } from './components/YkDateRangePicker';\nexport { default as YkRangeDateWithVS } from './components/YkRangeDateWithVS';\nexport { default as YkRangeTimeWithRecent } from './components/YkRangeTimeWithRecent';\n\n// Export creative components\nexport { default as ButtonRadioWithInfo } from './creative/ButtonRadioWithInfo';\nexport { default as ButtonWithProgress } from './creative/ButtonWithProgress';\n\n// Export theme components\nexport { default as InputTheme } from './Themes/InputTheme';\nexport { default as TableTheme } from './Themes/TableTheme';\n\n// Export layout\nexport { default as FlexGrid } from './layout/FlexGrid';\nexport { default as YkContainer } from './layout/YkContainer';\nexport { default as YkDrawer } from './layout/YkDrawer';\n\n// Export common components\nexport { default as Clock } from './components/Clock';\nexport { default as DebounceInput } from './components/DebounceInput';\nexport { default as MultipleSelect } from './components/MultipleSelect';\nexport { default as NumericInput } from './components/NumericInput';\nexport { default as RefreshButton } from './components/RefreshButton';\nexport { default as SearchWithHistory } from './components/SearchWithHistory';\nexport { default as TextWithInput } from './components/TextWithInput';\nexport { default as TextWithToolTip } from './components/TextWithToolTip';\nexport { default as TreeTransfer } from './components/TreeTransfer';\n\nexport { default as AiChat } from './business/AiChat';\n"],
-  "mappings": ";AACA,OAAO;AAGP,SAAoB,WAAXA,gBAA8B;AACvC,SAAoB,WAAXA,gBAAgC;AACzC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAAyB;AAClC,SAAoB,WAAXA,gBAA6B;AACtC,SAAoB,WAAXA,gBAAiC;AAC1C,SAAoB,WAAXA,gBAA+B;AACxC,SAAoB,WAAXA,gBAA0B;AACnC,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAAyB;AAClC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAAyB;AAClC,SAAoB,WAAXA,iBAA4B;AAGrC,SAAoB,WAAXA,iBAAiC;AAC1C,SAAoB,WAAXA,iBAAyB;AAClC,SAAoB,WAAXA,iBAAwB;AACjC,SAAoB,WAAXA,iBAAkC;AAC3C,SAAoB,WAAXA,iBAAkC;AAC3C,SAAoB,WAAXA,iBAAoC;AAE7C,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAAwC;AAGjD,SAAoB,WAAXA,iBAAsC;AAC/C,SAAoB,WAAXA,iBAAqC;AAG9C,SAAoB,WAAXA,iBAA6B;AACtC,SAAoB,WAAXA,iBAA6B;AAGtC,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAA2B;AAGpC,SAAoB,WAAXA,iBAAwB;AACjC,SAAoB,WAAXA,iBAAgC;AACzC,SAAoB,WAAXA,iBAAiC;AAC1C,SAAoB,WAAXA,iBAA+B;AACxC,SAAoB,WAAXA,iBAAgC;AACzC,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAAgC;AACzC,SAAoB,WAAXA,iBAAkC;AAC3C,SAAoB,WAAXA,iBAA+B;AAExC,SAAoB,WAAXA,iBAAyB;",
+  "sourcesContent": ["// Auto-inject Ant Design styles per project_specification_memory #6eafc28d\nimport 'antd/dist/reset.css';\n\n// Export business components\nexport { default as AiChat } from './business/AiChat';\nexport { default as DrawerPageInfo } from './business/DrawerPageInfo';\nexport { default as Editor } from './business/Editor';\nexport { default as Empty } from './business/Empty';\nexport { default as ModCommonFilter } from './business/ModCommonFilter';\nexport { default as YkPorjectSelect } from './business/YkPorjectSelect';\n// Export common components\nexport { default as Clock } from './components/Clock';\nexport { default as DebounceInput } from './components/DebounceInput';\nexport { default as MultipleSelect } from './components/MultipleSelect';\nexport { default as NumericInput } from './components/NumericInput';\nexport { default as RefreshButton } from './components/RefreshButton';\nexport { default as SearchWithHistory } from './components/SearchWithHistory';\nexport { default as TextWithInput } from './components/TextWithInput';\nexport { default as TextWithToolTip } from './components/TextWithToolTip';\nexport { default as TreeTransfer } from './components/TreeTransfer';\nexport type { DateRangeValue, YkDateRangePickerProps, YkDateRangePickerRef } from './components/YkDateRangePicker';\nexport { default as YkDateRangePicker } from './components/YkDateRangePicker';\nexport { default as YkRangeDateWithVS } from './components/YkRangeDateWithVS';\nexport { default as YkRangeTimeWithRecent } from './components/YkRangeTimeWithRecent';\n// Export creative components\nexport type { ArcCheckboxProps } from './creative/ArcCheckbox';\nexport { default as ArcCheckbox } from './creative/ArcCheckbox';\nexport { default as ButtonRadioWithInfo } from './creative/ButtonRadioWithInfo';\nexport { default as ButtonWithProgress } from './creative/ButtonWithProgress';\nexport type { GlassSegmentedRadioProps, GlassSegmentOption } from './creative/GlassSegmentedRadio';\nexport { default as GlassSegmentedRadio } from './creative/GlassSegmentedRadio';\n// Export layout\nexport { default as FlexGrid } from './layout/FlexGrid';\nexport { default as YkContainer } from './layout/YkContainer';\nexport { default as YkDrawer } from './layout/YkDrawer';\n// Export theme components\nexport { default as InputTheme } from './Themes/InputTheme';\nexport { default as TableTheme } from './Themes/TableTheme';\n// Export all UI components\nexport { default as LabelSelect } from './ui/LabelSelect';\nexport { default as LogicOperator } from './ui/LogicOperator';\nexport { default as YkButton } from './ui/YkButton';\nexport { default as YkCard } from './ui/YkCard';\nexport { default as YkCheckbox } from './ui/YkCheckbox';\nexport { default as YkDescriptions } from './ui/YkDescriptions';\nexport { default as YkPagination } from './ui/YkPagination';\nexport { default as YkRadio } from './ui/YkRadio';\nexport { default as YkRadioBtnSpecial } from './ui/YkRadioBtnSpecial';\nexport { default as YkSegmented } from './ui/YkSegmented';\nexport { default as YkSelect } from './ui/YkSelect';\nexport { default as YkSpin } from './ui/YkSpin';\nexport { default as YkStatistic } from './ui/YkStatistic';\nexport { default as YkSwitch } from './ui/YkSwitch';\nexport { default as YkTabs } from './ui/YkTabs';\nexport { default as YkTooltip } from './ui/YkTooltip';\n"],
+  "mappings": ";AACA,OAAO;AAGP,SAAoB,WAAXA,gBAAyB;AAClC,SAAoB,WAAXA,gBAAiC;AAC1C,SAAoB,WAAXA,gBAAyB;AAClC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAAkC;AAC3C,SAAoB,WAAXA,gBAAkC;AAE3C,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAAgC;AACzC,SAAoB,WAAXA,iBAAiC;AAC1C,SAAoB,WAAXA,iBAA+B;AACxC,SAAoB,WAAXA,iBAAgC;AACzC,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAAgC;AACzC,SAAoB,WAAXA,iBAAkC;AAC3C,SAAoB,WAAXA,iBAA+B;AAExC,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAAwC;AAGjD,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAAsC;AAC/C,SAAoB,WAAXA,iBAAqC;AAE9C,SAAoB,WAAXA,iBAAsC;AAE/C,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAA2B;AAEpC,SAAoB,WAAXA,iBAA6B;AACtC,SAAoB,WAAXA,iBAA6B;AAEtC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAAgC;AACzC,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAAyB;AAClC,SAAoB,WAAXA,iBAA6B;AACtC,SAAoB,WAAXA,iBAAiC;AAC1C,SAAoB,WAAXA,iBAA+B;AACxC,SAAoB,WAAXA,iBAA0B;AACnC,SAAoB,WAAXA,iBAAoC;AAC7C,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAAyB;AAClC,SAAoB,WAAXA,iBAA8B;AACvC,SAAoB,WAAXA,iBAA2B;AACpC,SAAoB,WAAXA,iBAAyB;AAClC,SAAoB,WAAXA,iBAA4B;",
   "names": ["default"]
 }

package/dist/es/index.less

@@ -5,6 +5,7 @@
  */
 
 // 自动聚合的样式文件
+@import "../../src/Themes/TableTheme/index.less";
 @import "../../src/assets/less/ant-reset.less";
 @import "../../src/assets/less/index.less";
 @import "../../src/assets/less/variables.less";
@@ -22,10 +23,11 @@
 @import "../../src/components/YkDateRangePicker/index.module.less";
 @import "../../src/components/YkRangeDateWithVS/index.module.less";
 @import "../../src/components/YkRangeTimeWithRecent/index.module.less";
+@import "../../src/creative/ArcCheckbox/index.module.less";
 @import "../../src/creative/ButtonRadioWithInfo/index.less";
 @import "../../src/creative/ButtonWithProgress/index.less";
+@import "../../src/creative/GlassSegmentedRadio/index.module.less";
 @import "../../src/layout/YkDrawer/index.module.less";
-@import "../../src/Themes/TableTheme/index.less";
 @import "../../src/ui/LogicOperator/index.module.less";
 @import "../../src/ui/YkCard/index.module.less";
 @import "../../src/ui/YkCheckbox/index.module.less";

package/dist/es/layout/FlexGrid/index.d.ts

@@ -1,4 +1,4 @@
-import { RowProps } from 'antd';
+import { type RowProps } from 'antd';
 import React from 'react';
 /** Col 在各断点下的 span（24 栅格），与 [Ant Design Grid](https://ant-design.antgroup.com/components/grid-cn) 一致 */
 export type FlexGridColSpan = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layout/FlexGrid/index.tsx"],
-  "sourcesContent": ["import { Col, Flex, Row, RowProps } from 'antd';\nimport classNames from 'classnames';\nimport React from 'react';\n\n/** Col 在各断点下的 span（24 栅格），与 [Ant Design Grid](https://ant-design.antgroup.com/components/grid-cn) 一致 */\nexport type FlexGridColSpan = {\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  xxl?: number;\n};\n\nconst defaultColSpan: Required<FlexGridColSpan> = {\n  /** &lt;576px：每行 1 个 */\n  xs: 24,\n  /** ≥576px：每行 2 个 */\n  sm: 12,\n  /** ≥768px：每行 3 个 */\n  md: 8,\n  /** ≥992px：每行 4 个 */\n  lg: 6,\n  xl: 6,\n  xxl: 6,\n};\n\nexport type FlexGridProps = {\n  /** 每一子节点占一格；多个并列子元素时请使用数组或 Fragment 包一层 */\n  children?: React.ReactNode;\n  /** 同 antd Row `gutter`，默认 `[16, 16]` */\n  gutter?: RowProps['gutter'];\n  /** 覆盖默认断点 span；例如 `{ lg: 12 }` 可改为大屏每行 2 列 */\n  colSpan?: FlexGridColSpan;\n  /** 透传到 antd `Row`（勿再传 `children`） */\n  rowProps?: Omit<RowProps, 'children'>;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\n/**\n * 响应式弹性栅格：基于 antd `Row` / `Col`（24 栅格），大屏默认每行 4 格，随宽度递减为 3 / 2 / 1；\n * 格子内用 antd [Flex](https://ant-design.antgroup.com/components/flex-cn) 撑满宽度，便于卡片等同高布局。\n */\nconst FlexGrid: React.FC<FlexGridProps> = ({\n  children = null,\n  gutter = [16, 16],\n  colSpan,\n  rowProps,\n  className,\n  style,\n}) => {\n  const span = { ...defaultColSpan, ...colSpan };\n  const nodes = React.Children.toArray(children).filter((c) => c != null);\n\n  return (\n    <Row\n      gutter={gutter}\n      wrap\n      align=\"stretch\"\n      className={classNames('yoka-flex-grid', className)}\n      style={style}\n      {...rowProps}\n    >\n      {nodes.map((child, index) => {\n        const key = React.isValidElement(child) && child.key != null ? String(child.key) : `flex-grid-${index}`;\n        return (\n          <Col key={key} xs={span.xs} sm={span.sm} md={span.md} lg={span.lg} xl={span.xl} xxl={span.xxl}>\n            <Flex vertical style={{ width: '100%', minHeight: '100%' }} className=\"yoka-flex-grid-cell\">\n              {child}\n            </Flex>\n          </Col>\n        );\n      })}\n    </Row>\n  );\n};\n\nexport default React.memo(FlexGrid);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,WAAqB;AACzC,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAYlB,IAAM,iBAA4C;AAAA;AAAA,EAEhD,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;AAmBA,IAAM,WAAoC,CAAC;AAAA,EACzC,WAAW;AAAA,EACX,SAAS,CAAC,IAAI,EAAE;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,kCAAK,iBAAmB;AACrC,QAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,CAAC,MAAM,KAAK,IAAI;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,WAAW,WAAW,kBAAkB,SAAS;AAAA,MACjD;AAAA,OACI;AAAA,IAEH,MAAM,IAAI,CAAC,OAAO,UAAU;AAC3B,YAAM,MAAM,MAAM,eAAe,KAAK,KAAK,MAAM,OAAO,OAAO,OAAO,MAAM,GAAG,IAAI,aAAa;AAChG,aACE,oCAAC,OAAI,KAAU,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,KAAK,OACxF,oCAAC,QAAK,UAAQ,MAAC,OAAO,EAAE,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAU,yBACnE,KACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ,MAAM,KAAK,QAAQ;",
+  "sourcesContent": ["import { Col, Flex, Row, type RowProps } from 'antd';\nimport classNames from 'classnames';\nimport React from 'react';\n\n/** Col 在各断点下的 span（24 栅格），与 [Ant Design Grid](https://ant-design.antgroup.com/components/grid-cn) 一致 */\nexport type FlexGridColSpan = {\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  xxl?: number;\n};\n\nconst defaultColSpan: Required<FlexGridColSpan> = {\n  /** &lt;576px：每行 1 个 */\n  xs: 24,\n  /** ≥576px：每行 2 个 */\n  sm: 12,\n  /** ≥768px：每行 3 个 */\n  md: 8,\n  /** ≥992px：每行 4 个 */\n  lg: 6,\n  xl: 6,\n  xxl: 6,\n};\n\nexport type FlexGridProps = {\n  /** 每一子节点占一格；多个并列子元素时请使用数组或 Fragment 包一层 */\n  children?: React.ReactNode;\n  /** 同 antd Row `gutter`，默认 `[16, 16]` */\n  gutter?: RowProps['gutter'];\n  /** 覆盖默认断点 span；例如 `{ lg: 12 }` 可改为大屏每行 2 列 */\n  colSpan?: FlexGridColSpan;\n  /** 透传到 antd `Row`（勿再传 `children`） */\n  rowProps?: Omit<RowProps, 'children'>;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\n/**\n * 响应式弹性栅格：基于 antd `Row` / `Col`（24 栅格），大屏默认每行 4 格，随宽度递减为 3 / 2 / 1；\n * 格子内用 antd [Flex](https://ant-design.antgroup.com/components/flex-cn) 撑满宽度，便于卡片等同高布局。\n */\nconst FlexGrid: React.FC<FlexGridProps> = ({\n  children = null,\n  gutter = [16, 16],\n  colSpan,\n  rowProps,\n  className,\n  style,\n}) => {\n  const span = { ...defaultColSpan, ...colSpan };\n  const nodes = React.Children.toArray(children).filter((c) => c != null);\n\n  return (\n    <Row\n      gutter={gutter}\n      wrap\n      align='stretch'\n      className={classNames('yoka-flex-grid', className)}\n      style={style}\n      {...rowProps}\n    >\n      {nodes.map((child, index) => {\n        const key = React.isValidElement(child) && child.key != null ? String(child.key) : `flex-grid-${index}`;\n        return (\n          <Col key={key} xs={span.xs} sm={span.sm} md={span.md} lg={span.lg} xl={span.xl} xxl={span.xxl}>\n            <Flex vertical style={{ width: '100%', minHeight: '100%' }} className='yoka-flex-grid-cell'>\n              {child}\n            </Flex>\n          </Col>\n        );\n      })}\n    </Row>\n  );\n};\n\nexport default React.memo(FlexGrid);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,WAA0B;AAC9C,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAYlB,IAAM,iBAA4C;AAAA;AAAA,EAEhD,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;AAmBA,IAAM,WAAoC,CAAC;AAAA,EACzC,WAAW;AAAA,EACX,SAAS,CAAC,IAAI,EAAE;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,kCAAK,iBAAmB;AACrC,QAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,CAAC,MAAM,KAAK,IAAI;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,WAAW,WAAW,kBAAkB,SAAS;AAAA,MACjD;AAAA,OACI;AAAA,IAEH,MAAM,IAAI,CAAC,OAAO,UAAU;AAC3B,YAAM,MAAM,MAAM,eAAe,KAAK,KAAK,MAAM,OAAO,OAAO,OAAO,MAAM,GAAG,IAAI,aAAa;AAChG,aACE,oCAAC,OAAI,KAAU,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,KAAK,OACxF,oCAAC,QAAK,UAAQ,MAAC,OAAO,EAAE,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAU,yBACnE,KACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ,MAAM,KAAK,QAAQ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layout/YkContainer/index.tsx"],
-  "sourcesContent": ["import classNames from 'classnames';\nimport React from 'react';\n\nexport type YkContainerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n  /** 页头左侧标题，字号 18px、颜色 #3b82fe；存在 `headerLeft` 时不展示 */\n  title?: React.ReactNode;\n  /** 自定义页头左侧，优先级高于 `title` */\n  headerLeft?: React.ReactNode;\n  /** 页头右侧插槽 */\n  headerRight?: React.ReactNode;\n  /** 是否展示页头，默认 true */\n  showHeader?: boolean;\n};\n\nconst headerBarStyle: React.CSSProperties = {\n  position: 'sticky',\n  top: 0,\n  zIndex: 10,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n  minHeight: 60,\n  padding: '10px 20px',\n  boxSizing: 'border-box',\n  background: '#fff',\n};\n\nconst titleStyle: React.CSSProperties = {\n  margin: 0,\n  fontSize: 18,\n  fontWeight: 600,\n  lineHeight: '24px',\n  color: '#3b82fe',\n};\n\n/**\n * 页面内容区布局容器（语义上类似 Pro PageContainer 的内容包裹层）：\n * 顶部可选固定（sticky）页头，左右插槽；下方区域左右与底部留白 10px、顶部与页头间距 10px；\n * 子元素纵向排列，间距 10px。\n */\nconst YkContainer = React.forwardRef<HTMLDivElement, YkContainerProps>(\n  ({ className, style, children, title, headerLeft, headerRight, showHeader = true, ...rest }, ref) => (\n    <div\n      ref={ref}\n      className={classNames('yoka-container', className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 10,\n        padding: '0 10px 10px',\n        boxSizing: 'border-box',\n        ...style,\n      }}\n      {...rest}\n    >\n      {showHeader ? (\n        <header style={headerBarStyle} className=\"yoka-yk-container-header\">\n          <div style={{ flex: 1, minWidth: 0, display: 'flex', alignItems: 'center' }}>\n            {headerLeft !== undefined && headerLeft !== null ? (\n              headerLeft\n            ) : title != null && title !== '' ? (\n              <div style={titleStyle}>{title}</div>\n            ) : null}\n          </div>\n          {headerRight ? (\n            <div style={{ flexShrink: 0, display: 'flex', alignItems: 'center' }}>{headerRight}</div>\n          ) : null}\n        </header>\n      ) : null}\n      {children}\n    </div>\n  ),\n);\n\nYkContainer.displayName = 'YkContainer';\n\nexport default YkContainer;\n"],
+  "sourcesContent": ["import classNames from 'classnames';\nimport React from 'react';\n\nexport type YkContainerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n  /** 页头左侧标题，字号 18px、颜色 #3b82fe；存在 `headerLeft` 时不展示 */\n  title?: React.ReactNode;\n  /** 自定义页头左侧，优先级高于 `title` */\n  headerLeft?: React.ReactNode;\n  /** 页头右侧插槽 */\n  headerRight?: React.ReactNode;\n  /** 是否展示页头，默认 true */\n  showHeader?: boolean;\n};\n\nconst headerBarStyle: React.CSSProperties = {\n  position: 'sticky',\n  top: 0,\n  zIndex: 10,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n  minHeight: 60,\n  padding: '10px 20px',\n  boxSizing: 'border-box',\n  background: '#fff',\n};\n\nconst titleStyle: React.CSSProperties = {\n  margin: 0,\n  fontSize: 18,\n  fontWeight: 600,\n  lineHeight: '24px',\n  color: '#3b82fe',\n};\n\n/**\n * 页面内容区布局容器（语义上类似 Pro PageContainer 的内容包裹层）：\n * 顶部可选固定（sticky）页头，左右插槽；下方区域左右与底部留白 10px、顶部与页头间距 10px；\n * 子元素纵向排列，间距 10px。\n */\nconst YkContainer = React.forwardRef<HTMLDivElement, YkContainerProps>(\n  ({ className, style, children, title, headerLeft, headerRight, showHeader = true, ...rest }, ref) => (\n    <div\n      ref={ref}\n      className={classNames('yoka-container', className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 10,\n        padding: '0 10px 10px',\n        boxSizing: 'border-box',\n        ...style,\n      }}\n      {...rest}\n    >\n      {showHeader ? (\n        <header style={headerBarStyle} className='yoka-yk-container-header'>\n          <div style={{ flex: 1, minWidth: 0, display: 'flex', alignItems: 'center' }}>\n            {headerLeft !== undefined && headerLeft !== null ? (\n              headerLeft\n            ) : title != null && title !== '' ? (\n              <div style={titleStyle}>{title}</div>\n            ) : null}\n          </div>\n          {headerRight ? (\n            <div style={{ flexShrink: 0, display: 'flex', alignItems: 'center' }}>{headerRight}</div>\n          ) : null}\n        </header>\n      ) : null}\n      {children}\n    </div>\n  ),\n);\n\nYkContainer.displayName = 'YkContainer';\n\nexport default YkContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAalB,IAAM,iBAAsC;AAAA,EAC1C,UAAU;AAAA,EACV,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;AAEA,IAAM,aAAkC;AAAA,EACtC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AACT;AAOA,IAAM,cAAc,MAAM;AAAA,EACxB,CAAC,IAA4F,QAAK;AAAjG,iBAAE,aAAW,OAAO,UAAU,OAAO,YAAY,aAAa,aAAa,KA1C9E,IA0CG,IAAoF,iBAApF,IAAoF,CAAlF,aAAW,SAAO,YAAU,SAAO,cAAY,eAAa;AAC7D;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,WAAW,kBAAkB,SAAS;AAAA,QACjD,OAAO;AAAA,UACL,SAAS;AAAA,UACT,eAAe;AAAA,UACf,KAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,WACR;AAAA,SAED;AAAA,MAEH,aACC,oCAAC,YAAO,OAAO,gBAAgB,WAAU,8BACvC,oCAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,QAAQ,YAAY,SAAS,KACvE,eAAe,UAAa,eAAe,OAC1C,aACE,SAAS,QAAQ,UAAU,KAC7B,oCAAC,SAAI,OAAO,cAAa,KAAM,IAC7B,IACN,GACC,cACC,oCAAC,SAAI,OAAO,EAAE,YAAY,GAAG,SAAS,QAAQ,YAAY,SAAS,KAAI,WAAY,IACjF,IACN,IACE;AAAA,MACH;AAAA,IACH;AAAA;AAEJ;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
   "names": []
 }

package/dist/es/layout/YkDrawer/index.d.ts

@@ -1,4 +1,4 @@
-import { DrawerProps } from 'antd';
+import { type DrawerProps } from 'antd';
 import React from 'react';
 /** 预设尺寸（px）：左右抽屉为 `width`，上下抽屉为 `height` */
 export declare const YK_DRAWER_SIZE_PX: {

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

@@ -31,6 +31,7 @@ var __objRest = (source, exclude) => {
 };
 
 // src/layout/YkDrawer/index.tsx
+import { CloseOutlined } from "@ant-design/icons";
 import { ConfigProvider, Drawer } from "antd";
 import classNames from "classnames";
 import React, { useCallback } from "react";
@@ -118,7 +119,7 @@ var YkDrawer = (_a) => {
       tabIndex: 0,
       "aria-label": "关闭"
     },
-    /* @__PURE__ */ React.createElement("i", { className: "iconfont icon-guanbi" })
+    /* @__PURE__ */ React.createElement(CloseOutlined, null)
   ) : null;
   const mergedExtra = showOuterCloseEffective ? /* @__PURE__ */ React.createElement("div", { className: styles.extraWrap }, extra, outerClose) : extra;
   const mergedClosable = showOuterCloseEffective ? false : isVerticalPlacement ? closable === false ? false : __spreadValues({ placement: "end" }, closable === true || closable === void 0 ? {} : closable) : closable;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layout/YkDrawer/index.tsx"],
-  "sourcesContent": ["import { 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      <i className=\"iconfont icon-guanbi\" />\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": ";AAAA,SAAS,WAAW;AACpB,OAAO,WAAW;AAClB,OAAO,iBAAiB;AAGxB,IAAM,eAAe;AAAA,EACnB,EAAE,OAAO,QAAQ,OAAO,QAAQ,YAAY,MAAM;AAAA,EAClD,EAAE,OAAO,QAAQ,OAAO,UAAU,YAAY,SAAS;AAAA,EACvD,EAAE,OAAO,QAAQ,OAAO,OAAO,YAAY,QAAQ;AAAA,EACnD,EAAE,OAAO,OAAO,OAAO,WAAW,YAAY,OAAO;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,aAAa,YAAY,QAAQ,UAAU,KAAK;AACzE;AAGA,IAAM,eAAe;AAAA,EACnB,EAAE,OAAO,QAAQ,OAAO,QAAQ,YAAY,MAAM;AAAA,EAClD,EAAE,OAAO,QAAQ,OAAO,UAAU,YAAY,SAAS;AAAA,EACvD,EAAE,OAAO,QAAQ,OAAO,MAAM;AAAA;AAAA,EAC9B,EAAE,OAAO,OAAO,OAAO,WAAW,YAAY,OAAO;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,YAAY;AAAA;AACrC;AAGA,IAAM,kBAA4B,MAAM;AACtC,QAAM,oBAAoB,CAAC,UAAkB;AAC3C,YAAQ,IAAI,SAAS,KAAK;AAAA,EAC5B;AAGA,QAAM,qBAAqB,CAAC,WAC1B,oCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,KAC1D,oCAAC,OAAI,OAAO,OAAO,cAAa,OAAO,KAAM,GAC7C,oCAAC,UAAK,OAAO,EAAE,UAAU,QAAQ,OAAO,OAAO,KAAI,OAAO,KAAM,CAClE;AAGF,SACE,oCAAC,SAAI,OAAO,EAAE,SAAS,GAAG,KACxB,oCAAC,YAAG,oBAAkB,GAGtB,oCAAC,SAAI,OAAO,EAAE,cAAc,GAAG,KAC7B,oCAAC,YAAG,8BAA4B,GAChC,oCAAC,OAAE,OAAO,EAAE,OAAO,WAAW,cAAc,GAAG,KAAG,sCAElD,GACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,eAAe;AAAA,MACf,UAAU;AAAA,MACV,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAU;AAAA;AAAA,EACZ,CACF,GAGA,oCAAC,SAAI,OAAO,EAAE,cAAc,GAAG,KAC7B,oCAAC,YAAG,oBAAkB,GACtB;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,eAAe;AAAA,MACf,UAAU;AAAA,MACV,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAY;AAAA,MACZ,YAAU;AAAA;AAAA,EACZ,CACF,GAGA,oCAAC,SAAI,OAAO,EAAE,cAAc,GAAG,KAC7B,oCAAC,YAAG,WAAS,GACb;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,eAAe;AAAA,MACf,eAAe;AAAA,QACb,OAAO,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ,CAAC;AAAA,QAC5C,OAAO,EAAE,UAAU,IAAI;AAAA,MACzB;AAAA,MACA,UAAQ;AAAA;AAAA,EACV,CACF,GAGA,oCAAC,SAAI,OAAO,EAAE,cAAc,GAAG,KAC7B,oCAAC,YAAG,YAAU,GACd;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,eAAe;AAAA,MACf,cAAc;AAAA,MACd,aAAa;AAAA;AAAA,EACf,CACF,GAGA,oCAAC,SAAI,OAAO,EAAE,cAAc,GAAG,KAC7B,oCAAC,YAAG,UAAQ,GACZ,oCAAC,eAAY,OAAM,QAAO,eAAc,OAAM,eAAe,cAAc,aAAa,KAAK,CAC/F,GAGA,oCAAC,SAAI,OAAO,EAAE,cAAc,GAAG,KAC7B,oCAAC,YAAG,iCAA+B,GACnC;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS;AAAA,QACP,EAAE,OAAO,OAAO,OAAO,SAAS;AAAA,QAChC,EAAE,OAAO,OAAO,OAAO,SAAS;AAAA,MAClC;AAAA,MACA,aAAa;AAAA;AAAA,EACf,CACF,CACF;AAEJ;AAEA,IAAO,eAAQ;",
   "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": []
 }