shineout 3.10.0-beta.2 → 3.10.0-beta.21

package/cjs/list/list.semantic.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("./..");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * List Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var data = ['Item 1', 'Item 2', 'Item 3', 'Item 4'];
+var ListSemanticDemo = function ListSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.List, {
+    keygen: function keygen(d) {
+      return d;
+    },
+    data: data,
+    bordered: true,
+    renderItem: function renderItem(d) {
+      return d;
+    },
+    footer: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        padding: '12px 16px',
+        backgroundColor: '#fff'
+      },
+      children: "Footer"
+    }),
+    style: {
+      width: 300
+    }
+  });
+};
+var listSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'List 最外层容器',
+    en: 'List outermost wrapper element',
+    version: '3.10.0',
+    example: "<List\n  classNames={{ root: 'my-list' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'item',
+    cn: '每个列表项',
+    en: 'Each list item',
+    version: '3.10.0',
+    example: "<List\n  classNames={{ item: 'my-item' }}\n  styles={{ item: { padding: '8px 16px' } }}\n/>"
+  }, {
+    key: 'footer',
+    cn: '底部内容区域',
+    en: 'Footer content area',
+    version: '3.10.0',
+    example: "<List\n  classNames={{ footer: 'my-footer' }}\n  styles={{ footer: { borderTop: '1px solid #f0f0f0' } }}\n/>"
+  }],
+  demo: ListSemanticDemo
+};
+var _default = exports.default = listSemantic;

package/cjs/menu/interface.d.ts

@@ -1,2 +1,3 @@
 export type { MenuProps as Props } from './menu.type';
+export type { MenuSemanticKey, MenuClassNamesInfo } from '@sheinx/base';
 export type { MenuSearchProps as SearchProps } from './search.type';

package/cjs/menu/menu.semantic.d.ts

@@ -0,0 +1,4 @@
+import type { SemanticSchema } from '@sheinx/base';
+import type { MenuSemanticKey } from '@sheinx/base';
+declare const menuSemantic: SemanticSchema<MenuSemanticKey>;
+export default menuSemantic;

package/cjs/menu/menu.semantic.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("./..");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Menu Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var menuData = [{
+  id: '1',
+  title: 'Navigation One',
+  children: [{
+    id: '1-1',
+    title: 'Option 1'
+  }, {
+    id: '1-2',
+    title: 'Option 2'
+  }]
+}, {
+  id: '2',
+  title: 'Navigation Two'
+}, {
+  id: '3',
+  title: 'Navigation Three'
+}];
+var MenuSemanticDemo = function MenuSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Menu, {
+    keygen: "id",
+    data: menuData,
+    renderItem: function renderItem(d) {
+      return d.title;
+    },
+    renderIcon: function renderIcon() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          fontSize: 14
+        },
+        children: "\uD83D\uDCC1"
+      });
+    },
+    style: {
+      width: 256,
+      height: 'auto'
+    },
+    defaultOpenKeys: ['1'],
+    header: "Menu Title"
+  });
+};
+var menuSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Menu 最外层容器',
+    en: 'Menu outermost wrapper element',
+    version: '3.10.0',
+    example: "<Menu\n  classNames={{ root: 'my-menu' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '菜单头部区域（仅 inline 模式）',
+    en: 'Menu header area (inline mode only)',
+    version: '3.10.0',
+    example: "<Menu\n  header=\"My Menu\"\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { padding: '8px 16px' } }}\n/>"
+  }, {
+    key: 'list',
+    cn: '菜单列表容器（ul 元素）',
+    en: 'Menu list container (ul element)',
+    version: '3.10.0',
+    example: "<Menu\n  classNames={{ list: 'my-list' }}\n  styles={{ list: { padding: 4 } }}\n/>"
+  }, {
+    key: 'item',
+    cn: '菜单项（li 元素）',
+    en: 'Menu item (li element)',
+    version: '3.10.0',
+    example: "<Menu\n  classNames={{ item: ({ active }) => active ? 'item-active' : '' }}\n  styles={{ item: { borderRadius: 4 } }}\n/>"
+  }, {
+    key: 'itemContent',
+    cn: '菜单项内容区',
+    en: 'Menu item content area',
+    version: '3.10.0',
+    example: "<Menu\n  classNames={{ itemContent: 'my-item-content' }}\n  styles={{ itemContent: { padding: '4px 8px' } }}\n/>"
+  }, {
+    key: 'title',
+    cn: '菜单项标题/链接',
+    en: 'Menu item title/link',
+    version: '3.10.0',
+    example: "<Menu\n  classNames={{ title: 'my-title' }}\n  styles={{ title: { fontSize: 14 } }}\n/>"
+  }, {
+    key: 'icon',
+    cn: '菜单项图标',
+    en: 'Menu item icon',
+    version: '3.10.0',
+    example: "<Menu\n  classNames={{ icon: 'my-icon' }}\n  styles={{ icon: { marginRight: 8 } }}\n/>"
+  }, {
+    key: 'expand',
+    cn: '展开/折叠箭头',
+    en: 'Expand/collapse arrow',
+    version: '3.10.0',
+    example: "<Menu\n  classNames={{ expand: ({ open }) => open ? 'expanded' : '' }}\n  styles={{ expand: { color: '#1890ff' } }}\n/>"
+  }],
+  demo: MenuSemanticDemo
+};
+var _default = exports.default = menuSemantic;

package/cjs/message/interface.d.ts

@@ -1 +1,2 @@
 export type { MessageOptions as Options } from './message.type';
+export type { MessageSemanticKey, MessageClassNamesInfo } from '@sheinx/base';

package/cjs/message/message.semantic.d.ts

@@ -0,0 +1,4 @@
+import type { SemanticSchema } from '@sheinx/base';
+import type { MessageSemanticKey } from '@sheinx/base';
+declare const messageSemantic: SemanticSchema<MessageSemanticKey>;
+export default messageSemantic;

package/cjs/message/message.semantic.js

@@ -0,0 +1,70 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * Message Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var MessageSemanticDemo = function MessageSemanticDemo() {
+  var containerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (!containerRef.current) return;
+    _index.default.info('This is an info message', 0, {
+      position: 'middle',
+      container: containerRef.current,
+      styles: {
+        message: {
+          marginBottom: 0
+        }
+      }
+    });
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: containerRef,
+    style: {
+      position: 'relative',
+      width: '100%',
+      height: '100%',
+      minHeight: 120,
+      transform: 'translateZ(0)',
+      overflow: 'hidden'
+    }
+  });
+};
+var messageSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '最外层容器（按位置定位的消息管理器）',
+    en: 'Outermost wrapper (position-based message container)',
+    version: '3.10.0',
+    example: "Message.info('Hello', 3, {\n  styles: { root: { zIndex: 2000 } }\n})"
+  }, {
+    key: 'item',
+    cn: '单条消息容器（动画控制层）',
+    en: 'Individual message wrapper (animation controller)',
+    version: '3.10.0',
+    example: "Message.info('Hello', 3, {\n  classNames: { item: 'my-message-item' },\n  styles: { item: { boxShadow: '0 4px 12px rgba(0,0,0,0.15)' } }\n})"
+  }, {
+    key: 'message',
+    cn: '消息内容区（Alert 包装层）',
+    en: 'Message content area (Alert wrapper)',
+    version: '3.10.0',
+    example: "Message.info('Hello', 3, {\n  classNames: { message: 'my-message-content' },\n  styles: { message: { borderRadius: 8 } }\n})"
+  }],
+  demo: MessageSemanticDemo
+};
+var _default = exports.default = messageSemantic;

package/cjs/modal/modal.semantic.d.ts

@@ -0,0 +1,4 @@
+import type { SemanticSchema } from '@sheinx/base';
+import type { ModalSemanticKey } from '@sheinx/base';
+declare const modalSemantic: SemanticSchema<ModalSemanticKey>;
+export default modalSemantic;

package/cjs/modal/modal.semantic.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _button = _interopRequireDefault(require("../button"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Modal Semantic DOM 元数据。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var ModalSemanticDemo = function ModalSemanticDemo() {
+  var containerRef = _react.default.useRef(null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      transform: 'translateZ(0)'
+    },
+    ref: containerRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      visible: true,
+      title: "Modal Title",
+      footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        children: "OK"
+      }),
+      container: function container() {
+        return containerRef.current;
+      },
+      children: "This is the modal body content."
+    })
+  });
+};
+var modalSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '最外层容器（wrapper，控制动画和显示）',
+    en: 'Outermost wrapper (controls animation and visibility)',
+    version: '3.10.0',
+    example: "<Modal\n  classNames={{ root: 'my-modal-wrapper' }}\n  styles={{ root: { zIndex: 2000 } }}\n/>"
+  }, {
+    key: 'mask',
+    cn: '遮罩层',
+    en: 'Mask overlay layer',
+    version: '3.10.0',
+    example: "<Modal\n  classNames={{ mask: 'my-mask' }}\n  styles={{ mask: { backdropFilter: 'blur(4px)' } }}\n/>"
+  }, {
+    key: 'container',
+    cn: '内容面板',
+    en: 'Content panel',
+    version: '3.10.0',
+    example: "<Modal\n  classNames={{ container: 'my-panel' }}\n  styles={{ container: { borderRadius: 12 } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '标题栏（包含标题文字和关闭按钮）',
+    en: 'Header area (contains title and close button)',
+    version: '3.10.0',
+    example: "<Modal\n  title=\"Title\"\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { borderBottom: '1px solid #eee' } }}\n/>"
+  }, {
+    key: 'body',
+    cn: '内容区',
+    en: 'Body content area',
+    version: '3.10.0',
+    example: "<Modal\n  classNames={{ body: 'my-body' }}\n  styles={{ body: { padding: 24 } }}\n/>"
+  }, {
+    key: 'footer',
+    cn: '底部操作区',
+    en: 'Footer action area',
+    version: '3.10.0',
+    example: "<Modal\n  footer={<Button>OK</Button>}\n  classNames={{ footer: 'my-footer' }}\n  styles={{ footer: { borderTop: '1px solid #eee' } }}\n/>"
+  }, {
+    key: 'close',
+    cn: '关闭按钮',
+    en: 'Close button',
+    version: '3.10.0',
+    example: "<Modal\n  classNames={{ close: 'my-close' }}\n  styles={{ close: { color: 'red' } }}\n/>"
+  }],
+  demo: ModalSemanticDemo
+};
+var _default = exports.default = modalSemantic;

package/cjs/pagination/interface.d.ts

@@ -1 +1,2 @@
 export type { PaginationProps as Props, TextParams } from './pagination.type';
+export type { PaginationSemanticKey } from '@sheinx/base';

package/cjs/pagination/pagination.semantic.d.ts

@@ -0,0 +1,4 @@
+import type { SemanticSchema } from '@sheinx/base';
+import type { PaginationSemanticKey } from '@sheinx/base';
+declare const paginationSemantic: SemanticSchema<PaginationSemanticKey>;
+export default paginationSemantic;

package/cjs/pagination/pagination.semantic.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("./..");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Pagination Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var PaginationSemanticDemo = function PaginationSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
+    total: 200,
+    pageSize: 10,
+    defaultCurrent: 3,
+    layout: ['links', 'jumper', 'list'],
+    text: {
+      jumper: 'Go to {input}'
+    }
+  });
+};
+var paginationSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Pagination 最外层容器',
+    en: 'Pagination outermost wrapper element',
+    version: '3.10.0',
+    example: "<Pagination\n  classNames={{ root: 'my-pagination' }}\n  styles={{ root: { padding: '8px 0' } }}\n/>"
+  }, {
+    key: 'item',
+    cn: '页码按钮（含 "..." 省略按钮）',
+    en: 'Page number button (including "..." more button)',
+    version: '3.10.0',
+    example: "<Pagination\n  classNames={{ item: 'my-page-btn' }}\n  styles={{ item: { borderRadius: '50%' } }}\n/>"
+  }, {
+    key: 'prev',
+    cn: '上一页按钮',
+    en: 'Previous page button',
+    version: '3.10.0',
+    example: "<Pagination\n  classNames={{ prev: 'my-prev' }}\n  styles={{ prev: { marginRight: 8 } }}\n/>"
+  }, {
+    key: 'next',
+    cn: '下一页按钮',
+    en: 'Next page button',
+    version: '3.10.0',
+    example: "<Pagination\n  classNames={{ next: 'my-next' }}\n  styles={{ next: { marginLeft: 8 } }}\n/>"
+  }, {
+    key: 'jumper',
+    cn: '跳转输入区域',
+    en: 'Jump-to-page input section',
+    version: '3.10.0',
+    example: "<Pagination\n  classNames={{ jumper: 'my-jumper' }}\n  styles={{ jumper: { marginLeft: 16 } }}\n/>"
+  }, {
+    key: 'sizeList',
+    cn: '每页条数选择区域',
+    en: 'Page size selector section',
+    version: '3.10.0',
+    example: "<Pagination\n  classNames={{ sizeList: 'my-size-list' }}\n  styles={{ sizeList: { marginLeft: 16 } }}\n/>"
+  }],
+  demo: PaginationSemanticDemo
+};
+var _default = exports.default = paginationSemantic;

package/cjs/popover/interface.d.ts

@@ -1,2 +1,2 @@
-export type { PopoverProps as Props, PopoverPosition as Position } from './popover.type';
+export type { PopoverProps as Props, PopoverPosition as Position, } from './popover.type';
 export type { PopoverConfirmProps as ConfirmProps } from './confirm.type';

package/cjs/popover/popover.semantic.d.ts

@@ -0,0 +1,4 @@
+import type { SemanticSchema } from '@sheinx/base';
+import type { PopoverSemanticKey } from '@sheinx/base';
+declare const popoverSemantic: SemanticSchema<PopoverSemanticKey>;
+export default popoverSemantic;

package/cjs/popover/popover.semantic.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _popover = _interopRequireDefault(require("./popover"));
+var _button = _interopRequireDefault(require("../button"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Popover Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ * 修改 key 列表即修改 PopoverSemanticKey 公开契约，需谨慎。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var PopoverSemanticDemo = function PopoverSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.default, {
+    mode: "outline",
+    children: ["Hover me", /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, {
+      visible: true,
+      children: "This is the popover content area."
+    })]
+  });
+};
+var popoverSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '最外层弹层容器（与 className 等价）',
+    en: 'Outer wrapper of the popup (equivalent to className)',
+    version: '3.10.0',
+    example: "<Popover\n  classNames={{\n    root: 'my-classname'\n  }}\n  styles={{\n    root: {\n      color: 'red'\n    }\n  }}\n/>"
+  }, {
+    key: 'arrow',
+    cn: '指向触发元素的小箭头',
+    en: 'The small arrow pointing at the trigger element',
+    version: '3.10.0',
+    example: "<Popover\n  classNames={{\n    arrow: 'my-arrow'\n  }}\n  styles={{\n    arrow: {\n      background: '#fafafa'\n    }\n  }}\n/>"
+  }, {
+    key: 'content',
+    cn: '弹层内容承载区',
+    en: 'The inner content area',
+    version: '3.10.0',
+    example: "<Popover\n  classNames={{\n    content: 'my-content'\n  }}\n  styles={{\n    content: {\n      padding: 16,\n      borderRadius: 8\n    }\n  }}\n/>"
+  }],
+  demo: PopoverSemanticDemo
+};
+var _default = exports.default = popoverSemantic;

package/cjs/progress/interface.d.ts

@@ -1 +1,2 @@
 export type { ProgressProps as Props } from './progress.type';
+export type { ProgressSemanticKey, ProgressClassNamesInfo } from '@sheinx/base';

package/cjs/progress/progress.semantic.d.ts

@@ -0,0 +1,4 @@
+import type { SemanticSchema } from '@sheinx/base';
+import type { ProgressSemanticKey } from '@sheinx/base';
+declare const progressSemantic: SemanticSchema<ProgressSemanticKey>;
+export default progressSemantic;

package/cjs/progress/progress.semantic.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Progress Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var ProgressSemanticDemo = function ProgressSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: '100%',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 24,
+      padding: 16
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      shape: "line",
+      value: 60,
+      type: "info",
+      strokeWidth: 8
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      shape: "line",
+      value: 80,
+      type: "success",
+      icon: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        gap: 24
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        shape: "circle",
+        value: 75,
+        size: 80,
+        strokeWidth: 6,
+        children: "75%"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        shape: "circle",
+        value: 100,
+        type: "success",
+        size: 80,
+        strokeWidth: 6,
+        icon: true
+      })]
+    })]
+  });
+};
+var progressSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '最外层容器',
+    en: 'Outermost wrapper element',
+    version: '3.10.0',
+    example: "<Progress\n  classNames={{ root: 'my-progress' }}\n  styles={{ root: { marginBottom: 16 } }}\n/>"
+  }, {
+    key: 'track',
+    cn: '背景轨道（line 模式为背景条；circle 模式为背景圆环）',
+    en: 'Background track (bar background for line; background circle for circle)',
+    version: '3.10.0',
+    example: "<Progress\n  classNames={{ track: 'my-track' }}\n  styles={{ track: { borderRadius: 4 } }}\n/>"
+  }, {
+    key: 'indicator',
+    cn: '进度前景条（line 模式为前景填充条；circle 模式为前景圆弧）',
+    en: 'Progress indicator (foreground bar for line; foreground arc for circle)',
+    version: '3.10.0',
+    example: "<Progress\n  classNames={{ indicator: 'my-indicator' }}\n  styles={{ indicator: { background: 'linear-gradient(90deg, #1890ff, #52c41a)' } }}\n/>"
+  }, {
+    key: 'content',
+    cn: '文字/自定义内容区域（children 渲染处）',
+    en: 'Content area where children are rendered',
+    version: '3.10.0',
+    example: "<Progress\n  value={75}\n  classNames={{ content: 'my-content' }}\n  styles={{ content: { fontWeight: 'bold' } }}\n>\n  75%\n</Progress>"
+  }, {
+    key: 'icon',
+    cn: '状态图标区域',
+    en: 'Status icon area',
+    version: '3.10.0',
+    example: "<Progress\n  icon\n  type=\"success\"\n  classNames={{ icon: 'my-icon' }}\n  styles={{ icon: { color: 'green' } }}\n/>"
+  }],
+  demo: ProgressSemanticDemo
+};
+var _default = exports.default = progressSemantic;

package/cjs/radio/radio.semantic.d.ts

@@ -0,0 +1,4 @@
+import type { SemanticSchema } from '@sheinx/base';
+import type { RadioSemanticKey } from '@sheinx/base';
+declare const radioSemantic: SemanticSchema<RadioSemanticKey>;
+export default radioSemantic;

package/cjs/radio/radio.semantic.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("./..");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Radio Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var RadioSemanticDemo = function RadioSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
+    keygen: true,
+    data: ['Option A', 'Option B', 'Option C'],
+    defaultValue: "Option A"
+  });
+};
+var radioSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Radio 最外层容器',
+    en: 'Radio outermost wrapper element',
+    version: '3.10.0',
+    example: "<Radio\n  classNames={{ root: 'my-radio' }}\n  styles={{ root: { padding: '4px 0' } }}\n/>"
+  }, {
+    key: 'indicator',
+    cn: '单选框指示器区域（含圆形图标）',
+    en: 'Radio indicator area (includes the circle icon)',
+    version: '3.10.0',
+    example: "<Radio\n  classNames={{ indicator: 'my-indicator' }}\n  styles={{ indicator: { marginRight: 8 } }}\n/>"
+  }, {
+    key: 'label',
+    cn: '文字标签区域',
+    en: 'Label text area',
+    version: '3.10.0',
+    example: "<Radio\n  classNames={{ label: 'my-label' }}\n  styles={{ label: { fontWeight: 500 } }}\n/>"
+  }, {
+    key: 'group',
+    cn: 'Radio.Group 容器',
+    en: 'Radio.Group container',
+    version: '3.10.0',
+    example: "<Radio.Group\n  classNames={{ group: 'my-group' }}\n  styles={{ group: { gap: 16 } }}\n/>"
+  }],
+  demo: RadioSemanticDemo
+};
+var _default = exports.default = radioSemantic;