ns-base-module 1.0.0

package/dist/Entry/EntryItem.js

@@ -0,0 +1,757 @@
+var _excluded = ["type", "valueEnum", "src", "width", "api", "changeApi", "parentKey", "async", "params", "code", "menuCode", "relationField", "formValues", "requestParams", "onSelectObject", "onJump", "onOpen", "onSetResult", "onCover", "onChangeSearch", "onPlay", "emit", "form", "record", "dispatch", "pageChangeApi", "label_", "onSetPageResult", "dispatchType", "onComputeExp"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useState, useEffect } from 'react';
+import Input from "./components/Input";
+import InputNumber from "./components/InputNumber";
+import InputNumberRange from "./components/InputNumberRange";
+import Select from "./components/Select";
+import Switch from "./components/Switch";
+import Progress from "./components/Progress";
+import DatePicker from "./components/DatePicker";
+import TagsDatePicker from "./components/TagsDatePicker";
+import TimePicker from "./components/TimePicker";
+import Checkbox from "./components/Checkbox";
+import Radio from "./components/Radio";
+import TreeSelect from "./components/TreeSelect";
+import Condition from "./components/Condition";
+import { UploadImage, UploadFile } from '@/components/Upload';
+import { ImageGroup } from '@/components/Image';
+import Cron from '@/components/Cron';
+import Editor, { EditorPreview, EditorModal } from '@/components/WangEditor';
+import Link from '@/components/Link';
+import FormTable from '@/components/v2/Table/FormTable';
+import ColorPicker from '@/components/ColorPicker';
+import Tag from '@/components/Tag';
+import Tags from '@/components/Tags';
+import ReactJson from 'react-json-view';
+import { TimelineModal, TableEditableModal } from '@/components/v2/Modal';
+import ListSelect from "./components/ListSelect";
+import ObjectSelect from "./components/ObjectSelect";
+import AceEditor from '@/components/AceEditor';
+import { AceTable } from '@/components/v2/Table';
+import Tree from '@/components/Tree';
+import Express from "./components/Express";
+import Steps from '@/components/Steps';
+import QRCode from '@/components/QRCode';
+import Barcode from '@/components/Barcode';
+import GroupInput from "./components/GroupInput";
+import ChooseModalTable from "./components/ChooseModalTable";
+import Etable2Modal from "./components/Etable2Modal";
+import ImageText from "./components/ImageText";
+import { MoreOutlined } from '@ant-design/icons';
+import moment from 'moment';
+import { getAsyncSelectOptions, queryAsyncApi } from '@/services/config';
+import { EntryType } from "./data.d";
+import { formatData } from '@/utils/utils';
+import { message } from 'antd';
+import { useHistory, useLocation, useParams } from 'umi';
+import { isArray, isFunction, isString } from 'lodash';
+var RangePicker = DatePicker.RangePicker;
+var TextArea = Input.TextArea,
+  TextAreaBlur = Input.TextAreaBlur,
+  Password = Input.Password,
+  Search = Input.Search;
+var Option = Select.Option;
+var CheckboxGroup = Checkbox.Group;
+var datePickerFormat = 'YYYY-MM-DD';
+var dateTimePickerFormat = 'YYYY-MM-DD HH:mm:ss';
+var timePickerFormat = 'HH:mm:ss';
+var EntryItem = function EntryItem(_ref) {
+  var _useLocation, _props$value2, _props$entryAttr, _props$renderEntryAtt;
+  var type = _ref.type,
+    _ref$valueEnum = _ref.valueEnum,
+    valueEnum = _ref$valueEnum === void 0 ? [] : _ref$valueEnum,
+    src = _ref.src,
+    width = _ref.width,
+    api = _ref.api,
+    changeApi = _ref.changeApi,
+    parentKey = _ref.parentKey,
+    _ref$async = _ref.async,
+    async = _ref$async === void 0 ? false : _ref$async,
+    params = _ref.params,
+    code = _ref.code,
+    menuCode = _ref.menuCode,
+    relationField = _ref.relationField,
+    formValues = _ref.formValues,
+    requestParams = _ref.requestParams,
+    onSelectObject = _ref.onSelectObject,
+    onJump = _ref.onJump,
+    onOpen = _ref.onOpen,
+    onSetResult = _ref.onSetResult,
+    onCover = _ref.onCover,
+    onChangeSearch = _ref.onChangeSearch,
+    onPlay = _ref.onPlay,
+    emit = _ref.emit,
+    form = _ref.form,
+    record = _ref.record,
+    dispatch = _ref.dispatch,
+    pageChangeApi = _ref.pageChangeApi,
+    label_ = _ref.label_,
+    onSetPageResult = _ref.onSetPageResult,
+    dispatchType = _ref.dispatchType,
+    onComputeExp = _ref.onComputeExp,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var history = useHistory();
+  // console.log(params);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  // const [inputValue, setInputValue] = useState<any>(props.value);
+
+  // useEffect(() => {
+  //   console.log('props.valueprops.value', props.value);
+  //   if (props.value) {
+  //     setInputValue(props.value);
+  //   }
+  // }, [props.value]);
+
+  var _useParams = useParams(),
+    formTemplateCode = _useParams.formTemplateCode,
+    id = _useParams.id;
+  var path = (_useLocation = useLocation()) === null || _useLocation === void 0 ? void 0 : _useLocation.pathname;
+  useEffect(function () {
+    if (type == EntryType.Select || type == EntryType.ObjectSelect) {
+      // console.log(!!async && !!parentKey && !!api);
+      // console.log(type);
+
+      // console.log(async, 'async');
+      // console.log(parentKey, 'parentKey');
+      // console.log(api, 'api');
+      // console.log(props.value, 'value');
+
+      if (!!async && !!parentKey && !!api) {
+        getAsyncSelectOptions({
+          api: api,
+          params: params,
+          parentKey: parentKey,
+          code: code,
+          menuCode: menuCode
+        }).then(function (res) {
+          if ((res === null || res === void 0 ? void 0 : res.code) == 200) {
+            var _res$data;
+            setOptions((res === null || res === void 0 ? void 0 : res.data) || []);
+            // console.log(props.value, 'value');
+            // console.log(res.data);
+            var findItem = (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.find(function (fd) {
+              return fd.value == props.value;
+            });
+            if (!findItem && options.length) {
+              var _props$onChange;
+              // console.log(options, 'wqkl');
+
+              props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, null);
+            }
+            // if (options.length) props?.onChange?.(null);
+          }
+        });
+        return;
+      }
+      setOptions([]);
+    }
+  }, [params]);
+  var onChangeDatePicker = function onChangeDatePicker(value, dateString) {
+    // console.log(value, dateString);
+    onComputeExp === null || onComputeExp === void 0 || onComputeExp(dateString);
+    props === null || props === void 0 || props.onChange(dateString);
+  };
+  var onChangeRangePicker = function onChangeRangePicker(value, dateString) {
+    // console.log(value, dateString);
+    props === null || props === void 0 || props.onChange(value ? dateString : value);
+  };
+  var onChangeTimePicker = function onChangeTimePicker(value, dateString) {
+    // console.log(value, dateString);
+    props === null || props === void 0 || props.onChange(dateString);
+  };
+  var onSearch = function onSearch(value) {
+    if (api && onChangeSearch && code) {
+      onChangeSearch(api, _objectSpread(_objectSpread({}, formValues !== null && formValues !== void 0 ? formValues : {}), {}, _defineProperty({}, code, value)));
+      return;
+    }
+    if (api && onSetResult && code) queryAsyncApi(api, {
+      method: 'post',
+      data: _defineProperty({}, code, value)
+    }).then(function (res) {
+      if (res !== null && res !== void 0 && res.isPlay) {
+        onPlay === null || onPlay === void 0 || onPlay((res === null || res === void 0 ? void 0 : res.code) == 200 ? true : false);
+      }
+      if ((res === null || res === void 0 ? void 0 : res.code) == 200) {
+        onSetResult(res === null || res === void 0 ? void 0 : res.data);
+        return;
+      }
+      message.error(res === null || res === void 0 ? void 0 : res.msg);
+    });
+  };
+  var onAllSearch = function onAllSearch() {
+    if (api && onChangeSearch && code) {
+      onChangeSearch(api, _objectSpread({}, formValues !== null && formValues !== void 0 ? formValues : {}));
+      return;
+    }
+    if (api && onSetResult) queryAsyncApi(api, {
+      method: 'post',
+      data: formValues
+    }).then(function (res) {
+      if (res !== null && res !== void 0 && res.isPlay) {
+        onPlay === null || onPlay === void 0 || onPlay((res === null || res === void 0 ? void 0 : res.code) == 200 ? true : false);
+      }
+      if ((res === null || res === void 0 ? void 0 : res.code) == 200) {
+        onSetResult(res === null || res === void 0 ? void 0 : res.data);
+        return;
+      }
+      message.error(res === null || res === void 0 ? void 0 : res.msg);
+    });
+  };
+  var onChangeSelect = function onChangeSelect(value) {
+    if (emit) {
+      // console.log('emit,emit,emit');
+      // history.replace({ search: `emitKey=${code}&emitValue=${value}` });
+
+      window.history.replaceState(null, '', "/#".concat(history.location.pathname, "?&emitKey=").concat(code, "&emitValue=").concat(value));
+      setTimeout(function () {
+        window.nsForm = form;
+        var FormValue = window.nsForm && window.nsForm.getFieldsValue();
+        try {
+          dispatch({
+            type: dispatchType || 'order/fetchConfig',
+            payload: {
+              menuCode: menuCode,
+              formTemplateCode: formTemplateCode,
+              data: _objectSpread(_objectSpread({
+                path: path,
+                id: id
+              }, form.getFieldsValue()), {}, {
+                type: value
+              })
+            }
+          }).then(function (res) {
+            if (res !== null && res !== void 0 && res.backRelease) window.onpopstate = function () {
+              dispatch({
+                type: 'global/leaveForm',
+                payload: {
+                  menuCode: menuCode,
+                  id: id
+                }
+              });
+            };
+          });
+        } catch (error) {}
+      });
+    }
+    if (!changeApi || changeApi == '') {
+      if (pageChangeApi && pageChangeApi != '' && isFunction(onSetPageResult)) {
+        setTimeout(function () {
+          var _props$onChange2;
+          props === null || props === void 0 || (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, value);
+          onSetPageResult({
+            pageChangeApi: pageChangeApi
+          });
+        }, 50);
+      } else {
+        var _props$onChange3;
+        props === null || props === void 0 || (_props$onChange3 = props.onChange) === null || _props$onChange3 === void 0 || _props$onChange3.call(props, value);
+      }
+      return;
+    }
+    if (!!code && !!onSetResult) {
+      // console.log('onSetResultonSetResultonSetResultonSetResult');
+
+      queryAsyncApi(changeApi, {
+        method: 'post',
+        data: _objectSpread(_objectSpread({}, formValues), {}, _defineProperty({}, code, value))
+      }).then(function (res) {
+        if ((res === null || res === void 0 ? void 0 : res.code) == 200) {
+          onSetResult(res === null || res === void 0 ? void 0 : res.data);
+          return;
+        }
+        message.error(res === null || res === void 0 ? void 0 : res.msg);
+      });
+      // console.log('emitkey', emit);
+    }
+  };
+  // current_field_code，current_field_val，current_field_name
+  var urlColumnParam = function urlColumnParam(_ref2) {
+    var param = _ref2.param,
+      url = _ref2.url;
+    if (!url) {
+      return url;
+    }
+    return url.replace('#(currentFieldCode)#', param.currentFieldCode).replace('#(currentFieldVal)#', param.currentFieldVal).replace('#(currentFieldName)', param.currentFieldName);
+  };
+
+  // ChooseModal 弹框选择 赋值表单值
+  var onSelectSubmitListSelect = function onSelectSubmitListSelect(values) {
+    var _props$onChange4, _props$onSelectSubmit;
+    var _values = isArray(values) ? values[0] : values;
+    var _value = props.valueKey ? _values[props.valueKey] : props.id && _values[props.id] ? _values[props.id] : _values.code;
+    props === null || props === void 0 || (_props$onChange4 = props.onChange) === null || _props$onChange4 === void 0 || _props$onChange4.call(props, _value);
+
+    // 兼容旧业务
+    (_props$onSelectSubmit = props.onSelectSubmit) === null || _props$onSelectSubmit === void 0 || _props$onSelectSubmit.call(props, _values);
+  };
+  // 选择弹框 删除input值
+  var clearForm = function clearForm() {
+    var _props$onChange5;
+    props === null || props === void 0 || (_props$onChange5 = props.onChange) === null || _props$onChange5 === void 0 || _props$onChange5.call(props, '');
+
+    // 选择模板 需清空模板name
+    if (props.id === 'formTemplateCode') {
+      var _props$onSelectSubmit2;
+      (_props$onSelectSubmit2 = props.onSelectSubmit) === null || _props$onSelectSubmit2 === void 0 || _props$onSelectSubmit2.call(props, '');
+    }
+  };
+
+  // {...(!col.emit == undefined && {
+  //   onChange: (event: any) => {
+  //     console.log('event', event);
+  //   },
+  // })}
+  var _fields = (form === null || form === void 0 ? void 0 : form.getFieldsValue()) || null;
+  try {
+    switch (type) {
+      case EntryType.Input:
+        return /*#__PURE__*/React.createElement(Input, _extends({
+          allowClear: true,
+          title: props.value
+        }, props));
+      case EntryType.Search:
+        return /*#__PURE__*/React.createElement(Search, _extends({
+          allowClear: true,
+          title: props.value
+        }, props, {
+          onSearch: onSearch
+        }));
+      case EntryType.AllSearch:
+        return /*#__PURE__*/React.createElement(Search, _extends({
+          allowClear: true,
+          title: props.value
+        }, props, {
+          onSearch: onAllSearch
+        }));
+      case EntryType.InputNumber:
+        return /*#__PURE__*/React.createElement(InputNumber, _extends({
+          style: {
+            width: '100%'
+          },
+          title: props.value
+        }, props, {
+          onComputeExp: onComputeExp
+        }));
+      case EntryType.InputNumberRange:
+        return /*#__PURE__*/React.createElement(InputNumberRange, props);
+      case EntryType.Password:
+        return /*#__PURE__*/React.createElement(Password, _extends({
+          title: props.value
+        }, props));
+      case EntryType.TableInput:
+        return /*#__PURE__*/React.createElement(Input.InputBlur, _extends({
+          allowClear: true
+        }, props, {
+          title: props.value,
+          defaultValue: props.value,
+          onBlur: props.onChange
+        }));
+      case EntryType.TableInputNumber:
+        return /*#__PURE__*/React.createElement(InputNumber.InputNumberBlur, _extends({
+          style: {
+            width: '100%'
+          }
+        }, props, {
+          title: props.value,
+          defaultValue: props.value,
+          onBlur: props.onChange
+        }));
+      case EntryType.TagSelect:
+        return /*#__PURE__*/React.createElement(Select, _extends({
+          mode: "tags",
+          style: {
+            width: '100%'
+          },
+          dropdownMatchSelectWidth: false
+        }, props), valueEnum.map(function (_ref3) {
+          var label = _ref3.label,
+            value = _ref3.value;
+          return /*#__PURE__*/React.createElement(Option, {
+            value: value,
+            key: value
+          }, label);
+        }));
+      case EntryType.Select:
+        // const { value, ...nextProps } = props;
+        return /*#__PURE__*/React.createElement(Select, _extends({
+          allowClear: true,
+          showSearch: true,
+          dropdownMatchSelectWidth: false,
+          optionFilterProp: "children",
+          filterOption: function filterOption(input, option) {
+            var _option$children;
+            return (option === null || option === void 0 || (_option$children = option.children) === null || _option$children === void 0 || (_option$children = _option$children.toLowerCase()) === null || _option$children === void 0 ? void 0 : _option$children.indexOf(input === null || input === void 0 ? void 0 : input.toLowerCase())) >= 0;
+          },
+          record: record,
+          style: {
+            width: '100%'
+          }
+        }, props.multiple ? {
+          mode: 'multiple',
+          suffixIcon: /*#__PURE__*/React.createElement(MoreOutlined, null),
+          showArrow: true
+        } : {}, props, {
+          // options={!!async ? options : valueEnum}
+          // valueEnum={!!async ? options : valueEnum}
+          // defaultValue={props.value}
+          onChange: onChangeSelect
+        }), (!!async ? options : valueEnum).map(function (item) {
+          return /*#__PURE__*/React.createElement(Option, {
+            value: item.value,
+            key: item.value,
+            disabled: item.disabled
+          }, item.label);
+        }));
+      case EntryType.MultSelect:
+        return /*#__PURE__*/React.createElement(Select, _extends({
+          mode: "multiple",
+          dropdownMatchSelectWidth: false,
+          suffixIcon: /*#__PURE__*/React.createElement(MoreOutlined, null),
+          showArrow: true,
+          allowClear: true,
+          showSearch: true,
+          optionFilterProp: "children",
+          filterOption: function filterOption(input, option) {
+            var _option$children2;
+            return (option === null || option === void 0 || (_option$children2 = option.children) === null || _option$children2 === void 0 || (_option$children2 = _option$children2.toLowerCase()) === null || _option$children2 === void 0 ? void 0 : _option$children2.indexOf(input === null || input === void 0 ? void 0 : input.toLowerCase())) >= 0;
+          }
+          // onChange={(value) => onChange(value)}
+          ,
+          style: {
+            width: '100%'
+          }
+        }, props, {
+          defaultValue: props.value
+        }), valueEnum.map(function (item) {
+          return /*#__PURE__*/React.createElement(Option, {
+            value: item.value,
+            key: item.value
+          }, item.label);
+        }));
+      case EntryType.DatePicker:
+        try {
+          return /*#__PURE__*/React.createElement(DatePicker, _extends({
+            style: {
+              width: '100%'
+            }
+          }, props, {
+            picker: props.picker || 'date',
+            format: props.format || datePickerFormat,
+            value: props.value ? moment(props.value, props.format || datePickerFormat) : undefined,
+            onChange: onChangeDatePicker
+          }));
+        } catch (error) {
+          console.log('datePicker报错', error);
+        }
+      case EntryType.DateTimePicker:
+        return /*#__PURE__*/React.createElement(DatePicker, _extends({
+          style: {
+            width: '100%'
+          }
+        }, props, {
+          picker: props.picker || 'date',
+          format: props.format || dateTimePickerFormat,
+          showTime: true,
+          value: props.value ? moment(props.value, props.format || dateTimePickerFormat) : undefined,
+          onChange: onChangeDatePicker
+        }));
+      case EntryType.RangePicker:
+        try {
+          var _props$value;
+          return /*#__PURE__*/React.createElement(RangePicker, _extends({
+            style: {
+              width: '100%'
+            }
+          }, props, {
+            picker: props.picker || 'date',
+            format: props.format || datePickerFormat,
+            value: props.value && _typeof(props.value) === 'object' ? (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.map(function (v) {
+              return moment(v, props.format || datePickerFormat);
+            }) : undefined,
+            onChange: onChangeRangePicker
+          }));
+        } catch (error) {
+          console.log('RangePicker出错', error);
+          return null;
+        }
+      case EntryType.RangeTimePicker:
+        return /*#__PURE__*/React.createElement(RangePicker, _extends({
+          showTime: true,
+          style: {
+            width: '100%'
+          }
+        }, props, {
+          picker: props.picker || 'date',
+          format: props.format || dateTimePickerFormat,
+          value: props.value && _typeof(props.value) === 'object' ? props.value.map(function (v) {
+            return moment(v, props.format || dateTimePickerFormat);
+          }) : undefined,
+          onChange: onChangeRangePicker
+        }));
+      case EntryType.TagsDatePicker:
+        return /*#__PURE__*/React.createElement(TagsDatePicker, _extends({
+          style: {
+            width: '100%'
+          }
+        }, props, {
+          picker: props.picker || 'date'
+          // format={props.format || dateTimePickerFormat}
+          ,
+          value: props.value
+          // ? props.value.map((v: string) => moment(v, props.format || dateTimePickerFormat))
+          // : undefined
+          ,
+          onChange: onChangeRangePicker
+        }));
+      case EntryType.TimePicker:
+        return /*#__PURE__*/React.createElement(TimePicker, _extends({
+          style: {
+            width: '100%'
+          }
+        }, props, {
+          format: props.format || timePickerFormat,
+          value: props.value ? moment(props.value, props.format || timePickerFormat) : undefined,
+          onChange: onChangeTimePicker
+        }));
+      case EntryType.SwitchRead:
+        return /*#__PURE__*/React.createElement(Switch, _extends({}, props, {
+          disabled: true,
+          checked: props.value || props.checked
+        }));
+      case EntryType.Switch:
+        var checked = props.value == null || props.value == undefined ? props.checked : props.value;
+        return /*#__PURE__*/React.createElement(Switch, _extends({}, props, {
+          checked: checked
+        }));
+      case EntryType.TableTextarea:
+        return /*#__PURE__*/React.createElement(TextAreaBlur, _extends({}, props, {
+          defaultValue: props.value,
+          onBlur: props.onChange
+        }));
+      case EntryType.Textarea:
+        return /*#__PURE__*/React.createElement(TextArea, _extends({
+          rows: 1,
+          style: {
+            color: 'rgba(0, 0, 0, 0.75)'
+          }
+        }, props));
+      case EntryType.Image:
+        return /*#__PURE__*/React.createElement(ImageGroup, {
+          width: (Number(width) - 16) / (src || props.value || []).length,
+          src: src || props.value
+        });
+      case EntryType.CheckboxGroup:
+        return /*#__PURE__*/React.createElement(CheckboxGroup, _extends({
+          options: valueEnum
+        }, props));
+      case EntryType.Checkbox:
+        // console.log(props.value, props.checked);
+        return /*#__PURE__*/React.createElement(Checkbox, props, props.label);
+      case EntryType.Radio:
+        return /*#__PURE__*/React.createElement(Radio, props, props.label);
+      case EntryType.RadioGroup:
+        // console.log(props);
+        return /*#__PURE__*/React.createElement(Radio.Group, _extends({
+          options: valueEnum
+        }, props));
+      case EntryType.ImageUpload:
+        return /*#__PURE__*/React.createElement(UploadImage, props);
+      case EntryType.FileUpload:
+        return /*#__PURE__*/React.createElement(UploadFile, _extends({}, props, {
+          value: isArray(props.value) ? props.value : []
+        }));
+      case EntryType.TreeSelect:
+        return /*#__PURE__*/React.createElement(TreeSelect, _extends({
+          showSearch: true,
+          allowClear: true
+        }, props, {
+          treeData: valueEnum
+        }));
+      case EntryType.Cron:
+        return /*#__PURE__*/React.createElement(Cron, props);
+      case EntryType.Editor:
+        return props.value ? /*#__PURE__*/React.createElement(Editor, _extends({
+          key: 'editor'
+        }, props)) : /*#__PURE__*/React.createElement(Editor, _extends({
+          key: 'add'
+        }, props));
+      case EntryType.EditorPreview:
+        return /*#__PURE__*/React.createElement(EditorPreview, props);
+      case EntryType.EditorModal:
+        return /*#__PURE__*/React.createElement(EditorModal, props);
+      case EntryType.OpenBrowser:
+        return /*#__PURE__*/React.createElement(Link, _extends({}, props, {
+          onClick: function onClick() {
+            return onOpen === null || onOpen === void 0 ? void 0 : onOpen({
+              config: {
+                path: urlColumnParam({
+                  param: {
+                    currentFieldCode: code || '',
+                    currentFieldVal: props.value,
+                    currentFieldName: label_
+                  },
+                  url: props.path
+                })
+              }
+            }, _objectSpread(_objectSpread({}, _fields), record));
+          }
+        }), props.value);
+      case EntryType.Link:
+        return /*#__PURE__*/React.createElement(Link, _extends({}, props, {
+          onClick: function onClick() {
+            return onJump === null || onJump === void 0 ? void 0 : onJump({
+              config: {
+                path: urlColumnParam({
+                  param: {
+                    currentFieldCode: code || '',
+                    currentFieldVal: props.value,
+                    currentFieldName: label_
+                  },
+                  url: props.path
+                })
+              }
+            }, _objectSpread(_objectSpread({}, _fields), record));
+          }
+        }), props.value);
+      case EntryType.Tag:
+        return /*#__PURE__*/React.createElement(Tag, props);
+      case EntryType.Tags:
+        return /*#__PURE__*/React.createElement(Tags, props);
+      case EntryType.FormTable:
+        return /*#__PURE__*/React.createElement(FormTable, props);
+      case EntryType.Condition:
+        return /*#__PURE__*/React.createElement(Condition, _extends({
+          type: props.condition
+        }, props));
+      case EntryType.ColorPicker:
+        return /*#__PURE__*/React.createElement(ColorPicker, _extends({
+          format: '',
+          disabled: false
+        }, props));
+      case EntryType.JsonRead:
+        return props.value ? /*#__PURE__*/React.createElement(ReactJson, {
+          collapsed: true,
+          src: _typeof(props.value) == 'object' ? props.value : JSON.parse(props.value)
+        }) : /*#__PURE__*/React.createElement(React.Fragment, null);
+      case EntryType.TimelineModal:
+        return /*#__PURE__*/React.createElement(TimelineModal, _extends({}, props, {
+          api: "".concat(api, "?id=").concat(params || '')
+        }));
+      case EntryType.ChooseModal:
+        return /*#__PURE__*/React.createElement(ListSelect, _extends({
+          clearForm: clearForm,
+          menuCode: menuCode,
+          params: _objectSpread(_objectSpread({}, record), requestParams)
+        }, props, {
+          onSelectSubmit: onSelectSubmitListSelect
+        }));
+      case EntryType.ObjectSelect:
+        return /*#__PURE__*/React.createElement(ObjectSelect, _extends({
+          record: record,
+          onSelectObject: onSelectObject,
+          valueEnum: !!async ? options : valueEnum
+        }, props));
+      case EntryType.TableEditableModal:
+        return /*#__PURE__*/React.createElement(TableEditableModal, _extends({
+          width: width
+        }, props));
+      case EntryType.AceEditor:
+        return /*#__PURE__*/React.createElement(AceEditor, props);
+      case EntryType.AceTable:
+        return /*#__PURE__*/React.createElement(AceTable, props);
+      case EntryType.Tree:
+        return /*#__PURE__*/React.createElement(Tree, _extends({}, props, {
+          valueEnum: valueEnum,
+          onJump: onJump
+        }));
+      case EntryType.Express:
+        return /*#__PURE__*/React.createElement(Express, _extends({}, props, {
+          valueEnum: valueEnum
+        }));
+      case EntryType.Steps:
+        return /*#__PURE__*/React.createElement(Steps, _extends({}, props, {
+          menuCode: menuCode,
+          list: (_props$value2 = props === null || props === void 0 ? void 0 : props.value) !== null && _props$value2 !== void 0 ? _props$value2 : []
+        }));
+      case EntryType.QRCode:
+        return /*#__PURE__*/React.createElement(QRCode, props);
+      case EntryType.Barcode:
+        return /*#__PURE__*/React.createElement(Barcode, props);
+      case EntryType.GroupInput:
+        return /*#__PURE__*/React.createElement(GroupInput, _extends({}, props, {
+          onSearch: onAllSearch
+        }));
+      case EntryType.ChooseModalTable:
+        return /*#__PURE__*/React.createElement(ChooseModalTable, _extends({
+          menuCode: menuCode,
+          params: _objectSpread(_objectSpread({}, record), requestParams)
+        }, props));
+      case EntryType.Progress:
+        return /*#__PURE__*/React.createElement(Progress, _extends({
+          percent: props.value,
+          width: width
+        }, props));
+      case EntryType.Etable2Modal:
+        try {
+          var _value = props.value;
+          if (typeof _value === 'string') {
+            _value = JSON.parse(_value);
+          }
+          return /*#__PURE__*/React.createElement(Etable2Modal, _extends({}, props, {
+            value: _value,
+            menuCode: menuCode
+          }));
+        } catch (error) {
+          console.log('Etable2Modal报错');
+          return null;
+        }
+      case EntryType.ImageText:
+        var configs = [];
+        // console.log('props.width:', props.width, props);
+        var data_ = record === null || record === void 0 ? void 0 : record[typeof code == 'string' ? code : ''];
+        if (isString(props === null || props === void 0 || (_props$entryAttr = props.entryAttr) === null || _props$entryAttr === void 0 ? void 0 : _props$entryAttr.children)) {
+          try {
+            var _props$entryAttr2;
+            configs = JSON.parse((props === null || props === void 0 || (_props$entryAttr2 = props.entryAttr) === null || _props$entryAttr2 === void 0 ? void 0 : _props$entryAttr2.children) || "[{}]");
+          } catch (error) {
+            console.error('图文组件‘entryAttr’数据格式错误');
+          }
+        } else {
+          configs = [];
+        }
+        return /*#__PURE__*/React.createElement(ImageText, _extends({
+          dataSource: data_ || [],
+          width: props === null || props === void 0 || (_props$renderEntryAtt = props.renderEntryAttr) === null || _props$renderEntryAtt === void 0 ? void 0 : _props$renderEntryAtt.width,
+          configs: configs || []
+        }, props));
+      default:
+        return /*#__PURE__*/React.createElement(Input, {
+          className: "disabled-input",
+          disabled: true,
+          value: props.dataFormat ? formatData(props.value, props.dataFormat) : props.value
+        });
+    }
+  } catch (error) {
+    console.log('entryItem报错', error);
+    return null;
+  }
+};
+export default EntryItem;