shineout 3.10.0-beta.8 → 3.10.0

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;

package/cjs/rate/rate.semantic.d.ts

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

package/cjs/rate/rate.semantic.js

@@ -0,0 +1,56 @@
+"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 }; }
+/**
+ * Rate Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var star = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M8.276 7.825L1.85649 8.7559L1.74278 8.77878C1.00761 8.96968 0.736859 9.90915 1.30093 10.4606L5.953 15.008L4.84231 21.3268L4.82911 21.4327C4.77288 22.2003 5.59415 22.7575 6.29763 22.3824L11.999 19.343L17.7023 22.3825L17.7988 22.4279C18.5105 22.7194 19.2948 22.1128 19.1578 21.3281L18.054 15.008L22.6997 10.46L22.7779 10.3745C23.2586 9.78723 22.9242 8.86973 22.1443 8.75601L15.758 7.825L12.895 2.05544C12.5264 1.31273 11.4661 1.31545 11.1013 2.06004L8.276 7.825Z"
+  })
+});
+var StarRate = (0, _.Rate)(star, star);
+var RateSemanticDemo = function RateSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StarRate, {
+    defaultValue: 3,
+    text: ['Terrible', 'Bad', 'Normal', 'Good', 'Wonderful']
+  });
+};
+var rateSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Rate 最外层容器',
+    en: 'Rate outermost wrapper element',
+    version: '3.10.0',
+    example: "<Rate\n  classNames={{ root: 'my-rate' }}\n  styles={{ root: { padding: '8px 0' } }}\n/>"
+  }, {
+    key: 'star',
+    cn: '每个评分项（星形图标）',
+    en: 'Each rating item (star icon)',
+    version: '3.10.0',
+    example: "<Rate\n  classNames={{ star: 'my-star' }}\n  styles={{ star: { marginRight: 4 } }}\n/>"
+  }, {
+    key: 'text',
+    cn: '附加文字区域',
+    en: 'Auxiliary text area',
+    version: '3.10.0',
+    example: "<Rate\n  classNames={{ text: 'my-text' }}\n  styles={{ text: { color: '#faad14' } }}\n/>"
+  }],
+  demo: RateSemanticDemo
+};
+var _default = exports.default = rateSemantic;

package/cjs/select/select.semantic.d.ts

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

package/cjs/select/select.semantic.js

@@ -0,0 +1,93 @@
+"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 }; }
+/**
+ * Select Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var data = [{
+  id: '1',
+  name: 'Apple'
+}, {
+  id: '2',
+  name: 'Banana'
+}, {
+  id: '3',
+  name: 'Cherry'
+}, {
+  id: '4',
+  name: 'Date'
+}, {
+  id: '5',
+  name: 'Elderberry'
+}];
+var SelectSemanticDemo = function SelectSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      display: 'flex',
+      gap: 16
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Select, {
+      data: data,
+      keygen: "id",
+      renderItem: "name",
+      placeholder: "Select a fruit",
+      defaultValue: "1",
+      style: {
+        width: 240
+      }
+    })
+  });
+};
+var selectSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Select 最外层容器',
+    en: 'Select outermost wrapper element',
+    version: '3.10.0',
+    example: "<Select classNames={{ root: 'my-select' }} styles={{ root: { border: '1px solid #eee' } }} />"
+  }, {
+    key: 'header',
+    cn: '结果区域（显示已选值 / placeholder）',
+    en: 'Header area (shows selected values / placeholder)',
+    version: '3.10.0',
+    example: "<Select classNames={{ header: 'my-header' }} styles={{ header: { padding: '8px' } }} />"
+  }, {
+    key: 'popup',
+    cn: '下拉面板',
+    en: 'Dropdown popup panel',
+    version: '3.10.0',
+    example: "<Select classNames={{ popup: 'my-popup' }} styles={{ popup: { background: '#fff' } }} />"
+  }, {
+    key: 'list',
+    cn: '选项列表容器',
+    en: 'Options list container',
+    version: '3.10.0',
+    example: "<Select classNames={{ list: 'my-list' }} styles={{ list: { padding: 8 } }} />"
+  }, {
+    key: 'option',
+    cn: '选项节点',
+    en: 'Option item',
+    version: '3.10.0',
+    example: "<Select classNames={{ option: 'my-option' }} styles={{ option: { borderRadius: 4 } }} />"
+  }, {
+    key: 'optionInner',
+    cn: '选项内容区域',
+    en: 'Option inner content area',
+    version: '3.10.0',
+    example: "<Select classNames={{ optionInner: 'my-option-inner' }} styles={{ optionInner: { padding: '4px 8px' } }} />"
+  }],
+  demo: SelectSemanticDemo
+};
+var _default = exports.default = selectSemantic;

package/cjs/skeleton/interface.d.ts

@@ -1 +1,2 @@
 export type { SkeletonProps as Props } from './skeleton.type';
+export type { SkeletonSemanticKey } from '@sheinx/base';

package/cjs/skeleton/skeleton.semantic.d.ts

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