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

package/es/Picker/Picker.js

@@ -1,171 +1,186 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "open", "title", "options", "value", "contentProps", "onConfirm", "onOptionChange", "onCancel", "onClose"];
-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); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import clsx from 'clsx';
-import React, { useEffect, useState } from 'react';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
+import clsx from "clsx";
+import React, { useEffect, useState } from "react";
 import Drawer from "../Drawer";
 import PickerPanel from "./PickerPanel";
 import { formatOptions, pickerPanelType } from "./utils";
 import "./Picker.css";
-var prefixCls = 'bui-picker';
-var Picker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    _props$open = props.open,
-    open = _props$open === void 0 ? false : _props$open,
-    title = props.title,
-    _props$options = props.options,
-    options = _props$options === void 0 ? [] : _props$options,
-    value = props.value,
-    contentProps = props.contentProps,
-    onConfirm = props.onConfirm,
-    onOptionChange = props.onOptionChange,
-    onCancel = props.onCancel,
-    onClose = props.onClose,
-    others = _objectWithoutProperties(props, _excluded);
-  var pickerType = pickerPanelType(options);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    columns = _useState2[0],
-    setColumns = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    internalValue = _useState4[0],
-    setInternalValue = _useState4[1];
-  useEffect(function () {
-    if (!open) return;
-
-    // 初始化默认选中数据
-    var formatted = formatOptions(value, options);
-    var initialValue = [];
-    (formatted || []).forEach(function (item) {
-      var _item$;
-      initialValue.push(item === null || item === void 0 || (_item$ = item[0]) === null || _item$ === void 0 ? void 0 : _item$.value);
+const prefixCls = "bui-picker";
+const Picker = React.forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    open = false,
+    title,
+    options = [],
+    value,
+    contentProps,
+    onConfirm,
+    onOptionChange,
+    onCancel,
+    onClose
+  } = _a, others = __objRest(_a, [
+    "className",
+    "open",
+    "title",
+    "options",
+    "value",
+    "contentProps",
+    "onConfirm",
+    "onOptionChange",
+    "onCancel",
+    "onClose"
+  ]);
+  const pickerType = pickerPanelType(options);
+  const [columns, setColumns] = useState([]);
+  const [internalValue, setInternalValue] = useState([]);
+  useEffect(() => {
+    if (!open)
+      return;
+    const formatted = formatOptions(value, options);
+    const initialValue = [];
+    (formatted || []).forEach((item) => {
+      var _a2;
+      initialValue.push((_a2 = item == null ? void 0 : item[0]) == null ? void 0 : _a2.value);
     });
-    var defaultValue = value !== null && value !== void 0 && value.length ? value : initialValue;
-    if (defaultValue !== null && defaultValue !== void 0 && defaultValue.length) {
+    const defaultValue = (value == null ? void 0 : value.length) ? value : initialValue;
+    if (defaultValue == null ? void 0 : defaultValue.length) {
       setInternalValue(defaultValue);
     }
   }, [open, value, options]);
-  useEffect(function () {
-    if (options !== null && options !== void 0 && options.length) {
-      var formatted = formatOptions(value, options);
+  useEffect(() => {
+    if (options == null ? void 0 : options.length) {
+      const formatted = formatOptions(value, options);
       setColumns(formatted);
     }
   }, [value, options]);
-  var confirm = function confirm(e) {
-    var payload = {
+  const confirm = (e) => {
+    const payload = {
       value: internalValue,
       options: columns
     };
-    onConfirm === null || onConfirm === void 0 || onConfirm(e, payload);
-    onClose === null || onClose === void 0 || onClose(e, _objectSpread({
-      from: 'confirm'
+    onConfirm == null ? void 0 : onConfirm(e, payload);
+    onClose == null ? void 0 : onClose(e, __spreadValues({
+      from: "confirm"
     }, payload));
   };
-  var cancel = function cancel(e) {
-    onCancel === null || onCancel === void 0 || onCancel(e);
-    onClose === null || onClose === void 0 || 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
     });
   };
-  var updateItem = function updateItem(e, columnOption, columnIndex) {
-    var columnValues = (internalValue === null || internalValue === void 0 ? void 0 : internalValue.slice(0, columnIndex)) || [];
-    var colIndex = columnIndex;
-    var colOption = columnOption;
+  const updateItem = (e, columnOption, 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') {
-        var _colOption3;
-        columnValues[colIndex] = colOption.value || '';
-        while ((_colOption = colOption) !== null && _colOption !== void 0 && (_colOption = _colOption.children) !== null && _colOption !== void 0 && _colOption[0]) {
-          var _colOption, _colOption2;
+      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 = _objectSpread({}, ((_colOption2 = colOption) === null || _colOption2 === void 0 || (_colOption2 = _colOption2.children) === null || _colOption2 === void 0 ? void 0 : _colOption2[0]) || {});
+          colOption = __spreadValues({}, ((_b = colOption == null ? void 0 : colOption.children) == null ? void 0 : _b[0]) || {});
         }
-        // 当前改变列的下一列 children 值为空
-        if ((_colOption3 = colOption) !== null && _colOption3 !== void 0 && (_colOption3 = _colOption3.children) !== null && _colOption3 !== void 0 && _colOption3.length) {
-          columnValues[columnIndex + 1] = '';
+        if ((_c = colOption == null ? void 0 : colOption.children) == null ? void 0 : _c.length) {
+          columnValues[columnIndex + 1] = "";
         }
-        var conbineValues = [].concat(_toConsumableArray((internalValue === null || internalValue === void 0 ? void 0 : internalValue.slice(0, columnIndex)) || []), _toConsumableArray(columnValues.slice(columnIndex)));
-        var formatted = formatOptions(conbineValues, options);
+        const conbineValues = [
+          ...(internalValue == null ? void 0 : internalValue.slice(0, columnIndex)) || [],
+          ...columnValues.slice(columnIndex)
+        ];
+        const formatted = formatOptions(conbineValues, options);
         setColumns(formatted);
         setInternalValue(conbineValues);
-        onOptionChange === null || onOptionChange === void 0 || onOptionChange(e, {
+        onOptionChange == null ? void 0 : onOptionChange(e, {
           value: conbineValues,
           options: formatted,
           currentOption: columnOption
         });
       } else {
-        var result = internalValue;
+        const result = internalValue;
         result[columnIndex] = columnOption.value;
         setInternalValue(result);
-        onOptionChange === null || onOptionChange === void 0 || onOptionChange(e, {
+        onOptionChange == null ? void 0 : onOptionChange(e, {
           value: result,
-          options: options,
+          options,
           currentOption: columnOption
         });
       }
     }
   };
-  var handleSelect = function handleSelect(e, _ref) {
-    var columnIndex = _ref.columnIndex,
-      columnOption = _ref.columnOption;
+  const handleSelect = (e, { columnIndex, columnOption }) => {
     updateItem(e, columnOption, columnIndex);
   };
-  var handleClose = function handleClose(e, data) {
-    onClose === null || onClose === void 0 || onClose(e, _objectSpread({
+  const handleClose = (e, data) => {
+    onClose == null ? void 0 : onClose(e, __spreadValues({
       value: internalValue,
       options: columns
     }, data));
   };
-  return /*#__PURE__*/React.createElement(Drawer, _extends({
-    ref: ref,
-    open: open,
-    className: clsx(prefixCls, className),
-    onClose: handleClose
-  }, others), /*#__PURE__*/React.createElement("div", _extends({}, contentProps, {
-    className: clsx("".concat(prefixCls, "-content"), contentProps === null || contentProps === void 0 ? void 0 : contentProps.className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-header")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-cancel"),
-    onClick: cancel
-  }, "\u53D6\u6D88"), title && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-title")
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-confirm"),
-    onClick: confirm
-  }, "\u786E\u8BA4")), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-container")
-  }, columns.map(function (column, index) {
-    return /*#__PURE__*/React.createElement(PickerPanel, {
-      key: index,
-      options: column,
-      columnIndex: index,
-      defaultValue: internalValue === null || internalValue === void 0 ? void 0 : internalValue[index],
-      onSelect: handleSelect
-    });
-  }))));
+  return /* @__PURE__ */ React.createElement(
+    Drawer,
+    __spreadValues({
+      ref,
+      open,
+      className: clsx(prefixCls, className),
+      onClose: handleClose
+    }, others),
+    /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadProps(__spreadValues({}, contentProps), {
+        className: clsx(`${prefixCls}-content`, contentProps == null ? void 0 : contentProps.className)
+      }),
+      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-cancel`, onClick: cancel }, "\u53D6\u6D88"), title && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-title` }, title), /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-confirm`, onClick: confirm }, "\u786E\u8BA4")),
+      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-container` }, columns.map((column, index) => /* @__PURE__ */ React.createElement(
+        PickerPanel,
+        {
+          key: index,
+          options: column,
+          columnIndex: index,
+          defaultValue: internalValue == null ? void 0 : internalValue[index],
+          onSelect: handleSelect
+        }
+      )))
+    )
+  );
 });
-Picker.displayName = 'BuiPicker';
-export default Picker;
+Picker.displayName = "BuiPicker";
+var Picker_default = Picker;
+export {
+  Picker_default as default
+};

package/es/Picker/Picker.types.js

@@ -1 +0,0 @@
-export {};

package/es/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/es/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;