@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

package/lib/cjs/typography/title.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
+
+var _base = _interopRequireDefault(require("./base"));
+
+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; }
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+class Title extends _react.PureComponent {
+  render() {
+    var _context;
+
+    const _a = this.props,
+          {
+      heading
+    } = _a,
+          rest = __rest(_a, ["heading"]);
+
+    const component = (0, _indexOf.default)(_context = _constants.strings.HEADING).call(_context, heading) !== -1 ? "h".concat(heading) : 'h1'; // Passing headings to support custom components
+
+    return /*#__PURE__*/_react.default.createElement(_base.default, (0, _assign.default)({
+      component: component,
+      heading: component
+    }, rest));
+  }
+
+}
+
+exports.default = Title;
+Title.propTypes = {
+  copyable: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  delete: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  // editable: PropTypes.bool,
+  ellipsis: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  mark: _propTypes.default.bool,
+  link: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  underline: _propTypes.default.bool,
+  strong: _propTypes.default.bool,
+  type: _propTypes.default.oneOf(_constants.strings.TYPE),
+  heading: _propTypes.default.oneOf(_constants.strings.HEADING),
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  component: _propTypes.default.string
+};
+Title.defaultProps = {
+  copyable: false,
+  delete: false,
+  disabled: false,
+  // editable: false,
+  ellipsis: false,
+  mark: false,
+  underline: false,
+  strong: false,
+  link: false,
+  type: 'primary',
+  heading: 1,
+  style: {},
+  className: ''
+};

package/lib/cjs/typography/typography.d.ts

@@ -0,0 +1,22 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/typography/typography.css';
+import { BaseProps } from '../_base/baseComponent';
+interface TypographyProps extends BaseProps {
+    component?: React.ElementType;
+    forwardRef?: React.RefObject<any>;
+}
+declare class Typography extends PureComponent<TypographyProps> {
+    static defaultProps: {
+        component: string;
+        style: {};
+        className: string;
+    };
+    static propTypes: {
+        component: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}
+export default Typography;

package/lib/cjs/typography/typography.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
+
+require("@douyinfe/semi-foundation/lib/cjs/typography/typography.css");
+
+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; }
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+const prefixCls = _constants.cssClasses.PREFIX;
+
+class Typography extends _react.PureComponent {
+  render() {
+    const _a = this.props,
+          {
+      component,
+      className,
+      children,
+      forwardRef
+    } = _a,
+          rest = __rest(_a, ["component", "className", "children", "forwardRef"]);
+
+    const Component = component;
+    const classNames = (0, _classnames.default)(prefixCls, className);
+    return /*#__PURE__*/_react.default.createElement(Component, (0, _assign.default)({
+      className: classNames,
+      ref: forwardRef
+    }, rest), children);
+  }
+
+}
+
+Typography.defaultProps = {
+  component: 'article',
+  style: {},
+  className: ''
+};
+Typography.propTypes = {
+  component: _propTypes.default.string,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string
+};
+var _default = Typography;
+exports.default = _default;

package/lib/cjs/typography/util.d.ts

@@ -0,0 +1,2 @@
+declare const getRenderText: (originEle: HTMLElement, rows: number, content: string, fixedContent: any[], ellipsisStr: string, suffix: string, ellipsisPos: string) => string;
+export default getRenderText;

package/lib/cjs/typography/util.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _react = _interopRequireDefault(require("react"));
+
+/**
+ * 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
+ *
+ * For more thinking and analysis about this function, please refer to Feishu document
+ * 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 = (0, _slice.default)(Array.prototype).apply(style);
+  return (0, _map.default)(styleNames).call(styleNames, name => {
+    var _context;
+
+    return (0, _concat.default)(_context = "".concat(name, ": ")).call(_context, 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
+  = arguments.length > 6 ? arguments[6] : undefined;
+
+  if (!ellipsisContainer) {
+    ellipsisContainer = document.createElement('div');
+    ellipsisContainer.setAttribute('aria-hidden', 'true');
+    document.body.appendChild(ellipsisContainer);
+  } // 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
+
+  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.textOverflow = 'clip';
+  ellipsisContainer.style.whiteSpace = 'normal';
+  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() {
+    // console.log('inrange?', ellipsisContainer.scrollHeight, ellipsisContainer.scrollHeight < maxHeight)
+    return ellipsisContainer.scrollHeight < maxHeight;
+  } // ========================= Find match ellipsis content =========================
+  // Create origin content holder
+
+
+  const ellipsisContentHolder = document.createElement('span');
+  const ellipsisTextNode = document.createTextNode(suffix);
+  ellipsisContentHolder.appendChild(ellipsisTextNode);
+  ellipsisContainer.appendChild(ellipsisContentHolder);
+  (0, _map.default)(fixedContent).call(fixedContent, node => node && ellipsisContainer.appendChild(node.cloneNode(true))); // Append before fixed nodes
+
+  function appendChildNode(node) {
+    ellipsisContentHolder.insertBefore(node, ellipsisTextNode);
+  }
+
+  function getCurrentText(text, pos) {
+    const end = text.length;
+
+    if (!pos) {
+      return ellipsisStr;
+    }
+
+    if (ellipsisPos === 'end' || pos > end - pos) {
+      return (0, _slice.default)(text).call(text, 0, pos) + ellipsisStr;
+    }
+
+    return (0, _slice.default)(text).call(text, 0, pos) + ellipsisStr + (0, _slice.default)(text).call(text, end - pos, end);
+  } // 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);
+
+    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() || !currentStepText) {
+          return step === fullText.length ? fullText : currentStepText;
+        }
+      }
+    } else if (endLoc === 0) {
+      return ellipsisStr;
+    }
+
+    if (inRange()) {
+      return measureText(textNode, fullText, midLoc, endLoc, midLoc);
+    }
+
+    return measureText(textNode, fullText, startLoc, midLoc, lastSuccessLoc);
+  }
+
+  const textNode = document.createTextNode(content);
+  appendChildNode(textNode);
+  const resText = measureText(textNode, content);
+  ellipsisContainer.innerHTML = '';
+  return resText;
+};
+
+var _default = getRenderText;
+exports.default = _default;

package/lib/cjs/upload/fileCard.d.ts

@@ -0,0 +1,47 @@
+import { PureComponent, ReactNode, MouseEvent, CSSProperties } from 'react';
+import PropTypes from 'prop-types';
+import { Locale } from '../locale/interface';
+import { RenderFileItemProps } from './interface';
+export interface FileCardProps extends RenderFileItemProps {
+    className?: string;
+    style?: CSSProperties;
+}
+declare class FileCard extends PureComponent<FileCardProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        listType: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        onPreviewClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        onReplace: PropTypes.Requireable<(...args: any[]) => any>;
+        onRetry: PropTypes.Requireable<(...args: any[]) => any>;
+        percent: PropTypes.Requireable<number>;
+        preview: PropTypes.Requireable<boolean>;
+        previewFile: PropTypes.Requireable<(...args: any[]) => any>;
+        showReplace: PropTypes.Requireable<boolean>;
+        showRetry: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<string | number>;
+        status: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        url: PropTypes.Requireable<string>;
+        validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    static defaultProps: {
+        listType: "list";
+        name: string;
+        onRemove: () => void;
+        onRetry: () => void;
+        preview: boolean;
+        size: string;
+    };
+    transSize(size: string | number): string;
+    renderValidateMessage(): ReactNode;
+    renderPicValidateMsg(): ReactNode;
+    renderPic(locale: Locale['Upload']): ReactNode;
+    onRemove(e: MouseEvent): void;
+    onReplace(e: MouseEvent): void;
+    onRetry(e: MouseEvent): void;
+    render(): JSX.Element;
+}
+export default FileCard;