@ccs-ui/rc-pro 2.3.6-alpha-32 → 2.3.6-alpha-33

package/es/water-mark/relative.d.ts

@@ -1,62 +0,0 @@
-import React from 'react';
-import { PropsWithCss, PropsWithNodeChildren } from '../ccs';
-export type WaterMarkProps = PropsWithNodeChildren & PropsWithCss & {
-    /** 水印文字内容 */
-    content?: string;
-    /** 水印样式 */
-    markStyle?: React.CSSProperties;
-    /** 水印类名 */
-    markClassName?: string;
-    /** 水印之间的水平间距 */
-    gapX?: number;
-    /** 水印之间的垂直间距 */
-    gapY?: number;
-    /** 追加的水印元素的z-index */
-    zIndex?: number;
-    /** 水印的宽度 */
-    width?: number;
-    /** 水印的高度 */
-    height?: number;
-    /** 水印在canvas 画布上绘制的垂直偏移量，正常情况下，水印绘制在中间位置, 即 offsetTop = gapY / 2 */
-    offsetTop?: number;
-    /** 水印在canvas 画布上绘制的水平偏移量, 正常情况下，水印绘制在中间位置, 即 offsetTop = gapX / 2 */
-    offsetLeft?: number;
-    /** 水印绘制时，旋转的角度，单位 ° */
-    rotate?: number;
-    /** ClassName 前缀 */
-    prefixCls?: string;
-    /** 高清印图片源, 为了高清屏幕显示，建议使用 2倍或3倍图，优先使用图片渲染水印。 */
-    image?: string;
-    /**
-     * @description 文字颜色
-     * @default rgba(0,0,0,.15)
-     */
-    fontColor?: string;
-    /**
-     * @description 文字样式
-     * @default normal
-     */
-    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
-    /**
-     * @description 文字族
-     * @default sans-serif
-     */
-    fontFamily?: string;
-    /**
-     * @description 文字粗细
-     * @default normal
-     */
-    fontWeight?: 'normal' | 'light' | 'weight' | number;
-    /**
-     * @description 文字大小
-     * @default 16
-     */
-    fontSize?: number | string;
-};
-/**
- * 水印组件
- * @param WaterMarkProps
- * @returns
- */
-declare const WaterMarkRelative: (props: WaterMarkProps) => import("react/jsx-runtime").JSX.Element;
-export default WaterMarkRelative;

package/es/water-mark/relative.js

@@ -1,130 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { ConfigProvider } from 'antd';
-import classNames from 'classnames';
-import React, { useContext, useEffect, useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * 返回当前显示设备的物理像素分辨率与CSS像素分辨率之比
- *
- * @param context
- * @see api 有些废弃了，其实类型 CanvasRenderingContext2D
- */
-var getPixelRatio = function getPixelRatio(context) {
-  if (!context) {
-    return 1;
-  }
-  var backingStore = context.backingStorePixelRatio || context.webkitBackingStorePixelRatio || context.mozBackingStorePixelRatio || context.msBackingStorePixelRatio || context.oBackingStorePixelRatio || context.backingStorePixelRatio || 1;
-  return (window.devicePixelRatio || 1) / backingStore;
-};
-
-/**
- * 水印组件
- * @param WaterMarkProps
- * @returns
- */
-var WaterMarkRelative = function WaterMarkRelative(props) {
-  var markStyle = props.markStyle,
-    markClassName = props.markClassName,
-    _props$zIndex = props.zIndex,
-    zIndex = _props$zIndex === void 0 ? 9 : _props$zIndex,
-    _props$gapX = props.gapX,
-    gapX = _props$gapX === void 0 ? 212 : _props$gapX,
-    _props$gapY = props.gapY,
-    gapY = _props$gapY === void 0 ? 222 : _props$gapY,
-    _props$width = props.width,
-    width = _props$width === void 0 ? 120 : _props$width,
-    _props$height = props.height,
-    height = _props$height === void 0 ? 64 : _props$height,
-    _props$rotate = props.rotate,
-    rotate = _props$rotate === void 0 ? -22 : _props$rotate,
-    image = props.image,
-    content = props.content,
-    offsetLeft = props.offsetLeft,
-    offsetTop = props.offsetTop,
-    _props$fontStyle = props.fontStyle,
-    fontStyle = _props$fontStyle === void 0 ? 'normal' : _props$fontStyle,
-    _props$fontWeight = props.fontWeight,
-    fontWeight = _props$fontWeight === void 0 ? 'normal' : _props$fontWeight,
-    _props$fontColor = props.fontColor,
-    fontColor = _props$fontColor === void 0 ? 'rgba(0,0,0,.15)' : _props$fontColor,
-    _props$fontSize = props.fontSize,
-    fontSize = _props$fontSize === void 0 ? 16 : _props$fontSize,
-    _props$fontFamily = props.fontFamily,
-    fontFamily = _props$fontFamily === void 0 ? 'sans-serif' : _props$fontFamily,
-    customizePrefixCls = props.prefixCls;
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('pro-layout-watermark', customizePrefixCls);
-  var waterMakrCls = classNames(prefixCls, markClassName);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    base64Url = _useState2[0],
-    setBase64Url = _useState2[1];
-  useEffect(function () {
-    var canvas = document.createElement('canvas');
-    var ctx = canvas.getContext('2d');
-    var ratio = getPixelRatio(ctx);
-    var canvasWidth = "".concat((gapX + width) * ratio, "px");
-    var canvasHeight = "".concat((gapY + height) * ratio, "px");
-    var canvasOffsetLeft = offsetLeft || gapX / 2;
-    var canvasOffsetTop = offsetTop || gapY / 2;
-    canvas.setAttribute('width', canvasWidth);
-    canvas.setAttribute('height', canvasHeight);
-    if (ctx) {
-      // 旋转字符 rotate
-      ctx.translate(canvasOffsetLeft * ratio, canvasOffsetTop * ratio);
-      ctx.rotate(Math.PI / 180 * Number(rotate));
-      var markWidth = width * ratio;
-      var markHeight = height * ratio;
-      if (image) {
-        var img = new Image();
-        img.crossOrigin = 'anonymous';
-        img.referrerPolicy = 'no-referrer';
-        img.src = image;
-        img.onload = function () {
-          ctx.drawImage(img, 0, 0, markWidth, markHeight);
-          setBase64Url(canvas.toDataURL());
-        };
-      } else if (content) {
-        var markSize = Number(fontSize) * ratio;
-        ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
-        ctx.fillStyle = fontColor;
-        ctx.fillText(content, 0, 0);
-        setBase64Url(canvas.toDataURL());
-      }
-    } else {
-      // eslint-disable-next-line no-console
-      console.error('当前环境不支持Canvas');
-    }
-  }, [gapX, gapY, offsetLeft, offsetTop, rotate, fontStyle, fontWeight, width, height, fontFamily, fontColor, image, content, fontSize]);
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: base64Url && /*#__PURE__*/_jsx("div", {
-      className: waterMakrCls,
-      style: _objectSpread({
-        zIndex: zIndex,
-        position: 'fixed',
-        left: 0,
-        top: 0,
-        width: '100%',
-        height: '100%',
-        backgroundSize: "".concat(gapX + width, "px"),
-        pointerEvents: 'none',
-        backgroundRepeat: 'repeat',
-        backgroundImage: "url('".concat(base64Url, "')")
-      }, markStyle)
-    })
-  });
-};
-export default WaterMarkRelative;