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

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

@@ -7,15 +7,11 @@ 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 _lodash = require("lodash");
-var _ahooks = require("ahooks");
 var _index = _interopRequireDefault(require("./index"));
-var _ContextProvider = require("../../../engine/provider/ContextProvider");
-var _index2 = _interopRequireDefault(require("./index.less"));
 var _excluded = ["rowKey", "children", "defaultExpandDeep"];
 var FunctionDesign = function FunctionDesign(_ref) {
   var _ref$rowKey = _ref.rowKey,
@@ -23,7 +19,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     children = _ref.children,
     defaultExpandDeep = _ref.defaultExpandDeep,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ctx = (0, _ContextProvider.useContext)();
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     treeData = _useState2[0],
@@ -32,9 +27,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     expandedKeys = _useState4[0],
     setExpandedKeys = _useState4[1];
-  var handleDataSetChange = (0, _ahooks.useMemoizedFn)(function (onLdQuery) {
-    onLdQuery(props.asyncLoad ? (0, _defineProperty2.default)({}, props.parentKey || 'iparentid', 0) : {});
-  });
 
   // 默认展开层级
   (0, _react.useEffect)(function () {
@@ -48,15 +40,15 @@ var FunctionDesign = function FunctionDesign(_ref) {
     }
   }, [defaultExpandDeep, treeData]);
   (0, _react.useEffect)(function () {
-    ctx.$publisher(ctx.topics.COMPONENT_REPOSITIONING, {
+    props.context.$publisher(props.context.topics.COMPONENT_REPOSITIONING, {
       id: props.id
     });
   }, [expandedKeys]);
   return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, 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];
       }));
@@ -65,12 +57,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     rowKey: rowKey,
     defaultExpandDeep: defaultExpandDeep,
     motion: null // 关闭动画
-    ,
-    className: _index2.default['runtime-tree'],
-    draggable: false,
-    suppressInit: true,
-    onDataSetChange: handleDataSetChange,
-    asyncLoad: false
   }), children);
 };
 var _default = exports.default = FunctionDesign;

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

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
+  return /*#__PURE__*/React.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionLive;

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

@@ -8,410 +8,92 @@ 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"));
 var _ahooks = require("ahooks");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _lodash = require("lodash");
-var _base = require("@luck-design-biz/base");
-var _utils = require("@luck-design-biz/base/utils");
-var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index = require("../../../../index");
+var _constants = require("../../../constants");
 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", "onlyRoot", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance", "cancelSelect", "defaultSelect"];
-var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
+var _excluded = ["context", "id", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "editable"];
 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 = (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 _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selectedKeys = _useState2[0],
-    setSelectedKeys = _useState2[1];
+  var ref = (0, _react.useRef)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return boxRef.current;
   });
-  (0, _react.useImperativeHandle)(apiRef, function () {
-    return {
-      getInstance: function getInstance() {
-        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
-    });
-  });
-  var handleUnmount = (0, _ahooks.useMemoizedFn)(function () {
-    ctx.doAction(advance.events.onUnmount);
-  });
-  var handleProcessDataSource = (0, _ahooks.useMemoizedFn)(function (data) {
-    ctx.doAction(advance.events.processDataSource, {
-      data: data
-    });
-  });
-  var handleNodeDoubleClick = (0, _ahooks.useMemoizedFn)(function (e, rowData) {
-    ctx.doAction(advance.events.onDoubleClick, {
-      e: e,
-      rowData: rowData
-    });
-  });
-  var handleCheck = (0, _ahooks.useMemoizedFn)(function (checkedKeys, e) {
-    ctx.doAction(advance.events.onCheck, {
-      checkedKeys: checkedKeys,
-      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 = {};
-      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 = (0, _ahooks.useMemoizedFn)(function (_selectedKeys, e) {
-    if (cancelSelect || e.selected) {
-      setSelectedKeys(_selectedKeys);
-      ctx.setPagePublicResource((0, _defineProperty2.default)({}, 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 = (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];
-      })
-    });
-  });
-  var handleAction = function handleAction(action, params) {
-    var doAction = function doAction() {
-      ctx.doAction(action.actionPool, params);
-    };
-    if (action.riskLevel === 'danger') {
-      _base.Modal.confirm({
-        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
-        onOk: doAction
-      });
-    } else if (action.riskLevel === 'destroy') {
-      (0, _base.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.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "Tree",
-    getTargetDom: getTargetDom,
-    api: apiRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: boxRef,
-    style: {
-      width: width,
-      height: height
-    }
+    getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement(_index.LdTree, (0, _extends2.default)({
-    width: "100%",
-    height: "100%",
+    ref: ref,
+    boxRef: boxRef,
+    width: width,
+    height: height,
     id: id,
     ldId: id,
-    ref: treeRef,
-    className: (0, _classnames.default)(_index2.default['lc-component-tree'], (0, _defineProperty2.default)({}, className, !!className)),
-    dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
+    className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _index2.default['runtime-tree'], context.runtime === _constants.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: (0, _utils.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 ((0, _lodash.isNil)(_treeNodeCheckable)) return props.checkable;
-      return (0, _helper.executeCode)(ctx, _treeNodeCheckable, ['item'], i);
-    },
-    treeNodeDisableCheckbox: function treeNodeDisableCheckbox(i) {
-      if ((0, _lodash.isNil)(_treeNodeDisableCheckbox)) return false;
-      return (0, _helper.executeCode)(ctx, _treeNodeDisableCheckbox, ['item'], i);
-    },
-    treeNodeDisable: function treeNodeDisable(i) {
-      if ((0, _lodash.isNil)(_treeNodeDisable)) return false;
-      return (0, _helper.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 && (0, _helper.executeCode)(ctx, i.condition, ['item'], node)) {
-          icon = i.icon;
-        }
-      });
-      return icon ? /*#__PURE__*/_react.default.createElement(_base.IconFont, {
-        type: icon
-      }) : false;
-    },
-    onTreeNodeRender: onTreeNodeRender ? function (title, i) {
-      return (0, _helper.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.default.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
-   */
-  dataset: _propTypes.default.shape({
-    code: _propTypes.default.string.isRequired,
-    uid: _propTypes.default.string.isRequired
-  }),
-  /**
-   * @name 标题
-   * @type string
-   * @disabled true
-   */
-  title: _propTypes.default.string,
-  /**
-   * @name 是否只读
-   * @type boolean
-   */
-  readOnly: _propTypes.default.bool,
-  /**
-   * @name 支持拖拽
-   * @type boolean
-   */
-  draggable: _propTypes.default.bool,
-  /**
-   * @name 异步加载
-   * @type boolean
-   */
-  asyncLoad: _propTypes.default.bool,
-  /**
-   * @name 异步加载Key
-   * @type string
-   */
-  iparentid: _propTypes.default.string,
-  /**
-   * @name 宽度
-   * @type string
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
+   */
+  dataset: _propTypes.default.string,
+  /**
+   * @name 支持编辑
+   * @type switch
+   * @default true
+   */
+  editable: _propTypes.default.bool,
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   width: _propTypes.default.string,
-  /**
-   * @name 高度
-   * @type string
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   height: _propTypes.default.string,
-  /**
-   * @name 显示线
-   * @type bool
-   */
-  showLine: _propTypes.default.bool,
-  /**
-   * @name 展示字段
-   * @type string
-   */
-  treeNodeTitle: _propTypes.default.string,
-  /**
-   * @name 展示字段
-   * @type string
-   */
-  defaultExpandDeep: _propTypes.default.string,
-  /**
-   * @name 显示图标
-   * @type bool
-   */
-  showIcon: _propTypes.default.bool,
-  /**
-   * @name 节点图标设置
-   * @type array
-   */
-  treeNodeIcon: _propTypes.default.array,
-  /**
-   * @name 是否显示根节点
-   * @type bool
-   */
-  showRootAdd: _propTypes.default.bool,
-  /**
-   * @name 是否只有唯一一个根节点
-   * @type bool
-   */
-  onlyRoot: _propTypes.default.bool,
-  /**
-   * @name 根节点配置
-   * @type object
-   */
-  rootAddSetting: _propTypes.default.object,
-  /**
-   * @name 节点操作项
-   * @type object
-   */
-  actions: _propTypes.default.object,
-  /**
-   * @name 双击收缩节点
-   * @type bool
-   */
-  doubleClickExpand: _propTypes.default.bool,
-  /**
-   * @name 复选框
-   * @type bool
-   */
-  checkable: _propTypes.default.bool,
-  /**
-   * @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}"
-   */
-  treeNodeDisableCheckbox: _propTypes.default.string,
-  /**
-   * @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}"
-   */
-  onTreeNodeRender: _propTypes.default.string,
-  /**
-   * @name 组件首次渲染时
-   * @type _JSEditor
-   */
-  onMount: _propTypes.default.string,
-  /**
-   * @name 组件卸载时
-   * @type _JSEditor
-   */
-  onUnmount: _propTypes.default.string,
-  /**
-   * @name 数据预处理
-   * @type _JSEditor
-   */
-  processDataSource: _propTypes.default.string,
-  /**
-   * @name 双击事件
-   * @type _JSEditor
-   */
-  onDoubleClick: _propTypes.default.string,
-  /**
-   * @name 复选框选择事件
-   * @type _JSEditor
-   */
-  onCheck: _propTypes.default.string,
-  /**
-   * @name 选中事件
-   * @type _JSEditor
-   */
-  onSelect: _propTypes.default.string
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   * @default { "todoList": []}
+   */
+  actions: _propTypes.default.shape({
+    todoList: _propTypes.default.array
+  })
 };
 LCTree.defaultProps = (0, _helper.omitBadProps)(_treePropsDefault.default);
 var _default = exports.default = LCTree;

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

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