@easy-editor/react-renderer 0.0.17 → 1.0.0

package/dist/{cjs/index.js → index.cjs}

@@ -1,263 +1,10 @@
 'use strict';
 
-var mobxReact = require('mobx-react');
-var react = require('react');
 var core = require('@easy-editor/core');
+var rendererCore = require('@easy-editor/renderer-core');
+var react = require('react');
 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))
-  });
-});
+var mobxReact = require('mobx-react');
 
 class Adapter {
   renderers = {};
@@ -431,12 +178,12 @@ function baseIsNative(value) {
   return pattern.test(toSource(value));
 }
 
-function getValue$1(object, key) {
+function getValue(object, key) {
   return object == null ? undefined : object[key];
 }
 
 function getNative(object, key) {
-  var value = getValue$1(object, key);
+  var value = getValue(object, key);
   return baseIsNative(value) ? value : undefined;
 }
 
@@ -857,195 +604,6 @@ function contextFactory() {
   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');
-}
-
 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));
@@ -1065,6 +623,13 @@ const createForwardRefHocElement = (Wrapper, Comp) => {
   return WrapperComponent;
 };
 
+const isReactClass = obj => {
+  return obj && obj.prototype && (obj.prototype.isReactComponent || obj.prototype instanceof react.Component);
+};
+const isReactComponent = obj => {
+  return obj && (isReactClass(obj) || typeof obj === 'function');
+};
+
 const patchDidCatch = (Comp, {
   baseRenderer
 }) => {
@@ -1189,19 +754,19 @@ const initRerenderEvent = ({
       if (!container.autoRepaintNode) {
         return;
       }
-      logger.log(`${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onPropsChange make rerender`);
+      rendererCore.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`);
+      rendererCore.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`);
+      rendererCore.logger.log(`${schema.componentName}[${schema.id}] leaf not render in SimulatorRendererView, leaf onVisibleChange make rerender`);
       debounceRerender();
     })]
   });
@@ -1286,13 +851,13 @@ const leafWrapper = (Comp, {
       if ('children' in nextProps) {
         nextState.nodeChildren = nextProps.children;
       }
-      logger.log(`${this.leaf?.componentName}(${this.leaf?.id}) MinimalRenderUnit Render!`);
+      rendererCore.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`);
+      rendererCore.logger.log(`${schema.componentName}[${this.leaf?.id}] leaf render in SimulatorRendererView`);
       componentCacheId && clearRerenderEvent(componentCacheId);
       this.curEventLeaf = this.leaf;
       cache.ref.set(componentCacheId, {
@@ -1377,11 +942,11 @@ const leafWrapper = (Comp, {
       }
       const ref = cache.ref.get(renderUnitInfo.minimalUnitId);
       if (!ref) {
-        logger.log('Cant find minimalRenderUnit ref! This make rerender!');
+        rendererCore.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})`);
+      rendererCore.logger.log(`${this.leaf?.componentName}(${this.leaf?.id}) need render, make its minimalRenderUnit ${renderUnitInfo.minimalUnitName}(${renderUnitInfo.minimalUnitId})`);
       ref.makeUnitRender();
     }
     getRenderUnitInfo(leaf = this.leaf) {
@@ -1451,7 +1016,7 @@ const leafWrapper = (Comp, {
             condition = true
           } = this.leaf?.export(core.TRANSFORM_STAGE.RENDER) || {};
           const conditionValue = __parseData?.(condition, scope);
-          logger.log(`key is ___condition___, change condition value to [${condition}]`);
+          rendererCore.logger.log(`key is ___condition___, change condition value to [${condition}]`);
           // 条件表达式改变
           this.setState({
             condition: conditionValue
@@ -1462,7 +1027,7 @@ const leafWrapper = (Comp, {
         // 如果循坏条件变化，从根节点重新渲染
         // 目前多层循坏无法判断需要从哪一层开始渲染，故先粗暴解决
         if (key === '___loop___') {
-          logger.log('key is ___loop___, render a page!');
+          rendererCore.logger.log('key is ___loop___, render a page!');
           container?.rerender();
           // 由于 scope 变化，需要清空缓存，使用新的 scope
           cache.component.delete(componentCacheId);
@@ -1480,7 +1045,7 @@ const leafWrapper = (Comp, {
           // 当 key 在 this.props 中时，且不存在在计算值中，需要用 newValue 覆盖掉 this.props 的取值
           nodeCacheProps[key] = newValue;
         }
-        logger.log(`${leaf?.componentName}[${this.leaf?.id}] component trigger onPropsChange!`, nodeProps, nodeCacheProps, key, newValue);
+        rendererCore.logger.log(`${leaf?.componentName}[${this.leaf?.id}] component trigger onPropsChange!`, nodeProps, nodeCacheProps, key, newValue);
         this.setState('children' in nodeProps ? {
           nodeChildren: nodeProps.children,
           nodeProps,
@@ -1513,7 +1078,7 @@ const leafWrapper = (Comp, {
         if (this.state.visible === flag) {
           return;
         }
-        logger.log(`${leaf?.componentName}[${this.leaf?.id}] component trigger onVisibleChange(${flag}) event`);
+        rendererCore.logger.log(`${leaf?.componentName}[${this.leaf?.id}] component trigger onVisibleChange(${flag}) event`);
         this.beforeRender(RerenderType.VisibleChanged);
         this.setState({
           visible: flag
@@ -1540,7 +1105,7 @@ const leafWrapper = (Comp, {
         // 缓存二级 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);
+        rendererCore.logger.log(`${schema.componentName}[${this.leaf?.id}] component trigger onChildrenChange event`, nextChild);
         this.setState({
           nodeChildren: nextChild,
           childrenInState: true
@@ -1594,7 +1159,7 @@ const leafWrapper = (Comp, {
         __id: this.leaf?.id,
         ref: forwardRef
       };
-      delete compProps.__inner__;
+      compProps.__inner__ = undefined;
       if (this.hasChildren) {
         return engine.createElement(Comp, compProps, this.children);
       }
@@ -1609,11 +1174,14 @@ const leafWrapper = (Comp, {
   return LeafWrapper;
 };
 
+/**
+ * execute method in schema.lifeCycles with context
+ */
 function executeLifeCycleMethod(context, schema, method, args) {
-  if (!context || !isSchema(schema) || !method) {
+  if (!context || !rendererCore.isSchema(schema) || !method) {
     return;
   }
-  const lifeCycleMethods = getValue(schema, 'lifeCycles', {});
+  const lifeCycleMethods = rendererCore.getValue(schema, 'lifeCycles', {});
   let fn = lifeCycleMethods[method];
   if (!fn) {
     return;
@@ -1621,16 +1189,16 @@ function executeLifeCycleMethod(context, schema, method, args) {
 
   // TODO: cache
   if (core.isJSExpression(fn) || core.isJSFunction(fn)) {
-    fn = parseExpression(fn, context, true);
+    fn = rendererCore.parseExpression(fn, context, true);
   }
   if (typeof fn !== 'function') {
-    logger.error(`生命周期${method}类型不符`, fn);
+    rendererCore.logger.error(`生命周期${method}类型不符`, fn);
     return;
   }
   try {
     return fn.apply(context, args);
   } catch (e) {
-    logger.error(`[${schema.componentName}]生命周期${method}出错`, e);
+    rendererCore.logger.error(`[${schema.componentName}]生命周期${method}出错`, e);
   }
 }
 
@@ -1684,7 +1252,7 @@ function baseRendererFactory() {
     constructor(props) {
       super(props);
       this.__parseExpression = (str, self) => {
-        return parseExpression({
+        return rendererCore.parseExpression({
           str,
           self,
           logScope: props.componentName
@@ -1693,7 +1261,7 @@ function baseRendererFactory() {
       this.__beforeInit(props);
       this.__init(props);
       this.__afterInit(props);
-      logger.log(`constructor - ${props?.__schema?.fileName}`);
+      rendererCore.logger.log(`constructor - ${props?.__schema?.fileName}`);
     }
     __beforeInit(props) {}
     __init(props) {
@@ -1708,27 +1276,27 @@ function baseRendererFactory() {
     }
     async getSnapshotBeforeUpdate(...args) {
       this.__executeLifeCycleMethod('getSnapshotBeforeUpdate', args);
-      logger.log(`getSnapshotBeforeUpdate - ${this.props?.__schema?.componentName}`);
+      rendererCore.logger.log(`getSnapshotBeforeUpdate - ${this.props?.__schema?.componentName}`);
     }
     async componentDidMount(...args) {
       this.reloadDataSource();
       this.__executeLifeCycleMethod('componentDidMount', args);
-      logger.log(`componentDidMount - ${this.props?.__schema?.componentName}`);
+      rendererCore.logger.log(`componentDidMount - ${this.props?.__schema?.componentName}`);
     }
     async componentDidUpdate(...args) {
       this.__executeLifeCycleMethod('componentDidUpdate', args);
-      logger.log(`componentDidUpdate - ${this.props.__schema.componentName}`);
+      rendererCore.logger.log(`componentDidUpdate - ${this.props.__schema.componentName}`);
     }
     async componentWillUnmount(...args) {
       this.__executeLifeCycleMethod('componentWillUnmount', args);
-      logger.log(`componentWillUnmount - ${this.props?.__schema?.componentName}`);
+      rendererCore.logger.log(`componentWillUnmount - ${this.props?.__schema?.componentName}`);
     }
     async componentDidCatch(...args) {
       this.__executeLifeCycleMethod('componentDidCatch', args);
-      logger.warn(args);
+      rendererCore.logger.warn(args);
     }
     reloadDataSource = () => new Promise((resolve, reject) => {
-      logger.log('reload data source');
+      rendererCore.logger.log('reload data source');
       if (!this.__dataHelper) {
         return resolve({});
       }
@@ -1801,7 +1369,7 @@ function baseRendererFactory() {
           value = this.__parseExpression(value, this);
         }
         if (typeof value !== 'function') {
-          logger.error(`custom method ${key} can not be parsed to a valid function`, value);
+          rendererCore.logger.error(`custom method ${key} can not be parsed to a valid function`, value);
           return;
         }
         this[key] = value.bind(this);
@@ -1826,7 +1394,7 @@ function baseRendererFactory() {
         __ctx,
         componentName
       } = this.props;
-      return parseData(data, ctx || __ctx || this, {
+      return rendererCore.parseData(data, ctx || __ctx || this, {
         logScope: componentName
       });
     };
@@ -1834,60 +1402,49 @@ function baseRendererFactory() {
       if (!props) {
         return;
       }
-      // TODO: 数据源引擎方案
-      // const schema = props.__schema || {}
-      // const defaultDataSource: DataSource = {
-      //   list: [],
-      // }
-      // const dataSource = schema.dataSource || defaultDataSource
-      // // requestHandlersMap 存在才走数据源引擎方案
-      // // TODO: 下面if else 抽成独立函数
-      // const useDataSourceEngine = !!props.__appHelper?.requestHandlersMap
-      // if (useDataSourceEngine) {
-      //   this.__dataHelper = {
-      //     updateConfig: (updateDataSource: any) => {
-      //       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: any) => this.__parseData(config))
-      //   this.dataSourceMap = this.__dataHelper.dataSourceMap
-      //   this.reloadDataSource = () =>
-      //     new Promise((resolve, reject) => {
-      //       logger.log('reload data source')
-      //       if (!this.__dataHelper) {
-      //         return resolve({})
-      //       }
-      //       this.__dataHelper
-      //         .getInitData()
-      //         .then((res: any) => {
-      //           if (isEmpty(res)) {
-      //             return resolve({})
-      //           }
-      //           this.setState(res, resolve as () => void)
-      //         })
-      //         .catch((err: Error) => {
-      //           reject(err)
-      //         })
-      //     })
-      // }
+      const schema = props.__schema || {};
+      const defaultDataSource = {
+        list: []
+      };
+      const dataSource = schema.dataSource || defaultDataSource;
+      const useDataSourceEngine = !!props.__appHelper?.dataSourceEngine;
+      if (useDataSourceEngine) {
+        const dataSourceEngine = props.__appHelper?.dataSourceEngine;
+        // TODO: 优化
+        if (!dataSourceEngine || !dataSourceEngine.createDataSourceEngine) {
+          rendererCore.logger.error('dataSourceEngine is not found in appHelper, please check your configuration');
+          return;
+        }
+        const {
+          createDataSourceEngine
+        } = dataSourceEngine;
+        this.__dataHelper = {
+          updateConfig: updateDataSource => {
+            const {
+              dataSourceMap,
+              reloadDataSource
+            } = createDataSourceEngine(updateDataSource ?? {}, this);
+            this.reloadDataSource = () => new Promise(resolve => {
+              rendererCore.logger.log('reload data source');
+              reloadDataSource().then(() => {
+                resolve({});
+              });
+            });
+            return dataSourceMap;
+          }
+        };
+        this.dataSourceMap = this.__dataHelper.updateConfig(dataSource);
+      } else {
+        const appHelper = props.__appHelper || {};
+        this.__dataHelper = new rendererCore.DataHelper(this, dataSource, appHelper, config => this.__parseData(config));
+        this.dataSourceMap = this.__dataHelper.dataSourceMap;
+        this.reloadDataSource = () => new Promise(resolve => {
+          rendererCore.logger.log('reload data source');
+          this.__dataHelper.reloadDataSource().then(() => {
+            resolve({});
+          });
+        });
+      }
     };
 
     /**
@@ -1896,8 +1453,8 @@ function baseRendererFactory() {
      * @PRIVATE
      */
     __writeCss = props => {
-      const css = getValue(props.__schema, 'css', '');
-      logger.log('create this.styleElement with css', css);
+      const css = rendererCore.getValue(props.__schema, 'css', '');
+      rendererCore.logger.log('create this.styleElement with css', css);
       let style = this.__styleElement;
       if (!this.__styleElement) {
         style = document.createElement('style');
@@ -1906,7 +1463,7 @@ function baseRendererFactory() {
         const head = document.head || document.getElementsByTagName('head')[0];
         head.appendChild(style);
         this.__styleElement = style;
-        logger.log('this.styleElement is created', this.__styleElement);
+        rendererCore.logger.log('this.styleElement is created', this.__styleElement);
       }
       if (style.innerHTML === css) {
         return;
@@ -1958,7 +1515,7 @@ function baseRendererFactory() {
       const _children = getSchemaChildren(__schema);
       const Comp = this.__getComponentView();
       if (!Comp) {
-        logger.log(`${__schema.componentName} is invalid!`);
+        rendererCore.logger.log(`${__schema.componentName} is invalid!`);
       }
       const parentNodeInfo = {
         schema: __schema,
@@ -1987,7 +1544,7 @@ function baseRendererFactory() {
         engine
       } = this.context || {};
       if (!engine) {
-        logger.log('this.context.engine is invalid!');
+        rendererCore.logger.log('this.context.engine is invalid!');
         return null;
       }
       try {
@@ -2014,22 +1571,22 @@ function baseRendererFactory() {
           return schema;
         }
         if (!schema.componentName) {
-          logger.error('The componentName in the schema is invalid, please check the schema: ', schema);
+          rendererCore.logger.error('The componentName in the schema is invalid, please check the schema: ', schema);
           return;
         }
-        if (!isSchema(schema)) {
+        if (!rendererCore.isSchema(schema)) {
           return null;
         }
         let Comp = components[schema.componentName] || this.props.__container?.components?.[schema.componentName];
 
         // 容器类组件的上下文通过props传递，避免context传递带来的嵌套问题
-        const otherProps = isSchema(schema) ? {
+        const otherProps = rendererCore.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);
+          rendererCore.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,
@@ -2042,7 +1599,7 @@ function baseRendererFactory() {
         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);
+          const useLoop = rendererCore.isUseLoop(loop, this.__designModeIsDesign);
           if (useLoop) {
             return this.__createLoopVirtualDom({
               ...schema,
@@ -2096,7 +1653,7 @@ function baseRendererFactory() {
         const componentInfo = {};
         const props = this.__getComponentProps(schema, scope, Comp, {
           ...componentInfo,
-          props: transformArrayToMap(componentInfo.props, 'name')
+          props: rendererCore.transformArrayToMap(componentInfo.props, 'name')
         }) || {};
         Comp = this.__getHOCWrappedComponent(Comp, {
           schema,
@@ -2118,7 +1675,7 @@ function baseRendererFactory() {
         //   props.__scope = this.__compScopes[scopeKey]
         // }
         if (schema?.__ctx?.lceKey) {
-          if (!isSchema(schema)) {
+          if (!rendererCore.isSchema(schema)) {
             engine.props?.onCompGetCtx?.(schema, scope);
           }
           props.key = props.key || `${schema.__ctx.lceKey}_${schema.__ctx.idx || 0}_${idx !== undefined ? idx : ''}`;
@@ -2191,7 +1748,7 @@ function baseRendererFactory() {
         Comp,
         componentInfo: {
           ...(componentInfo || {}),
-          props: transformArrayToMap((componentInfo || {}).props, 'name')
+          props: rendererCore.transformArrayToMap((componentInfo || {}).props, 'name')
         }
       }) || {};
     };
@@ -2239,14 +1796,14 @@ function baseRendererFactory() {
         Comp,
         componentInfo = {}
       } = info;
-      const propInfo = getValue(componentInfo.props, path);
+      const propInfo = rendererCore.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;
+        return rendererCore.checkPropTypes(value, path, propType, componentInfo.name) ? value : undefined;
       };
       const parseReactNode = (data, params) => {
         if (isEmpty(params)) {
@@ -2277,16 +1834,16 @@ function baseRendererFactory() {
       if (core.isJSExpression(props)) {
         props = this.__parseExpression(props, scope);
         // 只有当变量解析出来为模型结构的时候才会继续解析
-        if (!isSchema(props)) {
+        if (!rendererCore.isSchema(props)) {
           return checkProps(props);
         }
       }
       if (core.isJSFunction(props)) {
-        props = transformStringToFunction(props.value);
+        props = rendererCore.transformStringToFunction(props.value);
       }
 
       // 兼容通过componentInfo判断的情况
-      if (isSchema(props)) {
+      if (rendererCore.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;
@@ -2389,7 +1946,7 @@ function baseRendererFactory() {
         ...data,
         ...this.props,
         ref: this.__getRef,
-        className: classnames(__schema?.fileName && getFileCssName(__schema.fileName), className, this.props.className),
+        className: rendererCore.classnames(__schema?.fileName && rendererCore.getFileCssName(__schema.fileName), className, this.props.className),
         __id: __schema?.id,
         ...otherProps
       }, this.__createDom());
@@ -2400,7 +1957,7 @@ function baseRendererFactory() {
         __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 className = rendererCore.classnames(`lce-${this.__namespace}`, __schema?.fileName && rendererCore.getFileCssName(__schema.fileName), parsedProps.className, this.props.className);
       const style = {
         ...(parsedProps.style || {}),
         ...(typeof this.props.style === 'object' ? this.props.style : {})
@@ -2423,13 +1980,13 @@ function baseRendererFactory() {
       // const builtin = capitalizeFirstLetter(this.__namespace)
       // const componentNames = [builtin, ...extraComponents]
       const componentNames = [...Object.keys(this.props.__components), ...extraComponents];
-      return !isSchema(schema) || !componentNames.includes(schema?.componentName ?? '');
+      return !rendererCore.isSchema(schema) || !componentNames.includes(schema?.componentName ?? '');
     };
     get appHelper() {
       return this.props.__appHelper;
     }
-    get requestHandlersMap() {
-      return this.appHelper?.requestHandlersMap;
+    get dataSourceEngine() {
+      return this.appHelper?.dataSourceEngine;
     }
     get utils() {
       return this.appHelper?.utils;
@@ -2465,7 +2022,7 @@ function componentRendererFactory() {
       if (this.__checkSchema(__schema)) {
         return '自定义组件 schema 结构异常！';
       }
-      logger.log(`${CompRenderer.displayName} render - ${__schema.componentName}`);
+      rendererCore.logger.log(`${CompRenderer.displayName} render - ${__schema.componentName}`);
       this.__generateCtx({
         component: this
       });
@@ -2513,7 +2070,7 @@ function pageRendererFactory() {
       super.componentDidUpdate?.(prevProps, _prevState, snapshot);
     }
     setState(state, callback) {
-      logger.log('page set state', state);
+      rendererCore.logger.log('page set state', state);
       super.setState(state, callback);
     }
     render() {
@@ -2523,7 +2080,7 @@ function pageRendererFactory() {
       if (this.__checkSchema(__schema)) {
         return '页面schema结构异常！';
       }
-      logger.log(`${PageRenderer.displayName} render - ${__schema.componentName}`);
+      rendererCore.logger.log(`${PageRenderer.displayName} render - ${__schema.componentName}`);
       this.__bindCustomMethods(this.props);
       this.__initDataSource(this.props);
       this.__generateCtx({
@@ -2547,7 +2104,7 @@ const FaultComponent = ({
   componentName = '',
   error
 }) => {
-  logger.error(`${componentName} 组件渲染异常, 异常原因: ${error?.message || error || '未知'}`);
+  rendererCore.logger.error(`${componentName} 组件渲染异常, 异常原因: ${error?.message || error || '未知'}`);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     role: "alert",
     "aria-label": `${componentName} 组件渲染异常`,
@@ -2569,7 +2126,7 @@ const NotFoundComponent = ({
   enableStrictNotFoundMode,
   children
 }) => {
-  logger.warn(`Component ${componentName} not found`);
+  rendererCore.logger.warn(`Component ${componentName} not found`);
   if (enableStrictNotFoundMode) {
     return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: `${componentName} Component Not Found`
@@ -2610,16 +2167,16 @@ function rendererFactory() {
     constructor(props) {
       super(props);
       this.state = {};
-      core.logger.log(`entry.constructor - ${props?.schema?.componentName}`);
+      rendererCore.logger.log(`entry.constructor - ${props?.schema?.componentName}`);
     }
     async componentDidMount() {
-      core.logger.log(`entry.componentDidMount - ${this.props.schema && this.props.schema.componentName}`);
+      rendererCore.logger.log(`entry.componentDidMount - ${this.props.schema && this.props.schema.componentName}`);
     }
     async componentDidUpdate() {
-      core.logger.log(`entry.componentDidUpdate - ${this.props?.schema?.componentName}`);
+      rendererCore.logger.log(`entry.componentDidUpdate - ${this.props?.schema?.componentName}`);
     }
     async componentWillUnmount() {
-      core.logger.log(`entry.componentWillUnmount - ${this.props?.schema?.componentName}`);
+      rendererCore.logger.log(`entry.componentWillUnmount - ${this.props?.schema?.componentName}`);
     }
     componentDidCatch(error) {
       this.state.engineRenderError = true;
@@ -2656,11 +2213,11 @@ function rendererFactory() {
       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);
+      if (!rendererCore.isSchema(schema)) {
+        rendererCore.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');
+      rendererCore.logger.log('entry.render');
       const allComponents = {
         ...components,
         ...RENDERER_COMPS
@@ -2695,40 +2252,274 @@ function rendererFactory() {
   };
 }
 
-const DEV = '_EASY_EDITOR_DEV_';
+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 {
+    setters
+  } = 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
+  } = setters.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 SettingRenderer = mobxReact.observer(props => {
+  const {
+    designer,
+    customFieldItem,
+    customFieldGroup
+  } = props;
+  const setters = designer.editor.get('setters');
+  const {
+    settingsManager
+  } = designer;
+  const {
+    settings
+  } = settingsManager;
+  const items = settings?.items;
+  const ctx = react.useMemo(() => {
+    const ctx = {};
+    ctx.setters = setters;
+    ctx.settingsManager = settingsManager;
+    ctx.customFieldItem = customFieldItem;
+    ctx.customFieldGroup = customFieldGroup;
+    return ctx;
+  }, [setters, 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))
+  });
+});
 
-exports.DEV = DEV;
 exports.RendererContext = RendererContext;
 exports.SettingFieldView = SettingFieldView;
-exports.SettingRender = SettingRender;
+exports.SettingRenderer = SettingRenderer;
 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.transformArrayToMap = transformArrayToMap;
-exports.transformStringToFunction = transformStringToFunction;
 exports.useRendererContext = useRendererContext;
-//# sourceMappingURL=index.js.map