musae 1.0.27-beta.41 → 1.0.27-beta.42

package/dist/components/action-sheet/index.d.ts

@@ -1,4 +1,3 @@
-declare const ActionSheetWithApi: (({ open, onClose, actions, title, description, cancelText, height, className, style, }: import("../../types/action-sheet").ActionSheetProps) => import("react").JSX.Element) & {
-    show: (config: import("../../types/action-sheet").ActionSheetShowConfig) => Promise<void>;
-};
-export { ActionSheetWithApi as ActionSheet };
+import ActionSheet from "./action-sheet";
+import { useActionSheet } from "./use-action-sheet";
+export { ActionSheet, useActionSheet };

package/dist/components/action-sheet/use-action-sheet.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _regenerator = require('@babel/runtime/helpers/regenerator');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var relax = require('@aiszlab/relax');
+var actionSheet = require('./action-sheet.cjs');
+
+/**
+ * @zh useActionSheet hook。返回 show 函数和 holder 元素。
+ * 需要在组件树中渲染 holder，然后通过 show 函数调用。
+ * @en useActionSheet hook. Returns a show function and a holder element.
+ * Render the holder in the component tree, then call via the show function.
+ */
+var useActionSheet = function useActionSheet() {
+  var _useState = React.useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    config = _useState2[0],
+    setConfig = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var handleClose = React.useCallback(function () {
+    setOpen(false);
+  }, []);
+  var show = relax.useEvent(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(nextConfig) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            setConfig(nextConfig);
+            setOpen(true);
+          case 1:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+  var trigger = React.useMemo(function () {
+    return {
+      show: show
+    };
+  }, [show]);
+  var holder = React.useMemo(function () {
+    if (!config) return null;
+    return /*#__PURE__*/React.createElement(actionSheet.default, _objectSpread({
+      open: open,
+      onClose: handleClose
+    }, config));
+  }, [config, open, handleClose]);
+  return [trigger, holder];
+};
+
+exports.useActionSheet = useActionSheet;

package/dist/components/action-sheet/use-action-sheet.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import type { ActionSheetTrigger } from "../../types/action-sheet";
+/**
+ * @zh useActionSheet hook。返回 show 函数和 holder 元素。
+ * 需要在组件树中渲染 holder，然后通过 show 函数调用。
+ * @en useActionSheet hook. Returns a show function and a holder element.
+ * Render the holder in the component tree, then call via the show function.
+ */
+export declare const useActionSheet: () => [ActionSheetTrigger, ReactNode];

package/dist/components/action-sheet/use-action-sheet.mjs

@@ -0,0 +1,58 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import _regenerator from '@babel/runtime/helpers/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React, { useState, useCallback, useMemo } from 'react';
+import { useEvent } from '@aiszlab/relax';
+import ActionSheet from './action-sheet.mjs';
+
+/**
+ * @zh useActionSheet hook。返回 show 函数和 holder 元素。
+ * 需要在组件树中渲染 holder，然后通过 show 函数调用。
+ * @en useActionSheet hook. Returns a show function and a holder element.
+ * Render the holder in the component tree, then call via the show function.
+ */
+var useActionSheet = function useActionSheet() {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    config = _useState2[0],
+    setConfig = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var handleClose = useCallback(function () {
+    setOpen(false);
+  }, []);
+  var show = useEvent(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(nextConfig) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            setConfig(nextConfig);
+            setOpen(true);
+          case 1:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+  var trigger = useMemo(function () {
+    return {
+      show: show
+    };
+  }, [show]);
+  var holder = useMemo(function () {
+    if (!config) return null;
+    return /*#__PURE__*/React.createElement(ActionSheet, _objectSpread({
+      open: open,
+      onClose: handleClose
+    }, config));
+  }, [config, open, handleClose]);
+  return [trigger, holder];
+};
+
+export { useActionSheet };

package/dist/components/notification/holder.cjs

@@ -102,12 +102,11 @@ var Holder = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return next;
     });
   });
-  React.useEffect(function () {
+  relax.useMounted(function () {
     defaultNotifications === null || defaultNotifications === void 0 || defaultNotifications.forEach(function (notification) {
       add(notification);
     });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  });
   React.useImperativeHandle(ref, function () {
     return {
       add: add

package/dist/components/notification/holder.mjs

@@ -1,12 +1,12 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
+import React, { forwardRef, useState, useImperativeHandle } from 'react';
 import Portal from '../portal/portal.mjs';
 import { AnimatePresence } from 'motion/react';
 import Notification from './notification.mjs';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
-import { useIdentity, useEvent } from '@aiszlab/relax';
+import { useIdentity, useEvent, useMounted } from '@aiszlab/relax';
 
 var _excluded = ["placement", "key"],
   _excluded2 = ["description"];
@@ -98,12 +98,11 @@ var Holder = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return next;
     });
   });
-  useEffect(function () {
+  useMounted(function () {
     defaultNotifications === null || defaultNotifications === void 0 || defaultNotifications.forEach(function (notification) {
       add(notification);
     });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  });
   useImperativeHandle(ref, function () {
     return {
       add: add

package/dist/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./components/action-sheet/index.cjs');
-var index$1 = require('./components/avatar/index.cjs');
-var index$8 = require('./components/radio/index.cjs');
-var index$2 = require('./components/checkbox/index.cjs');
-var index$4 = require('./components/grid/index.cjs');
-var index$3 = require('./components/form/index.cjs');
-var index$6 = require('./components/layout/index.cjs');
-var index$5 = require('./components/image/index.cjs');
-var index$9 = require('./components/rich-text-editor/index.cjs');
-var index$7 = require('./components/markdown/index.cjs');
+var index = require('./components/avatar/index.cjs');
+var index$7 = require('./components/radio/index.cjs');
+var index$1 = require('./components/checkbox/index.cjs');
+var index$3 = require('./components/grid/index.cjs');
+var index$2 = require('./components/form/index.cjs');
+var index$5 = require('./components/layout/index.cjs');
+var index$4 = require('./components/image/index.cjs');
+var index$8 = require('./components/rich-text-editor/index.cjs');
+var index$6 = require('./components/markdown/index.cjs');
+var actionSheet = require('./components/action-sheet/action-sheet.cjs');
 var badge = require('./components/badge/badge.cjs');
 var bench = require('./components/bench/bench.cjs');
 var bottomSheet = require('./components/bottom-sheet/bottom-sheet.cjs');
@@ -72,22 +72,23 @@ var visuallyHidden = require('./components/visually-hidden/visually-hidden.cjs')
 var waterfall = require('./components/waterfall/waterfall.cjs');
 var watermark = require('./components/watermark/watermark.cjs');
 var highlight = require('./components/highlight/highlight.cjs');
+var useActionSheet = require('./components/action-sheet/use-action-sheet.cjs');
 var hooks = require('./components/message/hooks.cjs');
 var hooks$1 = require('./components/notification/hooks.cjs');
 var hooks$2 = require('./components/theme/hooks.cjs');
 
 
 
-exports.ActionSheet = index.ActionSheet;
-exports.Avatar = index$1.Avatar;
-exports.Radio = index$8.Radio;
-exports.Checkbox = index$2.Checkbox;
-exports.Grid = index$4.Grid;
-exports.Form = index$3.Form;
-exports.Layout = index$6.Layout;
-exports.Image = index$5.Image;
-exports.RichTextEditor = index$9.RichTextEditor;
-exports.Markdown = index$7.Markdown;
+exports.Avatar = index.Avatar;
+exports.Radio = index$7.Radio;
+exports.Checkbox = index$1.Checkbox;
+exports.Grid = index$3.Grid;
+exports.Form = index$2.Form;
+exports.Layout = index$5.Layout;
+exports.Image = index$4.Image;
+exports.RichTextEditor = index$8.RichTextEditor;
+exports.Markdown = index$6.Markdown;
+exports.ActionSheet = actionSheet.default;
 exports.Badge = badge.default;
 exports.Bench = bench.default;
 exports.BottomSheet = bottomSheet.default;
@@ -150,6 +151,7 @@ exports.VisuallyHidden = visuallyHidden.default;
 exports.Waterfall = waterfall.default;
 exports.Watermark = watermark.default;
 exports.Highlight = highlight.default;
+exports.useActionSheet = useActionSheet.useActionSheet;
 exports.useMessage = hooks.useMessage;
 exports.useNotification = hooks$1.useNotification;
 exports.useTheme = hooks$2.useTheme;

package/dist/index.d.ts

@@ -77,4 +77,5 @@ export { Search } from "./components/search";
  */
 export { useMessage, Message } from "./components/message";
 export { useNotification, Notification } from "./components/notification";
+export { useActionSheet } from "./components/action-sheet";
 export { useTheme } from "./components/theme";

package/dist/index.mjs

@@ -1,4 +1,3 @@
-export { ActionSheet } from './components/action-sheet/index.mjs';
 export { Avatar } from './components/avatar/index.mjs';
 export { Radio } from './components/radio/index.mjs';
 export { Checkbox } from './components/checkbox/index.mjs';
@@ -8,6 +7,7 @@ export { Layout } from './components/layout/index.mjs';
 export { Image } from './components/image/index.mjs';
 export { RichTextEditor } from './components/rich-text-editor/index.mjs';
 export { Markdown } from './components/markdown/index.mjs';
+export { default as ActionSheet } from './components/action-sheet/action-sheet.mjs';
 export { default as Badge } from './components/badge/badge.mjs';
 export { default as Bench } from './components/bench/bench.mjs';
 export { default as BottomSheet } from './components/bottom-sheet/bottom-sheet.mjs';
@@ -70,6 +70,7 @@ export { default as VisuallyHidden } from './components/visually-hidden/visually
 export { default as Waterfall } from './components/waterfall/waterfall.mjs';
 export { default as Watermark } from './components/watermark/watermark.mjs';
 export { default as Highlight } from './components/highlight/highlight.mjs';
+export { useActionSheet } from './components/action-sheet/use-action-sheet.mjs';
 export { useMessage } from './components/message/hooks.mjs';
 export { useNotification } from './components/notification/hooks.mjs';
 export { useTheme } from './components/theme/hooks.mjs';

package/dist/types/action-sheet.d.ts

@@ -72,3 +72,14 @@ export interface ActionSheetProps extends ComponentProps {
  * @en Configuration for the imperative API `ActionSheet.show()`.
  */
 export type ActionSheetShowConfig = Omit<ActionSheetProps, "open" | "onClose">;
+/**
+ * @zh `useActionSheet` hook 返回的 show 函数类型。
+ * @en The type of the show function returned by `useActionSheet` hook.
+ */
+export type ActionSheetTrigger = {
+    /**
+     * @zh 显示 ActionSheet，返回 Promise 在面板关闭后 resolve。
+     * @en Show the ActionSheet, returns a Promise that resolves after the panel closes.
+     */
+    show: (config: ActionSheetShowConfig) => Promise<void>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "1.0.27-beta.41",
+  "version": "1.0.27-beta.42",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",

package/dist/components/action-sheet/index.cjs

@@ -1,8 +0,0 @@
-'use strict';
-
-var actionSheet = require('./action-sheet.cjs');
-var notifier = require('./notifier.cjs');
-
-var ActionSheetWithApi = Object.assign(actionSheet.default, notifier.default);
-
-exports.ActionSheet = ActionSheetWithApi;

package/dist/components/action-sheet/index.mjs

@@ -1,6 +0,0 @@
-import ActionSheet from './action-sheet.mjs';
-import ActionSheetApi from './notifier.mjs';
-
-var ActionSheetWithApi = Object.assign(ActionSheet, ActionSheetApi);
-
-export { ActionSheetWithApi as ActionSheet };

package/dist/components/action-sheet/notifier.cjs

@@ -1,142 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _classPrivateMethodInitSpec = require('@babel/runtime/helpers/classPrivateMethodInitSpec');
-var _classPrivateFieldInitSpec = require('@babel/runtime/helpers/classPrivateFieldInitSpec');
-var _assertClassBrand = require('@babel/runtime/helpers/assertClassBrand');
-var _classPrivateFieldSet = require('@babel/runtime/helpers/classPrivateFieldSet2');
-var _classPrivateFieldGet = require('@babel/runtime/helpers/classPrivateFieldGet2');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
-var client = require('react-dom/client');
-var actionSheet = require('./action-sheet.cjs');
-
-/**
- * @zh 指令式 API 的内部 Holder 组件。
- * 管理 open 状态，在退出动画完成后清理 root 并 resolve Promise。
- * @en Internal Holder component for the imperative API.
- * Manages open state, cleans up root and resolves Promise after exit animation.
- */
-var ActionSheetHolder = function ActionSheetHolder(_ref) {
-  var config = _ref.config,
-    onResolve = _ref.onResolve;
-  var _useState = React.useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  /**
-   * @zh 关闭面板：设置 open=false 触发退出动画，
-   * 等待动画完成后调用 onResolve 清理 root。
-   * @en Close the panel: set open=false to trigger exit animation,
-   * wait for animation to complete then call onResolve to cleanup root.
-   */
-  var handleClose = React.useCallback(function () {
-    setOpen(false);
-    setTimeout(function () {
-      onResolve();
-    }, 350);
-  }, [onResolve]);
-  return /*#__PURE__*/React.createElement(actionSheet.default, _objectSpread({
-    open: open,
-    onClose: handleClose
-  }, config));
-};
-/**
- * @zh ActionSheet 指令式 API 的 Notifier 单例。
- * 每次调用 show() 创建新的 React root，返回在面板关闭后 resolve 的 Promise。
- * 如果重复调用 show()，会先清理旧面板（旧 Promise 立即 resolve）。
- * @en Notifier singleton for the ActionSheet imperative API.
- * Each show() call creates a new React root and returns a Promise that resolves after panel closes.
- * If show() is called again while a panel is open, the old panel is cleaned up (old Promise resolves immediately).
- */
-var _root = /*#__PURE__*/new WeakMap();
-var _cleanup = /*#__PURE__*/new WeakMap();
-var _ActionSheetNotifier_brand = /*#__PURE__*/new WeakSet();
-var ActionSheetNotifier = /*#__PURE__*/function () {
-  function ActionSheetNotifier() {
-    _classCallCheck(this, ActionSheetNotifier);
-    /**
-     * @zh 清理当前面板（如果有）。
-     * @en Clean up the current panel if exists.
-     */
-    _classPrivateMethodInitSpec(this, _ActionSheetNotifier_brand);
-    _classPrivateFieldInitSpec(this, _root, null);
-    _classPrivateFieldInitSpec(this, _cleanup, null);
-    if (_instance._) {
-      return _instance._;
-    }
-    _instance._ = this;
-  }
-  return _createClass(ActionSheetNotifier, [{
-    key: "show",
-    value:
-    /**
-     * @zh 显示 ActionSheet。返回的 Promise 在面板关闭动画完成后 resolve。
-     * 如果当前已有面板显示，会先清理旧面板再显示新的。
-     * @en Show the ActionSheet. Returns a Promise that resolves after the close animation completes.
-     * If a panel is already showing, it will be cleaned up before showing the new one.
-     */
-    function show(config) {
-      var _this = this;
-      _assertClassBrand(_ActionSheetNotifier_brand, this, _disposeCurrent).call(this);
-      return new Promise(function (resolve) {
-        var fragment = document.createDocumentFragment();
-        var root = client.createRoot(fragment);
-        _classPrivateFieldSet(_root, _this, root);
-        var cleanup = function cleanup() {
-          _classPrivateFieldSet(_root, _this, null);
-          _classPrivateFieldSet(_cleanup, _this, null);
-          root.unmount();
-          resolve();
-        };
-        _classPrivateFieldSet(_cleanup, _this, function () {
-          _classPrivateFieldSet(_root, _this, null);
-          _classPrivateFieldSet(_cleanup, _this, null);
-          root.unmount();
-          resolve();
-        });
-        root.render(/*#__PURE__*/React.createElement(ActionSheetHolder, {
-          config: config,
-          onResolve: cleanup
-        }));
-      });
-    }
-  }]);
-}();
-function _disposeCurrent() {
-  if (_classPrivateFieldGet(_cleanup, this)) {
-    _classPrivateFieldGet(_cleanup, this).call(this);
-    _classPrivateFieldSet(_cleanup, this, null);
-  }
-  if (_classPrivateFieldGet(_root, this)) {
-    _classPrivateFieldGet(_root, this).unmount();
-    _classPrivateFieldSet(_root, this, null);
-  }
-}
-var _instance = {
-  _: null
-};
-var notifier = new ActionSheetNotifier();
-/**
- * @zh ActionSheet 的指令式 API。
- * 调用 `ActionSheet.show(config)` 显示操作面板，返回 Promise。
- * @en ActionSheet imperative API.
- * Call `ActionSheet.show(config)` to display the action panel, returns a Promise.
- */
-var ActionSheetApi = {
-  /**
-   * @zh 显示 ActionSheet 操作面板。
-   * 返回 Promise，在面板关闭动画完成后 resolve。
-   * @en Show the ActionSheet panel.
-   * Returns a Promise that resolves after the close animation completes.
-   */
-  show: function show(config) {
-    return notifier.show(config);
-  }
-};
-
-exports.default = ActionSheetApi;

package/dist/components/action-sheet/notifier.d.ts

@@ -1,17 +0,0 @@
-import type { ActionSheetShowConfig } from "../../types/action-sheet";
-/**
- * @zh ActionSheet 的指令式 API。
- * 调用 `ActionSheet.show(config)` 显示操作面板，返回 Promise。
- * @en ActionSheet imperative API.
- * Call `ActionSheet.show(config)` to display the action panel, returns a Promise.
- */
-declare const ActionSheetApi: {
-    /**
-     * @zh 显示 ActionSheet 操作面板。
-     * 返回 Promise，在面板关闭动画完成后 resolve。
-     * @en Show the ActionSheet panel.
-     * Returns a Promise that resolves after the close animation completes.
-     */
-    show: (config: ActionSheetShowConfig) => Promise<void>;
-};
-export default ActionSheetApi;

package/dist/components/action-sheet/notifier.mjs

@@ -1,138 +0,0 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _classPrivateMethodInitSpec from '@babel/runtime/helpers/classPrivateMethodInitSpec';
-import _classPrivateFieldInitSpec from '@babel/runtime/helpers/classPrivateFieldInitSpec';
-import _assertClassBrand from '@babel/runtime/helpers/assertClassBrand';
-import _classPrivateFieldSet from '@babel/runtime/helpers/classPrivateFieldSet2';
-import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet2';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useCallback } from 'react';
-import { createRoot } from 'react-dom/client';
-import ActionSheet from './action-sheet.mjs';
-
-/**
- * @zh 指令式 API 的内部 Holder 组件。
- * 管理 open 状态，在退出动画完成后清理 root 并 resolve Promise。
- * @en Internal Holder component for the imperative API.
- * Manages open state, cleans up root and resolves Promise after exit animation.
- */
-var ActionSheetHolder = function ActionSheetHolder(_ref) {
-  var config = _ref.config,
-    onResolve = _ref.onResolve;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  /**
-   * @zh 关闭面板：设置 open=false 触发退出动画，
-   * 等待动画完成后调用 onResolve 清理 root。
-   * @en Close the panel: set open=false to trigger exit animation,
-   * wait for animation to complete then call onResolve to cleanup root.
-   */
-  var handleClose = useCallback(function () {
-    setOpen(false);
-    setTimeout(function () {
-      onResolve();
-    }, 350);
-  }, [onResolve]);
-  return /*#__PURE__*/React.createElement(ActionSheet, _objectSpread({
-    open: open,
-    onClose: handleClose
-  }, config));
-};
-/**
- * @zh ActionSheet 指令式 API 的 Notifier 单例。
- * 每次调用 show() 创建新的 React root，返回在面板关闭后 resolve 的 Promise。
- * 如果重复调用 show()，会先清理旧面板（旧 Promise 立即 resolve）。
- * @en Notifier singleton for the ActionSheet imperative API.
- * Each show() call creates a new React root and returns a Promise that resolves after panel closes.
- * If show() is called again while a panel is open, the old panel is cleaned up (old Promise resolves immediately).
- */
-var _root = /*#__PURE__*/new WeakMap();
-var _cleanup = /*#__PURE__*/new WeakMap();
-var _ActionSheetNotifier_brand = /*#__PURE__*/new WeakSet();
-var ActionSheetNotifier = /*#__PURE__*/function () {
-  function ActionSheetNotifier() {
-    _classCallCheck(this, ActionSheetNotifier);
-    /**
-     * @zh 清理当前面板（如果有）。
-     * @en Clean up the current panel if exists.
-     */
-    _classPrivateMethodInitSpec(this, _ActionSheetNotifier_brand);
-    _classPrivateFieldInitSpec(this, _root, null);
-    _classPrivateFieldInitSpec(this, _cleanup, null);
-    if (_instance._) {
-      return _instance._;
-    }
-    _instance._ = this;
-  }
-  return _createClass(ActionSheetNotifier, [{
-    key: "show",
-    value:
-    /**
-     * @zh 显示 ActionSheet。返回的 Promise 在面板关闭动画完成后 resolve。
-     * 如果当前已有面板显示，会先清理旧面板再显示新的。
-     * @en Show the ActionSheet. Returns a Promise that resolves after the close animation completes.
-     * If a panel is already showing, it will be cleaned up before showing the new one.
-     */
-    function show(config) {
-      var _this = this;
-      _assertClassBrand(_ActionSheetNotifier_brand, this, _disposeCurrent).call(this);
-      return new Promise(function (resolve) {
-        var fragment = document.createDocumentFragment();
-        var root = createRoot(fragment);
-        _classPrivateFieldSet(_root, _this, root);
-        var cleanup = function cleanup() {
-          _classPrivateFieldSet(_root, _this, null);
-          _classPrivateFieldSet(_cleanup, _this, null);
-          root.unmount();
-          resolve();
-        };
-        _classPrivateFieldSet(_cleanup, _this, function () {
-          _classPrivateFieldSet(_root, _this, null);
-          _classPrivateFieldSet(_cleanup, _this, null);
-          root.unmount();
-          resolve();
-        });
-        root.render(/*#__PURE__*/React.createElement(ActionSheetHolder, {
-          config: config,
-          onResolve: cleanup
-        }));
-      });
-    }
-  }]);
-}();
-function _disposeCurrent() {
-  if (_classPrivateFieldGet(_cleanup, this)) {
-    _classPrivateFieldGet(_cleanup, this).call(this);
-    _classPrivateFieldSet(_cleanup, this, null);
-  }
-  if (_classPrivateFieldGet(_root, this)) {
-    _classPrivateFieldGet(_root, this).unmount();
-    _classPrivateFieldSet(_root, this, null);
-  }
-}
-var _instance = {
-  _: null
-};
-var notifier = new ActionSheetNotifier();
-/**
- * @zh ActionSheet 的指令式 API。
- * 调用 `ActionSheet.show(config)` 显示操作面板，返回 Promise。
- * @en ActionSheet imperative API.
- * Call `ActionSheet.show(config)` to display the action panel, returns a Promise.
- */
-var ActionSheetApi = {
-  /**
-   * @zh 显示 ActionSheet 操作面板。
-   * 返回 Promise，在面板关闭动画完成后 resolve。
-   * @en Show the ActionSheet panel.
-   * Returns a Promise that resolves after the close animation completes.
-   */
-  show: function show(config) {
-    return notifier.show(config);
-  }
-};
-
-export { ActionSheetApi as default };