@unicom-cloud/ui 0.8.43 → 0.8.45

package/select/util.js

@@ -0,0 +1,140 @@
+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

@@ -0,0 +1,309 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,159 @@
+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

@@ -0,0 +1,43 @@
+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
+};