@unicom-cloud/ui 0.8.66 → 0.8.68

package/Select.js

@@ -1,7 +1,8 @@
-import { S as o } from "./chunk/dBnNCOIU.js";
-import { O as r, b as a } from "./chunk/dBnNCOIU.js";
+import { default as o } from "./select/Select.js";
+import { default as f } from "./select/Option.js";
+import { default as a } from "./select/OptGroup.js";
 export {
-  r as SelectOption,
+  f as SelectOption,
   a as SelectOptionGroup,
   o as default
 };

package/SelectView.js

@@ -1,408 +1,11 @@
-import { jsx as n, jsxs as k, Fragment as Xe } from "react/jsx-runtime";
-import Ee, { useRef as ue, useContext as Je, useState as Ie, useEffect as Qe, useImperativeHandle as De, useMemo as Ye, createElement as Ze } from "react";
-import { y as A } from "./chunk/BAWsPQBM.js";
-import "./utils/is.js";
-import { pickDataAttributes as eo } from "./utils/pick.js";
-import oo from "@unicom-cloud/icons/IconUiClose";
-import to from "@unicom-cloud/icons/IconUiDown";
-import ro from "@unicom-cloud/icons/IconUiLoading";
-import no from "@unicom-cloud/icons/IconUiSearch";
-import so from "lodash/isFunction";
-import $e from "lodash/isUndefined";
-import { d as ao, I as lo } from "./chunk/-zpSUpGE.js";
-import { useForceUpdate as co } from "./hooks/useForceUpdate.js";
-import { usePersistCallback as io } from "./hooks/usePersistCallback.js";
-import { I as uo } from "./chunk/C6QWSzsM.js";
-import { I as fo } from "./chunk/BIT0j3HT.js";
-import po from "./Popover.js";
-import Te from "./Tag.js";
-import ye from "./utils/fillNBSP.js";
-import mo from "./utils/include.js";
-import { E as ho, B as go } from "./chunk/C2lIz2F9.js";
-import "./chunk/CSC_V_25.js";
-import T from "lodash/isPlainObject.js";
-import Se from "lodash/isNumber.js";
-const ie = "__pqb_value_tag_placeholder", $ = {
-  BEFORE: 0,
-  EDITING: 1,
-  NONE: 2
-}, bo = Ee.forwardRef(function(m, y) {
-  const {
-    id: W,
-    style: z,
-    className: L,
-    size: S,
-    bordered: j,
-    allowClear: F,
-    allowCreate: E,
-    status: H,
-    loading: R,
-    disabled: i,
-    animation: V,
-    prefixCls: o,
-    suffixIcon: h,
-    arrowIcon: g,
-    removeIcon: O,
-    clearIcon: b,
-    placeholder: de,
-    renderText: fe,
-    value: C,
-    inputValue: G,
-    popupVisible: v,
-    maxTagCount: a,
-    isMultiple: I,
-    isEmptyValue: K,
-    prefix: q,
-    ariaControls: Pe,
-    renderTag: X,
-    dragToSort: pe,
-    rtl: ke,
-    htmlDataAttributes: Ae,
-    onKeyDown: J,
-    onChangeInputValue: Q,
-    onPaste: Fe,
-    onClear: Re,
-    onFocus: Y,
-    onBlur: Z,
-    onRemoveCheckedItem: ee,
-    onSort: oe,
-    ...Ve
-  } = m, D = ue(null), w = ue(null), { size: Oe, getPrefixCls: me } = Je(ao), [Be, he] = Ie($.NONE), [te, ge] = Ie(!1), Me = co(), P = "showSearch" in m ? m.showSearch : I, f = P || E, B = S || Oe, re = te || v, _e = T(P) && P.retainInputValue, x = !I && C !== void 0 ? fe(C).text : "", ne = (e) => {
-    var t;
-    (t = e == null ? void 0 : e.preventDefault) == null || t.call(e);
-  }, se = (e) => {
-    const t = f ? D.current : w.current;
-    t && (e === "focus" ? t.focus() : t.blur());
-  }, M = (e, t) => {
-    f && t.target === w.current || (e === "focus" ? (ge(!0), Y == null || Y(t)) : (ge(!1), Z == null || Z(t)));
-  }, be = (e) => {
-    if (f && e.currentTarget === w.current)
-      return;
-    e.key === ho.key && e.preventDefault(), J == null || J(e);
-  };
-  Qe(() => {
-    se(v ? "focus" : "blur"), f && he(v ? $.BEFORE : $.NONE);
-  }, [v]), De(y, () => ({
-    dom: w.current,
-    getRootDOMNode: () => w.current,
-    focus: se.bind(null, "focus"),
-    blur: se.bind(null, "blur"),
-    getWidth: () => w.current && w.current.clientWidth
-  }));
-  const Ue = "arrowIcon" in m ? g === null ? null : /* @__PURE__ */ n("div", { className: `${o}-arrow-icon`, children: g }) : /* @__PURE__ */ n("div", { className: `${o}-arrow-icon`, children: /* @__PURE__ */ n(to, {}) }), We = R ? /* @__PURE__ */ n("span", { className: `${o}-loading-icon`, children: /* @__PURE__ */ n(ro, {}) }) : h ? /* @__PURE__ */ n("span", { className: `${o}-suffix-icon`, children: h }) : m.showSearch && v ? /* @__PURE__ */ n("div", { className: `${o}-search-icon`, children: /* @__PURE__ */ n(no, {}) }) : Ue, u = {
-    paste: Fe,
-    keyDown: be,
-    focus: (e) => {
-      e.stopPropagation(), M("focus", e);
-    },
-    blur: (e) => {
-      e.stopPropagation(), M("blur", e);
-    },
-    change: (e, t) => {
-      he($.EDITING), Q == null || Q(e, t);
-    }
-  }, ze = () => {
-    let e;
-    switch (Be) {
-      case $.BEFORE:
-        e = G || (_e ? x : "");
-        break;
-      case $.EDITING:
-        e = G || "";
-        break;
-      default:
-        e = x;
-        break;
-    }
-    const t = !!(re && f || K), s = {
-      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: f && x && typeof x != "object" ? x : de
-    };
-    return f ? (s.onPaste = u.paste, s.onKeyDown = u.keyDown, s.onFocus = u.focus, s.onBlur = u.blur, s.onChange = u.change) : (s.tabIndex = -1, s.style.pointerEvents = "none"), /* @__PURE__ */ k("span", { className: `${o}-view-selector`, children: [
-      /* @__PURE__ */ n(
-        fo,
-        {
-          "aria-hidden": !t || void 0,
-          ref: D,
-          disabled: i,
-          className: A(`${o}-view-input`, {
-            [`${o}-hidden`]: !t
-          }),
-          autoComplete: "off",
-          ...s
-        }
-      ),
-      t ? /* @__PURE__ */ n("span", { className: `${o}-view-value-mirror`, children: ye(s.value ? e : s.placeholder) }) : null,
-      /* @__PURE__ */ n(
-        "span",
-        {
-          style: t ? { display: "none" } : {},
-          className: `${o}-view-value`,
-          children: ye(K ? s.placeholder : e)
-        }
-      )
-    ] });
-  }, ae = io(fe), ve = T(a) ? a.count : a, we = (e) => {
-    const t = ae(e);
-    return { value: e, label: t.text, closable: !t.disabled };
-  }, le = Ye(() => {
-    if (!I)
-      return [];
-    const e = $e(C) ? [] : [].concat(C);
-    return (Se(ve) ? e.slice(0, ve) : e).map((_) => we(_));
-  }, [C, I, a, ae]), Le = () => {
-    const e = T(a) ? a.count : a, t = T(a) && a.showPopover, s = me("input-tag"), _ = (r) => T(a) && so(a.render) ? a.render(r) : e === "responsive" ? /* @__PURE__ */ k(
-      Te,
-      {
-        className: `${s}-tag`,
-        children: [
-          "+",
-          r,
-          "..."
-        ]
-      },
-      ie
-    ) : `+${r}...`, N = $e(C) ? [] : [].concat(C), Ge = () => {
-      for (let r = N.length - 1; r >= 0; r--) {
-        const c = N[r];
-        if (!ae(c).disabled)
-          return r;
-      }
-      return -1;
-    }, xe = {
-      onPaste: u.paste,
-      onKeyDown: u.keyDown,
-      onFocus: u.focus,
-      onBlur: u.blur,
-      onInputChange: u.change,
-      onRemove: (r, c, d) => {
-        const p = d.key;
-        let l = -1;
-        p === go.key && (l = Ge()) !== -1 && (r = N[l], c = l), a && Me(), ee == null || ee(r, c, d);
-      }
-    }, Ke = {
-      suffix: null,
-      prefix: null,
-      addBefore: null,
-      addAfter: null,
-      allowClear: !1,
-      labelInValue: !1
-    }, Ne = (() => {
-      if (Se(e)) {
-        const r = N.length - e;
-        if (r > 0) {
-          const c = {
-            label: _(r),
-            closable: !1,
-            // InputTag needs to extract value as key
-            value: ie
-          };
-          if (t) {
-            const d = N.map((p, l) => ({ val: p, index: l })).slice(e).map((p) => {
-              const l = we(p.val);
-              return X ? X(
-                { ...l, onClose: () => {
-                } },
-                p.index,
-                le.concat(c)
-              ) : /* @__PURE__ */ Ze(
-                Te,
-                {
-                  ...l,
-                  key: l.value,
-                  className: `${s}-tag`,
-                  onClose: (ce) => xe.onRemove(l.value, p.index, ce)
-                },
-                l.label
-              );
-            });
-            c.label = /* @__PURE__ */ n(po, { content: !!d.length && /* @__PURE__ */ n(Xe, { children: d }), children: c.label });
-          }
-          return c;
-        }
-      }
-    })(), qe = Ne ? le.concat(Ne) : le;
-    return /* @__PURE__ */ n(
-      uo,
-      {
-        ...Ke,
-        className: re ? `${me("input-tag")}-focus` : "",
-        ref: D,
-        disabled: i,
-        dragToSort: pe,
-        disableInput: !P,
-        animation: V,
-        placeholder: de,
-        value: qe,
-        inputValue: G,
-        size: B,
-        tagClassName: `${o}-tag`,
-        renderTag: X,
-        icon: { removeIcon: O },
-        maxTagCount: e === "responsive" ? {
-          count: e,
-          render: _,
-          popoverProps: t ? {} : { disabled: !0 }
-        } : void 0,
-        onChange: (r, c) => {
-          if (oe && c === "sort") {
-            const d = r.indexOf(
-              ie
-            );
-            if (d > -1) {
-              const p = r.slice(0, d), l = r.slice(d + 1), ce = N.slice(
-                r.length - 1 - N.length
-              );
-              oe(p.concat(ce, l));
-            } else
-              oe(r);
-          }
-        },
-        ...xe
-      }
-    );
-  }, Ce = H || (m.error ? "error" : void 0), je = !i && !K && F ? /* @__PURE__ */ n(
-    lo,
-    {
-      size: B,
-      className: `${o}-clear-icon`,
-      onClick: Re,
-      onMouseDown: ne,
-      children: b ?? /* @__PURE__ */ n(oo, {})
-    },
-    "clearIcon"
-  ) : null, He = A(
-    o,
-    `${o}-${I ? "multiple" : "single"}`,
-    {
-      [`${o}-show-search`]: P,
-      [`${o}-open`]: v,
-      [`${o}-size-${B}`]: B,
-      [`${o}-focused`]: re,
-      [`${o}-${Ce}`]: Ce,
-      [`${o}-disabled`]: i,
-      [`${o}-no-border`]: !j,
-      [`${o}-rtl`]: ke
-    },
-    L
-  );
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      role: "combobox",
-      "aria-haspopup": "listbox",
-      "aria-autocomplete": "list",
-      "aria-expanded": v,
-      "aria-disabled": i,
-      "aria-controls": Pe,
-      ...mo(Ve, ["onClick", "onMouseEnter", "onMouseLeave"]),
-      ...Ae,
-      ref: w,
-      tabIndex: i ? -1 : 0,
-      id: W,
-      style: z,
-      className: He,
-      onKeyDown: be,
-      onFocus: (e) => {
-        !i && !pe && (f ? D.current && D.current.focus() : M("focus", e));
-      },
-      onBlur: (e) => M("blur", e),
-      children: /* @__PURE__ */ k(
-        "div",
-        {
-          title: typeof x == "string" ? x : void 0,
-          className: A(`${o}-view`, {
-            [`${o}-view-with-prefix`]: q
-          }),
-          onClick: (e) => v && f && e.stopPropagation(),
-          children: [
-            q && /* @__PURE__ */ n(
-              "div",
-              {
-                "aria-hidden": "true",
-                className: A(`${o}-prefix`),
-                onMouseDown: (e) => te && ne(e),
-                children: q
-              }
-            ),
-            I ? Le() : ze(),
-            /* @__PURE__ */ k(
-              "div",
-              {
-                "aria-hidden": "true",
-                className: `${o}-suffix`,
-                onMouseDown: (e) => te && ne(e),
-                children: [
-                  je,
-                  We
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}), vo = (U, m) => {
-  const {
-    prefixCls: y,
-    id: W,
-    style: z,
-    className: L,
-    addBefore: S,
-    rtl: j,
-    renderView: F,
-    autoWidth: E,
-    ...H
-  } = U, R = E ? {
-    minWidth: 0,
-    maxWidth: "100%",
-    ...T(E) ? E : {}
-  } : null, i = ue(null), V = S != null, h = V || !1, g = {
-    id: W,
-    style: { ...R, width: R ? "auto" : void 0, ...z },
-    className: L
-  }, O = eo(H);
-  De(
-    m,
-    () => i.current
-  );
-  let b = /* @__PURE__ */ n(
-    bo,
-    {
-      ...U,
-      ref: i,
-      id: h ? void 0 : g.id,
-      style: h ? void 0 : g.style,
-      className: h ? void 0 : g.className,
-      htmlDataAttributes: h ? {} : O
-    }
-  );
-  return typeof F == "function" && (b = F(b)), h ? /* @__PURE__ */ k(
-    "div",
-    {
-      ...O,
-      ...g,
-      className: A(
-        `${y}-wrapper`,
-        {
-          [`${y}-wrapper-rtl`]: j
-        },
-        g.className
-      ),
-      children: [
-        V && /* @__PURE__ */ n("div", { className: `${y}-addbefore`, children: S }),
-        b
-      ]
-    }
-  ) : b;
-}, wo = Ee.forwardRef(
-  vo
-);
-wo.displayName = "SelectView";
+import "react/jsx-runtime";
+import "react";
+import "./chunk/JPPo5nY_.js";
+import "./chunk/D-TPB2Do.js";
+import "./chunk/ClqoGc3r.js";
+import "./select-view/Core.js";
+import "lodash/isPlainObject.js";
+import { default as d } from "./select-view/index.js";
 export {
-  wo as default
+  d as default
 };

package/Skeleton.js

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