@luck-design-biz/luckda 1.0.1 → 1.0.2

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

@@ -27,7 +27,6 @@ var _RuntimeComp = _interopRequireDefault(require("../JSX/RuntimeComp"));
 var _useCombinedRefs = _interopRequireDefault(require("../../../engine/tools/useCombinedRefs"));
 var _formPropsDefault = _interopRequireDefault(require("../../../engine/meta/form.props.default.json"));
 var _constants = require("../../../constants");
-var _index2 = _interopRequireDefault(require("./index.less"));
 var _excluded = ["advance", "state", "render"];
 var _I18N_PREFIX_ = 'lc.form.validator';
 var Header = function Header(_ref2) {
@@ -64,7 +63,7 @@ var getMthodParams = function getMthodParams(methodStr) {
   return [];
 };
 var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
-  var _ctx$state2, _promiseRef$current2;
+  var _ctx$state2;
   var id = _ref3.id,
     className = _ref3.className,
     blocks = _ref3.blocks,
@@ -73,6 +72,7 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
     readOnly = _ref3.readOnly,
     showSave = _ref3.showSave,
     saveTitle = _ref3.saveTitle,
+    affixBarZIndex = _ref3.affixBarZIndex,
     getContainer = _ref3.getContainer,
     settingLayout = _ref3.settingLayout,
     renderFormLeft = _ref3.renderFormLeft,
@@ -118,12 +118,17 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
        * 提交表格数据
        * @method
        */
-      submit: function submit() {
-        return new Promise(function (resolve) {
+      submit: function submit(_formMode) {
+        return new Promise(function (resolve, reject) {
           var _ctx$state;
-          promiseRef.current = resolve;
+          promiseRef.current = {
+            resolve: resolve,
+            reject: reject
+          };
           var instance = formRef.current;
-          var _ref5 = ((_ctx$state = ctx.state) === null || _ctx$state === void 0 ? void 0 : _ctx$state[id]) || initData || _initData || {},
+          var _ref5 = _formMode ? {
+              formMode: _formMode
+            } : ((_ctx$state = ctx.state) === null || _ctx$state === void 0 ? void 0 : _ctx$state[id]) || initData || _initData || {},
             formMode = _ref5.formMode;
           if (formMode === 'add') {
             instance.onAdd();
@@ -414,21 +419,29 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
         };
         if (item.type === 'auto') data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
           col: item.cols
-        });else data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
-          suppressPreset: item.suppressPreset,
-          height: item.height,
-          bordered: item.bordered,
-          draggable: item.draggable,
-          orderByAdd: item.orderByAdd,
-          hideActionsColumn: item.suppressActions,
-          actionsWidth: item.actionsColumnWidth,
-          columnsReset: function columnsReset(columns) {
-            return handleColumnsReset(item.columnsReset, columns);
-          },
-          onGridFormReady: function onGridFormReady(_ref, params, gridForm) {
-            return handleGridFormReady(item.onGridFormReady, _ref, params, gridForm);
+        });else {
+          data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+            suppressPreset: item.suppressPreset,
+            height: item.height,
+            bordered: item.bordered,
+            draggable: item.draggable,
+            orderByAdd: item.orderByAdd,
+            hideActionsColumn: item.suppressActions,
+            actionsWidth: item.actionsColumnWidth,
+            operates: item.operates ? function (ops) {
+              return (0, _lodash.xor)(ops, (0, _lodash.xor)(['add', 'delete', 'update'], item.operates));
+            } : null,
+            columnsReset: function columnsReset(columns) {
+              return handleColumnsReset(item.columnsReset, columns);
+            },
+            onGridFormReady: function onGridFormReady(_ref, params, gridForm) {
+              return handleGridFormReady(item.onGridFormReady, _ref, params, gridForm);
+            }
+          });
+          if (item.suppressbatch) {
+            data.rowSelection = false;
           }
-        });
+        }
         if (item.actionsColumnReset) data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
           resetActionsColumn: function resetActionsColumn(data, index, actions, params) {
             return handleResetActionsColumn(item.actionsColumnReset, data, index, actions, params);
@@ -563,7 +576,7 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
     wrapperRef: wrapperRef,
     id: id,
     ldId: id,
-    className: (0, _classnames.default)(_index2.default['lc-component-form'], (0, _defineProperty2.default)({}, className, !!className)),
+    className: (0, _classnames.default)('lc-component-form', (0, _defineProperty2.default)({}, className, !!className)),
     renderFormList: renderFormList,
     renderFormExtra: renderFormExtra,
     mainFormLdId: "block_main",
@@ -573,6 +586,7 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
     showSaveBtn: showSave,
     saveBtnTitle: saveTitle,
     affixLayout: settingLayout,
+    affixBarZIndex: affixBarZIndex,
     renderAffixLeft: function renderAffixLeft() {
       return renderAffix(renderFormLeft);
     },
@@ -585,15 +599,18 @@ var LCForm = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
     onChildChange: onChildChange,
     setVerifyRules: setVerifyRules,
     getContainer: (0, _lodash.isNil)(getContainer) ? null : ctx.componentMap.get(getContainer).api.getSelfDom,
-    afterSubmitLoading: function afterSubmitLoading() {
+    afterSubmitLoading: function afterSubmitLoading(res) {
       var _promiseRef$current;
-      for (var _len5 = arguments.length, rest = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-        rest[_key5] = arguments[_key5];
-      }
-      return (_promiseRef$current = promiseRef.current) === null || _promiseRef$current === void 0 ? void 0 : _promiseRef$current.call.apply(_promiseRef$current, [promiseRef].concat(rest));
+      (_promiseRef$current = promiseRef.current) === null || _promiseRef$current === void 0 || _promiseRef$current.resolve(res);
+      promiseRef.current = null;
     },
     afterInit: afterInit,
-    validateErrorCallback: (_promiseRef$current2 = promiseRef.current) === null || _promiseRef$current2 === void 0 ? void 0 : _promiseRef$current2.call(promiseRef)
+    validateErrorCallback: function validateErrorCallback() {
+      var _promiseRef$current2;
+      (_promiseRef$current2 = promiseRef.current) === null || _promiseRef$current2 === void 0 || _promiseRef$current2.reject();
+      promiseRef.current = null;
+    },
+    showConfigBtn: false
   }));
 });
 LCForm.defaultProps = (0, _helper.omitBadProps)(_formPropsDefault.default);

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

@@ -66,7 +66,8 @@
               ["id", "page_root"],
               ["meta.group", "container"],
               ["meta.group", "build-in"]
-            ]
+            ],
+            "default": "page_content"
           },
           {
             "key": "renderFormLeft",
@@ -203,8 +204,18 @@
           "type": "_BlockEditor",
           "wrapper": "hidden",
           "default": {
-            "form": { "readOnly": false, "col": 4 },
-            "table": {
+            "auto": { "readOnly": false, "cols": 4 },
+            "grid": {
+              "readOnly": false,
+              "suppressPreset": false,
+              "height": "100%",
+              "bordered": false,
+              "draggable": false,
+              "orderByAdd": "asc",
+              "suppressActions": false,
+              "actionsColumnWidth": 160
+            },
+            "writer": {
               "readOnly": false,
               "suppressPreset": false,
               "height": "100%",
@@ -261,6 +272,11 @@
               }
             ],
             "_grid_props": [
+              {
+                "key": "height",
+                "name": "高度",
+                "type": "_WidthHeight"
+              },
               {
                 "key": "readOnly",
                 "name": "只读",
@@ -271,11 +287,6 @@
                 "name": "关闭预设",
                 "type": "switch"
               },
-              {
-                "key": "height",
-                "name": "高度",
-                "type": "_WidthHeight"
-              },
               {
                 "key": "bordered",
                 "name": "边框线",
@@ -286,6 +297,11 @@
                 "name": "拖拽排序",
                 "type": "switch"
               },
+              {
+                "key": "suppressbatch",
+                "name": "关闭批量",
+                "type": "switch"
+              },
               {
                 "key": "orderByAdd",
                 "name": "排序方式",
@@ -301,6 +317,26 @@
                   }
                 ]
               },
+              {
+                "key": "operates",
+                "name": "基础操作",
+                "type": "checkbox",
+                "options": [
+                  {
+                    "label": "添加",
+                    "value": "add"
+                  },
+                  {
+                    "label": "删除",
+                    "value": "delete"
+                  },
+                  {
+                    "label": "修改",
+                    "value": "update"
+                  }
+                ],
+                "defaultValue": ["add", "delete", "update"]
+              },
               {
                 "key": "actionsColumn",
                 "name": "操作列",

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionPreview = function FunctionPreview(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionPreview;

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

@@ -0,0 +1,220 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ahooks = require("ahooks");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+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"));
+var _index = _interopRequireDefault(require("./index.less"));
+var TreeBox = _styledComponents.default.div.withConfig({
+  displayName: "TreeBox",
+  componentId: "luckda-6530__sc-83o9ul-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
+var Title = _styledComponents.default.div.withConfig({
+  displayName: "Title",
+  componentId: "luckda-6530__sc-83o9ul-1"
+})(["display:flex;align-items:center;justify-content:space-between;padding:0 8px;", ""], function (props) {
+  return props.$theme === 'base' ? "\n      height: 36px;\n      color: #1a1a1a;\n      font-weight: 500;\n      font-size: 16px;\n      border-bottom: 1px solid #f1f2f5;\n    " : "\n      height: 42px;\n      color: var(--ant-primary-color);\n      font-size: 14px;\n      border-bottom: 2px solid var(--ant-primary-color);\n    ";
+});
+var GroupTree = (0, _styledComponents.default)(_antd.Tree).withConfig({
+  displayName: "GroupTree",
+  componentId: "luckda-6530__sc-83o9ul-2"
+})([""]);
+var TreeNode = _antd.Tree.TreeNode;
+var LCGroupTree = function LCGroupTree(_ref) {
+  var id = _ref.id,
+    title = _ref.title,
+    groupClass = _ref.groupClass,
+    defaultExpandAll = _ref.defaultExpandAll,
+    onlySelectLeaf = _ref.onlySelectLeaf,
+    cancelSelect = _ref.cancelSelect,
+    defaultSelect = _ref.defaultSelect,
+    css = _ref.css,
+    advance = _ref.advance;
+  var ctx = (0, _ContextProvider.useContext)();
+  var ref = (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)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    selectedKeys = _useState4[0],
+    setSelectedKeys = _useState4[1];
+  var _useBoolean = (0, _ahooks.useBoolean)(false),
+    _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
+    loading = _useBoolean2[0],
+    _useBoolean2$ = _useBoolean2[1],
+    setTrue = _useBoolean2$.setTrue,
+    setFalse = _useBoolean2$.setFalse;
+  var latestOnlySelectLeaf = (0, _ahooks.useLatest)(onlySelectLeaf);
+  (0, _react.useEffect)(function () {
+    ctx.doAction(advance.events.onMount);
+    return function () {
+      return ctx.doAction(advance.events.onUnmount);
+    };
+  }, []);
+  var handleSelect = (0, _ahooks.useMemoizedFn)(function (_selectedKeys, e) {
+    if (cancelSelect || e.selected) {
+      setSelectedKeys(_selectedKeys);
+      ctx.doAction(advance.events.onSelect, {
+        selectedKeys: _selectedKeys,
+        e: e
+      });
+    }
+  });
+  (0, _ahooks.useAsyncEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var _yield$noAuthReadAllB, code, list, detail, treeData, firstNode, _selectKey;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(0, _lodash.isNil)(groupClass)) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return");
+        case 2:
+          setTrue();
+          _context.next = 5;
+          return (0, _services.noAuthReadAllBySkey)({
+            sclassKey: groupClass
+          });
+        case 5:
+          _yield$noAuthReadAllB = _context.sent;
+          code = _yield$noAuthReadAllB.code;
+          list = _yield$noAuthReadAllB.list;
+          detail = _yield$noAuthReadAllB.detail;
+          if (code === 1 && list.length > 0) {
+            treeData = (0, _utils.dataToTree)(list.map(function (_id) {
+              return detail[_id];
+            }));
+            firstNode = latestOnlySelectLeaf.current ? (0, _helper.findFirstLeafNode)(treeData[0]) : treeData[0];
+            if (!(0, _lodash.isNil)(defaultSelect)) {
+              _selectKey = (0, _helper.executeCode)(ctx, defaultSelect, ['treeData', 'firstNode'], treeData, firstNode);
+              if (_selectKey) {
+                handleSelect([_selectKey], {
+                  selected: true,
+                  selectedNodes: [detail[_selectKey]]
+                });
+              }
+            }
+            setDataSource(treeData);
+          } else {
+            setDataSource(null);
+          }
+          setFalse();
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [groupClass]);
+  var renderTreeNode = (0, _ahooks.useMemoizedFn)(function (items) {
+    return items.map(function (item) {
+      var _item$children;
+      if (((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
+        return /*#__PURE__*/_react.default.createElement(TreeNode, {
+          title: item.sname,
+          key: item.id,
+          dataRef: item,
+          selectable: !onlySelectLeaf,
+          disabled: onlySelectLeaf
+        }, renderTreeNode(item.children));
+      }
+      return /*#__PURE__*/_react.default.createElement(TreeNode, {
+        title: item.sname,
+        key: item.id,
+        dataRef: item,
+        selectable: true,
+        isLeaf: true
+      });
+    });
+  });
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    displayName: "GroupTree",
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement(TreeBox, {
+    ref: ref,
+    $css: css,
+    className: _index.default['lc-component-grouptree']
+  }, title ? /*#__PURE__*/_react.default.createElement(Title, {
+    $theme: document.body.getAttribute('luck-theme')
+  }, title) : null, /*#__PURE__*/_react.default.createElement(_antd.Spin, {
+    spinning: loading,
+    wrapperClassName: (0, _classnames.default)(_index.default['lc-component-grouptree-spin'], (0, _defineProperty2.default)({}, _index.default.hasTitle, !!title))
+  }, dataSource ? /*#__PURE__*/_react.default.createElement(GroupTree, {
+    blockNode: true,
+    defaultExpandAll: defaultExpandAll,
+    selectedKeys: selectedKeys,
+    onSelect: handleSelect
+  }, renderTreeNode(dataSource)) : /*#__PURE__*/_react.default.createElement(_antd.Empty, {
+    style: {
+      margin: '8px 0'
+    }
+  }))));
+};
+LCGroupTree.propTypes = {
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
+   */
+  id: _propTypes.default.string.isRequired,
+  /**
+   * @name 标题
+   * @type string
+   * @disabled true
+   */
+  title: _propTypes.default.string,
+  /**
+   * @name 组维度
+   * @type _GroupClassSelector
+   */
+  groupClass: _propTypes.default.string,
+  /**
+   * @name 默认展开全部
+   * @type switch
+   */
+  defaultExpandAll: _propTypes.default.bool,
+  /**
+   * @name 仅叶子可选
+   * @type switch
+   */
+  onlySelectLeaf: _propTypes.default.bool,
+  /**
+   * @name 允许取消选中
+   * @type switch
+   */
+  cancelSelect: _propTypes.default.bool,
+  /**
+   * @name 允许取消选中
+   * @type _JSEditor
+   */
+  defaultSelect: _propTypes.default.string
+};
+LCGroupTree.defaultProps = (0, _helper.omitBadProps)(_treePropsDefault.default);
+var _default = exports.default = LCGroupTree;

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

@@ -0,0 +1,12 @@
+.lc-component-grouptree {
+  overflow-y: auto;
+  &-spin.hasTitle {
+    height: calc(100% - 42px);
+    overflow-y: auto;
+  }
+
+  body[luck-theme='base'] &-spin.hasTitle {
+    height: calc(100% - 36px);
+    overflow-y: auto;
+  }
+}

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

@@ -0,0 +1,83 @@
+{
+  "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() {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "选中事件",
+        "desc": "节点选中事件",
+        "func": "function onSelect(selectedKeys, e) {\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -6,15 +6,38 @@ 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 _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 +46,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;