@unicom-cloud/ui 0.8.108 → 0.8.110

package/segmented/index.js

@@ -1,22 +1,66 @@
-import { jsx as h, jsxs as H, Fragment as $e } from "react/jsx-runtime";
-import { forwardRef as he, useContext as ye, useMemo as ze, useState as xe, useRef as L, useEffect as K, useImperativeHandle as ve } from "react";
-import "../config-provider/ConfigProvider.js";
+import { jsx as h, jsxs as H, Fragment as ho } from "react/jsx-runtime";
+import { forwardRef as yo, useContext as zo, useMemo as xo, useState as vo, useRef as L, useEffect as K, useImperativeHandle as wo } from "react";
+import { a as So } from "../chunk/BcEZk8pT.js";
+import "../chunk/DsaQZE4X.js";
+import "../chunk/CdXR6dj7.js";
+import { u as ko } from "../chunk/BJeTDXdz.js";
+import "@unicom-cloud/utils/js-cookie";
+import "dayjs";
+import "lodash/debounce";
+import { u as Co } from "../chunk/DfChiMIE.js";
+import "@unicom-cloud/utils/screenfull";
+import "../chunk/BDgzrqDN.js";
+import "lodash/throttle";
+import "@unicom-cloud/utils/constant/platform";
+import "lodash/isPlainObject";
+import "@unicom-cloud/utils/query-string";
+import "react-router";
 import "lodash/isEqualWith";
-import "../components/common/utils/is.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "lodash/isNumber";
 import "lodash/merge";
-import "../components/common/utils/dom.js";
-import we from "../components/common/hooks/useForceUpdate.js";
-import "../components/common/hooks/useIntersectionObserver.js";
-import Se from "../components/common/hooks/useMergeProps.js";
-import "../components/common/utils/reactDOM.js";
-import "@unicom-cloud/utils/constant";
-import ke from "../components/common/hooks/useUpdateEffect.js";
-import "lodash/debounce";
+import "../chunk/d1c9z8T1.js";
+import "@unicom-cloud/utils/date";
+import "@unicom-cloud/utils/case-name";
 import M from "@unicom-cloud/utils/class-name";
-import Ce from "../config-provider/context.js";
-import { isString as Ie, isNumber as T, isFunction as W } from "@unicom-cloud/utils/is";
+import "@unicom-cloud/utils/constant/ui";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../chunk/DS_deHpN.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import "@unicom-cloud/utils/mitt";
+import "@unicom-cloud/utils/pinyin";
+import "../chunk/BJ9_azwQ.js";
+import "../chunk/CXrVhA6-.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/constant/ui.js";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import { isString as Io, isNumber as T, isFunction as W } from "@unicom-cloud/utils/is";
+import "uuid";
+import "../chunk/hc_ufgVf.js";
+import "../chunk/RjJoagzL.js";
+import { u as No } from "../chunk/FgWHhRFz.js";
+import "@unicom-cloud/utils/constant";
 const G = {
   mini: {
     root: {
@@ -25,7 +69,7 @@ const G = {
     },
     option: {
       size: "var(--pqb-size-mini)",
-      padding: `${10 + 3 * 0}px`
+      padding: "10px"
     }
   },
   small: {
@@ -35,7 +79,7 @@ const G = {
     },
     option: {
       size: "var(--pqb-size-small)",
-      padding: `${10 + 3 * 1}px`
+      padding: "13px"
     }
   },
   medium: {
@@ -45,7 +89,7 @@ const G = {
     },
     option: {
       size: "var(--pqb-size-medium)",
-      padding: `${10 + 3 * 2}px`
+      padding: "16px"
     }
   },
   large: {
@@ -55,10 +99,10 @@ const G = {
     },
     option: {
       size: "var(--pqb-size-large)",
-      padding: `${10 + 3 * 3}px`
+      padding: "19px"
     }
   }
-}, Ne = {
+}, Oo = {
   options: [],
   size: "medium",
   mode: "default",
@@ -70,114 +114,114 @@ const G = {
   keyboardSwitch: !0,
   animationDuration: 300
 };
-function Oe(B, J) {
-  const { getPrefixCls: Q, componentConfig: X, rtl: k } = ye(Ce), f = Se(
+function qo(B, J) {
+  const { getPrefixCls: Q, componentConfig: X, rtl: k } = zo(So), c = No(
     B,
-    Ne,
+    Oo,
     X?.Segmented
   ), {
     style: Y,
     className: Z,
     options: C = [],
     defaultValue: _,
-    value: ee,
+    value: oo,
     size: y = "medium",
     gap: I,
     mode: z = "default",
-    disabled: u = !1,
+    disabled: f = !1,
     block: N = !1,
-    split: oe,
+    split: eo,
     direction: x = "horizontal",
     showIndicator: O = !0,
     keyboardSwitch: q = !0,
     animationDuration: A = 300,
     name: D,
-    immediateTrigger: te = !1,
+    immediateTrigger: to = !1,
     onChange: P,
-    ...ie
-  } = f, R = we(), o = Q?.("segmented"), ne = x === "vertical", V = z === "pill", F = "value" in f, r = ze(() => C.map((e) => Ie(e) || T(e) ? { value: e, label: e } : e), [C]), [re, se] = xe(_), U = L(null), v = L([]), a = F ? ee : re, d = G[y] || G.medium;
-  function ae() {
-    let e = I;
-    return "gap" in f ? e = I : e = d.root.padding, e;
+    ...io
+  } = c, R = ko(), e = Q?.("segmented"), ro = x === "vertical", V = z === "pill", U = "value" in c, n = xo(() => C.map((o) => Io(o) || T(o) ? { value: o, label: o } : o), [C]), [no, so] = vo(_), E = L(null), v = L([]), a = U ? oo : no, p = G[y] || G.medium;
+  function ao() {
+    let o = I;
+    return "gap" in c ? o = I : o = p.root.padding, o;
   }
-  const m = ae();
-  function de() {
-    const e = {
-      padding: `0 ${d.option.padding}`,
-      height: `calc(${d.option.size} - ${d.root.padding} * 2)`
+  const u = ao();
+  function po() {
+    const o = {
+      padding: `0 ${p.option.padding}`,
+      height: `calc(${p.option.size} - ${p.root.padding} * 2)`
     };
-    return V && (e.borderRadius = `calc(${e.height} / 2)`), e;
+    return V && (o.borderRadius = `calc(${o.height} / 2)`), o;
   }
-  const b = de();
-  function le() {
-    const e = {
-      gap: m,
-      fontSize: d.root.fontSize,
-      padding: d.root.padding,
+  const b = po();
+  function lo() {
+    const o = {
+      gap: u,
+      fontSize: p.root.fontSize,
+      padding: p.root.padding,
       ...Y
     };
-    if (e["--gap"] = T(m) ? `${m}px` : m, V && (e.borderRadius = `calc(${d.option.size} / 2)`), O) {
-      b.borderRadius && (e["--before-border-radius"] = b.borderRadius), A && (e["--before-transition-duration"] = `${A}ms`);
-      const i = r.findIndex((n) => n?.value === a), t = v.current[i];
-      t && (e["--before-width"] = `${t.offsetWidth}px`, e["--before-height"] = `${t.offsetHeight}px`, ne ? e["--before-top"] = `${t.offsetTop}px` : e["--before-left"] = `${t.offsetLeft}px`);
+    if (o["--gap"] = T(u) ? `${u}px` : u, V && (o.borderRadius = `calc(${p.option.size} / 2)`), O) {
+      b.borderRadius && (o["--before-border-radius"] = b.borderRadius), A && (o["--before-transition-duration"] = `${A}ms`);
+      const i = n.findIndex((r) => r?.value === a), t = v.current[i];
+      t && (o["--before-width"] = `${t.offsetWidth}px`, o["--before-height"] = `${t.offsetHeight}px`, ro ? o["--before-top"] = `${t.offsetTop}px` : o["--before-left"] = `${t.offsetLeft}px`);
     }
-    return e;
+    return o;
   }
-  const pe = le();
-  function g(e, i, t) {
-    const n = t || r.find((p) => p.value === e);
-    F || se(e), W(P) && P(e, n);
+  const mo = lo();
+  function g(o, i, t) {
+    const r = t || n.find((l) => l.value === o);
+    U || so(o), W(P) && P(o, r);
   }
-  function ce(e, i, t, n) {
-    n || u || g(e, i, t);
+  function co(o, i, t, r) {
+    r || f || g(o, i, t);
   }
-  function fe(e) {
-    if (e.preventDefault(), !q || u)
+  function fo(o) {
+    if (o.preventDefault(), !q || f)
       return;
-    const i = r.findIndex((l) => l?.value === a);
+    const i = n.findIndex((d) => d?.value === a);
     let t = i;
-    const n = r.length;
-    switch (e.key) {
+    const r = n.length;
+    switch (o.key) {
       case "ArrowLeft":
       case "ArrowUp":
-        t = (i - 1 + n) % n;
+        t = (i - 1 + r) % r;
         break;
       case "ArrowRight":
       case "ArrowDown":
-        t = (i + 1) % n;
+        t = (i + 1) % r;
         break;
       case "Home":
         t = 0;
         break;
       case "End":
-        t = n - 1;
+        t = r - 1;
         break;
       default:
         return;
     }
-    for (; t !== i && r[t]?.disabled; ) {
-      const l = ["ArrowLeft", "ArrowUp"].includes(e.key) ? -1 : 1;
-      t = (t + l + n) % n;
+    for (; t !== i && n[t]?.disabled; ) {
+      const d = ["ArrowLeft", "ArrowUp"].includes(o.key) ? -1 : 1;
+      t = (t + d + r) % r;
     }
-    const p = r[t], s = p?.value;
-    s && s !== a && (g(s, t, p), v.current[t]?.focus?.());
+    const l = n[t], s = l?.value;
+    s && s !== a && (g(s, t, l), v.current[t]?.focus?.());
   }
-  function ue(e, i, t) {
-    if (!e) return;
+  function uo(o, i, t) {
+    if (!o) return;
     const {
-      style: n,
-      className: p,
+      style: r,
+      className: l,
       value: s,
-      label: l,
+      label: d,
       icon: w,
-      disabled: me,
-      render: E,
-      ...be
-    } = e, c = s === a, $ = me || u, S = !l && !!w, ge = Object.assign(
+      disabled: bo,
+      render: F,
+      ...go
+    } = o, m = s === a, $ = bo || f, S = !d && !!w, $o = Object.assign(
       {},
       b,
       S ? { padding: 0, width: b.height } : {},
-      n
+      r
     );
     return /* @__PURE__ */ H(
       "button",
@@ -185,31 +229,31 @@ function Oe(B, J) {
         ref: (j) => {
           v.current[i] = j;
         },
-        style: ge,
+        style: $o,
         className: M(
-          `${o}-option`,
-          `${o}-option-size-${y}`,
-          `${o}-option-mode-${z}`,
-          `${o}-option-direction-${x}`,
+          `${e}-option`,
+          `${e}-option-size-${y}`,
+          `${e}-option-mode-${z}`,
+          `${e}-option-direction-${x}`,
           {
-            [`${o}-option-rtl`]: k,
-            [`${o}-option-block`]: N,
-            [`${o}-option-split`]: oe,
-            [`${o}-option-active`]: c,
-            [`${o}-option-disabled`]: $
+            [`${e}-option-rtl`]: k,
+            [`${e}-option-block`]: N,
+            [`${e}-option-split`]: eo,
+            [`${e}-option-active`]: m,
+            [`${e}-option-disabled`]: $
           },
-          S ? `${o}-option-icon-only` : `${o}-option-not-icon-only`,
-          p
+          S ? `${e}-option-icon-only` : `${e}-option-not-icon-only`,
+          l
         ),
         disabled: $,
         role: "radio",
-        "aria-checked": c,
+        "aria-checked": m,
         "aria-disabled": $,
-        tabIndex: c ? 0 : -1,
+        tabIndex: m ? 0 : -1,
         onClick: (j) => {
-          ce(s, i, e, $);
+          co(s, i, o, $);
         },
-        ...be,
+        ...go,
         children: [
           !!D && /* @__PURE__ */ h(
             "input",
@@ -217,63 +261,63 @@ function Oe(B, J) {
               type: "radio",
               name: D,
               value: s,
-              checked: c,
-              className: `${o}-input`,
+              checked: m,
+              className: `${e}-input`,
               tabIndex: -1,
               "aria-hidden": "true"
             }
           ),
-          W(E) ? E(e, c) : /* @__PURE__ */ H($e, { children: [
-            w && /* @__PURE__ */ h("span", { className: `${o}-option-icon`, children: w }),
-            !S && /* @__PURE__ */ h("span", { className: `${o}-option-label`, children: l })
+          W(F) ? F(o, m) : /* @__PURE__ */ H(ho, { children: [
+            w && /* @__PURE__ */ h("span", { className: `${e}-option-icon`, children: w }),
+            !S && /* @__PURE__ */ h("span", { className: `${e}-option-label`, children: d })
           ] })
         ]
       },
-      `${l}-${s}-${i}`
+      `${d}-${s}-${i}`
     );
   }
-  return ke(() => {
-    a === void 0 || r.some((i) => i.value === a) || g(void 0);
-  }, [r]), K(() => {
-    const e = requestAnimationFrame(() => {
+  return Co(() => {
+    a === void 0 || n.some((i) => i.value === a) || g(void 0);
+  }, [n]), K(() => {
+    const o = requestAnimationFrame(() => {
       R();
     });
     return () => {
-      cancelAnimationFrame(e);
+      cancelAnimationFrame(o);
     };
-  }, [R, f]), K(() => {
-    te && g(a);
-  }, []), ve(J, () => ({
-    dom: U.current
+  }, [R, c]), K(() => {
+    to && g(a);
+  }, []), wo(J, () => ({
+    dom: E.current
   })), /* @__PURE__ */ h(
     "div",
     {
-      ref: U,
-      ...ie,
-      style: pe,
+      ref: E,
+      ...io,
+      style: mo,
       className: M(
-        o,
+        e,
         {
-          [`${o}-rtl`]: k,
-          [`${o}-block`]: N,
-          [`${o}-disabled`]: u,
-          [`${o}-indicator`]: O
+          [`${e}-rtl`]: k,
+          [`${e}-block`]: N,
+          [`${e}-disabled`]: f,
+          [`${e}-indicator`]: O
         },
-        `${o}-mode-${z}`,
-        `${o}-direction-${x}`,
-        `${o}-size-${y}`,
+        `${e}-mode-${z}`,
+        `${e}-direction-${x}`,
+        `${e}-size-${y}`,
         Z
       ),
       role: "radiogroup",
-      onKeyDown: q ? (e) => {
-        fe(e);
+      onKeyDown: q ? (o) => {
+        fo(o);
       } : void 0,
-      children: r.map(ue)
+      children: n.map(uo)
     }
   );
 }
-const qe = he(Oe);
-qe.displayName = "Segmented";
+const Ao = yo(qo);
+Ao.displayName = "Segmented";
 export {
-  qe as default
+  Ao as default
 };

package/select/OptGroup.js

@@ -1,20 +1,20 @@
 import { jsx as i } from "react/jsx-runtime";
-import l from "react";
-import { omit as n } from "../components/common/utils/omit.js";
-function s(r, t) {
-  const { prefixCls: o, label: e, ...p } = r;
+import s from "react";
+import { o as l } from "../chunk/BKKEev13.js";
+function n(r, o) {
+  const { prefixCls: t, label: e, ...p } = r;
   return /* @__PURE__ */ i(
     "li",
     {
-      ref: t,
-      className: `${o}-group-title`,
-      ...n(p, ["_key", "children", "isSelectOptGroup"]),
+      ref: o,
+      className: `${t}-group-title`,
+      ...l(p, ["_key", "children", "isSelectOptGroup"]),
       children: e
     }
   );
 }
-const c = l.forwardRef(s), f = c;
-f.__PQB_SELECT_OPTGROUP__ = !0;
+const a = s.forwardRef(n), c = a;
+c.__PQB_SELECT_OPTGROUP__ = !0;
 export {
-  f as default
+  c as default
 };

package/select/Option.js

@@ -1,9 +1,8 @@
 import { jsxs as g, jsx as p } from "react/jsx-runtime";
 import E from "react";
-import L from "../checkbox/Checkbox.js";
-import "../checkbox/Group.js";
+import { C as L } from "../chunk/qsVvkBLU.js";
 import _ from "@unicom-cloud/utils/class-name";
-import { omit as j } from "../components/common/utils/omit.js";
+import { o as j } from "../chunk/BKKEev13.js";
 function y(l, f) {
   const {
     style: h,
@@ -22,13 +21,13 @@ function y(l, f) {
     _onMouseEnter: b,
     _onMouseLeave: x,
     _onClick: w,
-    ...i
-  } = l, t = "value" in l ? d : `${u}`, o = "children" in l ? u : `${d}`, s = m ? C.indexOf(t) !== -1 : C === t, c = {
+    ...s
+  } = l, t = "value" in l ? d : `${u}`, o = "children" in l ? u : `${d}`, i = m ? C.indexOf(t) !== -1 : C === t, c = {
     style: h,
     className: _(
       `${e}-option`,
       {
-        [`${e}-option-selected`]: s,
+        [`${e}-option-selected`]: i,
         [`${e}-option-disabled`]: r,
         [`${e}-option-hover`]: t === N,
         [`${e}-option-empty`]: !o && o !== 0 || typeof o == "string" && /^\s*$/.test(o),
@@ -37,15 +36,15 @@ function y(l, f) {
       $
     ),
     onMouseEnter: (n) => {
-      b?.(t), i.onMouseEnter?.(n);
+      b?.(t), s.onMouseEnter?.(n);
     },
     onMouseLeave: (n) => {
-      x?.(), i.onMouseLeave?.(n);
+      x?.(), s.onMouseLeave?.(n);
     },
     onClick: (n) => {
-      w?.(t, r), i.onClick?.(n);
+      w?.(t, r), s.onClick?.(n);
     },
-    ...j(i, [
+    ...j(s, [
       "_key",
       "extra",
       "isSelectOption",
@@ -56,7 +55,7 @@ function y(l, f) {
   }, a = {
     ref: f,
     role: "option",
-    "aria-selected": s
+    "aria-selected": i
   };
   return k && Object.assign(a, { "data-user-created": !0 }), M && Object.assign(a, { "data-user-creating": !0 }), m ? /* @__PURE__ */ g(
     "li",
@@ -65,7 +64,7 @@ function y(l, f) {
       className: _(
         `${e}-option-wrapper`,
         {
-          [`${e}-option-wrapper-selected`]: s,
+          [`${e}-option-wrapper-selected`]: i,
           [`${e}-option-wrapper-disabled`]: r
         },
         v
@@ -76,7 +75,7 @@ function y(l, f) {
           {
             "aria-hidden": "true",
             className: `${e}-checkbox`,
-            checked: s,
+            checked: i,
             disabled: r,
             onChange: c.onClick
           }