@unicom-cloud/ui 0.8.98 → 0.8.100

package/copy/index.js

@@ -1,62 +1,110 @@
-import { jsx as i, jsxs as y } from "react/jsx-runtime";
-import x from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import g from "@unicom-cloud/icons/IconUiCopy";
-import { useContext as T, useState as h, useRef as b, useEffect as P } from "react";
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import g from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import T from "@unicom-cloud/icons/IconUiCopy";
+import { useContext as h, useState as b, useRef as P, useEffect as w } from "react";
 import "../config-provider/ConfigProvider.js";
-import w from "../components/common/hooks/useKeyboardEvent.js";
-import E from "../tooltip/index.js";
-import N from "@unicom-cloud/utils/class-name";
-import k from "@unicom-cloud/utils/clipboard-copy";
-import { mergedToString as v } from "../components/common/utils/mergedToString.js";
-import I from "../config-provider/context.js";
-function j(o) {
-  const { children: r } = o, u = w(), C = T(I), { getPrefixCls: d, locale: c } = C, l = d?.("copy"), [t, s] = h(!1), e = b(-1), n = o.tooltips || [
+import E from "../components/common/hooks/useKeyboardEvent.js";
+import N from "../tooltip/index.js";
+import "@unicom-cloud/utils/case-name";
+import k 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 I from "@unicom-cloud/utils/clipboard-copy";
+import "../components/common/utils/dayjs.js";
+import "../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 { mergedToString as j } from "../components/common/utils/mergedToString.js";
+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 "lodash/isPlainObject";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import { isFunction as v } from "@unicom-cloud/utils/is";
+import "uuid";
+import "../dist/validate/src/index.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import F from "../config-provider/context.js";
+function S(o) {
+  const { children: n } = o, u = E(), C = h(F), { getPrefixCls: d, locale: c, rtl: y } = C, r = d?.("copy"), [i, l] = b(!1), m = P(-1), p = o.tooltips || [
     c?.Typography?.copy,
     c?.Typography?.copied
   ];
-  let m = null;
-  o.icon !== null && o.icon !== !1 && (m = t ? /* @__PURE__ */ i(x, {}) : o.icon || /* @__PURE__ */ i(g, {}));
-  function a(f) {
-    if (f.stopPropagation(), t)
+  let s = null;
+  o.icon !== null && o.icon !== !1 && (s = i ? /* @__PURE__ */ e(g, {}) : o.icon || /* @__PURE__ */ e(T, {}));
+  function f(a) {
+    if (a.stopPropagation(), i)
       return;
-    const p = o.text !== void 0 ? o.text : v(r);
-    k(p), s(!0), o.onCopy?.(p, f), e.current = window.setTimeout(() => {
-      s(!1);
+    let t = o.text;
+    v(t) && (t = t()), t || (t = j(n)), I(t), l(!0), o.onCopy?.(t, a), m.current = window.setTimeout(() => {
+      l(!1);
     }, 3e3);
   }
-  return P(() => () => {
-    clearTimeout(e.current), e.current = -1;
-  }, []), /* @__PURE__ */ i(
-    E,
+  return w(() => () => {
+    clearTimeout(m.current), m.current = -1;
+  }, []), /* @__PURE__ */ e(
+    N,
     {
-      content: t ? n[1] : n[0],
+      content: i ? p[1] : p[0],
       getPopupContainer: () => window.document.body,
       ...o.tooltipProps,
-      children: /* @__PURE__ */ y(
+      children: /* @__PURE__ */ x(
         "span",
         {
-          className: N(
-            `${l}-copy`,
-            !!t && `${l}-copied`,
+          className: k(
+            r,
+            !!y && `${r}-rtl`,
+            !!i && `${r}-copied`,
             o.className
           ),
           role: "button",
-          "aria-label": n[0],
+          "aria-label": p[0],
           tabIndex: 0,
-          onClick: a,
+          onClick: f,
           ...u({
-            onPressEnter: a
+            onPressEnter: f
           }),
           children: [
-            r,
-            m
+            n,
+            s
           ]
         }
       )
     }
   );
 }
-j.displayName = "Copy";
+S.displayName = "Copy";
 export {
-  j as default
+  S as default
 };

package/flex/index.js

@@ -0,0 +1,59 @@
+import { jsx as c } from "react/jsx-runtime";
+import V, { forwardRef as n } from "react";
+import "../config-provider/ConfigProvider.js";
+import h from "../components/common/hooks/useMergeProps.js";
+import w from "@unicom-cloud/utils/class-name";
+import { isPresetSize as i, createFlexClassNames as z } from "./utils.js";
+import R from "../config-provider/context.js";
+const S = {
+  component: "div",
+  vertical: !1
+};
+function j(r, o) {
+  const { getPrefixCls: p, rtl: f, componentConfig: x } = V.useContext(R), l = h(
+    r,
+    S,
+    x?.Flex
+  ), {
+    prefixCls: C,
+    rootClassName: d,
+    className: u,
+    style: g,
+    flex: a,
+    gap: e,
+    children: N,
+    vertical: v,
+    component: F = "div",
+    wrap: b,
+    ...P
+  } = l, t = p?.("flex", C), y = w(
+    t,
+    u,
+    d,
+    {
+      [`${t}-rtl`]: f,
+      [`${t}-gap-${e}`]: i(e),
+      [`${t}-vertical`]: v
+    },
+    z(t, l)
+  ), $ = {
+    ...g,
+    ...a ? { flex: a } : {},
+    ...e && !i(e) ? { gap: e } : {}
+  };
+  return /* @__PURE__ */ c(F, { ref: o, className: y, style: $, ...P, children: N });
+}
+const s = n(
+  j
+);
+s.displayName = "Flex";
+function M(r, o) {
+  return /* @__PURE__ */ c(s, { ref: o, ...r, vertical: !0, children: r.children });
+}
+const m = n(M);
+m.displayName = "FlexVertical";
+s.Vertical = m;
+export {
+  m as FlexVertical,
+  s as default
+};

package/flex/interface.js

@@ -0,0 +1,34 @@
+const e = [
+  "wrap",
+  "nowrap",
+  "wrap-reverse"
+], t = [
+  "flex-start",
+  "flex-end",
+  "start",
+  "end",
+  "center",
+  "space-between",
+  "space-around",
+  "space-evenly",
+  "stretch",
+  "normal",
+  "left",
+  "right"
+], s = [
+  "center",
+  "start",
+  "end",
+  "flex-start",
+  "flex-end",
+  "self-start",
+  "self-end",
+  "baseline",
+  "normal",
+  "stretch"
+];
+export {
+  s as alignItemsValues,
+  e as flexWrapValues,
+  t as justifyContentValues
+};

package/flex/utils.js

@@ -0,0 +1,13 @@
+import s from "@unicom-cloud/utils/class-name";
+import { alignItemsValues as u, justifyContentValues as c, flexWrapValues as m } from "./interface.js";
+function g(t, i) {
+  const n = i.wrap === !0 ? "wrap" : i.wrap, a = n && m.includes(n) ? `${t}-wrap-${n}` : void 0, e = i.align && u.includes(i.align) ? `${t}-align-${i.align}` : !i.align && i.vertical ? `${t}-align-stretch` : void 0, l = i.justify && c.includes(i.justify) ? `${t}-justify-${i.justify}` : void 0;
+  return s(a, e, l);
+}
+function d(t) {
+  return typeof t == "string" && ["mini", "small", "medium", "large"].includes(t);
+}
+export {
+  g as createFlexClassNames,
+  d as isPresetSize
+};

package/grid/{GridItem.js → Item.js}

@@ -15,27 +15,27 @@ const U = {
   span: 1
 };
 function W($, g) {
-  const { getPrefixCls: G, componentConfig: _, rtl: y } = p(K), i = q(
+  const { getPrefixCls: _, componentConfig: y, rtl: S } = p(K), a = q(
     $,
     U,
-    _?.["Grid.GridItem"]
+    y?.["Grid.Item"]
   ), {
-    children: a,
-    className: S,
+    children: i,
+    className: G,
     style: v,
     offset: N,
     span: D,
     __index__: s
-  } = i, r = p(A), { collectItemData: R, removeItemData: E } = p(
+  } = a, n = p(A), { collectItemData: R, removeItemData: E } = p(
     H
-  ), { colGap: f, cols: l, displayIndexList: P, overflow: u } = r, d = C(N, 0), n = C(D, 1), x = G?.("grid-item"), w = P?.includes(s), M = {
+  ), { colGap: f, cols: l, displayIndexList: P, overflow: u } = n, d = C(N, 0), r = C(D, 1), x = _?.("grid-item"), w = P?.includes(s), M = {
     [`${x}`]: !0,
-    [`${x}-rtl`]: y
-  }, b = z(M, S), e = c(() => J(r.cols, {
-    suffix: !!i.suffix,
-    span: n,
+    [`${x}-rtl`]: S
+  }, b = z(M, G), e = c(() => J(n.cols, {
+    suffix: !!a.suffix,
+    span: r,
     offset: d
-  }), [r.cols, i.suffix, n, d]);
+  }), [n.cols, a.suffix, r, d]);
   k(() => (R(s, e), () => {
     E(s);
   }), [s, e]);
@@ -47,8 +47,8 @@ function W($, g) {
   }, [e, f]), L = c(() => {
     const { suffix: t, span: o } = e;
     return t ? `${l - o + 1}` : `span ${o}`;
-  }, [e, l]), j = !w || n === 0 ? { display: "none" } : {}, B = {
-    gridColumn: `${L} / span ${n}`,
+  }, [e, l]), j = !w || r === 0 ? { display: "none" } : {}, B = {
+    gridColumn: `${L} / span ${r}`,
     ...F,
     ...j
   };
@@ -61,7 +61,7 @@ function W($, g) {
         ...B,
         ...v
       },
-      children: Q(a) ? a({ overflow: u }) : m.Children.map(a, (t) => t && r.collapsed && m.isValidElement(t) && !T(t.type) ? m.cloneElement(t, {
+      children: Q(i) ? i({ overflow: u }) : m.Children.map(i, (t) => t && n.collapsed && m.isValidElement(t) && !T(t.type) ? m.cloneElement(t, {
         overflow: u,
         ...t.props
       }) : t)
@@ -69,7 +69,7 @@ function W($, g) {
   );
 }
 const X = V(W), I = X;
-I.displayName = "GridItem";
+I.displayName = "Grid.Item";
 I.__PQB_GRID_ITEM__ = !0;
 export {
   I as default

package/grid/index.js

@@ -1,6 +1,6 @@
 import m from "./Col.js";
 import r from "./Grid.js";
-import t from "./GridItem.js";
+import t from "./Item.js";
 import i from "./Row.js";
 const o = r;
 o.Col = m;