@luoluoyu/fluentui-plus 0.1.4 → 0.3.0

package/README.md

@@ -1,6 +1,6 @@
 # FluentUI Plus
 
-[![npm version](https://badge.fury.io/js/fluentui-plus.svg)](https://badge.fury.io/js/fluentui-plus)
+[![npm version](https://badge.fury.io/js/@luoluoyu%2Ffluentui-plus.svg)](https://badge.fury.io/js/@luoluoyu%2Ffluentui-plus)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
 基于 Fluent UI 的企业级组件库，专为中后台项目设计
@@ -18,27 +18,36 @@
 ## 📦 安装
 
 ```bash
-npm install fluentui-plus @fluentui/react-components
+npm install @luoluoyu/fluentui-plus @fluentui/react-components
 ```
 
 或者使用 yarn:
 
 ```bash
-yarn add fluentui-plus @fluentui/react-components
+yarn add @luoluoyu/fluentui-plus @fluentui/react-components
 ```
 
 ## 🔨 使用
 
 ```jsx
 import React from 'react';
-import { Button, Tag } from 'fluentui-plus';
+import { Tag, InputTag, Nav } from '@luoluoyu/fluentui-plus';
 // 样式会自动导入，无需手动引入
 
 function App() {
+  const navItems = [
+    { key: 'home', label: '首页', icon: '🏠', title: '首页' },
+    { key: 'components', label: '组件', icon: '📦', title: '组件' },
+  ];
+
   return (
     <div>
-      <Button variant='primary'>主要按钮</Button>
-      <Tag color='primary'>标签</Tag>
+      <Tag color='#1890ff'>蓝色标签</Tag>
+      <Tag.CheckableTag checked={true} onChange={checked => console.log(checked)}>
+        可选择标签
+      </Tag.CheckableTag>
+      <InputTag defaultValue={['React', 'TypeScript']} placeholder='输入标签...' maxTags={10} allowDuplicates={false} />
+      <Nav items={navItems} defaultSelectedKeys={['home']} onSelect={info => console.log('选择了:', info.key)} />
     </div>
   );
 }
@@ -50,7 +59,7 @@ function App() {
 
 ```less
 // your-theme.less
-@import '~fluentui-plus/lib/styles/variables.less';
+@import '~@luoluoyu/fluentui-plus/dist/styles/variables.less';
 
 // 覆盖品牌色
 @brand-primary: #your-brand-color;
@@ -62,20 +71,21 @@ function App() {
 你可以直接从主包按需引入组件（推荐方式，支持 tree-shaking）：
 
 ```jsx
-import { Button, Input } from 'fluentui-plus';
+import { Tag, InputTag, Nav } from '@luoluoyu/fluentui-plus';
 ```
 
 如果需要兼容某些工具链或自定义打包方式，也可以使用子路径导入：
 
 ```jsx
-import Button from 'fluentui-plus/lib/Button';
-import Input from 'fluentui-plus/lib/Input';
+import Tag from '@luoluoyu/fluentui-plus/lib/Tag';
+import InputTag from '@luoluoyu/fluentui-plus/lib/InputTag';
 ```
 
 ## 👥 开发指南
 
 如果你是团队成员或想要为项目贡献代码，请参考以下文档：
 
+- **[API 参考文档](./docs/API_REFERENCE.md)** - 详细的组件 API 文档和使用示例
 - **[开发规范与工作流指南](./docs/DEVELOPMENT_GUIDE.md)** - 详细的开发规范、提交规范和工作流说明
 - **[快速参考](./docs/QUICK_REFERENCE.md)** - 常用命令和规范的快速参考卡片
 - **[贡献指南](./docs/CONTRIBUTING.md)** - 如何参与项目贡献
@@ -109,7 +119,7 @@ git commit -m "fix(Button): resolve click event issue"
 
 - [📖 文档地址](https://your-docs-site.com)
 - [🐛 问题反馈](https://github.com/HuiruDong/fluentui-plus/issues)
-- [📦 NPM 包](https://www.npmjs.com/package/fluentui-plus)
+- [📦 NPM 包](https://www.npmjs.com/package/@luoluoyu/fluentui-plus)
 
 ## 🤝 参与贡献
 

package/dist/.storybook/decorators.d.ts

@@ -0,0 +1,14 @@
+import { Decorator } from '@storybook/react';
+/**
+ * FluentProvider 装饰器，为所有 Stories 提供统一的 Fluent UI 主题
+ * 支持浅色主题 (webLightTheme) 和深色主题 (webDarkTheme)
+ *
+ * 注意：MDX 文档文件会被跳过，不会应用 FluentProvider
+ */
+export declare const withFluentProvider: Decorator;
+/**
+ * 简化的 FluentProvider 装饰器（无额外样式）
+ * 默认使用浅色主题
+ */
+export declare const withFluentProviderSimple: Decorator;
+//# sourceMappingURL=decorators.d.ts.map

package/dist/.storybook/decorators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../.storybook/decorators.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAoBhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,SAItC,CAAC"}

package/dist/.storybook/main.d.ts

@@ -0,0 +1,4 @@
+import { StorybookConfig } from '@storybook/react-vite';
+declare const config: StorybookConfig;
+export default config;
+//# sourceMappingURL=main.d.ts.map

package/dist/.storybook/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../.storybook/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,QAAA,MAAM,MAAM,EAAE,eAab,CAAC;AACF,eAAe,MAAM,CAAC"}

package/dist/.storybook/preview.d.ts

@@ -0,0 +1,4 @@
+import { Preview } from '@storybook/react-vite';
+declare const preview: Preview;
+export default preview;
+//# sourceMappingURL=preview.d.ts.map

package/dist/.storybook/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../.storybook/preview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAGpD,QAAA,MAAM,OAAO,EAAE,OA2Bd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './components';
-//# sourceMappingURL=index.d.ts.map
+export * from './src/index'
+export {}