@luck-design-biz/luckda 0.0.25-6 → 0.0.25-8

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

@@ -7,15 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 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 _dataProcess = require("../../../engine/tools/dataProcess");
 var _boxPropsDefault = _interopRequireDefault(require("../../../engine/meta/box.props.default.json"));
 var _excluded = ["children", "id", "items"];
 var FunctionDesign = function FunctionDesign(_ref) {
@@ -24,52 +24,45 @@ var FunctionDesign = function FunctionDesign(_ref) {
     items = _ref.items,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
-  var _usePageData = (0, _ContextProvider.usePageData)(),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 2),
-    setPageData = _usePageData2[1].setPageData;
+  var current = (0, _ContextProvider.useGet)({
+    id: id
+  });
   (0, _ahooks.useCreation)(function () {
     if (children !== null && children !== void 0 && children.length) return;
     ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
-      var compId = _ref2.id,
-        pageData = _ref2.pageData;
+      var compId = _ref2.id;
       if (compId !== id) return;
       var boxId = "box_".concat((0, _utils.suid)());
-      (0, _dataProcess.add)(pageData, id, boxId, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
+      (0, _ContextProvider.addNode)(id, boxId, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
         buildIn: true,
         tabId: items[0].id
       }));
-      setPageData(pageData);
     }).watch();
   }, []);
   (0, _react.useEffect)(function () {
     var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref3) {
       var compId = _ref3.id,
-        pageData = _ref3.pageData,
         newValue = _ref3.newValue,
         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)());
-        (0, _dataProcess.add)(pageData, id, boxId, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
+        (0, _ContextProvider.addNode)(id, boxId, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
           buildIn: true,
           tabId: newItem.id
         }));
-        setPageData(pageData);
       } 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 _findNodeAndParent = (0, _dataProcess.findNodeAndParent)(id, pageData),
-          current = _findNodeAndParent.node;
         var _boxId = current.children.find(function (childId) {
           return current[childId].props.tabId === removeItem.id;
         });
         ctx.$publisher(ctx.topics.COMPONENT_DELETE, {
-          id: _boxId,
-          pageData: pageData
+          id: _boxId
         });
       }
     }).watch();

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{", " overflow-x:hidden;overflow-y:auto;}", ""], 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

@@ -71,7 +71,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;

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -22,7 +23,8 @@ var _index = require("../../../../index");
 var _helper = require("../../../engine/tools/helper");
 var _treePropsDefault = _interopRequireDefault(require("../../../engine/meta/tree.props.default.json"));
 var _index2 = _interopRequireDefault(require("./index.less"));
-var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance"];
+var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "onlyRoot", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance", "cancelSelect", "defaultSelect"];
+var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
 var LCTree = function LCTree(_ref) {
   var id = _ref.id,
     wrapperRef = _ref.wrapperRef,
@@ -35,6 +37,7 @@ var LCTree = function LCTree(_ref) {
     actions = _ref.actions,
     editable = _ref.editable,
     showRootAdd = _ref.showRootAdd,
+    onlyRoot = _ref.onlyRoot,
     rootAddSetting = _ref.rootAddSetting,
     doubleClickExpand = _ref.doubleClickExpand,
     onDoubleClick = _ref.onDoubleClick,
@@ -44,16 +47,36 @@ var LCTree = function LCTree(_ref) {
     onTreeNodeRender = _ref.onTreeNodeRender,
     _treeNodeIcon = _ref.treeNodeIcon,
     advance = _ref.advance,
+    cancelSelect = _ref.cancelSelect,
+    defaultSelect = _ref.defaultSelect,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
   var boxRef = (0, _react.useRef)();
   var treeRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return boxRef.current;
   });
   (0, _react.useImperativeHandle)(wrapperRef, function () {
     return treeRef.current;
   });
+  (0, _react.useEffect)(function () {
+    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref2) {
+      var resource = _ref2.resource,
+        prevResource = _ref2.prevResource;
+      ctx.doAction(advance.events.onPagePublicResourceChanged, {
+        resource: resource,
+        prevResource: prevResource,
+        instance: treeRef.current
+      });
+    }).watch();
+    return function () {
+      ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
+    };
+  }, []);
   var handleMount = (0, _ahooks.useMemoizedFn)(function (params) {
     ctx.doAction(advance.events.onMount, {
       params: params
@@ -79,6 +102,12 @@ var LCTree = function LCTree(_ref) {
       e: e
     });
   });
+  var handleDrop = (0, _ahooks.useMemoizedFn)(function (info, dragInfo) {
+    ctx.doAction(advance.events.onCheck, {
+      info: info,
+      dragInfo: dragInfo
+    });
+  });
   var events = (0, _ahooks.useCreation)(function () {
     if (advance !== null && advance !== void 0 && advance.events) {
       var _events = {};
@@ -87,24 +116,31 @@ var LCTree = function LCTree(_ref) {
       if (advance.events.processDataSource) _events.dataToTreeFormat = handleProcessDataSource;
       if (advance.events.onDoubleClick) _events.onNodeDoubleClick = handleNodeDoubleClick;
       if (advance.events.onCheck) _events.onCheck = handleCheck;
+      if (advance.events.onDrop) _events.onDrop = handleDrop;
       return _events;
     }
     return {};
   }, [advance === null || advance === void 0 ? void 0 : advance.events]);
-  var handleDrop = (0, _ahooks.useMemoizedFn)(function (info, dragInfo) {
-    if (dragInfo !== false) {
-      // ctx.doAction(advance.events.onDoubleClick, { e, rowData });
-      // doAction('drag', {
-      //   get: { datasetCode: dataSetKey },
-      //   post: {
-      //     fromId: info.dragNode.props.dataRef[PRIMARY],
-      //     toId: info.node.props.dataRef[PRIMARY],
-      //   }
-      // }, {
-      //   showConfirm: false,
-      //   callback: (success) => success && onLdQuery()
-      // });
+  var handleSelect = (0, _ahooks.useMemoizedFn)(function (_selectedKeys, e) {
+    if (cancelSelect || e.selected) {
+      setSelectedKeys(_selectedKeys);
+      ctx.setPagePublicResource((0, _defineProperty2.default)({}, id, {
+        selectedNodes: e.selectedNodes
+      }));
     }
+    ctx.doAction(advance.events.onSelect, {
+      checkedKeys: _selectedKeys,
+      e: e
+    });
+  });
+  var afterInit = (0, _ahooks.useMemoizedFn)(function (treeData, data) {
+    var selected = !(0, _lodash.isNil)(defaultSelect) ? (0, _helper.executeCode)(ctx, defaultSelect, ['treeData'], treeData) : null;
+    selected && handleSelect(selected, {
+      selected: true,
+      selectedNodes: selected.map(function (key) {
+        return (0, _lodash.keyBy)(data, PRIMARY)[key];
+      })
+    });
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
@@ -133,6 +169,7 @@ var LCTree = function LCTree(_ref) {
         return ctx.doAction(rootAddSetting.actionPool);
       }
     } : null,
+    onlyRoot: onlyRoot,
     rightMenus: function rightMenus() {
       return actions.todoList.map(function (action) {
         return {
@@ -181,7 +218,9 @@ var LCTree = function LCTree(_ref) {
     onTreeNodeRender: onTreeNodeRender ? function (title, i) {
       return (0, _helper.executeCode)(ctx, onTreeNodeRender, ['title', 'item'], title, i);
     } : null,
-    onDrop: handleDrop
+    selectedKeys: selectedKeys,
+    onSelect: handleSelect,
+    afterInit: afterInit
   }, events, props))));
 };
 LCTree.propTypes = {
@@ -265,6 +304,11 @@ LCTree.propTypes = {
    * @type bool
    */
   showRootAdd: _propTypes.default.bool,
+  /**
+   * @name 是否只有唯一一个根节点
+   * @type bool
+   */
+  onlyRoot: _propTypes.default.bool,
   /**
    * @name 根节点配置
    * @type object
@@ -333,7 +377,12 @@ LCTree.propTypes = {
    * @name 复选框选择事件
    * @type _JSEditor
    */
-  onCheck: _propTypes.default.string
+  onCheck: _propTypes.default.string,
+  /**
+   * @name 选中事件
+   * @type _JSEditor
+   */
+  onSelect: _propTypes.default.string
 };
 LCTree.defaultProps = (0, _helper.omitBadProps)(_treePropsDefault.default);
 var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {

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

@@ -17,7 +17,18 @@
       "key": "dataset",
       "name": "数据集",
       "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
+      "type": "_DataSetSelector",
+      "next": {
+        "name": "字段配置",
+        "props": [
+          {
+            "key": "fields",
+            "name": "#字段配置器",
+            "type": "_FieldsSetting",
+            "component": "tree"
+          }
+        ]
+      }
     },
     {
       "key": "title",
@@ -118,6 +129,31 @@
           "default": "0"
         }
       ]
+    }, {
+      "key": "selectSetting",
+      "name": "选中设置",
+      "type": "group",
+      "props": [
+        {
+          "key": "cancelSelect",
+          "name": "取消选中",
+          "desc": "是否可以取消选中",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "defaultSelect",
+          "name": "默认选中",
+          "desc": "返回默认选中的数据主键",
+          "type": "_JSEditor",
+          "defaultCode": "function defaultSelect(treeData) { \n return []; \n}",
+          "mustConfirm": true,
+          "wrapper": "collapse",
+          "wrapperProps": {
+            "suppressIcon": true
+          }
+        }
+      ]
     },
     {
       "key": "IconSetting",
@@ -168,6 +204,13 @@
                 "type": "switch",
                 "default": true
               },
+              {
+                "key": "onlyRoot",
+                "name": "根节点唯一",
+                "desc": "树组件仅一个根节点，如数据根节点数大于0，则不允许根节点新增",
+                "type": "switch",
+                "default": false
+              },
               {
                 "key": "rootAddSetting",
                 "name": "根节点配置",
@@ -270,32 +313,44 @@
         "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": "processDataSource",
         "name": "数据预处理",
         "desc": "数据渲染前预处理",
-        "func": "(data)=>{\n\t\n}"
+        "func": "function processDataSource(data) {\n\t\n}"
       },
       {
         "key": "onDoubleClick",
         "name": "双击事件",
         "desc": "树节点双击事件",
-        "func": "(e, rowData)=>{\n\t\n}"
+        "func": "function onDoubleClick(e, rowData) {\n\t\n}"
       },
       {
         "key": "onCheck",
         "name": "复选框选择事件",
         "desc": "点击复选框触发",
-        "func": "(checkedKeys, e)=>{\n\t\n}"
+        "func": "function onCheck(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "选中事件",
+        "desc": "节点选中事件",
+        "func": "function onSelect(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onDrop",
+        "name": "拖拽事件",
+        "desc": "节点拖拽事件",
+        "func": "function onDrop(info, dragInfo) {\n\t\n}"
       }
     ]
   }
-}
+}

package/lib/lowcode/view/lc-components/Wrapper.js

@@ -7,12 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
 var _ContextProvider = require("../../engine/provider/ContextProvider");
-var _dataProcess = require("../../engine/tools/dataProcess");
 var _constants = require("../../constants");
 var _DragDropWrapper = _interopRequireDefault(require("../../painter/components/DragDrop/DragDropWrapper"));
 var LCWrapper = function LCWrapper(_ref) {
@@ -22,23 +20,23 @@ var LCWrapper = function LCWrapper(_ref) {
     getTargetDom = _ref.getTargetDom,
     api = _ref.api;
   var ctx = (0, _ContextProvider.useContext)();
-  var _usePageData = (0, _ContextProvider.usePageData)(),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 1),
-    pageData = _usePageData2[0];
-  var _pageData = (0, _ahooks.useLatest)(pageData);
+  var selfData = (0, _ContextProvider.useGet)({
+    id: id
+  });
+  var _selfData = (0, _ahooks.useLatest)(selfData);
   (0, _ahooks.useCreation)(function () {
     var meta = displayName ? require("../../engine/meta/".concat(displayName.toLowerCase(), ".props.json")) : {};
     var _api = {
       self: children,
       getSelfData: function getSelfData() {
-        return children.props;
+        return _selfData.current;
       },
       getSelfDom: getTargetDom,
-      getSelfAndParentLCData: function getSelfAndParentLCData() {
-        return (0, _dataProcess.findNodeAndParent)(id, _pageData.current);
+      getSelfAndParentData: function getSelfAndParentData() {
+        return (0, _ContextProvider.getSelfAndParent)(id);
       },
       getLevelNodes: function getLevelNodes() {
-        return (0, _dataProcess.getPathNodesById)(_pageData.current, id);
+        return (0, _ContextProvider.getLevelNodes)(id);
       }
     };
     ctx._register(id, new Proxy({

package/lib/services.js

@@ -4,11 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.readBehaviorCall = readBehaviorCall;
 exports.readModlue = readModlue;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _querystring = require("querystring");
 var _utils = require("@luck-design-biz/base/utils");
 var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
 function readModlue(_x) {
@@ -29,27 +27,4 @@ function _readModlue() {
     }, _callee);
   }));
   return _readModlue.apply(this, arguments);
-}
-function readBehaviorCall(_x2, _x3) {
-  return _readBehaviorCall.apply(this, arguments);
-}
-function _readBehaviorCall() {
-  _readBehaviorCall = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(get, post) {
-    return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          return _context2.abrupt("return", (0, _utils.request)("".concat(_ApiConfig.default.API_HOST, "/lowcode/to/behavior/call?").concat((0, _querystring.stringify)(get)), {
-            method: 'POST',
-            body: post,
-            headers: {
-              'Content-Type': 'application/json;charset=UTF-8'
-            }
-          }));
-        case 1:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return _readBehaviorCall.apply(this, arguments);
 }