@bifrostui/react 1.4.0-beta.2 → 1.4.0

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 (11) hide show
  1. package/dist/Modal/Modal.miniapp.d.ts +1 -1
  2. package/dist/Select/Select.css +1 -1
  3. package/dist/Slider/Slider.css +1 -1
  4. package/dist/Tabs/Tabs.css +3 -2
  5. package/dist/Tabs/Tabs.js +1 -0
  6. package/es/Modal/Modal.miniapp.d.ts +1 -1
  7. package/es/Select/Select.css +1 -1
  8. package/es/Slider/Slider.css +1 -1
  9. package/es/Tabs/Tabs.css +3 -2
  10. package/es/Tabs/Tabs.js +1 -0
  11. package/package.json +5 -5
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
- }, "open" | keyof import("@bifrostui/types").ICommonProps | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
+ }, keyof import("@bifrostui/types").ICommonProps | "open" | "keepMounted" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock">, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
16
  export default Modal;
package/dist/Select/Select.css CHANGED
@@ -42,7 +42,7 @@
42
42
  justify-content: space-between;
43
43
  align-items: center;
44
44
  flex: 1;
45
- height: var(--bui-select-height);
45
+ height: var(--height);
46
46
  background-color: transparent;
47
47
  outline: none;
48
48
  border: 0;
package/dist/Slider/Slider.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --button-width: var(--bui-slider-button-width, 26px);
8
8
  --button-height: var(--bui-slider-button-height, 26px);
9
9
  --button-font-size: var(--bui-slider-button-font-size, var(--bui-title-size-3));
10
- --button-border-radius: var(--bui--slider-button-border-radius, 50%);
10
+ --button-border-radius: var(--bui-slider-button-border-radius, 50%);
11
11
  --tooltip-width: var(--bui-slider-tooltip-width, 46px);
12
12
  --tooltip-height: var(--bui-slider-tooltip-height, 24px);
13
13
  --tooltip-line-height: var(--bui-slider-tooltip-line-height, 24px);
package/dist/Tabs/Tabs.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --active-color: var(--bui-tabs-active-color, var(--bui-color-fg-default));
5
5
  --line-height: var(--bui-tabs-line-height, 3PX);
6
6
  --line-width: var(--bui-tabs-line-width, 18px);
7
+ --mask-width: var(--bui-tabs-mask-width, 12px);
7
8
  --mask-height: var(--bui-tabs-mask-height, 100%);
8
9
  --tab-height: var(--bui-tab-height, 100%);
9
10
  --tab-padding: var(--bui-tab-padding, var(--bui-spacing-lg) var(--bui-spacing-lg) 10px);
@@ -40,8 +41,8 @@
40
41
  top: 0;
41
42
  bottom: 0;
42
43
  z-index: 1;
43
- width: 12px;
44
- height: var(--bui-tabs-mask-height);
44
+ width: var(--mask-width);
45
+ height: var(--mask-height);
45
46
  pointer-events: none;
46
47
  }
47
48
  .bui-tabs-mask-left {
package/dist/Tabs/Tabs.js CHANGED
@@ -135,6 +135,7 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
135
135
  (0, import_react.useEffect)(() => {
136
136
  const handleResize = (0, import_utils.debounce)(() => {
137
137
  animate({ transitionInUse: true });
138
+ updateMask();
138
139
  }, 100);
139
140
  window.addEventListener("resize", handleResize);
140
141
  return () => {
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" | keyof import("@bifrostui/types").ICommonProps | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
+ }, "open" | keyof import("@bifrostui/types").ICommonProps | "keepMounted" | "container" | "disablePortal" | "onClose" | "hideBackdrop" | "BackdropProps" | "disableScrollLock">, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
16
  export default Modal;
package/es/Select/Select.css CHANGED
@@ -42,7 +42,7 @@
42
42
  justify-content: space-between;
43
43
  align-items: center;
44
44
  flex: 1;
45
- height: var(--bui-select-height);
45
+ height: var(--height);
46
46
  background-color: transparent;
47
47
  outline: none;
48
48
  border: 0;
package/es/Slider/Slider.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --button-width: var(--bui-slider-button-width, 26px);
8
8
  --button-height: var(--bui-slider-button-height, 26px);
9
9
  --button-font-size: var(--bui-slider-button-font-size, var(--bui-title-size-3));
10
- --button-border-radius: var(--bui--slider-button-border-radius, 50%);
10
+ --button-border-radius: var(--bui-slider-button-border-radius, 50%);
11
11
  --tooltip-width: var(--bui-slider-tooltip-width, 46px);
12
12
  --tooltip-height: var(--bui-slider-tooltip-height, 24px);
13
13
  --tooltip-line-height: var(--bui-slider-tooltip-line-height, 24px);
package/es/Tabs/Tabs.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --active-color: var(--bui-tabs-active-color, var(--bui-color-fg-default));
5
5
  --line-height: var(--bui-tabs-line-height, 3PX);
6
6
  --line-width: var(--bui-tabs-line-width, 18px);
7
+ --mask-width: var(--bui-tabs-mask-width, 12px);
7
8
  --mask-height: var(--bui-tabs-mask-height, 100%);
8
9
  --tab-height: var(--bui-tab-height, 100%);
9
10
  --tab-padding: var(--bui-tab-padding, var(--bui-spacing-lg) var(--bui-spacing-lg) 10px);
@@ -40,8 +41,8 @@
40
41
  top: 0;
41
42
  bottom: 0;
42
43
  z-index: 1;
43
- width: 12px;
44
- height: var(--bui-tabs-mask-height);
44
+ width: var(--mask-width);
45
+ height: var(--mask-height);
45
46
  pointer-events: none;
46
47
  }
47
48
  .bui-tabs-mask-left {
package/es/Tabs/Tabs.js CHANGED
@@ -116,6 +116,7 @@ const Tabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
116
116
  useEffect(() => {
117
117
  const handleResize = debounce(() => {
118
118
  animate({ transitionInUse: true });
119
+ updateMask();
119
120
  }, 100);
120
121
  window.addEventListener("resize", handleResize);
121
122
  return () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bifrostui/react",
3
- "version": "1.4.0-beta.2",
3
+ "version": "1.4.0",
4
4
  "description": "React components for building mobile application",
5
5
  "homepage": "http://bui.taopiaopiao.com",
6
6
  "license": "MIT",
@@ -33,10 +33,10 @@
33
33
  "clsx": "^1.2.1",
34
34
  "dayjs": "^1.11.7",
35
35
  "swiper": "^8.1.5",
36
- "@bifrostui/icons": "1.4.0-beta.2",
37
- "@bifrostui/styles": "1.4.0-beta.2",
38
- "@bifrostui/types": "1.4.0-beta.2",
39
- "@bifrostui/utils": "1.4.0-beta.2"
36
+ "@bifrostui/icons": "1.4.0",
37
+ "@bifrostui/styles": "1.4.0",
38
+ "@bifrostui/types": "1.4.0",
39
+ "@bifrostui/utils": "1.4.0"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "@tarojs/components": "^3.0.0",