@unicom-cloud/ui 0.8.90 → 0.8.91

package/time-picker/util.js

@@ -1,43 +1,44 @@
-import { y as l, b as i } from "../chunk/BNevupAU.js";
+import { Tween as i } from "../dist/tween/src/tween.js";
+import { quartInOut as l } from "../dist/tween/src/easing.js";
 import { isDayjs as m } from "dayjs";
-import { d as f, m as c } from "../chunk/B3LeSidy.js";
-function T(o) {
-  const s = ["H", "h", "m", "s", "a", "A"], r = [];
+import { dayjs as f, methods as e } from "../components/common/utils/dayjs.js";
+function y(o) {
+  const t = ["H", "h", "m", "s", "a", "A"], s = [];
   let a = !1;
-  return s.forEach((t) => {
-    o.indexOf(t) !== -1 && (r.push(t), (t === "a" || t === "A") && (a = !0));
+  return t.forEach((r) => {
+    o.indexOf(r) !== -1 && (s.push(r), (r === "a" || r === "A") && (a = !0));
   }), {
-    list: r,
+    list: s,
     use12Hours: a
   };
 }
-const e = /* @__PURE__ */ new Map();
-function y(o, s, r) {
-  e.get(o) && cancelAnimationFrame(e.get(o)), r <= 0 && (o.scrollTop = s), e.set(
+const c = /* @__PURE__ */ new Map();
+function h(o, t, s) {
+  c.get(o) && cancelAnimationFrame(c.get(o)), s <= 0 && (o.scrollTop = t), c.set(
     o,
     requestAnimationFrame(() => {
-      new l({
+      new i({
         from: { scrollTop: o.scrollTop },
-        to: { scrollTop: s },
-        duration: r,
-        onUpdate: (t) => {
-          o.scrollTop = t.scrollTop;
+        to: { scrollTop: t },
+        duration: s,
+        onUpdate: (r) => {
+          o.scrollTop = r.scrollTop;
         },
-        easing: i
+        easing: l
       }).start();
     })
   );
 }
-function h(o) {
-  const s = f(), r = s.year(), a = s.month(), t = s.date();
+function g(o) {
+  const t = f(), s = t.year(), a = t.month(), r = t.date();
   if (m(o)) {
     let n = o;
-    return n = c.set(n, "year", r), n = c.set(n, "month", a), n = c.set(n, "date", t), n;
+    return n = e.set(n, "year", s), n = e.set(n, "month", a), n = e.set(n, "date", r), n;
   }
   return o;
 }
 export {
-  T as getColumnsFromFormat,
-  h as getFormatTime,
-  y as scrollTo
+  y as getColumnsFromFormat,
+  g as getFormatTime,
+  h as scrollTo
 };

package/timeline/Item.js

@@ -1,14 +1,15 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import z, { useContext as F, useRef as W, useEffect as j } from "react";
-import { a as D } from "../chunk/B44Hj5ad.js";
-import { u as P } from "../chunk/BFTV6myl.js";
+import "../config-provider/ConfigProvider.js";
+import D from "../components/common/hooks/useMergeProps.js";
 import h from "@unicom-cloud/utils/class-name";
+import P from "../config-provider/context.js";
 const g = {
   dotType: "solid",
   lineType: "solid"
 };
 function k(y, b) {
-  const { getPrefixCls: l, componentConfig: r } = F(D), m = P(
+  const { getPrefixCls: l, componentConfig: r } = F(P), m = D(
     y,
     g,
     r == null ? void 0 : r["Timeline.Item"]

package/timeline/Timeline.js

@@ -1,26 +1,27 @@
 import { jsx as u } from "react/jsx-runtime";
 import d, { useContext as w } from "react";
-import { a as z } from "../chunk/B44Hj5ad.js";
-import { u as j } from "../chunk/BFTV6myl.js";
-import k from "../spin/index.js";
+import "../config-provider/ConfigProvider.js";
+import z from "../components/common/hooks/useMergeProps.js";
+import j from "../spin/index.js";
 import y from "@unicom-cloud/utils/class-name";
 import $ from "./Item.js";
-const x = (a, p, o, i) => {
+import k from "../config-provider/context.js";
+const x = (p, a, o, i) => {
   let t = ["left", "right"];
   i === "horizontal" && (t = ["top", "bottom"]);
-  const l = o === "alternate" ? a || t[p % 2] : o;
+  const l = o === "alternate" ? p || t[a % 2] : o;
   return t.indexOf(l) > -1 ? l : t[0];
 }, N = {
   mode: "left",
   direction: "vertical",
-  pendingDot: /* @__PURE__ */ u(k, { size: 12 }),
+  pendingDot: /* @__PURE__ */ u(j, { size: 12 }),
   labelPosition: "same"
 };
-function E(a, p) {
-  const { getPrefixCls: o, componentConfig: i, rtl: t } = w(z);
+function E(p, a) {
+  const { getPrefixCls: o, componentConfig: i, rtl: t } = w(k);
   t && (N.mode = "right");
-  const l = j(
-    a,
+  const l = z(
+    p,
     N,
     i == null ? void 0 : i.Timeline
   ), {
@@ -42,7 +43,7 @@ function E(a, p) {
     {
       role: "list",
       ...I,
-      ref: p,
+      ref: a,
       className: y(
         r,
         `${r}-${T}`,

package/tooltip/index.js

@@ -1,13 +1,15 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as I } from "../chunk/9TSjT7x_.js";
+import "../dist/tinycolor/chunk/DGZSWe7E.js";
+import { TinyColor as I } from "../dist/tinycolor/src/index.js";
 import S from "lodash/isFunction";
 import { forwardRef as j, useContext as z, useRef as B, useImperativeHandle as W, useMemo as q } from "react";
-import { a as G } from "../chunk/B44Hj5ad.js";
-import { u as J } from "../chunk/BFTV6myl.js";
-import K, { EventsByTriggerNeed as Q } from "../trigger/index.js";
+import "../config-provider/ConfigProvider.js";
+import G from "../components/common/hooks/useMergeProps.js";
+import J, { EventsByTriggerNeed as K } from "../trigger/index.js";
 import h from "@unicom-cloud/utils/class-name";
-import { c as U } from "../chunk/ClM74To2.js";
-import { a as X, p as Y } from "../chunk/ClqoGc3r.js";
+import { isEmptyReactNode as Q } from "../components/common/utils/is.js";
+import { pickDataAttributes as U, pick as X } from "../components/common/utils/pick.js";
+import Y from "../config-provider/context.js";
 const Z = {
   position: "top",
   trigger: "hover",
@@ -24,17 +26,17 @@ const Z = {
   top: 12,
   bottom: 12
 };
-function eo(N, C) {
-  const { getPrefixCls: l, componentConfig: a } = z(G), m = J(
-    N,
+function eo(C, N) {
+  const { getPrefixCls: l, componentConfig: a } = z(Y), m = G(
+    C,
     Z,
     a == null ? void 0 : a.Tooltip
   ), {
-    style: x,
+    style: y,
     className: f,
-    children: y,
-    trigger: w,
-    escToClose: T,
+    children: x,
+    trigger: T,
+    escToClose: w,
     defaultPopupVisible: V,
     position: d,
     unmountOnExit: v,
@@ -49,14 +51,14 @@ function eo(N, C) {
     getPopupContainer: k,
     content: u,
     mini: M,
-    color: s,
+    color: i,
     ...g
   } = m, p = B(), L = (o = 0, e) => {
     var r, b;
     (b = (r = p.current) == null ? void 0 : r.updatePopupPosition) == null || b.call(r, o, e);
   };
   W(
-    C,
+    N,
     () => ({
       // ...refTrigger.current,
       updatePopupPosition: L,
@@ -75,23 +77,23 @@ function eo(N, C) {
     }),
     []
   );
-  const i = D || (l == null ? void 0 : l("tooltip")), t = {
-    ...Y(g, Q),
-    ...X(g),
+  const s = D || (l == null ? void 0 : l("tooltip")), t = {
+    ...X(g, K),
+    ...U(g),
     ...n,
     className: h(f, n == null ? void 0 : n.className)
   }, P = S(u) ? u() : u;
-  "popupVisible" in m ? t.popupVisible = $ : U(P, !0) && (t.popupVisible = !1), (t.showArrow !== !1 || t.arrowProps) && (t.arrowProps = t.arrowProps || {}, s && (t.arrowProps.style = {
-    backgroundColor: s,
+  "popupVisible" in m ? t.popupVisible = $ : Q(P, !0) && (t.popupVisible = !1), (t.showArrow !== !1 || t.arrowProps) && (t.arrowProps = t.arrowProps || {}, i && (t.arrowProps.style = {
+    backgroundColor: i,
     ...t.arrowProps.style
   }));
-  const F = q(() => s ? new I(s).isLight() ?? !1 : !1, [s]);
+  const F = q(() => i ? new I(i).isLight() ?? !1 : !1, [i]);
   return /* @__PURE__ */ c(
-    K,
+    J,
     {
       style: {
         maxWidth: 350,
-        ...x
+        ...y
       },
       className: f,
       ref: p,
@@ -100,23 +102,23 @@ function eo(N, C) {
       popup: () => /* @__PURE__ */ c(
         "div",
         {
-          style: { backgroundColor: s },
+          style: { backgroundColor: i },
           className: h(
-            `${i}-content`,
-            `${i}-content-${d}`,
+            `${s}-content`,
+            `${s}-content-${d}`,
             {
-              [`${i}-mini`]: M,
-              [`${i}-light-color`]: F
+              [`${s}-mini`]: M,
+              [`${s}-light-color`]: F
             }
           ),
           role: "tooltip",
-          children: /* @__PURE__ */ c("div", { className: `${i}-content-inner`, children: P })
+          children: /* @__PURE__ */ c("div", { className: `${s}-content-inner`, children: P })
         }
       ),
       position: d,
       disabled: H,
-      trigger: w,
-      escToClose: T,
+      trigger: T,
+      escToClose: w,
       showArrow: !0,
       popupAlign: oo,
       mouseEnterDelay: 200,
@@ -124,12 +126,12 @@ function eo(N, C) {
       unmountOnExit: v,
       popupHoverStay: E,
       blurToHide: A,
-      childrenPrefix: R || i,
+      childrenPrefix: R || s,
       getPopupContainer: k,
       onVisibleChange: O,
       defaultPopupVisible: V,
       ...t,
-      children: y
+      children: x
     }
   );
 }

package/transfer/Item.js

@@ -1,11 +1,106 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiClose";
-import "@unicom-cloud/icons/IconUiDragDotVertical";
-import "react";
-import { a1 as d } from "../chunk/BbQEqpOn.js";
-import "../chunk/BYdIoY50.js";
-import "../chunk/B44Hj5ad.js";
-import "@unicom-cloud/utils/class-name";
+import { jsxs as I, jsx as a, Fragment as F } from "react/jsx-runtime";
+import H from "@unicom-cloud/icons/IconUiClose";
+import V from "@unicom-cloud/icons/IconUiDragDotVertical";
+import { useRef as P, useState as h, useEffect as T } from "react";
+import q from "../checkbox/Checkbox.js";
+import z from "../components/common/hooks/useKeyboardEvent.js";
+import A from "../icon-hover/index.js";
+import G from "@unicom-cloud/utils/class-name";
+function te(w) {
+  const {
+    className: E,
+    prefixCls: O,
+    render: $,
+    item: t,
+    selectedKeys: S,
+    disabled: K,
+    draggable: v,
+    droppable: l,
+    allowClear: R,
+    onItemSelect: j,
+    onItemRemove: C,
+    onDragStart: d,
+    onDragEnd: g,
+    onDragLeave: m,
+    onDragOver: p,
+    onDrop: f
+  } = w, U = z(), o = `${O}-view-item`, y = P(null), u = P(null), [r, n] = h("none"), [D, s] = h(!1), [b, N] = h(0), i = K || t.disabled, k = v && !i, Y = S.indexOf(t.key) > -1, x = $ ? $(t) : t.value;
+  return T(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []), T(() => {
+    r === "dragged" && (u.current = setTimeout(() => n("none"), 1e3));
+  }, [r]), /* @__PURE__ */ I(
+    "li",
+    {
+      ref: y,
+      className: G(
+        o,
+        {
+          [`${o}-disabled`]: i,
+          [`${o}-draggable`]: k,
+          [`${o}-gap-top`]: D && b < 0,
+          [`${o}-gap-bottom`]: D && b > 0,
+          [`${o}-${r}`]: r !== "none"
+        },
+        E
+      ),
+      draggable: k,
+      onDragStart: (e) => {
+        e.stopPropagation(), n("dragging"), d == null || d(e, t);
+        try {
+          e.dataTransfer.setData("text/plain", "");
+        } catch (c) {
+          console.error(c);
+        }
+      },
+      onDragEnd: (e) => {
+        e.stopPropagation(), s(!1), n("dragged"), g == null || g(e, t);
+      },
+      onDragOver: (e) => {
+        if (l) {
+          e.stopPropagation(), e.preventDefault();
+          const c = y.current.getBoundingClientRect(), _ = window.pageYOffset + c.top + c.height / 2, B = e.pageY > _ ? 1 : -1;
+          s(!0), N(B), p == null || p(e, t);
+        }
+      },
+      onDragLeave: (e) => {
+        l && (e.stopPropagation(), s(!1), m == null || m(e, t));
+      },
+      onDrop: (e) => {
+        l && (e.stopPropagation(), e.preventDefault(), s(!1), N(0), n("none"), f == null || f(e, t, b));
+      },
+      children: [
+        v ? /* @__PURE__ */ a(V, { className: `${o}-icon-drag` }) : null,
+        R ? /* @__PURE__ */ I(F, { children: [
+          /* @__PURE__ */ a("span", { className: `${o}-content`, children: x }),
+          !i && /* @__PURE__ */ a(
+            A,
+            {
+              className: `${o}-icon-remove`,
+              onClick: () => C(t.key),
+              tabIndex: 0,
+              role: "button",
+              ...U({
+                onPressEnter: () => C(t.key)
+              }),
+              children: /* @__PURE__ */ a(H, {})
+            }
+          )
+        ] }) : /* @__PURE__ */ a(
+          q,
+          {
+            className: `${o}-content`,
+            checked: Y,
+            disabled: i,
+            onChange: (e) => j(t.key, e),
+            children: x
+          }
+        )
+      ]
+    },
+    t.key
+  );
+}
 export {
-  d as default
+  te as default
 };

package/transfer/List.js

@@ -1,15 +1,188 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiDelete";
-import "@unicom-cloud/icons/IconUiSearch";
-import "lodash/isPlainObject";
-import "react";
-import "../button/index.js";
-import { a2 as n, a3 as u } from "../chunk/BbQEqpOn.js";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/BYdIoY50.js";
-import "../input/Input.js";
-import "@unicom-cloud/utils/class-name";
+import { jsx as r, jsxs as L, Fragment as z } from "react/jsx-runtime";
+import ae from "@unicom-cloud/icons/IconUiDelete";
+import ce from "@unicom-cloud/icons/IconUiSearch";
+import B from "lodash/isPlainObject";
+import ie, { useContext as de, useState as O, useEffect as me } from "react";
+import fe from "../button/index.js";
+import A from "../checkbox/Checkbox.js";
+import "../config-provider/ConfigProvider.js";
+import he from "../components/common/hooks/useKeyboardEvent.js";
+import pe from "../icon-hover/index.js";
+import ue from "../input/Input.js";
+import Ce from "../list/index.js";
+import Ie from "@unicom-cloud/utils/class-name";
+import ge from "./Item.js";
+import xe from "../config-provider/context.js";
+const be = (q, G) => {
+  const J = he(), {
+    style: M,
+    prefixCls: P,
+    className: Q,
+    listType: V,
+    dataSource: m,
+    selectedKeys: a = [],
+    validKeys: f,
+    selectedDisabledKeys: g,
+    title: h = "",
+    disabled: i,
+    draggable: W,
+    allowClear: j,
+    showSearch: c,
+    showFooter: D,
+    searchPlaceholder: X,
+    render: Y,
+    renderList: x,
+    pagination: b,
+    handleSelect: N,
+    handleRemove: k,
+    filterOption: E,
+    renderHeaderUnit: Z,
+    virtualListProps: _,
+    onSearch: v,
+    onResetData: ee,
+    onDragStart: y,
+    onDragEnd: T,
+    onDragLeave: R,
+    onDragOver: $,
+    onDrop: S
+  } = q, l = `${P}-view`, { locale: w } = de(xe), [p, F] = O(null), [u, te] = O(""), [C, ne] = O(m);
+  me(() => {
+    ne(
+      u ? m.filter((n) => E(u, n)) : m
+    );
+  }, [m, u, E]);
+  const H = (n, s) => N(
+    s ? a.concat(n) : a.filter((e) => e !== n)
+  ), oe = (n, s) => N(
+    s ? [...new Set(a.concat(n))] : a.filter(
+      (e) => n.indexOf(e) === -1
+    )
+  ), K = (n) => () => k(n), U = /* @__PURE__ */ r(
+    ue,
+    {
+      size: "small",
+      disabled: i,
+      placeholder: X,
+      suffix: /* @__PURE__ */ r(ce, {}),
+      ...B(c) ? c : {},
+      onChange: (n, s) => {
+        var e;
+        te(n), v == null || v(n), B(c) && ((e = c.onChange) == null || e.call(c, n, s));
+      }
+    }
+  ), re = () => {
+    const n = a.length, s = C.length, e = u ? f.filter(
+      (d) => C.find(({ key: le }) => le === d)
+    ) : f, t = e.filter(
+      (d) => a.indexOf(d) > -1
+    ).length, o = {
+      disabled: i,
+      checked: t > 0 && t === e.length,
+      indeterminate: t > 0 && t < e.length,
+      onChange: (d) => oe(e, d)
+    };
+    if (typeof h == "function")
+      return h({
+        countTotal: s,
+        countSelected: n,
+        clear: K(e),
+        checkbox: /* @__PURE__ */ r(A, { ...o }),
+        searchInput: U
+      });
+    const I = /* @__PURE__ */ r("span", { className: `${l}-header-unit`, children: Z(n, s) });
+    return j ? /* @__PURE__ */ L(z, { children: [
+      /* @__PURE__ */ r("span", { className: `${l}-header-title`, children: h }),
+      I,
+      !i && f.length ? /* @__PURE__ */ r(
+        pe,
+        {
+          className: `${l}-icon-clear`,
+          onClick: K(e),
+          tabIndex: 0,
+          role: "button",
+          ...J({
+            onPressEnter: K(e)
+          }),
+          children: /* @__PURE__ */ r(ae, {})
+        }
+      ) : null
+    ] }) : /* @__PURE__ */ L(z, { children: [
+      /* @__PURE__ */ r("span", { className: `${l}-header-title`, children: /* @__PURE__ */ r(A, { ...o, children: h }) }),
+      I
+    ] });
+  }, se = () => {
+    var s;
+    const n = x == null ? void 0 : x({
+      listType: V,
+      disabled: i,
+      selectedKeys: a,
+      validKeys: f,
+      selectedDisabledKeys: g,
+      filteredItems: C,
+      onItemRemove: (e) => k([e]),
+      onItemSelect: H,
+      onItemSelectAll: (e, t) => {
+        N(
+          t ? e.concat(g) : [...g]
+        );
+      }
+    });
+    return n ? /* @__PURE__ */ r("div", { className: `${l}-custom-list`, children: n }) : /* @__PURE__ */ r(
+      Ce,
+      {
+        bordered: !1,
+        paginationInFooter: !0,
+        virtualListProps: _,
+        wrapperClassName: `${l}-list`,
+        dataSource: C,
+        pagination: b ? {
+          simple: !0,
+          size: "mini",
+          ...typeof b == "object" ? b : {}
+        } : void 0,
+        footer: D === !0 ? /* @__PURE__ */ r(fe, { size: "mini", disabled: i, onClick: ee, children: (s = w == null ? void 0 : w.Transfer) == null ? void 0 : s.resetText }) : D || null,
+        render: (e) => /* @__PURE__ */ r(
+          ge,
+          {
+            prefixCls: P,
+            item: e,
+            disabled: i,
+            draggable: W,
+            droppable: !!p,
+            allowClear: j,
+            render: Y,
+            selectedKeys: a,
+            onItemSelect: (t, o) => H(t, o),
+            onItemRemove: (t) => k([t]),
+            onDragStart: (t, o) => {
+              F(o), y == null || y(t, o);
+            },
+            onDragEnd: (t, o) => {
+              F(null), T == null || T(t, o);
+            },
+            onDragLeave: (t, o) => R == null ? void 0 : R(t, o),
+            onDragOver: (t, o) => $ == null ? void 0 : $(t, o),
+            onDrop: (t, o, I) => {
+              p && p.key !== o.key && (S == null || S({
+                e: t,
+                dropItem: o,
+                dropPosition: I,
+                dragItem: p
+              }));
+            }
+          },
+          e.key
+        )
+      }
+    );
+  };
+  return /* @__PURE__ */ L("div", { ref: G, className: Ie(l, Q), style: M, children: [
+    /* @__PURE__ */ r("div", { className: `${l}-header`, children: re() }),
+    c && /* @__PURE__ */ r("div", { className: `${l}-search`, children: U }),
+    se()
+  ] });
+}, Ee = ie.forwardRef(be);
 export {
-  n as TransferList,
-  u as default
+  be as TransferList,
+  Ee as default
 };