tntd 2.7.3 → 2.7.4

package/es/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/es/utils/index.js

@@ -1,5 +1,6 @@
 export * from './checkAuth';
 export * from './findMenuInfoByPath';
+export * from './simple-template';
 export const isGroupMenu = (menu) => (menu === null || menu === void 0 ? void 0 : menu.children) && !(menu === null || menu === void 0 ? void 0 : menu.path);
 export const getSelectedMenuInfo = (selectedKey, menus = []) => {
     let subMenu;

package/es/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/es/utils/simple-template.js

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

package/es/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,MAAM,UAAU,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","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/es/water-mark/index.js

@@ -0,0 +1,99 @@
+import cn from 'classnames';
+import React, { useEffect, useState } from '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;
+};
+export 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 = cn([`${prefixCls}-wrapper`, className]);
+    const watermarkCls = cn([prefixCls, markClassName]);
+    const [base64Url, setBase64Url] = useState('');
+    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.createElement("div", { style: Object.assign({ position: 'relative' }, style), className: wrapperCls },
+        children,
+        React.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) })));
+};
+export default Watermark;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/water-mark/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;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;AAED,MAAM,CAAC,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,EAAE,CAAC,CAAC,GAAG,SAAS,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAC1D,MAAM,YAAY,GAAG,EAAE,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAA;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE9C,SAAS,CAAC,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,6BACE,KAAK,kBACH,QAAQ,EAAE,UAAU,IACjB,KAAK,GAEV,SAAS,EAAE,UAAU;QAEpB,QAAQ;QACT,6BACE,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;AAED,eAAe,SAAS,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/lib/actions/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+export interface ProCardActionsProps {
+    /**
+     * 自定义前缀
+     *
+     * @ignore
+     */
+    prefixCls?: string;
+    /** 操作按钮 */
+    actions?: React.ReactNode[] | React.ReactNode;
+}
+declare const ProCardActions: React.FC<ProCardActionsProps>;
+export default ProCardActions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW;IACX,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAA;CAC9C;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBjD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/actions/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+require("./index.less");
+const ProCardActions = (props) => {
+    const { actions, prefixCls } = props;
+    if (Array.isArray(actions) && (actions === null || actions === void 0 ? void 0 : actions.length)) {
+        return (react_1.default.createElement("ul", { className: (0, classnames_1.default)(`${prefixCls}-actions`) }, actions.map((action, index) => (react_1.default.createElement("li", { style: { width: `${100 / actions.length}%`, padding: 0, margin: 0 }, key: `action-${index}`, className: (0, classnames_1.default)(`${prefixCls}-actions-item`) }, action)))));
+    }
+    return react_1.default.createElement("ul", { className: (0, classnames_1.default)(`${prefixCls}-actions`) }, actions);
+};
+exports.default = ProCardActions;
+//# sourceMappingURL=index.js.map

package/lib/actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/actions/index.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAmC;AACnC,kDAAyB;AACzB,wBAAqB;AAarB,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAEpC,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,EAAE;QAC7C,OAAO,CACL,sCAAI,SAAS,EAAE,IAAA,oBAAU,EAAC,GAAG,SAAS,UAAU,CAAC,IAC9C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,sCACE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACnE,GAAG,EAAE,UAAU,KAAK,EAAE,EACtB,SAAS,EAAE,IAAA,oBAAU,EAAC,GAAG,SAAS,eAAe,CAAC,IAEjD,MAAM,CACJ,CACN,CAAC,CACC,CACN,CAAA;KACF;IACD,OAAO,sCAAI,SAAS,EAAE,IAAA,oBAAU,EAAC,GAAG,SAAS,UAAU,CAAC,IAAG,OAAO,CAAM,CAAA;AAC1E,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA","sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport './index.less'\n\nexport interface ProCardActionsProps {\n  /**\n   * 自定义前缀\n   *\n   * @ignore\n   */\n  prefixCls?: string\n  /** 操作按钮 */\n  actions?: React.ReactNode[] | React.ReactNode\n}\n\nconst ProCardActions: React.FC<ProCardActionsProps> = (props) => {\n  const { actions, prefixCls } = props\n\n  if (Array.isArray(actions) && actions?.length) {\n    return (\n      <ul className={classNames(`${prefixCls}-actions`)}>\n        {actions.map((action, index) => (\n          <li\n            style={{ width: `${100 / actions.length}%`, padding: 0, margin: 0 }}\n            key={`action-${index}`}\n            className={classNames(`${prefixCls}-actions-item`)}\n          >\n            {action}\n          </li>\n        ))}\n      </ul>\n    )\n  }\n  return <ul className={classNames(`${prefixCls}-actions`)}>{actions}</ul>\n}\n\nexport default ProCardActions\n"]}

package/lib/actions/index.less

@@ -0,0 +1,70 @@
+.tntd-card-actions {
+	margin-block:0;
+	margin-inline:0;
+	padding-block:0;
+	padding-inline:0;
+	list-style:none;
+	display:flex;
+	gap:8px;
+	background:#ffffff;
+	border-block-start:1px solid rgba(5,5,5,0.06);
+	min-height:42px;
+}
+.tntd-card-actions>* {
+	align-items:center;
+	justify-content:center;
+	flex:1;
+	display:flex;
+	cursor:pointer;
+	color:rgba(42,46,54,0.65);
+	transition:color 0.3s;
+}
+.tntd-card-actions>*:hover {
+	color:#468fff;
+}
+.tntd-card-actions>li>div {
+	flex:1;
+	width:100%;
+	margin-block:12px;
+	margin-inline:0;
+	color:rgba(42,46,54,0.65);
+	text-align:center;
+}
+.tntd-card-actions>li>div a {
+	color:rgba(42,46,54,0.65);
+	transition:color 0.3s;
+}
+.tntd-card-actions>li>div a:hover {
+	color:#468fff;
+}
+.tntd-card-actions>li>div div {
+	position:relative;
+	display:block;
+	min-width:32px;
+	font-size:14px;
+	line-height:1.5714285714285714;
+	cursor:pointer;
+}
+.tntd-card-actions>li>div div:hover {
+	color:#468fff;
+	transition:color 0.3s;
+}
+.tntd-card-actions>li>div div a:not(.ant-btn),
+.tntd-card-actions>li>div div >.anticon {
+	display:inline-block;
+	width:100%;
+	color:rgba(42,46,54,0.65);
+	line-height:22px;
+	transition:color 0.3s;
+}
+.tntd-card-actions>li>div div a:not(.ant-btn):hover,
+.tntd-card-actions>li>div div >.anticon:hover {
+	color:#468fff;
+}
+.tntd-card-actions>li>div div .anticon {
+	font-size:16px;
+	line-height:22px;
+}
+.tntd-card-actions>li>div:not(:last-child) {
+	border-inline-end:1px solid rgba(5,5,5,0.06);
+}

package/lib/check-card/group.d.ts

@@ -0,0 +1,130 @@
+import React from 'react';
+export declare type CheckCardValueType = string | number | boolean;
+export declare type CheckGroupValueType = CheckCardValueType[] | CheckCardValueType | undefined;
+export interface CheckCardOptionType {
+    /**
+     * 标题展示
+     *
+     * @title 标题
+     */
+    title?: React.ReactNode;
+    /**
+     * 选项值
+     *
+     * @title 值
+     */
+    value: CheckCardValueType;
+    /**
+     * 描述展示
+     *
+     * @title 描述
+     */
+    description?: React.ReactNode;
+    /**
+     * 组件尺寸，支持大，中，小三种默认尺寸，用户可以自定义宽高
+     *
+     * @default default
+     * @title 组件尺寸
+     */
+    size?: 'large' | 'default' | 'small';
+    /**
+     * 左侧头像展示，可以是一个链接也可以是是一个 ReactNode
+     *
+     * @title 左侧头像区域
+     */
+    avatar?: React.ReactNode;
+    /**
+     * 图片封面默认，该模式下其他展示值被忽略
+     *
+     * @title 图片封面
+     */
+    cover?: React.ReactNode;
+    /**
+     * 不可用
+     *
+     * @default false
+     * @title 不可用
+     */
+    disabled?: boolean;
+    /** Change 回调 */
+    onChange?: (checked: boolean) => void;
+}
+export interface AbstractCheckCardGroupProps {
+    /** @ignore */
+    prefixCls?: string;
+    /** @ignore */
+    className?: string;
+    /** 指定可选项 */
+    options?: (CheckCardOptionType | string)[];
+    /** 整组失效 */
+    disabled?: boolean;
+    /** @ignore */
+    style?: React.CSSProperties;
+    /**
+     * 组件尺寸，支持大，中，小三种默认尺寸，用户可以自定义宽高
+     *
+     * @default default
+     */
+    size?: 'large' | 'default' | 'small';
+    /**
+     * @acceptions CheckCard
+     * @ignore
+     */
+    children?: React.ReactNode;
+}
+export declare const CardLoading: React.FC<{
+    prefixCls: string;
+}>;
+export interface CheckCardGroupProps extends AbstractCheckCardGroupProps {
+    /**
+     * 是否多选
+     *
+     * @title 是否多选
+     */
+    multiple?: boolean;
+    /**
+     * 默认选中的选项
+     *
+     * @title 默认选中的选项
+     */
+    defaultValue?: CheckGroupValueType;
+    /**
+     * 指定选中的选项
+     *
+     * @title 指定选中的选项
+     */
+    value?: CheckGroupValueType;
+    /**
+     * 当卡片组内容还在加载中时，可以用 loading 展示一个占位
+     *
+     * @title 加载中
+     */
+    loading?: boolean;
+    /**
+     * 是否显示边框
+     *
+     * @title 显示边框
+     */
+    bordered?: boolean;
+    /** 变化时回调函数 */
+    onChange?: (checkedValue: CheckGroupValueType) => void;
+}
+export interface CheckCardGroupState {
+    value: CheckGroupValueType;
+    registeredValues: CheckCardValueType[];
+}
+export interface CheckCardGroupConnextType {
+    toggleOption?: (option: CheckCardOptionType) => void;
+    value?: any;
+    disabled?: boolean;
+    size?: 'default' | 'large' | 'small';
+    loading?: boolean;
+    bordered?: boolean;
+    multiple?: boolean;
+    registerValue?: (value: any) => void;
+    cancelValue?: (value: any) => void;
+}
+export declare const CheckCardGroupConnext: React.Context<CheckCardGroupConnextType | null>;
+declare const CheckCardGroup: React.FC<CheckCardGroupProps>;
+export default CheckCardGroup;
+//# sourceMappingURL=group.d.ts.map

package/lib/check-card/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/check-card/group.tsx"],"names":[],"mappings":"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"}