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

package/dist/{McDateRange → esm/McDateRange}/index.js

@@ -1,14 +1,15 @@
 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"];
+var _excluded = ["style", "className", "label", "colon", "valueFormat", "value", "onChange", "onShortcut", "disabled"];
 import { DatePicker } from 'antd';
 import dayjs from 'dayjs';
 import { forwardRef, useEffect, useRef, useState } from 'react';
-import "./index.css";
+import "./index.less";
 
 /* 快捷选择日期对应值的映射集合 */
 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 shortcutValueMap = {
   today: [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')],
@@ -23,6 +24,8 @@ var McDateRange = /*#__PURE__*/forwardRef(function (props, ref) {
   var style = props.style,
     className = props.className,
     label = props.label,
+    _props$colon = props.colon,
+    colon = _props$colon === void 0 ? true : _props$colon,
     _props$valueFormat = props.valueFormat,
     valueFormat = _props$valueFormat === void 0 ? 'YYYY-MM-DD' : _props$valueFormat,
     value = props.value,
@@ -30,28 +33,10 @@ var McDateRange = /*#__PURE__*/forwardRef(function (props, ref) {
     onShortcut = props.onShortcut,
     disabled = props.disabled,
     rest = _objectWithoutProperties(props, _excluded);
-
-  /* 获取label宽度 */
-  var labelRef = useRef();
-  var _useState = useState(11),
+  var _useState = useState(),
     _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];
+    privateValue = _useState2[0],
+    setPrivateValue = _useState2[1];
   var currentRef = useRef();
   var oldRef = useRef();
   var isShortcutRef = useRef(false);
@@ -98,21 +83,21 @@ var McDateRange = /*#__PURE__*/forwardRef(function (props, ref) {
     isShortcutRef.current = true;
     onShortcut === null || onShortcut === void 0 || onShortcut(type);
   };
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsx("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({
+    children: /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread({
       ref: ref,
-      style: {
-        paddingLeft: paddingLeft
-      },
+      prefix: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [label, label && colon && /*#__PURE__*/_jsx("span", {
+          style: {
+            marginLeft: 2
+          },
+          children: "\uFF1A"
+        })]
+      }),
       className: "mc-date-range__content",
       value: privateValue,
       onChange: change,
@@ -161,7 +146,7 @@ var McDateRange = /*#__PURE__*/forwardRef(function (props, ref) {
         }),
         value: [dayjs().add(-89, 'd'), dayjs()]
       }]
-    }, rest))]
+    }, rest))
   });
 });
 export default McDateRange;

package/dist/esm/McDateRange/index.less

@@ -0,0 +1,15 @@
+.mc-date-range {
+  &__content {
+    width: 100%;
+    height: 100%;
+
+    .ant-picker-prefix {
+      margin-right: 0;
+    }
+  }
+
+  &__preset-label {
+    margin: -1px -8px;
+    padding: 1px 8px;
+  }
+}

package/dist/esm/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/esm/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 { McIconFont } from "./..";
+import { Tooltip, Typography } from 'antd';
+import classNames from 'classnames';
+import "./index.less";
+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();
+};

package/dist/esm/McEllipsis/index.less

@@ -0,0 +1,9 @@
+.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/{McEllipsisMiddle → esm/McEllipsisMiddle}/index.js

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["text", "tooltip", "suffixCount", "style", "className"];
 import { Tooltip, Typography } from 'antd';
-import "./index.css";
+import "./index.less";
 
 /** 中间省略 */
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/esm/McEllipsisMiddle/index.less

@@ -0,0 +1,9 @@
+.mc-ellipsis-middle {
+  &,
+  * {
+    // 公司字体计算字体长度会有问题
+    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/{McGroupPanel → esm/McGroupPanel}/comps/SelectedItem/index.js

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useSortable } from '@dnd-kit/sortable';
-import { Button, Typography } from 'antd';
-import { MenuOutlined } from 'much-icons';
+import { MenuOutlined } from '@zykj2024/much-icons';
 import { McIconFont } from "../../..";
+import { Button, Typography } from 'antd';
 import { memo, useMemo } from 'react';
-import "../../index.css";
+import "../../index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var SelectedItem = function SelectedItem(_ref) {

package/dist/{McGroupPanel → esm/McGroupPanel}/index.d.ts

@@ -21,6 +21,7 @@ type PropsType = {
     labelInValue?: boolean;
     inexistent?: boolean | Inexistent;
     sortable?: boolean;
+    title?: string;
     value?: any[];
     onChange?: (value?: any[]) => void;
     [key: string]: any;