musae 1.2.0 → 1.3.1-beta.1

package/dist/components/drawer/drawer.mjs

@@ -1,88 +0,0 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import Sheet from '../sheet/sheet.mjs';
-import { Button } from '../button/button.mjs';
-import Space from '../space/space.mjs';
-import { useLocale } from '../../locale/use-locale.mjs';
-import { useClosable } from '../../hooks/use-closable.mjs';
-import { useClassNames } from '../../hooks/use-class-names.mjs';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
-import { stringify } from '@aiszlab/relax/class-name';
-import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
-import { $body } from '../theme/theme.mjs';
-import { CLASS_NAMES } from './context.mjs';
-
-var _excluded = ["open", "size", "closable", "placement"];
-/**
- * @zh Drawer 专用样式：包含关闭按钮、标题和确认按钮的头部栏，以及面板背景。
- * @en Drawer-specific styles: header bar with closer, title, confirm button, and panel background.
- */
-var styles = {
-  header: {
-    k1xSpc: "musaex-78zum5",
-    kg3NbH: "musaex-1v4gb6w",
-    k8WAf4: "musaex-1aur8i7",
-    kGNEyG: "musaex-6s0dn4",
-    kOIVth: "musaex-wcf3z5",
-    kt9PQ7: "musaex-d1xpcx",
-    kfdmCh: "musaex-1q0q8m5",
-    kL6WhQ: "musaex-quqrak",
-    $$css: true
-  }
-};
-/**
- * @zh Drawer 组件。从屏幕任意边缘滑入的模态面板。基于共享的 Sheet 基础组件构建。
- * @en Drawer component. A modal panel that slides in from any screen edge.
- * Built on the shared Sheet base component.
- */
-var Drawer = function Drawer(_ref) {
-  var open = _ref.open,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 400 : _ref$size,
-    _ref$closable = _ref.closable,
-    closable = _ref$closable === void 0 ? true : _ref$closable,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "right" : _ref$placement,
-    props$1 = _objectWithoutProperties(_ref, _excluded);
-  var classNames = useClassNames(CLASS_NAMES);
-  var _useLocale = useLocale("drawer"),
-    _useLocale2 = _slicedToArray(_useLocale, 1),
-    locale = _useLocale2[0];
-  var themeColorVars = useThemeColorVars(["outline-variant"]);
-  var _useClosable = useClosable({
-      closable: closable,
-      onClose: props$1.onClose
-    }),
-    closer = _useClosable.closer;
-  var styled = {
-    header: props($body.large, styles.header),
-    actions: {
-      className: "musaex-vc5jky"
-    },
-    panel: {
-      className: "musaex-1q2mt7c"
-    }
-  };
-  return /*#__PURE__*/React.createElement(Sheet, {
-    visible: open,
-    placement: placement,
-    size: size,
-    closable: closable,
-    onClose: props$1.onClose,
-    className: classNames.drawer,
-    header: /*#__PURE__*/React.createElement("div", {
-      className: stringify(classNames.header, styled.header.className),
-      style: _objectSpread(_objectSpread({}, styled.header.style), themeColorVars)
-    }, closer, props$1.title, props$1.onConfirm && (/*#__PURE__*/React.createElement(Space, {
-      className: styled.actions.className,
-      style: styled.actions.style
-    }, /*#__PURE__*/React.createElement(Button, {
-      onClick: props$1.onConfirm
-    }, locale.confirm)))),
-    panelClassName: styled.panel.className
-  }, props$1.children);
-};
-
-export { Drawer as default };

package/dist/components/drawer/index.d.ts

@@ -1,2 +0,0 @@
-import Drawer from "./drawer";
-export { Drawer };

package/dist/types/drawer.d.ts

@@ -1,74 +0,0 @@
-import type { ReactNode } from "react";
-import type { Closable } from "../hooks/use-closable";
-import type { ComponentProps } from "./element";
-export type Placement = "right" | "left" | "top" | "bottom";
-/**
- * @description
- * drawer props
- */
-export type DrawerProps = Pick<ComponentProps, "className"> & {
-    /**
-     * @description
-     * children
-     * @default void 0
-     */
-    children?: ReactNode;
-    /**
-     * @description
-     * is open
-     * @requires
-     */
-    open: boolean;
-    /**
-     * @description
-     * title
-     * @default void 0
-     */
-    title?: ReactNode;
-    /**
-     * @description
-     * placement
-     * @default "right"
-     */
-    placement?: Placement;
-    /**
-     * @description
-     * Whether the drawer can be closed by clicking on the overlay or pressing the Esc key.
-     * @default true
-     */
-    closable?: boolean | Closable[];
-    /**
-     * @description
-     * size
-     * horizontal drawer, size prop mean width
-     * vertical drawer, size prop mean height
-     *
-     * @default 400
-     */
-    size?: number;
-    /**
-     * @description
-     * close handler
-     * @default void 0
-     */
-    onClose?: VoidFunction;
-    /**
-     * @description
-     * on confirm handler
-     */
-    onConfirm?: VoidFunction;
-};
-/**
- * @description
- * popup
- */
-export type PopupProps = DrawerProps & {
-    size: number;
-    closable: boolean | Closable[];
-    placement: Placement;
-    /**
-     * @description
-     * callback will be toggled after close animation end
-     */
-    onClosed?: () => void;
-};