@luck-design-biz/luckda 0.0.25-7 → 0.0.25-9

package/lib/lowcode/view/lc-components/Table/index.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
@@ -22,6 +25,8 @@ var _TopFilter = _interopRequireDefault(require("./components/TopFilter"));
 var _helper = require("../../../engine/tools/helper");
 var _tablePropsDefault = _interopRequireDefault(require("../../../engine/meta/table.props.default.json"));
 var _constants = require("../../../constants");
+var _apiUrl2 = require("../../../constants/api-url");
+var _TopImex = require("./components/TopImex");
 var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
     className = _ref.className,
@@ -60,20 +65,33 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     columnsReset = _ref.columnsReset,
     modelParams = _ref.modelParams,
     onGridReady = _ref.onGridReady,
-    advance = _ref.advance;
+    advance = _ref.advance,
+    _ref$autoRowClick = _ref.autoRowClick,
+    autoRowClick = _ref$autoRowClick === void 0 ? true : _ref$autoRowClick;
   var ctx = (0, _ContextProvider.useContext)();
   var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
     module = _useRemoteSource.module;
   var apiRef = (0, _react.useRef)();
   var wrapperRef = (0, _react.useRef)();
   var instanceRef = (0, _react.useRef)();
+  var _useSetState = (0, _ahooks.useSetState)({}),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    clickedRow = _useSetState2[0],
+    setClickedRow = _useSetState2[1];
   (0, _react.useImperativeHandle)(apiRef, function () {
     return {
+      /**
+       * 获取表格实例
+       * @method
+       */
       getInstance: function getInstance() {
         return instanceRef.current;
       }
     };
   });
+  (0, _ahooks.useUpdateEffect)(function () {
+    ctx.setPagePublicResource((0, _defineProperty2.default)({}, id, clickedRow));
+  }, [clickedRow]);
   var _pagination = (0, _ahooks.useCreation)(function () {
     return {
       isFlow: !pagination,
@@ -175,11 +193,152 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       }
     } : false;
   }, [rowSelection, suppressRowSelectionPagination, rowSelectionMode, defaultRowSelectedCode, rowSelectableCode]);
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl2.exportExcel, {
+      manual: true
+    }),
+    runAsync = _useRequest.runAsync;
+
+  // 查询进度
+  var fecthExcelState = function fecthExcelState(_ref2, procress, resolve, reject) {
+    var strategy = _ref2.strategy,
+      batchNo = _ref2.batchNo,
+      moduleCode = _ref2.moduleCode,
+      behaviorKey = _ref2.behaviorKey;
+    var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
+    var _fetchExcelStateParams = {
+      moduleCode: moduleCode,
+      behaviorKey: behaviorKey,
+      reportType: "export"
+    };
+    (0, _apiUrl2.getFindexcelstate)(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
+      if (response.code === 1) {
+        var _response$data = response.data,
+          successCount = _response$data.successCount,
+          totalCount = _response$data.totalCount,
+          downloadUrl = _response$data.downloadUrl;
+        if (successCount >= totalCount) {
+          resolve(downloadUrl);
+        } else {
+          procress((successCount / totalCount * 100).toFixed(1));
+          setTimeout(function () {
+            fecthExcelState({
+              strategy: strategy,
+              batchNo: batchNo,
+              moduleCode: moduleCode,
+              behaviorKey: behaviorKey
+            }, procress, resolve, reject);
+          }, 500);
+        }
+      } else {
+        reject();
+      }
+    }).catch(function () {
+      reject();
+    });
+  };
+  var _onExportAll = function _onExportAll(procress) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve, reject) {
+        var isBehavior, behaviorKey, strategy, _exportExcelParams, _exportExcelPrefix, exportExcelResponse, _ref4, _ref5, _getProps, apiUrl, _strategy, joiner, labels, fieldInfo, defaultExcelParams, _exportExcelParams2, _exportExcelPrefix2, _exportExcelResponse;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              isBehavior = (0, _lodash.isString)(impexp.export);
+              if (!isBehavior) {
+                _context.next = 12;
+                break;
+              }
+              // ! 行为
+              behaviorKey = impexp.export;
+              strategy = 'behavior';
+              _exportExcelParams = {
+                moduleCode: module.moduleCode,
+                behaviorKey: behaviorKey,
+                reportType: "export"
+              };
+              _exportExcelPrefix = "/".concat(strategy);
+              _context.next = 8;
+              return runAsync(_exportExcelPrefix, _exportExcelParams);
+            case 8:
+              exportExcelResponse = _context.sent;
+              if (exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: strategy,
+                  batchNo: exportExcelResponse.data,
+                  moduleCode: module.moduleCode,
+                  behaviorKey: behaviorKey
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+              _context.next = 25;
+              break;
+            case 12:
+              _getProps = (_ref4 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref4 === void 0 ? void 0 : _ref4.getProps(), apiUrl = _getProps.apiUrl;
+              _strategy = 'report_server';
+              joiner = apiUrl.indexOf('?') !== -1 ? '&' : '?';
+              labels = [];
+              fieldInfo = [];
+              (_ref5 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref5 === void 0 || (_ref5 = _ref5.gridApi) === null || _ref5 === void 0 || _ref5.columnApi.getAllDisplayedColumns().forEach(function (column) {
+                if (column.colId !== 'luck-expand' && column.colId !== 'luck-select' && column.colId !== 'luck-index' && column.colId !== 'luck-actions' && column.colId !== 'fraction_drag'
+                // && !column.colDef.draggable
+                ) {
+                  labels.push(column.colDef.headerName);
+                  fieldInfo.push({
+                    width: column.actualWidth,
+                    fieldNm: column.colId
+                  });
+                }
+              });
+              defaultExcelParams = {
+                bgColor: "#69b1ff",
+                dataUrl: "".concat(window.location.origin, "/api").concat(apiUrl).concat(joiner, "token=").concat(window.cookie.get(window.appConfig.authSaveKey)),
+                excelName: "download.xls",
+                fieldInfo: fieldInfo,
+                islock: false,
+                labels: labels === null || labels === void 0 ? void 0 : labels.join(),
+                reqBody: null
+              };
+              _exportExcelParams2 = (0, _objectSpread2.default)({
+                moduleCode: module.moduleCode,
+                reportType: "export"
+              }, defaultExcelParams);
+              _exportExcelPrefix2 = "/".concat(_strategy);
+              _context.next = 23;
+              return runAsync(_exportExcelPrefix2, _exportExcelParams2);
+            case 23:
+              _exportExcelResponse = _context.sent;
+              if (_exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: _strategy,
+                  batchNo: _exportExcelResponse.data,
+                  moduleCode: module.moduleCode
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+            case 25:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x4, _x5) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+  };
   var _export = (0, _ahooks.useCreation)(function () {
-    return {
-      enableExportAll: !!impexp.export,
-      apiUrl: (0, _lodash.isString)(impexp.export) ? impexp.export : void 0
+    var _temp = {
+      enableExportAll: !!impexp.export
     };
+    if (!!impexp.export) {
+      var _ref6;
+      var _tableProps = (_ref6 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref6 === void 0 ? void 0 : _ref6.getProps();
+      _temp.apiUrl = _tableProps === null || _tableProps === void 0 ? void 0 : _tableProps.apiUrl;
+      _temp.onExportAll = _onExportAll;
+    }
+    return _temp;
   }, [impexp.export]);
   var _batchActions = (0, _ahooks.useCreation)(function () {
     return {
@@ -236,17 +395,44 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }, [fields, formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams, draggable]);
   var renderFunctionArea = (0, _ahooks.useMemoizedFn)(function () {
     var _topActionGroup$todoL;
-    return !!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length) ? /*#__PURE__*/_react.default.createElement(_index.LDActions, (0, _extends2.default)({}, topActionGroup, {
-      doAction: function doAction(action) {
-        return ctx.doAction(action, {
-          datasetCode: dataset.code
-        });
-      }
-    })) : null;
+    var resultComp = [];
+    if (!!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length)) {
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_index.LDActions, (0, _extends2.default)({}, topActionGroup, {
+        doAction: function doAction(action) {
+          return ctx.doAction(action, {
+            datasetCode: dataset.code
+          });
+        }
+      })));
+    }
+    if (impexp.import) {
+      var _ref7;
+      var _getProps2 = (_ref7 = instanceRef.current || ref.current) === null || _ref7 === void 0 ? void 0 : _ref7.getProps(),
+        apiUrl = _getProps2.apiUrl;
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_TopImex.TopUpload, {
+        apiUrl: apiUrl,
+        moduleCode: module.moduleCode,
+        options: impexp,
+        tableRef: instanceRef.current || ref.current
+      }));
+    }
+    if (impexp.export) {
+      var _ref8;
+      var _getProps3 = (_ref8 = instanceRef.current || ref.current) === null || _ref8 === void 0 ? void 0 : _ref8.getProps(),
+        _apiUrl = _getProps3.apiUrl;
+      resultComp.push( /*#__PURE__*/_react.default.createElement(_TopImex.TopExport, {
+        apiUrl: _apiUrl,
+        moduleCode: module.moduleCode,
+        options: impexp,
+        tableRef: instanceRef.current || ref.current
+      }));
+    }
+    return resultComp;
   });
   var renderFilterArea = (0, _ahooks.useMemoizedFn)(function () {
     return topFilter ? /*#__PURE__*/_react.default.createElement(_TopFilter.default, {
-      filter: topFilter
+      filter: topFilter,
+      instance: instanceRef
     }) : null;
   });
   var _wrapperProps = (0, _ahooks.useCreation)(function () {
@@ -264,10 +450,10 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     };
   });
   var _readFilter = (0, _ahooks.useMemoizedFn)(function (params, filters) {
-    return ctx.setPagePublicResource((0, _defineProperty2.default)({}, id, {
+    return setClickedRow({
       params: params,
       filters: filters
-    }));
+    });
   });
   var _handleGridReady = (0, _ahooks.useMemoizedFn)(function (params, instance) {
     onGridReady === null || onGridReady === void 0 || onGridReady(params, instance);
@@ -277,6 +463,9 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     });
   });
   var _handleRowClick = (0, _ahooks.useMemoizedFn)(function (data, rowIndex, params) {
+    setClickedRow({
+      clickedRow: data
+    });
     ctx.doAction(advance.events.onRowClick, {
       data: data,
       rowIndex: rowIndex,
@@ -335,11 +524,23 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       datasetCode: dataset.code
     });
   });
-  (0, _ahooks.useUnmount)(function () {
-    ctx.doAction(advance.events.onUnmount, {
-      datasetCode: dataset.code
-    });
-  });
+  (0, _react.useEffect)(function () {
+    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref10) {
+      var resource = _ref10.resource,
+        prevResource = _ref10.prevResource;
+      ctx.doAction(advance.events.onPagePublicResourceChanged, {
+        resource: resource,
+        prevResource: prevResource,
+        instance: (ref === null || ref === void 0 ? void 0 : ref.current) || (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current)
+      });
+    }).watch();
+    return function () {
+      ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
+      ctx.doAction(advance.events.onUnmount, {
+        datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
+      });
+    };
+  }, []);
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return wrapperRef.current;
   });
@@ -363,7 +564,8 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     renderIndex: renderIndex,
     suppressInit: !autoLoad,
     getRowStyle: _getRowStyle,
-    suppressPreset: suppressPreset
+    suppressPreset: suppressPreset,
+    suppressPropertyNamesCheck: true
   }, _pagination, _actionsColumn, _rowSelection, _export, _batchActions, _others, {
     readFilter: _readFilter,
     renderFunctionArea: renderFunctionArea,
@@ -373,7 +575,8 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onRowDoubleClick: _handleRowDoubleClick,
     onRowDragged: _handleRowDragged,
     afterInit: _afterInit,
-    afterQuery: _afterQuery
+    afterQuery: _afterQuery,
+    autoRowClick: autoRowClick
   })));
 });
 LCTable.propTypes = {
@@ -570,6 +773,7 @@ LCTable.propTypes = {
    */
   impexp: _propTypes.default.shape({
     import: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+    importType: _propTypes.default.bool,
     export: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string])
   }),
   /**

package/lib/lowcode/view/lc-components/Table/meta.json

@@ -17,14 +17,14 @@
       "key": "dataset",
       "name": "数据集",
       "type": "_DataSetSelector",
+      "component": "table",
       "next": {
         "name": "字段配置",
         "props": [
           {
             "key": "fields",
             "name": "#字段配置器",
-            "type": "_FieldsSetting",
-            "component": "table"
+            "type": "_FieldsSetting"
           }
         ]
       }
@@ -344,55 +344,61 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "()=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onRowClick",
         "name": "行单击",
         "desc": "单击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
+        "func": "function onRowClick(data, rowIndex, params) {\n\t\n}"
       },
       {
         "key": "onRowDoubleClick",
         "name": "行双击",
         "desc": "双击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
+        "func": "function onRowDoubleClick(data, rowIndex, params) {\n\t\n}"
       },
       {
         "key": "onRowSelected",
         "name": "行选择",
         "desc": "选中行时，执行方法",
-        "func": "(data, isSelected, SelectedRows, params)=>{\n\t\n}"
+        "func": "function onRowSelected(data, isSelected, SelectedRows, params) {\n\t\n}"
       },
       {
         "key": "onRowSelectChange",
         "name": "行选择变化",
         "desc": "行选中发生变化时，执行方法",
-        "func": "(rows, nodes, params)=>{\n\t\n}"
+        "func": "function onRowSelectChange(rows, nodes, params) {\n\t\n}"
       },
       {
         "key": "onRowDragged",
         "name": "行拖拽后",
         "desc": "拖拽行使其顺序发生变化后，执行方法",
-        "func": "(toId, fromId, params)=>{\n\t\n}"
+        "func": "function onRowDragged(toId, fromId, params) {\n\t\n}"
+      },
+      {
+        "key": "onPagePublicResourceChanged",
+        "name": "页面共享资源变化后",
+        "desc": "当页面共享资源发生变化后（pagePublicResourceChanged），执行方法",
+        "func": "function onPagePublicResourceChanged(resource, prevResource, instance) {\n\t\n}"
       },
       {
         "key": "afterInit",
         "name": "初始化后的回调",
         "desc": "组件及数据加载完成后，执行方法",
-        "func": "(res, dispatch, props)=>{\n\t\n}"
+        "func": "function afterInit(res, dispatch, props) {\n\t\n}"
       },
       {
         "key": "afterQuery",
         "name": "数据读取回调",
         "desc": "读取数据源后执行方法，返回接口中原始数据",
-        "func": "(res)=>{\n\t\n}"
+        "func": "function afterQuery(res) {\n\t\n}"
       }
     ]
   }

package/lib/lowcode/view/lc-components/Tabs/FunctionDesign.js

@@ -13,6 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _ahooks = require("ahooks");
+var _lodash = require("lodash");
 var _utils = require("@luck-design-biz/base/utils");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _boxPropsDefault = _interopRequireDefault(require("../../../engine/meta/box.props.default.json"));
@@ -45,7 +46,7 @@ var FunctionDesign = function FunctionDesign(_ref) {
         oldValue = _ref3.oldValue;
       if (compId !== id || !newValue.hasOwnProperty('items')) return;
       if (newValue.items.length > oldValue.items.length) {
-        var _differenceBy = differenceBy(newValue.items, oldValue.items, 'id'),
+        var _differenceBy = (0, _lodash.differenceBy)(newValue.items, oldValue.items, 'id'),
           _differenceBy2 = (0, _slicedToArray2.default)(_differenceBy, 1),
           newItem = _differenceBy2[0];
         var boxId = "box_".concat((0, _utils.suid)());
@@ -54,7 +55,7 @@ var FunctionDesign = function FunctionDesign(_ref) {
           tabId: newItem.id
         }));
       } else if (newValue.items.length < oldValue.items.length) {
-        var _differenceBy3 = differenceBy(oldValue.items, newValue.items, 'id'),
+        var _differenceBy3 = (0, _lodash.differenceBy)(oldValue.items, newValue.items, 'id'),
           _differenceBy4 = (0, _slicedToArray2.default)(_differenceBy3, 1),
           removeItem = _differenceBy4[0];
         var _boxId = current.children.find(function (childId) {
@@ -68,7 +69,7 @@ var FunctionDesign = function FunctionDesign(_ref) {
     return function () {
       return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);
     };
-  }, []);
+  }, [current.children]);
   return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
     id: id,
     items: items

package/lib/lowcode/view/lc-components/Tabs/index.js

@@ -20,7 +20,9 @@ var _tabsPropsDefault = _interopRequireDefault(require("../../../engine/meta/tab
 var StyledTabs = (0, _styledComponents.default)(_antd.Tabs).withConfig({
   displayName: "StyledTabs",
   componentId: "luckda-6530__sc-ht1jge-0"
-})(["", ""], function (props) {
+})([".ant-tabs-content{", "}", ""], function (props) {
+  return props.type === 'line' ? 'height: calc(100% - 62px);' : 'height: calc(100% - 56px);';
+}, function (props) {
   return props.$css;
 });
 var LCTabs = function LCTabs(_ref) {

package/lib/lowcode/view/lc-components/Tabs/meta.json

@@ -94,19 +94,19 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onTabClick",
         "name": "tab被点击的回调",
         "desc": "当tab被点击时, 执行方法",
-        "func": "(tabKey, e)=>{\n\t\n}"
+        "func": "function onTabClick(tabKey, e) {\n\t\n}"
       }
     ]
   }

package/lib/lowcode/view/lc-components/Tree/FunctionDesign.js

@@ -24,7 +24,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     defaultExpandDeep = _ref.defaultExpandDeep,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
-  var treeRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     treeData = _useState2[0],
@@ -54,7 +53,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     });
   }, [expandedKeys]);
   return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, props, {
-    ref: treeRef,
     afterQuery: function afterQuery(_ref3) {
       var code = _ref3.code,
         list = _ref3.list,
@@ -71,7 +69,8 @@ var FunctionDesign = function FunctionDesign(_ref) {
     className: _index2.default['runtime-tree'],
     draggable: false,
     suppressInit: true,
-    onDataSetChange: handleDataSetChange
+    onDataSetChange: handleDataSetChange,
+    asyncLoad: false
   }), children);
 };
 var _default = exports.default = FunctionDesign;