@luck-design-biz/luckda 1.0.2-2 → 1.0.2-20temp

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

@@ -0,0 +1,145 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _umi = require("umi");
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _lodash = require("lodash");
+var _utils = require("@luck-design-biz/base/utils");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _apiUrl = require("../../constants/api-url");
+var _helper = require("../../engine/tools/helper");
+var _constants = require("../../constants");
+var Wrapper = _styledComponents.default.div.withConfig({
+  displayName: "Wrapper",
+  componentId: "luckda-6530__sc-r11awc-0"
+})(["width:100%;display:flex;align-items:center;"]);
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.proxy-linker';
+var ProxyLinker = function ProxyLinker(_ref) {
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange;
+  var _proxyCode = (0, _ContextProvider.useGet)({
+    id: nodeId,
+    path: 'props.proxyCode'
+  }) || defaultValue;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    menuTree = _useState2[0],
+    setMenuTree = _useState2[1];
+  var _useRequest = (0, _ahooks.useRequest)(function () {
+      return (0, _apiUrl.fetchMenuTree)({
+        dataModelKey: (0, _helper.getLDMetaAttr)('dataModelKey'),
+        menuType: 'SITE'
+      });
+    }, {
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          list = _ref2.list,
+          detail = _ref2.detail;
+        if (code === 1) {
+          var data = (0, _lodash.reduce)(list, function (res, _id) {
+            var _item = detail[_id];
+            if (_item.accessType === -1 || _item.accessType === 0 && _item.moduleCode) {
+              var isLeaf = _item.accessType === 0;
+              res.push({
+                id: _id,
+                parentId: _item.parentId,
+                key: _item.moduleCode,
+                value: _item.moduleCode,
+                title: isLeaf ? "".concat(_item.name, "(").concat(_item.code, ")") : _item.name,
+                disabled: !isLeaf
+              });
+            }
+            return res;
+          }, []);
+          setMenuTree((0, _helper.dataToTree)(data));
+        }
+      }
+    }),
+    loading = _useRequest.loading,
+    refresh = _useRequest.refresh;
+  var handleAddMenu = (0, _ahooks.useMemoizedFn)(function () {
+    var _getCreateHistoryOpti = (0, _umi.getCreateHistoryOptions)(),
+      basename = _getCreateHistoryOpti.basename;
+    var url = "".concat(basename === '/' ? '' : basename, "/ccm-dev/page-set/").concat((0, _helper.getLDMetaAttr)('dataModelKey'), "?activeKey=menuManage");
+    window.open(url, '_blank');
+  });
+  var handleEditPage = (0, _ahooks.useMemoizedFn)(function () {
+    var _getCreateHistoryOpti2 = (0, _umi.getCreateHistoryOptions)(),
+      basename = _getCreateHistoryOpti2.basename;
+    var url = "".concat(basename === '/' ? '' : basename, "/ccm-dev/page-set/").concat((0, _helper.getLDMetaAttr)('dataModelKey'), "?activeKey=pageDesign&code=").concat(_proxyCode, "&mode=edit");
+    window.open(url, '_blank');
+  });
+  var handleSelect = (0, _ahooks.useMemoizedFn)(function (val) {
+    onChange(val);
+    var _getSelfAndParent = (0, _ContextProvider.getSelfAndParent)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT),
+      pageRoot = _getSelfAndParent.node;
+    (0, _ContextProvider.modifyNode)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT, {
+      proxy: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, pageRoot.props.proxy), {}, (0, _defineProperty2.default)({}, nodeId, val))
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_antd.TreeSelect, {
+    showSearch: true,
+    style: {
+      width: 136
+    },
+    size: "small",
+    treeData: menuTree,
+    value: _proxyCode,
+    treeNodeFilterProp: "title",
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('lc-design-workspace');
+    },
+    onSelect: handleSelect
+  }), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".add"),
+      label: '新建页面'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: "small",
+    icon: "plus",
+    style: {
+      marginLeft: 4
+    },
+    onClick: handleAddMenu
+  })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".edit"),
+      label: '编辑页面'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: "small",
+    icon: "edit",
+    style: {
+      marginLeft: 4
+    },
+    disabled: !_proxyCode,
+    onClick: handleEditPage
+  })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".sync"),
+      label: '同步数据'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: "small",
+    icon: "cloud-sync",
+    style: {
+      marginLeft: 4
+    },
+    loading: loading,
+    onClick: refresh
+  })));
+};
+var _default = exports.default = ProxyLinker;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("luck-design/antd");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _utils = require("@luck-design-biz/base/utils");
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.proxy-params';
+function _default(_ref) {
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
+    next = _ref.next;
+  var value = (0, _ContextProvider.useGet)({
+    id: nodeId,
+    path: 'props.proxyParams'
+  }) || defaultValue;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: '0 12px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    block: true,
+    size: "small",
+    onClick: function onClick() {
+      return next();
+    }
+  }, (0, _utils.formatMessage)({
+    id: _I18N_PREFIX_,
+    label: '页面参数配置'
+  }), "(", (value === null || value === void 0 ? void 0 : value.length) || 0, ")"));
+}

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

@@ -0,0 +1,248 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _utils = require("@luck-design-biz/base/utils");
+var SmallForm = (0, _styledComponents.default)(_antd.Form).withConfig({
+  displayName: "SmallForm",
+  componentId: "luckda-6530__sc-1aq87r3-0"
+})(["font-size:12px;padding-top:8px;.ant-form-item{font-size:12px;margin-bottom:8px;.ant-form-item-label,.ant-form-item-control{height:24px;line-height:24px !important;}.ant-form-item-control.has-error{height:36px;.ant-form-explain{font-size:12px;}}label{font-size:12px;}}"]);
+var SmallCollapse = (0, _styledComponents.default)(_antd.Collapse).withConfig({
+  displayName: "SmallCollapse",
+  componentId: "luckda-6530__sc-1aq87r3-1"
+})(["font-size:12px;margin-bottom:8px;& > .ant-collapse-item > .ant-collapse-header{padding:4px 8px 4px 36px;}.ant-collapse-content > .ant-collapse-content-box{padding:4px 8px;}"]);
+var ButtonWrapper = _styledComponents.default.div.withConfig({
+  displayName: "ButtonWrapper",
+  componentId: "luckda-6530__sc-1aq87r3-2"
+})(["display:grid;grid-template-columns:1fr 1fr;gap:8px;"]);
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.proxy-params-setter';
+var _OPTIONS_ = [{
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.state"),
+    label: '页面全局状态'
+  }),
+  value: 'state'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.global"),
+    label: '页面全局变量'
+  }),
+  value: 'global'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.url"),
+    label: '页面URL参数'
+  }),
+  value: 'url'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.string"),
+    label: '字符串常量'
+  }),
+  value: 'string'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.num"),
+    label: '数字常量'
+  }),
+  value: 'num'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.bool"),
+    label: '布尔常量'
+  }),
+  value: 'bool'
+}];
+var ParamForm = _antd.Form.create({
+  name: 'param_form',
+  onValuesChange: function onValuesChange(props, _, allValues) {
+    props.onChange(props.id, allValues);
+  }
+})(function (_ref) {
+  var form = _ref.form,
+    getForm = _ref.getForm,
+    defaultValue = _ref.defaultValue;
+  (0, _react.useEffect)(function () {
+    getForm(form);
+  }, []);
+  var formItemCol = {
+    labelCol: {
+      span: 8
+    },
+    wrapperCol: {
+      span: 16
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(SmallForm, {
+    hideRequiredMark: true,
+    layout: "horizontal"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, (0, _extends2.default)({
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".param-name"),
+      label: '参数名称'
+    })
+  }, formItemCol), form.getFieldDecorator('name', {
+    initialValue: defaultValue.name,
+    rules: [{
+      required: true,
+      message: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".warn.param-name"),
+        label: '请输入参数名称'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small"
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, (0, _extends2.default)({
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".param-origin"),
+      label: '参数来源'
+    })
+  }, formItemCol), form.getFieldDecorator('origin', {
+    initialValue: defaultValue.origin || 'state'
+  })( /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    size: "small"
+  }, _OPTIONS_.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  })))), ['state', 'global', 'url', 'string'].includes(form.getFieldValue('origin')) && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, (0, _extends2.default)({
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".param-value"),
+      label: '值或变量名'
+    })
+  }, formItemCol), form.getFieldDecorator('value', {
+    initialValue: defaultValue.value,
+    rules: [{
+      required: true,
+      message: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".warn.param-value"),
+        label: '请输入参数值或变量名'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small"
+  }))), form.getFieldValue('origin') === 'num' && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, (0, _extends2.default)({
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".param-value"),
+      label: '值或变量名'
+    })
+  }, formItemCol), form.getFieldDecorator('value', {
+    initialValue: defaultValue.value || 0
+  })( /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
+    size: "small"
+  }))), form.getFieldValue('origin') === 'bool' && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, (0, _extends2.default)({
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".param-value"),
+      label: '值或变量名'
+    })
+  }, formItemCol), form.getFieldDecorator('value', {
+    initialValue: defaultValue.value || false,
+    valuePropName: 'checked'
+  })( /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+    size: "small"
+  }))));
+});
+var ProxyParamsSetter = function ProxyParamsSetter(_ref2) {
+  var defaultValue = _ref2.defaultValue,
+    onChange = _ref2.onChange;
+  var formsRef = (0, _react.useRef)([]);
+  var _useMap = (0, _ahooks.useMap)(defaultValue.map(function (item) {
+      return [item.id, item];
+    })),
+    _useMap2 = (0, _slicedToArray2.default)(_useMap, 2),
+    map = _useMap2[0],
+    _useMap2$ = _useMap2[1],
+    set = _useMap2$.set,
+    remove = _useMap2$.remove;
+  var handleAdd = (0, _ahooks.useMemoizedFn)(function () {
+    var _id = (0, _utils.suid)();
+    set(_id, {
+      id: _id,
+      origin: 'state'
+    });
+  });
+  var handleSave = (0, _ahooks.useMemoizedFn)(function () {
+    var isValid = true;
+    formsRef.current.some(function (_form) {
+      _form.validateFields(function (err, val) {
+        isValid = !err;
+      });
+      return !isValid;
+    });
+    if (!isValid) return;
+    onChange(Array.from(map).map(function (_ref3) {
+      var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+        id = _ref4[0],
+        item = _ref4[1];
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+        id: id
+      });
+    }));
+  });
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (id, val) {
+    set(id, val);
+  });
+  var handleDelete = (0, _ahooks.useMemoizedFn)(function (id, index) {
+    formsRef.current = [];
+    remove(id);
+  });
+  return /*#__PURE__*/_react.default.createElement("div", null, Array.from(map).map(function (_ref5, index) {
+    var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+      id = _ref6[0],
+      item = _ref6[1];
+    return /*#__PURE__*/_react.default.createElement(SmallCollapse, {
+      key: id,
+      activeKey: "panel"
+    }, /*#__PURE__*/_react.default.createElement(_antd.Collapse.Panel, {
+      header: "".concat((0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".param"),
+        label: "\u9875\u9762\u53C2\u6570"
+      })).concat(index + 1),
+      key: "panel",
+      extra: /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+        type: "minus-circle",
+        style: {
+          color: 'var(--luck-color-danger)'
+        },
+        onClick: function onClick() {
+          return handleDelete(id);
+        }
+      })
+    }, /*#__PURE__*/_react.default.createElement(ParamForm, {
+      id: id,
+      defaultValue: item,
+      getForm: function getForm(_form) {
+        return formsRef.current[index] = _form;
+      },
+      onChange: handleChange
+    })));
+  }), /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: "small",
+    block: true,
+    onClick: handleAdd
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".add"),
+    label: '添加参数'
+  })), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: "small",
+    block: true,
+    type: "primary",
+    onClick: handleSave
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".save"),
+    label: '保存并返回'
+  }))));
+};
+var _default = exports.default = ProxyParamsSetter;

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

@@ -1,18 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("@luck-design-biz/base/utils");
+var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _Collapse = _interopRequireDefault(require("../../components/Collapse"));
-var _PopConfirm = _interopRequireDefault(require("../../components/PopConfirm"));
 var _CssEditor = _interopRequireDefault(require("../../components/code-editor/CssEditor"));
-var _FullScreenEditor = _interopRequireDefault(require("../../components/code-editor/FullScreenEditor"));
 var _stylePanel = _interopRequireDefault(require("../../style/style-panel.less"));
 var _StyleContext = require("./StyleContext");
 var _WidthHeight = _interopRequireDefault(require("./WidthHeight"));
@@ -26,6 +26,7 @@ var _BorderRadius = _interopRequireDefault(require("./BorderRadius"));
 var _Shadow = _interopRequireDefault(require("./Shadow"));
 var _Opacity = _interopRequireDefault(require("./Opacity"));
 var _Pointer = _interopRequireDefault(require("./Pointer"));
+var _luckDesign = require("luck-design");
 /**
  * 主样式面板
  */
@@ -33,21 +34,20 @@ var MainPanel = function MainPanel() {
   var style = (0, _StyleContext.useStyle)(true);
   var dispatch = (0, _StyleContext.useStyleDispatch)();
   var editorRef = (0, _StyleContext.useEditor)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  var lasestStyle = (0, _ahooks.useLatest)(style);
   var handleCodeChange = (0, _react.useCallback)(function (code) {
     dispatch({
       type: 'code',
       payload: code
     });
+    // editorRef.current.editor.setValue(code)
   }, []);
-  var handleEditorLayoutChange = (0, _react.useCallback)(function (code) {
-    dispatch({
-      type: 'code',
-      payload: code
-    });
-    editorRef.current.editor.setValue(code);
-  }, []);
-  var handleEditorLoad = (0, _react.useCallback)(function () {
-    (0, _StyleContext.styleToEditor)(style).then(function (css) {
+  var handleOnload = (0, _react.useCallback)(function () {
+    (0, _StyleContext.styleToEditor)(lasestStyle.current).then(function (css) {
       editorRef.current.editor.setValue(css);
     });
   }, []);
@@ -60,24 +60,35 @@ var MainPanel = function MainPanel() {
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylePanel.default['style-editor']
-  }, /*#__PURE__*/_react.default.createElement(_PopConfirm.default, {
-    placement: "bottomRight",
-    title: /*#__PURE__*/_react.default.createElement(_FullScreenEditor.default, {
-      ref: editorRef,
-      EditorComponent: _CssEditor.default,
-      width: "280px",
-      height: "300px",
-      onChange: handleCodeChange,
-      onLayoutChange: handleEditorLayoutChange,
-      onLoad: handleEditorLoad
-    })
-  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_luckDesign.LuckModal, {
+    title: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.panel-section.style-panel.sourceedit',
+      label: '源码编辑'
+    }),
+    visible: show,
+    fullScreen: true,
+    mask: false,
+    footer: null,
+    maskClosable: false,
+    onClose: function onClose() {
+      setShow(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CssEditor.default, {
+    ref: editorRef,
+    width: "100%",
+    height: "100%",
+    onChange: handleCodeChange,
+    onLoad: handleOnload
+  })), /*#__PURE__*/_react.default.createElement(_antd.Button, {
     type: "primary",
-    size: "small"
+    size: "small",
+    onClick: function onClick() {
+      setShow(true);
+    }
   }, (0, _utils.formatMessage)({
     id: 'luckda.lowcode.painter.panel-section.style-panel.sourceedit',
     label: '源码编辑'
-  })))), /*#__PURE__*/_react.default.createElement(_WidthHeight.default, {
+  }))), /*#__PURE__*/_react.default.createElement(_WidthHeight.default, {
     field: "width",
     label: (0, _utils.formatMessage)({
       id: 'luckda.lowcode.painter.panel-section.style-panel.width',

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

@@ -85,7 +85,7 @@
       font-size: 14px;
       font-weight: 700;
       margin-bottom: 8px;
-      color: rgba(0, 0, 0, 0.8);
+      color: @text-color;
       display: flex;
       -webkit-box-align: center;
       align-items: center;

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

@@ -66,7 +66,7 @@
 
         span {
           font-size: 12px;
-          color: #333;
+          color: var(--font-color);
           white-space: nowrap; // 防止文字换行
           overflow: hidden; // 隐藏溢出的文字
           text-overflow: ellipsis; // 使用省略号表示溢出

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

@@ -0,0 +1,46 @@
+.lc-painter-history {
+
+  .historyToolbar {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 16px 8px 8px 8px;
+    margin-bottom: 8px;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    background-color: transparent;
+    backdrop-filter: blur(6px);
+  }
+  .timelineItem {
+    padding: 0 8px;
+    .timelineItemHeader {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      div {
+        font-weight: bold;
+      }
+      .timelineItemActions {
+        display: none;
+        i {
+          cursor: pointer;
+        }
+      }
+    }
+    &:hover {
+      .timelineItemHeader > .timelineItemActions {
+        display: block;
+      }
+    }
+    .timelineItemUser {
+      display: flex;
+      align-items: center;
+      margin-top: 4px;
+    }
+    .timelineItemTime {
+      margin-top: 4px;
+    }
+  }
+}

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

@@ -16,7 +16,7 @@
   }
   .page-node:hover,
   .page-node.page-node-active {
-    background-color: #f6f7f8;
+    background: ~'var(--@{luck-ant-prefix}-layout-treeNode-wrapper, #f6f7f8)';
   }
 
   :global {

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

@@ -19,6 +19,7 @@
       align-items: center;
       gap: 4px;
       user-select: none;
+      flex-shrink: 0;
     }
 
     .item-component {