@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/typography/Base.vue.js

@@ -0,0 +1,403 @@
+import { defineComponent as M, useSlots as we, ref as b, useAttrs as Ce, computed as C, watch as Te, onMounted as Se, nextTick as ke, onBeforeUnmount as $e, createBlock as q, openBlock as D, unref as j, withCtx as je, createVNode as Ae, h as y } from "vue";
+import A from "classnames";
+import { cssClasses as Ne } from "@douyinfe/semi-foundation/typography/constants";
+import { isUndefined as N, isFunction as Oe, isNull as Be, omit as Re, isString as Ee } from "lodash-es";
+import _e from "../tooltip/Tooltip.vue.js";
+/* empty css                      */
+import Le from "../popover/Popover.vue.js";
+/* empty css                      */
+import Pe from "../resizeObserver/index.vue.js";
+import { ObserverProperty as We } from "../resizeObserver/interface.js";
+import Ue from "./Copyable.vue.js";
+import Ie from "./util.js";
+import ze from "@douyinfe/semi-foundation/utils/isEnterPress";
+import { useLocaleContext as Fe } from "../locale/context.js";
+import K from "@douyinfe/semi-foundation/utils/warning";
+const He = "...", ot = /* @__PURE__ */ M({
+  inheritAttrs: !1,
+  __name: "Base",
+  props: {
+    children: {},
+    className: {},
+    code: { type: Boolean, default: !1 },
+    component: { default: "div" },
+    copyable: { type: [Object, Boolean], default: !1 },
+    delete: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    ellipsis: { default: !1 },
+    icon: { default: "" },
+    link: { type: Boolean, default: !1 },
+    mark: { type: Boolean, default: !1 },
+    strong: { type: Boolean, default: !1 },
+    style: {},
+    type: { default: "primary" },
+    underline: { type: Boolean, default: !1 },
+    heading: {},
+    size: { default: "normal" },
+    spacing: { default: "normal" },
+    weight: {},
+    linkOptions: { default: () => ({}) }
+  },
+  setup(X) {
+    const u = Ne.PREFIX, T = (e) => {
+      if (typeof e == "string" || typeof e == "number")
+        return String(e);
+      if (Array.isArray(e))
+        return e.map(T).join("");
+      if (e && typeof e == "object") {
+        if (e.children)
+          return Array.isArray(e.children) ? e.children.map(T).join("") : T(e.children);
+        if (e.text)
+          return String(e.text);
+        if (e.el && e.el.textContent)
+          return e.el.textContent;
+      }
+      return "";
+    }, l = X, m = we(), x = Fe(), v = b(), R = b(), E = b(), k = b(null), _ = b(!1), p = b({
+      isOverflowed: !1,
+      ellipsisContent: l.children,
+      expanded: !1,
+      isTruncated: !1
+    }), L = b(""), P = b(""), G = Ce(), J = C(() => {
+      const { class: e, ...s } = G;
+      return s;
+    }), O = C(() => {
+      const { link: e, disabled: s, component: n } = l;
+      return e && !s ? "a" : n;
+    }), Q = C(() => {
+      const { link: e, disabled: s, linkOptions: n } = l;
+      if (e && !s) {
+        const t = typeof e == "object" ? e : {}, o = {
+          href: (n == null ? void 0 : n.href) || t.href || "javascript:void(0)",
+          ...t,
+          ...n ? Object.fromEntries(Object.entries(n).filter(([r]) => r !== "linkOptions")) : {}
+        };
+        return !o.onClick && o.href === "javascript:void(0)" && (o.onClick = (r) => {
+          r.preventDefault();
+        }), o;
+      }
+      return {};
+    }), h = () => {
+      const { ellipsis: e } = l;
+      return e ? {
+        rows: 1,
+        expandable: !1,
+        pos: "end",
+        suffix: "",
+        showTooltip: !1,
+        collapsible: !1,
+        expandText: typeof e == "object" && e.expandable ? L.value : void 0,
+        collapseText: typeof e == "object" && e.collapsible ? P.value : void 0,
+        ...typeof e == "object" ? e : {}
+      } : {
+        rows: 1,
+        expandable: !1,
+        collapsible: !1,
+        pos: "end",
+        showTooltip: !1,
+        suffix: ""
+      };
+    }, $ = C(() => {
+      const { copyable: e } = l, { expandable: s, expandText: n, pos: t, suffix: o } = h();
+      return !s && N(n) && !e && t === "end" && !o.length;
+    }), Y = C(() => {
+      const e = { ...l.style };
+      typeof l.weight == "number" && (e.fontWeight = l.weight);
+      const { ellipsis: s } = l;
+      if (s) {
+        const { rows: n } = h(), { expanded: t } = p.value, r = !t && $.value && n > 1 ? { WebkitLineClamp: n } : {};
+        return { ...e, ...r };
+      }
+      return e;
+    }), Z = C(() => {
+      const { ellipsis: e, component: s } = l;
+      if (!e)
+        return "";
+      const { rows: n } = h(), { expanded: t } = p.value, o = !t && $.value;
+      return A({
+        [`${u}-ellipsis`]: !0,
+        [`${u}-ellipsis-single-line`]: n === 1,
+        [`${u}-ellipsis-multiple-line`]: n > 1,
+        [`${u}-ellipsis-multiple-line-text`]: n > 1 && s === "span",
+        [`${u}-ellipsis-overflow-ellipsis`]: n === 1 && o,
+        [`${u}-ellipsis-overflow-ellipsis-text`]: n === 1 && o && s === "span"
+      });
+    }), ee = () => {
+      if (!(document && document.createRange))
+        return !1;
+      const e = v.value;
+      if (!e) return !1;
+      const s = e.getBoundingClientRect().width, n = Array.from(e.childNodes), t = document.createRange(), o = n.reduce((r, a) => (t.selectNodeContents(a), r + (t.getBoundingClientRect().width ?? 0)), 0);
+      return t.detach(), o > s;
+    }, te = (e) => !e || e < 1 || !v.value ? !1 : e <= 1 ? ee() : v.value.scrollHeight > v.value.offsetHeight, ne = async () => {
+      const { rows: e, suffix: s, pos: n } = h(), t = m.default ? m.default() : l.children ?? "", { strong: o } = l;
+      if (!v.value || !v.value) {
+        await B();
+        return;
+      }
+      const { expanded: r } = p.value;
+      if ($.value)
+        return;
+      if (Be(t)) {
+        p.value.isTruncated = !1, p.value.isOverflowed = !1;
+        return;
+      }
+      if ("children" in l && l.children !== void 0) {
+        const d = typeof t == "string" || Array.isArray(t) && t.every((g) => typeof g == "string") || typeof t == "number";
+        K(
+          !d,
+          "[Semi Typography] Only children with pure text could be used with ellipsis at this moment."
+        );
+      }
+      if (!e || e < 0 || r)
+        return;
+      const i = { expand: R.value, copy: E.value }, c = Array.isArray(t) ? t.join("") : String(t), f = Ie(
+        v.value,
+        e,
+        c,
+        i,
+        He,
+        s || "",
+        n || "end",
+        o || !1
+      );
+      p.value.isOverflowed = !1, p.value.ellipsisContent = f, p.value.isTruncated = c !== f;
+    }, B = async () => (k.value && window.cancelAnimationFrame(k.value), new Promise((e) => {
+      k.value = window.requestAnimationFrame(async () => {
+        await ne(), e();
+      });
+    })), se = () => {
+      _.value && B();
+    }, W = (e) => {
+      const { onExpand: s, expandable: n, collapsible: t } = h(), { expanded: o } = p.value;
+      s && s(!o, e), (n && !o || t && o) && (p.value.expanded = !o);
+    }, U = () => {
+      if ($.value) {
+        const { rows: s } = h(), n = te(s);
+        p.value.isOverflowed = n, p.value.isTruncated = !1;
+      }
+    }, oe = C(() => {
+      var g, w;
+      const { isOverflowed: e, isTruncated: s, expanded: n } = p.value, { showTooltip: t, expandable: o, expandText: r } = h(), a = $.value, i = !n && (a ? e : s);
+      if (!(!o && N(r) && i && t))
+        return null;
+      const d = {
+        type: "tooltip"
+      };
+      return typeof t == "object" ? t.type && t.type.toLowerCase() === "popover" ? {
+        ...d,
+        ...t,
+        opts: {
+          showArrow: !0,
+          className: A({
+            [`${u}-ellipsis-popover`]: !0,
+            [((g = t == null ? void 0 : t.opts) == null ? void 0 : g.className) || ""]: !!((w = t == null ? void 0 : t.opts) != null && w.className)
+          }),
+          ...t.opts
+        }
+      } : { ...d, ...t } : d;
+    }), re = () => {
+      const { expanded: e, isTruncated: s } = p.value;
+      if (!s) return null;
+      const { expandText: n, expandable: t, collapseText: o, collapsible: r } = h(), a = !t && N(n), i = !r && N(o);
+      let c;
+      return !e && !a ? c = n : e && !i && (c = o), !a || !i ? y(
+        "a",
+        {
+          role: "button",
+          tabIndex: 0,
+          class: `${u}-ellipsis-expand`,
+          key: "expand",
+          ref: R,
+          "aria-label": c,
+          onClick: W,
+          onKeypress: (f) => {
+            ze(f) && W(f);
+          }
+        },
+        { default: () => c }
+      ) : null;
+    }, le = () => {
+      const { copyable: e } = l;
+      if (!e)
+        return null;
+      const s = m.default ? m.default() : l.children ?? "", n = (e == null ? void 0 : e.content) ?? s;
+      let t, o = !1;
+      if (Array.isArray(n) && n.length > 0 && n.some((i) => i && typeof i == "object" && ("type" in i || "el" in i)))
+        t = T(n);
+      else if (Array.isArray(n))
+        t = "", n.forEach((i) => {
+          if (typeof i == "object" && i !== null) {
+            const c = T(i);
+            c ? t += c : (o = !0, t += String(i));
+          } else
+            t += String(i);
+        });
+      else if (typeof n != "object" || n === null)
+        t = String(n);
+      else {
+        const i = T(n);
+        i ? t = i : (o = !0, t = String(n));
+      }
+      K(
+        o,
+        "Content to be copied in Typography is a object, it will case a [object Object] mistake when copy to clipboard."
+      );
+      const a = {
+        content: t,
+        duration: 3,
+        ...typeof e == "object" ? e : {}
+      };
+      return y(Ue, { ...a, forwardRef: E });
+    }, ie = () => {
+      const e = re(), s = le();
+      return [e, s].filter(Boolean);
+    }, ae = () => {
+      const { icon: e } = l;
+      return e ? y(
+        "span",
+        { class: `${u}-icon`, "x-semi-prop": "icon" },
+        {
+          default: () => e
+        }
+      ) : null;
+    }, ce = (e) => {
+      const { suffix: s } = e, n = m.default ? m.default() : l.children ?? "", { isTruncated: t, expanded: o, ellipsisContent: r } = p.value;
+      return o || !t ? y(
+        "span",
+        { onMouseenter: U },
+        {
+          default: () => [n, s && s.length ? s : null]
+        }
+      ) : y(
+        "span",
+        { onMouseenter: U },
+        {
+          default: () => [r, s]
+        }
+      );
+    }, pe = (e) => {
+      const { mark: s, code: n, underline: t, strong: o, link: r, disabled: a } = l, i = O.value === "a";
+      let c = e;
+      const f = (d, g) => {
+        if (!d)
+          return;
+        const w = typeof d == "object" ? { ...d } : {};
+        c = y(g, w, { default: () => c });
+      };
+      return f(s, "mark"), f(n, "code"), f(t && !r, "u"), f(o, "strong"), f(l.delete, "del"), r && !i && f(r, a ? "span" : "a"), c;
+    }, ue = () => {
+      const { className: e, type: s, spacing: n, style: t, ellipsis: o, size: r, link: a, heading: i, weight: c, ...f } = l, d = Re(f, [
+        "strong",
+        "mark",
+        "copyable",
+        "underline",
+        "code",
+        "delete",
+        "children",
+        "linkOptions"
+      ]), g = m.default ? m.default() : l.children ?? "", w = r === "inherit" && (x == null ? void 0 : x.value) || r, ye = l.disabled, z = ae(), me = h(), he = Z.value;
+      let S = o ? ce(me) : g;
+      const F = A({
+        [`${u}-link-text`]: a,
+        [`${u}-link-underline`]: l.underline && a
+      }), H = O.value === "a", xe = z ? [z, l.link && !H ? y("span", { class: F }, { default: () => S }) : S] : l.link && !H ? y("span", { class: F }, { default: () => S }) : S;
+      S = pe(xe);
+      const ve = /^h[1-6]$/, V = Ee(i) && ve.test(i), ge = A(e, he, {
+        [`${u}-${s}`]: s && !a,
+        [`${u}-${w}`]: w,
+        [`${u}-link`]: a,
+        [`${u}-disabled`]: ye,
+        [`${u}-${n}`]: n,
+        [`${u}-${i}`]: V,
+        [`${u}-${i}-weight-${c}`]: V && c && isNaN(Number(c))
+      }), be = {
+        ...isNaN(Number(c)) ? {} : { fontWeight: c },
+        ...t
+      };
+      return y(
+        O.value,
+        {
+          class: ge,
+          style: { ...be, ...Y.value },
+          ref: v,
+          ...d,
+          ...J.value,
+          ...Q.value
+        },
+        {
+          default: () => [S, ie()]
+        }
+      );
+    }, fe = () => {
+      const e = m.default ? m.default() : l.children ?? "", s = oe.value, n = ue(), t = (r) => typeof r == "string" ? r : typeof r == "number" ? String(r) : Array.isArray(r) ? r.map((a) => {
+        if (a && typeof a == "object" && a.children !== void 0) {
+          if (typeof a.children == "string") return a.children;
+          if (Array.isArray(a.children)) return t(a.children);
+        }
+        return t(a);
+      }).join("") : "", o = t(e) || (typeof l.children == "string" ? l.children : "");
+      if (s) {
+        const { type: r, opts: a, renderTooltip: i } = s;
+        return Oe(i) ? i(o, n) : r && r.toLowerCase() === "popover" ? y(
+          Le,
+          {
+            content: o,
+            position: "top",
+            ...a
+          },
+          {
+            default: () => n
+          }
+        ) : y(
+          _e,
+          {
+            content: o,
+            position: "top",
+            ...a
+          },
+          {
+            default: () => n
+          }
+        );
+      } else
+        return n;
+    }, I = M({
+      name: "TipWrapper",
+      setup() {
+        return () => fe();
+      }
+    }), de = () => {
+      const e = x && typeof x == "object" && "value" in x ? x.value : x, s = (e == null ? void 0 : e.Typography) || {};
+      L.value = s.expand || "展开", P.value = s.collapse || "收起";
+    };
+    return Te(
+      () => l.children,
+      (e, s) => {
+        l.ellipsis && s !== e && (p.value.isOverflowed = !1, p.value.ellipsisContent = e, p.value.expanded = !1, p.value.isTruncated = !0);
+      }
+    ), Se(() => {
+      de(), l.ellipsis && B().then(() => {
+        ke(() => {
+          _.value = !0;
+        });
+      });
+    }), $e(() => {
+      k.value && window.cancelAnimationFrame(k.value);
+    }), (e, s) => l.ellipsis ? (D(), q(j(Pe), {
+      key: 0,
+      "observe-parent": !0,
+      "observer-property": j(We).Width,
+      onResize: se
+    }, {
+      default: je(() => [
+        Ae(j(I))
+      ]),
+      _: 1
+    }, 8, ["observer-property"])) : (D(), q(j(I), { key: 1 }));
+  }
+});
+export {
+  ot as default
+};
+//# sourceMappingURL=Base.vue.js.map

package/lib/es/components/typography/Base.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Base.vue.js","sources":["../../../../src/components/typography/Base.vue"],"sourcesContent":["<template>\n    <ResizeObserver\n        v-if=\"props.ellipsis\"\n        :observe-parent=\"true\"\n        :observer-property=\"ObserverProperty.Width\"\n        @resize=\"handleResize\"\n    >\n        <TipWrapper />\n    </ResizeObserver>\n    <TipWrapper v-else />\n</template>\n\n<script setup lang=\"ts\">\nimport {\n    computed,\n    ref,\n    onMounted,\n    onBeforeUnmount,\n    watch,\n    nextTick,\n    useAttrs,\n    useSlots,\n    h,\n    defineComponent,\n} from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/typography/constants';\nimport type { Ellipsis, ShowTooltip, CopyableConfig } from './interface';\nimport { omit, isString, isUndefined, isNull, isFunction } from 'lodash-es';\nimport Tooltip from '../tooltip';\nimport Popover from '../popover';\nimport ResizeObserver, { ObserverProperty } from '../resizeObserver';\nimport Copyable from './Copyable.vue';\nimport getRenderText from './util';\nimport isEnterPress from '@douyinfe/semi-foundation/utils/isEnterPress';\nimport { useLocaleContext } from '../locale/context';\nimport warning from '@douyinfe/semi-foundation/utils/warning';\n\nconst prefixCls = cssClasses.PREFIX;\nconst ELLIPSIS_STR = '...';\n\nconst extractTextFromVNode = (vnode: any): string => {\n    if (typeof vnode === 'string' || typeof vnode === 'number') {\n        return String(vnode);\n    }\n    if (Array.isArray(vnode)) {\n        return vnode.map(extractTextFromVNode).join('');\n    }\n    if (vnode && typeof vnode === 'object') {\n        if (vnode.children) {\n            if (Array.isArray(vnode.children)) {\n                return vnode.children.map(extractTextFromVNode).join('');\n            }\n            return extractTextFromVNode(vnode.children);\n        }\n        if (vnode.text) {\n            return String(vnode.text);\n        }\n        if (vnode.el && vnode.el.textContent) {\n            return vnode.el.textContent;\n        }\n    }\n    return '';\n};\n\ndefineOptions({\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(\n    defineProps<{\n        children?: any;\n        className?: string;\n        code?: boolean;\n        component?: string;\n        copyable?: CopyableConfig | boolean;\n        delete?: boolean;\n        disabled?: boolean;\n        ellipsis?: any;\n        icon?: any;\n        link?: boolean | any;\n        mark?: boolean;\n        strong?: boolean;\n        style?: any;\n        type?: string;\n        underline?: boolean;\n        heading?: string;\n        size?: string;\n        spacing?: string;\n        weight?: string | number;\n        linkOptions?: Record<string, any>;\n    }>(),\n    {\n        component: 'div',\n        type: 'primary',\n        code: false,\n        copyable: false,\n        delete: false,\n        disabled: false,\n        ellipsis: false,\n        icon: '',\n        mark: false,\n        underline: false,\n        strong: false,\n        link: false,\n        spacing: 'normal',\n        size: 'normal',\n        linkOptions: () => ({}),\n    }\n);\n\nconst slots = useSlots();\nconst locale = useLocaleContext();\nconst wrapperRef = ref<HTMLElement>();\nconst expandRef = ref<HTMLElement>();\nconst copyRef = ref<HTMLElement>();\nconst rafId = ref<ReturnType<typeof requestAnimationFrame> | null>(null);\nconst observerTakingEffect = ref(false);\n\nconst state = ref({\n    isOverflowed: false,\n    ellipsisContent: props.children,\n    expanded: false,\n    isTruncated: false,\n});\n\nconst expandStr = ref('');\nconst collapseStr = ref('');\nconst attrs = useAttrs();\n\nconst filteredAttrs = computed(() => {\n    const { class: _, ...rest } = attrs;\n    return rest;\n});\n\nconst componentTag = computed(() => {\n    const { link, disabled, component } = props;\n    if (link && !disabled) {\n        return 'a';\n    }\n    return component;\n});\n\nconst linkProps = computed(() => {\n    const { link, disabled, linkOptions } = props;\n    if (link && !disabled) {\n        const linkObj = typeof link === 'object' ? link : {};\n        const actualLinkProps: Record<string, any> = {\n            href: linkOptions?.href || linkObj.href || 'javascript:void(0)',\n            ...linkObj,\n            ...(linkOptions\n                ? Object.fromEntries(Object.entries(linkOptions).filter(([key]) => key !== 'linkOptions'))\n                : {}),\n        };\n        if (!actualLinkProps.onClick && actualLinkProps.href === 'javascript:void(0)') {\n            actualLinkProps.onClick = (e: MouseEvent) => {\n                e.preventDefault();\n            };\n        }\n        return actualLinkProps;\n    }\n    return {};\n});\n\nconst getEllipsisOpt = (): Ellipsis => {\n    const { ellipsis } = props;\n    if (!ellipsis) {\n        return {\n            rows: 1,\n            expandable: false,\n            collapsible: false,\n            pos: 'end',\n            showTooltip: false,\n            suffix: '',\n        };\n    }\n\n    const opt: Ellipsis = {\n        rows: 1,\n        expandable: false,\n        pos: 'end',\n        suffix: '',\n        showTooltip: false,\n        collapsible: false,\n        expandText: typeof ellipsis === 'object' && ellipsis.expandable ? expandStr.value : undefined,\n        collapseText: typeof ellipsis === 'object' && ellipsis.collapsible ? collapseStr.value : undefined,\n        ...(typeof ellipsis === 'object' ? ellipsis : {}),\n    };\n    return opt;\n};\n\nconst canUseCSSEllipsis = computed(() => {\n    const { copyable } = props;\n    const { expandable, expandText, pos, suffix } = getEllipsisOpt();\n    return !expandable && isUndefined(expandText) && !copyable && pos === 'end' && !suffix.length;\n});\n\nconst computedStyle = computed(() => {\n    const style = { ...props.style };\n    if (typeof props.weight === 'number') {\n        style.fontWeight = props.weight;\n    }\n\n    // 添加 ellipsis CSS 样式\n    const { ellipsis } = props;\n    if (ellipsis) {\n        const { rows } = getEllipsisOpt();\n        const { expanded } = state.value;\n        const useCSS = !expanded && canUseCSSEllipsis.value;\n        const ellipsisStyle = useCSS && rows > 1 ? { WebkitLineClamp: rows } : {};\n        return { ...style, ...ellipsisStyle };\n    }\n\n    return style;\n});\n\nconst ellipsisClasses = computed(() => {\n    const { ellipsis, component } = props;\n    if (!ellipsis) {\n        return '';\n    }\n    const { rows } = getEllipsisOpt();\n    const { expanded } = state.value;\n    const useCSS = !expanded && canUseCSSEllipsis.value;\n\n    return classNames({\n        [`${prefixCls}-ellipsis`]: true,\n        [`${prefixCls}-ellipsis-single-line`]: rows === 1,\n        [`${prefixCls}-ellipsis-multiple-line`]: rows > 1,\n        [`${prefixCls}-ellipsis-multiple-line-text`]: rows > 1 && component === 'span',\n        [`${prefixCls}-ellipsis-overflow-ellipsis`]: rows === 1 && useCSS,\n        [`${prefixCls}-ellipsis-overflow-ellipsis-text`]: rows === 1 && useCSS && component === 'span',\n    });\n});\n\nconst compareSingleRow = (): boolean => {\n    if (!(document && document.createRange)) {\n        return false;\n    }\n    const containerNode = wrapperRef.value;\n    if (!containerNode) return false;\n    const containerWidth = containerNode.getBoundingClientRect().width;\n    const childNodes = Array.from(containerNode.childNodes) as Node[];\n    const range = document.createRange();\n    const contentWidth = childNodes.reduce((acc: number, node: Node) => {\n        range.selectNodeContents(node as Node);\n        return acc + (range.getBoundingClientRect().width ?? 0);\n    }, 0);\n    range.detach();\n    return contentWidth > containerWidth;\n};\n\nconst shouldTruncated = (rows: number): boolean => {\n    if (!rows || rows < 1) {\n        return false;\n    }\n    if (!wrapperRef.value) return false;\n    const updateOverflow =\n        rows <= 1 ? compareSingleRow() : wrapperRef.value.scrollHeight > wrapperRef.value.offsetHeight;\n    return updateOverflow;\n};\n\nconst getEllipsisState = async () => {\n    const { rows, suffix, pos } = getEllipsisOpt();\n    const children = slots.default ? slots.default() : (props.children ?? '');\n    const { strong } = props;\n    if (!wrapperRef.value || !wrapperRef.value) {\n        await onResize();\n        return;\n    }\n    const { expanded } = state.value;\n    const canUseCSS = canUseCSSEllipsis.value;\n    if (canUseCSS) {\n        return;\n    }\n\n    if (isNull(children)) {\n        state.value.isTruncated = false;\n        state.value.isOverflowed = false;\n        return;\n    }\n\n    if ('children' in props && props.children !== undefined) {\n        const isPureText =\n            typeof children === 'string' ||\n            (Array.isArray(children) && children.every((item) => typeof item === 'string')) ||\n            typeof children === 'number';\n        warning(\n            !isPureText,\n            '[Semi Typography] Only children with pure text could be used with ellipsis at this moment.'\n        );\n    }\n\n    if (!rows || rows < 0 || expanded) {\n        return;\n    }\n\n    const extraNode = { expand: expandRef.value, copy: copyRef.value };\n    const realChildren = Array.isArray(children) ? children.join('') : String(children);\n\n    const content = getRenderText(\n        wrapperRef.value,\n        rows,\n        realChildren,\n        extraNode,\n        ELLIPSIS_STR,\n        suffix || '',\n        pos || 'end',\n        strong || false\n    );\n    state.value.isOverflowed = false;\n    state.value.ellipsisContent = content;\n    state.value.isTruncated = realChildren !== content;\n};\n\nconst onResize = async () => {\n    if (rafId.value) {\n        window.cancelAnimationFrame(rafId.value);\n    }\n    return new Promise<void>((resolve) => {\n        rafId.value = window.requestAnimationFrame(async () => {\n            await getEllipsisState();\n            resolve();\n        });\n    });\n};\n\nconst handleResize = () => {\n    if (observerTakingEffect.value) {\n        onResize();\n    }\n};\n\nconst toggleOverflow = (e: MouseEvent) => {\n    const { onExpand, expandable, collapsible } = getEllipsisOpt();\n    const { expanded } = state.value;\n    onExpand && onExpand(!expanded, e);\n    if ((expandable && !expanded) || (collapsible && expanded)) {\n        state.value.expanded = !expanded;\n    }\n};\n\nconst onHover = () => {\n    const canUseCSS = canUseCSSEllipsis.value;\n    if (canUseCSS) {\n        const { rows } = getEllipsisOpt();\n        const updateOverflow = shouldTruncated(rows);\n        state.value.isOverflowed = updateOverflow;\n        state.value.isTruncated = false;\n    }\n};\n\nconst showTooltip = computed(() => {\n    const { isOverflowed, isTruncated, expanded } = state.value;\n    const { showTooltip: showTooltipOpt, expandable, expandText } = getEllipsisOpt();\n    const canUseCSS = canUseCSSEllipsis.value;\n    const overflowed = !expanded && (canUseCSS ? isOverflowed : isTruncated);\n    const noExpandText = !expandable && isUndefined(expandText);\n    const show = noExpandText && overflowed && showTooltipOpt;\n    if (!show) {\n        return null;\n    }\n    const defaultOpts = {\n        type: 'tooltip',\n    };\n    if (typeof showTooltipOpt === 'object') {\n        if (showTooltipOpt.type && showTooltipOpt.type.toLowerCase() === 'popover') {\n            return {\n                ...defaultOpts,\n                ...showTooltipOpt,\n                opts: {\n                    showArrow: true,\n                    className: classNames({\n                        [`${prefixCls}-ellipsis-popover`]: true,\n                        [showTooltipOpt?.opts?.className || '']: Boolean(showTooltipOpt?.opts?.className),\n                    }),\n                    ...showTooltipOpt.opts,\n                },\n            };\n        }\n        return { ...defaultOpts, ...showTooltipOpt };\n    }\n    return defaultOpts;\n});\n\nconst renderExpandable = () => {\n    const { expanded, isTruncated } = state.value;\n    if (!isTruncated) return null;\n\n    const { expandText, expandable, collapseText, collapsible } = getEllipsisOpt();\n    const noExpandText = !expandable && isUndefined(expandText);\n    const noCollapseText = !collapsible && isUndefined(collapseText);\n    let text: string | undefined;\n\n    if (!expanded && !noExpandText) {\n        text = expandText;\n    } else if (expanded && !noCollapseText) {\n        text = collapseText;\n    }\n    if (!noExpandText || !noCollapseText) {\n        return h(\n            'a',\n            {\n                role: 'button',\n                tabIndex: 0,\n                class: `${prefixCls}-ellipsis-expand`,\n                key: 'expand',\n                ref: expandRef,\n                'aria-label': text,\n                onClick: toggleOverflow,\n                onKeypress: (e: KeyboardEvent) => {\n                    if (isEnterPress(e)) {\n                        toggleOverflow(e as any);\n                    }\n                },\n            },\n            { default: () => text }\n        );\n    }\n    return null;\n};\n\nconst renderCopy = () => {\n    const { copyable } = props;\n    if (!copyable) {\n        return null;\n    }\n    const children = slots.default ? slots.default() : (props.children ?? '');\n    const willCopyContent = (copyable as CopyableConfig)?.content ?? children;\n    let copyContent: string;\n    let hasObject = false;\n\n    const isVNodeArray =\n        Array.isArray(willCopyContent) &&\n        willCopyContent.length > 0 &&\n        willCopyContent.some((item) => item && typeof item === 'object' && ('type' in item || 'el' in item));\n\n    if (isVNodeArray) {\n        copyContent = extractTextFromVNode(willCopyContent);\n    } else if (Array.isArray(willCopyContent)) {\n        copyContent = '';\n        willCopyContent.forEach((value) => {\n            if (typeof value === 'object' && value !== null) {\n                const text = extractTextFromVNode(value);\n                if (text) {\n                    copyContent += text;\n                } else {\n                    hasObject = true;\n                    copyContent += String(value);\n                }\n            } else {\n                copyContent += String(value);\n            }\n        });\n    } else if (typeof willCopyContent !== 'object' || willCopyContent === null) {\n        copyContent = String(willCopyContent);\n    } else {\n        const extractedText = extractTextFromVNode(willCopyContent);\n        if (extractedText) {\n            copyContent = extractedText;\n        } else {\n            hasObject = true;\n            copyContent = String(willCopyContent);\n        }\n    }\n\n    warning(\n        hasObject,\n        'Content to be copied in Typography is a object, it will case a [object Object] mistake when copy to clipboard.'\n    );\n    const copyConfig = {\n        content: copyContent,\n        duration: 3,\n        ...(typeof copyable === 'object' ? copyable : {}),\n    };\n    return h(Copyable, { ...copyConfig, forwardRef: copyRef });\n};\n\nconst renderOperations = () => {\n    const expandable = renderExpandable();\n    const copy = renderCopy();\n    return [expandable, copy].filter(Boolean);\n};\n\nconst renderIcon = () => {\n    const { icon } = props;\n    if (!icon) {\n        return null;\n    }\n    return h(\n        'span',\n        { class: `${prefixCls}-icon`, 'x-semi-prop': 'icon' },\n        {\n            default: () => icon,\n        }\n    );\n};\n\nconst renderEllipsisText = (opt: Ellipsis) => {\n    const { suffix } = opt;\n    const children = slots.default ? slots.default() : (props.children ?? '');\n    const { isTruncated, expanded, ellipsisContent } = state.value;\n    if (expanded || !isTruncated) {\n        return h(\n            'span',\n            { onMouseenter: onHover },\n            {\n                default: () => [children, suffix && suffix.length ? suffix : null],\n            }\n        );\n    }\n    return h(\n        'span',\n        { onMouseenter: onHover },\n        {\n            default: () => [ellipsisContent, suffix],\n        }\n    );\n};\n\nconst wrapperDecorations = (content: any) => {\n    const { mark, code, underline, strong, link, disabled } = props;\n    const isLinkTag = componentTag.value === 'a';\n    let wrapped = content;\n    const wrap = (isNeeded: boolean | any, tag: string) => {\n        if (!isNeeded) {\n            return;\n        }\n        const wrapProps = typeof isNeeded === 'object' ? { ...isNeeded } : {};\n        wrapped = h(tag, wrapProps, { default: () => wrapped });\n    };\n    wrap(mark, 'mark');\n    wrap(code, 'code');\n    wrap(underline && !link, 'u');\n    wrap(strong, 'strong');\n    wrap(props.delete, 'del');\n    if (link && !isLinkTag) {\n        wrap(link, disabled ? 'span' : 'a');\n    }\n    return wrapped;\n};\n\nconst renderContent = () => {\n    const { className, type, spacing, style, ellipsis, size, link, heading, weight, ...rest } = props;\n    const textProps = omit(rest, [\n        'strong',\n        'mark',\n        'copyable',\n        'underline',\n        'code',\n        'delete',\n        'children',\n        'linkOptions',\n    ]);\n    const children = slots.default ? slots.default() : (props.children ?? '');\n    const realSize = size === 'inherit' ? (locale as any)?.value || size : size;\n    const disabled = props.disabled;\n    const iconNode = renderIcon();\n    const ellipsisOpt = getEllipsisOpt();\n    const ellipsisCls = ellipsisClasses.value;\n    let textNode = ellipsis ? renderEllipsisText(ellipsisOpt) : children;\n    const linkCls = classNames({\n        [`${prefixCls}-link-text`]: link,\n        [`${prefixCls}-link-underline`]: props.underline && link,\n    });\n    const isLinkTag = componentTag.value === 'a';\n    const contentWithIcon = iconNode\n        ? [iconNode, props.link && !isLinkTag ? h('span', { class: linkCls }, { default: () => textNode }) : textNode]\n        : props.link && !isLinkTag\n          ? h('span', { class: linkCls }, { default: () => textNode })\n          : textNode;\n    textNode = wrapperDecorations(contentWithIcon);\n    const hTagReg = /^h[1-6]$/;\n    const isHeader = isString(heading) && hTagReg.test(heading);\n    const wrapperCls = classNames(className, ellipsisCls, {\n        [`${prefixCls}-${type}`]: type && !link,\n        [`${prefixCls}-${realSize}`]: realSize,\n        [`${prefixCls}-link`]: link,\n        [`${prefixCls}-disabled`]: disabled,\n        [`${prefixCls}-${spacing}`]: spacing,\n        [`${prefixCls}-${heading}`]: isHeader,\n        [`${prefixCls}-${heading}-weight-${weight}`]: isHeader && weight && isNaN(Number(weight)),\n    });\n\n    const textStyle: Record<string, any> = {\n        ...(isNaN(Number(weight)) ? {} : { fontWeight: weight }),\n        ...style,\n    };\n\n    return h(\n        componentTag.value,\n        {\n            class: wrapperCls,\n            style: { ...textStyle, ...computedStyle.value },\n            ref: wrapperRef,\n            ...textProps,\n            ...filteredAttrs.value,\n            ...linkProps.value,\n        },\n        {\n            default: () => [textNode, renderOperations()],\n        }\n    );\n};\n\nconst renderTipWrapper = () => {\n    const children = slots.default ? slots.default() : (props.children ?? '');\n    const showTooltipOpt = showTooltip.value;\n    const content = renderContent();\n\n    // Extract text content from VNode children to avoid circular reference in Tooltip\n    const getTooltipContent = (node: any): string => {\n        if (typeof node === 'string') return node;\n        if (typeof node === 'number') return String(node);\n        if (Array.isArray(node)) {\n            return node\n                .map((n) => {\n                    // Handle Vue VNode\n                    if (n && typeof n === 'object' && n.children !== undefined) {\n                        if (typeof n.children === 'string') return n.children;\n                        if (Array.isArray(n.children)) return getTooltipContent(n.children);\n                    }\n                    return getTooltipContent(n);\n                })\n                .join('');\n        }\n        return '';\n    };\n\n    const tooltipContent = getTooltipContent(children) || (typeof props.children === 'string' ? props.children : '');\n\n    if (showTooltipOpt) {\n        const { type, opts, renderTooltip } = showTooltipOpt as ShowTooltip;\n        if (isFunction(renderTooltip)) {\n            return renderTooltip(tooltipContent, content);\n        } else if (type && type.toLowerCase() === 'popover') {\n            return h(\n                Popover,\n                {\n                    content: tooltipContent,\n                    position: 'top',\n                    ...opts,\n                },\n                {\n                    default: () => content,\n                }\n            );\n        }\n        return h(\n            Tooltip,\n            {\n                content: tooltipContent,\n                position: 'top',\n                ...opts,\n            },\n            {\n                default: () => content,\n            }\n        );\n    } else {\n        return content;\n    }\n};\n\nconst TipWrapper = defineComponent({\n    name: 'TipWrapper',\n    setup() {\n        return () => renderTipWrapper();\n    },\n});\n\nconst updateLocaleStrings = () => {\n    const localeData = locale && typeof locale === 'object' && 'value' in locale ? locale.value : locale;\n    const typographyLocale = (localeData as any)?.Typography || {};\n    expandStr.value = typographyLocale.expand || '展开';\n    collapseStr.value = typographyLocale.collapse || '收起';\n};\n\nwatch(\n    () => props.children,\n    (newChildren, oldChildren) => {\n        if (props.ellipsis && oldChildren !== newChildren) {\n            state.value.isOverflowed = false;\n            state.value.ellipsisContent = newChildren;\n            state.value.expanded = false;\n            state.value.isTruncated = true;\n        }\n    }\n);\n\nonMounted(() => {\n    updateLocaleStrings();\n    if (props.ellipsis) {\n        onResize().then(() => {\n            nextTick(() => {\n                observerTakingEffect.value = true;\n            });\n        });\n    }\n});\n\nonBeforeUnmount(() => {\n    if (rafId.value) {\n        window.cancelAnimationFrame(rafId.value);\n    }\n});\n</script>\n"],"names":["ELLIPSIS_STR","prefixCls","cssClasses","extractTextFromVNode","vnode","props","__props","slots","useSlots","locale","useLocaleContext","wrapperRef","ref","expandRef","copyRef","rafId","observerTakingEffect","state","expandStr","collapseStr","attrs","useAttrs","filteredAttrs","computed","_","rest","componentTag","link","disabled","component","linkProps","linkOptions","linkObj","actualLinkProps","key","e","getEllipsisOpt","ellipsis","canUseCSSEllipsis","copyable","expandable","expandText","pos","suffix","isUndefined","computedStyle","style","rows","expanded","ellipsisStyle","ellipsisClasses","useCSS","classNames","compareSingleRow","containerNode","containerWidth","childNodes","range","contentWidth","acc","node","shouldTruncated","getEllipsisState","children","strong","onResize","isNull","isPureText","item","warning","extraNode","realChildren","content","getRenderText","resolve","handleResize","toggleOverflow","onExpand","collapsible","onHover","updateOverflow","showTooltip","isOverflowed","isTruncated","showTooltipOpt","canUseCSS","overflowed","defaultOpts","_a","_b","renderExpandable","collapseText","noExpandText","noCollapseText","text","h","isEnterPress","renderCopy","willCopyContent","copyContent","hasObject","value","extractedText","copyConfig","Copyable","renderOperations","copy","renderIcon","icon","renderEllipsisText","opt","ellipsisContent","wrapperDecorations","mark","code","underline","isLinkTag","wrapped","wrap","isNeeded","tag","wrapProps","renderContent","className","type","spacing","size","heading","weight","textProps","omit","realSize","iconNode","ellipsisOpt","ellipsisCls","textNode","linkCls","contentWithIcon","hTagReg","isHeader","isString","wrapperCls","textStyle","renderTipWrapper","getTooltipContent","n","tooltipContent","opts","renderTooltip","isFunction","Popover","Tooltip","TipWrapper","defineComponent","updateLocaleStrings","localeData","typographyLocale","watch","newChildren","oldChildren","onMounted","nextTick","onBeforeUnmount","_createBlock","_unref","ResizeObserver","ObserverProperty","_createVNode"],"mappings":"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"}

package/lib/es/components/typography/Copyable.vue.js

@@ -0,0 +1,121 @@
+import { defineComponent as j, ref as N, computed as s, h as u, onBeforeUnmount as P, createElementBlock as v, openBlock as p, normalizeClass as T, normalizeStyle as h, createBlock as y, resolveDynamicComponent as m, unref as $, withCtx as z } from "vue";
+import F from "classnames";
+import { cssClasses as S } from "@douyinfe/semi-foundation/typography/constants";
+import { noop as A } from "lodash-es";
+import K from "../tooltip/Tooltip.vue.js";
+/* empty css                      */
+import { useLocaleContext as U } from "../locale/context.js";
+import X from "@douyinfe/semi-foundation/utils/isEnterPress";
+import q from "../icons/icons/IconTick.js";
+import G from "../icons/icons/IconCopy.js";
+const _ = /* @__PURE__ */ j({
+  __name: "Copyable",
+  props: {
+    content: { default: "" },
+    copyTip: {},
+    duration: { default: 3 },
+    forwardRef: {},
+    successTip: {},
+    icon: {},
+    onCopy: { type: Function, default: A },
+    render: {},
+    style: { default: () => ({}) },
+    className: { default: "" }
+  },
+  setup(l) {
+    const d = S.PREFIX, c = l, t = U(), i = N(!1);
+    let n = null;
+    const x = async (o) => {
+      try {
+        if (navigator.clipboard && navigator.clipboard.writeText)
+          return await navigator.clipboard.writeText(o), !0;
+        const e = document.createElement("textarea");
+        e.value = o, e.style.position = "fixed", e.style.opacity = "0", e.style.left = "-999999px", document.body.appendChild(e), e.select();
+        try {
+          const r = document.execCommand("copy");
+          return document.body.removeChild(e), r;
+        } catch {
+          return document.body.removeChild(e), !1;
+        }
+      } catch {
+        return !1;
+      }
+    }, f = (o) => {
+      const { content: e, duration: r, onCopy: a } = c;
+      x(e).then((R) => {
+        a && a(o, e, R), b(r);
+      });
+    }, b = (o) => {
+      i.value = !0, n && clearTimeout(n), n = setTimeout(() => {
+        g();
+      }, o * 1e3);
+    }, g = () => {
+      n && (clearTimeout(n), n = null, i.value = !1);
+    }, k = s(() => {
+      const { successTip: o } = c;
+      if (typeof o < "u")
+        return o;
+      const e = t && typeof t == "object" && "value" in t ? t.value : t, a = ((e == null ? void 0 : e.Typography) || {}).copied || "已复制";
+      return u("span", [u(q), a]);
+    }), I = s(() => {
+      const { icon: o } = c, e = {
+        role: "button",
+        tabIndex: 0,
+        onClick: f,
+        onKeypress: (a) => {
+          X(a) && f(a);
+        }
+      }, r = u(
+        "a",
+        {
+          class: `${d}-action-copy-icon`
+        },
+        [
+          u(G, {
+            onClick: f,
+            ...e
+          })
+        ]
+      );
+      return o && typeof o == "object" && "type" in o ? u(o, e) : r;
+    }), C = s(() => F(c.className, {
+      [`${d}-action-copy`]: !i.value,
+      [`${d}-action-copied`]: i.value
+    })), w = s(() => {
+      const { copyTip: o } = c;
+      if (typeof o < "u")
+        return o;
+      const e = t && typeof t == "object" && "value" in t ? t.value : t;
+      return ((e == null ? void 0 : e.Typography) || {}).copy || "复制";
+    }), L = s(() => k.value), B = s(() => I.value), E = s(() => c.render ? c.render(i.value, f, c) : null);
+    return P(() => {
+      n && (clearTimeout(n), n = null);
+    }), (o, e) => l.render ? (p(), v("span", {
+      key: 0,
+      ref: l.forwardRef,
+      style: h({ marginLeft: "4px", ...l.style }),
+      class: T(C.value)
+    }, [
+      (p(), y(m(E.value)))
+    ], 6)) : (p(), v("span", {
+      key: 1,
+      ref: l.forwardRef,
+      style: h({ marginLeft: "4px", ...l.style }),
+      class: T(C.value)
+    }, [
+      i.value ? (p(), y(m(L.value), { key: 0 })) : (p(), y($(K), {
+        key: 1,
+        content: w.value
+      }, {
+        default: z(() => [
+          (p(), y(m(B.value)))
+        ]),
+        _: 1
+      }, 8, ["content"]))
+    ], 6));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=Copyable.vue.js.map

package/lib/es/components/typography/Copyable.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copyable.vue.js","sources":["../../../../src/components/typography/Copyable.vue"],"sourcesContent":["<template>\n    <span v-if=\"render\" :ref=\"forwardRef\" :style=\"{ marginLeft: '4px', ...style }\" :class=\"finalCls\">\n        <component :is=\"renderComponent\" />\n    </span>\n    <span v-else :ref=\"forwardRef\" :style=\"{ marginLeft: '4px', ...style }\" :class=\"finalCls\">\n        <template v-if=\"copied\">\n            <component :is=\"successTipComponent\" />\n        </template>\n        <Tooltip v-else :content=\"tooltipContent\">\n            <component :is=\"copyIconComponent\" />\n        </Tooltip>\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onBeforeUnmount, h, type VNode } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/typography/constants';\nimport { noop } from 'lodash-es';\nimport Tooltip from '../tooltip';\nimport { IconCopy, IconTick } from '../icons';\nimport { useLocaleContext } from '../locale/context';\nimport isEnterPress from '@douyinfe/semi-foundation/utils/isEnterPress';\nimport type { CopyableConfig } from './interface';\n\nconst prefixCls = cssClasses.PREFIX;\n\nexport interface CopyableProps {\n    content?: string;\n    copyTip?: any;\n    duration?: number;\n    forwardRef?: any;\n    successTip?: any;\n    icon?: any;\n    onCopy?: (e: MouseEvent, content: string, res: boolean) => void;\n    render?: (copied: boolean, doCopy: (e: MouseEvent) => void, configs: CopyableConfig) => VNode;\n    style?: Record<string, any>;\n    className?: string;\n}\n\nconst props = withDefaults(defineProps<CopyableProps>(), {\n    content: '',\n    onCopy: noop,\n    duration: 3,\n    style: () => ({}),\n    className: '',\n});\n\nconst locale = useLocaleContext();\nconst copied = ref(false);\nlet timeId: ReturnType<typeof setTimeout> | null = null;\n\nconst copyToClipboard = async (text: string): Promise<boolean> => {\n    try {\n        if (navigator.clipboard && navigator.clipboard.writeText) {\n            await navigator.clipboard.writeText(text);\n            return true;\n        }\n        const textArea = document.createElement('textarea');\n        textArea.value = text;\n        textArea.style.position = 'fixed';\n        textArea.style.opacity = '0';\n        textArea.style.left = '-999999px';\n        document.body.appendChild(textArea);\n        textArea.select();\n        try {\n            const success = document.execCommand('copy');\n            document.body.removeChild(textArea);\n            return success;\n        } catch (e) {\n            document.body.removeChild(textArea);\n            return false;\n        }\n    } catch (err) {\n        return false;\n    }\n};\n\nconst copy = (e: MouseEvent) => {\n    const { content, duration, onCopy } = props;\n    copyToClipboard(content).then((res) => {\n        onCopy && onCopy(e, content, res);\n        setCopied(duration);\n    });\n};\n\nconst setCopied = (timer: number) => {\n    copied.value = true;\n    if (timeId) {\n        clearTimeout(timeId);\n    }\n    timeId = setTimeout(() => {\n        resetCopied();\n    }, timer * 1000);\n};\n\nconst resetCopied = () => {\n    if (timeId) {\n        clearTimeout(timeId);\n        timeId = null;\n        copied.value = false;\n    }\n};\n\nconst renderSuccessTip = computed(() => {\n    const { successTip } = props;\n    if (typeof successTip !== 'undefined') {\n        return successTip;\n    }\n    const localeData = locale && typeof locale === 'object' && 'value' in locale ? locale.value : locale;\n    const typographyLocale = (localeData as any)?.Typography || {};\n    const copiedText = typographyLocale.copied || '已复制';\n\n    return h('span', [h(IconTick), copiedText]);\n});\n\nconst renderCopyIcon = computed(() => {\n    const { icon } = props;\n    const copyProps = {\n        role: 'button',\n        tabIndex: 0,\n        onClick: copy,\n        onKeypress: (e: KeyboardEvent) => {\n            if (isEnterPress(e)) {\n                copy(e as any);\n            }\n        },\n    };\n\n    const defaultIcon = h(\n        'a',\n        {\n            class: `${prefixCls}-action-copy-icon`,\n        },\n        [\n            h(IconCopy, {\n                onClick: copy,\n                ...copyProps,\n            }),\n        ]\n    );\n\n    // 如果提供了自定义图标，克隆并添加事件\n    if (icon && typeof icon === 'object' && 'type' in icon) {\n        return h(icon, copyProps);\n    }\n    return defaultIcon;\n});\n\nconst finalCls = computed(() => {\n    return classNames(props.className, {\n        [`${prefixCls}-action-copy`]: !copied.value,\n        [`${prefixCls}-action-copied`]: copied.value,\n    });\n});\n\nconst tooltipContent = computed(() => {\n    const { copyTip } = props;\n    if (typeof copyTip !== 'undefined') {\n        return copyTip;\n    }\n    const localeData = locale && typeof locale === 'object' && 'value' in locale ? locale.value : locale;\n    const typographyLocale = (localeData as any)?.Typography || {};\n    return typographyLocale.copy || '复制';\n});\n\nconst successTipComponent = computed(() => renderSuccessTip.value);\nconst copyIconComponent = computed(() => renderCopyIcon.value);\n\nconst renderComponent = computed(() => {\n    if (!props.render) {\n        return null;\n    }\n    return props.render(copied.value, copy, props as CopyableConfig);\n});\n\nonBeforeUnmount(() => {\n    if (timeId) {\n        clearTimeout(timeId);\n        timeId = null;\n    }\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","locale","useLocaleContext","copied","ref","timeId","copyToClipboard","text","textArea","success","copy","e","content","duration","onCopy","res","setCopied","timer","resetCopied","renderSuccessTip","computed","successTip","localeData","copiedText","h","IconTick","renderCopyIcon","icon","copyProps","isEnterPress","defaultIcon","IconCopy","finalCls","classNames","tooltipContent","copyTip","successTipComponent","copyIconComponent","renderComponent","onBeforeUnmount","_createElementBlock","_openBlock","_createBlock","_resolveDynamicComponent","_unref","Tooltip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAMA,IAAYC,EAAW,QAevBC,IAAQC,GAQRC,IAASC,EAAA,GACTC,IAASC,EAAI,EAAK;AACxB,QAAIC,IAA+C;AAEnD,UAAMC,IAAkB,OAAOC,MAAmC;AAC9D,UAAI;AACA,YAAI,UAAU,aAAa,UAAU,UAAU;AAC3C,uBAAM,UAAU,UAAU,UAAUA,CAAI,GACjC;AAEX,cAAMC,IAAW,SAAS,cAAc,UAAU;AAClD,QAAAA,EAAS,QAAQD,GACjBC,EAAS,MAAM,WAAW,SAC1BA,EAAS,MAAM,UAAU,KACzBA,EAAS,MAAM,OAAO,aACtB,SAAS,KAAK,YAAYA,CAAQ,GAClCA,EAAS,OAAA;AACT,YAAI;AACA,gBAAMC,IAAU,SAAS,YAAY,MAAM;AAC3C,0BAAS,KAAK,YAAYD,CAAQ,GAC3BC;AAAA,QACX,QAAY;AACR,0BAAS,KAAK,YAAYD,CAAQ,GAC3B;AAAA,QACX;AAAA,MACJ,QAAc;AACV,eAAO;AAAA,MACX;AAAA,IACJ,GAEME,IAAO,CAACC,MAAkB;AAC5B,YAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,QAAAC,EAAA,IAAWf;AACtC,MAAAO,EAAgBM,CAAO,EAAE,KAAK,CAACG,MAAQ;AACnC,QAAAD,KAAUA,EAAOH,GAAGC,GAASG,CAAG,GAChCC,EAAUH,CAAQ;AAAA,MACtB,CAAC;AAAA,IACL,GAEMG,IAAY,CAACC,MAAkB;AACjC,MAAAd,EAAO,QAAQ,IACXE,KACA,aAAaA,CAAM,GAEvBA,IAAS,WAAW,MAAM;AACtB,QAAAa,EAAA;AAAA,MACJ,GAAGD,IAAQ,GAAI;AAAA,IACnB,GAEMC,IAAc,MAAM;AACtB,MAAIb,MACA,aAAaA,CAAM,GACnBA,IAAS,MACTF,EAAO,QAAQ;AAAA,IAEvB,GAEMgB,IAAmBC,EAAS,MAAM;AACpC,YAAM,EAAE,YAAAC,MAAetB;AACvB,UAAI,OAAOsB,IAAe;AACtB,eAAOA;AAEX,YAAMC,IAAarB,KAAU,OAAOA,KAAW,YAAY,WAAWA,IAASA,EAAO,QAAQA,GAExFsB,MADoBD,KAAA,gBAAAA,EAAoB,eAAc,CAAA,GACxB,UAAU;AAE9C,aAAOE,EAAE,QAAQ,CAACA,EAAEC,CAAQ,GAAGF,CAAU,CAAC;AAAA,IAC9C,CAAC,GAEKG,IAAiBN,EAAS,MAAM;AAClC,YAAM,EAAE,MAAAO,MAAS5B,GACX6B,IAAY;AAAA,QACd,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAASlB;AAAA,QACT,YAAY,CAACC,MAAqB;AAC9B,UAAIkB,EAAalB,CAAC,KACdD,EAAKC,CAAQ;AAAA,QAErB;AAAA,MAAA,GAGEmB,IAAcN;AAAA,QAChB;AAAA,QACA;AAAA,UACI,OAAO,GAAG3B,CAAS;AAAA,QAAA;AAAA,QAEvB;AAAA,UACI2B,EAAEO,GAAU;AAAA,YACR,SAASrB;AAAA,YACT,GAAGkB;AAAA,UAAA,CACN;AAAA,QAAA;AAAA,MACL;AAIJ,aAAID,KAAQ,OAAOA,KAAS,YAAY,UAAUA,IACvCH,EAAEG,GAAMC,CAAS,IAErBE;AAAA,IACX,CAAC,GAEKE,IAAWZ,EAAS,MACfa,EAAWlC,EAAM,WAAW;AAAA,MAC/B,CAAC,GAAGF,CAAS,cAAc,GAAG,CAACM,EAAO;AAAA,MACtC,CAAC,GAAGN,CAAS,gBAAgB,GAAGM,EAAO;AAAA,IAAA,CAC1C,CACJ,GAEK+B,IAAiBd,EAAS,MAAM;AAClC,YAAM,EAAE,SAAAe,MAAYpC;AACpB,UAAI,OAAOoC,IAAY;AACnB,eAAOA;AAEX,YAAMb,IAAarB,KAAU,OAAOA,KAAW,YAAY,WAAWA,IAASA,EAAO,QAAQA;AAE9F,eAD0BqB,KAAA,gBAAAA,EAAoB,eAAc,CAAA,GACpC,QAAQ;AAAA,IACpC,CAAC,GAEKc,IAAsBhB,EAAS,MAAMD,EAAiB,KAAK,GAC3DkB,IAAoBjB,EAAS,MAAMM,EAAe,KAAK,GAEvDY,IAAkBlB,EAAS,MACxBrB,EAAM,SAGJA,EAAM,OAAOI,EAAO,OAAOO,GAAMX,CAAuB,IAFpD,IAGd;AAED,WAAAwC,EAAgB,MAAM;AAClB,MAAIlC,MACA,aAAaA,CAAM,GACnBA,IAAS;AAAA,IAEjB,CAAC,aApLeL,EAAA,eAAZwC,EAEO,QAAA;AAAA;MAFc,KAAKxC,EAAA;AAAA,MAAa,iCAA+BA,EAAA,OAAK;AAAA,MAAK,SAAOgC,EAAA,KAAQ;AAAA,IAAA;OAC3FS,KAAAC,EAAmCC,EAAnBL,EAAA,KAAe,CAAA;AAAA,IAAA,eAEnCE,EAOO,QAAA;AAAA;MAPO,KAAKxC,EAAA;AAAA,MAAa,iCAA+BA,EAAA,OAAK;AAAA,MAAK,SAAOgC,EAAA,KAAQ;AAAA,IAAA;MACpE7B,EAAA,SACZsC,EAAA,GAAAC,EAAuCC,EAAvBP,EAAA,KAAmB,GAAA,EAAA,KAAA,EAAA,CAAA,WAEvCM,EAEUE,EAAAC,CAAA,GAAA;AAAA;QAFO,SAASX,EAAA;AAAA,MAAA;mBACtB,MAAqC;AAAA,WAArCO,KAAAC,EAAqCC,EAArBN,EAAA,KAAiB,CAAA;AAAA,QAAA;;;;;;"}