@unicom-cloud/ui 0.8.99 → 0.8.101

package/table/th-resizable/index.js

@@ -1,46 +1,103 @@
-import { jsx as C, jsxs as M } from "react/jsx-runtime";
-import X from "lodash/isFunction";
-import { useRef as u, useContext as z, useCallback as o, useEffect as E } from "react";
+import { jsx as h, jsxs as M, Fragment as P } from "react/jsx-runtime";
+import { useRef as s, useContext as X, useEffect as j } from "react";
 import "../../config-provider/ConfigProvider.js";
-import T from "@unicom-cloud/utils/class-name";
-import { on as b, off as w } from "../../components/common/utils/dom.js";
-import { defaultComponent as j } from "../constant.js";
+import "@unicom-cloud/utils/case-name";
+import z from "@unicom-cloud/utils/class-name";
+import "../../dist/tinycolor/chunk/BOzCVdr0.js";
+import "@unicom-cloud/utils/constant/ui";
+import "../../utils/contextHolder.js";
+import "@unicom-cloud/utils/dayjs";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../../components/common/utils/dayjs.js";
+import { off as g, on as C } from "../../components/common/utils/dom.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isNumber";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
+import "../../components/common/utils/is.js";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/debounce";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/merge";
+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 "lodash/isPlainObject";
+import "../../dist/react-transition-group/src/CSSTransition.js";
+import "../../dist/react-transition-group/src/ReplaceTransition.js";
+import "../../dist/react-transition-group/src/SwitchTransition.js";
+import "../../dist/react-transition-group/chunk/CPfP7aNL.js";
+import "../../dist/react-transition-group/src/TransitionGroup.js";
+import "../../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import { isFunction as E, isPlainObject as T } from "@unicom-cloud/utils/is";
+import "uuid";
+import "../../dist/validate/src/index.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import { defaultComponent as D } from "../constant.js";
 /* empty css           */
-import D from "../../config-provider/context.js";
-function A(v) {
-  let { className: r, children: m, column: a, onResize: l, ...f } = v;
-  const p = j.header.th, n = u(null), x = u(null), t = u({}), { getPrefixCls: R } = z(D), d = R?.("table-th-resizable");
-  if (!X(l)) return /* @__PURE__ */ C(p, { ref: n, ...f, className: r, children: m });
-  const h = o((e) => {
-    t.current.boundingClientRect = n.current.getBoundingClientRect(), t.current.pageX = e?.pageX ?? 0, N();
-  }, []), s = o((e) => {
-    g();
-  }, []), c = o((e) => {
-    let i = t.current.boundingClientRect.width + ((e?.pageX ?? 0) - t.current.pageX);
-    i < 0 || (a.width = i, l?.({
-      column: a,
-      width: i,
-      widthOrigin: t.current.boundingClientRect.width
+import F from "../../config-provider/context.js";
+function Bt(b) {
+  let {
+    className: r,
+    children: u,
+    column: i,
+    onResize: c,
+    ...w
+  } = b;
+  const v = D.header.th, f = s(null), x = s(null), o = s({}), { getPrefixCls: R } = X(F), a = R?.("table-th-resizable");
+  function l(t) {
+    o.current.boundingClientRect = f.current.getBoundingClientRect(), o.current.pageX = t?.pageX ?? 0, n(), N();
+  }
+  function e(t) {
+    n();
+  }
+  function m(t) {
+    let p = o.current.boundingClientRect.width + ((t?.pageX ?? 0) - o.current.pageX);
+    p < 0 || (T(i) && (i.width = p), c?.({
+      column: i,
+      width: p,
+      widthOrigin: o.current.boundingClientRect.width
     }));
-  }, []), N = o((e) => {
-    b(document, "mousemove", c), b(document, "mouseup", s);
-  }, []), g = o((e) => {
-    w(document, "mousemove", c), w(document, "mouseup", s);
-  }, []);
-  return r = T(r, d), E(() => (h(), c(), s(), () => {
-    g();
-  }), []), /* @__PURE__ */ M(p, { ref: n, ...f, className: r, children: [
-    m,
-    /* @__PURE__ */ C(
+  }
+  function N(t) {
+    C(document, "mousemove", m), C(document, "mouseup", e);
+  }
+  function n(t) {
+    g(document, "mousemove", m), g(document, "mouseup", e);
+  }
+  r = z(r, a), j(() => (l(), m(), e(), () => {
+    n();
+  }), []);
+  let d = u;
+  return E(c) && (d = /* @__PURE__ */ M(P, { children: [
+    u,
+    /* @__PURE__ */ h(
       "div",
       {
         ref: x,
-        className: `${d}-cursor`,
-        onMouseDown: h
+        className: `${a}-cursor`,
+        onMouseDown: l
       }
     )
-  ] });
+  ] })), /* @__PURE__ */ h(v, { ref: f, ...w, className: r, children: d });
 }
 export {
-  A as default
+  Bt as default
 };

package/tag/index.js

@@ -1,7 +1,7 @@
-import { jsx as r, jsxs as y, Fragment as B } from "react/jsx-runtime";
-import D from "@unicom-cloud/icons/IconUiClose";
-import G from "@unicom-cloud/icons/IconUiLoading";
-import C from "lodash/isPlainObject";
+import { jsx as r, jsxs as y, Fragment as q } from "react/jsx-runtime";
+import B from "@unicom-cloud/icons/IconUiClose";
+import D from "@unicom-cloud/icons/IconUiLoading";
+import g from "lodash/isPlainObject";
 import { forwardRef as J, useContext as Q, useState as b } from "react";
 import "../config-provider/ConfigProvider.js";
 import W from "../components/common/hooks/useKeyboardEvent.js";
@@ -27,89 +27,89 @@ const ce = [
 ], se = {
   size: "default"
 };
-function re(P, I) {
-  const { getPrefixCls: O, componentConfig: E, rtl: T } = Q(ne), _ = W(), n = X(
-    P,
+function re(O, P) {
+  const { getPrefixCls: I, componentConfig: T, rtl: _ } = Q(ne), E = W(), n = X(
+    O,
     se,
-    E?.Tag
+    T?.Tag
   ), {
-    className: j,
-    style: z,
+    className: L,
+    style: S,
     children: k,
     color: s,
     closable: c,
     checkable: t,
-    defaultChecked: H,
+    defaultChecked: j,
     size: u,
-    onClose: L,
-    onCheck: S,
+    onClose: z,
+    onCheck: H,
     icon: $,
     closeIcon: l,
-    bordered: w,
-    __closeIconProps: K,
-    ...R
-  } = n, e = O?.("tag"), [U, v] = b(
+    bordered: R,
+    __closeIconProps: w,
+    ...K
+  } = n, e = I?.("tag"), [U, v] = b(
     "visible" in n ? n.visible : !0
-  ), [V, F] = b(
-    "checked" in n ? n.checked : H
-  ), [a, m] = b(), x = "checked" in n ? n.checked : V, M = "visible" in n ? n.visible : U;
+  ), [V, A] = b(
+    "checked" in n ? n.checked : j
+  ), [a, m] = b(), x = "checked" in n ? n.checked : V, F = "visible" in n ? n.visible : U;
   function d(o) {
-    const g = L?.(o);
-    g && g.then ? (m(!0), g.then(() => {
+    const C = z?.(o);
+    C && C.then ? (m(!0), C.then(() => {
       m(!1), v(!1);
     }).catch(() => {
       m(!1);
     })) : v(!1);
   }
-  function q() {
+  function G() {
     const o = !x;
-    "checked" in n || F(o), S?.(o);
+    "checked" in n || A(o), H?.(o);
   }
-  const i = s && ce.indexOf(s) !== -1 ? s : "", p = t ? x : !0, A = ee(
+  const i = s && ce.indexOf(s) !== -1 ? s : "", p = t ? x : !0, M = ee(
     e,
     {
       [`${e}-loading`]: a,
-      [`${e}-hide`]: !M,
+      [`${e}-hide`]: !F,
       [`${e}-${i}`]: i,
       [`${e}-checkable`]: t,
       [`${e}-checked`]: p,
       [`${e}-size-${u}`]: u,
-      [`${e}-bordered`]: w,
+      [`${e}-bordered`]: R,
       [`${e}-custom-color`]: p && s && !i,
-      [`${e}-rtl`]: T
+      [`${e}-rtl`]: _
     },
-    j
+    L
   ), f = {
-    ...z
+    ...S
   };
   s && !i && p && (f.backgroundColor ||= s, f.borderColor ||= s);
-  const N = oe(R, ["visible"]);
-  t && (N.onClick = q);
+  const N = oe(K, ["visible"]);
+  t && (N.onClick = G);
   let h = /* @__PURE__ */ r(
     Y,
     {
       prefix: e,
       className: `${e}-close-btn`,
       onClick: (o) => {
-        C(c?.popconfirm) || d(o);
+        g(c?.popconfirm) || d(o);
       },
       role: "button",
       tabIndex: 0,
-      ..._({
+      ...E({
         onPressEnter(o) {
-          C(c?.popconfirm) || d(o);
+          g(c?.popconfirm) || d(o);
         }
       }),
       "aria-label": "Close",
-      ...K,
-      children: l !== void 0 ? l : /* @__PURE__ */ r(D, {})
+      ...w,
+      children: l !== void 0 ? l : /* @__PURE__ */ r(B, {})
     }
   );
-  return C(c?.popconfirm) && (h = /* @__PURE__ */ r(
+  return g(c?.popconfirm) && (h = /* @__PURE__ */ r(
     Z,
     {
       ...c?.popconfirm,
-      title: c?.popconfirm?.title || /* @__PURE__ */ y(B, { children: [
+      title: c?.popconfirm?.title || /* @__PURE__ */ y(q, { children: [
         "确定要关闭 ",
         k
       ] }),
@@ -121,15 +121,16 @@ function re(P, I) {
       },
       children: h
     }
-  )), /* @__PURE__ */ y("div", { ref: I, style: f, className: A, ...N, children: [
+  )), /* @__PURE__ */ y("div", { ref: P, style: f, className: M, ...N, children: [
     $ && /* @__PURE__ */ r("span", { className: `${e}-icon`, children: $ }),
     /* @__PURE__ */ r("span", { className: `${e}-content`, children: k }),
     !!c && !a && l !== null && h,
-    a && /* @__PURE__ */ r("span", { className: `${e}-loading-icon`, children: /* @__PURE__ */ r(G, {}) })
+    a && /* @__PURE__ */ r("span", { className: `${e}-loading-icon`, children: /* @__PURE__ */ r(D, {}) })
   ] });
 }
 const ie = J(re);
 ie.displayName = "Tag";
 export {
+  ce as TAG_COLORS,
   ie as default
 };

package/tooltip/index.js

@@ -1,69 +1,71 @@
 import { jsx as p } from "react/jsx-runtime";
 import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import { TinyColor as L } from "../dist/tinycolor/src/index.js";
-import F from "lodash/isFunction";
-import { forwardRef as I, useContext as S, useRef as j, useImperativeHandle as z, useMemo as B } from "react";
+import { TinyColor as F } from "../dist/tinycolor/src/index.js";
+import I from "lodash/isFunction";
+import { forwardRef as S, useContext as j, useRef as z, useImperativeHandle as B, useMemo as W } from "react";
 import "../config-provider/ConfigProvider.js";
-import W from "../components/common/hooks/useMergeProps.js";
-import q, { EventsByTriggerNeed as G } from "../trigger/index.js";
-import f from "@unicom-cloud/utils/class-name";
-import { isEmptyReactNode as J } from "../components/common/utils/is.js";
-import { pickDataAttributes as K, pick as Q } from "../components/common/utils/pick.js";
-import U from "../config-provider/context.js";
-const X = {
+import q from "../components/common/hooks/useMergeProps.js";
+import G, { EventsByTriggerNeed as J } from "../trigger/index.js";
+import g from "@unicom-cloud/utils/class-name";
+import { isEmptyReactNode as K } from "../components/common/utils/is.js";
+import { pickDataAttributes as Q, pick as U } from "../components/common/utils/pick.js";
+import X from "../config-provider/context.js";
+const Y = {
   position: "top",
   trigger: "hover",
   escToClose: !1,
   unmountOnExit: !0,
   blurToHide: !0,
   popupHoverStay: !0
-}, Y = {
+}, Z = {
   enter: 300,
   exit: 100
-}, Z = {
+}, _ = {
   left: 12,
   right: 12,
   top: 12,
   bottom: 12
 };
-function _(g, d) {
-  const { getPrefixCls: P, componentConfig: C } = S(U), n = W(
-    g,
-    X,
-    C?.Tooltip
+function oo(d, P) {
+  const { getPrefixCls: C, componentConfig: b } = j(X), n = q(
+    d,
+    Y,
+    b?.Tooltip
   ), {
-    style: b,
+    style: h,
     className: l,
-    children: h,
-    trigger: x,
-    escToClose: N,
-    defaultPopupVisible: y,
+    children: x,
+    trigger: N,
+    escToClose: y,
+    defaultPopupVisible: T,
     position: a,
-    unmountOnExit: T,
-    popupVisible: w,
-    prefixCls: V,
-    blurToHide: v,
-    popupHoverStay: $,
-    disabled: D,
+    unmountOnExit: w,
+    popupVisible: V,
+    prefixCls: v,
+    blurToHide: $,
+    popupHoverStay: D,
+    disabled: E,
     onVisibleChange: A,
     triggerProps: u,
-    childrenPrefix: E,
-    getPopupContainer: H,
-    content: i,
-    mini: O,
-    color: e,
-    ...c
-  } = n, t = j(), R = (s = 0, M) => {
-    t.current?.updatePopupPosition?.(s, M);
+    childrenPrefix: H,
+    getPopupContainer: O,
+    content: s,
+    mini: R,
+    color: r,
+    pre: c,
+    // 潘启宝添加
+    ...m
+  } = n, t = z(), k = (i = 0, L) => {
+    t.current?.updatePopupPosition?.(i, L);
   };
-  z(
-    d,
+  B(
+    P,
     () => ({
       // ...refTrigger.current,
-      updatePopupPosition: R,
+      updatePopupPosition: k,
       getRootDOMNode: () => t.current?.getRootDOMNode?.(),
-      setPopupVisible(s) {
-        t.current?.setPopupVisible?.(s);
+      setPopupVisible(i) {
+        t.current?.setPopupVisible?.(i);
       },
       hide() {
         t.current?.setPopupVisible?.(!1);
@@ -71,66 +73,71 @@ function _(g, d) {
     }),
     []
   );
-  const r = V || P?.("tooltip"), o = {
-    ...Q(c, G),
-    ...K(c),
+  const e = v || C?.("tooltip"), o = {
+    ...U(m, J),
+    ...Q(m),
     ...u,
-    className: f(l, u?.className)
-  }, m = F(i) ? i() : i;
-  "popupVisible" in n ? o.popupVisible = w : J(m, !0) && (o.popupVisible = !1), (o.showArrow !== !1 || o.arrowProps) && (o.arrowProps = o.arrowProps || {}, e && (o.arrowProps.style = {
-    backgroundColor: e,
+    className: g(l, u?.className)
+  }, f = I(s) ? s() : s;
+  "popupVisible" in n ? o.popupVisible = V : K(f, !0) && (o.popupVisible = !1), (o.showArrow !== !1 || o.arrowProps) && (o.arrowProps = o.arrowProps || {}, r && (o.arrowProps.style = {
+    backgroundColor: r,
     ...o.arrowProps.style
   }));
-  const k = B(() => e ? new L(e).isLight() ?? !1 : !1, [e]);
+  const M = W(() => r ? new F(r).isLight() ?? !1 : !1, [r]);
   return /* @__PURE__ */ p(
-    q,
+    G,
     {
       style: {
         maxWidth: 350,
-        ...b
+        ...h
       },
       className: l,
       ref: t,
       classNames: "zoomInFadeOut",
-      duration: Y,
-      popup: () => /* @__PURE__ */ p(
-        "div",
-        {
-          style: { backgroundColor: e },
-          className: f(
-            `${r}-content`,
-            `${r}-content-${a}`,
-            {
-              [`${r}-mini`]: O,
-              [`${r}-light-color`]: k
-            }
-          ),
-          role: "tooltip",
-          children: /* @__PURE__ */ p("div", { className: `${r}-content-inner`, children: m })
-        }
-      ),
+      duration: Z,
+      popup: () => {
+        const i = c ? "pre" : "div";
+        return /* @__PURE__ */ p(
+          "div",
+          {
+            style: { backgroundColor: r },
+            className: g(
+              `${e}-content`,
+              `${e}-content-${a}`,
+              {
+                [`${e}-mini`]: R,
+                [`${e}-pre`]: c,
+                // 潘启宝添加
+                [`${e}-light-color`]: M
+              }
+            ),
+            role: "tooltip",
+            children: /* @__PURE__ */ p(i, { className: `${e}-content-inner`, children: f })
+          }
+        );
+      },
       position: a,
-      disabled: D,
-      trigger: x,
-      escToClose: N,
+      disabled: E,
+      trigger: N,
+      escToClose: y,
       showArrow: !0,
-      popupAlign: Z,
+      popupAlign: _,
       mouseEnterDelay: 200,
       mouseLeaveDelay: 200,
-      unmountOnExit: T,
-      popupHoverStay: $,
-      blurToHide: v,
-      childrenPrefix: E || r,
-      getPopupContainer: H,
+      unmountOnExit: w,
+      popupHoverStay: D,
+      blurToHide: $,
+      childrenPrefix: H || e,
+      getPopupContainer: O,
       onVisibleChange: A,
-      defaultPopupVisible: y,
+      defaultPopupVisible: T,
       ...o,
-      children: h
+      children: x
     }
   );
 }
-const oo = I(_);
-oo.displayName = "Tooltip";
+const eo = S(oo);
+eo.displayName = "Tooltip";
 export {
-  oo as default
+  eo as default
 };

package/tour/index.js

@@ -56,6 +56,7 @@ import { resizeObserver as yt } from "../components/common/utils/resizeObserver.
 import "@unicom-cloud/utils/file/saveAs";
 import "@unicom-cloud/utils/screenfull";
 import "@unicom-cloud/utils/constant/ui.js";
+import "react-is";
 import "@unicom-cloud/utils/tree";
 import "@unicom-cloud/utils/is";
 import "uuid";
@@ -73,13 +74,12 @@ const xt = {
   zIndex: 1e3,
   current: 0
 };
-function je(L) {
+function Me(L) {
   const { getPrefixCls: X, componentConfig: Y, rtl: kt } = ct($t), K = gt(
     L,
     xt,
     Y?.Tour
-  );
-  let {
+  ), {
     style: U,
     className: _,
     steps: n,
@@ -96,8 +96,7 @@ function je(L) {
     onFinish: tt,
     onStepChange: O,
     ...Ct
-  } = K;
-  const o = X?.("tour"), [r, H] = C(S), [e, j] = C(null), [W, et] = C(w), [f, I] = C(N), M = F(null), c = F(null), E = `0 0 0 ${Math.max(window.innerWidth, window.innerHeight)}px var(--pqb-mask-bg-color),0 0 15px 0 var(--pqb-mask-bg-color)`, p = typeof n[r]?.target == "string" ? document.querySelector(n[r].target) : n[r]?.target, v = () => {
+  } = K, o = X?.("tour"), [r, H] = C(S), [e, j] = C(null), [W, et] = C(w), [f, I] = C(N), M = F(null), c = F(null), E = `0 0 0 ${Math.max(window.innerWidth, window.innerHeight)}px var(--pqb-mask-bg-color),0 0 15px 0 var(--pqb-mask-bg-color)`, p = typeof n[r]?.target == "string" ? document.querySelector(n[r].target) : n[r]?.target, v = () => {
     let t;
     if (p ? t = p.getBoundingClientRect() : t = new DOMRect(
       window.innerWidth / 2 - (c.current?.offsetWidth ?? 0) / 2,
@@ -307,5 +306,5 @@ function je(L) {
   );
 }
 export {
-  je as default
+  Me as default
 };