@bifrostui/react 2.0.0-alpha.27 → 2.0.0-alpha.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/CSSTransition/demo/CSSTransitionDemo.js +3 -0
  2. package/dist/CSSTransition/demo/index.css +0 -3
  3. package/dist/DatePicker/DatePicker.d.ts +1 -1
  4. package/dist/Dialog/Dialog.types.d.ts +6 -2
  5. package/dist/Modal/Modal.miniapp.d.ts +1 -1
  6. package/dist/Toast/index.css +7 -5
  7. package/es/CSSTransition/demo/CSSTransitionDemo.js +3 -0
  8. package/es/CSSTransition/demo/index.css +0 -3
  9. package/es/DatePicker/DatePicker.d.ts +1 -1
  10. package/es/Dialog/Dialog.types.d.ts +6 -2
  11. package/es/Modal/Modal.miniapp.d.ts +1 -1
  12. package/es/Toast/index.css +7 -5
  13. package/package.json +5 -5
package/dist/CSSTransition/demo/CSSTransitionDemo.js CHANGED
@@ -57,6 +57,9 @@ const StackDemo = () => {
57
57
  {
58
58
  onClick: () => {
59
59
  setOpen((prev) => !prev);
60
+ },
61
+ style: {
62
+ marginBottom: "18px"
60
63
  }
61
64
  },
62
65
  open ? "Exit" : "Enter"
package/dist/CSSTransition/demo/index.css CHANGED
@@ -1,6 +1,3 @@
1
- .bui-btn {
2
- margin-bottom: 18px;
3
- }
4
1
  .slide-enter {
5
2
  transform: translate3d(-100%, 0, 0);
6
3
  }
package/dist/DatePicker/DatePicker.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { DatePickerProps } from './DatePicker.types';
3
- declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "defaultValue" | "value" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
3
+ declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "value" | "defaultValue" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
4
  export default DatePicker;
package/dist/Dialog/Dialog.types.d.ts CHANGED
@@ -33,11 +33,11 @@ export interface DialogProps extends Omit<ModalProps, 'title' | 'content'> {
33
33
  /**
34
34
  * 透传给内部Button组件的属性
35
35
  */
36
- okButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, string>;
36
+ okButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, any>;
37
37
  /**
38
38
  * 透传给内部Button组件的属性
39
39
  */
40
- cancelButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, string>;
40
+ cancelButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, any>;
41
41
  /**
42
42
  * 确认按钮文本内容
43
43
  */
@@ -80,6 +80,10 @@ export type DialogOptions = Omit<DialogProps, 'placeholder' | 'inputProps' | 'on
80
80
  * 取消回调
81
81
  */
82
82
  onCancel?: (e: React.SyntheticEvent) => void;
83
+ /**
84
+ * 透传 data- 属性
85
+ */
86
+ [key: `data-${string}`]: any;
83
87
  };
84
88
  /**
85
89
  * prompt函数式调用配置参数
package/dist/Modal/Modal.miniapp.d.ts CHANGED
@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
12
12
  keepMounted?: boolean;
13
13
  } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
14
14
  ref?: React.Ref<HTMLDivElement>;
15
- }, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "BackdropProps" | "onClose" | "keepMounted" | "disablePortal" | "hideBackdrop" | "disableScrollLock">, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
+ }, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
16
  export default Modal;
package/dist/Toast/index.css CHANGED
@@ -15,10 +15,13 @@ xhs-page {
15
15
  }
16
16
  .bui-toast {
17
17
  position: fixed;
18
- left: 50%;
18
+ left: 0;
19
+ right: 0;
20
+ margin: 0 auto;
19
21
  z-index: var(--bui-z-index-toast);
20
22
  min-width: var(--bui-toast-min-width);
21
23
  max-width: var(--bui-toast-max-width);
24
+ width: fit-content;
22
25
  padding: var(--bui-toast-padding);
23
26
  font-size: var(--bui-text-size-1);
24
27
  color: var(--bui-color-white);
@@ -31,20 +34,19 @@ xhs-page {
31
34
  }
32
35
  .bui-toast.bui-toast-allow-click {
33
36
  position: fixed;
34
- right: unset;
35
37
  bottom: unset;
36
38
  }
37
39
  .bui-toast-center {
38
40
  top: 50%;
39
- transform: translate(-50%, -50%);
41
+ transform: translateY(-50%);
40
42
  }
41
43
  .bui-toast-top {
42
44
  top: var(--bui-toast-position-top);
43
- transform: translate(-50%, calc(-1 * var(--bui-toast-position-top)));
45
+ transform: translateY(calc(-1 * var(--bui-toast-position-top)));
44
46
  }
45
47
  .bui-toast-bottom {
46
48
  top: var(--bui-toast-position-bottom);
47
- transform: translate(-50%, calc(-1 * var(--bui-toast-position-bottom)));
49
+ transform: translateY(calc(-1 * var(--bui-toast-position-bottom)));
48
50
  }
49
51
  .bui-toast-icon {
50
52
  display: flex;
package/es/CSSTransition/demo/CSSTransitionDemo.js CHANGED
@@ -25,6 +25,9 @@ const StackDemo = () => {
25
25
  {
26
26
  onClick: () => {
27
27
  setOpen((prev) => !prev);
28
+ },
29
+ style: {
30
+ marginBottom: "18px"
28
31
  }
29
32
  },
30
33
  open ? "Exit" : "Enter"
package/es/CSSTransition/demo/index.css CHANGED
@@ -1,6 +1,3 @@
1
- .bui-btn {
2
- margin-bottom: 18px;
3
- }
4
1
  .slide-enter {
5
2
  transform: translate3d(-100%, 0, 0);
6
3
  }
package/es/DatePicker/DatePicker.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { DatePickerProps } from './DatePicker.types';
3
- declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "defaultValue" | "onChange" | "value" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
3
+ declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "value" | "defaultValue" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
4
  export default DatePicker;
package/es/Dialog/Dialog.types.d.ts CHANGED
@@ -33,11 +33,11 @@ export interface DialogProps extends Omit<ModalProps, 'title' | 'content'> {
33
33
  /**
34
34
  * 透传给内部Button组件的属性
35
35
  */
36
- okButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, string>;
36
+ okButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, any>;
37
37
  /**
38
38
  * 透传给内部Button组件的属性
39
39
  */
40
- cancelButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, string>;
40
+ cancelButtonProps?: Partial<ButtonProps> & Record<`data-${string}`, any>;
41
41
  /**
42
42
  * 确认按钮文本内容
43
43
  */
@@ -80,6 +80,10 @@ export type DialogOptions = Omit<DialogProps, 'placeholder' | 'inputProps' | 'on
80
80
  * 取消回调
81
81
  */
82
82
  onCancel?: (e: React.SyntheticEvent) => void;
83
+ /**
84
+ * 透传 data- 属性
85
+ */
86
+ [key: `data-${string}`]: any;
83
87
  };
84
88
  /**
85
89
  * prompt函数式调用配置参数
package/es/Modal/Modal.miniapp.d.ts CHANGED
@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
12
12
  keepMounted?: boolean;
13
13
  } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
14
14
  ref?: React.Ref<HTMLDivElement>;
15
- }, "open" | "container" | "disableScrollLock" | "onClose" | keyof import("@bifrostui/types").ICommonProps | "BackdropProps" | "disablePortal" | "keepMounted" | "hideBackdrop">, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
+ }, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
16
  export default Modal;
package/es/Toast/index.css CHANGED
@@ -15,10 +15,13 @@ xhs-page {
15
15
  }
16
16
  .bui-toast {
17
17
  position: fixed;
18
- left: 50%;
18
+ left: 0;
19
+ right: 0;
20
+ margin: 0 auto;
19
21
  z-index: var(--bui-z-index-toast);
20
22
  min-width: var(--bui-toast-min-width);
21
23
  max-width: var(--bui-toast-max-width);
24
+ width: fit-content;
22
25
  padding: var(--bui-toast-padding);
23
26
  font-size: var(--bui-text-size-1);
24
27
  color: var(--bui-color-white);
@@ -31,20 +34,19 @@ xhs-page {
31
34
  }
32
35
  .bui-toast.bui-toast-allow-click {
33
36
  position: fixed;
34
- right: unset;
35
37
  bottom: unset;
36
38
  }
37
39
  .bui-toast-center {
38
40
  top: 50%;
39
- transform: translate(-50%, -50%);
41
+ transform: translateY(-50%);
40
42
  }
41
43
  .bui-toast-top {
42
44
  top: var(--bui-toast-position-top);
43
- transform: translate(-50%, calc(-1 * var(--bui-toast-position-top)));
45
+ transform: translateY(calc(-1 * var(--bui-toast-position-top)));
44
46
  }
45
47
  .bui-toast-bottom {
46
48
  top: var(--bui-toast-position-bottom);
47
- transform: translate(-50%, calc(-1 * var(--bui-toast-position-bottom)));
49
+ transform: translateY(calc(-1 * var(--bui-toast-position-bottom)));
48
50
  }
49
51
  .bui-toast-icon {
50
52
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bifrostui/react",
3
- "version": "2.0.0-alpha.27",
3
+ "version": "2.0.0-alpha.28",
4
4
  "description": "React components for building mobile application",
5
5
  "homepage": "http://bui.taopiaopiao.com",
6
6
  "license": "MIT",
@@ -43,10 +43,10 @@
43
43
  "clsx": "^2.1.1",
44
44
  "dayjs": "^1.11.7",
45
45
  "swiper": "^8.1.5",
46
- "@bifrostui/styles": "2.0.0-alpha.27",
47
- "@bifrostui/icons": "2.0.0-alpha.27",
48
- "@bifrostui/types": "2.0.0-alpha.27",
49
- "@bifrostui/utils": "2.0.0-alpha.27"
46
+ "@bifrostui/icons": "2.0.0-alpha.28",
47
+ "@bifrostui/styles": "2.0.0-alpha.28",
48
+ "@bifrostui/types": "2.0.0-alpha.28",
49
+ "@bifrostui/utils": "2.0.0-alpha.28"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "@tarojs/components": "^3.0.0",