antd-management-fast-framework 1.12.103 → 2.1.0

package/es/index2.js

@@ -0,0 +1,2075 @@
+import { _ as _objectSpread2 } from './objectSpread2.js';
+import { _ as _inherits, a as _classCallCheck, e as _assertThisInitialized, b as _createClass, c as _getPrototypeOf, d as _possibleConstructorReturn } from './getPrototypeOf.js';
+import { Layout, Button, Card, Space, Divider, Tooltip, Affix, Spin, Row, Col, Empty } from 'antd';
+import React, { Fragment } from 'react';
+import { contentConfig, cardConfig, defaultEmptyImage, datetimeFormat, extraBuildType } from 'antd-management-fast-common/es/utils/constants';
+import { runtimeSettings } from 'antd-management-fast-common/es/utils/dynamicSetting';
+import { pretreatmentRequestParams } from 'antd-management-fast-common/es/utils/requestAssistor';
+import { logObject, logText, toNumber, isEqual, toString, showErrorMessage, isFunction, isArray, isBoolean, isObject, inCollection, stringIsEmpty, buildFieldDescription, copyToClipboard, formatDatetime, toDatetime, refitCommonData, defaultCommonState, getDerivedStateFromPropsForUrlParams } from 'antd-management-fast-common/es/utils/tools';
+import FadeBox from 'antd-management-fast-component/es/customComponents/AnimalBox/FadeBox';
+import QueueBox from 'antd-management-fast-component/es/customComponents/AnimalBox/QueueBox';
+import AudioUpload from 'antd-management-fast-component/es/customComponents/AudioUpload';
+import ColorText from 'antd-management-fast-component/es/customComponents/ColorText';
+import TinymceWrapper from 'antd-management-fast-component/es/customComponents/Editor/TinymceWrapper';
+import FileBase64Upload from 'antd-management-fast-component/es/customComponents/FileBase64Upload';
+import FileUpload from 'antd-management-fast-component/es/customComponents/FileUpload';
+import FlexBox from 'antd-management-fast-component/es/customComponents/FlexBox';
+import FlexText from 'antd-management-fast-component/es/customComponents/FlexText';
+import { buildFormNowTimeField, buildFormCreateTimeField, buildFormUpdateTimeField, buildRadioItem, buildOptionItem, buildSearchInput, buildSearchInputNumber, buildFormDisplay, buildFormHiddenWrapper, buildFormInputFieldData, buildFormInput, buildFormSwitch, buildFormPassword, buildFormOnlyShowText, buildSyntaxHighlighter, buildJsonView, buildFormInnerComponent, buildFormButton, buildFormActionItem, buildFormOnlyShowSyntaxHighlighter, buildFormOnlyShowTextarea, buildFormText, buildFormOnlyShowInput, buildFormInputNumber, buildFormTextArea, buildFormDatePicker, buildFormTimePicker, buildFormSelect, buildFormRadio, buildSearchFormSelect, buildButton, buildCustomGrid, buildTree, buildTreeSelect, buildCustomSelect, buildDropdownEllipsis, buildDropdownButton, buildDropdown, buildButtonGroup } from 'antd-management-fast-component/es/customComponents/FunctionComponent';
+import { renderFormWhetherSelect } from 'antd-management-fast-component/es/customComponents/FunctionSupplement/Whether';
+import HelpBox from 'antd-management-fast-component/es/customComponents/HelpBox';
+import HelpCard from 'antd-management-fast-component/es/customComponents/HelpCard';
+import HtmlBox from 'antd-management-fast-component/es/customComponents/HtmlBox';
+import { iconBuilder } from 'antd-management-fast-component/es/customComponents/Icon';
+import IconInfo from 'antd-management-fast-component/es/customComponents/IconInfo';
+import ImageBox from 'antd-management-fast-component/es/customComponents/ImageBox';
+import ImageUpload from 'antd-management-fast-component/es/customComponents/ImageUpload';
+import VideoUpload from 'antd-management-fast-component/es/customComponents/VideoUpload';
+import { getMetaData } from './utils/metaDataAssist.js';
+import Core from './framework/Core/index.js';
+
+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);
+}
+
+var styles = {"cardContainor":"index_cardContainor__M4iBL"};
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var Content = Layout.Content,
+  Sider = Layout.Sider;
+var metaData = {};
+var Common = /*#__PURE__*/function (_Core) {
+  _inherits(Common, _Core);
+  var _super = _createSuper(Common);
+  function Common(_props) {
+    var _this;
+    _classCallCheck(this, Common);
+    _this = _super.call(this, _props);
+    _this.showExtraActionDivider = false;
+    _this.loadDataAfterMount = true;
+    _this.lastRequestingData = {
+      type: '',
+      payload: {}
+    };
+    _this.doDidMountTask = function () {
+      _this.adjustWhenDidMount();
+      _this.init();
+    };
+    _this.checkNeedUpdate = function (preProps, preState, snapshot) {
+      return false;
+    };
+    _this.getMetaData = function () {
+      return metaData;
+    };
+    _this.initOther = function () {};
+    _this.init = function () {
+      if (_this.loadDataAfterMount) {
+        _this.initLoad({});
+      }
+      _this.initOther();
+    };
+    _this.beforeFirstLoadRequest = function (submitData) {};
+    _this.beforeReLoadRequest = function (submitData) {};
+    _this.beforeRequest = function (submitData) {};
+    _this.afterGetFirstRequestResult = function (submitData, responseData) {};
+    _this.afterGetRequestResult = function (submitData, responseData) {};
+    _this.afterGetReLoadRequestResult = function (submitData, responseData) {};
+    _this.initLoadRequestParams = function (o) {
+      return o || {};
+    };
+    _this.supplementLoadRequestParams = function (o) {
+      return o || {};
+    };
+    _this.checkLoadRequestParams = function (o) {
+      return true;
+    };
+    _this.initLoad = function (_ref) {
+      var _ref$otherState = _ref.otherState,
+        otherState = _ref$otherState === void 0 ? {} : _ref$otherState,
+        _ref$delay = _ref.delay,
+        delay = _ref$delay === void 0 ? 0 : _ref$delay,
+        _ref$callback = _ref.callback,
+        callback = _ref$callback === void 0 ? null : _ref$callback;
+      var _this$state = _this.state,
+        loadApiPath = _this$state.loadApiPath,
+        firstLoadSuccess = _this$state.firstLoadSuccess,
+        reloadingBefore = _this$state.reloading;
+      try {
+        if ((loadApiPath || '') === '') {
+          var text = 'loadApiPath需要配置';
+          showRuntimeError({
+            message: text
+          });
+          logObject(_assertThisInitialized(_this));
+          _this.setState({
+            dataLoading: false,
+            loadSuccess: false,
+            reloading: false,
+            searching: false,
+            refreshing: false,
+            paging: false,
+            dispatchComplete: true
+          });
+          return;
+        }
+        var willSaveState = _objectSpread2(_objectSpread2({}, {
+          dataLoading: true,
+          loadSuccess: false
+        }), otherState || {});
+        _this.setState(willSaveState, function () {
+          _this.setState({
+            dispatchComplete: false
+          }, function () {
+            var submitData = _this.initLoadRequestParams() || {};
+            submitData = pretreatmentRequestParams(submitData || {});
+            submitData = _this.supplementLoadRequestParams(submitData || {});
+            var checkResult = _this.checkLoadRequestParams(submitData || {});
+            if (checkResult) {
+              if (!firstLoadSuccess) {
+                _this.beforeFirstLoadRequest(submitData || {});
+              }
+              if (reloadingBefore) {
+                _this.beforeReLoadRequest(submitData || {});
+              }
+              _this.beforeRequest(submitData || {});
+              _this.initLoadCore({
+                requestData: submitData || {},
+                delay: delay,
+                callback: callback
+              });
+            } else {
+              _this.setState({
+                dataLoading: false,
+                loadSuccess: false,
+                reloading: false,
+                searching: false,
+                refreshing: false,
+                paging: false,
+                dispatchComplete: true
+              });
+            }
+          });
+        });
+      } catch (error) {
+        logText({
+          loadApiPath: loadApiPath
+        });
+        throw error;
+      }
+    };
+    _this.adjustLoadApiPath = function () {
+      return '';
+    };
+    _this.initLoadCore = function (_ref2) {
+      var requestData = _ref2.requestData,
+        _ref2$delay = _ref2.delay,
+        delay = _ref2$delay === void 0 ? 0 : _ref2$delay,
+        callback = _ref2.callback;
+      var delayTime = toNumber(delay);
+      if (delayTime <= 0) {
+        _this.loadFromApi({
+          requestData: requestData,
+          callback: callback
+        });
+      } else {
+        var that = _assertThisInitialized(_this);
+        setTimeout(function () {
+          that.loadFromApi({
+            requestData: requestData,
+            callback: callback
+          });
+        }, delayTime);
+      }
+    };
+    _this.loadFromApi = function (_ref3) {
+      var requestData = _ref3.requestData,
+        callback = _ref3.callback;
+      var loadApiPath = '';
+      var that = _assertThisInitialized(_this);
+      try {
+        var requestingDataPre = _this.getRequestingData();
+        var loadApiCustomPath = _this.adjustLoadApiPath();
+        var loadApiPathCustom = checkStringIsNullOrWhiteSpace(loadApiCustomPath) ? {} : {
+          loadApiPath: loadApiCustomPath
+        };
+        var _this$state$loadApiPa = _objectSpread2(_objectSpread2({}, _this.state), loadApiPathCustom),
+          loadApiPathValue = _this$state$loadApiPa.loadApiPath,
+          firstLoadSuccess = _this$state$loadApiPa.firstLoadSuccess;
+        loadApiPath = loadApiPathValue || '';
+
+        // 处理频繁的相同请求
+        if (!isEqual(requestingDataPre, {
+          type: loadApiPath,
+          payload: requestData
+        })) {
+          that.setRequestingData({
+            type: loadApiPath,
+            payload: requestData
+          });
+          that.dispatchApi({
+            type: loadApiPath,
+            payload: requestData
+          }).then(function (metaOriginalData) {
+            var willSaveToState = {
+              dataLoading: false,
+              loadSuccess: false,
+              reloading: false,
+              searching: false,
+              refreshing: false,
+              paging: false,
+              dispatchComplete: true
+            };
+            if (isUndefined(metaOriginalData)) {
+              that.setState(willSaveToState);
+              return;
+            }
+            that.lastLoadParams = requestData;
+            var dataSuccess = metaOriginalData.dataSuccess;
+            willSaveToState = _objectSpread2(_objectSpread2({}, willSaveToState), {
+              loadSuccess: dataSuccess
+            });
+            if (dataSuccess) {
+              var metaListData = metaOriginalData.list,
+                _metaData = metaOriginalData.data,
+                metaExtra = metaOriginalData.extra;
+              willSaveToState = _objectSpread2(_objectSpread2({}, {
+                metaData: _metaData || null,
+                metaExtra: metaExtra || null,
+                metaListData: metaListData || [],
+                metaOriginalData: metaOriginalData
+              }), willSaveToState);
+              try {
+                that.afterLoadSuccess({
+                  metaData: _metaData || null,
+                  metaListData: metaListData || [],
+                  metaExtra: metaExtra || null,
+                  metaOriginalData: metaOriginalData || null
+                });
+              } catch (e) {
+                logObject(e);
+                var text = "".concat(toString(e), ",place view in the console");
+                showErrorMessage({
+                  message: text
+                });
+              }
+            }
+            var reloadingComplete = that.state.reloading;
+            if (reloadingComplete) {
+              that.afterReloadSuccess();
+              that.afterGetReLoadRequestResult(requestData, metaOriginalData);
+            }
+            if (!firstLoadSuccess) {
+              willSaveToState = _objectSpread2(_objectSpread2({}, willSaveToState), {
+                firstLoadSuccess: true
+              });
+            }
+            that.setState(willSaveToState);
+            if (!firstLoadSuccess) {
+              that.afterFirstLoadSuccess();
+              that.afterGetFirstRequestResult(requestData, metaOriginalData);
+            }
+            that.afterGetRequestResult(requestData, metaOriginalData);
+            if (typeof callback === 'function') {
+              callback();
+            }
+            that.clearRequestingData();
+          })["catch"](function (res) {
+            logObject(res);
+            that.setState({
+              dataLoading: false,
+              loadSuccess: false,
+              reloading: false,
+              searching: false,
+              refreshing: false,
+              paging: false,
+              dispatchComplete: true
+            });
+          });
+        }
+      } catch (error) {
+        logObject({
+          loadApiPath: loadApiPath,
+          requestData: requestData
+        });
+        that.setState({
+          dataLoading: false,
+          loadSuccess: false,
+          reloading: false,
+          searching: false,
+          refreshing: false,
+          paging: false,
+          dispatchComplete: true
+        });
+        throw error;
+      }
+    };
+    _this.pageListData = function (otherState) {
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var s = _objectSpread2(_objectSpread2({}, otherState || {}), {
+        paging: true
+      });
+      _this.initLoad({
+        otherState: s,
+        delay: delay || 0,
+        callback: callback || null
+      });
+    };
+    _this.reloadData = function (otherState) {
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var s = _objectSpread2(_objectSpread2({}, otherState || {}), {
+        reloading: true
+      });
+      _this.initLoad({
+        otherState: s,
+        delay: delay || 0,
+        callback: callback || null
+      });
+    };
+    _this.searchData = function (otherState) {
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var s = _objectSpread2(_objectSpread2({}, otherState || {}), {
+        searching: true
+      });
+      _this.initLoad({
+        otherState: s,
+        delay: delay || 0,
+        callback: callback
+      });
+    };
+    _this.refreshData = function (otherState) {
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var s = _objectSpread2(_objectSpread2({}, otherState || {}), {
+        refreshing: true
+      });
+      _this.initLoad({
+        otherState: s,
+        delay: delay || 0,
+        callback: callback
+      });
+    };
+    _this.reloadGlobalData = function () {
+      var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      _this.dispatchApi({
+        type: 'global/getMetaData',
+        payload: {
+          force: true
+        }
+      }).then(function () {
+        if (isFunction(callback)) {
+          callback();
+        }
+      });
+    };
+    _this.afterFirstLoadSuccess = function () {};
+    _this.afterLoadSuccess = function (_ref4) {
+      _ref4.metaData;
+        _ref4.metaListData;
+        _ref4.metaExtra;
+        _ref4.metaOriginalData;
+    };
+    _this.afterReloadSuccess = function () {};
+    _this.backToList = function () {
+      var backPath = _this.state.backPath;
+      _this.goToPath(backPath);
+    };
+    _this.renderOther = function () {
+      return null;
+    };
+    _this.renderFormNowTimeField = function (data) {
+      var _helper$label$formIte = _objectSpread2(_objectSpread2({}, {
+          helper: '数据的添加时间',
+          label: '添加时间',
+          formItemLayout: null
+        }), data || {}),
+        label = _helper$label$formIte.label,
+        helper = _helper$label$formIte.helper,
+        formItemLayout = _helper$label$formIte.formItemLayout;
+      return buildFormNowTimeField({
+        label: label,
+        helper: helper,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormCreateTimeField = function () {
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'createTime';
+      var helper = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '数据的添加时间';
+      var label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '添加时间';
+      var formItemLayout = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      return buildFormCreateTimeField({
+        name: name,
+        helper: helper,
+        label: label,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormUpdateTimeField = function () {
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'updateTime';
+      var helper = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '数据的最后修改时间';
+      var label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '最后修改时间';
+      var formItemLayout = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      return buildFormUpdateTimeField({
+        name: name,
+        helper: helper,
+        label: label,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormRadioCore = function (listDataSource) {
+      var adjustListDataCallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      return buildRadioItem({
+        list: listDataSource,
+        adjustListDataCallback: adjustListDataCallback
+      });
+    };
+    _this.renderFormOptionCore = function (listDataSource) {
+      var adjustListDataCallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      return buildOptionItem({
+        list: listDataSource,
+        adjustListDataCallback: adjustListDataCallback
+      });
+    };
+    _this.renderSearchInput = function (label, name) {
+      var helper = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var icon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : iconBuilder.form();
+      var inputProps = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+      var canOperate = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
+      var formItemLayout = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+      return buildSearchInput({
+        label: label,
+        name: name,
+        helper: helper,
+        icon: icon,
+        inputProps: inputProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderSearchInputNumber = function (label, name) {
+      var helper = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var icon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : iconBuilder.form();
+      var inputProps = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+      var canOperate = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
+      var formItemLayout = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+      return buildSearchInputNumber({
+        label: label,
+        name: name,
+        helper: helper,
+        icon: icon,
+        inputProps: inputProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormDisplay = function (label, content) {
+      var formItemLayout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var useDisplayBoxStyle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+      return buildFormDisplay({
+        label: label,
+        content: content,
+        formItemLayout: formItemLayout,
+        useDisplayBoxStyle: useDisplayBoxStyle
+      });
+    };
+    _this.renderFormHiddenWrapper = function (children) {
+      var hidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      return buildFormHiddenWrapper({
+        children: children,
+        hidden: hidden
+      });
+    };
+    _this.renderFormInputFieldData = function (fieldData) {
+      var required = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var icon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : iconBuilder.form();
+      var inputProps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+      var canOperate = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
+      var formItemLayout = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+      var reminderPrefix = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : '输入';
+      var hidden = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+      return buildFormInputFieldData({
+        fieldData: fieldData,
+        required: required,
+        icon: icon,
+        inputProps: inputProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout,
+        reminderPrefix: reminderPrefix,
+        hidden: hidden
+      });
+    };
+    _this.renderFormInput = function (label, name) {
+      var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var icon = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : iconBuilder.form();
+      var inputProps = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+      var canOperate = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+      var formItemLayout = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
+      var reminderPrefix = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : '输入';
+      var hidden = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
+      return buildFormInput({
+        label: label,
+        name: name,
+        required: required,
+        helper: helper,
+        icon: icon,
+        inputProps: inputProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout,
+        reminderPrefix: reminderPrefix,
+        hidden: hidden
+      });
+    };
+    _this.renderFormSwitch = function (label, name) {
+      var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var otherProps = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+      var canOperate = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
+      var formItemLayout = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+      var hidden = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+      return buildFormSwitch({
+        label: label,
+        name: name,
+        required: required,
+        helper: helper,
+        otherProps: otherProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout,
+        hidden: hidden
+      });
+    };
+    _this.renderFormPassword = function (label, name) {
+      var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var icon = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : iconBuilder.form();
+      var inputProps = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+      var canOperate = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+      var formItemLayout = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
+      return buildFormPassword({
+        label: label,
+        name: name,
+        required: required,
+        helper: helper,
+        icon: icon,
+        inputProps: inputProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormOnlyShowText = function (label, value) {
+      var helper = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var formItemLayout = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+      var requiredForShow = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+      return buildFormOnlyShowText({
+        label: label,
+        value: value,
+        helper: helper,
+        formItemLayout: formItemLayout,
+        requiredForShow: requiredForShow
+      });
+    };
+    _this.renderSyntaxHighlighter = function (language, value) {
+      var other = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      return buildSyntaxHighlighter({
+        language: language,
+        value: value,
+        other: other
+      });
+    };
+    _this.renderJsonView = function (value) {
+      var theme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'monokai';
+      return buildJsonView({
+        value: value,
+        theme: theme
+      });
+    };
+    _this.renderFormInnerComponent = function (label, innerComponent) {
+      var helper = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var formItemLayout = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+      var requiredForShow = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+      return buildFormInnerComponent({
+        label: label,
+        innerComponent: innerComponent,
+        helper: helper,
+        formItemLayout: formItemLayout,
+        requiredForShow: requiredForShow
+      });
+    };
+    _this.renderFormButton = function (config) {
+      var formItemLayout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return buildFormButton({
+        config: config,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormActionItem = function (component) {
+      var formItemLayout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return buildFormActionItem({
+        component: component || null,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormOnlyShowSyntaxHighlighter = function (language, label, value) {
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var formItemLayout = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+      var requiredForShow = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+      var otherProps = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+      return buildFormOnlyShowSyntaxHighlighter({
+        language: language,
+        label: label,
+        value: value,
+        helper: helper,
+        formItemLayout: formItemLayout,
+        requiredForShow: requiredForShow,
+        otherProps: otherProps
+      });
+    };
+    _this.renderFormOnlyShowTextarea = function (label, value) {
+      var helper = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var textAreaProps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+        disabled: true
+      };
+      var formItemLayout = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+      return buildFormOnlyShowTextarea({
+        label: label,
+        value: value,
+        helper: helper,
+        textAreaProps: textAreaProps,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormText = function (label, value) {
+      var helper = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var formItemLayout = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+      return buildFormText({
+        label: label,
+        value: value,
+        helper: helper,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormOnlyShowInput = function (label, value) {
+      var helper = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      var icon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : iconBuilder.form();
+      var inputProps = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
+        disabled: true
+      };
+      var formItemLayout = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+      return buildFormOnlyShowInput({
+        label: label,
+        value: value,
+        helper: helper,
+        icon: icon,
+        inputProps: inputProps,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormInputNumber = function (label, name) {
+      var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var icon = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : iconBuilder.form();
+      var inputNumberProps = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+      var canOperate = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+      var formItemLayout = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
+      return buildFormInputNumber({
+        label: label,
+        name: name,
+        required: required,
+        helper: helper,
+        icon: icon,
+        inputNumberProps: inputNumberProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormTextArea = function (label, name) {
+      var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var textAreaProps = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+      var canOperate = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
+      var formItemLayout = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+      return buildFormTextArea({
+        label: label,
+        name: name,
+        required: required,
+        helper: helper,
+        textAreaProps: textAreaProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormDatePicker = function (label, name) {
+      var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var datePickerProps = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+      var canOperate = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
+      var formItemLayout = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+      return buildFormDatePicker({
+        label: label,
+        name: name,
+        required: required,
+        helper: helper,
+        datePickerProps: datePickerProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormTimePicker = function (label, name) {
+      var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var timePickerProps = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+      var canOperate = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
+      var formItemLayout = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
+      return buildFormTimePicker({
+        label: label,
+        name: name,
+        required: required,
+        helper: helper,
+        timePickerProps: timePickerProps,
+        canOperate: canOperate,
+        formItemLayout: formItemLayout
+      });
+    };
+    _this.renderFormSelect = function (label, name, renderItemFunction) {
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var onChangeCallback = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+      var formItemLayout = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
+      var required = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+      var otherProps = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
+      return buildFormSelect({
+        label: label,
+        name: name,
+        renderItemFunction: renderItemFunction,
+        helper: helper,
+        onChangeCallback: onChangeCallback,
+        formItemLayout: formItemLayout,
+        required: required,
+        otherProps: otherProps
+      });
+    };
+    _this.renderFormRadio = function (label, name, renderItemFunction) {
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var onChangeCallback = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+      var formItemLayout = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
+      var required = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+      var otherProps = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
+      return buildFormRadio({
+        label: label,
+        name: name,
+        renderItemFunction: renderItemFunction,
+        helper: helper,
+        onChangeCallback: onChangeCallback,
+        formItemLayout: formItemLayout,
+        required: required,
+        otherProps: otherProps
+      });
+    };
+    _this.renderSearchFormSelect = function (label, name, options) {
+      var helper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      return buildSearchFormSelect({
+        label: label,
+        name: name,
+        options: options,
+        helper: helper
+      });
+    };
+    _this.getOtherButtonDisabled = function () {
+      return false;
+    };
+    _this.getSaveButtonDisabled = function () {
+      var processing = _this.state.processing;
+      if (_this.loadDataAfterMount) {
+        return _this.checkOperability();
+      }
+      return processing;
+    };
+    _this.getSaveButtonLoading = function () {
+      if (_this.loadDataAfterMount) {
+        return _this.checkLoadingProgress();
+      }
+      return _this.loadDataAfterMount;
+    };
+    _this.getSaveButtonProcessing = function () {
+      var processing = _this.state.processing;
+      return processing;
+    };
+    _this.getSaveButtonIcon = function () {
+      return iconBuilder.save();
+    };
+    _this.getDisabledButtonIcon = function () {
+      return iconBuilder.save();
+    };
+    _this.renderDisabledButton = function () {
+      var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        disabled: true
+      }, _this.getDisabledButtonIcon(), text || '保存');
+    };
+    _this.renderSaveButton = function (_ref5) {
+      var icon = _ref5.icon,
+        text = _ref5.text,
+        _handleClick = _ref5.handleClick,
+        _ref5$disabled = _ref5.disabled,
+        disabled = _ref5$disabled === void 0 ? false : _ref5$disabled,
+        _ref5$processing = _ref5.processing,
+        processing = _ref5$processing === void 0 ? false : _ref5$processing,
+        _ref5$hidden = _ref5.hidden,
+        hidden = _ref5$hidden === void 0 ? false : _ref5$hidden;
+      var that = _assertThisInitialized(_this);
+      var buttonDisabled = _this.getSaveButtonDisabled();
+      var buttonProcessing = _this.getSaveButtonProcessing();
+      var ico = (icon || null) == null ? _this.getSaveButtonIcon() : icon;
+      return _this.renderGeneralButton({
+        type: 'primary',
+        text: text || '保存',
+        icon: ico,
+        hidden: hidden,
+        disabled: disabled || buttonDisabled,
+        processing: processing || buttonProcessing,
+        handleClick: function handleClick(e) {
+          if (isFunction(_handleClick)) {
+            _handleClick(e);
+          } else {
+            that.validate(e);
+          }
+        }
+      });
+    };
+    _this.renderGeneralButton = function (_ref6) {
+      var _ref6$key = _ref6.key,
+        key = _ref6$key === void 0 ? null : _ref6$key,
+        type = _ref6.type,
+        size = _ref6.size,
+        text = _ref6.text,
+        icon = _ref6.icon,
+        handleClick = _ref6.handleClick,
+        _ref6$danger = _ref6.danger,
+        danger = _ref6$danger === void 0 ? false : _ref6$danger,
+        _ref6$disabled = _ref6.disabled,
+        disabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
+        _ref6$hidden = _ref6.hidden,
+        hidden = _ref6$hidden === void 0 ? false : _ref6$hidden,
+        _ref6$confirm = _ref6.confirm,
+        confirm = _ref6$confirm === void 0 ? false : _ref6$confirm,
+        _ref6$processing = _ref6.processing,
+        processing = _ref6$processing === void 0 ? false : _ref6$processing,
+        _ref6$handleData = _ref6.handleData,
+        handleData = _ref6$handleData === void 0 ? null : _ref6$handleData,
+        _ref6$style = _ref6.style,
+        style = _ref6$style === void 0 ? null : _ref6$style,
+        _ref6$showIcon = _ref6.showIcon,
+        showIcon = _ref6$showIcon === void 0 ? true : _ref6$showIcon;
+      if (hidden) {
+        return null;
+      }
+      return buildButton({
+        key: key,
+        type: type,
+        size: size,
+        text: text,
+        icon: icon,
+        handleClick: handleClick,
+        danger: danger || false,
+        disabled: disabled,
+        processing: processing,
+        hidden: hidden,
+        confirm: confirm,
+        handleData: handleData !== null && handleData !== void 0 ? handleData : null,
+        style: style || null,
+        showIcon: showIcon
+      });
+    };
+    _this.establishFormAdditionalConfig = function () {
+      return {};
+    };
+    _this.renderRefreshButton = function () {
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      var _size$text = _objectSpread2(_objectSpread2({}, {
+          size: 'default',
+          text: '刷新'
+        }), props || {}),
+        size = _size$text.size,
+        text = _size$text.text;
+      return buildButton({
+        size: size,
+        text: text,
+        icon: iconBuilder.reload(),
+        disabled: _this.checkOperability(),
+        handleClick: _this.reloadData
+      });
+    };
+    _this.getUploadTokenObject = function () {
+      var text = '需要在继承中重新实现 getUploadTokenObject';
+      showRuntimeError({
+        message: text
+      });
+      throw new Error(text);
+    };
+    _this.beforeVideoUpload = function (file) {
+      var isVideo = file.type === 'video/mp4';
+      if (!isVideo) {
+        var text = '请上传视频文件!';
+        showRuntimeError({
+          message: text
+        });
+      }
+      var isLt3M = file.size / 1024 / 1024 < 3;
+      if (!isLt3M) {
+        var _text = '视频文件不能超过3MB!';
+        showRuntimeError({
+          message: _text
+        });
+      }
+      return isVideo && isLt3M;
+    };
+    _this.pretreatmentImageUploadRemoteResponse = function (response) {
+      var text = '需要在继承中重新实现 pretreatmentImageUploadRemoteResponse';
+      showRuntimeError({
+        message: text
+      });
+      throw new Error(text);
+    };
+    _this.pretreatmentFileBase64UploadRemoteResponse = function (response) {
+      var text = '需要在继承中重新实现 pretreatmentFileBase64UploadRemoteResponse';
+      showRuntimeError({
+        message: text
+      });
+      throw new Error(text);
+    };
+    _this.pretreatmentVideoUploadRemoteResponse = function (response) {
+      var text = '需要在继承中重新实现 pretreatmentVideoUploadRemoteResponse';
+      showRuntimeError({
+        message: text
+      });
+      throw new Error(text);
+    };
+    _this.pretreatmentAudioUploadRemoteResponse = function (response) {
+      var text = '需要在继承中重新实现 pretreatmentAudioUploadRemoteResponse';
+      showRuntimeError({
+        message: text
+      });
+      throw new Error(text);
+    };
+    _this.pretreatmentFileUploadRemoteResponse = function (response) {
+      var text = '需要在继承中重新实现 pretreatmentFileUploadRemoteResponse';
+      showRuntimeError({
+        message: text
+      });
+      throw new Error(text);
+    };
+    _this.establishToolBarConfig = function () {
+      return null;
+    };
+    _this.buildToolBar = function () {
+      var config = _this.establishToolBarConfig();
+      if ((config || null) == null) {
+        return null;
+      }
+      var _stick$title$tools$co = _objectSpread2(_objectSpread2({}, {
+          stick: false,
+          title: '工具栏',
+          tools: []
+        }), config),
+        stick = _stick$title$tools$co.stick,
+        title = _stick$title$tools$co.title,
+        tools = _stick$title$tools$co.tools;
+      if (!isArray(tools)) {
+        var text = '工具栏配置数据无效';
+        showErrorMessage({
+          message: text
+        });
+        logObject(config);
+        return null;
+      }
+      var toolList = tools.map(function (o, index) {
+        return _objectSpread2(_objectSpread2({}, o), {
+          key: "toolItem_".concat(index)
+        });
+      });
+      var bar = /*#__PURE__*/React.createElement("div", {
+        className: styles.cardContainor
+      }, /*#__PURE__*/React.createElement(Card, {
+        title: /*#__PURE__*/React.createElement(IconInfo, {
+          icon: iconBuilder.tool(),
+          text: title || '工具栏'
+        }),
+        bordered: false,
+        bodyStyle: {
+          padding: 0
+        },
+        extra: /*#__PURE__*/React.createElement(Space, {
+          split: /*#__PURE__*/React.createElement(Divider, {
+            type: "vertical"
+          })
+        }, toolList.map(function (o) {
+          var _hidden = _objectSpread2(_objectSpread2({}, {
+              hidden: false
+            }), o !== null && o !== void 0 ? o : {}),
+            hidden = _hidden.hidden;
+          if (hidden) {
+            return null;
+          }
+          return /*#__PURE__*/React.createElement(Tooltip, {
+            key: o.key,
+            title: o.title || ''
+          }, o.component);
+        }))
+      }));
+      if (isBoolean(stick) && stick) {
+        return /*#__PURE__*/React.createElement(Affix, {
+          offsetTop: 0
+        }, bar);
+      }
+      return bar;
+    };
+    _this.buildToolBarWrapper = function () {
+      var toolBar = _this.buildToolBar();
+      if ((toolBar || null) == null) {
+        return null;
+      }
+      return toolBar;
+    };
+    _this.establishWrapperTypeConfig = function () {
+      return {
+        mode: contentConfig.wrapperType.page
+      };
+    };
+    _this.establishHelpConfig = function () {
+      return null;
+    };
+    _this.buildHelp = function () {
+      var wrapperTypeConfig = _this.establishWrapperTypeConfig() || {
+        mode: contentConfig.wrapperType.page
+      };
+      var configData = _objectSpread2(_objectSpread2({}, {
+        mode: contentConfig.wrapperType.page
+      }), wrapperTypeConfig || {});
+      var mode = configData.mode;
+      var config = _this.establishHelpConfig();
+      if ((config || null) == null) {
+        return null;
+      }
+      var _title$showNumber$lis = _objectSpread2(_objectSpread2({}, {
+          title: '操作帮助',
+          showNumber: true,
+          list: []
+        }), config),
+        title = _title$showNumber$lis.title,
+        showNumber = _title$showNumber$lis.showNumber,
+        list = _title$showNumber$lis.list;
+      if (!isArray(list)) {
+        var text = '帮助条目数据无效';
+        showErrorMessage({
+          message: text
+        });
+        logObject(config);
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(HelpCard, {
+        border: mode !== contentConfig.wrapperType.model && mode !== contentConfig.wrapperType.drawer,
+        compact: mode === contentConfig.wrapperType.model,
+        helpBoxProps: {
+          title: title || '操作帮助',
+          showNumber: showNumber || false,
+          list: list
+        }
+      });
+    };
+    _this.buildHelpWrapper = function () {
+      var help = _this.buildHelp();
+      if ((help || null) == null) {
+        return null;
+      }
+      return help;
+    };
+    _this.establishSiderTopAreaConfig = function () {
+      return null;
+    };
+    _this.renderSiderTopArea = function () {
+      var config = _this.establishSiderTopAreaConfig();
+      if (config == null) {
+        return null;
+      }
+      return _this.buildCardCollectionArea(config);
+    };
+    _this.establishSiderBottomAreaConfig = function () {
+      return null;
+    };
+    _this.renderSiderBottomArea = function () {
+      var config = _this.establishSiderBottomAreaConfig();
+      if (config == null) {
+        return null;
+      }
+      return _this.buildCardCollectionArea(config);
+    };
+    _this.buildCardCollectionArea = function () {
+      var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      if (config == null) {
+        return null;
+      }
+      var formContentWrapperTypeConfig = _this.establishWrapperTypeConfig() || {
+        mode: cardConfig.wrapperType.page
+      };
+      var configData = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, {
+        mode: cardConfig.wrapperType.page,
+        justify: 'start',
+        align: 'top'
+      }), formContentWrapperTypeConfig || {}), {
+        list: []
+      }), config || {});
+      var mode = configData.mode,
+        justifyGeneral = configData.justify,
+        alignGeneral = configData.align,
+        list = configData.list;
+      var listData = [];
+      if (isArray(list)) {
+        list.forEach(function (co, ci) {
+          listData.push(co);
+          if (ci !== list.length - 1) {
+            listData.push('');
+          }
+        });
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          backgroundColor: '#f0f2f5'
+        }
+      }, /*#__PURE__*/React.createElement(Space, {
+        style: {
+          width: '100%'
+        },
+        direction: "vertical",
+        size: 24
+      }, listData.map(function (item, index) {
+        return _this.buildCardCollectionItem({
+          mode: mode,
+          justify: justifyGeneral,
+          align: alignGeneral,
+          config: item,
+          key: index
+        });
+      })));
+    };
+    _this.renderSiderArea = function () {
+      var topArea = _this.renderSiderTopArea();
+      var bottomArea = _this.renderSiderBottomArea();
+      if ((bottomArea || null) == null) {
+        return topArea;
+      }
+      return /*#__PURE__*/React.createElement(FlexBox, {
+        flexAuto: "top",
+        top: topArea,
+        bottom: bottomArea
+      });
+    };
+    _this.establishPageContentLayoutSiderConfig = function () {
+      return {};
+    };
+    _this.establishPageContentLayoutConfig = function () {
+      return {};
+    };
+    _this.buildCardCollection = function (config) {
+      var siderArea = _this.renderSiderArea();
+      var contentArea = _this.buildCardCollectionArea(config);
+      var layoutSiderConfig = _this.establishPageContentLayoutSiderConfig();
+      var layoutConfig = _this.establishPageContentLayoutConfig();
+      var _position = _objectSpread2(_objectSpread2({}, {
+          position: 'left'
+        }), layoutSiderConfig || {}),
+        siderPosition = _position.position;
+      var siderConfig = _objectSpread2(_objectSpread2({}, {
+        width: 300,
+        style: _objectSpread2(_objectSpread2({}, {
+          backgroundColor: '#fff',
+          borderRadius: '4px',
+          overflowX: 'auto',
+          overflowY: 'hidden'
+        }), siderPosition === 'left' ? {
+          marginRight: '24px'
+        } : {
+          marginLeft: '24px'
+        })
+      }), layoutSiderConfig || {});
+      layoutConfig = _objectSpread2(_objectSpread2({}, {
+        breakpoint: 'sm',
+        style: {
+          backgroundColor: '#f0f2f5',
+          minHeight: 'auto'
+        }
+      }), layoutConfig || {});
+      var inner = siderArea == null ? contentArea : /*#__PURE__*/React.createElement(Layout, layoutConfig, siderPosition === 'left' ? /*#__PURE__*/React.createElement(Sider, siderConfig, siderArea) : null, /*#__PURE__*/React.createElement(Content, {
+        style: {
+          backgroundColor: '#fff',
+          borderRadius: '4px'
+        }
+      }, contentArea), siderPosition !== 'left' ? /*#__PURE__*/React.createElement(Sider, siderConfig, siderArea) : null);
+      var toolbar = _this.buildToolBarWrapper();
+      var help = _this.buildHelpWrapper();
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, {
+        style: {
+          width: '100%'
+        },
+        direction: "vertical",
+        size: 24
+      }, toolbar, inner, help));
+    };
+    _this.buildCardCollectionItem = function (_ref7) {
+      var cardItemConfig = _ref7.config,
+        cardItemKey = _ref7.key,
+        _ref7$mode = _ref7.mode,
+        mode = _ref7$mode === void 0 ? cardConfig.wrapperType.page : _ref7$mode,
+        _ref7$justify = _ref7.justify,
+        justifyGeneral = _ref7$justify === void 0 ? 'start' : _ref7$justify,
+        _ref7$align = _ref7.align,
+        alignGeneral = _ref7$align === void 0 ? 'top' : _ref7$align;
+      var key = "cardCollectionItem_key_".concat(cardItemKey);
+      if ((cardItemConfig || null) == null) {
+        return null;
+      }
+      var _title$size$bordered$ = _objectSpread2(_objectSpread2({}, {
+          title: '',
+          size: 'default',
+          bordered: false,
+          useAnimal: false,
+          animalType: cardConfig.animalType.none,
+          extra: null,
+          hidden: false,
+          cardType: cardConfig.renderType.normal,
+          cardBodyStyle: {},
+          items: [],
+          otherComponent: null,
+          formItemLayout: null,
+          instruction: null,
+          justify: 'start',
+          align: 'top'
+        }), cardItemConfig || {}),
+        title = _title$size$bordered$.title,
+        size = _title$size$bordered$.size,
+        bordered = _title$size$bordered$.bordered,
+        useAnimal = _title$size$bordered$.useAnimal,
+        animalType = _title$size$bordered$.animalType,
+        extra = _title$size$bordered$.extra,
+        hidden = _title$size$bordered$.hidden,
+        cardType = _title$size$bordered$.cardType,
+        cardBodyStyle = _title$size$bordered$.cardBodyStyle,
+        spinning = _title$size$bordered$.spinning,
+        contentItems = _title$size$bordered$.items,
+        otherComponent = _title$size$bordered$.otherComponent,
+        formItemLayout = _title$size$bordered$.formItemLayout,
+        instruction = _title$size$bordered$.instruction,
+        justifyRow = _title$size$bordered$.justify,
+        alignRow = _title$size$bordered$.align;
+      if (hidden || false) {
+        return null;
+      }
+      var _image$imageCircle$ic = _objectSpread2(_objectSpread2({}, {
+          image: '',
+          imageCircle: true,
+          icon: null,
+          hideIcon: false,
+          hideIconWhenShowImage: true,
+          text: '',
+          textEllipsisMaxWidth: 0,
+          subText: '',
+          addonBefore: null,
+          addonAfter: null
+        }), title || {}),
+        image = _image$imageCircle$ic.image,
+        imageCircle = _image$imageCircle$ic.imageCircle,
+        icon = _image$imageCircle$ic.icon,
+        hideIcon = _image$imageCircle$ic.hideIcon,
+        hideIconWhenShowImage = _image$imageCircle$ic.hideIconWhenShowImage,
+        text = _image$imageCircle$ic.text,
+        textEllipsisMaxWidth = _image$imageCircle$ic.textEllipsisMaxWidth,
+        subText = _image$imageCircle$ic.subText,
+        titleAddonBefore = _image$imageCircle$ic.addonBefore,
+        titleAddonAfter = _image$imageCircle$ic.addonAfter;
+      var _affix$split$list = _objectSpread2(_objectSpread2({}, {
+          affix: false,
+          split: false,
+          list: []
+        }), extra || {}),
+        affix = _affix$split$list.affix,
+        split = _affix$split$list.split,
+        extraItemList = _affix$split$list.list;
+      var imageVisible = !checkStringIsNullOrWhiteSpace(image);
+      var iconAdjust = !!hideIcon ? null : imageVisible ? !!hideIconWhenShowImage ? null : icon : icon || iconBuilder.read();
+      var extraListData = [];
+      if (isArray(extraItemList)) {
+        extraItemList.forEach(function (eo, ei) {
+          if ((eo || null) != null) {
+            extraListData.push(eo);
+            if (ei !== extraItemList.length - 1) {
+              extraListData.push('');
+            }
+          }
+        });
+      }
+      var extraItems = _this.buildByExtraBuildType({
+        keyPrefix: "formContent_key_".concat(cardItemKey, "_extra"),
+        configList: extraListData
+      });
+      var hasExtraItems = extraItems.length > 0;
+      var cardTypeBodyStyle = {};
+      if (cardType === cardConfig.renderType.help) {
+        cardTypeBodyStyle = {
+          paddingTop: '12px',
+          paddingBottom: '12px'
+        };
+      }
+      var card = /*#__PURE__*/React.createElement(Card, {
+        title: cardItemKey === 0 && mode !== cardConfig.wrapperType.page ? null : (text || '') === '' && (subText || '') === '' ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlexText, {
+          icon: iconAdjust || null,
+          text: text || '',
+          textEllipsisMaxWidth: textEllipsisMaxWidth,
+          subText: subText || '',
+          addonBefore: (titleAddonBefore || null) == null ? null : titleAddonBefore,
+          addonAfter: (titleAddonAfter || null) == null ? null : titleAddonAfter
+        })),
+        style: imageVisible ? {
+          position: 'relative'
+        } : {},
+        headStyle: imageVisible ? {
+          paddingLeft: '64px'
+        } : {},
+        size: size || 'default',
+        bordered: bordered,
+        extra: hasExtraItems ? mode === cardConfig.wrapperType.page && affix ? /*#__PURE__*/React.createElement(Affix, {
+          offsetTop: 20
+        }, /*#__PURE__*/React.createElement(Space, {
+          split: isBoolean(split) ? split ? /*#__PURE__*/React.createElement(Divider, {
+            type: "vertical"
+          }) : null : split
+        }, extraItems)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, {
+          split: isBoolean(split) ? split ? /*#__PURE__*/React.createElement(Divider, {
+            type: "vertical"
+          }) : null : split
+        }, extraItems)) : null,
+        bodyStyle: mode === cardConfig.wrapperType.model ? _objectSpread2(_objectSpread2(_objectSpread2({}, cardBodyStyle || {}), cardTypeBodyStyle || {}), {
+          paddingBottom: 0
+        }) : _objectSpread2(_objectSpread2({}, cardBodyStyle || {}), cardTypeBodyStyle || {})
+      }, /*#__PURE__*/React.createElement(Spin, {
+        spinning: spinning || false
+      }, /*#__PURE__*/React.createElement(React.Fragment, null, _this.buildCardCollectionItemContent({
+        mode: mode,
+        justify: justifyRow || justifyGeneral,
+        align: alignRow || alignGeneral,
+        items: isArray(contentItems) ? contentItems.map(function (o) {
+          return _objectSpread2(_objectSpread2({}, o), {
+            formItemLayout: formItemLayout || null
+          });
+        }) : [],
+        index: cardItemKey
+      }), otherComponent || null, isObject(instruction !== null && instruction !== void 0 ? instruction : false) || isArray(instruction !== null && instruction !== void 0 ? instruction : false) ? isArray(instruction !== null && instruction !== void 0 ? instruction : false) ? instruction.map(function (o, indexHelpBox) {
+        if ((o !== null && o !== void 0 ? o : null) == null) {
+          return null;
+        }
+        var keyHelpBox = "".concat(key, "_HelpBox_$").concat(indexHelpBox);
+        return /*#__PURE__*/React.createElement(HelpBox, _extends({
+          key: keyHelpBox
+        }, o));
+      }) : /*#__PURE__*/React.createElement(HelpBox, instruction) : null)), imageVisible ? /*#__PURE__*/React.createElement("div", {
+        style: {
+          position: 'absolute',
+          width: '32px',
+          left: '22px',
+          top: '15px'
+        }
+      }, /*#__PURE__*/React.createElement(ImageBox, {
+        src: image,
+        circle: imageCircle,
+        lazyLoad: true,
+        errorOverlayVisible: true,
+        showErrorOverlay: true,
+        loadingEffect: true,
+        preview: true,
+        previewSimpleMask: true
+      })) : null);
+      return /*#__PURE__*/React.createElement("div", {
+        key: key,
+        className: styles.cardContainor
+      }, isBoolean(useAnimal) && animalType === cardConfig.animalType.fade ? /*#__PURE__*/React.createElement(FadeBox, null, card) : null, isBoolean(useAnimal) && animalType === cardConfig.animalType.queue ? /*#__PURE__*/React.createElement(QueueBox, null, card) : null, !isBoolean(useAnimal) || isBoolean(useAnimal) && !inCollection([cardConfig.animalType.fade, cardConfig.animalType.queue], animalType) ? card : null);
+    };
+    _this.buildCardCollectionItemContent = function (_ref8) {
+      var mode = _ref8.mode,
+        justify = _ref8.justify,
+        align = _ref8.align,
+        _ref8$gutter = _ref8.gutter,
+        gutter = _ref8$gutter === void 0 ? 24 : _ref8$gutter,
+        contentItems = _ref8.items,
+        contentIndex = _ref8.index;
+      return /*#__PURE__*/React.createElement(Row, {
+        justify: justify,
+        align: align,
+        gutter: gutter || 24
+      }, isArray(contentItems) ? contentItems.map(function (contentItem, contentItemIndex) {
+        var contentItemKey = "formContent_key_".concat(contentIndex, "_content_").concat(contentItemIndex);
+        var _lg$md$sm$xs$require$ = _objectSpread2(_objectSpread2({}, {
+            lg: 6,
+            md: 12,
+            sm: 24,
+            xs: 24,
+            require: false,
+            type: '',
+            fieldData: {
+              label: '',
+              name: '',
+              helper: ''
+            },
+            hidden: false,
+            canOperate: true,
+            formItemLayout: null
+          }), contentItem || {}),
+          lgValue = _lg$md$sm$xs$require$.lg,
+          md = _lg$md$sm$xs$require$.md,
+          sm = _lg$md$sm$xs$require$.sm,
+          xs = _lg$md$sm$xs$require$.xs,
+          type = _lg$md$sm$xs$require$.type,
+          require = _lg$md$sm$xs$require$.require,
+          fieldDataValue = _lg$md$sm$xs$require$.fieldData,
+          hidden = _lg$md$sm$xs$require$.hidden,
+          canOperate = _lg$md$sm$xs$require$.canOperate,
+          formItemLayout = _lg$md$sm$xs$require$.formItemLayout;
+        if (hidden) {
+          return null;
+        }
+        var fieldData = _objectSpread2(_objectSpread2({}, {
+          label: '',
+          name: '',
+          helper: ''
+        }), fieldDataValue || {});
+        var lg = (lgValue || 6) < 12 && mode !== cardConfig.wrapperType.page ? 12 : lgValue;
+        lg = lg > 12 && mode !== cardConfig.wrapperType.page ? 24 : lg;
+        lg = lg > 24 ? 24 : lg;
+        if (type === cardConfig.contentItemType.placeholder) {
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg,
+            md: lg || md,
+            sm: lg || sm,
+            xs: lg || xs
+          });
+        }
+        if (type === cardConfig.contentItemType.divider) {
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg,
+            md: lg || md,
+            sm: lg || sm,
+            xs: lg || xs
+          }, /*#__PURE__*/React.createElement(Divider, _objectSpread2(_objectSpread2({}, {
+            style: {
+              margin: '4px 0'
+            }
+          }), contentItem.otherProps || {}), (contentItem.text || null) == null ? null : contentItem.text));
+        }
+        if (type === cardConfig.contentItemType.customGrid) {
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg,
+            md: lg || md,
+            sm: lg || sm,
+            xs: lg || xs
+          }, buildCustomGrid({
+            list: isArray(contentItem.list) ? contentItem.list : [],
+            props: _objectSpread2(_objectSpread2({}, {
+              bordered: true,
+              column: 3,
+              emptyStyle: {
+                color: '#cccccc'
+              },
+              emptyValue: '暂无',
+              labelStyle: {
+                width: '100px'
+              }
+            }), contentItem.props || {})
+          }));
+        }
+        if (type === cardConfig.contentItemType.tree) {
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg,
+            md: lg || md,
+            sm: lg || sm,
+            xs: lg || xs
+          }, buildTree(contentItem));
+        }
+        if (type === cardConfig.contentItemType.tinymce) {
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg,
+            md: lg || md,
+            sm: lg || sm,
+            xs: lg || xs
+          }, /*#__PURE__*/React.createElement(TinymceWrapper, {
+            apiKey: checkStringIsNullOrWhiteSpace(contentItem.apiKey || '') ? runtimeSettings.getTinymceApiKey() : contentItem.apiKey,
+            content: contentItem.html || '',
+            afterChange: contentItem.afterChange,
+            initConfig: contentItem.initConfig || null,
+            imagesUploadUrl: checkStringIsNullOrWhiteSpace(contentItem.imagesUploadUrl || '') ? runtimeSettings.getTinymceImagesUploadUrl() : contentItem.imagesUploadUrl
+          }));
+        }
+        if (type === cardConfig.contentItemType.html) {
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg,
+            md: lg || md,
+            sm: lg || sm,
+            xs: lg || xs
+          }, /*#__PURE__*/React.createElement(HtmlBox, {
+            useEmpty: (contentItem.useEmpty || null) == null ? true : contentItem.useEmpty || false,
+            html: contentItem.html || ''
+          }));
+        }
+        if (type === cardConfig.contentItemType.imageUpload) {
+          var uploadProps = _objectSpread2(_objectSpread2({}, {
+            icon: contentItem.icon || null,
+            title: contentItem.title || '',
+            helper: contentItem.helper || '',
+            image: contentItem.image || '',
+            action: contentItem.action || '',
+            tokenSet: _this.getUploadTokenObject(),
+            multiple: contentItem.multiple || false,
+            fileList: contentItem.fileList || [],
+            showUploadList: contentItem.showUploadList || false,
+            listType: contentItem.listType || 'picture-card',
+            disabled: contentItem.disabled || false
+          }), contentItem.uploadProps || {});
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg || 6,
+            md: md,
+            sm: sm,
+            xs: xs
+          }, /*#__PURE__*/React.createElement(ImageUpload, _extends({}, uploadProps, {
+            pretreatmentRemoteResponse: _this.pretreatmentImageUploadRemoteResponse,
+            afterUploadSuccess: function afterUploadSuccess(image) {
+              if (isFunction(contentItem.afterUploadSuccess)) {
+                contentItem.afterUploadSuccess(image);
+              }
+            },
+            onItemChange: contentItem.onItemChange || null,
+            onItemRemove: contentItem.onItemRemove || null
+          })));
+        }
+        if (type === cardConfig.contentItemType.imageShow) {
+          var imageBoxProps = _objectSpread2(_objectSpread2({}, {
+            loadingEffect: true,
+            errorOverlayVisible: true,
+            showErrorIcon: false,
+            alt: ''
+          }), contentItem.imageBoxProps || {});
+          var imageBoxContainorStyle = _objectSpread2(_objectSpread2({}, {
+            width: '100px',
+            border: '1px solid #d9d9d9',
+            borderRadius: '4px',
+            padding: '8px'
+          }), contentItem.imageBoxContainorStyle || {});
+          var imageBox = /*#__PURE__*/React.createElement(ImageBox, _extends({
+            src: contentItem.image || defaultEmptyImage,
+            preview: !stringIsEmpty(contentItem.image || '')
+          }, imageBoxProps));
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg || 6,
+            md: md,
+            sm: sm,
+            xs: xs
+          }, /*#__PURE__*/React.createElement("div", {
+            style: imageBoxContainorStyle
+          }, imageBox));
+        }
+        if (type === cardConfig.contentItemType.imageListShow) {
+          var imageBoxListContainorStyle = null;
+          var _imageBoxProps = _objectSpread2(_objectSpread2({}, {
+            loadingEffect: true,
+            errorOverlayVisible: true,
+            showErrorIcon: false,
+            alt: ''
+          }), contentItem.imageBoxProps || {});
+          if ((contentItem.imageBoxListContainorStyle || null) != null) {
+            imageBoxListContainorStyle = contentItem.imageBoxListContainorStyle;
+          }
+          var _imageBoxContainorStyle = _objectSpread2(_objectSpread2({}, {
+            width: '100px',
+            border: '1px solid #d9d9d9',
+            borderRadius: '4px',
+            padding: '8px'
+          }), contentItem.imageBoxContainorStyle || {});
+          var imageItemShowList = [];
+          var ignoreEmpty = contentItem.ignoreEmpty || false;
+          (isArray(contentItem.imageList) ? contentItem.imageList : []).forEach(function (imageOne, imageIndex) {
+            var imageKey = "contentItem_".concat(contentIndex, "_imageList_item_").concat(imageIndex);
+            if (ignoreEmpty) {
+              if (!checkStringIsNullOrWhiteSpace(imageOne)) {
+                imageItemShowList.push({
+                  key: imageKey,
+                  imageBoxContainorStyle: _imageBoxContainorStyle,
+                  component: /*#__PURE__*/React.createElement(ImageBox, _extends({
+                    src: imageOne || defaultEmptyImage,
+                    preview: !stringIsEmpty(imageOne || '')
+                  }, _imageBoxProps))
+                });
+              }
+            } else {
+              imageItemShowList.push({
+                key: imageKey,
+                imageBoxContainorStyle: _imageBoxContainorStyle,
+                component: /*#__PURE__*/React.createElement(ImageBox, _extends({
+                  src: imageOne || defaultEmptyImage,
+                  preview: !stringIsEmpty(imageOne || '')
+                }, _imageBoxProps))
+              });
+            }
+          });
+          var imageListContainor = /*#__PURE__*/React.createElement(Space, null, imageItemShowList.length <= 0 ? /*#__PURE__*/React.createElement(Empty, {
+            image: Empty.PRESENTED_IMAGE_SIMPLE
+          }) : imageItemShowList.map(function (o) {
+            return /*#__PURE__*/React.createElement("div", {
+              key: o.key,
+              style: o.imageBoxContainorStyle
+            }, o.component);
+          }));
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg || 6,
+            md: md,
+            sm: sm,
+            xs: xs
+          }, imageBoxListContainorStyle == null ? imageListContainor : /*#__PURE__*/React.createElement("div", {
+            style: imageBoxListContainorStyle
+          }, imageListContainor));
+        }
+        if (type === cardConfig.contentItemType.treeSelect) {
+          var _value$fileBase64$onC = _objectSpread2({}, {
+              value: contentItem.value || '',
+              fileBase64: contentItem.fileBase64 || '',
+              onChangeCallback: contentItem.onChangeCallback || null,
+              otherProps: _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {}),
+              listData: contentItem.listData || [],
+              dataConvert: contentItem.dataConvert || null
+            }),
+            treeSelectValue = _value$fileBase64$onC.value,
+            onTreeSelectChangeCallback = _value$fileBase64$onC.onChangeCallback,
+            otherTreeSelectProps = _value$fileBase64$onC.otherProps,
+            treeSelectListData = _value$fileBase64$onC.listData,
+            treeSelectDataConvertor = _value$fileBase64$onC.dataConvert;
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg || 6,
+            md: md,
+            sm: sm,
+            xs: xs
+          }, _this.renderFormInnerComponent(fieldData.label, buildTreeSelect({
+            value: treeSelectValue || null,
+            placeholder: buildFieldDescription(fieldData.label, '选择') || '请选择',
+            onChangeCallback: onTreeSelectChangeCallback,
+            otherProps: otherTreeSelectProps,
+            listData: treeSelectListData,
+            dataConvert: treeSelectDataConvertor
+          }), fieldData.helper, formItemLayout, require));
+        }
+        if (type === cardConfig.contentItemType.fileBase64Upload) {
+          var _uploadProps = _objectSpread2(_objectSpread2({}, contentItem.uploadProps || {}), {
+            fileBase64: contentItem.fileBase64 || '',
+            action: contentItem.action || '',
+            tokenSet: _this.getUploadTokenObject()
+          });
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg || 6,
+            md: md,
+            sm: sm,
+            xs: xs
+          }, _this.renderFormInnerComponent(fieldData.label, /*#__PURE__*/React.createElement(FileBase64Upload, _extends({}, _uploadProps, {
+            pretreatmentRemoteResponse: _this.pretreatmentFileBase64UploadRemoteResponse,
+            afterUploadSuccess: function afterUploadSuccess(fileBase64) {
+              if (isFunction(contentItem.afterUploadSuccess)) {
+                contentItem.afterUploadSuccess(fileBase64);
+              }
+            }
+          })), fieldData.helper, null, require));
+        }
+        if (type === cardConfig.contentItemType.videoUpload) {
+          var _uploadProps2 = _objectSpread2(_objectSpread2({}, contentItem.uploadProps || {}), {
+            video: contentItem.video || '',
+            showPreview: contentItem.showPreview || false,
+            action: contentItem.action || '',
+            tokenSet: _this.getUploadTokenObject()
+          });
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg || 6,
+            md: md,
+            sm: sm,
+            xs: xs
+          }, _this.renderFormInnerComponent(fieldData.label, /*#__PURE__*/React.createElement(VideoUpload, _extends({}, _uploadProps2, {
+            pretreatmentRemoteResponse: _this.pretreatmentVideoUploadRemoteResponse,
+            afterChangeSuccess: function afterChangeSuccess(video) {
+              if (isFunction(contentItem.afterChangeSuccess)) {
+                contentItem.afterChangeSuccess(video);
+              }
+            }
+          })), fieldData.helper, formItemLayout, require));
+        }
+        if (type === cardConfig.contentItemType.fileUpload) {
+          var _uploadProps3 = _objectSpread2(_objectSpread2({}, contentItem.uploadProps || {}), {
+            file: contentItem.file || '',
+            action: contentItem.action || '',
+            tokenSet: _this.getUploadTokenObject()
+          });
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg || 6,
+            md: md,
+            sm: sm,
+            xs: xs
+          }, _this.renderFormInnerComponent(fieldData.label, /*#__PURE__*/React.createElement(FileUpload, _extends({}, _uploadProps3, {
+            pretreatmentRemoteResponse: _this.pretreatmentFileUploadRemoteResponse,
+            afterChangeSuccess: function afterChangeSuccess(file) {
+              if (isFunction(contentItem.afterChangeSuccess)) {
+                contentItem.afterChangeSuccess(file);
+              }
+            }
+          })), fieldData.helper, formItemLayout, require));
+        }
+        if (type === cardConfig.contentItemType.audioUpload) {
+          var _uploadProps4 = _objectSpread2(_objectSpread2({}, contentItem.uploadProps || {}), {
+            audio: contentItem.audio || '',
+            showPreview: contentItem.showPreview || false,
+            action: contentItem.action || '',
+            tokenSet: _this.getUploadTokenObject()
+          });
+          return /*#__PURE__*/React.createElement(Col, {
+            key: contentItemKey,
+            lg: lg || 6,
+            md: md,
+            sm: sm,
+            xs: xs
+          }, _this.renderFormInnerComponent(fieldData.label, /*#__PURE__*/React.createElement(AudioUpload, _extends({}, _uploadProps4, {
+            pretreatmentRemoteResponse: _this.pretreatmentAudioUploadRemoteResponse,
+            afterChangeSuccess: function afterChangeSuccess(audio) {
+              if (isFunction(contentItem.afterChangeSuccess)) {
+                contentItem.afterChangeSuccess(audio);
+              }
+            }
+          })), fieldData.helper, formItemLayout, require));
+        }
+        return /*#__PURE__*/React.createElement(Col, {
+          key: contentItemKey,
+          lg: lg || 6,
+          md: md,
+          sm: sm,
+          xs: xs
+        }, type === cardConfig.contentItemType.text ? _this.renderFormText(fieldData.label, contentItem.value || '', fieldData.helper, formItemLayout) : null, type === cardConfig.contentItemType.input ? _this.renderFormInput(fieldData.label, fieldData.name, require, fieldData.helper, contentItem.icon || iconBuilder.form(), _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {}), canOperate, formItemLayout) : null, type === cardConfig.contentItemType.password ? _this.renderFormPassword(fieldData.label, fieldData.name, require, fieldData.helper, contentItem.icon || iconBuilder.form(), _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {}), canOperate, formItemLayout) : null, type === cardConfig.contentItemType.inputNumber ? _this.renderFormInputNumber(fieldData.label, fieldData.name, require, fieldData.helper, contentItem.icon || iconBuilder.form(), _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {}), canOperate, formItemLayout) : null, type === cardConfig.contentItemType["switch"] ? _this.renderFormSwitch(fieldData.label, fieldData.name, require, fieldData.helper, _objectSpread2({}, contentItem.otherProps || {}), canOperate, formItemLayout) : null, type === cardConfig.contentItemType.flexText ? /*#__PURE__*/React.createElement(FlexText, _objectSpread2(_objectSpread2({}, {
+          style: {
+            margin: '5px 0'
+          }
+        }), contentItem.flexTextProps || {})) : null, type === cardConfig.contentItemType.onlyShowTextByFlexText ? /*#__PURE__*/React.createElement(FlexText, {
+          style: {
+            margin: '5px 0'
+          },
+          icon: null,
+          textPrefix: fieldData.label || '',
+          text: contentItem.value || ''
+        }) : null, type === cardConfig.contentItemType.datePicker ? _this.renderFormDatePicker(fieldData.label, fieldData.name, require, fieldData.helper, _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {}), canOperate, formItemLayout) : null, type === cardConfig.contentItemType.timePicker ? _this.renderFormTimePicker(fieldData.label, fieldData.name, require, fieldData.helper, _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {}), canOperate, formItemLayout) : null, type === cardConfig.contentItemType.textarea ? _this.renderFormTextArea(fieldData.label, fieldData.name, require, fieldData.helper, _objectSpread2(_objectSpread2({}, {
+          autoSize: {
+            minRows: 3,
+            maxRows: 5
+          }
+        }), contentItem.otherProps || {}), canOperate, formItemLayout) : null, type === cardConfig.contentItemType.onlyShowTextarea ? _this.renderFormOnlyShowTextarea(fieldData.label, contentItem.value, fieldData.helper || '', _objectSpread2(_objectSpread2(_objectSpread2({}, {
+          autoSize: {
+            minRows: 3,
+            maxRows: 5
+          }
+        }), contentItem.otherProps || {}), {
+          disabled: true,
+          placeholder: "\u6682\u65E0".concat(fieldData.label, "\u4FE1\u606F")
+        }), formItemLayout) : null, type === cardConfig.contentItemType.onlyShowInput ? _this.renderFormOnlyShowInput(fieldData.label, contentItem.value, fieldData.helper || '', contentItem.icon || iconBuilder.form(), _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {}), {
+          disabled: true,
+          placeholder: "\u6682\u65E0".concat(fieldData.label, "\u4FE1\u606F")
+        }), contentItem.canCopy || false ? {
+          addonAfter: _this.renderGeneralButton({
+            style: {
+              border: '0px solid #d9d9d9',
+              backgroundColor: '#fafafa',
+              height: '30px'
+            },
+            icon: null,
+            showIcon: false,
+            disabled: checkStringIsNullOrWhiteSpace(contentItem.value || ''),
+            text: '点击复制',
+            handleClick: function handleClick() {
+              copyToClipboard(contentItem.value || '');
+            }
+          })
+        } : {}), formItemLayout) : null, type === cardConfig.contentItemType.onlyShowInputDatetime ? _this.renderFormOnlyShowInput(fieldData.label, formatDatetime({
+          data: toDatetime(contentItem.value),
+          format: datetimeFormat.yearMonthDayHourMinute
+        }), fieldData.helper || '', contentItem.icon || iconBuilder.form(), _objectSpread2(_objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {}), {
+          disabled: true,
+          placeholder: "\u6682\u65E0".concat(fieldData.label, "\u4FE1\u606F")
+        }), formItemLayout) : null, type === cardConfig.contentItemType.select ? _this.renderFormSelect(fieldData.label, fieldData.name, function () {
+          return _this.renderFormOptionCore(refitCommonData(isFunction(contentItem.pretreatmentData) ? contentItem.pretreatmentData(isArray(contentItem.listData) ? contentItem.listData : []) : isArray(contentItem.listData) ? contentItem.listData : []));
+        }, fieldData.helper || '', isFunction(contentItem.onChangeCallback) ? contentItem.onChangeCallback : null, formItemLayout, true, _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {})) : null, type === cardConfig.contentItemType.whetherSelect ? renderFormWhetherSelect({
+          label: fieldData.label,
+          name: fieldData.name,
+          helper: fieldData.helper,
+          onChangeCallback: contentItem.onChangeCallback,
+          formItemLayout: formItemLayout,
+          required: true,
+          otherProps: _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {})
+        }) : null, type === cardConfig.contentItemType.customSelect ? contentItem.component : null, type === cardConfig.contentItemType.flexSelect ? buildCustomSelect(contentItem) : null, type === cardConfig.contentItemType.radio ? _this.renderFormSelect(fieldData.label, fieldData.name, function () {
+          return _this.renderFormRadioCore(refitCommonData(isArray(contentItem.listData) ? contentItem.listData : []));
+        }, fieldData.helper || '', isFunction(contentItem.onChangeCallback) ? contentItem.onChangeCallback : null, formItemLayout, true, _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {})) : null, type === cardConfig.contentItemType.whetherRadio ? _this.renderFormWhetherRadio(fieldData.label, fieldData.name, fieldData.helper, contentItem.onChangeCallback, formItemLayout, true, _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {})) : null, type === cardConfig.contentItemType.customRadio ? contentItem.component : null, type === cardConfig.contentItemType.onlyShowText ? _this.renderFormOnlyShowText(fieldData.label, contentItem.value, (isUndefined(contentItem.showHelper) ? false : contentItem.showHelper || false) ? fieldData.helper || '' : '', formItemLayout) : null, type === cardConfig.contentItemType.innerComponent ? _this.renderFormInnerComponent(fieldData.label, contentItem.component, fieldData.helper, formItemLayout, require) : null, type === cardConfig.contentItemType.save ? _this.renderFormActionItem(_this.renderSaveButton(contentItem.config || {}), formItemLayout) : null, type === cardConfig.contentItemType.button ? _this.renderFormButton(contentItem.config || {}, formItemLayout) : null, type === cardConfig.contentItemType.actionList ? /*#__PURE__*/React.createElement(Space, {
+          split: isBoolean(contentItem.split || false) ? contentItem.split || false ? /*#__PURE__*/React.createElement(Divider, {
+            type: "vertical"
+          }) : null : contentItem.split
+        }, _this.buildByExtraBuildType({
+          keyPrefix: "form_card_".concat(contentIndex, "_action_key"),
+          configList: contentItem.config || []
+        })) : null, type === cardConfig.contentItemType.component ? contentItem.component || null : null, type === cardConfig.contentItemType.jsonView ? _this.renderJsonView(contentItem.value) : null, type === cardConfig.contentItemType.syntaxHighlighterView ? _this.renderFormOnlyShowSyntaxHighlighter(contentItem.language, fieldData.label, contentItem.value, fieldData.helper, formItemLayout, require, _objectSpread2(_objectSpread2({}, {}), contentItem.otherProps || {})) : null, type === cardConfig.contentItemType.nowTime ? _this.renderFormNowTimeField({
+          formItemLayout: formItemLayout
+        }) : null);
+      }) : null);
+    };
+    _this.buildByExtraBuildType = function (_ref9) {
+      var _ref9$keyPrefix = _ref9.keyPrefix,
+        keyPrefix = _ref9$keyPrefix === void 0 ? '' : _ref9$keyPrefix,
+        configList = _ref9.configList;
+      var list = [];
+      (isArray(configList) ? configList : []).forEach(function (item, index) {
+        if ((item || null) != null) {
+          var _hidden$buildType$ico = _objectSpread2(_objectSpread2({}, {
+              hidden: false,
+              buildType: null,
+              icon: null,
+              text: '',
+              component: null
+            }), item),
+            hidden = _hidden$buildType$ico.hidden,
+            buildType = _hidden$buildType$ico.buildType,
+            componentSource = _hidden$buildType$ico.component;
+          if (!hidden) {
+            var itemKey = "".concat(keyPrefix, "_").concat(index);
+            var itemAdjust = item;
+            switch (buildType) {
+              case extraBuildType.refresh:
+                itemAdjust = _this.renderRefreshButton(item);
+                break;
+              case extraBuildType.save:
+                itemAdjust = _this.renderSaveButton(item);
+                break;
+              case cardConfig.extraBuildType.generalButton:
+                itemAdjust = _this.renderGeneralButton(item);
+                break;
+              case extraBuildType.flexSelect:
+                itemAdjust = buildCustomSelect(item);
+                break;
+              case extraBuildType.button:
+                itemAdjust = buildButton(item);
+                break;
+              case extraBuildType.dropdown:
+                itemAdjust = buildDropdown(item);
+                break;
+              case extraBuildType.dropdownButton:
+                itemAdjust = buildDropdownButton(item);
+                break;
+              case extraBuildType.dropdownEllipsis:
+                itemAdjust = buildDropdownEllipsis(item);
+                break;
+              case extraBuildType.iconInfo:
+                itemAdjust = /*#__PURE__*/React.createElement("div", {
+                  style: {
+                    padding: '0 8px'
+                  }
+                }, /*#__PURE__*/React.createElement(IconInfo, item));
+                break;
+              case extraBuildType.colorText:
+                itemAdjust = /*#__PURE__*/React.createElement("div", {
+                  style: {
+                    padding: '0 8px'
+                  }
+                }, /*#__PURE__*/React.createElement(ColorText, item));
+                break;
+              case extraBuildType.component:
+                itemAdjust = componentSource || null;
+                break;
+              default:
+                logObject({
+                  message: '未找到匹配的构建模式',
+                  buildType: extraBuildType.component,
+                  config: item
+                });
+                itemAdjust = null;
+                break;
+            }
+            list.push( /*#__PURE__*/React.createElement(Fragment, {
+              key: itemKey
+            }, itemAdjust));
+          }
+        }
+      });
+      return list;
+    };
+    _this.establishExtraActionConfig = function () {
+      return null;
+    };
+    _this.establishExtraActionGroupConfig = function () {
+      return null;
+    };
+    _this.establishExtraActionEllipsisConfig = function () {
+      return null;
+    };
+    _this.buildExtraBackAction = function () {
+      return null;
+    };
+    _this.buildExtraAction = function () {
+      var _this$state2 = _this.state,
+        dataLoading = _this$state2.dataLoading,
+        reloading = _this$state2.reloading,
+        refreshing = _this$state2.refreshing,
+        showReloadButton = _this$state2.showReloadButton;
+      var _keyPrefix$list$_this = _objectSpread2(_objectSpread2({}, {
+          keyPrefix: '',
+          list: []
+        }), _this.establishExtraActionConfig()),
+        keyPrefix = _keyPrefix$list$_this.keyPrefix,
+        configList = _keyPrefix$list$_this.list;
+      var keyPrefixAdjust = keyPrefix || 'extraActionItem';
+      var listAction = _this.buildByExtraBuildType({
+        keyPrefix: keyPrefixAdjust,
+        configList: configList
+      });
+      var buttonGroupData = _this.establishExtraActionGroupConfig();
+      if ((buttonGroupData || null) != null) {
+        var buttonGroup = buildButtonGroup(buttonGroupData);
+        if ((buttonGroup || null) != null) {
+          listAction.push( /*#__PURE__*/React.createElement(Fragment, {
+            key: "".concat(keyPrefixAdjust, "_buttonGroup")
+          }, buttonGroup));
+        }
+      }
+      var ellipsisActionData = _this.establishExtraActionEllipsisConfig();
+      if ((ellipsisActionData || null) != null) {
+        var dropdownEllipsis = buildDropdownEllipsis(ellipsisActionData);
+        if ((dropdownEllipsis || null) != null) {
+          listAction.push( /*#__PURE__*/React.createElement(Fragment, {
+            key: "".concat(keyPrefixAdjust, "_dropdownEllipsis")
+          }, dropdownEllipsis));
+        }
+      }
+      var backAction = _this.buildExtraBackAction();
+      if ((backAction || null) != null) {
+        listAction.push( /*#__PURE__*/React.createElement(Fragment, {
+          key: "".concat(keyPrefixAdjust, "_dropdownEllipsis")
+        }, backAction));
+      }
+      if (showReloadButton) {
+        listAction.push( /*#__PURE__*/React.createElement(Fragment, {
+          key: "".concat(keyPrefixAdjust, "_dropdownEllipsis")
+        }, /*#__PURE__*/React.createElement(Tooltip, {
+          placement: "top",
+          title: "\u5237\u65B0"
+        }, /*#__PURE__*/React.createElement(Button, {
+          disabled: dataLoading || reloading || refreshing,
+          type: "dashed",
+          onClick: function onClick() {
+            _this.reloadData();
+          }
+        }, reloading || refreshing ? iconBuilder.loading() : iconBuilder.reload()))));
+      }
+      return /*#__PURE__*/React.createElement(Space, {
+        split: !!_this.showExtraActionDivider || false ? /*#__PURE__*/React.createElement(Divider, {
+          type: "vertical"
+        }) : null
+      }, listAction.map(function (o) {
+        return o;
+      }));
+    };
+    var defaultState = defaultCommonState();
+    _this.state = _objectSpread2(_objectSpread2({}, defaultState), {
+      backPath: '',
+      showReloadButton: false
+    });
+    metaData = getMetaData();
+    return _this;
+  }
+  _createClass(Common, [{
+    key: "getRequestingData",
+    value: function getRequestingData() {
+      return this.lastRequestingData;
+    }
+  }, {
+    key: "setRequestingData",
+    value: function setRequestingData(params, callback) {
+      var d = params == null ? {
+        type: '',
+        payload: {}
+      } : _objectSpread2(_objectSpread2({}, {
+        type: '',
+        payload: {}
+      }), params);
+      this.lastRequestingData = d;
+      if (isFunction(callback)) {
+        callback();
+      }
+    }
+  }, {
+    key: "clearRequestingData",
+    value: function clearRequestingData() {
+      this.setRequestingData({
+        type: '',
+        payload: {}
+      });
+    }
+  }, {
+    key: "checkWorkDoing",
+    value: function checkWorkDoing() {
+      var _this$state3 = this.state,
+        dataLoading = _this$state3.dataLoading,
+        reloading = _this$state3.reloading,
+        searching = _this$state3.searching,
+        refreshing = _this$state3.refreshing,
+        paging = _this$state3.paging,
+        processing = _this$state3.processing;
+      if (dataLoading || reloading || searching || refreshing || paging || processing) {
+        var text = '数据正在处理中，请稍等一下再点哦';
+        showErrorMessage({
+          message: text
+        });
+        return true;
+      }
+      return false;
+    }
+  }, {
+    key: "reloadByUrl",
+    value: function reloadByUrl() {
+      var pathname = this.props.location.pathname;
+      this.redirectToPath(pathname.replace('/load/', '/update/'));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      return getDerivedStateFromPropsForUrlParams(nextProps, prevState);
+    }
+  }]);
+  return Common;
+}(Core);
+
+export { Common as C, _extends as _ };