@qsxy/element-plus-react 1.0.2 → 2.0.0

package/dist/hooks/useConfigProvider.js

@@ -0,0 +1,78 @@
+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 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 { isValidElement, useContext } from 'react';
+import ConfigProviderContext from "../ConfigProvider/ConfigProviderContext";
+import { Message } from "../Message";
+import { MessageBox, instanceFactory } from "../MessageBox";
+import { isEmpty } from "../Util";
+export var useConfigProvider = function useConfigProvider() {
+  var _useContext = useContext(ConfigProviderContext),
+    messageConfig = _useContext.message,
+    locale = _useContext.locale;
+  var ElMessage = function ElMessage() {
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (typeof opts === 'string' || /*#__PURE__*/isValidElement(opts)) {
+      opts = _objectSpread(_objectSpread({}, messageConfig), {}, {
+        message: opts
+      });
+    }
+    if (isEmpty(opts)) {
+      opts = _objectSpread(_objectSpread({}, messageConfig), {}, {
+        message: ''
+      });
+    } else {
+      opts = _objectSpread(_objectSpread({}, messageConfig), opts);
+    }
+    var options = opts;
+    Message(options);
+  };
+  ['primary', 'success', 'warning', 'info', 'error'].forEach(function (type) {
+    ElMessage[type] = function (options) {
+      if (typeof options === 'string' || /*#__PURE__*/isValidElement(options)) {
+        options = _objectSpread(_objectSpread({}, messageConfig), {}, {
+          message: options,
+          type: type
+        });
+      } else {
+        options = _objectSpread(_objectSpread(_objectSpread({}, messageConfig), options), {}, {
+          type: type
+        });
+      }
+      return Message(options);
+    };
+  });
+  ElMessage.closeAll = Message.closeAll;
+  var ElMessageBox = function ElMessageBox() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return MessageBox(_objectSpread({
+      locale: locale
+    }, options));
+  };
+
+  /**
+   * 消息弹窗提示
+   * @param message 消息内容
+   * @param title 标题
+   * @param options 其他设置项
+   * @returns
+   */
+  ElMessageBox.alert = instanceFactory('alert', locale);
+
+  /**
+   * 确认消息
+   * @param message 消息内容
+   * @param title 标题
+   * @param options 其他设置项
+   * @returns
+   */
+  ElMessageBox.confirm = instanceFactory('confirm', locale);
+  ElMessageBox.prompt = instanceFactory('prompt', locale);
+  return {
+    ElMessage: ElMessage,
+    ElMessageBox: ElMessageBox
+  };
+};

package/dist/hooks/useLockscreen.d.ts

@@ -0,0 +1,6 @@
+import { UseNamespaceReturn } from './useClassNames';
+export type UseLockScreenOptions = {
+    ns?: UseNamespaceReturn;
+    shouldLock: boolean;
+};
+export declare const useLockscreen: (trigger: boolean, options?: UseLockScreenOptions) => void;

package/dist/hooks/useLockscreen.js

@@ -0,0 +1,45 @@
+import addClass from 'dom-lib/esm/addClass';
+import removeClass from 'dom-lib/esm/removeClass';
+import { useEffect } from 'react';
+import { getScrollBarWidth } from "../Util/scroll";
+import { namespace } from "./prefix";
+import useClassNames from "./useClassNames";
+var countRef = 0;
+export var useLockscreen = function useLockscreen(trigger) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    shouldLock: true
+  };
+  var popupNs = useClassNames('popup');
+  var ns = options.ns || popupNs;
+  var hiddenCls = ns.bm('parent', 'hidden');
+  var lockScroll = function lockScroll() {
+    if (!options.shouldLock) {
+      return;
+    }
+    addClass(document.body, hiddenCls);
+    var scrollWidth = getScrollBarWidth(namespace);
+    document.body.style.width = "calc(100% - ".concat(scrollWidth, "px)");
+  };
+  var unlockScroll = function unlockScroll() {
+    setTimeout(function () {
+      if (!options.shouldLock) {
+        return;
+      }
+      removeClass(document.body, hiddenCls);
+      document.body.style.width = '';
+    }, 200);
+  };
+  useEffect(function () {
+    if (trigger) {
+      countRef = countRef + 1;
+      lockScroll();
+    } else {
+      if (countRef > 0) {
+        countRef = countRef - 1;
+      }
+      if (countRef === 0) {
+        unlockScroll();
+      }
+    }
+  }, [trigger]);
+};

package/dist/hooks/useResizeObserver.d.ts

@@ -18,7 +18,7 @@ export interface UseResizeObserverOptions {
      *
      * @default 'content-box'
      */
-    box?: ResizeObserverBoxOptions;
+    box?: any;
     window?: Window;
 }
 declare class ResizeObserver {

package/dist/hooks/useResizeObserver.js

@@ -1,11 +1,11 @@
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 import { useEffect, useMemo } from 'react';
-/**
- * Reports changes to the dimensions of an Element's content or the border-box
- *
- * @param target
- * @param callback
- * @param options
+/**
+ * Reports changes to the dimensions of an Element's content or the border-box
+ *
+ * @param target
+ * @param callback
+ * @param options
  */
 export function useResizeObserver(target, callback) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -27,7 +27,7 @@ export function useResizeObserver(target, callback) {
     cleanup();
     if (isSupported && window) {
       observer = new ResizeObserver(callback);
-      if (target.current) {
+      if (target !== null && target !== void 0 && target.current) {
         observer.observe(target.current, observerOptions);
       }
     }