@luck-design-biz/luckda 1.0.1 → 1.0.2-10

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

@@ -20,14 +20,15 @@ var _utils = require("@luck-design-biz/base/utils");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index = require("../../../../index");
+var _useCombinedRefs = _interopRequireDefault(require("../../../engine/tools/useCombinedRefs"));
 var _helper = require("../../../engine/tools/helper");
 var _treePropsDefault = _interopRequireDefault(require("../../../engine/meta/tree.props.default.json"));
+var _constants = require("../../../constants");
 var _index2 = _interopRequireDefault(require("./index.less"));
-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 _excluded = ["id", "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 LCTree = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
-    wrapperRef = _ref.wrapperRef,
     className = _ref.className,
     dataset = _ref.dataset,
     width = _ref.width,
@@ -51,20 +52,20 @@ var LCTree = function LCTree(_ref) {
     defaultSelect = _ref.defaultSelect,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
-  var boxRef = (0, _react.useRef)();
   var apiRef = (0, _react.useRef)();
-  var treeRef = (0, _react.useRef)();
+  var wrapperRef = (0, _react.useRef)();
+  var instanceRef = (0, _useCombinedRefs.default)(ref);
   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;
+    return wrapperRef.current;
   });
   (0, _react.useImperativeHandle)(apiRef, function () {
     return {
       getInstance: function getInstance() {
-        return treeRef.current;
+        return instanceRef.current;
       }
     };
   });
@@ -149,23 +150,24 @@ var LCTree = function LCTree(_ref) {
       doAction();
     }
   };
+  var _wrapperProps = (0, _ahooks.useCreation)(function () {
+    return (0, _defineProperty2.default)({
+      id: id
+    }, _constants.LC_COMPONENT_UNIT_KEY, _constants.LC_COMPONENT_UNIT);
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
     displayName: "Tree",
     getTargetDom: getTargetDom,
     api: apiRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: boxRef,
-    style: {
-      width: width,
-      height: height
-    }
   }, /*#__PURE__*/_react.default.createElement(_index.LdTree, (0, _extends2.default)({
-    width: "100%",
-    height: "100%",
+    width: width,
+    height: height,
     id: id,
     ldId: id,
-    ref: treeRef,
+    ref: instanceRef,
+    wrapper: wrapperRef,
+    wrapperProps: _wrapperProps,
     className: (0, _classnames.default)(_index2.default['lc-component-tree'], (0, _defineProperty2.default)({}, className, !!className)),
     dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
     showLine: showLine,
@@ -230,166 +232,166 @@ var LCTree = function LCTree(_ref) {
     selectedKeys: selectedKeys,
     onSelect: handleSelect,
     afterInit: afterInit
-  }, events, props))));
-};
+  }, events, props)));
+});
 LCTree.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: _propTypes.default.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
    */
   dataset: _propTypes.default.shape({
     code: _propTypes.default.string.isRequired,
     uid: _propTypes.default.string.isRequired
   }),
-  /**
-   * @name 标题
-   * @type string
-   * @disabled true
+  /**
+   * @name 标题
+   * @type string
+   * @disabled true
    */
   title: _propTypes.default.string,
-  /**
-   * @name 是否只读
-   * @type boolean
+  /**
+   * @name 是否只读
+   * @type boolean
    */
   readOnly: _propTypes.default.bool,
-  /**
-   * @name 支持拖拽
-   * @type boolean
+  /**
+   * @name 支持拖拽
+   * @type boolean
    */
   draggable: _propTypes.default.bool,
-  /**
-   * @name 异步加载
-   * @type boolean
+  /**
+   * @name 异步加载
+   * @type boolean
    */
   asyncLoad: _propTypes.default.bool,
-  /**
-   * @name 异步加载Key
-   * @type string
+  /**
+   * @name 异步加载Key
+   * @type string
    */
   iparentid: _propTypes.default.string,
-  /**
-   * @name 宽度
-   * @type string
+  /**
+   * @name 宽度
+   * @type string
    */
   width: _propTypes.default.string,
-  /**
-   * @name 高度
-   * @type string
+  /**
+   * @name 高度
+   * @type string
    */
   height: _propTypes.default.string,
-  /**
-   * @name 显示线
-   * @type bool
+  /**
+   * @name 显示线
+   * @type bool
    */
   showLine: _propTypes.default.bool,
-  /**
-   * @name 展示字段
-   * @type string
+  /**
+   * @name 展示字段
+   * @type string
    */
   treeNodeTitle: _propTypes.default.string,
-  /**
-   * @name 展示字段
-   * @type string
+  /**
+   * @name 展示字段
+   * @type string
    */
   defaultExpandDeep: _propTypes.default.string,
-  /**
-   * @name 显示图标
-   * @type bool
+  /**
+   * @name 显示图标
+   * @type bool
    */
   showIcon: _propTypes.default.bool,
-  /**
-   * @name 节点图标设置
-   * @type array
+  /**
+   * @name 节点图标设置
+   * @type array
    */
   treeNodeIcon: _propTypes.default.array,
-  /**
-   * @name 是否显示根节点
-   * @type bool
+  /**
+   * @name 是否显示根节点
+   * @type bool
    */
   showRootAdd: _propTypes.default.bool,
-  /**
-   * @name 是否只有唯一一个根节点
-   * @type bool
+  /**
+   * @name 是否只有唯一一个根节点
+   * @type bool
    */
   onlyRoot: _propTypes.default.bool,
-  /**
-   * @name 根节点配置
-   * @type object
+  /**
+   * @name 根节点配置
+   * @type object
    */
   rootAddSetting: _propTypes.default.object,
-  /**
-   * @name 节点操作项
-   * @type object
+  /**
+   * @name 节点操作项
+   * @type object
    */
   actions: _propTypes.default.object,
-  /**
-   * @name 双击收缩节点
-   * @type bool
+  /**
+   * @name 双击收缩节点
+   * @type bool
    */
   doubleClickExpand: _propTypes.default.bool,
-  /**
-   * @name 复选框
-   * @type bool
+  /**
+   * @name 复选框
+   * @type bool
    */
   checkable: _propTypes.default.bool,
-  /**
-   * @name 节点是否有复选框
-   * @type _JSEditor
-   * @default "function treeNodeCheckable(item) { \n return true; \n}"
+  /**
+   * @name 节点是否有复选框
+   * @type _JSEditor
+   * @default "function treeNodeCheckable(item) { \n return true; \n}"
    */
   treeNodeCheckable: _propTypes.default.string,
-  /**
-   * @name 节点复选框是否禁用
-   * @type _JSEditor
-   * @default "function treeNodeDisableCheckbox(item) { \n return false; \n}"
+  /**
+   * @name 节点复选框是否禁用
+   * @type _JSEditor
+   * @default "function treeNodeDisableCheckbox(item) { \n return false; \n}"
    */
   treeNodeDisableCheckbox: _propTypes.default.string,
-  /**
-   * @name 节点是否禁用
-   * @type _JSEditor
-   * @default "function treeNodeDisable(item) { \n return false; \n}"
+  /**
+   * @name 节点是否禁用
+   * @type _JSEditor
+   * @default "function treeNodeDisable(item) { \n return false; \n}"
    */
   treeNodeDisable: _propTypes.default.string,
-  /**
-   * @name 节点定制渲染
-   * @type _JSEditor
-   * @default "function onTreeNodeRender(title, item) { \n return title; \n}"
+  /**
+   * @name 节点定制渲染
+   * @type _JSEditor
+   * @default "function onTreeNodeRender(title, item) { \n return title; \n}"
    */
   onTreeNodeRender: _propTypes.default.string,
-  /**
-   * @name 组件首次渲染时
-   * @type _JSEditor
+  /**
+   * @name 组件首次渲染时
+   * @type _JSEditor
    */
   onMount: _propTypes.default.string,
-  /**
-   * @name 组件卸载时
-   * @type _JSEditor
+  /**
+   * @name 组件卸载时
+   * @type _JSEditor
    */
   onUnmount: _propTypes.default.string,
-  /**
-   * @name 数据预处理
-   * @type _JSEditor
+  /**
+   * @name 数据预处理
+   * @type _JSEditor
    */
   processDataSource: _propTypes.default.string,
-  /**
-   * @name 双击事件
-   * @type _JSEditor
+  /**
+   * @name 双击事件
+   * @type _JSEditor
    */
   onDoubleClick: _propTypes.default.string,
-  /**
-   * @name 复选框选择事件
-   * @type _JSEditor
+  /**
+   * @name 复选框选择事件
+   * @type _JSEditor
    */
   onCheck: _propTypes.default.string,
-  /**
-   * @name 选中事件
-   * @type _JSEditor
+  /**
+   * @name 选中事件
+   * @type _JSEditor
    */
   onSelect: _propTypes.default.string
 };

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

@@ -1,5 +1,5 @@
-.lc-component-tree{
-}
-.lc-component-tree.runtime-tree {
-  
+.lc-component-tree{
+}
+.lc-component-tree.runtime-tree {
+  
 }