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

package/dist/McContainer/demo/generic.d.ts

@@ -0,0 +1,8 @@
+/**
+ * title: 泛型
+ * description: 更好的代码提示及类型推断
+ * transform: true
+ * compact: true
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McContainer/demo/generic.js

@@ -0,0 +1,91 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 泛型
+ * description: 更好的代码提示及类型推断
+ * transform: true
+ * compact: true
+ */
+
+import { McContainer, McInput } from "../..";
+import { useRef, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var tableData = Array.from({
+  length: 5
+}, function (_, index) {
+  return {
+    id: index + 1,
+    name: "\u59D3\u540D".concat(index + 1),
+    age: 18 + index
+  };
+});
+export default (function () {
+  var _useState = useState(tableData),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataSource = _useState2[0],
+    setDataSource = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var mcContainerRef = useRef(null);
+  var columns = [{
+    title: 'ID',
+    dataIndex: 'id'
+  }, {
+    title: '姓名',
+    dataIndex: 'name'
+  }, {
+    title: '年龄',
+    dataIndex: 'age'
+  }, {
+    title: '操作',
+    dataIndex: 'id',
+    width: 100,
+    render: function render() {
+      return /*#__PURE__*/_jsx("a", {
+        children: "\u7F16\u8F91"
+      });
+    }
+  }];
+  var queryItems = /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(McInput, {
+      label: "\u59D3\u540D",
+      name: "name",
+      style: {
+        width: 270
+      }
+    })
+  });
+  var onQuery = function onQuery(data) {
+    var _mcContainerRef$curre;
+    var queryData = (_mcContainerRef$curre = mcContainerRef.current) === null || _mcContainerRef$curre === void 0 ? void 0 : _mcContainerRef$curre.getQueryParams();
+    // 加了泛型后，data. queryData.就会有类型推断
+    console.log(data.a, queryData === null || queryData === void 0 ? void 0 : queryData.a);
+    return new Promise(function (resolve) {
+      setLoading(true);
+      setTimeout(function () {
+        setDataSource(tableData);
+        setLoading(false);
+        resolve();
+      }, 1000);
+    });
+  };
+  return (
+    /*#__PURE__*/
+    // 添加泛型后，组件下写的第一个属性会没有代码提示。
+    _jsx(McContainer, {
+      ref: mcContainerRef,
+      height: "100%",
+      immediateQuery: false,
+      loading: loading,
+      onQuery: onQuery,
+      queryItems: queryItems,
+      tableProps: {
+        columns: columns,
+        dataSource: dataSource,
+        rowKey: 'id'
+      }
+    })
+  );
+});

package/dist/McContainer/index.d.ts

@@ -1,153 +1,192 @@
 import { ButtonProps, TableProps } from 'antd';
-import { CSSProperties, FC, ReactElement, ReactNode } from 'react';
+import { CSSProperties, ReactElement, ReactNode } from 'react';
 import './index.less';
-export type McContainerPropsType = {
+/** 请求参数 */
+type QueryParamsType<T = any> = {
+    /** 当前页码 */
+    current: number;
+    /** 每页显示的记录数 */
+    pageSize: number;
+} & T;
+/** 批量操作配置接口 */
+interface BatchConfig {
+    /** 是否显示批量操作按钮 */
+    show?: boolean;
+    /** 批量操作按钮的文本 */
+    buttonText?: string;
+    /** 批量操作按钮的属性 */
+    buttonProps?: ButtonProps;
+    /** 批量操作按钮在操作栏中的位置 */
+    order?: number;
+}
+/** McContainer 组件 Props 类型定义 */
+export interface McContainerProps<T> {
+    /** 组件的自定义样式 */
     style?: CSSProperties;
+    /** 组件的自定义类名 */
     className?: string;
-    /** 页面容器的高度（默认'calc(100vh - 88px)'，即视口高度-菜单header高度56px-页面上下内边距16px*2） */
+    /**
+     * 页面容器的高度
+     * @default 'calc(100vh - 88px)' 即视口高度-菜单header高度56px-页面上下内边距16px*2
+     */
     height?: string;
-    /** 页面容器的背景色（默认'#ffffff'） */
+    /**
+     * 页面容器的背景色
+     * @default '#ffffff'
+     */
     backgroundColor?: string;
     /**
-     * 是否展示头部遮罩，默认显示
+     * 是否展示头部遮罩
+     * @default true
      */
     showCell?: boolean;
     /**
-     * 是否触发首次查询（默认true）
-      若使用场景为需自定义默认查询参数，可将该属性设置为false，并手动调用setDefaultQueryParams方法重新设置默认查询参数，而后调用query方法触发查询
-    */
+     * 是否触发首次查询
+     * @description 若使用场景为需自定义默认查询参数，可将该属性设置为false，
+     * 并手动调用setDefaultQueryParams方法重新设置默认查询参数，而后调用query方法触发查询
+     * @default true
+     */
     immediateQuery?: boolean;
-    /** 加载中（已覆盖table组件的loading） */
+    /**
+     * 加载中状态（已覆盖table组件的loading）
+     * @default false
+     */
     loading?: boolean;
     /** 加载loading下方的文案，默认为测试中 */
     loadingText?: string;
     /**
      * 查询项（不受展开、收起按钮控制显示隐藏的查询项）
-      结合以下组件使用为最佳实现方式：McSelect、McCascader、McDateRange、McInput、McInput.Search、McInput.TextArea
-      已设置默认样式，可直接如下使用：
-      <>
-        <McSelect
-          label="下拉选择器"
-          name="name1"
-        />
-        <McCascader
-          label="级联选择器"
-          name="name2"
-        />
-        <McDateRange
-          label="日期范围选择器"
-          name="name3"
-        />
-        <McInput.Search
-          name="name4"
-          onSearch={() => mcContainerRef.current?.query({ current: 1 })}
-        />
-      </>
-    */
+     * @description 建议结合 McSelect、McCascader、McDateRange、McInput 等组件使用
+     */
     queryItems?: ReactElement;
-    /** 是否显示查询按钮（默认显示 true） */
+    /**
+     * 是否显示查询按钮
+     * @default true
+     */
     showQuery?: boolean;
-    /** 是否显示重置按钮（默认显示 true） */
+    /**
+     * 是否显示重置按钮
+     * @default true
+     */
     showReset?: boolean;
-    /** 是否显示展开、收起按钮（默认不显示 false） */
+    /**
+     * 是否显示展开、收起按钮
+     * @default false
+     */
     showCollapse?: boolean;
-    /** 可折叠的查询项（可通过展开、收起按钮控制显示隐藏的查询项，使用建议同queryItems） */
+    /** 可折叠的查询项（可通过展开、收起按钮控制显示隐藏的查询项） */
     collapsibleQueryItems?: ReactElement;
-    /** 查询（点击查询按钮、点击重置按钮、表格分页、排序、筛选变化）回调事件 */
-    onQuery?: (params: {
-        current?: number;
-        pageSize?: number;
-        [key: string]: any;
-    }, filters?: any, sorter?: any, extra?: any) => void;
-    /** 重置按钮回调事件（若设置该属性，则在点击重置按钮时不再触发onQuery事件） */
-    onReset?: (params?: {
-        current?: number;
-        pageSize?: number;
-        [key: string]: any;
+    /**
+     * 查询回调事件
+     * @param params - 分页参数
+     * @param filters - 过滤条件
+     * @param sorter - 排序条件
+     * @param extra - 额外信息，包含当前数据源和触发的操作类型
+     */
+    onQuery?: (params: QueryParamsType<T>, filters?: Record<string, any>, sorter?: Record<string, any>, extra?: {
+        currentDataSource: any[];
+        action: 'paginate' | 'sort' | 'filter';
     }) => void;
-    /** 查询区自定义渲染（若设置为null，则不显示查询区） */
+    /**
+     * 重置按钮回调事件
+     * @description 若设置该属性，则在点击重置按钮时不再触发onQuery事件
+     */
+    onReset?: (params?: QueryParamsType<T>) => void;
+    /**
+     * 查询区自定义渲染
+     * @description 若设置为null，则不显示查询区
+     */
     queryRender?: ReactNode;
     /**
-     * 操作栏（若未设置该项，则不显示）
-      已设置默认样式，可直接如下使用：
-      <>
-        <Button type="primary">操作1</Button>
-        <Button>操作2</Button>
-      </>
-    */
+     * 操作栏
+     * @description 若未设置该项，则不显示
+     */
     actionBar?: ReactElement;
     /**
-     * @description 操作栏自定义渲染
+     * 操作栏自定义渲染
      * @param batchEl - 批量操作按钮实例
-     * @returns 操作栏元素
      */
     actionBarRender?: (batchEl: ReactNode) => ReactNode;
-    /** 批量操作已选项数量（当数量大于0时，显示批量操作栏） */
+    /**
+     * 批量操作已选项数量
+     * @description 当数量大于0时，显示批量操作栏
+     */
     batchNum?: number;
     /**
-     * 批量操作按钮区（若未设置该项，则不显示）
-      已设置默认样式，可直接如下使用：
-      <>
-        <Button>批量操作1</Button>
-        <Button>批量操作2</Button>
-      </>
-    */
+     * 批量操作按钮区
+     * @description 若未设置该项，则不显示
+     */
     batchBtns?: ReactNode;
-    /**
-     * @description 批量操作按钮配置
-     * @param show - 是否显示批量操作按钮（默认不显示 false）
-     * @param buttonText - 批量操作按钮文字
-     * @param buttonProps - 批量操作按钮属性
-     * @param order - 批量操作按钮在操作栏中的位置（默认为最后一个）
-     */
-    batch?: {
-        show?: boolean;
-        buttonText?: string;
-        buttonProps?: ButtonProps;
-        order?: number;
-    };
+    /** 批量操作按钮配置 */
+    batch?: BatchConfig;
     /** 批量操作取消按钮回调事件 */
     onCancel?: () => void;
     /** 表格组件属性 */
     tableProps?: TableProps<any>;
-    /** 数据表格区自定义渲染（若设置为null，则不显示数据表格区 */
+    /**
+     * 数据表格区自定义渲染
+     * @description 若设置为null，则不显示数据表格区
+     */
     tableRender?: ReactNode;
-    /** 当前分页数据为空且非第一页时，是否自动会退到上一个分页（默认false） */
+    /**
+     * 当前分页数据为空且非第一页时，是否自动会退到上一个分页
+     * @default false
+     */
     autoBackPagination?: boolean;
-    /** 折叠事件的回调 */
-    onCollapse?: (v: boolean) => void;
-    [key: string]: any;
-};
-export type McContainerRef = {
+    /**
+     * 折叠事件的回调
+     * @param collapsed - 是否折叠
+     */
+    onCollapse?: (collapsed: boolean) => void;
+}
+/** McContainer 组件 Ref 类型定义 */
+export interface McContainerRef<T = any> {
     /**
      * 调用查询的方法
-      可通过传参（params）更新查询参数的状态后触发查询，所设置的属性仅会覆盖原查询参数对应的属性，如：query({current: 1})，仅会覆盖原查询参数的current属性；
-      仅对设置过name属性的查询项（和current、pageSize）有效，查询项自身已绑定value属性的除外，需自行编写相关业务逻辑代码进行状态管理；
-      若不传参则按当前查询参数触发查询
-    */
-    query: (params?: {
-        [key: string]: any;
-    }) => void;
-    /** 调用重置的方法 */
+     * @description 可通过传参更新查询参数的状态后触发查询，所设置的属性仅会覆盖原查询参数对应的属性
+     * @param params - 查询参数，仅支持设置过name属性的查询项
+     */
+    query: (params?: QueryParamsType<T>) => void;
+    /**
+     * 调用重置的方法
+     * @description 重置查询参数为默认值
+     */
     reset: () => void;
     /**
      * 设置默认查询参数
-      默认查询参数，用于重置使用，仅对设置过name属性的查询项（和current、pageSize）有效，查询项自身已绑定value属性的除外，需自行编写相关业务逻辑代码进行状态管理；
-      可通过该方法配置默认查询的分页参数；
-      设置的查询参数将覆盖原有默认值，如：setDefaultQueryParams({pageSize: 10, status: 1})，设置后的默认查询参数为{current: 1, pageSize: 10, status: 1}
-      原有默认值 {current: 1, pageSize: 20}（若未开启分页功能，默认值为{}）
-    */
-    setDefaultQueryParams: (params: {
-        [key: string]: any;
-    }) => void;
-    /** 设置单个查询项的参数（仅支持设置过name属性的查询项和current、pageSize） */
-    setQueryParam: (name: string, value: any) => void;
-    /** 获取单个查询项的参数（仅支持设置过name属性的查询项和current、pageSize） */
-    getQueryParam: (name: string) => any;
-    /** 获取所有查询项的参数 */
-    getQueryParams: () => any;
-    /** 重置查询参数（重置为默认查询参数） */
+     * @description 用于重置使用，仅对设置过name属性的查询项有效
+     * 仅对设置过name属性的查询项（和current、pageSize）有效，查询项自身已绑定value属性的除外，需自行编写相关业务逻辑代码进行状态管理；
+     * 可通过该方法配置默认查询的分页参数；
+     * 设置的查询参数将覆盖原有默认值，如：setDefaultQueryParams({pageSize: 10, status: 1})，设置后的默认查询参数为{current: 1, pageSize: 10, status: 1}
+     * 原有默认值 {current: 1, pageSize: 20}（若未开启分页功能，默认值为{}
+     * @param params - 默认查询参数
+     */
+    setDefaultQueryParams: (params: QueryParamsType<T>) => void;
+    /**
+     * 设置单个查询项的参数
+     * @description 仅支持设置过name属性的查询项
+     * @param name - 查询项名称
+     * @param value - 查询项值
+     */
+    setQueryParam: (name: keyof QueryParamsType<T>, value: any) => void;
+    /**
+     * 获取单个查询项的参数
+     * @description 仅支持设置过name属性的查询项
+     * @param name - 查询项名称
+     */
+    getQueryParam: (name: keyof QueryParamsType<T>) => any;
+    /**
+     * 获取所有查询项的参数
+     * @returns 当前可见的查询项的参数集
+     */
+    getQueryParams: () => QueryParamsType<T>;
+    /**
+     * 重置查询参数
+     * @description 重置为默认查询参数
+     */
     resetQueryParams: () => void;
-};
-declare const McContainer: FC<McContainerPropsType>;
+}
+declare const McContainer: <T>(props: McContainerProps<T> & {
+    ref?: React.ForwardedRef<McContainerRef<T>>;
+}) => JSX.Element;
 export default McContainer;

package/dist/McContainer/index.js

@@ -7,10 +7,22 @@ import { isNumber } from 'lodash';
 import { CaretDownFilled, DoubleLeftOutlined } from 'much-icons';
 import { Children, cloneElement, forwardRef, isValidElement, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import "./index.css";
+
+/** 请求参数 */
+
+/** 批量操作配置接口 */
+
+/** McContainer 组件 Props 类型定义 */
+
+/** McContainer 组件 Ref 类型定义 */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
+/**
+ * McContainer 组件
+ * @description 一个通用的容器组件，支持查询、表格、批量操作等功能
+ */
+var ContainerPanel = function ContainerPanel(props, ref) {
   var _tableProps$dataSourc;
   var style = props.style,
     className = props.className,
@@ -171,15 +183,13 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
   };
 
   // 格式化查询参数（返回当前可见的查询项的参数集）
-  var formatQueryParams = function formatQueryParams() {
+  var formatQueryParams = function formatQueryParams(params) {
     var _tableProps$paginatio;
-    var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var _params = tableRender || tableRender === null || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination) === false || tableProps !== null && tableProps !== void 0 && (_tableProps$paginatio = tableProps.pagination) !== null && _tableProps$paginatio !== void 0 && _tableProps$paginatio.hasOwnProperty('onChange') || tableProps !== null && tableProps !== void 0 && tableProps.hasOwnProperty('onChange') ? {} : {
       current: params.current,
       pageSize: params.pageSize
     };
     var fn = function fn(items) {
-      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
       items && Children.map(items.props.children ? items.props.children : items, function (item) {
         if (item !== null && item !== void 0 && item.props) {
           var _item$props2;
@@ -199,7 +209,6 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
   var query = function query(params) {
     if (params) {
       var _params = _objectSpread({}, queryParamsRef.current);
-      // 仅支持设置过name属性的查询项（和current、pageSize）
       Object.entries(params).forEach(function (_ref2) {
         var _ref3 = _slicedToArray(_ref2, 2),
           key = _ref3[0],
@@ -255,7 +264,6 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     Object.keys(_params).forEach(function (k) {
       return !allNamesRef.current.includes(k) && allNamesRef.current.push(k);
     });
-    // 仅支持设置过name属性的查询项（和current、pageSize）
     Object.entries(params).forEach(function (_ref4) {
       var _ref5 = _slicedToArray(_ref4, 2),
         key = _ref5[0],
@@ -509,5 +517,6 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
       })]
     })
   });
-});
+};
+var McContainer = /*#__PURE__*/forwardRef(ContainerPanel);
 export default McContainer;

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;