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

package/esm/cascader/cascader.semantic.js

@@ -0,0 +1,82 @@
+/**
+ * Cascader Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Cascader } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var cascaderData = [{
+  id: '1',
+  name: 'February',
+  children: [{
+    id: '1-1',
+    name: 'February-February'
+  }, {
+    id: '1-2',
+    name: 'February-February'
+  }]
+}, {
+  id: '2',
+  name: 'March',
+  children: [{
+    id: '2-1',
+    name: 'March-March'
+  }]
+}, {
+  id: '3',
+  name: 'April'
+}];
+var CascaderSemanticDemo = function CascaderSemanticDemo() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 300
+    },
+    children: /*#__PURE__*/_jsx(Cascader, {
+      data: cascaderData,
+      keygen: "id",
+      renderItem: function renderItem(node) {
+        return node.name;
+      },
+      placeholder: "Please select",
+      height: 150
+    })
+  });
+};
+var cascaderSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Cascader 最外层容器',
+    en: 'Cascader outermost wrapper element',
+    version: '3.10.0',
+    example: "<Cascader\n  classNames={{ root: 'my-cascader' }}\n  styles={{ root: { border: '1px solid #eee' } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '结果区域（显示已选值 / placeholder）',
+    en: 'Header area (shows selected values / placeholder)',
+    version: '3.10.0',
+    example: "<Cascader\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { padding: '8px' } }}\n/>"
+  }, {
+    key: 'popup',
+    cn: '下拉面板',
+    en: 'Dropdown popup panel',
+    version: '3.10.0',
+    example: "<Cascader\n  classNames={{ popup: 'my-popup' }}\n  styles={{ popup: { background: '#fff' } }}\n/>"
+  }, {
+    key: 'list',
+    cn: '每列列表容器',
+    en: 'Each column list container',
+    version: '3.10.0',
+    example: "<Cascader\n  classNames={{ list: 'my-list' }}\n  styles={{ list: { maxHeight: '300px' } }}\n/>"
+  }, {
+    key: 'option',
+    cn: '列表项',
+    en: 'List item option',
+    version: '3.10.0',
+    example: "<Cascader\n  classNames={{ option: 'my-option' }}\n  styles={{ option: { padding: '8px 12px' } }}\n/>"
+  }],
+  demo: CascaderSemanticDemo
+};
+export default cascaderSemantic;

package/esm/checkbox/checkbox.semantic.d.ts

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

package/esm/checkbox/checkbox.semantic.js

@@ -0,0 +1,46 @@
+/**
+ * Checkbox Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Checkbox } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var CheckboxSemanticDemo = function CheckboxSemanticDemo() {
+  return /*#__PURE__*/_jsx(Checkbox.Group, {
+    keygen: true,
+    data: ['Option A', 'Option B', 'Option C'],
+    defaultValue: ['Option A']
+  });
+};
+var checkboxSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Checkbox 最外层容器',
+    en: 'Checkbox outermost wrapper element',
+    version: '3.10.0',
+    example: "<Checkbox\n  classNames={{ root: 'my-checkbox' }}\n  styles={{ root: { padding: '4px 0' } }}\n/>"
+  }, {
+    key: 'indicator',
+    cn: '勾选框指示器区域（含方块图标）',
+    en: 'Checkbox indicator area (includes the box icon)',
+    version: '3.10.0',
+    example: "<Checkbox\n  classNames={{ indicator: 'my-indicator' }}\n  styles={{ indicator: { borderRadius: 4 } }}\n/>"
+  }, {
+    key: 'label',
+    cn: '文字标签区域',
+    en: 'Label text area',
+    version: '3.10.0',
+    example: "<Checkbox\n  classNames={{ label: 'my-label' }}\n  styles={{ label: { fontWeight: 500 } }}\n/>"
+  }, {
+    key: 'group',
+    cn: 'Checkbox.Group 容器',
+    en: 'Checkbox.Group container',
+    version: '3.10.0',
+    example: "<Checkbox.Group\n  classNames={{ group: 'my-group' }}\n  styles={{ group: { gap: 16 } }}\n/>"
+  }],
+  demo: CheckboxSemanticDemo
+};
+export default checkboxSemantic;

package/esm/collapse/collapse.semantic.d.ts

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

package/esm/collapse/collapse.semantic.js

@@ -0,0 +1,70 @@
+/**
+ * Collapse Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Collapse } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var CollapseSemanticDemo = function CollapseSemanticDemo() {
+  return /*#__PURE__*/_jsxs(Collapse, {
+    defaultActive: ['1'],
+    style: {
+      width: 400
+    },
+    children: [/*#__PURE__*/_jsx(Collapse.Item, {
+      keygen: "1",
+      title: "Panel Title 1",
+      extra: "Extra",
+      children: "Content of panel 1"
+    }), /*#__PURE__*/_jsx(Collapse.Item, {
+      keygen: "2",
+      title: "Panel Title 2",
+      children: "Content of panel 2"
+    })]
+  });
+};
+var collapseSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Collapse 最外层容器',
+    en: 'Collapse outermost wrapper element',
+    version: '3.10.0',
+    example: "<Collapse\n  classNames={{ root: 'my-collapse' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '面板头部区域',
+    en: 'Panel header section',
+    version: '3.10.0',
+    example: "<Collapse\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { padding: '12px 16px' } }}\n/>"
+  }, {
+    key: 'title',
+    cn: '标题内容',
+    en: 'Panel title text',
+    version: '3.10.0',
+    example: "<Collapse\n  classNames={{ title: 'my-title' }}\n  styles={{ title: { fontWeight: 600 } }}\n/>"
+  }, {
+    key: 'extra',
+    cn: '额外内容区',
+    en: 'Extra content area in header',
+    version: '3.10.0',
+    example: "<Collapse\n  classNames={{ extra: 'my-extra' }}\n  styles={{ extra: { color: '#999' } }}\n/>"
+  }, {
+    key: 'content',
+    cn: '面板展开内容区',
+    en: 'Panel expanded content area',
+    version: '3.10.0',
+    example: "<Collapse\n  classNames={{ content: 'my-content' }}\n  styles={{ content: { padding: '16px' } }}\n/>"
+  }, {
+    key: 'icon',
+    cn: '展开/折叠图标',
+    en: 'Expand/collapse icon',
+    version: '3.10.0',
+    example: "<Collapse\n  classNames={{ icon: 'my-icon' }}\n  styles={{ icon: { color: '#1890ff' } }}\n/>"
+  }],
+  demo: CollapseSemanticDemo
+};
+export default collapseSemantic;

package/esm/collapse/interface.d.ts

@@ -1 +1,2 @@
 export type { CollapseProps as Props } from './collapse.type';
+export type { CollapseSemanticKey } from '@sheinx/base';

package/esm/date-picker/date-picker.semantic.d.ts

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

package/esm/date-picker/date-picker.semantic.js

@@ -0,0 +1,67 @@
+/**
+ * DatePicker Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { DatePicker } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DatePickerSemanticDemo = function DatePickerSemanticDemo() {
+  return /*#__PURE__*/_jsx(DatePicker, {
+    placeholder: "Select date",
+    type: "date",
+    style: {
+      width: 240
+    },
+    showSelNow: true,
+    open: true
+  });
+};
+var datePickerSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'DatePicker 最外层容器',
+    en: 'DatePicker outermost wrapper element',
+    version: '3.10.0',
+    example: "<DatePicker classNames={{ root: 'my-date-picker' }} styles={{ root: { border: '1px solid #eee' } }} />"
+  }, {
+    key: 'header',
+    cn: '结果区域（显示已选值 / placeholder）',
+    en: 'Header area (shows selected values / placeholder)',
+    version: '3.10.0',
+    example: "<DatePicker classNames={{ header: 'my-header' }} styles={{ header: { background: '#f0f7ff' } }} />"
+  }, {
+    key: 'popup',
+    cn: '下拉面板',
+    en: 'Dropdown popup panel',
+    version: '3.10.0',
+    example: "<DatePicker classNames={{ popup: 'my-popup' }} styles={{ popup: { background: '#fff' } }} />"
+  }, {
+    key: 'popupHeader',
+    cn: '面板头部导航区域（年月切换箭头）',
+    en: 'Panel header navigation area (year/month switch arrows)',
+    version: '3.10.0',
+    example: "<DatePicker classNames={{ popupHeader: 'my-popup-header' }} styles={{ popupHeader: { padding: '8px' } }} />"
+  }, {
+    key: 'cell',
+    cn: '日期/时间单元格',
+    en: 'Date/time cell',
+    version: '3.10.0',
+    example: "<DatePicker classNames={{ cell: 'my-cell' }} styles={{ cell: { borderRadius: 4 } }} />"
+  }, {
+    key: 'popupFooter',
+    cn: '面板底部区域（确认按钮等）',
+    en: 'Panel footer area (confirm button, etc)',
+    version: '3.10.0',
+    example: "<DatePicker classNames={{ popupFooter: 'my-footer' }} styles={{ popupFooter: { padding: '8px' } }} />"
+  }],
+  demo: DatePickerSemanticDemo,
+  demoStyle: {
+    display: 'flex',
+    gap: 16,
+    alignItems: 'flex-start'
+  }
+};
+export default datePickerSemantic;

package/esm/descriptions/descriptions.semantic.d.ts

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

package/esm/descriptions/descriptions.semantic.js

@@ -0,0 +1,82 @@
+/**
+ * Descriptions Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Descriptions } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var items = [{
+  label: 'Name',
+  value: 'Tom'
+}, {
+  label: 'Age',
+  value: '28'
+}, {
+  label: 'Address',
+  value: 'New York'
+}, {
+  label: 'Phone',
+  value: '123-456-7890'
+}];
+var DescriptionsSemanticDemo = function DescriptionsSemanticDemo() {
+  return /*#__PURE__*/_jsx(Descriptions, {
+    title: "User Info",
+    extra: "Detail",
+    items: items,
+    border: true,
+    column: 2,
+    style: {
+      width: 400
+    }
+  });
+};
+var descriptionsSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Descriptions 最外层容器',
+    en: 'Descriptions outermost wrapper element',
+    version: '3.10.0',
+    example: "<Descriptions\n  classNames={{ root: 'my-descriptions' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '标题区域容器',
+    en: 'Header section container',
+    version: '3.10.0',
+    example: "<Descriptions\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { marginBottom: 16 } }}\n/>"
+  }, {
+    key: 'title',
+    cn: '标题',
+    en: 'Title element',
+    version: '3.10.0',
+    example: "<Descriptions\n  classNames={{ title: 'my-title' }}\n  styles={{ title: { fontSize: 18 } }}\n/>"
+  }, {
+    key: 'extra',
+    cn: '额外内容',
+    en: 'Extra content element',
+    version: '3.10.0',
+    example: "<Descriptions\n  classNames={{ extra: 'my-extra' }}\n  styles={{ extra: { color: '#1890ff' } }}\n/>"
+  }, {
+    key: 'table',
+    cn: '表格元素',
+    en: 'Table element',
+    version: '3.10.0',
+    example: "<Descriptions\n  classNames={{ table: 'my-table' }}\n  styles={{ table: { width: '100%' } }}\n/>"
+  }, {
+    key: 'label',
+    cn: '描述项标签',
+    en: 'Description item label',
+    version: '3.10.0',
+    example: "<Descriptions\n  classNames={{ label: 'my-label' }}\n  styles={{ label: { fontWeight: 600 } }}\n/>"
+  }, {
+    key: 'value',
+    cn: '描述项值',
+    en: 'Description item value',
+    version: '3.10.0',
+    example: "<Descriptions\n  classNames={{ value: 'my-value' }}\n  styles={{ value: { color: '#333' } }}\n/>"
+  }],
+  demo: DescriptionsSemanticDemo
+};
+export default descriptionsSemantic;

package/esm/descriptions/interface.d.ts

@@ -1 +1,2 @@
 export type { DescriptionsProps as Props } from './descriptions.type';
+export type { DescriptionsSemanticKey } from '@sheinx/base';

package/esm/divider/divider.semantic.d.ts

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

package/esm/divider/divider.semantic.js

@@ -0,0 +1,42 @@
+/**
+ * Divider Semantic DOM 元数据。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import Divider from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var DividerSemanticDemo = function DividerSemanticDemo() {
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsx(Divider, {
+      children: "Center Text"
+    }), /*#__PURE__*/_jsx(Divider, {
+      orientation: "left",
+      children: "Left Text"
+    }), /*#__PURE__*/_jsx(Divider, {
+      type: "dashed",
+      children: "Dashed"
+    })]
+  });
+};
+var dividerSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '分割线容器',
+    en: 'Divider container element',
+    version: '3.10.0',
+    example: "<Divider\n  classNames={{ root: 'my-divider' }}\n  styles={{ root: { margin: '24px 0' } }}\n>\n  Section\n</Divider>"
+  }, {
+    key: 'content',
+    cn: '文字内容区域',
+    en: 'Text content area',
+    version: '3.10.0',
+    example: "<Divider\n  classNames={{ content: 'my-divider-text' }}\n  styles={{ content: { fontSize: 16, fontWeight: 'bold' } }}\n>\n  Title\n</Divider>"
+  }],
+  demo: DividerSemanticDemo
+};
+export default dividerSemantic;

package/esm/divider/interface.d.ts

@@ -1 +1,2 @@
 export type { DividerProps as Props } from './divider.type';
+export type { DividerSemanticKey } from '@sheinx/base';

package/esm/drawer/drawer.js

@@ -6,11 +6,21 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import Modal from "../modal";
+import { useConfig } from '@sheinx/base';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default (function (props) {
+  var _config$drawer, _config$drawer2;
   var _props$position = props.position,
     position = _props$position === void 0 ? 'right' : _props$position;
+  var config = useConfig();
+
+  // Drawer 有独立的全局 Semantic DOM 配置（config.drawer）
+  // 合并到 classNames/styles 中，优先级：props > config.drawer
+  var mergedClassNames = (_config$drawer = config.drawer) !== null && _config$drawer !== void 0 && _config$drawer.classNames ? _objectSpread(_objectSpread({}, config.drawer.classNames), props.classNames) : props.classNames;
+  var mergedStyles = (_config$drawer2 = config.drawer) !== null && _config$drawer2 !== void 0 && _config$drawer2.styles ? _objectSpread(_objectSpread({}, config.drawer.styles), props.styles) : props.styles;
   return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
-    position: position
+    position: position,
+    classNames: mergedClassNames,
+    styles: mergedStyles
   }));
 });

package/esm/drawer/drawer.semantic.d.ts

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

package/esm/drawer/drawer.semantic.js

@@ -0,0 +1,83 @@
+/**
+ * Drawer Semantic DOM 元数据。
+ *
+ * Drawer 复用 Modal 的 DOM 结构和 Semantic Key。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import Drawer from "./index";
+import Button from "../button";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DrawerSemanticDemo = function DrawerSemanticDemo() {
+  var containerRef = React.useRef(null);
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      transform: 'translateZ(0)'
+    },
+    ref: containerRef,
+    children: /*#__PURE__*/_jsx(Drawer, {
+      visible: true,
+      title: "Drawer Title",
+      footer: /*#__PURE__*/_jsx(Button, {
+        children: "OK"
+      }),
+      style: {
+        maxHeight: '100%'
+      },
+      container: function container() {
+        return containerRef.current;
+      },
+      children: "This is the drawer body content."
+    })
+  });
+};
+var drawerSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '最外层容器（wrapper，控制动画和显示）',
+    en: 'Outermost wrapper (controls animation and visibility)',
+    version: '3.10.0',
+    example: "<Drawer\n  classNames={{ root: 'my-drawer-wrapper' }}\n  styles={{ root: { zIndex: 2000 } }}\n/>"
+  }, {
+    key: 'mask',
+    cn: '遮罩层',
+    en: 'Mask overlay layer',
+    version: '3.10.0',
+    example: "<Drawer\n  classNames={{ mask: 'my-mask' }}\n  styles={{ mask: { backdropFilter: 'blur(4px)' } }}\n/>"
+  }, {
+    key: 'container',
+    cn: '内容面板',
+    en: 'Content panel',
+    version: '3.10.0',
+    example: "<Drawer\n  classNames={{ container: 'my-panel' }}\n  styles={{ container: { maxHeight: '80%' } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '标题栏',
+    en: 'Header area',
+    version: '3.10.0',
+    example: "<Drawer\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: "<Drawer\n  classNames={{ body: 'my-body' }}\n  styles={{ body: { padding: 24 } }}\n/>"
+  }, {
+    key: 'footer',
+    cn: '底部操作区',
+    en: 'Footer action area',
+    version: '3.10.0',
+    example: "<Drawer\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: "<Drawer\n  classNames={{ close: 'my-close' }}\n  styles={{ close: { opacity: 0.6 } }}\n/>"
+  }],
+  demo: DrawerSemanticDemo
+};
+export default drawerSemantic;

package/esm/dropdown/dropdown.semantic.d.ts

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

package/esm/dropdown/dropdown.semantic.js

@@ -0,0 +1,74 @@
+/**
+ * Dropdown Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Dropdown } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var dropdownData = [{
+  content: 'Option 1'
+}, {
+  content: 'Option 2'
+}, {
+  group: 'More',
+  content: 'Option 3',
+  children: [{
+    content: 'Sub Option 1'
+  }, {
+    content: 'Sub Option 2'
+  }]
+}, {
+  content: 'Option 4'
+}];
+var DropdownSemanticDemo = function DropdownSemanticDemo() {
+  return /*#__PURE__*/_jsx(Dropdown, {
+    data: dropdownData,
+    placeholder: "Dropdown",
+    position: "bottom-left",
+    open: true
+  });
+};
+var dropdownSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Dropdown 最外层容器',
+    en: 'Dropdown outermost wrapper element',
+    version: '3.10.0',
+    example: "<Dropdown\n  classNames={{ root: 'my-dropdown' }}\n  styles={{ root: { display: 'inline-block' } }}\n/>"
+  }, {
+    key: 'button',
+    cn: '触发按钮',
+    en: 'Trigger button',
+    version: '3.10.0',
+    example: "<Dropdown\n  classNames={{ button: 'my-button' }}\n  styles={{ button: { borderRadius: 4 } }}\n/>"
+  }, {
+    key: 'caret',
+    cn: '箭头图标',
+    en: 'Arrow icon',
+    version: '3.10.0',
+    example: "<Dropdown\n  classNames={{ caret: 'my-caret' }}\n  styles={{ caret: { color: '#1890ff' } }}\n/>"
+  }, {
+    key: 'list',
+    cn: '下拉菜单面板',
+    en: 'Dropdown menu panel',
+    version: '3.10.0',
+    example: "<Dropdown\n  classNames={{ list: 'my-list' }}\n  styles={{ list: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'item',
+    cn: '菜单项',
+    en: 'Menu item',
+    version: '3.10.0',
+    example: "<Dropdown\n  classNames={{ item: ({ open }) => open ? 'item-open' : '' }}\n  styles={{ item: { padding: '4px 12px' } }}\n/>"
+  }, {
+    key: 'group',
+    cn: '分组标题',
+    en: 'Group title',
+    version: '3.10.0',
+    example: "<Dropdown\n  classNames={{ group: 'my-group' }}\n  styles={{ group: { fontWeight: 'bold' } }}\n/>"
+  }],
+  demo: DropdownSemanticDemo
+};
+export default dropdownSemantic;

package/esm/dropdown/interface.d.ts

@@ -1 +1,2 @@
 export type { DropdownProps as Props, DropdownItem as Item } from './dropdown.type';
+export type { DropdownSemanticKey, DropdownClassNamesInfo } from '@sheinx/base';

package/esm/empty/empty.semantic.d.ts

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