@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.22

package/dist/Popper/Popper.js

@@ -1,165 +1,193 @@
-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);
-
-// src/Popper/Popper.tsx
-var Popper_exports = {};
-__export(Popper_exports, {
-  default: () => Popper_default
-});
-module.exports = __toCommonJS(Popper_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_startsWith = __toESM(require("lodash/startsWith"));
-var import_react = __toESM(require("react"));
-var import_react_dom = require("react-dom");
-var import_react_popper = require("react-popper");
-var import_Transition = require("../Transition");
-var import_Util = require("../Util");
-var import_PopupManager = __toESM(require("../Util/PopupManager"));
-var import_hooks = require("../hooks");
-var import_prefix = require("../hooks/prefix");
-var import_popperOptions = __toESM(require("./popperOptions"));
-var Popper = (0, import_react.forwardRef)((props, ref) => {
-  var _a;
-  props = (0, import_Util.mergeDefaultProps)(
-    {
-      arrowOffset: 5,
-      appendToBody: true,
-      offset: 10,
-      placement: "bottom",
-      popperClass: "",
-      showArrow: true,
-      gpuAcceleration: false,
-      strategy: "absolute"
-    },
-    props
-  );
-  const {
-    id = (0, import_Util.randomCode)(5),
-    visible,
-    onDestroy,
-    referenceElement,
-    children,
-    appendToBody,
-    appendTo = document.body,
-    className,
-    popperClass,
-    showArrow,
-    popperStyle,
-    popperInstRef,
-    onMouseEnter,
-    onMouseLeave,
-    effect = "light",
-    ...rest
-  } = props;
-  const [transitionProps] = (0, import_hooks.partitionAnimationProps)(rest);
-  const { b, e, is } = (0, import_hooks.useClassNames)("popper");
-  const [popperElement, setPopperElement] = (0, import_react.useState)(null);
-  const [arrowElement, setArrowElement] = (0, import_react.useState)(null);
-  const popperOptions = (0, import_popperOptions.default)(props, arrowElement);
-  const reference = (0, import_react.useMemo)(() => (referenceElement instanceof Function ? referenceElement() : referenceElement) ?? { current: null }, [referenceElement]);
-  const popperInstance = (0, import_react_popper.usePopper)(reference == null ? void 0 : reference.current, popperElement, popperOptions);
-  const { styles, attributes, update } = popperInstance;
-  const animation = (0, import_react.useMemo)(() => {
-    var _a2, _b, _c, _d;
-    if ((0, import_startsWith.default)(((_a2 = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _a2.placement) || (props == null ? void 0 : props.placement), "top")) {
-      return `${import_prefix.globalKey}-slide-down`;
-    } else if ((0, import_startsWith.default)(((_b = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _b.placement) || (props == null ? void 0 : props.placement), "bottom")) {
-      return `${import_prefix.globalKey}-slide-up`;
-    } else if ((0, import_startsWith.default)(((_c = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _c.placement) || (props == null ? void 0 : props.placement), "left")) {
-      return `${import_prefix.globalKey}-slide-right`;
-    } else if ((0, import_startsWith.default)(((_d = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _d.placement) || (props == null ? void 0 : props.placement), "right")) {
-      return `${import_prefix.globalKey}-slide-left`;
+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 _templateObject;
+var _excluded = ["visible", "onDestroy", "referenceElement", "children", "appendToBody", "appendTo", "className", "popperClass", "showArrow", "popperStyle", "popperInstRef", "onMouseEnter", "onMouseLeave", "effect"];
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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 classNames from 'classnames';
+import startsWith from 'lodash/startsWith';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { usePopper } from 'react-popper';
+import Transition from "../Transition/Transition";
+import { mergeDefaultProps, randomCode } from "../Util";
+import PopupManager from "../Util/PopupManager";
+import { partitionAnimationProps, useClassNames, useClickOutside, useComponentWillMount } from "../hooks";
+import { namespace } from "../hooks/prefix";
+import usePopperOptions from "./popperOptions";
+var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _popperInstance$state5, _props6;
+  props = mergeDefaultProps({
+    arrowOffset: 5,
+    appendToBody: true,
+    offset: 10,
+    placement: 'bottom',
+    popperClass: '',
+    showArrow: true,
+    gpuAcceleration: false,
+    strategy: 'absolute'
+  }, props);
+  var _props = props,
+    visible = _props.visible,
+    onDestroy = _props.onDestroy,
+    referenceElement = _props.referenceElement,
+    children = _props.children,
+    appendToBody = _props.appendToBody,
+    _props$appendTo = _props.appendTo,
+    appendTo = _props$appendTo === void 0 ? document.body : _props$appendTo,
+    className = _props.className,
+    popperClass = _props.popperClass,
+    showArrow = _props.showArrow,
+    popperStyle = _props.popperStyle,
+    popperInstRef = _props.popperInstRef,
+    onMouseEnter = _props.onMouseEnter,
+    onMouseLeave = _props.onMouseLeave,
+    _props$effect = _props.effect,
+    effect = _props$effect === void 0 ? 'light' : _props$effect,
+    rest = _objectWithoutProperties(_props, _excluded);
+  var _partitionAnimationPr = partitionAnimationProps(rest),
+    _partitionAnimationPr2 = _slicedToArray(_partitionAnimationPr, 1),
+    transitionProps = _partitionAnimationPr2[0];
+  var id = useMemo(function () {
+    var _props$id;
+    return (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : randomCode(5);
+  }, [props.id]);
+  var zIndex = useMemo(function () {
+    return PopupManager.nextZIndex();
+  }, []);
+  var _useClassNames = useClassNames('popper'),
+    b = _useClassNames.b,
+    e = _useClassNames.e,
+    is = _useClassNames.is;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    popperElement = _useState2[0],
+    setPopperElement = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    arrowElement = _useState4[0],
+    setArrowElement = _useState4[1];
+  var popperOptions = usePopperOptions(props, arrowElement);
+  var reference = useMemo(function () {
+    var _ref;
+    return (_ref = referenceElement instanceof Function ? referenceElement() : referenceElement) !== null && _ref !== void 0 ? _ref : {
+      current: null
+    };
+  }, [referenceElement]);
+  var popperInstance = usePopper(reference === null || reference === void 0 ? void 0 : reference.current, popperElement, popperOptions);
+  var styles = popperInstance.styles,
+    attributes = popperInstance.attributes,
+    update = popperInstance.update;
+  var animation = useMemo(function () {
+    var _popperInstance$state, _props2, _popperInstance$state2, _props3, _popperInstance$state3, _props4, _popperInstance$state4, _props5;
+    if (startsWith((popperInstance === null || popperInstance === void 0 || (_popperInstance$state = popperInstance.state) === null || _popperInstance$state === void 0 ? void 0 : _popperInstance$state.placement) || ((_props2 = props) === null || _props2 === void 0 ? void 0 : _props2.placement), 'top')) {
+      return "".concat(namespace, "-slide-down");
+    } else if (startsWith((popperInstance === null || popperInstance === void 0 || (_popperInstance$state2 = popperInstance.state) === null || _popperInstance$state2 === void 0 ? void 0 : _popperInstance$state2.placement) || ((_props3 = props) === null || _props3 === void 0 ? void 0 : _props3.placement), 'bottom')) {
+      return "".concat(namespace, "-slide-up");
+    } else if (startsWith((popperInstance === null || popperInstance === void 0 || (_popperInstance$state3 = popperInstance.state) === null || _popperInstance$state3 === void 0 ? void 0 : _popperInstance$state3.placement) || ((_props4 = props) === null || _props4 === void 0 ? void 0 : _props4.placement), 'left')) {
+      return "".concat(namespace, "-slide-right");
+    } else if (startsWith((popperInstance === null || popperInstance === void 0 || (_popperInstance$state4 = popperInstance.state) === null || _popperInstance$state4 === void 0 ? void 0 : _popperInstance$state4.placement) || ((_props5 = props) === null || _props5 === void 0 ? void 0 : _props5.placement), 'right')) {
+      return "".concat(namespace, "-slide-left");
     }
-  }, [(_a = popperInstance == null ? void 0 : popperInstance.state) == null ? void 0 : _a.placement, props == null ? void 0 : props.placement]);
-  const afterLeave = (0, import_react.useCallback)(() => {
-    var _a2;
+  }, [popperInstance === null || popperInstance === void 0 || (_popperInstance$state5 = popperInstance.state) === null || _popperInstance$state5 === void 0 ? void 0 : _popperInstance$state5.placement, (_props6 = props) === null || _props6 === void 0 ? void 0 : _props6.placement]);
+  var afterLeave = useCallback(function () {
+    var _props$afterLeave, _props7;
     setArrowElement(null);
-    (_a2 = props.afterLeave) == null ? void 0 : _a2.call(props);
+    (_props$afterLeave = (_props7 = props).afterLeave) === null || _props$afterLeave === void 0 || _props$afterLeave.call(_props7);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.afterLeave]);
-  (0, import_hooks.useClickOutside)(reference, {
+
+  // @ts-ignore
+  useClickOutside(reference, {
     popperRef: popperElement,
-    value: () => {
-      onDestroy == null ? void 0 : onDestroy();
+    value: function value() {
+      onDestroy === null || onDestroy === void 0 || onDestroy();
     }
   });
-  (0, import_react.useEffect)(() => {
+
+  // useEffect(() => {
+  //     popperInstRef.current = popperInstance;
+  //     // eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, []);
+
+  useEffect(function () {
     if (update) {
       if (popperInstRef) {
         popperInstRef.current = popperInstance;
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [popperInstance]);
-  (0, import_hooks.useComponentWillMount)(() => {
-    if (!transitionProps.unmountOnExit && document.getElementById(`${import_prefix.globalKey}-popper-${id}`)) {
-      document.getElementById(`${import_prefix.globalKey}-popper-${id}`).parentNode.removeChild(document.getElementById(`${import_prefix.globalKey}-popper-${id}`));
+  useComponentWillMount(function () {
+    if (!transitionProps.unmountOnExit && document.getElementById("".concat(namespace, "-popper-").concat(id))) {
+      document.getElementById("".concat(namespace, "-popper-").concat(id)).parentNode.removeChild(document.getElementById("".concat(namespace, "-popper-").concat(id)));
     }
   });
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    popperInstance
-  }));
-  const content = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: { current: popperElement }, visible, name: animation, className, afterLeave, ...transitionProps }, /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        id: `${import_prefix.globalKey}-popper-${id}`,
-        className: (0, import_classnames.default)(b(), is(effect), popperClass),
-        onMouseEnter,
-        onMouseLeave,
-        style: { ...styles.popper, ...popperStyle, zIndex: import_PopupManager.default.nextZIndex() },
-        ...attributes.popper,
-        ref: setPopperElement
+  useImperativeHandle(ref, function () {
+    return {
+      popperInstance: popperInstance
+    };
+  });
+  var content = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Transition, _extends({
+      nodeRef: {
+        current: popperElement
       },
-      props.children,
-      showArrow ? /* @__PURE__ */ import_react.default.createElement("div", { className: e`arrow`, "data-popper-arrow": true, ref: setArrowElement, style: { ...styles.arrow } }) : null
-    )),
-    [
-      afterLeave,
-      animation,
-      attributes.popper,
-      b,
-      className,
-      e,
-      effect,
-      id,
-      is,
-      onMouseEnter,
-      onMouseLeave,
-      popperClass,
-      popperElement,
-      popperStyle,
-      props.children,
-      showArrow,
-      styles.arrow,
-      styles.popper,
-      transitionProps,
-      visible
-    ]
-  );
-  return appendToBody ? (0, import_react_dom.createPortal)(content, appendTo) : content;
+      visible: visible,
+      name: animation,
+      className: className,
+      afterLeave: afterLeave
+    }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
+      id: "".concat(namespace, "-popper-").concat(id),
+      className: classNames(b(), is(effect), popperClass),
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      style: _objectSpread(_objectSpread(_objectSpread({}, styles.popper), popperStyle), {}, {
+        zIndex: zIndex
+      })
+    }, attributes.popper, {
+      ref: setPopperElement
+    }), props.children, showArrow ? /*#__PURE__*/React.createElement("div", {
+      className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["arrow"]))),
+      "data-popper-arrow": true,
+      ref: setArrowElement,
+      style: _objectSpread({}, styles.arrow)
+    }) : null));
+  }, [afterLeave, animation, attributes.popper, b, className, e, effect, id, is, onMouseEnter, onMouseLeave, popperClass, popperElement, popperStyle, props.children, showArrow, styles.arrow, styles.popper, transitionProps, visible]);
+  return appendToBody ? /*#__PURE__*/createPortal(content, appendTo) : content;
+  // <Transition visible={visible} name={animation} className={className} afterLeave={afterLeave} {...transitionProps}>
+  //     {Children.toArray(props.children).map(child => {
+  //         if (typeof child === 'string' || typeof child === 'number') {
+  //             child = <span>{child}</span>;
+  //         }
+  //         if (child instanceof React.Fragment) {
+  //             return null;
+  //         }
+  //         // @ts-ignore
+  //         return cloneElement(child, {
+  //             // @ts-ignore
+  //             ...child.props,
+  //             id: `el-popper-${id}`,
+  //             ref: referenceElement,
+  //             // @ts-ignore
+  //             className: classNames(b(), is(effect), popperClass, child?.props?.className),
+  //             style: { ...popperStyle, zIndex: PopupManager.nextZIndex() },
+  //             ...attributes.popper,
+  //         });
+  //     })}
+  //     {showArrow ? <div className={e`arrow`} data-popper-arrow ref={setArrowElement} style={{ ...styles.arrow }} /> : null}
+  // </Transition>
 });
-var Popper_default = Popper;
+export default Popper;

package/dist/Popper/index.js

@@ -1,39 +1 @@
-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);
-
-// src/Popper/index.ts
-var Popper_exports = {};
-__export(Popper_exports, {
-  Popper: () => import_Popper.default
-});
-module.exports = __toCommonJS(Popper_exports);
-var import_Popper = __toESM(require("./Popper"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Popper
-});
+export { default as Popper } from "./Popper";

package/dist/Popper/popperOptions.d.ts

@@ -1,4 +1,4 @@
-import { Options, Placement, StrictModifiers } from '@popperjs/core';
+import { Options, Placement, State, StrictModifiers } from '@popperjs/core';
 interface IUsePopperProps {
     popperOptions?: Options;
     arrowOffset?: number;
@@ -17,7 +17,7 @@ export default function usePopperOptions(props: IUsePopperProps, arrowElement: a
     modifiers: StrictModifiers[];
     placement: Placement;
     strategy: import("@popperjs/core").PositioningStrategy;
-    onFirstUpdate?: (arg0: Partial<import("@popperjs/core").State>) => void;
+    onFirstUpdate?: (arg0: Partial<State>) => void;
 };
 export declare function buildModifier(props: ModifierProps, externalModifiers?: StrictModifiers[]): StrictModifiers[];
 export {};