@unicom-cloud/ui 0.8.44 → 0.8.46

package/upload/list/TextItem.js

@@ -0,0 +1,99 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import U from "@unicom-cloud/icons/IconUiDelete";
+import N from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import $ from "@unicom-cloud/icons/IconUiFile";
+import b from "@unicom-cloud/icons/IconUiFileAudio";
+import v from "@unicom-cloud/icons/IconUiFileImage";
+import F from "@unicom-cloud/icons/IconUiFilePdf";
+import R from "@unicom-cloud/icons/IconUiFileVideo";
+import c from "lodash/isFunction";
+import { forwardRef as O } from "react";
+import y from "../../hooks/useKeyboardEvent.js";
+import T from "../../IconHover.js";
+import j from "../../Tooltip.js";
+import { STATUS as d } from "../interface.js";
+import { isObject as g } from "../../utils/is.js";
+import L from "./UploadProgress.js";
+const w = (e) => {
+  let n = "";
+  if (e.originFile && e.originFile.type)
+    n = e.originFile.type;
+  else {
+    const a = (e.name || "").split(".").pop() || "";
+    n = a, ["png", "jpg", "jpeg", "bmp", "gif"].indexOf(a) > -1 ? n = "image" : ["mp4", "m2v", "mkv"].indexOf(a) > -1 ? n = "video" : ["mp3", "wav", "wmv"].indexOf(a) > -1 && (n = "audio");
+  }
+  return n.indexOf("image") > -1 ? v : n.indexOf("pdf") > -1 ? F : n.indexOf("audio") > -1 ? b : n.indexOf("video") > -1 ? R : $;
+}, P = (e, n) => {
+  const { prefixCls: r, disabled: a, file: i, locale: f } = e, t = `${r}-list-item-text`, x = y(), I = w(i), s = g(e.showUploadList) ? e.showUploadList : {}, l = g(s) ? s : {}, p = i.name || i.originFile && i.originFile.name, h = i.url !== void 0 ? i.url : i.originFile && c(URL.createObjectURL) && URL.createObjectURL(i.originFile);
+  let u = {};
+  return i.status !== d.fail && (u = {
+    popupVisible: !1
+  }), /* @__PURE__ */ m(
+    "div",
+    {
+      className: `${r}-list-item ${r}-list-item-${i.status}`,
+      ref: n,
+      children: [
+        /* @__PURE__ */ m("div", { className: t, children: [
+          e.listType === "picture-list" && /* @__PURE__ */ o("div", { className: `${t}-thumbnail`, children: c(s.imageRender) ? s.imageRender(i) : /* @__PURE__ */ o("img", { src: h }) }),
+          /* @__PURE__ */ m("div", { className: `${t}-content`, children: [
+            /* @__PURE__ */ m("div", { className: `${t}-name`, children: [
+              e.listType === "text" && l.fileIcon !== null && /* @__PURE__ */ o("span", { className: `${r}-list-file-icon`, children: l.fileIcon || /* @__PURE__ */ o(I, {}) }),
+              c(s.fileName) ? /* @__PURE__ */ o("span", { className: `${t}-name-text`, children: s.fileName(i) }) : i.url ? /* @__PURE__ */ o(
+                "a",
+                {
+                  href: i.url,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  className: `${t}-name-link`,
+                  children: p
+                }
+              ) : /* @__PURE__ */ o("span", { className: `${t}-name-text`, children: p }),
+              i.status === d.fail && l.errorIcon !== null && /* @__PURE__ */ o(
+                j,
+                {
+                  content: i.response || f.Upload.error,
+                  ...u,
+                  disabled: i.status !== d.fail,
+                  children: /* @__PURE__ */ o("span", { className: `${e.prefixCls}-list-error-icon`, children: l.errorIcon || (e.listType === "picture-card" ? /* @__PURE__ */ o(v, {}) : /* @__PURE__ */ o(N, {})) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ o(
+              L,
+              {
+                file: i,
+                prefixCls: r,
+                progressProps: e.progressProps,
+                onReupload: e.onReupload,
+                onUpload: e.onUpload,
+                onAbort: e.onAbort,
+                ...l
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ o("div", { className: `${r}-list-item-operation`, children: !a && l.removeIcon !== null && /* @__PURE__ */ o(
+          T,
+          {
+            className: `${r}-list-remove-icon-hover`,
+            onClick: () => {
+              e.onRemove && e.onRemove(i);
+            },
+            tabIndex: 0,
+            "aria-label": f.Upload.delete,
+            ...x({
+              onPressEnter: () => {
+                e.onRemove && e.onRemove(i);
+              }
+            }),
+            children: /* @__PURE__ */ o("span", { className: `${r}-list-remove-icon`, children: l.removeIcon || /* @__PURE__ */ o(U, {}) })
+          }
+        ) })
+      ]
+    }
+  );
+}, Q = O(P);
+export {
+  Q as default
+};

package/upload/list/UploadProgress.js

@@ -0,0 +1,97 @@
+import { jsxs as C, Fragment as $, jsx as i } from "react/jsx-runtime";
+import w from "@unicom-cloud/icons/IconUiCheck";
+import N from "@unicom-cloud/icons/IconUiPause";
+import k from "@unicom-cloud/icons/IconUiPlayArrowFill";
+import E from "@unicom-cloud/icons/IconUiUpload";
+import T from "lodash/isFunction";
+import { useContext as A } from "react";
+/* empty css                     */
+import "../../config-provider/ConfigProvider.js";
+import R from "../../hooks/useKeyboardEvent.js";
+import v from "../../Progress.js";
+import g from "../../Tooltip.js";
+import { STATUS as o } from "../interface.js";
+import { ConfigContext as F } from "../../config-provider/context.js";
+const Q = (n) => {
+  var f, I, U, h, b, x;
+  const r = R(), { file: c, prefixCls: l, progressProps: s, progressRender: d } = n, { locale: t } = A(F), { status: a, percent: P = 0 } = c, m = `${l}-list`, y = s && s.width ? { width: s.width } : {}, u = /* @__PURE__ */ C($, { children: [
+    a === o.fail && n.reuploadIcon !== null && /* @__PURE__ */ i(
+      "span",
+      {
+        className: `${l}-list-reupload-icon`,
+        onClick: () => {
+          var e;
+          (e = n.onReupload) == null || e.call(n, c);
+        },
+        tabIndex: 0,
+        role: "button",
+        "aria-label": (f = t == null ? void 0 : t.Upload) == null ? void 0 : f.reupload,
+        ...r({
+          onPressEnter: () => {
+            var e;
+            (e = n.onReupload) == null || e.call(n, c);
+          }
+        }),
+        children: n.reuploadIcon || (n.listType === "picture-card" ? /* @__PURE__ */ i(E, {}) : (I = t == null ? void 0 : t.Upload) == null ? void 0 : I.reupload)
+      }
+    ),
+    a === o.success && n.successIcon !== null && /* @__PURE__ */ i("span", { className: `${l}-list-success-icon`, children: n.successIcon || /* @__PURE__ */ i(w, {}) }),
+    a !== o.success && /* @__PURE__ */ C("div", { className: `${m}-status`, style: y, children: [
+      /* @__PURE__ */ i(
+        v,
+        {
+          showText: !1,
+          className: `${m}-progress`,
+          type: "circle",
+          status: a === o.fail ? "error" : a === o.success ? "success" : "normal",
+          percent: P,
+          size: "mini",
+          ...s
+        }
+      ),
+      a === o.init && n.startIcon !== null && /* @__PURE__ */ i(
+        "span",
+        {
+          tabIndex: 0,
+          role: "button",
+          "aria-label": (U = t == null ? void 0 : t.Upload) == null ? void 0 : U.start,
+          className: `${l}-list-start-icon`,
+          onClick: () => {
+            var e;
+            (e = n.onUpload) == null || e.call(n, c);
+          },
+          ...r({
+            onPressEnter: () => {
+              var e;
+              (e = n.onUpload) == null || e.call(n, c);
+            }
+          }),
+          children: n.startIcon || /* @__PURE__ */ i(g, { content: (h = t == null ? void 0 : t.Upload) == null ? void 0 : h.start, children: /* @__PURE__ */ i(k, {}) })
+        }
+      ),
+      a === o.uploading && n.cancelIcon !== null && /* @__PURE__ */ i(
+        "span",
+        {
+          className: `${n.prefixCls}-list-cancel-icon`,
+          onClick: () => {
+            var e;
+            (e = n.onAbort) == null || e.call(n, c);
+          },
+          tabIndex: 0,
+          "aria-label": (b = t == null ? void 0 : t.Upload) == null ? void 0 : b.cancel,
+          ...r({
+            onPressEnter: () => {
+              var e;
+              (e = n.onAbort) == null || e.call(n, c);
+            }
+          }),
+          children: n.cancelIcon || /* @__PURE__ */ i(g, { content: (x = t == null ? void 0 : t.Upload) == null ? void 0 : x.cancel, children: /* @__PURE__ */ i(N, {}) })
+        }
+      )
+    ] })
+  ] });
+  return T(d) ? d(c, u) : u;
+};
+export {
+  Q as default
+};

package/upload/list/index.js

@@ -0,0 +1,120 @@
+import { jsx as n, jsxs as y, Fragment as L } from "react/jsx-runtime";
+import { TransitionGroup as P } from "@unicom-cloud/react-transition-group";
+import c from "lodash/isFunction";
+import { useContext as N, useState as E, useMemo as U } from "react";
+/* empty css                     */
+import "../../config-provider/ConfigProvider.js";
+import F from "../../image/ImagePreviewGroup.js";
+import { STATUS as g } from "../interface.js";
+import p from "../../utils/CSSTransition.js";
+import T from "@unicom-cloud/utils/class-name";
+import b from "./PictureItem.js";
+import S from "./TextItem.js";
+import { ConfigContext as j } from "../../config-provider/context.js";
+const R = (i) => {
+  const { locale: d, rtl: v } = N(j), {
+    listType: s,
+    fileList: o,
+    renderUploadList: h,
+    renderUploadItem: f,
+    prefixCls: r,
+    ...w
+  } = i, [u, $] = E(-1), C = U(() => o.map((e) => {
+    let l = e.url;
+    return e.url === void 0 && [g.init, g.success].indexOf(e.status) > -1 && (l = e.originFile && c(URL.createObjectURL) && URL.createObjectURL(e.originFile)), l;
+  }).filter(Boolean), [o]);
+  if (c(h))
+    return /* @__PURE__ */ n("div", { className: `${r}-list`, children: h(o, w) });
+  const a = (e) => {
+    i.imagePreview && $(e);
+  };
+  return /* @__PURE__ */ y(L, { children: [
+    /* @__PURE__ */ n(
+      P,
+      {
+        className: T(
+          `${r}-list`,
+          `${r}-list-type-${s}`,
+          {
+            [`${r}-list-rtl`]: v
+          }
+        ),
+        children: o.map((e, l) => {
+          let m = s === "picture-card" ? /* @__PURE__ */ n(
+            "div",
+            {
+              className: `${r}-list-item ${r}-list-item-${e.status}`,
+              children: /* @__PURE__ */ n(
+                b,
+                {
+                  ...i,
+                  onPreview: (t) => {
+                    var x;
+                    a(l), (x = i.onPreview) == null || x.call(i, t);
+                  },
+                  file: e,
+                  locale: d
+                }
+              )
+            }
+          ) : /* @__PURE__ */ n(S, { ...i, file: e, locale: d });
+          return c(f) && (m = f(m, e, o)), s === "picture-card" ? /* @__PURE__ */ n(
+            p,
+            {
+              timeout: { enter: 200, exit: 400 },
+              classNames: `${r}-slide-inline`,
+              onEntered: (t) => {
+                t && (t.style.width = "");
+              },
+              onExit: (t) => {
+                t && (t.style.width = `${t.scrollWidth}px`);
+              },
+              onExiting: (t) => {
+                t && (t.style.width = 0);
+              },
+              onExited: (t) => {
+                t && (t.style.width = 0);
+              },
+              children: m
+            },
+            e.uid
+          ) : /* @__PURE__ */ n(
+            p,
+            {
+              timeout: { enter: 200, exit: 400 },
+              classNames: `${r}-slide-up`,
+              onExit: (t) => {
+                t && (t.style.height = `${t.scrollHeight}px`);
+              },
+              onExiting: (t) => {
+                t && (t.style.height = 0);
+              },
+              onExited: (t) => {
+                t && (t.style.height = 0);
+              },
+              children: m
+            },
+            e.uid
+          );
+        })
+      }
+    ),
+    s === "picture-card" && i.imagePreview && /* @__PURE__ */ n(
+      F,
+      {
+        srcList: C,
+        visible: u !== -1,
+        current: u,
+        onChange: a,
+        onVisibleChange: (e) => {
+          a(e ? u : -1);
+        }
+      }
+    )
+  ] });
+};
+R.displayName = "FileList";
+export {
+  R as FileList,
+  R as default
+};

package/upload/request.js

@@ -0,0 +1,51 @@
+import { NOOP as c } from "../utils/constant.js";
+function d(o) {
+  const n = o.responseText || o.response;
+  if (!n)
+    return n;
+  try {
+    return JSON.parse(n);
+  } catch {
+    return n;
+  }
+}
+const q = function(o) {
+  const {
+    onProgress: n = c,
+    onError: s = c,
+    onSuccess: l = c,
+    action: m,
+    method: h,
+    headers: r = {},
+    name: g,
+    file: f,
+    data: w = {},
+    withCredentials: O = !1
+  } = o;
+  function p(t) {
+    return typeof t == "function" ? t(f) : t;
+  }
+  const y = p(g), i = p(w), e = new XMLHttpRequest();
+  n && e.upload && (e.upload.onprogress = function(t) {
+    let a;
+    t.total > 0 && (a = t.loaded / t.total * 100), n(parseInt(a, 10), t);
+  }), e.onerror = function(a) {
+    s(a);
+  }, e.onload = function() {
+    if (e.status < 200 || e.status >= 300)
+      return s(d(e));
+    l(d(e));
+  };
+  const u = new FormData();
+  i && Object.keys(i).map((t) => u.append(t, i[t])), u.append(y || "file", f), e.open(h, m, !0), O && "withCredentials" in e && (e.withCredentials = !0);
+  for (const t in r)
+    Object.prototype.hasOwnProperty.call(r, t) && r[t] !== null && e.setRequestHeader(t, r[t]);
+  return e.send(u), {
+    abort() {
+      e.abort();
+    }
+  };
+};
+export {
+  q as default
+};

package/upload/util.js

@@ -0,0 +1,61 @@
+import h from "lodash/isArray";
+import d from "lodash/isPlainObject";
+const g = (r, e) => {
+  const i = d(e) ? e == null ? void 0 : e.type : e;
+  if (!(d(e) && e.strict === !1) && i && r) {
+    const l = h(i) ? i : i.split(",").map((n) => n.trim()).filter((n) => n), a = (r.name.indexOf(".") > -1 ? `.${r.name.split(".").pop()}` : "").toLowerCase();
+    return l.some((n) => {
+      const s = n && n.toLowerCase(), t = (r.type || "").toLowerCase(), o = t.split("/")[0];
+      if (s === t || `${o}${a.replace(".", "/")}` === s || /^\*(\/\*)?$/.test(s))
+        return !0;
+      if (/\/\*/.test(s))
+        return t.replace(/\/.*$/, "") === s.replace(/\/.*$/, "");
+      if (/\..*/.test(s)) {
+        let c = [s];
+        return (s === ".jpg" || s === ".jpeg") && (c = [".jpg", ".jpeg"]), c.indexOf(a) > -1;
+      }
+      return !1;
+    });
+  }
+  return !!r;
+}, j = (r, e) => {
+  if (!r)
+    return;
+  let i = [].slice.call(r);
+  return e && (i = i.filter((f) => g(f, e))), i;
+}, w = (r, e, i) => {
+  const f = [];
+  let l = 0;
+  const a = () => {
+    !l && i(f);
+  }, n = (t) => {
+    if (l += 1, t.isFile) {
+      t.file((o) => {
+        l -= 1, g(o, e) && (Object.defineProperty(o, "webkitRelativePath", {
+          value: t.fullPath.replace(/^\//, "")
+        }), f.push(o)), a();
+      });
+      return;
+    }
+    if (t.isDirectory) {
+      const o = t.createReader();
+      let c = !1;
+      const u = () => {
+        o.readEntries((y) => {
+          c || (l -= 1, c = !0), y.length === 0 ? a() : (u(), y.forEach(n));
+        });
+      };
+      u();
+      return;
+    }
+    l -= 1, a();
+  };
+  [].slice.call(r).forEach((t) => {
+    t.webkitGetAsEntry && n(t.webkitGetAsEntry());
+  });
+};
+export {
+  j as getFiles,
+  g as isAcceptFile,
+  w as loopDirectory
+};

package/utils/CSSTransition.js

@@ -0,0 +1,27 @@
+import { jsx as m } from "react/jsx-runtime";
+import { CSSTransition as u } from "@unicom-cloud/react-transition-group";
+import { useRef as f, useMemo as a, isValidElement as l, cloneElement as s } from "react";
+import { supportRef as E } from "./is.js";
+import { findDOMNode as R, callbackOriginRef as x } from "./reactDOM.js";
+function M(r) {
+  const { children: e, ...i } = r, o = f(), t = f(), c = a(() => r.nodeRef === void 0 && E(e) && l(e) ? (t.current = !0, s(e, {
+    ref: (n) => {
+      o.current = R(n), x(e, n);
+    }
+  })) : (t.current = !1, e), [e, r.nodeRef]);
+  return t.current && [
+    "onEnter",
+    "onEntering",
+    "onEntered",
+    "onExit",
+    "onExiting",
+    "onExited"
+  ].forEach((n) => {
+    r[n] && (i[n] = (g, ...d) => {
+      r[n](o.current, ...d);
+    });
+  }), /* @__PURE__ */ m(u, { ...i, nodeRef: t.current ? o : void 0, children: c });
+}
+export {
+  M as default
+};

package/utils/contextHolder.js

@@ -1,6 +1,31 @@
-import "react";
-import "../chunk/C6Kfwj0f.js";
-import { e as m } from "../chunk/Dr0iXIXO.js";
+import o, { forwardRef as p, useContext as u, useState as d, useImperativeHandle as C } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import { ConfigContext as x } from "../config-provider/context.js";
+function r(g, i) {
+  const s = u(x), [a, n] = d([]);
+  function c(e) {
+    n((t) => [...t, e]);
+  }
+  function m(e) {
+    n(
+      (t) => t.filter((l) => e !== l)
+    );
+  }
+  function f() {
+    return s;
+  }
+  return C(i, () => ({
+    addInstance: c,
+    removeInstance: m,
+    getContextConfig: f
+  })), o.Children.map(
+    a,
+    (e, t) => o.cloneElement(e, { key: t })
+  );
+}
+r.displayName = "ContextHolderElement";
+const y = p(r);
 export {
-  m as default
+  y as default
 };

package/utils/getHighlightText.js

@@ -28,8 +28,7 @@ function h({
   keyword: t,
   highlightClassName: n
 }) {
-  if (!t)
-    return /* @__PURE__ */ p(l, { children: e });
+  if (!t) return /* @__PURE__ */ p(l, { children: e });
   t.length > 1e3 && (t = t.slice(0, 1e3));
   const i = new RegExp(`(${f(t)})`, "i"), r = e.split(i);
   return /* @__PURE__ */ p(l, { children: r.map(