@zykj2024/much-library 1.1.7-beta.1 → 1.1.7-beta.2

package/dist/McDateRange/demo/overlap.js

@@ -1,32 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 覆盖默认预设
- * description: 因为组件本质上就是提供了常用的时间段预设，所以可以使用自定义的时间段预设对其进行覆盖。
- */
-import dayjs from 'dayjs';
-import { McDateRange } from "../..";
-import { useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  return /*#__PURE__*/_jsx(McDateRange, {
-    value: value,
-    onChange: setValue,
-    style: {
-      width: '330px'
-    },
-    presets: [{
-      label: 'Yesterday',
-      value: [dayjs().add(-1, 'd'), dayjs()]
-    }, {
-      label: 'Last Week',
-      value: [dayjs().add(-7, 'd'), dayjs()]
-    }, {
-      label: 'Last Month',
-      value: [dayjs().add(-1, 'month'), dayjs()]
-    }]
-  });
-});

package/dist/McDateRange/index.css

@@ -1,31 +0,0 @@
-.mc-date-range__label {
-  color: #262626;
-  font-size: 14px;
-  position: absolute;
-  top: 0;
-  left: 11px;
-  z-index: 2;
-  height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-.mc-date-range__label::after {
-  content: '\FF1A';
-  margin-left: 2px;
-}
-.mc-date-range__label.mc-date-range--disabled {
-  color: rgba(0, 0, 0, 0.25);
-  cursor: no-drop;
-}
-.mc-date-range__content {
-  width: 100%;
-  height: 100%;
-}
-.mc-date-range__preset-label {
-  margin: -1px -8px;
-  padding: 1px 8px;
-}

package/dist/McDateRange/index.d.ts

@@ -1,28 +0,0 @@
-import { RangePickerProps } from 'antd/es/date-picker';
-import dayjs from 'dayjs';
-import { CSSProperties, FC, ReactNode } from 'react';
-import './index.less';
-declare const shortcutValueMap: {
-    today: string[];
-    yesterday: string[];
-    last7days: string[];
-    last30days: string[];
-    last60days: string[];
-    last90days: string[];
-};
-export declare const SHORTCUT_VALUE_MAP: typeof shortcutValueMap & {
-    [key: string]: any;
-};
-export type McDateRangeProps = Omit<RangePickerProps, 'value' | 'onChange'> & {
-    style?: CSSProperties;
-    className?: string;
-    name?: string;
-    label?: ReactNode;
-    valueFormat?: string;
-    value?: string[];
-    onChange?: (value?: string[] | null, dayjsValue?: [dayjs.Dayjs, dayjs.Dayjs] | null) => void;
-    onShortcut?: (value?: 'today' | 'yesterday' | 'last7days' | 'last30days' | 'last60days' | 'last90days') => void;
-    [key: string]: any;
-};
-declare const McDateRange: FC<McDateRangeProps>;
-export default McDateRange;

package/dist/McDateRange/index.js

@@ -1,167 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "className", "label", "valueFormat", "value", "onChange", "onShortcut", "disabled"];
-import { DatePicker } from 'antd';
-import dayjs from 'dayjs';
-import { forwardRef, useEffect, useRef, useState } from 'react';
-import "./index.css";
-
-/* 快捷选择日期对应值的映射集合 */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var shortcutValueMap = {
-  today: [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')],
-  yesterday: [dayjs().add(-1, 'd').format('YYYY-MM-DD'), dayjs().add(-1, 'd').format('YYYY-MM-DD')],
-  last7days: [dayjs().add(-6, 'd').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')],
-  last30days: [dayjs().add(-29, 'd').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')],
-  last60days: [dayjs().add(-59, 'd').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')],
-  last90days: [dayjs().add(-89, 'd').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')]
-};
-export var SHORTCUT_VALUE_MAP = shortcutValueMap;
-var McDateRange = /*#__PURE__*/forwardRef(function (props, ref) {
-  var style = props.style,
-    className = props.className,
-    label = props.label,
-    _props$valueFormat = props.valueFormat,
-    valueFormat = _props$valueFormat === void 0 ? 'YYYY-MM-DD' : _props$valueFormat,
-    value = props.value,
-    onChange = props.onChange,
-    onShortcut = props.onShortcut,
-    disabled = props.disabled,
-    rest = _objectWithoutProperties(props, _excluded);
-
-  /* 获取label宽度 */
-  var labelRef = useRef();
-  var _useState = useState(11),
-    _useState2 = _slicedToArray(_useState, 2),
-    paddingLeft = _useState2[0],
-    setPaddingLeft = _useState2[1];
-  var labelResizeObserver = new ResizeObserver(function (entries) {
-    setPaddingLeft(entries[0].contentRect.width + 11);
-  });
-  useEffect(function () {
-    if (labelRef.current) {
-      labelResizeObserver.observe(labelRef.current);
-    }
-    return function () {
-      return labelResizeObserver.disconnect();
-    };
-  }, []);
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    privateValue = _useState4[0],
-    setPrivateValue = _useState4[1];
-  var currentRef = useRef();
-  var oldRef = useRef();
-  var isShortcutRef = useRef(false);
-  useEffect(function () {
-    var tempValue = value ? value === null || value === void 0 ? void 0 : value.map(function (i) {
-      return dayjs(i, valueFormat);
-    }) : null;
-    setPrivateValue(tempValue);
-    currentRef.current = tempValue;
-  }, [value]);
-  var change = function change(dates) {
-    if (!props.hasOwnProperty('value')) {
-      setPrivateValue(dates);
-    }
-    currentRef.current = dates;
-    // 当清空时
-    if (dates === null) {
-      if (props.hasOwnProperty('value')) {
-        setPrivateValue(value ? value === null || value === void 0 ? void 0 : value.map(function (i) {
-          return dayjs(i, valueFormat);
-        }) : null);
-      }
-      onChange === null || onChange === void 0 || onChange(null);
-      onShortcut === null || onShortcut === void 0 || onShortcut(undefined);
-      isShortcutRef.current = false;
-    }
-  };
-  var openChange = function openChange(open) {
-    if (open) {
-      oldRef.current = privateValue;
-    } else {
-      if (currentRef.current && currentRef.current !== oldRef.current) {
-        onChange === null || onChange === void 0 || onChange(currentRef.current.map(function (i) {
-          return i.format(valueFormat);
-        }), currentRef.current);
-        if (!isShortcutRef.current) {
-          onShortcut === null || onShortcut === void 0 || onShortcut(undefined);
-        }
-        isShortcutRef.current = false;
-      }
-    }
-  };
-  var shortcut = function shortcut(type) {
-    isShortcutRef.current = true;
-    onShortcut === null || onShortcut === void 0 || onShortcut(type);
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    style: _objectSpread({
-      position: label ? 'relative' : 'static',
-      height: 32
-    }, style),
-    className: "mc-date-range ".concat(className || ''),
-    children: [label && /*#__PURE__*/_jsx("span", {
-      ref: labelRef,
-      className: "mc-date-range__label ".concat(disabled ? 'mc-date-range--disabled' : ''),
-      children: label
-    }), /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread({
-      ref: ref,
-      style: {
-        paddingLeft: paddingLeft
-      },
-      className: "mc-date-range__content",
-      value: privateValue,
-      onChange: change,
-      onOpenChange: openChange,
-      disabled: disabled,
-      presets: [{
-        label: /*#__PURE__*/_jsx("div", {
-          className: "mc-date-range__preset-label",
-          onClick: shortcut.bind(null, 'today'),
-          children: "\u4ECA\u5929"
-        }),
-        value: [dayjs(), dayjs()]
-      }, {
-        label: /*#__PURE__*/_jsx("div", {
-          className: "mc-date-range__preset-label",
-          onClick: shortcut === null || shortcut === void 0 ? void 0 : shortcut.bind(null, 'yesterday'),
-          children: "\u6628\u5929"
-        }),
-        value: [dayjs().add(-1, 'd'), dayjs().add(-1, 'd')]
-      }, {
-        label: /*#__PURE__*/_jsx("div", {
-          className: "mc-date-range__preset-label",
-          onClick: shortcut === null || shortcut === void 0 ? void 0 : shortcut.bind(null, 'last7days'),
-          children: "\u6700\u8FD17\u5929"
-        }),
-        value: [dayjs().add(-6, 'd'), dayjs()]
-      }, {
-        label: /*#__PURE__*/_jsx("div", {
-          className: "mc-date-range__preset-label",
-          onClick: shortcut === null || shortcut === void 0 ? void 0 : shortcut.bind(null, 'last30days'),
-          children: "\u6700\u8FD130\u5929"
-        }),
-        value: [dayjs().add(-29, 'd'), dayjs()]
-      }, {
-        label: /*#__PURE__*/_jsx("div", {
-          className: "mc-date-range__preset-label",
-          onClick: shortcut === null || shortcut === void 0 ? void 0 : shortcut.bind(null, 'last60days'),
-          children: "\u6700\u8FD160\u5929"
-        }),
-        value: [dayjs().add(-59, 'd'), dayjs()]
-      }, {
-        label: /*#__PURE__*/_jsx("div", {
-          className: "mc-date-range__preset-label",
-          onClick: shortcut === null || shortcut === void 0 ? void 0 : shortcut.bind(null, 'last90days'),
-          children: "\u6700\u8FD190\u5929"
-        }),
-        value: [dayjs().add(-89, 'd'), dayjs()]
-      }]
-    }, rest))]
-  });
-});
-export default McDateRange;

package/dist/McEllipsis/demo/base.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 基本使用
- * description: 单行末尾省略<br>设置 `rows` 多行末尾省略
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/base.js

@@ -1,22 +0,0 @@
-/**
- * title: 基本使用
- * description: 单行末尾省略<br>设置 `rows` 多行末尾省略
- */
-
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      width: 240
-    },
-    children: [/*#__PURE__*/_jsx(McEllipsis, {
-      text: '单行末尾省略：' + longText
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: '3行末尾省略：' + longText,
-      rows: 3
-    })]
-  });
-});

package/dist/McEllipsis/demo/middle.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 中间省略
- * description: 设置 `middle` 使用中间省略<br>设置 `suffixCount` 结尾显示的字个数
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/middle.js

@@ -1,24 +0,0 @@
-/**
- * title: 中间省略
- * description: 设置 `middle` 使用中间省略<br>设置 `suffixCount` 结尾显示的字个数
- */
-
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      width: 240
-    },
-    children: [/*#__PURE__*/_jsx(McEllipsis, {
-      text: '中间省略：' + longText,
-      middle: true
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: '结尾显示10个字：' + longText,
-      middle: true,
-      suffixCount: 10
-    })]
-  });
-});

package/dist/McEllipsis/demo/table.d.ts

@@ -1,5 +0,0 @@
-/**
- * title: 表格内使用
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/table.js

@@ -1,93 +0,0 @@
-/**
- * title: 表格内使用
- */
-
-import { Table } from 'antd';
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  var dataSource = [];
-  for (var i = 0; i < 100; i++) {
-    dataSource.push({
-      id: i,
-      column1: '单行末尾省略 ' + longText + i,
-      column2: '单行中间省略 ' + longText + i,
-      column3: '3行末尾省略 ' + longText + i,
-      column4: '3行末尾省略可复制 ' + longText + i,
-      column5: '自定义提示内容 ' + longText + i,
-      column6: '2行末尾省略不提示 ' + longText + i
-    });
-  }
-  var columns = [{
-    title: '单行末尾省略',
-    dataIndex: 'column1',
-    width: 120,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _
-      });
-    }
-  }, {
-    title: '单行中间省略',
-    dataIndex: 'column2',
-    width: 120,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        middle: true
-      });
-    }
-  }, {
-    title: '3行末尾省略',
-    dataIndex: 'column3',
-    width: 120,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        rows: 3
-      });
-    }
-  }, {
-    title: '3行末尾省略可复制',
-    dataIndex: 'column4',
-    width: 140,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        rows: 3,
-        copyable: true
-      });
-    }
-  }, {
-    title: '自定义提示内容',
-    dataIndex: 'column5',
-    width: 120,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        tooltip: "\u6211\u662F\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9"
-      });
-    }
-  }, {
-    title: '2行末尾省略不提示',
-    dataIndex: 'column6',
-    width: 140,
-    render: function render(_) {
-      return /*#__PURE__*/_jsx(McEllipsis, {
-        text: _,
-        rows: 2,
-        tooltip: false
-      });
-    }
-  }];
-  return /*#__PURE__*/_jsx(Table, {
-    size: "small",
-    columns: columns,
-    dataSource: dataSource,
-    rowKey: "id",
-    scroll: {
-      y: 300
-    }
-  });
-});

package/dist/McEllipsis/demo/tooltip-size.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 提示框宽高
- * description: 设置 `tooltipMaxWidth` 和 `tooltipMaxHeight` 可控制提示框最大宽高，避免内容过多时显示异常
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/tooltip-size.js

@@ -1,20 +0,0 @@
-/**
- * title: 提示框宽高
- * description: 设置 `tooltipMaxWidth` 和 `tooltipMaxHeight` 可控制提示框最大宽高，避免内容过多时显示异常
- */
-
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      width: 240
-    },
-    children: /*#__PURE__*/_jsx(McEllipsis, {
-      text: '提示框宽高：' + longText,
-      tooltipMaxWidth: 200,
-      tooltipMaxHeight: 100
-    })
-  });
-});

package/dist/McEllipsis/demo/tooltip.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义提示内容
- * description: 设置 `tooltip` 或使用 `TooltipProps` 属性自定义提示内容<br>设置 `tooltip` 为 false 则不展示<br>设置 `alwaysTooltip` 为 true 则不省略也展示
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McEllipsis/demo/tooltip.js

@@ -1,53 +0,0 @@
-/**
- * title: 自定义提示内容
- * description: 设置 `tooltip` 或使用 `TooltipProps` 属性自定义提示内容<br>设置 `tooltip` 为 false 则不展示<br>设置 `alwaysTooltip` 为 true 则不省略也展示
- */
-
-import { McEllipsis } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  var longText = '一-二-三-四-五-六-七-八-九-十=壹-贰-叁-肆-伍-陆-柒-捌-玖-拾=yī-èr-sān-sì-wǔ-liù-qī-bā-jiǔ-shí=one-two-three-four-five-six-seven-eight-nine-ten';
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      width: 240
-    },
-    children: [/*#__PURE__*/_jsx(McEllipsis, {
-      text: '提示与文字内容不同：' + longText,
-      tooltip: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("div", {
-          children: "\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9\uFF1A"
-        }), /*#__PURE__*/_jsx("div", {
-          children: "\u4E00-\u4E8C-\u4E09-\u56DB-\u4E94-\u516D-\u4E03-\u516B-\u4E5D-\u5341"
-        })]
-      })
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: '使用TooltipProps属性：' + longText,
-      tooltip: {
-        title: /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("div", {
-            children: "\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9\uFF1A"
-          }), /*#__PURE__*/_jsx("div", {
-            children: "\u4E00-\u4E8C-\u4E09-\u56DB-\u4E94-\u516D-\u4E03-\u516B-\u4E5D-\u5341"
-          })]
-        }),
-        placement: 'topLeft',
-        color: '#325CF7'
-      }
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: '省略也不展示：' + longText,
-      tooltip: false
-    }), /*#__PURE__*/_jsx("hr", {}), /*#__PURE__*/_jsx(McEllipsis, {
-      text: "\u4E0D\u7701\u7565\u4E5F\u5C55\u793A",
-      tooltip: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("div", {
-          children: "\u81EA\u5B9A\u4E49\u63D0\u793A\u5185\u5BB9\uFF1A"
-        }), /*#__PURE__*/_jsx("div", {
-          children: "\u4E00-\u4E8C-\u4E09-\u56DB-\u4E94-\u516D-\u4E03-\u516B-\u4E5D-\u5341"
-        })]
-      }),
-      alwaysTooltip: true
-    })]
-  });
-});

package/dist/McEllipsis/index.css

@@ -1,4 +0,0 @@
-.mc-ellipsis,
-.mc-ellipsis * {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-}

package/dist/McEllipsis/index.d.ts

@@ -1,40 +0,0 @@
-import { TooltipProps } from 'antd';
-import { ParagraphProps } from 'antd/es/typography/Paragraph';
-import { CSSProperties, FC, ReactNode } from 'react';
-import './index.less';
-export type McEllipsisProps = ParagraphProps & {
-    /** 要显示的文字内容 */
-    text?: string;
-    /**
-     * 文字行数，默认1
-     * @remarks 中间省略时无效，仅支持1行文字
-     */
-    rows?: number;
-    /** 是否使用中间省略，默认false */
-    middle?: boolean;
-    /**
-     * 使用中间省略时，结尾显示的字个数
-     * @defaultValue 4
-     */
-    suffixCount?: number;
-    /**
-     * 自定义提示内容（默认展示text）
-     * @remarks 若设置为false则无论省略与否都不展示（此时alwaysTooltip无效）
-     */
-    tooltip?: ReactNode | TooltipProps;
-    /**
-     * 是否无论省略与否都展示提示信息
-     * @remarks 默认为省略时展示
-     * @defaultValue false
-     */
-    alwaysTooltip?: boolean;
-    /** tooltip提示框最大宽度，默认800 */
-    tooltipMaxWidth?: number;
-    /** tooltip提示框最大高度，默认不限 */
-    tooltipMaxHeight?: number;
-    /** 自定义样式 */
-    style?: CSSProperties;
-    /** 自定义类名 */
-    className?: string;
-};
-export declare const McEllipsis: FC<McEllipsisProps>;

package/dist/McEllipsis/index.js

@@ -1,115 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["text", "rows", "middle", "suffixCount", "tooltip", "alwaysTooltip", "tooltipMaxWidth", "tooltipMaxHeight", "copyable", "style", "className"];
-import { Tooltip, Typography } from 'antd';
-import classNames from 'classnames';
-import { McIconFont } from "./..";
-import "./index.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-var Paragraph = Typography.Paragraph,
-  Text = Typography.Text;
-export var McEllipsis = function McEllipsis(props) {
-  var text = props.text,
-    _props$rows = props.rows,
-    rows = _props$rows === void 0 ? 1 : _props$rows,
-    _props$middle = props.middle,
-    middle = _props$middle === void 0 ? false : _props$middle,
-    _props$suffixCount = props.suffixCount,
-    suffixCount = _props$suffixCount === void 0 ? 4 : _props$suffixCount,
-    tooltip = props.tooltip,
-    _props$alwaysTooltip = props.alwaysTooltip,
-    alwaysTooltip = _props$alwaysTooltip === void 0 ? false : _props$alwaysTooltip,
-    _props$tooltipMaxWidt = props.tooltipMaxWidth,
-    tooltipMaxWidth = _props$tooltipMaxWidt === void 0 ? 800 : _props$tooltipMaxWidt,
-    _props$tooltipMaxHeig = props.tooltipMaxHeight,
-    tooltipMaxHeight = _props$tooltipMaxHeig === void 0 ? 'auto' : _props$tooltipMaxHeig,
-    _props$copyable = props.copyable,
-    copyable = _props$copyable === void 0 ? false : _props$copyable,
-    style = props.style,
-    className = props.className,
-    rest = _objectWithoutProperties(props, _excluded);
-  var alwaysTooltip0 = tooltip === false ? false : alwaysTooltip;
-  var copyable0 = copyable && !!text ? _objectSpread({
-    icon: /*#__PURE__*/_jsx(McIconFont, {
-      type: "icon-CopyOutlined"
-    })
-  }, copyable === true ? {} : copyable) : false;
-
-  /* 提示信息相关逻辑 */
-  // 提示框基础样式
-  var overlayBaseStyles = {
-    overlayStyle: {
-      maxWidth: tooltipMaxWidth,
-      maxHeight: tooltipMaxHeight
-    },
-    overlayInnerStyle: {
-      maxHeight: tooltipMaxHeight,
-      overflow: 'auto'
-    }
-  };
-  var tooltip0 = _objectSpread({
-    title: text
-  }, overlayBaseStyles);
-  if (props.hasOwnProperty('tooltip')) {
-    if (tooltip === false) {
-      tooltip0 = false;
-    } else {
-      if (_typeof(tooltip) === 'object' && tooltip !== null && tooltip !== void 0 && tooltip.hasOwnProperty('title')) {
-        tooltip0 = _objectSpread(_objectSpread({}, tooltip), {}, {
-          overlayStyle: _objectSpread(_objectSpread({}, overlayBaseStyles.overlayStyle), tooltip.overlayStyle || {}),
-          overlayInnerStyle: _objectSpread(_objectSpread({}, overlayBaseStyles.overlayInnerStyle), tooltip.overlayInnerStyle || {})
-        });
-      } else {
-        tooltip0 = _objectSpread({
-          title: tooltip
-        }, overlayBaseStyles);
-      }
-    }
-  }
-
-  /* 中间省略相关逻辑 */
-  // 为单行展示时使用中间省略且尾缀0的逻辑，以保布局样式不错位
-  var middle0 = middle || rows === 1 ? true : false;
-  var suffixCount0 = middle ? suffixCount : 0;
-  var start = '',
-    suffix = '';
-  if (middle0) {
-    var textStr = String(text || '').trim();
-    var isBeyond = textStr.length > suffixCount0;
-    start = isBeyond ? textStr.slice(0, textStr.length - suffixCount0) : textStr;
-    suffix = isBeyond && suffixCount0 ? textStr.slice(-suffixCount0).trim() : '';
-  }
-
-  /* 渲染函数 */
-  var innerRender = function innerRender() {
-    return middle0 ? /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({
-      style: _objectSpread({
-        width: '100%'
-      }, style),
-      className: classNames('mc-ellipsis', className),
-      ellipsis: {
-        suffix: suffix,
-        tooltip: alwaysTooltip0 ? false : tooltip0
-      },
-      copyable: copyable0
-    }, rest), {}, {
-      children: start
-    }), text) : /*#__PURE__*/_jsx(Paragraph, _objectSpread(_objectSpread({
-      style: _objectSpread({
-        marginBottom: 0
-      }, style),
-      className: classNames('mc-ellipsis', className),
-      ellipsis: {
-        rows: rows,
-        tooltip: alwaysTooltip0 ? false : tooltip0
-      },
-      copyable: copyable0
-    }, rest), {}, {
-      children: text
-    }), text);
-  };
-  return alwaysTooltip0 ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltip0), {}, {
-    children: innerRender()
-  })) : innerRender();
-};