fan-standard-comp 3.1.2 → 3.1.4

package/lib/FormComp/FieldComponent/index.js

@@ -1,457 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/rate/style");
-
-var _rate = _interopRequireDefault(require("antd/es/rate"));
-
-require("antd/es/mentions/style");
-
-var _mentions = _interopRequireDefault(require("antd/es/mentions"));
-
-require("antd/es/slider/style");
-
-var _slider = _interopRequireDefault(require("antd/es/slider"));
-
-require("antd/es/switch/style");
-
-var _switch = _interopRequireDefault(require("antd/es/switch"));
-
-require("antd/es/cascader/style");
-
-var _cascader = _interopRequireDefault(require("antd/es/cascader"));
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-require("antd/es/time-picker/style");
-
-var _timePicker = _interopRequireDefault(require("antd/es/time-picker"));
-
-require("antd/es/radio/style");
-
-var _radio = _interopRequireDefault(require("antd/es/radio"));
-
-require("antd/es/checkbox/style");
-
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-
-require("antd/es/input-number/style");
-
-var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
-
-require("antd/es/date-picker/style");
-
-var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
-
-require("antd/es/select/style");
-
-var _select = _interopRequireDefault(require("antd/es/select"));
-
-require("antd/es/input/style");
-
-var _input = _interopRequireDefault(require("antd/es/input"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Uploader = _interopRequireDefault(require("../Uploader"));
-
-var _SpecIcon = _interopRequireDefault(require("../../SpecIcon"));
-
-var _RefactorTreeSelect = _interopRequireDefault(require("./RefactorTreeSelect.js"));
-
-var _setReadonlyValues = require("./setReadonlyValues.js");
-
-var _TitleNode = _interopRequireDefault(require("./TitleNode"));
-
-var _ReUpload = _interopRequireDefault(require("./ReUpload"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var TextArea = _input.default.TextArea,
-    Password = _input.default.Password;
-var Option = _select.default.Option;
-var RangePicker = _datePicker.default.RangePicker; // 表单组件类型
-
-var FieldComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var type = props.type,
-      _onChange = props.onChange,
-      value = props.value,
-      style = props.style,
-      placeholder = props.placeholder,
-      protoConfig = props.protoConfig,
-      _props$treeData = props.treeData,
-      treeData = _props$treeData === void 0 ? [] : _props$treeData,
-      filedName = props.filedName,
-      _props$selectOptionNa = props.selectOptionName,
-      selectOptionName = _props$selectOptionNa === void 0 ? {
-    value: 'value',
-    label: 'label',
-    disabled: 'disabled',
-    title: 'title'
-  } : _props$selectOptionNa,
-      fieldNames = props.fieldNames,
-      _props$treeOptionName = props.treeOptionName,
-      treeOptionName = _props$treeOptionName === void 0 ? {
-    title: 'title',
-    value: 'value',
-    children: 'children',
-    disabled: 'disabled'
-  } : _props$treeOptionName,
-      _props$fieldStatus = props.fieldStatus,
-      fieldStatus = _props$fieldStatus === void 0 ? 'default' : _props$fieldStatus,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'middle' : _props$size,
-      showFullLevel = props.showFullLevel,
-      separator = props.separator,
-      disabledFields = props.disabledFields,
-      selectOptionRender = props.selectOptionRender,
-      render = props.render;
-  var selectOptions = props.selectOptions;
-  var compContent;
-
-  if (selectOptionName && selectOptions) {
-    // 将传值的数据进行转换
-    selectOptions = selectOptions.map(function (item) {
-      return Object.assign(Object.assign({}, item), {
-        value: item[selectOptionName.value || 'value'],
-        label: item[selectOptionName.label || 'label'],
-        disabled: item[selectOptionName.disabled || 'disabled'],
-        title: item[selectOptionName.title || 'title']
-      });
-    });
-  }
-
-  var defaultProps = Object.assign({
-    style: style,
-    onChange: _onChange,
-    value: value,
-    render: render,
-    size: size,
-    ref: ref
-  }, protoConfig);
-
-  if (fieldStatus === 'disabled') {
-    defaultProps.disabled = true;
-  }
-
-  var sortLimitRule = {}; // 排序字段长度限制
-
-  if (filedName === 'sorts' || filedName === 'sort' || filedName === 'indexSort' || filedName === 'sorta' || filedName === 'categorySort') {
-    sortLimitRule = {
-      min: 0,
-      max: 999999999,
-      maxLength: 9
-    };
-  } // 设置纯展示模式下的“下拉树”控件返回值
-
-
-  var viewOnly = fieldStatus === 'viewOnly'; // 是否纯展示
-
-  switch (type) {
-    case 'input':
-      compContent = viewOnly ? value || '-' : /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
-        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
-        autoComplete: "off",
-        title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null,
-        maxLength: defaultProps.maxLength || 50
-      }, defaultProps));
-      break;
-
-    case 'password':
-      compContent = viewOnly ? value ? "\u25CF\u25CF\u25CF\u25CF\u25CF\u25CF" : '-' : /*#__PURE__*/_react.default.createElement(Password, Object.assign({
-        autoComplete: "off",
-        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
-        maxLength: defaultProps.maxLength || 50
-      }, defaultProps));
-      break;
-
-    case 'textarea':
-      compContent = viewOnly ? value || '-' : /*#__PURE__*/_react.default.createElement(TextArea, Object.assign({
-        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
-        maxLength: defaultProps.maxLength || 500,
-        title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null
-      }, defaultProps));
-      break;
-
-    case 'inputNumber':
-      compContent = viewOnly ? value || 0 : /*#__PURE__*/_react.default.createElement(_inputNumber.default, Object.assign({
-        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入数字'
-      }, sortLimitRule, defaultProps, {
-        style: Object.assign({
-          width: '120px'
-        }, defaultProps.style)
-      }));
-      break;
-
-    case 'select':
-      // 重置返回完整字段值
-      var resetResultOption = function resetResultOption(Option) {
-        if (!Option) return Option;
-        if (Array.isArray(Option)) return selectOptions.filter(function (childOpt) {
-          return Option.filter(function (optItem) {
-            return childOpt.value === optItem.value;
-          }).length > 0;
-        }); // 数据为数组
-
-        var extraParam = selectOptions.filter(function (childOpt) {
-          return childOpt.value === Option.value;
-        })[0];
-        return Object.assign(Object.assign({}, Option), extraParam);
-      };
-
-      compContent = viewOnly ? (0, _setReadonlyValues.setSelectValue)(value, {
-        selectOptions: selectOptions,
-        selectOptionRender: selectOptionRender,
-        defaultProps: defaultProps,
-        type: type
-      }) : /*#__PURE__*/_react.default.createElement(_select.default, Object.assign({
-        allowClear: true,
-        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || "".concat(defaultProps.showSearch ? '请输入选择' : '请选择'),
-        filterOption: function filterOption(inputValue, option) {
-          return defaultProps.showSearch ? option.children.toLowerCase().indexOf(inputValue.toLowerCase()) >= 0 : false;
-        },
-        value: value
-      }, defaultProps, {
-        // onChange返回参数：累加当前选中包括其他字段值的数据
-        onChange: function onChange(value, Option) {
-          return _onChange(value, resetResultOption(Option));
-        }
-      }), fieldNames ? null : selectOptions.map(function (val, index) {
-        return /*#__PURE__*/_react.default.createElement(Option, {
-          value: val.value,
-          key: val.value || index,
-          title: selectOptionRender ? selectOptionRender(val) : val.title || val.label,
-          disabled: val.disabled
-        }, selectOptionRender ? selectOptionRender(val) : val.label);
-      }));
-      break;
-
-    case 'tree-select':
-      compContent = /*#__PURE__*/_react.default.createElement(_RefactorTreeSelect.default, Object.assign({
-        treeData: treeData,
-        treeOptionName: treeOptionName,
-        allowClear: true,
-        separator: separator,
-        showFullLevel: showFullLevel,
-        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择',
-        protoTreeNode: protoConfig && protoConfig.TreeNode || {},
-        fieldStatus: fieldStatus,
-        disabledFields: disabledFields
-      }, defaultProps));
-      break;
-
-    case 'checkbox':
-      delete defaultProps.ref;
-      compContent = viewOnly ? (0, _setReadonlyValues.setSelectValue)(value, {
-        selectOptions: selectOptions,
-        selectOptionRender: selectOptionRender,
-        defaultProps: defaultProps,
-        separator: separator
-      }) : /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, Object.assign({}, defaultProps, {
-        style: Object.assign({
-          width: 'auto'
-        }, defaultProps.style)
-      }), selectOptions && selectOptions.map(function (val, index) {
-        return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
-          value: val.value,
-          key: val.value || index,
-          // @ts-ignore
-          title: /*#__PURE__*/_react.default.createElement(_TitleNode.default, {
-            render: selectOptionRender,
-            data: val
-          }),
-          // title={selectOptionRender ? selectOptionRender(val) : (val.title || val.label)}
-          disabled: val.disabled
-        }, selectOptionRender ? selectOptionRender(val) : val.label);
-      }));
-      break;
-
-    case 'radio':
-      delete defaultProps.ref;
-      compContent = viewOnly ? (0, _setReadonlyValues.setSelectValue)(value, {
-        selectOptions: selectOptions,
-        selectOptionRender: selectOptionRender,
-        defaultProps: defaultProps
-      }) : /*#__PURE__*/_react.default.createElement(_radio.default.Group, Object.assign({}, defaultProps, {
-        style: Object.assign({
-          width: 'auto'
-        }, defaultProps.style)
-      }), selectOptions && selectOptions.map(function (val, index) {
-        if (defaultProps.optionType === 'button') {
-          return /*#__PURE__*/_react.default.createElement(_radio.default.Button, {
-            value: val.value,
-            key: val.value || index,
-            // @ts-ignore
-            title: /*#__PURE__*/_react.default.createElement(_TitleNode.default, {
-              render: selectOptionRender,
-              data: val
-            }),
-            disabled: val.disabled
-          }, selectOptionRender ? selectOptionRender(val) : val.label);
-        }
-
-        return /*#__PURE__*/_react.default.createElement(_radio.default, {
-          value: val.value,
-          key: val.value,
-          // @ts-ignore
-          title: /*#__PURE__*/_react.default.createElement(_TitleNode.default, {
-            render: selectOptionRender,
-            data: val
-          }),
-          disabled: val.disabled
-        }, selectOptionRender ? selectOptionRender(val) : val.label);
-      }));
-      break;
-
-    case 'datePicker': // 使用配置 picker设置其属于week,month,year
-
-    case 'dateTimePicker':
-      compContent = viewOnly ? (0, _setReadonlyValues.setDatePickerValue)(value, {
-        type: type,
-        protoConfig: protoConfig
-      }) : /*#__PURE__*/_react.default.createElement(_datePicker.default, Object.assign({
-        showTime: defaultProps.showTime || type === 'dateTimePicker',
-        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
-      }, defaultProps, {
-        style: Object.assign({
-          'minWidth': 'auto'
-        }, defaultProps.style)
-      }));
-      break;
-
-    case 'rangePicker':
-    case 'rangeTimePicker':
-      if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时，placeHolder不显示
-
-      compContent = viewOnly ? (0, _setReadonlyValues.setDatePickerValue)(value, {
-        type: type,
-        protoConfig: protoConfig
-      }) : /*#__PURE__*/_react.default.createElement(RangePicker, Object.assign({
-        showTime: defaultProps.showTime || type === 'rangeTimePicker'
-      }, defaultProps, {
-        style: Object.assign({
-          width: type === 'rangeTimePicker' ? 'auto' : '100%'
-        }, defaultProps.style)
-      }));
-      break;
-
-    case 'timePicker':
-      if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时，placeHolder不显示
-
-      compContent = viewOnly ? (0, _setReadonlyValues.setTimePickerValue)(value, {
-        type: type,
-        protoConfig: protoConfig
-      }) : /*#__PURE__*/_react.default.createElement(_timePicker.default, Object.assign({}, defaultProps, {
-        style: Object.assign(Object.assign({
-          'minWidth': 'auto'
-        }, defaultProps.style), {
-          width: 'auto'
-        })
-      }));
-      break;
-
-    case 'timePickerRange':
-      if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时，placeHolder不显示
-      // @ts-ignore
-
-      compContent = viewOnly ? (0, _setReadonlyValues.setTimePickerValue)(value, {
-        type: type,
-        protoConfig: protoConfig
-      }) : /*#__PURE__*/_react.default.createElement(_timePicker.default.RangePicker, Object.assign({}, defaultProps, {
-        style: Object.assign(Object.assign({
-          'minWidth': 'auto'
-        }, defaultProps.style), {
-          width: 'auto'
-        })
-      }));
-      break;
-
-    case 'upload':
-      compContent = viewOnly && (!value || value.length === 0) ? '-' : /*#__PURE__*/_react.default.createElement(_ReUpload.default, Object.assign({}, defaultProps, {
-        viewOnly: viewOnly,
-        disabled: viewOnly || fieldStatus === 'disabled' || defaultProps.disabled
-      }), defaultProps.children ? defaultProps.children : defaultProps.fileList && defaultProps.fileList.length >= 1 || defaultProps.defaultFileList && defaultProps.defaultFileList.length >= 1 ? null : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, defaultProps.listType === 'picture-card' ? /*#__PURE__*/_react.default.createElement("div", {
-        className: 'spec-uploader-control'
-      }, /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
-        name: "plus"
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "ant-upload-text"
-      }, "\u70B9\u51FB\u9009\u62E9")) : /*#__PURE__*/_react.default.createElement(_button.default, null, /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
-        name: "upload"
-      }), " \u70B9\u51FB\u4E0A\u4F20")));
-      break;
-
-    case 'uploader':
-      compContent = viewOnly ? (0, _setReadonlyValues.setUploaderValue)(value) : /*#__PURE__*/_react.default.createElement(_Uploader.default, Object.assign({}, defaultProps, {
-        size: protoConfig === null || protoConfig === void 0 ? void 0 : protoConfig.size
-      })); // compContent = <Uploader {...defaultProps}></Uploader>
-
-      break;
-
-    case 'cascader':
-      compContent = viewOnly ? (0, _setReadonlyValues.setCascaderValue)(value, {
-        selectOptions: selectOptions,
-        selectOptionRender: selectOptionRender,
-        defaultProps: defaultProps
-      }) : /*#__PURE__*/_react.default.createElement(_cascader.default, Object.assign({
-        options: selectOptions,
-        allowClear: true,
-        fieldNames: fieldNames || selectOptionName,
-        placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
-      }, defaultProps));
-      break;
-
-    case 'switch':
-      compContent = /*#__PURE__*/_react.default.createElement(_switch.default, Object.assign({}, defaultProps, {
-        disabled: viewOnly || defaultProps.disabled,
-        checked: value,
-        style: Object.assign(Object.assign({}, defaultProps.style), {
-          width: 'auto'
-        })
-      })); // compContent = viewOnly ? (String(value) === 'undefined' ? '-' : String(value)) : (<Switch {...defaultProps} checked={value} style={{ ...defaultProps.style, width: 'auto' }} />)
-
-      break;
-
-    case 'slider':
-      compContent = viewOnly ? value : /*#__PURE__*/_react.default.createElement(_slider.default, Object.assign({}, defaultProps, {
-        style: Object.assign({}, defaultProps.style)
-      }));
-      break;
-
-    case 'mentions':
-      compContent = viewOnly ? value : /*#__PURE__*/_react.default.createElement(_mentions.default, Object.assign({
-        placeholder: "\u8BF7\u8F93\u5165 ".concat(defaultProps.prefix || '@', " \u9009\u62E9")
-      }, defaultProps), selectOptions.map(function (val, index) {
-        return /*#__PURE__*/_react.default.createElement(Option, {
-          value: val.value || index,
-          key: val.value
-        }, selectOptionRender ? selectOptionRender(val) : val.label);
-      }));
-      break;
-
-    case 'rate':
-      compContent = /*#__PURE__*/_react.default.createElement(_rate.default, Object.assign({
-        disabled: viewOnly || defaultProps.disabled
-      }, defaultProps));
-      break;
-
-    case 'custom':
-      compContent = defaultProps.render && defaultProps.render(props) || defaultProps.customRender && defaultProps.customRender(props) || null;
-      break;
-
-    default:
-      compContent = value;
-      break;
-  }
-
-  return compContent;
-});
-
-var _default = FieldComponent;
-exports.default = _default;