@lemon-fe/components 0.1.129 → 0.1.131

package/es/MainFramework/components/Menu/index.less

@@ -217,7 +217,7 @@
     box-sizing: border-box;
     min-width: 120px;
     height: 40px;
-    padding: 0 16px;
+    padding: 0 8px;
     color: rgba(51, 51, 51, 0.5);
     font-weight: 500;
     font-size: 14px;
@@ -232,7 +232,7 @@
     box-sizing: border-box;
     min-width: 120px;
     height: 40px;
-    padding: 9px 4px 9px 16px;
+    padding: 9px 8px;
     color: rgba(51, 51, 51, 1);
     font-size: 14px;
     line-height: 40px;

package/es/MainFramework/components/WaterMark/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface Props {
+    waterMark: string;
+}
+export default function WaterMark(props: Props): JSX.Element;
+export {};

package/es/MainFramework/components/WaterMark/index.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import { useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
+function createImgBase(options) {
+  var canvas = document.createElement('canvas');
+  var ratio = window.devicePixelRatio;
+  canvas.width = options.width * ratio;
+  canvas.height = options.height * ratio;
+  var ctx = canvas.getContext('2d');
+  if (ctx) {
+    ctx.font = "".concat(options.fontSize * ratio, "px ").concat(options.fontFamily);
+    ctx.fillStyle = options.color;
+    ctx.rotate(options.rotateDegree);
+    ctx.textAlign = 'center';
+    ctx.fillText(options.content, canvas.width / 2, canvas.height / 2);
+  }
+  return canvas.toDataURL('image/png');
+}
+function genWaterMark(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 225 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 225 : _ref$height,
+    _ref$content = _ref.content,
+    content = _ref$content === void 0 ? '水印' : _ref$content,
+    _ref$fontFamily = _ref.fontFamily,
+    fontFamily = _ref$fontFamily === void 0 ? '"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif' : _ref$fontFamily,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'rgba(156, 162, 169, 0.1)' : _ref$color,
+    _ref$rotate = _ref.rotate,
+    rotate = _ref$rotate === void 0 ? -24 : _ref$rotate;
+  var option = {
+    width: width,
+    height: height,
+    content: content,
+    fontSize: fontSize,
+    fontFamily: fontFamily,
+    color: color,
+    rotateDegree: rotate * Math.PI / 180
+  };
+  // 为了实现交错水印的效果，此处生成两张位置不同的水印 固定相对位置
+  var dataUri = createImgBase(option);
+  return ".".concat(className, " {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10000;\n    background-repeat: repeat;\n    background-image: url(").concat(dataUri, "), url(").concat(dataUri, ");\n    background-size: ").concat(option.width, "px ").concat(option.height, "px;\n    background-position: ").concat(width / 2, "px ").concat(height / 2, "px, 0 0;\n    pointer-events: none;\n  }");
+}
+export default function WaterMark(props) {
+  var waterMark = props.waterMark;
+  var ref = useRef(null);
+  var name = 'EVudqS';
+  useEffect(function () {
+    if (waterMark && ref.current !== null) {
+      ref.current.innerHTML = genWaterMark({
+        className: name,
+        content: waterMark
+      });
+    }
+  }, [waterMark]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("style", {
+    ref: ref
+  }), document.head), /*#__PURE__*/React.createElement("div", {
+    className: name
+  }));
+}

package/es/MainFramework/index.d.ts

@@ -19,6 +19,7 @@ interface Props<T> {
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;
+    waterMark?: string;
 }
 export default function MainFramework<TabType extends {
     title: string;

package/es/MainFramework/index.js

@@ -4,6 +4,7 @@ import TabBar from './components/TabBar';
 import Menu from './components/Menu';
 import { PREFIX_CLS as prefixCls } from '../constants';
 import RefreshButton from './components/RefreshButton';
+import WaterMark from './components/WaterMark';
 export default function MainFramework(props) {
   var className = props.className,
     tabs = props.tabs,
@@ -23,7 +24,8 @@ export default function MainFramework(props) {
     favorites = props.favorites,
     onFavoritesChange = props.onFavoritesChange,
     renderMenu = props.renderMenu,
-    style = props.style;
+    style = props.style,
+    waterMark = props.waterMark;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefixCls, "-main"), className),
     style: style
@@ -46,7 +48,9 @@ export default function MainFramework(props) {
     d: "M3.403 10.313c.194-.163.393-.324.6-.481 1.47-1.123 2.592-2.339 3.333-3.622a7.805 7.805 0 0 0 1.101-4.036L8.427.966C8.159.657 7.906.335 7.67 0c-.26.384-.544.752-.849 1.103a15.52 15.52 0 0 1-2.336 2.165C2.853 4.514 1.67 5.858.938 7.28c.563 1.06 1.391 2.073 2.461 3.027M3.602 12.008a17.318 17.318 0 0 1-.835-.711C1.782 10.4.99 9.44.402 8.437a8.004 8.004 0 0 0 .362 5.91c.677 1.448 1.812 2.814 3.375 4.053.502.398.981.828 1.434 1.288v-.264a8.913 8.913 0 0 1 .99-4.146c-.687-1.157-1.683-2.256-2.96-3.276M11.025 12.036c-1.482 1.092-2.611 2.27-3.355 3.51a7.355 7.355 0 0 0-1.107 3.91l.008 1.173c.272.298.528.61.764.933.263-.372.549-.73.856-1.07a15.398 15.398 0 0 1 2.346-2.098c2.984-2.196 4.486-4.693 4.463-7.42a7.134 7.134 0 0 0-.489-2.537c-.802 1.278-1.971 2.484-3.486 3.597M11.353 9.828c.186.156.371.317.553.485.945-.983 1.668-2.02 2.156-3.096-.675-1.429-1.765-2.778-3.239-4.01-.496-.411-.968-.856-1.414-1.332v.268a9.617 9.617 0 0 1-.972 4.298c.68 1.201 1.661 2.34 2.917 3.387"
   })))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-nav-title")
-  }, title)), /*#__PURE__*/React.createElement(TabBar, {
+  }, title, waterMark && /*#__PURE__*/React.createElement(WaterMark, {
+    waterMark: waterMark
+  }))), /*#__PURE__*/React.createElement(TabBar, {
     tabs: tabs,
     active: active,
     onClick: onTabClick,

package/es/Popup/index.js

@@ -14,7 +14,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useState, cloneElement, useRef, isValidElement } from 'react';
+import React, { useState, cloneElement, useRef, isValidElement, useEffect } from 'react';
 import { Modal, Input, message } from 'antd';
 import { CloseCircleFilled } from '@ant-design/icons';
 import { PREFIX_CLS } from '../constants';
@@ -153,6 +153,11 @@ function Popup(props) {
       }), /*#__PURE__*/React.createElement(SearchIcon, null))
     });
   }
+  useEffect(function () {
+    if (value !== valueProp && valueProp) {
+      setValue(valueProp);
+    }
+  }, [valueProp]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-wrapper"),
     onClick: handleOpen

package/es/SiderTree/index.less

@@ -8,6 +8,15 @@
     box-sizing: border-box;
     height: 100%;
     padding: @space-v 0;
+
+    .@{prefixCls}-tree-list-scrollbar{
+      display: block !important;
+      right: -16px !important;
+    }
+    .@{prefixCls}-tree-list-scrollbar-thumb{
+      background: #DDD !important;
+    }
+
   }
 
   &-menu-popover {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "0.1.129",
+  "version": "0.1.131",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -39,5 +39,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "d144400d933c6e81b33d7be40ceba4928db5afab"
+  "gitHead": "0343d2bace250b1ff4a7dda4c9d240b6c5b14b5e"
 }