@bifrostui/react 2.0.0-beta.10 → 2.0.0-beta.11

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/Dialog.types.d.ts

@@ -44,6 +44,11 @@ export interface DialogProps extends ModalProps {
      * theme 主题定制
      */
     theme?: ThemeProps;
+    /**
+     * 渲染Dialog的根容器
+     * @default document.body
+     */
+    container?: HTMLElement | (() => HTMLElement);
     /**
      * 确认回调
      */

package/dist/Dialog/FunctionalDialog.js

@@ -91,10 +91,21 @@ const formatProps = (props) => {
 };
 const DialogGenerator = (options) => {
   const rootWrapper = document.createElement("div");
-  const rootElement = (0, import_utils.getRootElement)();
+  const rootElement = (0, import_utils.getRootContainer)(options == null ? void 0 : options.container);
   rootElement.appendChild(rootWrapper);
   const DialogComponent = () => {
-    const _a = options, { onConfirm, onCancel, ref } = _a, others = __objRest(_a, ["onConfirm", "onCancel", "ref"]);
+    const _a = options, {
+      onConfirm,
+      onCancel,
+      ref,
+      container: container
+    } = _a, others = __objRest(_a, [
+      "onConfirm",
+      "onCancel",
+      "ref",
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      "container"
+    ]);
     const [visible, setVisible] = (0, import_react.useState)(false);
     const close = (0, import_react.useCallback)(() => {
       setVisible(false);

package/dist/Input/Input.css

@@ -31,8 +31,6 @@
 .bui-input-input {
   flex: 1;
   min-width: 0;
-  display: flex;
-  align-items: center;
   padding: 0;
   height: 100%;
   color: var(--bui-color-fg-default);

package/dist/Modal/Modal.miniapp.d.ts

@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     keepMounted?: boolean;
 } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "open" | keyof import("@bifrostui/types").ICommonProps | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/Picker/Picker.css

@@ -8,6 +8,7 @@
   --panel-container-height: var(--bui-picker-panel-height, 260px);
   --indicator-top: var(--bui-picker-indicator-top, 108px);
   --option-height: var(--bui-picker-option-height, 36px);
+  --bui-picker-confirm-disabled-opacity: 0.38;
   font-family: var(--bui-font-family);
 }
 .bui-picker .bui-drawer-content {
@@ -41,6 +42,10 @@
   line-height: var(--confirm-line-height);
   color: var(--bui-color-primary);
 }
+.bui-picker-confirm-disabled {
+  color: var(--bui-color-fg-default);
+  opacity: var(--bui-picker-confirm-disabled-opacity);
+}
 .bui-picker-container {
   width: 100%;
   height: var(--panel-container-height);

package/dist/Picker/Picker.js

@@ -67,6 +67,12 @@ var import_locales = require("../locales");
 var import_utils = require("./utils");
 var import_Picker2 = require("./Picker.css");
 const prefixCls = "bui-picker";
+const checkDisabled = (values, columns) => values.find(
+  (value, index) => {
+    var _a, _b;
+    return (_b = (_a = columns == null ? void 0 : columns[index]) == null ? void 0 : _a.find((column) => (column == null ? void 0 : column.value) === value)) == null ? void 0 : _b.disabled;
+  }
+);
 const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, {
     className,
@@ -74,6 +80,8 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     title,
     options = [],
     value,
+    confirmText: propConfirmText,
+    cancelText: propCancelText,
     contentProps,
     onConfirm,
     onOptionChange,
@@ -85,6 +93,8 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     "title",
     "options",
     "value",
+    "confirmText",
+    "cancelText",
     "contentProps",
     "onConfirm",
     "onOptionChange",
@@ -96,6 +106,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const [columns, setColumns] = (0, import_react.useState)([]);
   const [internalValue, setInternalValue] = (0, import_react.useState)([]);
   const { cancel: cancelText, confirm: confirmText } = (0, import_locales.useLocaleText)("picker");
+  const disabled = checkDisabled(internalValue, columns);
   (0, import_react.useEffect)(() => {
     if (!open)
       return;
@@ -118,7 +129,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   }, [value, options]);
   const confirm = (e) => {
     const isMoving = rollerRefs.current.some((roller) => roller == null ? void 0 : roller.isMoving);
-    if (isMoving)
+    if (isMoving || disabled)
       return;
     const { safeValue } = (0, import_utils.safeData)({
       value: internalValue,
@@ -177,7 +188,8 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         onOptionChange == null ? void 0 : onOptionChange(e, {
           value: conbineValues,
           options: formatted,
-          currentOption: columnOption
+          currentOption: columnOption,
+          columnIndex
         });
       } else {
         const result = [...internalValue];
@@ -186,7 +198,8 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         onOptionChange == null ? void 0 : onOptionChange(e, {
           value: result,
           options,
-          currentOption: columnOption
+          currentOption: columnOption,
+          columnIndex
         });
       }
     }
@@ -228,7 +241,16 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       __spreadProps(__spreadValues({}, contentProps), {
         className: (0, import_clsx.default)(`${prefixCls}-content`, contentProps == null ? void 0 : contentProps.className)
       }),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-cancel`, onClick: cancel }, cancelText), title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-confirm`, onClick: confirm }, confirmText)),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-cancel`, onClick: cancel }, propCancelText || cancelText), title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, title), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_clsx.default)(`${prefixCls}-confirm`, {
+            [`${prefixCls}-confirm-disabled`]: disabled
+          }),
+          onClick: confirm
+        },
+        propConfirmText || confirmText
+      )),
       /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, columns.map((column, index) => /* @__PURE__ */ import_react.default.createElement(
         import_PickerPanel.default,
         {
@@ -236,7 +258,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
           key: index,
           options: column,
           columnIndex: index,
-          defaultValue: internalValue == null ? void 0 : internalValue[index],
+          value: internalValue == null ? void 0 : internalValue[index],
           onSelect: handleSelect,
           pickerStyle: others == null ? void 0 : others.style
         }

package/dist/Picker/Picker.types.d.ts

@@ -10,6 +10,10 @@ export interface IPickerOptionItem {
      * 选项对应唯一的值
      */
     value: string | number;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
 }
 export type ICascadePickerChildOptionItem = IPickerOptionItem & {
     /**
@@ -34,6 +38,14 @@ export type PickerProps<D extends React.ElementType = 'div', P = DrawerProps> =
          * 标题
          */
         title?: string;
+        /**
+         * 确认文本内容
+         */
+        confirmText?: string;
+        /**
+         * 取消文本内容
+         */
+        cancelText?: string;
         /**
          * 列表数据
          * @default []
@@ -61,6 +73,7 @@ export type PickerProps<D extends React.ElementType = 'div', P = DrawerProps> =
             value: (string | number)[];
             options: ICascadePickerChildOptionItem[][];
             currentOption: ICascadePickerChildOptionItem;
+            columnIndex: number;
         }) => void;
         /**
          * 点击取消按钮时候回调
@@ -85,9 +98,9 @@ export type PickerPanelProps<D extends React.ElementType = 'div', P = {}> = Over
          */
         options?: ICascadePickerChildOptionItem[];
         /**
-         * 默认值
+         * 选中值
          */
-        defaultValue?: string | number;
+        value?: string | number;
         /**
          * 列索引
          */

package/dist/Picker/PickerPanel.css

@@ -1,4 +1,5 @@
 .bui-picker-panel {
+  --bui-picker-option-disabled-opacity: 0.38;
   flex: 1;
   flex-shrink: 0;
   position: relative;
@@ -56,6 +57,9 @@
   white-space: nowrap;
   width: 100%;
 }
+.bui-picker-panel-option-disabled {
+  opacity: var(--bui-picker-option-disabled-opacity);
+}
 .bui-picker-panel-option-hidden {
   visibility: hidden;
   opacity: 0;

package/dist/Picker/PickerPanel.js

@@ -66,13 +66,13 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
     var _b;
     const _a = props, {
       options = [],
-      defaultValue,
+      value,
       onSelect,
       columnIndex,
       pickerStyle
     } = _a, others = __objRest(_a, [
       "options",
-      "defaultValue",
+      "value",
       "onSelect",
       "columnIndex",
       "pickerStyle"
@@ -102,9 +102,9 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
     (0, import_utils.useTouchEmulator)(PickerPanelRef.current);
     const updateSelect = () => {
       let index = -1;
-      if (defaultValue) {
+      if (value) {
         options.some((item, idx) => {
-          if (item.value === defaultValue) {
+          if (item.value === value) {
             index = idx;
             return true;
           }
@@ -122,7 +122,7 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
       return () => {
         clearTimeout(timer);
       };
-    }, [options]);
+    }, [options, value]);
     const setTransform = (type, deg, time = DEFAULT_DURATION, translateY = 0) => {
       let nTime = time;
       if (type !== TOUCH_END) {
@@ -255,7 +255,8 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
           "div",
           {
             className: (0, import_clsx.default)(`${prefixCls}-option`, {
-              [`${prefixCls}-option-hidden`]: i + 1 <= currIndex - 8 || i + 1 >= currIndex + 8
+              [`${prefixCls}-option-hidden`]: i + 1 <= currIndex - 8 || i + 1 >= currIndex + 8,
+              [`${prefixCls}-option-disabled`]: item == null ? void 0 : item.disabled
             }),
             key: `${item == null ? void 0 : item.value}-${i}`,
             style: {