@luck-design-biz/luckda 1.0.1-13 → 1.0.1-15

package/lib/lowcode/painter/style/radio.less

@@ -18,7 +18,7 @@
     cursor: pointer;
 
     &.active{
-      background-color: #ffffff;
+      background-color: @layout-body-background;
     }
   }
 }

package/lib/lowcode/painter/style/ribbon.less

@@ -1,5 +1,7 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .lc-painter-ribbon {
-  border-right: 1px solid #e8e8e8;
+  border-right: 1px solid @border-color-base;
   font-size: 16px;
-  background-color: #fff;
+  background-color: @component-background;
 }

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

@@ -340,12 +340,11 @@ LCCardList.propTypes = {
    */
   suppressActions: _propTypes.default.bool,
   /**
-   * @name 最大显示数
-   * @type number
-   * @default 2
-   * @groupNext actionsColumn
+   * @name 拖拽排序
+   * @type switch
+   * @default false
    */
-  maxActionsCount: _propTypes.default.number,
+  draggable: _propTypes.default.bool,
   /**
    * @name 操作项
    * @type _TableActions
@@ -413,12 +412,6 @@ LCCardList.propTypes = {
   batchOperations: _propTypes.default.shape({
     todoList: _propTypes.default.array.isRequired
   }),
-  /**
-   * @name 每页行数
-   * @type number
-   * @default 40
-   */
-  pageSize: _propTypes.default.number,
   /**
    * @name 无边框风格
    * @type switch
@@ -473,6 +466,18 @@ LCCardList.propTypes = {
    * @default "function renderContent(record) { \n return null; \n}"
    */
   renderContent: _propTypes.default.string,
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   */
+  pagination: _propTypes.default.bool,
+  /**
+   * @name 每页行数
+   * @type number
+   * @default 40
+   */
+  pageSize: _propTypes.default.number,
   /**
    * @name 组件首次渲染时
    * @type _JSEditor

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

@@ -298,31 +298,31 @@
         "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": "onAddCardClick",
         "name": "新增卡片点击",
         "desc": "点击新增卡片行时，执行方法",
-        "func": "()=>{\n\t\n}"
+        "func": "function onAddCardClick()=>{\n\t\n}"
       },
       {
         "key": "onCardClick",
         "name": "卡片单击",
         "desc": "单击卡片行时，执行方法",
-        "func": "(data, e)=>{\n\t\n}"
+        "func": "function onCardClick(data, e)=>{\n\t\n}"
       },
       {
         "key": "onCardDelete",
         "name": "卡片删除",
         "desc": "单击卡片删除图标，执行方法",
-        "func": "(data, e)=>{\n\t\n}"
+        "func": "function onCardDelete(data, e)=>{\n\t\n}"
       },
       {
         "key": "onDrop",

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

@@ -50,14 +50,19 @@ var LCGroupTree = function LCGroupTree(_ref) {
     advance = _ref.advance;
   var ctx = (0, _ContextProvider.useContext)();
   var ref = (0, _react.useRef)();
+  var titleRef = (0, _react.useRef)();
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     dataSource = _useState2[0],
     setDataSource = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = (0, _react.useState)(null),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    selectedKeys = _useState4[0],
-    setSelectedKeys = _useState4[1];
+    titleHeight = _useState4[0],
+    setTitleHeight = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    selectedKeys = _useState6[0],
+    setSelectedKeys = _useState6[1];
   var _useBoolean = (0, _ahooks.useBoolean)(false),
     _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
     loading = _useBoolean2[0],
@@ -65,6 +70,15 @@ var LCGroupTree = function LCGroupTree(_ref) {
     setTrue = _useBoolean2$.setTrue,
     setFalse = _useBoolean2$.setFalse;
   var latestOnlySelectLeaf = (0, _ahooks.useLatest)(onlySelectLeaf);
+  var _useInViewport = (0, _ahooks.useInViewport)(titleRef),
+    _useInViewport2 = (0, _slicedToArray2.default)(_useInViewport, 1),
+    inViewport = _useInViewport2[0];
+  (0, _react.useEffect)(function () {
+    if (inViewport) {
+      var _title = document.getElementById('title');
+      setTitleHeight(_title.getBoundingClientRect().height);
+    }
+  }, [inViewport]);
   var handleSelect = (0, _ahooks.useMemoizedFn)(function (_selectedKeys, e) {
     if (cancelSelect || e.selected) {
       setSelectedKeys(_selectedKeys);
@@ -150,9 +164,11 @@ var LCGroupTree = function LCGroupTree(_ref) {
     getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement(TreeBox, {
     ref: ref,
-    $css: css
+    $css: "".concat(css, ";height:calc(100% - ").concat(titleHeight, "px)")
   }, title ? /*#__PURE__*/_react.default.createElement(Title, {
-    $theme: document.body.getAttribute('luck-theme')
+    $theme: document.body.getAttribute('luck-theme'),
+    id: 'title',
+    ref: titleRef
   }, title) : null, /*#__PURE__*/_react.default.createElement(_antd.Spin, {
     spinning: loading,
     style: {

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

@@ -15,7 +15,6 @@ var _antd = require("luck-design/antd");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
-var _constants = require("../../../constants");
 var _utils = require("@luck-design-biz/base/utils");
 var _excluded = ["id", "path", "css", "supportFullScreen"];
 var StyledIframe = _styledComponents.default.iframe.withConfig({

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

@@ -27,6 +27,5 @@
       "default": true
     }
   ],
-  "css": "background: white; width: 100%; height: 100%",
-  "advance": {}
+  "css": "background: white; width: 100%; height: 100%"
 }

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

@@ -16,7 +16,8 @@ var _luckDesign = require("luck-design");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index = _interopRequireDefault(require("./index.less"));
 var _antd = require("luck-design/antd");
-var _excluded = ["id", "src", "css"];
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _excluded = ["id", "src", "css", "advance", "onClick"];
 var StyledImage = _styledComponents.default.img.withConfig({
   displayName: "StyledImage",
   componentId: "luckda-6530__sc-k6wbym-0"
@@ -37,6 +38,8 @@ var LCImage = function LCImage(_ref) {
   var id = _ref.id,
     src = _ref.src,
     css = _ref.css,
+    advance = _ref.advance,
+    onClick = _ref.onClick,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
   var isHovering = (0, _ahooks.useHover)(ref);
@@ -47,6 +50,22 @@ var LCImage = function LCImage(_ref) {
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     state = _useSetState2[0],
     setState = _useSetState2[1];
+  var ctx = (0, _ContextProvider.useContext)();
+  (0, _react.useEffect)(function () {
+    ctx.doAction(advance.events.onMount);
+    return function () {
+      return ctx.doAction(advance.events.onUnmount);
+    };
+  }, []);
+  var handleClick = (0, _ahooks.useMemoizedFn)(function (e) {
+    if (onClick) {
+      onClick(e);
+      return;
+    }
+    ctx.doAction(advance.events.onClick, {
+      e: e
+    });
+  });
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
   });
@@ -79,7 +98,8 @@ var LCImage = function LCImage(_ref) {
       return setState({
         visible: false
       });
-    }
+    },
+    onClick: handleClick
   })));
 };
 var _default = exports.default = LCImage;

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

@@ -141,7 +141,7 @@
       {
         "key": "onClick",
         "name": "点击事件",
-        "desc": "点击文本时，执行方法",
+        "desc": "点击图片时，执行方法",
         "func": "(e)=>{\n\t\n}"
       }
     ]

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

@@ -16,7 +16,7 @@ var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _constants = require("../../../constants");
-var _excluded = ["id", "css"];
+var _excluded = ["id", "css", "onClick", "advance"];
 var StyledLink = _styledComponents.default.a.withConfig({
   displayName: "StyledLink",
   componentId: "luckda-6530__sc-13gzda1-0"
@@ -36,9 +36,26 @@ var StyledLink = _styledComponents.default.a.withConfig({
 var LCLink = function LCLink(_ref) {
   var id = _ref.id,
     css = _ref.css,
+    onClick = _ref.onClick,
+    advance = _ref.advance,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
   var ctx = (0, _ContextProvider.useContext)();
+  (0, _react.useEffect)(function () {
+    ctx.doAction(advance.events.onMount);
+    return function () {
+      return ctx.doAction(advance.events.onUnmount);
+    };
+  }, []);
+  var handleClick = (0, _ahooks.useMemoizedFn)(function (e) {
+    if (onClick) {
+      onClick(e);
+      return;
+    }
+    ctx.doAction(advance.events.onClick, {
+      e: e
+    });
+  });
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
   });
@@ -54,6 +71,7 @@ var LCLink = function LCLink(_ref) {
     target: props.isBlank ? '_blank' : '_self',
     title: props.textOverflow && props.content,
     onClick: function onClick(e) {
+      handleClick(e);
       ctx.runtime === _constants.RUNTIME.DESIGN && e.preventDefault();
     }
   }), props.content));

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

@@ -472,9 +472,7 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var condition = _zebra !== null && _zebra !== void 0 && _zebra.condition ? (0, _helper.executeCode)(ctx, _zebra.condition, ['params'], params) : _zebra && params.node.rowIndex % 2 === 0;
     return condition ? {
       'background-color': _zebra.color || _zebra
-    } : {
-      'background-color': '#fff'
-    };
+    } : {};
   });
   var _readFilter = (0, _ahooks.useMemoizedFn)(function (params, filters) {
     ctx.doAction(advance.events.onFilterChanged, {

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 ref = (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 ref.current;
+    return wrapperRef.current;
   });
   (0, _react.useImperativeHandle)(apiRef, function () {
     return {
       getInstance: function getInstance() {
-        return treeRef.current;
+        return instanceRef.current;
       }
     };
   });
@@ -149,6 +150,11 @@ 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",
@@ -159,8 +165,9 @@ var LCTree = function LCTree(_ref) {
     height: height,
     id: id,
     ldId: id,
-    ref: treeRef,
-    boxRef: ref,
+    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,
@@ -226,7 +233,7 @@ var LCTree = function LCTree(_ref) {
     onSelect: handleSelect,
     afterInit: afterInit
   }, events, props)));
-};
+});
 LCTree.propTypes = {
   /**
    * @name 唯一标识

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luck-design-biz/luckda",
-  "version": "1.0.1-13",
+  "version": "1.0.1-15",
   "description": "前端配置管理中心业务组件库",
   "scripts": {
     "start": "cross-env NODE_OPTIONS=--max-old-space-size=10240 USER_RUNTIME=SITE RUNTIME=dev umi dev",
@@ -84,7 +84,7 @@
     "@babel/traverse": "^7.24.1",
     "@luck-design-biz/base": "0.0.49-14",
     "@luck-design-biz/bpm": "0.0.7-1",
-    "@luck-helper/ui-design": "0.0.6-2",
+    "@luck-helper/ui-design": "0.0.6-3",
     "@types/classnames": "^2.3.1",
     "@types/express": "^4.17.14",
     "@types/history": "^4.7.11",