@luck-design-biz/luckda 0.0.25-2 → 0.0.25-21

package/es/lowcode/view/lc-components/Tree/FunctionLive.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,

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

@@ -1,13 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance"];
-import React, { useRef, useImperativeHandle, forwardRef } from 'react';
+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"];
+import React, { useRef, useImperativeHandle, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn, useCreation } from 'ahooks';
 import classNames from 'classnames';
-import { isNil } from 'lodash';
-import { IconFont } from '@luck-design-biz/base';
+import { isNil, keyBy } from 'lodash';
+import { Modal, recheck, IconFont } from '@luck-design-biz/base';
 import { suid } from '@luck-design-biz/base/utils';
 import { useContext } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
@@ -15,6 +16,7 @@ import { LdTree } from "../../../../index";
 import { omitBadProps, executeCode } from "../../../engine/tools/helper";
 import defaultMeta from "../../../engine/meta/tree.props.default.json";
 import styles from "./index.less";
+var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
 var LCTree = function LCTree(_ref) {
   var id = _ref.id,
     wrapperRef = _ref.wrapperRef,
@@ -27,6 +29,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,
@@ -36,15 +39,26 @@ var LCTree = function LCTree(_ref) {
     onTreeNodeRender = _ref.onTreeNodeRender,
     _treeNodeIcon = _ref.treeNodeIcon,
     advance = _ref.advance,
+    cancelSelect = _ref.cancelSelect,
+    defaultSelect = _ref.defaultSelect,
     props = _objectWithoutProperties(_ref, _excluded);
   var ctx = useContext();
   var boxRef = useRef();
+  var apiRef = useRef();
   var treeRef = useRef();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
   var getTargetDom = useMemoizedFn(function () {
     return boxRef.current;
   });
-  useImperativeHandle(wrapperRef, function () {
-    return treeRef.current;
+  useImperativeHandle(apiRef, function () {
+    return {
+      getInstance: function getInstance() {
+        return treeRef.current;
+      }
+    };
   });
   var handleMount = useMemoizedFn(function (params) {
     ctx.doAction(advance.events.onMount, {
@@ -71,6 +85,12 @@ var LCTree = function LCTree(_ref) {
       e: e
     });
   });
+  var handleDrop = useMemoizedFn(function (info, dragInfo) {
+    ctx.doAction(advance.events.onCheck, {
+      info: info,
+      dragInfo: dragInfo
+    });
+  });
   var events = useCreation(function () {
     if (advance !== null && advance !== void 0 && advance.events) {
       var _events = {};
@@ -79,29 +99,53 @@ 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 = 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 = useMemoizedFn(function (_selectedKeys, e) {
+    if (cancelSelect || e.selected) {
+      setSelectedKeys(_selectedKeys);
     }
+    ctx.doAction(advance.events.onSelect, {
+      checkedKeys: _selectedKeys,
+      e: e
+    });
   });
+  var afterInit = useMemoizedFn(function (treeData, data) {
+    var selected = !isNil(defaultSelect) ? executeCode(ctx, defaultSelect, ['treeData'], treeData) : null;
+    selected && handleSelect(selected, {
+      selected: true,
+      selectedNodes: selected.map(function (key) {
+        return keyBy(data, PRIMARY)[key];
+      })
+    });
+  });
+  var handleAction = function handleAction(action, params) {
+    var doAction = function doAction() {
+      ctx.doAction(action.actionPool, params);
+    };
+    if (action.riskLevel === 'danger') {
+      Modal.confirm({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        onOk: doAction
+      });
+    } else if (action.riskLevel === 'destroy') {
+      recheck({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        checkWords: "\u6267\u884C".concat(action.name),
+        onOk: doAction
+      });
+    } else {
+      doAction();
+    }
+  };
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     displayName: "Tree",
-    getTargetDom: getTargetDom
+    getTargetDom: getTargetDom,
+    api: apiRef
   }, /*#__PURE__*/React.createElement("div", {
     ref: boxRef,
     style: {
@@ -125,14 +169,16 @@ var LCTree = function LCTree(_ref) {
         return ctx.doAction(rootAddSetting.actionPool);
       }
     } : null,
+    onlyRoot: onlyRoot,
     rightMenus: function rightMenus() {
       return actions.todoList.map(function (action) {
         return {
           key: suid(),
           name: action.name,
           onClick: function onClick(_, data) {
-            ctx.doAction(action.actionPool, {
-              data: data
+            handleAction(action, {
+              data: data,
+              datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
             });
           },
           resource: action.serial,
@@ -173,163 +219,171 @@ var LCTree = function LCTree(_ref) {
     onTreeNodeRender: onTreeNodeRender ? function (title, i) {
       return executeCode(ctx, onTreeNodeRender, ['title', 'item'], title, i);
     } : null,
-    onDrop: handleDrop
+    selectedKeys: selectedKeys,
+    onSelect: handleSelect,
+    afterInit: afterInit
   }, events, props))));
 };
 LCTree.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: PropTypes.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
    */
   dataset: PropTypes.shape({
     code: PropTypes.string.isRequired,
     uid: PropTypes.string.isRequired
   }),
-  /**
-   * @name 标题
-   * @type string
-   * @disabled true
+  /**
+   * @name 标题
+   * @type string
+   * @disabled true
    */
   title: PropTypes.string,
-  /**
-   * @name 是否只读
-   * @type boolean
+  /**
+   * @name 是否只读
+   * @type boolean
    */
   readOnly: PropTypes.bool,
-  /**
-   * @name 支持拖拽
-   * @type boolean
+  /**
+   * @name 支持拖拽
+   * @type boolean
    */
   draggable: PropTypes.bool,
-  /**
-   * @name 异步加载
-   * @type boolean
+  /**
+   * @name 异步加载
+   * @type boolean
    */
   asyncLoad: PropTypes.bool,
-  /**
-   * @name 异步加载Key
-   * @type string
+  /**
+   * @name 异步加载Key
+   * @type string
    */
   iparentid: PropTypes.string,
-  /**
-   * @name 宽度
-   * @type string
+  /**
+   * @name 宽度
+   * @type string
    */
   width: PropTypes.string,
-  /**
-   * @name 高度
-   * @type string
+  /**
+   * @name 高度
+   * @type string
    */
   height: PropTypes.string,
-  /**
-   * @name 显示线
-   * @type bool
+  /**
+   * @name 显示线
+   * @type bool
    */
   showLine: PropTypes.bool,
-  /**
-   * @name 展示字段
-   * @type string
+  /**
+   * @name 展示字段
+   * @type string
    */
   treeNodeTitle: PropTypes.string,
-  /**
-   * @name 展示字段
-   * @type string
+  /**
+   * @name 展示字段
+   * @type string
    */
   defaultExpandDeep: PropTypes.string,
-  /**
-   * @name 显示图标
-   * @type bool
+  /**
+   * @name 显示图标
+   * @type bool
    */
   showIcon: PropTypes.bool,
-  /**
-   * @name 节点图标设置
-   * @type array
+  /**
+   * @name 节点图标设置
+   * @type array
    */
   treeNodeIcon: PropTypes.array,
-  /**
-   * @name 是否显示根节点
-   * @type bool
+  /**
+   * @name 是否显示根节点
+   * @type bool
    */
   showRootAdd: PropTypes.bool,
-  /**
-   * @name 根节点配置
-   * @type object
+  /**
+   * @name 是否只有唯一一个根节点
+   * @type bool
+   */
+  onlyRoot: PropTypes.bool,
+  /**
+   * @name 根节点配置
+   * @type object
    */
   rootAddSetting: PropTypes.object,
-  /**
-   * @name 节点操作项
-   * @type object
+  /**
+   * @name 节点操作项
+   * @type object
    */
   actions: PropTypes.object,
-  /**
-   * @name 双击收缩节点
-   * @type bool
+  /**
+   * @name 双击收缩节点
+   * @type bool
    */
   doubleClickExpand: PropTypes.bool,
-  /**
-   * @name 复选框
-   * @type bool
+  /**
+   * @name 复选框
+   * @type bool
    */
   checkable: PropTypes.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.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.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.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.string,
-  /**
-   * @name 组件首次渲染时
-   * @type _JSEditor
+  /**
+   * @name 组件首次渲染时
+   * @type _JSEditor
    */
   onMount: PropTypes.string,
-  /**
-   * @name 组件卸载时
-   * @type _JSEditor
+  /**
+   * @name 组件卸载时
+   * @type _JSEditor
    */
   onUnmount: PropTypes.string,
-  /**
-   * @name 数据预处理
-   * @type _JSEditor
+  /**
+   * @name 数据预处理
+   * @type _JSEditor
    */
   processDataSource: PropTypes.string,
-  /**
-   * @name 双击事件
-   * @type _JSEditor
+  /**
+   * @name 双击事件
+   * @type _JSEditor
    */
   onDoubleClick: PropTypes.string,
-  /**
-   * @name 复选框选择事件
-   * @type _JSEditor
+  /**
+   * @name 复选框选择事件
+   * @type _JSEditor
+   */
+  onCheck: PropTypes.string,
+  /**
+   * @name 选中事件
+   * @type _JSEditor
    */
-  onCheck: PropTypes.string
+  onSelect: PropTypes.string
 };
 LCTree.defaultProps = omitBadProps(defaultMeta);
-export default /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(LCTree, _extends({
-    wrapperRef: ref
-  }, props));
-});
+export default LCTree;

package/es/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 {
+  
 }