@bifrostui/react 1.4.8-beta.0 → 1.5.0

package/dist/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DatePickerProps } from './DatePicker.types';
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "defaultValue" | "onChange" | "value" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "value" | "defaultValue" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default DatePicker;

package/dist/DesktopPicker/DesktopPicker.js

@@ -106,7 +106,8 @@ const DesktopPicker = /* @__PURE__ */ import_react.default.forwardRef(
       onMount,
       onUnmounted,
       containerWidth = "auto",
-      BackdropProps
+      BackdropProps,
+      prefix = ""
     } = _a, others = __objRest(_a, [
       "className",
       "open",
@@ -120,12 +121,16 @@ const DesktopPicker = /* @__PURE__ */ import_react.default.forwardRef(
       "onMount",
       "onUnmounted",
       "containerWidth",
-      "BackdropProps"
+      "BackdropProps",
+      "prefix"
     ]);
     const contentRef = (0, import_react.useRef)(null);
     const nodeRef = (0, import_react.useRef)(null);
     const renderChildren = import_react.default.cloneElement(children, {
-      ref: nodeRef
+      ref: nodeRef,
+      style: {
+        flex: 1
+      }
     });
     const [contentPosition, setContentPosition] = (0, import_react.useState)(
       "bottom"
@@ -224,7 +229,7 @@ const DesktopPicker = /* @__PURE__ */ import_react.default.forwardRef(
         onMount == null ? void 0 : onMount();
       }
     }, [renderContainer]);
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(prefixCls, className) }, others), renderChildren), !import_utils.isMini && renderContainer && /* @__PURE__ */ import_react.default.createElement(import_Portal.default, null, renderContent()), import_utils.isMini && renderContainer && /* @__PURE__ */ import_react.default.createElement(import_Portal.default, null, renderContent(), !miniBackdropInvisible && /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(prefixCls, className) }, others), prefix, renderChildren), !import_utils.isMini && renderContainer && /* @__PURE__ */ import_react.default.createElement(import_Portal.default, null, renderContent()), import_utils.isMini && renderContainer && /* @__PURE__ */ import_react.default.createElement(import_Portal.default, null, renderContent(), !miniBackdropInvisible && /* @__PURE__ */ import_react.default.createElement(
       import_Backdrop.default,
       __spreadProps(__spreadValues({}, BackdropProps), {
         invisible: true,

package/dist/DesktopPicker/DesktopPicker.types.d.ts

@@ -3,6 +3,10 @@ import { OverrideProps } from '@bifrostui/types';
 import { BackdropProps } from '../Backdrop/Backdrop.types';
 export type DesktopPickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
+        /**
+         * 前缀
+         */
+        prefix?: React.ReactNode | string;
         /**
          * 是否继承宽度
          * @default true

package/dist/DesktopPicker/index.css

@@ -6,6 +6,8 @@ xhs-page {
   --bui-desktop-picker-shadow: 0 0 0 2px var(--bui-color-bg-default);
 }
 .bui-desktop-picker {
+  display: flex;
+  align-items: center;
   position: relative;
   height: 100%;
 }

package/dist/Dialog/Dialog.types.d.ts

@@ -44,6 +44,11 @@ export interface DialogProps extends ModalProps {
      * theme 主题定制
      */
     theme?: ThemeProps;
+    /**
+     * 渲染Dialog的根容器
+     * @default document.body
+     */
+    container?: HTMLElement | (() => HTMLElement);
     /**
      * 确认回调
      */

package/dist/Dialog/FunctionalDialog.js

@@ -91,10 +91,21 @@ const formatProps = (props) => {
 };
 const DialogGenerator = (options) => {
   const rootWrapper = document.createElement("div");
-  const rootElement = (0, import_utils.getRootContainer)();
+  const rootElement = (0, import_utils.getRootContainer)(options == null ? void 0 : options.container);
   rootElement.appendChild(rootWrapper);
   const DialogComponent = () => {
-    const _a = options, { onConfirm, onCancel, ref } = _a, others = __objRest(_a, ["onConfirm", "onCancel", "ref"]);
+    const _a = options, {
+      onConfirm,
+      onCancel,
+      ref,
+      container: container
+    } = _a, others = __objRest(_a, [
+      "onConfirm",
+      "onCancel",
+      "ref",
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      "container"
+    ]);
     const [visible, setVisible] = (0, import_react.useState)(false);
     const close = (0, import_react.useCallback)(() => {
       setVisible(false);

package/dist/Input/Input.css

@@ -31,8 +31,6 @@
 .bui-input-input {
   flex: 1;
   min-width: 0;
-  display: flex;
-  align-items: center;
   padding: 0;
   height: 100%;
   color: var(--bui-color-fg-default);

package/dist/Toast/FunctionalToast.js

@@ -100,10 +100,21 @@ const functionalToast = (props) => {
       rootWrapper.style[property] = styles[property];
     });
   }
-  const rootElement = (0, import_utils.getRootContainer)();
+  const rootElement = (0, import_utils.getRootContainer)(options == null ? void 0 : options.container);
   rootElement.appendChild(rootWrapper);
   const ToastComponent = () => {
-    const _a = options, { duration, allowMultiple, onClose } = _a, others = __objRest(_a, ["duration", "allowMultiple", "onClose"]);
+    const _a = options, {
+      duration,
+      allowMultiple,
+      onClose,
+      container: container
+    } = _a, others = __objRest(_a, [
+      "duration",
+      "allowMultiple",
+      "onClose",
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      "container"
+    ]);
     const [open, setOpen] = (0, import_react.useState)(false);
     let timer;
     const fadeTimeout = {

package/dist/Toast/Toast.types.d.ts

@@ -49,6 +49,11 @@ export interface ToastProps extends FadeProps {
      * @default false
      */
     disableClick?: boolean;
+    /**
+     * 渲染Toast的根容器
+     * @default document.body
+     */
+    container?: HTMLElement | (() => HTMLElement);
     /**
      * 关闭时的回调函数
      */

package/es/DesktopPicker/DesktopPicker.js

@@ -86,7 +86,8 @@ const DesktopPicker = /* @__PURE__ */ React.forwardRef(
       onMount,
       onUnmounted,
       containerWidth = "auto",
-      BackdropProps
+      BackdropProps,
+      prefix = ""
     } = _a, others = __objRest(_a, [
       "className",
       "open",
@@ -100,12 +101,16 @@ const DesktopPicker = /* @__PURE__ */ React.forwardRef(
       "onMount",
       "onUnmounted",
       "containerWidth",
-      "BackdropProps"
+      "BackdropProps",
+      "prefix"
     ]);
     const contentRef = useRef(null);
     const nodeRef = useRef(null);
     const renderChildren = React.cloneElement(children, {
-      ref: nodeRef
+      ref: nodeRef,
+      style: {
+        flex: 1
+      }
     });
     const [contentPosition, setContentPosition] = useState(
       "bottom"
@@ -204,7 +209,7 @@ const DesktopPicker = /* @__PURE__ */ React.forwardRef(
         onMount == null ? void 0 : onMount();
       }
     }, [renderContainer]);
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(prefixCls, className) }, others), renderChildren), !isMini && renderContainer && /* @__PURE__ */ React.createElement(Portal, null, renderContent()), isMini && renderContainer && /* @__PURE__ */ React.createElement(Portal, null, renderContent(), !miniBackdropInvisible && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(prefixCls, className) }, others), prefix, renderChildren), !isMini && renderContainer && /* @__PURE__ */ React.createElement(Portal, null, renderContent()), isMini && renderContainer && /* @__PURE__ */ React.createElement(Portal, null, renderContent(), !miniBackdropInvisible && /* @__PURE__ */ React.createElement(
       Backdrop,
       __spreadProps(__spreadValues({}, BackdropProps), {
         invisible: true,

package/es/DesktopPicker/DesktopPicker.types.d.ts

@@ -3,6 +3,10 @@ import { OverrideProps } from '@bifrostui/types';
 import { BackdropProps } from '../Backdrop/Backdrop.types';
 export type DesktopPickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
     props: P & {
+        /**
+         * 前缀
+         */
+        prefix?: React.ReactNode | string;
         /**
          * 是否继承宽度
          * @default true

package/es/DesktopPicker/index.css

@@ -6,6 +6,8 @@ xhs-page {
   --bui-desktop-picker-shadow: 0 0 0 2px var(--bui-color-bg-default);
 }
 .bui-desktop-picker {
+  display: flex;
+  align-items: center;
   position: relative;
   height: 100%;
 }

package/es/Dialog/Dialog.types.d.ts

@@ -44,6 +44,11 @@ export interface DialogProps extends ModalProps {
      * theme 主题定制
      */
     theme?: ThemeProps;
+    /**
+     * 渲染Dialog的根容器
+     * @default document.body
+     */
+    container?: HTMLElement | (() => HTMLElement);
     /**
      * 确认回调
      */

package/es/Dialog/FunctionalDialog.js

@@ -61,10 +61,21 @@ const formatProps = (props) => {
 };
 const DialogGenerator = (options) => {
   const rootWrapper = document.createElement("div");
-  const rootElement = getRootContainer();
+  const rootElement = getRootContainer(options == null ? void 0 : options.container);
   rootElement.appendChild(rootWrapper);
   const DialogComponent = () => {
-    const _a = options, { onConfirm, onCancel, ref } = _a, others = __objRest(_a, ["onConfirm", "onCancel", "ref"]);
+    const _a = options, {
+      onConfirm,
+      onCancel,
+      ref,
+      container: container
+    } = _a, others = __objRest(_a, [
+      "onConfirm",
+      "onCancel",
+      "ref",
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      "container"
+    ]);
     const [visible, setVisible] = useState(false);
     const close = useCallback(() => {
       setVisible(false);

package/es/Input/Input.css

@@ -31,8 +31,6 @@
 .bui-input-input {
   flex: 1;
   min-width: 0;
-  display: flex;
-  align-items: center;
   padding: 0;
   height: 100%;
   color: var(--bui-color-fg-default);

package/es/Modal/Modal.miniapp.d.ts

@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     keepMounted?: boolean;
 } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "open" | keyof import("@bifrostui/types").ICommonProps | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "open" | "container" | "disablePortal" | keyof import("@bifrostui/types").ICommonProps | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/es/Toast/FunctionalToast.js

@@ -70,10 +70,21 @@ const functionalToast = (props) => {
       rootWrapper.style[property] = styles[property];
     });
   }
-  const rootElement = getRootContainer();
+  const rootElement = getRootContainer(options == null ? void 0 : options.container);
   rootElement.appendChild(rootWrapper);
   const ToastComponent = () => {
-    const _a = options, { duration, allowMultiple, onClose } = _a, others = __objRest(_a, ["duration", "allowMultiple", "onClose"]);
+    const _a = options, {
+      duration,
+      allowMultiple,
+      onClose,
+      container: container
+    } = _a, others = __objRest(_a, [
+      "duration",
+      "allowMultiple",
+      "onClose",
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      "container"
+    ]);
     const [open, setOpen] = useState(false);
     let timer;
     const fadeTimeout = {

package/es/Toast/Toast.types.d.ts

@@ -49,6 +49,11 @@ export interface ToastProps extends FadeProps {
      * @default false
      */
     disableClick?: boolean;
+    /**
+     * 渲染Toast的根容器
+     * @default document.body
+     */
+    container?: HTMLElement | (() => HTMLElement);
     /**
      * 关闭时的回调函数
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bifrostui/react",
-  "version": "1.4.8-beta.0",
+  "version": "1.5.0",
   "description": "React components for building mobile application",
   "homepage": "http://bui.taopiaopiao.com",
   "license": "MIT",
@@ -33,10 +33,10 @@
     "clsx": "^1.2.1",
     "dayjs": "^1.11.7",
     "swiper": "^8.1.5",
-    "@bifrostui/icons": "1.4.8-beta.0",
-    "@bifrostui/styles": "1.4.8-beta.0",
-    "@bifrostui/types": "1.4.8-beta.0",
-    "@bifrostui/utils": "1.4.8-beta.0"
+    "@bifrostui/icons": "1.5.0",
+    "@bifrostui/types": "1.5.0",
+    "@bifrostui/utils": "1.5.0",
+    "@bifrostui/styles": "1.5.0"
   },
   "peerDependencies": {
     "@tarojs/components": "^3.0.0",