@luck-design-biz/luckda 0.0.22 → 0.0.23

package/lib/lowcode/view/Canvas.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard3(require("react"));
+var _umi = require("umi");
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _Wrapper = _interopRequireDefault(require("./lc-components/Wrapper"));
+var _constants = require("../constants");
+var _canvas = _interopRequireDefault(require("./style/canvas.less"));
+var _excluded = ["props", "children"];
+var PAGE_CELL = [_constants.CELL_KEY.PAGE_HEADER, _constants.CELL_KEY.PAGE_CONTENT, _constants.CELL_KEY.PAGE_FOOTER];
+var Canvas = function Canvas(_ref) {
+  var dataSource = _ref.dataSource;
+  console.log('dataSource', dataSource);
+  var headerRef = (0, _react.useRef)();
+  var contentRef = (0, _react.useRef)();
+  var footerRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    header = _useState2[0],
+    setHeader = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    content = _useState4[0],
+    setContent = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    footer = _useState6[0],
+    setFooter = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    modal = _useState8[0],
+    setModal = _useState8[1];
+  var render = (0, _ahooks.useMemoizedFn)(function (_ref2) {
+    var props = _ref2.props,
+      children = _ref2.children,
+      childrenMap = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    if (props && !PAGE_CELL.includes(props.id)) {
+      var Comp = (0, _umi.dynamic)({
+        loader: function () {
+          var _loader = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+            var _yield$import, _Comp;
+            return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return function (specifier) {
+                    return new Promise(function (r) {
+                      return r(specifier);
+                    }).then(function (s) {
+                      return (0, _interopRequireWildcard2.default)(require(s));
+                    });
+                  }("./lc-components/".concat(props.type));
+                case 2:
+                  _yield$import = _context.sent;
+                  _Comp = _yield$import.default;
+                  return _context.abrupt("return", _Comp);
+                case 5:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function loader() {
+            return _loader.apply(this, arguments);
+          }
+          return loader;
+        }()
+      });
+      return /*#__PURE__*/_react.default.createElement(Comp, {
+        id: props.id,
+        lcdata: props
+      }, (children || []).map(function (_id) {
+        return render(childrenMap[_id]);
+      }));
+    }
+    return (children || []).map(function (_id) {
+      return render(childrenMap[_id]);
+    });
+  });
+  (0, _ahooks.useDeepCompareLayoutEffect)(function () {
+    setHeader(render(dataSource[_constants.CELL_KEY.PAGE_HEADER]));
+  }, [dataSource[_constants.CELL_KEY.PAGE_HEADER]]);
+  (0, _ahooks.useDeepCompareLayoutEffect)(function () {
+    setContent(render(dataSource[_constants.CELL_KEY.PAGE_CONTENT]));
+  }, [dataSource[_constants.CELL_KEY.PAGE_CONTENT]]);
+  (0, _ahooks.useDeepCompareLayoutEffect)(function () {
+    setFooter(render(dataSource[_constants.CELL_KEY.PAGE_FOOTER]));
+  }, [dataSource[_constants.CELL_KEY.PAGE_FOOTER]]);
+  (0, _ahooks.useDeepCompareLayoutEffect)(function () {
+    var pageModal = (0, _lodash.reduce)(dataSource.children, function (result, _id) {
+      if (!PAGE_CELL.includes(_id)) {
+        result[_id] = dataSource[_id];
+        if (!result.children) {
+          result.children = [];
+        }
+        result.children.push(_id);
+      }
+      return result;
+    }, {});
+    setModal(render(pageModal));
+  }, [dataSource.children]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: "page-canvas",
+    className: _canvas.default['lc-view-canvas']
+  }, /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: _constants.CELL_KEY.PAGE_HEADER,
+    getTargetDom: function getTargetDom() {
+      return headerRef.current;
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: headerRef,
+    style: {
+      width: '100%',
+      height: 120,
+      backgroundColor: '#d3f261'
+    }
+  }, header)), /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: _constants.CELL_KEY.PAGE_CONTENT,
+    getTargetDom: function getTargetDom() {
+      return contentRef.current;
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: contentRef
+  }, content)), /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: _constants.CELL_KEY.PAGE_HEADER,
+    getTargetDom: function getTargetDom() {
+      return footerRef.current;
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: footerRef,
+    style: {
+      width: '100%',
+      height: 80,
+      backgroundColor: '#69c0ff'
+    }
+  }, footer)), modal);
+};
+var _default = exports.default = Canvas;

package/lib/lowcode/view/Loading.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _loading = _interopRequireDefault(require("./style/loading.less"));
+var Loading = function Loading() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _loading.default['lc-painter-loading']
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _loading.default['cube']
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_loading.default['side'], _loading.default['side1'])
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_loading.default['side'], _loading.default['side2'])
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_loading.default['side'], _loading.default['side3'])
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_loading.default['side'], _loading.default['side4'])
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_loading.default['side'], _loading.default['side5'])
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_loading.default['side'], _loading.default['side6'])
+  })));
+};
+var _default = exports.default = Loading;

package/lib/lowcode/view/Page.js

@@ -0,0 +1,63 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _classnames = _interopRequireDefault(require("classnames"));
+var _ContextProvider = require("../engine/provider/ContextProvider");
+var _Loading = _interopRequireDefault(require("./Loading"));
+var _Wrapper = _interopRequireDefault(require("./lc-components/Wrapper"));
+var _Canvas = _interopRequireDefault(require("./Canvas"));
+var _dataProcess = require("../engine/tools/dataProcess");
+var _constants = require("../constants");
+var _page = _interopRequireDefault(require("./style/page.less"));
+var _excluded = ["pageCode", "className"];
+var mock = function mock(_pageCode) {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      var data = 'ᯡࠣ䂼྆ڑÙ⁅䁆䞠䌣䰪ぞ婈Ø䀦䉑Ŝ持䀥ດ⠦榠⍼Ⲉᗣᠱ嵜䐠׆Ⱐॼ哘ᄳࡠ֕惂ᬠ౪Ӕ沥尡㸴Ƭ䎰嫀䗠ވ䀻▯ἰ湬⥒ᓡᰀ᪡㱲璻䞠ೣⰊ焥⍂へ僸簠ⷌ)䔠ԂࠡⰠಢ㍬[婿ԯဧデ匒<̰N䁞椌狲⎣℁ࡈ琤ᶡ৅桎睑砢◛㶤ს㕍Ʃ䅌欫㊓㢛粠᙭⃀㤠ȉᑤզ愕ۦ厁䷅ᜧ㱯䀦密䭋氠㞘㵵朞礒⺛㺕婐㰵占マ១犚弐x㙁䘸㮱劐ش೮䈈J毟䈦Ⳙీฺ㐠槬⁽Ჰ栰帿࿠٠䂠㐳楂唏៣爭ᡘℼ撘䑼㴷ᨀ᭖䶀㠤嫯䐢䌵n皹᪑ᣬ䭅曢冪富ધ䤲瘠೯嗰ᾕ㍿䎋㪣⣷⟕䃎䌪㟨媽⽸㝐墎㲂暘抮ⴳ₂†ٳõᶢ㹕ㄢà㵠g❌L檪䠨晴⸨ⶱ淛္≢曈廳ܥ䁀⊸ᱥႫ帲墛ᷯ猦↕埄㩀磫ῠ琉Ẁ崆㴮梌棖巶翖㈈䏕䒒⪭掩犕὚唹䠽䊗ࣾᅡ爌䩛㓧࿠ⲑ㲥Ꮸ®㏾❰僷戦熂濛紎玈㋻్羜㺗㸌᠁猑℄畛㶋泧₀¥毗䚼⬦Сღ䀮劶☔⟫㢯਎㵏Ⰺ渍཮װ爊㱏ᘇ給㮄̋ᐆ͈䇑෫˅ࠢ⑰樼↫⦉ࡋᖃ䌍ࠤ效✿䃫༼䂁ߏ籈涎㑽ᗎ甥ᙉ抸咈ǰ䪠ˢᛦ儏ⰲ㐹೺浦☉Ȱ䗁䤘ⲇ沞ⵑ梾䣡炕߄哾ߢ^ສࣀ旔▨॒⍨夿੒ᠷ䦩焲╨ᥖ❒—囓恦 ⊱ᯮ㥝ဤ羊}璀̰塎㎥⥸ᗸၠ㢿΀⨾⋠㮾≴璺碠⋄喵૊哵䃝礔۔垵䫚囵棜ゥ὜᠙⣖䞮ွ⌵哄ω䀵Ⳇ捜䐯䤪ㅦ⡊㕦欐硤娪Ф⥪㥥⢊㽸䔙ᓯચɳ嫬怷ʚ‫橔²ᵼ嚻᝻৷剛䆃塯彁Ⱟ䈕㺿啴૰˻磡ᠯ㻿喀亾䮲眝囕ົṖ⛘䵕曍ᐠ';
+      resolve(data);
+    }, 400);
+  });
+};
+var LCPage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+  var pageCode = _ref2.pageCode,
+    className = _ref2.className,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var _ref = (0, _react.useRef)(null);
+  var _rootRef = ref || _ref;
+  var context = (0, _ContextProvider.useLDContext)();
+  var _useBoolean = (0, _ahooks.useBoolean)(true),
+    _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
+    loading = _useBoolean2[0],
+    setFalse = _useBoolean2[1].setFalse;
+  (0, _react.useEffect)(function () {
+    context._pageCode.current = pageCode;
+    mock(pageCode).then(function (pageData) {
+      context._pageData.current = (0, _dataProcess.decompress)(pageData);
+      setFalse();
+    });
+  }, []);
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return _rootRef.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: _constants.CELL_KEY.PAGE_ROOT,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: _rootRef,
+    className: (0, _classnames.default)(_page.default['lc-view-page'], (0, _defineProperty2.default)({}, className, !!className))
+  }, props), loading ? /*#__PURE__*/_react.default.createElement(_Loading.default, null) : /*#__PURE__*/_react.default.createElement(_Canvas.default, {
+    dataSource: context.pageData
+  })));
+});
+var _default = exports.default = LCPage;

package/lib/lowcode/view/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+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 = _interopRequireDefault(require("react"));
+var _EventBusProvider = _interopRequireDefault(require("../engine/provider/EventBusProvider"));
+var _ContextProvider = _interopRequireDefault(require("../engine/provider/ContextProvider"));
+var _Page = _interopRequireDefault(require("./Page"));
+var _index = require("../constants/index");
+var _excluded = ["pageCode"];
+var View = function View(_ref) {
+  var pageCode = _ref.pageCode,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_EventBusProvider.default, {
+    runtime: _index.RUNTIME.LIVE
+  }, /*#__PURE__*/_react.default.createElement(_ContextProvider.default, null, /*#__PURE__*/_react.default.createElement(_Page.default, (0, _extends2.default)({
+    pageCode: pageCode
+  }, props))));
+};
+var _default = exports.default = View;

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

@@ -0,0 +1,29 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id", "children"];
+var LCBox = function LCBox(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCBox", children));
+};
+var _default = exports.default = LCBox;

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

@@ -0,0 +1,45 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _antd = require("luck-design/antd");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _constants = require("../../../constants");
+var _excluded = ["id", "children"];
+var LCButton = function LCButton(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var context = (0, _ContextProvider.useLDContext)();
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current.buttonNode;
+  });
+  var handleClick = (0, _ahooks.useMemoizedFn)(function (e) {
+    if (context.runtime !== _constants.RUNTIME.LIVE) {
+      e.preventDefault();
+      return;
+    }
+    console.log('click', context);
+    context.$publisher(context.topics.COMPONENT_MOUNT, {
+      id: id
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _extends2.default)({
+    ref: ref,
+    onClick: handleClick
+  }, props), "LCButton-", id));
+};
+var _default = exports.default = LCButton;

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

@@ -0,0 +1,28 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id"];
+var LCCardList = function LCCardList(_ref) {
+  var id = _ref.id,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCCardList"));
+};
+var _default = exports.default = LCCardList;

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

@@ -0,0 +1,58 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _classnames = _interopRequireDefault(require("classnames"));
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _constants = require("../../../constants");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _index = _interopRequireDefault(require("./index.less"));
+var _excluded = ["id", "children"];
+var LCDialog = function LCDialog(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var apiRef = (0, _react.useRef)();
+  var context = (0, _ContextProvider.useLDContext)();
+  var _useBoolean = (0, _ahooks.useBoolean)(false),
+    _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
+    open = _useBoolean2[0],
+    _useBoolean2$ = _useBoolean2[1],
+    setTrue = _useBoolean2$.setTrue,
+    setFalse = _useBoolean2$.setFalse,
+    toggle = _useBoolean2$.toggle;
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return (context.runtime === _constants.RUNTIME.DESIGN ? context.componentMap.get(_constants.CELL_KEY.PAGE_ROOT).dom : document).getElementsByClassName('ant-modal-content')[0];
+  });
+  (0, _react.useImperativeHandle)(apiRef, function () {
+    return {
+      open: open,
+      doOpen: setTrue,
+      doClose: setFalse,
+      toggle: toggle
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom,
+    api: apiRef
+  }, /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    visible: open,
+    getContainer: context.runtime !== _constants.RUNTIME.DESIGN,
+    wrapClassName: (0, _classnames.default)(_index.default['lc-component-modal-wrapper'], (0, _defineProperty2.default)({}, _index.default['runtime-design'], context.runtime === _constants.RUNTIME.DESIGN)),
+    maskStyle: {
+      position: context.runtime !== _constants.RUNTIME.DESIGN ? 'fixed' : 'absolute'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", null, "LCDialog-", id), children));
+};
+var _default = exports.default = LCDialog;

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

@@ -0,0 +1,3 @@
+.lc-component-modal-wrapper.runtime-design {
+  position: absolute !important;
+}

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

@@ -0,0 +1,54 @@
+"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 _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 _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _constants = require("../../../constants");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id", "children"];
+var LCDrawer = function LCDrawer(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var apiRef = (0, _react.useRef)();
+  var context = (0, _ContextProvider.useLDContext)();
+  var _useBoolean = (0, _ahooks.useBoolean)(false),
+    _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
+    open = _useBoolean2[0],
+    _useBoolean2$ = _useBoolean2[1],
+    setTrue = _useBoolean2$.setTrue,
+    setFalse = _useBoolean2$.setFalse,
+    toggle = _useBoolean2$.toggle;
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return (context.runtime === _constants.RUNTIME.DESIGN ? context.componentMap.get(_constants.CELL_KEY.PAGE_ROOT).dom : document).getElementsByClassName('ant-drawer-content-wrapper')[0];
+  });
+  (0, _react.useImperativeHandle)(apiRef, function () {
+    return {
+      open: open,
+      doOpen: setTrue,
+      doClose: setFalse,
+      toggle: toggle
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom,
+    api: apiRef
+  }, /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
+    visible: open,
+    getContainer: context.runtime !== _constants.RUNTIME.DESIGN,
+    style: {
+      position: context.runtime === _constants.RUNTIME.DESIGN ? 'absolute' : 'fixed'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", null, "LCDrawer-", id), children));
+};
+var _default = exports.default = LCDrawer;

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

@@ -0,0 +1,28 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id"];
+var LCForm = function LCForm(_ref) {
+  var id = _ref.id,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCForm"));
+};
+var _default = exports.default = LCForm;

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

@@ -0,0 +1,28 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id"];
+var LCIfram = function LCIfram(_ref) {
+  var id = _ref.id,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCIfram"));
+};
+var _default = exports.default = LCIfram;

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

@@ -0,0 +1,28 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id"];
+var LCImEx = function LCImEx(_ref) {
+  var id = _ref.id,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCImEx"));
+};
+var _default = exports.default = LCImEx;

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

@@ -0,0 +1,28 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id"];
+var LCImage = function LCImage(_ref) {
+  var id = _ref.id,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCImage"));
+};
+var _default = exports.default = LCImage;

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

@@ -0,0 +1,28 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id"];
+var LCJSX = function LCJSX(_ref) {
+  var id = _ref.id,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "JSX"));
+};
+var _default = exports.default = LCJSX;