@unicom-cloud/ui 0.8.43 → 0.8.45

package/utils/is.js

@@ -1,94 +1,107 @@
-const t = Object.prototype.toString;
-function d(n) {
-  return t.call(n) === "[object Array]";
+import { isValidElement as s } from "react";
+import { isForwardRef as d, ForwardRef as i, Memo as a } from "react-is";
+const r = Object.prototype.toString;
+function E(t) {
+  return r.call(t) === "[object Array]";
 }
-function e(n) {
-  return t.call(n) === "[object Object]";
+function e(t) {
+  return r.call(t) === "[object Object]";
 }
-function a(n) {
-  return t.call(n) === "[object String]";
+function F(t) {
+  return r.call(t) === "[object String]";
 }
-function b(n) {
-  return t.call(n) === "[object Number]" && n === n;
+function O(t) {
+  return r.call(t) === "[object Number]" && t === t;
 }
-function $(n) {
-  return t.call(n) === "[object RegExp]";
+function C(t) {
+  return r.call(t) === "[object RegExp]";
 }
-function g(n) {
-  return t.call(n) === "[object File]";
+function h(t) {
+  return r.call(t) === "[object File]";
 }
-function y(n) {
-  return t.call(n) === "[object Blob]";
+function x(t) {
+  return r.call(t) === "[object Blob]";
 }
-function c(n) {
-  return /^#[a-fA-F0-9]{3}$|#[a-fA-F0-9]{6}$/.test(n);
+function p(t) {
+  return /^#[a-fA-F0-9]{3}$|#[a-fA-F0-9]{6}$/.test(t);
 }
-function l(n) {
-  return /^rgb\((\s*\d+\s*,?){3}\)$/.test(n);
+function y(t) {
+  return /^rgb\((\s*\d+\s*,?){3}\)$/.test(t);
 }
-function f(n) {
-  return /^rgba\((\s*\d+\s*,\s*){3}\s*\d(\.\d+)?\s*\)$/.test(n);
+function $(t) {
+  return /^rgba\((\s*\d+\s*,\s*){3}\s*\d(\.\d+)?\s*\)$/.test(t);
 }
-function p(n) {
-  return c(n) || l(n) || f(n);
+function A(t) {
+  return p(t) || y(t) || $(t);
 }
-function j(n) {
-  const r = /^#(?:[0-9a-fA-F]{3}){1,2}$/, s = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/, i = /^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(1|0|0?\.\d+)\)$/, u = /^hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)$/, o = /^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*(1|0|0?\.\d+)\)$/;
-  return r.test(n) || s.test(n) || i.test(n) || u.test(n) || o.test(n);
+function w(t) {
+  const n = /^#(?:[0-9a-fA-F]{3}){1,2}$/, u = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/, f = /^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(1|0|0?\.\d+)\)$/, c = /^hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)$/, l = /^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*(1|0|0?\.\d+)\)$/;
+  return n.test(t) || u.test(t) || f.test(t) || c.test(t) || l.test(t);
 }
-function O(n) {
-  const r = document.createElement("div");
-  return r.style.color = n, r.style.color !== "";
+function N(t) {
+  const n = document.createElement("div");
+  return n.style.color = t, n.style.color !== "";
 }
-function h(n) {
-  return n === void 0;
+function v(t) {
+  return t === void 0;
 }
-function x(n) {
-  return n === null;
+function M(t) {
+  return t === null;
 }
-function A(n) {
-  return n == null;
+function B(t) {
+  return t == null;
 }
-function E(n) {
-  return typeof n == "function";
+function D(t) {
+  return typeof t == "function";
 }
-function F(n) {
-  return e(n) && Object.keys(n).length === 0;
+function S(t) {
+  return e(t) && Object.keys(t).length === 0;
 }
-function N(n, r) {
-  return n == null || n === !1 || typeof n == "string" && (r ? n.trim() === "" : n === "");
+function V(t, n) {
+  return t == null || t === !1 || typeof t == "string" && (n ? t.trim() === "" : t === "");
 }
-function R(n) {
-  return n || n === 0;
+function H(t) {
+  return t || t === 0;
 }
-function v(n) {
-  return n === window;
+function U(t) {
+  return t === window;
 }
-function w(n) {
-  return e(n) && ("$y" in n && "$M" in n && "$D" in n && "$d" in n && "$H" in n && "$m" in n && "$s" in n || n._isAMomentObject);
+function k(t) {
+  return e(t) && ("$y" in t && "$M" in t && "$D" in t && "$d" in t && "$H" in t && "$m" in t && "$s" in t || t._isAMomentObject);
 }
-function B(n) {
-  return typeof n == "boolean";
+function m(t) {
+  return typeof t == "boolean";
 }
+const o = (t) => t && s(t) && typeof t.type == "function", b = (t) => {
+  var n;
+  return o(t) && !!((n = t.type.prototype) != null && n.isReactComponent);
+}, g = (t) => s(t) && typeof t.type == "string", W = (t) => {
+  var n;
+  return t ? g(t) || d(t) || t.$$typeof === i ? !0 : t.$$typeof === a ? ((n = t.type) == null ? void 0 : n.$$typeof) === i : o(t) ? b(t) : !1 : !1;
+};
 export {
-  d as isArray,
-  y as isBlob,
-  B as isBoolean,
-  p as isColor,
-  w as isDayjs,
-  F as isEmptyObject,
-  N as isEmptyReactNode,
-  R as isExist,
-  g as isFile,
-  E as isFunction,
-  x as isNull,
-  A as isNullOrUndefined,
-  b as isNumber,
+  E as isArray,
+  x as isBlob,
+  m as isBoolean,
+  b as isClassComponent,
+  A as isColor,
+  g as isDOMElement,
+  k as isDayjs,
+  S as isEmptyObject,
+  V as isEmptyReactNode,
+  H as isExist,
+  h as isFile,
+  D as isFunction,
+  M as isNull,
+  B as isNullOrUndefined,
+  O as isNumber,
   e as isObject,
-  $ as isRegExp,
-  a as isString,
-  h as isUndefined,
-  O as isValidColor,
-  j as isValidColor2,
-  v as isWindow
+  o as isReactComponent,
+  C as isRegExp,
+  F as isString,
+  v as isUndefined,
+  N as isValidColor,
+  w as isValidColor2,
+  U as isWindow,
+  W as supportRef
 };

package/utils/reactDOM.js

@@ -1,36 +1,47 @@
 import R from "lodash/isPlainObject";
-import m from "react-dom";
-const i = "__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED", e = m;
-let o;
-var s;
-const E = Number((s = e.version) == null ? void 0 : s.split(".")[0]) > 17, c = (n) => {
-  R(e[i]) && (e[i].usingClientEntryPoint = n);
+import { Component as O } from "react";
+import i from "react-dom";
+import { isFunction as a } from "./is.js";
+import e from "./warning.js";
+const s = "__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED", n = i;
+let f;
+var _;
+const E = Number((_ = n.version) == null ? void 0 : _.split(".")[0]) > 17, d = (o) => {
+  R(n[s]) && (n[s].usingClientEntryPoint = o);
 };
-let _;
+let u;
 try {
-  _ = e.createRoot;
+  u = n.createRoot;
 } catch {
 }
-E && _ ? o = (n, r) => {
-  c(!0);
-  const t = _(r);
-  return c(!1), t.render(n), t._unmount = function() {
+E && u ? f = (o, t) => {
+  d(!0);
+  const r = u(t);
+  return d(!1), r.render(o), r._unmount = function() {
     setTimeout(() => {
-      var u;
-      (u = t == null ? void 0 : t.unmount) == null || u.call(t);
+      var c;
+      (c = r == null ? void 0 : r.unmount) == null || c.call(r);
     });
-  }, t;
-} : o = function(n, r) {
-  return e.render(n, r), {
-    render: (t) => {
-      e.render(t, r);
+  }, r;
+} : f = function(o, t) {
+  return n.render(o, t), {
+    render: (r) => {
+      n.render(r, t);
     },
     _unmount() {
-      e.unmountComponentAtNode(r);
+      n.unmountComponentAtNode(t);
     }
   };
 };
-const p = o;
+const C = (o, t) => o instanceof Element ? o : (o == null ? void 0 : o.dom) instanceof Element ? o.dom : (o == null ? void 0 : o.current) instanceof Element ? o.current : a(o == null ? void 0 : o.getRootDOMNode) ? o.getRootDOMNode() : o instanceof O ? i.findDOMNode(o) : t ? (e(
+  !0,
+  "Element does not define the `getRootDOMNode` method causing a call to React.findDOMNode. but findDOMNode is deprecated in StrictMode. Please check the code logic",
+  { element: o, instance: t }
+), i.findDOMNode(t)) : null, S = (o, t) => {
+  o && o.ref && (a(o.ref) && (o == null || o.ref(t)), "current" in o.ref && (o.ref.current = t));
+}, T = f;
 export {
-  p as render
+  S as callbackOriginRef,
+  C as findDOMNode,
+  T as render
 };

package/utils/style.js

@@ -19,8 +19,7 @@ function f(t) {
   }), n;
 }
 function a(t, n) {
-  if (!t || !n)
-    return null;
+  if (!t || !n) return null;
   let r = n;
   r === "float" && (r = "cssFloat");
   try {

package/utils/warning.js

@@ -1,6 +1,10 @@
-function e(o, n) {
-  process.env.NODE_ENV !== "production" && console && o && console.error(`[@pqb-ui]: ${n}`);
+function i(e, n, ...o) {
+  if (process.env.NODE_ENV !== "production" && console && e)
+    return console.error(
+      `[@pqb-ui]: ${n}`,
+      o ? { detail: o } : void 0
+    );
 }
 export {
-  e as default
+  i as default
 };

package/verification-code/VerificationCode.js

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

@@ -0,0 +1,31 @@
+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
+};