@unicom-cloud/ui 0.8.95 → 0.8.97

package/image/ImagePreviewArrow.js

@@ -1,47 +1,47 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import d from "@unicom-cloud/icons/IconUiLeft";
 import p from "@unicom-cloud/icons/IconUiRight";
-import { useContext as w } from "react";
+import { useContext as v } from "react";
 import "../config-provider/ConfigProvider.js";
-import s from "@unicom-cloud/utils/class-name";
-import u from "../config-provider/context.js";
-function k(l) {
+import o from "@unicom-cloud/utils/class-name";
+import w from "../config-provider/context.js";
+function j(a) {
   const {
-    current: v,
-    previewCount: h,
+    current: u,
+    previewCount: x,
     infinite: C = !1,
-    disableLeft: n,
-    disableRight: m,
-    onPrev: i,
-    onNext: o
-  } = l, { getPrefixCls: t } = w(u), r = t == null ? void 0 : t("image-preview"), c = s(`${r}-arrow`);
+    disableLeft: t,
+    disableRight: s,
+    onPrev: n,
+    onNext: l
+  } = a, { getPrefixCls: m } = v(w), e = m?.("image-preview"), c = o(`${e}-arrow`);
   return /* @__PURE__ */ f("div", { className: c, children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "div",
       {
-        className: s(`${r}-arrow-left`, {
-          [`${r}-arrow-disabled`]: n
+        className: o(`${e}-arrow-left`, {
+          [`${e}-arrow-disabled`]: t
         }),
-        onClick: (a) => {
-          a.preventDefault(), !n && (i == null || i());
+        onClick: (i) => {
+          i.preventDefault(), !t && n?.();
         },
-        children: /* @__PURE__ */ e(d, {})
+        children: /* @__PURE__ */ r(d, {})
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "div",
       {
-        className: s(`${r}-arrow-right`, {
-          [`${r}-arrow-disabled`]: m
+        className: o(`${e}-arrow-right`, {
+          [`${e}-arrow-disabled`]: s
         }),
-        onClick: (a) => {
-          a.preventDefault(), !m && (o == null || o());
+        onClick: (i) => {
+          i.preventDefault(), !s && l?.();
         },
-        children: /* @__PURE__ */ e(p, {})
+        children: /* @__PURE__ */ r(p, {})
       }
     )
   ] });
 }
 export {
-  k as default
+  j as default
 };

package/image/ImagePreviewGroup.js

@@ -1,125 +1,125 @@
-import { jsxs as B, jsx as v } from "react/jsx-runtime";
+import { jsxs as B, jsx as m } from "react/jsx-runtime";
 import J from "lodash/isArray";
 import K from "lodash/isPlainObject";
 import Q from "lodash/isUndefined";
-import a, { forwardRef as T, useMemo as W, useState as X, useRef as g, useEffect as Y, useImperativeHandle as Z } from "react";
+import a, { forwardRef as T, useMemo as W, useState as X, useRef as P, useEffect as Y, useImperativeHandle as Z } from "react";
 import $ from "../components/common/hooks/useIsFirstRender.js";
-import x from "../components/common/hooks/useMergeValue.js";
+import g from "../components/common/hooks/useMergeValue.js";
 import ee from "./ImagePreview.js";
 import { PreviewGroupContext as re } from "./previewGroupContext.js";
-function te(I, C) {
+function ne(C, y) {
   const {
-    children: R,
+    children: x,
     srcList: u,
-    infinite: U,
-    current: b,
-    defaultCurrent: V,
-    onChange: l,
-    visible: G,
-    defaultVisible: h,
-    forceRender: D,
-    onVisibleChange: c,
+    infinite: I,
+    current: R,
+    defaultCurrent: U,
+    onChange: b,
+    visible: h,
+    defaultVisible: V,
+    forceRender: G,
+    onVisibleChange: D,
     ...N
-  } = I, [f, j] = x(!1, {
-    value: G,
-    defaultValue: h
+  } = C, [l, j] = g(!1, {
+    value: h,
+    defaultValue: V
   }), i = W(
     () => u ? new Map(u.map((e, r) => [r, { url: e, preview: !0 }])) : null,
     [u]
-  ), A = $(), d = () => i ? new Map(i) : /* @__PURE__ */ new Map(), [E, p] = X(d()), m = g(), F = m.current || /* @__PURE__ */ new Map(), M = (e) => {
-    m.current = e(m.current);
+  ), A = $(), w = () => i ? new Map(i) : /* @__PURE__ */ new Map(), [E, p] = X(w()), c = P(), F = c.current || /* @__PURE__ */ new Map(), v = (e) => {
+    c.current = e(c.current);
   };
   Y(() => {
-    A || p(d());
+    A || p(w());
   }, [i]);
-  const P = new Map(
+  const d = new Map(
     Array.from(E).filter(([, { preview: e }]) => e).map(([e, { url: r }]) => [e, r])
-  ), [L, S] = x(0, {
-    value: b,
-    defaultValue: V
+  ), [L, S] = g(0, {
+    value: R,
+    defaultValue: U
   });
-  function _(e, r, n) {
+  function _(e, r, t) {
     return i || p(
-      (s) => new Map(s).set(e, {
+      (o) => new Map(o).set(e, {
         url: r,
-        preview: n
+        preview: t
       })
     ), function() {
-      i || p((o) => {
-        const t = new Map(o);
-        return t.delete(e) ? t : o;
+      i || p((s) => {
+        const n = new Map(s);
+        return n.delete(e) ? n : s;
       });
     };
   }
   function H(e, r) {
-    return M(
-      (n) => new Map(n).set(e, K(r) ? r : {})
+    return v(
+      (t) => new Map(t).set(e, K(r) ? r : {})
     ), function() {
-      M((s) => {
-        const o = new Map(s);
-        return o.delete(e) ? o : s;
+      v((o) => {
+        const s = new Map(o);
+        return s.delete(e) ? s : o;
       });
     };
   }
-  const w = g();
-  Z(C, () => ({
+  const f = P();
+  Z(y, () => ({
     reset: () => {
-      w.current && w.current.reset();
+      f.current && f.current.reset();
     }
   }));
-  const y = (e, r) => {
-    const n = Q(r) ? f : r;
-    c == null || c(e, n), j(e);
+  const M = (e, r) => {
+    const t = Q(r) ? l : r;
+    D?.(e, t), j(e);
   }, O = (e) => {
-    l == null || l(e), S(e);
+    b?.(e), S(e);
   }, k = (e) => {
     let r = 0;
-    const n = (s) => {
-      const o = a.Children.map(s, (t) => t && t.props && t.type && t.type.displayName === "Image" ? a.cloneElement(t, { _index: r++ }) : t && t.props && t.props.children ? a.cloneElement(t, {
-        children: n(t.props.children)
-      }) : t);
-      return !J(s) && a.Children.count(s) === 1 ? o[0] : o;
+    const t = (o) => {
+      const s = a.Children.map(o, (n) => n && n.props && n.type && n.type.displayName === "Image" ? a.cloneElement(n, { _index: r++ }) : n && n.props && n.props.children ? a.cloneElement(n, {
+        children: t(n.props.children)
+      }) : n);
+      return !J(o) && a.Children.count(o) === 1 ? s[0] : s;
     };
-    return n(e);
+    return t(e);
   }, q = () => {
-    const e = Array.from(P.values());
-    return e.length > 0 ? /* @__PURE__ */ v("div", { style: { display: "none" }, children: e.map((r) => /* @__PURE__ */ v("img", { src: r }, r)) }) : null;
+    const e = Array.from(d.values());
+    return e.length > 0 ? /* @__PURE__ */ m("div", { style: { display: "none" }, children: e.map((r) => /* @__PURE__ */ m("img", { src: r }, r)) }) : null;
   };
   return /* @__PURE__ */ B(
     re.Provider,
     {
       value: {
         previewGroup: !0,
-        previewUrlMap: P,
+        previewUrlMap: d,
         previewPropsMap: F,
-        infinite: U,
+        infinite: I,
         currentIndex: L,
         setCurrentIndex: O,
         setPreviewUrlMap: p,
         registerPreviewUrl: _,
         registerPreviewProps: H,
-        visible: f,
-        handleVisibleChange: y
+        visible: l,
+        handleVisibleChange: M
       },
       children: [
-        k(R),
-        /* @__PURE__ */ v(
+        k(x),
+        /* @__PURE__ */ m(
           ee,
           {
-            ref: w,
+            ref: f,
             src: "",
-            visible: f,
-            onVisibleChange: y,
+            visible: l,
+            onVisibleChange: M,
             ...N
           }
         ),
-        D && q()
+        G && q()
       ]
     }
   );
 }
-const ne = T(te);
-ne.displayName = "ImagePreviewGroup";
+const te = T(ne);
+te.displayName = "ImagePreviewGroup";
 export {
-  ne as default
+  te as default
 };

package/image/util/getScale.js

@@ -1,8 +1,5 @@
-var o = Object.defineProperty;
-var c = (i, t, e) => t in i ? o(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var a = (i, t, e) => c(i, typeof t != "symbol" ? t + "" : t, e);
-import h from "lodash/isArray";
-const d = [
+import n from "lodash/isArray";
+const a = [
   25,
   33,
   50,
@@ -21,10 +18,10 @@ const d = [
   400,
   500
 ];
-class x {
-  constructor(t) {
-    a(this, "scaleAttr");
-    this.updateScale(t);
+class h {
+  scaleAttr;
+  constructor(r) {
+    this.updateScale(r);
   }
   get scales() {
     return this.scaleAttr;
@@ -35,40 +32,40 @@ class x {
   get maxScale() {
     return this.scaleAttr[this.scaleAttr.length - 1];
   }
-  updateScale(t) {
-    let e = d;
-    if (h(t) && t.filter((r) => r > 0).length && (e = t.filter((r) => r > 0)), e = e.map((r) => +(r / 100).toFixed(2)), !e.includes(1)) {
-      const r = this.findClosestIndex(1, e), l = e[r] < 1 ? r + 1 : r;
-      e.splice(l, 0, 1);
+  updateScale(r) {
+    let e = a;
+    if (n(r) && r.filter((t) => t > 0).length && (e = r.filter((t) => t > 0)), e = e.map((t) => +(t / 100).toFixed(2)), !e.includes(1)) {
+      const t = this.findClosestIndex(1, e), i = e[t] < 1 ? t + 1 : t;
+      e.splice(i, 0, 1);
     }
     this.scaleAttr = e;
   }
-  findClosestIndex(t, e = this.scaleAttr) {
+  findClosestIndex(r, e = this.scaleAttr) {
     if (!e.length)
       return;
     if (e.length === 1)
       return 0;
-    let r = e.length - 1;
+    let t = e.length - 1;
     for (let s = 0; s < e.length; s++) {
-      const l = e[s];
-      if (t === l) {
-        r = s;
+      const i = e[s];
+      if (r === i) {
+        t = s;
         break;
       }
-      if (t < l) {
-        const n = e[s - 1];
-        r = n === void 0 || Math.abs(n - t) <= Math.abs(l - t) ? s - 1 : s;
+      if (r < i) {
+        const l = e[s - 1];
+        t = l === void 0 || Math.abs(l - r) <= Math.abs(i - r) ? s - 1 : s;
         break;
       }
     }
-    return r;
+    return t;
   }
-  getNextScale(t, e = "zoomIn") {
-    let r = this.scaleAttr.indexOf(t);
-    return r === -1 && (r = this.findClosestIndex(t)), e === "zoomIn" ? r === this.scaleAttr.length - 1 ? t : this.scaleAttr[r + 1] : r === 0 ? t : this.scaleAttr[r - 1];
+  getNextScale(r, e = "zoomIn") {
+    let t = this.scaleAttr.indexOf(r);
+    return t === -1 && (t = this.findClosestIndex(r)), e === "zoomIn" ? t === this.scaleAttr.length - 1 ? r : this.scaleAttr[t + 1] : t === 0 ? r : this.scaleAttr[t - 1];
   }
 }
 export {
-  x as default,
-  d as defaultScales
+  h as default,
+  a as defaultScales
 };