@luck-design-biz/luckda 0.0.25-9 → 0.0.25-af-2

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

@@ -1,21 +1,16 @@
 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 = ["rowKey", "children", "defaultExpandDeep"];
-import React, { useState, useEffect, useRef, useLayoutEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { transform } from 'lodash';
-import { useMemoizedFn } from 'ahooks';
 import Index from "./index";
-import { useContext } from "../../../engine/provider/ContextProvider";
-import styles from "./index.less";
 var FunctionDesign = function FunctionDesign(_ref) {
   var _ref$rowKey = _ref.rowKey,
     rowKey = _ref$rowKey === void 0 ? window.appConfig.constraintKeys.PRIMARY : _ref$rowKey,
     children = _ref.children,
     defaultExpandDeep = _ref.defaultExpandDeep,
     props = _objectWithoutProperties(_ref, _excluded);
-  var ctx = useContext();
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     treeData = _useState2[0],
@@ -24,9 +19,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     expandedKeys = _useState4[0],
     setExpandedKeys = _useState4[1];
-  var handleDataSetChange = useMemoizedFn(function (onLdQuery) {
-    onLdQuery(props.asyncLoad ? _defineProperty({}, props.parentKey || 'iparentid', 0) : {});
-  });
 
   // 默认展开层级
   useEffect(function () {
@@ -40,15 +32,15 @@ var FunctionDesign = function FunctionDesign(_ref) {
     }
   }, [defaultExpandDeep, treeData]);
   useEffect(function () {
-    ctx.$publisher(ctx.topics.COMPONENT_REPOSITIONING, {
+    props.context.$publisher(props.context.topics.COMPONENT_REPOSITIONING, {
       id: props.id
     });
   }, [expandedKeys]);
   return /*#__PURE__*/React.createElement(Index, _extends({}, props, {
-    afterQuery: function afterQuery(_ref3) {
-      var code = _ref3.code,
-        list = _ref3.list,
-        detail = _ref3.detail;
+    afterQuery: function afterQuery(_ref2) {
+      var code = _ref2.code,
+        list = _ref2.list,
+        detail = _ref2.detail;
       if (code === 1) setTreeData(list.map(function (i) {
         return detail[i];
       }));
@@ -57,12 +49,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     rowKey: rowKey,
     defaultExpandDeep: defaultExpandDeep,
     motion: null // 关闭动画
-    ,
-    className: styles['runtime-tree'],
-    draggable: false,
-    suppressInit: true,
-    onDataSetChange: handleDataSetChange,
-    asyncLoad: false
   }), children);
 };
 export default FunctionDesign;

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

@@ -1,6 +1,5 @@
 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,409 +1,91 @@
 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", "onlyRoot", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance", "cancelSelect", "defaultSelect"];
-import React, { useRef, useImperativeHandle, useState, useEffect } from 'react';
+var _excluded = ["context", "id", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "editable"];
+import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
-import { useMemoizedFn, useCreation } from 'ahooks';
+import { useMemoizedFn } from 'ahooks';
 import classNames from 'classnames';
-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";
 import { LdTree } from "../../../../index";
-import { omitBadProps, executeCode } from "../../../engine/tools/helper";
+import { RUNTIME } from "../../../constants";
+import { omitBadProps } 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,
+  var context = _ref.context,
+    id = _ref.id,
     className = _ref.className,
     dataset = _ref.dataset,
     width = _ref.width,
     height = _ref.height,
     showLine = _ref.showLine,
     defaultExpandDeep = _ref.defaultExpandDeep,
-    actions = _ref.actions,
     editable = _ref.editable,
-    showRootAdd = _ref.showRootAdd,
-    onlyRoot = _ref.onlyRoot,
-    rootAddSetting = _ref.rootAddSetting,
-    doubleClickExpand = _ref.doubleClickExpand,
-    onDoubleClick = _ref.onDoubleClick,
-    _treeNodeCheckable = _ref.treeNodeCheckable,
-    _treeNodeDisableCheckbox = _ref.treeNodeDisableCheckbox,
-    _treeNodeDisable = _ref.treeNodeDisable,
-    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 ref = useRef();
   var getTargetDom = useMemoizedFn(function () {
     return boxRef.current;
   });
-  useImperativeHandle(apiRef, function () {
-    return {
-      getInstance: function getInstance() {
-        return treeRef.current;
-      }
-    };
-  });
-  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 = useMemoizedFn(function (params) {
-    ctx.doAction(advance.events.onMount, {
-      params: params
-    });
-  });
-  var handleUnmount = useMemoizedFn(function () {
-    ctx.doAction(advance.events.onUnmount);
-  });
-  var handleProcessDataSource = useMemoizedFn(function (data) {
-    ctx.doAction(advance.events.processDataSource, {
-      data: data
-    });
-  });
-  var handleNodeDoubleClick = useMemoizedFn(function (e, rowData) {
-    ctx.doAction(advance.events.onDoubleClick, {
-      e: e,
-      rowData: rowData
-    });
-  });
-  var handleCheck = useMemoizedFn(function (checkedKeys, e) {
-    ctx.doAction(advance.events.onCheck, {
-      checkedKeys: checkedKeys,
-      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 = {};
-      if (advance.events.onMount) _events.onMount = handleMount;
-      if (advance.events.onUnmount) _events.onUnmount = handleUnmount;
-      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 handleSelect = useMemoizedFn(function (_selectedKeys, e) {
-    if (cancelSelect || e.selected) {
-      setSelectedKeys(_selectedKeys);
-      ctx.setPagePublicResource(_defineProperty({}, id, {
-        selectedNodes: e.selectedNodes.map(function (i) {
-          var _i$props;
-          return (i === null || i === void 0 || (_i$props = i.props) === null || _i$props === void 0 ? void 0 : _i$props.dataRef) || i;
-        })
-      }));
-    }
-    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,
-    api: apiRef
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: boxRef,
-    style: {
-      width: width,
-      height: height
-    }
+    getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement(LdTree, _extends({
-    width: "100%",
-    height: "100%",
+    ref: ref,
+    boxRef: boxRef,
+    width: width,
+    height: height,
     id: id,
     ldId: id,
-    ref: treeRef,
-    className: classNames(styles['lc-component-tree'], _defineProperty({}, className, !!className)),
-    dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
+    className: classNames(_defineProperty(_defineProperty({}, styles['runtime-tree'], context.runtime === RUNTIME.DESIGN), className, !!className)),
+    dataSetKey: dataset,
     showLine: showLine,
     readOnly: !editable,
-    defaultExpandDeep: defaultExpandDeep === 'all' ? defaultExpandDeep : Number(defaultExpandDeep),
-    rootAdd: showRootAdd ? {
-      resource: rootAddSetting.serial,
-      onClick: function onClick() {
-        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) {
-            handleAction(action, {
-              data: data,
-              datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
-            });
-          },
-          resource: action.serial,
-          style: action.riskLevel === 'default' ? null : {
-            color: {
-              danger: '#ff7875',
-              destroy: '#ff4d4f'
-            }[action.riskLevel]
-          }
-        };
-      });
-    },
-    doubleClickExpand: doubleClickExpand,
-    treeNodeCheckable: function treeNodeCheckable(i) {
-      if (isNil(_treeNodeCheckable)) return props.checkable;
-      return executeCode(ctx, _treeNodeCheckable, ['item'], i);
-    },
-    treeNodeDisableCheckbox: function treeNodeDisableCheckbox(i) {
-      if (isNil(_treeNodeDisableCheckbox)) return false;
-      return executeCode(ctx, _treeNodeDisableCheckbox, ['item'], i);
-    },
-    treeNodeDisable: function treeNodeDisable(i) {
-      if (isNil(_treeNodeDisable)) return false;
-      return executeCode(ctx, _treeNodeDisable, ['item'], i);
-    },
-    treeNodeIcon: function treeNodeIcon(node) {
-      if (!_treeNodeIcon || _treeNodeIcon.length === 0) return null;
-      var icon = null;
-      _treeNodeIcon.forEach(function (i) {
-        if (i.condition && executeCode(ctx, i.condition, ['item'], node)) {
-          icon = i.icon;
-        }
-      });
-      return icon ? /*#__PURE__*/React.createElement(IconFont, {
-        type: icon
-      }) : false;
-    },
-    onTreeNodeRender: onTreeNodeRender ? function (title, i) {
-      return executeCode(ctx, onTreeNodeRender, ['title', 'item'], title, i);
-    } : null,
-    selectedKeys: selectedKeys,
-    onSelect: handleSelect,
-    afterInit: afterInit
-  }, events, props))));
+    defaultExpandDeep: defaultExpandDeep === 'all' ? defaultExpandDeep : Number(defaultExpandDeep) // 可以为数字或者“all”
+  }, props)));
 };
 LCTree.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: PropTypes.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
-   */
-  dataset: PropTypes.shape({
-    code: PropTypes.string.isRequired,
-    uid: PropTypes.string.isRequired
-  }),
-  /**
-   * @name 标题
-   * @type string
-   * @disabled true
-   */
-  title: PropTypes.string,
-  /**
-   * @name 是否只读
-   * @type boolean
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * @name 支持拖拽
-   * @type boolean
-   */
-  draggable: PropTypes.bool,
-  /**
-   * @name 异步加载
-   * @type boolean
-   */
-  asyncLoad: PropTypes.bool,
-  /**
-   * @name 异步加载Key
-   * @type string
-   */
-  iparentid: PropTypes.string,
-  /**
-   * @name 宽度
-   * @type string
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
+   */
+  dataset: PropTypes.string,
+  /**
+   * @name 支持编辑
+   * @type switch
+   * @default true
+   */
+  editable: PropTypes.bool,
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   width: PropTypes.string,
-  /**
-   * @name 高度
-   * @type string
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   height: PropTypes.string,
-  /**
-   * @name 显示线
-   * @type bool
-   */
-  showLine: PropTypes.bool,
-  /**
-   * @name 展示字段
-   * @type string
-   */
-  treeNodeTitle: PropTypes.string,
-  /**
-   * @name 展示字段
-   * @type string
-   */
-  defaultExpandDeep: PropTypes.string,
-  /**
-   * @name 显示图标
-   * @type bool
-   */
-  showIcon: PropTypes.bool,
-  /**
-   * @name 节点图标设置
-   * @type array
-   */
-  treeNodeIcon: PropTypes.array,
-  /**
-   * @name 是否显示根节点
-   * @type bool
-   */
-  showRootAdd: PropTypes.bool,
-  /**
-   * @name 是否只有唯一一个根节点
-   * @type bool
-   */
-  onlyRoot: PropTypes.bool,
-  /**
-   * @name 根节点配置
-   * @type object
-   */
-  rootAddSetting: PropTypes.object,
-  /**
-   * @name 节点操作项
-   * @type object
-   */
-  actions: PropTypes.object,
-  /**
-   * @name 双击收缩节点
-   * @type bool
-   */
-  doubleClickExpand: PropTypes.bool,
-  /**
-   * @name 复选框
-   * @type bool
-   */
-  checkable: PropTypes.bool,
-  /**
-   * @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}"
-   */
-  treeNodeDisableCheckbox: PropTypes.string,
-  /**
-   * @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}"
-   */
-  onTreeNodeRender: PropTypes.string,
-  /**
-   * @name 组件首次渲染时
-   * @type _JSEditor
-   */
-  onMount: PropTypes.string,
-  /**
-   * @name 组件卸载时
-   * @type _JSEditor
-   */
-  onUnmount: PropTypes.string,
-  /**
-   * @name 数据预处理
-   * @type _JSEditor
-   */
-  processDataSource: PropTypes.string,
-  /**
-   * @name 双击事件
-   * @type _JSEditor
-   */
-  onDoubleClick: PropTypes.string,
-  /**
-   * @name 复选框选择事件
-   * @type _JSEditor
-   */
-  onCheck: PropTypes.string,
-  /**
-   * @name 选中事件
-   * @type _JSEditor
-   */
-  onSelect: PropTypes.string
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   * @default { "todoList": []}
+   */
+  actions: PropTypes.shape({
+    todoList: PropTypes.array
+  })
 };
 LCTree.defaultProps = omitBadProps(defaultMeta);
 export default LCTree;

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

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