@easy-editor/react-renderer 0.0.18 → 1.0.0

package/dist/cjs/index.production.js

@@ -1,4013 +0,0 @@
-'use strict';
-
-var mobxReact = require('mobx-react');
-var react = require('react');
-var core = require('@easy-editor/core');
-var jsxRuntime = require('react/jsx-runtime');
-
-const SettingRendererContext = /*#__PURE__*/react.createContext({});
-const useSettingRendererContext = () => {
-  try {
-    return react.useContext(SettingRendererContext);
-  } catch (error) {
-    console.warn('useSettingRendererContext must be used within a SettingRendererContextProvider');
-  }
-  return {};
-};
-
-const getSetterInfo = field => {
-  const {
-    extraProps,
-    setter
-  } = field;
-  const {
-    defaultValue
-  } = extraProps;
-  let setterProps = {};
-  let setterType;
-  let initialValue = null;
-  if (core.isSetterConfig(setter)) {
-    setterType = setter.componentName;
-    if (setter.props) {
-      setterProps = setter.props;
-      if (typeof setterProps === 'function') {
-        setterProps = setterProps(field);
-      }
-    }
-    if (setter.defaultValue != null) {
-      initialValue = setter.defaultValue;
-    }
-  } else if (setter) {
-    setterType = setter;
-  }
-  if (defaultValue != null && !('defaultValue' in setterProps)) {
-    setterProps.defaultValue = defaultValue;
-    if (initialValue == null) {
-      initialValue = defaultValue;
-    }
-  }
-  if (field.valueState === -1) {
-    setterProps.multiValue = true;
-  }
-
-  // 根据是否支持变量配置做相应的更改
-  const supportVariable = field.extraProps?.supportVariable;
-  const isUseVariableSetter = supportVariable;
-  if (isUseVariableSetter === false) {
-    return {
-      setterProps,
-      initialValue,
-      setterType
-    };
-  }
-  return {
-    setterProps,
-    setterType,
-    initialValue
-  };
-};
-const SettingSetter = mobxReact.observer(({
-  field,
-  children
-}) => {
-  const {
-    setterManager
-  } = useSettingRendererContext();
-  const {
-    extraProps
-  } = field;
-  const visible = extraProps?.condition && typeof extraProps.condition === 'function' ? extraProps.condition(field) !== false : true;
-  if (!visible) {
-    return null;
-  }
-  const {
-    setterProps = {},
-    setterType,
-    initialValue = null
-  } = getSetterInfo(field);
-  const onChange = extraProps?.onChange;
-  const value = field.valueState === -1 ? null : field.getValue();
-  const {
-    component: SetterComponent,
-    props: mixedSetterProps
-  } = setterManager.createSetterContent(setterType, setterProps);
-  return /*#__PURE__*/jsxRuntime.jsx(SetterComponent, {
-    field: field,
-    selected: field.top?.getNode(),
-    initialValue: initialValue,
-    value: value,
-    onChange: newVal => {
-      field.setValue(newVal);
-      onChange?.(field, newVal);
-    },
-    onInitial: () => {
-      if (initialValue == null) {
-        return;
-      }
-      const value = typeof initialValue === 'function' ? initialValue(field) : initialValue;
-      field.setValue(value, true);
-    },
-    removeProp: () => {
-      if (field.name) {
-        field.parent.clearPropValue(field.name);
-      }
-    },
-    ...mixedSetterProps,
-    children: children
-  }, field.id);
-});
-
-const SettingFieldItem = mobxReact.observer(({
-  field
-}) => {
-  const {
-    customFieldItem
-  } = useSettingRendererContext();
-  if (customFieldItem) {
-    return customFieldItem(field, /*#__PURE__*/jsxRuntime.jsx(SettingSetter, {
-      field: field
-    }));
-  }
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "space-y-2",
-    children: [/*#__PURE__*/jsxRuntime.jsx("label", {
-      htmlFor: field.id,
-      className: "block text-sm font-medium text-gray-700",
-      children: field.title
-    }), /*#__PURE__*/jsxRuntime.jsx(SettingSetter, {
-      field: field
-    })]
-  });
-});
-const SettingFieldGroup = mobxReact.observer(({
-  field
-}) => {
-  const {
-    customFieldGroup
-  } = useSettingRendererContext();
-  if (customFieldGroup) {
-    return customFieldGroup(field, /*#__PURE__*/jsxRuntime.jsx(SettingSetter, {
-      field: field,
-      children: field.items?.map(item => /*#__PURE__*/jsxRuntime.jsx(SettingFieldView, {
-        field: item
-      }, item.id))
-    }));
-  }
-
-  // 如果 field 没有 setter，则理解为其 父级 field 的 items 数据
-  if (!field.setter) {
-    return field.items?.map(item => /*#__PURE__*/jsxRuntime.jsx(SettingFieldView, {
-      field: item
-    }, item.id));
-  }
-  return /*#__PURE__*/jsxRuntime.jsx(SettingSetter, {
-    field: field,
-    children: field.items?.map(item => /*#__PURE__*/jsxRuntime.jsx(SettingFieldView, {
-      field: item
-    }, item.id))
-  });
-});
-const SettingFieldView = ({
-  field
-}) => {
-  if (field.isGroup) {
-    return /*#__PURE__*/jsxRuntime.jsx(SettingFieldGroup, {
-      field: field
-    }, field.id);
-  } else {
-    return /*#__PURE__*/jsxRuntime.jsx(SettingFieldItem, {
-      field: field
-    }, field.id);
-  }
-};
-const SettingRender = mobxReact.observer(props => {
-  const {
-    editor,
-    customFieldItem,
-    customFieldGroup
-  } = props;
-  const designer = editor.get('designer');
-  const setterManager = editor.get('setterManager');
-  const {
-    settingsManager
-  } = designer;
-  const {
-    settings
-  } = settingsManager;
-  const items = settings?.items;
-  const ctx = react.useMemo(() => {
-    const ctx = {};
-    ctx.setterManager = setterManager;
-    ctx.settingsManager = settingsManager;
-    ctx.customFieldItem = customFieldItem;
-    ctx.customFieldGroup = customFieldGroup;
-    return ctx;
-  }, [setterManager, settingsManager, customFieldItem, customFieldGroup]);
-  if (!settings) {
-    // 未选中节点，提示选中 或者 显示根节点设置
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "lc-settings-main",
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "lc-settings-notice",
-        children: /*#__PURE__*/jsxRuntime.jsx("p", {
-          children: "Please select a node in canvas"
-        })
-      })
-    });
-  }
-
-  // 当节点被锁定，且未开启锁定后容器可设置属性
-  if (settings.isLocked) {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "lc-settings-main",
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "lc-settings-notice",
-        children: /*#__PURE__*/jsxRuntime.jsx("p", {
-          children: "Current node is locked"
-        })
-      })
-    });
-  }
-  if (Array.isArray(settings.items) && settings.items.length === 0) {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "lc-settings-main",
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "lc-settings-notice",
-        children: /*#__PURE__*/jsxRuntime.jsx("p", {
-          children: "No config found for this type of component"
-        })
-      })
-    });
-  }
-  if (!settings.isSameComponent) {
-    // TODO: future support 获取设置项交集编辑
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "lc-settings-main",
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "lc-settings-notice",
-        children: /*#__PURE__*/jsxRuntime.jsx("p", {
-          children: "Please select same kind of components"
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsx(SettingRendererContext.Provider, {
-    value: ctx,
-    children: items?.map(item => /*#__PURE__*/jsxRuntime.jsx(SettingFieldView, {
-      field: item
-    }, item.id))
-  });
-});
-
-class Adapter {
-  renderers = {};
-  setRenderers(renderers) {
-    this.renderers = renderers;
-  }
-  setBaseRenderer(BaseRenderer) {
-    this.renderers.BaseRenderer = BaseRenderer;
-  }
-  setPageRenderer(PageRenderer) {
-    this.renderers.PageRenderer = PageRenderer;
-  }
-  setComponentRenderer(ComponentRenderer) {
-    this.renderers.ComponentRenderer = ComponentRenderer;
-  }
-  getRenderers() {
-    return this.renderers || {};
-  }
-}
-const adapter = new Adapter();
-
-var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
-
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-var root = freeGlobal || freeSelf || Function('return this')();
-
-var Symbol = root.Symbol;
-
-var objectProto$c = Object.prototype;
-var hasOwnProperty$a = objectProto$c.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$c.toString;
-var symToStringTag$1 = Symbol ? Symbol.toStringTag : undefined;
-function getRawTag(value) {
-  var isOwn = hasOwnProperty$a.call(value, symToStringTag$1),
-    tag = value[symToStringTag$1];
-  try {
-    value[symToStringTag$1] = undefined;
-    var unmasked = true;
-  } catch (e) {}
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-
-var objectProto$b = Object.prototype;
-var nativeObjectToString = objectProto$b.toString;
-function objectToString(value) {
-  return nativeObjectToString.call(value);
-}
-
-var nullTag = '[object Null]',
-  undefinedTag = '[object Undefined]';
-var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
-function baseGetTag(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-}
-
-function isObjectLike(value) {
-  return value != null && typeof value == 'object';
-}
-
-var symbolTag = '[object Symbol]';
-function isSymbol(value) {
-  return typeof value == 'symbol' || isObjectLike(value) && baseGetTag(value) == symbolTag;
-}
-
-var isArray = Array.isArray;
-
-var reWhitespace = /\s/;
-function trimmedEndIndex(string) {
-  var index = string.length;
-  while (index-- && reWhitespace.test(string.charAt(index))) {}
-  return index;
-}
-
-var reTrimStart = /^\s+/;
-function baseTrim(string) {
-  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '') : string;
-}
-
-function isObject$1(value) {
-  var type = typeof value;
-  return value != null && (type == 'object' || type == 'function');
-}
-
-var NAN = 0 / 0;
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-var reIsBinary = /^0b[01]+$/i;
-var reIsOctal = /^0o[0-7]+$/i;
-var freeParseInt = parseInt;
-function toNumber(value) {
-  if (typeof value == 'number') {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject$1(value)) {
-    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-    value = isObject$1(other) ? other + '' : other;
-  }
-  if (typeof value != 'string') {
-    return value === 0 ? value : +value;
-  }
-  value = baseTrim(value);
-  var isBinary = reIsBinary.test(value);
-  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-}
-
-function identity(value) {
-  return value;
-}
-
-var asyncTag = '[object AsyncFunction]',
-  funcTag$1 = '[object Function]',
-  genTag = '[object GeneratorFunction]',
-  proxyTag = '[object Proxy]';
-function isFunction(value) {
-  if (!isObject$1(value)) {
-    return false;
-  }
-  var tag = baseGetTag(value);
-  return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
-}
-
-var coreJsData = root['__core-js_shared__'];
-
-var maskSrcKey = function () {
-  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
-  return uid ? 'Symbol(src)_1.' + uid : '';
-}();
-function isMasked(func) {
-  return !!maskSrcKey && maskSrcKey in func;
-}
-
-var funcProto$2 = Function.prototype;
-var funcToString$2 = funcProto$2.toString;
-function toSource(func) {
-  if (func != null) {
-    try {
-      return funcToString$2.call(func);
-    } catch (e) {}
-    try {
-      return func + '';
-    } catch (e) {}
-  }
-  return '';
-}
-
-var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-var reIsHostCtor = /^\[object .+?Constructor\]$/;
-var funcProto$1 = Function.prototype,
-  objectProto$a = Object.prototype;
-var funcToString$1 = funcProto$1.toString;
-var hasOwnProperty$9 = objectProto$a.hasOwnProperty;
-var reIsNative = RegExp('^' + funcToString$1.call(hasOwnProperty$9).replace(reRegExpChar, '\\$&').replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$');
-function baseIsNative(value) {
-  if (!isObject$1(value) || isMasked(value)) {
-    return false;
-  }
-  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
-  return pattern.test(toSource(value));
-}
-
-function getValue$1(object, key) {
-  return object == null ? undefined : object[key];
-}
-
-function getNative(object, key) {
-  var value = getValue$1(object, key);
-  return baseIsNative(value) ? value : undefined;
-}
-
-var WeakMap = getNative(root, 'WeakMap');
-
-var objectCreate = Object.create;
-var baseCreate = function () {
-  function object() {}
-  return function (proto) {
-    if (!isObject$1(proto)) {
-      return {};
-    }
-    if (objectCreate) {
-      return objectCreate(proto);
-    }
-    object.prototype = proto;
-    var result = new object();
-    object.prototype = undefined;
-    return result;
-  };
-}();
-
-function apply(func, thisArg, args) {
-  switch (args.length) {
-    case 0:
-      return func.call(thisArg);
-    case 1:
-      return func.call(thisArg, args[0]);
-    case 2:
-      return func.call(thisArg, args[0], args[1]);
-    case 3:
-      return func.call(thisArg, args[0], args[1], args[2]);
-  }
-  return func.apply(thisArg, args);
-}
-
-function copyArray(source, array) {
-  var index = -1,
-    length = source.length;
-  array || (array = Array(length));
-  while (++index < length) {
-    array[index] = source[index];
-  }
-  return array;
-}
-
-var HOT_COUNT = 800,
-  HOT_SPAN = 16;
-var nativeNow = Date.now;
-function shortOut(func) {
-  var count = 0,
-    lastCalled = 0;
-  return function () {
-    var stamp = nativeNow(),
-      remaining = HOT_SPAN - (stamp - lastCalled);
-    lastCalled = stamp;
-    if (remaining > 0) {
-      if (++count >= HOT_COUNT) {
-        return arguments[0];
-      }
-    } else {
-      count = 0;
-    }
-    return func.apply(undefined, arguments);
-  };
-}
-
-function constant(value) {
-  return function () {
-    return value;
-  };
-}
-
-var defineProperty = function () {
-  try {
-    var func = getNative(Object, 'defineProperty');
-    func({}, '', {});
-    return func;
-  } catch (e) {}
-}();
-
-var baseSetToString = !defineProperty ? identity : function (func, string) {
-  return defineProperty(func, 'toString', {
-    'configurable': true,
-    'enumerable': false,
-    'value': constant(string),
-    'writable': true
-  });
-};
-
-var setToString = shortOut(baseSetToString);
-
-function arrayEach(array, iteratee) {
-  var index = -1,
-    length = array == null ? 0 : array.length;
-  while (++index < length) {
-    if (iteratee(array[index], index, array) === false) {
-      break;
-    }
-  }
-  return array;
-}
-
-var MAX_SAFE_INTEGER$1 = 9007199254740991;
-var reIsUint = /^(?:0|[1-9]\d*)$/;
-function isIndex(value, length) {
-  var type = typeof value;
-  length = length == null ? MAX_SAFE_INTEGER$1 : length;
-  return !!length && (type == 'number' || type != 'symbol' && reIsUint.test(value)) && value > -1 && value % 1 == 0 && value < length;
-}
-
-function baseAssignValue(object, key, value) {
-  if (key == '__proto__' && defineProperty) {
-    defineProperty(object, key, {
-      'configurable': true,
-      'enumerable': true,
-      'value': value,
-      'writable': true
-    });
-  } else {
-    object[key] = value;
-  }
-}
-
-function eq(value, other) {
-  return value === other || value !== value && other !== other;
-}
-
-var objectProto$9 = Object.prototype;
-var hasOwnProperty$8 = objectProto$9.hasOwnProperty;
-function assignValue(object, key, value) {
-  var objValue = object[key];
-  if (!(hasOwnProperty$8.call(object, key) && eq(objValue, value)) || value === undefined && !(key in object)) {
-    baseAssignValue(object, key, value);
-  }
-}
-
-function copyObject(source, props, object, customizer) {
-  var isNew = !object;
-  object || (object = {});
-  var index = -1,
-    length = props.length;
-  while (++index < length) {
-    var key = props[index];
-    var newValue = undefined;
-    if (newValue === undefined) {
-      newValue = source[key];
-    }
-    if (isNew) {
-      baseAssignValue(object, key, newValue);
-    } else {
-      assignValue(object, key, newValue);
-    }
-  }
-  return object;
-}
-
-var nativeMax$1 = Math.max;
-function overRest(func, start, transform) {
-  start = nativeMax$1(start === undefined ? func.length - 1 : start, 0);
-  return function () {
-    var args = arguments,
-      index = -1,
-      length = nativeMax$1(args.length - start, 0),
-      array = Array(length);
-    while (++index < length) {
-      array[index] = args[start + index];
-    }
-    index = -1;
-    var otherArgs = Array(start + 1);
-    while (++index < start) {
-      otherArgs[index] = args[index];
-    }
-    otherArgs[start] = transform(array);
-    return apply(func, this, otherArgs);
-  };
-}
-
-function baseRest(func, start) {
-  return setToString(overRest(func, start, identity), func + '');
-}
-
-var MAX_SAFE_INTEGER = 9007199254740991;
-function isLength(value) {
-  return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-}
-
-function isArrayLike(value) {
-  return value != null && isLength(value.length) && !isFunction(value);
-}
-
-function isIterateeCall(value, index, object) {
-  if (!isObject$1(object)) {
-    return false;
-  }
-  var type = typeof index;
-  if (type == 'number' ? isArrayLike(object) && isIndex(index, object.length) : type == 'string' && index in object) {
-    return eq(object[index], value);
-  }
-  return false;
-}
-
-function createAssigner(assigner) {
-  return baseRest(function (object, sources) {
-    var index = -1,
-      length = sources.length,
-      customizer = length > 1 ? sources[length - 1] : undefined,
-      guard = length > 2 ? sources[2] : undefined;
-    customizer = assigner.length > 3 && typeof customizer == 'function' ? (length--, customizer) : undefined;
-    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
-      customizer = length < 3 ? undefined : customizer;
-      length = 1;
-    }
-    object = Object(object);
-    while (++index < length) {
-      var source = sources[index];
-      if (source) {
-        assigner(object, source, index, customizer);
-      }
-    }
-    return object;
-  });
-}
-
-var objectProto$8 = Object.prototype;
-function isPrototype(value) {
-  var Ctor = value && value.constructor,
-    proto = typeof Ctor == 'function' && Ctor.prototype || objectProto$8;
-  return value === proto;
-}
-
-function baseTimes(n, iteratee) {
-  var index = -1,
-    result = Array(n);
-  while (++index < n) {
-    result[index] = iteratee(index);
-  }
-  return result;
-}
-
-var argsTag$1 = '[object Arguments]';
-function baseIsArguments(value) {
-  return isObjectLike(value) && baseGetTag(value) == argsTag$1;
-}
-
-var objectProto$7 = Object.prototype;
-var hasOwnProperty$7 = objectProto$7.hasOwnProperty;
-var propertyIsEnumerable = objectProto$7.propertyIsEnumerable;
-var isArguments = baseIsArguments(function () {
-  return arguments;
-}()) ? baseIsArguments : function (value) {
-  return isObjectLike(value) && hasOwnProperty$7.call(value, 'callee') && !propertyIsEnumerable.call(value, 'callee');
-};
-
-function stubFalse() {
-  return false;
-}
-
-var freeExports$2 = typeof exports == 'object' && exports && !exports.nodeType && exports;
-var freeModule$2 = freeExports$2 && typeof module == 'object' && module && !module.nodeType && module;
-var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
-var Buffer$1 = moduleExports$2 ? root.Buffer : undefined;
-var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : undefined;
-var isBuffer = nativeIsBuffer || stubFalse;
-
-var argsTag = '[object Arguments]',
-  arrayTag = '[object Array]',
-  boolTag = '[object Boolean]',
-  dateTag = '[object Date]',
-  errorTag = '[object Error]',
-  funcTag = '[object Function]',
-  mapTag$2 = '[object Map]',
-  numberTag = '[object Number]',
-  objectTag$2 = '[object Object]',
-  regexpTag = '[object RegExp]',
-  setTag$2 = '[object Set]',
-  stringTag = '[object String]',
-  weakMapTag$1 = '[object WeakMap]';
-var arrayBufferTag = '[object ArrayBuffer]',
-  dataViewTag$1 = '[object DataView]',
-  float32Tag = '[object Float32Array]',
-  float64Tag = '[object Float64Array]',
-  int8Tag = '[object Int8Array]',
-  int16Tag = '[object Int16Array]',
-  int32Tag = '[object Int32Array]',
-  uint8Tag = '[object Uint8Array]',
-  uint8ClampedTag = '[object Uint8ClampedArray]',
-  uint16Tag = '[object Uint16Array]',
-  uint32Tag = '[object Uint32Array]';
-var typedArrayTags = {};
-typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag$1] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag] = typedArrayTags[objectTag$2] = typedArrayTags[regexpTag] = typedArrayTags[setTag$2] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag$1] = false;
-function baseIsTypedArray(value) {
-  return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
-}
-
-function baseUnary(func) {
-  return function (value) {
-    return func(value);
-  };
-}
-
-var freeExports$1 = typeof exports == 'object' && exports && !exports.nodeType && exports;
-var freeModule$1 = freeExports$1 && typeof module == 'object' && module && !module.nodeType && module;
-var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
-var freeProcess = moduleExports$1 && freeGlobal.process;
-var nodeUtil = function () {
-  try {
-    var types = freeModule$1 && freeModule$1.require && freeModule$1.require('util').types;
-    if (types) {
-      return types;
-    }
-    return freeProcess && freeProcess.binding && freeProcess.binding('util');
-  } catch (e) {}
-}();
-
-var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
-var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-
-var objectProto$6 = Object.prototype;
-var hasOwnProperty$6 = objectProto$6.hasOwnProperty;
-function arrayLikeKeys(value, inherited) {
-  var isArr = isArray(value),
-    isArg = !isArr && isArguments(value),
-    isBuff = !isArr && !isArg && isBuffer(value),
-    isType = !isArr && !isArg && !isBuff && isTypedArray(value),
-    skipIndexes = isArr || isArg || isBuff || isType,
-    result = skipIndexes ? baseTimes(value.length, String) : [],
-    length = result.length;
-  for (var key in value) {
-    if ((inherited || hasOwnProperty$6.call(value, key)) && !(skipIndexes && (
-    key == 'length' ||
-    isBuff && (key == 'offset' || key == 'parent') ||
-    isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset') ||
-    isIndex(key, length)))) {
-      result.push(key);
-    }
-  }
-  return result;
-}
-
-function overArg(func, transform) {
-  return function (arg) {
-    return func(transform(arg));
-  };
-}
-
-var nativeKeys = overArg(Object.keys, Object);
-
-var objectProto$5 = Object.prototype;
-var hasOwnProperty$5 = objectProto$5.hasOwnProperty;
-function baseKeys(object) {
-  if (!isPrototype(object)) {
-    return nativeKeys(object);
-  }
-  var result = [];
-  for (var key in Object(object)) {
-    if (hasOwnProperty$5.call(object, key) && key != 'constructor') {
-      result.push(key);
-    }
-  }
-  return result;
-}
-
-function keys(object) {
-  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
-}
-
-function nativeKeysIn(object) {
-  var result = [];
-  if (object != null) {
-    for (var key in Object(object)) {
-      result.push(key);
-    }
-  }
-  return result;
-}
-
-var objectProto$4 = Object.prototype;
-var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
-function baseKeysIn(object) {
-  if (!isObject$1(object)) {
-    return nativeKeysIn(object);
-  }
-  var isProto = isPrototype(object),
-    result = [];
-  for (var key in object) {
-    if (!(key == 'constructor' && (isProto || !hasOwnProperty$4.call(object, key)))) {
-      result.push(key);
-    }
-  }
-  return result;
-}
-
-function keysIn(object) {
-  return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
-}
-
-var nativeCreate = getNative(Object, 'create');
-
-function hashClear() {
-  this.__data__ = nativeCreate ? nativeCreate(null) : {};
-  this.size = 0;
-}
-
-function hashDelete(key) {
-  var result = this.has(key) && delete this.__data__[key];
-  this.size -= result ? 1 : 0;
-  return result;
-}
-
-var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
-var objectProto$3 = Object.prototype;
-var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
-function hashGet(key) {
-  var data = this.__data__;
-  if (nativeCreate) {
-    var result = data[key];
-    return result === HASH_UNDEFINED$1 ? undefined : result;
-  }
-  return hasOwnProperty$3.call(data, key) ? data[key] : undefined;
-}
-
-var objectProto$2 = Object.prototype;
-var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
-function hashHas(key) {
-  var data = this.__data__;
-  return nativeCreate ? data[key] !== undefined : hasOwnProperty$2.call(data, key);
-}
-
-var HASH_UNDEFINED = '__lodash_hash_undefined__';
-function hashSet(key, value) {
-  var data = this.__data__;
-  this.size += this.has(key) ? 0 : 1;
-  data[key] = nativeCreate && value === undefined ? HASH_UNDEFINED : value;
-  return this;
-}
-
-function Hash(entries) {
-  var index = -1,
-    length = entries == null ? 0 : entries.length;
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
-}
-Hash.prototype.clear = hashClear;
-Hash.prototype['delete'] = hashDelete;
-Hash.prototype.get = hashGet;
-Hash.prototype.has = hashHas;
-Hash.prototype.set = hashSet;
-
-function listCacheClear() {
-  this.__data__ = [];
-  this.size = 0;
-}
-
-function assocIndexOf(array, key) {
-  var length = array.length;
-  while (length--) {
-    if (eq(array[length][0], key)) {
-      return length;
-    }
-  }
-  return -1;
-}
-
-var arrayProto = Array.prototype;
-var splice = arrayProto.splice;
-function listCacheDelete(key) {
-  var data = this.__data__,
-    index = assocIndexOf(data, key);
-  if (index < 0) {
-    return false;
-  }
-  var lastIndex = data.length - 1;
-  if (index == lastIndex) {
-    data.pop();
-  } else {
-    splice.call(data, index, 1);
-  }
-  --this.size;
-  return true;
-}
-
-function listCacheGet(key) {
-  var data = this.__data__,
-    index = assocIndexOf(data, key);
-  return index < 0 ? undefined : data[index][1];
-}
-
-function listCacheHas(key) {
-  return assocIndexOf(this.__data__, key) > -1;
-}
-
-function listCacheSet(key, value) {
-  var data = this.__data__,
-    index = assocIndexOf(data, key);
-  if (index < 0) {
-    ++this.size;
-    data.push([key, value]);
-  } else {
-    data[index][1] = value;
-  }
-  return this;
-}
-
-function ListCache(entries) {
-  var index = -1,
-    length = entries == null ? 0 : entries.length;
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
-}
-ListCache.prototype.clear = listCacheClear;
-ListCache.prototype['delete'] = listCacheDelete;
-ListCache.prototype.get = listCacheGet;
-ListCache.prototype.has = listCacheHas;
-ListCache.prototype.set = listCacheSet;
-
-var Map$1 = getNative(root, 'Map');
-
-function mapCacheClear() {
-  this.size = 0;
-  this.__data__ = {
-    'hash': new Hash(),
-    'map': new (Map$1 || ListCache)(),
-    'string': new Hash()
-  };
-}
-
-function isKeyable(value) {
-  var type = typeof value;
-  return type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean' ? value !== '__proto__' : value === null;
-}
-
-function getMapData(map, key) {
-  var data = map.__data__;
-  return isKeyable(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map;
-}
-
-function mapCacheDelete(key) {
-  var result = getMapData(this, key)['delete'](key);
-  this.size -= result ? 1 : 0;
-  return result;
-}
-
-function mapCacheGet(key) {
-  return getMapData(this, key).get(key);
-}
-
-function mapCacheHas(key) {
-  return getMapData(this, key).has(key);
-}
-
-function mapCacheSet(key, value) {
-  var data = getMapData(this, key),
-    size = data.size;
-  data.set(key, value);
-  this.size += data.size == size ? 0 : 1;
-  return this;
-}
-
-function MapCache(entries) {
-  var index = -1,
-    length = entries == null ? 0 : entries.length;
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
-}
-MapCache.prototype.clear = mapCacheClear;
-MapCache.prototype['delete'] = mapCacheDelete;
-MapCache.prototype.get = mapCacheGet;
-MapCache.prototype.has = mapCacheHas;
-MapCache.prototype.set = mapCacheSet;
-
-var getPrototype = overArg(Object.getPrototypeOf, Object);
-
-var objectTag$1 = '[object Object]';
-var funcProto = Function.prototype,
-  objectProto$1 = Object.prototype;
-var funcToString = funcProto.toString;
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-var objectCtorString = funcToString.call(Object);
-function isPlainObject(value) {
-  if (!isObjectLike(value) || baseGetTag(value) != objectTag$1) {
-    return false;
-  }
-  var proto = getPrototype(value);
-  if (proto === null) {
-    return true;
-  }
-  var Ctor = hasOwnProperty$1.call(proto, 'constructor') && proto.constructor;
-  return typeof Ctor == 'function' && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
-}
-
-function stackClear() {
-  this.__data__ = new ListCache();
-  this.size = 0;
-}
-
-function stackDelete(key) {
-  var data = this.__data__,
-    result = data['delete'](key);
-  this.size = data.size;
-  return result;
-}
-
-function stackGet(key) {
-  return this.__data__.get(key);
-}
-
-function stackHas(key) {
-  return this.__data__.has(key);
-}
-
-var LARGE_ARRAY_SIZE = 200;
-function stackSet(key, value) {
-  var data = this.__data__;
-  if (data instanceof ListCache) {
-    var pairs = data.__data__;
-    if (!Map$1 || pairs.length < LARGE_ARRAY_SIZE - 1) {
-      pairs.push([key, value]);
-      this.size = ++data.size;
-      return this;
-    }
-    data = this.__data__ = new MapCache(pairs);
-  }
-  data.set(key, value);
-  this.size = data.size;
-  return this;
-}
-
-function Stack(entries) {
-  var data = this.__data__ = new ListCache(entries);
-  this.size = data.size;
-}
-Stack.prototype.clear = stackClear;
-Stack.prototype['delete'] = stackDelete;
-Stack.prototype.get = stackGet;
-Stack.prototype.has = stackHas;
-Stack.prototype.set = stackSet;
-
-var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;
-var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;
-var moduleExports = freeModule && freeModule.exports === freeExports;
-var Buffer = moduleExports ? root.Buffer : undefined;
-  Buffer ? Buffer.allocUnsafe : undefined;
-function cloneBuffer(buffer, isDeep) {
-  {
-    return buffer.slice();
-  }
-}
-
-var DataView = getNative(root, 'DataView');
-
-var Promise$1 = getNative(root, 'Promise');
-
-var Set = getNative(root, 'Set');
-
-var mapTag$1 = '[object Map]',
-  objectTag = '[object Object]',
-  promiseTag = '[object Promise]',
-  setTag$1 = '[object Set]',
-  weakMapTag = '[object WeakMap]';
-var dataViewTag = '[object DataView]';
-var dataViewCtorString = toSource(DataView),
-  mapCtorString = toSource(Map$1),
-  promiseCtorString = toSource(Promise$1),
-  setCtorString = toSource(Set),
-  weakMapCtorString = toSource(WeakMap);
-var getTag = baseGetTag;
-if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map$1 && getTag(new Map$1()) != mapTag$1 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set && getTag(new Set()) != setTag$1 || WeakMap && getTag(new WeakMap()) != weakMapTag) {
-  getTag = function (value) {
-    var result = baseGetTag(value),
-      Ctor = result == objectTag ? value.constructor : undefined,
-      ctorString = Ctor ? toSource(Ctor) : '';
-    if (ctorString) {
-      switch (ctorString) {
-        case dataViewCtorString:
-          return dataViewTag;
-        case mapCtorString:
-          return mapTag$1;
-        case promiseCtorString:
-          return promiseTag;
-        case setCtorString:
-          return setTag$1;
-        case weakMapCtorString:
-          return weakMapTag;
-      }
-    }
-    return result;
-  };
-}
-
-var Uint8Array = root.Uint8Array;
-
-function cloneArrayBuffer(arrayBuffer) {
-  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
-  new Uint8Array(result).set(new Uint8Array(arrayBuffer));
-  return result;
-}
-
-function cloneTypedArray(typedArray, isDeep) {
-  var buffer = cloneArrayBuffer(typedArray.buffer) ;
-  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
-}
-
-function initCloneObject(object) {
-  return typeof object.constructor == 'function' && !isPrototype(object) ? baseCreate(getPrototype(object)) : {};
-}
-
-function createBaseFor(fromRight) {
-  return function (object, iteratee, keysFunc) {
-    var index = -1,
-      iterable = Object(object),
-      props = keysFunc(object),
-      length = props.length;
-    while (length--) {
-      var key = props[++index];
-      if (iteratee(iterable[key], key, iterable) === false) {
-        break;
-      }
-    }
-    return object;
-  };
-}
-
-var baseFor = createBaseFor();
-
-function baseForOwn(object, iteratee) {
-  return object && baseFor(object, iteratee, keys);
-}
-
-function createBaseEach(eachFunc, fromRight) {
-  return function (collection, iteratee) {
-    if (collection == null) {
-      return collection;
-    }
-    if (!isArrayLike(collection)) {
-      return eachFunc(collection, iteratee);
-    }
-    var length = collection.length,
-      index = -1,
-      iterable = Object(collection);
-    while (++index < length) {
-      if (iteratee(iterable[index], index, iterable) === false) {
-        break;
-      }
-    }
-    return collection;
-  };
-}
-
-var baseEach = createBaseEach(baseForOwn);
-
-var now = function () {
-  return root.Date.now();
-};
-
-var FUNC_ERROR_TEXT = 'Expected a function';
-var nativeMax = Math.max,
-  nativeMin = Math.min;
-function debounce(func, wait, options) {
-  var lastArgs,
-    lastThis,
-    maxWait,
-    result,
-    timerId,
-    lastCallTime,
-    lastInvokeTime = 0,
-    leading = false,
-    maxing = false,
-    trailing = true;
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject$1(options)) {
-    leading = !!options.leading;
-    maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  function invokeFunc(time) {
-    var args = lastArgs,
-      thisArg = lastThis;
-    lastArgs = lastThis = undefined;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-  function leadingEdge(time) {
-    lastInvokeTime = time;
-    timerId = setTimeout(timerExpired, wait);
-    return leading ? invokeFunc(time) : result;
-  }
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime,
-      timeSinceLastInvoke = time - lastInvokeTime,
-      timeWaiting = wait - timeSinceLastCall;
-    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
-  }
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime,
-      timeSinceLastInvoke = time - lastInvokeTime;
-    return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-  }
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-  function trailingEdge(time) {
-    timerId = undefined;
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = undefined;
-    return result;
-  }
-  function cancel() {
-    if (timerId !== undefined) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = undefined;
-  }
-  function flush() {
-    return timerId === undefined ? result : trailingEdge(now());
-  }
-  function debounced() {
-    var time = now(),
-      isInvoking = shouldInvoke(time);
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-    if (isInvoking) {
-      if (timerId === undefined) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === undefined) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-
-function assignMergeValue(object, key, value) {
-  if (value !== undefined && !eq(object[key], value) || value === undefined && !(key in object)) {
-    baseAssignValue(object, key, value);
-  }
-}
-
-function isArrayLikeObject(value) {
-  return isObjectLike(value) && isArrayLike(value);
-}
-
-function safeGet(object, key) {
-  if (key === 'constructor' && typeof object[key] === 'function') {
-    return;
-  }
-  if (key == '__proto__') {
-    return;
-  }
-  return object[key];
-}
-
-function toPlainObject(value) {
-  return copyObject(value, keysIn(value));
-}
-
-function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
-  var objValue = safeGet(object, key),
-    srcValue = safeGet(source, key),
-    stacked = stack.get(srcValue);
-  if (stacked) {
-    assignMergeValue(object, key, stacked);
-    return;
-  }
-  var newValue = customizer ? customizer(objValue, srcValue, key + '', object, source, stack) : undefined;
-  var isCommon = newValue === undefined;
-  if (isCommon) {
-    var isArr = isArray(srcValue),
-      isBuff = !isArr && isBuffer(srcValue),
-      isTyped = !isArr && !isBuff && isTypedArray(srcValue);
-    newValue = srcValue;
-    if (isArr || isBuff || isTyped) {
-      if (isArray(objValue)) {
-        newValue = objValue;
-      } else if (isArrayLikeObject(objValue)) {
-        newValue = copyArray(objValue);
-      } else if (isBuff) {
-        isCommon = false;
-        newValue = cloneBuffer(srcValue);
-      } else if (isTyped) {
-        isCommon = false;
-        newValue = cloneTypedArray(srcValue);
-      } else {
-        newValue = [];
-      }
-    } else if (isPlainObject(srcValue) || isArguments(srcValue)) {
-      newValue = objValue;
-      if (isArguments(objValue)) {
-        newValue = toPlainObject(objValue);
-      } else if (!isObject$1(objValue) || isFunction(objValue)) {
-        newValue = initCloneObject(srcValue);
-      }
-    } else {
-      isCommon = false;
-    }
-  }
-  if (isCommon) {
-    stack.set(srcValue, newValue);
-    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
-    stack['delete'](srcValue);
-  }
-  assignMergeValue(object, key, newValue);
-}
-
-function baseMerge(object, source, srcIndex, customizer, stack) {
-  if (object === source) {
-    return;
-  }
-  baseFor(source, function (srcValue, key) {
-    stack || (stack = new Stack());
-    if (isObject$1(srcValue)) {
-      baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
-    } else {
-      var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + '', object, source, stack) : undefined;
-      if (newValue === undefined) {
-        newValue = srcValue;
-      }
-      assignMergeValue(object, key, newValue);
-    }
-  }, keysIn);
-}
-
-function castFunction(value) {
-  return typeof value == 'function' ? value : identity;
-}
-
-function forEach(collection, iteratee) {
-  var func = isArray(collection) ? arrayEach : baseEach;
-  return func(collection, castFunction(iteratee));
-}
-
-var mapTag = '[object Map]',
-  setTag = '[object Set]';
-var objectProto = Object.prototype;
-var hasOwnProperty = objectProto.hasOwnProperty;
-function isEmpty(value) {
-  if (value == null) {
-    return true;
-  }
-  if (isArrayLike(value) && (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' || isBuffer(value) || isTypedArray(value) || isArguments(value))) {
-    return !value.length;
-  }
-  var tag = getTag(value);
-  if (tag == mapTag || tag == setTag) {
-    return !value.size;
-  }
-  if (isPrototype(value)) {
-    return !baseKeys(value).length;
-  }
-  for (var key in value) {
-    if (hasOwnProperty.call(value, key)) {
-      return false;
-    }
-  }
-  return true;
-}
-
-var merge = createAssigner(function (object, source, srcIndex) {
-  baseMerge(object, source, srcIndex);
-});
-
-let RuntimeDataSourceStatus = /*#__PURE__*/function (RuntimeDataSourceStatus) {
-  RuntimeDataSourceStatus["Initial"] = "init";
-  RuntimeDataSourceStatus["Loading"] = "loading";
-  RuntimeDataSourceStatus["Loaded"] = "loaded";
-  RuntimeDataSourceStatus["Error"] = "error";
-  return RuntimeDataSourceStatus;
-}({});
-
-class RuntimeDataSourceItem {
-  _data;
-  _error;
-  _status = RuntimeDataSourceStatus.Initial;
-  _dataSourceConfig;
-  _request;
-  _context;
-  _options;
-  constructor(dataSourceConfig, request, context) {
-    this._dataSourceConfig = dataSourceConfig;
-    this._request = request;
-    this._context = context;
-  }
-  get data() {
-    return this._data;
-  }
-  get error() {
-    return this._error;
-  }
-  get status() {
-    return this._status;
-  }
-  get isLoading() {
-    return this._status === RuntimeDataSourceStatus.Loading;
-  }
-  async load(params) {
-    if (!this._dataSourceConfig) return;
-    if (!this._request) {
-      this._error = new Error(`no ${this._dataSourceConfig.type} handler provide`);
-      this._status = RuntimeDataSourceStatus.Error;
-      throw this._error;
-    }
-    if (this._dataSourceConfig.type === 'urlParams') {
-      const response = await this._request(this._context);
-      this._context.setState({
-        [this._dataSourceConfig.id]: response
-      });
-      this._data = response;
-      this._status = RuntimeDataSourceStatus.Loaded;
-      return response;
-    }
-    if (!this._dataSourceConfig.options) {
-      throw new Error(`${this._dataSourceConfig.id} has no options`);
-    }
-    if (typeof this._dataSourceConfig.options === 'function') {
-      this._options = this._dataSourceConfig.options();
-    }
-    if (!this._options) {
-      throw new Error(`${this._dataSourceConfig.id} options transform error`);
-    }
-    let shouldFetch = true;
-    let fetchOptions = this._options;
-    if (params) {
-      fetchOptions.params = merge(fetchOptions.params, params);
-    }
-    if (this._dataSourceConfig.shouldFetch) {
-      if (typeof this._dataSourceConfig.shouldFetch === 'function') {
-        shouldFetch = this._dataSourceConfig.shouldFetch(fetchOptions);
-      } else if (typeof this._dataSourceConfig.shouldFetch === 'boolean') {
-        shouldFetch = this._dataSourceConfig.shouldFetch;
-      }
-    }
-    if (!shouldFetch) {
-      this._status = RuntimeDataSourceStatus.Error;
-      this._error = new Error(`the ${this._dataSourceConfig.id} request should not fetch, please check the condition`);
-      console.warn(this.error);
-      return;
-    }
-    if (this._dataSourceConfig.willFetch) {
-      try {
-        fetchOptions = await this._dataSourceConfig.willFetch(this._options);
-      } catch (error) {
-        console.error(error);
-      }
-    }
-    const dataHandler = this._dataSourceConfig.dataHandler;
-    const {
-      errorHandler
-    } = this._dataSourceConfig;
-    try {
-      this._status = RuntimeDataSourceStatus.Loading;
-      const result = await this._request(fetchOptions, this._context).then(dataHandler, errorHandler);
-      this._data = result;
-      this._status = RuntimeDataSourceStatus.Loaded;
-      this._context.setState({
-        UNSTABLE_dataSourceUpdatedAt: Date.now(),
-        [this._dataSourceConfig.id]: result
-      });
-      return this._data;
-    } catch (error) {
-      this._error = error;
-      this._status = RuntimeDataSourceStatus.Error;
-      this._context.setState({
-        UNSTABLE_dataSourceUpdatedAt: Date.now(),
-        [`UNSTABLE_${this._dataSourceConfig.id}_error`]: error
-      });
-      throw error;
-    }
-  }
-}
-
-const defaultDataHandler = async response => response.data;
-const defaultWillFetch = options => options;
-const getRequestHandler = (ds, requestHandlersMap) => {
-  if (ds.type === 'custom') {
-    return ds.requestHandler;
-  }
-  return requestHandlersMap[ds.type || 'fetch'];
-};
-const promiseSettled = (Promise.allSettled ? Promise.allSettled.bind(Promise) : null) || (promises => {
-  return Promise.all(promises.map(p => {
-    return p.then(v => ({
-      status: 'fulfilled',
-      value: v
-    })).catch(e => ({
-      status: 'rejected',
-      reason: e
-    }));
-  }));
-});
-
-function isObject(obj) {
-  return Object.prototype.toString.call(obj).indexOf('Object') !== -1;
-}
-const transformExpression = (code, context) => {
-  if (code === undefined) {
-    return () => {};
-  }
-  if (code === '') {
-    return () => '';
-  }
-  try {
-    return new Function(`return (${code})`).call(context);
-  } catch (error) {
-    console.error(`transformExpression error, code is ${code}, context is ${context}, error is ${error}`);
-  }
-};
-const transformFunction = (code, context) => {
-  if (code === undefined) {
-    return () => {};
-  }
-  if (code === '') {
-    return () => '';
-  }
-  try {
-    return new Function(`return (${code})`).call(context).bind(context);
-  } catch (error) {
-    console.error(`transformFunction error, code is ${code}, context is ${context}, error is ${error}`);
-  }
-};
-const transformBoolStr = str => {
-  return str !== 'false';
-};
-const getRuntimeJsValue = (value, context) => {
-  if (!['JSExpression', 'JSFunction'].includes(value.type)) {
-    console.error(`translate error, value is ${JSON.stringify(value)}`);
-    return '';
-  }
-  const code = value.compiled || value.value;
-  return value.type === 'JSFunction' ? transformFunction(code, context) : transformExpression(code, context);
-};
-const getRuntimeBaseValue = (type, value) => {
-  switch (type) {
-    case 'string':
-      return `${value}`;
-    case 'boolean':
-      return typeof value === 'string' ? transformBoolStr(value) : !!value;
-    case 'number':
-      return Number(value);
-    default:
-      return value;
-  }
-};
-const getRuntimeValueFromConfig = (type, value, context) => {
-  if (value === undefined) {
-    return undefined;
-  }
-  if (core.isJSExpression(value) || core.isJSFunction(value)) {
-    return getRuntimeBaseValue(type, getRuntimeJsValue(value, context));
-  }
-  return value;
-};
-const buildJsonObj = (params, context) => {
-  if (core.isJSExpression(params)) {
-    return transformExpression(params.value, context);
-  } else if (isObject(params)) {
-    const newParams = {};
-    for (const [name, param] of Object.entries(params)) {
-      if (core.isJSExpression(param)) {
-        newParams[name] = transformExpression(param?.value, context);
-      } else if (isObject(param)) {
-        newParams[name] = buildJsonObj(param, context);
-      } else {
-        newParams[name] = param;
-      }
-    }
-    return newParams;
-  }
-  return params;
-};
-const buildShouldFetch = (ds, context) => {
-  if (!ds.options || !ds.shouldFetch) {
-    return true;
-  }
-  if (core.isJSExpression(ds.shouldFetch) || core.isJSFunction(ds.shouldFetch)) {
-    return getRuntimeJsValue(ds.shouldFetch, context);
-  }
-  return getRuntimeBaseValue('boolean', ds.shouldFetch);
-};
-const buildOptions = (ds, context) => {
-  const {
-    options
-  } = ds;
-  if (!options) return undefined;
-  return () => {
-    const fetchOptions = {
-      uri: '',
-      params: {},
-      method: 'GET',
-      isCors: true,
-      timeout: 5000,
-      headers: undefined,
-      v: '1.0'
-    };
-    Object.keys(options).forEach(key => {
-      switch (key) {
-        case 'uri':
-          fetchOptions.uri = getRuntimeValueFromConfig('string', options.uri, context);
-          break;
-        case 'params':
-          fetchOptions.params = buildJsonObj(options.params, context);
-          break;
-        case 'method':
-          fetchOptions.method = getRuntimeValueFromConfig('string', options.method, context);
-          break;
-        case 'isCors':
-          fetchOptions.isCors = getRuntimeValueFromConfig('boolean', options.isCors, context);
-          break;
-        case 'timeout':
-          fetchOptions.timeout = getRuntimeValueFromConfig('number', options.timeout, context);
-          break;
-        case 'headers':
-          fetchOptions.headers = buildJsonObj(options.headers, context);
-          break;
-        case 'v':
-          fetchOptions.v = getRuntimeValueFromConfig('string', options.v, context);
-          break;
-        default:
-          fetchOptions[key] = getRuntimeValueFromConfig('unknown', options[key], context);
-      }
-    });
-    return fetchOptions;
-  };
-};
-
-const adapt2Runtime = (dataSource, context, extraConfig) => {
-  const {
-    list: interpretConfigList,
-    dataHandler: interpretDataHandler
-  } = dataSource;
-  const dataHandler = interpretDataHandler ? getRuntimeJsValue(interpretDataHandler, context) : undefined;
-  if (!interpretConfigList || !interpretConfigList.length) {
-    return {
-      list: [],
-      dataHandler
-    };
-  }
-  const list = interpretConfigList.map(el => {
-    const {
-      defaultDataHandler: customDataHandler
-    } = extraConfig;
-    const finalDataHandler = customDataHandler || defaultDataHandler;
-    return {
-      id: el.id,
-      isInit: getRuntimeValueFromConfig('boolean', el.isInit, context),
-      isSync: getRuntimeValueFromConfig('boolean', el.isSync, context),
-      type: el.type || 'fetch',
-      willFetch: el.willFetch ? getRuntimeJsValue(el.willFetch, context) : defaultWillFetch,
-      shouldFetch: buildShouldFetch(el, context),
-      dataHandler: el.dataHandler ? getRuntimeJsValue(el.dataHandler, context) : finalDataHandler,
-      errorHandler: el.errorHandler ? getRuntimeJsValue(el.errorHandler, context) : undefined,
-      requestHandler: el.requestHandler ? getRuntimeJsValue(el.requestHandler, context) : undefined,
-      options: buildOptions(el, context)
-    };
-  });
-  return {
-    list,
-    dataHandler
-  };
-};
-
-const reloadDataSourceFactory = (dataSource, dataSourceMap, dataHandler) => {
-  return async () => {
-    const allAsyncLoadings = [];
-    dataSource.list.filter(el => el.type === 'urlParams' && isInit(el)).forEach(el => {
-      dataSourceMap[el.id].load();
-    });
-    const remainRuntimeDataSourceList = dataSource.list.filter(el => el.type !== 'urlParams');
-    for (const ds of remainRuntimeDataSourceList) {
-      if (!ds.options) {
-        continue;
-      }
-      if (
-      isInit(ds) && !ds.isSync) {
-        allAsyncLoadings.push(dataSourceMap[ds.id].load());
-      }
-    }
-    for (const ds of remainRuntimeDataSourceList) {
-      if (!ds.options) {
-        continue;
-      }
-      if (
-      isInit(ds) && ds.isSync) {
-        try {
-          await dataSourceMap[ds.id].load();
-        } catch (e) {
-          console.error(e);
-        }
-      }
-    }
-    await promiseSettled(allAsyncLoadings);
-    if (dataHandler) {
-      dataHandler(dataSourceMap);
-    }
-  };
-};
-function isInit(ds) {
-  return typeof ds.isInit === 'function' ? ds.isInit() : ds.isInit ?? true;
-}
-
-var createDataSourceEngine = (dataSource, context, extraConfig = {
-  requestHandlersMap: {}
-}) => {
-  const {
-    requestHandlersMap
-  } = extraConfig;
-  const runtimeDataSource = adapt2Runtime(dataSource, context, {
-    defaultDataHandler: extraConfig.defaultDataHandler
-  });
-  const dataSourceMap = runtimeDataSource.list.reduce((prev, current) => {
-    prev[current.id] = new RuntimeDataSourceItem(current, getRequestHandler(current, requestHandlersMap), context);
-    return prev;
-  }, {});
-  return {
-    dataSourceMap,
-    reloadDataSource: reloadDataSourceFactory(runtimeDataSource, dataSourceMap, runtimeDataSource.dataHandler)
-  };
-};
-
-const RendererContext = /*#__PURE__*/react.createContext({});
-const useRendererContext = () => {
-  try {
-    return react.useContext(RendererContext);
-  } catch (error) {
-    console.warn('useRendererContext must be used within a RendererContextProvider');
-  }
-  return {};
-};
-function contextFactory() {
-  let context = window.__appContext;
-  if (!context) {
-    context = /*#__PURE__*/react.createContext({});
-    window.__appContext = context;
-  }
-  return context;
-}
-
-const classnames = (...args) => {
-  return args.filter(Boolean).join(' ');
-};
-
-const logger = core.createLogger('Renderer');
-
-const PropTypes2 = true;
-function inSameDomain() {
-  try {
-    return window.parent !== window && window.parent.location.host === window.location.host;
-  } catch (e) {
-    return false;
-  }
-}
-function getFileCssName(fileName) {
-  if (!fileName) {
-    return;
-  }
-  const name = fileName.replace(/([A-Z])/g, '-$1').toLowerCase();
-  return `lce-${name}`.split('-').filter(p => !!p).join('-');
-}
-const isSchema = schema => {
-  if (!schema) {
-    return false;
-  }
-  if (schema.componentName === 'Leaf' || schema.componentName === 'Slot') {
-    return true;
-  }
-  if (Array.isArray(schema)) {
-    return schema.every(item => isSchema(item));
-  }
-  const isValidProps = props => {
-    if (!props) {
-      return false;
-    }
-    return typeof schema.props === 'object' && !Array.isArray(props);
-  };
-  return !!(schema.componentName && isValidProps(schema.props));
-};
-const getValue = (obj, path, defaultValue = {}) => {
-  if (Array.isArray(obj)) {
-    return defaultValue;
-  }
-  if (!obj || typeof obj !== 'object') {
-    return defaultValue;
-  }
-  const res = path.split('.').reduce((pre, cur) => {
-    return pre && pre[cur];
-  }, obj);
-  if (res === undefined) {
-    return defaultValue;
-  }
-  return res;
-};
-function transformArrayToMap(arr, key, overwrite = true) {
-  if (!arr || !Array.isArray(arr)) {
-    return {};
-  }
-  const res = {};
-  arr.forEach(item => {
-    const curKey = item[key];
-    if (item[key] === undefined) {
-      return;
-    }
-    if (res[curKey] && !overwrite) {
-      return;
-    }
-    res[curKey] = item;
-  });
-  return res;
-}
-const parseData = (schema, self, options = {}) => {
-  if (core.isJSExpression(schema)) {
-    return parseExpression({
-      str: schema,
-      self,
-      thisRequired: true,
-      logScope: options.logScope
-    });
-  }
-  if (typeof schema === 'string') {
-    return schema.trim();
-  } else if (Array.isArray(schema)) {
-    return schema.map(item => parseData(item, self, options));
-  } else if (typeof schema === 'function') {
-    return schema.bind(self);
-  } else if (typeof schema === 'object') {
-    if (!schema) {
-      return schema;
-    }
-    const res = {};
-    Object.entries(schema).forEach(([key, val]) => {
-      if (key.startsWith('__')) {
-        return;
-      }
-      res[key] = parseData(val, self, options);
-    });
-    return res;
-  }
-  return schema;
-};
-const isUseLoop = (loop, isDesignMode) => {
-  if (!isDesignMode) {
-    return true;
-  }
-  if (!Array.isArray(loop)) {
-    return false;
-  }
-  return loop.length > 0;
-};
-function checkPropTypes(value, name, rule, componentName) {
-  let ruleFunction = rule;
-  if (typeof rule === 'string') {
-    ruleFunction = new Function(`"use strict"; const PropTypes = arguments[0]; return ${rule}`)(PropTypes2);
-  }
-  if (!ruleFunction || typeof ruleFunction !== 'function') {
-    logger.warn('checkPropTypes should have a function type rule argument');
-    return true;
-  }
-  const err = ruleFunction({
-    [name]: value
-  }, name, componentName, 'prop', null
-  );
-  if (err) {
-    logger.warn(err);
-  }
-  return !err;
-}
-function transformStringToFunction(str) {
-  if (typeof str !== 'string') {
-    return str;
-  }
-  if (inSameDomain() && window.parent.__newFunc) {
-    return window.parent.__newFunc(`"use strict"; return ${str}`)();
-  } else {
-    return new Function(`"use strict"; return ${str}`)();
-  }
-}
-function parseExpression(a, b, c = false) {
-  let str;
-  let self;
-  let thisRequired;
-  let logScope;
-  if (typeof a === 'object' && b === undefined) {
-    str = a.str;
-    self = a.self;
-    thisRequired = a.thisRequired;
-    logScope = a.logScope;
-  } else {
-    str = a;
-    self = b;
-    thisRequired = c;
-  }
-  try {
-    const contextArr = ['"use strict";', 'var __self = arguments[0];'];
-    contextArr.push('return ');
-    let tarStr;
-    tarStr = (str.value || '').trim();
-    tarStr = tarStr.replace(/this(\W|$)/g, (_a, b) => `__self${b}`);
-    tarStr = contextArr.join('\n') + tarStr;
-    if (inSameDomain() && window.parent.__newFunc) {
-      return window.parent.__newFunc(tarStr)(self);
-    }
-    const code = `with(${thisRequired ? '{}' : '$scope || {}'}) { ${tarStr} }`;
-    return new Function('$scope', code)(self);
-  } catch (err) {
-    logger.error(`${logScope || ''} parseExpression.error`, err, str, self?.__self ?? self);
-    return undefined;
-  }
-}
-function parseThisRequiredExpression(str, self) {
-  return parseExpression(str, self, true);
-}
-function isString(str) {
-  return {}.toString.call(str) === '[object String]';
-}
-function capitalizeFirstLetter(word) {
-  if (!word || !isString(word) || word.length === 0) {
-    return word;
-  }
-  return word[0].toUpperCase() + word.slice(1);
-}
-const isReactClass = obj => {
-  return obj && obj.prototype && (obj.prototype.isReactComponent || obj.prototype instanceof react.Component);
-};
-function isReactComponent(obj) {
-  return obj && (isReactClass(obj) || typeof obj === 'function');
-}
-function serializeParams(obj) {
-  const result = [];
-  forEach(obj, (val, key) => {
-    if (val === null || val === undefined || val === '') {
-      return;
-    }
-    if (typeof val === 'object') {
-      result.push(`${key}=${encodeURIComponent(JSON.stringify(val))}`);
-    } else {
-      result.push(`${key}=${encodeURIComponent(val)}`);
-    }
-  });
-  return result.join('&');
-}
-
-const excludePropertyNames = ['$$typeof', 'render', 'defaultProps', 'props', 'length', 'prototype', 'name', 'caller', 'callee', 'arguments'];
-const cloneEnumerableProperty = (target, origin, excludes = excludePropertyNames) => {
-  const compExtraPropertyNames = Object.keys(origin).filter(d => !excludes.includes(d));
-  compExtraPropertyNames.forEach(d => {
-    target[d] = origin[d];
-  });
-  return target;
-};
-const createForwardRefHocElement = (Wrapper, Comp) => {
-  const WrapperComponent = cloneEnumerableProperty(/*#__PURE__*/react.forwardRef((props, ref) => {
-    return /*#__PURE__*/react.createElement(Wrapper, {
-      ...props,
-      forwardRef: ref
-    });
-  }), Comp);
-  WrapperComponent.displayName = Comp.displayName;
-  return WrapperComponent;
-};
-
-const patchDidCatch = (Comp, {
-  baseRenderer
-}) => {
-  if (Comp.patchedCatch) {
-    return;
-  }
-  Comp.patchedCatch = true;
-  const originalDidCatch = Comp.prototype.componentDidCatch;
-  Comp.prototype.componentDidCatch = function didCatch(error, errorInfo) {
-    this.setState({
-      engineRenderError: true,
-      error
-    });
-    if (originalDidCatch && typeof originalDidCatch === 'function') {
-      originalDidCatch.call(this, error, errorInfo);
-    }
-  };
-  const {
-    engine
-  } = baseRenderer.context;
-  const originRender = Comp.prototype.render;
-  Comp.prototype.render = function () {
-    if (this.state && this.state.engineRenderError) {
-      this.state.engineRenderError = false;
-      return engine.createElement(engine.getFaultComponent(), {
-        ...this.props,
-        error: this.state.error,
-        componentName: this.props._componentName
-      });
-    }
-    return originRender.call(this);
-  };
-  if (!(Comp.prototype instanceof react.PureComponent)) {
-    const originShouldComponentUpdate = Comp.prototype.shouldComponentUpdate;
-    Comp.prototype.shouldComponentUpdate = function (nextProps, nextState) {
-      if (nextState && nextState.engineRenderError) {
-        return true;
-      }
-      return originShouldComponentUpdate ? originShouldComponentUpdate.call(this, nextProps, nextState) : true;
-    };
-  }
-};
-const cache$1 = new Map();
-const compWrapper = (Comp, info) => {
-  if (Comp?.prototype?.isReactComponent || Comp?.prototype instanceof react.Component) {
-    patchDidCatch(Comp, info);
-    return Comp;
-  }
-  if (info.schema.id && cache$1.has(info.schema.id) && cache$1.get(info.schema.id)?.Comp === Comp) {
-    return cache$1.get(info.schema.id)?.WrapperComponent;
-  }
-  class Wrapper extends react.Component {
-    static displayName = Comp.displayName;
-    render() {
-      const {
-        forwardRef,
-        ...rest
-      } = this.props;
-      // @ts-ignore
-      return /*#__PURE__*/react.createElement(Comp, {
-        ...rest,
-        ref: forwardRef
-      });
-    }
-  }
-  patchDidCatch(Wrapper, info);
-  const WrapperComponent = createForwardRefHocElement(Wrapper, Comp);
-  info.schema.id && cache$1.set(info.schema.id, {
-    WrapperComponent,
-    Comp
-  });
-  return WrapperComponent;
-};
-
-var RerenderType = /*#__PURE__*/function (RerenderType) {
-  RerenderType["All"] = "All";
-  RerenderType["ChildChanged"] = "ChildChanged";
-  RerenderType["PropsChanged"] = "PropsChanged";
-  RerenderType["VisibleChanged"] = "VisibleChanged";
-  RerenderType["MinimalRenderUnit"] = "MinimalRenderUnit";
-  return RerenderType;
-}(RerenderType || {}); // 缓存 Leaf 层组件，防止重新渲染问题
-class LeafCache {
-  /** 组件缓存 */
-  component = new Map();
-
-  /**
-   * 状态缓存，场景：属性变化后，改组件被销毁，state 为空，没有展示修改后的属性
-   */
-  state = new Map();
-
-  /**
-   * 订阅事件缓存，导致 rerender 的订阅事件
-   */
-  event = new Map();
-  ref = new Map();
-  constructor(documentId, device) {
-    this.documentId = documentId;
-    this.device = device;
-  }
-}
-let cache;
-
-/** 部分没有渲染的 node 节点进行兜底处理 or 渲染方式没有渲染 LeafWrapper */
-const initRerenderEvent = ({
-  schema,
-  container,
-  getNode
-}) => {
-  const leaf = getNode?.(schema.id);
-  if (!leaf || cache.event.get(schema.id)?.clear || leaf === cache.event.get(schema.id)) {
-    return;
-  }
-  cache.event.get(schema.id)?.dispose.forEach(disposeFn => disposeFn && disposeFn());
-  const debounceRerender = debounce(() => {
-    container.rerender();
-  }, 20);
-  cache.event.set(schema.id, {
-    clear: false,
-    leaf,
-    dispose: [leaf?.onPropChange?.(() => {
-      if (!container.autoRepaintNode) {
-        return;
-      }
-      logger.log(`${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onPropsChange make rerender`);
-      debounceRerender();
-    }), leaf?.onChildrenChange?.(() => {
-      if (!container.autoRepaintNode) {
-        return;
-      }
-      logger.log(`${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onChildrenChange make rerender`);
-      debounceRerender();
-    }), leaf?.onVisibleChange?.(() => {
-      if (!container.autoRepaintNode) {
-        return;
-      }
-      logger.log(`${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onVisibleChange make rerender`);
-      debounceRerender();
-    })]
-  });
-};
-
-/** 渲染的 node 节点全局注册事件清除 */
-const clearRerenderEvent = id => {
-  if (cache.event.get(id)?.clear) {
-    return;
-  }
-  cache.event.get(id)?.dispose?.forEach(disposeFn => disposeFn && disposeFn());
-  cache.event.set(id, {
-    clear: true,
-    dispose: []
-  });
-};
-
-// 给每个组件包裹一个 HOC Leaf，支持组件内部属性变化，自响应渲染
-const leafWrapper = (Comp, {
-  schema,
-  baseRenderer,
-  componentInfo,
-  scope
-}) => {
-  const {
-    __getComponentProps: getProps,
-    __getSchemaChildrenVirtualDom: getChildren,
-    __parseData
-  } = baseRenderer;
-  const {
-    engine
-  } = baseRenderer.context;
-  const host = baseRenderer.props?.__host;
-  const curDocumentId = baseRenderer.props?.documentId ?? '';
-  const curDevice = baseRenderer.props?.device ?? '';
-  const getNode = baseRenderer.props?.getNode;
-  const container = baseRenderer.props?.__container;
-  const setSchemaChangedSymbol = baseRenderer.props?.setSchemaChangedSymbol;
-  const designer = host?.designer;
-  const componentCacheId = schema.id;
-  if (!cache || curDocumentId && curDocumentId !== cache.documentId || curDevice && curDevice !== cache.device) {
-    cache?.event.forEach(event => {
-      event.dispose?.forEach(disposeFn => disposeFn && disposeFn());
-    });
-    cache = new LeafCache(curDocumentId, curDevice);
-  }
-
-  // if (!isReactComponent(Comp)) {
-  //   logger.error(`${schema.componentName} component may be has errors: `, Comp)
-  // }
-
-  initRerenderEvent({
-    schema,
-    container,
-    getNode
-  });
-  if (curDocumentId && cache.component.has(componentCacheId) && cache.component.get(componentCacheId).Comp === Comp) {
-    return cache.component.get(componentCacheId).LeafWrapper;
-  }
-  class LeafHoc extends react.Component {
-    recordInfo = {};
-    curEventLeaf;
-    static displayName = schema.componentName;
-    disposeFunctions = [];
-    __component_tag = 'leafWrapper';
-    renderUnitInfo;
-
-    // 最小渲染单元做防抖处理
-    makeUnitRenderDebounced = debounce(() => {
-      this.beforeRender(RerenderType.MinimalRenderUnit);
-      const schema = this.leaf?.export?.(core.TRANSFORM_STAGE.RENDER);
-      if (!schema) {
-        return;
-      }
-      const nextProps = getProps(schema, scope, Comp, componentInfo);
-      const children = getChildren(schema, scope, Comp);
-      const nextState = {
-        nodeProps: nextProps,
-        nodeChildren: children,
-        childrenInState: true
-      };
-      if ('children' in nextProps) {
-        nextState.nodeChildren = nextProps.children;
-      }
-      logger.log(`${this.leaf?.componentName}(${this.leaf?.id}) MinimalRenderUnit Render!`);
-      this.setState(nextState);
-    }, 20);
-    constructor(props) {
-      super(props);
-      // 监听以下事件，当变化时更新自己
-      logger.log(`${schema.componentName}[${this.leaf?.id}] leaf render in SimulatorRendererView`);
-      componentCacheId && clearRerenderEvent(componentCacheId);
-      this.curEventLeaf = this.leaf;
-      cache.ref.set(componentCacheId, {
-        makeUnitRender: this.makeUnitRender
-      });
-      let cacheState = cache.state.get(componentCacheId);
-      if (!cacheState || cacheState.__tag !== props.__tag) {
-        cacheState = this.getDefaultState(props);
-      }
-      this.state = cacheState;
-    }
-    recordTime = () => {
-      if (!this.recordInfo.startTime) {
-        return;
-      }
-      const endTime = Date.now();
-      const nodeCount = host?.designer?.currentDocument?.getNodeCount?.();
-      const componentName = this.recordInfo.node?.componentName || this.leaf?.componentName || 'UnknownComponent';
-      designer?.postEvent(core.DESIGNER_EVENT.NODE_RENDER, {
-        componentName,
-        time: endTime - this.recordInfo.startTime,
-        type: this.recordInfo.type,
-        nodeCount
-      });
-      this.recordInfo.startTime = null;
-    };
-    makeUnitRender = () => {
-      this.makeUnitRenderDebounced();
-    };
-    get autoRepaintNode() {
-      return container?.autoRepaintNode;
-    }
-    componentDidUpdate() {
-      this.recordTime();
-    }
-    componentDidMount() {
-      const _leaf = this.leaf;
-      this.initOnPropsChangeEvent(_leaf);
-      this.initOnChildrenChangeEvent(_leaf);
-      this.initOnVisibleChangeEvent(_leaf);
-      this.recordTime();
-    }
-    getDefaultState(nextProps) {
-      const {
-        hidden = false,
-        condition = true
-      } = nextProps.__inner__ || this.leaf?.export?.(core.TRANSFORM_STAGE.RENDER) || {};
-      return {
-        nodeChildren: null,
-        childrenInState: false,
-        visible: !hidden,
-        condition: __parseData?.(condition, scope),
-        nodeCacheProps: {},
-        nodeProps: {}
-      };
-    }
-    setState(state) {
-      cache.state.set(componentCacheId, {
-        ...this.state,
-        ...state,
-        __tag: this.props.__tag
-      });
-      super.setState(state);
-    }
-
-    /** 由于内部属性变化，在触发渲染前，会执行该函数 */
-    beforeRender(type, node) {
-      this.recordInfo.startTime = Date.now();
-      this.recordInfo.type = type;
-      this.recordInfo.node = node;
-      setSchemaChangedSymbol?.(true);
-    }
-    judgeMiniUnitRender() {
-      if (!this.renderUnitInfo) {
-        this.getRenderUnitInfo();
-      }
-      const renderUnitInfo = this.renderUnitInfo || {
-        singleRender: true
-      };
-      if (renderUnitInfo.singleRender) {
-        return;
-      }
-      const ref = cache.ref.get(renderUnitInfo.minimalUnitId);
-      if (!ref) {
-        logger.log('Cant find minimalRenderUnit ref! This make rerender!');
-        container?.rerender();
-        return;
-      }
-      logger.log(`${this.leaf?.componentName}(${this.leaf?.id}) need render, make its minimalRenderUnit ${renderUnitInfo.minimalUnitName}(${renderUnitInfo.minimalUnitId})`);
-      ref.makeUnitRender();
-    }
-    getRenderUnitInfo(leaf = this.leaf) {
-      // leaf 在低代码组件中存在 mock 的情况，退出最小渲染单元判断
-      if (!leaf || typeof leaf.isRoot !== 'function') {
-        return;
-      }
-      if (leaf.isRoot) {
-        this.renderUnitInfo = {
-          singleRender: true,
-          ...(this.renderUnitInfo || {})
-        };
-      }
-      if (leaf.componentMeta.isMinimalRenderUnit) {
-        this.renderUnitInfo = {
-          minimalUnitId: leaf.id,
-          minimalUnitName: leaf.componentName,
-          singleRender: false
-        };
-      }
-      if (leaf.hasLoop()) {
-        // 含有循环配置的元素，父元素是最小渲染单元
-        this.renderUnitInfo = {
-          minimalUnitId: leaf?.parent?.id,
-          minimalUnitName: leaf?.parent?.componentName,
-          singleRender: false
-        };
-      }
-      if (leaf.parent) {
-        this.getRenderUnitInfo(leaf.parent);
-      }
-    }
-    UNSAFE_componentWillReceiveProps(nextProps) {
-      const {
-        componentId
-      } = nextProps;
-      if (nextProps.__tag === this.props.__tag) {
-        return null;
-      }
-      const _leaf = getNode?.(componentId);
-      if (_leaf && this.curEventLeaf && _leaf !== this.curEventLeaf) {
-        this.disposeFunctions.forEach(fn => fn());
-        this.disposeFunctions = [];
-        this.initOnChildrenChangeEvent(_leaf);
-        this.initOnPropsChangeEvent(_leaf);
-        this.initOnVisibleChangeEvent(_leaf);
-        this.curEventLeaf = _leaf;
-      }
-      const {
-        visible,
-        ...resetState
-      } = this.getDefaultState(nextProps);
-      this.setState(resetState);
-    }
-
-    /** 监听参数变化 */
-    initOnPropsChangeEvent(leaf = this.leaf) {
-      // const handlePropsChange = debounce((propChangeInfo: PropChangeInfo) => {
-      const handlePropsChange = debounce(propChangeInfo => {
-        const {
-          key,
-          newValue = null
-        } = propChangeInfo;
-        const node = leaf;
-        if (key === '___condition___') {
-          const {
-            condition = true
-          } = this.leaf?.export(core.TRANSFORM_STAGE.RENDER) || {};
-          const conditionValue = __parseData?.(condition, scope);
-          logger.log(`key is ___condition___, change condition value to [${condition}]`);
-          // 条件表达式改变
-          this.setState({
-            condition: conditionValue
-          });
-          return;
-        }
-
-        // 如果循坏条件变化，从根节点重新渲染
-        // 目前多层循坏无法判断需要从哪一层开始渲染，故先粗暴解决
-        if (key === '___loop___') {
-          logger.log('key is ___loop___, render a page!');
-          container?.rerender();
-          // 由于 scope 变化，需要清空缓存，使用新的 scope
-          cache.component.delete(componentCacheId);
-          return;
-        }
-        this.beforeRender(RerenderType.PropsChanged);
-        const {
-          state
-        } = this;
-        const {
-          nodeCacheProps
-        } = state;
-        const nodeProps = getProps(node?.export?.(core.TRANSFORM_STAGE.RENDER), scope, Comp, componentInfo);
-        if (key && !(key in nodeProps) && key in this.props) {
-          // 当 key 在 this.props 中时，且不存在在计算值中，需要用 newValue 覆盖掉 this.props 的取值
-          nodeCacheProps[key] = newValue;
-        }
-        logger.log(`${leaf?.componentName}[${this.leaf?.id}] component trigger onPropsChange!`, nodeProps, nodeCacheProps, key, newValue);
-        this.setState('children' in nodeProps ? {
-          nodeChildren: nodeProps.children,
-          nodeProps,
-          childrenInState: true,
-          nodeCacheProps
-        } : {
-          nodeProps,
-          nodeCacheProps
-        });
-        this.judgeMiniUnitRender();
-      });
-      // const dispose = leaf?.onPropChange?.((propChangeInfo: IPublicTypePropChangeOptions) => {
-      const dispose = leaf?.onPropChange?.(propChangeInfo => {
-        if (!this.autoRepaintNode) {
-          return;
-        }
-        handlePropsChange(propChangeInfo);
-      });
-      dispose && this.disposeFunctions.push(dispose);
-    }
-
-    /**
-     * 监听显隐变化
-     */
-    initOnVisibleChangeEvent(leaf = this.leaf) {
-      const dispose = leaf?.onVisibleChange?.(flag => {
-        if (!this.autoRepaintNode) {
-          return;
-        }
-        if (this.state.visible === flag) {
-          return;
-        }
-        logger.log(`${leaf?.componentName}[${this.leaf?.id}] component trigger onVisibleChange(${flag}) event`);
-        this.beforeRender(RerenderType.VisibleChanged);
-        this.setState({
-          visible: flag
-        });
-        this.judgeMiniUnitRender();
-      });
-      dispose && this.disposeFunctions.push(dispose);
-    }
-
-    /**
-     * 监听子元素变化（拖拽，删除...）
-     */
-    initOnChildrenChangeEvent(leaf = this.leaf) {
-      const dispose = leaf?.onChildrenChange?.(param => {
-        if (!this.autoRepaintNode) {
-          return;
-        }
-        const {
-          type,
-          node
-        } = param || {};
-        this.beforeRender(`${RerenderType.ChildChanged}-${type}`, node);
-        // TODO: 缓存同级其他元素的 children。
-        // 缓存二级 children Next 查询筛选组件有问题
-        // 缓存一级 children Next Tab 组件有问题
-        const nextChild = getChildren(leaf?.export?.(core.TRANSFORM_STAGE.RENDER), scope, Comp);
-        logger.log(`${schema.componentName}[${this.leaf?.id}] component trigger onChildrenChange event`, nextChild);
-        this.setState({
-          nodeChildren: nextChild,
-          childrenInState: true
-        });
-        this.judgeMiniUnitRender();
-      });
-      dispose && this.disposeFunctions.push(dispose);
-    }
-    componentWillUnmount() {
-      this.disposeFunctions.forEach(fn => fn());
-    }
-    get hasChildren() {
-      if (!this.state.childrenInState) {
-        return 'children' in this.props;
-      }
-      return true;
-    }
-    get children() {
-      if (this.state.childrenInState) {
-        return this.state.nodeChildren;
-      }
-      if (this.props.children && !Array.isArray(this.props.children)) {
-        return [this.props.children];
-      }
-      if (this.props.children && this.props.children.length) {
-        return this.props.children;
-      }
-      return this.props.children;
-    }
-    get leaf() {
-      // if (this.props._leaf?.isMock) {
-      //   // 低代码组件作为一个整体更新，其内部的组件不需要监听相关事件
-      //   return undefined
-      // }
-
-      return getNode?.(componentCacheId);
-    }
-    render() {
-      if (!this.state.visible || !this.state.condition) {
-        return null;
-      }
-      const {
-        forwardRef,
-        ...rest
-      } = this.props;
-      const compProps = {
-        ...rest,
-        ...(this.state.nodeCacheProps || {}),
-        ...(this.state.nodeProps || {}),
-        children: [],
-        __id: this.leaf?.id,
-        ref: forwardRef
-      };
-      delete compProps.__inner__;
-      if (this.hasChildren) {
-        return engine.createElement(Comp, compProps, this.children);
-      }
-      return engine.createElement(Comp, compProps);
-    }
-  }
-  const LeafWrapper = createForwardRefHocElement(LeafHoc, Comp);
-  cache.component.set(componentCacheId, {
-    LeafWrapper,
-    Comp
-  });
-  return LeafWrapper;
-};
-
-function buildUrl(dataAPI, params) {
-  const paramStr = serializeParams(params);
-  if (paramStr) {
-    return dataAPI.indexOf('?') > 0 ? `${dataAPI}&${paramStr}` : `${dataAPI}?${paramStr}`;
-  }
-  return dataAPI;
-}
-function get(dataAPI, params = {}, headers = {}, otherProps = {}) {
-  const processedHeaders = {
-    Accept: 'application/json',
-    ...headers
-  };
-  const url = buildUrl(dataAPI, params);
-  return request(url, 'GET', null, processedHeaders, otherProps);
-}
-function post(dataAPI, params = {}, headers = {}, otherProps = {}) {
-  const processedHeaders = {
-    Accept: 'application/json',
-    'Content-Type': 'application/x-www-form-urlencoded',
-    ...headers
-  };
-  const body = processedHeaders['Content-Type'].indexOf('application/json') > -1 || Array.isArray(params) ? JSON.stringify(params) : serializeParams(params);
-  return request(dataAPI, 'POST', body, processedHeaders, otherProps);
-}
-function request(dataAPI, method = 'GET', data, headers = {}, otherProps = {}) {
-  let processedHeaders = headers || {};
-  let payload = data;
-  if (method === 'PUT' || method === 'DELETE') {
-    processedHeaders = {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      ...processedHeaders
-    };
-    payload = JSON.stringify(payload || {});
-  }
-  return new Promise((resolve, reject) => {
-    if (otherProps.timeout) {
-      setTimeout(() => {
-        reject(new Error('timeout'));
-      }, otherProps.timeout);
-    }
-    fetch(dataAPI, {
-      method,
-      credentials: 'include',
-      headers: processedHeaders,
-      body: payload,
-      ...otherProps
-    }).then(response => {
-      switch (response.status) {
-        case 200:
-        case 201:
-        case 202:
-          return response.json();
-        case 204:
-          if (method === 'DELETE') {
-            return {
-              success: true
-            };
-          } else {
-            return {
-              __success: false,
-              code: response.status
-            };
-          }
-        case 400:
-        case 401:
-        case 403:
-        case 404:
-        case 406:
-        case 410:
-        case 422:
-        case 500:
-          return response.json().then(res => {
-            return {
-              __success: false,
-              code: response.status,
-              data: res
-            };
-          }).catch(() => {
-            return {
-              __success: false,
-              code: response.status
-            };
-          });
-      }
-      return null;
-    }).then(json => {
-      if (!json) {
-        reject(json);
-        return;
-      }
-      if (json.__success !== false) {
-        resolve(json);
-      } else {
-        delete json.__success;
-        reject(json);
-      }
-    }).catch(err => {
-      reject(err);
-    });
-  });
-}
-
-const DS_STATUS = {
-  INIT: 'init',
-  LOADING: 'loading',
-  LOADED: 'loaded',
-  ERROR: 'error'
-};
-function doRequest(type, options) {
-  let {
-    uri,
-    url,
-    method = 'GET',
-    headers,
-    params,
-    ...otherProps
-  } = options;
-  otherProps = otherProps || {};
-  if (type === 'fetch') {
-    switch (method.toUpperCase()) {
-      case 'GET':
-        return get(uri, params, headers, otherProps);
-      case 'POST':
-        return post(uri, params, headers, otherProps);
-      default:
-        return request(uri, method, params, headers, otherProps);
-    }
-  }
-  logger.log(`Engine default dataSource does not support type:[${type}] dataSource request!`, options);
-}
-class DataHelper {
-  host;
-  config;
-  parser;
-  ajaxList;
-  dataHandler;
-  ajaxMap;
-  dataSourceMap;
-  appHelper;
-  constructor(comp, config, appHelper, parser) {
-    this.host = comp;
-    this.config = config || {};
-    this.parser = parser;
-    this.ajaxList = config?.list || [];
-    this.ajaxMap = transformArrayToMap(this.ajaxList, 'id');
-    this.dataSourceMap = this.generateDataSourceMap();
-    this.appHelper = appHelper;
-    this.dataHandler = config?.dataHandler ? parseExpression(config?.dataHandler, comp, true) : undefined;
-  }
-  updateConfig(config = {}) {
-    this.config = config;
-    this.ajaxList = config?.list || [];
-    const ajaxMap = transformArrayToMap(this.ajaxList, 'id');
-    Object.keys(this.ajaxMap).forEach(key => {
-      if (!ajaxMap[key]) {
-        delete this.dataSourceMap[key];
-      }
-    });
-    this.ajaxMap = ajaxMap;
-    this.ajaxList.forEach(item => {
-      if (!this.dataSourceMap[item.id]) {
-        this.dataSourceMap[item.id] = {
-          status: DS_STATUS.INIT,
-          load: (...args) => {
-            return this.getDataSource(item.id, ...args);
-          }
-        };
-      }
-    });
-    return this.dataSourceMap;
-  }
-  generateDataSourceMap() {
-    const res = {};
-    this.ajaxList.forEach(item => {
-      res[item.id] = {
-        status: DS_STATUS.INIT,
-        load: (...args) => {
-          return this.getDataSource(item.id, ...args);
-        }
-      };
-    });
-    return res;
-  }
-  updateDataSourceMap(id, data, error) {
-    this.dataSourceMap[id].error = error || undefined;
-    this.dataSourceMap[id].data = data;
-    this.dataSourceMap[id].status = error ? DS_STATUS.ERROR : DS_STATUS.LOADED;
-  }
-  getInitDataSourseConfigs() {
-    const initConfigs = this.parser(this.ajaxList).filter(item => {
-      if (item.isInit === true) {
-        this.dataSourceMap[item.id].status = DS_STATUS.LOADING;
-        return true;
-      }
-      return false;
-    });
-    return initConfigs;
-  }
-  getInitData() {
-    const initSyncData = this.getInitDataSourseConfigs();
-    return this.asyncDataHandler(initSyncData).then(res => {
-      const {
-        dataHandler
-      } = this.config;
-      return this.handleData(null, dataHandler, res, null);
-    });
-  }
-  async reloadDataSource() {
-    const dataSourceMap = await this.getInitData();
-    if (isEmpty(dataSourceMap)) {
-      return;
-    }
-    this.host.setState(dataSourceMap);
-    if (this.dataHandler) {
-      this.dataHandler(dataSourceMap);
-    }
-  }
-  getDataSource(id, params, otherOptions, callback) {
-    const req = this.parser(this.ajaxMap[id]);
-    const options = req.options || {};
-    let callbackFn = callback;
-    let otherOptionsObj = otherOptions;
-    if (typeof otherOptions === 'function') {
-      callbackFn = otherOptions;
-      otherOptionsObj = {};
-    }
-    const {
-      headers,
-      ...otherProps
-    } = otherOptionsObj || {};
-    if (!req) {
-      logger.warn(`getDataSource API named ${id} not exist`);
-      return;
-    }
-    return this.asyncDataHandler([{
-      ...req,
-      options: {
-        ...options,
-        params: Array.isArray(options.params) || Array.isArray(params) ? params || options.params : {
-          ...options.params,
-          ...params
-        },
-        headers: {
-          ...options.headers,
-          ...headers
-        },
-        ...otherProps
-      }
-    }]).then(res => {
-      try {
-        callbackFn && callbackFn(res && res[id]);
-      } catch (e) {
-        logger.error('load请求回调函数报错', e);
-      }
-      return res && res[id];
-    }).catch(err => {
-      try {
-        callbackFn && callbackFn(null, err);
-      } catch (e) {
-        logger.error('load请求回调函数报错', e);
-      }
-      return err;
-    });
-  }
-  asyncDataHandler(asyncDataList) {
-    return new Promise((resolve, reject) => {
-      const allReq = [];
-      asyncDataList.forEach(req => {
-        const {
-          id,
-          type
-        } = req;
-        if (!id || !type || type === 'legao') {
-          return;
-        }
-        allReq.push(req);
-      });
-      if (allReq.length === 0) {
-        resolve({});
-      }
-      const res = {};
-      Promise.all(allReq.map(item => {
-        return new Promise(innerResolve => {
-          const {
-            type,
-            id,
-            dataHandler,
-            options
-          } = item;
-          const fetchHandler = (data, error) => {
-            res[id] = this.handleData(id, dataHandler, data, error);
-            this.updateDataSourceMap(id, res[id], error);
-            innerResolve({});
-          };
-          const doFetch = (innerType, innerOptions) => {
-            doRequest(innerType, innerOptions)?.then(data => {
-              fetchHandler(data, undefined);
-            }).catch(err => {
-              fetchHandler(undefined, err);
-            });
-          };
-          this.dataSourceMap[id].status = DS_STATUS.LOADING;
-          doFetch(type, options);
-        });
-      })).then(() => {
-        resolve(res);
-      }).catch(e => {
-        reject(e);
-      });
-    });
-  }
-  handleData(id, dataHandler, data, error) {
-    let dataHandlerFun = dataHandler;
-    if (core.isJSFunction(dataHandler)) {
-      dataHandlerFun = transformStringToFunction(dataHandler.value);
-    }
-    if (!dataHandlerFun || typeof dataHandlerFun !== 'function') {
-      return data;
-    }
-    try {
-      return dataHandlerFun.call(this.host, data, error);
-    } catch (e) {
-      if (id) {
-        logger.error(`[${id}]单个请求数据处理函数运行出错`, e);
-      } else {
-        logger.error('请求数据处理函数运行出错', e);
-      }
-    }
-  }
-}
-
-function executeLifeCycleMethod(context, schema, method, args) {
-  if (!context || !isSchema(schema) || !method) {
-    return;
-  }
-  const lifeCycleMethods = getValue(schema, 'lifeCycles', {});
-  let fn = lifeCycleMethods[method];
-  if (!fn) {
-    return;
-  }
-
-  // TODO: cache
-  if (core.isJSExpression(fn) || core.isJSFunction(fn)) {
-    fn = parseExpression(fn, context, true);
-  }
-  if (typeof fn !== 'function') {
-    logger.error(`生命周期${method}类型不符`, fn);
-    return;
-  }
-  try {
-    return fn.apply(context, args);
-  } catch (e) {
-    logger.error(`[${schema.componentName}]生命周期${method}出错`, e);
-  }
-}
-
-/**
- * get children from a node schema
- */
-function getSchemaChildren(schema) {
-  if (!schema) {
-    return;
-  }
-  return schema.children;
-}
-function baseRendererFactory() {
-  const {
-    BaseRenderer: customBaseRenderer
-  } = adapter.getRenderers();
-  if (customBaseRenderer) {
-    return customBaseRenderer;
-  }
-  const DEFAULT_LOOP_ARG_ITEM = 'item';
-  const DEFAULT_LOOP_ARG_INDEX = 'index';
-  // const scopeIdx = 0
-
-  return class BaseRenderer extends react.Component {
-    static displayName = 'BaseRenderer';
-    static defaultProps = {
-      __schema: {}
-    };
-    static contextType = RendererContext;
-    dataSourceMap = {};
-    __namespace = 'base';
-    __compScopes = {};
-    __instanceMap = {};
-    __dataHelper;
-
-    /**
-     * keep track of customMethods added to this context
-     *
-     * @type {any}
-     */
-    __customMethodsList = [];
-    __parseExpression;
-    __ref;
-
-    /**
-     * reference of style element contains schema.css
-     *
-     * @type {any}
-     */
-    __styleElement;
-    constructor(props) {
-      super(props);
-      this.__parseExpression = (str, self) => {
-        return parseExpression({
-          str,
-          self,
-          logScope: props.componentName
-        });
-      };
-      this.__beforeInit(props);
-      this.__init(props);
-      this.__afterInit(props);
-      logger.log(`constructor - ${props?.__schema?.fileName}`);
-    }
-    __beforeInit(props) {}
-    __init(props) {
-      this.__compScopes = {};
-      this.__instanceMap = {};
-      this.__bindCustomMethods(props);
-    }
-    __afterInit(props) {}
-    static getDerivedStateFromProps(props, state) {
-      const result = executeLifeCycleMethod(this, props?.__schema, 'getDerivedStateFromProps', [props, state]);
-      return result === undefined ? null : result;
-    }
-    async getSnapshotBeforeUpdate(...args) {
-      this.__executeLifeCycleMethod('getSnapshotBeforeUpdate', args);
-      logger.log(`getSnapshotBeforeUpdate - ${this.props?.__schema?.componentName}`);
-    }
-    async componentDidMount(...args) {
-      this.reloadDataSource();
-      this.__executeLifeCycleMethod('componentDidMount', args);
-      logger.log(`componentDidMount - ${this.props?.__schema?.componentName}`);
-    }
-    async componentDidUpdate(...args) {
-      this.__executeLifeCycleMethod('componentDidUpdate', args);
-      logger.log(`componentDidUpdate - ${this.props.__schema.componentName}`);
-    }
-    async componentWillUnmount(...args) {
-      this.__executeLifeCycleMethod('componentWillUnmount', args);
-      logger.log(`componentWillUnmount - ${this.props?.__schema?.componentName}`);
-    }
-    async componentDidCatch(...args) {
-      this.__executeLifeCycleMethod('componentDidCatch', args);
-      logger.warn(args);
-    }
-    reloadDataSource = () => new Promise((resolve, reject) => {
-      logger.log('reload data source');
-      if (!this.__dataHelper) {
-        return resolve({});
-      }
-      this.__dataHelper.getInitData().then(res => {
-        if (isEmpty(res)) {
-          this.forceUpdate();
-          return resolve({});
-        }
-        this.setState(res, resolve);
-      }).catch(err => {
-        reject(err);
-      });
-    });
-    shouldComponentUpdate() {
-      if (this.props.getSchemaChangedSymbol?.() && this.props.__container?.rerender) {
-        this.props.__container?.rerender();
-        return false;
-      }
-      return true;
-    }
-    forceUpdate() {
-      if (this.shouldComponentUpdate()) {
-        super.forceUpdate();
-      }
-    }
-
-    /**
-     * execute method in schema.lifeCycles
-     */
-    __executeLifeCycleMethod = (method, args) => {
-      // 跳过 construct 的执行
-      if (this.context) {
-        const {
-          engine
-        } = this.context;
-        if (!engine.props.excuteLifeCycleInDesignMode) {
-          return;
-        }
-      }
-      executeLifeCycleMethod(this, this.props.__schema, method, args);
-    };
-
-    /**
-     * this method is for legacy purpose only, which used _ prefix instead of __ as private for some historical reasons
-     */
-    __getComponentView = () => {
-      const {
-        __components,
-        __schema
-      } = this.props;
-      if (!__components) {
-        return;
-      }
-      return __components[__schema.componentName];
-    };
-    __bindCustomMethods = props => {
-      const {
-        __schema
-      } = props;
-      const customMethodsList = Object.keys(__schema.methods || {}) || [];
-      (this.__customMethodsList || []).forEach(item => {
-        if (!customMethodsList.includes(item)) {
-          delete this[item];
-        }
-      });
-      this.__customMethodsList = customMethodsList;
-      forEach(__schema.methods, (val, key) => {
-        let value = val;
-        if (core.isJSExpression(value) || core.isJSFunction(value)) {
-          value = this.__parseExpression(value, this);
-        }
-        if (typeof value !== 'function') {
-          logger.error(`custom method ${key} can not be parsed to a valid function`, value);
-          return;
-        }
-        this[key] = value.bind(this);
-      });
-    };
-    __generateCtx = ctx => {
-      const {
-        pageContext,
-        compContext
-      } = this.context;
-      const obj = {
-        page: pageContext,
-        component: compContext,
-        ...ctx
-      };
-      forEach(obj, (val, key) => {
-        this[key] = val;
-      });
-    };
-    __parseData = (data, ctx) => {
-      const {
-        __ctx,
-        componentName
-      } = this.props;
-      return parseData(data, ctx || __ctx || this, {
-        logScope: componentName
-      });
-    };
-    __initDataSource = props => {
-      if (!props) {
-        return;
-      }
-      const schema = props.__schema || {};
-      const defaultDataSource = {
-        list: []
-      };
-      const dataSource = schema.dataSource || defaultDataSource;
-      // requestHandlersMap 存在才走数据源引擎方案
-      // TODO: 下面if else 抽成独立函数
-      const useDataSourceEngine = !!props.__appHelper?.requestHandlersMap;
-      if (useDataSourceEngine) {
-        this.__dataHelper = {
-          updateConfig: updateDataSource => {
-            const {
-              dataSourceMap,
-              reloadDataSource
-            } = createDataSourceEngine(updateDataSource ?? {}, this, props.__appHelper?.requestHandlersMap ? {
-              requestHandlersMap: props.__appHelper.requestHandlersMap
-            } : undefined);
-            this.reloadDataSource = () => new Promise(resolve => {
-              logger.log('reload data source');
-              reloadDataSource().then(() => {
-                resolve({});
-              });
-            });
-            return dataSourceMap;
-          }
-        };
-        this.dataSourceMap = this.__dataHelper.updateConfig(dataSource);
-      } else {
-        const appHelper = props.__appHelper || {};
-        this.__dataHelper = new DataHelper(this, dataSource, appHelper, config => this.__parseData(config));
-        this.dataSourceMap = this.__dataHelper.dataSourceMap;
-        this.reloadDataSource = () => new Promise(resolve => {
-          logger.log('reload data source');
-          this.__dataHelper.reloadDataSource().then(() => {
-            resolve({});
-          });
-        });
-      }
-    };
-
-    /**
-     * write props.__schema.css to document as a style element,
-     * which will be added once and only once.
-     * @PRIVATE
-     */
-    __writeCss = props => {
-      const css = getValue(props.__schema, 'css', '');
-      logger.log('create this.styleElement with css', css);
-      let style = this.__styleElement;
-      if (!this.__styleElement) {
-        style = document.createElement('style');
-        style.type = 'text/css';
-        style.setAttribute('from', 'style-sheet');
-        const head = document.head || document.getElementsByTagName('head')[0];
-        head.appendChild(style);
-        this.__styleElement = style;
-        logger.log('this.styleElement is created', this.__styleElement);
-      }
-      if (style.innerHTML === css) {
-        return;
-      }
-      style.innerHTML = css;
-    };
-    __render = () => {
-      const schema = this.props.__schema;
-      this.__executeLifeCycleMethod('render');
-      this.__writeCss(this.props);
-      const {
-        engine
-      } = this.context;
-      if (engine) {
-        engine.props?.onCompGetCtx?.(schema, this);
-        // 画布场景才需要每次渲染bind自定义方法
-        if (this.__designModeIsDesign) {
-          this.__bindCustomMethods(this.props);
-          this.dataSourceMap = this.__dataHelper?.updateConfig(schema.dataSource);
-        }
-      }
-    };
-    __getRef = ref => {
-      const {
-        engine
-      } = this.context;
-      const {
-        __schema
-      } = this.props;
-      // ref && engine?.props?.onCompGetRef(__schema, ref)
-      // TODO: 只在 ref 存在执行，会影响 documentInstance 的卸载
-      engine.props?.onCompGetRef?.(__schema, ref);
-      this.__ref = ref;
-    };
-    __createDom = () => {
-      const {
-        __schema,
-        __ctx
-      } = this.props;
-      // merge defaultProps
-      const scopeProps = {
-        ...__schema.defaultProps,
-        ...this.props
-      };
-      const scope = {
-        props: scopeProps
-      };
-      scope.__proto__ = __ctx || this;
-      const _children = getSchemaChildren(__schema);
-      const Comp = this.__getComponentView();
-      if (!Comp) {
-        logger.log(`${__schema.componentName} is invalid!`);
-      }
-      const parentNodeInfo = {
-        schema: __schema,
-        Comp: this.__getHOCWrappedComponent(Comp, {
-          schema: __schema,
-          scope
-        })
-      };
-      return this.__createVirtualDom(_children, scope, parentNodeInfo);
-    };
-
-    /**
-     * 将模型结构转换成react Element
-     * @param originalSchema schema
-     * @param originalScope scope
-     * @param parentInfo 父组件的信息，包含schema和Comp
-     * @param idx 为循环渲染的循环Index
-     */
-    __createVirtualDom = (originalSchema, originalScope, parentInfo, idx = '') => {
-      if (originalSchema === null || originalSchema === undefined) {
-        return null;
-      }
-      const scope = originalScope;
-      const schema = originalSchema;
-      const {
-        engine
-      } = this.context || {};
-      if (!engine) {
-        logger.log('this.context.engine is invalid!');
-        return null;
-      }
-      try {
-        const {
-          __appHelper: appHelper,
-          __components: components = {}
-        } = this.props || {};
-        if (core.isJSExpression(schema)) {
-          return this.__parseExpression(schema, scope);
-        }
-        if (typeof schema === 'string') {
-          return schema;
-        }
-        if (typeof schema === 'number' || typeof schema === 'boolean') {
-          return String(schema);
-        }
-        if (Array.isArray(schema)) {
-          if (schema.length === 1) {
-            return this.__createVirtualDom(schema[0], scope, parentInfo);
-          }
-          return schema.map((item, idy) => this.__createVirtualDom(item, scope, parentInfo, item?.__ctx?.lceKey ? '' : String(idy)));
-        }
-        if (schema.$$typeof) {
-          return schema;
-        }
-        if (!schema.componentName) {
-          logger.error('The componentName in the schema is invalid, please check the schema: ', schema);
-          return;
-        }
-        if (!isSchema(schema)) {
-          return null;
-        }
-        let Comp = components[schema.componentName] || this.props.__container?.components?.[schema.componentName];
-
-        // 容器类组件的上下文通过props传递，避免context传递带来的嵌套问题
-        const otherProps = isSchema(schema) ? {
-          __schema: schema,
-          __appHelper: appHelper,
-          __components: components
-        } : {};
-        if (!Comp) {
-          logger.error(`${schema.componentName} component is not found in components list! component list is:`, components || this.props.__container?.components);
-          return engine.createElement(engine.getNotFoundComponent(), {
-            componentName: schema.componentName,
-            componentId: schema.id,
-            enableStrictNotFoundMode: engine.props.enableStrictNotFoundMode,
-            ref: ref => {
-              ref && engine.props?.onCompGetRef?.(schema, ref);
-            }
-          }, this.__getSchemaChildrenVirtualDom(schema, scope, Comp));
-        }
-        if (schema.loop != null) {
-          const loop = this.__parseData(schema.loop, scope);
-          if (Array.isArray(loop) && loop.length === 0) return null;
-          const useLoop = isUseLoop(loop, this.__designModeIsDesign);
-          if (useLoop) {
-            return this.__createLoopVirtualDom({
-              ...schema,
-              loop
-            }, scope, parentInfo, idx);
-          }
-        }
-        const condition = schema.condition == null ? true : this.__parseData(schema.condition, scope);
-
-        // DesignMode 为 design 情况下，需要进入 leaf Hoc，进行相关事件注册
-        const displayInHook = this.__designModeIsDesign;
-        if (!condition && !displayInHook) {
-          return null;
-        }
-
-        // TODO: scope
-        // let scopeKey = ''
-        // // 判断组件是否需要生成scope，且只生成一次，挂在this.__compScopes上
-        // if (Comp.generateScope) {
-        //   const key = this.__parseExpression(schema.props?.key, scope)
-        //   if (key) {
-        //     // 如果组件自己设置key则使用组件自己的key
-        //     scopeKey = key
-        //   } else if (schema.__ctx) {
-        //     // 需要判断循环的情况
-        //     scopeKey = schema.__ctx.lceKey + (idx !== undefined ? `_${idx}` : '')
-        //   } else {
-        //     // 在生产环境schema没有__ctx上下文，需要手动生成一个lceKey
-        //     schema.__ctx = {
-        //       lceKey: `lce${++scopeIdx}`,
-        //     }
-        //     scopeKey = schema.__ctx.lceKey
-        //   }
-        //   if (!this.__compScopes[scopeKey]) {
-        //     this.__compScopes[scopeKey] = Comp.generateScope(this, schema)
-        //   }
-        // }
-        // // 如果组件有设置scope，需要为组件生成一个新的scope上下文
-        // if (scopeKey && this.__compScopes[scopeKey]) {
-        //   const compSelf = { ...this.__compScopes[scopeKey] }
-        //   compSelf.__proto__ = scope
-        //   scope = compSelf
-        // }
-
-        if (engine.props?.designMode) {
-          otherProps.__designMode = engine.props.designMode;
-        }
-        if (this.__designModeIsDesign) {
-          otherProps.__tag = Math.random();
-        }
-        const componentInfo = {};
-        const props = this.__getComponentProps(schema, scope, Comp, {
-          ...componentInfo,
-          props: transformArrayToMap(componentInfo.props, 'name')
-        }) || {};
-        Comp = this.__getHOCWrappedComponent(Comp, {
-          schema,
-          componentInfo,
-          baseRenderer: this,
-          scope
-        });
-        otherProps.ref = ref => {
-          this.$(schema.id || props.ref, ref); // 收集ref
-          const refProps = props.ref;
-          if (refProps && typeof refProps === 'string') {
-            this[refProps] = ref;
-          }
-          ref && engine.props?.onCompGetRef?.(schema, ref);
-        };
-
-        // scope需要传入到组件上
-        // if (scopeKey && this.__compScopes[scopeKey]) {
-        //   props.__scope = this.__compScopes[scopeKey]
-        // }
-        if (schema?.__ctx?.lceKey) {
-          if (!isSchema(schema)) {
-            engine.props?.onCompGetCtx?.(schema, scope);
-          }
-          props.key = props.key || `${schema.__ctx.lceKey}_${schema.__ctx.idx || 0}_${idx !== undefined ? idx : ''}`;
-        } else if ((typeof idx === 'number' || typeof idx === 'string') && !props.key) {
-          // 仅当循环场景走这里
-          props.key = idx;
-        }
-        props.__id = schema.id;
-        if (!props.key) {
-          props.key = props.__id;
-        }
-        return engine.createElement(Comp, {
-          ...props,
-          ...otherProps,
-          // TODO: 看看这里需要怎么处理简洁
-          __inner__: {
-            hidden: schema.hidden,
-            condition
-          }
-        }, this.__getSchemaChildrenVirtualDom(schema, scope, Comp, condition));
-      } catch (e) {
-        return engine.createElement(engine.getFaultComponent(), {
-          error: e,
-          schema,
-          self: scope,
-          parentInfo,
-          idx
-        });
-      }
-    };
-
-    /**
-     * get Component HOCs
-     *
-     * @readonly
-     * @type {ComponentConstruct[]}
-     */
-    get __componentHOCs() {
-      if (this.__designModeIsDesign) {
-        return [leafWrapper, compWrapper];
-      }
-      return [compWrapper];
-    }
-    __getSchemaChildrenVirtualDom = (schema, scope, Comp, condition = true) => {
-      let children = condition ? getSchemaChildren(schema) : null;
-      const result = [];
-      if (children) {
-        if (!Array.isArray(children)) {
-          children = [children];
-        }
-        children.forEach(child => {
-          const childVirtualDom = this.__createVirtualDom(core.isJSExpression(child) ? this.__parseExpression(child, scope) : child, scope, {
-            schema,
-            Comp
-          });
-          result.push(childVirtualDom);
-        });
-      }
-      if (result && result.length > 0) {
-        return result;
-      }
-      return null;
-    };
-    __getComponentProps = (schema, scope, Comp, componentInfo) => {
-      if (!schema) {
-        return {};
-      }
-      return this.__parseProps(schema?.props, scope, '', {
-        schema,
-        Comp,
-        componentInfo: {
-          ...(componentInfo || {}),
-          props: transformArrayToMap((componentInfo || {}).props, 'name')
-        }
-      }) || {};
-    };
-    __createLoopVirtualDom = (schema, scope, parentInfo, idx) => {
-      // TODO
-      // if (isSchema(schema)) {
-      //   logger.warn('file type not support Loop')
-      //   return null
-      // }
-      if (!Array.isArray(schema.loop)) {
-        return null;
-      }
-      const itemArg = schema.loopArgs && schema.loopArgs[0] || DEFAULT_LOOP_ARG_ITEM;
-      const indexArg = schema.loopArgs && schema.loopArgs[1] || DEFAULT_LOOP_ARG_INDEX;
-      const {
-        loop
-      } = schema;
-      return loop.map((item, i) => {
-        const loopSelf = {
-          [itemArg]: item,
-          [indexArg]: i
-        };
-        loopSelf.__proto__ = scope;
-        return this.__createVirtualDom({
-          ...schema,
-          loop: undefined,
-          props: {
-            ...schema.props,
-            // 循环下 key 不能为常量，这样会造成 key 值重复，渲染异常
-            key: core.isJSExpression(schema.props?.key) ? schema.props?.key : null
-          }
-        }, loopSelf, parentInfo, idx ? `${idx}_${i}` : i);
-      });
-    };
-    get __designModeIsDesign() {
-      const {
-        engine
-      } = this.context || {};
-      return engine?.props?.designMode === 'design';
-    }
-    __parseProps = (originalProps, scope, path, info) => {
-      let props = originalProps;
-      const {
-        schema,
-        Comp,
-        componentInfo = {}
-      } = info;
-      const propInfo = getValue(componentInfo.props, path);
-      // FIXME: 将这行逻辑外置，解耦，线上环境不要验证参数，调试环境可以有，通过传参自定义
-      const propType = propInfo?.extra?.propType;
-      const checkProps = value => {
-        if (!propType) {
-          return value;
-        }
-        return checkPropTypes(value, path, propType, componentInfo.name) ? value : undefined;
-      };
-      const parseReactNode = (data, params) => {
-        if (isEmpty(params)) {
-          const virtualDom = this.__createVirtualDom(data, scope, {
-            schema,
-            Comp
-          });
-          return checkProps(virtualDom);
-        }
-        return checkProps((...argValues) => {
-          const args = {};
-          if (Array.isArray(params) && params.length) {
-            params.forEach((item, idx) => {
-              if (typeof item === 'string') {
-                args[item] = argValues[idx];
-              } else if (item && typeof item === 'object') {
-                args[item.name] = argValues[idx];
-              }
-            });
-          }
-          args.__proto__ = scope;
-          return scope.__createVirtualDom(data, args, {
-            schema,
-            Comp
-          });
-        });
-      };
-      if (core.isJSExpression(props)) {
-        props = this.__parseExpression(props, scope);
-        // 只有当变量解析出来为模型结构的时候才会继续解析
-        if (!isSchema(props)) {
-          return checkProps(props);
-        }
-      }
-      if (core.isJSFunction(props)) {
-        props = transformStringToFunction(props.value);
-      }
-
-      // 兼容通过componentInfo判断的情况
-      if (isSchema(props)) {
-        const isReactNodeFunction = !!(propInfo?.type === 'ReactNode' && propInfo?.props?.type === 'function');
-        const isMixinReactNodeFunction = !!(propInfo?.type === 'Mixin' && propInfo?.props?.types?.indexOf('ReactNode') > -1 && propInfo?.props?.reactNodeProps?.type === 'function');
-        let params = null;
-        if (isReactNodeFunction) {
-          params = propInfo?.props?.params;
-        } else if (isMixinReactNodeFunction) {
-          params = propInfo?.props?.reactNodeProps?.params;
-        }
-        return parseReactNode(props, params);
-      }
-      if (Array.isArray(props)) {
-        return checkProps(props.map((item, idx) => this.__parseProps(item, scope, path ? `${path}.${idx}` : `${idx}`, info)));
-      }
-      if (typeof props === 'function') {
-        return checkProps(props.bind(scope));
-      }
-      if (props && typeof props === 'object') {
-        if (props.$$typeof) {
-          return checkProps(props);
-        }
-        const res = {};
-        forEach(props, (val, key) => {
-          if (key.startsWith('__')) {
-            res[key] = val;
-            return;
-          }
-          res[key] = this.__parseProps(val, scope, path ? `${path}.${key}` : key, info);
-        });
-        return checkProps(res);
-      }
-      return checkProps(props);
-    };
-    $(id, instance) {
-      this.__instanceMap = this.__instanceMap || {};
-      if (!id || typeof id !== 'string') {
-        return this.__instanceMap;
-      }
-      if (instance) {
-        this.__instanceMap[id] = instance;
-      }
-      return this.__instanceMap[id];
-    }
-    __renderContextProvider = (customProps, children) => {
-      return /*#__PURE__*/jsxRuntime.jsx(RendererContext.Provider, {
-        value: {
-          ...this.context,
-          blockContext: this,
-          ...(customProps || {})
-        },
-        children: children || this.__createDom()
-      });
-    };
-    __renderContextConsumer = children => {
-      return /*#__PURE__*/jsxRuntime.jsx(RendererContext.Consumer, {
-        children: children
-      });
-    };
-    __getHOCWrappedComponent(OriginalComp, info) {
-      let Comp = OriginalComp;
-      this.__componentHOCs.forEach(ComponentConstruct => {
-        Comp = ComponentConstruct(Comp, {
-          componentInfo: {},
-          baseRenderer: this,
-          ...info
-        });
-      });
-      return Comp;
-    }
-    __renderComp(OriginalComp, ctxProps) {
-      let Comp = OriginalComp;
-      const {
-        __schema,
-        __ctx
-      } = this.props;
-      const scope = {};
-      scope.__proto__ = __ctx || this;
-      Comp = this.__getHOCWrappedComponent(Comp, {
-        schema: __schema,
-        scope
-      });
-      const data = this.__parseProps(__schema?.props, scope, '', {
-        schema: __schema,
-        Comp,
-        componentInfo: {}
-      });
-      const {
-        className
-      } = data;
-      const otherProps = {};
-      const {
-        engine
-      } = this.context || {};
-      if (!engine) {
-        return null;
-      }
-      if (this.__designModeIsDesign) {
-        otherProps.__tag = Math.random();
-      }
-      const child = engine.createElement(Comp, {
-        ...data,
-        ...this.props,
-        ref: this.__getRef,
-        className: classnames(__schema?.fileName && getFileCssName(__schema.fileName), className, this.props.className),
-        __id: __schema?.id,
-        ...otherProps
-      }, this.__createDom());
-      return this.__renderContextProvider(ctxProps, child);
-    }
-    __renderContent(children) {
-      const {
-        __schema
-      } = this.props;
-      const parsedProps = this.__parseData(__schema.props);
-      const className = classnames(`lce-${this.__namespace}`, __schema?.fileName && getFileCssName(__schema.fileName), parsedProps.className, this.props.className);
-      const style = {
-        ...(parsedProps.style || {}),
-        ...(typeof this.props.style === 'object' ? this.props.style : {})
-      };
-      const id = this.props.id || parsedProps.id;
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        ref: this.__getRef,
-        className: className,
-        id: id,
-        style: style,
-        children: children
-      });
-    }
-    __checkSchema = (schema, originalExtraComponents = []) => {
-      let extraComponents = originalExtraComponents;
-      if (typeof extraComponents === 'string') {
-        extraComponents = [extraComponents];
-      }
-
-      // const builtin = capitalizeFirstLetter(this.__namespace)
-      // const componentNames = [builtin, ...extraComponents]
-      const componentNames = [...Object.keys(this.props.__components), ...extraComponents];
-      return !isSchema(schema) || !componentNames.includes(schema?.componentName ?? '');
-    };
-    get appHelper() {
-      return this.props.__appHelper;
-    }
-    get requestHandlersMap() {
-      return this.appHelper?.requestHandlersMap;
-    }
-    get utils() {
-      return this.appHelper?.utils;
-    }
-    get constants() {
-      return this.appHelper?.constants;
-    }
-
-    // render() {
-    //   return null
-    // }
-  };
-}
-
-function componentRendererFactory() {
-  const BaseRenderer = baseRendererFactory();
-  return class CompRenderer extends BaseRenderer {
-    static displayName = 'CompRenderer';
-    __namespace = 'component';
-    __afterInit(props, ...rest) {
-      this.__generateCtx({
-        component: this
-      });
-      const schema = props.__schema || {};
-      this.state = this.__parseData(schema.state || {});
-      this.__initDataSource(props);
-      this.__executeLifeCycleMethod('constructor', [props, ...rest]);
-    }
-    render() {
-      const {
-        __schema
-      } = this.props;
-      if (this.__checkSchema(__schema)) {
-        return '自定义组件 schema 结构异常！';
-      }
-      logger.log(`${CompRenderer.displayName} render - ${__schema.componentName}`);
-      this.__generateCtx({
-        component: this
-      });
-      this.__render();
-      const noContainer = this.__parseData(__schema.props?.noContainer);
-      this.__bindCustomMethods(this.props);
-      if (noContainer) {
-        return this.__renderContextProvider({
-          compContext: this
-        });
-      }
-      const Comp = this.__getComponentView();
-      if (!Comp) {
-        return this.__renderContent(this.__renderContextProvider({
-          compContext: this
-        }));
-      }
-      return this.__renderComp(Comp, {
-        compContext: this
-      });
-    }
-  };
-}
-
-function pageRendererFactory() {
-  const BaseRenderer = baseRendererFactory();
-  return class PageRenderer extends BaseRenderer {
-    static displayName = 'PageRenderer';
-    __namespace = 'page';
-    __afterInit(props, ...rest) {
-      const schema = props.__schema || {};
-      this.state = this.__parseData(schema.state || {});
-      this.__initDataSource(props);
-      this.__executeLifeCycleMethod('constructor', [props, ...rest]);
-    }
-    async componentDidUpdate(prevProps, _prevState, snapshot) {
-      const {
-        __ctx
-      } = this.props;
-      // 当编排的时候修改 schema.state 值，需要将最新 schema.state 值 setState
-      if (JSON.stringify(prevProps.__schema.state) !== JSON.stringify(this.props.__schema.state)) {
-        const newState = this.__parseData(this.props.__schema.state, __ctx);
-        this.setState(newState);
-      }
-      super.componentDidUpdate?.(prevProps, _prevState, snapshot);
-    }
-    setState(state, callback) {
-      logger.log('page set state', state);
-      super.setState(state, callback);
-    }
-    render() {
-      const {
-        __schema
-      } = this.props;
-      if (this.__checkSchema(__schema)) {
-        return '页面schema结构异常！';
-      }
-      logger.log(`${PageRenderer.displayName} render - ${__schema.componentName}`);
-      this.__bindCustomMethods(this.props);
-      this.__initDataSource(this.props);
-      this.__generateCtx({
-        page: this
-      });
-      this.__render();
-      const Comp = this.__getComponentView();
-      if (!Comp) {
-        return this.__renderContent(this.__renderContextProvider({
-          pageContext: this
-        }));
-      }
-      return this.__renderComp(Comp, {
-        pageContext: this
-      });
-    }
-  };
-}
-
-const FaultComponent = ({
-  componentName = '',
-  error
-}) => {
-  logger.error(`${componentName} 组件渲染异常, 异常原因: ${error?.message || error || '未知'}`);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    role: "alert",
-    "aria-label": `${componentName} 组件渲染异常`,
-    style: {
-      width: '100%',
-      height: '50px',
-      lineHeight: '50px',
-      textAlign: 'center',
-      fontSize: '15px',
-      color: '#ef4444',
-      border: '2px solid #ef4444'
-    },
-    children: [componentName, " \u7EC4\u4EF6\u6E32\u67D3\u5F02\u5E38\uFF0C\u8BF7\u67E5\u770B\u63A7\u5236\u53F0\u65E5\u5FD7"]
-  });
-};
-
-const NotFoundComponent = ({
-  componentName = '',
-  enableStrictNotFoundMode,
-  children
-}) => {
-  logger.warn(`Component ${componentName} not found`);
-  if (enableStrictNotFoundMode) {
-    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: `${componentName} Component Not Found`
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    role: "alert",
-    "aria-label": `${componentName} component not found`,
-    style: {
-      width: '100%',
-      height: '50px',
-      lineHeight: '50px',
-      textAlign: 'center',
-      fontSize: '15px',
-      color: '#eab308',
-      border: '2px solid #eab308'
-    },
-    children: `${componentName} Component Not Found`
-  });
-};
-
-function rendererFactory() {
-  const RENDERER_COMPS = adapter.getRenderers();
-  return class Renderer extends react.Component {
-    static displayName = 'Renderer';
-    state = {};
-    __ref;
-    static defaultProps = {
-      appHelper: undefined,
-      components: {},
-      designMode: 'live',
-      suspended: false,
-      schema: {},
-      onCompGetRef: () => {},
-      onCompGetCtx: () => {},
-      excuteLifeCycleInDesignMode: false
-    };
-    constructor(props) {
-      super(props);
-      this.state = {};
-      core.logger.log(`entry.constructor - ${props?.schema?.componentName}`);
-    }
-    async componentDidMount() {
-      core.logger.log(`entry.componentDidMount - ${this.props.schema && this.props.schema.componentName}`);
-    }
-    async componentDidUpdate() {
-      core.logger.log(`entry.componentDidUpdate - ${this.props?.schema?.componentName}`);
-    }
-    async componentWillUnmount() {
-      core.logger.log(`entry.componentWillUnmount - ${this.props?.schema?.componentName}`);
-    }
-    componentDidCatch(error) {
-      this.state.engineRenderError = true;
-      this.state.error = error;
-    }
-    shouldComponentUpdate(nextProps) {
-      return !nextProps.suspended;
-    }
-    __getRef = ref => {
-      this.__ref = ref;
-      if (ref) {
-        this.props.onCompGetRef?.(this.props.schema, ref);
-      }
-    };
-    isValidComponent(SetComponent) {
-      return SetComponent;
-    }
-    createElement(SetComponent, props, children) {
-      return (this.props.customCreateElement || react.createElement)(SetComponent, props, children);
-    }
-    getNotFoundComponent() {
-      return this.props.notFoundComponent || NotFoundComponent;
-    }
-    getFaultComponent() {
-      return this.props.faultComponent || FaultComponent;
-    }
-    render() {
-      const {
-        schema,
-        designMode,
-        appHelper,
-        components
-      } = this.props;
-      if (isEmpty(schema)) {
-        return null;
-      }
-      if (!isSchema(schema)) {
-        core.logger.error('The root component name needs to be one of Page、Block、Component, please check the schema: ', schema);
-        return '模型结构异常';
-      }
-      core.logger.log('entry.render');
-      const allComponents = {
-        ...components,
-        ...RENDERER_COMPS
-      };
-      // TODO: 默认最顶层使用 PageRenderer
-      const Comp = allComponents.PageRenderer;
-      if (this.state && this.state.engineRenderError) {
-        return /*#__PURE__*/react.createElement(this.getFaultComponent(), {
-          componentName: schema.componentName,
-          error: this.state.error
-        });
-      }
-      if (!Comp) {
-        return null;
-      }
-      return /*#__PURE__*/jsxRuntime.jsx(RendererContext.Provider, {
-        value: {
-          appHelper,
-          components: allComponents,
-          engine: this
-        },
-        children: /*#__PURE__*/jsxRuntime.jsx(Comp, {
-          // ref={this.__getRef}
-          __appHelper: appHelper,
-          __components: allComponents,
-          __schema: schema,
-          __designMode: designMode,
-          ...this.props
-        }, schema.__ctx && `${schema.__ctx.lceKey}_${schema.__ctx.idx || '0'}`)
-      });
-    }
-  };
-}
-
-const DEV = '_EASY_EDITOR_DEV_';
-
-exports.DEV = DEV;
-exports.RendererContext = RendererContext;
-exports.SettingFieldView = SettingFieldView;
-exports.SettingRender = SettingRender;
-exports.adapter = adapter;
-exports.baseRendererFactory = baseRendererFactory;
-exports.capitalizeFirstLetter = capitalizeFirstLetter;
-exports.checkPropTypes = checkPropTypes;
-exports.classnames = classnames;
-exports.cloneEnumerableProperty = cloneEnumerableProperty;
-exports.compWrapper = compWrapper;
-exports.componentRendererFactory = componentRendererFactory;
-exports.contextFactory = contextFactory;
-exports.createForwardRefHocElement = createForwardRefHocElement;
-exports.executeLifeCycleMethod = executeLifeCycleMethod;
-exports.getFileCssName = getFileCssName;
-exports.getSchemaChildren = getSchemaChildren;
-exports.getValue = getValue;
-exports.inSameDomain = inSameDomain;
-exports.isReactClass = isReactClass;
-exports.isReactComponent = isReactComponent;
-exports.isSchema = isSchema;
-exports.isString = isString;
-exports.isUseLoop = isUseLoop;
-exports.leafWrapper = leafWrapper;
-exports.logger = logger;
-exports.pageRendererFactory = pageRendererFactory;
-exports.parseData = parseData;
-exports.parseExpression = parseExpression;
-exports.parseThisRequiredExpression = parseThisRequiredExpression;
-exports.rendererFactory = rendererFactory;
-exports.serializeParams = serializeParams;
-exports.transformArrayToMap = transformArrayToMap;
-exports.transformStringToFunction = transformStringToFunction;
-exports.useRendererContext = useRendererContext;
-//# sourceMappingURL=index.production.js.map