shineout 3.10.0-beta.8 → 3.10.0

package/cjs/form/form.semantic.js

@@ -0,0 +1,91 @@
+"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 }; }
+/**
+ * Form Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var FormSemanticDemo = function FormSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form, {
+    style: {
+      maxWidth: 400
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+      label: "Name",
+      tip: "Please enter your real name",
+      required: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        name: "name",
+        placeholder: "Enter your name",
+        rules: [{
+          required: true,
+          message: 'Name is required'
+        }]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+      label: "Email",
+      tip: "Please enter your email",
+      required: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        name: "email",
+        placeholder: "Enter your email",
+        rules: [{
+          required: true,
+          message: 'Email is required'
+        }]
+      })
+    })]
+  });
+};
+var formSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Form 最外层容器（<form> 元素）',
+    en: 'Form outermost wrapper element (<form>)',
+    version: '3.10.0',
+    example: "<Form classNames={{ root: 'my-form' }} styles={{ root: { padding: 24 } }} />"
+  }, {
+    key: 'item',
+    cn: 'Form.Item 最外层容器',
+    en: 'Form.Item outermost wrapper element',
+    version: '3.10.0',
+    example: "<Form classNames={{ item: 'my-form-item' }} styles={{ item: { marginBottom: 24 } }} />"
+  }, {
+    key: 'label',
+    cn: '标签区域',
+    en: 'Label area',
+    version: '3.10.0',
+    example: "<Form classNames={{ label: 'my-label' }} styles={{ label: { fontWeight: 600 } }} />"
+  }, {
+    key: 'control',
+    cn: '控件区域（包含表单元素、错误和提示）',
+    en: 'Control area (contains form element, error, and tip)',
+    version: '3.10.0',
+    example: "<Form classNames={{ control: 'my-control' }} styles={{ control: { flex: 1 } }} />"
+  }, {
+    key: 'error',
+    cn: '错误提示区域',
+    en: 'Error message area',
+    version: '3.10.0',
+    example: "<Form classNames={{ error: 'my-error' }} styles={{ error: { color: 'red' } }} />"
+  }, {
+    key: 'tip',
+    cn: '提示信息区域',
+    en: 'Tip message area',
+    version: '3.10.0',
+    example: "<Form classNames={{ tip: 'my-tip' }} styles={{ tip: { fontSize: 12 } }} />"
+  }],
+  demo: FormSemanticDemo
+};
+var _default = exports.default = formSemantic;

package/cjs/gap/gap.semantic.d.ts

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

package/cjs/gap/gap.semantic.js

@@ -0,0 +1,73 @@
+"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 }; }
+/**
+ * Gap Semantic DOM 元数据。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var GapSemanticDemo = function GapSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: '100%'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+      column: 12,
+      row: 12,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          padding: '8px 16px',
+          background: '#e6f4ff',
+          borderRadius: 4
+        },
+        children: "Item 1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          padding: '8px 16px',
+          background: '#e6f4ff',
+          borderRadius: 4
+        },
+        children: "Item 2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          padding: '8px 16px',
+          background: '#e6f4ff',
+          borderRadius: 4
+        },
+        children: "Item 3"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          padding: '8px 16px',
+          background: '#e6f4ff',
+          borderRadius: 4
+        },
+        children: "Item 4"
+      })]
+    })
+  });
+};
+var gapSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '外层 flex 容器',
+    en: 'Outer flex container',
+    version: '3.10.0',
+    example: "<Gap\n  classNames={{ root: 'my-gap' }}\n  styles={{ root: { padding: 16 } }}\n>\n  ...\n</Gap>"
+  }, {
+    key: 'item',
+    cn: '子元素包裹层',
+    en: 'Child element wrapper',
+    version: '3.10.0',
+    example: "<Gap\n  classNames={{ item: 'my-gap-item' }}\n  styles={{ item: { flex: '0 0 auto' } }}\n>\n  ...\n</Gap>"
+  }],
+  demo: GapSemanticDemo
+};
+var _default = exports.default = gapSemantic;

package/cjs/gap/interface.d.ts

@@ -1 +1,2 @@
 export type { GapProps as Props } from './gap.type';
+export type { GapSemanticKey } from '@sheinx/base';

package/cjs/grid/grid.semantic.d.ts

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

package/cjs/grid/grid.semantic.js

@@ -0,0 +1,71 @@
+"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 }; }
+/**
+ * Grid Semantic DOM 元数据。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var GridSemanticDemo = function GridSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: '100%'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+      gutter: 16,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        width: 1 / 3,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            padding: 12,
+            background: '#e6f4ff',
+            textAlign: 'center',
+            borderRadius: 4
+          },
+          children: "1/3"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        width: 1 / 3,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            padding: 12,
+            background: '#e6f4ff',
+            textAlign: 'center',
+            borderRadius: 4
+          },
+          children: "1/3"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        width: 1 / 3,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            padding: 12,
+            background: '#e6f4ff',
+            textAlign: 'center',
+            borderRadius: 4
+          },
+          children: "1/3"
+        })
+      })]
+    })
+  });
+};
+var gridSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '栅格容器',
+    en: 'Grid container element',
+    version: '3.10.0',
+    example: "<Grid\n  classNames={{ root: 'my-grid' }}\n  styles={{ root: { background: '#fafafa' } }}\n>\n  <Grid width={1/2}>Left</Grid>\n  <Grid width={1/2}>Right</Grid>\n</Grid>"
+  }],
+  demo: GridSemanticDemo
+};
+var _default = exports.default = gridSemantic;

package/cjs/grid/interface.d.ts

@@ -1 +1,2 @@
 export type { GridProps as Props } from './grid.type';
+export type { GridSemanticKey } from '@sheinx/base';

package/cjs/image/image.semantic.d.ts

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

package/cjs/image/image.semantic.js

@@ -0,0 +1,74 @@
+"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 }; }
+/**
+ * Image Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var ImageSemanticDemo = function ImageSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 16
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Image, {
+      width: 200,
+      height: 150,
+      fit: "fit",
+      src: "https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png",
+      shape: "rounded",
+      placeholder: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          textAlign: 'center',
+          lineHeight: '150px'
+        },
+        children: "Loading..."
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Image, {
+      width: 200,
+      height: 150,
+      src: "invalid-url-for-error-state",
+      shape: "rounded"
+    })]
+  });
+};
+var imageSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Image 最外层容器',
+    en: 'Image outermost wrapper element',
+    version: '3.10.0',
+    example: "<Image\n  classNames={{ root: 'my-image' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'img',
+    cn: '图片内容（img 元素或 backgroundImage 容器）',
+    en: 'Image content (img element or backgroundImage container)',
+    version: '3.10.0',
+    example: "<Image\n  classNames={{ img: 'my-img' }}\n  styles={{ img: { objectFit: 'cover' } }}\n/>"
+  }, {
+    key: 'placeholder',
+    cn: '加载中占位区域',
+    en: 'Loading placeholder area',
+    version: '3.10.0',
+    example: "<Image\n  classNames={{ placeholder: 'my-placeholder' }}\n  styles={{ placeholder: { background: '#f5f5f5' } }}\n/>"
+  }, {
+    key: 'error',
+    cn: '加载失败区域',
+    en: 'Error state area',
+    version: '3.10.0',
+    example: "<Image\n  classNames={{ error: 'my-error' }}\n  styles={{ error: { background: '#fff2f0' } }}\n/>"
+  }],
+  demo: ImageSemanticDemo
+};
+var _default = exports.default = imageSemantic;

package/cjs/image/interface.d.ts

@@ -1,2 +1,3 @@
 export type { ImageProps as Props } from './image.type';
 export type { ImageGroupProps as GroupProps } from './group.type';
+export type { ImageSemanticKey } from '@sheinx/base';

package/cjs/index.js

@@ -545,5 +545,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.10.0-beta.8'
+  version: '3.10.0'
 };

package/cjs/input/input.semantic.d.ts

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

package/cjs/input/input.semantic.js

@@ -0,0 +1,50 @@
+"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 }; }
+/**
+ * Input Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var InputSemanticDemo = function InputSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      display: 'flex',
+      gap: 16
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      placeholder: "Enter text",
+      defaultValue: "Hello",
+      style: {
+        width: 240
+      }
+    })
+  });
+};
+var inputSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Input 最外层容器',
+    en: 'Input outermost wrapper element',
+    version: '3.10.0',
+    example: "<Input classNames={{ root: 'my-input' }} styles={{ root: { borderRadius: 8 } }} />"
+  }, {
+    key: 'input',
+    cn: '内部 <input> 元素',
+    en: 'Inner <input> element',
+    version: '3.10.0',
+    example: "<Input classNames={{ input: 'my-input-el' }} styles={{ input: { fontSize: 16 } }} />"
+  }],
+  demo: InputSemanticDemo
+};
+var _default = exports.default = inputSemantic;

package/cjs/link/interface.d.ts

@@ -1 +1,2 @@
 export type { LinkProps as Props } from './link.type';
+export type { LinkSemanticKey, LinkClassNamesInfo } from '@sheinx/base';

package/cjs/link/link.semantic.d.ts

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

package/cjs/link/link.semantic.js

@@ -0,0 +1,58 @@
+"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 }; }
+/**
+ * Link Semantic DOM 元数据。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var LinkSemanticDemo = function LinkSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: '100%',
+      display: 'flex',
+      gap: 24,
+      alignItems: 'center',
+      flexWrap: 'wrap'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      href: "#",
+      icon: true,
+      children: "Link with icon"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      href: "#",
+      type: "secondary",
+      children: "Secondary"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      href: "#",
+      type: "danger",
+      disabled: true,
+      children: "Disabled"
+    })]
+  });
+};
+var linkSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '链接元素（a 标签）',
+    en: 'Link element (anchor tag)',
+    version: '3.10.0',
+    example: "<Link\n  classNames={{ root: 'my-link' }}\n  styles={{ root: { textDecoration: 'none' } }}\n>\n  Click me\n</Link>"
+  }, {
+    key: 'icon',
+    cn: '图标容器',
+    en: 'Icon container',
+    version: '3.10.0',
+    example: "<Link\n  icon\n  classNames={{ icon: 'my-link-icon' }}\n  styles={{ icon: { marginRight: 8 } }}\n>\n  With icon\n</Link>"
+  }],
+  demo: LinkSemanticDemo
+};
+var _default = exports.default = linkSemantic;

package/cjs/list/interface.d.ts

@@ -1,2 +1,3 @@
 export type { ListProps as Props } from './list.type';
 export type { ListBaseItemProps as BaseItemProps } from './base-item.type';
+export type { ListSemanticKey } from '@sheinx/base';

package/cjs/list/list.semantic.d.ts

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

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';