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

package/esm/empty/empty.semantic.js

@@ -0,0 +1,36 @@
+/**
+ * Empty Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Empty } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var EmptySemanticDemo = function EmptySemanticDemo() {
+  return /*#__PURE__*/_jsx(Empty, {});
+};
+var emptySemantic = {
+  keys: [{
+    key: 'root',
+    cn: 'Empty 最外层容器',
+    en: 'Empty outermost wrapper element',
+    version: '3.10.0',
+    example: "<Empty\n  classNames={{ root: 'my-empty' }}\n  styles={{ root: { padding: 40 } }}\n/>"
+  }, {
+    key: 'icon',
+    cn: '图标/图片容器',
+    en: 'Icon or image container',
+    version: '3.10.0',
+    example: "<Empty\n  classNames={{ icon: 'my-icon' }}\n  styles={{ icon: { marginBottom: 16 } }}\n/>"
+  }, {
+    key: 'description',
+    cn: '描述文字',
+    en: 'Description text',
+    version: '3.10.0',
+    example: "<Empty\n  classNames={{ description: 'my-desc' }}\n  styles={{ description: { color: '#999' } }}\n/>"
+  }],
+  demo: EmptySemanticDemo
+};
+export default emptySemantic;

package/esm/empty/interface.d.ts

@@ -1 +1,2 @@
 export type { EmptyProps as Props } from './empty.type';
+export type { EmptySemanticKey } from '@sheinx/base';

package/esm/form/form.semantic.d.ts

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

package/esm/form/form.semantic.js

@@ -0,0 +1,84 @@
+/**
+ * Form Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Form, Input } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FormSemanticDemo = function FormSemanticDemo() {
+  return /*#__PURE__*/_jsxs(Form, {
+    style: {
+      maxWidth: 400
+    },
+    children: [/*#__PURE__*/_jsx(Form.Item, {
+      label: "Name",
+      tip: "Please enter your real name",
+      required: true,
+      children: /*#__PURE__*/_jsx(Input, {
+        name: "name",
+        placeholder: "Enter your name",
+        rules: [{
+          required: true,
+          message: 'Name is required'
+        }]
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: "Email",
+      tip: "Please enter your email",
+      required: true,
+      children: /*#__PURE__*/_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
+};
+export default formSemantic;

package/esm/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/esm/gap/gap.semantic.js

@@ -0,0 +1,66 @@
+/**
+ * Gap Semantic DOM 元数据。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import Gap from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var GapSemanticDemo = function GapSemanticDemo() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: '100%'
+    },
+    children: /*#__PURE__*/_jsxs(Gap, {
+      column: 12,
+      row: 12,
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          padding: '8px 16px',
+          background: '#e6f4ff',
+          borderRadius: 4
+        },
+        children: "Item 1"
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          padding: '8px 16px',
+          background: '#e6f4ff',
+          borderRadius: 4
+        },
+        children: "Item 2"
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          padding: '8px 16px',
+          background: '#e6f4ff',
+          borderRadius: 4
+        },
+        children: "Item 3"
+      }), /*#__PURE__*/_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
+};
+export default gapSemantic;

package/esm/gap/interface.d.ts

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

package/esm/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/esm/grid/grid.semantic.js

@@ -0,0 +1,64 @@
+/**
+ * Grid Semantic DOM 元数据。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import Grid from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var GridSemanticDemo = function GridSemanticDemo() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: '100%'
+    },
+    children: /*#__PURE__*/_jsxs(Grid, {
+      gutter: 16,
+      children: [/*#__PURE__*/_jsx(Grid, {
+        width: 1 / 3,
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            padding: 12,
+            background: '#e6f4ff',
+            textAlign: 'center',
+            borderRadius: 4
+          },
+          children: "1/3"
+        })
+      }), /*#__PURE__*/_jsx(Grid, {
+        width: 1 / 3,
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            padding: 12,
+            background: '#e6f4ff',
+            textAlign: 'center',
+            borderRadius: 4
+          },
+          children: "1/3"
+        })
+      }), /*#__PURE__*/_jsx(Grid, {
+        width: 1 / 3,
+        children: /*#__PURE__*/_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
+};
+export default gridSemantic;

package/esm/grid/interface.d.ts

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

package/esm/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/esm/image/image.semantic.js

@@ -0,0 +1,67 @@
+/**
+ * Image Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { Image } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ImageSemanticDemo = function ImageSemanticDemo() {
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      display: 'flex',
+      gap: 16
+    },
+    children: [/*#__PURE__*/_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__*/_jsx("div", {
+        style: {
+          textAlign: 'center',
+          lineHeight: '150px'
+        },
+        children: "Loading..."
+      })
+    }), /*#__PURE__*/_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
+};
+export default imageSemantic;

package/esm/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/esm/index.d.ts

@@ -1,6 +1,7 @@
 export { default as Alert } from './alert';
 export { default as Avatar } from './avatar';
 export { default as Badge } from './badge';
+export { default as BorderBeam } from './border-beam';
 export { default as Breadcrumb } from './breadcrumb';
 export { default as Button } from './button';
 export { default as Card } from './card';

package/esm/index.js

@@ -5,6 +5,7 @@
 export { default as Alert } from "./alert";
 export { default as Avatar } from "./avatar";
 export { default as Badge } from "./badge";
+export { default as BorderBeam } from "./border-beam";
 export { default as Breadcrumb } from "./breadcrumb";
 export { default as Button } from "./button";
 export { default as Card } from "./card";
@@ -64,5 +65,5 @@ export * from "./deprecated";
 import * as _TYPE from "./type";
 export { _TYPE as TYPE };
 export default {
-  version: '3.10.0-beta.2'
+  version: '3.10.0-beta.21'
 };

package/esm/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/esm/input/input.semantic.js

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

package/esm/link/interface.d.ts

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

package/esm/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/esm/link/link.semantic.js

@@ -0,0 +1,51 @@
+/**
+ * Link Semantic DOM 元数据。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import Link from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var LinkSemanticDemo = function LinkSemanticDemo() {
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      width: '100%',
+      display: 'flex',
+      gap: 24,
+      alignItems: 'center',
+      flexWrap: 'wrap'
+    },
+    children: [/*#__PURE__*/_jsx(Link, {
+      href: "#",
+      icon: true,
+      children: "Link with icon"
+    }), /*#__PURE__*/_jsx(Link, {
+      href: "#",
+      type: "secondary",
+      children: "Secondary"
+    }), /*#__PURE__*/_jsx(Link, {
+      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
+};
+export default linkSemantic;

package/esm/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/esm/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/esm/list/list.semantic.js

@@ -0,0 +1,56 @@
+/**
+ * List Semantic DOM 元数据。
+ *
+ * 文档站构建时通过 chunk 模板自动引入，渲染 Semantic tab。
+ *
+ * @see /docs/rfc/0001-semantic-dom.md
+ */
+import React from 'react';
+import { List } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var data = ['Item 1', 'Item 2', 'Item 3', 'Item 4'];
+var ListSemanticDemo = function ListSemanticDemo() {
+  return /*#__PURE__*/_jsx(List, {
+    keygen: function keygen(d) {
+      return d;
+    },
+    data: data,
+    bordered: true,
+    renderItem: function renderItem(d) {
+      return d;
+    },
+    footer: /*#__PURE__*/_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
+};
+export default listSemantic;

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