@pyramid-kit/component

SimpleTable

SimpleUpload

Form表单使用方式

import { SimpleUpload } from '@pyramid-kit/component';
<FormItem>
  {getFieldDecorator('image', {
              rules: [
                {required: true, message: '必传'}
              ]
            })(
              <SimpleUpload
                url={'https://www.mocky.io/v2/5cc8019d300000980a055e76'}
              />
  )}
</FormItem>

普通使用方式

const [urls, setUrls] = useState<string[]>([]);
<SimpleUpload
  onChange={(urls) => {setUrls(urls)}}
  url={'https://www.mocky.io/v2/5cc8019d300000980a055e76'}
/>

其他参数属性

可引入组件，点进去看它的描述文件，还有很多可配置属性

EnhanceTextArea

属性同 AntDesign TextArea，特性如下：

• 增加剩余字数显示

Form表单使用方式

<FormItem>
            {getFieldDecorator('search1')(
              <EnhanceTextArea />
            )}
</FormItem>

普通使用方式

const [value, setValue] = useState<string>('');
<EnhanceTextArea
  onChange={(v) => {setValue(v)}}
/>

FooterToolbar

底部工具条

使用方式

import {FooterToolbar} from '@pyramid-kit/component';
<FooterToolbar>
    <Button>提交</Button>
</FooterToolbar>

SimpleQuill

富文本编辑器

使用方式

import {SimpleQuill} from "@pyramid-kit/component";
<FormItem label="编辑内容">
          {getFieldDecorator(`content`, {
            initialValue: form.getFieldValue('content'),
            rules: [
              { required: true, message: '必填' },
            ],
          })(
            <SimpleQuill uploadFileName={'file'} uploadFileUrl={'/man-api/file/upload/img'} responseAnalysis={res => {
              return {url: 'https://obs-188a-b2c-test.obs.cn-south-1.myhuaweicloud.com' + res.data}
            }} />
          )}
</FormItem>