@rainbow-oh/yee-c 0.1.0 → 0.2.0

package/dist/cjs/Tree/tree.d.ts

@@ -1,6 +1,10 @@
 import React, { ChangeEvent } from 'react';
-import type { TreeProps } from './interface';
+import type { DragPosition, TreeProps } from './interface';
 import './style/index.less';
+type DropState = {
+    key: string | number;
+    position: DragPosition;
+} | null;
 export declare const TreeContext: React.Context<{
     prefixCls?: string | undefined;
     checkable?: boolean | undefined;
@@ -11,9 +15,16 @@ export declare const TreeContext: React.Context<{
     selectedKeys: Array<string | number>;
     checkedKeys: Array<string | number>;
     expandedKeys: Array<string | number>;
+    draggable?: boolean | undefined;
+    draggingKey: string | number | null;
+    dropState: DropState;
     onCheck: (event: ChangeEvent<HTMLInputElement>) => void;
     onSelect: (key: string | number) => void;
     onExpand: (key: string | number) => void;
+    onNodeDragStart: (key: string | number, e: React.DragEvent) => void;
+    onNodeDragOver: (key: string | number, e: React.DragEvent) => void;
+    onNodeDragLeave: (key: string | number, e: React.DragEvent) => void;
+    onNodeDrop: (key: string | number, e: React.DragEvent) => void;
 }>;
 declare const Tree: <T extends Record<string, unknown> = any>(baseprops: TreeProps<T>) => React.JSX.Element;
 export default Tree;

package/dist/cjs/Tree/tree.js

@@ -51,11 +51,22 @@ var TreeContext = (0, import_react.createContext)({
   selectedKeys: [],
   checkedKeys: [],
   expandedKeys: [],
+  draggable: false,
+  draggingKey: null,
+  dropState: null,
   onCheck: () => {
   },
   onSelect: () => {
   },
   onExpand: () => {
+  },
+  onNodeDragStart: () => {
+  },
+  onNodeDragOver: () => {
+  },
+  onNodeDragLeave: () => {
+  },
+  onNodeDrop: () => {
   }
 });
 var Tree = (baseprops) => {
@@ -80,6 +91,9 @@ var Tree = (baseprops) => {
     icon,
     showLine,
     switcherIcon,
+    draggable,
+    allowDrop,
+    onDrop,
     onSelect,
     onCheck,
     onExpand
@@ -179,25 +193,167 @@ var Tree = (baseprops) => {
     },
     [mergedExpandedKeys, itemMap, onExpand]
   );
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(prefixCls, className), style }, /* @__PURE__ */ import_react.default.createElement(
-    TreeContext.Provider,
-    {
-      value: {
-        prefixCls,
-        checkable,
-        showIcon,
-        icon,
-        showLine,
-        switcherIcon,
-        selectedKeys: mergedSelectedKeys,
-        checkedKeys: mergedCheckedKeys,
-        expandedKeys: mergedExpandedKeys,
-        onCheck: handleCheck,
-        onSelect: handleSelect,
-        onExpand: handleExpand
+  const dragKeyRef = (0, import_react.useRef)(null);
+  const [draggingKey, setDraggingKey] = (0, import_react.useState)(null);
+  const [dropState, setDropState] = (0, import_react.useState)(null);
+  const isIllegalMove = (0, import_react.useCallback)(
+    (dragKey, dropKey) => {
+      if (dragKey === dropKey)
+        return true;
+      const dropNode = itemMap.get(dropKey);
+      return !!dropNode && dropNode.path.includes(dragKey);
+    },
+    [itemMap]
+  );
+  const resolvePosition = (0, import_react.useCallback)(
+    (rect, clientY) => {
+      const offset = (clientY - rect.top) / rect.height;
+      if (offset < 0.25)
+        return "before";
+      if (offset > 0.75)
+        return "after";
+      return "inside";
+    },
+    []
+  );
+  const handleDragStart = (0, import_react.useCallback)(
+    (key, e) => {
+      const node = itemMap.get(key);
+      if (node == null ? void 0 : node.disabled) {
+        e.preventDefault();
+        return;
+      }
+      dragKeyRef.current = key;
+      setDraggingKey(key);
+      if (e.dataTransfer) {
+        e.dataTransfer.effectAllowed = "move";
+        try {
+          e.dataTransfer.setData("text/plain", String(key));
+        } catch (e2) {
+        }
+      }
+    },
+    [itemMap]
+  );
+  const handleDragOver = (0, import_react.useCallback)(
+    (key, e) => {
+      const dragKey = dragKeyRef.current;
+      if (dragKey === null)
+        return;
+      if (isIllegalMove(dragKey, key))
+        return;
+      const dropNode = itemMap.get(key);
+      if (!dropNode || dropNode.disabled)
+        return;
+      const position = resolvePosition(
+        e.currentTarget.getBoundingClientRect(),
+        e.clientY
+      );
+      const dragNode = itemMap.get(dragKey);
+      if (allowDrop && dragNode && allowDrop({
+        dragNode: dragNode.original,
+        dropNode: dropNode.original,
+        position
+      }) === false) {
+        return;
       }
+      e.preventDefault();
+      if (e.dataTransfer)
+        e.dataTransfer.dropEffect = "move";
+      setDropState(
+        (prev) => prev && prev.key === key && prev.position === position ? prev : { key, position }
+      );
     },
-    flatItems.map((node, index) => /* @__PURE__ */ import_react.default.createElement(import_tree_node.default, { node, key: node.key || index }))
-  ));
+    [itemMap, isIllegalMove, resolvePosition, allowDrop]
+  );
+  const handleDragLeave = (0, import_react.useCallback)(
+    // Intentionally a no-op: dragleave fires spuriously when crossing child
+    // elements. Drop state is cleared in handleDragEnd at the Tree root.
+    () => {
+    },
+    []
+  );
+  const handleDrop = (0, import_react.useCallback)(
+    (key, e) => {
+      e.preventDefault();
+      const dragKey = dragKeyRef.current;
+      if (dragKey === null)
+        return;
+      const position = resolvePosition(
+        e.currentTarget.getBoundingClientRect(),
+        e.clientY
+      );
+      if (isIllegalMove(dragKey, key))
+        return;
+      const dragNode = itemMap.get(dragKey);
+      const dropNode = itemMap.get(key);
+      if (!dragNode || !dropNode)
+        return;
+      if (allowDrop && allowDrop({
+        dragNode: dragNode.original,
+        dropNode: dropNode.original,
+        position
+      }) === false) {
+        return;
+      }
+      onDrop == null ? void 0 : onDrop({
+        dragNode: dragNode.original,
+        dropNode: dropNode.original,
+        dragKey,
+        dropKey: key,
+        position,
+        dropToGap: position !== "inside"
+      });
+      if (position === "inside") {
+        setMergedExpandedKeys(
+          (prev) => prev.includes(key) ? prev : [...prev, key]
+        );
+      }
+      dragKeyRef.current = null;
+      setDraggingKey(null);
+      setDropState(null);
+    },
+    [itemMap, isIllegalMove, resolvePosition, allowDrop, onDrop]
+  );
+  const handleDragEnd = (0, import_react.useCallback)(() => {
+    dragKeyRef.current = null;
+    setDraggingKey(null);
+    setDropState(null);
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_clsx.default)(prefixCls, className),
+      style,
+      onDragEnd: handleDragEnd
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      TreeContext.Provider,
+      {
+        value: {
+          prefixCls,
+          checkable,
+          showIcon,
+          icon,
+          showLine,
+          switcherIcon,
+          selectedKeys: mergedSelectedKeys,
+          checkedKeys: mergedCheckedKeys,
+          expandedKeys: mergedExpandedKeys,
+          draggable,
+          draggingKey,
+          dropState,
+          onCheck: handleCheck,
+          onSelect: handleSelect,
+          onExpand: handleExpand,
+          onNodeDragStart: handleDragStart,
+          onNodeDragOver: handleDragOver,
+          onNodeDragLeave: handleDragLeave,
+          onNodeDrop: handleDrop
+        }
+      },
+      flatItems.map((node, index) => /* @__PURE__ */ import_react.default.createElement(import_tree_node.default, { node, key: node.key || index }))
+    )
+  );
 };
 var tree_default = Tree;

package/dist/cjs/Tree/utils/tree-tools.d.ts

@@ -1,4 +1,25 @@
 import { TreeNode } from '../interface';
+export type DragPosition = 'before' | 'after' | 'inside';
+export interface MoveInfo {
+    dragKey: string | number;
+    dropKey: string | number;
+    position: DragPosition;
+}
+/**
+ * Reorder the nested dataSource immutably after a drag.
+ *
+ * Two phases: detach the dragged subtree, then insert it at the drop target.
+ * Only the modified path gets new arrays + shallow-cloned wrappers; untouched
+ * nodes are reused by reference (data may carry non-cloneable values like
+ * React elements / functions in `icon`).
+ *
+ * Returns a brand-new root array; returns the input unchanged if dragKey is
+ * not found or drag and drop resolve to the same location.
+ */
+export declare function moveTreeNode<T extends Record<string, unknown>>(tree: T | T[], info: MoveInfo, fieldNames: {
+    key: keyof T;
+    children: keyof T;
+}): T[];
 export declare function getChildKeys<T extends Record<string, unknown>>(data: T, fieldNames: {
     key: keyof T;
     children: keyof T;

package/dist/cjs/Tree/utils/tree-tools.js

@@ -1,7 +1,24 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -22,10 +39,81 @@ __export(tree_tools_exports, {
   containsAll: () => containsAll,
   getCheckedKeys: () => getCheckedKeys,
   getChildKeys: () => getChildKeys,
+  moveTreeNode: () => moveTreeNode,
   removeContainsAll: () => removeContainsAll,
   tree2array: () => tree2array
 });
 module.exports = __toCommonJS(tree_tools_exports);
+function moveTreeNode(tree, info, fieldNames) {
+  if (!tree || Array.isArray(tree) && tree.length === 0)
+    return [];
+  const { key: K, children: C } = fieldNames;
+  const { dragKey, dropKey, position } = info;
+  const root = Array.isArray(tree) ? tree : [tree];
+  const detach = (nodes) => {
+    let found = null;
+    const next = [];
+    for (const n of nodes) {
+      if (n[K] === dragKey) {
+        found = n;
+        continue;
+      }
+      const kids = n[C];
+      if (Array.isArray(kids)) {
+        const r = detach(kids);
+        if (r.found) {
+          found = r.found;
+          next.push(__spreadProps(__spreadValues({}, n), { [C]: r.nodes }));
+        } else {
+          next.push(n);
+        }
+      } else {
+        next.push(n);
+      }
+    }
+    return { found, nodes: next };
+  };
+  const { found: dragNode, nodes: withoutDrag } = detach(root);
+  if (!dragNode)
+    return root;
+  const insert = (nodes) => {
+    const next = [];
+    let inserted2 = false;
+    for (const n of nodes) {
+      if (!inserted2 && position === "inside" && n[K] === dropKey) {
+        const oldKids = Array.isArray(n[C]) ? n[C] : [];
+        next.push(__spreadProps(__spreadValues({}, n), { [C]: [...oldKids, dragNode] }));
+        inserted2 = true;
+        continue;
+      }
+      if (!inserted2 && position === "before" && n[K] === dropKey) {
+        next.push(dragNode, n);
+        inserted2 = true;
+        continue;
+      }
+      if (!inserted2 && position === "after" && n[K] === dropKey) {
+        next.push(n, dragNode);
+        inserted2 = true;
+        continue;
+      }
+      const kids = n[C];
+      if (inserted2 || !Array.isArray(kids)) {
+        next.push(n);
+      } else {
+        const r = insert(kids);
+        if (r.inserted) {
+          next.push(__spreadProps(__spreadValues({}, n), { [C]: r.nodes }));
+          inserted2 = true;
+        } else {
+          next.push(n);
+        }
+      }
+    }
+    return { inserted: inserted2, nodes: next };
+  };
+  const { inserted, nodes: result } = insert(withoutDrag);
+  return inserted ? result : root;
+}
 function getChildKeys(data, fieldNames) {
   const { key, children } = fieldNames;
   const _children = data[children];

package/dist/cjs/Trigger/style/index.less

@@ -8,6 +8,23 @@
     display: none;
   }
 
+  &-arrow {
+    &::after {
+      position: absolute;
+      bottom: 0;
+      z-index: 0;
+      width: var(--yee-popup-arrow-width);
+      height: var(--yee-popup-arrow-height);
+      margin: auto;
+      border-radius: var(--yee-popup-arrow-border-radius);
+      box-shadow: var(--yee-box-shadow-popover-arrow);
+      transform: translateY(var(--yee-popup-arrow-translate-y))
+        rotate(var(--yee-popup-arrow-rotate));
+      content: '';
+      inset-inline: 0;
+    }
+  }
+
   &-topLeft,
   &-top,
   &-topRight {

package/dist/cjs/Trigger/trigger.js

@@ -85,6 +85,7 @@ var Trigger = (baseprops) => {
     mouseLeaveDelay = 0.2,
     arrow,
     forceRender = false,
+    popupStyle,
     onOpenChange,
     zIndex
   } = _a, rest = __objRest(_a, [
@@ -101,6 +102,7 @@ var Trigger = (baseprops) => {
     "mouseLeaveDelay",
     "arrow",
     "forceRender",
+    "popupStyle",
     "onOpenChange",
     "zIndex"
   ]);
@@ -206,7 +208,7 @@ var Trigger = (baseprops) => {
         motionAppear: true,
         motionEnter: true
       },
-      popupStyle: { pointerEvents: "auto" }
+      popupStyle: __spreadValues({ pointerEvents: "auto" }, popupStyle)
     }), zIndex !== void 0 ? { zIndex } : {}), {
       getPopupClassNameFromAlign,
       onOpenChange: handlePopupOpenChange,

package/dist/cjs/hooks/useDebounceFunction.d.ts

@@ -1 +1 @@
-export default function useDebounceFunction<T extends (...args: any[]) => any>(fn: T, delay: number, deps?: never[]): (...args: Parameters<T>) => void;
+export default function useDebounceFunction<T extends (...args: any[]) => any>(fn: T, delay: number, deps?: never[]): import("../utils/debounce").Debounced<T>;

package/dist/cjs/hooks/useLayoutEffect.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-declare const useLayoutEffect: typeof React.useEffect;
+declare const useLayoutEffect: typeof React.useLayoutEffect;
 export default useLayoutEffect;
 export declare const useLayoutUpdateEffect: typeof React.useEffect;

package/dist/cjs/style/size.css

@@ -8,10 +8,17 @@
   --yee-z-index-message: 1100; /* L6 全局反馈 */
   --yee-z-index-max: 1110; /* L7 最顶层 */
 
+  /* common size */
+  --yee-popup-arrow-width: 8px;
+  --yee-popup-arrow-height: 8px;
+  --yee-popup-border-radius: 4px;
+  --yee-popup-arrow-translate-y: 50%;
+  --yee-popup-arrow-rotate: -135deg;
+
   /* --Alert-- */
   --yee-alert-close-top: 7px;
   --yee-alert-close-right: 11px;
-  --yee-alert-icon-margin-right: 6px;
+  --yee-alert-icon-margin-right: 12px;
   --yee-alert-title-font-size: 16px;
   --yee-alert-message-font-size: 14px;
   --yee-alert-banner-padding: 8px 12px;
@@ -26,7 +33,7 @@
   --yee-anchor-static-content-padding: 8px 0;
   --yee-anchor-static-item-active-width: 2px;
   --yee-anchor-static-item-active-height: 22px;
-  --yee-anchor-vertical-line-left: 4px;
+  --yee-anchor-vertical-line-left: 0;
   --yee-anchor-horizontal-item-padding: 6px 12px;
   --yee-anchor-nav-arrow-left: -8px;
   --yee-anchor-nav-arrow-height: 80px;
@@ -376,6 +383,8 @@
   --yee-popover-header-font-weight: 500;
   --yee-popover-header-font-size: 16px;
   --yee-popover-header-line-height: 24px;
+  --yee-popover-arrow-width: var(--yee-popup-arrow-width);
+  --yee-popover-arrow-height: var(--yee-popup-arrow-height);
 
   /* --Progress-- */
   --yee-progress-text-width: 48px;
@@ -768,8 +777,8 @@
   --yee-tooltip-z-index: var(--yee-z-index-tooltip);
   --yee-tooltip-padding: 8px 12px;
   --yee-tooltip-border-radius: 4px;
-  --yee-tooltip-arrow-width: 8px;
-  --yee-tooltip-arrow-height: 8px;
+  --yee-tooltip-arrow-width: var(--yee-popup-arrow-width);
+  --yee-tooltip-arrow-height: var(--yee-popup-arrow-height);
   --yee-tooltip-arrow-border-radius: 0 0 2px 0;
   --yee-tooltip-arrow-translate-y: 50%;
   --yee-tooltip-arrow-rotate: -135deg;

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-06-05T07:34:02.169Z
+ * Generated on 2026-06-18T01:50:06.790Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-06-05T07:34:02.169Z
+ * Generated on 2026-06-18T01:50:06.790Z
  */
 
 /* ========== color.css ========== */
@@ -1109,10 +1109,17 @@
   --yee-z-index-message: 1100; /* L6 全局反馈 */
   --yee-z-index-max: 1110; /* L7 最顶层 */
 
+  /* common size */
+  --yee-popup-arrow-width: 8px;
+  --yee-popup-arrow-height: 8px;
+  --yee-popup-border-radius: 4px;
+  --yee-popup-arrow-translate-y: 50%;
+  --yee-popup-arrow-rotate: -135deg;
+
   /* --Alert-- */
   --yee-alert-close-top: 7px;
   --yee-alert-close-right: 11px;
-  --yee-alert-icon-margin-right: 6px;
+  --yee-alert-icon-margin-right: 12px;
   --yee-alert-title-font-size: 16px;
   --yee-alert-message-font-size: 14px;
   --yee-alert-banner-padding: 8px 12px;
@@ -1127,7 +1134,7 @@
   --yee-anchor-static-content-padding: 8px 0;
   --yee-anchor-static-item-active-width: 2px;
   --yee-anchor-static-item-active-height: 22px;
-  --yee-anchor-vertical-line-left: 4px;
+  --yee-anchor-vertical-line-left: 0;
   --yee-anchor-horizontal-item-padding: 6px 12px;
   --yee-anchor-nav-arrow-left: -8px;
   --yee-anchor-nav-arrow-height: 80px;
@@ -1477,6 +1484,8 @@
   --yee-popover-header-font-weight: 500;
   --yee-popover-header-font-size: 16px;
   --yee-popover-header-line-height: 24px;
+  --yee-popover-arrow-width: var(--yee-popup-arrow-width);
+  --yee-popover-arrow-height: var(--yee-popup-arrow-height);
 
   /* --Progress-- */
   --yee-progress-text-width: 48px;
@@ -1869,8 +1878,8 @@
   --yee-tooltip-z-index: var(--yee-z-index-tooltip);
   --yee-tooltip-padding: 8px 12px;
   --yee-tooltip-border-radius: 4px;
-  --yee-tooltip-arrow-width: 8px;
-  --yee-tooltip-arrow-height: 8px;
+  --yee-tooltip-arrow-width: var(--yee-popup-arrow-width);
+  --yee-tooltip-arrow-height: var(--yee-popup-arrow-height);
   --yee-tooltip-arrow-border-radius: 0 0 2px 0;
   --yee-tooltip-arrow-translate-y: 50%;
   --yee-tooltip-arrow-rotate: -135deg;

package/dist/cjs/utils/debounce.d.ts

@@ -1,2 +1,7 @@
-declare function debounce<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
+type AnyFn = (...args: any[]) => any;
+export type Debounced<T extends AnyFn> = ((...args: Parameters<T>) => void) & {
+    /** Cancel any pending invocation. */
+    cancel: () => void;
+};
+declare function debounce<T extends AnyFn>(fn: T, delay: number): Debounced<T>;
 export default debounce;

package/dist/cjs/utils/debounce.js

@@ -30,13 +30,21 @@ function debounce(fn, delay) {
     throw new Error("Expected delay to be a positive number");
   }
   let timer = void 0;
-  return function(...args) {
+  const debounced = function(...args) {
     if (timer !== void 0) {
       clearTimeout(timer);
     }
     timer = setTimeout(() => {
+      timer = void 0;
       fn.apply(this, args);
     }, delay);
   };
+  debounced.cancel = () => {
+    if (timer !== void 0) {
+      clearTimeout(timer);
+      timer = void 0;
+    }
+  };
+  return debounced;
 }
 var debounce_default = debounce;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.1.0";
+export declare const version = "0.2.0";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.1.0";
+var version = "0.2.0";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Alert/alert.js

@@ -17,20 +17,36 @@ var ICON_STROKE_WIDTH = 1.5; // Icon stroke width
 
 var iconMap = {
   info: {
-    small: /*#__PURE__*/React.createElement(Info, null),
-    large: /*#__PURE__*/React.createElement(Info, null)
+    small: /*#__PURE__*/React.createElement(Info, {
+      size: 16
+    }),
+    large: /*#__PURE__*/React.createElement(Info, {
+      size: 24
+    })
   },
   success: {
-    small: /*#__PURE__*/React.createElement(CircleCheckBig, null),
-    large: /*#__PURE__*/React.createElement(CircleCheckBig, null)
+    small: /*#__PURE__*/React.createElement(CircleCheckBig, {
+      size: 16
+    }),
+    large: /*#__PURE__*/React.createElement(CircleCheckBig, {
+      size: 24
+    })
   },
   warning: {
-    small: /*#__PURE__*/React.createElement(CircleAlert, null),
-    large: /*#__PURE__*/React.createElement(CircleAlert, null)
+    small: /*#__PURE__*/React.createElement(CircleAlert, {
+      size: 16
+    }),
+    large: /*#__PURE__*/React.createElement(CircleAlert, {
+      size: 24
+    })
   },
   error: {
-    small: /*#__PURE__*/React.createElement(CircleX, null),
-    large: /*#__PURE__*/React.createElement(CircleX, null)
+    small: /*#__PURE__*/React.createElement(CircleX, {
+      size: 16
+    }),
+    large: /*#__PURE__*/React.createElement(CircleX, {
+      size: 24
+    })
   }
 };
 var Alert = function Alert(baseprops) {

package/dist/esm/Alert/style/index.less

@@ -69,4 +69,7 @@
     border: none;
     border-radius: 0;
   }
+
+  &-small {
+  }
 }