@unicom-cloud/ui 0.8.44 → 0.8.46

package/image/ImagePreviewArrow.js

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

package/image/ImagePreviewGroup.js

@@ -0,0 +1,125 @@
+import { jsxs as B, jsx as v } 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 $ from "../hooks/useIsFirstRender.js";
+import x from "../hooks/useMergeValue.js";
+import ee from "./ImagePreview.js";
+import { PreviewGroupContext as re } from "./previewGroupContext.js";
+function te(I, C) {
+  const {
+    children: R,
+    srcList: u,
+    infinite: U,
+    current: b,
+    defaultCurrent: V,
+    onChange: l,
+    visible: G,
+    defaultVisible: h,
+    forceRender: D,
+    onVisibleChange: c,
+    ...N
+  } = I, [f, j] = x(!1, {
+    value: G,
+    defaultValue: h
+  }), 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);
+  };
+  Y(() => {
+    A || p(d());
+  }, [i]);
+  const P = new Map(
+    Array.from(E).filter(([, { preview: e }]) => e).map(([e, { url: r }]) => [e, r])
+  ), [L, S] = x(0, {
+    value: b,
+    defaultValue: V
+  });
+  function _(e, r, n) {
+    return i || p(
+      (s) => new Map(s).set(e, {
+        url: r,
+        preview: n
+      })
+    ), function() {
+      i || p((o) => {
+        const t = new Map(o);
+        return t.delete(e) ? t : o;
+      });
+    };
+  }
+  function H(e, r) {
+    return M(
+      (n) => new Map(n).set(e, K(r) ? r : {})
+    ), function() {
+      M((s) => {
+        const o = new Map(s);
+        return o.delete(e) ? o : s;
+      });
+    };
+  }
+  const w = g();
+  Z(C, () => ({
+    reset: () => {
+      w.current && w.current.reset();
+    }
+  }));
+  const y = (e, r) => {
+    const n = Q(r) ? f : r;
+    c == null || c(e, n), j(e);
+  }, O = (e) => {
+    l == null || l(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;
+    };
+    return n(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;
+  };
+  return /* @__PURE__ */ B(
+    re.Provider,
+    {
+      value: {
+        previewGroup: !0,
+        previewUrlMap: P,
+        previewPropsMap: F,
+        infinite: U,
+        currentIndex: L,
+        setCurrentIndex: O,
+        setPreviewUrlMap: p,
+        registerPreviewUrl: _,
+        registerPreviewProps: H,
+        visible: f,
+        handleVisibleChange: y
+      },
+      children: [
+        k(R),
+        /* @__PURE__ */ v(
+          ee,
+          {
+            ref: w,
+            src: "",
+            visible: f,
+            onVisibleChange: y,
+            ...N
+          }
+        ),
+        D && q()
+      ]
+    }
+  );
+}
+const ne = T(te);
+ne.displayName = "ImagePreviewGroup";
+export {
+  ne as default
+};

package/image/ImagePreviewToolbar.js

@@ -0,0 +1,98 @@
+import { jsx as o, jsxs as k } from "react/jsx-runtime";
+import L from "@unicom-cloud/icons/IconUiMore";
+import { forwardRef as O } from "react";
+import P from "../Tooltip.js";
+import $ from "@unicom-cloud/utils/class-name";
+import { TriggerForToolbar as j } from "./TriggerForToolbar.js";
+const D = (c, N) => {
+  const {
+    prefixCls: v,
+    previewPrefixCls: t,
+    simple: r = !1,
+    actions: m = [],
+    actionsLayout: a = [],
+    defaultActions: C = []
+  } = c, l = new Set(a), p = (e) => l.has(e.key), w = [
+    ...C.filter(p),
+    ...m.filter(p)
+  ], I = m.filter(
+    (e) => !l.has(e.key)
+  ), f = w.sort((e, n) => {
+    const i = a.indexOf(e.key), s = a.indexOf(n.key);
+    return i > s ? 1 : -1;
+  });
+  if (l.has("extra")) {
+    const e = a.indexOf("extra");
+    f.splice(e, 0, ...I);
+  }
+  const u = (e, n = !1) => {
+    const { content: i, disabled: s, key: A, name: h, getContainer: b, onClick: y, ...T } = e, g = /* @__PURE__ */ k(
+      "div",
+      {
+        className: $(`${t}-toolbar-action`, {
+          [`${t}-toolbar-action-disabled`]: s
+        }),
+        onClick: (d) => {
+          !s && y && y(d);
+        },
+        onMouseDown: (d) => {
+          d.preventDefault();
+        },
+        ...T,
+        children: [
+          i && /* @__PURE__ */ o("span", { className: `${t}-toolbar-action-content`, children: i }),
+          n && h && /* @__PURE__ */ o("span", { className: `${t}-toolbar-action-name`, children: h })
+        ]
+      },
+      A
+    );
+    return b ? b(g) : g;
+  };
+  if (!f.length) return null;
+  const x = f.map((e) => {
+    const n = u(e, r);
+    return !r && e.name && !e.getContainer ? /* @__PURE__ */ o(
+      P,
+      {
+        content: e.name,
+        className: `${t}-toolbar-tooltip`,
+        children: n
+      },
+      e.key
+    ) : n;
+  });
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: N,
+      className: $(
+        `${t}-toolbar`,
+        {
+          [`${t}-toolbar-simple`]: r
+        },
+        c.className
+      ),
+      style: c.style,
+      children: [
+        r && /* @__PURE__ */ o(
+          j,
+          {
+            prefixCls: v,
+            className: `${t}-trigger`,
+            popup: () => /* @__PURE__ */ o("div", { children: x }),
+            children: u({
+              key: "trigger",
+              content: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(L, {}) })
+            })
+          }
+        ),
+        !r && x
+      ]
+    }
+  );
+}, q = O(
+  D
+);
+export {
+  q as default
+};

package/image/TriggerForToolbar.js

@@ -0,0 +1,10 @@
+import { jsx as c } from "react/jsx-runtime";
+import l from "../Trigger.js";
+import i from "@unicom-cloud/utils/class-name";
+const N = (r) => {
+  const { style: s, className: o, prefixCls: e, popup: a, children: m } = r, t = i(`${e}-trigger`, o);
+  return /* @__PURE__ */ c(l, { style: s, className: t, popup: a, showArrow: !0, children: m });
+};
+export {
+  N as TriggerForToolbar
+};

package/image/previewGroupContext.js

@@ -0,0 +1,17 @@
+import { createContext as e } from "react";
+const l = e({
+  previewGroup: !1,
+  previewUrlMap: /* @__PURE__ */ new Map(),
+  previewPropsMap: /* @__PURE__ */ new Map(),
+  infinite: !0,
+  currentIndex: 0,
+  setCurrentIndex: () => null,
+  setPreviewUrlMap: () => null,
+  registerPreviewUrl: () => null,
+  registerPreviewProps: () => null,
+  visible: !1,
+  handleVisibleChange: () => null
+});
+export {
+  l as PreviewGroupContext
+};

package/image/util/getFixTranslate.js

@@ -0,0 +1,7 @@
+function s(f, t, b, l, h) {
+  let o = b, i = l;
+  return b && (f.width > t.width ? o = 0 : (t.left > f.left && (o -= Math.abs(f.left - t.left) / h), t.right < f.right && (o += Math.abs(f.right - t.right) / h))), l && (f.height > t.height ? i = 0 : (t.top > f.top && (i -= Math.abs(f.top - t.top) / h), t.bottom < f.bottom && (i += Math.abs(f.bottom - t.bottom) / h))), [o, i];
+}
+export {
+  s as default
+};

package/image/util/getScale.js

@@ -0,0 +1,72 @@
+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 = [
+  25,
+  33,
+  50,
+  67,
+  75,
+  80,
+  90,
+  100,
+  110,
+  125,
+  150,
+  175,
+  200,
+  250,
+  300,
+  400,
+  500
+];
+class x {
+  constructor(t) {
+    a(this, "scaleAttr");
+    this.updateScale(t);
+  }
+  get scales() {
+    return this.scaleAttr;
+  }
+  get minScale() {
+    return this.scaleAttr[0];
+  }
+  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);
+    }
+    this.scaleAttr = e;
+  }
+  findClosestIndex(t, e = this.scaleAttr) {
+    if (!e.length) return;
+    if (e.length === 1) return 0;
+    let r = e.length - 1;
+    for (let s = 0; s < e.length; s++) {
+      const l = e[s];
+      if (t === l) {
+        r = 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;
+        break;
+      }
+    }
+    return r;
+  }
+  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];
+  }
+}
+export {
+  x as default,
+  d as defaultScales
+};

package/image/util/hook/useImageStatus.js

@@ -0,0 +1,16 @@
+import { useState as t } from "react";
+function u(s) {
+  const [o, a] = t(s);
+  return {
+    status: o,
+    isBeforeLoad: o === "beforeLoad",
+    isLoading: o === "loading",
+    isError: o === "error",
+    isLoaded: o === "loaded",
+    isLazyLoad: o === "lazyload",
+    setStatus: a
+  };
+}
+export {
+  u as default
+};

package/image/util/hook/useShowFooter.js

@@ -0,0 +1,7 @@
+function r(n) {
+  const { title: e, description: c, actions: o } = n, t = e || c, s = o && o.length;
+  return [t || s, t, s];
+}
+export {
+  r as default
+};