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

package/dist/DesktopTimePicker/utils/utils.d.ts

@@ -1,28 +0,0 @@
-import dayjs, { Dayjs } from 'dayjs';
-import { DisabledTimeView, ViewTypeWithMeridiem, ITimeInstance, ITimeItemNumberInstance, TimeSteps } from '../DesktopTimePicker.types';
-/**
- * 判断时间是否在可选日期区间内
- */
-export declare const getIsRangeDate: (time: Dayjs, start?: Dayjs, end?: Dayjs) => boolean;
-/**
- * 判断时间是否在 disabledView 时间区间内
- */
-export declare const isDisabledViewTime: (time: Dayjs, disabledTimeView: DisabledTimeView) => boolean;
-/**
- * 判断时间是否在 minTime & maxTime 时间区间内
- */
-export declare const getIsRangeTime: (time: Dayjs, start?: Dayjs, end?: Dayjs) => boolean;
-/**
- * 判断时间是否在disabledView || outOf minTime-maxTime 时间区间内
- */
-export declare const isDisabledTime: (time: Dayjs, start?: Dayjs, end?: Dayjs, disabledTimeView?: DisabledTimeView) => boolean;
-/**
- * 获取分钟时间面板 是否小于minTime分钟
- */
-export declare const getOutOfMinRangeMinutes: (hourValue: number, minTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
-export declare const getOutOfMaxRangeMinutes: (hourValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
-export declare const getOutOfMinRangeSeconds: (hourValue: number, minuteValue: number, minTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
-export declare const getOutOfMaxRangeSeconds: (hourValue: number, minuteValue: number, maxTime: Dayjs, dataList: ITimeItemNumberInstance[]) => number[];
-export declare const getdisabledTime: (type: ViewTypeWithMeridiem, timeValue: Dayjs, minTime: Dayjs, maxTime: Dayjs, dataList: ITimeInstance[], disabledTimeView: DisabledTimeView, timeSteps: TimeSteps, ampm?: boolean) => (string | number)[];
-export declare const calculateValidMinTime: (disabledTimeView: DisabledTimeView, minTime?: Dayjs) => dayjs.Dayjs;
-export declare const dateToDayjs: (date: Date) => dayjs.Dayjs;

package/dist/DesktopTimePicker/utils/utils.js

@@ -1,408 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var utils_exports = {};
-__export(utils_exports, {
-  calculateValidMinTime: () => calculateValidMinTime,
-  dateToDayjs: () => dateToDayjs,
-  getIsRangeDate: () => getIsRangeDate,
-  getIsRangeTime: () => getIsRangeTime,
-  getOutOfMaxRangeMinutes: () => getOutOfMaxRangeMinutes,
-  getOutOfMaxRangeSeconds: () => getOutOfMaxRangeSeconds,
-  getOutOfMinRangeMinutes: () => getOutOfMinRangeMinutes,
-  getOutOfMinRangeSeconds: () => getOutOfMinRangeSeconds,
-  getdisabledTime: () => getdisabledTime,
-  isDisabledTime: () => isDisabledTime,
-  isDisabledViewTime: () => isDisabledViewTime
-});
-module.exports = __toCommonJS(utils_exports);
-var import_dayjs = __toESM(require("dayjs"));
-const getIsRangeDate = (time, start, end) => {
-  if (!time)
-    return true;
-  if (!start && !end) {
-    return true;
-  }
-  if (start && end) {
-    return !time.isBefore(start, "day") && !time.isAfter(end, "day");
-  }
-  if (start) {
-    return !time.isBefore(start, "day") && (end ? !time.isAfter(end, "day") : true);
-  }
-  if (end) {
-    return !time.isAfter(end, "day") && (start ? !time.isBefore(start, "day") : true);
-  }
-  return true;
-};
-const isDisabledViewTime = (time, disabledTimeView) => {
-  const isDisabledViewTimeItem = (type) => {
-    const disabledArr = disabledTimeView == null ? void 0 : disabledTimeView()[type](time.hour(), time.minute());
-    const value = time[type]();
-    return (disabledArr == null ? void 0 : disabledArr.indexOf(value)) !== -1;
-  };
-  return isDisabledViewTimeItem("hour") || isDisabledViewTimeItem("minute") || isDisabledViewTimeItem("second");
-};
-const getIsRangeTime = (time, start, end) => {
-  if (start && end) {
-    return !time.isBefore(start, "second") && !time.isAfter(end, "second");
-  }
-  if (start) {
-    return !time.isBefore(start, "second");
-  }
-  if (end) {
-    return !time.isAfter(end, "second");
-  }
-  return true;
-};
-const isDisabledTime = (time, start, end, disabledTimeView) => {
-  if (!time)
-    return false;
-  return isDisabledViewTime(time, disabledTimeView) || !getIsRangeTime(time, start, end);
-};
-const getOutOfMinRangeMinutes = (hourValue, minTime, dataList) => {
-  if (!minTime) {
-    return [];
-  }
-  const outOfMinRangeMinutes = [];
-  if (hourValue === minTime.hour()) {
-    outOfMinRangeMinutes.push(
-      ...dataList.map((item) => item.value).filter((minute) => minute < minTime.minute())
-    );
-  } else if (hourValue < minTime.hour()) {
-    outOfMinRangeMinutes.push(...dataList.map((item) => item.value));
-  }
-  return outOfMinRangeMinutes;
-};
-const getOutOfMaxRangeMinutes = (hourValue, maxTime, dataList) => {
-  if (!maxTime) {
-    return [];
-  }
-  const outOfMaxRangeMinutes = [];
-  if (hourValue === maxTime.hour()) {
-    outOfMaxRangeMinutes.push(
-      ...dataList.map((item) => item.value).filter((minute) => minute > maxTime.minute())
-    );
-  } else if (hourValue > maxTime.hour()) {
-    outOfMaxRangeMinutes.push(...dataList.map((item) => item.value));
-  }
-  return outOfMaxRangeMinutes;
-};
-const getOutOfMinRangeSeconds = (hourValue, minuteValue, minTime, dataList) => {
-  if (!minTime) {
-    return [];
-  }
-  const outOfMinRangeMinutes = [];
-  if (hourValue === minTime.hour() && minuteValue === minTime.minute()) {
-    outOfMinRangeMinutes.push(
-      ...dataList.map((item) => item.value).filter((second) => second < minTime.second())
-    );
-  } else if (hourValue === minTime.hour() && minuteValue < minTime.minute()) {
-    outOfMinRangeMinutes.push(...dataList.map((item) => item.value));
-  } else if (hourValue < minTime.hour()) {
-    outOfMinRangeMinutes.push(...dataList.map((item) => item.value));
-  }
-  return outOfMinRangeMinutes;
-};
-const getOutOfMaxRangeSeconds = (hourValue, minuteValue, maxTime, dataList) => {
-  if (!maxTime) {
-    return [];
-  }
-  const outOfMaxRangeMinutes = [];
-  if (hourValue === maxTime.hour() && minuteValue === maxTime.minute()) {
-    outOfMaxRangeMinutes.push(
-      ...dataList.map((item) => item.value).filter((second) => second > maxTime.second())
-    );
-  } else if (hourValue === maxTime.hour() && minuteValue > maxTime.minute()) {
-    outOfMaxRangeMinutes.push(...dataList.map((item) => item.value));
-  } else if (hourValue > maxTime.hour()) {
-    outOfMaxRangeMinutes.push(...dataList.map((item) => item.value));
-  }
-  return outOfMaxRangeMinutes;
-};
-const getdisabledTime = (type, timeValue, minTime, maxTime, dataList, disabledTimeView, timeSteps, ampm) => {
-  var _a, _b, _c, _d, _e;
-  const isRangeDate = getIsRangeDate(timeValue, minTime, maxTime);
-  if (!isRangeDate) {
-    return dataList.map((item) => item.value);
-  }
-  const hourValue = timeValue == null ? void 0 : timeValue.hour();
-  const minuteValue = timeValue == null ? void 0 : timeValue.minute();
-  const getDisabledViewTime = () => {
-    var _a2, _b2, _c2, _d2, _e2, _f;
-    switch (type) {
-      case "hour": {
-        const disabledHours = ((_b2 = disabledTimeView == null ? void 0 : (_a2 = disabledTimeView()).hour) == null ? void 0 : _b2.call(_a2)) || [];
-        if (ampm && (timeValue == null ? void 0 : timeValue.format("A")) === "PM") {
-          return disabledHours.map((hour) => hour - 12);
-        }
-        return disabledHours;
-      }
-      case "minute": {
-        const disabledMinutes = ((_d2 = disabledTimeView == null ? void 0 : (_c2 = disabledTimeView()).minute) == null ? void 0 : _d2.call(_c2, hourValue)) || [];
-        return disabledMinutes;
-      }
-      case "second": {
-        const disabledSeconds = ((_f = disabledTimeView == null ? void 0 : (_e2 = disabledTimeView()).second) == null ? void 0 : _f.call(_e2, hourValue, minuteValue)) || [];
-        return disabledSeconds;
-      }
-      default:
-        return [];
-    }
-  };
-  const disabledViewTime = getDisabledViewTime();
-  const getOutOfMinRangeTime = () => {
-    if (!minTime) {
-      return [];
-    }
-    switch (type) {
-      case "hour": {
-        const outOfRangeHours = dataList.map((item) => item.value).filter((hour) => {
-          const minHour2 = minTime == null ? void 0 : minTime.hour();
-          const meridiemValue = timeValue == null ? void 0 : timeValue.format("A");
-          if (ampm) {
-            if (meridiemValue === "AM") {
-              return minHour2 >= 12 || hour < minHour2;
-            }
-            if (minHour2 < 12) {
-              return false;
-            }
-            return hour < minHour2 - 12;
-          }
-          return hour < minHour2;
-        });
-        return outOfRangeHours;
-      }
-      case "minute": {
-        const outOfRangeMinutes = getOutOfMinRangeMinutes(
-          hourValue,
-          minTime,
-          dataList
-        );
-        return outOfRangeMinutes;
-      }
-      case "second": {
-        const outOfRangeSeconds = getOutOfMinRangeSeconds(
-          hourValue,
-          minuteValue,
-          minTime,
-          dataList
-        );
-        return outOfRangeSeconds;
-      }
-      default:
-        return [];
-    }
-  };
-  const getOutOfMaxRangeTime = () => {
-    if (!maxTime) {
-      return [];
-    }
-    switch (type) {
-      case "hour": {
-        const outOfRangeHours = dataList.map((item) => item.value).filter((hour) => {
-          if (ampm) {
-            const maxHour2 = maxTime == null ? void 0 : maxTime.hour();
-            const meridiemValue = timeValue == null ? void 0 : timeValue.format("A");
-            if (maxHour2 >= 12) {
-              if (meridiemValue === "AM") {
-                return false;
-              }
-              return hour > maxHour2 - 12;
-            }
-            if (meridiemValue === "AM") {
-              return hour > maxHour2;
-            }
-            return true;
-          }
-          return hour > (maxTime == null ? void 0 : maxTime.hour());
-        });
-        return outOfRangeHours;
-      }
-      case "minute": {
-        const outOfRangeMinutes = getOutOfMaxRangeMinutes(
-          hourValue,
-          maxTime,
-          dataList
-        );
-        return outOfRangeMinutes;
-      }
-      case "second": {
-        const outOfRangeSeconds = getOutOfMaxRangeSeconds(
-          hourValue,
-          minuteValue,
-          maxTime,
-          dataList
-        );
-        return outOfRangeSeconds;
-      }
-      default:
-        return [];
-    }
-  };
-  const outOfMinRangeTime = getOutOfMinRangeTime();
-  const outOfMaxRangeTime = getOutOfMaxRangeTime();
-  const isEqualMinDate = timeValue == null ? void 0 : timeValue.isSame(minTime, "day");
-  const isEqualMaxDate = timeValue == null ? void 0 : timeValue.isSame(maxTime, "day");
-  const allHours = Array.from({ length: 24 }, (_, i) => i);
-  const disabledViewHours = ((_b = disabledTimeView == null ? void 0 : (_a = disabledTimeView()).hour) == null ? void 0 : _b.call(_a)) || [];
-  const minHour = (_c = minTime == null ? void 0 : minTime.hour()) != null ? _c : 0;
-  const maxHour = (_d = maxTime == null ? void 0 : maxTime.hour()) != null ? _d : 23;
-  const outOfMinHours = allHours.filter((hour) => hour < minHour);
-  const outOfMaxHours = allHours.filter((hour) => hour > maxHour);
-  const generateHourArray = (start, end, step) => {
-    if (!step) {
-      step = 1;
-    }
-    return Array.from(
-      { length: Math.ceil((end - start) / step) },
-      (_, i) => start + i * step
-    );
-  };
-  const hourStep = (_e = timeSteps.hour) != null ? _e : 1;
-  const amArr = generateHourArray(0, 12, hourStep);
-  const pmArr = generateHourArray(12, 24, hourStep);
-  const disabledAmPm = (disabledHours) => {
-    const containsAll = (arr) => arr.every((item) => disabledHours.includes(item));
-    const containsAllAmArr = containsAll(amArr);
-    const containsAllPmArr = containsAll(pmArr);
-    if (containsAllAmArr && containsAllPmArr)
-      return ["AM", "PM"];
-    if (containsAllAmArr)
-      return ["AM"];
-    if (containsAllPmArr)
-      return ["PM"];
-    return [];
-  };
-  if (!timeValue || isEqualMinDate && isEqualMaxDate) {
-    if (type === "meridiem") {
-      const disabledHours = [
-        .../* @__PURE__ */ new Set([...outOfMinHours, ...outOfMaxHours, ...disabledViewHours])
-      ];
-      return disabledAmPm(disabledHours);
-    }
-    return [
-      .../* @__PURE__ */ new Set([
-        ...disabledViewTime,
-        ...outOfMinRangeTime,
-        ...outOfMaxRangeTime
-      ])
-    ];
-  }
-  if (!isEqualMinDate && !isEqualMaxDate) {
-    if (type === "meridiem") {
-      const disabledHours = disabledViewHours;
-      return disabledAmPm(disabledHours);
-    }
-    return disabledViewTime;
-  }
-  if (isEqualMinDate) {
-    if (type === "meridiem") {
-      const disabledHours = [
-        .../* @__PURE__ */ new Set([...outOfMinHours, ...disabledViewHours])
-      ];
-      return disabledAmPm(disabledHours);
-    }
-    return [.../* @__PURE__ */ new Set([...disabledViewTime, ...outOfMinRangeTime])];
-  }
-  if (type === "meridiem") {
-    const disabledHours = [
-      .../* @__PURE__ */ new Set([...outOfMaxHours, ...disabledViewHours])
-    ];
-    return disabledAmPm(disabledHours);
-  }
-  return [.../* @__PURE__ */ new Set([...disabledViewTime, ...outOfMaxRangeTime])];
-};
-const calculateValidMinTime = (disabledTimeView, minTime) => {
-  var _a, _b, _c, _d, _e, _f;
-  const defaultTime = (0, import_dayjs.default)().set("hour", 0).set("minute", 0).set("second", 0);
-  let validTime = minTime || defaultTime;
-  const disabledHours = (_b = disabledTimeView == null ? void 0 : (_a = disabledTimeView()).hour) == null ? void 0 : _b.call(_a);
-  if (disabledHours.includes(validTime.hour())) {
-    const validHours = Array.from({ length: 24 }, (_, i) => i).filter(
-      (value) => !disabledHours.includes(value) && value > validTime.hour()
-    );
-    const minValue = Math.min(...validHours);
-    validTime = validTime.set("hour", minValue);
-  }
-  if (validTime.hour() > (minTime == null ? void 0 : minTime.hour())) {
-    validTime = validTime.set("minute", 0);
-    validTime = validTime.set("second", 0);
-  }
-  const disabledMinutes = (_d = disabledTimeView == null ? void 0 : (_c = disabledTimeView()).minute) == null ? void 0 : _d.call(_c, validTime.hour());
-  if (disabledMinutes.includes(validTime.minute())) {
-    const validMinutes = Array.from({ length: 60 }, (_, i) => i).filter(
-      (value) => {
-        if (validTime.hour() > (minTime == null ? void 0 : minTime.hour())) {
-          return !disabledMinutes.includes(value);
-        }
-        return !disabledMinutes.includes(value) && value > validTime.minute();
-      }
-    );
-    const minValue = Math.min(...validMinutes);
-    validTime = validTime.set("minute", minValue);
-  }
-  if (validTime.minute() > (minTime == null ? void 0 : minTime.minute())) {
-    validTime = validTime.set("second", 0);
-  }
-  const disabledSeconds = (_f = disabledTimeView == null ? void 0 : (_e = disabledTimeView()).second) == null ? void 0 : _f.call(
-    _e,
-    validTime.hour(),
-    validTime.minute()
-  );
-  if (disabledSeconds.includes(validTime.second())) {
-    const validSeconds = Array.from({ length: 60 }, (_, i) => i).filter(
-      (value) => {
-        if (validTime.hour() > (minTime == null ? void 0 : minTime.hour()) || validTime.minute() > (minTime == null ? void 0 : minTime.minute())) {
-          return !disabledSeconds.includes(value);
-        }
-        return !disabledMinutes.includes(value) && value > validTime.second();
-      }
-    );
-    const minValue = Math.min(...validSeconds);
-    validTime = validTime.set("second", minValue);
-  }
-  return validTime;
-};
-const dateToDayjs = (date) => {
-  if (!date)
-    return void 0;
-  return (0, import_dayjs.default)(date);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  calculateValidMinTime,
-  dateToDayjs,
-  getIsRangeDate,
-  getIsRangeTime,
-  getOutOfMaxRangeMinutes,
-  getOutOfMaxRangeSeconds,
-  getOutOfMinRangeMinutes,
-  getOutOfMinRangeSeconds,
-  getdisabledTime,
-  isDisabledTime,
-  isDisabledViewTime
-});

package/dist/ItemSelector/miniapp.css

@@ -1,4 +0,0 @@
-.bui-item-scroll-view-container {
-  height: 100%;
-  display: block;
-}

package/dist/NavBar/NavBar.css

@@ -1,61 +0,0 @@
-.bui-navbar {
-  --width: var(--bui-navbar-width, 100%);
-  --height: var(--bui-navbar-height, 45px);
-  --padding: var(--bui-navbar-padding, 0 8px);
-  --icon-size: var(--bui-navbar-icon-size, 24px);
-  --icon-font-size: var(--bui-navbar-icon-font-size, var(--bui-title-size-3));
-  --background-color: var(--bui-navbar-background-color, var(--bui-color-white));
-  --border-bottom: var(--bui-navbar-border-bottom, none);
-  --z-index: var(--bui-navbar-z-index, auto);
-  --title-max-width: var(--bui-navbar-title-max-width, 60%);
-  position: relative;
-  width: var(--width);
-  height: var(--height);
-  box-sizing: border-box;
-  padding: var(--padding);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: var(--background-color);
-  border-bottom: var(--border-bottom);
-  user-select: none;
-  z-index: var(--z-index);
-  font-family: var(--bui-font-family);
-}
-.bui-navbar-fixed {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-}
-.bui-navbar-title {
-  max-width: var(--title-max-width);
-  padding: var(--padding);
-  font-size: var(--bui-title-size-2);
-  width: auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.bui-navbar-left,
-.bui-navbar-right {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  font-size: var(--icon-font-size);
-}
-.bui-navbar-left {
-  justify-content: flex-start;
-  text-align: left;
-}
-.bui-navbar-right {
-  justify-content: flex-end;
-  text-align: right;
-  align-self: stretch;
-}
-.bui-navbar-icon {
-  font-size: var(--icon-size);
-}
-.bui-navbar-placeholder {
-  width: 100%;
-}

package/dist/Progress/Progress.css

@@ -1,24 +0,0 @@
-.bui-progress {
-  --fill-color: var(--bui-progress-fill-color, var(--bui-color-primary));
-  --trail-color: var(--bui-progress-trail-color, rgba(156, 156, 165, 0.2));
-  --stroke-width: var(--bui-progress-stroke-width, 8px);
-  --width: var(--bui-progress-width, 100%);
-  --border-radius: var(--bui-progress-border-radius, 100px);
-  width: var(--width);
-  font-family: var(--bui-font-family);
-}
-.bui-progress-inner {
-  position: relative;
-  display: inline-block;
-  width: var(--width);
-  overflow: hidden;
-  vertical-align: middle;
-  background-color: var(--trail-color);
-  border-radius: var(--border-radius);
-}
-.bui-progress-bg {
-  position: relative;
-  border-radius: var(--border-radius);
-  background-color: var(--fill-color);
-  height: var(--stroke-width);
-}

package/dist/Slider/Slider.css

@@ -1,106 +0,0 @@
-.bui-slider {
-  --line-color: var(--bui-slider-line-color, var(--bui-color-primary));
-  --line-bg-color: var(--bui-slider-line-bg-color, var(--bui-color-border-default));
-  --width: var(--bui-slider-width, 100%);
-  --height: var(--bui-slider-height, 2px);
-  --padding: var(--bui-slider-padding, 19px 0);
-  --button-width: var(--bui-slider-button-width, 26px);
-  --button-height: var(--bui-slider-button-height, 26px);
-  --button-font-size: var(--bui-slider-button-font-size, var(--bui-title-size-3));
-  --button-border-radius: var(--bui-slider-button-border-radius, 50%);
-  --tooltip-width: var(--bui-slider-tooltip-width, 46px);
-  --tooltip-height: var(--bui-slider-tooltip-height, 24px);
-  --tooltip-line-height: var(--bui-slider-tooltip-line-height, 24px);
-  --tooltip-border-radius: var(--bui-slider-tooltip-border-radius, 24px);
-  --tooltip-font-size: var(--bui-tooltip-font-size, var(--bui-text-size-3));
-  --tooltip-color: var(--bui-tooltip-color, var(--bui-color-white));
-  --tooltip-bg-color: var(--bui-tooltip-bg-color, var(--line-color));
-  position: relative;
-  width: var(--width);
-  height: var(--height);
-  padding: var(--padding);
-  box-sizing: border-box;
-  font-family: var(--bui-font-family);
-}
-.bui-slider-disabled {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.bui-slider-line {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  height: var(--height);
-  transform: translateY(-50%);
-  background-color: var(--line-color);
-}
-.bui-slider-rail {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100%;
-  height: var(--height);
-  transform: translateY(-50%);
-  background-color: var(--line-bg-color);
-}
-.bui-slider-button {
-  display: flex;
-  position: absolute;
-  justify-content: center;
-  align-items: center;
-  width: var(--button-width);
-  height: var(--button-height);
-  background-color: var(--bui-color-white);
-  box-shadow: #ddd 0 0 10px;
-  border-radius: var(--button-border-radius);
-  transform: translate(-50%, -50%);
-  font-size: var(--bui-title-size-3);
-  cursor: grab;
-}
-.bui-slider-button::after {
-  position: absolute;
-  content: "";
-  top: -10px;
-  bottom: -10px;
-  left: -10px;
-  right: -10px;
-}
-.bui-slider-button-0 {
-  left: 0%;
-  top: 50%;
-  z-index: var(--bui-z-index-affix);
-}
-.bui-slider-button-1 {
-  left: 0%;
-  top: 50%;
-  z-index: var(--bui-z-index-affix);
-}
-.bui-slider-tooltip {
-  position: absolute;
-  top: -14px;
-  width: var(--tooltip-width);
-  height: var(--tooltip-height);
-  line-height: var(--tooltip-line-height);
-  font-size: var(--tooltip-font-size);
-  border-radius: var(--tooltip-border-radius);
-  color: var(--tooltip-color);
-  text-align: center;
-  background-color: var(--tooltip-bg-color);
-  transform: translate(-50%, -50%);
-  z-index: var(--bui-z-index-popover);
-}
-.bui-slider-tooltip::after {
-  position: absolute;
-  bottom: -10px;
-  left: 0;
-  right: 0;
-  margin: 0 auto;
-  content: "";
-  width: 0;
-  height: 0;
-  border: 6px solid transparent;
-  border-top: 6px solid var(--tooltip-bg-color);
-}
-.bui-slider-tooltip-hidden {
-  display: none;
-}