@unicom-cloud/ui 0.8.45 → 0.8.47

package/select/util.js

@@ -1,140 +0,0 @@
-import { jsx as K } from "react/jsx-runtime";
-import { isEmptyArray as B } from "@unicom-cloud/utils/is";
-import a from "lodash/get";
-import k from "lodash/isArray";
-import F from "lodash/isNil";
-import I from "lodash/isNumber";
-import L from "lodash/isPlainObject";
-import N from "lodash/isString";
-import c from "react";
-import U from "../utils/fillNBSP.js";
-import j from "../utils/getHighlightText.js";
-import z from "./Option.js";
-function ne(r) {
-  r && r.preventDefault();
-}
-function D(r, f) {
-  return f ? !k(r) || B(r) : F(r);
-}
-function se(r, f, m) {
-  return m && (f ? r = Array.isArray(r) ? r.map(
-    (o) => L(o) && "label" in o ? o.value : o
-  ) : r : r = L(r) && "label" in r ? r.value : r), D(r, f) ? f ? Array.isArray(r) ? r : [] : void 0 : r;
-}
-function Q(r) {
-  return a(r, "props.isSelectOption") || a(r, "type.__PQB_SELECT_OPTION__");
-}
-function R(r) {
-  return a(r, "props.isSelectOptGroup") || a(r, "type.__PQB_SELECT_OPTGROUP__");
-}
-function v({
-  children: r,
-  options: f,
-  filterOption: m
-}, {
-  inputValue: o = "",
-  userCreatedOptions: T,
-  userCreatingOption: E,
-  prefixCls: b
-}, {
-  optionInfoMap: l = /* @__PURE__ */ new Map(),
-  optionValueList: u = [],
-  customNodeCount: C = 0
-} = {}) {
-  let S = !1, _ = !1, i = [], y = [];
-  const G = (e) => {
-    const n = a(e, "props.value"), t = a(e, "props.children");
-    return n === void 0 && t !== null && t !== void 0 ? t.toString() : n;
-  }, d = ({ label: e, value: n }, t, s) => !e && !n && !t ? (C++, `custom_node_${C}`) : s ? t || `group_${e}` : t || `${typeof n}_${n}` || `${e}_${l.size}`, A = (e, n) => {
-    const t = G(e);
-    let s = !0;
-    m === !0 ? s = t !== void 0 && String(t).toLowerCase().indexOf(o.toLowerCase()) !== -1 : typeof m == "function" && (s = !o || m(o, e));
-    const p = l.get(t), g = (p == null ? void 0 : p._origin) === "userCreatedOptions" || (p == null ? void 0 : p._origin) === "userCreatingOption";
-    if (!p || g) {
-      "_key" in e.props || (e = c.cloneElement(e, {
-        _key: d(e.props, e.key)
-      }));
-      const w = l.size, P = {
-        child: e,
-        ...e.props,
-        value: t,
-        _index: w,
-        _origin: n,
-        _valid: s
-      };
-      if (l.set(t, P), g) {
-        const h = i.findIndex(
-          (x) => {
-            var $;
-            return (($ = x == null ? void 0 : x.props) == null ? void 0 : $.value) === t;
-          }
-        );
-        h > -1 && (s ? i[h] = e : i.splice(h, 1));
-      } else
-        u.push(t), s && (i.push(e), P.disabled || y.push(w));
-    }
-    typeof e.props.children != "string" && (_ = !0);
-  }, O = (e, n) => {
-    n && k(e) && e.length && e.forEach((t) => {
-      (N(t) || I(t)) && (t = {
-        label: t,
-        value: t
-      });
-      const s = /* @__PURE__ */ K(
-        z,
-        {
-          _key: d(t),
-          value: t.value,
-          disabled: t.disabled === !0,
-          extra: t.extra,
-          children: U(t.label)
-        }
-      );
-      A(s, n);
-    });
-  };
-  return E && O([E], "userCreatingOption"), r && c.Children.map(r, (e) => {
-    if (R(e)) {
-      const { children: n, options: t } = e.props, {
-        childrenList: s,
-        optionIndexListForArrowKey: p,
-        hasComplexLabelInOptions: g
-      } = v(
-        { children: n, options: t, filterOption: m },
-        { inputValue: o, prefixCls: b },
-        { optionInfoMap: l, optionValueList: u, customNodeCount: C }
-      );
-      s.length && (i.push(
-        c.cloneElement(e, {
-          children: null,
-          _key: d(e.props, e.key, !0)
-        })
-      ), i = i.concat(s), y = y.concat(
-        p
-      ), S = !0, _ = _ || g);
-    } else Q(e) ? A(e, "children") : L(e) && e.props && i.push(
-      c.cloneElement(e, {
-        _key: d(e.props, e.key)
-      })
-    );
-  }), O(f, "options"), O(T, "userCreatedOptions"), {
-    childrenList: j({
-      nodeList: i,
-      pattern: o,
-      highlightClassName: `${b}-highlight`
-    }),
-    optionInfoMap: l,
-    optionValueList: u,
-    optionIndexListForArrowKey: y,
-    hasOptGroup: S,
-    hasComplexLabelInOptions: _
-  };
-}
-export {
-  v as flatChildren,
-  se as getValidValue,
-  D as isEmpty,
-  R as isSelectOptGroup,
-  Q as isSelectOption,
-  ne as preventDefaultEvent
-};

package/select-view/Core.js

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

package/skeleton/Image.js

@@ -1,24 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import c from "@unicom-cloud/utils/class-name";
-function n(i) {
-  const {
-    style: t,
-    shape: a = "square",
-    size: e,
-    position: m = "left",
-    className: o,
-    prefixCls: s
-  } = i, l = c(
-    `${s}-image`,
-    {
-      [`${s}-image-${m}`]: m,
-      [`${s}-image-${a}`]: a,
-      [`${s}-image-${e}`]: e
-    },
-    o
-  );
-  return /* @__PURE__ */ r("div", { className: l, style: t });
-}
-export {
-  n as default
-};

package/skeleton/Text.js

@@ -1,27 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import f from "lodash/isArray";
-import u from "@unicom-cloud/utils/class-name";
-function N(i) {
-  const { style: l, width: s = "60%", rows: e = 3, className: c, prefixCls: r } = i, m = u(`${r}-text`, c), o = [];
-  function n(t) {
-    if (f(s))
-      return s[t];
-    if (e - 1 === t)
-      return s;
-  }
-  for (let t = 0; t < e; t++)
-    o.push(
-      /* @__PURE__ */ a(
-        "li",
-        {
-          className: `${r}-text-row`,
-          style: { width: n(t) }
-        },
-        t
-      )
-    );
-  return /* @__PURE__ */ a("ul", { className: m, style: l, children: o });
-}
-export {
-  N as default
-};

package/slider/Button.js

@@ -1,159 +0,0 @@
-import { jsx as w } from "react/jsx-runtime";
-import g from "lodash/isFunction";
-import W from "lodash/isNumber";
-import q from "lodash/isString";
-import G, { useState as H, useContext as J, useMemo as B, useRef as p, useEffect as Q } from "react";
-/* empty css                  */
-import "../config-provider/ConfigProvider.js";
-import Z from "../hooks/useKeyboardEvent.js";
-import _ from "../hooks/useMergeValue.js";
-import tt from "../Trigger.js";
-import L from "@unicom-cloud/utils/class-name";
-import { on as u, off as l } from "../utils/dom.js";
-import { ConfigContext as et } from "../config-provider/context.js";
-const ot = { maxWidth: 350 }, nt = {
-  enter: 300,
-  exit: 100
-}, it = {
-  left: 12,
-  right: 12,
-  top: 12,
-  bottom: 12
-}, rt = function(o) {
-  const {
-    style: I,
-    disabled: h,
-    prefixCls: M,
-    value: i,
-    vertical: A,
-    tooltipVisible: b,
-    tooltipPosition: E,
-    formatTooltip: x,
-    getTooltipContainer: R,
-    onMoving: D,
-    onMoveEnd: C,
-    onMoveBegin: T
-  } = o, X = Z(), [Y, V] = H(!1), [y, F] = _(!1, {
-    value: b
-  }), { getPrefixCls: S } = J(et), $ = B(
-    () => E || (A ? "right" : "top"),
-    [E, A]
-  ), r = p(null), a = p(!1), c = p(!1), s = p(null);
-  function K(t) {
-    t.stopPropagation(), !h && (j(t), V(!0), u(window, "mousemove", f), u(window, "touchmove", f), u(window, "mouseup", n), u(window, "touchend", n), u(window, "contextmenu", n));
-  }
-  function O() {
-    a.current = !0, m(), y || (r.current = setTimeout(() => {
-      P(!0);
-    }, 50));
-  }
-  function N() {
-    a.current = !1, c.current || (m(), r.current = setTimeout(() => {
-      P(!1);
-    }, 200));
-  }
-  function j(t) {
-    var v;
-    t.preventDefault();
-    const e = document.activeElement;
-    (v = e == null ? void 0 : e.blur) == null || v.call(e), g(T) && T();
-  }
-  function f(t) {
-    c.current = !0, t.type === "touchstart" && (t.clientY = t.touches[0].clientY, t.clientX = t.touches[0].clientX), g(D) && D(t.clientX, t.clientY);
-  }
-  function n() {
-    c.current = !1, V(!1), k(), P(a.current), g(C) && C();
-  }
-  function k() {
-    m(), l(window, "mousemove", f), l(window, "touchmove", f), l(window, "mouseup", n), l(window, "touchend", n), l(window, "contextmenu", n);
-  }
-  function m() {
-    r.current && (clearTimeout(r.current), r.current = null);
-  }
-  function P(t) {
-    if (c.current) return;
-    const e = "tooltipVisible" in o ? b : t;
-    F(e);
-  }
-  function z() {
-    a.current = !0, m();
-  }
-  const d = B(() => g(x) ? x(i) : i, [x, i]);
-  function U(t) {
-    const e = S("tooltip");
-    return /* @__PURE__ */ w(
-      "div",
-      {
-        className: L(
-          `${e}-content`,
-          `${e}-content-${t}`
-        ),
-        onMouseLeave: N,
-        onMouseEnter: z,
-        onClick: (v) => {
-          v.stopPropagation();
-        },
-        children: /* @__PURE__ */ w("div", { className: `${e}-content-inner`, children: d })
-      }
-    );
-  }
-  return Q(() => {
-    s && s.current && s.current.updatePopupPosition();
-  }, [i]), /* @__PURE__ */ w(
-    tt,
-    {
-      style: ot,
-      classNames: "zoomInFadeOut",
-      duration: nt,
-      showArrow: !0,
-      popupAlign: it,
-      ref: s,
-      popup: () => U($),
-      popupVisible: y,
-      disabled: b === !1,
-      getPopupContainer: R,
-      position: $,
-      childrenPrefix: S("tooltip"),
-      children: /* @__PURE__ */ w(
-        "div",
-        {
-          className: L(`${M}-button`, {
-            [`${M}-button-active`]: Y
-          }),
-          onMouseDown: K,
-          onMouseEnter: O,
-          onMouseLeave: N,
-          style: I,
-          role: "slider",
-          "aria-valuemax": o.maxValue,
-          "aria-valuemin": o.minValue,
-          "aria-valuenow": i,
-          "aria-disabled": !!h,
-          tabIndex: h ? -1 : 0,
-          "aria-valuetext": q(d) || W(d) ? String(d) : void 0,
-          ...X({
-            onArrowRight: (t) => {
-              var e;
-              t.preventDefault(), (e = o.onArrowEvent) == null || e.call(o, "addition");
-            },
-            onArrowUp: (t) => {
-              var e;
-              t.preventDefault(), (e = o.onArrowEvent) == null || e.call(o, "addition");
-            },
-            onArrowLeft: (t) => {
-              var e;
-              t.preventDefault(), (e = o.onArrowEvent) == null || e.call(o, "subtraction");
-            },
-            onArrowDown: (t) => {
-              var e;
-              t.preventDefault(), (e = o.onArrowEvent) == null || e.call(o, "subtraction");
-            }
-          })
-        }
-      )
-    }
-  );
-}, bt = G.memo(rt);
-export {
-  bt as default
-};

package/slider/Dot.js

@@ -1,43 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import d from "lodash/isFunction";
-import u from "lodash/isPlainObject";
-import p from "react";
-import v from "@unicom-cloud/utils/class-name";
-import { formatPercent as g, getIntervalOffset as D, valueInRange as h } from "./util.js";
-const w = function(e) {
-  const {
-    data: s = [],
-    valueRange: m = [],
-    vertical: l,
-    prefixCls: o,
-    reverse: n,
-    intervalConfigs: f
-  } = e;
-  return s.length ? /* @__PURE__ */ a("div", { className: `${o}-dots`, children: s.map(({ key: t, content: r }) => {
-    const i = g(D(+t, f));
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        className: `${o}-dot-wrapper`,
-        style: {
-          ...l ? { [n ? "top" : "bottom"]: i } : { [n ? "right" : "left"]: i }
-        },
-        onMouseDown: (c) => {
-          c.stopPropagation(), d(e.onMouseDown) && e.onMouseDown(parseFloat(t));
-        },
-        children: u(r) && r.dot ? r.dot : /* @__PURE__ */ a(
-          "div",
-          {
-            className: v(`${o}-dot`, {
-              [`${o}-dot-active`]: h(t, m)
-            })
-          }
-        )
-      },
-      t
-    );
-  }) }) : null;
-}, b = p.memo(w);
-export {
-  b as default
-};