@luck-design-biz/luckda 1.0.1 → 1.0.2

package/es/lowcode/painter/DesignToolbar.js

@@ -19,6 +19,19 @@ import { LC_BUILDIN_UNIT_KEY, COOKIE_VIRTUAL_ACCOUNT_KEY } from "../constants";
 import styles from "./style/design.less";
 import { fetchClearCache, fetchUpdatePageData, fetchSearchUser } from "../constants/api-url";
 import { getLDMetaAttr } from "../engine/tools/helper";
+import TipIcon from "./components/TipIcon";
+var CodeSvg = function CodeSvg() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2.4749 9.0916L5.45264 6.20703L5.45439 5.93457V4.69707L0.91748 9.0916L5.45439 13.4844V12.2469L5.45264 11.9744L2.4749 9.0916ZM15.2067 9.00723L12.229 6.12441L12.2272 5.85195V4.61445L16.7642 9.00723L12.2272 13.4018V12.1625L12.229 11.89L15.2067 9.00723ZM8.12451 15.0295H6.76045L9.55713 2.80566H10.9212L8.12451 15.0295Z",
+    fill: "currentColor"
+  }));
+};
 var DesignToolbar = function DesignToolbar(_ref) {
   var locale = _ref.locale,
     onLangChange = _ref.onLangChange;
@@ -225,9 +238,16 @@ var DesignToolbar = function DesignToolbar(_ref) {
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "laptop"
   })), /*#__PURE__*/React.createElement("span", {
-    className: classNames(styles['toolbar-item'], _defineProperty({}, styles.actived, activedTarget === 'mobile')),
+    className: classNames(styles['toolbar-item'], _defineProperty({}, styles.actived, activedTarget === 'mobile'))
+    // onClick={() => setActivedTarget('mobile')}
+    ,
     onClick: function onClick() {
-      return setActivedTarget('mobile');
+      Modal.info({
+        title: formatMessage({
+          id: 'luckda.lowcode.not.mobile',
+          label: '此功能暂未开放'
+        })
+      });
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "mobile"
@@ -265,9 +285,10 @@ var DesignToolbar = function DesignToolbar(_ref) {
   }), /*#__PURE__*/React.createElement("span", {
     style: {
       width: 'auto',
-      fontSize: 12
+      fontSize: 12,
+      cursor: 'pointer'
     },
-    className: styles['toolbar-item'],
+    className: styles.hoverPrimary,
     onClick: function onClick() {
       context.$publisher(context.topics.COMPONENT_ACTIVE, {
         target: LC_BUILDIN_UNIT_KEY.PAGE_ROOT
@@ -281,7 +302,7 @@ var DesignToolbar = function DesignToolbar(_ref) {
   }), /*#__PURE__*/React.createElement(Button, {
     size: "small",
     style: {
-      fontSize: 12,
+      fontSize: 14,
       margin: '0 4px 0 2px'
     },
     disabled: clearCacheLoading,
@@ -289,65 +310,75 @@ var DesignToolbar = function DesignToolbar(_ref) {
   }, formatMessage({
     id: 'luckda.lowcode.design.toolbar.clear',
     label: '清除缓存'
-  })), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
+  })), /*#__PURE__*/React.createElement(TipIcon, {
+    title: formatMessage({
+      id: 'luckda.lowcode.design.toolbar.debug',
+      label: '调试'
+    }),
+    type: "bug",
     style: {
       fontSize: 12,
-      margin: '0 4px 0 2px'
+      margin: '0 8px 0 6px'
     },
-    disabled: updatePageDataLoading,
+    className: styles.hoverPrimary,
     onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
+            if (updatePageDataLoading) {
+              _context3.next = 6;
+              break;
+            }
             if (!getNeedPrompt()) {
-              _context3.next = 3;
+              _context3.next = 4;
               break;
             }
-            _context3.next = 3;
+            _context3.next = 4;
             return handleSave();
-          case 3:
+          case 4:
             context.$publisher(context.topics.COMPONENT_ACTIVE, null);
             setShowPreview(true);
-          case 5:
+          case 6:
           case "end":
             return _context3.stop();
         }
       }, _callee3);
     }))
-  }, formatMessage({
-    id: 'luckda.lowcode.design.toolbar.preview',
-    label: '预览'
-  }), /*#__PURE__*/React.createElement(Icon, {
-    type: "bug"
-  })), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    type: "primary",
-    disabled: updatePageDataLoading,
-    style: {
-      fontSize: 12,
-      padding: '0 7px 0 0',
-      marginLeft: 2
-    }
-  }, /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement(TipIcon, {
+    title: formatMessage({
+      id: 'luckda.lowcode.design.toolbar.code',
+      label: 'Schema面板'
+    }),
+    component: CodeSvg,
+    className: styles.hoverPrimary,
     style: {
-      display: 'inline-block',
-      padding: '0 7px'
+      fontSize: 14,
+      margin: '0 8px 0 6px'
     },
-    onClick: handleSave
-  }, formatMessage({
-    id: 'luckda.lowcode.design.toolbar.save',
-    label: '保存'
-  })), /*#__PURE__*/React.createElement("div", {
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!updatePageDataLoading) setShow(true);
+          case 1:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }))
+  }), /*#__PURE__*/React.createElement(TipIcon, {
+    title: formatMessage({
+      id: 'luckda.lowcode.design.toolbar.save',
+      label: '保存'
+    }),
+    type: "save",
+    className: styles.hoverPrimary,
     style: {
-      display: 'inline-block'
+      fontSize: 14,
+      margin: '0 11px 0 5px'
     },
-    onClick: function onClick() {
-      return setShow(true);
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "eye"
-  })))), /*#__PURE__*/React.createElement(Modal, {
+    onClick: handleSave
+  })), /*#__PURE__*/React.createElement(Modal, {
     visible: show,
     width: 1024,
     getContainer: function getContainer() {
@@ -401,10 +432,10 @@ var DesignToolbar = function DesignToolbar(_ref) {
           setUserId(void 0);
         }
       }
-    }, userOptions.map(function (_ref6) {
-      var key = _ref6.key,
-        label = _ref6.label,
-        rest = _objectWithoutProperties(_ref6, _excluded);
+    }, userOptions.map(function (_ref7) {
+      var key = _ref7.key,
+        label = _ref7.label,
+        rest = _objectWithoutProperties(_ref7, _excluded);
       return /*#__PURE__*/React.createElement(Select.Option, _extends({
         key: key,
         value: key
@@ -418,7 +449,7 @@ var DesignToolbar = function DesignToolbar(_ref) {
     },
     bodyStyle: {
       height: 'calc(100% - 54px)',
-      backgroundColor: '#F0F2F5'
+      backgroundColor: 'var(--ant-component-background,#F0F2F5)'
     },
     visible: showPreview,
     destroyOnClose: true,

package/es/lowcode/painter/Ribbon.js

@@ -8,6 +8,7 @@ import Outline from "./Outline";
 import Components from "./Components";
 import I18n from "./I18n";
 import { formatMessage } from '@luck-design-biz/base/utils';
+import Expect from "./expect.jsx";
 import styles from "./style/ribbon.less";
 var _WIDTH_ = 48;
 var _DRAWER_PROPS = {
@@ -68,6 +69,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "apartment",
+    style: {
+      color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_OUTLINE_.key && '#1d79f2',
+      fontSize: 20
+    },
     onClick: function onClick() {
       return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_OUTLINE_.key ? null : _DRAWER_OUTLINE_);
     }
@@ -79,6 +84,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "appstore",
+    style: {
+      color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_COMPONENTS_.key && '#1d79f2',
+      fontSize: 20
+    },
     onClick: function onClick() {
       return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_COMPONENTS_.key ? null : _DRAWER_COMPONENTS_);
     }
@@ -90,6 +99,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "global",
+    style: {
+      color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key && '#1d79f2',
+      fontSize: 20
+    },
     onClick: function onClick() {
       return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key ? null : _DRAWER_I18N_);
     }
@@ -137,6 +150,6 @@ var Ribbon = function Ribbon() {
     style: _objectSpread(_objectSpread({}, _DRAWER_PROPS.style), {}, {
       display: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key ? 'block' : 'none'
     })
-  }), /*#__PURE__*/React.createElement(I18n, null)));
+  }), /*#__PURE__*/React.createElement(Expect, null)));
 };
 export default Ribbon;

package/es/lowcode/painter/components/ActionBindModal.js

@@ -18,13 +18,9 @@ var _ACTION_CATEGORY_ = [{
     id: "".concat(_I18N_PREFIX_, ".pageActions"),
     label: '页面行为'
   })
-}, {
-  key: 'trigger',
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".trigger"),
-    label: '触发器'
-  })
-}, {
+},
+// { key: 'trigger', label: formatMessage({ id: `${_I18N_PREFIX_}.trigger`, label: '触发器' }) },
+{
   key: 'custom',
   label: formatMessage({
     id: "".concat(_I18N_PREFIX_, ".custom"),

package/es/lowcode/painter/components/DragDrop/DragDropContext.js

@@ -2,12 +2,13 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { useState } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { DndContext, DragOverlay, useSensor, MouseSensor, useSensors } from '@dnd-kit/core';
 import Overlay from "./Overlay";
 import { CONTAINER_UNITS } from "../../../constants";
-import { useContext } from "../../../engine/provider/ContextProvider";
+import { useContext, moveNode } from "../../../engine/provider/ContextProvider";
 import { isNil } from 'lodash';
+import { suid } from '@luck-design-biz/base/utils';
 var SIDE_DiSTANCE = 20;
 var SIDE_DiSTANCE_TREENODE = 10;
 export var Action = /*#__PURE__*/_createClass(function Action() {
@@ -26,15 +27,50 @@ export default function (_ref) {
   var _active$component;
   var children = _ref.children;
   var ctx = useContext();
+  useEffect(function () {
+    var event_drag = ctx.$subscriber(ctx.topics.COMPONENT_DRAG_END).on(function (_ref2) {
+      var id = _ref2.id,
+        fromId = _ref2.fromId,
+        fromComp = _ref2.fromComp,
+        action = _ref2.action,
+        actionSide = _ref2.actionSide,
+        vaild = _ref2.vaild;
+      // console.log('onDargEnd', id, fromId, fromComp, action, actionSide);
+      if (vaild) {
+        switch (action) {
+          case 'move':
+            {
+              moveNode(fromId, id, actionSide);
+            }
+            break;
+          case 'add':
+            {
+              var compName = fromComp.component.toLowerCase();
+              var json = require("../../../engine/meta/".concat(compName, ".props.default.json"));
+              moveNode(null, id, actionSide, "".concat(compName, "_").concat(suid()), json);
+            }
+            break;
+        }
+      }
+    }).watch();
+    return function () {
+      ctx.$unsubscriber(ctx.topics.COMPONENT_DRAG_END, event_drag);
+    };
+  }, []);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     active = _useState2[0],
     setActive = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    noDrag = _useState4[0],
+    setNoDrag = _useState4[1];
   function handleDragStart(event) {
     setActive(event.active.data.current);
   }
   function handleDragEnd(event) {
     setActive(null);
+    setNoDrag(null);
     pubEvent(event, ctx.topics.COMPONENT_DRAG_END, ctx);
   }
   function handleDragMove(event) {
@@ -47,34 +83,65 @@ export default function (_ref) {
     }
   });
   var sensors = useSensors(mouseSensor);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DndContext, {
-    sensors: sensors,
-    onDragStart: handleDragStart,
-    onDragEnd: handleDragEnd,
-    onDragMove: handleDragMove
-  }, children, /*#__PURE__*/React.createElement(DragOverlay, {
-    style: {
-      zIndex: 21
-    },
-    dropAnimation: null
-  }, active && /*#__PURE__*/React.createElement(Overlay, null, active === null || active === void 0 || (_active$component = active.component) === null || _active$component === void 0 ? void 0 : _active$component.name))));
-}
-function pubEvent(event, eventName, ctx) {
-  if (event.active && event.over && event.active.data.current.id !== event.over.data.current.id) {
-    var parentNode = ctx.componentMap.get(event.over.data.current.id).api.getSelfAndParentData().parent;
-
-    // console.log('event.over.data.current.type', event.over.data.current.type)
-    var actionSide = getAction(event.over.data.current.type, event.over.data.current.component.component, event.active.rect.current.translated, event.over.rect, parentNode);
-    console.log({
-      eventName: eventName,
-      id: event.over.data.current.id,
-      fromId: event.active.data.current.id,
-      fromComp: event.active.data.current.component,
-      action: event.active.data.current.action,
-      actionSide: actionSide
-    });
-    if (actionSide) {
+  var pubEvent = useCallback(function (event, eventName, ctx) {
+    if (event.active && event.over && event.active.data.current.id !== event.over.data.current.id) {
+      var vaild = true;
+      var dropperId = event.over.data.current.id;
+      var dropNodeData = ctx.$(dropperId).api.getSelfAndParentData();
+      var dropNode = dropNodeData === null || dropNodeData === void 0 ? void 0 : dropNodeData.node;
+      var dropParentNode = dropNodeData === null || dropNodeData === void 0 ? void 0 : dropNodeData.parent;
+
+      // console.log('dropperId', dropperId)
+
+      var actionSide = getAction(event.over.data.current.type, event.over.data.current.component.component, event.active.rect.current.translated, event.over.rect, dropNode, dropParentNode);
+
+      // console.log('actionSide', actionSide)
+
+      if (event.active.data.current.action === 'move') {
+        var draggerId = event.active.data.current.id;
+        // console.log('draggerId', draggerId, event.active.data.current)
+
+        var dragNodeData = ctx.$(draggerId).api.getSelfAndParentData();
+        var dragNode = dragNodeData === null || dragNodeData === void 0 ? void 0 : dragNodeData.node;
+        var dragParentNode = dragNodeData === null || dragNodeData === void 0 ? void 0 : dragNodeData.parent;
+
+        // 如果是拖拽到父容器上则不进行处理
+        if (dragParentNode && dragParentNode.props.id === event.over.data.current.id) {
+          vaild = false;
+        }
+
+        // 父结构不容许拖入子结构
+        if (findParent(ctx, dropperId, draggerId)) {
+          vaild = false;
+        }
+
+        // 如果是build类型的组件，不容许跨节点拖拽
+        if (dragNode.props.buildIn == true && (dragNode.props.parentId != dropNode.props.parentId || actionSide == ActionSide.INSIDE)) {
+          vaild = false;
+        }
+        ;
+      } else if (event.active.data.current.action === 'add') {
+        vaild = true;
+      }
+      if (!actionSide) {
+        vaild = false;
+      }
+
+      // console.log('vaild', vaild, actionSide)
+
+      setNoDrag(!vaild);
+
+      // console.log({
+      //   eventName,
+      //   id: event.over.data.current.id,
+      //   fromId: event.active.data.current.id,
+      //   fromComp: event.active.data.current.component,
+      //   action: event.active.data.current.action,
+      //   actionSide,
+      // });
+
       ctx.$publisher(eventName, {
+        vaild: vaild,
         id: event.over.data.current.id,
         // 拖拽目标组件id
         fromId: event.active.data.current.id,
@@ -85,18 +152,57 @@ function pubEvent(event, eventName, ctx) {
         // 行为 add move delete
         actionSide: actionSide // 目标位置 left inside right
       });
+    } else {
+      setNoDrag(true);
+      ctx.$publisher(eventName, {
+        vaild: false
+      });
     }
-  }
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DndContext, {
+    sensors: sensors,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd,
+    onDragMove: handleDragMove
+  }, children, /*#__PURE__*/React.createElement(DragOverlay, {
+    style: {
+      zIndex: 21
+    },
+    dropAnimation: null
+  }, active && /*#__PURE__*/React.createElement(Overlay, {
+    noDrag: noDrag
+  }, active === null || active === void 0 || (_active$component = active.component) === null || _active$component === void 0 ? void 0 : _active$component.name))));
+}
+
+// 查找id是否属于parentid的子层级
+function findParent(ctx, id, parentid) {
+  // 安全地获取节点数据
+  var nodeData = ctx.componentMap.get(id).api.getSelfAndParentData();
+  var node = nodeData === null || nodeData === void 0 ? void 0 : nodeData.node; // 确保这里是 'node' 而非 'nodel'
+
+  // 检查当前节点的parentId是否为目标parentid
+  if (node && node.props.parentId === parentid) return true;
+
+  // 检查是否已经到达页面根节点
+  if (!node.props.parentId || node.props.parentId === 'page_root') return false;
+
+  // 递归调用，检查上一级父节点
+  return findParent(ctx, node.props.parentId, parentid);
 }
 function isContainerUnit(node) {
   if (isNil(node)) return false;
   return CONTAINER_UNITS.includes(node.props.component);
 }
-function getAction(type, overComponentName, activeRect, overRect, parentNode) {
+function getAction(type, overComponentName, activeRect, overRect, dropNode, dropParentNode) {
   var action = null;
-  var parentIsContainer = isContainerUnit(parentNode);
+  var dropNodeParent = dropParentNode;
+  var parentIsContainer = isContainerUnit(dropNodeParent);
+  var buildIn = dropNode.props.buildIn;
+  // console.log('buildIn', buildIn, dropNode, dropNodeParent)
+
   if (type == 'comp') {
     if (CONTAINER_UNITS.includes(overComponentName)) {
+      // console.log('parentIsContainer', parentIsContainer, parentNode)
       // 如果是最小单元容器
       if (Math.abs(activeRect.left - overRect.left) <= SIDE_DiSTANCE) {
         if (parentIsContainer) action = ActionSide.LEFT;
@@ -107,20 +213,21 @@ function getAction(type, overComponentName, activeRect, overRect, parentNode) {
       }
     } else {
       // 独立组件
-      if (activeRect.left >= overRect.left && activeRect.left <= overRect.left + overRect.width / 2) {
+      // console.log('pos:',activeRect.left, overRect.left)
+      if (activeRect.left <= overRect.left + overRect.width / 2) {
         if (parentIsContainer) action = ActionSide.LEFT;
-      } else if (activeRect.left > overRect.left + overRect.width / 2 && activeRect.left <= overRect.right) {
+      } else if (activeRect.left > overRect.left + overRect.width / 2) {
         if (parentIsContainer) action = ActionSide.RIGHT;
       }
     }
   } else {
-    // console.log('position', activeRect.top, overRect.bottom)
+    // 大纲树处理
     if (CONTAINER_UNITS.includes(overComponentName)) {
       // 如果是最小单元容器
       if (Math.abs(activeRect.top - overRect.top) <= SIDE_DiSTANCE_TREENODE) {
-        if (parentIsContainer) action = ActionSide.LEFT;
+        if (parentIsContainer || buildIn) action = ActionSide.LEFT;
       } else if (Math.abs(activeRect.top - overRect.bottom) <= SIDE_DiSTANCE_TREENODE) {
-        if (parentIsContainer) action = ActionSide.RIGHT;
+        if (parentIsContainer || buildIn) action = ActionSide.RIGHT;
       } else {
         action = ActionSide.INSIDE;
       }

package/es/lowcode/painter/components/DragDrop/DragDropWrapper.js

@@ -1,9 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { cloneElement, useEffect } from 'react';
 import { useCreation } from 'ahooks';
-import { useDraggable, useDroppable } from '@dnd-kit/core';
+import { useDraggable, useDroppable, useDndMonitor } from '@dnd-kit/core';
 import { useContext } from "../../../engine/provider/ContextProvider";
-import { Action } from "./DragDropContext";
+import { Action, ActionSide } from "./DragDropContext";
 import { NO_DRAGABLE, NO_DROPABLE } from "../../../constants";
 export default function (_ref) {
   var id = _ref.id,
@@ -38,13 +38,36 @@ export default function (_ref) {
   }, []);
   useEffect(function () {
     var dom = getTargetDom();
-    if (dom) {
-      if (!NO_DRAGABLE.includes(itemInfo.component)) setDragRef(dom);
-      if (!NO_DROPABLE.includes(itemInfo.component)) setDropRef(dom);
-    }
+    if (!dom || !itemInfo.component) return;
+    if (!NO_DRAGABLE.includes(itemInfo.component)) setDragRef(dom);
+    if (!NO_DROPABLE.includes(itemInfo.component)) setDropRef(dom);
   }, []);
   var comp = useCreation(function () {
     return /*#__PURE__*/cloneElement(children, _objectSpread(_objectSpread(_objectSpread({}, children.props), _memoListeners), attributes));
   }, [id, children]);
+  useEffect(function () {
+    var event_drag = ctx.$subscriber(ctx.topics.COMPONENT_DRAG_OVER).on(function (_ref2) {
+      var itemId = _ref2.id,
+        actionSide = _ref2.actionSide;
+      if (actionSide === ActionSide.INSIDE) {
+        ctx.$publisher(ctx.topics.COMPONENT_HOVER, {
+          target: itemId
+        });
+      } else if (actionSide === ActionSide.LEFT || actionSide === ActionSide.RIGHT) {
+        ctx.$publisher(ctx.topics.COMPONENT_HOVER, {
+          target: itemId,
+          side: actionSide
+        });
+      }
+    }).watch();
+    return function () {
+      ctx.$unsubscriber(ctx.topics.COMPONENT_DRAG_OVER, event_drag);
+    };
+  }, []);
+  useDndMonitor({
+    onDragEnd: function onDragEnd() {
+      ctx.$publisher(ctx.topics.COMPONENT_HOVER, null);
+    }
+  });
   return comp;
 }

package/es/lowcode/painter/components/DragDrop/Overlay.js

@@ -1,8 +1,11 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
+import classNames from 'classnames';
 import styles from "../../style/dragdrop.less";
 export default function (_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    noDrag = _ref.noDrag;
   return /*#__PURE__*/React.createElement("div", {
-    className: styles['dragdrop-overlay']
+    className: classNames([styles['dragdrop-overlay'], _defineProperty({}, styles['no-drag'], noDrag)])
   }, children);
 }

package/es/lowcode/painter/components/DragDrop/TreeDragDropWrapper.js

@@ -1,10 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from 'react';
+import classNames from 'classnames';
 import { useDraggable, useDroppable, useDndMonitor } from '@dnd-kit/core';
 import { Action } from "./DragDropContext";
 import { useContext } from "../../../engine/provider/ContextProvider";
-import styles from "../../style/treedragdrop.less";
+import styles from "../../style/dragdrop.less";
 import { NO_DRAGABLE, NO_DROPABLE } from "../../../constants";
 export default function (_ref) {
   var item = _ref.item,
@@ -19,8 +21,9 @@ export default function (_ref) {
     var event_drag = context.$subscriber(context.topics.COMPONENT_DRAG_OVER).on(function (_ref2) {
       var itemId = _ref2.id,
         fromId = _ref2.fromId,
-        actionSide = _ref2.actionSide;
-      if (itemId === id) {
+        actionSide = _ref2.actionSide,
+        vaild = _ref2.vaild;
+      if (vaild && itemId === id) {
         setSide(actionSide);
       } else {
         setSide(null);
@@ -58,7 +61,7 @@ export default function (_ref) {
     }),
     setDropRef = _useDroppable.setNodeRef;
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: "".concat(styles['lc-painter-components-treedragdrop'], " ").concat(side ? "".concat(side, "-side") : '', " ").concat(isDragging ? "ondrag" : ''),
+    className: classNames([styles['lc-painter-components-treedragdrop'], _defineProperty(_defineProperty({}, styles["".concat(side, "-side")], side), styles['ondrag'], isDragging)]),
     ref: function ref(node) {
       if (!NO_DRAGABLE.includes(item.component)) setDragRef(node);
       if (!NO_DROPABLE.includes(item.component)) setDropRef(node);

package/es/lowcode/painter/components/NumberInput.js

@@ -59,7 +59,7 @@ export default function (_ref) {
     unit = _parseValue.unit;
   var handleSelect = function handleSelect(item) {
     var newValue;
-    if (item.key == 'auto') newValue = item.key;else if (isNaN(number)) {
+    if (item.key == 'auto') newValue = item.key;else if (!number || isNaN(number)) {
       var defaultNumber = defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0;
       if (isNaN(defaultNumber)) {
         var match = defaultNumber.match(/[\d\.]+/);

package/es/lowcode/painter/components/code-editor/BaseEditor.js

@@ -76,7 +76,8 @@ var BaseEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
           onDidChangeStorage: function onDidChangeStorage() {}
         }
       });
-      editorInstance.current.onDidChangeModelContent(function (event) {
+      // 监听布局变化，重新赋值，解决编辑器全屏切换时，编辑器空白的问题
+      editorInstance.current.onDidLayoutChange(function (event) {
         if (onChange) onChange(editorInstance.current.getValue(), event);
       });
     }

package/es/lowcode/painter/components/field-setting/FieldAttrs.js

@@ -28,8 +28,8 @@ var LeftBox = styled.div.withConfig({
 var Option = styled.div.withConfig({
   displayName: "Option",
   componentId: "luckda-6530__sc-rwt684-3"
-})(["width:100%;height:32px;cursor:pointer;line-height:32px;padding:0 8px;display:flex;justify-content:space-between;align-items:center;", " &:hover{background-color:#e8e8e8;}"], function (props) {
-  return props.actived ? 'background-color: #e8e8e8;' : void 0;
+})(["width:100%;height:32px;cursor:pointer;line-height:32px;padding:0 8px;display:flex;justify-content:space-between;align-items:center;", " &:hover{background-color:var(--ant-border-color-base,#e8e8e8);}"], function (props) {
+  return props.actived ? 'background-color: var(--ant-border-color-base, #e8e8e8);' : void 0;
 });
 var RightBox = styled.div.withConfig({
   displayName: "RightBox",