@bifrostui/react 1.1.11-beta.0 → 1.1.11-beta.6

package/dist/Picker/Picker.js

@@ -1,22 +1,73 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 Picker_exports = {};
+__export(Picker_exports, {
+  default: () => Picker_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = _interopRequireWildcard(require("react"));
-var _Drawer = _interopRequireDefault(require("../Drawer"));
-var _PickerPanel = _interopRequireDefault(require("./PickerPanel"));
-var _utils = require("./utils");
-require("./Picker.css");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const prefixCls = 'bui-picker';
-const Picker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
+module.exports = __toCommonJS(Picker_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_Drawer = __toESM(require("../Drawer"));
+var import_PickerPanel = __toESM(require("./PickerPanel"));
+var import_utils = require("./utils");
+var import_Picker2 = require("./Picker.css");
+const prefixCls = "bui-picker";
+const Picker = import_react.default.forwardRef((props, ref) => {
+  const _a = props, {
     className,
     open = false,
     title,
@@ -26,75 +77,86 @@ const Picker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     onConfirm,
     onOptionChange,
     onCancel,
-    onClose,
-    ...others
-  } = props;
-  const pickerType = (0, _utils.pickerPanelType)(options);
-  const [columns, setColumns] = (0, _react.useState)([]);
-  const [internalValue, setInternalValue] = (0, _react.useState)([]);
-  (0, _react.useEffect)(() => {
-    if (!open) return;
-
-    // 初始化默认选中数据
-    const formatted = (0, _utils.formatOptions)(value, options);
+    onClose
+  } = _a, others = __objRest(_a, [
+    "className",
+    "open",
+    "title",
+    "options",
+    "value",
+    "contentProps",
+    "onConfirm",
+    "onOptionChange",
+    "onCancel",
+    "onClose"
+  ]);
+  const pickerType = (0, import_utils.pickerPanelType)(options);
+  const [columns, setColumns] = (0, import_react.useState)([]);
+  const [internalValue, setInternalValue] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
+    if (!open)
+      return;
+    const formatted = (0, import_utils.formatOptions)(value, options);
     const initialValue = [];
-    (formatted || []).forEach(item => {
-      initialValue.push(item?.[0]?.value);
+    (formatted || []).forEach((item) => {
+      var _a2;
+      initialValue.push((_a2 = item == null ? void 0 : item[0]) == null ? void 0 : _a2.value);
     });
-    const defaultValue = value?.length ? value : initialValue;
-    if (defaultValue?.length) {
+    const defaultValue = (value == null ? void 0 : value.length) ? value : initialValue;
+    if (defaultValue == null ? void 0 : defaultValue.length) {
       setInternalValue(defaultValue);
     }
   }, [open, value, options]);
-  (0, _react.useEffect)(() => {
-    if (options?.length) {
-      const formatted = (0, _utils.formatOptions)(value, options);
+  (0, import_react.useEffect)(() => {
+    if (options == null ? void 0 : options.length) {
+      const formatted = (0, import_utils.formatOptions)(value, options);
       setColumns(formatted);
     }
   }, [value, options]);
-  const confirm = e => {
+  const confirm = (e) => {
     const payload = {
       value: internalValue,
       options: columns
     };
-    onConfirm?.(e, payload);
-    onClose?.(e, {
-      from: 'confirm',
-      ...payload
-    });
+    onConfirm == null ? void 0 : onConfirm(e, payload);
+    onClose == null ? void 0 : onClose(e, __spreadValues({
+      from: "confirm"
+    }, payload));
   };
-  const cancel = e => {
-    onCancel?.(e);
-    onClose?.(e, {
-      from: 'cancel',
+  const cancel = (e) => {
+    onCancel == null ? void 0 : onCancel(e);
+    onClose == null ? void 0 : onClose(e, {
+      from: "cancel",
       value: internalValue,
       options: columns
     });
   };
   const updateItem = (e, columnOption, columnIndex) => {
-    const columnValues = internalValue?.slice(0, columnIndex) || [];
+    var _a2, _b, _c;
+    const columnValues = (internalValue == null ? void 0 : internalValue.slice(0, columnIndex)) || [];
     let colIndex = columnIndex;
     let colOption = columnOption;
     if (colOption && Object.keys(colOption).length) {
-      if (columnValues[columnIndex] === columnOption.value) return;
-      if (pickerType === 'cascade') {
-        columnValues[colIndex] = colOption.value || '';
-        while (colOption?.children?.[0]) {
+      if (columnValues[columnIndex] === columnOption.value)
+        return;
+      if (pickerType === "cascade") {
+        columnValues[colIndex] = colOption.value || "";
+        while ((_a2 = colOption == null ? void 0 : colOption.children) == null ? void 0 : _a2[0]) {
           columnValues[colIndex + 1] = colOption.children[0].value;
           colIndex += 1;
-          colOption = {
-            ...(colOption?.children?.[0] || {})
-          };
+          colOption = __spreadValues({}, ((_b = colOption == null ? void 0 : colOption.children) == null ? void 0 : _b[0]) || {});
         }
-        // 当前改变列的下一列 children 值为空
-        if (colOption?.children?.length) {
-          columnValues[columnIndex + 1] = '';
+        if ((_c = colOption == null ? void 0 : colOption.children) == null ? void 0 : _c.length) {
+          columnValues[columnIndex + 1] = "";
         }
-        const conbineValues = [...(internalValue?.slice(0, columnIndex) || []), ...columnValues.slice(columnIndex)];
-        const formatted = (0, _utils.formatOptions)(conbineValues, options);
+        const conbineValues = [
+          ...(internalValue == null ? void 0 : internalValue.slice(0, columnIndex)) || [],
+          ...columnValues.slice(columnIndex)
+        ];
+        const formatted = (0, import_utils.formatOptions)(conbineValues, options);
         setColumns(formatted);
         setInternalValue(conbineValues);
-        onOptionChange?.(e, {
+        onOptionChange == null ? void 0 : onOptionChange(e, {
           value: conbineValues,
           options: formatted,
           currentOption: columnOption
@@ -103,7 +165,7 @@ const Picker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         const result = internalValue;
         result[columnIndex] = columnOption.value;
         setInternalValue(result);
-        onOptionChange?.(e, {
+        onOptionChange == null ? void 0 : onOptionChange(e, {
           value: result,
           options,
           currentOption: columnOption
@@ -111,45 +173,41 @@ const Picker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       }
     }
   };
-  const handleSelect = (e, {
-    columnIndex,
-    columnOption
-  }) => {
+  const handleSelect = (e, { columnIndex, columnOption }) => {
     updateItem(e, columnOption, columnIndex);
   };
   const handleClose = (e, data) => {
-    onClose?.(e, {
+    onClose == null ? void 0 : onClose(e, __spreadValues({
       value: internalValue,
-      options: columns,
-      ...data
-    });
+      options: columns
+    }, data));
   };
-  return /*#__PURE__*/_react.default.createElement(_Drawer.default, _extends({
-    ref: ref,
-    open: open,
-    className: (0, _clsx.default)(prefixCls, className),
-    onClose: handleClose
-  }, others), /*#__PURE__*/_react.default.createElement("div", _extends({}, contentProps, {
-    className: (0, _clsx.default)(`${prefixCls}-content`, contentProps?.className)
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-header`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-cancel`,
-    onClick: cancel
-  }, "\u53D6\u6D88"), title && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-title`
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-confirm`,
-    onClick: confirm
-  }, "\u786E\u8BA4")), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-container`
-  }, columns.map((column, index) => /*#__PURE__*/_react.default.createElement(_PickerPanel.default, {
-    key: index,
-    options: column,
-    columnIndex: index,
-    defaultValue: internalValue?.[index],
-    onSelect: handleSelect
-  })))));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Drawer.default,
+    __spreadValues({
+      ref,
+      open,
+      className: (0, import_clsx.default)(prefixCls, className),
+      onClose: handleClose
+    }, others),
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      __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 }, "\u53D6\u6D88"), title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-confirm`, onClick: confirm }, "\u786E\u8BA4")),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, columns.map((column, index) => /* @__PURE__ */ import_react.default.createElement(
+        import_PickerPanel.default,
+        {
+          key: index,
+          options: column,
+          columnIndex: index,
+          defaultValue: internalValue == null ? void 0 : internalValue[index],
+          onSelect: handleSelect
+        }
+      )))
+    )
+  );
 });
-Picker.displayName = 'BuiPicker';
-var _default = exports.default = Picker;
+Picker.displayName = "BuiPicker";
+var Picker_default = Picker;

package/dist/Picker/Picker.types.js

@@ -1,5 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Picker_types_exports = {};
+module.exports = __toCommonJS(Picker_types_exports);

package/dist/Picker/PickerPanel.css

@@ -18,7 +18,15 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background-image: linear-gradient(180deg, var(--bui-color-bg-view-opacity-9), var(--bui-color-bg-view-opacity-4)), linear-gradient(0deg, var(--bui-color-bg-view-opacity-9), var(--bui-color-bg-view-opacity-4));
+  background-image:
+    linear-gradient(
+      180deg,
+      var(--bui-color-bg-view-opacity-9),
+      var(--bui-color-bg-view-opacity-4)),
+    linear-gradient(
+      0deg,
+      var(--bui-color-bg-view-opacity-9),
+      var(--bui-color-bg-view-opacity-4));
   background-position: top, bottom;
   background-size: 100% var(--indicator-top);
   background-repeat: no-repeat;

package/dist/Picker/PickerPanel.d.ts

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