@jay.kou/rak-ssr/es/SchemaForm/cases/field-props-form/index.js

A react based UI components for admin system

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { SchemaForm } from "../../..";
import { jsx as _jsx } from "react/jsx-runtime";
var columns = function columns() {
  return [{
    title: '客户',
    dataIndex: 'customer',
    valueType: 'select',
    fieldProps: function fieldProps(form) {
      return {
        open: true,
        placement: 'topLeft',
        options: [_defineProperty({
          label: 'A',
          value: '1',
          address: '无锡'
        }, 'data-testid', 'targetOption'), {
          label: 'B',
          value: '2',
          address: '山东'
        }],
        onChange: function onChange(val, option) {
          form.setFieldsValue({
            userId: '1',
            userName: '张三'
          });
        }
      };
    }
  }, {
    title: '用户',
    dataIndex: 'userId,userName',
    valueType: 'select',
    fieldProps: _defineProperty(_defineProperty({
      labelInValue: true,
      open: true,
      placement: 'bottomLeft',
      getPopupContainer: function getPopupContainer(node) {
        return node.parentNode;
      }
    }, 'data-testid', 'userCaseSelect'), "options", [_defineProperty({
      label: '张三',
      value: '1'
    }, 'data-testid', 'resultOption'), {
      label: '李四',
      value: '2'
    }])
  }];
};
export default function () {
  return /*#__PURE__*/_jsx("div", {
    children: /*#__PURE__*/_jsx(SchemaForm, {
      autoFocusFirstInput: false,
      columns: columns()
    })
  });
}