田强 / qx-common · Files

选人组件

/**
 * debug: true
 */
import { QxUserSelector } from '@qx/common';
import React from 'react';
import { request } from '@qx/common';

export default () => {
  return (
    <div>
        <QxUserSelector request={request} />

      <br />
        <QxUserSelector
            request={request}
            params={{
                org: [{ relType: 'APPOINT_ORG', relIds: [''] }],
                pos: null,
                range: [
                    'ORG:MubDrwZm8IMxuLDU9FM',
                    'ORG:a0WZVI96GAdoI5g9IwX',
                    'ORG:QPLEku2yJU8hmbpLTtg',
                ],
            }}
        />
      <br />
      <QxUserSelector
        readOnly
        value={['1212']}
        defaultData={[{ id: '1212', name: '邢晴晴' }]}
        request={request}
      />
    </div>
  );
};

弹框

/**
 * debug: true
 */
import {QxUserSelector} from '@qx/common';
import React, {useState} from 'react';
import {request} from '@qx/common';

export default () => {
    const [visible, setVisible] = useState(false)
    return (
        <div>
            <div onClick={()=> setVisible(true)}>点一下</div>
            <QxUserSelector.Dialog
                request={request}
                title={'添加人员'}
                visible={visible}
                multiple={true}
                onOk={(userIds: any) => {
                    console.log(userIds,'lllll')
                }}
                onCancel={() => {
                    setVisible(false);
                }}
            />
        </div>
    );
};

API

参数	说明	类型	默认值
onChange	选的人变化时的回调	function(value)	-
defaultValue	默认值	string[]	-
disabled	禁用	bool	-
multiple	是否多选	bool	-
max	最多选几个，ps：没有控制	number	-
readOnly	只读	bool	-
value		string[] \	string