@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

package/lib/cjs/typography/util.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * The logic of JS for text truncation is referenced from antd typography
  * https://github.com/ant-design/ant-design/blob/master/components/typography/util.tsx
@@ -21,119 +16,101 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * https://bytedance.feishu.cn/docs/doccnqovjjyoKm2U5O13bj30aTh
  */
 let ellipsisContainer;
-
 function pxToNumber(value) {
   if (!value) {
     return 0;
   }
-
   const match = value.match(/^\d*(\.\d*)?/);
   return match ? Number(match[0]) : 0;
 }
-
 function styleToString(style) {
   // There are some different behavior between Firefox & Chrome.
   // We have to handle this ourself.
   const styleNames = Array.prototype.slice.apply(style);
   return styleNames.map(name => `${name}: ${style.getPropertyValue(name)};`).join('');
 }
-
 const getRenderText = function (originEle, rows) {
   let content = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   let fixedContent = arguments.length > 3 ? arguments[3] : undefined;
   let ellipsisStr = arguments.length > 4 ? arguments[4] : undefined;
   let suffix = arguments.length > 5 ? arguments[5] : undefined;
-  let ellipsisPos // eslint-disable-next-line max-params
+  let ellipsisPos
+  // eslint-disable-next-line max-params
   = arguments.length > 6 ? arguments[6] : undefined;
-
   if (content.length === 0) {
     return '';
   }
-
   if (!ellipsisContainer) {
     ellipsisContainer = document.createElement('div');
     ellipsisContainer.setAttribute('aria-hidden', 'true');
     document.body.appendChild(ellipsisContainer);
-  } // Get origin style
-
-
+  }
+  // Get origin style
   const originStyle = window.getComputedStyle(originEle);
   const originCSS = styleToString(originStyle);
   const lineHeight = pxToNumber(originStyle.lineHeight);
-  const maxHeight = Math.round(lineHeight * (rows + 1) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom)); // Set shadow
-
+  const maxHeight = Math.round(lineHeight * (rows + 1) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
+  // Set shadow
   const maxWidth = parseInt(originStyle.width);
   ellipsisContainer.setAttribute('style', originCSS);
   ellipsisContainer.style.position = 'fixed';
   ellipsisContainer.style.left = '0';
   ellipsisContainer.style.height = 'auto';
   ellipsisContainer.style.top = '-999999px';
-  ellipsisContainer.style.zIndex = '-1000'; // clean up css overflow
-
+  ellipsisContainer.style.zIndex = '-1000';
+  // clean up css overflow
   ellipsisContainer.style.textOverflow = 'clip';
-  ellipsisContainer.style.webkitLineClamp = 'none'; // Render fake container
-
-  _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), ellipsisContainer); // Check if ellipsis in measure div is height enough for content
-
-
+  ellipsisContainer.style.webkitLineClamp = 'none';
+  // Render fake container
+  _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), ellipsisContainer);
+  // Check if ellipsis in measure div is height enough for content
   function inRange() {
     if (originStyle.whiteSpace === 'nowrap') {
       return ellipsisContainer.scrollWidth <= maxWidth;
     }
-
     return ellipsisContainer.scrollHeight < maxHeight;
-  } // ========================= Find match ellipsis content =========================
+  }
+  // ========================= Find match ellipsis content =========================
   // Create origin content holder
-
-
   const ellipsisContentHolder = document.createElement('span');
   const textNode = document.createTextNode(content);
   ellipsisContentHolder.appendChild(textNode);
-
   if (suffix.length > 0) {
     const ellipsisTextNode = document.createTextNode(suffix);
     ellipsisContentHolder.appendChild(ellipsisTextNode);
   }
-
-  ellipsisContainer.appendChild(ellipsisContentHolder); // Expand node needs to be added only when text needTruncated
-
+  ellipsisContainer.appendChild(ellipsisContentHolder);
+  // Expand node needs to be added only when text needTruncated
   Object.values((0, _omit2.default)(fixedContent, 'expand')).map(node => node && ellipsisContainer.appendChild(node.cloneNode(true)));
-
   function appendExpandNode() {
     ellipsisContainer.innerHTML = '';
     ellipsisContainer.appendChild(ellipsisContentHolder);
     Object.values(fixedContent).map(node => node && ellipsisContainer.appendChild(node.cloneNode(true)));
   }
-
   function getCurrentText(text, pos) {
     const end = text.length;
-
     if (!pos) {
       return ellipsisStr;
     }
-
     if (ellipsisPos === 'end') {
       return text.slice(0, pos) + ellipsisStr;
     }
-
     return text.slice(0, pos) + ellipsisStr + text.slice(end - pos, end);
-  } // Get maximum text
-
-
+  }
+  // Get maximum text
   function measureText(textNode, fullText) {
     let startLoc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     let endLoc = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : fullText.length;
     let lastSuccessLoc = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
     const midLoc = Math.floor((startLoc + endLoc) / 2);
     const currentText = getCurrentText(fullText, midLoc);
-    textNode.textContent = currentText; // console.log('calculating....', currentText);
-
+    textNode.textContent = currentText;
+    // console.log('calculating....', currentText);
     if (startLoc >= endLoc - 1 && endLoc > 0) {
       // Loop when step is small
       for (let step = endLoc; step >= startLoc; step -= 1) {
         const currentStepText = getCurrentText(fullText, step);
         textNode.textContent = currentStepText;
-
         if (inRange()) {
           return currentStepText;
         }
@@ -141,28 +118,23 @@ const getRenderText = function (originEle, rows) {
     } else if (endLoc === 0) {
       return ellipsisStr;
     }
-
     if (inRange()) {
       return measureText(textNode, fullText, midLoc, endLoc, midLoc);
     }
-
     return measureText(textNode, fullText, startLoc, midLoc, lastSuccessLoc);
   }
-
-  let resText = content; // First judge whether the total length of fullText, plus suffix (possible)
+  let resText = content;
+  // First judge whether the total length of fullText, plus suffix (possible)
   // and copied icon (possible) meets expectations？ 
   // If it does not meet expectations, add an expand button to find the largest  content that meets size limit
   // 首先判断总文本长度，加上可能有的 suffix，复制按钮长度，看结果是否符合预期
   // 如果不符合预期，则再加上展开按钮，找最大符合尺寸的内容
-
   if (!inRange()) {
     appendExpandNode();
     resText = measureText(textNode, content, 0, ellipsisPos === 'middle' ? Math.floor(content.length / 2) : content.length);
   }
-
   ellipsisContainer.innerHTML = '';
   return resText;
 };
-
 var _default = getRenderText;
 exports.default = _default;

package/lib/cjs/upload/fileCard.js

@@ -4,39 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/upload/constants");
-
 var _utils = require("@douyinfe/semi-foundation/lib/cjs/upload/utils");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 var _index = _interopRequireDefault(require("../button/index"));
-
 var _index2 = _interopRequireDefault(require("../progress/index"));
-
 var _index3 = _interopRequireDefault(require("../tooltip/index"));
-
 var _index4 = _interopRequireDefault(require("../spin/index"));
-
 var _reactUtils = require("../_base/reactUtils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 const ErrorSvg = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
@@ -59,7 +42,6 @@ const ErrorSvg = function () {
     fill: "#F93920"
   }));
 };
-
 const ReplaceSvg = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
@@ -88,7 +70,6 @@ const ReplaceSvg = function () {
     strokeLinejoin: "round"
   }));
 };
-
 const DirectorySvg = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
@@ -107,23 +88,19 @@ const DirectorySvg = function () {
     strokeLinejoin: "round"
   }));
 };
-
 class FileCard extends _react.PureComponent {
   transSize(size) {
     if (typeof size === 'number') {
       return (0, _utils.getFileSize)(size);
     }
-
     return size;
   }
-
   renderValidateMessage() {
     const {
       status,
       validateMessage
     } = this.props;
     let content = null;
-
     switch (true) {
       case typeof validateMessage === 'string' && status === _constants.strings.FILE_STATUS_VALIDATING:
         content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index4.default, {
@@ -131,31 +108,25 @@ class FileCard extends _react.PureComponent {
           wrapperClassName: `${prefixCls}-file-card-icon-loading`
         }), validateMessage);
         break;
-
       case typeof validateMessage === 'string':
         content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertCircle, {
           className: `${prefixCls}-file-card-icon-error`
         }), validateMessage);
         break;
-
       case (0, _reactUtils.isElement)(validateMessage):
         content = validateMessage;
         break;
-
       default:
         break;
     }
-
     return content;
   }
-
   renderPicValidateMsg() {
     const {
       status,
       validateMessage
     } = this.props;
     let icon = null;
-
     switch (true) {
       case validateMessage && status === _constants.strings.FILE_STATUS_VALIDATING:
         icon = /*#__PURE__*/_react.default.createElement(_index4.default, {
@@ -163,24 +134,20 @@ class FileCard extends _react.PureComponent {
           wrapperClassName: `${prefixCls}-picture-file-card-icon-loading`
         });
         break;
-
       case validateMessage && (status === _constants.strings.FILE_STATUS_VALID_FAIL || status === _constants.strings.FILE_STATUS_UPLOAD_FAIL):
         icon = /*#__PURE__*/_react.default.createElement("div", {
           className: `${prefixCls}-picture-file-card-icon-error`
         }, /*#__PURE__*/_react.default.createElement(ErrorSvg, null));
         break;
-
       default:
         break;
     }
-
     return icon ? /*#__PURE__*/_react.default.createElement(_index3.default, {
       content: validateMessage,
       trigger: "hover",
       position: "bottom"
     }, icon) : null;
   }
-
   renderPic(locale) {
     const {
       url,
@@ -207,7 +174,6 @@ class FileCard extends _react.PureComponent {
       [`${prefixCls}-picture-file-card-error`]: status === _constants.strings.FILE_STATUS_UPLOAD_FAIL,
       [`${prefixCls}-picture-file-card-uploading`]: showProgress
     });
-
     const retry = /*#__PURE__*/_react.default.createElement("div", {
       role: "button",
       tabIndex: 0,
@@ -216,7 +182,6 @@ class FileCard extends _react.PureComponent {
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconRefresh, {
       className: `${prefixCls}-picture-file-card-icon-retry`
     }));
-
     const replace = /*#__PURE__*/_react.default.createElement(_index3.default, {
       trigger: "hover",
       position: "top",
@@ -231,11 +196,9 @@ class FileCard extends _react.PureComponent {
     }, /*#__PURE__*/_react.default.createElement(ReplaceSvg, {
       className: `${prefixCls}-picture-file-card-icon-replace`
     })));
-
     const preview = /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-picture-file-card-preview`
     }, typeof renderPicPreviewIcon === 'function' ? renderPicPreviewIcon(this.props) : null);
-
     const close = /*#__PURE__*/_react.default.createElement("div", {
       role: "button",
       tabIndex: 0,
@@ -244,7 +207,6 @@ class FileCard extends _react.PureComponent {
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, {
       className: `${prefixCls}-picture-file-card-icon-close`
     }));
-
     const picInfo = typeof renderPicInfo === 'function' ? renderPicInfo(this.props) : /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-picture-file-card-pic-info`
     }, index + 1);
@@ -265,7 +227,6 @@ class FileCard extends _react.PureComponent {
       "aria-label": "uploading file progress"
     }) : null, showRetry ? retry : null, showReplace && replace, showPreview && preview, showPicInfo && picInfo, !disabled && close, this.renderPicValidateMsg());
   }
-
   renderFile(locale) {
     const {
       name,
@@ -293,8 +254,8 @@ class FileCard extends _react.PureComponent {
     const infoCls = `${prefixCls}-file-card-info`;
     const closeCls = `${prefixCls}-file-card-close`;
     const replaceCls = `${prefixCls}-file-card-replace`;
-    const showProgress = !(percent === 100 || typeof percent === 'undefined') && status === _constants.strings.FILE_STATUS_UPLOADING; // only show retry when upload fail & showRetry is true, no need to show during validate fail
-
+    const showProgress = !(percent === 100 || typeof percent === 'undefined') && status === _constants.strings.FILE_STATUS_UPLOADING;
+    // only show retry when upload fail & showRetry is true, no need to show during validate fail
     const showRetry = status === _constants.strings.FILE_STATUS_UPLOAD_FAIL && propsShowRetry;
     const showReplace = status === _constants.strings.FILE_STATUS_SUCCESS && propsShowReplace;
     const fileSize = this.transSize(size);
@@ -304,11 +265,9 @@ class FileCard extends _react.PureComponent {
     }) : /*#__PURE__*/_react.default.createElement(_semiIcons.IconFile, {
       size: "large"
     });
-
     if (previewFile) {
       previewContent = previewFile(this.props);
     }
-
     const operation = typeof renderFileOperation === 'function' ? renderFileOperation(this.props) : /*#__PURE__*/_react.default.createElement(_index.default, {
       onClick: e => this.onRemove(e),
       type: "tertiary",
@@ -361,44 +320,35 @@ class FileCard extends _react.PureComponent {
       onClick: e => this.onRetry(e)
     }, locale.retry) : null)), operation);
   }
-
   onRemove(e) {
     e.stopPropagation();
     this.props.onRemove();
   }
-
   onReplace(e) {
     e.stopPropagation();
     this.props.onReplace();
   }
-
   onRetry(e) {
     e.stopPropagation();
     this.props.onRetry();
   }
-
   render() {
     const {
       listType
     } = this.props;
-
     if (listType === _constants.strings.FILE_LIST_PIC) {
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Upload"
       }, locale => this.renderPic(locale));
     }
-
     if (listType === _constants.strings.FILE_LIST_DEFAULT) {
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Upload"
       }, locale => this.renderFile(locale));
     }
-
     return null;
   }
-
 }
-
 FileCard.propTypes = {
   className: _propTypes.default.string,
   disabled: _propTypes.default.bool,