@unicom-cloud/ui 0.8.46 → 0.8.47

package/upload/interface.js

@@ -1,9 +0,0 @@
-const i = {
-  init: "init",
-  uploading: "uploading",
-  success: "done",
-  fail: "error"
-};
-export {
-  i as STATUS
-};

package/upload/list/PictureItem.js

@@ -1,91 +0,0 @@
-import { jsx as r, jsxs as s, Fragment as p } from "react/jsx-runtime";
-import R from "@unicom-cloud/icons/IconUiDelete";
-import U from "@unicom-cloud/icons/IconUiEye";
-import P from "@unicom-cloud/icons/IconUiImageClose";
-import g from "@unicom-cloud/icons/IconUiUpload";
-import u from "lodash/isFunction";
-import { forwardRef as h } from "react";
-import w from "../../hooks/useKeyboardEvent.js";
-import { STATUS as a } from "../interface.js";
-import { isObject as $ } from "../../utils/is.js";
-import x from "./UploadProgress.js";
-const N = (e, v) => {
-  const { disabled: f, prefixCls: l, file: o, showUploadList: d, locale: t } = e, c = w(), i = `${l}-list-item-picture`, { status: I, originFile: m } = o, b = o.url !== void 0 ? o.url : m && u(URL.createObjectURL) && URL.createObjectURL(m), n = $(d) ? d : {};
-  return /* @__PURE__ */ r("div", { className: i, ref: v, children: I === a.uploading ? /* @__PURE__ */ r(
-    x,
-    {
-      onReupload: e.onReupload,
-      onUpload: e.onUpload,
-      onAbort: e.onAbort,
-      listType: "picture-card",
-      file: o,
-      prefixCls: l,
-      progressProps: e.progressProps,
-      ...n
-    }
-  ) : /* @__PURE__ */ s(p, { children: [
-    u(n.imageRender) ? n.imageRender(o) : /* @__PURE__ */ r("img", { src: b, alt: o.name }),
-    /* @__PURE__ */ s("div", { className: `${i}-mask`, role: "radiogroup", children: [
-      o.status === a.fail && /* @__PURE__ */ r("div", { className: `${i}-error-tip`, children: n.errorIcon !== null && /* @__PURE__ */ r("span", { className: `${l}-list-error-icon`, children: n.errorIcon || /* @__PURE__ */ r(P, {}) }) }),
-      /* @__PURE__ */ s("div", { className: `${i}-operation`, children: [
-        o.status !== a.fail && n.previewIcon !== null && /* @__PURE__ */ r(
-          "span",
-          {
-            className: `${l}-list-preview-icon`,
-            tabIndex: 0,
-            role: "button",
-            "aria-label": t.Upload.preview,
-            ...c({
-              onPressEnter: () => {
-                e.onPreview && e.onPreview(o);
-              }
-            }),
-            onClick: () => {
-              e.onPreview && e.onPreview(o);
-            },
-            children: n.previewIcon || /* @__PURE__ */ r(U, {})
-          }
-        ),
-        o.status === a.fail && n.reuploadIcon !== null && /* @__PURE__ */ r(
-          "span",
-          {
-            className: `${e.prefixCls}-list-reupload-icon`,
-            onClick: () => {
-              e.onReupload && e.onReupload(o);
-            },
-            tabIndex: 0,
-            role: "button",
-            "aria-label": t.Upload.reupload,
-            ...c({
-              onPressEnter: () => {
-                e.onReupload && e.onReupload(o);
-              }
-            }),
-            children: n.reuploadIcon || /* @__PURE__ */ r(g, {})
-          }
-        ),
-        !f && n.removeIcon !== null && /* @__PURE__ */ r(
-          "span",
-          {
-            className: `${l}-list-remove-icon`,
-            onClick: () => {
-              e.onRemove && e.onRemove(o);
-            },
-            role: "button",
-            "aria-label": t.Upload.delete,
-            tabIndex: 0,
-            ...c({
-              onPressEnter: () => {
-                e.onRemove && e.onRemove(o);
-              }
-            }),
-            children: n.removeIcon || /* @__PURE__ */ r(R, {})
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-}, D = h(N);
-export {
-  D as default
-};

package/upload/list/TextItem.js

@@ -1,99 +0,0 @@
-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

@@ -1,97 +0,0 @@
-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

@@ -1,120 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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

@@ -1,61 +0,0 @@
-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/verification-code/VerificationCode.js

@@ -1,83 +0,0 @@
-import { jsx as N, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as w, useContext as R, useRef as F, Fragment as j, createElement as z } from "react";
-/* empty css                  */
-import "../config-provider/ConfigProvider.js";
-import D from "../hooks/useMergeProps.js";
-import E from "../input/InputElement.js";
-import u from "@unicom-cloud/utils/class-name";
-import K from "../hooks/use-verification-code.js";
-import { ConfigContext as L } from "../config-provider/context.js";
-const M = {
-  length: 6
-};
-function C(g, _) {
-  var d;
-  const o = R(L), e = D(
-    g,
-    M,
-    (d = o.componentConfig) == null ? void 0 : d.VerificationCode
-  ), { size: l, separator: i, status: f, length: y, masked: h, disabled: v } = e, c = F([]), { value: $, filledValue: P, getInputProps: x } = K({
-    defaultValue: e.defaultValue,
-    value: e.value,
-    length: y,
-    getInputRefList: () => c.current,
-    onChange: e.onChange,
-    onFinish: e.onFinish
-  }), s = o.getPrefixCls("verification-code"), n = o.getPrefixCls("input");
-  return /* @__PURE__ */ N(
-    "div",
-    {
-      className: u(`${s}`, e.className, {
-        [`${s}-rtl`]: o.rtl
-      }),
-      style: e.style,
-      children: P.map((O, r) => {
-        const { onChange: m, onClick: V, onPaste: k, onKeyDown: I, ...p } = x(r);
-        return /* @__PURE__ */ b(j, { children: [
-          /* @__PURE__ */ z(
-            E,
-            {
-              disabled: e.disabled,
-              readOnly: e.readOnly,
-              className: u(n, `${s}-input`, {
-                [`${n}-size-${l}`]: l,
-                [`${n}-${f}`]: f,
-                [`${n}-disabled`]: v,
-                [`${n}-rtl`]: o.rtl
-              }),
-              ref: (t) => {
-                c.current[r] = t == null ? void 0 : t.dom;
-              },
-              ...p,
-              key: p.key,
-              onClick: e.readOnly ? void 0 : V,
-              onPaste: e.readOnly ? void 0 : k,
-              onKeyDown: e.readOnly ? void 0 : I,
-              onChange: e.readOnly ? void 0 : (t) => {
-                if (e.validate) {
-                  const a = e == null ? void 0 : e.validate({
-                    inputValue: t,
-                    index: r,
-                    value: $
-                  });
-                  a !== !1 && m(
-                    typeof a == "string" ? a : t
-                  );
-                } else
-                  m(t);
-              },
-              type: h ? "password" : "text"
-            }
-          ),
-          i == null ? void 0 : i({ index: r, character: O })
-        ] }, r);
-      })
-    }
-  );
-}
-C.displayName = "VerificationCodeComponent";
-const U = w(C);
-export {
-  C as VerificationCodeComponent,
-  U as default
-};

package/virtual-list/Filler.js

@@ -1,31 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-const a = ({
-  height: r,
-  offset: t,
-  children: o,
-  outerStyle: n,
-  innerStyle: s
-}) => {
-  let l = {}, e = {
-    display: "flex",
-    flexDirection: "column"
-  };
-  return t !== void 0 && (l = {
-    height: r,
-    position: "relative",
-    overflow: "hidden",
-    zIndex: 0,
-    ...n
-  }, e = {
-    ...e,
-    transform: `translateY(${t}px)`,
-    position: "absolute",
-    left: 0,
-    right: 0,
-    top: 0,
-    ...s
-  }), /* @__PURE__ */ i("div", { style: l, children: /* @__PURE__ */ i("div", { style: e, children: o }) });
-};
-export {
-  a as default
-};