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

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

@@ -5,7 +5,6 @@
   "icon": "icon-cardlist",
   "group": "advance",
   "groupName": "高级",
-  "hidden": true,
   "order": 1,
   "props": [
     {
@@ -32,77 +31,265 @@
     },
     {
       "key": "autoLoad",
-      "name": "首次数据自动加载",
+      "name": "自动加载",
       "desc": "首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭",
-      "type": "boolean",
+      "type": "switch",
       "default": true
     },
     {
       "key": "readOnly",
-      "name": "是否只读",
-      "desc": "卡片列表是否只读",
-      "type": "boolean",
+      "name": "只读",
+      "type": "switch",
       "default": false
     },
     {
-      "key": "isFlow",
-      "name": "是否流式",
-      "desc": "是否流式（不分页）",
-      "type": "boolean",
+      "key": "draggable",
+      "name": "拖拽排序",
+      "type": "switch",
       "default": false
     },
     {
-      "key": "defaultPageSize",
-      "name": "默认分页数",
-      "desc": "isFlow为false时设置，默认单页分页数",
+      "key": "col",
+      "name": "列数",
       "type": "number",
-      "default": 30
+      "default": 4
     },
     {
-      "key": "batchOperations",
-      "name": "批量操作",
-      "desc": "批量操作配置",
-      "type": "_CardListActionSelector"
-    },
-    {
-      "key": "actionTitle",
-      "name": "操作列标题",
-      "desc": "操作列的标题",
-      "type": "_I18nInput",
-      "default": "操作列"
+      "key": "paginationSetting",
+      "name": "分页设置",
+      "type": "group",
+      "props": [
+        {
+          "key": "pagination",
+          "name": "开启分页",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "pageSize",
+          "name": "每页行数",
+          "type": "number",
+          "default": 40
+        }
+      ]
     },
     {
-      "key": "actionWidth",
-      "name": "操作列宽度",
-      "desc": "操作列宽度设置",
-      "type": "number",
-      "default": 100
+      "key": "styleSetting",
+      "name": "视觉设置",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "视觉设置",
+        "props": [
+          {
+            "key": "nocardBoxborder",
+            "name": "无边框风格",
+            "type": "switch",
+            "default": false
+          },
+          {
+            "key": "showAvatar",
+            "name": "显示图标",
+            "type": "switch",
+            "default": true
+          },
+          {
+            "key": "avatarUrl",
+            "name": "图标地址",
+            "type": "_JSEditor",
+            "defaultCode": "function avatarUrl(record) { \n return null; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          },
+          {
+            "key": "showTitle",
+            "name": "显示标题",
+            "type": "switch",
+            "default": true
+          },
+          {
+            "key": "renderTitle",
+            "name": "标题内容",
+            "type": "_JSEditor",
+            "defaultCode": "function renderTitle(record) { \n return record.sname; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          },
+          {
+            "key": "showDesc",
+            "name": "显示描述",
+            "type": "switch",
+            "default": true
+          },
+          {
+            "key": "describeLines",
+            "name": "描述最大展示行",
+            "type": "number",
+            "default": 2
+          },
+          {
+            "key": "renderDescribe",
+            "name": "描述内容",
+            "type": "_JSEditor",
+            "defaultCode": "function renderDescribe(record) { \n return record.describe; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          },
+          {
+            "key": "renderContent",
+            "name": "自定义",
+            "type": "_JSEditor",
+            "defaultCode": "function renderContent(record) { \n return null; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          }
+        ]
+      }
     },
     {
-      "key": "actionHidden",
-      "name": "操作列是否隐藏",
-      "desc": "操作列是否隐藏",
-      "type": "boolean",
-      "default": false
+      "key": "addCard",
+      "name": "新增卡片设置",
+      "type": "group",
+      "props": [
+        {
+          "key": "showAddCard",
+          "name": "展示新增卡片",
+          "type": "switch",
+          "default": false
+        },
+        {
+          "key": "addCardHeight",
+          "name": "新增卡片高度",
+          "type": "number",
+          "default": 240
+        },
+        {
+          "key": "addCardWords",
+          "name": "新增卡片内容",
+          "type": "string",
+          "default": "新建"
+        }
+      ]
     },
     {
-      "key": "maxWebShownActionCount",
-      "name": "操作列最大展示数",
-      "desc": "操作列最大展示数,超出最大数变为最大展示数-1+更多",
-      "type": "number",
-      "default": 2
+      "key": "topSetting",
+      "name": "顶部操作",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "顶部操作",
+        "props": [
+          {
+            "key": "topActionGroup",
+            "name": "顶部按钮组",
+            "type": "_ActionsEditor",
+            "default": {
+              "display": "button",
+              "max": 2,
+              "moreText": "操作",
+              "todoList": []
+            },
+            "defaultCode": "function todo() { \n \n}",
+            "wrapper": "collapse"
+          },
+          {
+            "key": "topFilter",
+            "name": "顶部过滤器",
+            "type": "_TableTopFilter",
+            "wrapper": "collapse"
+          }
+        ]
+      }
     },
     {
-      "key": "actions",
-      "name": "操作项",
-      "desc": "单行操作项",
-      "type": "_ActionSelector"
+      "key": "batchOperations_group",
+      "name": "批量操作",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "批量操作",
+        "props": [
+          {
+            "key": "rowSelection",
+            "name": "开启选择器",
+            "type": "switch",
+            "default": false
+          },
+          {
+            "key": "disabledCheckbox",
+            "name": "不可选卡片",
+            "type": "_JSEditor",
+            "defaultCode": "function disabledCheckbox(record) { \n return false; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          },
+          {
+            "key": "batchOperations",
+            "name": "卡片操作项",
+            "type": "_ActionsEditor",
+            "default": {
+              "todoList": []
+            },
+            "suppressDisplay": true,
+            "suppressMore": true,
+            "suppressMax": true,
+            "defaultCode": "function onActionClick(data, params) {\n\n}",
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          }
+        ]
+      }
     },
     {
-      "key": "batchActions",
-      "name": "批量操作项",
-      "desc": "批量操作项",
-      "type": "_ActionSelector"
+      "key": "actionsColumn",
+      "name": "操作列",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "操作列",
+        "props": [
+          {
+            "key": "suppressActions",
+            "name": "隐藏操作列",
+            "type": "switch",
+            "default": false
+          },
+          {
+            "key": "actions",
+            "name": "卡片操作项",
+            "type": "_ActionsEditor",
+            "default": {
+              "max": 3,
+              "todoList": []
+            },
+            "suppressDisplay": true,
+            "suppressMore": true,
+            "suppressIcon": false,
+            "defaultCode": "function onActionClick(data, params) {\n\n}",
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          }
+        ]
+      }
     }
   ],
   "advance": {
@@ -117,38 +304,32 @@
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onBatchOperationsClick",
-        "name": "批量操作点击",
-        "desc": "点击操作的回调函数",
-        "func": "(key, selectedRows)=>{\n\t\n}"
+        "func": "()=>{\n\t\n}"
       },
       {
-        "key": "onActionClick",
-        "name": "操作列点击",
-        "desc": "点击操作的回调函数",
-        "func": "(itemData)=>{\n\t\n}"
+        "key": "onAddCardClick",
+        "name": "新增卡片点击",
+        "desc": "点击新增卡片行时，执行方法",
+        "func": "()=>{\n\t\n}"
       },
       {
-        "key": "actionRender",
-        "name": "操作列定制渲染",
-        "desc": "返回为false时，该操作不可见",
-        "func": "(title, rowData)=>{\n\t\n}"
+        "key": "onCardClick",
+        "name": "卡片单击",
+        "desc": "单击卡片行时，执行方法",
+        "func": "(data, e)=>{\n\t\n}"
       },
       {
-        "key": "onRowClick",
-        "name": "行单击",
-        "desc": "单击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
+        "key": "onCardDelete",
+        "name": "卡片删除",
+        "desc": "单击卡片删除图标，执行方法",
+        "func": "(data, e)=>{\n\t\n}"
       },
       {
-        "key": "onCardRender",
-        "name": "操作列点击",
-        "desc": "点击操作的回调函数",
-        "func": "(itemData)=>{\n\t\n}"
+        "key": "onDrop",
+        "name": "拖拽事件",
+        "desc": "节点拖拽事件",
+        "func": "function onDrop(dragNodeProps, targetNodeProps, evt) {\n\t\n}"
       }
     ]
   }
-}
+}

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

@@ -9,7 +9,7 @@ import { Tree, Empty, Spin } from 'luck-design/antd';
 import { isNil } from 'lodash';
 import { useContext } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
-import { noAuthReadAllBySkey } from '@luck-design-biz/base/sys/services';
+import { noAuthReadAllBySkey } from '@luck-design-biz/base/lib/sys/services';
 import { dataToTree } from '@luck-design-biz/base/utils';
 import { omitBadProps, executeCode, findFirstLeafNode } from "../../../engine/tools/helper";
 import defaultMeta from "../../../engine/meta/tree.props.default.json";

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

@@ -1,12 +1,36 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id"];
+var _excluded = ["id", "path", "css", "supportFullScreen"];
 import React, { useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
+import { useMemoizedFn, useFullscreen, useHover } from 'ahooks';
+import { Icon, Tooltip } from 'luck-design/antd';
+import styled from 'styled-components';
 import Wrapper from "../Wrapper";
-var LCIfram = function LCIfram(_ref) {
+import { useContext } from "../../../engine/provider/ContextProvider";
+import { RUNTIME } from "../../../constants";
+import { formatMessage } from '@luck-design-biz/base/utils';
+var StyledIframe = styled.iframe.withConfig({
+  displayName: "StyledIframe",
+  componentId: "luckda-6530__sc-82q9mj-0"
+})(["border:none;", ""], function (props) {
+  return props.$css;
+});
+var LCIframe = function LCIframe(_ref) {
   var id = _ref.id,
+    path = _ref.path,
+    css = _ref.css,
+    supportFullScreen = _ref.supportFullScreen,
     props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
+  var parentRef = useRef();
+  var isHovering = useHover(parentRef);
+  var _useFullscreen = useFullscreen(ref, {
+      pageFullscreen: true
+    }),
+    _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+    isFullscreen = _useFullscreen2[0],
+    toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;
   });
@@ -15,7 +39,34 @@ var LCIfram = function LCIfram(_ref) {
     displayName: "Iframe",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, "LCIfram"));
+    style: {
+      position: !isFullscreen ? 'relative' : 'static',
+      width: '100%',
+      height: '100%'
+    },
+    ref: parentRef
+  }, supportFullScreen && isHovering && /*#__PURE__*/React.createElement(Tooltip, {
+    title: isFullscreen ? formatMessage({
+      id: 'luckda.lowcode.painter.components.fullscreen-exit.tip',
+      label: '退出全屏'
+    }) : formatMessage({
+      id: 'luckda.lowcode.painter.components.fullscreen.tip',
+      label: '全屏'
+    })
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: isFullscreen ? 'fullscreen-exit' : 'fullscreen',
+    style: {
+      fontSize: 20,
+      position: isFullscreen ? 'fixed' : 'absolute',
+      top: 15,
+      right: 20,
+      zIndex: 9999999
+    },
+    onClick: toggleFullscreen
+  })), /*#__PURE__*/React.createElement(StyledIframe, _extends({}, props, {
+    ref: ref,
+    src: path,
+    $css: css
+  }))));
 };
-export default LCIfram;
+export default LCIframe;

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

@@ -5,7 +5,6 @@
   "icon": "icon-iframe",
   "group": "basic",
   "groupName": "基础",
-  "hidden": true,
   "order": 1,
   "props": [
     {
@@ -24,10 +23,10 @@
       "key": "supportFullScreen",
       "name": "支持全屏",
       "desc": "是否支持全屏展示",
-      "type": "boolean",
+      "type": "switch",
       "default": true
     }
   ],
-  "css": "",
+  "css": "background: white; width: 100%; height: 100%",
   "advance": {}
 }

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

@@ -1,12 +1,44 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id"];
+var _excluded = ["id", "src", "css"];
 import React, { useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
+import { useHover, useMemoizedFn, useSetState } from 'ahooks';
+import styled from 'styled-components';
+import { ImgPreview } from 'luck-design';
 import Wrapper from "../Wrapper";
+import styles from "./index.less";
+import { Icon } from 'luck-design/antd';
+var StyledImage = styled.img.withConfig({
+  displayName: "StyledImage",
+  componentId: "luckda-6530__sc-k6wbym-0"
+})(["width:", ";height:", ";object-fit:", ";cursor:", ";border-radius:", ";", ""], function (props) {
+  return props.autoWidth ? 'auto' : "".concat(props.width, "px");
+}, function (props) {
+  return props.autoHeight ? 'auto' : "".concat(props.height, "px");
+}, function (props) {
+  return props.fit;
+}, function (props) {
+  return props.preview && 'pointer';
+}, function (props) {
+  return props.roundRadios || "".concat(props.borderRadios, "px");
+}, function (props) {
+  return props.$css;
+});
 var LCImage = function LCImage(_ref) {
   var id = _ref.id,
+    src = _ref.src,
+    css = _ref.css,
     props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
+  var isHovering = useHover(ref);
+  var _useSetState = useSetState({
+      visible: false,
+      images: []
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;
   });
@@ -14,8 +46,32 @@ var LCImage = function LCImage(_ref) {
     id: id,
     displayName: "Image",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, "LCImage"));
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: props.preview && styles['lc-component-image'],
+    ref: ref,
+    onClick: props.preview ? function () {
+      return setState({
+        visible: true,
+        images: [{
+          src: src
+        }]
+      });
+    } : {}
+  }, /*#__PURE__*/React.createElement(StyledImage, _extends({
+    src: src,
+    $css: css
+  }, props)), props.preview && isHovering && /*#__PURE__*/React.createElement(Icon, {
+    type: "search",
+    className: styles.search
+  })), /*#__PURE__*/React.createElement(ImgPreview, {
+    visible: state.visible,
+    images: state.images,
+    activeIndex: 0,
+    onClose: function onClose() {
+      return setState({
+        visible: false
+      });
+    }
+  })));
 };
 export default LCImage;

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

@@ -0,0 +1,27 @@
+.lc-component-image {
+  position: relative;
+  width: fit-content;
+  cursor: pointer;
+
+  .search {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+  }
+
+  &:hover {
+    &::before {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      margin: -16px 0 0 -16px;
+      width: 32px;
+      height: 32px;
+      background-color: rgba(51, 51, 51, 0.6);
+      border-radius: 16px 16px;
+    }
+  }
+}