@luck-design-biz/luckda 0.0.22-5 → 0.0.22-6

package/lib/lowcode/painter/panel-section/ButtonType.js

@@ -0,0 +1,52 @@
+"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 _antd = require("luck-design/antd");
+var _buttonType = _interopRequireDefault(require("../style/button-type.less"));
+var _excluded = ["field", "onChange"];
+var ButtonType = function ButtonType(_ref) {
+  var field = _ref.field,
+    _onChange = _ref.onChange,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_antd.Select, (0, _extends2.default)({}, props, {
+    onChange: function onChange(value) {
+      return _onChange({
+        field: field,
+        value: value
+      });
+    },
+    className: _buttonType.default['lc-painter-panel-section-components-buttontype']
+  }), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "primary"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    size: "small",
+    className: _buttonType.default['lc-painter-panel-section-components-buttontype-option']
+  }, "primary")), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "default"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "default",
+    size: "small",
+    className: _buttonType.default['lc-painter-panel-section-components-buttontype-option']
+  }, "default")), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "dashed"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "dashed",
+    size: "small",
+    className: _buttonType.default['lc-painter-panel-section-components-buttontype-option']
+  }, "dashed")), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "danger"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "danger",
+    size: "small",
+    className: _buttonType.default['lc-painter-panel-section-components-buttontype-option']
+  }, "danger")));
+};
+var _default = exports.default = ButtonType;

package/lib/lowcode/painter/panel-section/LayoutRatio.js

@@ -43,9 +43,9 @@ var _DEFAULTRATIO_ = '12:3:9';
  */
 var LayoutRatio = function LayoutRatio(_ref) {
   var field = _ref.field,
-    value = _ref.value,
+    defaultValue = _ref.defaultValue,
     onChange = _ref.onChange;
-  var _useState = (0, _react.useState)(value || _DEFAULTRATIO_),
+  var _useState = (0, _react.useState)(defaultValue || _DEFAULTRATIO_),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     currentRatio = _useState2[0],
     setCurrentRatio = _useState2[1];

package/lib/lowcode/painter/panel-section/TabItems.js

@@ -14,7 +14,6 @@ var _antd = require("luck-design/antd");
 var _utils = require("@luck-design-biz/base/utils");
 var _uiDesign = require("@luck-helper/ui-design");
 var _tabitems = _interopRequireDefault(require("../style/tabitems.less"));
-var _lcid = _interopRequireDefault(require("../../engine/tools/lcid"));
 var _SortBox = require("../components/SortBox");
 var _TabEditor = require("../components/TabEditor");
 var _PopConfirm = _interopRequireDefault(require("../components/PopConfirm"));
@@ -69,7 +68,7 @@ var TabItems = function TabItems(_ref) {
     dispatch({
       type: 'add',
       payload: {
-        id: "tab_".concat((0, _lcid.default)()),
+        id: "tab_".concat((0, _utils.suid)()),
         name: "\u9009\u9879".concat(items.length + 1),
         active: false,
         resid: null,

package/lib/lowcode/painter/style/button-type.less

@@ -0,0 +1,5 @@
+.lc-painter-panel-section-components-buttontype {
+  &-option {
+    width: 100%;
+  }
+}

package/lib/lowcode/painter/style/design.less

@@ -4,11 +4,22 @@
   height: 0;
   top: 0;
   left: 0;
-  display: none;
   pointer-events: none;
   cursor: pointer;
   overflow: visible;
-  z-index: 9999;
+  z-index: 98;
+}
+
+.selector-item {
+  height: 20px;
+  background-color: var(--ant-primary-color);
+  color: #fff;
+  font-size: 16px;
+  line-height: 20px;
+  min-width: 20px;
+  text-align: center;
+  cursor: pointer;
+  border-radius: 3px;
 }
 
 .lc-painter-design {
@@ -31,20 +42,23 @@
       width: 125px;
       padding: 0 8px;
     }
+
     .toolbar-item {
       display: inline-block;
       width: 32px;
       height: 32px;
       border-radius: 3px;
       padding: 6px;
-      margin: 0 4px;
+      margin: 0 2px;
       cursor: pointer;
       text-align: center;
       color: #8c8c8c;
     }
+
     .toolbar-item:hover {
       color: #262626;
     }
+
     .toolbar-item.actived {
       color: #8c8c8c;
       background: #f1f2f3;
@@ -59,9 +73,11 @@
     background-color: #fff;
     overflow: hidden;
   }
+
   &-simulator {
     overflow-x: hidden;
     overflow-y: auto;
+
     :global {
       .ant-form-item {
         pointer-events: none;
@@ -78,5 +94,42 @@
   &-selector {
     border: 2px solid var(--ant-primary-6);
     .box();
+
+    .lc-borders-actions {
+      position: absolute;
+      right: -2px;
+      pointer-events: all;
+      cursor: default;
+      display: flex;
+
+      &>div {
+        .selector-item();
+      }
+
+      :local {
+        .instance-node-selector {
+          padding: 0 6px;
+          margin-right: 3px;
+          font-size: 12px!important;
+        }
+      }
+    }
+
   }
 }
+
+.next-overlay-wrapper {
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+  &>div>span {
+    display: inline-block;
+    .selector-item();
+    font-size: 12px;
+    padding: 0 6px;
+    background-color: #78869a;
+    &:not(:last-child) {
+      margin-bottom: 3px;
+    }
+  }
+}

package/lib/lowcode/view/Canvas.js

@@ -16,6 +16,7 @@ var _react = _interopRequireWildcard3(require("react"));
 var _umi = require("umi");
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
+var _ContextProvider = require("../engine/provider/ContextProvider");
 var _Box = _interopRequireDefault(require("./lc-components/Box"));
 var _constants = require("../constants");
 var _canvas = _interopRequireDefault(require("./style/canvas.less"));
@@ -24,8 +25,8 @@ 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 dynamicCompMap = (0, _react.useRef)({});
+  var context = (0, _ContextProvider.useLDContext)();
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     header = _useState2[0],
@@ -60,23 +61,24 @@ var Canvas = function Canvas(_ref) {
         dynamicCompMap.current[component] = (0, _umi.dynamic)({
           loader: function () {
             var _loader = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-              var _yield$import, _Comp;
+              var _runtime, _yield$import, _Comp;
               return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
-                    _context.next = 2;
+                    _runtime = (0, _lodash.upperFirst)(context.runtime);
+                    _context.next = 3;
                     return function (specifier) {
                       return new Promise(function (r) {
                         return r(specifier);
                       }).then(function (s) {
                         return (0, _interopRequireWildcard2.default)(require(s));
                       });
-                    }("./lc-components/".concat(component));
-                  case 2:
+                    }("./lc-components/".concat(component, "/Function").concat(_runtime));
+                  case 3:
                     _yield$import = _context.sent;
                     _Comp = _yield$import.default;
                     return _context.abrupt("return", _Comp);
-                  case 5:
+                  case 6:
                   case "end":
                     return _context.stop();
                 }
@@ -92,7 +94,8 @@ var Canvas = function Canvas(_ref) {
       var Comp = dynamicCompMap.current[component];
       return /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
         key: id,
-        id: id
+        id: id,
+        context: context
       }, rest), (children || []).map(function (_id) {
         return render(childrenMap[_id]);
       }));

package/lib/lowcode/view/Page.js

@@ -93,7 +93,6 @@ var d = {
           group: 'container',
           groupName: '布局',
           order: 3,
-          className: 'lc-component-layout-item',
           style: {
             gridColumn: 'span 12',
             height: 'auto'
@@ -107,7 +106,8 @@ var d = {
             parentId: 'box_ihj2n8cv',
             group: 'basic',
             component: 'Button',
-            name: '按钮'
+            name: '按钮',
+            type: 'primary'
           }
         },
         text_nmu9wqqw: {
@@ -129,7 +129,6 @@ var d = {
           group: 'container',
           groupName: '布局',
           order: 3,
-          className: 'lc-component-layout-item',
           style: {
             gridColumn: 'span 3',
             height: '60px'
@@ -156,7 +155,6 @@ var d = {
           group: 'container',
           groupName: '布局',
           order: 3,
-          className: 'lc-component-layout-item',
           style: {
             gridColumn: 'span 9',
             height: '60px'

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

@@ -0,0 +1,27 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _index = _interopRequireDefault(require("./index"));
+var _index2 = _interopRequireDefault(require("./index.less"));
+var _excluded = ["children"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var isEmpty = (0, _ahooks.useCreation)(function () {
+    return !children || _react.default.Children.count(children) === 0;
+  }, [children]);
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
+    className: (0, _classnames.default)(_index2.default['lc-component-box-design'], (0, _defineProperty2.default)({}, _index2.default.placeholder, isEmpty))
+  }, props), isEmpty ? '点击组件库的组件或拖拽组件到这里' : children);
+};
+var _default = exports.default = FunctionDesign;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

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

@@ -7,14 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id", "children"];
+var _index = _interopRequireDefault(require("./index.less"));
+var _excluded = ["id", "children", "context", "className"];
 var LCBox = function LCBox(_ref) {
   var id = _ref.id,
     children = _ref.children,
+    context = _ref.context,
+    className = _ref.className,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
@@ -24,7 +29,8 @@ var LCBox = function LCBox(_ref) {
     id: id,
     getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    ref: ref
+    ref: ref,
+    className: (0, _classnames.default)(_index.default['lc-component-box'], (0, _defineProperty2.default)({}, className, !!className))
   }, props, {
     name: "box"
   }), children));

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

@@ -0,0 +1,14 @@
+.lc-component-box {
+  &-design.placeholder {
+    width: 100%;
+    height: 100%;
+    min-height: 60px;
+    background-color: #f0f0f0;
+    border: 1px dotted;
+    color: #a7b1bd;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+  }
+}

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

@@ -0,0 +1,28 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _index = _interopRequireDefault(require("./index"));
+var _index2 = require("../../../constants/index");
+var _excluded = ["id", "children", "context", "className"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    context = _ref.context,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
+    id: id,
+    className: (0, _classnames.default)(_index2.CELL_CLASS_NAME, (0, _defineProperty2.default)({}, className, !!className)),
+    context: context
+  }, props), children);
+};
+var _default = exports.default = FunctionDesign;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

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

@@ -64,7 +64,7 @@ var LCDrawer = function LCDrawer(_ref) {
     style: {
       position: context.runtime === _constants.RUNTIME.DESIGN ? 'absolute' : 'fixed'
     },
-    className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, _style.default['runtime-drawer'], context.runtime === _constants.RUNTIME.DESIGN))
+    className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _style.default['runtime-drawer'], context.runtime === _constants.RUNTIME.DESIGN), className, !!className))
   }, /*#__PURE__*/_react.default.createElement("div", null, "LCDrawer-", id), children));
 };
 var _default = exports.default = LCDrawer;