@luck-design-biz/luckda 1.0.1-12 → 1.0.1-14

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

@@ -5,7 +5,6 @@
   "group": "basic",
   "groupName": "基础",
   "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
-  "hidden": true,
   "order": 1,
   "props": [
     {
@@ -18,7 +17,7 @@
       "key": "src",
       "name": "图片地址",
       "desc": "图片地址",
-      "type": "_ImageUploder"
+      "type": "string"
     },
     {
       "key": "width",
@@ -27,6 +26,13 @@
       "type": "number",
       "default": 350
     },
+    {
+      "key": "autoWidth",
+      "name": "宽度自适应",
+      "desc": "是否图片宽度自适应",
+      "type": "switch",
+      "default": false
+    },
     {
       "key": "height",
       "name": "高度",
@@ -35,10 +41,10 @@
       "default": 200
     },
     {
-      "key": "autoWidth",
-      "name": "宽度自适应",
-      "desc": "是否图片宽度自适应",
-      "type": "boolean",
+      "key": "autoHeight",
+      "name": "高度自适应",
+      "desc": "是否图片高度自适应",
+      "type": "switch",
       "default": false
     },
     {
@@ -48,16 +54,16 @@
       "type": "select",
       "options": [
         {
-          "label": "铺满",
-          "value": "fill"
+          "label": "铺满（Cover）",
+          "value": "cover"
         },
         {
-          "label": "适合",
-          "value": "fit"
+          "label": "适合（Contain）",
+          "value": "contain"
         },
         {
-          "label": "拉伸",
-          "value": "Stretch"
+          "label": "拉伸（Fill）",
+          "value": "fill"
         }
       ],
       "default": "fill"
@@ -66,8 +72,36 @@
       "key": "roundRadios",
       "name": "圆角",
       "desc": "图片四周圆角大小,可设置“0 1px 2px 3px",
-      "type": "string",
-      "default": "0"
+      "type": "select",
+      "options": [
+        {
+          "label": "大（16px）",
+          "value": "16px"
+        },
+        {
+          "label": "中（8px）",
+          "value": "8px"
+        },
+        {
+          "label": "小（4px）",
+          "value": "4px"
+        },
+        {
+          "label": "无（0px）",
+          "value": "0px"
+        },
+        {
+          "label": "自定义",
+          "value": ""
+        }
+      ],
+      "default": ""
+    },
+    {
+      "key": "borderRadios",
+      "name": "圆角大小",
+      "desc": "自定义圆角大小",
+      "type": "string"
     },
     {
       "key": "title",
@@ -85,7 +119,7 @@
       "key": "preview",
       "name": "开启图片预览",
       "desc": "是否开启点击打开图片预览",
-      "type": "boolean",
+      "type": "switch",
       "default": false
     }
   ],
@@ -107,7 +141,7 @@
       {
         "key": "onClick",
         "name": "点击事件",
-        "desc": "点击文本时，执行方法",
+        "desc": "点击图片时，执行方法",
         "func": "(e)=>{\n\t\n}"
       }
     ]

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

@@ -1,14 +1,53 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id"];
-import React, { useRef } from 'react';
+var _excluded = ["id", "css", "onClick", "advance"];
+import React, { useEffect, useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import { omitBadProps } from "../../../engine/tools/helper";
 import defaultMeta from "../../../engine/meta/link.props.default.json";
 import Wrapper from "../Wrapper";
+import styled from 'styled-components';
+import { useContext } from "../../../engine/provider/ContextProvider";
+import { RUNTIME } from "../../../constants";
+var StyledLink = styled.a.withConfig({
+  displayName: "StyledLink",
+  componentId: "luckda-6530__sc-13gzda1-0"
+})(["display:", ";max-width:", ";white-space:", ";overflow:", ";text-overflow:", ";", ";"], function (props) {
+  return props.textOverflow && 'inline-block';
+}, function (props) {
+  return props.textOverflow && '100%';
+}, function (props) {
+  return props.textOverflow && 'nowrap';
+}, function (props) {
+  return props.textOverflow && 'hidden';
+}, function (props) {
+  return props.textOverflow && 'ellipsis';
+}, function (props) {
+  return props.$css;
+});
 var LCLink = function LCLink(_ref) {
   var id = _ref.id,
+    css = _ref.css,
+    onClick = _ref.onClick,
+    advance = _ref.advance,
     props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
+  var ctx = useContext();
+  useEffect(function () {
+    ctx.doAction(advance.events.onMount);
+    return function () {
+      return ctx.doAction(advance.events.onUnmount);
+    };
+  }, []);
+  var handleClick = useMemoizedFn(function (e) {
+    if (onClick) {
+      onClick(e);
+      return;
+    }
+    ctx.doAction(advance.events.onClick, {
+      e: e
+    });
+  });
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;
   });
@@ -16,9 +55,18 @@ var LCLink = function LCLink(_ref) {
     id: id,
     displayName: "Link",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, "LCLink"));
+  }, /*#__PURE__*/React.createElement(StyledLink, _extends({
+    $css: css
+  }, props, {
+    ref: ref,
+    href: "".concat(props.url, "?").concat(props.params),
+    target: props.isBlank ? '_blank' : '_self',
+    title: props.textOverflow && props.content,
+    onClick: function onClick(e) {
+      handleClick(e);
+      ctx.runtime === RUNTIME.DESIGN && e.preventDefault();
+    }
+  }), props.content));
 };
 LCLink.defaultProps = omitBadProps(defaultMeta);
 export default LCLink;

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

@@ -0,0 +1,15 @@
+.alink {
+  display: inline-block;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  a {
+    display: inline-block;
+    max-width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}

package/es/lowcode/view/lc-components/Link/meta.json

@@ -5,7 +5,6 @@
   "group": "basic",
   "groupName": "基础",
   "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
-  "hidden": true,
   "order": 1,
   "props": [
     {
@@ -23,8 +22,8 @@
     {
       "key": "textOverflow",
       "name": "单行截断",
-      "desc": "文字超过一行，使甲...显示；开后此项后，同时会显示html标签的title",
-      "type": "boolean",
+      "desc": "文字超过一行，使用...显示；开后此项后，同时会显示html标签的title",
+      "type": "switch",
       "default": false
     },
     {
@@ -51,16 +50,16 @@
       "type": "string"
     },
     {
-      "key": "isLayer",
-      "name": "弹窗打开",
-      "desc": "是否以弹窗形式打开",
-      "type": "boolean",
-      "default": false
+      "key": "isBlank",
+      "name": "新开页面",
+      "desc": "是否新开页面",
+      "type": "switch",
+      "default": true
     },
     {
       "key": "params",
       "name": "携带参数",
-      "desc": "超链的携带参数",
+      "desc": "超链的携带参数，key=value形式，多个参数中间用&拼接，例如：pageNo=1&pageSize=20",
       "type": "string"
     },
     {

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

@@ -448,12 +448,12 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return resultComp;
   }, [topActionGroup, impexp]);
-  var renderFilterArea = useMemoizedFn(function () {
+  var renderFilterArea = useCallback(function () {
     return topFilter ? /*#__PURE__*/React.createElement(TopFilter, {
       filter: topFilter,
       instance: instanceRef
     }) : null;
-  });
+  }, [topFilter]);
   var _wrapperProps = useCreation(function () {
     return _defineProperty({
       id: id
@@ -464,9 +464,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var condition = _zebra !== null && _zebra !== void 0 && _zebra.condition ? executeCode(ctx, _zebra.condition, ['params'], params) : _zebra && params.node.rowIndex % 2 === 0;
     return condition ? {
       'background-color': _zebra.color || _zebra
-    } : {
-      'background-color': '#fff'
-    };
+    } : {};
   });
   var _readFilter = useMemoizedFn(function (params, filters) {
     ctx.doAction(advance.events.onFilterChanged, {

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

@@ -2,8 +2,8 @@ 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 = ["id", "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, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn, useCreation } from 'ahooks';
 import classNames from 'classnames';
@@ -13,13 +13,14 @@ import { suid } from '@luck-design-biz/base/utils';
 import { useContext } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
 import { LdTree } from "../../../../index";
+import useCombinedRefs from "../../../engine/tools/useCombinedRefs";
 import { omitBadProps, executeCode } from "../../../engine/tools/helper";
 import defaultMeta from "../../../engine/meta/tree.props.default.json";
+import { LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT } from "../../../constants";
 import styles from "./index.less";
 var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
-var LCTree = function LCTree(_ref) {
+var LCTree = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
-    wrapperRef = _ref.wrapperRef,
     className = _ref.className,
     dataset = _ref.dataset,
     width = _ref.width,
@@ -43,20 +44,20 @@ var LCTree = function LCTree(_ref) {
     defaultSelect = _ref.defaultSelect,
     props = _objectWithoutProperties(_ref, _excluded);
   var ctx = useContext();
-  var ref = useRef();
   var apiRef = useRef();
-  var treeRef = useRef();
+  var wrapperRef = useRef();
+  var instanceRef = useCombinedRefs(ref);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     selectedKeys = _useState2[0],
     setSelectedKeys = _useState2[1];
   var getTargetDom = useMemoizedFn(function () {
-    return ref.current;
+    return wrapperRef.current;
   });
   useImperativeHandle(apiRef, function () {
     return {
       getInstance: function getInstance() {
-        return treeRef.current;
+        return instanceRef.current;
       }
     };
   });
@@ -141,6 +142,11 @@ var LCTree = function LCTree(_ref) {
       doAction();
     }
   };
+  var _wrapperProps = useCreation(function () {
+    return _defineProperty({
+      id: id
+    }, LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT);
+  }, []);
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     displayName: "Tree",
@@ -151,8 +157,9 @@ var LCTree = function LCTree(_ref) {
     height: height,
     id: id,
     ldId: id,
-    ref: treeRef,
-    boxRef: ref,
+    ref: instanceRef,
+    wrapper: wrapperRef,
+    wrapperProps: _wrapperProps,
     className: classNames(styles['lc-component-tree'], _defineProperty({}, className, !!className)),
     dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
     showLine: showLine,
@@ -218,7 +225,7 @@ var LCTree = function LCTree(_ref) {
     onSelect: handleSelect,
     afterInit: afterInit
   }, events, props)));
-};
+});
 LCTree.propTypes = {
   /**
    * @name 唯一标识

package/lib/components/LDActions/index.less

@@ -1,3 +1,5 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 @spanDefault: #262626;
 @spanPrimary: var(--ant-primary-color);
 @spanDanger: #ff4d4f;
@@ -16,7 +18,7 @@
   }
 
   button.default {
-    background-color: white;
+    background-color: @component-background;
   }
   span.default {
     color: @spanDefault;