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

package/cjs/table/table.semantic.js

@@ -0,0 +1,136 @@
+"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 }; }
+/**
+ * Table Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var columns = [{
+  title: 'Name',
+  render: function render(d) {
+    return d.name;
+  },
+  width: 120
+}, {
+  title: 'Age',
+  render: function render(d) {
+    return d.age;
+  },
+  width: 80
+}, {
+  title: 'Email',
+  render: function render(d) {
+    return d.email;
+  }
+}];
+var data = [{
+  id: 1,
+  name: 'Alice',
+  age: 28,
+  email: 'alice@example.com'
+}, {
+  id: 2,
+  name: 'Bob',
+  age: 32,
+  email: 'bob@example.com'
+}, {
+  id: 3,
+  name: 'Carol',
+  age: 25,
+  email: 'carol@example.com'
+}];
+var summary = [[{
+  render: function render() {
+    return 'Total';
+  },
+  colSpan: 2
+}, {
+  render: function render() {
+    return '3 records';
+  }
+}]];
+var TableSemanticDemo = function TableSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+      keygen: "id",
+      columns: columns,
+      data: data,
+      bordered: true,
+      sticky: true,
+      summary: summary,
+      pagination: {
+        pageSize: 10
+      }
+    })
+  });
+};
+var tableSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Table 最外层容器',
+    en: 'Table outermost wrapper element',
+    version: '3.10.0',
+    example: "<Table\n  classNames={{ root: 'my-table' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '表头容器（仅 sticky/virtual 模式下生效）',
+    en: 'Table header wrapper (only in sticky/virtual mode)',
+    version: '3.10.0',
+    example: "<Table\n  sticky\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { background: '#fafafa' } }}\n/>"
+  }, {
+    key: 'headerRow',
+    cn: '表头行 tr',
+    en: 'Table header row (tr element)',
+    version: '3.10.0',
+    example: "<Table\n  classNames={{ headerRow: 'my-header-row' }}\n  styles={{ headerRow: { height: 48 } }}\n/>"
+  }, {
+    key: 'headerCell',
+    cn: '表头单元格 th',
+    en: 'Table header cell (th element)',
+    version: '3.10.0',
+    example: "<Table\n  classNames={{ headerCell: 'my-header-cell' }}\n  styles={{ headerCell: { fontWeight: 600 } }}\n/>"
+  }, {
+    key: 'bodyRow',
+    cn: '表体行 tr',
+    en: 'Table body row (tr element)',
+    version: '3.10.0',
+    example: "<Table\n  classNames={{ bodyRow: 'my-body-row' }}\n  styles={{ bodyRow: { height: 40 } }}\n/>"
+  }, {
+    key: 'bodyCell',
+    cn: '表体单元格 td',
+    en: 'Table body cell (td element)',
+    version: '3.10.0',
+    example: "<Table\n  classNames={{ bodyCell: 'my-body-cell' }}\n  styles={{ bodyCell: { padding: '8px 12px' } }}\n/>"
+  }, {
+    key: 'footer',
+    cn: '表脚容器（仅 sticky/virtual 模式下生效）',
+    en: 'Table footer wrapper (only in sticky/virtual mode)',
+    version: '3.10.0',
+    example: "<Table\n  sticky\n  summary={[[{ render: () => 'Total' }]]}\n  classNames={{ footer: 'my-footer' }}\n  styles={{ footer: { background: '#fafafa' } }}\n/>"
+  }, {
+    key: 'footerCell',
+    cn: '表脚单元格 td',
+    en: 'Table footer cell (td element)',
+    version: '3.10.0',
+    example: "<Table\n  summary={[[{ render: () => 'Total' }]]}\n  classNames={{ footerCell: 'my-footer-cell' }}\n  styles={{ footerCell: { fontWeight: 600 } }}\n/>"
+  }, {
+    key: 'pagination',
+    cn: '分页组件容器',
+    en: 'Pagination wrapper',
+    version: '3.10.0',
+    example: "<Table\n  classNames={{ pagination: 'my-pagination' }}\n  styles={{ pagination: { marginTop: 16 } }}\n/>"
+  }],
+  demo: TableSemanticDemo
+};
+var _default = exports.default = tableSemantic;

package/cjs/table/table.type.d.ts

@@ -1,4 +1,5 @@
-import { TableProps as UnStyledTableProps, TableColumnItem } from '@sheinx/base';
+import { TableProps as UnStyledTableProps, TableColumnItem, TableSemanticKey as _TableSemanticKey } from '@sheinx/base';
+export type TableSemanticKey = _TableSemanticKey;
 /**
  * @title Table
  */

package/cjs/tabs/interface.d.ts

@@ -1,2 +1,3 @@
 export type { TabsProps as Props } from './tabs.type';
 export type { TabsPanelProps as PanelProps } from './tabs-panel.type';
+export type { TabsSemanticKey } from '@sheinx/base';

package/cjs/tabs/tabs.semantic.d.ts

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

package/cjs/tabs/tabs.semantic.js

@@ -0,0 +1,121 @@
+"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 }; }
+/**
+ * Tabs Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var TabsSemanticDemo = function TabsSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 400
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
+      defaultActive: 0,
+      shape: "line",
+      extra: "Extra",
+      collapsible: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 1",
+        children: "Content 1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 2",
+        children: "Content 2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 3",
+        children: "Content 3"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 4",
+        children: "Content 4"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 5",
+        children: "Content 5"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 6",
+        children: "Content 6"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 7",
+        children: "Content 7"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 8",
+        children: "Content 8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 9",
+        children: "Content 9"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tabs.Panel, {
+        tab: "Tab 10",
+        children: "Content 10"
+      })]
+    })
+  });
+};
+var tabsSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Tabs 最外层容器',
+    en: 'Tabs outermost wrapper element',
+    version: '3.10.0',
+    example: "<Tabs\n  classNames={{ root: 'my-tabs' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '标签栏区域',
+    en: 'Tab bar header area',
+    version: '3.10.0',
+    example: "<Tabs\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { padding: '0 16px' } }}\n/>"
+  }, {
+    key: 'tab',
+    cn: '每个标签项',
+    en: 'Each tab item',
+    version: '3.10.0',
+    example: "<Tabs\n  classNames={{ tab: 'my-tab' }}\n  styles={{ tab: { fontWeight: 500 } }}\n/>"
+  }, {
+    key: 'panel',
+    cn: '内容面板区域',
+    en: 'Content panel area',
+    version: '3.10.0',
+    example: "<Tabs\n  classNames={{ panel: 'my-panel' }}\n  styles={{ panel: { padding: 16 } }}\n/>"
+  }, {
+    key: 'extra',
+    cn: '额外内容区',
+    en: 'Extra content area',
+    version: '3.10.0',
+    example: "<Tabs\n  classNames={{ extra: 'my-extra' }}\n  styles={{ extra: { color: '#999' } }}\n/>"
+  }, {
+    key: 'ink',
+    cn: '指示条（line/dash 形态）',
+    en: 'Ink bar indicator (line/dash shape)',
+    version: '3.10.0',
+    example: "<Tabs\n  classNames={{ ink: 'my-ink' }}\n  styles={{ ink: { background: '#1890ff' } }}\n/>"
+  }, {
+    key: 'prev',
+    cn: '前滚动按钮',
+    en: 'Previous scroll button',
+    version: '3.10.0',
+    example: "<Tabs\n  classNames={{ prev: 'my-prev' }}\n  styles={{ prev: { color: '#1890ff' } }}\n/>"
+  }, {
+    key: 'next',
+    cn: '后滚动按钮',
+    en: 'Next scroll button',
+    version: '3.10.0',
+    example: "<Tabs\n  classNames={{ next: 'my-next' }}\n  styles={{ next: { color: '#1890ff' } }}\n/>"
+  }, {
+    key: 'collapsible',
+    cn: '折叠按钮',
+    en: 'Collapsible button',
+    version: '3.10.0',
+    example: "<Tabs\n  classNames={{ collapsible: 'my-collapsible' }}\n  styles={{ collapsible: { color: '#52c41a' } }}\n/>"
+  }],
+  demo: TabsSemanticDemo
+};
+var _default = exports.default = tabsSemantic;

package/cjs/tag/interface.d.ts

@@ -1 +1 @@
-export type { TagInputProps as InputProps, TagProps as Props } from './tag.type';
+export type { TagInputProps as InputProps, TagProps as Props, TagSemanticKey } from './tag.type';

package/cjs/tag/tag.semantic.d.ts

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

package/cjs/tag/tag.semantic.js

@@ -0,0 +1,63 @@
+"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 }; }
+/**
+ * Tag Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var TagSemanticDemo = function TagSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 8,
+      flexWrap: 'wrap'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
+      color: "info",
+      onClose: true,
+      children: "Closable Tag"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
+      color: "success",
+      children: "Simple Tag"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
+      color: "warning",
+      shape: "rounded",
+      onClose: true,
+      children: "Rounded"
+    })]
+  });
+};
+var tagSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Tag 最外层容器',
+    en: 'Tag outermost wrapper element',
+    version: '3.10.0',
+    example: "<Tag\n  classNames={{ root: 'my-tag' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'wrapper',
+    cn: '内容包装区域',
+    en: 'Content wrapper area',
+    version: '3.10.0',
+    example: "<Tag\n  classNames={{ wrapper: 'my-wrapper' }}\n  styles={{ wrapper: { padding: '0 8px' } }}\n/>"
+  }, {
+    key: 'closeIcon',
+    cn: '关闭按钮',
+    en: 'Close icon button',
+    version: '3.10.0',
+    example: "<Tag\n  onClose\n  classNames={{ closeIcon: 'my-close' }}\n  styles={{ closeIcon: { color: 'red' } }}\n/>"
+  }],
+  demo: TagSemanticDemo
+};
+var _default = exports.default = tagSemantic;

package/cjs/tag/tag.type.d.ts

@@ -1,4 +1,5 @@
-import { TagProps as UnStyledTagProps, TagInputProps as UnStyledTagInputProps } from '@sheinx/base';
+import { TagProps as UnStyledTagProps, TagInputProps as UnStyledTagInputProps, TagSemanticKey as _TagSemanticKey } from '@sheinx/base';
+export type TagSemanticKey = _TagSemanticKey;
 /**
  * @title Tag
  */

package/cjs/textarea/textarea.semantic.d.ts

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

package/cjs/textarea/textarea.semantic.js

@@ -0,0 +1,46 @@
+"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 }; }
+/**
+ * Textarea Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var TextareaSemanticDemo = function TextareaSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 300
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
+      placeholder: "Please input",
+      rows: 3
+    })
+  });
+};
+var textareaSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Textarea 最外层容器',
+    en: 'Textarea outermost wrapper element',
+    version: '3.10.0',
+    example: "<Textarea\n  classNames={{ root: 'my-textarea' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'textarea',
+    cn: '内部 textarea 元素',
+    en: 'Inner textarea element',
+    version: '3.10.0',
+    example: "<Textarea\n  classNames={{ textarea: 'my-textarea-inner' }}\n  styles={{ textarea: { fontFamily: 'monospace' } }}\n/>"
+  }],
+  demo: TextareaSemanticDemo
+};
+var _default = exports.default = textareaSemantic;

package/cjs/tooltip/tooltip.semantic.d.ts

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

package/cjs/tooltip/tooltip.semantic.js

@@ -0,0 +1,57 @@
+"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 }; }
+/**
+ * Tooltip Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ * 修改 key 列表即修改 TooltipSemanticKey 公开契约，需谨慎。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var TooltipSemanticDemo = function TooltipSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+    tip: "This is the tooltip content.",
+    trigger: "click",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        padding: '4px 8px',
+        border: '1px solid #d9d9d9',
+        borderRadius: 4,
+        cursor: 'pointer'
+      },
+      children: "Click me"
+    })
+  });
+};
+var tooltipSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '最外层弹层容器（与 className 等价）',
+    en: 'Outer wrapper of the tooltip popup (equivalent to className)',
+    version: '3.10.0',
+    example: "<Tooltip\n  tip=\"hello\"\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: "<Tooltip\n  tip=\"hello\"\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: "<Tooltip\n  tip=\"hello\"\n  classNames={{\n    content: 'my-content'\n  }}\n  styles={{\n    content: {\n      padding: 16,\n      borderRadius: 8\n    }\n  }}\n/>"
+  }],
+  demo: TooltipSemanticDemo
+};
+var _default = exports.default = tooltipSemantic;

package/cjs/transfer/transfer.semantic.d.ts

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

package/cjs/transfer/transfer.semantic.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _2 = require("./..");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Transfer Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var data = Array.from({
+  length: 6
+}, function (_, i) {
+  return {
+    id: i + 1,
+    name: "Item ".concat(i + 1)
+  };
+});
+var TransferSemanticDemo = function TransferSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_2.Transfer, {
+    data: data,
+    keygen: "id",
+    renderItem: "name",
+    defaultValue: [4, 5],
+    titles: ['Source', 'Target'],
+    listHeight: 180
+  });
+};
+var transferSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Transfer 最外层容器',
+    en: 'Transfer outermost wrapper element',
+    version: '3.10.0',
+    example: "<Transfer\n  classNames={{ root: 'my-transfer' }}\n  styles={{ root: { border: '1px solid #eee' } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '面板头部区域（含全选 + 标题）',
+    en: 'Panel header area (includes select-all + title)',
+    version: '3.10.0',
+    example: "<Transfer\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { background: '#fafafa' } }}\n/>"
+  }, {
+    key: 'list',
+    cn: '列表容器',
+    en: 'List container',
+    version: '3.10.0',
+    example: "<Transfer\n  classNames={{ list: 'my-list' }}\n  styles={{ list: { padding: 4 } }}\n/>"
+  }, {
+    key: 'item',
+    cn: '单个列表项',
+    en: 'Individual list item',
+    version: '3.10.0',
+    example: "<Transfer\n  classNames={{ item: 'my-item' }}\n  styles={{ item: { borderRadius: 4 } }}\n/>"
+  }, {
+    key: 'operations',
+    cn: '中间操作按钮区',
+    en: 'Middle operation buttons area',
+    version: '3.10.0',
+    example: "<Transfer\n  classNames={{ operations: 'my-ops' }}\n  styles={{ operations: { padding: '0 12px' } }}\n/>"
+  }],
+  demo: TransferSemanticDemo
+};
+var _default = exports.default = transferSemantic;

package/cjs/tree/interface.d.ts

@@ -1,2 +1,2 @@
-export type { TreeProps as Props } from './tree.type';
+export type { TreeProps as Props, TreeSemanticKey } from './tree.type';
 export type { KeygenResult } from '@sheinx/hooks';

package/cjs/tree/tree.semantic.d.ts

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

package/cjs/tree/tree.semantic.js

@@ -0,0 +1,83 @@
+"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 }; }
+/**
+ * Tree Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var treeData = [{
+  id: '1',
+  name: 'Node 1',
+  children: [{
+    id: '1-1',
+    name: 'Child 1-1'
+  }, {
+    id: '1-2',
+    name: 'Child 1-2'
+  }]
+}, {
+  id: '2',
+  name: 'Node 2',
+  children: [{
+    id: '2-1',
+    name: 'Child 2-1'
+  }]
+}, {
+  id: '3',
+  name: 'Node 3'
+}];
+var TreeSemanticDemo = function TreeSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 300
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tree, {
+      data: treeData,
+      keygen: "id",
+      renderItem: function renderItem(node) {
+        return node.name;
+      },
+      defaultExpandAll: true
+    })
+  });
+};
+var treeSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Tree 最外层容器',
+    en: 'Tree outermost wrapper element',
+    version: '3.10.0',
+    example: "<Tree\n  classNames={{ root: 'my-tree' }}\n  styles={{ root: { border: '1px solid #eee' } }}\n/>"
+  }, {
+    key: 'node',
+    cn: '每个树节点容器',
+    en: 'Each tree node wrapper',
+    version: '3.10.0',
+    example: "<Tree\n  classNames={{ node: 'my-node' }}\n  styles={{ node: { padding: '4px 0' } }}\n/>"
+  }, {
+    key: 'content',
+    cn: '节点内容区域（含 checkbox 和文本）',
+    en: 'Node content area (includes checkbox and text)',
+    version: '3.10.0',
+    example: "<Tree\n  classNames={{ content: 'my-content' }}\n  styles={{ content: { borderRadius: 4 } }}\n/>"
+  }, {
+    key: 'icon',
+    cn: '展开/折叠图标',
+    en: 'Expand/collapse icon',
+    version: '3.10.0',
+    example: "<Tree\n  classNames={{ icon: 'my-icon' }}\n  styles={{ icon: { color: '#1890ff' } }}\n/>"
+  }],
+  demo: TreeSemanticDemo
+};
+var _default = exports.default = treeSemantic;

package/cjs/tree/tree.type.d.ts

@@ -1,4 +1,5 @@
-import { TreeProps as UnStyledTreeProps } from '@sheinx/base';
+import { TreeProps as UnStyledTreeProps, TreeSemanticKey as _TreeSemanticKey } from '@sheinx/base';
+export type TreeSemanticKey = _TreeSemanticKey;
 /**
  * @title Tree
  */

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

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