# visualize-config

> hasan个人组件库

Latest version **0.0.1-beta.2** (published 2021-06-16) · ISC license · 0 weekly downloads

## Install

```sh
npm install visualize-config
pnpm add visualize-config
yarn add visualize-config
bun add visualize-config
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1-beta.2 |
| Published | 2021-06-16 |
| First published | 2021-05-25 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 9 |
| Unpacked size | 279.2 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| Author | huang |
| Maintainers | huangshouqing |
| Keywords | visualize-config |

## Links

- npm: https://www.npmjs.com/package/visualize-config
- npm.io page: https://npm.io/package/visualize-config

## Dependencies (9)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [dayjs](https://npm.io/package/dayjs.md) ^1.10.4
- [lodash](https://npm.io/package/lodash.md) ^4.17.20
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [echarts](https://npm.io/package/echarts.md) ^4.9.0
- [element-ui](https://npm.io/package/element-ui.md) ^2.14.1
- [@jiaminghi/charts](https://npm.io/package/@jiaminghi/charts.md) ^0.2.18
- [@jiaminghi/data-view](https://npm.io/package/@jiaminghi/data-view.md) ^2.10.0
- [element-resize-detector](https://npm.io/package/element-resize-detector.md) ^1.2.2

## Alternatives

- [jsforce](https://npm.io/package/jsforce.md) — 851.2K weekly downloads
- [react-native-qrcode-svg](https://npm.io/package/react-native-qrcode-svg.md) — 693.5K weekly downloads
- [@salesforce/plugin-data](https://npm.io/package/@salesforce/plugin-data.md) — 394.9K weekly downloads
- [@backstage/plugin-search-common](https://npm.io/package/@backstage/plugin-search-common.md) — 308.5K weekly downloads
- [@chain-registry/types](https://npm.io/package/@chain-registry/types.md) — 38.4K weekly downloads

## Recent versions

- 0.0.1-beta.2 (latest) — 2021-06-16
- 0.0.1-beta.1 — 2021-05-25

## README

# aifp_ui

## 如何添加config
```js
// 默认包含以下内容即可，这里的内容都会通过element传入组件，在组件内声明一个element来接收
const config = {
  // 组件名
  component: 'Map',
  // 组件在左侧列表的名字
  label: '地图',
  // 组件在左侧列表的图标
  icon: 'jindutiao',
  // 组件的样式，部分样式已内置，这里是额外添加的
  style: {
      width: 600,
      height: 600,
      backgroundColor: '',
  },
  // 组件props，可以使用，也可以选择不使用，使用的话，必须是一个json-schema，格式如下，默认会把所有参数传入组件
  props: {
      schemaOptions: {
          schema: {
              type: 'object',
              required: [],
              properties: {
                  title: {
                      title: '头部标题',
                      type: 'string',
                      'ui:options': {
                          placeholder: '请输入',
                      },
                  },
              },
              'ui:order': [
                  'title',
              ],
          },
          uiSchema: {},
          formFooter: {
              show: false,
          },
          formProps: {
              labelWidth: '100px',
              labelSuffix: '：',
          },
      },
      // 属性数据
      model: {
          title: '默认标题',
      },
 
  },
  // 拓展属性，任意添加
  extend:{
    
  }
}
export default config

```

---
_Source: https://npm.io/package/visualize-config · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._