# @aligov/fr-comp-rich

> @aligov/components-dialog

Latest version **2.0.19** (published 2021-10-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @aligov/fr-comp-rich
pnpm add @aligov/fr-comp-rich
yarn add @aligov/fr-comp-rich
bun add @aligov/fr-comp-rich
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.19 |
| Published | 2021-10-26 |
| First published | 2021-10-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 7 |
| Unpacked size | 31.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | shenyu.wsy, liunian, tao1991123, itrip, xiazhiqiang, zhousufa, mo.zhou, guoliang.hgl, zwhu, daip, baizhao |
| Keywords | ice, react, component |

## Links

- npm: https://www.npmjs.com/package/@aligov/fr-comp-rich
- Homepage: https://unpkg.alibaba-inc.com/@ali/fr-comp-rich@2.0.19/build/index.html
- npm.io page: https://npm.io/package/@aligov/fr-comp-rich

## Dependencies (7)

- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
- [@alifd/next](https://npm.io/package/@alifd/next.md) ^1.16.6
- [braft-utils](https://npm.io/package/braft-utils.md) ^3.0.12
- [braft-editor](https://npm.io/package/braft-editor.md) ^2.3.9
- [@aligov/su-cai](https://npm.io/package/@aligov/su-cai.md) ^2.0.2
- [hoist-non-react-statics](https://npm.io/package/hoist-non-react-statics.md) ^3.3.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 2.0.19 (latest) — 2021-10-26

## README

# 数政dialog

@aligov/components-dialog

数政dialog，基于 Fusion Dialog 做定制，主要是对弹层宽度做了几个尺寸的限制，默认是 `medium`。

## API

| 参数名           | 说明                                               | 必填 | 类型                                      | 默认值 | 备注 |
| ------           | ----                                               | ---- | ----                                      | ------ | ---- |
| size             | 大小：'small' or 'medium' or 'large'               | 否   | string                                    | medium |      |
| hasFooterBorder  | 底部按钮上方是否有分隔线                           | 否   | boolean                                   | false  |      |
| okClickableDelay | 确定按钮可点击的延时，单位秒，整数                 | 否   | number                                    |        |      |
| okRender         | 确定按钮的渲染函数，主要配合 okClickableDelay 使用 | 否   | `(remainSeconds: number) => ReactElement` |        |      |
| className        | 自定义 class                                       | 否   | string                                    |        |      |
| style            | 自定义样式                                         | 否   | object                                    |        |      |

除了上面这些参数外，其他参数沿用 Fusion Dialog 的参数，用法也一致。

关于弹层标题以及底部按钮和主体内容之间的分隔线，组件内部不会主动添加，而是采用主题的设置。

`hasFooterBorder` 在主题的基础上，默认底部按钮上方分隔线会隐藏掉，只要在设为 `true` 后才会展示。用于主体内容有分页（如表格 + 分页）的场景。

`okClickableDelay` 和 `okRender` 搭配用来实现确定按钮需要等待指定秒数后才能点击的效果。

## 开发

开发阶段，如果需要在特定主题下看，先安装依赖（不要保存到 package.json 中），然后 bash 下使用 `theme=the-pkg npm start` 来运行，如 `theme=@alifd/theme-dev-test-only npm start`。

fish 下使用 `env theme=the-pkg npm start`。

## Todo

[ ] max height

---
_Source: https://npm.io/package/@aligov/fr-comp-rich · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._