@chaoswise/ui 2.5.9 → 3.0.1

package/lib/VerticalLayout/index.js

@@ -1,91 +0,0 @@
-import "antd/es/icon/style";
-import _Icon from "antd/es/icon";
-import "@chaoswise/ui/lib/Header/index.less";
-import _Header from "@chaoswise/ui/lib/Header";
-var _excluded = ["children", "type", "breadCrumb", "backNavigationTitle", "onClickBack", "className", "contentClassName", "backIcon", "hasFooter"];
-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 from "react";
-import { useHistory } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import './index.less';
-
-/**
- * 
- * 上下竖直布局，用于顶部导航、面包屑导航、返回导航等页面快速布局，使用顶部导航时，操作页头api同页头CWHeader。
- */
-
-function VerticalLayout(_ref) {
-  var children = _ref.children,
-    type = _ref.type,
-    breadCrumb = _ref.breadCrumb,
-    backNavigationTitle = _ref.backNavigationTitle,
-    onClickBack = _ref.onClickBack,
-    className = _ref.className,
-    contentClassName = _ref.contentClassName,
-    backIcon = _ref.backIcon,
-    hasFooter = _ref.hasFooter,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var navigate;
-  var history = useHistory();
-  if (type === 'topNavigation') {
-    navigate = /*#__PURE__*/React.createElement(_Header, rest);
-  } else if (type === 'breadCrumb') {
-    navigate = /*#__PURE__*/React.createElement("div", {
-      className: "cw-vertical-layout-breadcrumb"
-    }, breadCrumb);
-  } else if (type === 'back') {
-    navigate = /*#__PURE__*/React.createElement("div", {
-      className: "cw-vertical-layout-back"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "cw-vertical-layout-back-left",
-      onClick: function onClick(e) {
-        return onClickBack(e, history);
-      }
-    }, backIcon && /*#__PURE__*/React.createElement("div", {
-      className: "cw-vertical-layout-back-btn"
-    }, backIcon), /*#__PURE__*/React.createElement("div", {
-      className: "cw-vertical-layout-back-title"
-    }, backNavigationTitle ? backNavigationTitle : '返回')));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('cw-vertical-layout', type !== 'topNavigation' && (navigate ? 'cw-vertical-layout-content-show-no-nav' : 'cw-vertical-layout-content-show'),
-    // 内容区加padding
-    className)
-  }, navigate, /*#__PURE__*/React.createElement("div", {
-    className: classnames('cw-vertical-layout-content', "cw-vertical-layout-with".concat(type), contentClassName, hasFooter && ['breadCrumb', 'back'].includes(type) ? 'cw-vertical-layout-content-footer' : '')
-  }, children));
-}
-VerticalLayout.defaultProps = {
-  backIcon: /*#__PURE__*/React.createElement(_Icon, {
-    type: "left"
-  })
-};
-VerticalLayout.propTypes = {
-  /**
-   * 顶部导航的类型
-   */
-  type: PropTypes.oneOf(['topNavigation', 'breadCrumb', 'back']),
-  /**
-   * 面包屑导航
-   */
-  breadCrumb: PropTypes.element,
-  /**
-   * 返回导航的标题
-   */
-  backNavigationTitle: PropTypes.string,
-  /**
-   * 返回导航的标题,自定义返回icon，不需要Icon可以设为false
-   */
-  backIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.bool]),
-  /**
-   * 点击返回导航的返回按钮(type为back时生效),func(e,history)
-   */
-  onClickBack: PropTypes.func,
-  /**
-   * 内容区根元素类名
-   */
-  contentClassName: PropTypes.string
-};
-export default VerticalLayout;

package/lib/VerticalLayout/index.less

@@ -1,67 +0,0 @@
-
-.cw-vertical-layout{
-    width: 100%;
-    height: 100%;
-    overflow: hidden; // Fixed 双重滚动条
-    // display: flex;
-    // flex-direction: column;
-    .cw-vertical-layout-content:not(.cw-vertical-layout-withtopNavigation){
-        width: 100%;
-        overflow: auto;
-        height: calc(~'100% - 40px');
-    }
-    .cw-vertical-layout-content-footer:not(.cw-vertical-layout-withtopNavigation){
-        height: calc(~'100% - 40px - 56px');
-    }
-    .cw-vertical-layout-withtopNavigation{
-        width: 100%;
-        height: calc(~'100% - 56px');
-    }
-    .cw-vertical-layout-breadcrumb, .cw-vertical-layout-back{
-        width: 100%;
-        height: 38px;
-        color: rgba(0, 0, 0, 0.65);
-        font-size: 14px;
-        display: flex;
-        align-items: center;
-        .@{ant-prefix}-breadcrumb-link{
-            cursor: pointer;
-            &:hover{
-                color: #40a9ff;
-            }
-        }
-        .@{ant-prefix}-breadcrumb > span:last-child .@{ant-prefix}-breadcrumb-link{
-            color: rgba(0, 0, 0, 0.65);
-            cursor:default;
-        }
-    }
-    
-    .cw-vertical-layout-back{
-        cursor: default;
-        .cw-vertical-layout-back-left{
-            padding: 8px 0;
-            >div{
-                display: inline-block;
-                cursor: pointer;
-            }
-            .cw-vertical-layout-back-btn{
-                padding-right: 4px;
-                
-            }
-            &:hover{
-                color: @primary-color;
-            }
-        }
-    }
-}
-
-.cw-vertical-layout-content-show{
-    padding: @padding-lg;
-    position: relative;
-}
-
-.cw-vertical-layout-content-show-no-nav{
-    padding: @padding-lg;
-    padding-top: 0;
-    position: relative;
-}

package/lib/WangEditor/index.less

@@ -1,254 +0,0 @@
-.cw-toolbar {
-    border: 1px solid @border-color-split;
-    margin-bottom: 8px;
-    padding: 16px 12px;
-
-    .w-e-menu {
-        padding: 0 24px 0 0;
-
-        >i {
-            display: block;
-            width: 16px;
-            height: 16px;
-            line-height: 16px;
-        }
-    }
-}
-
-.cw-text {
-    border: 1px solid @border-color-split;
-    min-height: 208px;
-
-    .w-e-text {
-        padding: 12px !important;
-
-        >p,
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        table,
-        pre {
-            margin: 0;
-        }
-    }
-}
-
-#cw-editor {
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        color: @text-color;
-    }
-
-    .w-e-toolbar {
-        background-color: @background-color-light  !important;
-        border-color: @border-color-split  !important;
-        padding: 16px 12px;
-
-        .w-e-menu {
-            padding: 0 24px 0 0;
-
-            &:hover {
-                z-index: 999 !important;
-            }
-
-            >i {
-                display: block;
-                width: 16px;
-                height: 16px;
-                line-height: 16px;
-            }
-
-            .w-e-droplist {
-                background-color: @component-background;
-                border-color: @border-color-split;
-
-                .w-e-dp-title {
-                    border-bottom-color: @border-color-split;
-                }
-
-                ul.w-e-list {
-                    li.w-e-item {
-                        color: @text-color;
-                    }
-                }
-            }
-        }
-    }
-
-    .w-e-text-container {
-        border-color: @border-color-split  !important;
-
-        .w-e-text {
-            padding: 12px !important;
-
-            >p,
-            h1,
-            h2,
-            h3,
-            h4,
-            h5,
-            table,
-            pre {
-                margin: 0;
-            }
-
-            blockquote {
-                background-color: @background-color-light;
-            }
-
-        }
-
-        .w-e-panel-container {
-            background-color: @component-background;
-            border-color: @border-color-split;
-            box-shadow: @box-shadow-base;
-
-            .w-e-panel-tab-title {
-                border-color: @border-color-split;
-            }
-
-            .w-e-panel-tab-content {
-                input {
-                    background-color: @input-bg;
-                }
-
-                textarea {
-                    background-color: @input-bg;
-                    border-color: @border-color-split;
-                }
-
-                .w-e-button-container {
-                    button {
-                        background-color: @component-background;
-                    }
-                }
-            }
-        }
-    }
-}
-
-.w-e-show-placeholder[placeholder]:before {
-    content: attr(placeholder);
-    color: @input-placeholder-color;
-}
-
-.w-e-show-placeholder[placeholder]:focus::before {
-    content: "";
-}
-
-/* 增加链接点击tooltip弹窗样式 */
-.w-e-tooltip {
-    position: absolute;
-    display: flex;
-    color: #f1f1f1;
-    background-color: rgba(0, 0, 0, 0.75);
-    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
-    border-radius: 4px;
-    padding: 4px 5px 6px !important;
-    justify-content: center;
-    align-items: center;
-    line-height: initial;
-
-    .w-e-tooltip-item-wrapper {
-        cursor: pointer;
-        font-size: 14px !important;
-        margin: 0 5px !important;
-    }
-
-}
-
-.w-e-tooltip-up::after {
-    content: "";
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    margin-left: -5px;
-    border: 5px solid rgba(0, 0, 0, 0);
-    border-top-color: rgba(0, 0, 0, 0.73);
-}
-
-.w-e-tooltip-down::before {
-    content: "";
-    position: absolute;
-    top: -10px;
-    left: 50%;
-    margin-left: -5px;
-    border: 5px solid rgba(0, 0, 0, 0);
-    border-bottom-color: rgba(0, 0, 0, 0.73);
-}
-
-.w-e-tooltip-up-left::after {
-    content: "";
-    position: absolute;
-    top: 100%;
-    left: 24%;
-    margin-left: -5px;
-    border: 5px solid rgba(0, 0, 0, 0);
-    border-top-color: rgba(0, 0, 0, 0.73);
-}
-
-.w-e-tooltip-down-left::before {
-    content: "";
-    position: absolute;
-    top: -10px;
-    left: 24%;
-    margin-left: -5px;
-    border: 5px solid rgba(0, 0, 0, 0);
-    border-bottom-color: rgba(0, 0, 0, 0.73);
-}
-
-.w-e-tooltip-up-right::after {
-    content: "";
-    position: absolute;
-    top: 100%;
-    left: 75%;
-    margin-left: -5px;
-    border: 5px solid rgba(0, 0, 0, 0);
-    border-top-color: rgba(0, 0, 0, 0.73);
-}
-
-.w-e-tooltip-down-right::before {
-    content: "";
-    position: absolute;
-    top: -10px;
-    left: 75%;
-    margin-left: -5px;
-    border: 5px solid rgba(0, 0, 0, 0);
-    border-bottom-color: rgba(0, 0, 0, 0.73);
-}
-
-// 增加图片可拖拽
-.chr {
-    // cursor: e-resize !important;
-    cursor: ew-resize !important;
-}
-
-.cvr {
-    // cursor: s-resize !important;
-    cursor: ns-resize !important;
-}
-
-.cner {
-    // cursor: ne-resize !important;
-    cursor: nesw-resize !important;
-}
-
-.cnwr {
-    // cursor: nw-resize !important;
-    cursor: nwse-resize !important;
-}
-
-.cdft {
-    cursor: cursor !important;
-}
-
-.cmove {
-    cursor: move !important;
-}

package/lib/Watermark/context.js

@@ -1,22 +0,0 @@
-import { useEvent } from 'rc-util';
-import * as React from 'react';
-function voidFunc() {}
-var WatermarkContext = /*#__PURE__*/React.createContext({
-  add: voidFunc,
-  remove: voidFunc
-});
-export function usePanelRef(panelSelector) {
-  var watermark = React.useContext(WatermarkContext);
-  var panelEleRef = React.useRef();
-  var panelRef = useEvent(function (ele) {
-    if (ele) {
-      var innerContentEle = panelSelector ? ele.querySelector(panelSelector) : ele;
-      watermark.add(innerContentEle);
-      panelEleRef.current = innerContentEle;
-    } else {
-      watermark.remove(panelEleRef.current);
-    }
-  });
-  return panelRef;
-}
-export default WatermarkContext;

package/lib/Watermark/useClips.js

@@ -1,118 +0,0 @@
-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; }
-export var FontGap = 3;
-function prepareCanvas(width, height) {
-  var ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var canvas = document.createElement('canvas');
-  var ctx = canvas.getContext('2d');
-  var realWidth = width * ratio;
-  var realHeight = height * ratio;
-  canvas.setAttribute('width', "".concat(realWidth, "px"));
-  canvas.setAttribute('height', "".concat(realHeight, "px"));
-  ctx.save();
-  return [ctx, canvas, realWidth, realHeight];
-}
-/**
- * Get the clips of text content.
- * This is a lazy hook function since SSR no need this
- */
-export default function useClips() {
-  // Get single clips
-  function getClips(content, rotate, ratio, width, height, font, gapX, gapY) {
-    // ================= Text / Image =================
-    var _prepareCanvas = prepareCanvas(width, height, ratio),
-      _prepareCanvas2 = _slicedToArray(_prepareCanvas, 4),
-      ctx = _prepareCanvas2[0],
-      canvas = _prepareCanvas2[1],
-      contentWidth = _prepareCanvas2[2],
-      contentHeight = _prepareCanvas2[3];
-    if (content instanceof HTMLImageElement) {
-      // Image
-      ctx.drawImage(content, 0, 0, contentWidth, contentHeight);
-    } else {
-      // Text
-      var color = font.color,
-        fontSize = font.fontSize,
-        fontStyle = font.fontStyle,
-        fontWeight = font.fontWeight,
-        fontFamily = font.fontFamily,
-        textAlign = font.textAlign;
-      var mergedFontSize = Number(fontSize) * ratio;
-      ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(mergedFontSize, "px/").concat(height, "px ").concat(fontFamily);
-      ctx.fillStyle = color;
-      ctx.textAlign = textAlign;
-      ctx.textBaseline = 'top';
-      var contents = Array.isArray(content) ? content : [content];
-      contents === null || contents === void 0 ? void 0 : contents.forEach(function (item, index) {
-        ctx.fillText(item !== null && item !== void 0 ? item : '', contentWidth / 2, index * (mergedFontSize + FontGap * ratio));
-      });
-    }
-    // ==================== Rotate ====================
-    var angle = Math.PI / 180 * Number(rotate);
-    var maxSize = Math.max(width, height);
-    var _prepareCanvas3 = prepareCanvas(maxSize, maxSize, ratio),
-      _prepareCanvas4 = _slicedToArray(_prepareCanvas3, 3),
-      rCtx = _prepareCanvas4[0],
-      rCanvas = _prepareCanvas4[1],
-      realMaxSize = _prepareCanvas4[2];
-    // Copy from `ctx` and rotate
-    rCtx.translate(realMaxSize / 2, realMaxSize / 2);
-    rCtx.rotate(angle);
-    if (contentWidth > 0 && contentHeight > 0) {
-      rCtx.drawImage(canvas, -contentWidth / 2, -contentHeight / 2);
-    }
-    // Get boundary of rotated text
-    function getRotatePos(x, y) {
-      var targetX = x * Math.cos(angle) - y * Math.sin(angle);
-      var targetY = x * Math.sin(angle) + y * Math.cos(angle);
-      return [targetX, targetY];
-    }
-    var left = 0;
-    var right = 0;
-    var top = 0;
-    var bottom = 0;
-    var halfWidth = contentWidth / 2;
-    var halfHeight = contentHeight / 2;
-    var points = [[0 - halfWidth, 0 - halfHeight], [0 + halfWidth, 0 - halfHeight], [0 + halfWidth, 0 + halfHeight], [0 - halfWidth, 0 + halfHeight]];
-    points.forEach(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        x = _ref2[0],
-        y = _ref2[1];
-      var _getRotatePos = getRotatePos(x, y),
-        _getRotatePos2 = _slicedToArray(_getRotatePos, 2),
-        targetX = _getRotatePos2[0],
-        targetY = _getRotatePos2[1];
-      left = Math.min(left, targetX);
-      right = Math.max(right, targetX);
-      top = Math.min(top, targetY);
-      bottom = Math.max(bottom, targetY);
-    });
-    var cutLeft = left + realMaxSize / 2;
-    var cutTop = top + realMaxSize / 2;
-    var cutWidth = right - left;
-    var cutHeight = bottom - top;
-    // ================ Fill Alternate ================
-    var realGapX = gapX * ratio;
-    var realGapY = gapY * ratio;
-    var filledWidth = (cutWidth + realGapX) * 2;
-    var filledHeight = cutHeight + realGapY;
-    var _prepareCanvas5 = prepareCanvas(filledWidth, filledHeight),
-      _prepareCanvas6 = _slicedToArray(_prepareCanvas5, 2),
-      fCtx = _prepareCanvas6[0],
-      fCanvas = _prepareCanvas6[1];
-    function drawImg() {
-      var targetX = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      var targetY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      fCtx.drawImage(rCanvas, cutLeft, cutTop, cutWidth, cutHeight, targetX, targetY, cutWidth, cutHeight);
-    }
-    drawImg();
-    drawImg(cutWidth + realGapX, -cutHeight / 2 - realGapY / 2);
-    drawImg(cutWidth + realGapX, +cutHeight / 2 + realGapY / 2);
-    return [fCanvas.toDataURL(), filledWidth / ratio, filledHeight / ratio];
-  }
-  return getClips;
-}

package/lib/Watermark/useRafDebounce.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import raf from 'rc-util/lib/raf';
-import { useEvent } from 'rc-util';
-/**
- * Callback will only execute last one for each raf
- */
-export default function useRafDebounce(callback) {
-  var executeRef = React.useRef(false);
-  var rafRef = React.useRef();
-  var wrapperCallback = useEvent(callback);
-  return function () {
-    if (executeRef.current) {
-      return;
-    }
-    executeRef.current = true;
-    wrapperCallback();
-    rafRef.current = raf(function () {
-      executeRef.current = false;
-    });
-  };
-}

package/lib/Watermark/useWatermark.js

@@ -1,52 +0,0 @@
-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 * as React from 'react';
-import { getStyleStr } from './utils';
-/**
- * Base size of the canvas, 1 for parallel layout and 2 for alternate layout
- * Only alternate layout is currently supported
- */
-export var BaseSize = 2;
-export var FontGap = 3;
-// Prevent external hidden elements from adding accent styles
-var EmphasizedStyles = {
-  visibility: 'visible !important'
-};
-export default function useWatermark(markStyle) {
-  var _React$useState = React.useState(function () {
-      return new Map();
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 1),
-    watermarkMap = _React$useState2[0];
-  var appendWatermark = function appendWatermark(base64Url, markWidth, container) {
-    if (container) {
-      if (!watermarkMap.get(container)) {
-        var newWatermarkEle = document.createElement('div');
-        watermarkMap.set(container, newWatermarkEle);
-      }
-      var watermarkEle = watermarkMap.get(container);
-      watermarkEle.setAttribute('style', getStyleStr(Object.assign(Object.assign(Object.assign({}, markStyle), {
-        backgroundImage: "url('".concat(base64Url, "')"),
-        backgroundSize: "".concat(Math.floor(markWidth), "px")
-      }), EmphasizedStyles)));
-      // Prevents using the browser `Hide Element` to hide watermarks
-      watermarkEle.removeAttribute('class');
-      container.append(watermarkEle);
-    }
-  };
-  var removeWatermark = function removeWatermark(container) {
-    var watermarkEle = watermarkMap.get(container);
-    if (watermarkEle && container) {
-      container.removeChild(watermarkEle);
-    }
-    watermarkMap["delete"](container);
-  };
-  var isWatermarkEle = function isWatermarkEle(ele) {
-    return Array.from(watermarkMap.values()).includes(ele);
-  };
-  return [appendWatermark, removeWatermark, isWatermarkEle];
-}

package/lib/Watermark/utils.js

@@ -1,42 +0,0 @@
-/** converting camel-cased strings to be lowercase and link it with Separato */
-export function toLowercaseSeparator(key) {
-  return key.replace(/([A-Z])/g, '-$1').toLowerCase();
-}
-export function getStyleStr(style) {
-  return Object.keys(style).map(function (key) {
-    return "".concat(toLowercaseSeparator(key), ": ").concat(style[key], ";");
-  }).join(' ');
-}
-/** Returns the ratio of the device's physical pixel resolution to the css pixel resolution */
-export function getPixelRatio() {
-  return window.devicePixelRatio || 1;
-}
-/** Whether to re-render the watermark */
-export var reRendering = function reRendering(mutation, isWatermarkEle) {
-  var flag = false;
-  // Whether to delete the watermark node
-  if (mutation.removedNodes.length) {
-    flag = Array.from(mutation.removedNodes).some(function (node) {
-      return isWatermarkEle(node);
-    });
-  }
-  // Whether the watermark dom property value has been modified
-  if (mutation.type === 'attributes' && isWatermarkEle(mutation.target)) {
-    flag = true;
-  }
-  return flag;
-};
-/**
- * 自定义验证是否是数值类型组成的数组且长度为2
- */
-export var verifyIsArrayOfNumberType = function verifyIsArrayOfNumberType(props, propName, componentName) {
-  if (props[propName] && props[propName].length !== 2) {
-    return new Error("Invalid prop ".concat(propName, " supplied to ").concat(componentName, ". Expected an array of length 2."));
-  }
-  if (props[propName] && !Array.isArray(props[propName])) {
-    return new Error("Invalid prop ".concat(propName, " supplied to ").concat(componentName, ". Expected an array."));
-  }
-  if (props[propName] && (typeof props[propName][0] !== 'number' || typeof props[propName][1] !== 'number')) {
-    return new Error("Invalid prop ".concat(propName, " supplied to ").concat(componentName, ". Expected an array of numbers."));
-  }
-};