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

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

@@ -17,7 +17,7 @@ var _antd = require("luck-design/antd");
 var _lodash = require("lodash");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _services = require("@luck-design-biz/base/sys/services");
+var _services = require("@luck-design-biz/base/lib/sys/services");
 var _utils = require("@luck-design-biz/base/utils");
 var _helper = require("../../../engine/tools/helper");
 var _treePropsDefault = _interopRequireDefault(require("../../../engine/meta/tree.props.default.json"));
@@ -154,7 +154,10 @@ var LCGroupTree = function LCGroupTree(_ref) {
   }, title ? /*#__PURE__*/_react.default.createElement(Title, {
     $theme: document.body.getAttribute('luck-theme')
   }, title) : null, /*#__PURE__*/_react.default.createElement(_antd.Spin, {
-    spinning: loading
+    spinning: loading,
+    style: {
+      height: 'fit-content'
+    }
   }, dataSource ? /*#__PURE__*/_react.default.createElement(GroupTree, {
     blockNode: true,
     defaultExpandAll: defaultExpandAll,
@@ -167,41 +170,41 @@ var LCGroupTree = function LCGroupTree(_ref) {
   }))));
 };
 LCGroupTree.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: _propTypes.default.string.isRequired,
-  /**
-   * @name 标题
-   * @type string
-   * @disabled true
+  /**
+   * @name 标题
+   * @type string
+   * @disabled true
    */
   title: _propTypes.default.string,
-  /**
-   * @name 组维度
-   * @type _GroupClassSelector
+  /**
+   * @name 组维度
+   * @type _GroupClassSelector
    */
   groupClass: _propTypes.default.string,
-  /**
-   * @name 默认展开全部
-   * @type switch
+  /**
+   * @name 默认展开全部
+   * @type switch
    */
   defaultExpandAll: _propTypes.default.bool,
-  /**
-   * @name 仅叶子可选
-   * @type switch
+  /**
+   * @name 仅叶子可选
+   * @type switch
    */
   onlySelectLeaf: _propTypes.default.bool,
-  /**
-  * @name 允许取消选中
-  * @type switch
-  */
+  /**
+   * @name 允许取消选中
+   * @type switch
+   */
   cancelSelect: _propTypes.default.bool,
-  /**
-   * @name 允许取消选中
-   * @type _JSEditor
+  /**
+   * @name 允许取消选中
+   * @type _JSEditor
    */
   defaultSelect: _propTypes.default.string
 };

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

@@ -1,89 +1,89 @@
-{
-  "component": "GroupTree",
-  "name": "组织树",
-  "desc": "用于展示组织维度层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能。",
-  "icon": "icon-tree",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "name": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "title",
-      "name": "标题",
-      "desc": "头部标题",
-      "type": "_I18nInput"
-    },
-    {
-      "key": "groupClass",
-      "name": "组维度",
-      "type": "_GroupClassSelector"
-    },
-    {
-      "key": "defaultExpandAll",
-      "name": "默认展开全部",
-      "type": "switch",
-      "default": true
-    },
-    {
-      "key": "onlySelectLeaf",
-      "name": "仅叶子可选",
-      "desc": "仅叶子节点可被选中，父节点不可选中",
-      "type": "switch",
-      "default": true
-    },
-    {
-      "key": "cancelSelect",
-      "name": "允许取消选中",
-      "desc": "是否可以取消选中",
-      "type": "switch",
-      "default": false
-    },
-    {
-      "key": "defaultSelect",
-      "name": "默认选中",
-      "desc": "返回默认选中的数据主键",
-      "type": "_JSEditor",
-      "defaultCode": "function defaultSelect(treeData, firstNode) { \n return firstNode.id; \n}",
-      "mustConfirm": true,
-      "wrapper": "collapse",
-      "wrapperProps": {
-        "suppressIcon": true
-      }
-    }
-  ],
-  "css": "width: 100%; height: 100%;",
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "function onMount(params) {\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "function onUnmount() {\n\t\n}"
-      },
-      {
-        "key": "onDoubleClick",
-        "name": "双击事件",
-        "desc": "树节点双击事件",
-        "func": "function onDoubleClick(e, rowData) {\n\t\n}"
-      },
-      {
-        "key": "onSelect",
-        "name": "选中事件",
-        "desc": "节点选中事件",
-        "func": "function onSelect(checkedKeys, e) {\n\t\n}"
-      }
-    ]
-  }
-}
+{
+  "component": "GroupTree",
+  "name": "组织树",
+  "desc": "用于展示组织维度层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "头部标题",
+      "type": "_I18nInput"
+    },
+    {
+      "key": "groupClass",
+      "name": "组维度",
+      "type": "_GroupClassSelector"
+    },
+    {
+      "key": "defaultExpandAll",
+      "name": "默认展开全部",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "onlySelectLeaf",
+      "name": "仅叶子可选",
+      "desc": "仅叶子节点可被选中，父节点不可选中",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "cancelSelect",
+      "name": "允许取消选中",
+      "desc": "是否可以取消选中",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "defaultSelect",
+      "name": "默认选中",
+      "desc": "返回默认选中的数据主键",
+      "type": "_JSEditor",
+      "defaultCode": "function defaultSelect(treeData, firstNode) { \n return firstNode.id; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
+    }
+  ],
+  "css": "width: 100%; height: 100%;",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount(params) {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      },
+      {
+        "key": "onDoubleClick",
+        "name": "双击事件",
+        "desc": "树节点双击事件",
+        "func": "function onDoubleClick(e, rowData) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "选中事件",
+        "desc": "节点选中事件",
+        "func": "function onSelect(checkedKeys, e) {\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -6,15 +6,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id"];
-var LCIfram = function LCIfram(_ref) {
+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({
+  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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
+  var parentRef = (0, _react.useRef)();
+  var isHovering = (0, _ahooks.useHover)(parentRef);
+  var _useFullscreen = (0, _ahooks.useFullscreen)(ref, {
+      pageFullscreen: true
+    }),
+    _useFullscreen2 = (0, _slicedToArray2.default)(_useFullscreen, 2),
+    isFullscreen = _useFullscreen2[0],
+    toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
   });
@@ -23,7 +47,34 @@ var LCIfram = function LCIfram(_ref) {
     displayName: "Iframe",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, "LCIfram"));
+    style: {
+      position: !isFullscreen ? 'relative' : 'static',
+      width: '100%',
+      height: '100%'
+    },
+    ref: parentRef
+  }, supportFullScreen && isHovering && /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: isFullscreen ? (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.components.fullscreen-exit.tip',
+      label: '退出全屏'
+    }) : (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.components.fullscreen.tip',
+      label: '全屏'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    type: isFullscreen ? 'fullscreen-exit' : 'fullscreen',
+    style: {
+      fontSize: 20,
+      position: isFullscreen ? 'fixed' : 'absolute',
+      top: 15,
+      right: 20,
+      zIndex: 9999999
+    },
+    onClick: toggleFullscreen
+  })), /*#__PURE__*/_react.default.createElement(StyledIframe, (0, _extends2.default)({}, props, {
+    ref: ref,
+    src: path,
+    $css: css
+  }))));
 };
-var _default = exports.default = LCIfram;
+var _default = exports.default = LCIframe;

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

@@ -1,33 +1,32 @@
-{
-  "component": "Iframe",
-  "name": "Iframe",
-  "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
-  "icon": "icon-iframe",
-  "group": "basic",
-  "groupName": "基础",
-  "hidden": true,
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "name": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "path",
-      "name": "网页路径",
-      "desc": "iframe打开的网页路径",
-      "type": "string"
-    },
-    {
-      "key": "supportFullScreen",
-      "name": "支持全屏",
-      "desc": "是否支持全屏展示",
-      "type": "boolean",
-      "default": true
-    }
-  ],
-  "css": "",
-  "advance": {}
-}
+{
+  "component": "Iframe",
+  "name": "Iframe",
+  "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
+  "icon": "icon-iframe",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "path",
+      "name": "网页路径",
+      "desc": "iframe打开的网页路径",
+      "type": "string"
+    },
+    {
+      "key": "supportFullScreen",
+      "name": "支持全屏",
+      "desc": "是否支持全屏展示",
+      "type": "switch",
+      "default": true
+    }
+  ],
+  "css": "background: white; width: 100%; height: 100%",
+  "advance": {}
+}

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

@@ -517,41 +517,41 @@ var LCImex = function LCImex(_ref) {
   }, "\u4E0B\u8F7D\u51FA\u9519\u8868\u683C\u4FE1\u606F") : ''))));
 };
 LCImex.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: _propTypes.default.string.isRequired,
-  /**
-   * @name 按钮标题
-   * @type string
-   * @default 12:3:9
+  /**
+   * @name 按钮标题
+   * @type string
+   * @default 12:3:9
    */
   title: _propTypes.default.string,
-  /**
-   * @name 按钮类型
-   * @type _ButtonType
-   * @default 'default'
+  /**
+   * @name 按钮类型
+   * @type _ButtonType
+   * @default 'default'
    */
   type: _propTypes.default.oneOf(['default', 'primary', 'dashed', 'danger']),
-  /**
-   * @name impexpSetting
-   * @type _ImpExpAlone
-   * @default { "customType": false, "customParam": null, "type": "export" }
+  /**
+   * @name impexpSetting
+   * @type _ImpExpAlone
+   * @default { "customType": false, "customParam": null, "type": "export" }
    */
   impexpSetting: _propTypes.default.object,
-  /**
-   * @name 按钮大小
-   * @type segmented
-   * @options [{ "label": "小", "value": "small"}, { "label": "中", "value": "middle" }, { "label": "大", "value": "large" }]
-   * @default 'default'
+  /**
+   * @name 按钮大小
+   * @type segmented
+   * @options [{ "label": "小", "value": "small"}, { "label": "中", "value": "middle" }, { "label": "大", "value": "large" }]
+   * @default 'default'
    */
   size: _propTypes.default.oneOf(['small', 'default', 'large']),
-  /**
-   * @name 将按钮宽度调整为其父宽度的选项
-   * @type boolean
-   * @default false
+  /**
+   * @name 将按钮宽度调整为其父宽度的选项
+   * @type boolean
+   * @default false
    */
   block: _propTypes.default.bool
 };

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

@@ -1,7 +1,7 @@
-.exportTheme {
-  color: var(--luck-color-primary);
-}
-
-.exportErrorTheme {
-  color: var(--luck-color-danger);
-}
+.exportTheme {
+  color: var(--luck-color-primary);
+}
+
+.exportErrorTheme {
+  color: var(--luck-color-danger);
+}