refactor: Use native css for measure css line ellipsis

components/form/__tests__/__snapshots__/demo.test.tsx.snap

@@ -4593,22 +4593,6 @@ exports[`renders components/form/demo/label-debug.tsx correctly 1`] = `
             class="ant-typography ant-typography-ellipsis ant-typography-single-line"
           >
             longtextlongtextlongtextlongtextlongtextlongtextlongtext
-            <span
-              aria-hidden="true"
-              style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;font-size:0;word-break:keep-all;white-space:nowrap"
-            >
-              lg
-            </span>
-            <span
-              aria-hidden="true"
-              style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;font-size:0;width:0;white-space:normal;margin:0;padding:0"
-            >
-              <span
-                aria-hidden="true"
-              >
-                ...
-              </span>
-            </span>
           </span>
         </label>
       </div>
@@ -4651,22 +4635,6 @@ exports[`renders components/form/demo/label-debug.tsx correctly 1`] = `
             class="ant-typography ant-typography-ellipsis ant-typography-single-line"
           >
             longtext longtext longtext longtext longtext longtext longtext
-            <span
-              aria-hidden="true"
-              style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;font-size:0;word-break:keep-all;white-space:nowrap"
-            >
-              lg
-            </span>
-            <span
-              aria-hidden="true"
-              style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;font-size:0;width:0;white-space:normal;margin:0;padding:0"
-            >
-              <span
-                aria-hidden="true"
-              >
-                ...
-              </span>
-            </span>
           </span>
         </label>
       </div>

components/menu/__tests__/__snapshots__/demo.test.tsx.snap

@@ -1826,22 +1826,6 @@ Array [
               class="ant-typography ant-typography-ellipsis ant-typography-single-line"
             >
               Ant Design, a design language for background applications, is refined by Ant UED Team
-              <span
-                aria-hidden="true"
-                style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;font-size:0;word-break:keep-all;white-space:nowrap"
-              >
-                lg
-              </span>
-              <span
-                aria-hidden="true"
-                style="position:fixed;display:block;left:0;top:0;z-index:-9999;visibility:hidden;pointer-events:none;font-size:0;width:0;white-space:normal;margin:0;padding:0"
-              >
-                <span
-                  aria-hidden="true"
-                >
-                  ...
-                </span>
-              </span>
             </span>
           </span>
         </li>

components/typography/Base/CopyBtn.tsx

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import CheckOutlined from '@ant-design/icons/CheckOutlined';
+import CopyOutlined from '@ant-design/icons/CopyOutlined';
+import classNames from 'classnames';
+
+import type { CopyConfig } from '.';
+import TransButton from '../../_util/transButton';
+import { type Locale } from '../../locale';
+import Tooltip from '../../tooltip';
+import { getNode, toList } from './util';
+
+export interface CopyBtnProps extends CopyConfig {
+  prefixCls: string;
+  copied: boolean;
+  locale: Locale['Text'];
+  onCopy: React.MouseEventHandler<HTMLDivElement>;
+  iconOnly: boolean;
+}
+
+export default function CopyBtn(props: CopyBtnProps) {
+  const { prefixCls, copied, locale = {}, onCopy, iconOnly, tooltips, icon } = props;
+
+  const tooltipNodes = toList(tooltips);
+  const iconNodes = toList(icon);
+
+  const { copied: copiedText, copy: copyText } = locale;
+
+  const copyTitle = copied
+    ? getNode(tooltipNodes[1], copiedText)
+    : getNode(tooltipNodes[0], copyText);
+  const systemStr = copied ? copiedText : copyText;
+  const ariaLabel = typeof copyTitle === 'string' ? copyTitle : systemStr;
+
+  return (
+    <Tooltip key="copy" title={copyTitle}>
+      <TransButton
+        className={classNames(`${prefixCls}-copy`, {
+          [`${prefixCls}-copy-success`]: copied,
+          [`${prefixCls}-copy-icon-only`]: iconOnly,
+        })}
+        onClick={onCopy}
+        aria-label={ariaLabel}
+      >
+        {copied
+          ? getNode(iconNodes[1], <CheckOutlined />, true)
+          : getNode(iconNodes[0], <CopyOutlined />, true)}
+      </TransButton>
+    </Tooltip>
+  );
+}