one-design-next 0.0.7 → 0.0.9

package/README.md

@@ -128,8 +128,16 @@ one-design-next/
 ├── .cursor/skills/        # AI Skill 知识包与流程（SKILL.md 为总入口）
 ├── .dumi/                 # Dumi 配置与构建数据
 ├── scripts/               # 构建、benchmark、反馈等工具脚本
-├── skills/                # 对外摘要型 Skill 文档
-├── dist/                  # 构建产物
+├── skills/                # 对外发布 Skill（多产品）
+│   ├── src/
+│   │   ├── shared/        # 共享：ODN 组件知识、流水线 GUIDE
+│   │   ├── ruyi/          # 如翼专属：业务知识、区块、页面、scaffold
+│   │   └── huxuan/        # 互选专属：业务知识、区块、页面、scaffold
+│   ├── dist/              # 构建产物（gitignored，由 CI 生成）
+│   │   ├── ruyi/          # 如翼 skill 发布包（自包含）
+│   │   └── huxuan/        # 互选 skill 发布包（自包含）
+│   └── build.sh           # bash skills/build.sh [ruyi|huxuan]
+├── dist/                  # 组件库构建产物
 └── public/                # 静态资源
 ```
 
@@ -154,7 +162,17 @@ one-design-next/
 | **P5** 落地 | `p5-figma-to-page` · `p5-feedback` | 整页拼装、上下文与反馈采集 |
 | **辅助** | `ten-questions` · `philosophy-talks` | 方法论讨论与设计哲学 |
 
-> **外部只读模式**：外部平台（如 Workbuddy）仅消费知识生成代码与建议，不修改本仓库的组件、区块与知识文件。
+### 多产品 Skill 发布
+
+`skills/` 目录支持多产品构建，`shared/` 中的 ODN 铁律和流水线由所有产品共享，各产品在自己的目录下维护专属业务知识和区块：
+
+```bash
+bash skills/build.sh          # 构建全部产品
+bash skills/build.sh ruyi     # 只构建如翼
+bash skills/build.sh huxuan   # 只构建互选
+```
+
+> **外部只读模式**：外部平台仅消费 `skills/dist/<product>/` 下的知识生成代码与建议，不修改本仓库的组件、区块与知识文件。
 
 ## 发布
 

package/dist/_genui-types.d.ts

@@ -51,6 +51,12 @@ export interface SkillItem {
     label: string;
     icon: string;
     description?: string;
+    /**
+     * 禁用态。设为 true 时按钮不可点击、不会触发 onSelect，视觉降级。
+     * 用于"该 Skill 处于灰度未开放 / 当前会话不支持"等场景，
+     * 既保留入口可见性，又避免误触；与 active 互斥（active 不会同时禁用）。
+     */
+    disabled?: boolean;
 }
 export interface SendMeta {
     attachments?: Attachment[];

package/dist/agent-think/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import './style';
 export interface AgentThinkProps {
     content: string;

package/dist/calendar/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DayPicker } from 'react-day-picker';
+import { DayPicker } from '@daypicker/react';
 import '../date-picker/style';
 import './style';
 export type CalendarProps = React.ComponentProps<typeof DayPicker> & {

package/dist/calendar/index.js

@@ -16,8 +16,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useRef, useState } from 'react';
-import { DayPicker } from 'react-day-picker';
-import { enUS, zhCN } from 'react-day-picker/locale';
+import { DayPicker } from '@daypicker/react';
+import { enUS, zhCN } from '@daypicker/react/locale';
 import "../date-picker/style";
 import "./style";
 var DEFAULT_HOVER_COLOR = 'rgba(33, 34, 38, 0.05)';

package/dist/cascader/index.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import '../select/style';
 import CascaderPanel from './Panel';
 import './style';
-export interface BaseCascaderProps extends Omit<RcCascaderProps<DefaultOptionType, 'value', false>, 'prefixCls' | 'onChange' | 'value' | 'defaultValue' | 'showCheckedStrategy'> {
+export interface BaseCascaderProps extends Omit<RcCascaderProps<DefaultOptionType, 'value', false>, 'prefixCls' | 'onChange' | 'value' | 'defaultValue' | 'showCheckedStrategy' | 'changeOnSelect'> {
     /** 组件尺寸 */
     size?: 'small' | 'medium' | 'large';
     /** 是否禁用 */
@@ -44,6 +44,12 @@ export interface BaseCascaderProps extends Omit<RcCascaderProps<DefaultOptionTyp
     separator?: string;
     /** 自定义下拉列表中每一项的渲染（rc-cascader 原生支持） */
     optionRender?: (option: DefaultOptionType) => React.ReactNode;
+    /**
+     * 点击非叶节点内容区域时的行为
+     * - `true`：选中非叶节点并关闭下拉
+     * - `'keep-open'`：选中非叶节点并触发 onChange，但保持下拉展开（子菜单继续展开）
+     */
+    changeOnSelect?: boolean | 'keep-open';
 }
 export type CascaderProps<V = (string | number)[] | null> = BaseCascaderProps & {
     mode?: 'single' | 'multiple';

package/dist/cascader/index.js

@@ -136,7 +136,7 @@ function CascaderInner(_ref) {
     suffixIcon = _useIcons.suffixIcon,
     removeIcon = _useIcons.removeIcon,
     clearIcon = _useIcons.clearIcon;
-  var cascaderClassName = [prefixCls, "".concat(prefixCls, "-").concat(size), disabled && "".concat(prefixCls, "-disabled"), !light && "".concat(prefixCls, "-outlined"), "".concat(prefixCls, "-show-arrow"), showInnerSearch && "".concat(prefixCls, "-show-inner-search"), 'odn-cascader', className].filter(Boolean).join(' ');
+  var cascaderClassName = [prefixCls, "".concat(prefixCls, "-").concat(size), disabled && "".concat(prefixCls, "-disabled"), light && "".concat(prefixCls, "-light"), !light && "".concat(prefixCls, "-outlined"), "".concat(prefixCls, "-show-arrow"), showInnerSearch && "".concat(prefixCls, "-show-inner-search"), 'odn-cascader', className].filter(Boolean).join(' ');
   var _useState = useState(visibleProp),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
@@ -264,6 +264,12 @@ function CascaderInner(_ref) {
 
     // 非叶节点仅在 changeOnSelect 时才可点击选中
     if (hasChildren && !changeOnSelectProp) return;
+
+    // keep-open：触发 onChange 但不关闭下拉，让 rc-cascader 继续展开子菜单
+    if (hasChildren && changeOnSelectProp === 'keep-open') {
+      handleChange(fullPath, pathOptions, e);
+      return;
+    }
     e.stopPropagation();
     handleChange(fullPath, pathOptions, e);
     handleVisibleChange(false);
@@ -367,7 +373,7 @@ function CascaderInner(_ref) {
     optionRender: optionRenderProp,
     // 单选模式不传 changeOnSelect 给 rc-cascader，
     // 使展开图标点击时 isSelectable 对非叶节点返回 false，只触发展开
-    changeOnSelect: mode === 'single' ? false : changeOnSelectProp
+    changeOnSelect: mode === 'single' ? false : !!changeOnSelectProp
   });
   var dropdownRender = React.useMemo(function () {
     var searchRenderFn = showInnerSearch ? function (menu) {

package/dist/collapse/primitive.d.ts

@@ -25,7 +25,7 @@ type CollapsibleContentProps = Omit<HTMLMotionProps<'div'>, 'children' | 'ref' |
     children?: React.ReactNode;
     transition?: Transition;
 };
-declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<HTMLMotionProps<"div">, "children" | "transition" | "ref"> & {
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<HTMLMotionProps<"div">, "transition" | "ref" | "children"> & {
     children?: React.ReactNode;
     transition?: Transition | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/date-picker/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DayPickerProps } from 'react-day-picker';
+import { DayPickerProps } from '@daypicker/react';
 import { type PopoverProps } from '../pop-base';
 import './style';
 export interface DatePickerCommonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'onChange' | 'prefix'> {

package/dist/date-picker/index.js

@@ -22,8 +22,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useEffect, useRef, useState } from 'react';
-import { DayPicker } from 'react-day-picker';
-import { enUS, zhCN } from 'react-day-picker/locale';
+import { DayPicker } from '@daypicker/react';
+import { enUS, zhCN } from '@daypicker/react/locale';
 import { DATE_INPUT_PLACEHOLDER, MONTHS, convertDateToString, convertMonthToString, convertQuarterToString, convertWeekToString, convertYearToString, getDefaultMaxDate, getDefaultMinDate, getEndOfQuarter, getEndOfWeek, getStartOfQuarter, getStartOfWeek, isDayAfter, isDayBefore, isDayInRange, isLegalDateString, isLegalMonthString, isLegalQuarterString, isLegalWeekString, isLegalYearString, isSameDay, isSameMonth, parseMonthStringToRange, parseQuarterStringToRange, parseWeekStringToRange, parseYearStringToRange, today } from "../_util/date";
 import HoverFill from "../hover-fill";
 import Icon from "../icon";
@@ -939,7 +939,7 @@ var DatePicker = function DatePicker(props) {
                 onDayMouseLeave === null || onDayMouseLeave === void 0 || onDayMouseLeave(e, weekInfo);
               }
             },
-            // RDP v9 仍然没有解决重复 render 的问题，每一个 day 即使 modifiers 完全相同也还是会重复 Render
+            // RDP v10 仍然存在重复 render 的问题，每一个 day 即使 modifiers 完全相同也还是会重复 Render
             // 这里尝试过加 memo，甚至直接 return false 也是会重新 render 的
             // 这意味着如果 numberOfMonths 设置为 2 或以上性能将会受到挑战，当然我们应该不会有这样的需求
             // 所造成的问题是 onClick 可能不会触发，而 mouseDown 和 mouseUp 是会触发的，推测的原因是因为在 down 和 up 之间重新 render 了，整个 dom 都被重新渲染了

package/dist/date-range-picker/index.js

@@ -22,8 +22,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { DayPicker } from 'react-day-picker';
-import { enUS, zhCN } from 'react-day-picker/locale';
+import { DayPicker } from '@daypicker/react';
+import { enUS, zhCN } from '@daypicker/react/locale';
 import { DATE_RANGE_INPUT_PLACEHOLDER, MONTHS, convertDateRangeToString, convertDateToString, getDefaultMaxDate, getDefaultMinDate, isDayAfter, isDayBefore, isDayInRange, isLegalDateRangeString, isSameDay, isSameMonth, today } from "../_util/date";
 import "../date-picker/style";
 import HoverFill from "../hover-fill";
@@ -873,7 +873,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
               _onMouseLeave === null || _onMouseLeave === void 0 || _onMouseLeave(e);
               handleTdHoverLeave(e);
             },
-            // RDP v9 仍然没有解决重复 render 的问题，每一个 day 即使 modifiers 完全相同也还是会重复 Render
+            // RDP v10 仍然存在重复 render 的问题，每一个 day 即使 modifiers 完全相同也还是会重复 Render
             // 这里尝试过加 memo，甚至直接 return false 也是会重新 render 的
             // 这意味着如果 numberOfMonths 设置为 2 或以上性能将会受到挑战，当然我们应该不会有这样的需求
             // 所造成的问题是 onClick 可能不会触发，而 mouseDown 和 mouseUp 是会触发的，推测的原因是因为在 down 和 up 之间重新 render 了，整个 dom 都被重新渲染了

package/dist/fab/index.d.ts

@@ -9,6 +9,7 @@ export interface FabProps {
     colors?: [string, string, string];
     hoverColors?: [string, string, string];
     bgOpacity?: number;
+    hoverBgOpacity?: number;
     speed?: number;
     hoverSpeed?: number;
 }

package/dist/fab/index.js

@@ -52,35 +52,40 @@ var Fab = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     className = _ref3.className,
     style = _ref3.style,
     _ref3$colors = _ref3.colors,
-    colors = _ref3$colors === void 0 ? ['#99E1FF', '#19BCFF', '#99E1FF'] : _ref3$colors,
+    colors = _ref3$colors === void 0 ? ['#34D8FF', '#19BCFF', '#348FFF'] : _ref3$colors,
     _ref3$hoverColors = _ref3.hoverColors,
-    hoverColors = _ref3$hoverColors === void 0 ? ['#93F2EF', '#1ABCFF', '#1ABCFF'] : _ref3$hoverColors,
+    hoverColors = _ref3$hoverColors === void 0 ? ['#56DFFF', '#1ABCFF', '#1FD4FD'] : _ref3$hoverColors,
     _ref3$bgOpacity = _ref3.bgOpacity,
-    bgOpacity = _ref3$bgOpacity === void 0 ? 0.8 : _ref3$bgOpacity,
+    bgOpacity = _ref3$bgOpacity === void 0 ? 1 : _ref3$bgOpacity,
+    _ref3$hoverBgOpacity = _ref3.hoverBgOpacity,
+    hoverBgOpacity = _ref3$hoverBgOpacity === void 0 ? 1 : _ref3$hoverBgOpacity,
     _ref3$speed = _ref3.speed,
     speed = _ref3$speed === void 0 ? 1.49 : _ref3$speed,
     _ref3$hoverSpeed = _ref3.hoverSpeed,
-    hoverSpeed = _ref3$hoverSpeed === void 0 ? 4.52 : _ref3$hoverSpeed;
+    hoverSpeed = _ref3$hoverSpeed === void 0 ? 2.77 : _ref3$hoverSpeed;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     hovered = _useState2[0],
     setHovered = _useState2[1];
   var _useState3 = useState({
       colors: colors,
-      speed: speed
+      speed: speed,
+      opacity: bgOpacity
     }),
     _useState4 = _slicedToArray(_useState3, 2),
     live = _useState4[0],
     setLive = _useState4[1];
   var fromRef = useRef({
     colors: colors,
-    speed: speed
+    speed: speed,
+    opacity: bgOpacity
   });
   var rafRef = useRef(null);
   useEffect(function () {
     var target = {
       colors: hovered ? hoverColors : colors,
-      speed: hovered ? hoverSpeed : speed
+      speed: hovered ? hoverSpeed : speed,
+      opacity: hovered ? hoverBgOpacity : bgOpacity
     };
     var from = fromRef.current;
     var start = performance.now();
@@ -88,7 +93,8 @@ var Fab = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
       var t = Math.min(1, (now - start) / COLOR_TRANSITION_MS);
       var next = {
         colors: lerpColors(from.colors, target.colors, t),
-        speed: lerp(from.speed, target.speed, t)
+        speed: lerp(from.speed, target.speed, t),
+        opacity: lerp(from.opacity, target.opacity, t)
       };
       fromRef.current = next;
       setLive(next);
@@ -101,7 +107,7 @@ var Fab = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     return function () {
       if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
     };
-  }, [hovered, colors, hoverColors, speed, hoverSpeed]);
+  }, [hovered, colors, hoverColors, speed, hoverSpeed, bgOpacity, hoverBgOpacity]);
   return /*#__PURE__*/React.createElement("button", {
     ref: ref,
     type: "button",
@@ -129,7 +135,7 @@ var Fab = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
       borderRadius: 'inherit',
       width: '100%',
       height: '100%',
-      opacity: bgOpacity
+      opacity: live.opacity
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: "odn-fab-glow",

package/dist/fab/style/index.css

@@ -28,8 +28,8 @@
   z-index: 5;
   left: 50%;
   bottom: var(--fab-glow-bottom, -28px);
-  width: var(--fab-glow-width, 300px);
-  height: var(--fab-glow-height, 33px);
+  width: var(--fab-glow-width, 250px);
+  height: var(--fab-glow-height, 4px);
   transform: translateX(-50%);
   border-radius: 50%;
   background: rgba(255, 255, 255, var(--fab-glow-alpha, 0.68));
@@ -43,16 +43,16 @@
   bottom: var(--fab-glow-hover-bottom, -28px);
   width: var(--fab-glow-hover-width, 313px);
   height: var(--fab-glow-hover-height, 65px);
-  background: rgba(255, 255, 255, var(--fab-glow-hover-alpha, 1));
-  background: color(display-p3 1 1 1/var(--fab-glow-hover-alpha, 1));
-  filter: blur(var(--fab-glow-hover-blur, 59px));
+  background: rgba(255, 255, 255, var(--fab-glow-hover-alpha, 0.28));
+  background: color(display-p3 1 1 1/var(--fab-glow-hover-alpha, 0.28));
+  filter: blur(var(--fab-glow-hover-blur, 76px));
 }
 
 .odn-fab-icon {
   position: relative;
   z-index: 10;
   flex-shrink: 0;
-  color: #002F4D;
+  color: #fff;
 }
 
 .odn-fab-label {
@@ -62,5 +62,5 @@
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
-  color: #002F4D;
+  color: #fff;
 }

package/dist/icon/types.d.ts

@@ -1,3 +1,3 @@
 import { svgData } from './svg-data';
 export type IconName = keyof typeof svgData;
-export declare const iconNames: ("filter" | "search" | "send" | "link" | "menu" | "text" | "info" | "warning" | "time" | "image" | "file" | "code" | "data" | "template" | "video" | "stop" | "addressBook" | "AIFile" | "alarmClock" | "alert-circle" | "alert-circle-filled" | "alert-triangle" | "archive" | "arrow-down" | "arrow-up" | "arrow-up-right" | "arrowDown" | "arrowDown-filled" | "arrowLeft" | "arrowLeft-filled" | "arrowRight" | "arrowRight-filled" | "arrowUp" | "arrowUp-filled" | "asset-square" | "assetProtecting" | "autoAD-square-filled" | "bar-chart-3" | "bell" | "bell-filled" | "bidding" | "biz-cancel" | "biz-magic" | "biz-send" | "biz-stop" | "biz-time" | "bottom" | "bottom-filled" | "calendar" | "cancel" | "cancel-circle" | "cancel-circle-filled" | "card-distribute" | "channels" | "channels-square-filled" | "chart" | "chatBubble-filled" | "check" | "check-circle" | "check-circle-filled" | "checkBadge" | "chevron-down" | "chevron-left" | "chevron-right" | "clock" | "comments" | "compare" | "container" | "copy" | "copy-new" | "custom" | "custom-filled" | "customColumn" | "dataAuth" | "dataBoard" | "dataBox" | "dataFolder" | "dataReport" | "dataReport-filled" | "dataRising" | "delete" | "deleteAD-filled" | "detect" | "doubleLeft" | "doubleLeft-filled" | "doubleRight" | "doubleRight-filled" | "down" | "down-bold" | "down-filled" | "download" | "download-1" | "download-filled" | "draggable" | "edit" | "ellipsis" | "exchange" | "exposure-filled" | "extendedConfig" | "fall-filled" | "file-code" | "file-filled" | "file-text" | "filter-filled" | "flag" | "flame" | "fold" | "folderZip" | "folderzip-bold" | "fullScreen" | "globe" | "guideBook" | "help-circle" | "help-circle-filled" | "histogram" | "hosting" | "hot" | "hot-filled" | "icon-outlined" | "idea" | "idea-bold" | "image-bold" | "image-filled" | "images" | "import" | "info-circle" | "info-circle-filled" | "keyword" | "LandingPage" | "languages" | "layers" | "left" | "left-bold" | "left-filled" | "leftFirst" | "leftFirst-filled" | "linkSquare" | "loader" | "location" | "lock" | "logout" | "magic" | "magic-filled" | "maxSize" | "menuLeft" | "menuLeft-bold" | "menuRight" | "menuRight-bold" | "message-circle-plus" | "messages-square" | "minigame-filled" | "miniProgram" | "minus" | "minus-circle" | "minus-circle-filled" | "mobile" | "mobile-filled" | "mobilePage" | "modify" | "modify-bold" | "moments-filled" | "more" | "more-vertical" | "mouse-pointer-click" | "multiCreate" | "mute" | "mutiImage" | "mutiImage-filled" | "mutiSelect" | "mutiSelect-filled" | "notepad" | "notepad-bold" | "offiaccount-filled" | "panel-left" | "panel-left-close" | "panel-right" | "paperclip" | "pause-filled" | "play-filled" | "playing" | "plus" | "plus-circle" | "plus-circle-filled" | "pointerLeft-filled" | "pointerRight-filled" | "puzzle" | "QRcode" | "qualification" | "quickFile" | "refresh" | "report" | "reportBook" | "right" | "right-bold" | "right-filled" | "rightLast" | "rightLast-filled" | "ringStruckture" | "rise-filled" | "rotate-ccw" | "save" | "search-bold" | "search-filled" | "searchAD" | "searchAD-filled" | "setting" | "share" | "shield" | "shield-filled" | "shop" | "shopping" | "sort" | "sound" | "sparkle" | "sparkles" | "square" | "star" | "star-filled" | "sticker" | "sticker-filled" | "subdivide" | "support-bold" | "tag" | "tag-filled" | "target" | "targeting" | "task" | "task-filled" | "templateBag" | "thumbDown" | "thumbDown-filled" | "thumbs-down" | "thumbs-up" | "thumbUp" | "thumbUp-filled" | "time-bold" | "top" | "top-filled" | "treeStructure" | "unfold" | "unfold-filled" | "up" | "up-bold" | "up-filled" | "user-add" | "user-circle" | "user-edit" | "user-pack" | "userList" | "userPack" | "users" | "users-bold" | "verify" | "videoBag-filled" | "videoScreenshot" | "viewMask" | "wallet" | "warning-filled" | "wechatBubble" | "wechatBubble-filled" | "wechatSearch" | "writing" | "x" | "x-circle" | "zap" | "zoomIn" | "zoomOut")[];
+export declare const iconNames: ("code" | "data" | "link" | "menu" | "search" | "template" | "time" | "video" | "filter" | "image" | "stop" | "text" | "sort" | "copy" | "loader" | "target" | "file" | "mobile" | "x" | "calendar" | "addressBook" | "AIFile" | "alarmClock" | "alert-circle" | "alert-circle-filled" | "alert-triangle" | "archive" | "arrow-down" | "arrow-up" | "arrow-up-right" | "arrowDown" | "arrowDown-filled" | "arrowLeft" | "arrowLeft-filled" | "arrowRight" | "arrowRight-filled" | "arrowUp" | "arrowUp-filled" | "asset-square" | "assetProtecting" | "autoAD-square-filled" | "bar-chart-3" | "bell" | "bell-filled" | "bidding" | "biz-cancel" | "biz-magic" | "biz-send" | "biz-stop" | "biz-time" | "bottom" | "bottom-filled" | "cancel" | "cancel-circle" | "cancel-circle-filled" | "card-distribute" | "channels" | "channels-square-filled" | "chart" | "chatBubble-filled" | "check" | "check-circle" | "check-circle-filled" | "checkBadge" | "chevron-down" | "chevron-left" | "chevron-right" | "clock" | "comments" | "compare" | "container" | "copy-new" | "custom" | "custom-filled" | "customColumn" | "dataAuth" | "dataBoard" | "dataBox" | "dataFolder" | "dataReport" | "dataReport-filled" | "dataRising" | "delete" | "deleteAD-filled" | "detect" | "doubleLeft" | "doubleLeft-filled" | "doubleRight" | "doubleRight-filled" | "down" | "down-bold" | "down-filled" | "download" | "download-1" | "download-filled" | "draggable" | "edit" | "ellipsis" | "exchange" | "exposure-filled" | "extendedConfig" | "fall-filled" | "file-code" | "file-filled" | "file-text" | "filter-filled" | "flag" | "flame" | "fold" | "folderZip" | "folderzip-bold" | "fullScreen" | "globe" | "guideBook" | "help-circle" | "help-circle-filled" | "histogram" | "hosting" | "hot" | "hot-filled" | "icon-outlined" | "idea" | "idea-bold" | "image-bold" | "image-filled" | "images" | "import" | "info" | "info-circle" | "info-circle-filled" | "keyword" | "LandingPage" | "languages" | "layers" | "left" | "left-bold" | "left-filled" | "leftFirst" | "leftFirst-filled" | "linkSquare" | "location" | "lock" | "logout" | "magic" | "magic-filled" | "maxSize" | "menuLeft" | "menuLeft-bold" | "menuRight" | "menuRight-bold" | "message-circle-plus" | "messages-square" | "minigame-filled" | "miniProgram" | "minus" | "minus-circle" | "minus-circle-filled" | "mobile-filled" | "mobilePage" | "modify" | "modify-bold" | "moments-filled" | "more" | "more-vertical" | "mouse-pointer-click" | "multiCreate" | "mute" | "mutiImage" | "mutiImage-filled" | "mutiSelect" | "mutiSelect-filled" | "notepad" | "notepad-bold" | "offiaccount-filled" | "panel-left" | "panel-left-close" | "panel-right" | "paperclip" | "pause-filled" | "play-filled" | "playing" | "plus" | "plus-circle" | "plus-circle-filled" | "pointerLeft-filled" | "pointerRight-filled" | "puzzle" | "QRcode" | "qualification" | "quickFile" | "refresh" | "report" | "reportBook" | "right" | "right-bold" | "right-filled" | "rightLast" | "rightLast-filled" | "ringStruckture" | "rise-filled" | "rotate-ccw" | "save" | "search-bold" | "search-filled" | "searchAD" | "searchAD-filled" | "send" | "setting" | "share" | "shield" | "shield-filled" | "shop" | "shopping" | "sound" | "sparkle" | "sparkles" | "square" | "star" | "star-filled" | "sticker" | "sticker-filled" | "subdivide" | "support-bold" | "tag" | "tag-filled" | "targeting" | "task" | "task-filled" | "templateBag" | "thumbDown" | "thumbDown-filled" | "thumbs-down" | "thumbs-up" | "thumbUp" | "thumbUp-filled" | "time-bold" | "top" | "top-filled" | "treeStructure" | "unfold" | "unfold-filled" | "up" | "up-bold" | "up-filled" | "user-add" | "user-circle" | "user-edit" | "user-pack" | "userList" | "userPack" | "users" | "users-bold" | "verify" | "videoBag-filled" | "videoScreenshot" | "viewMask" | "wallet" | "warning" | "warning-filled" | "wechatBubble" | "wechatBubble-filled" | "wechatSearch" | "writing" | "x-circle" | "zap" | "zoomIn" | "zoomOut")[];

package/dist/index.d.ts

@@ -40,6 +40,7 @@ export { default as Popover } from './popover';
 export { default as Radio, type RadioProps, type RadioGroupProps } from './radio';
 export { RuyiLayout, type RuyiLayoutProps, type RuyiMenuItem } from './layout';
 export { MpLayout, type MpLayoutProps, type MpMenuItem, type MpTabItem, type MpSubTab } from './layout';
+export { HuxuanLayout, type HuxuanLayoutProps, type HuxuanNavItem, type HuxuanNavChild, type HuxuanActionItem } from './layout';
 export { default as ScrollArea, type ScrollAreaProps, type ScrollAreaRef } from './scroll-area';
 export { default as Select, type SelectProps } from './select';
 export { default as Slider, type SliderProps } from './slider';

package/dist/index.js

@@ -44,6 +44,7 @@ export { default as Popover } from "./popover";
 export { default as Radio } from "./radio";
 export { RuyiLayout } from "./layout";
 export { MpLayout } from "./layout";
+export { HuxuanLayout } from "./layout";
 export { default as ScrollArea } from "./scroll-area";
 export { default as Select } from "./select";
 export { default as Slider } from "./slider";

package/dist/layout/huxuan-layout.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+export type HuxuanNavChild = {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+};
+export type HuxuanNavItem = {
+    key: string;
+    label: string;
+    badge?: string;
+    /** 子菜单项，有子项时 hover 会弹出 Popover 下拉 */
+    children?: HuxuanNavChild[];
+};
+export type HuxuanActionItem = {
+    key: string;
+    label: string;
+    /** 子菜单项，有子项时点击弹出 Popover 下拉 */
+    children?: HuxuanNavChild[];
+    /** 完全自定义的 Popover 弹出内容（优先级高于 children） */
+    popup?: React.ReactNode;
+    /** 无子项时的点击回调 */
+    onClick?: () => void;
+};
+export type HuxuanLayoutProps = {
+    /** 自定义 Logo，默认为互选平台 Logo */
+    logo?: React.ReactNode;
+    /** 顶栏导航项 */
+    navItems?: HuxuanNavItem[];
+    /** 当前激活的导航 key */
+    activeNav?: string;
+    /** 导航切换回调 */
+    onNavChange?: (key: string) => void;
+    /** 顶栏右侧操作按钮（发布招募任务、达人名单等） */
+    actionItems?: HuxuanActionItem[];
+    /** 操作按钮点击回调 */
+    onActionClick?: (key: string) => void;
+    /** 顶栏右侧完全自定义内容（设置后 actionItems 无效） */
+    headerRight?: React.ReactNode;
+    /** 账号名称 */
+    accountName?: string;
+    /** 账号 ID */
+    accountId?: string;
+    /** 外层容器 className */
+    className?: string;
+    /** 内容区 className */
+    contentClassName?: string;
+    children?: React.ReactNode;
+};
+export declare function HuxuanLayout({ logo, navItems, activeNav, onNavChange, actionItems, onActionClick, headerRight, accountName, accountId, className, contentClassName, children, }: HuxuanLayoutProps): React.JSX.Element;