@bifrostui/react 1.4.8-beta.0 → 2.0.0-alpha.0

package/dist/ThemeProvider/utils/mountTokens.d.ts

@@ -1,7 +1,7 @@
 import { ThemeProps, MountResponsiveTokenOptions, BuiltInThemesTokenOptions } from '../ThemeProvider.types';
 /**
  * 挂载响应式自定义Tokens
- * 响应式相关的Tokens挂载在全局根节点上，暗黑模式或大麦高亮主题下可自定义额外Toekns复写响应式Tokens
+ * 将自定义Tokens挂载在rootSelector.defaultLight下，其他主题下可自定义额外Toekns复写响应式Tokens
  */
 export declare const mountResponsiveTokens: (options: MountResponsiveTokenOptions) => void;
 /**
@@ -10,17 +10,17 @@ export declare const mountResponsiveTokens: (options: MountResponsiveTokenOption
  * 1. 默认高亮模式（defaultLightToken 复写 default-light.less）
  * 2. 默认暗黑模式（defaultDarkToken 复写 default-dark.less）
  * 3. 大麦高亮模式（dmLightToken 复写 dm-light.less）
- * 4. 大麦暗黑模式（dmDarkToken 复写 dm-dark.less）
+ * 4. 先锋版高亮模式（pioneerLightToken 复写 pioneer-light.less）
  */
 export declare const overrideBuiltInThemes: (tokenOptions: BuiltInThemesTokenOptions) => void;
 /**
  * 挂载Design Tokens
  * Tokens的优先级：
  * 1. 通常情况：组件的Tokens > 响应式Tokens > BUI内置Tokens（挂载顺序控制）
- * 2. 暗黑模式：组件的Tokens > BUI内置的两种暗黑模式Tokens > 响应式Tokens (选择器权重控制)
+ * 2. 暗黑模式：组件的Tokens > BUI内置的暗黑模式Tokens > 响应式Tokens (选择器权重控制)
  *
  * - 挂载顺序决定BUI内置Tokens（暗黑模式除外）和响应式Tokens的优先级
  * - 选择器权重决定暗黑模式的Tokens和响应式Tokens的优先级
- * - 命名规则决定组件的Tokens（如：--bui-button-xxx）
+ * - 命名规则决定组件的Tokens（如：--bui-btn-xxx）
  */
 export declare const mountTokens: (tokenOptions?: ThemeProps) => void;

package/dist/Toast/FunctionalToast.js

@@ -100,7 +100,7 @@ const functionalToast = (props) => {
       rootWrapper.style[property] = styles[property];
     });
   }
-  const rootElement = (0, import_utils.getRootContainer)();
+  const rootElement = (0, import_utils.getRootElement)();
   rootElement.appendChild(rootWrapper);
   const ToastComponent = () => {
     const _a = options, { duration, allowMultiple, onClose } = _a, others = __objRest(_a, ["duration", "allowMultiple", "onClose"]);

package/dist/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ToastProps, ToastRef } from './Toast.types';
-import './Toast.less';
+import './index.less';
 declare const ToastComponent: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<ToastRef>>;
 export default ToastComponent;

package/dist/Toast/Toast.js

@@ -64,7 +64,7 @@ var import_react = __toESM(require("react"));
 var import_icons = require("@bifrostui/icons");
 var import_Fade = __toESM(require("../Fade"));
 var import_ThemeProvider = require("../ThemeProvider");
-var import_Toast2 = require("./Toast.css");
+var import_index = require("./index.css");
 const prefixCls = "bui-toast";
 const ToastComponent = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, {
@@ -93,10 +93,10 @@ const ToastComponent = /* @__PURE__ */ import_react.default.forwardRef((props, r
     return { theme: themeConfig };
   }, []);
   const iconMap = {
-    fail: /* @__PURE__ */ import_react.default.createElement(import_icons.ErrorCircleFilledBoldIcon, { htmlColor: "#ffffff" }),
-    loading: /* @__PURE__ */ import_react.default.createElement(import_icons.AccessTimeCircleFilledBoldIcon, { htmlColor: "#ffffff" }),
-    warning: /* @__PURE__ */ import_react.default.createElement(import_icons.AlertCircleFilledBoldIcon, { htmlColor: "#ffffff" }),
-    success: /* @__PURE__ */ import_react.default.createElement(import_icons.SuccessCircleFilledBoldIcon, { htmlColor: "#ffffff" })
+    fail: /* @__PURE__ */ import_react.default.createElement(import_icons.ErrorCircleFilledBoldIcon, { htmlColor: "var(--bui-color-white)" }),
+    loading: /* @__PURE__ */ import_react.default.createElement(import_icons.AccessTimeCircleFilledBoldIcon, { htmlColor: "var(--bui-color-white)" }),
+    warning: /* @__PURE__ */ import_react.default.createElement(import_icons.AlertCircleFilledBoldIcon, { htmlColor: "var(--bui-color-white)" }),
+    success: /* @__PURE__ */ import_react.default.createElement(import_icons.SuccessCircleFilledBoldIcon, { htmlColor: "var(--bui-color-white)" })
   };
   const iconDom = iconMap[type] || icon;
   return /* @__PURE__ */ import_react.default.createElement(import_Fade.default, __spreadProps(__spreadValues({}, others), { in: open, appear: false, unmountOnExit: true }), /* @__PURE__ */ import_react.default.createElement(

package/dist/Toast/index.css

@@ -0,0 +1,58 @@
+:root,
+page,
+xhs-page {
+  --bui-toast-min-width: 86px;
+  --bui-toast-max-width: 80%;
+  --bui-toast-text-align: center;
+  --bui-toast-flex-direction: column;
+  --bui-toast-padding: var(--bui-spacing-xl);
+  --bui-toast-position-top: 15%;
+  --bui-toast-position-bottom: 85%;
+  --bui-toast-bg-color: rgba(0, 0, 0, 0.8);
+  --bui-toast-border-radius: var(--bui-shape-radius-default);
+  --bui-toast-icon-margin: 0 0 8px;
+  --bui-toast-icon-font-size: 30px;
+}
+.bui-toast {
+  position: fixed;
+  left: 50%;
+  z-index: var(--bui-z-index-toast);
+  width: fit-content;
+  min-width: var(--bui-toast-min-width);
+  max-width: var(--bui-toast-max-width);
+  padding: var(--bui-toast-padding);
+  font-size: var(--bui-text-size-1);
+  color: var(--bui-color-white);
+  border-radius: var(--bui-toast-border-radius);
+  word-break: break-all;
+  white-space: pre-wrap;
+  background-color: var(--bui-toast-bg-color);
+  text-align: var(--bui-toast-text-align);
+  font-family: var(--bui-font-family);
+}
+.bui-toast.bui-toast-allow-click {
+  position: fixed;
+  right: unset;
+  bottom: unset;
+}
+.bui-toast-center {
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.bui-toast-top {
+  top: var(--bui-toast-position-top);
+  transform: translate(-50%, calc(-1 * var(--bui-toast-position-top)));
+}
+.bui-toast-bottom {
+  top: var(--bui-toast-position-bottom);
+  transform: translate(-50%, calc(-1 * var(--bui-toast-position-bottom)));
+}
+.bui-toast-icon {
+  display: flex;
+  flex-direction: var(--bui-toast-flex-direction);
+  align-items: center;
+}
+.bui-toast-icon .bui-svg-icon {
+  margin: var(--bui-toast-icon-margin);
+  font-size: var(--bui-toast-icon-font-size);
+}

package/dist/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TooltipProps } from './Tooltip.types';
-import './Tooltip.less';
+import './index.less';
 declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps<"div", {}>, "ref"> & React.RefAttributes<HTMLElement>>;
 export default Tooltip;

package/dist/Tooltip/Tooltip.js

@@ -51,26 +51,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 var Tooltip_exports = {};
 __export(Tooltip_exports, {
   default: () => Tooltip_default
@@ -80,7 +60,7 @@ var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_Portal = __toESM(require("../Portal"));
-var import_Tooltip2 = require("./Tooltip.css");
+var import_index = require("./index.css");
 const prefixCls = "bui-tooltip";
 const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, {
@@ -92,8 +72,8 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     offsetSpacing = 0,
     placement = "top",
     trigger = "click",
-    open,
-    onOpenChange
+    onOpenChange,
+    open
   } = _a, others = __objRest(_a, [
     "className",
     "style",
@@ -103,8 +83,8 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     "offsetSpacing",
     "placement",
     "trigger",
-    "open",
-    "onOpenChange"
+    "onOpenChange",
+    "open"
   ]);
   const controlByUser = typeof open !== "undefined";
   const { direction, location = "center" } = (0, import_utils.parsePlacement)(placement);
@@ -112,18 +92,11 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   const [openStatus, setOpenStatus] = (0, import_react.useState)(defaultOpen);
   const [arrowDirection, setArrowDirection] = (0, import_react.useState)(direction);
   const [arrowLocation, setArrowLocation] = (0, import_react.useState)(location);
-  const [toolStyles, setToolStyles] = (0, import_react.useState)({});
-  const tipRef = (0, import_react.useRef)(null);
-  const nodeRef = (0, import_utils.useForkRef)(ref, tipRef);
-  const clearRef = (status) => {
-    if (status === false) {
-      tipRef.current = null;
-    }
-  };
+  const [tooltyles, setTooltyles] = (0, import_react.useState)({});
+  const ttId = (0, import_utils.useUniqueId)();
   const changeOpenStatus = (event, status) => {
     if (controlByUser)
       return;
-    clearRef(status);
     setOpenStatus(status);
     onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
   };
@@ -142,33 +115,23 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     if (!controlByUser)
       return;
     setOpenStatus(open);
-    clearRef(open);
   }, [open]);
-  (0, import_react.useEffect)(() => {
-    if (!openStatus) {
-      setToolStyles({
-        visibility: "hidden"
-      });
-    }
-  }, [openStatus]);
   const clickEventHandler = (event) => {
     if (trigger === "hover" || (trigger == null ? void 0 : trigger.length) === 1 && (trigger == null ? void 0 : trigger[0]) === "hover")
       return;
     hideTooltip(event);
   };
-  const onRootElementMouted = (0, import_utils.throttle)(() => __async(void 0, null, function* () {
-    if (!tipRef.current)
-      return;
+  const onRootElementMouted = (0, import_utils.throttle)(() => {
     const {
       direction: newParsedDirection,
       location: newParsedLocation = "center"
     } = (0, import_utils.parsePlacement)(placement);
-    const result = yield (0, import_utils.getStylesAndLocation)({
+    const result = (0, import_utils.getStylesAndLocation)({
       childrenRef,
       arrowDirection: newParsedDirection,
       arrowLocation: newParsedLocation,
       offsetSpacing,
-      tipRef
+      selector: `[data-id="tt_${ttId}"]`
     });
     if (!result)
       return;
@@ -179,32 +142,26 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     if (newArrowLocation !== arrowLocation) {
       setArrowLocation(newArrowLocation);
     }
-    setToolStyles(styles);
-  }), 100);
+    setTooltyles(styles);
+  }, 100);
+  const bindEvent = () => {
+    if (!controlByUser) {
+      document.addEventListener("click", clickEventHandler);
+    }
+    window.addEventListener("resize", onRootElementMouted);
+  };
+  const unbindEvent = () => {
+    if (!controlByUser) {
+      document.removeEventListener("click", clickEventHandler);
+    }
+    window.removeEventListener("resize", onRootElementMouted);
+  };
   (0, import_react.useEffect)(() => {
-    const bindEvent = () => {
-      if (!openStatus)
-        return;
-      if (!controlByUser) {
-        document.addEventListener("click", clickEventHandler);
-      }
-      if (!import_utils.isMini) {
-        window.addEventListener("resize", onRootElementMouted);
-      }
-    };
-    const unbindEvent = () => {
-      if (!controlByUser) {
-        document.removeEventListener("click", clickEventHandler);
-      }
-      if (!import_utils.isMini) {
-        window.removeEventListener("resize", onRootElementMouted);
-      }
-    };
     bindEvent();
     return () => {
       unbindEvent();
     };
-  }, [openStatus]);
+  }, []);
   let triggerEventOption;
   if (!controlByUser) {
     triggerEventOption = (0, import_utils.triggerEventTransform)({
@@ -217,12 +174,12 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   const childrenOptions = __spreadValues({
     ref: childrenRef
   }, triggerEventOption);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { onRootElementMouted }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { onRootElementMouted, ref }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(prefixCls, className, `tooltip-${arrowDirection}`),
-      style: __spreadValues(__spreadValues({}, style), toolStyles),
-      ref: nodeRef
+      style: __spreadValues(__spreadValues({}, style), tooltyles),
+      "data-id": `tt_${ttId}`
     }, others),
     /* @__PURE__ */ import_react.default.createElement(
       "div",

package/dist/Tooltip/index.css

@@ -0,0 +1,95 @@
+:root,
+page,
+xhs-page {
+  --bui-tooltip-arrow-size: 8PX;
+  --bui-tooltip-location-position: 8PX;
+  --bui-tooltip-max-width: 350px;
+  --bui-tooltip-content-min-width: 30px;
+  --bui-tooltip-content-min-height: 32px;
+  --bui-tooltip-content-padding: 6px 8px;
+}
+.bui-tooltip {
+  max-width: var(--bui-tooltip-max-width);
+  font-size: var(--bui-text-size-1);
+  position: absolute;
+  visibility: hidden;
+  z-index: var(--bui-z-index-tooltip);
+}
+.bui-tooltip .bui-tooltip-arrow {
+  width: 0;
+  height: 0;
+  position: absolute;
+}
+.bui-tooltip .bui-tooltip-arrow.location-left {
+  left: var(--bui-tooltip-location-position);
+}
+.bui-tooltip .bui-tooltip-arrow.location-right {
+  right: var(--bui-tooltip-location-position);
+}
+.bui-tooltip .bui-tooltip-arrow.location-top {
+  top: var(--bui-tooltip-location-position);
+}
+.bui-tooltip .bui-tooltip-arrow.location-bottom {
+  bottom: var(--bui-tooltip-location-position);
+}
+.bui-tooltip.tooltip-top .location-center,
+.bui-tooltip.tooltip-bottom .location-center {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.bui-tooltip.tooltip-left .location-center,
+.bui-tooltip.tooltip-right .location-center {
+  top: 50%;
+  transform: translateY(-50%);
+}
+.bui-tooltip.tooltip-top {
+  padding-bottom: var(--bui-tooltip-arrow-size);
+}
+.bui-tooltip.tooltip-top .bui-tooltip-arrow {
+  border-left: var(--bui-tooltip-arrow-size) solid transparent;
+  border-right: var(--bui-tooltip-arrow-size) solid transparent;
+  border-top: var(--bui-tooltip-arrow-size) solid var(--bui-color-bg-alpha-dark-7);
+  bottom: 0;
+}
+.bui-tooltip.tooltip-bottom {
+  padding-top: var(--bui-tooltip-arrow-size);
+}
+.bui-tooltip.tooltip-bottom .bui-tooltip-arrow {
+  border-left: var(--bui-tooltip-arrow-size) solid transparent;
+  border-right: var(--bui-tooltip-arrow-size) solid transparent;
+  border-bottom: var(--bui-tooltip-arrow-size) solid var(--bui-color-bg-alpha-dark-7);
+  top: 0;
+}
+.bui-tooltip.tooltip-left {
+  padding-right: var(--bui-tooltip-arrow-size);
+}
+.bui-tooltip.tooltip-left .bui-tooltip-arrow {
+  border-top: var(--bui-tooltip-arrow-size) solid transparent;
+  border-bottom: var(--bui-tooltip-arrow-size) solid transparent;
+  border-left: var(--bui-tooltip-arrow-size) solid var(--bui-color-bg-alpha-dark-7);
+  right: 0;
+}
+.bui-tooltip.tooltip-right {
+  padding-left: var(--bui-tooltip-arrow-size);
+}
+.bui-tooltip.tooltip-right .bui-tooltip-arrow {
+  border-top: var(--bui-tooltip-arrow-size) solid transparent;
+  border-bottom: var(--bui-tooltip-arrow-size) solid transparent;
+  border-right: var(--bui-tooltip-arrow-size) solid var(--bui-color-bg-alpha-dark-7);
+  left: 0;
+}
+.bui-tooltip .bui-tooltip-content {
+  min-width: var(--bui-tooltip-content-min-width);
+  min-height: var(--bui-tooltip-content-min-height);
+  padding: var(--bui-tooltip-content-padding);
+  color: var(--bui-color-white);
+  text-align: left;
+  text-decoration: none;
+  word-wrap: break-word;
+  background-color: var(--bui-color-bg-alpha-dark-7);
+  border-radius: var(--bui-shape-radius-poster);
+  box-shadow:
+    0 3px 6px -4px rgba(0, 0, 0, 0.12),
+    0 6px 16px 0 rgba(0, 0, 0, 0.08),
+    0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}

package/dist/Transition/TransitionCore.js

@@ -89,8 +89,8 @@ const TransitionCore = (0, import_react.forwardRef)(
       children,
       mountOnEnter,
       unmountOnExit,
-      enter,
-      exit,
+      enter = true,
+      exit = true,
       timeout: _timeout,
       delay: _delay,
       onEnter,
@@ -99,7 +99,7 @@ const TransitionCore = (0, import_react.forwardRef)(
       onExit,
       onExiting,
       onExited,
-      nextTick
+      nextTick = setTimeout
     } = _a, childProps = __objRest(_a, [
       "appear",
       "in",
@@ -254,9 +254,4 @@ const TransitionCore = (0, import_react.forwardRef)(
   }
 );
 TransitionCore.displayName = "BuiTransitionCore";
-TransitionCore.defaultProps = {
-  enter: true,
-  exit: true,
-  nextTick: setTimeout
-};
 var TransitionCore_default = TransitionCore;

package/dist/index.d.ts

@@ -8,11 +8,6 @@ export * from './Calendar';
 export * from './Card';
 export * from './Checkbox';
 export * from './Collapse';
-export * from './DatePicker';
-export * from './DesktopDatePicker';
-export * from './DesktopTimePicker';
-export * from './DesktopDateTimePicker';
-export * from './DesktopPicker';
 export * from './Divider';
 export * from './Drawer';
 export * from './Fade';
@@ -53,4 +48,3 @@ export * from './Toast';
 export * from './Dialog';
 export * from './ThemeProvider';
 export * from './locales';
-export * from './SwipeAction';

package/dist/index.js

@@ -24,11 +24,6 @@ __reExport(src_exports, require("./Calendar"), module.exports);
 __reExport(src_exports, require("./Card"), module.exports);
 __reExport(src_exports, require("./Checkbox"), module.exports);
 __reExport(src_exports, require("./Collapse"), module.exports);
-__reExport(src_exports, require("./DatePicker"), module.exports);
-__reExport(src_exports, require("./DesktopDatePicker"), module.exports);
-__reExport(src_exports, require("./DesktopTimePicker"), module.exports);
-__reExport(src_exports, require("./DesktopDateTimePicker"), module.exports);
-__reExport(src_exports, require("./DesktopPicker"), module.exports);
 __reExport(src_exports, require("./Divider"), module.exports);
 __reExport(src_exports, require("./Drawer"), module.exports);
 __reExport(src_exports, require("./Fade"), module.exports);
@@ -69,7 +64,6 @@ __reExport(src_exports, require("./Toast"), module.exports);
 __reExport(src_exports, require("./Dialog"), module.exports);
 __reExport(src_exports, require("./ThemeProvider"), module.exports);
 __reExport(src_exports, require("./locales"), module.exports);
-__reExport(src_exports, require("./SwipeAction"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./ActionSheet"),
@@ -82,11 +76,6 @@ __reExport(src_exports, require("./SwipeAction"), module.exports);
   ...require("./Card"),
   ...require("./Checkbox"),
   ...require("./Collapse"),
-  ...require("./DatePicker"),
-  ...require("./DesktopDatePicker"),
-  ...require("./DesktopTimePicker"),
-  ...require("./DesktopDateTimePicker"),
-  ...require("./DesktopPicker"),
   ...require("./Divider"),
   ...require("./Drawer"),
   ...require("./Fade"),
@@ -126,6 +115,5 @@ __reExport(src_exports, require("./SwipeAction"), module.exports);
   ...require("./Toast"),
   ...require("./Dialog"),
   ...require("./ThemeProvider"),
-  ...require("./locales"),
-  ...require("./SwipeAction")
+  ...require("./locales")
 });

package/dist/locales/base.d.ts

@@ -37,15 +37,4 @@ export interface BaseLang {
         currentType?: Record<string, string>;
         hotCityType?: Record<string, string>;
     };
-    desktopDatePicker?: {
-        month?: Record<number, string>;
-    };
-    datePicker?: {
-        year: string;
-        month: string;
-        day: string;
-        hour: string;
-        minute: string;
-        second: string;
-    };
 }

package/dist/locales/en-US.js

@@ -64,30 +64,6 @@ const enUS = {
       title: "Hot",
       code: "HOT"
     }
-  },
-  desktopDatePicker: {
-    month: {
-      1: "Jan",
-      2: "Feb",
-      3: "Mar",
-      4: "Apr",
-      5: "May",
-      6: "Jun",
-      7: "Jul",
-      8: "Aug",
-      9: "Sep",
-      10: "Oct",
-      11: "Nov",
-      12: "Dec"
-    }
-  },
-  datePicker: {
-    year: "Year",
-    month: "Month",
-    day: "Day",
-    hour: "Hour",
-    minute: "Minute",
-    second: "Second"
   }
 };
 var en_US_default = enUS;

package/dist/locales/zh-CN.js

@@ -46,30 +46,6 @@ const zhCN = {
     located: "\u5B9A\u4F4D",
     current: "\u5F53\u524D",
     hot: "\u70ED\u95E8"
-  },
-  desktopDatePicker: {
-    month: {
-      1: "1\u6708",
-      2: "2\u6708",
-      3: "3\u6708",
-      4: "4\u6708",
-      5: "5\u6708",
-      6: "6\u6708",
-      7: "7\u6708",
-      8: "8\u6708",
-      9: "9\u6708",
-      10: "10\u6708",
-      11: "11\u6708",
-      12: "12\u6708"
-    }
-  },
-  datePicker: {
-    year: "\u5E74",
-    month: "\u6708",
-    day: "\u65E5",
-    hour: "\u65F6",
-    minute: "\u5206",
-    second: "\u79D2"
   }
 };
 var zh_CN_default = zhCN;

package/dist/locales/zh-TW.js

@@ -46,30 +46,6 @@ const zhTW = {
     located: "\u5B9A\u4F4D",
     current: "\u76EE\u524D",
     hot: "\u71B1\u9580"
-  },
-  desktopDatePicker: {
-    month: {
-      1: "1\u6708",
-      2: "2\u6708",
-      3: "3\u6708",
-      4: "4\u6708",
-      5: "5\u6708",
-      6: "6\u6708",
-      7: "7\u6708",
-      8: "8\u6708",
-      9: "9\u6708",
-      10: "10\u6708",
-      11: "11\u6708",
-      12: "12\u6708"
-    }
-  },
-  datePicker: {
-    year: "\u5E74",
-    month: "\u6708",
-    day: "\u65E5",
-    hour: "\u6642",
-    minute: "\u5206",
-    second: "\u79D2"
   }
 };
 var zh_TW_default = zhTW;

package/es/ActionSheet/ActionSheet.css

@@ -1,7 +1,17 @@
+:root,
+page,
+xhs-page {
+  --bui-action-sheet-extra-line-height: 23px;
+  --bui-action-sheet-extra-padding: var(--bui-spacing-xl);
+  --bui-action-sheet-extra-margin: 0 var(--bui-spacing-xl);
+  --bui-action-sheet-item-padding: var(--bui-spacing-xl);
+  --bui-action-sheet-item-font-size: var(--bui-title-size-2);
+  --bui-action-sheet-item-line-height: 24px;
+  --bui-action-sheet-item-color: var(--bui-color-fg-default);
+  --bui-action-sheet-item-margin: 0 var(--bui-spacing-xl);
+  --bui-action-sheet-item-description-line-height: 19px;
+}
 .bui-action-sheet {
-  --extra-line-height: var(--bui-action-sheet-extra-line-height, 23px);
-  --extra-padding: var(--bui-action-sheet-extra-padding, var(--bui-spacing-xl));
-  --extra-magin: var(--bui-action-sheet-extra-magin, 0 var(--bui-spacing-xl));
   font-family: var(--bui-font-family);
 }
 .bui-action-sheet-content {
@@ -20,11 +30,11 @@
 }
 .bui-action-sheet-extra {
   font-size: var(--bui-text-size-1);
-  line-height: var(--extra-line-height);
-  padding: var(--extra-padding);
+  line-height: var(--bui-action-sheet-extra-line-height);
+  padding: var(--bui-action-sheet-extra-padding);
   color: var(--bui-color-fg-muted);
   background: var(--bui-color-bg-view);
   text-align: center;
   border-bottom: 1px solid var(--bui-color-border-default);
-  margin: var(--extra-magin);
+  margin: var(--bui-action-sheet-extra-margin);
 }