@unicom-cloud/ui 0.8.90 → 0.8.92

package/cascader/Cascader.js

@@ -1,26 +1,301 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiCheck";
-import "@unicom-cloud/icons/IconUiLeft";
-import "@unicom-cloud/icons/IconUiLoading";
-import "@unicom-cloud/icons/IconUiRight";
-import "@unicom-cloud/utils/is";
-import "lodash/isArray";
-import "lodash/isFunction";
-import "lodash/isPlainObject";
-import "lodash/isString";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/CQ_WOOmf.js";
-import "../chunk/B4YRLi8r.js";
-import "../chunk/BFTV6myl.js";
-import "../chunk/D5wldVRB.js";
-import "../chunk/a3hR6zLw.js";
-import "../select-view/index.js";
-import "../trigger/index.js";
-import "@unicom-cloud/utils/class-name";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import { _ as k, c as n } from "../chunk/BbQEqpOn.js";
+import { jsx as p } from "react/jsx-runtime";
+import ce from "@unicom-cloud/icons/IconUiCheck";
+import de from "@unicom-cloud/icons/IconUiLeft";
+import pe from "@unicom-cloud/icons/IconUiLoading";
+import me from "@unicom-cloud/icons/IconUiRight";
+import { isEmptyValue as fe, isEmptyArray as he } from "@unicom-cloud/utils/is";
+import ge from "lodash/isArray";
+import O from "lodash/isFunction";
+import L from "lodash/isPlainObject";
+import Ce from "lodash/isString";
+import { forwardRef as Ve, useContext as ve, useRef as S, useState as ye, useEffect as $, useImperativeHandle as Se, useCallback as j } from "react";
+import "../config-provider/ConfigProvider.js";
+import be from "../components/common/hooks/useForceUpdate.js";
+import ke from "../components/common/hooks/useId.js";
+import we from "../components/common/hooks/useMergeProps.js";
+import z from "../components/common/hooks/useMergeValue.js";
+import Oe from "../components/common/hooks/useUpdateEffect.js";
+import Ee from "../select-view/index.js";
+import Ne from "../trigger/index.js";
+import Pe from "@unicom-cloud/utils/class-name";
+import { Esc as Ie, Tab as xe, Enter as Me } from "@unicom-cloud/utils/constant/keyboardCode";
+import Le from "./hook/useRefCurrent.js";
+import Te from "./panel/List.js";
+import Re from "./panel/Search.js";
+import { SHOW_CHILD as De, getConfig as Fe, getStore as Ae, formatValue as b, transformValuesToSet as Ue, valueInSet as Be, removeValueFromSet as _e, PANEL_MODE as K } from "./util.js";
+import He from "../config-provider/context.js";
+const We = {
+  label: "label",
+  value: "value",
+  isLeaf: "isLeaf",
+  children: "children",
+  disabled: "disabled"
+}, $e = {
+  options: [],
+  bordered: !0,
+  fieldNames: We,
+  trigger: "click",
+  expandTrigger: "click",
+  checkedStrategy: De,
+  defaultActiveFirstOption: !0
+}, je = { bottom: 4 };
+function ze(J, q) {
+  const { getPrefixCls: E, renderEmpty: G, componentConfig: N, rtl: v } = ve(He), e = we(
+    J,
+    $e,
+    N == null ? void 0 : N.Cascader
+  ), {
+    disabled: T,
+    renderFormat: P,
+    getPopupContainer: Q,
+    children: R,
+    triggerProps: X,
+    expandTrigger: Y,
+    icons: f
+  } = e, D = {
+    loading: (f == null ? void 0 : f.loading) || /* @__PURE__ */ p(pe, {}),
+    checked: (f == null ? void 0 : f.checked) || /* @__PURE__ */ p(ce, {}),
+    next: (f == null ? void 0 : f.next) || (v ? /* @__PURE__ */ p(de, {}) : /* @__PURE__ */ p(me, {}))
+  }, g = E == null ? void 0 : E("cascader"), a = e.mode === "multiple", y = S(null), Z = be(), l = Le(() => Ae(
+    e,
+    b(
+      "value" in e ? e.value : e.defaultValue,
+      a
+    )
+  ), [JSON.stringify(Fe(e)), e.options]), [I, F] = ye(() => "value" in e ? b(e.value, a, l) : "defaultValue" in e ? b(e.defaultValue, a, l) : []), h = "value" in e ? b(e.value, a, l) : I, [u, ee] = z(!1, {
+    value: e.popupVisible,
+    defaultValue: e.defaultPopupVisible
+  }), [c, te, ne] = z("", {
+    value: "inputValue" in e ? e.inputValue || "" : void 0
+  }), k = S(c), A = S(null), C = S(null), x = S((l == null ? void 0 : l.getCheckedNodes()) || []), U = ke(`${g}-popup-`), M = (t, n) => {
+    var r;
+    t !== k.current && (te(t), k.current = t, A.current = n, (r = e.onInputValueChange) == null || r.call(e, t, n));
+  };
+  function re(t) {
+    return fe(t) || he(t);
+  }
+  $(() => {
+    var n;
+    const { current: t } = A;
+    ne === c && (t === "manual" || t === "optionListHide") && ((n = e.onSearch) == null || n.call(e, c, t)), c !== k.current && (k.current = c);
+  }, [c]), $(() => {
+    const t = () => {
+      clearTimeout(y.current), y.current = null;
+    };
+    return !u && c && (y.current && t(), y.current = setTimeout(() => {
+      M("", "optionListHide"), y.current = null;
+    }, 200)), () => {
+      t();
+    };
+  }, [u]), Oe(() => {
+    if ("value" in e && e.value !== I) {
+      const t = b(e.value, a);
+      l.setNodeCheckedByValue(t), F(t);
+    }
+  }, [e.value, a]), Se(q, () => C.current, []);
+  const oe = (t) => {
+    x.current = Array.from(
+      new Set([].concat(t, x.current))
+    );
+  }, B = (t) => {
+    const n = [], r = Ue(t), i = (o) => {
+      o.some((s) => {
+        if (Be(r, s.pathValue) && (n.push(s.getPathNodes().map((d) => d._data)), _e(r, s.pathValue)), !r.size)
+          return !0;
+      });
+    };
+    return i(l.getCheckedNodes()), r.size && i(x.current), n;
+  }, m = j(
+    (t) => {
+      var n;
+      t !== u && ((n = e.onVisibleChange) == null || n.call(e, t), "popupVisible" in e || ee(t));
+    },
+    [e.onVisibleChange, u]
+  ), ie = j(
+    (t) => {
+      var o;
+      const n = B([t])[0] || [];
+      let r, i = ge(t) ? t.map((s) => String(s)) : [];
+      return n.length && (i = n.map((s) => s.label)), O(P) ? r = P(i) : i.every((s, d, w) => Ce(s)) ? r = i.join(" / ") : r = i.reduce((s, d, w) => s.concat(w === 0 ? [d] : [" / ", d]), []), {
+        text: r || "",
+        disabled: (o = n[n.length - 1]) == null ? void 0 : o.disabled
+      };
+    },
+    [l, I, P]
+    // 这里把 stateValue 放到依赖里面，是因为当受控时props.value改变或非受控时内部stateValue改变，都会需要出发节点选中状态的更新
+    // 此时需要重新渲染已选中值的展示
+  ), V = (t, n) => {
+    var W;
+    n === "panel" && L(e.showSearch) && !e.showSearch.retainInputValueWhileSelect && a && M("", "optionChecked");
+    const { onChange: r, changeOnSelect: i, expandTrigger: o } = e;
+    if (h === t)
+      return;
+    a || l.setNodeCheckedByValue(t), oe(l.getCheckedNodes());
+    const d = B(t), w = a ? t : t[0], ue = a ? d : d[0];
+    a || (c || d[0] && ((W = d[0][d[0].length - 1]) != null && W.isLeaf) || i && o === "hover") && m(!1), "value" in e ? (l.setNodeCheckedByValue(h), Z()) : F(t), r == null || r(w, ue, {
+      dropdownVisible: u
+    });
+  }, ae = (t, n, r) => {
+    if (r.stopPropagation(), t.disabled)
+      return;
+    const i = h.filter((o, s) => s !== n);
+    l.setNodeCheckedByValue(i), V(i);
+  }, _ = (t) => {
+    const n = t || C.current && C.current.getWidth();
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        className: `${g}-list-empty`,
+        style: { width: n },
+        children: e.notFoundContent || G("Cascader")
+      }
+    );
+  }, le = () => {
+    const t = L(e.showSearch) ? e.showSearch.panelMode : void 0, n = t === K.select ? !0 : t === K.cascader ? !1 : !O(e.onSearch) && !!c, r = C.current && C.current.getWidth(), i = O(e.dropdownRender) ? e.dropdownRender : (o) => o;
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        id: U,
+        className: Pe(`${g}-popup`, e.dropdownMenuClassName, {
+          [`${g}-popup-trigger-hover`]: e.expandTrigger === "hover"
+        }),
+        children: i(
+          /* @__PURE__ */ p(
+            "div",
+            {
+              className: `${g}-popup-inner`,
+              onMouseDown: (o) => o.preventDefault(),
+              children: n ? /* @__PURE__ */ p(
+                Re,
+                {
+                  style: { minWidth: r },
+                  store: l,
+                  inputValue: c,
+                  renderEmpty: () => _(r),
+                  multiple: a,
+                  onChange: (o) => {
+                    V(o, "panel");
+                  },
+                  prefixCls: g,
+                  rtl: v,
+                  onEsc: () => {
+                    m(!1);
+                  },
+                  renderOption: L(e.showSearch) && e.showSearch.renderOption || void 0,
+                  getTriggerElement: () => {
+                    var o;
+                    return (o = C.current) == null ? void 0 : o.dom;
+                  },
+                  value: h,
+                  virtualListProps: e.virtualListProps,
+                  defaultActiveFirstOption: e.defaultActiveFirstOption,
+                  icons: D
+                }
+              ) : /* @__PURE__ */ p(
+                Te,
+                {
+                  dropdownMenuColumnStyle: e.dropdownMenuColumnStyle,
+                  virtualListProps: e.virtualListProps,
+                  expandTrigger: Y,
+                  store: l,
+                  dropdownColumnRender: e.dropdownColumnRender,
+                  renderOption: e.renderOption,
+                  changeOnSelect: e.changeOnSelect,
+                  showEmptyChildren: e.showEmptyChildren || !!e.loadMore,
+                  multiple: a,
+                  onChange: (o) => {
+                    V(o, "panel");
+                  },
+                  loadMore: e.loadMore,
+                  prefixCls: g,
+                  rtl: v,
+                  getTriggerElement: () => {
+                    var o;
+                    return (o = C.current) == null ? void 0 : o.dom;
+                  },
+                  renderEmpty: _,
+                  popupVisible: u,
+                  value: h,
+                  renderFooter: e.renderFooter,
+                  icons: D,
+                  onEsc: () => {
+                    m(!1);
+                  },
+                  onDoubleClickOption: () => {
+                    e.changeOnSelect && !a && m(!1);
+                  }
+                }
+              )
+            }
+          )
+        )
+      }
+    );
+  }, se = (t) => {
+    V(t);
+  }, H = (t) => /* @__PURE__ */ p(
+    Ne,
+    {
+      popup: le,
+      trigger: e.trigger,
+      disabled: T,
+      getPopupContainer: Q,
+      position: v ? "br" : "bl",
+      classNames: "slideDynamicOrigin",
+      popupAlign: je,
+      unmountOnExit: "unmountOnExit" in e ? e.unmountOnExit : !O(e.loadMore),
+      popupVisible: u,
+      ...X,
+      onVisibleChange: m,
+      children: t
+    }
+  );
+  return R ? H(R) : /* @__PURE__ */ p(
+    Ee,
+    {
+      ...e,
+      ref: C,
+      ariaControls: U,
+      popupVisible: u,
+      value: a ? h : h && h[0],
+      inputValue: c,
+      rtl: v,
+      isEmptyValue: re(h),
+      prefixCls: g,
+      isMultiple: a,
+      renderText: ie,
+      onRemoveCheckedItem: ae,
+      onSort: se,
+      renderView: H,
+      onClear: (t) => {
+        var n;
+        if (t.stopPropagation(), !a)
+          V([]);
+        else {
+          const i = l.getCheckedNodes().filter((o) => o.disabled).map((o) => o.pathValue);
+          l.setNodeCheckedByValue(i), V(i);
+        }
+        (n = e.onClear) == null || n.call(e, !!u);
+      },
+      onKeyDown: (t) => {
+        var r;
+        if (T)
+          return;
+        t.stopPropagation();
+        const n = t.key;
+        u ? (n === Ie.key && (m(!1), t.preventDefault()), n === xe.key && m(!1)) : n === Me.key && (m(!0), t.preventDefault()), (r = e.onKeyDown) == null || r.call(e, t);
+      },
+      onChangeInputValue: (t) => {
+        M(t, "manual"), u || m(!0);
+      }
+    }
+  );
+}
+const Ke = Ve(
+  ze
+);
+Ke.displayName = "Cascader";
 export {
-  k as DefaultFieldNames,
-  n as default
+  We as DefaultFieldNames,
+  Ke as default
 };

package/cascader/base/node.js

@@ -0,0 +1,142 @@
+var b = Object.defineProperty;
+var k = (d, e, t) => e in d ? b(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
+var a = (d, e, t) => k(d, typeof e != "symbol" ? e + "" : e, t);
+import c from "lodash/get";
+import { DefaultFieldNames as g } from "../Cascader.js";
+class _ {
+  constructor(e, t, h) {
+    a(this, "value");
+    a(this, "label");
+    // 是否禁用
+    a(this, "disabled");
+    a(this, "_level");
+    a(this, "_index");
+    a(this, "isLeaf");
+    a(this, "disableCheckbox");
+    // 是否选中
+    a(this, "_checked");
+    /** 是否半选 */
+    a(this, "_halfChecked");
+    /** 当前选项节点的父节点 */
+    a(this, "parent");
+    /** 当前选项节点路径的所有节点的值 */
+    a(this, "pathValue", []);
+    a(this, "pathLabel", []);
+    /** 下一级选项 */
+    a(this, "children");
+    /** 是否在加载中 */
+    a(this, "loading");
+    /** 是否加载完成 */
+    a(this, "loaded");
+    a(this, "config", {});
+    // 保存暴露给外部的属性
+    a(this, "_data");
+    a(this, "_initNode", (e, t = null) => {
+      const { showEmptyChildren: h, lazyload: i } = this.config, l = { ...g, ...this.config.fieldNames }, n = c(e, l.children) || e[l.children];
+      let f = Array.isArray(n) ? h ? !1 : n.length === 0 : !0;
+      i && (l.isLeaf in e ? f = !!c(e, l.isLeaf) || !!e[l.isLeaf] : f = !1);
+      const u = c(e, l.value) || e[l.value], o = c(e, l.label) || e[l.label], r = {
+        ...e,
+        value: u,
+        label: o,
+        isLeaf: f,
+        loading: !1,
+        loaded: !1,
+        disabled: t && t.disabled || c(e, l.disabled) || e[l.disabled],
+        parent: t,
+        pathValue: t ? [...t.pathValue, u] : [u],
+        pathLabel: t ? [...t.pathLabel, o] : [o],
+        _level: t ? t._level + 1 : 0,
+        _checked: !1,
+        _halfChecked: !1
+      };
+      this._data = {
+        ...r,
+        parent: r.parent && r.parent._data
+      }, Object.keys(r).forEach((s) => {
+        this[s] = r[s];
+      }), n && n.length && (this.children = n.map((s, C) => new _({ ...s, _index: C }, this.config, this)), this._data.children = this.children.map((s) => s._data));
+    });
+    /**
+     * 根据this.children 计算是否当前node半选状态
+     * 假设半选是 0.5，全选是1，不选是0。
+     * 那么只有当前节点的所有children加起来等于children.length，才是全选，否则和大于0，就是半选。
+     */
+    a(this, "_isHalfChecked", () => {
+      const e = this.children.reduce((t, h) => {
+        const i = h._halfChecked ? 0.5 : h._checked ? 1 : 0;
+        return t + i;
+      }, 0);
+      return e !== this.children.length && e > 0;
+    });
+    /**
+     *
+     * @param checked 选中状态
+     * @param ignoreDisabled 是否忽略节点禁用设置选中状态，一般在初始化设置选中状态时传参为true
+     */
+    a(this, "_setNodeChildrenChecked", (e, t) => {
+      !t && this.disabled || this.children && this.children.length && (this.children.forEach((h) => {
+        h.disabled ? t && h.setCheckedStateIgnoreDisabled(e) : h.setCheckedState(e);
+      }), this.updateHalfState(e));
+    });
+    a(this, "getSelfChildrenValue", () => {
+      const e = [], t = (h, i) => {
+        if (!i || !i.length) {
+          e.push(h);
+          return;
+        }
+        (i || []).forEach((l) => {
+          t(l.pathValue, l.children);
+        });
+      };
+      return t(this.pathValue, this.children), e;
+    });
+    a(this, "updateHalfState", (e) => {
+      this._halfChecked = this._isHalfChecked(), this._checked = this._halfChecked ? !1 : e;
+    });
+    // 直接设置选中状态
+    a(this, "setCheckedProperty", (e) => {
+      this._checked = e, this._halfChecked = !1;
+    });
+    // 设置当前节点选中状态
+    a(this, "setCheckedState", (e) => {
+      const t = e ? this._checked : !this._checked && !this._halfChecked;
+      if (!(this.disabled || t) && (this.setCheckedProperty(e), !this.config.changeOnSelect)) {
+        this._setNodeChildrenChecked(e);
+        let h = this.parent;
+        for (; h && !h.disabled; )
+          h.updateHalfState(e), h = h.parent;
+      }
+    });
+    // 忽略禁用设置选中状态
+    a(this, "setCheckedStateIgnoreDisabled", (e) => {
+      if (e !== !!this._checked && (this.setCheckedProperty(e), !this.config.changeOnSelect)) {
+        this._setNodeChildrenChecked(e, !0);
+        let t = this.parent;
+        for (; t; )
+          t.updateHalfState(e), t = t.parent;
+      }
+    });
+    /**
+     * 遍历节点的parent，获取当前节点的路径节点。
+     * node: { label: '1-1-1', parent: { label: '1-1', parent: { label: '1' }, ... }, ...}
+     * @return [node.parent.parent, node.parent, node]
+     * @memberof Store
+     */
+    a(this, "getPathNodes", () => {
+      const e = [this];
+      let t = this.parent;
+      for (; t; )
+        e.unshift(t), t = t.parent;
+      return e;
+    });
+    a(this, "getChildren", () => this.children);
+    a(this, "setLoading", (e) => {
+      this.loading = e, (e || e === void 0) && (this.loaded = !1), e === !1 && (this.loaded = !0);
+    });
+    this.config = t || {}, this._initNode(e, h || null);
+  }
+}
+export {
+  _ as default
+};

package/cascader/base/store.js

@@ -0,0 +1,93 @@
+var l = Object.defineProperty;
+var c = (i, e, t) => e in i ? l(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var a = (i, e, t) => c(i, typeof e != "symbol" ? e + "" : e, t);
+import d from "lodash/isArray";
+import u from "lodash/isEqualWith";
+import N from "lodash/isFunction";
+import g from "lodash/isString";
+import { transformValuesToSet as m, valueInSet as n } from "../util.js";
+import p from "./node.js";
+class P {
+  constructor(e, t, s) {
+    a(this, "nodes", []);
+    a(this, "flatNodes", []);
+    a(this, "config", {});
+    // 初始化节点状态，附加状态信息字段： _checked,_halfChecked,parent,disabled
+    a(this, "_calcNodes", (e, t) => e ? e.map((s, r) => new p({ ...s, _index: r }, this.config, t)) : []);
+    // this.flatNodes 保存所有可能的选中项
+    a(this, "_updateFlatNodes", () => {
+      const e = !this.config.changeOnSelect;
+      this.flatNodes = [];
+      const t = (s) => {
+        s && ((!e || s.isLeaf) && this.flatNodes.push(s), d(s.children) && s.children.forEach((r) => {
+          t(r);
+        }));
+      };
+      this.nodes.forEach((s) => {
+        t(s);
+      });
+    });
+    /**
+     * values: 全部的选中值
+     * 根据values更新节点状态。不包含在values的节点都设置为未选中状态
+     * @memberof Store
+     */
+    a(this, "setNodeCheckedByValue", (e) => {
+      const t = m(e);
+      this.flatNodes.forEach((s) => {
+        let r = !1;
+        this.config.showParent ? s.pathValue.some(
+          (o, h, f) => n(t, f.slice(0, h + 1))
+        ) && (r = !0) : n(t, s.pathValue) && (r = !0), s.setCheckedStateIgnoreDisabled(r);
+      });
+    });
+    /**
+     * 为当前节点插入子节点。动态加载时候用到
+     */
+    a(this, "appendOptionChildren", (e, t) => {
+      if (t && e) {
+        const s = this._calcNodes(t, e);
+        e.children = s, this._updateFlatNodes(), this.config.changeOnSelect || e.setCheckedState(!1);
+      }
+    });
+    /**
+     * 通过 value 查找对应的node节点。
+     * value: 是路径节点的value组成的数组
+     */
+    a(this, "findNodeByValue", (e) => {
+      let t = null;
+      return !e || !e.length || this.flatNodes.some((s) => {
+        u(s.pathValue, e) && (t = s);
+      }), t;
+    });
+    /**
+     * 搜索所有label含有关键字的节点
+     */
+    a(this, "searchNodeByLabel", (e) => {
+      if (!e)
+        return this.flatNodes;
+      const { filterOption: t } = this.config, s = N(t) ? t : (r, o) => g(o.label) && o.label.indexOf(r) > -1;
+      return this.flatNodes.filter((r) => r.getPathNodes().some((h) => s(e, h._data)));
+    });
+    /** 获取所有节点 */
+    a(this, "getOptions", () => this.nodes);
+    /** 获取所有选中状态的节点。 aggregation: 是否聚合节点 */
+    a(this, "getCheckedNodes", () => this.config.showParent ? this.getCheckedParentNodes() : this.flatNodes.filter((e) => e._checked));
+    // 按照父节点纬度聚合当前所有选中节点。
+    a(this, "getCheckedParentNodes", () => {
+      const e = /* @__PURE__ */ new Set();
+      return this.flatNodes.forEach((t) => {
+        t._checked && t.getPathNodes().some((r) => {
+          if (r._checked)
+            return e.has(r) || e.add(r), !0;
+        });
+      }), Array.from(e);
+    });
+    this.config = { ...s };
+    const r = Array.isArray(t) ? t : [];
+    this.nodes = this._calcNodes(e, null), this._updateFlatNodes(), this.setNodeCheckedByValue(r);
+  }
+}
+export {
+  P as default
+};

package/cascader/hook/useRefCurrent.js

@@ -0,0 +1,12 @@
+import { useRef as o } from "react";
+import u from "../../components/common/hooks/useForceUpdate.js";
+import c from "../../components/common/hooks/useUpdateEffect.js";
+function m(e, t) {
+  const r = o(null), f = u();
+  return r.current || (r.current = e()), c(() => {
+    r.current = e(), f();
+  }, [...t]), r.current;
+}
+export {
+  m as default
+};

package/cascader/index.js

@@ -1,4 +1,4 @@
-import { c as o } from "../chunk/BbQEqpOn.js";
+import a from "./Cascader.js";
 export {
-  o as default
+  a as default
 };