@zykj2024/much-library 1.1.7-beta.3 → 1.1.7-beta.5

package/dist/McDateRange/demo/overlap.js

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1,31 @@
+.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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,167 @@
+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

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

package/dist/McEllipsis/demo/base.js

@@ -0,0 +1,22 @@
+/**
+ * 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

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

package/dist/McEllipsis/demo/middle.js

@@ -0,0 +1,24 @@
+/**
+ * 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

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

package/dist/McEllipsis/demo/table.js

@@ -0,0 +1,93 @@
+/**
+ * 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

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

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

@@ -0,0 +1,20 @@
+/**
+ * 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

@@ -0,0 +1,6 @@
+/**
+ * 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

@@ -0,0 +1,53 @@
+/**
+ * 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

@@ -0,0 +1,4 @@
+.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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,115 @@
+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();
+};