@qsxy/element-plus-react 1.0.0-next.8 → 1.0.2

package/dist/Util/Math.js

@@ -1,58 +1,36 @@
-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);
+import isInteger from 'lodash/isInteger';
+import toFinite from 'lodash/toFinite';
 
-// src/Util/Math.ts
-var Math_exports = {};
-__export(Math_exports, {
-  floatAdd: () => floatAdd,
-  floatDivide: () => floatDivide,
-  floatMultiply: () => floatMultiply,
-  floatSub: () => floatSub,
-  formatNumber: () => formatNumber
-});
-module.exports = __toCommonJS(Math_exports);
-var import_isInteger = __toESM(require("lodash/isInteger"));
-var import_toFinite = __toESM(require("lodash/toFinite"));
-var toNonExponential = (num) => {
+/**
+ * 将科学计数法的数字转为字符串
+ * 说明：运算精度丢失方法中处理数字的时候，如果出现科学计数法，就会导致结果出错
+ * 4.496794759834739e-9  ==> 0.000000004496794759834739
+ * 4.496794759834739e+9  ==> 4496794759.834739
+ * @param  num
+ */
+var toNonExponential = function toNonExponential(num) {
   if (num == null) {
     return num;
   }
-  if (typeof num == "number") {
-    const m = num.toExponential().match(/\d(?:\.(\d*))?e([+-]\d+)/);
+  if (typeof num == 'number') {
+    var m = num.toExponential().match(/\d(?:\.(\d*))?e([+-]\d+)/);
     if (m) {
-      return num.toFixed(Math.max(0, (m[1] || "").length - (0, import_toFinite.default)(m[2])));
+      return num.toFixed(Math.max(0, (m[1] || '').length - toFinite(m[2])));
     }
     return num;
   } else {
     return num;
   }
 };
-function floatMultiply(arg1, arg2) {
+
+/**
+ * 乘法 - js运算精度丢失问题
+ * @param arg1  数1
+ * @param arg2  数2
+ * 0.0023 * 100 ==> 0.22999999999999998
+ * {{ 0.0023 | multiply(100) }} ==> 0.23
+ */
+export function floatMultiply(arg1, arg2) {
   arg1 = Number(arg1);
   arg2 = Number(arg2);
   if (!arg1 && arg1 !== 0 || !arg2 && arg2 !== 0) {
@@ -60,22 +38,30 @@ function floatMultiply(arg1, arg2) {
   }
   arg1 = toNonExponential(arg1);
   arg2 = toNonExponential(arg2);
-  let r1, r2;
+  var r1, r2; // 小数位数
   try {
-    r1 = arg1.toString().split(".")[1].length;
+    r1 = arg1.toString().split('.')[1].length;
   } catch (e) {
     r1 = 0;
   }
   try {
-    r2 = arg2.toString().split(".")[1].length;
+    r2 = arg2.toString().split('.')[1].length;
   } catch (e) {
     r2 = 0;
   }
-  const n1 = Number(arg1.toString().replace(".", ""));
-  const n2 = Number(arg2.toString().replace(".", ""));
+  var n1 = Number(arg1.toString().replace('.', ''));
+  var n2 = Number(arg2.toString().replace('.', ''));
   return n1 * n2 / Math.pow(10, r1 + r2);
 }
-function floatDivide(arg1, arg2) {
+
+/**
+ * 除法 - js运算精度丢失问题
+ * @param arg1  数1
+ * @param arg2  数2
+ * 0.0023 / 0.00001 ==> 229.99999999999997
+ * {{ 0.0023 | divide(0.00001) }} ==> 230
+ */
+export function floatDivide(arg1, arg2) {
   arg1 = Number(arg1);
   arg2 = Number(arg2);
   if (!arg2) {
@@ -88,68 +74,85 @@ function floatDivide(arg1, arg2) {
   }
   arg1 = toNonExponential(arg1);
   arg2 = toNonExponential(arg2);
-  let r1, r2;
+  var r1, r2; // 小数位数
   try {
-    r1 = arg1.toString().split(".")[1].length;
+    r1 = arg1.toString().split('.')[1].length;
   } catch (e) {
     r1 = 0;
   }
   try {
-    r2 = arg2.toString().split(".")[1].length;
+    r2 = arg2.toString().split('.')[1].length;
   } catch (e) {
     r2 = 0;
   }
-  const n1 = Number(arg1.toString().replace(".", ""));
-  const n2 = Number(arg2.toString().replace(".", ""));
+  var n1 = Number(arg1.toString().replace('.', ''));
+  var n2 = Number(arg2.toString().replace('.', ''));
   return floatMultiply(n1 / n2, Math.pow(10, r2 - r1));
+  // return (n1 / n2) * Math.pow(10, r2 - r1);   // 直接乘法还是会出现精度问题
 }
-function floatAdd(arg1, arg2) {
+
+/**
+ * 加法 - js运算精度丢失问题
+ * @param arg1  数1
+ * @param arg2  数2
+ * 0.0023 + 0.00000000000001 ==> 0.0023000000000099998
+ * {{ 0.0023 | plus(0.00000000000001) }} ==> 0.00230000000001
+ */
+export function floatAdd(arg1, arg2) {
   arg1 = Number(arg1) || 0;
   arg2 = Number(arg2) || 0;
   arg1 = toNonExponential(arg1);
   arg2 = toNonExponential(arg2);
-  let r1, r2;
+  var r1, r2;
   try {
-    r1 = arg1.toString().split(".")[1].length;
+    r1 = arg1.toString().split('.')[1].length;
   } catch (e) {
     r1 = 0;
   }
   try {
-    r2 = arg2.toString().split(".")[1].length;
+    r2 = arg2.toString().split('.')[1].length;
   } catch (e) {
     r2 = 0;
   }
-  const m = Math.pow(10, Math.max(r1, r2));
+  var m = Math.pow(10, Math.max(r1, r2));
   return (floatMultiply(arg1, m) + floatMultiply(arg2, m)) / m;
 }
-function floatSub(arg1, arg2) {
+
+/**
+ * 减法 - js运算精度丢失问题
+ * @param arg1  数1
+ * @param arg2  数2
+ * 0.0023 - 0.00000011  ==>  0.0022998899999999997
+ * {{ 0.0023 | minus( 0.00000011 ) }}  ==>  0.00229989
+ */
+export function floatSub(arg1, arg2) {
   arg1 = Number(arg1) || 0;
   arg2 = Number(arg2) || 0;
   arg1 = toNonExponential(arg1);
   arg2 = toNonExponential(arg2);
-  let r1, r2;
+  var r1, r2;
   try {
-    r1 = arg1.toString().split(".")[1].length;
+    r1 = arg1.toString().split('.')[1].length;
   } catch (e) {
     r1 = 0;
   }
   try {
-    r2 = arg2.toString().split(".")[1].length;
+    r2 = arg2.toString().split('.')[1].length;
   } catch (e) {
     r2 = 0;
   }
-  const m = Math.pow(10, Math.max(r1, r2));
-  const n = r1 >= r2 ? r1 : r2;
-  return (0, import_toFinite.default)(((floatMultiply(arg1, m) - floatMultiply(arg2, m)) / m).toFixed(n));
+  var m = Math.pow(10, Math.max(r1, r2));
+  // 动态控制精度长度
+  var n = r1 >= r2 ? r1 : r2;
+  return toFinite(((floatMultiply(arg1, m) - floatMultiply(arg2, m)) / m).toFixed(n));
 }
-var formatNumber = (value, precision) => {
-  return (0, import_isInteger.default)(Math.abs(value)) && precision > 0 ? `${value}.${new Array(precision).fill(0).join("")}` : value.toFixed(precision);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  floatAdd,
-  floatDivide,
-  floatMultiply,
-  floatSub,
-  formatNumber
-});
+
+/**
+ * 格式化数字，带精度
+ * @param value 数字
+ * @param precision 精度
+ * @returns
+ */
+export var formatNumber = function formatNumber(value, precision) {
+  return isInteger(Math.abs(value)) && precision > 0 ? "".concat(value, ".").concat(new Array(precision).fill(0).join('')) : value.toFixed(precision);
+};

package/dist/Util/PopupManager.js

@@ -1,29 +1,7 @@
-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/Util/PopupManager.ts
-var PopupManager_exports = {};
-__export(PopupManager_exports, {
-  default: () => PopupManager_default
-});
-module.exports = __toCommonJS(PopupManager_exports);
 var PopupManager = {
-  zIndex: 1e9,
-  nextZIndex: () => ++PopupManager.zIndex
+  zIndex: 1000000000,
+  nextZIndex: function nextZIndex() {
+    return ++PopupManager.zIndex;
+  }
 };
-var PopupManager_default = PopupManager;
+export default PopupManager;

package/dist/Util/aria.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Determine if the testing element is visible on screen no matter if its on the viewport or not
+ */
+export declare const isVisible: (element: HTMLElement) => boolean;
+export declare const obtainAllFocusableElements: (element: HTMLElement) => HTMLElement[];
+/**
+ * @desc Determine if target element is focusable
+ * @param element {HTMLElement}
+ * @returns {Boolean} true if it is focusable
+ */
+export declare const isFocusable: (element: HTMLElement) => boolean;
+/**
+ * Trigger an event
+ * mouseenter, mouseleave, mouseover, keyup, change, click, etc.
+ * @param  {HTMLElement} elm
+ * @param  {String} name
+ * @param  {*} opts
+ */
+export declare const triggerEvent: (elm: HTMLElement, name: string, ...opts: Array<boolean>) => HTMLElement;
+export declare const isLeaf: (el: HTMLElement) => boolean;
+export declare const getSibling: (el: HTMLElement, distance: number, elClass: string) => Element;
+export declare const focusElement: (el?: HTMLElement | {
+    focus: () => void;
+} | null, options?: FocusOptions) => void;
+export declare const focusNode: (el: HTMLElement) => void;

package/dist/Util/aria.js

@@ -0,0 +1,118 @@
+var FOCUSABLE_ELEMENT_SELECTORS = 'a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])';
+var isHTMLElement = function isHTMLElement(e) {
+  if (typeof Element === 'undefined') {
+    return false;
+  }
+  return e instanceof Element;
+};
+
+/**
+ * Determine if the testing element is visible on screen no matter if its on the viewport or not
+ */
+export var isVisible = function isVisible(element) {
+  if (process.env.NODE_ENV === 'test') {
+    return true;
+  }
+  var computed = getComputedStyle(element);
+  // element.offsetParent won't work on fix positioned
+  // WARNING: potential issue here, going to need some expert advices on this issue
+  return computed.position === 'fixed' ? false : element.offsetParent !== null;
+};
+export var obtainAllFocusableElements = function obtainAllFocusableElements(element) {
+  return Array.from(element.querySelectorAll(FOCUSABLE_ELEMENT_SELECTORS)).filter(function (item) {
+    return isFocusable(item) && isVisible(item);
+  });
+};
+
+/**
+ * @desc Determine if target element is focusable
+ * @param element {HTMLElement}
+ * @returns {Boolean} true if it is focusable
+ */
+export var isFocusable = function isFocusable(element) {
+  if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null) {
+    return true;
+  }
+  if (element.tabIndex < 0 || element.hasAttribute('disabled') || element.getAttribute('aria-disabled') === 'true') {
+    return false;
+  }
+  switch (element.nodeName) {
+    case 'A':
+      {
+        // casting current element to Specific HTMLElement in order to be more type precise
+        return !!element.href && element.rel !== 'ignore';
+      }
+    case 'INPUT':
+      {
+        return !(element.type === 'hidden' || element.type === 'file');
+      }
+    case 'BUTTON':
+    case 'SELECT':
+    case 'TEXTAREA':
+      {
+        return true;
+      }
+    default:
+      {
+        return false;
+      }
+  }
+};
+
+/**
+ * Trigger an event
+ * mouseenter, mouseleave, mouseover, keyup, change, click, etc.
+ * @param  {HTMLElement} elm
+ * @param  {String} name
+ * @param  {*} opts
+ */
+export var triggerEvent = function triggerEvent(elm, name) {
+  var eventName;
+  if (name.includes('mouse') || name.includes('click')) {
+    eventName = 'MouseEvents';
+  } else if (name.includes('key')) {
+    eventName = 'KeyboardEvent';
+  } else {
+    eventName = 'HTMLEvents';
+  }
+  var evt = document.createEvent(eventName);
+  for (var _len = arguments.length, opts = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    opts[_key - 2] = arguments[_key];
+  }
+  evt.initEvent.apply(evt, [name].concat(opts));
+  elm.dispatchEvent(evt);
+  return elm;
+};
+export var isLeaf = function isLeaf(el) {
+  return !el.getAttribute('aria-owns');
+};
+export var getSibling = function getSibling(el, distance, elClass) {
+  var parentNode = el.parentNode;
+  if (!parentNode) {
+    return null;
+  }
+  var siblings = parentNode.querySelectorAll(elClass);
+  var index = Array.prototype.indexOf.call(siblings, el);
+  return siblings[index + distance] || null;
+};
+export var focusElement = function focusElement(el, options) {
+  if (!el || !el.focus) {
+    return;
+  }
+  var cleanup = false;
+  if (isHTMLElement(el) && !isFocusable(el) && !el.getAttribute('tabindex')) {
+    el.setAttribute('tabindex', '-1');
+    cleanup = true;
+  }
+  el.focus(options);
+  if (isHTMLElement(el) && cleanup) {
+    el.removeAttribute('tabindex');
+  }
+};
+export var focusNode = function focusNode(el) {
+  if (!el) {
+    return;
+  }
+  focusElement(el);
+  !isLeaf(el) && el.click();
+};