un-config-visual

uniubi-config-visual

项目介绍

设备配置可视化项目，使用 formilyJS 搭建

开始开发

安装依赖

yarn add uniubi-config-visual --save
// or
npm i uniubi-config-visual --save

使用方式：

• 参数表

名称	解释	类型	其他
mockSchemaData	mock 数据源	Object	json schema 形式
ajaxUrl	组件内 ajax 地址，组件调用使用	Object
ajaxParams	组件内 ajax 需要的入参	Object
envValue	环境变量	String
editable	是否可编辑	Boolean	true 可编辑 false 不可编辑
value	回填数据	Object
rowKey	唯一值

---

• 按钮 buttonConfig

  目前支持三种按钮：提交、重置、自定义，按钮按需加载

名称	解释	类型
onSubmit	提交按钮的自定义方法，入参 value 可获取所有输入的值，当有提交按钮时必传	()=>void
buttonConfig	按钮配置数组，其中，type：类型，包含 submit、reset、selfDefined；word：按钮文字；handle：自定义方法	Array

---

举例：

const submit = (value) => {}

const cancel = () => {}

 <DeviceConfig
        mockSchemaData={configObj}
        ajaxUrl={{
          ossUrl: '/api/v1/signature',
          fireUrl: '/api/v2/web/device/setFireAlarm',
        }}
        ajaxParams={{
          deviceNo,
          projectGuid: props.projectGuid,
        }}
        envValue={process.env.OSS_ENV}
        editable={!disabled}
        onSubmit={onSubmit}
        value={configData}
        rowKey={source}
        buttonConfig={[
          {
            type: 'submit',
            word: '提交',
          },
          {
            type: 'reset',
            word: '重置',
          },
          {
            type: 'selfDefined',
            word: '自定义',
            handle: cancel,
          },
        ]}
      />

调试方法

• 进入/uniubi-config-visual，下文叫“外层“，执行yarn start

• 进入/uniubi-config-visual/example，下文叫”里层“,执行yarn start

• 修改外层代码，里层自动刷新，方便调试。