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

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