ukelli-ui/core/form-generator/form-options-demo.js

ukelli-ui 是基于 React 的 UI 库，提供简约和功能齐全的组件，可高度定制的组件接口，灵活的配置，提供给开发者另一种开发思路，也致力于尝试不同的组件使用和开发方向。

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var CustomerCom = function CustomerCom(_ref) {
  var onChange = _ref.onChange;
  // onChange 由 FormGenerator 提供
  return _react["default"].createElement("div", {
    onClick: function onClick(e) {
      return onChange('vvvvv');
    }
  }, "\u5185\u5BB9");
};

var formOptions = ['日期', {
  refs: ['startDate', 'endDate'],
  type: 'datetimeRange',
  enableTime: true,
  title: '日期1',
  tips: '123',
  defaultValue: []
}, {
  refs: ['startDate2', 'endDate2'],
  type: 'datetimeRange',
  title: '日期2',
  tips: '123',
  defaultValue: []
}, '选择器', {
  ref: 'ref1',
  type: 'radio',
  title: '单选控件',
  values: {
    value1: 'value1',
    value2: 'value2',
    value3: 'value3'
  }
}, {
  ref: 'ref_checkbox',
  type: 'checkbox',
  title: 'checkbox控件',
  values: {
    value1: 'value1',
    value2: 'value2',
    value3: 'value3'
  }
}, {
  ref: 'ref22',
  type: 'radio',
  title: '多选控件',
  isMultiple: true,
  values: {
    value1: 'value1',
    value2: 'value2',
    value3: 'value3'
  }
}, {
  ref: 'ref2',
  type: 'select',
  title: '选择控件',
  values: {
    value1: 'value1',
    value2: 'value2',
    value3: 'value3'
  }
}, {
  ref: 'switch',
  type: 'switch',
  title: '开关',
  defaultValue: true
}, '输入控制', {
  ref: 'textarea',
  type: 'textarea',
  defaultValue: '123',
  title: '文本'
}, {
  ref: 'captchCode',
  type: 'captcha',
  keyRef: 'captchKey',
  title: '验证码'
}, {
  ref: 'ref3',
  type: 'input',
  outputType: 'number',
  props: {
    type: 'number'
  },
  required: true,
  title: '选择控件',
  values: {
    value1: 'value1',
    value2: 'value2',
    value3: 'value3'
  }
}, {
  refs: ['s', 'e'],
  type: 'input-range',
  title: '范围',
  range: [0, 10]
}, {
  refu: {
    refuValue1: '选择1',
    refuValue2: '选择2',
    refuValue3: '选择3'
  },
  type: 'input-selector',
  title: '输入选择器, 等于多个输入框'
}, {
  ref: 'MainRef',
  refForS: 'RefForSelector',
  type: 'input-selector-s',
  defaultValueForS: 1,
  defaultValue: '123123',
  isNum: true,
  values: {
    1: '选择1',
    2: '选择2',
    3: '选择3'
  },
  title: '输入选择器, 分开输入和选择器两个标记'
}, '自定义组件', {
  ref: 'customer1',
  type: 'customForm',
  getCustomFormControl: function getCustomFormControl() {
    return {
      component: CustomerCom,
      props: {}
    };
  },
  title: '自定义的表单组件1',
  values: {
    value1: 'value1',
    value2: 'value2',
    value3: 'value3'
  }
}, {
  ref: 'customer2',
  type: 'customForm',
  getCustomFormControl: function getCustomFormControl() {
    return CustomerCom;
  },
  title: '自定义的表单组件2',
  values: {
    value1: 'value1',
    value2: 'value2',
    value3: 'value3'
  }
}];
var _default = formOptions;
exports["default"] = _default;