tntd 1.4.16 → 2.0.0-beta

package/dist/es/business-components/ellipsis/index.js

@@ -0,0 +1,82 @@
+/*
+ * @Author: 梁洪刚
+ * @CreatDate: 2021-03-31 13:57:32
+ * @Describe: 省略号组件
+ */
+import React, { useState, useEffect, useRef } from 'react';
+import { Popover, Tooltip } from 'antd';
+import copy from 'copy-to-clipboard';
+import CopySVG from './Svg/CopySVG';
+import TickSVG from './Svg/TickSVG';
+import './index.less';
+const tolerance = 0; // In px. Depends on the font you are using
+const isEllipsisActive = (e) => {
+    var _a, _b;
+    if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {
+        let styleStr = 'overflow:visible; ';
+        if (!((_b = (_a = e === null || e === void 0 ? void 0 : e.parentNode) === null || _a === void 0 ? void 0 : _a.getAttribute('style')) === null || _b === void 0 ? void 0 : _b.includes('width'))) {
+            styleStr += 'width:100%;';
+        }
+        e.parentNode.setAttribute('style', styleStr);
+    }
+    return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
+};
+export default (props) => {
+    let { _popover = props.Popover, // `Popover` or `Tooltip` ?
+    title, // in most cases for `Tooltip`
+    content, // in most cases for `Popover`
+    className, style, widthLimit, // width trigger value
+    _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;
+    children, // children Node
+    emptyText, // default: null
+    _copyable = props.copyable, // copy function
+    prefix, // 前缀dom
+    suffix, // 后缀dom
+     } = props;
+    // allow visible or not state
+    const [flag, setFlag] = useState(true);
+    // visible[Tooltip/Popover] state
+    const [tipVisible, setTipVisible] = useState(false);
+    // copy animation state
+    const [hasCopy, setHasCopy] = useState(false);
+    const elementRef = useRef();
+    useEffect(() => {
+        elementRef.current && isEllipsisActive(elementRef.current)
+            ? setFlag(true)
+            : (setFlag(false), setTipVisible(false));
+    });
+    // original Node
+    const inner = typeof children === 'string' ? children : _popover ? content : title;
+    // for className
+    const getClassName = () => {
+        return `overflow ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`;
+    };
+    // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
+    const handleVisibleChange = (visible) => {
+        // const { onVisibleChange } = props;
+        // onVisibleChange(visible);
+        flag && setTipVisible(visible);
+    };
+    // onClick Copy Button
+    const handleCopy = (innerText) => {
+        copy(innerText);
+        setHasCopy(!hasCopy);
+        setTimeout(() => {
+            setHasCopy(false);
+        }, 1000);
+    };
+    const renderNode = () => {
+        const popoverNode = (React.createElement(Popover, Object.assign({}, props, { content: content || children, visible: tipVisible, onVisibleChange: (visible) => handleVisibleChange(visible) }),
+            React.createElement("div", { className: className, style: { WebkitLineClamp: _lines }, ref: elementRef }, children || content)));
+        const tooltipNode = (React.createElement(Tooltip, Object.assign({}, props, { title: title || children, visible: tipVisible, onVisibleChange: (visible) => handleVisibleChange(visible) }),
+            React.createElement("div", { className: className, style: { WebkitLineClamp: _lines }, ref: elementRef }, children || title)));
+        return _popover ? popoverNode : tooltipNode;
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "tnt-ellipsis", style: Object.assign(Object.assign({}, style), { maxWidth: widthLimit }) },
+            prefix && prefix,
+            React.createElement("div", { className: getClassName() }, inner ? renderNode() : emptyText),
+            suffix && suffix,
+            inner && _copyable && (React.createElement("div", { className: "svg-button", onClick: () => handleCopy(elementRef.current.innerText) }, !hasCopy ? React.createElement(CopySVG, null) : React.createElement(TickSVG, null))))));
+};
+//# sourceMappingURL=index.js.map

package/dist/es/business-components/ellipsis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/business-components/ellipsis/index.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\n\nimport React, { useState, useEffect, useRef } from 'react'\nimport { Popover, Tooltip } from 'antd'\nimport copy from 'copy-to-clipboard'\nimport CopySVG from './Svg/CopySVG'\nimport TickSVG from './Svg/TickSVG'\nimport './index.less'\n\nconst tolerance = 0 // In px. Depends on the font you are using\n\nconst isEllipsisActive = (e) => {\n  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n    let styleStr = 'overflow:visible; '\n    if (!e?.parentNode?.getAttribute('style')?.includes('width')) {\n      styleStr += 'width:100%;'\n    }\n    e.parentNode.setAttribute('style', styleStr)\n  }\n  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight\n}\n\nexport default (props) => {\n  let {\n    _popover = props.Popover, // `Popover` or `Tooltip` ?\n    title, // in most cases for `Tooltip`\n    content, // in most cases for `Popover`\n    className,\n    style,\n    widthLimit, // width trigger value\n    _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;\n    children, // children Node\n    emptyText, // default: null\n    _copyable = props.copyable, // copy function\n    prefix, // 前缀dom\n    suffix, // 后缀dom\n  } = props\n\n  // allow visible or not state\n  const [flag, setFlag] = useState(true)\n  // visible[Tooltip/Popover] state\n  const [tipVisible, setTipVisible] = useState(false)\n  // copy animation state\n  const [hasCopy, setHasCopy] = useState(false)\n\n  const elementRef = useRef()\n\n  useEffect(() => {\n    elementRef.current && isEllipsisActive(elementRef.current)\n      ? setFlag(true)\n      : (setFlag(false), setTipVisible(false))\n  })\n\n  // original Node\n  const inner = typeof children === 'string' ? children : _popover ? content : title\n\n  // for className\n  const getClassName = () => {\n    return `overflow ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`\n  }\n\n  // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n  const handleVisibleChange = (visible) => {\n    // const { onVisibleChange } = props;\n    // onVisibleChange(visible);\n    flag && setTipVisible(visible)\n  }\n\n  // onClick Copy Button\n  const handleCopy = (innerText) => {\n    copy(innerText)\n    setHasCopy(!hasCopy)\n    setTimeout(() => {\n      setHasCopy(false)\n    }, 1000)\n  }\n\n  const renderNode = () => {\n    const popoverNode = (\n      <Popover\n        {...props}\n        content={content || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || content}\n        </div>\n      </Popover>\n    )\n\n    const tooltipNode = (\n      <Tooltip\n        {...props}\n        title={title || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || title}\n        </div>\n      </Tooltip>\n    )\n\n    return _popover ? popoverNode : tooltipNode\n  }\n\n  return (\n    <>\n      <div\n        className=\"tnt-ellipsis\"\n        style={{\n          ...style,\n          maxWidth: widthLimit,\n        }}\n      >\n        {/* prefix */}\n        {prefix && prefix}\n        {/* content */}\n        <div className={getClassName()}>{inner ? renderNode() : emptyText}</div>\n        {/* suffix */}\n        {suffix && suffix}\n        {/* copyable button */}\n        {inner && _copyable && (\n          <div className=\"svg-button\" onClick={() => handleCopy(elementRef.current.innerText)}>\n            {!hasCopy ? <CopySVG /> : <TickSVG />}\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n"]}

package/dist/es/business-components/ellipsis/index.less

@@ -0,0 +1,58 @@
+.tnt-ellipsis {
+  display: flex;
+  .overflow {
+    // white-space:nowrap;     //溢出不换行
+    overflow: hidden; //超出的文本隐藏
+    text-overflow: ellipsis; //溢出用省略号显示
+    i {
+      margin: 0 0.3em;
+    }
+  }
+
+  .ellipsis-nowrap {
+    white-space: nowrap; //溢出不换行
+    & * {
+      overflow: hidden; //超出的文本隐藏
+      text-overflow: ellipsis; //溢出用省略号显示
+    }
+  }
+
+  .ellipsis-wrap {
+    display: -webkit-inline-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .button {
+    height: 20px;
+    width: 20px;
+    display: inline-flex;
+    align-items: center;
+    margin-left: 8px;
+    :hover {
+      cursor: pointer;
+    }
+  }
+
+  .button-hidden {
+    display: none !important;
+  }
+
+  .button-active {
+    display: inline-flex;
+    g {
+      animation: copy-active 0.3s;
+    }
+  }
+
+  @keyframes copy-active {
+    from {
+      stroke: #07c790;
+    }
+    to {
+      stroke: #1e90ff;
+    }
+  }
+}

package/dist/es/business-components/handle/index.js

@@ -0,0 +1,52 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Fragment } from 'react';
+import { Dropdown, Menu, Divider } from 'antd';
+import Icon from '../tntd-icon';
+import './index.less';
+const clsPrefix = 'tnt-more-menus';
+export default (props) => {
+    const _a = props || {}, { children = [], type, num = 3, lang, divider = true, lessOneMoreFit } = _a, rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit"]);
+    let newChildren = [];
+    if (Array.isArray(children)) {
+        newChildren = (children === null || children === void 0 ? void 0 : children.filter((item) => !!item)) || [];
+    }
+    else if (children) {
+        newChildren.push(children);
+    }
+    let [preChildPart, lastChildPart] = [newChildren, null];
+    // 只有1个时不适配
+    if (lessOneMoreFit && newChildren.length - num === 1) {
+        preChildPart = newChildren;
+    }
+    else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
+        preChildPart = newChildren.slice(0, num);
+        lastChildPart = newChildren.slice(num);
+    }
+    if (divider && preChildPart) {
+        const preChildLen = preChildPart.length;
+        preChildPart = preChildPart.map((dom, i) => (React.createElement(Fragment, { key: i },
+            dom,
+            !((i === preChildLen - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length)) // 没有更多 且 是最后一个时 不显示 Divider
+            ) && React.createElement(Divider, { type: "vertical" }))));
+    }
+    const menu = (React.createElement(Menu, { className: "org-pop-opera-btn" }, lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.map((child, i) => (React.createElement(Menu.Item, { key: i }, child)))));
+    return (React.createElement("div", Object.assign({ onClick: (e) => {
+            e.stopPropagation();
+        } }, rest),
+        preChildPart,
+        (lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) > 0 && (React.createElement(Dropdown, { overlay: menu, arrow: true }, type === 'icon' ? (React.createElement(Icon, { type: "more" })) : (React.createElement("a", { className: "ant-dropdown-more" },
+            lang === 'en' ? 'More' : '更多',
+            React.createElement("i", { className: `${clsPrefix}-dropdown-icon` },
+                React.createElement(Icon, { type: "down" }))))))));
+};
+//# sourceMappingURL=index.js.map

package/dist/es/business-components/handle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/business-components/handle/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { Fragment } from 'react'\nimport { Dropdown, Menu, Divider } from 'antd'\nimport Icon from '../tntd-icon'\nimport './index.less'\n\nconst clsPrefix = 'tnt-more-menus'\n\nexport default (props) => {\n  const {\n    children = [],\n    type,\n    num = 3,\n    lang,\n    divider = true,\n    lessOneMoreFit,\n    ...rest\n  } = props || {}\n  let newChildren = []\n  if (Array.isArray(children)) {\n    newChildren = children?.filter((item) => !!item) || []\n  } else if (children) {\n    newChildren.push(children)\n  }\n\n  let [preChildPart, lastChildPart] = [newChildren, null]\n\n  // 只有1个时不适配\n  if (lessOneMoreFit && newChildren.length - num === 1) {\n    preChildPart = newChildren\n  } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n    preChildPart = newChildren.slice(0, num)\n    lastChildPart = newChildren.slice(num)\n  }\n\n  if (divider && preChildPart) {\n    const preChildLen = preChildPart.length\n    preChildPart = preChildPart.map((dom, i) => (\n      <Fragment key={i}>\n        {dom}\n        {!(\n          (i === preChildLen - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n        ) && <Divider type=\"vertical\" />}\n      </Fragment>\n    ))\n  }\n  const menu = (\n    <Menu className=\"org-pop-opera-btn\">\n      {lastChildPart?.map((child, i) => (\n        <Menu.Item key={i}>{child}</Menu.Item>\n      ))}\n    </Menu>\n  )\n\n  return (\n    <div\n      onClick={(e) => {\n        e.stopPropagation()\n      }}\n      {...rest}\n    >\n      {preChildPart}\n      {lastChildPart?.length > 0 && (\n        <Dropdown overlay={menu} arrow>\n          {type === 'icon' ? (\n            <Icon type=\"more\" />\n          ) : (\n            <a className=\"ant-dropdown-more\">\n              {lang === 'en' ? 'More' : '更多'}\n              <i className={`${clsPrefix}-dropdown-icon`}>\n                <Icon type=\"down\" />\n              </i>\n            </a>\n          )}\n        </Dropdown>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/es/business-components/handle/index.less

@@ -0,0 +1,9 @@
+.tnt-more-menus {
+  // display: flex;
+  // align-items: center;
+
+  &-dropdown-icon {
+    font-size: 12px;
+    margin-left: 2px;
+  }
+}

package/dist/es/business-components/img/Contain.js

@@ -0,0 +1,42 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import classnames from 'classnames';
+export default (props) => {
+    const { alt, title, src, width, height, style = {}, className, onError, shape, errorImgSrc, type } = props, others = __rest(props, ["alt", "title", "src", "width", "height", "style", "className", "onError", "shape", "errorImgSrc", "type"]);
+    const styles = Object.assign(Object.assign({}, style), { display: 'inline-block', width,
+        height, overflow: 'hidden' });
+    if (shape === 'rounded') {
+        styles.borderRadius = '5px';
+    }
+    else if (shape === 'circle') {
+        styles.borderRadius = '50%';
+    }
+    const centerStyles = {
+        width,
+        height,
+        display: 'table-cell',
+        verticalAlign: 'middle',
+        textAlign: 'center',
+    };
+    const imgStyles = {
+        width: 'auto',
+        height: 'auto',
+        maxWidth: width,
+        maxHeight: height,
+    };
+    const cls = classnames('tntd-img', shape, className);
+    return (React.createElement("div", Object.assign({ className: cls, style: styles }, others),
+        React.createElement("div", { style: centerStyles },
+            React.createElement("img", { style: imgStyles, onError: onError, src: src, alt: alt, title: title }))));
+};
+//# sourceMappingURL=Contain.js.map

package/dist/es/business-components/img/Contain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Contain.js","sourceRoot":"","sources":["../../../../src/business-components/img/Contain.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EACJ,GAAG,EACH,KAAK,EACL,GAAG,EACH,KAAK,EACL,MAAM,EACN,KAAK,GAAG,EAAE,EACV,SAAS,EACT,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAI,KAEF,KAAK,EADJ,MAAM,UACP,KAAK,EAbH,2GAaL,CAAQ,CAAA;IAET,MAAM,MAAM,mCACP,KAAK,KACR,OAAO,EAAE,cAAc,EACvB,KAAK;QACL,MAAM,EACN,QAAQ,EAAE,QAAQ,GACnB,CAAA;IACD,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,MAAM,CAAC,YAAY,GAAG,KAAK,CAAA;KAC5B;SAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;QAC7B,MAAM,CAAC,YAAY,GAAG,KAAK,CAAA;KAC5B;IAED,MAAM,YAAY,GAAG;QACnB,KAAK;QACL,MAAM;QACN,OAAO,EAAE,YAAY;QACrB,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,QAAQ;KACpB,CAAA;IAED,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,MAAM;KAClB,CAAA;IAED,MAAM,GAAG,GAAG,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAEpD,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAM,MAAM;QAC5C,6BAAK,KAAK,EAAE,YAAY;YACtB,6BAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CACzE,CACF,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\nexport default (props) => {\n  const {\n    alt,\n    title,\n    src,\n    width,\n    height,\n    style = {},\n    className,\n    onError,\n    shape,\n    errorImgSrc,\n    type,\n    ...others\n  } = props\n\n  const styles = {\n    ...style,\n    display: 'inline-block',\n    width,\n    height,\n    overflow: 'hidden',\n  }\n  if (shape === 'rounded') {\n    styles.borderRadius = '5px'\n  } else if (shape === 'circle') {\n    styles.borderRadius = '50%'\n  }\n\n  const centerStyles = {\n    width,\n    height,\n    display: 'table-cell',\n    verticalAlign: 'middle',\n    textAlign: 'center',\n  }\n\n  const imgStyles = {\n    width: 'auto',\n    height: 'auto',\n    maxWidth: width,\n    maxHeight: height,\n  }\n\n  const cls = classnames('tntd-img', shape, className)\n\n  return (\n    <div className={cls} style={styles} {...others}>\n      <div style={centerStyles}>\n        <img style={imgStyles} onError={onError} src={src} alt={alt} title={title} />\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/es/business-components/img/Cover.js

@@ -0,0 +1,78 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { useEffect, useState, useRef } from 'react';
+import classnames from 'classnames';
+export default (props) => {
+    const { alt, title, src, width, height, style = {}, className, onError, shape, errorImgSrc, type } = props, others = __rest(props, ["alt", "title", "src", "width", "height", "style", "className", "onError", "shape", "errorImgSrc", "type"]);
+    const imgRef = useRef();
+    const [imgStyles, setImgStyles] = useState({
+        display: 'block',
+        maxWidth: 'none',
+        width: 'auto',
+        height: 'auto',
+        // transition: 'opacity 0.2s ease',
+        opacity: 0,
+    });
+    const getStyles = (wrapWidth, wrapHeight, imgWidth, imgHeight) => {
+        // 进行等比运算
+        const wrapRatio = wrapWidth / wrapHeight;
+        const imgRatio = imgWidth / imgHeight;
+        let finalWidth = 0;
+        let finalHeight = 0;
+        let finalMarginTop = 0;
+        let finalMarginLeft = 0;
+        if (wrapRatio > imgRatio) {
+            // 父框宽度更大，以父框的宽度为准，拉伸图片上移
+            finalWidth = wrapWidth;
+            finalHeight = finalWidth / imgRatio;
+            finalMarginTop = ((finalHeight - wrapHeight) / 2) * -1;
+        }
+        else {
+            // 父框高度更大，以父框高度为准，拉伸图片左移动
+            finalHeight = wrapHeight;
+            finalWidth = finalHeight * imgRatio;
+            finalMarginLeft = ((finalWidth - wrapWidth) / 2) * -1;
+        }
+        return {
+            height: finalHeight,
+            width: finalWidth,
+            marginLeft: finalMarginLeft,
+            marginTop: finalMarginTop,
+        };
+    };
+    const imgOnload = () => {
+        const imgDOM = imgRef.current;
+        const { width, height } = props;
+        const imgWidth = imgDOM.width;
+        const imgHeight = imgDOM.height;
+        const imgStyles2 = getStyles(width, height, imgWidth, imgHeight);
+        setImgStyles(Object.assign(Object.assign(Object.assign({}, imgStyles), imgStyles2), { opacity: 1 }));
+    };
+    useEffect(() => {
+        if (width || height) {
+            imgOnload();
+        }
+    }, [width, height]);
+    const styles = Object.assign(Object.assign({}, style), { display: 'inline-block', overflow: 'hidden', width,
+        height });
+    if (shape === 'rounded') {
+        styles.borderRadius = '5px';
+    }
+    else if (shape === 'circle') {
+        styles.borderRadius = '50%';
+    }
+    const cls = classnames('tntd-img', shape, className);
+    return (React.createElement("div", Object.assign({ className: cls, style: styles }, others),
+        React.createElement("img", { style: imgStyles, onError: onError, ref: imgRef, src: src, alt: alt, title: title, onLoad: imgOnload })));
+};
+//# sourceMappingURL=Cover.js.map

package/dist/es/business-components/img/Cover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cover.js","sourceRoot":"","sources":["../../../../src/business-components/img/Cover.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { useEffect, useState, useRef } from 'react'\nimport classnames from 'classnames'\n\nexport default (props) => {\n  const {\n    alt,\n    title,\n    src,\n    width,\n    height,\n    style = {},\n    className,\n    onError,\n    shape,\n    errorImgSrc,\n    type,\n    ...others\n  } = props\n  const imgRef = useRef()\n  const [imgStyles, setImgStyles] = useState({\n    display: 'block',\n    maxWidth: 'none',\n    width: 'auto',\n    height: 'auto',\n    // transition: 'opacity 0.2s ease',\n    opacity: 0,\n  })\n\n  const getStyles = (wrapWidth, wrapHeight, imgWidth, imgHeight) => {\n    // 进行等比运算\n    const wrapRatio = wrapWidth / wrapHeight\n    const imgRatio = imgWidth / imgHeight\n\n    let finalWidth = 0\n    let finalHeight = 0\n    let finalMarginTop = 0\n    let finalMarginLeft = 0\n\n    if (wrapRatio > imgRatio) {\n      // 父框宽度更大，以父框的宽度为准，拉伸图片上移\n      finalWidth = wrapWidth\n      finalHeight = finalWidth / imgRatio\n      finalMarginTop = ((finalHeight - wrapHeight) / 2) * -1\n    } else {\n      // 父框高度更大，以父框高度为准，拉伸图片左移动\n      finalHeight = wrapHeight\n      finalWidth = finalHeight * imgRatio\n      finalMarginLeft = ((finalWidth - wrapWidth) / 2) * -1\n    }\n\n    return {\n      height: finalHeight,\n      width: finalWidth,\n      marginLeft: finalMarginLeft,\n      marginTop: finalMarginTop,\n    }\n  }\n\n  const imgOnload = () => {\n    const imgDOM = imgRef.current\n    const { width, height } = props\n    const imgWidth = imgDOM.width\n    const imgHeight = imgDOM.height\n\n    const imgStyles2 = getStyles(width, height, imgWidth, imgHeight)\n    setImgStyles({\n      ...imgStyles,\n      ...imgStyles2,\n      opacity: 1,\n    })\n  }\n\n  useEffect(() => {\n    if (width || height) {\n      imgOnload()\n    }\n  }, [width, height])\n\n  const styles = {\n    ...style,\n    display: 'inline-block',\n    overflow: 'hidden',\n    width,\n    height,\n  }\n  if (shape === 'rounded') {\n    styles.borderRadius = '5px'\n  } else if (shape === 'circle') {\n    styles.borderRadius = '50%'\n  }\n\n  const cls = classnames('tntd-img', shape, className)\n\n  return (\n    <div className={cls} style={styles} {...others}>\n      <img\n        style={imgStyles}\n        onError={onError}\n        ref={imgRef}\n        src={src}\n        alt={alt}\n        title={title}\n        onLoad={imgOnload}\n      />\n    </div>\n  )\n}\n"]}

package/dist/es/business-components/img/index.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Fragment, useState } from 'react';
+import Cover from './Cover';
+import Contain from './Contain';
+export default (props) => {
+    const _a = props || {}, { type = 'cover', src, shape = 'sharp', title = '', alt = '', className, style, width = 'auto', height = 'auto', errorImgSrc, onError } = _a, rest = __rest(_a, ["type", "src", "shape", "title", "alt", "className", "style", "width", "height", "errorImgSrc", "onError"]);
+    const [src2, setSrc2] = useState(src);
+    const handleImgLoadError = () => {
+        if (errorImgSrc) {
+            setSrc2(props.errorImgSrc);
+        }
+        props.onError && props.onError();
+    };
+    const params = Object.assign({ type, src: src2, shape,
+        title,
+        alt,
+        className,
+        style,
+        width,
+        height,
+        errorImgSrc }, rest);
+    return (React.createElement(Fragment, null,
+        type === 'contain' && React.createElement(Contain, Object.assign({}, params, { onError: handleImgLoadError })),
+        type === 'cover' && React.createElement(Cover, Object.assign({}, params, { onError: handleImgLoadError }))));
+};
+//# sourceMappingURL=index.js.map

package/dist/es/business-components/img/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/business-components/img/index.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,KAaF,KAAK,IAAI,EAAE,EAbT,EACJ,IAAI,GAAG,OAAO,EACd,GAAG,EACH,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,EAAE,EACV,GAAG,GAAG,EAAE,EACR,SAAS,EACT,KAAK,EACL,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,WAAW,EACX,OAAO,OAEM,EADV,IAAI,cAZH,2GAaL,CAAc,CAAA;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAA;IAErC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,WAAW,EAAE;YACf,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;SAC3B;QACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;IAClC,CAAC,CAAA;IACD,MAAM,MAAM,mBACV,IAAI,EACJ,GAAG,EAAE,IAAI,EACT,KAAK;QACL,KAAK;QACL,GAAG;QACH,SAAS;QACT,KAAK;QACL,KAAK;QACL,MAAM;QACN,WAAW,IACR,IAAI,CACR,CAAA;IAED,OAAO,CACL,oBAAC,QAAQ;QACN,IAAI,KAAK,SAAS,IAAI,oBAAC,OAAO,oBAAK,MAAM,IAAE,OAAO,EAAE,kBAAkB,IAAI;QAC1E,IAAI,KAAK,OAAO,IAAI,oBAAC,KAAK,oBAAK,MAAM,IAAE,OAAO,EAAE,kBAAkB,IAAI,CAC9D,CACZ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { Fragment, useState } from 'react'\nimport Cover from './Cover'\nimport Contain from './Contain'\n\nexport default (props) => {\n  const {\n    type = 'cover',\n    src,\n    shape = 'sharp',\n    title = '',\n    alt = '',\n    className,\n    style,\n    width = 'auto',\n    height = 'auto',\n    errorImgSrc,\n    onError,\n    ...rest\n  } = props || {}\n  const [src2, setSrc2] = useState(src)\n\n  const handleImgLoadError = () => {\n    if (errorImgSrc) {\n      setSrc2(props.errorImgSrc)\n    }\n    props.onError && props.onError()\n  }\n  const params = {\n    type,\n    src: src2,\n    shape,\n    title,\n    alt,\n    className,\n    style,\n    width,\n    height,\n    errorImgSrc,\n    ...rest,\n  }\n\n  return (\n    <Fragment>\n      {type === 'contain' && <Contain {...params} onError={handleImgLoadError} />}\n      {type === 'cover' && <Cover {...params} onError={handleImgLoadError} />}\n    </Fragment>\n  )\n}\n"]}

package/dist/es/business-components/index.js

@@ -0,0 +1,19 @@
+export { default as TntdLayout } from './tntd-layout';
+export { default as AuthContext } from './auth-context';
+export { default as QueryForm } from './query-form';
+export { default as QueryListScene } from './query-list-scene';
+export { default as TntdIcon } from './tntd-icon';
+export { default as iconList } from './tntd-icon/icon-list';
+export { default as TntdModal } from './tntd-modal';
+export { default as Columns } from './columns';
+export { default as DevelopmentLogin } from './development-login';
+export { default as LoadingButton } from './loading-button';
+export { default as Handle } from './handle';
+export { default as Page } from './page';
+export { default as ProSelect } from './pro-select';
+export { default as Img } from './img';
+export { default as Title } from './title';
+export { default as Ellipsis } from './ellipsis';
+export { default as ArrayInput } from './array-input';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/dist/es/business-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/business-components/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,cAAc,SAAS,CAAA","sourcesContent":["export { default as TntdLayout } from './tntd-layout'\nexport { default as AuthContext } from './auth-context'\nexport { default as QueryForm } from './query-form'\nexport { default as QueryListScene } from './query-list-scene'\nexport { default as TntdIcon } from './tntd-icon'\nexport { default as iconList } from './tntd-icon/icon-list'\nexport { default as TntdModal } from './tntd-modal'\nexport { default as Columns } from './columns'\nexport { default as DevelopmentLogin } from './development-login'\nexport { default as LoadingButton } from './loading-button'\nexport { default as Handle } from './handle'\nexport { default as Page } from './page'\nexport { default as ProSelect } from './pro-select'\nexport { default as Img } from './img'\nexport { default as Title } from './title'\nexport { default as Ellipsis } from './ellipsis'\nexport { default as ArrayInput } from './array-input'\nexport * from './utils'\n"]}

package/dist/es/business-components/loading-button/index.js

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, useEffect } from 'react';
+import { Button } from 'antd';
+export default (_a) => {
+    var { loadingText, loading: pLoading, onClick, children } = _a, otherProps = __rest(_a, ["loadingText", "loading", "onClick", "children"]);
+    const [loading, setLoading] = useState(pLoading);
+    const doClick = (evt) => {
+        if (!loading) {
+            setLoading(true);
+            const returnVal = onClick && onClick(evt, () => setLoading(false));
+            if (returnVal instanceof Promise) {
+                returnVal.then(() => setLoading(false)).catch(() => setLoading(false));
+            }
+        }
+    };
+    useEffect(() => {
+        setLoading(pLoading);
+    }, [pLoading]);
+    return (React.createElement(Button, Object.assign({}, otherProps, { loading: loading, onClick: doClick }), loading ? loadingText || children : children));
+};
+//# sourceMappingURL=index.js.map

package/dist/es/business-components/loading-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/business-components/loading-button/index.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAE7B,eAAe,CAAC,EAAoE,EAAE,EAAE;QAAxE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,OAAiB,EAAZ,UAAU,cAAlE,iDAAoE,CAAF;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,EAAE;QACtB,IAAI,CAAC,OAAO,EAAE;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;YAElE,IAAI,SAAS,YAAY,OAAO,EAAE;gBAChC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;aACvE;SACF;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,QAAQ,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,oBAAC,MAAM,oBAAK,UAAU,IAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KACvD,OAAO,CAAC,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CACtC,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { Button } from 'antd'\n\nexport default ({ loadingText, loading: pLoading, onClick, children, ...otherProps }) => {\n  const [loading, setLoading] = useState(pLoading)\n  const doClick = (evt) => {\n    if (!loading) {\n      setLoading(true)\n      const returnVal = onClick && onClick(evt, () => setLoading(false))\n\n      if (returnVal instanceof Promise) {\n        returnVal.then(() => setLoading(false)).catch(() => setLoading(false))\n      }\n    }\n  }\n\n  useEffect(() => {\n    setLoading(pLoading)\n  }, [pLoading])\n\n  return (\n    <Button {...otherProps} loading={loading} onClick={doClick}>\n      {loading ? loadingText || children : children}\n    </Button>\n  )\n}\n"]}

package/dist/es/business-components/locale.js

@@ -0,0 +1,48 @@
+export const zh_CN = {
+    globalNavigation: '全局导航',
+    menuSearch: '菜单搜索',
+    // QueryForm
+    search: '搜索',
+    reset: '重置',
+    moreFiltering: '更多过滤',
+    expand: '展开',
+    collapse: '收起',
+    // QueryListScene
+    totalRecords: '共%s条记录',
+    // user popover
+    personalSettings: '个人设置',
+    changePwd: '修改密码',
+    signOut: '退出',
+};
+export const en_US = {
+    globalNavigation: 'Global Navigation',
+    menuSearch: 'Menu Search',
+    // QueryForm
+    search: 'Search',
+    reset: 'Reset',
+    moreFiltering: 'More filtering',
+    expand: 'Expand',
+    collapse: 'Collapse',
+    // QueryListScene
+    totalRecords: 'Total of %s records',
+    // user popover
+    personalSettings: 'Personal settings',
+    changePwd: 'Change password',
+    signOut: 'Sign out',
+};
+export const getText = (key, language = 'cn', ...params) => {
+    var _a;
+    const text = (_a = ({
+        cn: zh_CN,
+        en: en_US,
+    }[language] || zh_CN)) === null || _a === void 0 ? void 0 : _a[key];
+    if (params === null || params === void 0 ? void 0 : params.length) {
+        return params.reduce((acc, cur) => {
+            return acc.replace(/%s/, cur);
+        }, text);
+    }
+    return text;
+};
+export const getLanguage = () => localStorage.getItem('lang') || 'cn';
+export default { en_US, zh_CN };
+//# sourceMappingURL=locale.js.map

package/dist/es/business-components/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","sourceRoot":"","sources":["../../../src/business-components/locale.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,gBAAgB,EAAE,MAAM;IACxB,UAAU,EAAE,MAAM;IAElB,YAAY;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,IAAI;IAEd,iBAAiB;IACjB,YAAY,EAAE,QAAQ;IAEtB,eAAe;IACf,gBAAgB,EAAE,MAAM;IACxB,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,gBAAgB,EAAE,mBAAmB;IACrC,UAAU,EAAE,aAAa;IAEzB,YAAY;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,gBAAgB;IAC/B,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IAEpB,iBAAiB;IACjB,YAAY,EAAE,qBAAqB;IAEnC,eAAe;IACf,gBAAgB,EAAE,mBAAmB;IACrC,SAAS,EAAE,iBAAiB;IAC5B,OAAO,EAAE,UAAU;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,MAAM,EAAE,EAAE;;IACzD,MAAM,IAAI,GAAG,MAAA,CAAC;QACZ,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,0CAAG,GAAG,CAAC,CAAA;IAE5B,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE;QAClB,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAChC,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAA;KACT;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;AAErE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA","sourcesContent":["export const zh_CN = {\n  globalNavigation: '全局导航',\n  menuSearch: '菜单搜索',\n\n  // QueryForm\n  search: '搜索',\n  reset: '重置',\n  moreFiltering: '更多过滤',\n  expand: '展开',\n  collapse: '收起',\n\n  // QueryListScene\n  totalRecords: '共%s条记录',\n\n  // user popover\n  personalSettings: '个人设置',\n  changePwd: '修改密码',\n  signOut: '退出',\n}\n\nexport const en_US = {\n  globalNavigation: 'Global Navigation',\n  menuSearch: 'Menu Search',\n\n  // QueryForm\n  search: 'Search',\n  reset: 'Reset',\n  moreFiltering: 'More filtering',\n  expand: 'Expand',\n  collapse: 'Collapse',\n\n  // QueryListScene\n  totalRecords: 'Total of %s records',\n\n  // user popover\n  personalSettings: 'Personal settings',\n  changePwd: 'Change password',\n  signOut: 'Sign out',\n}\n\nexport const getText = (key, language = 'cn', ...params) => {\n  const text = ({\n    cn: zh_CN,\n    en: en_US,\n  }[language] || zh_CN)?.[key]\n\n  if (params?.length) {\n    return params.reduce((acc, cur) => {\n      return acc.replace(/%s/, cur)\n    }, text)\n  }\n\n  return text\n}\n\nexport const getLanguage = () => localStorage.getItem('lang') || 'cn'\n\nexport default { en_US, zh_CN }\n"]}

package/dist/es/business-components/page/Box.js

@@ -0,0 +1,41 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Card } from 'antd';
+import { addUnitForValue } from './utils';
+const Box = (_a) => {
+    var { inLayout, clsPrefix = 'tnt-page', children, noPadding = false, headerHeight, bordered = false, bodyStyle = {}, headStyle = {}, height, size = 'small', contentTotalMargin = '0px' } = _a, restProps = __rest(_a, ["inLayout", "clsPrefix", "children", "noPadding", "headerHeight", "bordered", "bodyStyle", "headStyle", "height", "size", "contentTotalMargin"]);
+    let cardTitleHeight = 0;
+    console.log('inLayout', inLayout);
+    console.log('restProps', restProps);
+    if (restProps.title) {
+        // 根据Card的size,计算Card的title的高度值
+        cardTitleHeight = size === 'small' ? 40 : 60;
+        // 如果Card的自定义高度，Card的title就使用此高度
+        if (headStyle.hasOwnProperty(height)) {
+            cardTitleHeight = headStyle.height;
+        }
+    }
+    // 如果设置了noPadding，优先级最高
+    if (noPadding) {
+        bodyStyle.padding = 0;
+        headStyle.padding = 0;
+    }
+    // 如果传入只有数字，需要默认加px
+    cardTitleHeight = addUnitForValue(cardTitleHeight);
+    const cardBodyHeight = `calc(${height} - ${headerHeight} - ${contentTotalMargin} - ${cardTitleHeight})`;
+    return (React.createElement(Card, Object.assign({ className: `${clsPrefix}-box-card`, bordered: bordered, bodyStyle: Object.assign(Object.assign({}, bodyStyle), { 
+            // overflow: 'auto',
+            height: inLayout ? `calc(100% - ${headerHeight})` : cardBodyHeight }), size: size, headStyle: headStyle }, restProps), children));
+};
+export default Box;
+//# sourceMappingURL=Box.js.map

package/dist/es/business-components/page/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/business-components/page/Box.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,MAAM,GAAG,GAAG,CAAC,EAaZ,EAAE,EAAE;QAbQ,EACX,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,GAAG,OAAO,EACd,kBAAkB,GAAG,KAAK,OAE3B,EADI,SAAS,cAZD,gJAaZ,CADa;IAEZ,IAAI,eAAe,GAAG,CAAC,CAAA;IACvB,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IACjC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACnC,IAAI,SAAS,CAAC,KAAK,EAAE;QACnB,+BAA+B;QAC/B,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;QAC5C,gCAAgC;QAChC,IAAI,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE;YACpC,eAAe,GAAG,SAAS,CAAC,MAAM,CAAA;SACnC;KACF;IAED,uBAAuB;IACvB,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,CAAC,CAAA;QACrB,SAAS,CAAC,OAAO,GAAG,CAAC,CAAA;KACtB;IAED,mBAAmB;IACnB,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,CAAA;IAElD,MAAM,cAAc,GAAG,QAAQ,MAAM,MAAM,YAAY,MAAM,kBAAkB,MAAM,eAAe,GAAG,CAAA;IAEvG,OAAO,CACL,oBAAC,IAAI,kBACH,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,kCACJ,SAAS;YACZ,oBAAoB;YACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,YAAY,GAAG,CAAC,CAAC,CAAC,cAAc,KAEpE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAChB,SAAS,GAEZ,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA","sourcesContent":["import React from 'react'\nimport { Card } from 'antd'\nimport { addUnitForValue } from './utils'\n\nconst Box = ({\n  inLayout,\n  clsPrefix = 'tnt-page',\n  children,\n  noPadding = false,\n  headerHeight,\n  bordered = false,\n  bodyStyle = {},\n  headStyle = {},\n  height,\n  size = 'small',\n  contentTotalMargin = '0px',\n  ...restProps\n}) => {\n  let cardTitleHeight = 0\n  console.log('inLayout', inLayout)\n  console.log('restProps', restProps)\n  if (restProps.title) {\n    // 根据Card的size,计算Card的title的高度值\n    cardTitleHeight = size === 'small' ? 40 : 60\n    // 如果Card的自定义高度，Card的title就使用此高度\n    if (headStyle.hasOwnProperty(height)) {\n      cardTitleHeight = headStyle.height\n    }\n  }\n\n  // 如果设置了noPadding，优先级最高\n  if (noPadding) {\n    bodyStyle.padding = 0\n    headStyle.padding = 0\n  }\n\n  // 如果传入只有数字，需要默认加px\n  cardTitleHeight = addUnitForValue(cardTitleHeight)\n\n  const cardBodyHeight = `calc(${height} - ${headerHeight} - ${contentTotalMargin} - ${cardTitleHeight})`\n\n  return (\n    <Card\n      className={`${clsPrefix}-box-card`}\n      bordered={bordered}\n      bodyStyle={{\n        ...bodyStyle,\n        // overflow: 'auto',\n        height: inLayout ? `calc(100% - ${headerHeight})` : cardBodyHeight,\n      }}\n      size={size}\n      headStyle={headStyle}\n      {...restProps}\n    >\n      {children}\n    </Card>\n  )\n}\n\nexport default Box\n"]}