@luck-design-biz/luckda 0.0.26 → 1.0.0-alpha

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

@@ -0,0 +1,107 @@
+{
+  "component": "Layout",
+  "name": "布局容器",
+  "icon": "icon-layout",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "columnRatio",
+      "name": "#列比例",
+      "desc": "表示列布局所占比例的比率",
+      "type": "_LayoutRatio",
+      "default": "12:3:9"
+    },
+    {
+      "key": "columnSpacing",
+      "name": "列间距",
+      "desc": "表示列之间的间距或距离",
+      "type": "select",
+      "options": [
+        {
+          "label": 24,
+          "value": 24
+        },
+        {
+          "label": 20,
+          "value": 20
+        },
+        {
+          "label": 16,
+          "value": 16
+        },
+        {
+          "label": 12,
+          "value": 12
+        },
+        {
+          "label": 8,
+          "value": 8
+        },
+        {
+          "label": 0,
+          "value": 0
+        }
+      ],
+      "default": 16
+    },
+    {
+      "key": "lineSpacing",
+      "name": "行间距",
+      "desc": "表示行之间的间距或距离",
+      "type": "select",
+      "options": [
+        {
+          "label": 24,
+          "value": 24
+        },
+        {
+          "label": 20,
+          "value": 20
+        },
+        {
+          "label": 16,
+          "value": 16
+        },
+        {
+          "label": 12,
+          "value": 12
+        },
+        {
+          "label": 8,
+          "value": 8
+        },
+        {
+          "label": 0,
+          "value": 0
+        }
+      ],
+      "default": 16
+    }
+  ],
+  "css": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount(params) {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount(params) {\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -9,6 +9,8 @@ exports.default = void 0;
 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 LCLink = function LCLink(_ref) {
@@ -20,9 +22,11 @@ var LCLink = function LCLink(_ref) {
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
+    displayName: "Link",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
   }, "LCLink"));
 };
+LCLink.defaultProps = (0, _helper.omitBadProps)(_linkPropsDefault.default);
 var _default = exports.default = LCLink;

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

@@ -0,0 +1,112 @@
+{
+  "component": "Link",
+  "name": "超链",
+  "icon": "icon-link",
+  "group": "basic",
+  "groupName": "基础",
+  "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "content",
+      "name": "内容",
+      "desc": "超链接的展示内容",
+      "type": "_I18nInput"
+    },
+    {
+      "key": "textOverflow",
+      "name": "单行截断",
+      "desc": "文字超过一行，使甲...显示；开后此项后，同时会显示html标签的title",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "type",
+      "name": "链接类型",
+      "desc": "链接打开的内容类型选择",
+      "type": "radio",
+      "options": [
+        {
+          "label": "内部页面",
+          "value": "page"
+        },
+        {
+          "label": "外部链接",
+          "value": "url"
+        }
+      ],
+      "default": "page"
+    },
+    {
+      "key": "url",
+      "name": "链接地址",
+      "desc": "选择链接类型为url时配置",
+      "type": "string"
+    },
+    {
+      "key": "isLayer",
+      "name": "弹窗打开",
+      "desc": "是否以弹窗形式打开",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "params",
+      "name": "携带参数",
+      "desc": "超链的携带参数",
+      "type": "string"
+    },
+    {
+      "key": "serials",
+      "name": "资源串",
+      "desc": "挂接模块资源串",
+      "type": "_SerialsSelector"
+    },
+    {
+      "key": "effect",
+      "name": "资源串效果",
+      "desc": "当资源串条件生效时按钮的效果",
+      "type": "radio",
+      "options": [
+        {
+          "label": "禁用",
+          "value": "disable"
+        },
+        {
+          "label": "隐藏",
+          "value": "hidden"
+        }
+      ],
+      "default": "hidden"
+    }
+  ],
+  "css": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "beforeClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e,parmas)=>{\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,55 @@
+{
+  "component": "Page",
+  "name": "页面",
+  "group": "build-in",
+  "props": [
+    {
+      "key": "pageSlot",
+      "name": "页面插槽",
+      "type": "group",
+      "props": [
+        {
+          "key": "enableHeader",
+          "name": "启用页头",
+          "type": "switch",
+          "default": "false"
+        },
+        {
+          "key": "fixedHeader",
+          "name": "固定页头",
+          "type": "switch",
+          "default": "true"
+        },
+        {
+          "key": "enableFooter",
+          "name": "启用页尾",
+          "type": "switch",
+          "default": "false"
+        }
+      ]
+    }
+  ],
+  "css": "background-color: transparent;",
+  "advance": {
+    "events": [
+      {
+        "key": "onStateChanged",
+        "name": "页面状态变化",
+        "desc": "在页面状态发生变化时，执行方法",
+        "func": "function onStateChanged(state, prevState, diff){\n\t\n}"
+      },
+      {
+        "key": "onPageMount",
+        "name": "页面首次渲染完成",
+        "desc": "在页面首次渲染完成时，执行方法",
+        "func": "function onPageMount(){\n\t\n}"
+      },
+      {
+        "key": "onPageUnmount",
+        "name": "页面卸载时",
+        "desc": "在页面卸载时，执行方法。",
+        "func": "function onPageUnmount(){\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,63 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _useCanvasRender = _interopRequireDefault(require("../../../engine/tools/useCanvasRender"));
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _constants = require("../../../constants");
+var _helper = require("../../../engine/tools/helper");
+var _pagecontentPropsDefault = _interopRequireDefault(require("../../../engine/meta/pagecontent.props.default.json"));
+var Div = _styledComponents.default.div.withConfig({
+  displayName: "Div",
+  componentId: "luckda-6530__sc-19wkpor-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
+var PageContent = function PageContent() {
+  var ref = (0, _react.useRef)();
+  var _useGet = (0, _ContextProvider.useGet)([_constants.LC_BUILDIN_UNIT_KEY.PAGE_CONTENT, 'props.enableHeader', "".concat(_constants.LC_BUILDIN_UNIT_KEY.PAGE_HEADER, ".props.css")]),
+    _useGet2 = (0, _slicedToArray2.default)(_useGet, 3),
+    pagecontent = _useGet2[0],
+    enableHeader = _useGet2[1],
+    headercss = _useGet2[2];
+  var canvas = (0, _useCanvasRender.default)(pagecontent);
+  var contentStyle = (0, _ahooks.useCreation)(function () {
+    if (enableHeader) {
+      var _parseCSS = (0, _helper.parseCSS)("header{".concat(headercss, "}")),
+        headerCss = _parseCSS.header;
+      var _h = "calc(100% - ".concat(headerCss.height || '0px', " - ").concat(headerCss['margin-bottom'] || '0px', " - ").concat(headerCss['margin-top'] || '0px', ")");
+      return {
+        width: '100%',
+        height: 'auto',
+        minHeight: _h
+      };
+    }
+    return {
+      width: '100%',
+      height: '100%'
+    };
+  }, [enableHeader, headercss]);
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return pagecontent ? /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: _constants.LC_BUILDIN_UNIT_KEY.PAGE_CONTENT,
+    displayName: "PageContent",
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement(Div, {
+    ref: ref,
+    $css: pagecontent.props.css,
+    style: contentStyle
+  }, canvas)) : null;
+};
+PageContent.defaultProps = (0, _helper.omitBadProps)(_pagecontentPropsDefault.default);
+var _default = exports.default = PageContent;

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

@@ -0,0 +1,9 @@
+{
+  "component": "PageContent",
+  "name": "页面内容",
+  "group": "build-in",
+  "props": [
+    
+  ],
+  "css": "background-color: transparent"
+}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _useCanvasRender = _interopRequireDefault(require("../../../engine/tools/useCanvasRender"));
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _constants = require("../../../constants");
+var _helper = require("../../../engine/tools/helper");
+var _pagefooterPropsDefault = _interopRequireDefault(require("../../../engine/meta/pagefooter.props.default.json"));
+var Div = _styledComponents.default.div.withConfig({
+  displayName: "Div",
+  componentId: "luckda-6530__sc-1d40970-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
+var PageFooter = function PageFooter() {
+  var ref = (0, _react.useRef)();
+  var pagefoot = (0, _ContextProvider.useGet)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_FOOTER);
+  var canvas = (0, _useCanvasRender.default)(pagefoot);
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: _constants.LC_BUILDIN_UNIT_KEY.PAGE_FOOTER,
+    displayName: "PageFooter",
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement(Div, {
+    ref: ref,
+    $css: pagefoot.props.css,
+    style: {
+      width: '100%',
+      height: 80,
+      background: '#69c0ff'
+    }
+  }, canvas));
+};
+PageFooter.defaultProps = (0, _helper.omitBadProps)(_pagefooterPropsDefault.default);
+var _default = exports.default = PageFooter;

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

@@ -0,0 +1,9 @@
+{
+  "component": "PageFooter",
+  "name": "页面尾",
+  "group": "build-in",
+  "props": [
+    
+  ],
+  "css": "width: 100%; height: 80px; background-color: transparent"
+}

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

@@ -0,0 +1,50 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _useCanvasRender = _interopRequireDefault(require("../../../engine/tools/useCanvasRender"));
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _constants = require("../../../constants");
+var _helper = require("../../../engine/tools/helper");
+var _pageheaderPropsDefault = _interopRequireDefault(require("../../../engine/meta/pageheader.props.default.json"));
+var Div = _styledComponents.default.div.withConfig({
+  displayName: "Div",
+  componentId: "luckda-6530__sc-1t2cxpy-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
+var PageHeader = function PageHeader() {
+  var ref = (0, _react.useRef)();
+  var _useGet = (0, _ContextProvider.useGet)([_constants.LC_BUILDIN_UNIT_KEY.PAGE_HEADER, 'props.fixedHeader']),
+    _useGet2 = (0, _slicedToArray2.default)(_useGet, 2),
+    pageheader = _useGet2[0],
+    fixed = _useGet2[1];
+  var canvas = (0, _useCanvasRender.default)(pageheader);
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: _constants.LC_BUILDIN_UNIT_KEY.PAGE_HEADER,
+    displayName: "PageHeader",
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement(Div, {
+    ref: ref,
+    $css: pageheader.props.css,
+    style: fixed ? {
+      position: 'sticky',
+      top: 0,
+      zIndex: 10
+    } : null
+  }, canvas));
+};
+PageHeader.defaultProps = (0, _helper.omitBadProps)(_pageheaderPropsDefault.default);
+var _default = exports.default = PageHeader;

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

@@ -0,0 +1,9 @@
+{
+  "component": "PageHeader",
+  "name": "页面头",
+  "group": "build-in",
+  "props": [
+    
+  ],
+  "css": "width: 100%; height:120px; background-color: #fff; margin-bottom: 8px"
+}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _utils = require("@luck-design-biz/base/utils");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _index = _interopRequireDefault(require("./index"));
+var _boxPropsDefault = _interopRequireDefault(require("../../../engine/meta/box.props.default.json"));
+var _excluded = ["children", "id", "display"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    display = _ref.display,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ctx = (0, _ContextProvider.useContext)();
+  var current = (0, _ContextProvider.useGet)({
+    id: id
+  });
+  var refreshChild = (0, _ahooks.useMemoizedFn)(function () {
+    var ratioArr = display.split('');
+    var prevChildren = [];
+    for (var i in current.children) {
+      var _box$children;
+      var _box = current[current.children[i]];
+      if (_box !== null && _box !== void 0 && (_box$children = _box.children) !== null && _box$children !== void 0 && _box$children[0]) {
+        prevChildren.push([_box.children[0], _box[_box.children[0]].props]);
+      }
+      if (i === ratioArr.length - 1) break;
+    }
+    (0, _ContextProvider.clearChildren)(id);
+    ratioArr.forEach(function (_, i) {
+      var _boxId = "box_".concat((0, _utils.suid)());
+      (0, _ContextProvider.addNode)(id, _boxId, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
+        buildIn: true
+      }));
+      if (prevChildren[i]) {
+        (0, _ContextProvider.addNode)(_boxId, prevChildren[i][0], prevChildren[i][1]);
+      }
+    });
+  });
+  (0, _ahooks.useCreation)(function () {
+    if (children !== null && children !== void 0 && children.length) return;
+    ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
+      var compId = _ref2.id;
+      if (compId !== id) return;
+      refreshChild();
+    }).watch();
+  }, []);
+  (0, _react.useEffect)(function () {
+    var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref3) {
+      var compId = _ref3.id,
+        newValue = _ref3.newValue;
+      if (compId !== id) return;
+      if (newValue.hasOwnProperty('display')) {
+        refreshChild();
+      }
+    }).watch();
+    return function () {
+      return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
+    id: id,
+    display: display
+  }, props), children);
+};
+var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/PageLayout/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/PageLayout/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;