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

package/esm/select/select.semantic.js

@@ -0,0 +1,85 @@
+/**
+ * Select Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Select } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+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__*/_jsx("div", {
+    style: {
+      display: 'flex',
+      gap: 16
+    },
+    children: /*#__PURE__*/_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
+};
+export default selectSemantic;

package/esm/skeleton/interface.d.ts

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

package/esm/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;

package/esm/skeleton/skeleton.semantic.js

@@ -0,0 +1,50 @@
+/**
+ * Skeleton Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Skeleton } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var SkeletonSemanticDemo = function SkeletonSemanticDemo() {
+  return /*#__PURE__*/_jsx(Skeleton, {
+    loading: true,
+    animation: true,
+    image: true,
+    button: true,
+    style: {
+      width: 400
+    }
+  });
+};
+var skeletonSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Skeleton 最外层容器',
+    en: 'Skeleton outermost wrapper element',
+    version: '3.10.0',
+    example: "<Skeleton\n  classNames={{ root: 'my-skeleton' }}\n  styles={{ root: { padding: 16 } }}\n/>"
+  }, {
+    key: 'image',
+    cn: '图片/头像占位区',
+    en: 'Image/avatar placeholder area',
+    version: '3.10.0',
+    example: "<Skeleton\n  classNames={{ image: 'my-image' }}\n  styles={{ image: { width: 64, height: 64 } }}\n/>"
+  }, {
+    key: 'text',
+    cn: '文本行区域',
+    en: 'Text lines area',
+    version: '3.10.0',
+    example: "<Skeleton\n  classNames={{ text: 'my-text' }}\n  styles={{ text: { marginTop: 8 } }}\n/>"
+  }, {
+    key: 'button',
+    cn: '按钮占位区',
+    en: 'Button placeholder area',
+    version: '3.10.0',
+    example: "<Skeleton\n  classNames={{ button: 'my-button' }}\n  styles={{ button: { marginTop: 16 } }}\n/>"
+  }],
+  demo: SkeletonSemanticDemo
+};
+export default skeletonSemantic;

package/esm/slider/slider.semantic.d.ts

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

package/esm/slider/slider.semantic.js

@@ -0,0 +1,51 @@
+/**
+ * Slider Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Slider } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var SliderSemanticDemo = function SliderSemanticDemo() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 300,
+      padding: '20px 10px'
+    },
+    children: /*#__PURE__*/_jsx(Slider, {
+      defaultValue: 30,
+      scale: [0, 50, 100]
+    })
+  });
+};
+var sliderSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Slider 最外层容器',
+    en: 'Slider outermost wrapper element',
+    version: '3.10.0',
+    example: "<Slider\n  classNames={{ root: 'my-slider' }}\n  styles={{ root: { padding: '16px 0' } }}\n/>"
+  }, {
+    key: 'track',
+    cn: '滑轨区域',
+    en: 'Track area',
+    version: '3.10.0',
+    example: "<Slider\n  classNames={{ track: 'my-track' }}\n  styles={{ track: { height: 8, borderRadius: 4 } }}\n/>"
+  }, {
+    key: 'indicator',
+    cn: '滑块指示器（拖动手柄）',
+    en: 'Slider indicator (drag handle)',
+    version: '3.10.0',
+    example: "<Slider\n  classNames={{ indicator: 'my-indicator' }}\n  styles={{ indicator: { width: 20, height: 20 } }}\n/>"
+  }, {
+    key: 'scale',
+    cn: '刻度区域',
+    en: 'Scale area',
+    version: '3.10.0',
+    example: "<Slider\n  classNames={{ scale: 'my-scale' }}\n  styles={{ scale: { marginTop: 8 } }}\n/>"
+  }],
+  demo: SliderSemanticDemo
+};
+export default sliderSemantic;

package/esm/spin/spin.semantic.d.ts

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

package/esm/spin/spin.semantic.js

@@ -0,0 +1,106 @@
+/**
+ * Spin Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import Spin from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SpinSemanticDemo = function SpinSemanticDemo() {
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'stretch',
+      gap: 24
+    },
+    children: [/*#__PURE__*/_jsx("div", {
+      style: {
+        flex: 1,
+        borderRight: '1px solid rgb(240, 240, 240)',
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Spin, {
+        name: "ring",
+        size: 24
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        flex: 1,
+        borderRight: '1px solid rgb(240, 240, 240)',
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Spin, {
+        name: "ring",
+        tip: "Loading"
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        position: 'relative',
+        flex: 1,
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Spin, {
+        name: "ring",
+        loading: true,
+        styles: {
+          root: {
+            width: '100%',
+            height: '100%',
+            '--soui-spin-background-color': '#333'
+          },
+          section: {
+            backdropFilter: 'blur(2px)'
+          }
+        },
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '100%',
+            height: '100%'
+          },
+          children: "Content"
+        })
+      })
+    })]
+  });
+};
+var spinSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '最外层容器',
+    en: 'Outermost wrapper element',
+    version: '3.10.0',
+    example: "<Spin\n  classNames={{ root: 'my-spin-root' }}\n  styles={{ root: { opacity: 0.8 } }}\n/>"
+  }, {
+    key: 'section',
+    cn: '加载遮罩层（容器模式下覆盖子元素的区域）',
+    en: 'Loading overlay section (covers children in container mode)',
+    version: '3.10.0',
+    example: "<Spin loading classNames={{ section: 'my-loading-mask' }}>\n  <div>Content</div>\n</Spin>"
+  }, {
+    key: 'indicator',
+    cn: '动画指示器',
+    en: 'The animated spinner indicator',
+    version: '3.10.0',
+    example: "<Spin\n  classNames={{ indicator: 'my-indicator' }}\n  styles={{ indicator: { transform: 'scale(1.5)' } }}\n/>"
+  }, {
+    key: 'description',
+    cn: '提示文案',
+    en: 'The tip/description text',
+    version: '3.10.0',
+    example: "<Spin\n  tip=\"Loading...\"\n  classNames={{ description: 'my-tip' }}\n  styles={{ description: { fontSize: 14 } }}\n/>"
+  }],
+  demo: SpinSemanticDemo
+};
+export default spinSemantic;

package/esm/steps/interface.d.ts

@@ -1,2 +1,3 @@
 export type { StepsProps as Props } from './steps.type';
 export type { StepProps } from './step.type';
+export type { StepsSemanticKey } from '@sheinx/base';

package/esm/steps/steps.semantic.d.ts

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

package/esm/steps/steps.semantic.js

@@ -0,0 +1,74 @@
+/**
+ * Steps Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Steps } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var StepsSemanticDemo = function StepsSemanticDemo() {
+  return /*#__PURE__*/_jsxs(Steps, {
+    current: 1,
+    type: "default",
+    children: [/*#__PURE__*/_jsx(Steps.Step, {
+      title: "Completed",
+      description: "This is a description"
+    }), /*#__PURE__*/_jsx(Steps.Step, {
+      title: "In Progress",
+      description: "This is a description"
+    }), /*#__PURE__*/_jsx(Steps.Step, {
+      title: "Waiting",
+      description: "This is a description"
+    })]
+  });
+};
+var stepsSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Steps 最外层容器',
+    en: 'Steps outermost wrapper element',
+    version: '3.10.0',
+    example: "<Steps\n  classNames={{ root: 'my-steps' }}\n  styles={{ root: { gap: 8 } }}\n/>"
+  }, {
+    key: 'step',
+    cn: '单个步骤的外层容器',
+    en: 'Outermost wrapper of a single step',
+    version: '3.10.0',
+    example: "<Steps.Step\n  classNames={{ step: 'my-step' }}\n  styles={{ step: { padding: 8 } }}\n/>"
+  }, {
+    key: 'tail',
+    cn: '步骤之间的连接线（default / dot 类型）',
+    en: 'Connector line between steps (default / dot type)',
+    version: '3.10.0',
+    example: "<Steps.Step\n  classNames={{ tail: 'my-tail' }}\n  styles={{ tail: { borderColor: '#1890ff' } }}\n/>"
+  }, {
+    key: 'icon',
+    cn: '图标/数字区域（default / dot 类型）',
+    en: 'Icon or number indicator area (default / dot type)',
+    version: '3.10.0',
+    example: "<Steps.Step\n  classNames={{ icon: 'my-icon' }}\n  styles={{ icon: { background: '#1890ff' } }}\n/>"
+  }, {
+    key: 'title',
+    cn: '标题文字',
+    en: 'Title text',
+    version: '3.10.0',
+    example: "<Steps.Step\n  title=\"Step Title\"\n  classNames={{ title: 'my-title' }}\n  styles={{ title: { fontSize: 16 } }}\n/>"
+  }, {
+    key: 'description',
+    cn: '描述文字',
+    en: 'Description text',
+    version: '3.10.0',
+    example: "<Steps.Step\n  description=\"Step description\"\n  classNames={{ description: 'my-desc' }}\n  styles={{ description: { color: '#999' } }}\n/>"
+  }, {
+    key: 'content',
+    cn: '内容容器（包裹 title + description）',
+    en: 'Content container wrapping title and description',
+    version: '3.10.0',
+    example: "<Steps.Step\n  classNames={{ content: 'my-content' }}\n  styles={{ content: { textAlign: 'left' } }}\n/>"
+  }],
+  demo: StepsSemanticDemo
+};
+export default stepsSemantic;

package/esm/switch/switch.semantic.d.ts

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

package/esm/switch/switch.semantic.js

@@ -0,0 +1,48 @@
+/**
+ * Switch Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Switch } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SwitchSemanticDemo = function SwitchSemanticDemo() {
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      display: 'flex',
+      gap: 16
+    },
+    children: [/*#__PURE__*/_jsx(Switch, {
+      defaultValue: true,
+      content: ['On', 'Off']
+    }), /*#__PURE__*/_jsx(Switch, {
+      content: ['Open', 'Close']
+    })]
+  });
+};
+var switchSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Switch 最外层容器（button 元素）',
+    en: 'Switch outermost wrapper (button element)',
+    version: '3.10.0',
+    example: "<Switch\n  classNames={{ root: 'my-switch' }}\n  styles={{ root: { borderRadius: 20 } }}\n/>"
+  }, {
+    key: 'indicator',
+    cn: '滑块指示器（圆形按钮）',
+    en: 'Toggle indicator (circle button)',
+    version: '3.10.0',
+    example: "<Switch\n  classNames={{ indicator: 'my-indicator' }}\n  styles={{ indicator: { width: 20, height: 20 } }}\n/>"
+  }, {
+    key: 'content',
+    cn: '文字内容区域',
+    en: 'Text content area',
+    version: '3.10.0',
+    example: "<Switch\n  classNames={{ content: 'my-content' }}\n  styles={{ content: { fontSize: 12 } }}\n/>"
+  }],
+  demo: SwitchSemanticDemo
+};
+export default switchSemantic;

package/esm/table/interface.d.ts

@@ -1,2 +1,2 @@
-export type { TableProps as Props, ColumnItem } from './table.type';
+export type { TableProps as Props, ColumnItem, TableSemanticKey } from './table.type';
 export type { TableColumnOrder as ColumnOrder, TableColumnFix as ColumnFix, TableColumnType as ColumnType, TableColumnItem as CommonColumn, TableRenderSorterParam as RenderSorterParam, TableSummaryItem as SummaryItem, TableTableRef as TableRef, } from '@sheinx/base';

package/esm/table/table.semantic.d.ts

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

package/esm/table/table.semantic.js

@@ -0,0 +1,128 @@
+/**
+ * Table Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Table } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+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__*/_jsx("div", {
+    children: /*#__PURE__*/_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
+};
+export default tableSemantic;

package/esm/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/esm/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/esm/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;