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

package/lib/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/lib/lowcode/view/lc-components/Link/index.js

@@ -6,17 +6,56 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _helper = require("../../../engine/tools/helper");
 var _linkPropsDefault = _interopRequireDefault(require("../../../engine/meta/link.props.default.json"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id"];
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _constants = require("../../../constants");
+var _excluded = ["id", "css", "onClick", "advance"];
+var StyledLink = _styledComponents.default.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 = (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;
   });
@@ -24,9 +63,18 @@ var LCLink = function LCLink(_ref) {
     id: id,
     displayName: "Link",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, "LCLink"));
+  }, /*#__PURE__*/_react.default.createElement(StyledLink, (0, _extends2.default)({
+    $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 === _constants.RUNTIME.DESIGN && e.preventDefault();
+    }
+  }), props.content));
 };
 LCLink.defaultProps = (0, _helper.omitBadProps)(_linkPropsDefault.default);
 var _default = exports.default = LCLink;

package/lib/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/lib/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/lib/lowcode/view/lc-components/Table/index.js

@@ -456,12 +456,12 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }
     return resultComp;
   }, [topActionGroup, impexp]);
-  var renderFilterArea = (0, _ahooks.useMemoizedFn)(function () {
+  var renderFilterArea = (0, _react.useCallback)(function () {
     return topFilter ? /*#__PURE__*/_react.default.createElement(_TopFilter.default, {
       filter: topFilter,
       instance: instanceRef
     }) : null;
-  });
+  }, [topFilter]);
   var _wrapperProps = (0, _ahooks.useCreation)(function () {
     return (0, _defineProperty2.default)({
       id: id
@@ -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-12",
+  "version": "1.0.1-14",
   "description": "前端配置管理中心业务组件库",
   "scripts": {
     "start": "cross-env NODE_OPTIONS=--max-old-space-size=10240 USER_RUNTIME=SITE RUNTIME=dev umi dev",
@@ -82,9 +82,9 @@
     "@babel/plugin-transform-strict-mode": "^7.18.6",
     "@babel/polyfill": "^7.12.1",
     "@babel/traverse": "^7.24.1",
-    "@luck-design-biz/base": "0.0.49-12",
-    "@luck-design-biz/bpm": "0.0.5",
-    "@luck-helper/ui-design": "0.0.6",
+    "@luck-design-biz/base": "0.0.49-14",
+    "@luck-design-biz/bpm": "0.0.7-1",
+    "@luck-helper/ui-design": "0.0.6-3",
     "@types/classnames": "^2.3.1",
     "@types/express": "^4.17.14",
     "@types/history": "^4.7.11",
@@ -127,7 +127,7 @@
     "js-cookie": "^2.2.1",
     "jsdom-global": "^3.0.2",
     "lint-staged": "^11.2.6",
-    "luck-design": "0.1.80",
+    "luck-design": "0.1.80-3",
     "monaco-editor-webpack-plugin": "6.*.*",
     "node-fetch": "^2.6.7",
     "nprogress": "^0.2.0",