@luck-design-biz/luckda 1.0.1 → 1.0.2

package/lib/lowcode/painter/components/field-setting/SettingUI.js

@@ -66,6 +66,19 @@ var _PINNED_OPTIONS_ = [{
   }),
   value: 'right'
 }];
+var _FORM_MODE_OPTIONS_ = [{
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".formMode.single"),
+    label: '单行'
+  }),
+  value: 'single'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".formMode.bulk"),
+    label: '批量'
+  }),
+  value: 'bulk'
+}];
 var _TRUE_FALSE_ = ['__TRUE__', '__FALSE__'];
 var CoderWrapper = _styledComponents.default.div.withConfig({
   displayName: "CoderWrapper",
@@ -79,6 +92,10 @@ var StyledRadio = (0, _styledComponents.default)(_antd.Radio.Group).withConfig({
   displayName: "StyledRadio",
   componentId: "luckda-6530__sc-1n41f3z-2"
 })(["span.ant-radio + *{padding-left:4px;padding-right:4px;}"]);
+var StyledCheckbox = (0, _styledComponents.default)(_antd.Checkbox.Group).withConfig({
+  displayName: "StyledCheckbox",
+  componentId: "luckda-6530__sc-1n41f3z-3"
+})([".ant-checkbox-wrapper{font-size:12px;}"]);
 var _DEFAULT_RENDER_CODE = "function render(value, data, rowIndex, params) { \n  return value;\n}";
 var SettingUI = function SettingUI(_ref) {
   var loading = _ref.loading,
@@ -325,7 +342,18 @@ var SettingUI = function SettingUI(_ref) {
     onChange: function onChange(val) {
       return run('tip', val);
     }
-  }))), component === 'form' && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+  }))), component === 'tableForm' && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".formMode"),
+      label: '修改方式'
+    })
+  }, /*#__PURE__*/_react.default.createElement(StyledCheckbox, {
+    options: _FORM_MODE_OPTIONS_,
+    defaultValue: fieldData.formMode ? [fieldData.formMode] : ['single', 'bulk'],
+    onChange: function onChange(val) {
+      return run('formMode', val);
+    }
+  })), component === 'form' && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
     label: (0, _utils.formatMessage)({
       id: "".concat(_I18N_PREFIX_, ".fieldColumn"),
       label: '占列数'

package/lib/lowcode/painter/components/field-setting/index.js

@@ -231,7 +231,7 @@ var FieldSetting = function FieldSetting(_ref) {
               moduleUid: moduleId
             }, val ? 'uniqueFieldUid' : 'noUniqueFieldUid', fieldData.uid));
           case 3:
-            _context.next = 34;
+            _context.next = 38;
             break;
           case 5:
             if (!(key === 'align' || key === 'headerAlign' || key === 'pinned' || key === 'tip' || key === 'render')) {
@@ -239,22 +239,36 @@ var FieldSetting = function FieldSetting(_ref) {
               break;
             }
             handleUIChange(key, val);
-            _context.next = 34;
+            _context.next = 38;
             break;
           case 9:
-            if (!(key === 'col' || key === 'row')) {
+            if (!(key === 'formMode')) {
               _context.next = 13;
               break;
             }
-            handleUIChange(key, val);
-            _context.next = 34;
+            if (val.includes('single') && !val.includes('bulk')) {
+              handleUIChange(key, 'single');
+            } else if (!val.includes('single') && val.includes('bulk')) {
+              handleUIChange(key, 'bulk');
+            } else {
+              handleUIChange(key, void 0);
+            }
+            _context.next = 38;
             break;
           case 13:
+            if (!(key === 'col' || key === 'row')) {
+              _context.next = 17;
+              break;
+            }
+            handleUIChange(key, val);
+            _context.next = 38;
+            break;
+          case 17:
             if (!(key === 'delRule')) {
-              _context.next = 21;
+              _context.next = 25;
               break;
             }
-            _context.next = 16;
+            _context.next = 20;
             return (0, _apiUrl.fetchDelAttrs)({
               moduleDatasetUid: fieldData.datasetFieldUid,
               ccmModuleFieldVerifies: [{
@@ -262,11 +276,11 @@ var FieldSetting = function FieldSetting(_ref) {
               }],
               scope: _constants.FIELD_SCOPES.CHECK_RULES
             });
-          case 16:
+          case 20:
             _yield$fetchDelAttrs = _context.sent;
             code = _yield$fetchDelAttrs.code;
             return _context.abrupt("return", code === 1);
-          case 21:
+          case 25:
             mapping = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.FIELD_SCOPES.FIELD_REQUIRED, {
               key: 'fieldRequired',
               refresh: requiredRefresh
@@ -302,15 +316,15 @@ var FieldSetting = function FieldSetting(_ref) {
             if (!_stateItem) {
               d.datasetBusinessUids = [fieldData.uid];
             }
-            _context.next = 31;
+            _context.next = 35;
             return request(d);
-          case 31:
+          case 35:
             _yield$request = _context.sent;
             _code = _yield$request.code;
             if (_code === 1) {
               mapping[key].refresh();
             }
-          case 34:
+          case 38:
           case "end":
             return _context.stop();
         }

package/lib/lowcode/painter/expect.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("luck-design/antd");
+var _utils = require("@luck-design-biz/base/utils");
+var Expect = function Expect(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: (0, _objectSpread2.default)({
+      height: '100%',
+      width: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }, style)
+  }, /*#__PURE__*/_react.default.createElement(_antd.Empty, {
+    image: require("./svg/expect.svg"),
+    imageStyle: {
+      height: '101px',
+      width: '129px'
+    },
+    description: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.I18n.empty',
+      label: '敬请期待'
+    })
+  }));
+};
+var _default = exports.default = Expect;

package/lib/lowcode/painter/panel-section/ActionsEditor/ActionEditor.js

@@ -13,6 +13,8 @@ var _lodash = require("lodash");
 var _PopForm = require("../../components/PopForm");
 var _SerialsSelector = _interopRequireDefault(require("../SerialsSelector"));
 var _utils = require("@luck-design-biz/base/utils");
+var _Icon = _interopRequireDefault(require("../Icon"));
+var _IconSelector = _interopRequireDefault(require("../IconSelector"));
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
 var _SERIAL_EFFECT_OPTIONS_ = [{
   label: (0, _utils.formatMessage)({
@@ -56,6 +58,8 @@ var ActionEditor = function ActionEditor(_ref) {
   var action = _ref.action,
     onChange = _ref.onChange,
     suppressName = _ref.suppressName,
+    _ref$suppressIcon = _ref.suppressIcon,
+    suppressIcon = _ref$suppressIcon === void 0 ? true : _ref$suppressIcon,
     suppressRiskLevel = _ref.suppressRiskLevel;
   var valueRef = (0, _react.useRef)((0, _lodash.cloneDeep)(action));
   var handleChange = (0, _ahooks.useMemoizedFn)(function (field, value) {
@@ -75,7 +79,21 @@ var ActionEditor = function ActionEditor(_ref) {
       id: "".concat(_I18N_PREFIX_, ".name.placeholder"),
       label: '请输入行为名称'
     })
-  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+  }))), !suppressIcon && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".icon"),
+    label: '图标'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
+    placement: "left",
+    content: /*#__PURE__*/_react.default.createElement(_IconSelector.default, {
+      value: action.icon,
+      onChange: function onChange(value) {
+        return handleChange('icon', value);
+      }
+    }),
+    trigger: "click"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    value: action.icon
+  })))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".serial"),
     label: '资源串'
   })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_SerialsSelector.default, {

package/lib/lowcode/painter/panel-section/ActionsEditor/index.js

@@ -20,6 +20,7 @@ var _PopConfirm = _interopRequireDefault(require("../../components/PopConfirm"))
 var _ActionBindModal = _interopRequireDefault(require("../../components/ActionBindModal"));
 var _utils = require("@luck-design-biz/base/utils");
 var _helper = require("../../../engine/tools/helper");
+var _IconFont = _interopRequireDefault(require("../../../../components/IconFont"));
 var _actionsEditor = _interopRequireDefault(require("../../style/actions-editor.less"));
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionsEditor';
 var _DISPLAY_OPTIONS_ = [{
@@ -40,6 +41,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
     defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
     suppressDisplay = _ref.suppressDisplay,
+    _ref$suppressIcon = _ref.suppressIcon,
+    suppressIcon = _ref$suppressIcon === void 0 ? true : _ref$suppressIcon,
     suppressMax = _ref.suppressMax,
     suppressMore = _ref.suppressMore,
     defaultCode = _ref.defaultCode;
@@ -61,7 +64,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
         serial: void 0,
         serialEffect: 'hidden',
         riskLevel: 'default',
-        actionPool: []
+        actionPool: [],
+        icon: suppressIcon ? null : 'iconyingyongguanli'
       },
       callback: function callback(newActions) {
         valueRef.current.todoList = newActions;
@@ -118,7 +122,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
         action: action,
         onChange: function onChange(value) {
           return handleValueChange('action', value);
-        }
+        },
+        suppressIcon: suppressIcon
       })
     }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
       type: "edit",
@@ -215,11 +220,21 @@ var ActionsEditor = function ActionsEditor(_ref) {
     }),
     handleAdd: handleAdd
   }, todoList.map(function (action) {
+    var _action$icon;
     return /*#__PURE__*/_react.default.createElement(_SortBox.SortItem, {
       key: action.id,
       id: action.id
     }, /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditorItem, {
-      left: /*#__PURE__*/_react.default.createElement("span", null, action.name),
+      left: /*#__PURE__*/_react.default.createElement("p", {
+        style: {
+          margin: 0
+        }
+      }, suppressIcon ? null : /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+        type: (_action$icon = action.icon) !== null && _action$icon !== void 0 ? _action$icon : 'iconyingyongguanli',
+        style: {
+          marginRight: '4px'
+        }
+      }), /*#__PURE__*/_react.default.createElement("span", null, action.name)),
       right: renderItemRight(action),
       item: action,
       dispatch: dispatch

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

@@ -26,7 +26,7 @@ var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.complexPop';
 var DividerSpan = _styledComponents.default.span.withConfig({
   displayName: "DividerSpan",
   componentId: "luckda-6530__sc-lmsle1-0"
-})(["font-size:12px;color:var(--luck-text-color);"]);
+})(["font-size:12px;color:@text-color;"]);
 var FieldKey = _styledComponents.default.div.withConfig({
   displayName: "FieldKey",
   componentId: "luckda-6530__sc-lmsle1-1"

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

@@ -17,6 +17,7 @@ var _antd = require("luck-design/antd");
 var _ContextProvider = require("../../engine/provider/ContextProvider");
 var _apiUrl = require("../../constants/api-url");
 var _helper = require("../../engine/tools/helper");
+var _utils = require("@luck-design-biz/base/utils");
 var Div = _styledComponents.default.div.withConfig({
   displayName: "Div",
   componentId: "luckda-6530__sc-onj9tc-0"
@@ -147,7 +148,12 @@ var DataSetSelector = function DataSetSelector(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
       title: opt.name
     }, opt.name));
-  })), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+  })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.dateSetSelector.setting',
+      label: '配置字段'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
     size: size,
     icon: "setting",
     style: {
@@ -162,7 +168,12 @@ var DataSetSelector = function DataSetSelector(_ref) {
         component: component
       });
     }
-  }), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+  })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.dateSetSelector.sync',
+      label: '同步数据'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
     size: size,
     icon: "cloud-sync",
     loading: fetchAllDatasetLoading,
@@ -170,6 +181,6 @@ var DataSetSelector = function DataSetSelector(_ref) {
       marginLeft: 4
     },
     onClick: refreshDataset
-  }));
+  })));
 };
 var _default = exports.default = DataSetSelector;

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

@@ -24,7 +24,7 @@ var _apiUrl = require("../../constants/api-url");
 var _helper = require("../../engine/tools/helper");
 var _fieldsSetting = _interopRequireDefault(require("../style/fields-setting.less"));
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
-var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'render', 'col', 'row', 'note', 'placeholder', 'fieldAliasName', 'complexConfig'];
+var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'render', 'col', 'row', 'note', 'placeholder', 'fieldAliasName', 'complexConfig', 'formMode'];
 var Header = _styledComponents.default.div.withConfig({
   displayName: "Header",
   componentId: "luckda-6530__sc-gcwvp1-0"
@@ -205,7 +205,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
         data: {
           uid: groupId,
           id: groupId,
-          field: 'divider',
+          field: groupId,
           fieldName: 'Group',
           _type: 'divider'
         }

package/lib/lowcode/painter/panel-section/GroupClassSelector.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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _services = require("@luck-design-biz/base/lib/sys/services");
+var GroupClassSelector = function GroupClassSelector(_ref) {
+  var defaultValue = _ref.defaultValue,
+    _onChange = _ref.onChange;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  (0, _ahooks.useAsyncEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var _yield$readAllClass, code, list, detail, data;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return (0, _services.readAllClass)();
+        case 2:
+          _yield$readAllClass = _context.sent;
+          code = _yield$readAllClass.code;
+          list = _yield$readAllClass.list;
+          detail = _yield$readAllClass.detail;
+          if (code === 1) {
+            data = list.map(function (id) {
+              return {
+                key: detail[id].skey,
+                label: detail[id].sname
+              };
+            });
+            setOptions(data);
+          }
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), []);
+  return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    defaultValue: defaultValue,
+    onChange: function onChange(val) {
+      return _onChange(val);
+    },
+    size: "small"
+  }, options.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: item.key,
+      value: item.key
+    }, item.label);
+  }));
+};
+var _default = exports.default = GroupClassSelector;

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

@@ -144,7 +144,7 @@ var PageVars = function PageVars(_ref) {
             label: "\u786E\u8BA4\u5220\u9664\u5417\uFF1F"
           }),
           onOk: function onOk() {
-            if (currentItem.id === item.id) {
+            if ((currentItem === null || currentItem === void 0 ? void 0 : currentItem.id) === item.id) {
               setCurrentItem(null);
             }
             dispatch({

package/lib/lowcode/painter/panel-section/StylePanel/MainPanel.js

@@ -38,6 +38,7 @@ var MainPanel = function MainPanel() {
       type: 'code',
       payload: code
     });
+    editorRef.current.editor.setValue(code);
   }, []);
   var handleEditorLoad = (0, _react.useCallback)(function () {
     (0, _StyleContext.styleToEditor)(style).then(function (css) {

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

@@ -41,7 +41,7 @@ var TabItems = function TabItems(_ref) {
         id: "tab_".concat((0, _utils.suid)()),
         name: '标签项',
         active: false,
-        destory: false,
+        destory: true,
         serial: null,
         serialEffect: 'hidden'
       }

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

@@ -168,9 +168,9 @@ var TableTopFilter = function TableTopFilter(_ref) {
           id: "".concat(_I18N_PREFIX_, ".field.placeholder"),
           label: '请选择过滤字段'
         }),
-        onChange: function onChange(e) {
+        onChange: function onChange(value) {
           return handleChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, opt), {}, {
-            field: e.target.value
+            field: value
           }));
         }
       }))))
@@ -192,7 +192,7 @@ var TableTopFilter = function TableTopFilter(_ref) {
         cursor: 'pointer'
       },
       onClick: function onClick() {
-        return handleDelete(action);
+        return handleDelete(opt);
       }
     })));
   });

package/lib/lowcode/painter/style/action-bind-modal.less

@@ -1,3 +1,5 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .lc-painter-panel-action-bind-modal {
   &-body {
     width: 100%;
@@ -11,7 +13,7 @@
       .selector-box {
         width: 100%;
         height: 620px;
-        border: 1px solid #e8e8e8;
+        border: 1px solid @border-color-base;
         border-radius: 6px;
         display: flex;
 
@@ -46,7 +48,7 @@
         }
         .selector-box-ul.action-category {
           width: 120px;
-          border-right: 1px solid #e8e8e8;
+          border-right: 1px solid @border-color-base;
         }
 
         .selecter-items-box {
@@ -69,7 +71,7 @@
       .code-box {
         width: 100%;
         height: 620px;
-        border: 1px solid #e8e8e8;
+        border: 1px solid @border-color-base;
         border-radius: 6px;
         overflow: hidden;
         display: flex;

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

@@ -1,3 +1,5 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .box {
   position: absolute;
   width: 0;
@@ -32,8 +34,8 @@
     width: 100%;
     height: 40px;
     padding: 8px 16px;
-    border-bottom: 1px solid #e3e3e3;
-    background-color: white;
+    border-bottom: 1px solid @border-color-base;
+    background-color: @component-background;
     display: flex;
     align-items: center;
     justify-content: flex-end;
@@ -52,16 +54,16 @@
       margin: 0 2px;
       cursor: pointer;
       text-align: center;
-      color: #8c8c8c;
+      color: @text-color-secondary_luck;
     }
 
     .toolbar-item:hover {
-      color: #262626;
+      color: @text-color;
     }
 
     .toolbar-item.actived {
-      color: #8c8c8c;
-      background: #f1f2f3;
+      color: @text-color-secondary_luck;
+      background: @layout-body-background;
     }
 
     .toolbar-item.disabled {
@@ -90,7 +92,14 @@
       .ant-form-item,
       .ant-collapse-header,
       .resizer,
-      .ant-tree-node-content-wrapper, .ant-modal-footer {
+      .formlist-affix-bar,
+      .ant-tree-node-content-wrapper,
+      .ant-modal-header,
+      .ant-modal-close,
+      .ant-modal-footer,
+      .ant-drawer-header,
+      .ant-drawer-footer,
+      .luck-card-list>* {
         pointer-events: none;
       }
       .luck-grid-table {
@@ -114,6 +123,12 @@
       line-height: 20px;
     }
   }
+  &-detector.sider-left {
+    border-left: 3px solid var(--ant-primary-6);
+  }
+  &-detector.sider-right {
+    border-right: 3px solid var(--ant-primary-6);
+  }
 
   &-selector {
     border: 2px solid var(--ant-primary-6);
@@ -158,3 +173,7 @@
     }
   }
 }
+
+.hoverPrimary:hover{
+  color: @primary-color;
+}

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

@@ -7,4 +7,50 @@
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* 水平偏移0，垂直偏移4px，模糊半径8px，阴影颜色黑色且50%透明 */
   font-size: 12px;
   color: #ffffff;
+  
+  &.no-drag{
+    background-color: #ff0000;
+  }
+
+}
+
+.lc-painter-components-treedragdrop {
+
+  user-select: none;
+
+  &.left-side {
+    border-top: 2px solid #1890ff;
+  }
+
+  &.right-side {
+    border-bottom: 2px solid #1890ff;
+  }
+
+  &.inside-side {
+    border: 2px solid #1890ff;
+  }
+  
+  &.ondrag{
+    font-weight: bold;
+  }
+}
+
+.lc-painter-components-dragdrop {
+
+  user-select: none;
+
+  &.left-side {
+    border-left: 2px solid #1890ff;
+  }
+
+  &.right-side {
+    border-right: 2px solid #1890ff;
+  }
+
+  &.inside-side {
+    border: 2px solid #1890ff;
+  }
+  &.ondrag{
+    font-weight: bold;
+  }
 }

package/lib/lowcode/painter/style/list-editor.less

@@ -1,3 +1,5 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .lc-painter-panel-section-components-listeditor {
   display: flex;
   align-items: center;
@@ -8,8 +10,8 @@
     .list-item {
       height: 28px;
       position: relative;
-      background: #fff;
-      border: 1px solid #e5e6e8;
+      background: @component-background;
+      border: 1px solid @border-color-base;
       border-radius: 6px;
       margin-bottom: 8px;
       display: flex;
@@ -62,7 +64,7 @@
         border-radius: 10px;
         font-weight: bold;
         font-size: 14px;
-        background-color: white;
+        background-color: @component-background;
         padding: 0 8px;
         display: flex;
         align-items: center;

package/lib/lowcode/painter/style/number-input.less

@@ -1,3 +1,5 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .lc-painter-panel-section-components-number-input {
   .num-input-wrap {
     position: relative;
@@ -10,7 +12,7 @@
       display: inline-block;
       position: absolute;
       right: 26px;
-      color: rgba(0, 0, 0, 0.6);
+      color: @text-color;
       cursor: pointer;
     }
   }

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

@@ -1,5 +1,7 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .lc-painter-outline {
-  background-color: #fff;
+  background-color: @component-background;
 
   .page-node {
     cursor: pointer;