shineout 3.10.0-beta.2 → 3.10.0-beta.20

package/cjs/alert/alert.semantic.d.ts

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

package/cjs/alert/alert.semantic.js

@@ -0,0 +1,62 @@
+"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 }; }
+/**
+ * Alert Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var AlertSemanticDemo = function AlertSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+    type: "info",
+    icon: true,
+    title: "Heading",
+    closable: true,
+    children: "This is a line of important text for alerting purposes"
+  });
+};
+var alertSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '最外层容器（与 className 等价）',
+    en: 'Outermost wrapper element (equivalent to className)',
+    version: '3.10.0',
+    example: "<Alert\n  classNames={{ root: 'my-alert' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'icon',
+    cn: '图标区域',
+    en: 'Icon area',
+    version: '3.10.0',
+    example: "<Alert\n  icon\n  classNames={{ icon: 'my-icon' }}\n  styles={{ icon: { width: 20 } }}\n/>"
+  }, {
+    key: 'title',
+    cn: '标题',
+    en: 'Title element',
+    version: '3.10.0',
+    example: "<Alert\n  title=\"Heading\"\n  classNames={{ title: 'my-title' }}\n  styles={{ title: { fontSize: 16 } }}\n/>"
+  }, {
+    key: 'content',
+    cn: '内容文本区',
+    en: 'Content text area',
+    version: '3.10.0',
+    example: "<Alert\n  classNames={{ content: 'my-content' }}\n  styles={{ content: { color: '#333' } }}\n>\n  Alert message\n</Alert>"
+  }, {
+    key: 'close',
+    cn: '关闭按钮',
+    en: 'Close button',
+    version: '3.10.0',
+    example: "<Alert\n  closable\n  classNames={{ close: 'my-close' }}\n  styles={{ close: { opacity: 0.6 } }}\n/>"
+  }],
+  demo: AlertSemanticDemo
+};
+var _default = exports.default = alertSemantic;

package/cjs/avatar/avatar.semantic.d.ts

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

package/cjs/avatar/avatar.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 }; }
+/**
+ * Avatar Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var AvatarSemanticDemo = function AvatarSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 16,
+      alignItems: 'center'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Avatar, {
+      src: "https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/avatar/01.png"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Avatar, {
+      shape: "square",
+      children: "U"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Avatar.Group, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Avatar, {
+        src: "https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/avatar/01.png"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Avatar, {
+        src: "https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/avatar/02.png"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Avatar, {
+        src: "https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/avatar/03.png"
+      })]
+    })]
+  });
+};
+var avatarSemantic = {
+  keys: [{
+    key: 'group',
+    cn: 'Avatar.Group 容器元素',
+    en: 'Avatar.Group container element',
+    version: '3.10.0',
+    example: "<Avatar.Group classNames={{ group: 'my-group' }} styles={{ group: { gap: 8 } }}>...</Avatar.Group>"
+  }, {
+    key: 'root',
+    cn: 'Avatar 最外层容器（可从 Avatar.Group 向子 Avatar 传递）',
+    en: 'Avatar outermost wrapper (can be passed from Avatar.Group to child Avatars)',
+    version: '3.10.0',
+    example: "<Avatar classNames={{ root: 'my-avatar' }} styles={{ root: { border: '2px solid #1890ff' } }} />"
+  }],
+  demo: AvatarSemanticDemo
+};
+var _default = exports.default = avatarSemantic;

package/cjs/badge/badge.semantic.d.ts

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

package/cjs/badge/badge.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 }; }
+/**
+ * Badge Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var BadgeSemanticDemo = function BadgeSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 24
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Badge, {
+      count: 5,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          width: 40,
+          height: 40,
+          background: '#eee',
+          borderRadius: 4
+        }
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Badge, {
+      dot: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          width: 40,
+          height: 40,
+          background: '#eee',
+          borderRadius: 4
+        }
+      })
+    })]
+  });
+};
+var badgeSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Badge 最外层容器',
+    en: 'Badge outermost wrapper element',
+    version: '3.10.0',
+    example: "<Badge\n  classNames={{ root: 'my-badge' }}\n  styles={{ root: { display: 'inline-block' } }}\n/>"
+  }, {
+    key: 'badge',
+    cn: '右上角徽标元素（数字/圆点）',
+    en: 'Badge indicator element (count/dot)',
+    version: '3.10.0',
+    example: "<Badge\n  classNames={{ badge: 'my-indicator' }}\n  styles={{ badge: { fontSize: 10 } }}\n/>"
+  }],
+  demo: BadgeSemanticDemo
+};
+var _default = exports.default = badgeSemantic;

package/cjs/badge/interface.d.ts

@@ -1 +1,2 @@
 export type { BadgeProps as Props } from './badge.type';
+export type { BadgeSemanticKey } from '@sheinx/base';

package/cjs/border-beam/border-beam.d.ts

@@ -0,0 +1,3 @@
+import type { BorderBeamProps } from './border-beam.type';
+declare const _default: (props: BorderBeamProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/cjs/border-beam/border-beam.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _base = require("@sheinx/base");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+var jssStyle = {
+  borderBeam: _shineoutStyle.useBorderBeamStyle
+};
+var _default = exports.default = function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.BorderBeam, _objectSpread(_objectSpread({}, props), {}, {
+    jssStyle: jssStyle
+  }));
+};

package/cjs/border-beam/border-beam.type.d.ts

@@ -0,0 +1,6 @@
+import type { BorderBeamProps as UnStyledBorderBeamProps } from '@sheinx/base';
+/**
+ * @title BorderBeam
+ */
+export type BorderBeamProps = Omit<UnStyledBorderBeamProps, 'jssStyle'>;
+export type { BorderBeamColor, BorderBeamGradient, BorderBeamGradientItem } from '@sheinx/base';

package/cjs/border-beam/border-beam.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/border-beam/index.d.ts

@@ -0,0 +1,7 @@
+import BorderBeam from './border-beam';
+type RefBorderBeam = typeof BorderBeam;
+export interface BorderBeamComponent extends RefBorderBeam {
+    displayName: string;
+}
+declare const BorderBeamComp: BorderBeamComponent;
+export default BorderBeamComp;

package/cjs/border-beam/index.js

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _borderBeam = _interopRequireDefault(require("./border-beam"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var BorderBeamComp = _borderBeam.default;
+BorderBeamComp.displayName = 'ShineoutBorderBeam';
+var _default = exports.default = BorderBeamComp;

package/cjs/border-beam/interface.d.ts

@@ -0,0 +1 @@
+export type { BorderBeamColor as Color, BorderBeamGradient as Gradient, BorderBeamGradientItem as GradientItem, BorderBeamProps as Props, } from './border-beam.type';

package/cjs/border-beam/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/breadcrumb/breadcrumb.semantic.d.ts

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

package/cjs/breadcrumb/breadcrumb.semantic.js

@@ -0,0 +1,82 @@
+"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 }; }
+/**
+ * Breadcrumb Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var breadcrumbData = [{
+  title: 'Home',
+  url: '#'
+}, [{
+  title: 'Products',
+  url: '#'
+}, {
+  title: 'Services',
+  url: '#'
+}, {
+  title: 'Solutions',
+  url: '#'
+}], {
+  title: 'Category',
+  url: '#'
+}, {
+  title: 'Current Page'
+}];
+var BreadcrumbSemanticDemo = function BreadcrumbSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+    data: breadcrumbData
+  });
+};
+var breadcrumbSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Breadcrumb 最外层容器',
+    en: 'Breadcrumb outermost wrapper element',
+    version: '3.10.0',
+    example: "<Breadcrumb\n  classNames={{ root: 'my-breadcrumb' }}\n  styles={{ root: { padding: '8px 0' } }}\n/>"
+  }, {
+    key: 'item',
+    cn: '每个面包屑项的容器',
+    en: 'Each breadcrumb item container',
+    version: '3.10.0',
+    example: "<Breadcrumb\n  classNames={{ item: 'my-item' }}\n  styles={{ item: { display: 'inline-flex' } }}\n/>"
+  }, {
+    key: 'separator',
+    cn: '分隔符节点',
+    en: 'Separator element between items',
+    version: '3.10.0',
+    example: "<Breadcrumb\n  classNames={{ separator: 'my-separator' }}\n  styles={{ separator: { margin: '0 8px' } }}\n/>"
+  }, {
+    key: 'content',
+    cn: '文本/链接内容节点',
+    en: 'Text or link content element',
+    version: '3.10.0',
+    example: "<Breadcrumb\n  classNames={{ content: 'my-content' }}\n  styles={{ content: { color: '#1890ff' } }}\n/>"
+  }, {
+    key: 'dropdown',
+    cn: '下拉面板（data 项为数组时展开的弹出层）',
+    en: 'Dropdown panel (popup when a data item is an array)',
+    version: '3.10.0',
+    example: "<Breadcrumb\n  classNames={{ dropdown: 'my-dropdown' }}\n  styles={{ dropdown: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'dropdownItem',
+    cn: '下拉面板内每一项',
+    en: 'Each item inside the dropdown panel',
+    version: '3.10.0',
+    example: "<Breadcrumb\n  classNames={{ dropdownItem: 'my-dropdown-item' }}\n  styles={{ dropdownItem: { padding: '4px 12px' } }}\n/>"
+  }],
+  demo: BreadcrumbSemanticDemo
+};
+var _default = exports.default = breadcrumbSemantic;

package/cjs/breadcrumb/interface.d.ts

@@ -1 +1,2 @@
 export type { BreadcrumbProps as Props, BreadcrumbData as Data } from './breadcrumb.type';
+export type { BreadcrumbSemanticKey } from '@sheinx/base';

package/cjs/button/button.semantic.d.ts

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

package/cjs/button/button.semantic.js

@@ -0,0 +1,59 @@
+"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 }; }
+/**
+ * Button Semantic DOM 元数据。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var ButtonSemanticDemo = function ButtonSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: '100%',
+      display: 'flex',
+      gap: 16,
+      alignItems: 'center',
+      flexWrap: 'wrap'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      type: "primary",
+      children: "Primary"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      type: "default",
+      children: "Default"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      type: "primary",
+      loading: true,
+      children: "Loading"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      type: "danger",
+      disabled: true,
+      children: "Disabled"
+    })]
+  });
+};
+var buttonSemantic = {
+  keys: [{
+    key: 'root',
+    cn: '按钮元素（button 或 a 标签）',
+    en: 'Button element (button or anchor tag)',
+    version: '3.10.0',
+    example: "<Button\n  classNames={{ root: 'my-button' }}\n  styles={{ root: { borderRadius: 20 } }}\n>\n  Click me\n</Button>"
+  }, {
+    key: 'loading',
+    cn: '加载指示器容器',
+    en: 'Loading indicator container',
+    version: '3.10.0',
+    example: "<Button\n  loading\n  classNames={{ loading: 'my-spinner' }}\n  styles={{ loading: { marginRight: 8 } }}\n>\n  Submitting\n</Button>"
+  }],
+  demo: ButtonSemanticDemo
+};
+var _default = exports.default = buttonSemantic;

package/cjs/button/interface.d.ts

@@ -1,2 +1,3 @@
 export type { ButtonProps as Props, ButtonShape as shape, ButtonType as type } from './button.type';
 export type { ButtonGroupProps as GroupProps } from './group.type';
+export type { ButtonSemanticKey, ButtonClassNamesInfo } from '@sheinx/base';

package/cjs/card/card.semantic.d.ts

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

package/cjs/card/card.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 }; }
+/**
+ * Card Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var CardSemanticDemo = function CardSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Card, {
+    style: {
+      width: 360
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card.Header, {
+      extra: "Extra",
+      children: "Card Title"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card.Body, {
+      children: "Card content goes here."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card.Footer, {
+      children: "Footer"
+    })]
+  });
+};
+var cardSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Card 最外层容器',
+    en: 'Card outermost wrapper element',
+    version: '3.10.0',
+    example: "<Card\n  classNames={{ root: 'my-card' }}\n  styles={{ root: { borderRadius: 12 } }}\n/>"
+  }, {
+    key: 'header',
+    cn: '头部区域容器',
+    en: 'Header section container',
+    version: '3.10.0',
+    example: "<Card\n  classNames={{ header: 'my-header' }}\n  styles={{ header: { padding: '16px 24px' } }}\n/>"
+  }, {
+    key: 'headerContent',
+    cn: '头部标题内容区',
+    en: 'Header title content area',
+    version: '3.10.0',
+    example: "<Card\n  classNames={{ headerContent: 'my-title' }}\n  styles={{ headerContent: { fontWeight: 600 } }}\n/>"
+  }, {
+    key: 'headerExtra',
+    cn: '头部额外内容区',
+    en: 'Header extra content area',
+    version: '3.10.0',
+    example: "<Card\n  classNames={{ headerExtra: 'my-extra' }}\n  styles={{ headerExtra: { color: '#999' } }}\n/>"
+  }, {
+    key: 'body',
+    cn: '主内容区',
+    en: 'Main content area',
+    version: '3.10.0',
+    example: "<Card\n  classNames={{ body: 'my-body' }}\n  styles={{ body: { padding: '16px 24px' } }}\n/>"
+  }, {
+    key: 'footer',
+    cn: '底部区域',
+    en: 'Footer section',
+    version: '3.10.0',
+    example: "<Card\n  classNames={{ footer: 'my-footer' }}\n  styles={{ footer: { borderTop: '1px solid #f0f0f0' } }}\n/>"
+  }],
+  demo: CardSemanticDemo
+};
+var _default = exports.default = cardSemantic;

package/cjs/card/interface.d.ts

@@ -2,3 +2,4 @@ export type { CardProps as Props } from './card.type';
 export type { CardHeaderProps as HeaderProps } from './header.type';
 export type { CardBodyProps as BodyProps } from './body.type';
 export type { CardFooterProps as FooterProps } from './footer.type';
+export type { CardSemanticKey } from '@sheinx/base';

package/cjs/carousel/carousel.semantic.d.ts

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

package/cjs/carousel/carousel.semantic.js

@@ -0,0 +1,100 @@
+"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 }; }
+/**
+ * Carousel Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+
+var CarouselSemanticDemo = function CarouselSemanticDemo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Carousel, {
+    style: {
+      width: 400,
+      height: 200
+    },
+    showArrow: "always",
+    interval: 0,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        background: '#364d79',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        color: '#fff'
+      },
+      children: "Slide 1"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        background: '#263c5a',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        color: '#fff'
+      },
+      children: "Slide 2"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        background: '#1a2d47',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        color: '#fff'
+      },
+      children: "Slide 3"
+    })]
+  });
+};
+var carouselSemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Carousel 最外层容器',
+    en: 'Carousel outermost wrapper element',
+    version: '3.10.0',
+    example: "<Carousel\n  classNames={{ root: 'my-carousel' }}\n  styles={{ root: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'slider',
+    cn: '滑动区域容器',
+    en: 'Slider container with overflow hidden',
+    version: '3.10.0',
+    example: "<Carousel\n  classNames={{ slider: 'my-slider' }}\n  styles={{ slider: { borderRadius: 8 } }}\n/>"
+  }, {
+    key: 'item',
+    cn: '每个轮播项',
+    en: 'Each carousel slide item',
+    version: '3.10.0',
+    example: "<Carousel\n  classNames={{ item: 'my-item' }}\n  styles={{ item: { padding: 16 } }}\n/>"
+  }, {
+    key: 'indicator',
+    cn: '指示器容器',
+    en: 'Indicator dots/numbers container',
+    version: '3.10.0',
+    example: "<Carousel\n  classNames={{ indicator: 'my-indicator' }}\n  styles={{ indicator: { bottom: 16 } }}\n/>"
+  }, {
+    key: 'indicatorItem',
+    cn: '每个指示器元素（支持函数式 classNames 接收 { active } 状态）',
+    en: 'Each indicator element (supports functional classNames with { active } state)',
+    version: '3.10.0',
+    example: "<Carousel\n  classNames={{ indicatorItem: ({ active }) => active ? 'dot-active' : 'dot' }}\n  styles={{ indicatorItem: { width: 8, height: 8 } }}\n/>"
+  }, {
+    key: 'arrow',
+    cn: '箭头按钮',
+    en: 'Arrow buttons (prev/next)',
+    version: '3.10.0',
+    example: "<Carousel\n  classNames={{ arrow: 'my-arrow' }}\n  styles={{ arrow: { opacity: 0.8 } }}\n/>"
+  }],
+  demo: CarouselSemanticDemo
+};
+var _default = exports.default = carouselSemantic;

package/cjs/carousel/interface.d.ts

@@ -1 +1,2 @@
 export type { CarouselProps as Props } from './carousel.type';
+export type { CarouselSemanticKey, CarouselClassNamesInfo } from '@sheinx/base';

package/cjs/cascader/cascader.semantic.d.ts

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