tntd 2.7.3 → 2.7.4

package/lib/tntd-modal/index.less

@@ -1,86 +1,106 @@
-.tnt-modal {
-  &.ant-modal {
-    max-width: 100vw;
-    padding-bottom: 0;
+.ant-modal {
+  &.fullscreen {
+    // color: red;
   }
-
-  .ant-modal-content {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-
-    .ant-modal-close {
-      display: none;
-    }
+  &.support-fullscreen.no-header .ant-modal-header{
+    padding: 0;
+    border-bottom: none;
   }
+  &.support-fullscreen {
+    .ant-modal-content {
+      height: inherit;
+      display: flex;
+      flex-direction: column;
 
-  .ant-modal-header {
-    position: relative;
-    padding: 8px 20px;
+      .ant-modal-close {
+        display: none;
+      }
+    }
 
-    .tnt-modal-header-actions {
-      position: absolute;
-      top: 0;
-      right: 0;
-      height: 40px;
-      line-height: 40px;
+    .ant-modal-header {
+      position: relative;
+      padding: 12px 20px;
 
-      .tnt-icon {
-        width: 40px;
+      .ant-modal-header-actions {
+        position: absolute;
+        top: 0;
+        right: 0;
         height: 40px;
         line-height: 40px;
-        cursor: pointer;
-        text-align: center;
-        display: inline-block;
-      }
 
-      i.fullscreen:hover {
-        color: #2e81f7;
-      }
+        a {
+          width: 46px;
+          height: 46px;
+          line-height: 46px;
+          font-size: 15px;
+          cursor: pointer;
+          text-align: center;
+          display: inline-block;
+          color: inherit;
+        }
 
-      i.close:hover {
-        color: red;
+        .modal-fullscreen-wrap {
+          &:hover {
+            color: #2e81f7;
+          }
+        }
+
+        .modal-close-wrap {
+          &:hover {
+            color: red;
+          }
+        }
       }
     }
-  }
 
-  .ant-modal-title {
-    .link {
-      margin-left: 10px;
-      font-size: 12px;
-      color: #999;
+    .ant-modal-title {
+      & {
+        font-weight: 400;
+        line-height: 22px;
+      }
+      .link {
+        margin-left: 10px;
+        font-size: 12px;
+        color: #999;
 
-      &:hover {
-        color: #2e81f7;
+        &:hover {
+          color: #2e81f7;
+        }
+      }
+
+      img {
+        position: relative;
+        width: 18px;
+        height: 18px;
+        margin-right: 8px;
+        vertical-align: text-top;
       }
     }
 
-    img {
-      position: relative;
-      width: 18px;
-      height: 18px;
-      margin-right: 8px;
-      vertical-align: text-top;
+    .ant-modal-body {
+      height: 100%;
+      overflow: auto;
     }
-  }
 
-  .ant-modal-body {
-    padding: 0;
-    // height: calc(100% - 39px);
-    flex: 1;
-    overflow: auto;
+    // iframe {
+    //     border: none;
+    //     width: 100%;
+    //     height: 100%;
+    // }
   }
-
-  &.fullscreen {
-    .ant-modal-body {
-      height: calc(100vh - 39px);
-      background: #fff;
+  &.support-fullscreen {
+    &.fullscreen {
+      .ant-modal-content {
+        height: 100vh;
+      }
     }
   }
-
-  iframe {
-    border: none;
-    width: 100%;
-    height: 100%;
+  .ant-modal-title {
+    font-weight: 400;
+    // .move-handle {}
+  }
+  &.ant-modal {
+    max-width: 100vw;
+    padding-bottom: 0;
   }
 }

package/lib/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./checkAuth";
 export * from "./findMenuInfoByPath";
+export * from "./simple-template";
 export function isGroupMenu(menu: any): any;
 export function getSelectedMenuInfo(selectedKey: any, menus?: any[]): {
     subMenu: undefined;

package/lib/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.js"],"names":[],"mappings":";;AAGO,4CAA2D;AAE3D;;;;EA+BN;AAEM,2CAEN;AAEM,iDAIN;AAEM,8CAEN;AAEM,4FAsBN;AAEM,8DAWN"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.js"],"names":[],"mappings":";;;AAIO,4CAA2D;AAE3D;;;;EA+BN;AAEM,2CAEN;AAEM,iDAIN;AAEM,8CAEN;AAEM,4FAsBN;AAEM,8DAWN"}

package/lib/utils/index.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.safeParseJSON = exports.traverseTree = exports.openInNewTab = exports.isNewTabMenu = exports.hasLevel3 = exports.getSelectedMenuInfo = exports.isGroupMenu = void 0;
 __exportStar(require("./checkAuth"), exports);
 __exportStar(require("./findMenuInfoByPath"), exports);
+__exportStar(require("./simple-template"), exports);
 const isGroupMenu = (menu) => (menu === null || menu === void 0 ? void 0 : menu.children) && !(menu === null || menu === void 0 ? void 0 : menu.path);
 exports.isGroupMenu = isGroupMenu;
 const getSelectedMenuInfo = (selectedKey, menus = []) => {

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.js"],"names":[],"mappings":"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","sourcesContent":["export * from './checkAuth'\nexport * from './findMenuInfoByPath'\n\nexport const isGroupMenu = (menu) => menu?.children && !menu?.path\n\nexport const getSelectedMenuInfo = (selectedKey, menus = []) => {\n  let subMenu\n  let menu\n  let parentMenus = []\n\n  if (selectedKey) {\n    traverseTree(menus, (node, pnode, pnodes) => {\n      if (!isGroupMenu(node) && node.code === selectedKey) {\n        subMenu = node\n        menu = pnode\n        parentMenus = pnodes\n        return false\n      }\n    })\n  } else {\n    // 默认找到第一个菜单项\n    traverseTree(menus, (node, pnode, pnodes) => {\n      if (!isGroupMenu(node)) {\n        subMenu = node\n        menu = pnode\n        parentMenus = pnodes\n        return false\n      }\n    })\n  }\n\n  return {\n    subMenu,\n    menu,\n    parentMenus,\n  }\n}\n\nexport const hasLevel3 = (menus) => {\n  return menus?.some((menu) => menu?.children?.some((item) => item?.children?.length))\n}\n\nexport const isNewTabMenu = (menu) => {\n  const { target, path } = menu || {}\n\n  return target === '_blank' || (/^http/i.test(path) && /blankType=newTarget/.test(path))\n}\n\nexport const openInNewTab = (path) => {\n  window.open(path, '_blank')\n}\n\nexport const traverseTree = (treeData, callback, pnode, pnodes = []) => {\n  ;(treeData || []).every((node, index) => {\n    let result\n\n    if (callback) {\n      result = callback(\n        node,\n        pnode,\n        pnodes?.length ? pnodes : [pnode].filter((item) => !!item),\n        index\n      )\n    }\n\n    // 回调函数返回false则终止遍历\n    if (result !== false) {\n      node && traverseTree(node.children || [], callback, node, [node, ...pnodes])\n    }\n\n    return result !== false\n  })\n\n  return treeData\n}\n\nexport const safeParseJSON = (str, defaultObj) => {\n  let result\n\n  try {\n    result = JSON.parse(str)\n  } catch (err) {\n    console.warn('json parse error:', err)\n    result = typeof defaultObj === 'undefined' ? str : defaultObj\n  }\n\n  return result || defaultObj\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.js"],"names":[],"mappings":"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","sourcesContent":["export * from './checkAuth'\nexport * from './findMenuInfoByPath'\nexport * from './simple-template'\n\nexport const isGroupMenu = (menu) => menu?.children && !menu?.path\n\nexport const getSelectedMenuInfo = (selectedKey, menus = []) => {\n  let subMenu\n  let menu\n  let parentMenus = []\n\n  if (selectedKey) {\n    traverseTree(menus, (node, pnode, pnodes) => {\n      if (!isGroupMenu(node) && node.code === selectedKey) {\n        subMenu = node\n        menu = pnode\n        parentMenus = pnodes\n        return false\n      }\n    })\n  } else {\n    // 默认找到第一个菜单项\n    traverseTree(menus, (node, pnode, pnodes) => {\n      if (!isGroupMenu(node)) {\n        subMenu = node\n        menu = pnode\n        parentMenus = pnodes\n        return false\n      }\n    })\n  }\n\n  return {\n    subMenu,\n    menu,\n    parentMenus,\n  }\n}\n\nexport const hasLevel3 = (menus) => {\n  return menus?.some((menu) => menu?.children?.some((item) => item?.children?.length))\n}\n\nexport const isNewTabMenu = (menu) => {\n  const { target, path } = menu || {}\n\n  return target === '_blank' || (/^http/i.test(path) && /blankType=newTarget/.test(path))\n}\n\nexport const openInNewTab = (path) => {\n  window.open(path, '_blank')\n}\n\nexport const traverseTree = (treeData, callback, pnode, pnodes = []) => {\n  ;(treeData || []).every((node, index) => {\n    let result\n\n    if (callback) {\n      result = callback(\n        node,\n        pnode,\n        pnodes?.length ? pnodes : [pnode].filter((item) => !!item),\n        index\n      )\n    }\n\n    // 回调函数返回false则终止遍历\n    if (result !== false) {\n      node && traverseTree(node.children || [], callback, node, [node, ...pnodes])\n    }\n\n    return result !== false\n  })\n\n  return treeData\n}\n\nexport const safeParseJSON = (str, defaultObj) => {\n  let result\n\n  try {\n    result = JSON.parse(str)\n  } catch (err) {\n    console.warn('json parse error:', err)\n    result = typeof defaultObj === 'undefined' ? str : defaultObj\n  }\n\n  return result || defaultObj\n}\n"]}

package/lib/utils/simple-template.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 简单的模板替换
+ *
+ * @param template
+ * @param data
+ * @returns
+ */
+export declare function simpleTemplate(template?: string, data?: Record<string, string | number>): string | undefined;
+//# sourceMappingURL=simple-template.d.ts.map

package/lib/utils/simple-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-template.d.ts","sourceRoot":"","sources":["../../src/utils/simple-template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAM,sBAE3F"}

package/lib/utils/simple-template.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.simpleTemplate = void 0;
+/**
+ * 简单的模板替换
+ *
+ * @param template
+ * @param data
+ * @returns
+ */
+function simpleTemplate(template, data = {}) {
+    return template === null || template === void 0 ? void 0 : template.replace(/\${(.*?)}/g, (match, key) => data[key.trim()].toString());
+}
+exports.simpleTemplate = simpleTemplate;
+//# sourceMappingURL=simple-template.js.map

package/lib/utils/simple-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-template.js","sourceRoot":"","sources":["../../src/utils/simple-template.ts"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACH,SAAgB,cAAc,CAAC,QAAiB,EAAE,OAAwC,EAAE;IAC1F,OAAO,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;AACrF,CAAC;AAFD,wCAEC","sourcesContent":["/**\n * 简单的模板替换\n *\n * @param template\n * @param data\n * @returns\n */\nexport function simpleTemplate(template?: string, data: Record<string, string | number> = {}) {\n  return template?.replace(/\\${(.*?)}/g, (match, key) => data[key.trim()].toString())\n}\n"]}

package/lib/water-mark/index.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+export interface WatermarkProps {
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 水印样式 */
+    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;
+    /** 水印文字内容 */
+    content?: string | string[];
+    /** 文字颜色 */
+    fontColor?: string;
+    /** 文字样式 */
+    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+    /** 文字对齐 */
+    textAlign?: 'left' | 'center' | 'right';
+    /** 文字族 */
+    fontFamily?: string;
+    /** 文字粗细 */
+    fontWeight?: 'normal' | 'light' | 'weight' | number;
+    /** 文字大小 */
+    fontSize?: number | string;
+    children?: React.ReactNode;
+}
+export declare const Watermark: React.FC<WatermarkProps>;
+export default Watermark;
+//# sourceMappingURL=index.d.ts.map

package/lib/water-mark/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/water-mark/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,MAAM,WAAW,cAAc;IAC7B,SAAS;IACT,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS;IACT,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,WAAW;IACX,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B,WAAW;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,WAAW;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;IACpD,WAAW;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,UAAU;IACV,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW;IACX,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IACnD,WAAW;IACX,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAqBD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6H9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/water-mark/index.js

@@ -0,0 +1,129 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Watermark = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+/**
+ * 返回当前显示设备的物理像素分辨率与CSS像素分辨率之比
+ *
+ * @param context
+ * @see api 有些废弃了，其实类型 CanvasRenderingContext2D
+ */
+const getPixelRatio = (context) => {
+    if (!context) {
+        return 1;
+    }
+    const backingStore = context.backingStorePixelRatio ||
+        context.webkitBackingStorePixelRatio ||
+        context.mozBackingStorePixelRatio ||
+        context.msBackingStorePixelRatio ||
+        context.oBackingStorePixelRatio ||
+        1;
+    return (window.devicePixelRatio || 1) / backingStore;
+};
+const Watermark = (props) => {
+    const { children, style, className, markStyle, markClassName, 
+    // antd 内容层 zIndex 基本上在 10 以下 https://github.com/ant-design/ant-design/blob/6192403b2ce517c017f9e58a32d58774921c10cd/components/style/themes/default.less#L335
+    zIndex = 9, gapX = 212, gapY = 222, width = 120, height = 64, rotate = -22, // 默认旋转 -22 度
+    image, content, offsetLeft, offsetTop, fontStyle = 'normal', textAlign = 'center', fontWeight = 'normal', fontColor = 'rgba(0,0,0,.15)', fontSize = 14, fontFamily = 'sans-serif', prefixCls = 'tntd-watermark', } = props;
+    const wrapperCls = (0, classnames_1.default)([`${prefixCls}-wrapper`, className]);
+    const watermarkCls = (0, classnames_1.default)([prefixCls, markClassName]);
+    const [base64Url, setBase64Url] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('2d');
+        const ratio = getPixelRatio(ctx);
+        const canvasWidth = `${(gapX + width) * ratio}px`;
+        const canvasHeight = `${(gapY + height) * ratio}px`;
+        const canvasOffsetLeft = offsetLeft || gapX / 2;
+        const 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));
+            const markWidth = width * ratio;
+            const markHeight = height * ratio;
+            if (image) {
+                const img = new Image();
+                img.crossOrigin = 'anonymous';
+                img.referrerPolicy = 'no-referrer';
+                img.src = image;
+                img.onload = () => {
+                    ctx.drawImage(img, 0, 0, markWidth, markHeight);
+                    setBase64Url(canvas.toDataURL());
+                };
+            }
+            else if (content) {
+                const markSize = Number(fontSize) * ratio;
+                ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
+                ctx.fillStyle = fontColor;
+                ctx.textAlign = textAlign;
+                if (Array.isArray(content)) {
+                    content === null || content === void 0 ? void 0 : content.forEach((item, index) => ctx.fillText(item, 0, index * markSize));
+                }
+                else {
+                    ctx.fillText(content, 0, 0);
+                }
+                setBase64Url(canvas.toDataURL());
+            }
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('当前环境不支持Canvas');
+        }
+    }, [
+        gapX,
+        gapY,
+        offsetLeft,
+        offsetTop,
+        rotate,
+        fontStyle,
+        textAlign,
+        fontWeight,
+        width,
+        height,
+        fontFamily,
+        fontColor,
+        image,
+        content,
+        fontSize,
+    ]);
+    return (react_1.default.createElement("div", { style: Object.assign({ position: 'relative' }, style), className: wrapperCls },
+        children,
+        react_1.default.createElement("div", { className: watermarkCls, style: Object.assign(Object.assign({ zIndex, position: 'absolute', left: 0, top: 0, width: '100%', height: '100%', backgroundSize: `${gapX + width}px`, pointerEvents: 'none', backgroundRepeat: 'repeat' }, (base64Url
+                ? {
+                    backgroundImage: `url('${base64Url}')`,
+                }
+                : {})), markStyle) })));
+};
+exports.Watermark = Watermark;
+exports.default = exports.Watermark;
+//# sourceMappingURL=index.js.map

package/lib/water-mark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/water-mark/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA2B;AAC3B,+CAAkD;AAgDlD;;;;;GAKG;AACH,MAAM,aAAa,GAAG,CAAC,OAAY,EAAE,EAAE;IACrC,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CAAC,CAAA;KACT;IACD,MAAM,YAAY,GAChB,OAAO,CAAC,sBAAsB;QAC9B,OAAO,CAAC,4BAA4B;QACpC,OAAO,CAAC,yBAAyB;QACjC,OAAO,CAAC,wBAAwB;QAChC,OAAO,CAAC,uBAAuB;QAC/B,CAAC,CAAA;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC,GAAG,YAAY,CAAA;AACtD,CAAC,CAAA;AAEM,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,aAAa;IACb,8JAA8J;IAC9J,MAAM,GAAG,CAAC,EACV,IAAI,GAAG,GAAG,EACV,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,CAAC,EAAE,EAAE,aAAa;IAC3B,KAAK,EACL,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,GAAG,QAAQ,EACpB,SAAS,GAAG,QAAQ,EACpB,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,iBAAiB,EAC7B,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,YAAY,EACzB,SAAS,GAAG,gBAAgB,GAC7B,GAAG,KAAK,CAAA;IAET,MAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,CAAC,GAAG,SAAS,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAC1D,MAAM,YAAY,GAAG,IAAA,oBAAE,EAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAA;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC/C,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QACnC,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;QAEhC,MAAM,WAAW,GAAG,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,IAAI,CAAA;QACjD,MAAM,YAAY,GAAG,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,KAAK,IAAI,CAAA;QACnD,MAAM,gBAAgB,GAAG,UAAU,IAAI,IAAI,GAAG,CAAC,CAAA;QAC/C,MAAM,eAAe,GAAG,SAAS,IAAI,IAAI,GAAG,CAAC,CAAA;QAE7C,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QACzC,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE3C,IAAI,GAAG,EAAE;YACP,cAAc;YACd,GAAG,CAAC,SAAS,CAAC,gBAAgB,GAAG,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,CAAA;YAChE,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;YAC5C,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAA;YAC/B,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,CAAA;YAEjC,IAAI,KAAK,EAAE;gBACT,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAA;gBACvB,GAAG,CAAC,WAAW,GAAG,WAAW,CAAA;gBAC7B,GAAG,CAAC,cAAc,GAAG,aAAa,CAAA;gBAClC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAA;gBACf,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE;oBAChB,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,CAAA;oBAC/C,YAAY,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAA;gBAClC,CAAC,CAAA;aACF;iBAAM,IAAI,OAAO,EAAE;gBAClB,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAA;gBACzC,GAAG,CAAC,IAAI,GAAG,GAAG,SAAS,WAAW,UAAU,IAAI,QAAQ,MAAM,UAAU,MAAM,UAAU,EAAE,CAAA;gBAC1F,GAAG,CAAC,SAAS,GAAG,SAAS,CAAA;gBACzB,GAAG,CAAC,SAAS,GAAG,SAAS,CAAA;gBACzB,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;oBAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAA;iBAC3F;qBAAM;oBACL,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;iBAC5B;gBACD,YAAY,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAA;aACjC;SACF;aAAM;YACL,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;SAC/B;IACH,CAAC,EAAE;QACD,IAAI;QACJ,IAAI;QACJ,UAAU;QACV,SAAS;QACT,MAAM;QACN,SAAS;QACT,SAAS;QACT,UAAU;QACV,KAAK;QACL,MAAM;QACN,UAAU;QACV,SAAS;QACT,KAAK;QACL,OAAO;QACP,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,uCACE,KAAK,kBACH,QAAQ,EAAE,UAAU,IACjB,KAAK,GAEV,SAAS,EAAE,UAAU;QAEpB,QAAQ;QACT,uCACE,SAAS,EAAE,YAAY,EACvB,KAAK,gCACH,MAAM,EACN,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,GAAG,IAAI,GAAG,KAAK,IAAI,EACnC,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAAE,QAAQ,IACvB,CAAC,SAAS;gBACX,CAAC,CAAC;oBACE,eAAe,EAAE,QAAQ,SAAS,IAAI;iBACvC;gBACH,CAAC,CAAC,EAAE,CAAC,GACJ,SAAS,IAEd,CACE,CACP,CAAA;AACH,CAAC,CAAA;AA7HY,QAAA,SAAS,aA6HrB;AAED,kBAAe,iBAAS,CAAA","sourcesContent":["import cn from 'classnames'\nimport React, { useEffect, useState } from 'react'\n\nexport interface WatermarkProps {\n  /** 类名 */\n  className?: string\n  /** 样式 */\n  style?: React.CSSProperties\n  /** 水印样式 */\n  markStyle?: React.CSSProperties\n  /** 水印类名 */\n  markClassName?: string\n  /** 水印之间的水平间距 */\n  gapX?: number\n  /** 水印之间的垂直间距 */\n  gapY?: number\n  /** 追加的水印元素的z-index */\n  zIndex?: number\n  /** 水印的宽度 */\n  width?: number\n  /** 水印的高度 */\n  height?: number\n  /** 水印在canvas 画布上绘制的垂直偏移量，正常情况下，水印绘制在中间位置, 即 offsetTop = gapY / 2 */\n  offsetTop?: number // 水印图片距离绘制 canvas 单元的顶部距离\n  /** 水印在canvas 画布上绘制的水平偏移量, 正常情况下，水印绘制在中间位置, 即 offsetTop = gapX / 2 */\n  offsetLeft?: number\n  /** 水印绘制时，旋转的角度，单位 ° */\n  rotate?: number\n  /** ClassName 前缀 */\n  prefixCls?: string\n  /** 高清印图片源, 为了高清屏幕显示，建议使用 2倍或3倍图，优先使用图片渲染水印。 */\n  image?: string\n  /** 水印文字内容 */\n  content?: string | string[]\n  /** 文字颜色 */\n  fontColor?: string\n  /** 文字样式 */\n  fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'\n  /** 文字对齐 */\n  textAlign?: 'left' | 'center' | 'right'\n  /** 文字族 */\n  fontFamily?: string\n  /** 文字粗细 */\n  fontWeight?: 'normal' | 'light' | 'weight' | number\n  /** 文字大小 */\n  fontSize?: number | string\n\n  children?: React.ReactNode\n}\n/**\n * 返回当前显示设备的物理像素分辨率与CSS像素分辨率之比\n *\n * @param context\n * @see api 有些废弃了，其实类型 CanvasRenderingContext2D\n */\nconst getPixelRatio = (context: any) => {\n  if (!context) {\n    return 1\n  }\n  const backingStore =\n    context.backingStorePixelRatio ||\n    context.webkitBackingStorePixelRatio ||\n    context.mozBackingStorePixelRatio ||\n    context.msBackingStorePixelRatio ||\n    context.oBackingStorePixelRatio ||\n    1\n  return (window.devicePixelRatio || 1) / backingStore\n}\n\nexport const Watermark: React.FC<WatermarkProps> = (props) => {\n  const {\n    children,\n    style,\n    className,\n    markStyle,\n    markClassName,\n    // antd 内容层 zIndex 基本上在 10 以下 https://github.com/ant-design/ant-design/blob/6192403b2ce517c017f9e58a32d58774921c10cd/components/style/themes/default.less#L335\n    zIndex = 9,\n    gapX = 212,\n    gapY = 222,\n    width = 120,\n    height = 64,\n    rotate = -22, // 默认旋转 -22 度\n    image,\n    content,\n    offsetLeft,\n    offsetTop,\n    fontStyle = 'normal',\n    textAlign = 'center',\n    fontWeight = 'normal',\n    fontColor = 'rgba(0,0,0,.15)',\n    fontSize = 14,\n    fontFamily = 'sans-serif',\n    prefixCls = 'tntd-watermark',\n  } = props\n\n  const wrapperCls = cn([`${prefixCls}-wrapper`, className])\n  const watermarkCls = cn([prefixCls, markClassName])\n  const [base64Url, setBase64Url] = useState('')\n\n  useEffect(() => {\n    const canvas = document.createElement('canvas')\n    const ctx = canvas.getContext('2d')\n    const ratio = getPixelRatio(ctx)\n\n    const canvasWidth = `${(gapX + width) * ratio}px`\n    const canvasHeight = `${(gapY + height) * ratio}px`\n    const canvasOffsetLeft = offsetLeft || gapX / 2\n    const canvasOffsetTop = offsetTop || gapY / 2\n\n    canvas.setAttribute('width', canvasWidth)\n    canvas.setAttribute('height', canvasHeight)\n\n    if (ctx) {\n      // 旋转字符 rotate\n      ctx.translate(canvasOffsetLeft * ratio, canvasOffsetTop * ratio)\n      ctx.rotate((Math.PI / 180) * Number(rotate))\n      const markWidth = width * ratio\n      const markHeight = height * ratio\n\n      if (image) {\n        const img = new Image()\n        img.crossOrigin = 'anonymous'\n        img.referrerPolicy = 'no-referrer'\n        img.src = image\n        img.onload = () => {\n          ctx.drawImage(img, 0, 0, markWidth, markHeight)\n          setBase64Url(canvas.toDataURL())\n        }\n      } else if (content) {\n        const markSize = Number(fontSize) * ratio\n        ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`\n        ctx.fillStyle = fontColor\n        ctx.textAlign = textAlign\n        if (Array.isArray(content)) {\n          content?.forEach((item: string, index: number) => ctx.fillText(item, 0, index * markSize))\n        } else {\n          ctx.fillText(content, 0, 0)\n        }\n        setBase64Url(canvas.toDataURL())\n      }\n    } else {\n      // eslint-disable-next-line no-console\n      console.error('当前环境不支持Canvas')\n    }\n  }, [\n    gapX,\n    gapY,\n    offsetLeft,\n    offsetTop,\n    rotate,\n    fontStyle,\n    textAlign,\n    fontWeight,\n    width,\n    height,\n    fontFamily,\n    fontColor,\n    image,\n    content,\n    fontSize,\n  ])\n\n  return (\n    <div\n      style={{\n        position: 'relative',\n        ...style,\n      }}\n      className={wrapperCls}\n    >\n      {children}\n      <div\n        className={watermarkCls}\n        style={{\n          zIndex,\n          position: 'absolute',\n          left: 0,\n          top: 0,\n          width: '100%',\n          height: '100%',\n          backgroundSize: `${gapX + width}px`,\n          pointerEvents: 'none',\n          backgroundRepeat: 'repeat',\n          ...(base64Url\n            ? {\n                backgroundImage: `url('${base64Url}')`,\n              }\n            : {}),\n          ...markStyle,\n        }}\n      />\n    </div>\n  )\n}\n\nexport default Watermark\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tntd",
-  "version": "2.7.3",
+  "version": "2.7.4",
   "license": "MIT",
   "dependencies": {
     "@icon-park/react": "^1.3.5",
@@ -21,6 +21,7 @@
     "react-color": "^2.17.2",
     "lodash": "~4.17.21",
     "color-alpha": "~1.1.3",
+    "rc-segmented": "~2.2.2",
     "rc-field-form": "~1.34.0",
     "scroll-into-view-if-needed": "^2.2.25"
   },
@@ -66,10 +67,26 @@
     },
     "ref": true
   },
+  "repository": {
+    "type": "git",
+    "url": "git@gitlab.tongdun.cn:app/tntd.git"
+  },
+  "keywords": [
+    "react",
+    "component",
+    "components",
+    "framework",
+    "frontend",
+    "react-component",
+    "react-ui",
+    "tntd"
+  ],
   "files": [
     "lib",
     "es",
-    "themes"
+    "themes",
+    "LICENSE",
+    "README.md"
   ],
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -85,5 +102,6 @@
     "svgr": "npx svgr ./svg --out-dir ./src/svg-components",
     "test": "heft test",
     "test:watch": "heft test --watch --clean"
-  }
+  },
+  "readme": "# 组件介绍\ntntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。\n\n\n## 如何从 `tntd v1.0` 迁移到 `tntd v2.0`  \n\n### 安装 `tntd` 最新版本\n\n```\nnpm install tntd\n```\n\n### 更改配置\n\n1. 添加 .babelrc 中的 import 插件配置，实现按需引入\n\n```diff title=\".babelrc\"\n+  [\n+    \"import\",\n+    {\n+      \"libraryName\": \"tntd\",\n+      libraryDirectory: 'es',\n+    },\n+    \"tntd\"\n+  ],\n```\n\n2. 更改 webpack.config.js 中的主题配置\n\n```diff title=\"webpack.config.js\"\n{\n  loader: \"less-loader\",\n  options: {\n    javascriptEnabled: true,\n    ...\n    modifyVars: {\n-      hack: \"true; @import \\\"~@tntd/antd-cover/tnt.less\\\";\"\n+      hack: \"true; @import \\\"~tntd/themes/default/variables.less\\\";\"\n    }\n  }\n}\n```\n\n3. 修改导入名称\n\nLayout, Icon, Select 等 tntd 1.0 组件和 antd 组件名称存在冲突，请按下方例子进行重命名：\n\n```diff\n- import { Layout, Icon, Select } from 'tntd'\n+ import { TntdLayout, TntdIcon, TntdSelect } from 'tntd'\n```\n\n4. 更改配置\n\n```jsx\n// 使用全新的空状态插画\nimport { renderEmpty } from 'tntd'\n// 使用内置语言包替换 antd\n// 英文语言包\nconst enUS = import 'tntd/es/locale/en_US'\n// 中文语言包\nconst zhCN = import 'tntd/es/locale/zh_CN'\n\nexport const App = () => {\n  return (\n    // 使用空状态插画及语言包\n    <ConfigProvider locale={zhCN} renderEmpty={renderEmpty}>\n      ...\n    </ConfigProvider>\n  )\n}\n```\n"
 }

package/es/_util/colors.js

@@ -1,3 +0,0 @@
-import { tuple } from './type';
-// eslint-disable-next-line import/prefer-default-export
-export const PresetColorTypes = tuple('pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime');

package/es/_util/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/_util/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,wDAAwD;AACxD,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CACnC,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,CACP,CAAC","sourcesContent":["import { tuple } from './type';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const PresetColorTypes = tuple(\n  'pink',\n  'red',\n  'yellow',\n  'orange',\n  'cyan',\n  'green',\n  'blue',\n  'purple',\n  'geekblue',\n  'magenta',\n  'volcano',\n  'gold',\n  'lime',\n);\n\nexport type PresetColorType = (typeof PresetColorTypes)[number];\n"]}

package/es/_util/easings.js

@@ -1,9 +0,0 @@
-// eslint-disable-next-line import/prefer-default-export
-export function easeInOutCubic(t, b, c, d) {
-  const cc = c - b;
-  t /= d / 2;
-  if (t < 1) {
-    return cc / 2 * t * t * t + b;
-  }
-  return cc / 2 * ((t -= 2) * t * t + 2) + b;
-}

package/es/_util/easings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"easings.js","sourceRoot":"","sources":["../../src/_util/easings.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,UAAU,cAAc,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,CAAS;IACvE,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,GAAG,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;KACjC;IACD,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport function easeInOutCubic(t: number, b: number, c: number, d: number) {\n  const cc = c - b;\n  t /= d / 2;\n  if (t < 1) {\n    return (cc / 2) * t * t * t + b;\n  }\n  return (cc / 2) * ((t -= 2) * t * t + 2) + b;\n}\n"]}

package/es/_util/getDataOrAriaProps.js

@@ -1,8 +0,0 @@
-export default function getDataOrAriaProps(props) {
-  return Object.keys(props).reduce((prev, key) => {
-    if ((key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') && key.substr(0, 7) !== 'data-__') {
-      prev[key] = props[key];
-    }
-    return prev;
-  }, {});
-}

package/es/_util/getDataOrAriaProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getDataOrAriaProps.js","sourceRoot":"","sources":["../../src/_util/getDataOrAriaProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAU;IACnD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,GAAW,EAAE,EAAE;QAC1D,IACE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,IAAI,GAAG,KAAK,MAAM,CAAC;YAChF,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,EAC9B;YACA,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;SACxB;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["export default function getDataOrAriaProps(props: any) {\n  return Object.keys(props).reduce((prev: any, key: string) => {\n    if (\n      (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') &&\n      key.substr(0, 7) !== 'data-__'\n    ) {\n      prev[key] = props[key];\n    }\n    return prev;\n  }, {});\n}\n"]}

package/es/_util/getScroll.js

@@ -1,14 +0,0 @@
-export default function getScroll(target, top) {
-  if (typeof window === 'undefined') {
-    return 0;
-  }
-  const prop = top ? 'pageYOffset' : 'pageXOffset';
-  const method = top ? 'scrollTop' : 'scrollLeft';
-  const isWindow = target === window;
-  let ret = isWindow ? target[prop] : target[method];
-  // ie6,7,8 standard mode
-  if (isWindow && typeof ret !== 'number') {
-    ret = document.documentElement[method];
-  }
-  return ret;
-}

package/es/_util/getScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getScroll.js","sourceRoot":"","sources":["../../src/_util/getScroll.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,MAAmC,EAAE,GAAY;IACjF,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,CAAC,CAAC;KACV;IAED,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;IACjD,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IAChD,MAAM,QAAQ,GAAG,MAAM,KAAK,MAAM,CAAC;IAEnC,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAE,MAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAE,MAAsB,CAAC,MAAM,CAAC,CAAC;IAChF,wBAAwB;IACxB,IAAI,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QACvC,GAAG,GAAI,QAAQ,CAAC,eAA+B,CAAC,MAAM,CAAC,CAAC;KACzD;IAED,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["export default function getScroll(target: HTMLElement | Window | null, top: boolean): number {\n  if (typeof window === 'undefined') {\n    return 0;\n  }\n\n  const prop = top ? 'pageYOffset' : 'pageXOffset';\n  const method = top ? 'scrollTop' : 'scrollLeft';\n  const isWindow = target === window;\n\n  let ret = isWindow ? (target as Window)[prop] : (target as HTMLElement)[method];\n  // ie6,7,8 standard mode\n  if (isWindow && typeof ret !== 'number') {\n    ret = (document.documentElement as HTMLElement)[method];\n  }\n\n  return ret;\n}\n"]}

package/es/_util/interopDefault.js

@@ -1,5 +0,0 @@
-// https://github.com/moment/moment/issues/3650
-// since we are using ts 3.5.1, it should be safe to remove.
-export default function interopDefault(m) {
-  return m.default || m;
-}

package/es/_util/interopDefault.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interopDefault.js","sourceRoot":"","sources":["../../src/_util/interopDefault.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,4DAA4D;AAC5D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAM;IAC3C,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC;AACxB,CAAC","sourcesContent":["// https://github.com/moment/moment/issues/3650\n// since we are using ts 3.5.1, it should be safe to remove.\nexport default function interopDefault(m: any) {\n  return m.default || m;\n}\n"]}

package/es/_util/isNumeric.js

@@ -1,4 +0,0 @@
-const isNumeric = value => {
-  return !isNaN(parseFloat(value)) && isFinite(value);
-};
-export default isNumeric;

package/es/_util/isNumeric.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isNumeric.js","sourceRoot":"","sources":["../../src/_util/isNumeric.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,CAAC,KAAU,EAAW,EAAE;IACxC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtD,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["const isNumeric = (value: any): boolean => {\n  return !isNaN(parseFloat(value)) && isFinite(value);\n};\n\nexport default isNumeric;\n"]}

package/es/_util/motion.js

@@ -1,22 +0,0 @@
-// ================== Collapse Motion ==================
-const getCollapsedHeight = () => ({
-  height: 0,
-  opacity: 0
-});
-const getRealHeight = node => ({
-  height: node.scrollHeight,
-  opacity: 1
-});
-const getCurrentHeight = node => ({
-  height: node.offsetHeight
-});
-const collapseMotion = {
-  motionName: 'ant-motion-collapse',
-  onAppearStart: getCollapsedHeight,
-  onEnterStart: getCollapsedHeight,
-  onAppearActive: getRealHeight,
-  onEnterActive: getRealHeight,
-  onLeaveStart: getCurrentHeight,
-  onLeaveActive: getCollapsedHeight
-};
-export default collapseMotion;

package/es/_util/motion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/_util/motion.tsx"],"names":[],"mappings":"AAwBA,wDAAwD;AACxD,MAAM,kBAAkB,GAAe,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;AACxE,MAAM,aAAa,GAAe,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;AACrF,MAAM,gBAAgB,GAAe,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAA;AAE5E,MAAM,cAAc,GAAW;IAC7B,UAAU,EAAE,qBAAqB;IACjC,aAAa,EAAE,kBAAkB;IACjC,YAAY,EAAE,kBAAkB;IAChC,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAE,aAAa;IAC5B,YAAY,EAAE,gBAAgB;IAC9B,aAAa,EAAE,kBAAkB;CAClC,CAAA;AAED,eAAe,cAAc,CAAA","sourcesContent":["import type React from 'react'\n\ntype MotionFunc = (element: HTMLElement) => React.CSSProperties\n\ninterface Motion {\n  visible?: boolean\n  motionName?: string // It also support object, but we only use string here.\n  motionAppear?: boolean\n  motionEnter?: boolean\n  motionLeave?: boolean\n  motionLeaveImmediately?: boolean // Trigger leave motion immediately\n  removeOnLeave?: boolean\n  leavedClassName?: string\n  onAppearStart?: MotionFunc\n  onAppearActive?: MotionFunc\n  onAppearEnd?: MotionFunc\n  onEnterStart?: MotionFunc\n  onEnterActive?: MotionFunc\n  onEnterEnd?: MotionFunc\n  onLeaveStart?: MotionFunc\n  onLeaveActive?: MotionFunc\n  onLeaveEnd?: MotionFunc\n}\n\n// ================== Collapse Motion ==================\nconst getCollapsedHeight: MotionFunc = () => ({ height: 0, opacity: 0 })\nconst getRealHeight: MotionFunc = node => ({ height: node.scrollHeight, opacity: 1 })\nconst getCurrentHeight: MotionFunc = node => ({ height: node.offsetHeight })\n\nconst collapseMotion: Motion = {\n  motionName: 'ant-motion-collapse',\n  onAppearStart: getCollapsedHeight,\n  onEnterStart: getCollapsedHeight,\n  onAppearActive: getRealHeight,\n  onEnterActive: getRealHeight,\n  onLeaveStart: getCurrentHeight,\n  onLeaveActive: getCollapsedHeight,\n}\n\nexport default collapseMotion\n"]}