@yoka-ui/ui 1.0.3 → 1.0.5

package/dist/lib/creative/GlassSegmentedRadio/index.module.less

@@ -0,0 +1,241 @@
+/* 容器：参考 glass-radio-group 暗色毛玻璃；浅色主题单独覆盖 */
+.root {
+  --segment-count: 2;
+  --glass-group-bg: rgba(255, 255, 255, 0.06);
+  --glass-group-text: #999;
+  --glass-group-text-hover: #666;
+  --glass-group-text-checked: #333;
+  --glass-group-border: rgba(255, 255, 255, 0.1);
+
+  display: flex;
+  position: relative;
+  width: fit-content;
+  max-width: 100%;
+  border-radius: 1rem;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  overflow: hidden;
+  border: 1px solid var(--glass-group-border);
+  font-family: var(--font-sans, system-ui, sans-serif);
+  background: var(--glass-group-bg);
+  box-shadow:
+    inset 1px 1px 4px rgba(255, 255, 255, 0.2),
+    inset -1px -1px 6px rgba(0, 0, 0, 0.3),
+    0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.rootDisabled {
+  opacity: 0.55;
+  pointer-events: none;
+}
+
+:global(html[data-theme="light"]) .root {
+  --glass-group-bg: rgba(255, 255, 255, 0.78);
+  --glass-group-text: rgba(0, 0, 0, 0.55);
+  --glass-group-text-hover: rgba(0, 0, 0, 0.88);
+  --glass-group-text-checked: rgba(0, 0, 0, 0.92);
+  --glass-group-border: var(--ln-border-subtle, rgba(0, 0, 0, 0.12));
+
+  box-shadow:
+    inset 1px 1px 3px rgba(255, 255, 255, 0.95),
+    inset -1px -1px 4px rgba(0, 0, 0, 0.05),
+    0 2px 8px rgba(0, 0, 0, 0.06);
+}
+
+/* 保留可聚焦与读屏，不用 display:none */
+.input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  margin: 0;
+  pointer-events: none;
+}
+
+.label {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 80px;
+  font-size: 14px;
+  padding: 0.8rem 1.6rem;
+  cursor: pointer;
+  font-weight: 600;
+  letter-spacing: 0.3px;
+  color: var(--glass-group-text);
+  position: relative;
+  z-index: 2;
+  transition: color 0.3s ease-in-out;
+  user-select: none;
+}
+
+.label:hover {
+  color: var(--glass-group-text-hover);
+}
+
+.input:checked + .label {
+  color: var(--glass-group-text-checked);
+}
+
+.input:focus-visible + .label {
+  outline: 2px solid var(--ln-focus-ring, #1677ff);
+  outline-offset: 2px;
+  border-radius: 6px;
+}
+
+/* 滑块：宽度随段数变化；位移与配色由「第 n 个 input 选中」决定（translateX 百分比相对滑块自身宽度） */
+.glider {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: calc(100% / var(--segment-count));
+  border-radius: 1rem;
+  z-index: 1;
+  pointer-events: none;
+  transform: translate3d(0%, 0, 0);
+  transition:
+    transform 0.5s cubic-bezier(0.37, 1.95, 0.66, 0.56),
+    background 0.4s ease-in-out,
+    box-shadow 0.4s ease-in-out;
+  background: linear-gradient(135deg, #c0c0c055, #e0e0e0);
+  box-shadow:
+    0 0 18px rgba(192, 192, 192, 0.5),
+    0 0 10px rgba(255, 255, 255, 0.4) inset;
+}
+
+/* 1 Silver */
+.input:nth-of-type(1):checked ~ .glider {
+  transform: translate3d(0%, 0, 0);
+  background: linear-gradient(135deg, #c0c0c055, #e0e0e0);
+  box-shadow:
+    0 0 18px rgba(192, 192, 192, 0.5),
+    0 0 10px rgba(255, 255, 255, 0.4) inset;
+}
+
+/* 2 Gold */
+.input:nth-of-type(2):checked ~ .glider {
+  transform: translate3d(100%, 0, 0);
+  background: linear-gradient(135deg, #ffd70055, #ffcc00);
+  box-shadow:
+    0 0 18px rgba(255, 215, 0, 0.5),
+    0 0 10px rgba(255, 235, 150, 0.4) inset;
+}
+
+/* 3 Platinum */
+.input:nth-of-type(3):checked ~ .glider {
+  transform: translate3d(200%, 0, 0);
+  background: linear-gradient(135deg, #d0e7ff55, #a0d8ff);
+  box-shadow:
+    0 0 18px rgba(160, 216, 255, 0.5),
+    0 0 10px rgba(200, 240, 255, 0.4) inset;
+}
+
+/* 4 Rose */
+.input:nth-of-type(4):checked ~ .glider {
+  transform: translate3d(300%, 0, 0);
+  background: linear-gradient(135deg, #ffb6c155, #ff7eb3);
+  box-shadow:
+    0 0 18px rgba(255, 150, 180, 0.45),
+    0 0 10px rgba(255, 220, 235, 0.35) inset;
+}
+
+/* 5 Emerald */
+.input:nth-of-type(5):checked ~ .glider {
+  transform: translate3d(400%, 0, 0);
+  background: linear-gradient(135deg, #98fb9855, #3cb371);
+  box-shadow:
+    0 0 18px rgba(80, 200, 120, 0.45),
+    0 0 10px rgba(200, 255, 220, 0.35) inset;
+}
+
+/* 6 Violet */
+.input:nth-of-type(6):checked ~ .glider {
+  transform: translate3d(500%, 0, 0);
+  background: linear-gradient(135deg, #e6e6fa55, #b388ff);
+  box-shadow:
+    0 0 18px rgba(179, 136, 255, 0.5),
+    0 0 10px rgba(230, 220, 255, 0.4) inset;
+}
+
+/* 7 Amber */
+.input:nth-of-type(7):checked ~ .glider {
+  transform: translate3d(600%, 0, 0);
+  background: linear-gradient(135deg, #ffcc8055, #ff9933);
+  box-shadow:
+    0 0 18px rgba(255, 160, 80, 0.45),
+    0 0 10px rgba(255, 230, 200, 0.35) inset;
+}
+
+/* 8 Cyan */
+.input:nth-of-type(8):checked ~ .glider {
+  transform: translate3d(700%, 0, 0);
+  background: linear-gradient(135deg, #80ffff55, #20b2aa);
+  box-shadow:
+    0 0 18px rgba(64, 200, 190, 0.45),
+    0 0 10px rgba(200, 255, 252, 0.35) inset;
+}
+
+/* 9+：与前几档区分，超出 8 项时仍可辨色 */
+.input:nth-of-type(9):checked ~ .glider {
+  transform: translate3d(800%, 0, 0);
+  background: linear-gradient(135deg, #daa52055, #cd853f);
+  box-shadow:
+    0 0 18px rgba(205, 133, 63, 0.45),
+    0 0 10px rgba(255, 230, 200, 0.35) inset;
+}
+
+.input:nth-of-type(10):checked ~ .glider {
+  transform: translate3d(900%, 0, 0);
+  background: linear-gradient(135deg, #b0c4de55, #778899);
+  box-shadow:
+    0 0 18px rgba(119, 136, 153, 0.45),
+    0 0 10px rgba(220, 230, 240, 0.35) inset;
+}
+
+/* 11–12：再两档区分色；更多分段需再扩展或接受与第 1 档同视觉未匹配（应极少见） */
+.input:nth-of-type(11):checked ~ .glider {
+  transform: translate3d(1000%, 0, 0);
+  background: linear-gradient(135deg, #f5deb355, #daa520);
+  box-shadow:
+    0 0 18px rgba(218, 165, 32, 0.45),
+    0 0 10px rgba(255, 245, 220, 0.35) inset;
+}
+
+.input:nth-of-type(12):checked ~ .glider {
+  transform: translate3d(1100%, 0, 0);
+  background: linear-gradient(135deg, #dda0dd55, #9370db);
+  box-shadow:
+    0 0 18px rgba(147, 112, 219, 0.45),
+    0 0 10px rgba(240, 230, 255, 0.35) inset;
+}
+
+/* 广告模式：只强化外框与底，不覆盖分段滑块配色（默认与暗色根一致） */
+.rootAdGold {
+  background: linear-gradient(
+    165deg,
+    rgba(201, 162, 39, 0.12) 0%,
+    rgba(255, 255, 255, 0.05) 50%,
+    rgba(230, 195, 92, 0.08) 100%
+  );
+  border-color: rgba(230, 195, 92, 0.25);
+  box-shadow:
+    inset 1px 1px 4px rgba(255, 255, 255, 0.1),
+    inset -1px -1px 6px rgba(0, 0, 0, 0.35),
+    0 4px 16px rgba(201, 162, 39, 0.15);
+}
+
+:global(html[data-theme="light"]) .rootAdGold {
+  background: linear-gradient(
+    165deg,
+    rgba(255, 248, 220, 0.55) 0%,
+    rgba(255, 255, 255, 0.82) 45%,
+    rgba(255, 252, 235, 0.75) 100%
+  );
+  border-color: rgba(201, 162, 39, 0.35);
+  box-shadow:
+    inset 1px 1px 3px rgba(255, 255, 255, 0.95),
+    inset -1px -1px 4px rgba(201, 162, 39, 0.08),
+    0 2px 10px rgba(201, 162, 39, 0.12);
+}

package/dist/lib/index.d.ts

@@ -1,4 +1,34 @@
 import 'antd/dist/reset.css';
+export { default as AiChat } from './business/AiChat';
+export { default as DrawerPageInfo } from './business/DrawerPageInfo';
+export { default as Editor } from './business/Editor';
+export { default as Empty } from './business/Empty';
+export { default as ModCommonFilter } from './business/ModCommonFilter';
+export { default as YkPorjectSelect } from './business/YkPorjectSelect';
+export { default as Clock } from './components/Clock';
+export { default as DebounceInput } from './components/DebounceInput';
+export { default as MultipleSelect } from './components/MultipleSelect';
+export { default as NumericInput } from './components/NumericInput';
+export { default as RefreshButton } from './components/RefreshButton';
+export { default as SearchWithHistory } from './components/SearchWithHistory';
+export { default as TextWithInput } from './components/TextWithInput';
+export { default as TextWithToolTip } from './components/TextWithToolTip';
+export { default as TreeTransfer } from './components/TreeTransfer';
+export type { DateRangeValue, YkDateRangePickerProps, YkDateRangePickerRef } from './components/YkDateRangePicker';
+export { default as YkDateRangePicker } from './components/YkDateRangePicker';
+export { default as YkRangeDateWithVS } from './components/YkRangeDateWithVS';
+export { default as YkRangeTimeWithRecent } from './components/YkRangeTimeWithRecent';
+export type { ArcCheckboxProps } from './creative/ArcCheckbox';
+export { default as ArcCheckbox } from './creative/ArcCheckbox';
+export { default as ButtonRadioWithInfo } from './creative/ButtonRadioWithInfo';
+export { default as ButtonWithProgress } from './creative/ButtonWithProgress';
+export type { GlassSegmentedRadioProps, GlassSegmentOption } from './creative/GlassSegmentedRadio';
+export { default as GlassSegmentedRadio } from './creative/GlassSegmentedRadio';
+export { default as FlexGrid } from './layout/FlexGrid';
+export { default as YkContainer } from './layout/YkContainer';
+export { default as YkDrawer } from './layout/YkDrawer';
+export { default as InputTheme } from './Themes/InputTheme';
+export { default as TableTheme } from './Themes/TableTheme';
 export { default as LabelSelect } from './ui/LabelSelect';
 export { default as LogicOperator } from './ui/LogicOperator';
 export { default as YkButton } from './ui/YkButton';
@@ -15,29 +45,3 @@ export { default as YkStatistic } from './ui/YkStatistic';
 export { default as YkSwitch } from './ui/YkSwitch';
 export { default as YkTabs } from './ui/YkTabs';
 export { default as YkTooltip } from './ui/YkTooltip';
-export { default as DrawerPageInfo } from './business/DrawerPageInfo';
-export { default as Editor } from './business/Editor';
-export { default as Empty } from './business/Empty';
-export { default as ModCommonFilter } from './business/ModCommonFilter';
-export { default as YkPorjectSelect } from './business/YkPorjectSelect';
-export { default as YkDateRangePicker } from './components/YkDateRangePicker';
-export type { DateRangeValue, YkDateRangePickerProps, YkDateRangePickerRef } from './components/YkDateRangePicker';
-export { default as YkRangeDateWithVS } from './components/YkRangeDateWithVS';
-export { default as YkRangeTimeWithRecent } from './components/YkRangeTimeWithRecent';
-export { default as ButtonRadioWithInfo } from './creative/ButtonRadioWithInfo';
-export { default as ButtonWithProgress } from './creative/ButtonWithProgress';
-export { default as InputTheme } from './Themes/InputTheme';
-export { default as TableTheme } from './Themes/TableTheme';
-export { default as FlexGrid } from './layout/FlexGrid';
-export { default as YkContainer } from './layout/YkContainer';
-export { default as YkDrawer } from './layout/YkDrawer';
-export { default as Clock } from './components/Clock';
-export { default as DebounceInput } from './components/DebounceInput';
-export { default as MultipleSelect } from './components/MultipleSelect';
-export { default as NumericInput } from './components/NumericInput';
-export { default as RefreshButton } from './components/RefreshButton';
-export { default as SearchWithHistory } from './components/SearchWithHistory';
-export { default as TextWithInput } from './components/TextWithInput';
-export { default as TextWithToolTip } from './components/TextWithToolTip';
-export { default as TreeTransfer } from './components/TreeTransfer';
-export { default as AiChat } from './business/AiChat';

package/dist/lib/index.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   AiChat: () => import_AiChat.default,
+  ArcCheckbox: () => import_ArcCheckbox.default,
   ButtonRadioWithInfo: () => import_ButtonRadioWithInfo.default,
   ButtonWithProgress: () => import_ButtonWithProgress.default,
   Clock: () => import_Clock.default,
@@ -38,6 +39,7 @@ __export(src_exports, {
   Editor: () => import_Editor.default,
   Empty: () => import_Empty.default,
   FlexGrid: () => import_FlexGrid.default,
+  GlassSegmentedRadio: () => import_GlassSegmentedRadio.default,
   InputTheme: () => import_InputTheme.default,
   LabelSelect: () => import_LabelSelect.default,
   LogicOperator: () => import_LogicOperator.default,
@@ -73,6 +75,33 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_reset = require("antd/dist/reset.css");
+var import_AiChat = __toESM(require("./business/AiChat"));
+var import_DrawerPageInfo = __toESM(require("./business/DrawerPageInfo"));
+var import_Editor = __toESM(require("./business/Editor"));
+var import_Empty = __toESM(require("./business/Empty"));
+var import_ModCommonFilter = __toESM(require("./business/ModCommonFilter"));
+var import_YkPorjectSelect = __toESM(require("./business/YkPorjectSelect"));
+var import_Clock = __toESM(require("./components/Clock"));
+var import_DebounceInput = __toESM(require("./components/DebounceInput"));
+var import_MultipleSelect = __toESM(require("./components/MultipleSelect"));
+var import_NumericInput = __toESM(require("./components/NumericInput"));
+var import_RefreshButton = __toESM(require("./components/RefreshButton"));
+var import_SearchWithHistory = __toESM(require("./components/SearchWithHistory"));
+var import_TextWithInput = __toESM(require("./components/TextWithInput"));
+var import_TextWithToolTip = __toESM(require("./components/TextWithToolTip"));
+var import_TreeTransfer = __toESM(require("./components/TreeTransfer"));
+var import_YkDateRangePicker = __toESM(require("./components/YkDateRangePicker"));
+var import_YkRangeDateWithVS = __toESM(require("./components/YkRangeDateWithVS"));
+var import_YkRangeTimeWithRecent = __toESM(require("./components/YkRangeTimeWithRecent"));
+var import_ArcCheckbox = __toESM(require("./creative/ArcCheckbox"));
+var import_ButtonRadioWithInfo = __toESM(require("./creative/ButtonRadioWithInfo"));
+var import_ButtonWithProgress = __toESM(require("./creative/ButtonWithProgress"));
+var import_GlassSegmentedRadio = __toESM(require("./creative/GlassSegmentedRadio"));
+var import_FlexGrid = __toESM(require("./layout/FlexGrid"));
+var import_YkContainer = __toESM(require("./layout/YkContainer"));
+var import_YkDrawer = __toESM(require("./layout/YkDrawer"));
+var import_InputTheme = __toESM(require("./Themes/InputTheme"));
+var import_TableTheme = __toESM(require("./Themes/TableTheme"));
 var import_LabelSelect = __toESM(require("./ui/LabelSelect"));
 var import_LogicOperator = __toESM(require("./ui/LogicOperator"));
 var import_YkButton = __toESM(require("./ui/YkButton"));
@@ -89,34 +118,10 @@ var import_YkStatistic = __toESM(require("./ui/YkStatistic"));
 var import_YkSwitch = __toESM(require("./ui/YkSwitch"));
 var import_YkTabs = __toESM(require("./ui/YkTabs"));
 var import_YkTooltip = __toESM(require("./ui/YkTooltip"));
-var import_DrawerPageInfo = __toESM(require("./business/DrawerPageInfo"));
-var import_Editor = __toESM(require("./business/Editor"));
-var import_Empty = __toESM(require("./business/Empty"));
-var import_ModCommonFilter = __toESM(require("./business/ModCommonFilter"));
-var import_YkPorjectSelect = __toESM(require("./business/YkPorjectSelect"));
-var import_YkDateRangePicker = __toESM(require("./components/YkDateRangePicker"));
-var import_YkRangeDateWithVS = __toESM(require("./components/YkRangeDateWithVS"));
-var import_YkRangeTimeWithRecent = __toESM(require("./components/YkRangeTimeWithRecent"));
-var import_ButtonRadioWithInfo = __toESM(require("./creative/ButtonRadioWithInfo"));
-var import_ButtonWithProgress = __toESM(require("./creative/ButtonWithProgress"));
-var import_InputTheme = __toESM(require("./Themes/InputTheme"));
-var import_TableTheme = __toESM(require("./Themes/TableTheme"));
-var import_FlexGrid = __toESM(require("./layout/FlexGrid"));
-var import_YkContainer = __toESM(require("./layout/YkContainer"));
-var import_YkDrawer = __toESM(require("./layout/YkDrawer"));
-var import_Clock = __toESM(require("./components/Clock"));
-var import_DebounceInput = __toESM(require("./components/DebounceInput"));
-var import_MultipleSelect = __toESM(require("./components/MultipleSelect"));
-var import_NumericInput = __toESM(require("./components/NumericInput"));
-var import_RefreshButton = __toESM(require("./components/RefreshButton"));
-var import_SearchWithHistory = __toESM(require("./components/SearchWithHistory"));
-var import_TextWithInput = __toESM(require("./components/TextWithInput"));
-var import_TextWithToolTip = __toESM(require("./components/TextWithToolTip"));
-var import_TreeTransfer = __toESM(require("./components/TreeTransfer"));
-var import_AiChat = __toESM(require("./business/AiChat"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AiChat,
+  ArcCheckbox,
   ButtonRadioWithInfo,
   ButtonWithProgress,
   Clock,
@@ -125,6 +130,7 @@ var import_AiChat = __toESM(require("./business/AiChat"));
   Editor,
   Empty,
   FlexGrid,
+  GlassSegmentedRadio,
   InputTheme,
   LabelSelect,
   LogicOperator,

package/dist/lib/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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAO;AAGP,yBAAuC;AACvC,2BAAyC;AACzC,sBAAoC;AACpC,oBAAkC;AAClC,wBAAsC;AACtC,4BAA0C;AAC1C,0BAAwC;AACxC,qBAAmC;AACnC,+BAA6C;AAC7C,yBAAuC;AACvC,sBAAoC;AACpC,oBAAkC;AAClC,yBAAuC;AACvC,sBAAoC;AACpC,oBAAkC;AAClC,uBAAqC;AAGrC,4BAA0C;AAC1C,oBAAkC;AAClC,mBAAiC;AACjC,6BAA2C;AAC3C,6BAA2C;AAC3C,+BAA6C;AAE7C,+BAA6C;AAC7C,mCAAiD;AAGjD,iCAA+C;AAC/C,gCAA8C;AAG9C,wBAAsC;AACtC,wBAAsC;AAGtC,sBAAoC;AACpC,yBAAuC;AACvC,sBAAoC;AAGpC,mBAAiC;AACjC,2BAAyC;AACzC,4BAA0C;AAC1C,0BAAwC;AACxC,2BAAyC;AACzC,+BAA6C;AAC7C,2BAAyC;AACzC,6BAA2C;AAC3C,0BAAwC;AAExC,oBAAkC;",
+  "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAO;AAGP,oBAAkC;AAClC,4BAA0C;AAC1C,oBAAkC;AAClC,mBAAiC;AACjC,6BAA2C;AAC3C,6BAA2C;AAE3C,mBAAiC;AACjC,2BAAyC;AACzC,4BAA0C;AAC1C,0BAAwC;AACxC,2BAAyC;AACzC,+BAA6C;AAC7C,2BAAyC;AACzC,6BAA2C;AAC3C,0BAAwC;AAExC,+BAA6C;AAC7C,+BAA6C;AAC7C,mCAAiD;AAGjD,yBAAuC;AACvC,iCAA+C;AAC/C,gCAA8C;AAE9C,iCAA+C;AAE/C,sBAAoC;AACpC,yBAAuC;AACvC,sBAAoC;AAEpC,wBAAsC;AACtC,wBAAsC;AAEtC,yBAAuC;AACvC,2BAAyC;AACzC,sBAAoC;AACpC,oBAAkC;AAClC,wBAAsC;AACtC,4BAA0C;AAC1C,0BAAwC;AACxC,qBAAmC;AACnC,+BAA6C;AAC7C,yBAAuC;AACvC,sBAAoC;AACpC,oBAAkC;AAClC,yBAAuC;AACvC,sBAAoC;AACpC,oBAAkC;AAClC,uBAAqC;",
   "names": []
 }

package/dist/lib/index.less

@@ -23,8 +23,10 @@
 @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/ui/LogicOperator/index.module.less";
 @import "../../src/ui/YkCard/index.module.less";

package/dist/lib/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/lib/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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyC;AACzC,wBAAuB;AACvB,mBAAkB;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,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAC7C,QAAM,QAAQ,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,CAAC,MAAM,KAAK,IAAI;AAEtE,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,eAAW,kBAAAC,SAAW,kBAAkB,SAAS;AAAA,MACjD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH,MAAM,IAAI,CAAC,OAAO,UAAU;AAC3B,YAAM,MAAM,aAAAD,QAAM,eAAe,KAAK,KAAK,MAAM,OAAO,OAAO,OAAO,MAAM,GAAG,IAAI,aAAa;AAChG,aACE,6BAAAA,QAAA,cAAC,mBAAI,KAAU,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,KAAK,OACxF,6BAAAA,QAAA,cAAC,oBAAK,UAAQ,MAAC,OAAO,EAAE,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAU,yBACnE,KACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ,aAAAA,QAAM,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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8C;AAC9C,wBAAuB;AACvB,mBAAkB;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,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAC7C,QAAM,QAAQ,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,CAAC,MAAM,KAAK,IAAI;AAEtE,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAI;AAAA,MACJ,OAAM;AAAA,MACN,eAAW,kBAAAC,SAAW,kBAAkB,SAAS;AAAA,MACjD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH,MAAM,IAAI,CAAC,OAAO,UAAU;AAC3B,YAAM,MAAM,aAAAD,QAAM,eAAe,KAAK,KAAK,MAAM,OAAO,OAAO,OAAO,MAAM,GAAG,IAAI,aAAa;AAChG,aACE,6BAAAA,QAAA,cAAC,mBAAI,KAAU,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,KAAK,OACxF,6BAAAA,QAAA,cAAC,oBAAK,UAAQ,MAAC,OAAO,EAAE,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAU,yBACnE,KACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ,aAAAA,QAAM,KAAK,QAAQ;",
   "names": ["React", "classNames"]
 }

package/dist/lib/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;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAAkB;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,aAAAA,QAAM;AAAA,EACxB,CAAC,EAAE,WAAW,OAAO,UAAU,OAAO,YAAY,aAAa,aAAa,MAAM,GAAG,KAAK,GAAG,QAC3F,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,kBAAAC,SAAW,kBAAkB,SAAS;AAAA,MACjD,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA;AAAA,IAEH,aACC,6BAAAD,QAAA,cAAC,YAAO,OAAO,gBAAgB,WAAU,8BACvC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,QAAQ,YAAY,SAAS,KACvE,eAAe,UAAa,eAAe,OAC1C,aACE,SAAS,QAAQ,UAAU,KAC7B,6BAAAA,QAAA,cAAC,SAAI,OAAO,cAAa,KAAM,IAC7B,IACN,GACC,cACC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,YAAY,GAAG,SAAS,QAAQ,YAAY,SAAS,KAAI,WAAY,IACjF,IACN,IACE;AAAA,IACH;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
   "names": ["React", "classNames"]
 }

package/dist/lib/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/lib/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": ["React", "classNames", "styles"]
 }

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

@@ -32,9 +32,9 @@ __export(demo_exports, {
   default: () => demo_default
 });
 module.exports = __toCommonJS(demo_exports);
+var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_index = __toESM(require("./index"));
-var import_antd = require("antd");
 var labelOptions = [
   { label: "高优先级", value: "high", labelColor: "red" },
   { label: "中优先级", value: "medium", labelColor: "orange" },

package/dist/lib/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": ["React", "LabelSelect"]
 }

package/dist/lib/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/lib/ui/LabelSelect/index.js

@@ -32,8 +32,8 @@ __export(LabelSelect_exports, {
   default: () => LabelSelect_default
 });
 module.exports = __toCommonJS(LabelSelect_exports);
-var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_react = __toESM(require("react"));
 var { Text } = import_antd.Typography;
 var LabelSelect = ({
   label,