@luck-design-biz/luckda 0.0.24-1 → 0.0.25-1

package/lib/components/LDActions/index.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _base = require("@luck-design-biz/base");
+var _antd = require("luck-design/antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+var _ldComBuild = require("../../helper/ldComBuild");
+var _index = _interopRequireDefault(require("./index.less"));
+var _excluded = ["children", "display", "action", "className", "onClick"],
+  _excluded2 = ["max", "display", "todoList", "className", "moreText", "doAction"];
+var DisplayComp = function DisplayComp(_ref) {
+  var children = _ref.children,
+    display = _ref.display,
+    action = _ref.action,
+    className = _ref.className,
+    onClick = _ref.onClick,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  if (display === 'text') {
+    return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, props, {
+      className: (0, _classnames.default)(_index.default[action.riskLevel], (0, _defineProperty2.default)((0, _defineProperty2.default)({}, className, !!className), _index.default.disabled, action.serialEffect === 'disable')),
+      onClick: onClick
+    }), children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _extends2.default)({}, props, {
+    disabled: action.serialEffect === 'disable',
+    className: (0, _classnames.default)(_index.default[action.riskLevel], (0, _defineProperty2.default)({}, className, !!className)),
+    onClick: onClick
+  }), children);
+};
+var LDActions = function LDActions(_ref2) {
+  var max = _ref2.max,
+    display = _ref2.display,
+    todoList = _ref2.todoList,
+    className = _ref2.className,
+    _ref2$moreText = _ref2.moreText,
+    moreText = _ref2$moreText === void 0 ? '更多行为' : _ref2$moreText,
+    doAction = _ref2.doAction,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  var resources = (0, _ldComBuild.getResources)();
+  var handleClick = (0, _ahooks.useMemoizedFn)(function (action) {
+    if (action.riskLevel === 'danger') {
+      _base.Modal.confirm({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        onOk: function onOk() {
+          return doAction(action.actionPool);
+        }
+      });
+    } else if (action.riskLevel === 'destroy') {
+      (0, _base.recheck)({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        checkWords: "\u6267\u884C".concat(action.name),
+        onOk: function onOk() {
+          return doAction(action.actionPool);
+        }
+      });
+    } else {
+      doAction(action.actionPool);
+    }
+  });
+  var actionMap = (0, _ahooks.useCreation)(function () {
+    return (0, _lodash.reduce)(todoList, function (ret, action, index) {
+      ret[action.serial] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, action), {}, {
+        serialValue: Math.pow(2, index)
+      });
+      return ret;
+    }, {});
+  }, [todoList]);
+  var mySerialsValue = (0, _ahooks.useCreation)(function () {
+    return (0, _lodash.reduce)(resources, function (ret, resKey) {
+      var _actionMap$resKey;
+      ret |= ((_actionMap$resKey = actionMap[resKey]) === null || _actionMap$resKey === void 0 ? void 0 : _actionMap$resKey.serialValue) || 0;
+      return ret;
+    }, 0);
+  }, [resources, actionMap]);
+  var _useCreation = (0, _ahooks.useCreation)(function () {
+      var approvedActions = (0, _lodash.reduce)(actionMap, function (ret, action) {
+        if (mySerialsValue & action.serialValue) {
+          ret.push(action);
+        } else if (action.serialEffect === 'disable') {
+          ret.push(action);
+        }
+        return ret;
+      }, []);
+      var _length = approvedActions.length;
+      var _permanent = approvedActions.splice(0, max >= _length ? _length : max - 1);
+      return [_permanent, approvedActions];
+    }, [max, mySerialsValue, actionMap]),
+    _useCreation2 = (0, _slicedToArray2.default)(_useCreation, 2),
+    permanent = _useCreation2[0],
+    more = _useCreation2[1];
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(_index.default.ldActions, (0, _defineProperty2.default)({}, className, !!className))
+  }, props), permanent.map(function (action, index) {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: action.id
+    }, /*#__PURE__*/_react.default.createElement(DisplayComp, {
+      display: display,
+      action: action,
+      onClick: function onClick() {
+        return handleClick(action);
+      }
+    }, action.name), display === 'text' && index < permanent.length - (more.length ? 0 : 1) && /*#__PURE__*/_react.default.createElement(_antd.Divider, {
+      type: "vertical"
+    }));
+  }), !!more.length && /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+    overlay: /*#__PURE__*/_react.default.createElement(_antd.Menu, {
+      onClick: function onClick(e) {
+        return handleClick(e.item.props.action);
+      }
+    }, more.map(function (action) {
+      return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+        key: action.id,
+        action: action,
+        disabled: action.serialEffect === 'disable'
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)(_index.default[action.riskLevel], _index.default.menuItem)
+      }, action.name));
+    }))
+  }, /*#__PURE__*/_react.default.createElement(DisplayComp, {
+    display: display,
+    action: {
+      riskLevel: 'default'
+    }
+  }, moreText, display !== 'text' && /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    type: "down"
+  }))));
+};
+var _default = exports.default = LDActions;

package/lib/components/LDActions/index.less

@@ -0,0 +1,65 @@
+@spanDefault: #262626;
+@spanPrimary: var(--luck-color-primary);
+@spanDanger: #ff4d4f;
+@spanDestroy: #820014;
+
+.ldActions {
+
+  button:not(:last-child) {
+    margin-right: 8px;
+  }
+  span {
+    cursor: pointer;
+  }
+
+  button.default {
+    background-color: white;
+  }
+  span.default {
+    color: @spanDefault;
+  }
+
+  button.primary {
+    background-color: var(--luck-color-primary);
+    border-color: var(--luck-color-primary);
+    color: white;
+  }
+  span.primary {
+    color: @spanPrimary;
+  }
+
+  button.danger {
+    background-color: #ff4d4f;
+    border-color: #ff4d4f;
+    color: white;
+  }
+  span.danger {
+    color: @spanDanger;
+  }
+
+  button.destroy {
+    background-color: #820014;
+    border-color: #820014;
+    color: white;
+  }
+  span.destroy {
+    color: @spanDestroy;
+  }
+
+  span.disabled {
+    color: #bfbfbf;
+    cursor: not-allowed;
+  }
+}
+span.default.menuItem {
+  color: @spanDefault;
+}
+span.primary.menuItem {
+  color: @spanPrimary;
+}
+span.danger.menuItem {
+  color: @spanDanger;
+}
+span.destroy.menuItem {
+  color: @spanDestroy;
+}

package/lib/components/LdAutoForm/index.js

@@ -73,7 +73,7 @@ var buildLdAutoForm = function buildLdAutoForm(_ref) {
       }
     }, []);
     defaultValues.current = _defaultValues;
-    setFieldProps((0, _defineProperty2.default)({}, ldId, _nodes.map(function (i) {
+    setFieldProps && setFieldProps((0, _defineProperty2.default)({}, ldId, _nodes.map(function (i) {
       return (0, _objectSpread3.default)({
         component: i.type.comName || i.type.displayName
       }, i.props);

package/lib/components/LdCom/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _antd = require("luck-design/antd");
 var _base = require("@luck-design-biz/base");
+var _IconFont = _interopRequireDefault(require("../IconFont"));
 var _ldComBuild = require("../../helper/ldComBuild");
 var _excluded = ["options"];
 var LdButton = exports.LdButton = (0, _ldComBuild.ldComBuilder)(_antd.Button);
@@ -22,7 +23,7 @@ var LdButtonRadio = exports.LdButtonRadio = function LdButtonRadio(_ref) {
     options: (0, _ldComBuild.filterOptions)(options)
   }));
 };
-var LdIconFont = exports.LdIconFont = (0, _ldComBuild.ldComBuilder)(_base.IconFont);
+var LdIconFont = exports.LdIconFont = (0, _ldComBuild.ldComBuilder)(_IconFont.default);
 var LdTabs = exports.LdTabs = (0, _ldComBuild.deepFilterCom)(_antd.Tabs, function (child) {
   var _child$type;
   return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'TabPane';

package/lib/components/LdFormList/index.js

@@ -17,6 +17,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _umi = require("umi");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _lodash = require("lodash");
+var _bpm = require("@luck-design-biz/bpm");
 var _ahooks = require("ahooks");
 var _luckDesign = require("luck-design");
 var _utils = require("@luck-design-biz/base/utils");
@@ -28,13 +30,10 @@ var _Builder = require("../Builder");
 var _LdPop = require("../LdPop");
 var _model = _interopRequireDefault(require("./model"));
 var _action = require("../../helper/action");
-var _lodash = require("lodash");
-var _bpm = require("@luck-design-biz/bpm");
 var _services = require("../../services");
-var _querystring = require("querystring");
 var _excluded = ["namespace", "formState", "formMode", "formOperates", "loading", "wrapperRef", "readOnly", "mainFormLdId", "renderFormList", "renderAffixLeft", "renderAffixRight", "beforeSubmit", "showSaveBtn", "saveBtnTitle", "affixLayout", "onValueChange", "afterSubmit", "renderFormExtra", "bpmButtonProps"],
   _excluded2 = ["dataSets", "doAction", "resources"],
-  _excluded3 = ["id", "header", "title", "readOnly", "extraConfig", "renderTopLeft"],
+  _excluded3 = ["id", "header", "title", "readOnly", "extraConfig", "renderTopLeft", "serial"],
   _excluded4 = ["ldId", "initData", "overModel"];
 // 组件
 var LdFormList = function LdFormList(_ref) {
@@ -203,8 +202,8 @@ var LdFormList = function LdFormList(_ref) {
       mainDataSetKey: mainDataSetKey
     }, function (success, mainKey, res) {
       setSubmitLoading(false);
-      var mainFormData = res.detail[res.list[0]];
       if (success) {
+        var mainFormData = res.detail[res.list[0]];
         if (afterSubmit) {
           afterSubmit(success, mainKey, res);
         } else {
@@ -230,7 +229,11 @@ var LdFormList = function LdFormList(_ref) {
     renderExtra: renderExtra
   });
   var formList = (0, _ahooks.useCreation)(function () {
-    return renderFormList(formConfig);
+    var _list = renderFormList(formConfig);
+    return (0, _lodash.reduce)(_list, function (result, item) {
+      if (!item.serial || item.serialEffect === 'disable' || (0, _lodash.includes)(resources, item.serial)) result.push(item);
+      return result;
+    }, []);
   }, [formConfig]);
   var formExtra = (0, _ahooks.useCreation)(function () {
     return renderFormExtra && (0, _lodash.isArray)(renderFormExtra(formConfig)) ? renderFormExtra(formConfig) : [renderFormExtra(formConfig)];
@@ -238,7 +241,7 @@ var LdFormList = function LdFormList(_ref) {
   var mainDataSetKey = (_formList$find = formList.find(function (i) {
     return i.id === mainFormLdId;
   })) === null || _formList$find === void 0 ? void 0 : _formList$find.dataSetKey;
-  return /*#__PURE__*/_react.default.createElement(_FormList.FormList, (0, _extends2.default)({
+  return formList.length > 0 ? /*#__PURE__*/_react.default.createElement(_FormList.FormList, (0, _extends2.default)({
     editFlow: true,
     formState: formState,
     formMode: formMode,
@@ -271,17 +274,19 @@ var LdFormList = function LdFormList(_ref) {
         _ref8$header = _ref8.header,
         header = _ref8$header === void 0 ? 'collapse' : _ref8$header,
         title = _ref8.title,
-        _readOnly = _ref8.readOnly,
+        selfReadOnly = _ref8.readOnly,
         _ref8$extraConfig = _ref8.extraConfig,
         extraConfig = _ref8$extraConfig === void 0 ? {} : _ref8$extraConfig,
         _ref8$renderTopLeft = _ref8.renderTopLeft,
         _renderTopLeft = _ref8$renderTopLeft === void 0 ? function () {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
         } : _ref8$renderTopLeft,
+        serial = _ref8.serial,
         _props = (0, _objectWithoutProperties2.default)(_ref8, _excluded3);
       var _props$type = _props.type,
         type = _props$type === void 0 ? 'auto' : _props$type;
       var renderForm = type === 'auto' ? _LdAutoForm.default : _LdGridForm.default;
+      var _readOnly = selfReadOnly || serial && !(0, _lodash.includes)(resources, serial);
       if (header === 'collapse' || header === 'collapseFollow') return /*#__PURE__*/_react.default.createElement(_base.Collapse, {
         title: title || ldId,
         extra: type === 'auto' && renderExtra(ldId, extraConfig, luckTheme === 'base' ? 'text' : 'graphic'),
@@ -326,7 +331,7 @@ var LdFormList = function LdFormList(_ref) {
         mode: child.props.mode || 'tab'
       }) : child.props);
     })[0];
-  }));
+  })) : null;
 };
 
 // 构建带有model的组件

package/lib/components/LdGrid/index.js

@@ -20,7 +20,7 @@ var _List = require("@luck-design-biz/base/List");
 var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
 var _utils = require("../../utils");
 var _model = _interopRequireDefault(require("./model"));
-var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "wrapperRef", "list", "detail", "params", "filters", "loading", "unclosableSet", "onQuery", "doQuery", "pageno", "pagesize", "totalCount", "columnsRewrite", "columnsReset", "batchOperations", "formatDataSource", "resultSet", "actionsColumn", "readFilter", "isFlow", "isTreeGrid", "writable"],
+var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "wrapperRef", "list", "detail", "params", "filters", "loading", "unclosableSet", "onQuery", "doQuery", "pagination", "pageno", "pagesize", "totalCount", "columnsRewrite", "columnsReset", "batchOperations", "formatDataSource", "resultSet", "actionsColumn", "readFilter", "isFlow", "isTreeGrid", "writable"],
   _excluded2 = ["ldId", "moduleCode", "suppressInit", "overModel", "afterQuery", "isTreeGrid"];
 var LdGrid = function LdGrid(_ref) {
   var columns = _ref.columns,
@@ -38,6 +38,7 @@ var LdGrid = function LdGrid(_ref) {
     unclosableSet = _ref.unclosableSet,
     onQuery = _ref.onQuery,
     doQuery = _ref.doQuery,
+    pagination = _ref.pagination,
     current = _ref.pageno,
     pageSize = _ref.pagesize,
     total = _ref.totalCount,
@@ -95,10 +96,16 @@ var LdGrid = function LdGrid(_ref) {
    * columnsRewrite 覆盖模块管理配置，是否展示以模块管理配置为主，自己可以用hide来隐藏某字段
    */
   var _columns = (0, _ahooks.useCreation)(function () {
-    if (columnsReset) return columnsReset;
+    if (columnsReset) {
+      if (_lodash.isFunction) {
+        return columnsReset(columns);
+      }
+      return columnsReset;
+    }
+    var _columnsRewrite = (0, _lodash.isFunction)(columnsRewrite) ? columnsRewrite(columns) : columnsRewrite;
     var defaultColumns = (0, _lodash.keyBy)(columns, 'aliaName');
-    var customColumns = (0, _lodash.keyBy)(columnsRewrite, 'field');
-    var mergeFields = (0, _lodash.union)((0, _lodash.keys)(defaultColumns), (0, _lodash.keys)(customColumns));
+    var customColumns = (0, _lodash.keyBy)(_columnsRewrite, 'field');
+    var mergeFields = (0, _lodash.union)((0, _lodash.keys)(customColumns), (0, _lodash.keys)(defaultColumns));
     return (0, _lodash.transform)(mergeFields, function (result, field) {
       var _customColumns$field;
       if ((_customColumns$field = customColumns[field]) !== null && _customColumns$field !== void 0 && _customColumns$field.hide) {
@@ -144,11 +151,11 @@ var LdGrid = function LdGrid(_ref) {
     actionsColumn: _actionsColumn,
     batchOperations: _batchOperations,
     loading: loading,
-    pagination: isFlow ? false : {
+    pagination: isFlow ? false : (0, _objectSpread2.default)({
       total: total,
       current: current,
       pageSize: pageSize
-    },
+    }, pagination),
     dataSource: formatDataSource(list, detail),
     resultSet: _resultSet,
     gridId: namespace,
@@ -179,11 +186,11 @@ var LdIndex = function LdIndex(_ref2) {
     if (!((_getDvaApp2 = (0, _umi.getDvaApp)()) !== null && _getDvaApp2 !== void 0 && _getDvaApp2._store.getState()[namespace])) {
       var _getDvaApp3;
       (_getDvaApp3 = (0, _umi.getDvaApp)()) === null || _getDvaApp3 === void 0 || _getDvaApp3.model((0, _model.default)(namespace, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        isFlow: isTreeGrid || !!props.isFlow
+        behaviorKey: isTreeGrid ? 'readTree' : 'readGrid'
       }, overModel), {}, {
-        dataSetKey: props.dataSetKey,
+        isFlow: isTreeGrid || !!props.isFlow,
         moduleCode: moduleCode,
-        behaviorKey: isTreeGrid ? 'readTree' : 'readGrid',
+        dataSetKey: props.dataSetKey,
         afterQuery: afterQuery
       })));
     }
@@ -191,7 +198,7 @@ var LdIndex = function LdIndex(_ref2) {
       suppressInit: suppressInit,
       afterInit: props.afterInit
     });
-  }, [namespace]);
+  }, [namespace, props.dataSetKey]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     isTreeGrid: isTreeGrid,
     namespace: namespace
@@ -210,6 +217,14 @@ Index.propTypes = {
   _propTypes.default.shape({
     field: _propTypes.default.string.isRequired
   })),
+  pagination: _propTypes.default.shape({
+    pageSize: _propTypes.default.number,
+    pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.string),
+    showSizeChanger: _propTypes.default.bool,
+    showQuickJumper: _propTypes.default.bool,
+    hideOnSinglePage: _propTypes.default.bool,
+    simple: _propTypes.default.bool
+  }),
   batchOperations: _propTypes.default.array,
   // 批量操作元素
   formatDataSource: _propTypes.default.func,

package/lib/components/LdGridForm/index.js

@@ -19,7 +19,7 @@ var _utils = require("../../utils");
 var _form = require("../../helper/form");
 var _Builder = require("../Builder");
 var _index = _interopRequireDefault(require("./index.less"));
-var _excluded = ["columns", "resources", "actions", "doAction", "ldId", "dataSetKey", "columnsRewrite", "onQuery", "onAdd", "onUpdate", "onDelete", "mainFormLdId", "mainDataSetKey", "onValueChange", "type", "afterOperate", "moduleCode", "defaultDataSourceFormat", "ticketData", "className", "formRef", "formMode"];
+var _excluded = ["columns", "resources", "actions", "doAction", "ldId", "dataSetKey", "columnsRewrite", "columnsReset", "onQuery", "onAdd", "onUpdate", "onDelete", "mainFormLdId", "mainDataSetKey", "onValueChange", "type", "afterOperate", "moduleCode", "defaultDataSourceFormat", "ticketData", "className", "formRef", "formMode"];
 var buildLdGridForm = function buildLdGridForm(_ref) {
   var _ref$columns = _ref.columns,
     columns = _ref$columns === void 0 ? [] : _ref$columns,
@@ -33,6 +33,7 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
     dataSetKey = _ref.dataSetKey,
     _ref$columnsRewrite = _ref.columnsRewrite,
     columnsRewrite = _ref$columnsRewrite === void 0 ? [] : _ref$columnsRewrite,
+    columnsReset = _ref.columnsReset,
     _ref$onQuery = _ref.onQuery,
     onQuery = _ref$onQuery === void 0 ? {} : _ref$onQuery,
     _ref$onAdd = _ref.onAdd,
@@ -92,7 +93,7 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
       }
     }, []);
     defaultValues.current = _defaultValues;
-    setFieldProps((0, _defineProperty2.default)({}, ldId, _nodes.map(function (col) {
+    setFieldProps && setFieldProps((0, _defineProperty2.default)({}, ldId, _nodes.map(function (col) {
       var node = col.renderBasicFormItem();
       var renderBasicFormItem = node === null || node === void 0 ? void 0 : node.props;
       return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, col), {}, {
@@ -101,7 +102,7 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
         }, renderBasicFormItem)
       });
     })));
-    return _nodes;
+    return columnsReset ? columnsReset(_nodes) : _nodes;
   }();
   var defaultDataSource = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, (0, _utils.formItemDataFormat)(columns, defaultValues.current)), defaultDataSourceFormat(defaultValues.current));
   var formConfig = {

package/lib/components/LdRuntimeCom/index.js

@@ -1,23 +1,31 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var Babel = _interopRequireWildcard(require("@babel/standalone"));
 var LuckAntd = _interopRequireWildcard(require("luck-design/antd"));
 var LuckDesign = _interopRequireWildcard(require("luck-design"));
+var _lodash = _interopRequireWildcard(require("lodash"));
+var Lodash = _lodash;
+var ahooks = _interopRequireWildcard(require("ahooks"));
+var _excluded = ["children"];
 /**
  * 实时代码渲染组件
  * todo：沙箱上下文的集成
  * todo：Loading效果的优化
  */
 var LdRuntimeCom = function LdRuntimeCom(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     Component = _useState2[0],
@@ -30,20 +38,25 @@ var LdRuntimeCom = function LdRuntimeCom(_ref) {
         presets: ['react']
       }).code;
 
-      // 输出编译后的代码用于排错
-      console.log('transformedCode', transformedCode);
-
       // 自动
       var functionNameMatch = transformedCode.match(/function\s+([^\s(]+)/);
       if (functionNameMatch && functionNameMatch.length > 1) {
         var functionName = functionNameMatch[1];
-        var execute = new Function('React', 'LuckAntd', 'LuckDesign', "".concat(transformedCode, "; return ").concat(functionName, ";"));
+        var argsName = (0, _lodash.keys)(rest);
+        var _args = argsName.map(function (n) {
+          return rest[n];
+        });
+        var execute = (0, _construct2.default)(Function, ['React', 'LuckAntd', 'LuckDesign', 'libs'].concat((0, _toConsumableArray2.default)(argsName), ["".concat(transformedCode, "; return ").concat(functionName, ";")]));
         // 设置组件状态
-        var ReactComponent = execute(_react.default, LuckAntd, LuckDesign);
+        var ReactComponent = execute.apply(void 0, [_react.default, LuckAntd, LuckDesign, {
+          Lodash: Lodash,
+          ahooks: ahooks
+        }].concat((0, _toConsumableArray2.default)(_args)));
         setComponent( /*#__PURE__*/_react.default.createElement(ReactComponent, null));
       }
     }
   }, [code]);
-  return Component ? Component : /*#__PURE__*/_react.default.createElement("div", null, "Loading...");
+  if (code === '') return null;
+  return Component ? Component : 'JSX Component';
 };
 var _default = exports.default = LdRuntimeCom;