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

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;

package/cjs/skeleton/skeleton.semantic.js

@@ -0,0 +1,58 @@
+"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 }; }
+/**
+ * Skeleton Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var SkeletonSemanticDemo = function SkeletonSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.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
+};
+var _default = exports.default = skeletonSemantic;

package/cjs/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/cjs/slider/slider.semantic.js

@@ -0,0 +1,59 @@
+"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 }; }
+/**
+ * Slider Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var SliderSemanticDemo = function SliderSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 300,
+      padding: '20px 10px'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.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
+};
+var _default = exports.default = sliderSemantic;

package/cjs/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/cjs/spin/spin.semantic.js

@@ -0,0 +1,113 @@
+"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 }; }
+/**
+ * Spin Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var SpinSemanticDemo = function SpinSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'stretch',
+      gap: 24
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        flex: 1,
+        borderRight: '1px solid rgb(240, 240, 240)',
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        name: "ring",
+        size: 24
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        flex: 1,
+        borderRight: '1px solid rgb(240, 240, 240)',
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        name: "ring",
+        tip: "Loading"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        position: 'relative',
+        flex: 1,
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        name: "ring",
+        loading: true,
+        styles: {
+          root: {
+            width: '100%',
+            height: '100%',
+            '--soui-spin-background-color': '#333'
+          },
+          section: {
+            backdropFilter: 'blur(2px)'
+          }
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.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
+};
+var _default = exports.default = spinSemantic;

package/cjs/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/cjs/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/cjs/steps/steps.semantic.js

@@ -0,0 +1,81 @@
+"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 }; }
+/**
+ * Steps Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var StepsSemanticDemo = function StepsSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+    current: 1,
+    type: "default",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+      title: "Completed",
+      description: "This is a description"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+      title: "In Progress",
+      description: "This is a description"
+    }), /*#__PURE__*/(0, _jsxRuntime.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
+};
+var _default = exports.default = stepsSemantic;

package/cjs/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/cjs/switch/switch.semantic.js

@@ -0,0 +1,55 @@
+"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 }; }
+/**
+ * Switch Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var SwitchSemanticDemo = function SwitchSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 16
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Switch, {
+      defaultValue: true,
+      content: ['On', 'Off']
+    }), /*#__PURE__*/(0, _jsxRuntime.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
+};
+var _default = exports.default = switchSemantic;

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