initial commit

.github/workflows/pages.yml

@@ -0,0 +1,20 @@
+name: Build and Publish storybook to GitHub Pages
+
+on:
+  push:
+    branches:
+      - "master"
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+    - id: build-publish
+      uses: bitovi/[email protected]
+      with:
+        path: storybook-static

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+storybook-static

.storybook/main.js

@@ -0,0 +1,25 @@
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+
+  addons: [
+    "@storybook/addon-onboarding",
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions",
+    "@storybook/addon-mdx-gfm"
+  ],
+
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+
+  docs: {},
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript"
+  }
+};
+export default config;

.storybook/preview.js

@@ -0,0 +1,15 @@
+/** @type { import('@storybook/react').Preview } */
+const preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+
+  tags: ["autodocs"]
+};
+
+export default preview;

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 liu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,31 @@
+# Fluent UI React Components
+
+([中文](README.zh-cn.md)/**English**)
+
+A React component library styled with Fluent UI. Its styles and documentation are referenced from [microsoft/fluentui](react.fluentui.dev) and adapted for the features of [LCUI](https://gitee.com/lcui-dev/LCUI) and its development tools, making it suitable for LCUI applications.
+
+## Installation
+
+Download the code repository and copy the component directory from the `src` directory to your project directory. Then, use the `import` statement to include the components in your TSX source code.
+
+For example:
+
+```shell
+copy fluentui-react/src/button path/to/your/project/ui/components/
+```
+
+## Roadmap
+
+- [x] Button
+- [ ] Dialog
+- [ ] Checkbox
+- [ ] RadioGroup
+- [ ] ProgressBar
+- [ ] Rating
+- [ ] Spinner
+- [ ] Input
+- ...
+
+## License
+
+[MIT](./LICENSE)

README.zh-CN..md

@@ -0,0 +1,31 @@
+# Fluent UI React Components
+
+(**中文**/[English](README.md))
+
+Fluent UI 风格的 React 组件库，它的样式和文档都参考自 [microsoft/fluentui](react.fluentui.dev)，且针对 [LCUI](https://gitee.com/lcui-dev/LCUI) 及其开发工具的特性做了适配，适用于 LCUI 应用程序。
+
+## 安装
+
+下载代码库，复制 src 目录中的组件目录到你的项目目录内，之后在你的组件 tsx 源码中使用 import 语句引入组件。
+
+例如：
+
+```shell
+copy fluentui-react/src/button  path/to/your/project/ui/components/
+```
+
+## 路线图
+
+- [x] Button
+- [ ] Dialog
+- [ ] Checkbox
+- [ ] RadioGroup
+- [ ] ProgressBar
+- [ ] Rating
+- [ ] Spinner
+- [ ] Input
+- ...
+
+## 许可
+
+[MIT](./LICENSE)