@unicom-cloud/ui 0.8.89 → 0.8.91

package/color-picker/hooks/useColorPicker.js

@@ -0,0 +1,128 @@
+import "../../dist/tinycolor/chunk/DGZSWe7E.js";
+import { TinyColor as F } from "../../dist/tinycolor/src/index.js";
+import { useState as v, useRef as q, useMemo as M, useCallback as E, useEffect as y } from "react";
+import w from "../../components/common/hooks/useIsFirstRender.js";
+import T from "../../components/common/hooks/useMergeValue.js";
+import { ColorPickerMode as H } from "../interface.js";
+import { getModeByValue as ee, isGradientMode as R, isSingleMode as oe } from "../Mode.js";
+import { mapValueToGradientColor as te, getColorFromHsv as B, formatRgba as re, formatHex as ne, isEqualsColors as ie, equalsHsv as se, getRandomId as j } from "../utils.js";
+const me = (r) => {
+  var k;
+  const {
+    mode: z = H.Single,
+    defaultValue: D,
+    format: _,
+    onChange: h,
+    disabledAlpha: p
+  } = r, J = w(), [b, K] = T(!1, {
+    defaultValue: r.defaultPopupVisible,
+    value: r.popupVisible
+  }), [s, L] = v(
+    ee(
+      r.value,
+      D,
+      z
+    )
+  ), [n, N] = T(
+    s === H.Gradient ? void 0 : "",
+    r
+  ), [x, O] = v(
+    R(s) && Array.isArray(n) ? te(n, p) : []
+  ), [Q, U] = v((k = x[0]) == null ? void 0 : k.id), C = q(x), A = q(Q), t = C.current, V = A.current, m = (e) => {
+    O(e), C.current = typeof e == "function" ? e(C.current) : e;
+  }, S = (e) => {
+    U(e), A.current = e;
+  }, c = M(() => {
+    const e = t.findIndex(
+      (o) => o.id === V
+    );
+    return e !== -1 ? e : 0;
+  }, [t, V]), u = Array.isArray(n) ? new F(n[c].color).toHsv_() : new F(n).toHsv_(), [d, P] = v({
+    h: u.h,
+    s: u.s,
+    v: u.v
+  }), [i, I] = v(u.a), f = M(() => B(d), [d]), G = E(
+    (e, o, a, l) => _ === "rgb" ? re(e, o, a, l) : ne(e, o, a, l),
+    [_]
+  ), g = M(() => {
+    if (oe(s)) {
+      const { r: e, g: o, b: a } = f.rgb;
+      return G(e, o, a, i);
+    }
+    return t.map((e) => {
+      const { r: o, g: a, b: l } = e.color.rgb;
+      return {
+        color: G(o, a, l, e.alpha),
+        percent: e.percent
+      };
+    });
+  }, [s, t, f.rgb, G, i]);
+  y(() => {
+    N(g), !J && !ie(n, g) && (h == null || h(g));
+  }, [g]);
+  const W = E(
+    (e) => {
+      var o;
+      if (e && n !== g) {
+        const { h: a, s: l, v: Z, a: $ } = u;
+        P({ h: a, s: l, v: Z }), I($);
+      }
+      e !== b && ((o = r.onVisibleChange) == null || o.call(r, e), "popupVisible" in r || K(e));
+    },
+    [r.onVisibleChange, b, n]
+  ), X = (e) => {
+    P(e), p && i !== 100 && I(100);
+  }, Y = (e) => {
+    I(e);
+  };
+  return y(() => {
+    if (!R(s) || !t.length || se(t[c].color.hsv, d)) return;
+    const e = [...t];
+    e[c] = {
+      ...e[c],
+      color: B(d)
+    }, m(e);
+  }, [d]), y(() => {
+    if (!R(s) || !t.length || t[c].alpha === i) return;
+    const e = [...t];
+    e[c] = {
+      ...e[c],
+      alpha: p ? 100 : i
+    }, m(e);
+  }, [i]), {
+    value: n,
+    activeMode: s,
+    gradientColors: t,
+    gradientColorsRef: C,
+    activeColorId: V,
+    activeColorIdRef: A,
+    popupVisible: b,
+    color: f,
+    alpha: i,
+    onHsvChange: X,
+    onAlphaChange: Y,
+    onVisibleChange: W,
+    onActiveModeChange: (e) => {
+      var o;
+      e !== s && (e === H.Single ? S((o = t[0]) == null ? void 0 : o.id) : m([
+        {
+          id: j(),
+          color: f,
+          alpha: i,
+          percent: 0
+        },
+        {
+          id: j(),
+          color: f,
+          alpha: i,
+          percent: 100
+        }
+      ]), L(e));
+    },
+    onActiveColorIdChange: S,
+    onGradientColorsChange: m
+  };
+};
+export {
+  me as useColorPicker
+};

package/{chunk/k-OUstoD.js → color-picker/hooks/useControlBlock.js}

@@ -54,5 +54,5 @@ function M({
   };
 }
 export {
-  M as u
+  M as useControlBlock
 };

package/color-picker/index.js

@@ -1,15 +1,162 @@
-import "react/jsx-runtime";
-import "lodash/isFunction";
-import "lodash/isNil";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../copy/index.js";
-import "../chunk/BFTV6myl.js";
-import "../trigger/index.js";
-import "@unicom-cloud/utils/class-name";
-import "./colors.js";
-import { d as x } from "../chunk/CgyNQvYg.js";
-import "./utils.js";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import G from "lodash/isFunction";
+import S from "lodash/isNil";
+import D, { useContext as q } from "react";
+import "../config-provider/ConfigProvider.js";
+import J from "../copy/index.js";
+import K from "../components/common/hooks/useMergeProps.js";
+import L from "../trigger/index.js";
+import Q from "@unicom-cloud/utils/class-name";
+import { colors as U } from "./colors.js";
+import { ControlBar as kr } from "./ControlBar.js";
+import { useColorPicker as W } from "./hooks/useColorPicker.js";
+import { InputAlpha as yr } from "./InputAlpha.js";
+import { InputHex as Nr } from "./InputHex.js";
+import { InputRgb as br } from "./InputRgb.js";
+import { Palette as zr } from "./Palette.js";
+import { Panel as X } from "./Panel.js";
+import { getGradientString as Y, renderBackground as Z } from "./utils.js";
+import _ from "../config-provider/context.js";
+const d = {
+  size: "default",
+  presetColors: U
+};
+function rr(t, u) {
+  const {
+    getPrefixCls: n,
+    componentConfig: s,
+    size: g
+  } = q(_), l = K(
+    t,
+    { ...d, size: g || d.size },
+    s == null ? void 0 : s.ColorPicker
+  ), {
+    style: C,
+    className: f,
+    size: p,
+    mode: h,
+    disabled: i,
+    disabledAlpha: x = !1,
+    triggerProps: P = {},
+    unmountOnExit: k,
+    showText: v,
+    historyColors: y,
+    presetColors: I,
+    showHistory: N,
+    showPreset: A,
+    renderFooter: b
+  } = l, o = n == null ? void 0 : n("color-picker"), {
+    value: r,
+    activeMode: $,
+    gradientColors: z,
+    activeColorId: w,
+    activeColorIdRef: E,
+    popupVisible: R,
+    color: B,
+    alpha: H,
+    onHsvChange: M,
+    onAlphaChange: O,
+    onVisibleChange: T,
+    onActiveModeChange: V,
+    onGradientColorsChange: j,
+    onActiveColorIdChange: F
+  } = W(l);
+  return /* @__PURE__ */ e(
+    L,
+    {
+      popup: () => /* @__PURE__ */ e(
+        X,
+        {
+          value: r,
+          mode: h,
+          activeMode: $,
+          gradientColors: z,
+          activeColorId: w,
+          activeColorIdRef: E,
+          color: B,
+          alpha: H,
+          historyColors: y,
+          presetColors: I,
+          showHistory: N,
+          showPreset: A,
+          onHsvChange: M,
+          onAlphaChange: O,
+          onActiveModeChange: V,
+          onGradientColorsChange: j,
+          onActiveColorIdChange: F,
+          disabledAlpha: x,
+          renderFooter: b
+        }
+      ),
+      trigger: "click",
+      position: "bl",
+      popupAlign: {
+        top: 8,
+        bottom: 8,
+        left: 8,
+        right: 8
+      },
+      disabled: i,
+      popupVisible: R,
+      classNames: "slideDynamicOrigin",
+      unmountOnExit: k,
+      ...P,
+      onVisibleChange: T,
+      children: (() => {
+        const c = G(t.triggerElement) ? t.triggerElement({ value: r }) : t.triggerElement;
+        if (!S(c))
+          return c;
+        const a = typeof r == "string" ? r : Y(r);
+        return /* @__PURE__ */ m(
+          "div",
+          {
+            className: Q(o, f, {
+              [`${o}-size-${p}`]: p,
+              [`${o}-disabled`]: i
+            }),
+            style: C,
+            ref: u,
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: `${o}-preview`,
+                  style: Array.isArray(r) ? {
+                    background: Z(r)
+                  } : { backgroundColor: r }
+                }
+              ),
+              !!v && /* @__PURE__ */ m("div", { className: `${o}-value`, children: [
+                a,
+                !i && /* @__PURE__ */ e(J, { text: a, className: `${o}-copy` })
+              ] }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  className: `${o}-input`,
+                  value: a,
+                  disabled: i,
+                  readOnly: !0
+                }
+              ),
+              l.extra
+            ]
+          }
+        );
+      })()
+    }
+  );
+}
+const or = D.forwardRef(
+  rr
+);
+or.displayName = "ColorPicker";
 export {
-  x as default
+  kr as ColorPickerControlBar,
+  yr as ColorPickerInputAlpha,
+  Nr as ColorPickerInputHex,
+  br as ColorPickerInputRgb,
+  zr as ColorPickerPalette,
+  X as ColorPickerPanel,
+  or as default
 };

package/color-picker/utils.js

@@ -1,11 +1,12 @@
-import { c as s } from "../chunk/9TSjT7x_.js";
-const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Object.keys(t).reduce(
+import "../dist/tinycolor/chunk/DGZSWe7E.js";
+import { TinyColor as s } from "../dist/tinycolor/src/index.js";
+const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Object.keys(t).reduce(
   (e, o) => ({
     ...e,
     [o]: t[o] + (r[o] - t[o]) * n
   }),
   { ...t }
-), b = (t) => t.map(({ color: r, percent: n }) => `${r} ${n}%`).join(", "), w = (t) => `linear-gradient(to right, ${b(t)})`, G = (t) => Array.isArray(t) ? w(t) : t, k = (t, r, n, e) => e < 1 ? `rgba(${t}, ${r}, ${n}, ${e.toFixed(2)})` : `rgb(${t}, ${r}, ${n})`, q = (t, r, n, e) => e < 1 ? new s({ r: t, g: r, b: n, a: e }).toHexString() : new s({ r: t, g: r, b: n }).toHexString(), p = (t) => {
+), b = (t) => t.map(({ color: r, percent: n }) => `${r} ${n}%`).join(", "), w = (t) => `linear-gradient(to right, ${b(t)})`, k = (t) => Array.isArray(t) ? w(t) : t, q = (t, r, n, e) => e < 1 ? `rgba(${t}, ${r}, ${n}, ${e.toFixed(2)})` : `rgb(${t}, ${r}, ${n})`, A = (t, r, n, e) => e < 1 ? new s({ r: t, g: r, b: n, a: e }).toHexString() : new s({ r: t, g: r, b: n }).toHexString(), p = (t) => {
   const r = new s({
     h: t.h * 360,
     s: t.s * 100,
@@ -16,7 +17,7 @@ const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     rgb: n,
     hex: e
   };
-}, c = () => Math.random().toFixed(10).slice(2), A = (t, r) => t.map((n) => {
+}, c = () => Math.random().toFixed(10).slice(2), F = (t, r) => t.map((n) => {
   const e = new s(n.color).toHsv_();
   return {
     id: c(),
@@ -24,7 +25,7 @@ const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     alpha: r ? 100 : e.a,
     percent: n.percent
   };
-}), F = (t, r, n) => {
+}), S = (t, r, n) => {
   const e = t.findIndex((a) => a.percent === r);
   if (e !== -1)
     return {
@@ -51,20 +52,20 @@ const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
       a: x
     },
     (r - i) / (f - i)
-  ), { r: m, g: $, b: v, a: y } = h;
+  ), { r: m, g: $, b: y, a: v } = h;
   return {
     id: n ?? c(),
     color: p(
       new s({
         r: m,
         g: $,
-        b: v
+        b: y
       }).toHsv_()
     ),
-    alpha: y,
+    alpha: v,
     percent: r
   };
-}, S = (t, r) => t.h === r.h && t.s === r.s && t.v === r.v, C = (t, r) => t.r === r.r && t.g === r.g && t.b === r.b && t.a === r.a, j = (t, r) => typeof t == "string" && typeof r == "string" ? t === r : Array.isArray(t) && Array.isArray(r) ? t.length === r.length && t.every((n, e) => {
+}, j = (t, r) => t.h === r.h && t.s === r.s && t.v === r.v, C = (t, r) => t.r === r.r && t.g === r.g && t.b === r.b && t.a === r.a, P = (t, r) => typeof t == "string" && typeof r == "string" ? t === r : Array.isArray(t) && Array.isArray(r) ? t.length === r.length && t.every((n, e) => {
   const o = r[e];
   return C(
     new s(n.color).toRgba(),
@@ -72,18 +73,18 @@ const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
   ) && n.percent === o.percent;
 }) : !1;
 export {
-  S as equalsHsv,
+  j as equalsHsv,
   C as equalsRgba,
-  q as formatHex,
-  k as formatRgba,
-  F as getColorByGradients,
+  A as formatHex,
+  q as formatRgba,
+  S as getColorByGradients,
   p as getColorFromHsv,
   b as getGradientString,
   c as getRandomId,
-  j as isEqualsColors,
-  A as mapValueToGradientColor,
+  P as isEqualsColors,
+  F as mapValueToGradientColor,
   H as mix,
-  G as renderBackground,
+  k as renderBackground,
   w as renderGradientBackground,
-  R as sortGradientColors
+  G as sortGradientColors
 };

package/comment/index.js

@@ -1,11 +1,12 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import N from "lodash/isPlainObject";
 import g from "lodash/isString";
-import { forwardRef as u, useContext as v } from "react";
-import { a as C } from "../chunk/B44Hj5ad.js";
-import { u as x } from "../chunk/BFTV6myl.js";
+import { forwardRef as v, useContext as u } from "react";
+import "../config-provider/ConfigProvider.js";
+import C from "../components/common/hooks/useMergeProps.js";
 import f from "@unicom-cloud/utils/class-name";
-import { a as j } from "../chunk/ClqoGc3r.js";
+import { pickDataAttributes as x } from "../components/common/utils/pick.js";
+import j from "../config-provider/context.js";
 const y = {
   datetime: "left",
   actions: "left"
@@ -13,15 +14,15 @@ const y = {
   align: "left"
 };
 function A(p, $) {
-  const { getPrefixCls: s, componentConfig: r, rtl: h } = v(C), a = x(
+  const { getPrefixCls: s, componentConfig: r, rtl: h } = u(j), e = C(
     p,
     b,
     r == null ? void 0 : r.Comment
-  ), t = s == null ? void 0 : s("comment"), { actions: o, author: l, avatar: i, content: c, datetime: m } = a, d = {
+  ), t = s == null ? void 0 : s("comment"), { actions: l, author: m, avatar: i, content: c, datetime: o } = e, d = {
     ...y,
-    ...N(a.align) ? a.align : {
-      datetime: a.align,
-      actions: a.align
+    ...N(e.align) ? e.align : {
+      datetime: e.align,
+      actions: e.align
     }
   };
   return /* @__PURE__ */ n(
@@ -31,40 +32,40 @@ function A(p, $) {
       className: f(
         `${t}`,
         { [`${t}-rtl`]: h },
-        a.className
+        e.className
       ),
-      style: a.style,
-      ...j(a),
+      style: e.style,
+      ...x(e),
       children: [
-        i && /* @__PURE__ */ e("div", { className: f(`${t}-avatar`), children: g(i) ? /* @__PURE__ */ e("img", { src: i, alt: "comment-avatar" }) : i }),
+        i && /* @__PURE__ */ a("div", { className: f(`${t}-avatar`), children: g(i) ? /* @__PURE__ */ a("img", { src: i, alt: "comment-avatar" }) : i }),
         /* @__PURE__ */ n("div", { className: `${t}-inner`, children: [
           /* @__PURE__ */ n("div", { className: `${t}-inner-content`, children: [
-            (l || m) && /* @__PURE__ */ n(
+            (m || o) && /* @__PURE__ */ n(
               "div",
               {
                 className: `${t}-title ${t}-title-align-${d.datetime}`,
                 children: [
-                  l && /* @__PURE__ */ e("span", { className: `${t}-author`, children: l }),
-                  m && /* @__PURE__ */ e("span", { className: `${t}-datetime`, children: m })
+                  m && /* @__PURE__ */ a("span", { className: `${t}-author`, children: m }),
+                  o && /* @__PURE__ */ a("span", { className: `${t}-datetime`, children: o })
                 ]
               }
             ),
-            c && /* @__PURE__ */ e("div", { className: `${t}-content`, children: c }),
-            o && /* @__PURE__ */ e(
+            c && /* @__PURE__ */ a("div", { className: `${t}-content`, children: c }),
+            l && /* @__PURE__ */ a(
               "div",
               {
                 className: `${t}-actions ${t}-actions-align-${d.actions}`,
-                children: o
+                children: l
               }
             )
           ] }),
-          a.children && /* @__PURE__ */ e("div", { className: `${t}-inner-comment`, children: a.children })
+          e.children && /* @__PURE__ */ a("div", { className: `${t}-inner-comment`, children: e.children })
         ] })
       ]
     }
   );
 }
-const P = u(
+const P = v(
   A
 );
 P.displayName = "Comment";

package/components/common/development/index.js

@@ -0,0 +1,32 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import n from "@unicom-cloud/icons/IconFluentFlatHourglassNotDone";
+import a from "@unicom-cloud/utils/class-name";
+import { UI_COMMON_PREFIX as o } from "@unicom-cloud/utils/constant/ui";
+import s from "lodash/uniqBy";
+import c from "lodash/uniqWith";
+import { forwardRef as f, useEffect as u, useImperativeHandle as x } from "react";
+function N(e, i) {
+  c([], (t) => t.xxx), s([{ x: 1 }, { x: 2 }, { x: 1 }], "x");
+  const m = `${o}-development`;
+  return u(() => () => {
+  }, []), x(i, () => ({})), /* @__PURE__ */ r("div", { className: a(m, e.className), children: [
+    e.url ? /* @__PURE__ */ l(
+      "img",
+      {
+        className: a(`${m}-img`, e.imgClassName),
+        src: e.url
+      },
+      "img"
+    ) : e.icon ?? /* @__PURE__ */ l(
+      n,
+      {
+        className: a(`${m}-icon`, e.iconClassName)
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: a(`${m}-label`, e.labelClassName), children: e.tip ?? e.label ?? "等待开发" })
+  ] });
+}
+const h = f(N);
+export {
+  h as default
+};

package/components/common/empty/index.js

@@ -0,0 +1,17 @@
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import N from "@unicom-cloud/icons/IconUiEmpty";
+import { UI_COMMON_PREFIX as y } from "@unicom-cloud/utils/constant/ui";
+import { memo as x, forwardRef as $ } from "react";
+import g from "@unicom-cloud/utils/class-name";
+function h(i, t) {
+  const { style: o, className: a, description: m, icon: c, imgSrc: r, prefixCls: p, ...n } = i, e = p ?? `${y}-empty`, l = g(e, a), d = typeof m == "string" ? m : "empty";
+  return /* @__PURE__ */ s("div", { ref: t, className: l, style: o, ...n, children: /* @__PURE__ */ f("div", { className: `${e}-wrapper`, children: [
+    /* @__PURE__ */ s("div", { className: `${e}-image`, children: r ? /* @__PURE__ */ s("img", { alt: d, src: r }) : c || /* @__PURE__ */ s(N, {}) }),
+    /* @__PURE__ */ s("div", { className: `${e}-description`, children: m || "无数据" })
+  ] }) });
+}
+const v = x($(h));
+v.displayName = "Empty";
+export {
+  v as default
+};

package/components/common/higher-order/with-speech-synthesis/index.js

@@ -0,0 +1,61 @@
+import { jsx as r } from "react/jsx-runtime";
+import y from "@unicom-cloud/icons/IconUiMute";
+import I from "@unicom-cloud/icons/IconUiPauseCircleFill";
+import x from "@unicom-cloud/icons/IconUiPlayCircleFill";
+import C from "@unicom-cloud/icons/IconUiSound";
+import { memo as U, forwardRef as g, useState as v, useEffect as F, useImperativeHandle as H } from "react";
+function T(m) {
+  function h(S, d) {
+    const { useButton: k = !0, buttonProps: t, ...i } = S ?? {}, [l, s] = v(!1);
+    function f() {
+      var n, e;
+      (e = (n = window.speechSynthesis) == null ? void 0 : n.cancel) == null || e.call(n);
+    }
+    function w() {
+      var c, o, p;
+      let n = ((c = i.getText) == null ? void 0 : c.call(i)) || i.text, e = new SpeechSynthesisUtterance(n);
+      e.onstart = function() {
+        s(!0);
+      }, e.onerror = () => {
+        s(!1);
+      }, e.onmark = () => {
+      }, e.onpause = () => {
+        s(!1);
+      }, e.onresume = () => {
+        s(!0);
+      }, e.onboundary = () => {
+      }, e.onend = () => {
+        s(!1);
+      }, (p = (o = window.speechSynthesis) == null ? void 0 : o.speak) == null || p.call(o, e);
+    }
+    function u(n) {
+      var e;
+      f(), l || w(), (e = t == null ? void 0 : t.onClick) == null || e.call(t, n);
+    }
+    let a;
+    if (window.speechSynthesis && window.SpeechSynthesisUtterance)
+      if (k) {
+        let { label: n, text: e, children: c, ...o } = t ?? {};
+        a = /* @__PURE__ */ r(
+          m,
+          {
+            ...i,
+            type: "text",
+            size: "mini",
+            icon: l ? /* @__PURE__ */ r(y, {}) : /* @__PURE__ */ r(C, {}),
+            ...o,
+            onClick: u,
+            children: n || e || c
+          }
+        );
+      } else
+        a = /* @__PURE__ */ r(l ? I : x, { ...i.iconProps, onClick: u });
+    return F(() => () => {
+      f();
+    }, []), H(d, () => ({})), a;
+  }
+  return U(g(h));
+}
+export {
+  T as default
+};

package/{chunk/DxVvggX2.js → components/common/hooks/useComputedState.js}

@@ -1,5 +1,5 @@
 import { useState as o, useEffect as u } from "react";
-function f(t, e) {
+function r(t, e) {
   const [s, a] = o(t());
   return u(() => {
     const n = t();
@@ -7,5 +7,5 @@ function f(t, e) {
   }, [e]), s;
 }
 export {
-  f as u
+  r as default
 };

package/components/common/hooks/useCreate.js

@@ -0,0 +1,8 @@
+import r from "react";
+function f(t) {
+  const e = r.useRef(!1);
+  e.current === !1 && (t(), e.current = !0);
+}
+export {
+  f as default
+};

package/components/common/hooks/useForceUpdate.js

@@ -0,0 +1,8 @@
+import { useReducer as r } from "react";
+function c() {
+  const [n, e] = r((t) => (t + 1) % 27, 0);
+  return e;
+}
+export {
+  c as default
+};

package/{chunk/B4YRLi8r.js → components/common/hooks/useId.js}

@@ -1,11 +1,11 @@
-import { useState as u, useEffect as e } from "react";
+import { useState as e, useEffect as u } from "react";
 const n = {};
-function c(t) {
-  const [o, s] = u();
-  return e(() => {
+function d(t) {
+  const [o, s] = e();
+  return u(() => {
     n[t] = t in n ? n[t] : 0, s(n[t]), n[t] += 1;
   }, []), typeof o == "number" ? `${t}${o}` : void 0;
 }
 export {
-  c as u
+  d as default
 };