@bifrostui/react 1.4.5 → 1.4.7-beta.0

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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,408 @@
+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/Dialog/FunctionalDialog.js

@@ -91,7 +91,7 @@ const formatProps = (props) => {
 };
 const DialogGenerator = (options) => {
   const rootWrapper = document.createElement("div");
-  const rootElement = (0, import_utils.getRootElement)();
+  const rootElement = (0, import_utils.getRootContainer)();
   rootElement.appendChild(rootWrapper);
   const DialogComponent = () => {
     const _a = options, { onConfirm, onCancel, ref } = _a, others = __objRest(_a, ["onConfirm", "onCancel", "ref"]);

package/dist/ItemSelector/ItemSelector.css

@@ -0,0 +1,120 @@
+:root,
+page,
+xhs-page {
+  --bui-item-selector-item-width: 111px;
+  --bui-item-selector-item-height: 36px;
+  --bui-item-selector-item-border-radius: 20px;
+  --bui-item-selector-item-margin: 4.5px 0 4.5px 9px;
+  --bui-item-selector-title-height: 45px;
+  --bui-item-selector-title-line-height: 45px;
+  --bui-item-selector-btn-close-size: 45px;
+  --bui-item-selector-btn-close-font-size: 20px;
+  --bui-item-selector-container-with-title-height: calc(100% - var(--bui-item-selector-title-height));
+  --bui-item-selector-item-container-min-height: 500px;
+  --bui-item-selector-select-item-buttons-padding: 7.5px 0 0 3px;
+  --bui-item-selector-select-item-title-line-height: 15px;
+  --bui-item-selector-list-item-height: 45px;
+  --bui-item-selector-item-index-has-title-top: calc(50% + var(--bui-item-selector-title-height) / 2);
+  --bui-item-selector-index-item-height: 20px;
+}
+.bui-item-selector {
+  font-family: var(--bui-font-family);
+  height: 100%;
+  position: relative;
+}
+.bui-item-selector-title {
+  width: 100%;
+  height: var(--bui-item-selector-title-height);
+  color: var(--bui-color-fg-default);
+  font-size: var(--bui-title-size-3);
+  line-height: var(--bui-item-selector-title-line-height);
+  text-align: center;
+  position: sticky;
+  top: 0;
+  z-index: 1004;
+  border-bottom: solid 1px var(--bui-color-border-default);
+  background-color: var(--bui-color-bg-view);
+}
+.bui-item-selector-btn-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: var(--bui-item-selector-btn-close-size);
+  height: var(--bui-item-selector-btn-close-size);
+  color: var(--bui-color-fg-muted);
+  text-align: center;
+  font-size: var(--bui-item-selector-btn-close-font-size);
+}
+.bui-item-selector-scroll-view-container {
+  height: 100%;
+}
+.bui-item-selector-scroll-view-container.container-has-title {
+  height: var(--bui-item-selector-container-with-title-height);
+}
+.bui-item-selector-all-item {
+  min-height: var(--bui-item-selector-item-container-min-height);
+  font-size: var(--bui-text-size-2);
+  width: 100%;
+  background: var(--bui-color-bg-view);
+  align-self: flex-start;
+}
+.bui-item-selector-all-item .select-item-buttons {
+  display: flex;
+  flex-flow: wrap;
+  padding: var(--bui-item-selector-select-item-buttons-padding);
+}
+.bui-item-selector-all-item .select-item-title {
+  font-size: var(--bui-title-size-4);
+  line-height: var(--bui-item-selector-select-item-title-line-height);
+  font-weight: var(--bui-font-weight-bold);
+  padding-left: var(--bui-spacing-lg);
+  padding-top: var(--bui-spacing-md);
+}
+.bui-item-selector-list {
+  padding-left: var(--bui-spacing-lg);
+  list-style-type: none;
+}
+.bui-item-selector-list-item {
+  height: var(--bui-item-selector-list-item-height);
+  font-size: var(--bui-title-size-4);
+  display: flex;
+  align-items: center;
+}
+.bui-item-selector-list-item:not(:last-child) {
+  border-bottom: 0.5px solid var(--bui-color-border-default);
+}
+.bui-item-selector-index-container {
+  z-index: 1001;
+  position: absolute;
+  white-space: nowrap;
+  right: 0;
+  top: 50%;
+  width: 40px;
+  will-change: transform;
+  transform: translate(0, -50%);
+  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
+}
+.bui-item-selector-index-container.left-in {
+  opacity: 1;
+  transform: translate(0, -50%);
+}
+.bui-item-selector-index-container.item-index-has-title {
+  top: var(--bui-item-selector-item-index-has-title-top);
+}
+.bui-item-selector-index-container ul {
+  margin: 0;
+  padding: 0;
+  float: left;
+  width: 100%;
+  touch-action: none;
+}
+.bui-item-selector-index-container li {
+  list-style: none;
+  height: var(--bui-item-selector-index-item-height);
+  text-align: center;
+  font-size: var(--bui-text-size-3);
+  color: var(--bui-color-info, --bui-color-info);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/dist/ItemSelector/ItemSelector.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ItemSelectorProps } from './ItemSelector.types';
+declare const ItemSelector: React.ForwardRefExoticComponent<Omit<ItemSelectorProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ItemSelector;

package/dist/ItemSelector/ItemSelector.js

@@ -0,0 +1,84 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 ItemSelector_exports = {};
+__export(ItemSelector_exports, {
+  default: () => ItemSelector_default
+});
+module.exports = __toCommonJS(ItemSelector_exports);
+var import_react = __toESM(require("react"));
+var import_ItemSelectorCore = __toESM(require("./ItemSelectorCore"));
+const ItemSelector = /* @__PURE__ */ import_react.default.forwardRef(
+  (props, ref) => {
+    const { items } = props;
+    const [height, setHeight] = (0, import_react.useState)("");
+    const touchHandler = (e, scrollToCode) => {
+      var _a;
+      const t = document.elementFromPoint(
+        e.changedTouches[0].clientX,
+        e.changedTouches[0].clientY
+      );
+      const code = (_a = t == null ? void 0 : t.dataset) == null ? void 0 : _a.code;
+      scrollToCode(code);
+    };
+    (0, import_react.useEffect)(() => {
+      var _a;
+      if (!(items == null ? void 0 : items.length) || height)
+        return;
+      const screenHeight = window.innerHeight || document.documentElement.clientHeight;
+      const domHeight = (_a = document.querySelector(".bui-item-selector-scroll-view-container")) == null ? void 0 : _a.getBoundingClientRect().height;
+      setHeight(`${domHeight / screenHeight * 100}vh`);
+    }, [items]);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_ItemSelectorCore.default,
+      __spreadProps(__spreadValues({}, props), {
+        ref,
+        touchHandler,
+        height
+      })
+    );
+  }
+);
+ItemSelector.displayName = "BuiItemSelector";
+var ItemSelector_default = ItemSelector;

package/dist/ItemSelector/ItemSelector.miniapp.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ItemSelectorProps } from './ItemSelector.types';
+import './miniapp.less';
+declare const ItemSelector: React.ForwardRefExoticComponent<Omit<ItemSelectorProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ItemSelector;