@unicom-cloud/ui 0.8.105 → 0.8.107

package/App.js

@@ -0,0 +1,7 @@
+import "./app/App.js";
+import { default as r } from "./app/useApp.js";
+import { default as f } from "./app/index.js";
+export {
+  f as default,
+  r as useApp
+};

package/BackTop.js

@@ -1,7 +1,5 @@
 import "react/jsx-runtime";
 import "@unicom-cloud/icons/IconUiToTop";
-import "./dist/tween/src/tween.js";
-import "./dist/tween/src/easing.js";
 import "react";
 import "./config-provider/ConfigProvider.js";
 import "./components/common/hooks/useKeyboardEvent.js";
@@ -12,7 +10,7 @@ import "./components/common/utils/dom.js";
 import "./components/common/utils/pick.js";
 import "./components/common/utils/throttleByRaf.js";
 import "./config-provider/context.js";
-import { default as h } from "./back-top/index.js";
+import { default as c } from "./back-top/index.js";
 export {
-  h as default
+  c as default
 };

package/Calendar.js

@@ -6,10 +6,10 @@ import "./components/common/hooks/useMergeProps.js";
 import "@unicom-cloud/utils/class-name";
 import "./components/common/utils/dayjs.js";
 import "./components/common/utils/pick.js";
-import { default as x } from "./calendar/Month.js";
-import { default as C } from "./calendar/Year.js";
 import "./calendar/header/index.js";
 import "./calendar/header/Panel.js";
+import { default as x } from "./calendar/Month.js";
+import { default as C } from "./calendar/Year.js";
 import "./config-provider/context.js";
 import { default as M } from "./calendar/index.js";
 export {

package/Modal.js

@@ -1,4 +1,6 @@
-import { default as o } from "./modal/Modal.js";
+import { default as a } from "./modal/Modal.js";
+import { default as r } from "./modal/use-modal/index.js";
 export {
-  o as default
+  a as default,
+  r as useModal
 };

package/Segmented.js

@@ -3,9 +3,11 @@ import "react";
 import "./config-provider/ConfigProvider.js";
 import "./components/common/hooks/useMergeProps.js";
 import "@unicom-cloud/utils/class-name";
+import "./components/common/utils/is.js";
 import "./components/common/utils/resizeObserver.js";
 import "./config-provider/context.js";
-import { default as d } from "./segmented/index.js";
+import "@unicom-cloud/utils/is";
+import { default as u } from "./segmented/index.js";
 export {
-  d as default
+  u as default
 };

package/app/App.js

@@ -0,0 +1,26 @@
+import { jsxs as f } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import "../message/index.js";
+import "../modal/Modal.js";
+import "../notification/index.js";
+import d from "./context.js";
+import u from "../message/useMessage.js";
+import x from "../notification/useNotification.js";
+import A from "../modal/use-modal/index.js";
+function g(i) {
+  const { children: r, message: n, notification: m } = i, [o, s] = u(n), [t, p] = x(m), [e, a] = A(), c = l(() => ({
+    message: o,
+    notification: t,
+    modal: e
+  }), [o, t, e]);
+  return /* @__PURE__ */ f(d.Provider, { value: c, children: [
+    a,
+    s,
+    p,
+    r
+  ] });
+}
+g.displayName = "App";
+export {
+  g as default
+};

package/app/context.js

@@ -0,0 +1,9 @@
+import { createContext as t } from "react";
+const o = {
+  message: {},
+  notification: {},
+  modal: {}
+}, n = t(o);
+export {
+  n as default
+};

package/app/index.js

@@ -0,0 +1,9 @@
+import p from "./App.js";
+import o from "./useApp.js";
+const s = Object.assign(p, {
+  useApp: o
+});
+export {
+  s as default,
+  o as useApp
+};

package/app/interface.js

@@ -0,0 +1 @@
+

package/app/useApp.js

@@ -0,0 +1,8 @@
+import { useContext as t } from "react";
+import o from "./context.js";
+function r() {
+  return t(o);
+}
+export {
+  r as default
+};

package/back-top/index.js

@@ -1,83 +1,71 @@
-import { jsx as r } from "react/jsx-runtime";
-import C from "@unicom-cloud/icons/IconUiToTop";
-import { Tween as v } from "../dist/tween/src/tween.js";
-import x from "../dist/tween/src/easing.js";
-import k, { forwardRef as y, useContext as B, useState as E, useEffect as N } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import v from "@unicom-cloud/icons/IconUiToTop";
+import C, { forwardRef as k, useContext as x, useState as y, useEffect as E } from "react";
 import "../config-provider/ConfigProvider.js";
-import H from "../components/common/hooks/useKeyboardEvent.js";
-import P from "../components/common/hooks/useMergeProps.js";
-import { PqbCSSTransition as R } from "../components/common/utils/PqbCSSTransition.js";
-import S from "@unicom-cloud/utils/class-name";
-import { on as $, off as q } from "../components/common/utils/dom.js";
-import { pickDataAttributes as D } from "../components/common/utils/pick.js";
-import { throttleByRaf as I } from "../components/common/utils/throttleByRaf.js";
-import K from "../config-provider/context.js";
-function O(m, p) {
-  const f = {
+import N from "../components/common/hooks/useKeyboardEvent.js";
+import w from "../components/common/hooks/useMergeProps.js";
+import { PqbCSSTransition as B } from "../components/common/utils/PqbCSSTransition.js";
+import H from "@unicom-cloud/utils/class-name";
+import { on as P, off as R } from "../components/common/utils/dom.js";
+import { pickDataAttributes as S } from "../components/common/utils/pick.js";
+import { throttleByRaf as $ } from "../components/common/utils/throttleByRaf.js";
+import D from "../config-provider/context.js";
+function I(m, a) {
+  const p = {
     visibleHeight: 400,
-    tween: !0,
-    easing: x.quartOut,
-    duration: 400,
+    smooth: !0,
     target: () => window
-  }, { getPrefixCls: u, componentConfig: d, rtl: g } = B(K), T = H(), o = P(
+  }, { getPrefixCls: f, componentConfig: u, rtl: d } = x(D), g = N(), o = w(
     m,
-    f,
-    d?.BackTop
-  ), s = u?.("backtop"), [b, w] = E(!1), i = (e) => e === window ? document.documentElement : e;
-  N(() => {
-    const e = o.target?.(), t = I(() => {
-      const n = o.visibleHeight, c = i(e).scrollTop;
-      w(c >= n);
+    p,
+    u?.BackTop
+  ), n = f?.("backtop"), [b, h] = y(!1), i = (t) => t === window ? document.documentElement : t;
+  E(() => {
+    const t = o.target?.(), e = $(() => {
+      const r = o.visibleHeight, T = i(t).scrollTop;
+      h(T >= r);
     });
-    return $(e, "scroll", t), t(), () => {
-      t.cancel?.(), q(e, "scroll", t);
+    return P(t, "scroll", e), e(), () => {
+      e.cancel?.(), R(t, "scroll", e);
     };
   }, [o.target, o.visibleHeight]);
-  const l = () => {
-    const e = o.target?.(), t = i(e), n = t.scrollTop;
-    window.getComputedStyle(t)?.scrollBehavior === "smooth" || o.tween === !1 ? t.scrollTo(0, 0) : new v({
-      from: { scrollTop: n },
-      to: { scrollTop: 0 },
-      easing: o.easing,
-      duration: o.duration,
-      onUpdate: (h) => {
-        t.scrollTop = h.scrollTop;
-      }
-    }).start(), o.onClick?.();
+  const c = () => {
+    const t = o.target?.(), e = i(t), r = { top: 0 };
+    o.smooth && (r.behavior = "smooth"), e.scrollTo(r), o.onClick?.();
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     "div",
     {
-      ...D(o),
-      ref: p,
-      className: S(
-        `${s}`,
-        { [`${s}-rtl`]: g },
+      ...S(o),
+      ref: a,
+      className: H(
+        `${n}`,
+        { [`${n}-rtl`]: d },
         o.className
       ),
       style: o.style,
-      onClick: l,
-      ...T({
-        onPressEnter: l
+      onClick: c,
+      ...g({
+        onPressEnter: c
       }),
-      children: /* @__PURE__ */ r(
-        R,
+      children: /* @__PURE__ */ s(
+        B,
         {
           in: b,
           timeout: 100,
           classNames: "fadeIn",
           unmountOnExit: !0,
-          children: o.children || /* @__PURE__ */ r("button", { className: `${s}-button`, children: /* @__PURE__ */ r(C, {}) })
+          children: o.children || /* @__PURE__ */ s("button", { className: `${n}-button`, children: /* @__PURE__ */ s(v, {}) })
         }
       )
     }
   );
 }
-const a = y(
-  O
+const l = k(
+  I
 );
-a.displayName = "BackTop";
-const Z = k.memo(a);
+l.displayName = "BackTop";
+const L = C.memo(l);
 export {
-  Z as default
+  L as default
 };

package/calendar/Lunar.js

@@ -0,0 +1,71 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { LunarUtil as p, SolarUtil as m, Solar as g, Lunar as u } from "@unicom-cloud/utils/lunar";
+import { useEffect as C } from "react";
+import E from "./index.js";
+import S, { FlexVertical as I } from "../flex/index.js";
+import j from "../space/index.js";
+import "../components/common/utils/is.js";
+import { isPlainObject as c } from "@unicom-cloud/utils/is";
+function v(d) {
+  const { festival: n } = d;
+  return C(() => (c(n?.lunar) && Object.entries(n.lunar).forEach(([e, t], r, i) => {
+    p.FESTIVAL[e] = t;
+  }), () => {
+    c(n?.lunar) && Object.entries(n.lunar).forEach(([e, t], r, i) => {
+      delete p.FESTIVAL[e];
+    });
+  }), [n.lunar]), C(() => (c(n?.solar) && Object.entries(n.solar).forEach(([e, t], r, i) => {
+    m.FESTIVAL[e] = t;
+  }), () => {
+    c(n?.solar) && Object.entries(n.solar).forEach(([e, t], r, i) => {
+      delete m.FESTIVAL[e];
+    });
+  }), [n.solar]), /* @__PURE__ */ a(
+    E,
+    {
+      headerRender: ({
+        value: e,
+        pageShowDate: t,
+        onChangeMode: r,
+        onChange: i,
+        onChangePageDate: h,
+        header: o
+      }) => {
+        const f = t?.toDate?.(), D = g.fromDate(f), l = u.fromDate(f);
+        return /* @__PURE__ */ s(I, { children: [
+          /* @__PURE__ */ a("div", { children: o }),
+          /* @__PURE__ */ s(S, { style: { padding: "0px 24px" }, children: [
+            /* @__PURE__ */ a("span", { children: l.getYearInChinese() }),
+            /* @__PURE__ */ a("span", { children: l.getYearInGanZhi() }),
+            /* @__PURE__ */ a("span", { children: l.getYearShengXiao() }),
+            /* @__PURE__ */ s("span", { children: [
+              l.getMonthInChinese(),
+              "月"
+            ] }),
+            /* @__PURE__ */ a("span", { children: l.getSeason() }),
+            /* @__PURE__ */ a("span", { children: D.getXingZuo() })
+          ] })
+        ] });
+      },
+      dateInnerContent: (e) => {
+        const t = g.fromDate(e.toDate()), r = u.fromDate(e.toDate()), i = r.getJieQi(), h = [
+          ...t.getFestivals(),
+          ...r.getFestivals()
+          // ...solar.getOtherFestivals(),
+          // ...lunar.getOtherFestivals(),
+        ];
+        let o = r.getDayInChinese();
+        return r.getDay() == 1 && (o = `${r.getMonthInChinese()}月${o}`), /* @__PURE__ */ s(I, { gap: 0, children: [
+          /* @__PURE__ */ a("span", { children: o }),
+          !!h.length && /* @__PURE__ */ a(j, { children: h }),
+          !!i && /* @__PURE__ */ a("span", { children: i })
+        ] });
+      },
+      ...d
+    }
+  );
+}
+v.displayName = "LunarComponent";
+export {
+  v as default
+};

package/calendar/index.js

@@ -6,10 +6,10 @@ import de from "../components/common/hooks/useMergeProps.js";
 import me from "@unicom-cloud/utils/class-name";
 import { getDayjsValue as u, getNow as A, methods as g } from "../components/common/utils/dayjs.js";
 import { pickDataAttributes as ce } from "../components/common/utils/pick.js";
-import ie, { getAllDaysByTime as pe } from "./Month.js";
-import fe from "./Year.js";
-import he from "./header/index.js";
-import ue from "./header/Panel.js";
+import ie from "./header/index.js";
+import pe from "./header/Panel.js";
+import fe, { getAllDaysByTime as he } from "./Month.js";
+import ue from "./Year.js";
 import ge from "../config-provider/context.js";
 function ye(m, y) {
   return m === "month" || m === "year" && !y ? "YYYY-MM-DD" : "YYYY-MM";
@@ -57,7 +57,7 @@ function De(m) {
     u(w || _, i)
   ), [X, p] = M(
     u(F, i) || Y || A()
-  ), t = u(R, i) || X, C = "value" in s ? u(w, i) : Y, N = le(() => pe(s, t), [t.toString(), a, W]);
+  ), t = u(R, i) || X, C = "value" in s ? u(w, i) : Y, N = le(() => he(s, t), [t.toString(), a, W]);
   function f(e) {
     U(e), z?.(e), v(e);
   }
@@ -100,8 +100,8 @@ function De(m) {
     modes: I,
     innerMode: a,
     panelOperations: J
-  }, $ = d ? /* @__PURE__ */ r(ue, { ...V }) : /* @__PURE__ */ r(
-    he,
+  }, $ = d ? /* @__PURE__ */ r(pe, { ...V }) : /* @__PURE__ */ r(
+    ie,
     {
       ...V,
       CALENDAR_LOCALE: l,
@@ -129,7 +129,7 @@ function De(m) {
           header: $
         }) : $,
         a === "month" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          ie,
+          fe,
           {
             ...s,
             prefixCls: o,
@@ -142,7 +142,7 @@ function De(m) {
           }
         ) }),
         a === "year" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          fe,
+          ue,
           {
             ...s,
             prefixCls: o,
@@ -168,7 +168,7 @@ function De(m) {
 }
 De.displayName = "Calendar";
 export {
-  ie as CalendarMonth,
-  fe as CalendarYear,
+  fe as CalendarMonth,
+  ue as CalendarYear,
   De as default
 };

package/color-picker/index.js

@@ -8,12 +8,12 @@ import K from "../components/common/hooks/useMergeProps.js";
 import L from "../trigger/index.js";
 import Q from "@unicom-cloud/utils/class-name";
 import { colors as U } from "./colors.js";
-import { ControlBar as vo } from "./ControlBar.js";
+import { ControlBar as kr } from "./ControlBar.js";
 import { useColorPicker as W } from "./hooks/useColorPicker.js";
-import { InputAlpha as Io } from "./InputAlpha.js";
-import { InputHex as Ao } from "./InputHex.js";
-import { InputRgb as $o } from "./InputRgb.js";
-import { Palette as wo } from "./Palette.js";
+import { InputAlpha as yr } from "./InputAlpha.js";
+import { InputHex as Nr } from "./InputHex.js";
+import { InputRgb as br } from "./InputRgb.js";
+import { Palette as zr } from "./Palette.js";
 import { Panel as X } from "./Panel.js";
 import { getGradientString as Y, renderBackground as Z } from "./utils.js";
 import _ from "../config-provider/context.js";
@@ -21,7 +21,7 @@ const c = {
   size: "default",
   presetColors: U
 };
-function oo(t, m) {
+function rr(t, m) {
   const {
     getPrefixCls: d,
     componentConfig: g,
@@ -45,15 +45,15 @@ function oo(t, m) {
     showHistory: N,
     showPreset: A,
     renderFooter: b
-  } = n, r = d?.("color-picker"), {
-    value: o,
+  } = n, o = d?.("color-picker"), {
+    value: r,
     activeMode: $,
     gradientColors: z,
     activeColorId: w,
     activeColorIdRef: E,
     popupVisible: R,
-    color: B,
-    alpha: H,
+    color: H,
+    alpha: B,
     onHsvChange: M,
     onAlphaChange: O,
     onVisibleChange: T,
@@ -67,14 +67,14 @@ function oo(t, m) {
       popup: () => /* @__PURE__ */ e(
         X,
         {
-          value: o,
+          value: r,
           mode: h,
           activeMode: $,
           gradientColors: z,
           activeColorId: w,
           activeColorIdRef: E,
-          color: B,
-          alpha: H,
+          color: H,
+          alpha: B,
           historyColors: y,
           presetColors: I,
           showHistory: N,
@@ -103,16 +103,16 @@ function oo(t, m) {
       ...P,
       onVisibleChange: T,
       children: (() => {
-        const a = G(t.triggerElement) ? t.triggerElement({ value: o }) : t.triggerElement;
+        const a = G(t.triggerElement) ? t.triggerElement({ value: r }) : t.triggerElement;
         if (!S(a))
           return a;
-        const s = typeof o == "string" ? o : Y(o);
+        const s = typeof r == "string" ? r : Y(r);
         return /* @__PURE__ */ p(
           "div",
           {
-            className: Q(r, f, {
-              [`${r}-size-${l}`]: l,
-              [`${r}-disabled`]: i
+            className: Q(o, f, {
+              [`${o}-size-${l}`]: l,
+              [`${o}-disabled`]: i
             }),
             style: C,
             ref: m,
@@ -120,20 +120,20 @@ function oo(t, m) {
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `${r}-preview`,
-                  style: Array.isArray(o) ? {
-                    background: Z(o)
-                  } : { backgroundColor: o }
+                  className: `${o}-preview`,
+                  style: Array.isArray(r) ? {
+                    background: Z(r)
+                  } : { backgroundColor: r }
                 }
               ),
-              !!v && /* @__PURE__ */ p("div", { className: `${r}-value`, children: [
+              !!v && /* @__PURE__ */ p("div", { className: `${o}-value`, children: [
                 s,
-                !i && /* @__PURE__ */ e(J, { text: s, className: `${r}-copy` })
+                !i && /* @__PURE__ */ e(J, { text: s, className: `${o}-copy` })
               ] }),
               /* @__PURE__ */ e(
                 "input",
                 {
-                  className: `${r}-input`,
+                  className: `${o}-input`,
                   value: s,
                   disabled: i,
                   readOnly: !0
@@ -147,16 +147,16 @@ function oo(t, m) {
     }
   );
 }
-const ro = D.forwardRef(
-  oo
+const or = D.forwardRef(
+  rr
 );
-ro.displayName = "ColorPicker";
+or.displayName = "ColorPicker";
 export {
-  vo as ColorPickerControlBar,
-  Io as ColorPickerInputAlpha,
-  Ao as ColorPickerInputHex,
-  $o as ColorPickerInputRgb,
-  wo as ColorPickerPalette,
+  kr as ColorPickerControlBar,
+  yr as ColorPickerInputAlpha,
+  Nr as ColorPickerInputHex,
+  br as ColorPickerInputRgb,
+  zr as ColorPickerPalette,
   X as ColorPickerPanel,
-  ro as default
+  or as default
 };

package/components/common/flex/index.js

@@ -32,10 +32,10 @@ const O = (o) => A(o) && Object.keys(y).includes(o), m = (o, r, t) => {
       ...s !== void 0 && {
         flexWrap: V(s) ? s ? "wrap" : "nowrap" : s
       },
-      ...n && { alignItems: n },
-      ...i && { justifyContent: i },
-      ...e && { flexDirection: e },
-      ...l && { flex: l }
+      ...!!n && { alignItems: n },
+      ...!!i && { justifyContent: i },
+      ...!!e && { flexDirection: e },
+      ...!!l && { flex: l }
     };
     return { ...c, ...M };
   }, [f, s, n, i, e, l, c]);

package/components/common/icons/file/index.js

@@ -1,13 +1,13 @@
-import { jsx as s, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { UI_COMMON_PREFIX as d } from "@unicom-cloud/utils/constant/ui";
 import { forwardRef as f } from "react";
 import p from "@unicom-cloud/utils/class-name";
-function x(e, c) {
-  const { style: o, className: t, backgroundColor: a, color: r, text: i, ...m } = e, l = `${d}-icons-file`;
-  return /* @__PURE__ */ s("div", { className: p(l, t), children: /* @__PURE__ */ n(
+function x(s, t) {
+  const { style: o, className: c, backgroundColor: a, color: i, text: r, ...m } = s, l = `${d}-icons-file`;
+  return /* @__PURE__ */ e("div", { className: p(l, c), children: /* @__PURE__ */ n(
     "svg",
     {
-      ref: c,
+      ref: t,
       className: `${l}-svg`,
       style: o,
       ...m,
@@ -16,7 +16,7 @@ function x(e, c) {
       viewBox: "0 0 166 200",
       version: "1.1",
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ e(
           "path",
           {
             className: `${l}-svg-bg`,
@@ -26,23 +26,25 @@ function x(e, c) {
             }
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ e(
           "path",
           {
             className: `${l}-svg-tr`,
             d: "M165.174,55.97l-46.193,0c-5.379,-0.13 -9.768,-4.505 -9.904,-9.872l0,-46.098l56.088,55.97l0.009,0Z"
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ e(
           "text",
           {
             className: `${l}-svg-text`,
-            x: "16.351px",
+            x: "50%",
             y: "142.967px",
+            textAnchor: "middle",
+            dominantBaseline: "middle",
             style: {
-              fill: r
+              fill: i
             },
-            children: i ?? "doc"
+            children: r ?? "doc"
           }
         )
       ]