@qsxy/element-plus-react 1.0.0-next.7 → 1.0.1

package/dist/Popper/popperOptions.js

@@ -1,106 +1,143 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Popper/popperOptions.ts
-var popperOptions_exports = {};
-__export(popperOptions_exports, {
-  buildModifier: () => buildModifier,
-  default: () => usePopperOptions
-});
-module.exports = __toCommonJS(popperOptions_exports);
-var import_react = require("react");
-function usePopperOptions(props, arrowElement) {
-  return (0, import_react.useMemo)(() => {
-    var _a;
-    return {
-      placement: props.placement,
-      ...props.popperOptions,
+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); }
+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 _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 _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 _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 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); }
+import fromPairs from 'lodash/fromPairs';
+import { useMemo } from 'react';
+export default function usePopperOptions(props, arrowElement) {
+  return useMemo(function () {
+    var _props$popperOptions;
+    return _objectSpread(_objectSpread({
+      placement: props.placement
+    }, props.popperOptions), {}, {
       // Avoiding overriding modifiers.
-      modifiers: buildModifier(
-        {
-          arrow: arrowElement,
-          arrowOffset: props.arrowOffset,
-          offset: props.offset,
-          gpuAcceleration: props.gpuAcceleration,
-          placement: props.placement
-        },
-        (_a = props.popperOptions) == null ? void 0 : _a.modifiers
-      )
-    };
-  }, [arrowElement, props.arrowOffset, props.gpuAcceleration, props.offset, props.placement, props.popperOptions]);
+      modifiers: buildModifier({
+        arrow: arrowElement,
+        arrowOffset: props.arrowOffset,
+        offset: props.offset,
+        gpuAcceleration: props.gpuAcceleration,
+        placement: props.placement,
+        fallbackPlacements: props.fallbackPlacements
+      }, (_props$popperOptions = props.popperOptions) === null || _props$popperOptions === void 0 ? void 0 : _props$popperOptions.modifiers)
+    });
+  }, [arrowElement, props.arrowOffset, props.fallbackPlacements, props.gpuAcceleration, props.offset, props.placement, props.popperOptions]);
 }
-function buildModifier(props, externalModifiers = []) {
-  const { arrow, arrowOffset, offset, gpuAcceleration, placement } = props;
-  const modifiers = [
-    {
-      name: "offset",
-      options: {
-        offset: [0, offset ?? 10]
-      }
+function deriveState(state) {
+  var elements = Object.keys(state.elements);
+  var styles = fromPairs(elements.map(function (element) {
+    return [element, state.styles[element] || {}];
+  }));
+  var attributes = fromPairs(elements.map(function (element) {
+    return [element, state.attributes[element]];
+  }));
+  return {
+    styles: styles,
+    attributes: attributes
+  };
+}
+var states = {
+  styles: {
+    popper: {
+      position: 'absolute',
+      left: '0',
+      top: '0'
     },
-    {
-      name: "preventOverflow",
-      options: {
-        padding: {
-          top: 2,
-          bottom: 2,
-          left: 5,
-          right: 5
-        }
+    arrow: {
+      position: 'absolute'
+    }
+  },
+  attributes: {}
+};
+export function buildModifier(props) {
+  var externalModifiers = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var arrow = props.arrow,
+    arrowOffset = props.arrowOffset,
+    offset = props.offset,
+    gpuAcceleration = props.gpuAcceleration,
+    placement = props.placement,
+    fallbackPlacements = props.fallbackPlacements;
+  var modifiers = [{
+    name: 'offset',
+    options: {
+      offset: [0, offset !== null && offset !== void 0 ? offset : 10]
+    }
+  }, {
+    name: 'preventOverflow',
+    options: {
+      padding: {
+        top: 2,
+        bottom: 2,
+        left: 5,
+        right: 5
       }
+    }
+  }, {
+    name: 'updateState',
+    enabled: true,
+    phase: 'write',
+    fn: function fn(_ref) {
+      var state = _ref.state;
+      var derivedState = deriveState(state);
+      Object.assign(states, derivedState);
     },
-    {
-      name: "flip",
-      options: {
-        padding: 5,
-        fallbackPlacements: (() => {
-          if (placement === "bottom-start") {
-            return ["bottom", "top-start", "right", "left"];
+    requires: ['computeStyles']
+  }, {
+    name: 'flip',
+    options: {
+      padding: 5,
+      fallbackPlacements: function () {
+        if (fallbackPlacements) {
+          if (typeof fallbackPlacements === 'function') {
+            return fallbackPlacements(placement);
           }
-          return ["bottom", "top", "right", "left"];
-        })()
-      }
-    },
-    {
-      name: "computeStyles",
-      options: {
-        gpuAcceleration,
-        adaptive: gpuAcceleration
-      }
-    },
-    { name: "eventListeners", enabled: true, options: { scroll: true, resize: true } }
-    // tippyModifier,
+          return fallbackPlacements;
+        } else {
+          if (placement === 'bottom-start') {
+            return ['bottom', 'top-start', 'right', 'left'];
+          }
+          return ['bottom', 'top', 'right', 'left'];
+        }
+      }()
+    }
+  }, {
+    name: 'computeStyles',
+    options: {
+      gpuAcceleration: gpuAcceleration,
+      adaptive: gpuAcceleration
+    }
+  },
+  // { name: 'applyStyles', enabled: false },
+  {
+    name: 'eventListeners',
+    enabled: true,
+    options: {
+      scroll: false,
+      resize: true
+    }
+  }
+  // tippyModifier,
   ];
   if (arrow) {
     modifiers.push({
-      name: "arrow",
+      name: 'arrow',
       options: {
         element: arrow,
         // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px
         // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.
-        padding: arrowOffset ?? 10
+        padding: arrowOffset !== null && arrowOffset !== void 0 ? arrowOffset : 10
       }
     });
   }
-  modifiers.push(...externalModifiers);
+
+  // @ts-ignore
+  modifiers.push.apply(modifiers, _toConsumableArray(externalModifiers));
   return modifiers;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  buildModifier
-});
+}

package/dist/Popper/typings.d.ts

@@ -31,6 +31,7 @@ export type PopperOptions = {
     popperStyle?: React.CSSProperties;
     effect?: 'light' | 'dark' | string;
     popperOptions?: Options;
+    fallbackPlacements?: Placement[] | ((placement?: Placement) => Placement[]);
 };
 export type PopperProps = {
     visible: boolean;

package/dist/Popper/typings.js

@@ -1,17 +1 @@
-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);
-
-// src/Popper/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};