tntd 1.4.17 → 2.0.0-beta-1

package/lib/business-components/ellipsis/index.d.ts

@@ -0,0 +1,3 @@
+declare function _default(props: any): JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/business-components/ellipsis/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/business-components/ellipsis/index.js"],"names":[],"mappings":"AA0Be,mDA6Gd"}

package/lib/business-components/ellipsis/index.js

@@ -0,0 +1,110 @@
+"use strict";
+/*
+ * @Author: 梁洪刚
+ * @CreatDate: 2021-03-31 13:57:32
+ * @Describe: 省略号组件
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const antd_1 = require("antd");
+const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
+const CopySVG_1 = __importDefault(require("./Svg/CopySVG"));
+const TickSVG_1 = __importDefault(require("./Svg/TickSVG"));
+require("./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;
+};
+exports.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] = (0, react_1.useState)(true);
+    // visible[Tooltip/Popover] state
+    const [tipVisible, setTipVisible] = (0, react_1.useState)(false);
+    // copy animation state
+    const [hasCopy, setHasCopy] = (0, react_1.useState)(false);
+    const elementRef = (0, react_1.useRef)();
+    (0, react_1.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) => {
+        (0, copy_to_clipboard_1.default)(innerText);
+        setHasCopy(!hasCopy);
+        setTimeout(() => {
+            setHasCopy(false);
+        }, 1000);
+    };
+    const renderNode = () => {
+        const popoverNode = (react_1.default.createElement(antd_1.Popover, Object.assign({}, props, { content: content || children, visible: tipVisible, onVisibleChange: (visible) => handleVisibleChange(visible) }),
+            react_1.default.createElement("div", { className: className, style: { WebkitLineClamp: _lines }, ref: elementRef }, children || content)));
+        const tooltipNode = (react_1.default.createElement(antd_1.Tooltip, Object.assign({}, props, { title: title || children, visible: tipVisible, onVisibleChange: (visible) => handleVisibleChange(visible) }),
+            react_1.default.createElement("div", { className: className, style: { WebkitLineClamp: _lines }, ref: elementRef }, children || title)));
+        return _popover ? popoverNode : tooltipNode;
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "tnt-ellipsis", style: Object.assign(Object.assign({}, style), { maxWidth: widthLimit }) },
+            prefix && prefix,
+            react_1.default.createElement("div", { className: getClassName() }, inner ? renderNode() : emptyText),
+            suffix && suffix,
+            inner && _copyable && (react_1.default.createElement("div", { className: "svg-button", onClick: () => handleCopy(elementRef.current.innerText) }, !hasCopy ? react_1.default.createElement(CopySVG_1.default, null) : react_1.default.createElement(TickSVG_1.default, null))))));
+};
+//# sourceMappingURL=index.js.map

package/lib/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/lib/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/lib/business-components/handle/index.d.ts

@@ -0,0 +1,3 @@
+declare function _default(props: any): JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/business-components/handle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/business-components/handle/index.js"],"names":[],"mappings":"AAOe,mDAsEd"}

package/lib/business-components/handle/index.js

@@ -0,0 +1,80 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const antd_1 = require("antd");
+const tntd_icon_1 = __importDefault(require("../tntd-icon"));
+require("./index.less");
+const clsPrefix = 'tnt-more-menus';
+exports.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_1.default.createElement(react_1.Fragment, { key: i },
+            dom,
+            !((i === preChildLen - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length)) // 没有更多 且 是最后一个时 不显示 Divider
+            ) && react_1.default.createElement(antd_1.Divider, { type: "vertical" }))));
+    }
+    const menu = (react_1.default.createElement(antd_1.Menu, { className: "org-pop-opera-btn" }, lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.map((child, i) => (react_1.default.createElement(antd_1.Menu.Item, { key: i }, child)))));
+    return (react_1.default.createElement("div", Object.assign({ onClick: (e) => {
+            e.stopPropagation();
+        } }, rest),
+        preChildPart,
+        (lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) > 0 && (react_1.default.createElement(antd_1.Dropdown, { overlay: menu, arrow: true }, type === 'icon' ? (react_1.default.createElement(tntd_icon_1.default, { type: "more" })) : (react_1.default.createElement("a", { className: "ant-dropdown-more" },
+            lang === 'en' ? 'More' : '更多',
+            react_1.default.createElement("i", { className: `${clsPrefix}-dropdown-icon` },
+                react_1.default.createElement(tntd_icon_1.default, { type: "down" }))))))));
+};
+//# sourceMappingURL=index.js.map

package/lib/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/lib/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/lib/business-components/img/Contain.d.ts

@@ -0,0 +1,3 @@
+declare function _default(props: any): JSX.Element;
+export default _default;
+//# sourceMappingURL=Contain.d.ts.map

package/lib/business-components/img/Contain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Contain.d.ts","sourceRoot":"","sources":["../../../src/business-components/img/Contain.js"],"names":[],"mappings":"AAGe,mDAqDd"}

package/lib/business-components/img/Contain.js

@@ -0,0 +1,47 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+exports.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 = (0, classnames_1.default)('tntd-img', shape, className);
+    return (react_1.default.createElement("div", Object.assign({ className: cls, style: styles }, others),
+        react_1.default.createElement("div", { style: centerStyles },
+            react_1.default.createElement("img", { style: imgStyles, onError: onError, src: src, alt: alt, title: title }))));
+};
+//# sourceMappingURL=Contain.js.map

package/lib/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,kDAAyB;AACzB,4DAAmC;AAEnC,kBAAe,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,IAAA,oBAAU,EAAC,UAAU,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAEpD,OAAO,CACL,qDAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAM,MAAM;QAC5C,uCAAK,KAAK,EAAE,YAAY;YACtB,uCAAK,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/lib/business-components/img/Cover.d.ts

@@ -0,0 +1,3 @@
+declare function _default(props: any): JSX.Element;
+export default _default;
+//# sourceMappingURL=Cover.d.ts.map

package/lib/business-components/img/Cover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cover.d.ts","sourceRoot":"","sources":["../../../src/business-components/img/Cover.js"],"names":[],"mappings":"AAIe,mDAuGd"}

package/lib/business-components/img/Cover.js

@@ -0,0 +1,83 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+exports.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 = (0, react_2.useRef)();
+    const [imgStyles, setImgStyles] = (0, react_2.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 }));
+    };
+    (0, react_2.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 = (0, classnames_1.default)('tntd-img', shape, className);
+    return (react_1.default.createElement("div", Object.assign({ className: cls, style: styles }, others),
+        react_1.default.createElement("img", { style: imgStyles, onError: onError, ref: imgRef, src: src, alt: alt, title: title, onLoad: imgOnload })));
+};
+//# sourceMappingURL=Cover.js.map

package/lib/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/lib/business-components/img/index.d.ts

@@ -0,0 +1,3 @@
+declare function _default(props: any): JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/business-components/img/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/business-components/img/index.js"],"names":[],"mappings":"AAIe,mDA2Cd"}

package/lib/business-components/img/index.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Cover_1 = __importDefault(require("./Cover"));
+const Contain_1 = __importDefault(require("./Contain"));
+exports.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] = (0, react_1.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_1.default.createElement(react_1.Fragment, null,
+        type === 'contain' && react_1.default.createElement(Contain_1.default, Object.assign({}, params, { onError: handleImgLoadError })),
+        type === 'cover' && react_1.default.createElement(Cover_1.default, Object.assign({}, params, { onError: handleImgLoadError }))));
+};
+//# sourceMappingURL=index.js.map

package/lib/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,+CAAiD;AACjD,oDAA2B;AAC3B,wDAA+B;AAE/B,kBAAe,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,IAAA,gBAAQ,EAAC,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,8BAAC,gBAAQ;QACN,IAAI,KAAK,SAAS,IAAI,8BAAC,iBAAO,oBAAK,MAAM,IAAE,OAAO,EAAE,kBAAkB,IAAI;QAC1E,IAAI,KAAK,OAAO,IAAI,8BAAC,eAAK,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/lib/business-components/index.d.ts

@@ -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.d.ts.map

package/lib/business-components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/business-components/index.js"],"names":[],"mappings":""}