tntd 2.6.9 → 2.6.10

package/es/water-mark/index.js

@@ -0,0 +1,110 @@
+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;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/water-mark/index.tsx"],"names":[],"mappings":"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","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,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ProCardActions = function ProCardActions(props) {
+  var actions = props.actions,
+    prefixCls = props.prefixCls;
+  if (Array.isArray(actions) && (actions === null || actions === void 0 ? void 0 : actions.length)) {
+    return _react["default"].createElement("ul", {
+      className: (0, _classnames["default"])("".concat(prefixCls, "-actions"))
+    }, actions.map(function (action, index) {
+      return _react["default"].createElement("li", {
+        style: {
+          width: "".concat(100 / actions.length, "%"),
+          padding: 0,
+          margin: 0
+        },
+        key: "action-".concat(index),
+        className: (0, _classnames["default"])("".concat(prefixCls, "-actions-item"))
+      }, action);
+    }));
+  }
+  return _react["default"].createElement("ul", {
+    className: (0, _classnames["default"])("".concat(prefixCls, "-actions"))
+  }, actions);
+};
+var _default = ProCardActions;
+exports["default"] = _default;

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/cascader/index.d.ts

@@ -1,5 +1,10 @@
-import Cascader from 'antd/lib/cascader';
+/// <reference types="react" />
+import type { CascaderProps as AntdCascaderProps } from 'antd/lib/cascader';
 import 'antd/lib/cascader/style';
 export * from 'antd/lib/cascader';
+export declare type CascaderProps = AntdCascaderProps & {
+    readonly?: boolean;
+};
+export declare const Cascader: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
 export default Cascader;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAEhC,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAI1E,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAEhC,oBAAY,aAAa,GAAG,iBAAiB,GAAG;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,QAAQ,yHAA+D,CAAA;AAEpF,eAAe,QAAQ,CAAA"}

package/lib/cascader/index.js

@@ -4,8 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
-exports["default"] = void 0;
+var _exportNames = {
+  Cascader: true
+};
+exports["default"] = exports.Cascader = void 0;
 var _cascader = _interopRequireWildcard(require("antd/lib/cascader"));
 Object.keys(_cascader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -18,8 +20,13 @@ Object.keys(_cascader).forEach(function (key) {
     }
   });
 });
+var _connect = require("../connect");
+var _previewText = require("../preview-text");
 require("antd/lib/cascader/style");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = _cascader["default"];
+// @ts-ignore
+var Cascader = (0, _connect.connectReadonlyComponent)(_cascader["default"], _previewText.PreviewText.Cascader);
+exports.Cascader = Cascader;
+var _default = Cascader;
 exports["default"] = _default;

package/lib/cascader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,gEAAuC;AAEvC,kCAA+B;AAE/B,mDAAgC;AAEhC,kBAAe,kBAAQ,CAAA","sourcesContent":["import Cascader from 'antd/lib/cascader'\n\nimport 'antd/lib/cascader/style'\n\nexport * from 'antd/lib/cascader'\n\nexport default Cascader\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,gEAA2C;AAE3C,wCAAqD;AACrD,kDAA6C;AAE7C,kCAA+B;AAE/B,mDAAgC;AAMhC,aAAa;AACA,QAAA,QAAQ,GAAG,IAAA,kCAAwB,EAAC,kBAAY,EAAE,0BAAW,CAAC,QAAQ,CAAC,CAAA;AAEpF,kBAAe,gBAAQ,CAAA","sourcesContent":["import AntdCascader from 'antd/lib/cascader'\nimport type { CascaderProps as AntdCascaderProps } from 'antd/lib/cascader'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport 'antd/lib/cascader/style'\n\nexport * from 'antd/lib/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\n// @ts-ignore\nexport const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader)\n\nexport default Cascader\n"]}

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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"}