0.1.17 • Published 6 months ago

un-config-visual v0.1.17

Weekly downloads
-
License
MIT
Repository
-
Last release
6 months ago

uniubi-config-visual

项目介绍

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

开始开发

安装依赖

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

使用方式：

  • 参数表
名称解释类型其他
mockSchemaDatamock 数据源Objectjson schema 形式
ajaxUrl组件内 ajax 地址，组件调用使用Object
ajaxParams组件内 ajax 需要的入参Object
envValue环境变量String
editable是否可编辑Booleantrue 可编辑 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

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

@formily/antd@formily/antd-components@uniubi/icons-reactantdaxioslodash-eslodash.isequalstyled-componentsxxx
@everything-registry/sub-chunk-3010un-processing-center
0.1.17

6 months ago