@unicom-cloud/ui 0.8.43 → 0.8.45

package/Select.js

@@ -1,10 +1,11 @@
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/i605JRmI.js";
-import "./chunk/Dr0iXIXO.js";
-import "./Tag.js";
-import "./chunk/BYQeEcKe.js";
-import "./Trigger.js";
-import { S as a } from "./chunk/CYTPZUHD.js";
+/* empty css                 */
+/* empty css                          */
+/* empty css                       */
+/* empty css                     */
+/* empty css                           */
+/* empty css                         */
+/* empty css                        */
+import f from "./select/Select.js";
 export {
-  a as default
+  f as default
 };

package/SelectView.js

@@ -1,347 +1,68 @@
-import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import R from "lodash/isPlainObject";
-import fe, { useRef as oe, useContext as Ve, useState as ue, useEffect as Ae, useImperativeHandle as pe } from "react";
-import v from "@unicom-cloud/utils/class-name";
-import { pickDataAttributes as Fe } from "./utils/pick.js";
-import Re from "@unicom-cloud/icons/IconUiClose";
-import Be from "@unicom-cloud/icons/IconUiDown";
-import Oe from "@unicom-cloud/icons/IconUiLoading";
-import We from "@unicom-cloud/icons/IconUiSearch";
-import ze from "lodash/isFunction";
-import Me from "lodash/isUndefined";
-import { a as Ue, I as je } from "./chunk/Dr0iXIXO.js";
-import He from "./hooks/useForceUpdate.js";
-import Ge from "./Tag.js";
-import { I as Ke } from "./chunk/BYQeEcKe.js";
-import { I as Le } from "./chunk/BfaXVcik.js";
-import de from "./utils/fillNBSP.js";
-import _e from "./utils/include.js";
-import { Enter as qe, Backspace as Je } from "./utils/keyCode.js";
-const $ = {
-  BEFORE: 0,
-  EDITING: 1,
-  NONE: 2
-};
-function Qe(l, B) {
+import { jsx as p, jsxs as v } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                             */
+import y, { useRef as V, useImperativeHandle as W } from "react";
+import b from "@unicom-cloud/utils/class-name";
+import { isObject as x } from "./utils/is.js";
+import { pickDataAttributes as C } from "./utils/pick.js";
+import S from "./select-view/Core.js";
+const R = (a, f) => {
   const {
-    id: I,
-    style: O,
-    className: W,
-    size: z,
-    bordered: C,
-    allowClear: M,
-    allowCreate: k,
-    status: x,
-    loading: U,
-    disabled: a,
-    animation: E,
     prefixCls: o,
-    suffixIcon: j,
-    arrowIcon: u,
-    removeIcon: p,
-    clearIcon: b,
-    placeholder: m,
-    renderText: re,
-    value: T,
-    inputValue: H,
-    popupVisible: d,
-    maxTagCount: f,
-    isMultiple: P,
-    isEmptyValue: G,
-    prefix: K,
-    ariaControls: me,
-    renderTag: he,
-    dragToSort: te,
-    rtl: ge,
-    htmlDataAttributes: we,
-    onKeyDown: L,
-    onChangeInputValue: _,
-    onPaste: be,
-    onClear: Ne,
-    onFocus: q,
-    onBlur: J,
-    onRemoveCheckedItem: Q,
-    onSort: ne,
-    ...$e
-  } = l, y = oe(null), h = oe(null), { size: ve, getPrefixCls: se } = Ve(Ue), [Ie, ae] = ue($.NONE), [X, ie] = ue(!1), Ce = He(), S = "showSearch" in l ? l.showSearch : P, c = S || k, V = z || ve, Y = X || d, xe = R(S) && S.retainInputValue, g = !P && T !== void 0 ? re(T).text : "", Z = (e) => {
-    e && e.preventDefault();
-  }, ee = (e) => {
-    const t = c ? y.current : h.current;
-    t && (e === "focus" ? t.focus() : t.blur());
-  }, A = (e, t) => {
-    c && t.target === h.current || (e === "focus" ? (ie(!0), q == null || q(t)) : (ie(!1), J == null || J(t)));
-  }, le = (e) => {
-    if (c && e.currentTarget === h.current)
-      return;
-    e.key === qe.code && e.preventDefault(), L == null || L(e);
-  };
-  Ae(() => {
-    ee(d ? "focus" : "blur"), c && ae(d ? $.BEFORE : $.NONE);
-  }, [d]), pe(B, () => ({
-    dom: h.current,
-    focus: ee.bind(null, "focus"),
-    blur: ee.bind(null, "blur"),
-    getWidth: () => h.current && h.current.clientWidth
-  }));
-  const ye = "arrowIcon" in l ? u === null ? null : /* @__PURE__ */ r("div", { className: `${o}-arrow-icon`, children: u }) : /* @__PURE__ */ r("div", { className: `${o}-arrow-icon`, children: /* @__PURE__ */ r(Be, {}) }), Se = U ? /* @__PURE__ */ r("span", { className: `${o}-loading-icon`, children: /* @__PURE__ */ r(Oe, {}) }) : j ? /* @__PURE__ */ r("span", { className: `${o}-suffix-icon`, children: j }) : l.showSearch && d ? /* @__PURE__ */ r("div", { className: `${o}-search-icon`, children: /* @__PURE__ */ r(We, {}) }) : ye, i = {
-    paste: be,
-    keyDown: le,
-    focus: (e) => {
-      e.stopPropagation(), A("focus", e);
-    },
-    blur: (e) => {
-      e.stopPropagation(), A("blur", e);
-    },
-    change: (e, t) => {
-      ae($.EDITING), _ == null || _(e, t);
-    }
-  }, De = () => {
-    let e;
-    switch (Ie) {
-      case $.BEFORE:
-        e = H || (xe ? g : "");
-        break;
-      case $.EDITING:
-        e = H || "";
-        break;
-      default:
-        e = g;
-        break;
-    }
-    const t = !!(Y && c || G), n = {
-      style: { width: "100%" },
-      // _inputValue after renderText(value) may be rich text, but the value of <input> cannot be object
-      value: t && typeof e != "object" ? e : "",
-      // Allow placeholder to display the selected value first when searching
-      placeholder: c && g && typeof g != "object" ? g : m
-    };
-    return c ? (n.onPaste = i.paste, n.onKeyDown = i.keyDown, n.onFocus = i.focus, n.onBlur = i.blur, n.onChange = i.change) : (n.tabIndex = -1, n.style.pointerEvents = "none"), /* @__PURE__ */ F("span", { className: `${o}-view-selector`, children: [
-      /* @__PURE__ */ r(
-        Le,
-        {
-          "aria-hidden": !t || void 0,
-          ref: y,
-          disabled: a,
-          className: v(`${o}-view-input`, {
-            [`${o}-hidden`]: !t
-          }),
-          autoComplete: "off",
-          ...n
-        }
-      ),
-      t ? /* @__PURE__ */ r("span", { className: `${o}-view-value-mirror`, children: de(n.value ? e : n.placeholder) }) : null,
-      /* @__PURE__ */ r(
-        "span",
-        {
-          style: t ? { display: "none" } : {},
-          className: `${o}-view-value`,
-          children: de(G ? n.placeholder : e)
-        }
-      )
-    ] });
-  }, ke = () => {
-    const e = Me(T) ? [] : [].concat(T), t = (s) => /* @__PURE__ */ r(
-      Ge,
-      {
-        className: v(`${se("input-tag")}-tag`, `${o}-tag`),
-        children: R(f) && ze(f.render) ? f.render(s) : `+${s}...`
-      }
-    ), n = [];
-    let D = -1;
-    for (let s = e.length - 1; s >= 0; s--) {
-      const w = e[s], N = re(w);
-      n.unshift({
-        value: w,
-        label: N.text,
-        closable: !N.disabled
-      }), !N.disabled && D === -1 && (D = s);
-    }
-    const Pe = {
-      onPaste: i.paste,
-      onKeyDown: i.keyDown,
-      onFocus: i.focus,
-      onBlur: i.blur,
-      onInputChange: i.change,
-      onRemove: (s, w, N) => {
-        N.key === Je.key && D > -1 && (s = e[D], w = D), f && Ce(), Q == null || Q(s, w, N);
-      }
-    };
-    return /* @__PURE__ */ r(
-      Ke,
-      {
-        ...{
-          suffix: null,
-          prefix: null,
-          addBefore: null,
-          addAfter: null,
-          allowClear: !1,
-          labelInValue: !1
-        },
-        className: Y ? `${se("input-tag")}-focus` : "",
-        ref: y,
-        disabled: a,
-        dragToSort: te,
-        disableInput: !S,
-        animation: E,
-        placeholder: m,
-        value: n,
-        inputValue: H,
-        size: V,
-        tagClassName: `${o}-tag`,
-        renderTag: he,
-        icon: { removeIcon: p },
-        maxTagCount: f ? {
-          count: R(f) ? f.count : f,
-          render: t,
-          popoverProps: { disabled: !0 }
-        } : void 0,
-        onChange: (s, w) => {
-          ne && w === "sort" && ne(s);
-        },
-        ...Pe
-      }
-    );
-  }, ce = x || (l.error ? "error" : void 0), Ee = !a && !G && M ? /* @__PURE__ */ r(
-    je,
-    {
-      size: V,
-      className: `${o}-clear-icon`,
-      onClick: Ne,
-      onMouseDown: Z,
-      children: b ?? /* @__PURE__ */ r(Re, {})
-    },
-    "clearIcon"
-  ) : null, Te = v(
-    o,
-    `${o}-${P ? "multiple" : "single"}`,
-    {
-      [`${o}-show-search`]: S,
-      [`${o}-open`]: d,
-      [`${o}-size-${V}`]: V,
-      [`${o}-focused`]: Y,
-      [`${o}-${ce}`]: ce,
-      [`${o}-disabled`]: a,
-      [`${o}-no-border`]: !C,
-      [`${o}-rtl`]: ge
-    },
-    W
-  );
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      role: "combobox",
-      "aria-haspopup": "listbox",
-      "aria-autocomplete": "list",
-      "aria-expanded": d,
-      "aria-disabled": a,
-      "aria-controls": me,
-      ..._e($e, ["onClick", "onMouseEnter", "onMouseLeave"]),
-      ...we,
-      ref: h,
-      tabIndex: a ? -1 : 0,
-      id: I,
-      style: O,
-      className: Te,
-      onKeyDown: le,
-      onFocus: (e) => {
-        !a && !te && (c ? y.current && y.current.focus() : A("focus", e));
-      },
-      onBlur: (e) => A("blur", e),
-      children: /* @__PURE__ */ F(
-        "div",
-        {
-          title: typeof g == "string" ? g : void 0,
-          className: v(`${o}-view`, {
-            [`${o}-view-with-prefix`]: K
-          }),
-          onClick: (e) => d && c && e.stopPropagation(),
-          children: [
-            K && /* @__PURE__ */ r(
-              "div",
-              {
-                "aria-hidden": "true",
-                className: v(`${o}-prefix`),
-                onMouseDown: (e) => X && Z(e),
-                children: K
-              }
-            ),
-            P ? ke() : De(),
-            /* @__PURE__ */ F(
-              "div",
-              {
-                "aria-hidden": "true",
-                className: `${o}-suffix`,
-                onMouseDown: (e) => X && Z(e),
-                children: [
-                  Ee,
-                  Se
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-const Xe = fe.forwardRef(Qe), Ye = (l, B) => {
-  const {
-    prefixCls: I,
-    id: O,
-    style: W,
-    className: z,
-    addBefore: C,
-    rtl: M,
-    renderView: k,
-    autoWidth: x,
-    ...U
-  } = l, a = x ? {
+    id: u,
+    style: h,
+    className: w,
+    addBefore: s,
+    rtl: A,
+    renderView: d,
+    autoWidth: i,
+    ...N
+  } = a, l = i ? {
     minWidth: 0,
     maxWidth: "100%",
-    ...R(x) ? x : {}
-  } : null, E = oe(null), o = C != null, u = o || !1, p = {
-    id: O,
-    style: { ...a, width: a ? "auto" : void 0, ...W },
-    className: z
-  }, b = Fe(U);
-  pe(
-    B,
-    () => E.current
+    ...x(i) ? i : {}
+  } : null, c = V(null), m = s != null, e = m || !1, t = {
+    id: u,
+    style: { ...l, width: l ? "auto" : void 0, ...h },
+    className: w
+  }, n = C(N);
+  W(
+    f,
+    () => c.current
   );
-  let m = /* @__PURE__ */ r(
-    Xe,
+  let r = /* @__PURE__ */ p(
+    S,
     {
-      ...l,
-      ref: E,
-      id: u ? void 0 : p.id,
-      style: u ? void 0 : p.style,
-      className: u ? void 0 : p.className,
-      htmlDataAttributes: u ? {} : b
+      ...a,
+      ref: c,
+      id: e ? void 0 : t.id,
+      style: e ? void 0 : t.style,
+      className: e ? void 0 : t.className,
+      htmlDataAttributes: e ? {} : n
     }
   );
-  return typeof k == "function" && (m = k(m)), u ? /* @__PURE__ */ F(
+  return typeof d == "function" && (r = d(r)), e ? /* @__PURE__ */ v(
     "div",
     {
-      ...b,
-      ...p,
-      className: v(
-        `${I}-wrapper`,
+      ...n,
+      ...t,
+      className: b(
+        `${o}-wrapper`,
         {
-          [`${I}-wrapper-rtl`]: M
+          [`${o}-wrapper-rtl`]: A
         },
-        p.className
+        t.className
       ),
       children: [
-        o && /* @__PURE__ */ r("div", { className: `${I}-addbefore`, children: C }),
-        m
+        m && /* @__PURE__ */ p("div", { className: `${o}-addbefore`, children: s }),
+        r
       ]
     }
-  ) : m;
-}, Ze = fe.forwardRef(
-  Ye
+  ) : r;
+}, $ = y.forwardRef(
+  R
 );
-Ze.displayName = "SelectView";
+$.displayName = "SelectView";
 export {
-  Ze as default
+  $ as default
 };

package/Skeleton.js

@@ -1,97 +1,60 @@
-import { jsx as n, jsxs as k } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import y from "lodash/isPlainObject";
-import v, { forwardRef as w, useContext as S } from "react";
-import { a as j } from "./chunk/Dr0iXIXO.js";
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                          */
+import C from "lodash/isPlainObject";
+import S, { forwardRef as j, useContext as v } from "react";
+import "./config-provider/ConfigProvider.js";
 import b from "./hooks/useMergeProps.js";
-import u from "@unicom-cloud/utils/class-name";
-import { pickDataAttributes as A } from "./utils/pick.js";
-import R from "lodash/isArray";
-function T(s) {
-  const {
-    style: c,
-    shape: r = "square",
-    size: e,
-    position: l = "left",
-    className: i,
-    prefixCls: o
-  } = s, m = u(
-    `${o}-image`,
-    {
-      [`${o}-image-${l}`]: l,
-      [`${o}-image-${r}`]: r,
-      [`${o}-image-${e}`]: e
-    },
-    i
-  );
-  return /* @__PURE__ */ n("div", { className: m, style: c });
-}
-function q(s) {
-  const { style: c, width: r = "60%", rows: e = 3, className: l, prefixCls: i } = s, o = u(`${i}-text`, l), m = [];
-  function f(t) {
-    if (R(r))
-      return r[t];
-    if (e - 1 === t)
-      return r;
-  }
-  for (let t = 0; t < e; t++)
-    m.push(
-      /* @__PURE__ */ n(
-        "li",
-        {
-          className: `${i}-text-row`,
-          style: { width: f(t) }
-        },
-        t
-      )
-    );
-  return /* @__PURE__ */ n("ul", { className: o, style: c, children: m });
-}
-function x(s) {
-  return y(s) ? s : {};
+import y from "@unicom-cloud/utils/class-name";
+import { pickDataAttributes as R } from "./utils/pick.js";
+import w from "./skeleton/Image.js";
+import A from "./skeleton/Text.js";
+import { ConfigContext as D } from "./config-provider/context.js";
+function c(o) {
+  return C(o) ? o : {};
 }
-const z = {
+const F = {
   text: !0,
   loading: !0
 };
-function D(s, c) {
-  const { getPrefixCls: r, componentConfig: e, rtl: l } = S(j), i = b(
-    s,
-    z,
-    e == null ? void 0 : e.Skeleton
-  ), { style: o, className: m, animation: f, loading: t, image: d, text: g, children: N } = i, p = x(d), h = x(g), a = r("skeleton"), C = u(
-    a,
+function I(o, l) {
+  const { getPrefixCls: p, componentConfig: r, rtl: f } = v(D), i = b(
+    o,
+    F,
+    r == null ? void 0 : r.Skeleton
+  ), { style: d, className: u, animation: g, loading: x, image: s, text: m, children: h } = i, n = c(s), N = c(m), t = p("skeleton"), P = y(
+    t,
     {
-      [`${a}-animate`]: f,
-      [`${a}-rtl`]: l
+      [`${t}-animate`]: g,
+      [`${t}-rtl`]: f
     },
-    m
+    u
   );
-  function $() {
-    return d && /* @__PURE__ */ n("div", { className: `${a}-header`, children: /* @__PURE__ */ n(T, { prefixCls: a, ...p }) });
+  function a() {
+    return s && /* @__PURE__ */ e("div", { className: `${t}-header`, children: /* @__PURE__ */ e(w, { prefixCls: t, ...n }) });
   }
-  function P() {
-    return g && /* @__PURE__ */ n("div", { className: `${a}-content`, children: /* @__PURE__ */ n(q, { prefixCls: a, ...h }) });
+  function $() {
+    return m && /* @__PURE__ */ e("div", { className: `${t}-content`, children: /* @__PURE__ */ e(A, { prefixCls: t, ...N }) });
   }
-  return /* @__PURE__ */ n(v.Fragment, { children: t ? /* @__PURE__ */ k(
+  return /* @__PURE__ */ e(S.Fragment, { children: x ? /* @__PURE__ */ k(
     "div",
     {
-      ...A(i),
-      className: C,
-      style: o,
-      ref: c,
+      ...R(i),
+      className: P,
+      style: d,
+      ref: l,
       children: [
-        p.position !== "right" && $(),
-        P(),
-        p.position === "right" && $()
+        n.position !== "right" && a(),
+        $(),
+        n.position === "right" && a()
       ]
     }
-  ) : N });
+  ) : h });
 }
-const F = w(
-  D
+const M = j(
+  I
 );
-F.displayName = "Skeleton";
+M.displayName = "Skeleton";
 export {
-  F as default
+  M as default
 };