@unicom-cloud/ui 0.8.149 → 0.8.151

package/dropdown/Button.d.ts

@@ -0,0 +1,4 @@
+import type { DropdownButtonProps } from './interface';
+declare const DropdownButton: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<unknown>>;
+export default DropdownButton;
+export type { DropdownButtonProps };

package/dropdown/Button.js

@@ -1,91 +1,57 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as t, jsxs as D } from "react/jsx-runtime";
-import u from "@unicom-cloud/icons/IconUiMore";
-import { forwardRef as y, useContext as j } from "react";
-import k from "./index.js";
-import e from "../button/Button.js";
-import "../config-provider/ConfigProvider.js";
-import M from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import { pickDataAttributes as N } from "@unicom-cloud/ui-common/utils/pick";
-import R from "../config-provider/context.js";
-const v = {
-  position: "br",
-  trigger: "hover",
-  type: "default",
-  icon: /* @__PURE__ */ t(u, {}),
-  unmountOnExit: !0
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import { pickDataAttributes as e } from "../utils/pick.js";
+import t from "../hooks/use-merge-props/index.js";
+import n from "../config-provider/context.js";
+import "../config-provider/index.js";
+import r from "../button/index.js";
+import i from "./Dropdown.js";
+import { forwardRef as a, useContext as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@unicom-cloud/icons/IconUiMore";
+//#region components/pc/dropdown/Button.tsx
+var u = {
+	position: "br",
+	trigger: "hover",
+	type: "default",
+	icon: /* @__PURE__ */ s(l, {}),
+	unmountOnExit: !0
 };
-function z(f, d) {
-  const { prefixCls: E, componentConfig: a } = j(R), i = M(
-    f,
-    v,
-    a?.DropdownButton
-  ), {
-    className: c,
-    style: g,
-    children: b,
-    disabled: r,
-    position: x = "br",
-    type: s = "default",
-    size: p,
-    icon: C = /* @__PURE__ */ t(u, {}),
-    onClick: P,
-    buttonProps: B,
-    rightButtonProps: h,
-    // 潘启宝添加
-    buttonsRender: l,
-    ...m
-  } = i;
-  let n = /* @__PURE__ */ t(
-    e,
-    {
-      disabled: r,
-      type: s,
-      size: p,
-      onClick: P,
-      ...B,
-      children: b
-    }
-  ), o = /* @__PURE__ */ t(
-    e,
-    {
-      disabled: r,
-      type: s,
-      size: p,
-      icon: C,
-      ...h
-    }
-  );
-  l && ([n, o] = l([n, o]));
-  const w = r || !o || o?.props?.loading;
-  return /* @__PURE__ */ D(
-    e.Group,
-    {
-      className: c,
-      style: g,
-      ref: d,
-      ...N(i),
-      children: [
-        n,
-        /* @__PURE__ */ t(
-          k,
-          {
-            disabled: r,
-            position: x,
-            ...m,
-            triggerProps: {
-              disabled: w,
-              ...m?.triggerProps
-            },
-            children: o
-          }
-        )
-      ]
-    }
-  );
+function d(a, d) {
+	let { prefixCls: f, componentConfig: p } = o(n), m = t(a, u, p?.DropdownButton), { className: h, style: g, children: _, disabled: v, position: y = "br", type: b = "default", size: x, icon: S = /* @__PURE__ */ s(l, {}), onClick: C, buttonProps: w, rightButtonProps: T, buttonsRender: E, ...D } = m, O = /* @__PURE__ */ s(r, {
+		disabled: v,
+		type: b,
+		size: x,
+		onClick: C,
+		...w,
+		children: _
+	}), k = /* @__PURE__ */ s(r, {
+		disabled: v,
+		type: b,
+		size: x,
+		icon: S,
+		...T
+	});
+	E && ([O, k] = E([O, k]));
+	let A = v || !k || k?.props?.loading;
+	return /* @__PURE__ */ c(r.Group, {
+		className: h,
+		style: g,
+		ref: d,
+		...e(m),
+		children: [O, /* @__PURE__ */ s(i, {
+			disabled: v,
+			position: y,
+			...D,
+			triggerProps: {
+				disabled: A,
+				...D?.triggerProps
+			},
+			children: k
+		})]
+	});
 }
-const A = y(z);
-A.displayName = "DropdownButton";
-export {
-  A as default
-};
+var f = a(d);
+f.displayName = "DropdownButton";
+//#endregion
+export { f as default };
+/* 独立思考，明辨是非 */

package/dropdown/Dropdown.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DropdownProps } from './interface';
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<unknown>>;
+export default Dropdown;
+export type { DropdownProps };

package/dropdown/Dropdown.js

@@ -0,0 +1,93 @@
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import { isBoolean as e } from "../utils/is.js";
+import t from "../hooks/use-merge-value/index.js";
+import n from "../utils/className.js";
+import r, { pickDataAttributes as i } from "../utils/pick.js";
+import a from "../hooks/use-merge-props/index.js";
+import o from "../config-provider/context.js";
+import "../config-provider/index.js";
+import s from "../utils/findRootElement.js";
+import c from "../utils/omit.js";
+import { supportRef as l } from "../utils/ref.js";
+import { EventsByTriggerNeed as u } from "../trigger/utils.js";
+import d from "../trigger/index.js";
+import f, { useContext as p, useImperativeHandle as m, useRef as h } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import _ from "lodash/get";
+//#region components/pc/dropdown/Dropdown.tsx
+function v(v, y) {
+	let b = {
+		position: "bl",
+		trigger: "hover",
+		unmountOnExit: !0
+	}, x = {
+		left: 4,
+		right: 4,
+		top: 4,
+		bottom: 4
+	}, { prefixCls: S, getPrefixCls: C, componentConfig: w, rtl: T } = p(o), E = a(v, b, w?.Dropdown), { trigger: D, droplist: O, children: k, position: A, disabled: j, unmountOnExit: M, triggerProps: N, getPopupContainer: P, onVisibleChange: F, ...I } = E, L = C?.("dropdown"), R = h(null), [z, B] = t(!1, {
+		defaultValue: E.defaultPopupVisible,
+		value: E.popupVisible
+	}), V = () => f.Children.only(O || /* @__PURE__ */ g("span", {})), H = (e) => {
+		B(e), F?.(e), N?.onVisibleChange?.(e);
+	}, U = (e) => {
+		e !== z && H(e);
+	}, W = () => {
+		let e = V();
+		if (_(e, "type.___PQB_MENU___") || _(e, "props.isMenu")) {
+			let t = !0;
+			for (let n of f.Children.toArray(e.props.children)) if (n != null) {
+				t = !1;
+				break;
+			}
+			return f.cloneElement(e, {
+				prefixCls: n(`${L}-menu`, { [`${L}-menu-hidden`]: t }),
+				inDropdown: !0,
+				selectable: !1,
+				onClickMenuItem: (...e) => {
+					let t = null, n = V();
+					n.props.onClickMenuItem && (t = n.props.onClickMenuItem(...e)), (R.current?.getRootElement?.())?.focus?.(), t instanceof Promise ? t.finally(() => H(!1)) : t !== !1 && H(!1);
+				}
+			});
+		}
+		return e;
+	}, G = h(null);
+	return m(y, () => ({ getRootElement() {
+		return s(G.current);
+	} })), /* @__PURE__ */ g(d, {
+		ref: R,
+		classNames: `${S}-slide-dynamic-origin`,
+		childrenPrefix: L,
+		trigger: D,
+		popup: W,
+		mouseEnterDelay: 400,
+		mouseLeaveDelay: 400,
+		disabled: j,
+		unmountOnExit: M,
+		position: A,
+		popupVisible: z,
+		popupAlign: x,
+		getPopupContainer: P,
+		alignPoint: D === "contextMenu",
+		...r(I, u),
+		...i(I),
+		...c(N, ["onVisibleChange"]),
+		getRootElement: () => s(G.current),
+		onVisibleChange: U,
+		children: f.isValidElement(k) ? f.cloneElement(k, {
+			...e(j) ? { disabled: j } : {},
+			className: n({
+				[`${L}-popup-visible`]: z,
+				[`${[L]}-rtl`]: T
+			}, k.props.className),
+			ref: l(k) ? (e) => {
+				G.current = e;
+			} : void 0
+		}) : k
+	});
+}
+var y = f.forwardRef(v);
+y.displayName = "Dropdown";
+//#endregion
+export { y as default };
+/* 独立思考，明辨是非 */

package/dropdown/index.d.ts

@@ -0,0 +1,8 @@
+import DropdownButton from './Button';
+import type { DropdownProps } from './interface';
+declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<unknown>> & {
+    Button: import("react").ForwardRefExoticComponent<import("./interface").DropdownButtonProps & import("react").RefAttributes<unknown>>;
+};
+export { DropdownButton };
+export default Dropdown;
+export type { DropdownProps };

package/dropdown/index.js

@@ -1,130 +1,8 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as P } from "react/jsx-runtime";
-import b from "lodash/get";
-import o, { useContext as H, useRef as V, useImperativeHandle as L } from "react";
-import "../config-provider/ConfigProvider.js";
-import Q from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import U from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import q, { EventsByTriggerNeed as z } from "../trigger/index.js";
-import x from "@unicom-cloud/ui-common/utils/className";
-import E from "@unicom-cloud/ui-common/utils/findRootElement";
-import { isBoolean as G } from "@unicom-cloud/ui-common/utils/is";
-import J from "@unicom-cloud/ui-common/utils/omit";
-import K, { pickDataAttributes as S } from "@unicom-cloud/ui-common/utils/pick";
-import { supportRef as W } from "@unicom-cloud/ui-common/utils/ref";
-import X from "./Button.js";
-import Y from "../config-provider/context.js";
-function Z(w, D) {
-  const M = {
-    position: "bl",
-    trigger: "hover",
-    unmountOnExit: !0
-  }, R = {
-    left: 4,
-    right: 4,
-    top: 4,
-    bottom: 4
-  }, {
-    prefixCls: k,
-    getPrefixCls: N,
-    componentConfig: _,
-    rtl: v
-  } = H(Y), l = Q(
-    w,
-    M,
-    _?.Dropdown
-  ), {
-    trigger: f,
-    droplist: B,
-    children: t,
-    position: I,
-    disabled: s,
-    unmountOnExit: $,
-    triggerProps: a,
-    getPopupContainer: A,
-    onVisibleChange: O,
-    ...c
-  } = l, n = N?.("dropdown"), d = V(null), [p, T] = U(!1, {
-    defaultValue: l.defaultPopupVisible,
-    value: l.popupVisible
-  }), g = () => o.Children.only(B || /* @__PURE__ */ P("span", {})), u = (e) => {
-    T(e), O?.(e), a?.onVisibleChange?.(e);
-  }, j = (e) => {
-    e !== p && u(e);
-  }, F = () => {
-    const e = g();
-    if (b(e, "type.___PQB_MENU___") || b(e, "props.isMenu")) {
-      let C = !0;
-      for (const r of o.Children.toArray(e.props.children))
-        if (r != null) {
-          C = !1;
-          break;
-        }
-      return o.cloneElement(e, {
-        prefixCls: x(`${n}-menu`, {
-          [`${n}-menu-hidden`]: C
-        }),
-        inDropdown: !0,
-        selectable: !1,
-        onClickMenuItem: (...r) => {
-          let i = null;
-          const h = g();
-          h.props.onClickMenuItem && (i = h.props.onClickMenuItem(
-            ...r
-          )), d.current?.getRootElement?.()?.focus?.(), i instanceof Promise ? i.finally(
-            () => u(!1)
-          ) : i !== !1 && u(!1);
-        }
-      });
-    }
-    return e;
-  }, m = V(null);
-  return L(D, () => ({
-    getRootElement() {
-      return E(m.current);
-    }
-  })), /* @__PURE__ */ P(
-    q,
-    {
-      ref: d,
-      classNames: `${k}-slide-dynamic-origin`,
-      childrenPrefix: n,
-      trigger: f,
-      popup: F,
-      mouseEnterDelay: 400,
-      mouseLeaveDelay: 400,
-      disabled: s,
-      unmountOnExit: $,
-      position: I,
-      popupVisible: p,
-      popupAlign: R,
-      getPopupContainer: A,
-      alignPoint: f === "contextMenu",
-      ...K(c, z),
-      ...S(c),
-      ...J(a, ["onVisibleChange"]),
-      getRootElement: () => E(m.current),
-      onVisibleChange: j,
-      children: o.isValidElement(t) ? o.cloneElement(t, {
-        ...G(s) ? { disabled: s } : {},
-        className: x(
-          {
-            [`${n}-popup-visible`]: p,
-            [`${[n]}-rtl`]: v
-          },
-          t.props.className
-        ),
-        ref: W(t) ? (e) => {
-          m.current = e;
-        } : void 0
-      }) : t
-    }
-  );
-}
-const ee = o.forwardRef(Z), y = ee;
-y.displayName = "Dropdown";
-y.Button = X;
-export {
-  X as DropdownButton,
-  y as default
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "./Dropdown.js";
+import t from "./Button.js";
+//#region components/pc/dropdown/index.tsx
+var n = Object.assign(e, { Button: t });
+//#endregion
+export { t as DropdownButton, n as default };
+/* 独立思考，明辨是非 */

package/dropdown/interface.d.ts

@@ -0,0 +1,100 @@
+import { CSSProperties, ReactNode } from 'react';
+import type { ButtonProps } from '../button';
+import type { GetPopupContainer, Size } from '../interface';
+import type { TriggerProps } from '../trigger';
+/**
+ * @title Dropdown
+ */
+export interface DropdownProps extends GetPopupContainer {
+    children?: ReactNode;
+    /**
+     * @zh 下拉框的内容
+     * @en Content of dropdown list
+     */
+    droplist?: ReactNode;
+    /**
+     * @zh 下拉框的弹出位置
+     * @en Position of dropdown list
+     * @defaultValue bl
+     */
+    position?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
+    /**
+     * @zh 触发下拉框弹出的方式
+     * @en Types of events that cause the popup to show
+     * @defaultValue hover
+     */
+    trigger?: TriggerProps['trigger'];
+    /**
+     * @zh 是否禁用弹出
+     * @en Whether to disable popup
+     */
+    disabled?: boolean;
+    /**
+     * @zh 隐藏后是否销毁 DOM 结构
+     * @en Whether to umount the node on hiding
+     * @defaultValue true
+     */
+    unmountOnExit?: boolean;
+    /**
+     * @zh 控制下拉框是否默认打开
+     * @en Whether the dropdown list is visible by default
+     */
+    defaultPopupVisible?: boolean;
+    /**
+     * @zh 控制下拉框是否打开（受控模式）
+     * @en Whether the dropdown list is visible (Controlled)
+     */
+    popupVisible?: boolean;
+    /**
+     * @zh 弹出框下可接受所有 `Trigger` 组件的 `Props`
+     * @en Pass all `Trigger` component properties
+     */
+    triggerProps?: Partial<TriggerProps>;
+    /**
+     * @zh 弹出框打开/关闭时会触发
+     * @en Callback when visibility changes
+     */
+    onVisibleChange?: (visible: boolean) => void;
+}
+/**
+ * @title Dropdown.Button
+ */
+export interface DropdownButtonProps extends Omit<DropdownProps, 'position'>, Size {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 下拉框的弹出位置
+     * @en Position of the dropdown list
+     * @defaultValue br
+     */
+    position?: 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
+    /**
+     * @zh 等同于 `Button` 的 type
+     * @en Same as `type` of ButtonProps
+     * @defaultValue default
+     */
+    type?: 'default' | 'primary' | 'secondary' | 'dashed' | 'outline' | 'text';
+    /**
+     * @zh 接收 button 按钮的所有 Props，应用于左侧按钮
+     * @en Pass Button's properties to the button on the left
+     */
+    buttonProps?: ButtonProps;
+    rightButtonProps?: ButtonProps;
+    /**
+     * @zh 右侧显示内容，可以是 icon 或者任意 dom 元素
+     * @en Custom icon on the right
+     * @defaultValue <IconUiMore />
+     */
+    icon?: ReactNode;
+    /**
+     * @zh 自定义两个按钮的渲染
+     * @en Custom buttons inside Dropdown.Button
+     */
+    buttonsRender?: (buttons: ReactNode[]) => ReactNode[];
+    /**
+     * @zh 左侧按钮的点击事件
+     * @en Callback when button on the left is clicked
+     */
+    onClick?: (e: Event) => void;
+    children?: ReactNode;
+}

package/empty/Empty.d.ts

@@ -0,0 +1,4 @@
+import type { EmptyProps } from './interface';
+declare const Empty: import("react").ForwardRefExoticComponent<EmptyProps & import("react").RefAttributes<unknown>>;
+export default Empty;
+export type { EmptyProps };

package/empty/Empty.js

@@ -0,0 +1,27 @@
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "../hooks/use-merge-props/index.js";
+import t from "../config-provider/context.js";
+import "../config-provider/index.js";
+import { forwardRef as n, useContext as r, useImperativeHandle as i, useRef as a } from "react";
+import o from "@unicom-cloud/ui-common/empty";
+import { jsx as s } from "react/jsx-runtime";
+//#region components/pc/empty/Empty.tsx
+function c(n, c) {
+	let { prefixCls: l, getPrefixCls: u, locale: d, componentConfig: f } = r(t), { ...p } = e(n, {}, f?.Empty), m = u?.("empty"), h = d?.Empty?.noData, g = a(null);
+	return i(c, () => ({
+		...g.current,
+		getRootElement() {
+			return g.current.getRootElement();
+		}
+	})), /* @__PURE__ */ s(o, {
+		ref: g,
+		prefixCls: m,
+		description: h,
+		...p
+	});
+}
+var l = n(c);
+l.displayName = "Empty";
+//#endregion
+export { l as default };
+/* 独立思考，明辨是非 */

package/empty/index.d.ts

@@ -0,0 +1,4 @@
+import type { EmptyProps } from './interface';
+declare const Empty: import("react").ForwardRefExoticComponent<EmptyProps & import("react").RefAttributes<unknown>>;
+export default Empty;
+export type { EmptyProps };

package/empty/index.js

@@ -1,38 +1,7 @@
-/* 2026-03-02 09:28:59 */
-import { jsx as i } from "react/jsx-runtime";
-import a from "@unicom-cloud/ui-common/empty";
-import { memo as c, forwardRef as u, useContext as C, useRef as g, useImperativeHandle as x } from "react";
-import "../config-provider/ConfigProvider.js";
-import E from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import y from "../config-provider/context.js";
-function d(t, e) {
-  const {
-    prefixCls: P,
-    getPrefixCls: r,
-    locale: n,
-    componentConfig: m
-  } = C(y), p = E(
-    t,
-    {},
-    m?.Empty
-  ), { ...s } = p, l = r?.("empty"), f = n?.Empty?.noData, o = g(null);
-  return x(e, () => ({
-    ...o.current,
-    getRootElement() {
-      return o.current.getRootElement();
-    }
-  })), /* @__PURE__ */ i(
-    a,
-    {
-      ref: o,
-      prefixCls: l,
-      description: f,
-      ...s
-    }
-  );
-}
-const R = c(u(d));
-R.displayName = "Empty";
-export {
-  R as default
-};
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "./Empty.js";
+//#region components/pc/empty/index.tsx
+var t = Object.assign(e, {});
+//#endregion
+export { t as default };
+/* 独立思考，明辨是非 */

package/empty/interface.d.ts

@@ -0,0 +1,8 @@
+import type { EmptyProps as EmptyProps_ } from '@unicom-cloud/ui-common/empty/interface';
+import { CSSProperties } from 'react';
+/**
+ * @title Empty
+ */
+export interface EmptyProps extends EmptyProps_ {
+    style?: CSSProperties;
+}

package/flex/Flex.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { FlexProps, FlexVerticalProps } from './interface';
+/**
+ * 垂直布局组件
+ */
+declare const FlexVertical: React.FC<FlexVerticalProps>;
+declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>>;
+export { FlexVertical };
+export default Flex;

package/flex/Flex.js

@@ -0,0 +1,39 @@
+/* 潘启宝 2026-03-24 15:26:28 星期二 */
+import e from "../utils/className.js";
+import t from "../hooks/use-merge-props/index.js";
+import n from "../config-provider/context.js";
+import "../config-provider/index.js";
+import { forwardRef as r, useContext as i, useImperativeHandle as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import c from "@unicom-cloud/ui-common/flex";
+//#region components/pc/flex/Flex.tsx
+function l(r, l) {
+	let u = { children: void 0 }, { prefixCls: d, getPrefixCls: f, componentConfig: p, rtl: m } = i(n), { className: h, ...g } = t(r, u, p?.Flex), _ = f?.("flex"), v = o(null);
+	return a(l, () => ({
+		...v.current,
+		getRootElement() {
+			return v.current.getRootElement();
+		}
+	})), /* @__PURE__ */ s(c, {
+		ref: v,
+		className: e(_, h),
+		rtl: m,
+		...g
+	});
+}
+var u = r(l);
+u.displayName = "Flex";
+function d(e, t) {
+	let { direction: n = "column", ...r } = e;
+	return /* @__PURE__ */ s(u, {
+		...r,
+		ref: t,
+		direction: n
+	});
+}
+var f = r(d);
+f.displayName = "FlexVertical";
+var p = u;
+//#endregion
+export { f as FlexVertical, p as default };
+/* 独立思考，明辨是非 */

package/flex/index.d.ts

@@ -0,0 +1,8 @@
+import { FlexVertical } from './Flex';
+import type { FlexProps, FlexVerticalProps } from './interface';
+declare const Flex: import("react").ForwardRefExoticComponent<FlexProps & import("react").RefAttributes<HTMLElement>> & {
+    Vertical: import("react").FC<FlexVerticalProps>;
+};
+export { FlexVertical };
+export default Flex;
+export type { FlexProps, FlexVerticalProps };