JavaScript cmn-utils isFunctionの例

コード例 #1

ファイル: index.js プロジェクト: luyuanx2/dva-boot-admin

 componentDidMount() {
   const { visible, getContainer } = this.props;
   this.container = document.createElement('div');
   if ($$.isFunction(getContainer)) {
     const mountNode = getContainer(ReactDOM.findDOMNode(this));
     mountNode.appendChild(this.container);
   } else {
     document.body.appendChild(this.container);
   }
   this.toggle(visible);
 }

コード例 #2

ファイル: CheckboxForm.js プロジェクト: luyuanx2/dva-boot-admin

/**
 * 单选框
 */
export default ({
  form,
  name,
  dict = [],
  formFieldOptions = {},
  record,
  initialValue,
  rules,
  onChange,
  normalize,
  buttonStyle = 'solid',
  ...otherProps
}) => {
  const { getFieldDecorator } = form;

  let initval = initialValue;

  if (record) {
    initval = record[name];
  }

  // 如果存在初始值
  if (initval !== null && typeof initval !== 'undefined') {
    if ($$.isFunction(normalize)) {
      formFieldOptions.initialValue = normalize(initval);
    } else {
      formFieldOptions.initialValue = initval;
    }
  }

  // 如果有rules
  if (rules && rules.length) {
    formFieldOptions.rules = rules;
  }

  // 如果需要onChange
  if (typeof onChange === 'function') {
    formFieldOptions.onChange = e => onChange(form, e.target.value, e); // form, value
  }

  return getFieldDecorator(name, formFieldOptions)(
    <CheckboxGroup {...otherProps}>
      {dict.map((dic, i) => (
        <Checkbox key={dic.code} value={dic.code} title={dic.codeName}>
          {dic.codeName}
        </Checkbox>
      ))}
    </CheckboxGroup>
  );
};

コード例 #3

ファイル: AutoCompleteForm.js プロジェクト: luyuanx2/dva-boot-admin

export default ({
  form,
  name,
  formFieldOptions = {},
  record,
  initialValue,
  rules,
  onChange,
  dataSource,
  normalize,
  ...otherProps
}) => {
  const { getFieldDecorator } = form;

  let initval = initialValue;

  if (record) {
    initval = record[name];
  }

  // 如果存在初始值
  if (initval !== null && typeof initval !== 'undefined') {
    if ($$.isFunction(normalize)) {
      formFieldOptions.initialValue = normalize(initval);
    } else {
      formFieldOptions.initialValue = initval;
    }
  }

  // 如果有rules
  if (rules && rules.length) {
    formFieldOptions.rules = rules;
  }

  // 如果需要onChange
  if (typeof onChange === 'function') {
    formFieldOptions.onChange = (value, option) =>
      onChange(form, value, option); // form, value, option 选中的项
  }

  return getFieldDecorator(name, formFieldOptions)(
    <AutoCompleteControlled dataSource={dataSource} {...otherProps} />
  );
};

コード例 #4

ファイル: SelectForm.js プロジェクト: luyuanx2/dva-boot-admin

/**
 * 下拉菜单元件
 */
export default ({form, name, dict = [], formFieldOptions = {}, record, initialValue, rules, onChange, normalize, ...otherProps}) => {
  const { getFieldDecorator } = form;

  let initval = initialValue;
  
  if (record) {
    initval = record[name];
  }
  
  // 如果存在初始值
  if (initval !== null && typeof (initval) !== "undefined") {
    if ($$.isFunction(normalize)) {
      formFieldOptions.initialValue = normalize(initval);
    } else {
      formFieldOptions.initialValue = initval;
    }
  }

  // 如果有rules
  if (rules && rules.length) {
    formFieldOptions.rules = rules;
  }

  // 如果需要onChange
  if (typeof onChange === "function") {
    formFieldOptions.onChange = value => onChange(form, value); // form, value
  }

  return getFieldDecorator(name, formFieldOptions)(
    <Select {...otherProps}>
      {
        dict.map((dic, i) =>
          <Select.Option key={dic.code} value={dic.code} title={dic.codeName}>{dic.codeName}</Select.Option>
        )
      }
    </Select>
  );
};