fan-standard-comp 4.1.51 → 4.1.52

package/README.md

@@ -19,4 +19,13 @@ $ yarn add fan-standard-comp
 ### 打包文档站点
  ```
 $ yarn docs:build:dumi
- ```
+ ```
+
+构建完成后，除 Dumi 文档站外，还会在产物中保留可直接访问的 Markdown 源文档和 AI 索引：
+
+```text
+doc-v4/docs/components/ButtonGroup.md
+doc-v4/llms.txt
+doc-v4/llms-full.txt
+doc-v4/ai/component-index.json
+```

package/ai/component-index.json

@@ -0,0 +1,269 @@
+{
+  "schemaVersion": "1.0.0",
+  "package": {
+    "name": "fan-standard-comp",
+    "majorVersion": 4,
+    "framework": "React",
+    "baseLibrary": "antd@5",
+    "importPattern": "import { ComponentName } from 'fan-standard-comp'"
+  },
+  "components": [
+    {
+      "name": "FanProvider",
+      "category": "global-config",
+      "summary": "为组件库提供语言、表单、筛选、表格和弹窗的全局默认配置。",
+      "source": "src/ConfigContext/index.ts",
+      "docs": "docs/components/FanProvider.md",
+      "relatedExports": ["FanContext", "FanDefaultConfig"]
+    },
+    {
+      "name": "Field",
+      "aliases": ["FieldComponent"],
+      "category": "form-control",
+      "summary": "通过 type 配置渲染输入、选择、日期、树选择、上传等基础控件。",
+      "source": "src/FormComp/FieldComponent/index.tsx",
+      "docs": "docs/components/Field.md",
+      "demos": ["src/FormComp/FieldComponent/demos/basic.tsx", "src/FormComp/FieldComponent/demos/fieldStatus.tsx", "src/FormComp/FieldComponent/demos/date.tsx", "src/FormComp/FieldComponent/demos/select.tsx", "src/FormComp/FieldComponent/demos/tree-select.tsx", "src/FormComp/FieldComponent/demos/custom.tsx", "src/FormComp/FieldComponent/demos/extend.tsx"]
+    },
+    {
+      "name": "ItemGroup",
+      "aliases": ["RenderItemGroup"],
+      "category": "form-layout",
+      "summary": "根据配置批量渲染表单项，并管理栅格、标签、尺寸和只读布局。",
+      "source": "src/FormComp/RenderItemGroup/index.tsx",
+      "docs": "docs/components/ItemGroup.md",
+      "demos": ["src/FormComp/RenderItemGroup/demos/basic.tsx", "src/FormComp/RenderItemGroup/demos/size.tsx", "src/FormComp/RenderItemGroup/demos/layout.tsx", "src/FormComp/RenderItemGroup/demos/formList.tsx"]
+    },
+    {
+      "name": "StandardForm",
+      "category": "form",
+      "summary": "通用配置化表单，提供表单项、操作按钮、校验和实例访问。",
+      "source": "src/StandardForm/index.tsx",
+      "docs": "docs/components/StandardForm.md",
+      "demos": ["src/StandardForm/demos/basic.tsx", "src/StandardForm/demos/fields.tsx"],
+      "relatedExports": ["StepForm", "TabForm"]
+    },
+    {
+      "name": "StepForm",
+      "category": "form",
+      "summary": "StandardForm 体系的分步表单。",
+      "source": "src/StandardForm/StepForm.tsx",
+      "docs": "docs/components/StandardForm.md",
+      "demos": ["src/StandardForm/demos/stepFormBasic.tsx"]
+    },
+    {
+      "name": "TabForm",
+      "category": "form",
+      "summary": "StandardForm 体系的分页签表单。",
+      "source": "src/StandardForm/TabForm.tsx",
+      "docs": "docs/components/StandardForm.md",
+      "demos": ["src/StandardForm/demos/tabFormBasic.tsx"]
+    },
+    {
+      "name": "StandardFilter",
+      "category": "filter",
+      "summary": "用于表格上方的配置化筛选栏，支持按钮组、展开折叠、布局和值转换。",
+      "source": "src/StandardFilter/index.tsx",
+      "docs": "docs/components/StandardFilter.md",
+      "demos": ["src/StandardFilter/demos/basic.tsx", "src/StandardFilter/demos/buttons.tsx", "src/StandardFilter/demos/layout.tsx", "src/StandardFilter/demos/collapseable.tsx", "src/StandardFilter/demos/transform.tsx"]
+    },
+    {
+      "name": "StandardTable",
+      "category": "data-display",
+      "summary": "封装操作列、行选择、按钮组和分页策略的通用表格。",
+      "source": "src/StandardTable/index.tsx",
+      "docs": "docs/components/StandardTable.md",
+      "demos": ["src/StandardTable/demos/basic.tsx", "src/StandardTable/demos/action.tsx", "src/StandardTable/demos/checkbox.tsx", "src/StandardTable/demos/config.tsx"]
+    },
+    {
+      "name": "StandardTablePro",
+      "category": "data-display",
+      "summary": "带接口请求、查询表单和 ref 操作的高阶表格。",
+      "source": "src/StandardTablePro/index.tsx",
+      "docs": "docs/components/StandardTablePro.md",
+      "demos": ["src/StandardTablePro/demos/basic.tsx", "src/StandardTablePro/demos/fetchData.tsx"]
+    },
+    {
+      "name": "StandardModal",
+      "category": "overlay",
+      "summary": "页面操作弹窗，可组合配置化表单、步骤表单、Tab 表单和自定义按钮。",
+      "source": "src/StandardModal/index.tsx",
+      "docs": "docs/components/StandardModal.md",
+      "demos": ["src/StandardModal/demos/basic.tsx", "src/StandardModal/demos/form.tsx", "src/StandardModal/demos/footer.tsx", "src/StandardModal/demos/stepForm.tsx", "src/StandardModal/demos/tabForm.tsx"]
+    },
+    {
+      "name": "StandardDrawer",
+      "category": "overlay",
+      "summary": "支持配置化表单、栅格布局和底部按钮的通用抽屉。",
+      "source": "src/StandardDrawer/index.tsx",
+      "docs": "docs/components/StandardDrawer.md",
+      "demos": ["src/StandardDrawer/demos/basic.tsx", "src/StandardDrawer/demos/form.tsx"]
+    },
+    {
+      "name": "StandardDragModal",
+      "category": "overlay",
+      "summary": "可拖拽弹窗；当前文档注明升级 Ant Design 后存在待修复问题。",
+      "status": "experimental",
+      "source": "src/StandardDragModal/Modal.tsx",
+      "docs": "docs/components/StandardDragModal.md",
+      "demos": ["src/StandardDragModal/demos/basic.tsx"]
+    },
+    {
+      "name": "ButtonGroup",
+      "category": "action",
+      "summary": "支持普通按钮、文本操作和表格操作列的权限按钮组。",
+      "source": "src/ButtonGroup/index.tsx",
+      "docs": "docs/components/ButtonGroup.md",
+      "demos": ["src/ButtonGroup/demos/basic.tsx", "src/ButtonGroup/demos/text.tsx", "src/ButtonGroup/demos/action.tsx"]
+    },
+    {
+      "name": "EditButton",
+      "category": "form-control",
+      "summary": "在按钮和输入保存状态间切换的编辑控件。",
+      "source": "src/FormComp/EditButton/index.tsx",
+      "docs": "docs/components/EditButton.md",
+      "demos": ["src/FormComp/EditButton/demos/basic.tsx"]
+    },
+    {
+      "name": "JsonInput",
+      "category": "form-control",
+      "summary": "JSON 输入和编辑控件，支持实时校验、格式化、压缩和只读预览。",
+      "source": "src/FormComp/JsonInput/index.tsx",
+      "docs": "docs/components/JsonInput.md",
+      "demos": ["src/FormComp/JsonInput/demos/basic.tsx"]
+    },
+    {
+      "name": "Uploader",
+      "category": "form-control",
+      "summary": "文件和图片上传控件，支持预览、数量限制、尺寸限制和裁剪。",
+      "source": "src/FormComp/Uploader/index.tsx",
+      "docs": "docs/components/Uploader.md",
+      "demos": ["src/FormComp/Uploader/demos/basic.tsx", "src/FormComp/Uploader/demos/image.tsx", "src/FormComp/Uploader/demos/limit.tsx", "src/FormComp/Uploader/demos/crop.tsx"]
+    },
+    {
+      "name": "VarTemplate",
+      "category": "form-control",
+      "summary": "用于编辑包含变量的模板内容。",
+      "source": "src/FormComp/VarTemplate/index.tsx",
+      "docs": "docs/components/VarTemplate.md",
+      "demos": ["src/FormComp/VarTemplate/demos/basic.tsx"]
+    },
+    {
+      "name": "StandardList",
+      "category": "data-display",
+      "summary": "通用列表，支持勾选和基于 dnd-kit 的拖拽排序。",
+      "source": "src/StandardList/index.tsx",
+      "docs": "docs/components/StandardList.md",
+      "demos": ["src/StandardList/demos/basic.tsx", "src/StandardList/demos/checkable.tsx", "src/StandardList/demos/dragSorting.tsx"]
+    },
+    {
+      "name": "RefactorTree",
+      "category": "navigation",
+      "summary": "常用于页面左侧的树形导航，支持搜索、根节点、禁用和选择限制。",
+      "source": "src/RefactorTree/index.tsx",
+      "docs": "docs/components/RefactortTree.md",
+      "demos": ["src/RefactorTree/demos/basic.tsx", "src/RefactorTree/demos/search.tsx", "src/RefactorTree/demos/disabled.tsx"]
+    },
+    {
+      "name": "NavLeafScroll",
+      "category": "navigation",
+      "summary": "可横向或纵向翻页滚动的菜单或列表。",
+      "source": "src/NavLeafScroll/index.tsx",
+      "docs": "docs/components/NavLeafScroll.md",
+      "demos": ["src/NavLeafScroll/demos/basic.tsx"]
+    },
+    {
+      "name": "WrapperContent",
+      "category": "layout",
+      "summary": "包含可选页头和页脚的页面外层内容容器。",
+      "source": "src/StandardContent/WrapperContent.tsx",
+      "docs": "docs/components/WrapperContent.md",
+      "demos": ["src/StandardContent/demos/wrapper.tsx", "src/StandardContent/demos/wrapperPage.tsx", "src/StandardContent/demos/wrapperFooter.tsx"]
+    },
+    {
+      "name": "SubfieldContent",
+      "category": "layout",
+      "summary": "包含可选标题区和底部区的分区内容容器。",
+      "source": "src/StandardContent/SubfieldContent.tsx",
+      "docs": "docs/components/SubfieldContent.md",
+      "demos": ["src/StandardContent/demos/subfield.tsx", "src/StandardContent/demos/subfieldFooter.tsx", "src/StandardContent/demos/subfieldTable.tsx"]
+    },
+    {
+      "name": "SideCard",
+      "category": "layout",
+      "summary": "用于 SubfieldContent 布局的侧边卡片。",
+      "source": "src/StandardContent/SideCard.tsx",
+      "docs": "docs/components/SideCard.md",
+      "demos": ["src/StandardContent/demos/sideCard.tsx"]
+    },
+    {
+      "name": "SplitterLayout",
+      "category": "layout",
+      "summary": "用于创建可分割的多区域布局。",
+      "source": "src/StandardContent/SplitterLayout/index.jsx",
+      "docs": "docs/components/SplitterLayout.md",
+      "demos": ["src/StandardContent/demos/splitter.tsx"]
+    },
+    {
+      "name": "DragContent",
+      "category": "layout",
+      "summary": "可从指定方向拉伸的内容容器；功能仍在完善中。",
+      "status": "experimental",
+      "source": "src/DragContent/index.tsx",
+      "docs": "docs/components/DragContent.md",
+      "demos": ["src/DragContent/demos/basic.tsx"]
+    },
+    {
+      "name": "StandardPanel",
+      "category": "layout",
+      "summary": "可组合标题、按钮、类别和标签的标准面板。",
+      "source": "src/StandardPanel/index.tsx",
+      "docs": "docs/components/StandardPanel.md",
+      "demos": ["src/StandardPanel/demos/basic.tsx", "src/StandardPanel/demos/buttons.tsx", "src/StandardPanel/demos/cates.tsx", "src/StandardPanel/demos/badges.tsx"]
+    },
+    {
+      "name": "StandardTitle",
+      "category": "typography",
+      "summary": "统一页面与内容区域标题样式的组件。",
+      "source": "src/StandardTitle/index.tsx",
+      "docs": "docs/components/StandardTitle.md",
+      "demos": ["src/StandardTitle/demos/basic.tsx"]
+    },
+    {
+      "name": "SpecIcon",
+      "category": "media",
+      "summary": "渲染组件库内置或业务扩展图标，支持前缀、尺寸和状态色。",
+      "source": "src/SpecIcon/index.tsx",
+      "docs": "docs/components/SpecIcon.md",
+      "demos": ["src/SpecIcon/demos/basic.tsx", "src/SpecIcon/demos/prefix.tsx", "src/SpecIcon/demos/status.tsx"]
+    },
+    {
+      "name": "ImageGallery",
+      "category": "media",
+      "summary": "基于 lightgallery 的图片画廊，可使用 children 或 items 提供图片。",
+      "source": "src/ImageGallery/index.tsx",
+      "docs": "docs/components/ImageGallery.md",
+      "relatedExports": ["ImagePreview"]
+    },
+    {
+      "name": "ImagePreview",
+      "category": "media",
+      "summary": "支持 body 浮层或行内模式的图集预览。",
+      "source": "src/ImageGallery/ImagePreview.tsx",
+      "docs": "docs/components/ImageGallery.md",
+      "demos": ["src/ImageGallery/demos/images.tsx", "src/ImageGallery/demos/preview.tsx"]
+    },
+    {
+      "name": "IconNode",
+      "category": "internal-primitive",
+      "summary": "将图标配置转换为可渲染节点的基础组件。",
+      "source": "src/components/IconNode/index.tsx",
+      "docs": null
+    }
+  ],
+  "notes": [
+    "components 仅收录 src/index.ts 通过包根路径公开导出的 React 组件与 Provider。",
+    "docs 为 null 表示当前没有独立使用文档。",
+    "公开组件的使用文档统一位于 docs/components，并随 npm 包发布。"
+  ]
+}

package/ai/templates/AGENTS.md

@@ -0,0 +1,83 @@
+# AGENTS.md
+
+## fan-standard-comp 使用规范
+
+本项目使用 `fan-standard-comp@4.x` 作为主要业务组件库。该组件库基于 React 18 和 Ant Design 5。
+
+开发或修改页面、表单、表格、筛选器、弹窗、抽屉以及页面布局时，应优先复用 `fan-standard-comp` 已提供的组件，不要重复实现相同能力。
+
+### 组件资料读取顺序
+
+优先读取当前安装版本中的资料：
+
+1. `node_modules/fan-standard-comp/llms.txt`
+2. `node_modules/fan-standard-comp/ai/component-index.json`
+3. 索引中 `docs` 字段指向的组件文档
+4. 必要时读取 `node_modules/fan-standard-comp/llms-full.txt`
+
+如果当前环境无法访问 `node_modules`，再读取在线文档：
+
+1. `http://47.113.227.251:1203/doc-v4/llms.txt`
+2. `http://47.113.227.251:1203/doc-v4/ai/component-index.json`
+3. `http://47.113.227.251:1203/doc-v4/llms-full.txt`
+
+使用在线资料时，应确认其内容与项目安装的 `fan-standard-comp` 版本一致；若版本不一致，以本地 npm 包内文档和类型声明为准。
+
+不要在任务开始时加载全部文档。先通过 `component-index.json` 按用途定位组件，再读取对应文档。
+
+### 组件选择原则
+
+- 基础表单控件优先使用 `Field`。
+- 配置化表单项和栅格布局优先使用 `ItemGroup`。
+- 普通表单优先使用 `StandardForm`。
+- 分步表单使用 `StepForm`，分页签表单使用 `TabForm`。
+- 查询条件区域优先使用 `StandardFilter`。
+- 普通业务表格优先使用 `StandardTable`。
+- 需要接口请求、查询条件或实例操作的表格优先使用 `StandardTablePro`。
+- 操作弹窗优先使用 `StandardModal`，侧边操作面板使用 `StandardDrawer`。
+- 页面内容结构优先复用 `WrapperContent`、`SubfieldContent`、`SideCard` 和 `SplitterLayout`。
+- 权限按钮组和表格操作列优先使用 `ButtonGroup`。
+- 文件或图片上传优先使用 `Uploader`。
+- 不要仅因为熟悉 Ant Design，就绕过组件库重新组合一套相同业务能力。
+
+### 导入规范
+
+组件统一从包根路径导入：
+
+```tsx
+import {
+  Field,
+  ItemGroup,
+  StandardFilter,
+  StandardTable,
+  StandardModal,
+} from 'fan-standard-comp';
+```
+
+除非包根路径没有公开导出，否则不要从 `fan-standard-comp/es/...` 或 `fan-standard-comp/lib/...` 深层导入。
+
+注意以下导出别名：
+
+- `FieldComponent` 与 `Field` 指向同一组件，新增代码优先使用 `Field`。
+- `RenderItemGroup` 与 `ItemGroup` 指向同一组件，新增代码优先使用 `ItemGroup`。
+
+### 实现要求
+
+使用组件前应检查对应文档中的：
+
+- API 参数和默认值
+- 示例代码
+- 与 Ant Design 原始属性的关系
+- 全局 `FanProvider` 配置
+- 已知问题和版本限制
+
+配置化表单应尽量复用项目中现有的字段结构和转换逻辑，不要自行发明另一套字段协议。
+
+当文档、类型声明和现有代码不一致时：
+
+1. 优先参考当前安装版本的 TypeScript 声明。
+2. 再检查项目中已经正常运行的同类用法。
+3. 必要时检查组件实现源码。
+4. 不确定的行为应明确说明，不要猜测不存在的属性。
+
+修改完成后，应执行项目已有的类型检查、测试或构建命令。

package/docs/components/ButtonGroup.md

@@ -0,0 +1,101 @@
+---
+nav: 
+  title: 组件
+  order: 2
+group:
+ title: 其他
+ order: 3
+title: ButtonGroup
+order: 1
+toc: content
+---
+
+# ButtonGroup
+
+
+### 基本使用
+<code  src="../../src/ButtonGroup/demos/basic.tsx" ></code>
+
+
+
+### 文本按钮组
+文本按钮组用法，配置`type='text'`
+<code  src="../../src/ButtonGroup/demos/text.tsx" ></code>
+
+
+### 表格文本按钮组
+配置`type='action'`
+<code  src="../../src/ButtonGroup/demos/action.tsx" ></code>
+
+## API
+
+| 参数      | 说明                                      | 类型         | 默认值 | 参考值 |
+|----------|------------------------------------------|-------------|-------|-------|
+| type | 展示为按钮或文本 | String | button | 可选值 `button`,`text`, `action`(表格内使用）|
+| options | 按钮组列表，字段参考[options API](#options-api) |  Array<{ name: string, code: string, disabled?: boolean , isHide?: boolean }> | - |- |
+| codes | 功能权限数据，数组对象字段参考[codes API](#codes-api)| Array<{name: string, code: string,icon: string}> | - | - |
+| permissionCodes | 当前有权限的按钮code值组合 | Array | - | `["codeBtnDetail", "codeBtnDetail"]` |
+| min | 最小可展示按钮数量 | Number | 3 | 不得低于1(`type='action'`下最小数量为2） |
+| rowParams | 用于通用表格组件行数据参数传入 | Object<{text, record,rowIndex}> | - | - |
+| dropdownConfig | 下拉浮层相关配置(应用所有下拉菜单，优先级低于内部配置） | 参考官方dropdown API | - | - |
+| moreText | "更多"按钮显示的文本 | string| - | - |
+| moreIcon | "更多"按钮后面显示的图标，返回null则不显示 | ReactNode | - | - |
+| showTextIcon | `type='text'`时，是否显示图标 | Boolean |`false` | - |
+| size | `type='button'`时，可以配置默认按钮组大小 | Boolean | - | - |
+| className | 样式类 | string| - | - |
+| style | 行内样式 | Object | - | - |
+| unlimited | 是否不限制展示数量，配置为true时，min值将无效 | `Boolean` | false | - |
+| getValidButtons`v4.1.27` | 获取当前组件内有权限的按钮 | `(buttons, type)=>void` |  | - |
+
+### options API
+
+| 参数字段      | 说明  |   类型   |必选项| 参考值|
+|----------|------|-------------|------|------|
+| name | 名称 | `String` | 是 |- |
+| type | 设置按钮类型  | `String` | 否 | `primary`/`dashed`/`link` / `text` / `default`|
+| exName | 默认名称(优先级高于code与name配置值)  | `String` | 否 | 如果设置为`null`,则不显示名称(适用于code匹配到的情况下只显示对应图标的按钮）|
+| code | 指定按钮权限code | `String` | 否 | -|
+| isHide | 是否隐藏 | `Boolean/Function()`| 否 | 表格操作列的Function参数是(text,record,index) |
+| disabled | 是否禁用 | `Boolean/Function()` | 否 | 表格操作列的Function参数是(text,record,index) |
+| children | 是否显示成多级层级数据 | `Array`| 否 | 数据维度与options API一致 |
+| icon | 指定按钮图标 | `String/ReactNode/Array` | 否 |  字段参考[icon API](#icon-api)|
+| fn | 按钮点击事件 |`Function({...item, event, rowParams})` `Function(text, record, index, {event, ...item})`  | 否 | `type=action`参数会包含表格行与render对应的参数及最后一个参数内有event|
+| render | 默认渲染结构 |`ReactNode/Function()` | 否 | -|
+| confirmText | 配置点击显示气泡确认框标题 |`String/Function()` | 否 | 表格操作列的Function参数是(text,record,index)|
+| confirmConfig |  气泡确认框扩展配置，同官网API()| `Object`| 否 | onConfirm,onCancel在表格操作列的参数是(text,record,index,other)，优先级高于fn;title优先级高于confirmText;折叠在`更多`项内配置刚需要同时配置`rowParams.rowIndex`,否则浮层在点击后立即消失|
+| dropdownConfig | 下拉浮层相关配置(应用当前下拉菜单，优先级高于上层的配置） | 参考官方dropdown API | - | - |
+| moreIcon | 有`children`情况下，配置右侧的图标，返回null则不显示 | ReactNode | - | - |
+| labelStyle | 给文本(包括图标)单独配置样式 | Object | 否 |
+| labelClassname  | 给文本(包括图标)单独配置样式类 | String | 否 |
+| 其他 | [参考官网](https://ant.design/components/button-cn/#API) | Boolean | 否 |
+
+> 关于 confirmConfig
+>> `title` 类型可为string,或Function，【在表格列中参数为(text,record,index,other)】，优先级高于`confirmText`
+>
+>> `onConfirm`,气泡确认框“确定按钮事件”，，【在表格列中参数为(text,record,index,other)】，优先级高于`fn`
+>
+>> `onCancel`,气泡确认框“取消按钮事件”，，【在表格列中参数为(text,record,index,other)】
+>
+
+
+### codes API
+
+| 参数字段      | 说明  |   类型   |必选项| 参考值|
+|----------|------|-------------|------|------|
+| name |  名称 | String | 是 |- |
+| code | 指定按钮权限code | String |  是 | -|
+| icon | 图标名称 | String |  是 |-|
+
+
+#### icon API
+**1、@value `{String}`当表示为String,单个名称字符串 如'plus' ==> 结果渲染为'speci-plus'**
+* 说明1.当数据里面包含','则将区分两个参数,第一个参数代表图标类名前缀，第二个参数代表当前图标类名 ‘speci,plus’ ==> 结果SVG渲染名称为 'speci-plus'
+* 说明2.当数据里面包含','第一个参数为空或者为noPrefix，结构渲染为最后一个作为图标的名称，即',plus'或'noPrefix,plus' ==》 结果SVG渲染名称为 'plus'
+
+**2、 @value`{Array}`当表示为Array时，必须包含两个参数['speci','plus']**
+* 说明1.第一个参数代表图标类名前缀，第二个参数代表当前图标类名 => 结果渲染'speci-plus'
+* 说明2.如果第一个参数为'noPrefix'或空，则将不显示前缀值,即：['', 'spec-plus]或 ['noPrefix', 'spec-plus] => 结果渲染'speci-plus'
+
+**3、@value `{ReactNode}` 当表示为ReactNode时，则直接渲染**
+
+**4、@value `{null}` 当为null时，不渲染图标**

package/docs/components/ButtonGroupBeta.md

@@ -0,0 +1,19 @@
+---
+nav: 组件
+group: 
+ title: 测试
+ order: 13
+title: ButtonGroupBeta
+toc: content
+---
+
+# ButtonGroupBeta
+
+**antd-style用法**
+<code  src="../../src/ButtonGroupBeta/demos/basic.tsx" ></code>
+
+**@ant-design/cssinjs用法**
+<code  src="../../src/ButtonGroupBeta/demos/buttonA.tsx" ></code>
+
+**genStyleHook**
+<code  src="../../src/ButtonGroupBeta/demos/buttonB.tsx" ></code>

package/docs/components/CalendarCoordPicker.md

@@ -0,0 +1,22 @@
+---
+nav:
+ title: 组件
+ order: 2
+group:
+   title: 其他
+   order: 6
+title: CalendarCoordPicker
+order: 2
+---
+# CalendarCoordPicker 日历区块选择
+**功能未完善……**
+
+> 
+
+### 基本使用
+<code  src="../../src/CalendarCoordPicker/demos/basic.tsx"></code>
+
+## API
+| 参数      | 说明                                      | 类型         | 默认值 | 参考值 |
+|----------|------------------------------------------|-------------|-------|-------|
+| type | 选中范围 | String | - | 按序号`orderPick`，按坐标方向 `directPick` |

package/docs/components/DragContent.md

@@ -0,0 +1,33 @@
+---
+nav: 
+ title: 组件
+ order: 2
+group: 其他
+title: DragContent
+order: 3
+toc: content
+---
+
+# DragContent 可拉伸容器
+* 功能待完善
+
+> 用于可拉伸的页面容器
+
+## 代码演示
+
+### 基本使用
+<code title="基础用法"  src="../../src/DragContent/demos/basic.tsx" ></code>
+
+## API
+| 参数      | 说明                                      | 类型         | 默认值 | 参考值 |
+|----------|------------------------------------------|-------------|-------|-------|
+| direction | 设置需要拉动的位置数组 | Array | - | ['left','right','top','bottom'] |
+| style | 扩展样式 | Object | - |
+| className | 扩展样式类 | String | - |
+| moveMaxWidth | 拉动最大宽度 | Number | - |
+| moveMaxHeight | 拉动的最大高度 | Number | - |
+| dragMouseDown | 鼠标按下函数 | Function | - |
+| dragMouseMove | 鼠标移动函数 | Function | - |
+| dragMouseUp | 鼠标弹起函数 | Function | - |
+
+        

package/docs/components/EditButton.md

@@ -0,0 +1,28 @@
+---
+group:
+  title: 表单控件
+  order: 3
+title: EditButton
+toc: content
+---
+
+# EditButton 按钮输入框
+
+> 用于处理
+
+## 代码演示
+
+###  基本使用
+<code title="基础用法" src="../../src/FormComp/EditButton/demos/basic.tsx" ></code>
+
+## API
+| 参数      | 说明                                      | 类型         | 默认值 | 参考值 |
+|----------|------------------------------------------|-------------|-------|-------|
+| size | 控件尺寸| 同antd的Button与Input的size | middle |large/middle/small |
+| label |按钮显示的文本| String | - | -|
+| width |控件宽度| Number | 106 | |
+| icon |按钮上显示的图标| ReactNode | - | -|
+| disabled |禁用按钮| Boolean | - | -|
+| onChange/onSave |输入值更新事件 | Function(value) |  | - |
+| className |扩展样式类 | String |  | - |
+| style |扩展样式|Object|  | - |