@luck-design-biz/luckda 1.0.1-12 → 1.0.1-14

package/lib/lowcode/painter/DesignToolbar.js

@@ -426,7 +426,7 @@ var DesignToolbar = function DesignToolbar(_ref) {
     },
     bodyStyle: {
       height: 'calc(100% - 54px)',
-      backgroundColor: '#F0F2F5'
+      backgroundColor: 'var(--ant-component-background,#F0F2F5)'
     },
     visible: showPreview,
     destroyOnClose: true,

package/lib/lowcode/painter/Ribbon.js

@@ -76,6 +76,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/_react.default.createElement(_antd.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_);
     }
@@ -87,6 +91,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/_react.default.createElement(_antd.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_);
     }
@@ -98,6 +106,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/_react.default.createElement(_antd.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_);
     }

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

@@ -83,7 +83,8 @@ var BaseEditor = /*#__PURE__*/(0, _react.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/lib/lowcode/painter/components/field-setting/FieldAttrs.js

@@ -36,8 +36,8 @@ var LeftBox = _styledComponents.default.div.withConfig({
 var Option = _styledComponents.default.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 = _styledComponents.default.div.withConfig({
   displayName: "RightBox",

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/GroupClassSelector.js

@@ -12,7 +12,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
-var _services = require("@luck-design-biz/base/sys/services");
+var _services = require("@luck-design-biz/base/lib/sys/services");
 var GroupClassSelector = function GroupClassSelector(_ref) {
   var defaultValue = _ref.defaultValue,
     _onChange = _ref.onChange;

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/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 {
@@ -96,7 +98,8 @@
       .ant-modal-close,
       .ant-modal-footer,
       .ant-drawer-header,
-      .ant-drawer-footer {
+      .ant-drawer-footer,
+      .luck-card-list {
         pointer-events: none;
       }
       .luck-grid-table {

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;

package/lib/lowcode/painter/style/panel-attrs.less

@@ -1,3 +1,7 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
+@colorful-prefix: ~'@{luck-ant-prefix}-colorful';
+
 .lc-painter-panel-attrs {
   position: relative;
   width: 100%;
@@ -13,7 +17,7 @@
 
     &-header {
       height: 28px;
-      background-color: #e8e8e8;
+      background-color: var(~'--@{colorful-prefix}-primary-dark-2',#e8e8e8);
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -21,14 +25,14 @@
       font-size: 12px;
     }
     &-header:hover {
-      background-color: #e3e3e3;
+      background-color: var(~'--@{colorful-prefix}-primary-dark-1',#e3e3e3);
       cursor: pointer;
     }
 
     &-body {
       flex: 1;
       overflow-y: auto;
-      background-color: white;
+      background-color: @component-background;
       padding: 16px 0 8px;
     }
   }

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

@@ -1,11 +1,13 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .lc-painter-panel {
   position: relative;
   width: 320px;
   height: 100%;
-  border-left: 1px solid #e8e8e8;
+  border-left: 1px solid @border-color-base;
   display: flex;
   flex-direction: column;
-  background-color: #fff;
+  background-color: @component-background;
 
   &-empty {
     position: absolute;
@@ -25,8 +27,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;
     .active-node-level:hover {
@@ -52,11 +54,11 @@
         align-items: center;
 
         &:hover {
-          color: #363636;
+          color: @text-color;
         }
 
         &.actived {
-          color: #363636;
+          color: @text-color;
         }
 
         & > i {
@@ -66,7 +68,7 @@
 
       :global {
         li#header-active {
-          color: #363636;
+          color: @text-color;
           position: relative;
         }
       }

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

@@ -18,7 +18,7 @@
     cursor: pointer;
 
     &.active{
-      background-color: #ffffff;
+      background-color: @layout-body-background;
     }
   }
 }

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

@@ -1,5 +1,7 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .lc-painter-ribbon {
-  border-right: 1px solid #e8e8e8;
+  border-right: 1px solid @border-color-base;
   font-size: 16px;
-  background-color: #fff;
+  background-color: @component-background;
 }