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

package/dist/hooks/popperPropsUtils.js

@@ -1,71 +1,25 @@
-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 forEach from 'lodash/forEach';
+import includes from 'lodash/includes';
+// @ts-ignore
+export var popperAllProps = ['popperInstRef', 'offset', 'placement', 'arrowOffset', 'showArrow', 'popperClass', 'popperStyle', 'name', 'display', 'unmountOnExit', 'transitionAppear', 'duration', 'gpuAcceleration', 'strategy', 'appendToBody', 'appendTo', 'popperOptions', 'fallbackPlacements'];
 
-// src/hooks/popperPropsUtils.ts
-var popperPropsUtils_exports = {};
-__export(popperPropsUtils_exports, {
-  partitionPopperPropsUtils: () => partitionPopperPropsUtils,
-  popperAllProps: () => popperAllProps
-});
-module.exports = __toCommonJS(popperPropsUtils_exports);
-var import_forEach = __toESM(require("lodash/forEach"));
-var import_includes = __toESM(require("lodash/includes"));
-var popperAllProps = [
-  "popperInstRef",
-  "offset",
-  "placement",
-  "arrowOffset",
-  "showArrow",
-  "popperClass",
-  "popperStyle",
-  "name",
-  "display",
-  "unmountOnExit",
-  "transitionAppear",
-  "duration",
-  "gpuAcceleration",
-  "strategy",
-  "appendToBody",
-  "appendTo",
-  "popperOptions"
-];
-var partitionPopperPropsUtils = (props, options = {}) => {
-  const { popperProps = popperAllProps } = options;
-  const inputProps = {};
-  const rest = {};
-  (0, import_forEach.default)(props, (val, prop) => {
-    const target = (0, import_includes.default)(popperProps, prop) ? inputProps : rest;
+/**
+ * Returns an array of objects consisting of: props of html input element and rest.
+ * @param {object} props A ReactElement props object
+ * @param {Object} [options={}]
+ * @param {Array} [options.htmlProps] An array of html input props
+ * @param {boolean} [options.includeAria] Includes all input props that starts with "aria-"
+ * @returns {[{}, {}]} An array of objects
+ */
+export var partitionPopperPropsUtils = function partitionPopperPropsUtils(props) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$popperProps = options.popperProps,
+    popperProps = _options$popperProps === void 0 ? popperAllProps : _options$popperProps;
+  var inputProps = {};
+  var rest = {};
+  forEach(props, function (val, prop) {
+    var target = includes(popperProps, prop) ? inputProps : rest;
     target[prop] = val;
   });
   return [inputProps, rest];
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  partitionPopperPropsUtils,
-  popperAllProps
-});
+};

package/dist/hooks/prefix.js

@@ -1,62 +1,29 @@
-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 });
+import classNames from 'classnames';
+import curry from 'lodash/curry';
+export var namespace = 'el';
+export var getClassNamePrefix = function getClassNamePrefix() {
+  return namespace + '-';
 };
-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/hooks/prefix.ts
-var prefix_exports = {};
-__export(prefix_exports, {
-  default: () => prefix_default,
-  defaultClassPrefix: () => defaultClassPrefix,
-  getClassNamePrefix: () => getClassNamePrefix,
-  namespace: () => namespace,
-  prefix: () => prefix
-});
-module.exports = __toCommonJS(prefix_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_curry = __toESM(require("lodash/curry"));
-var namespace = "el";
-var getClassNamePrefix = () => {
-  return namespace + "-";
+export var defaultClassPrefix = function defaultClassPrefix(name) {
+  return "".concat(getClassNamePrefix()).concat(name);
 };
-var defaultClassPrefix = (name) => `${getClassNamePrefix()}${name}`;
-function prefix(pre, className, split = "-") {
+export function prefix(pre, className) {
+  var split = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '-';
   if (!pre || !className) {
-    return "";
+    return '';
   }
   if (Array.isArray(className)) {
-    return (0, import_classnames.default)(className.filter((name) => !!name).map((name) => `${pre}-${name}`));
+    return classNames(className.filter(function (name) {
+      return !!name;
+    }).map(function (name) {
+      return "".concat(pre, "-").concat(name);
+    }));
   }
-  return `${pre}${split}${className}`;
+
+  // if (pre[pre.length - 1] === split) {
+  //     return `${pre}${className}`;
+  // }
+
+  return "".concat(pre).concat(split).concat(className);
 }
-var prefix_default = (0, import_curry.default)(prefix);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  defaultClassPrefix,
-  getClassNamePrefix,
-  namespace,
-  prefix
-});
+export default curry(prefix);

package/dist/hooks/treePropsUtils.js

@@ -1,107 +1,28 @@
-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 forEach from 'lodash/forEach';
+import includes from 'lodash/includes';
+export var treeAllProps = ['showLine', 'multiple', 'selectedKeys', 'filterAntTreeNode', 'showIcon', 'switcherIcon', 'children', 'blockNode', 'prefixCls', 'focusable', 'activeKey', 'tabIndex', 'treeData', 'fieldNames', 'icon', 'selectable', 'disabled', 'checkable', 'checkStrictly', 'draggable', 'defaultExpandParent', 'autoExpandParent', 'defaultExpandAll', 'defaultExpandedKeys', 'expandedKeys', 'defaultCheckedKeys', 'checkedKeys', 'defaultSelectedKeys', 'allowDrop', 'titleRender', 'dropIndicatorRender', 'onFocus', 'onBlur', 'onKeyDown', 'onContextMenu', 'onClick', 'onDoubleClick', 'onScroll', 'onExpand', 'onCheck', 'onSelect', 'onLoad', 'loadData', 'loadedKeys', 'onMouseEnter', 'onMouseLeave', 'onRightClick', 'onDragStart', 'onDragEnter', 'onDragOver', 'onDragLeave', 'onDragEnd', 'onDrop'];
 
-// src/hooks/treePropsUtils.ts
-var treePropsUtils_exports = {};
-__export(treePropsUtils_exports, {
-  partitionTreePropsUtils: () => partitionTreePropsUtils,
-  treeAllProps: () => treeAllProps
-});
-module.exports = __toCommonJS(treePropsUtils_exports);
-var import_forEach = __toESM(require("lodash/forEach"));
-var import_includes = __toESM(require("lodash/includes"));
-var treeAllProps = [
-  "showLine",
-  "multiple",
-  "selectedKeys",
-  "filterAntTreeNode",
-  "showIcon",
-  "switcherIcon",
-  "children",
-  "blockNode",
-  "prefixCls",
-  "focusable",
-  "activeKey",
-  "tabIndex",
-  "treeData",
-  "fieldNames",
-  "icon",
-  "selectable",
-  "disabled",
-  "checkable",
-  "checkStrictly",
-  "draggable",
-  "defaultExpandParent",
-  "autoExpandParent",
-  "defaultExpandAll",
-  "defaultExpandedKeys",
-  "expandedKeys",
-  "defaultCheckedKeys",
-  "checkedKeys",
-  "defaultSelectedKeys",
-  "allowDrop",
-  "titleRender",
-  "dropIndicatorRender",
-  "onFocus",
-  "onBlur",
-  "onKeyDown",
-  "onContextMenu",
-  "onClick",
-  "onDoubleClick",
-  "onScroll",
-  "onExpand",
-  "onCheck",
-  "onSelect",
-  "onLoad",
-  "loadData",
-  "loadedKeys",
-  "onMouseEnter",
-  "onMouseLeave",
-  "onRightClick",
-  "onDragStart",
-  "onDragEnter",
-  "onDragOver",
-  "onDragLeave",
-  "onDragEnd",
-  "onDrop"
-];
-var partitionTreePropsUtils = (props, options = {}) => {
-  const { treeProps = treeAllProps } = options;
-  const inputProps = {};
-  const rest = {};
-  (0, import_forEach.default)(props, (val, prop) => {
-    const target = (0, import_includes.default)(treeProps, prop) ? inputProps : rest;
+/**
+ * Returns an array of objects consisting of: props of html input element and rest.
+ * @author	Parker
+ * @CreateTime	2022/4/8 17:46:40
+ * @LastEditor	Parker
+ * @ModifyTime	2022/4/21 10:06:19
+ * @param {object} props A ReactElement props object
+ * @param {Object} [options={}]
+ * @param {Array} [options.htmlProps] An array of html input props
+ * @param {boolean} [options.includeAria] Includes all input props that starts with "aria-"
+ * @returns {[{}, {}]} An array of objects
+ */
+export var partitionTreePropsUtils = function partitionTreePropsUtils(props) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$treeProps = options.treeProps,
+    treeProps = _options$treeProps === void 0 ? treeAllProps : _options$treeProps;
+  var inputProps = {};
+  var rest = {};
+  forEach(props, function (val, prop) {
+    var target = includes(treeProps, prop) ? inputProps : rest;
     target[prop] = val;
   });
   return [inputProps, rest];
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  partitionTreePropsUtils,
-  treeAllProps
-});
+};

package/dist/hooks/useCalcInputWidth.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare function useCalcInputWidth(): {
+    calculatorRef: import("react").MutableRefObject<HTMLElement>;
+    calculatorWidth: number;
+    inputStyle: {
+        minWidth: string;
+    };
+};

package/dist/hooks/useCalcInputWidth.js

@@ -0,0 +1,30 @@
+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; }
+import { useMemo, useRef, useState } from 'react';
+import { useResizeObserver } from "./useResizeObserver";
+export function useCalcInputWidth() {
+  var calculatorRef = useRef();
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    calculatorWidth = _useState2[0],
+    setCalculatorWidth = _useState2[1];
+  var inputStyle = useMemo(function () {
+    return {
+      minWidth: "".concat(Math.max(calculatorWidth, 11), "px")
+    };
+  }, [calculatorWidth]);
+  var resetCalculatorWidth = function resetCalculatorWidth() {
+    var _calculatorRef$curren, _calculatorRef$curren2;
+    setCalculatorWidth((_calculatorRef$curren = (_calculatorRef$curren2 = calculatorRef.current) === null || _calculatorRef$curren2 === void 0 ? void 0 : _calculatorRef$curren2.getBoundingClientRect().width) !== null && _calculatorRef$curren !== void 0 ? _calculatorRef$curren : 0);
+  };
+  useResizeObserver(calculatorRef, resetCalculatorWidth);
+  return {
+    calculatorRef: calculatorRef,
+    calculatorWidth: calculatorWidth,
+    inputStyle: inputStyle
+  };
+}

package/dist/hooks/useChildrenInstance.d.ts

@@ -2,10 +2,6 @@ import React from 'react';
 import { ComponentChildren } from '../types/common';
 /**
  * 获取特定名称的子组件
- * @author	Parker
- * @CreateTime	2022/3/30下午2:08:36
- * @LastEditor	Parker
- * @ModifyTime	2022/9/23 14:44:20
  * @param componentChildren 子组件
  * @param compName 目标组件名称 （`displayName`属性）
  * @param virtualCompName 子组件中的需要继续乡下递归查找的组件名称（`displayName`属性）

package/dist/hooks/useChildrenInstance.js

@@ -1,66 +1,53 @@
-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 });
+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; }
+import { Children, Fragment, useCallback, useRef } from 'react';
+/**
+ * 获取特定名称的子组件
+ * @param componentChildren 子组件
+ * @param compName 目标组件名称 （`displayName`属性）
+ * @param virtualCompName 子组件中的需要继续乡下递归查找的组件名称（`displayName`属性）
+ * @returns 返回获取组件的函数以供随时调用
+ */
+function useChildrenInstance(compName) {
+  for (var _len = arguments.length, virtualCompName = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    virtualCompName[_key - 1] = arguments[_key];
   }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/hooks/useChildrenInstance.ts
-var useChildrenInstance_exports = {};
-__export(useChildrenInstance_exports, {
-  default: () => useChildrenInstance_default
-});
-module.exports = __toCommonJS(useChildrenInstance_exports);
-var import_react = require("react");
-function useChildrenInstance(compName, ...virtualCompName) {
-  const result = (0, import_react.useRef)([]);
-  virtualCompName = ["Fragment", ...virtualCompName];
-  if (typeof compName === "string") {
+  var result = useRef([]);
+  virtualCompName = ['Fragment'].concat(_toConsumableArray(virtualCompName));
+  if (typeof compName === 'string') {
     compName = [compName];
   }
-  const getInstanceFromChildren = (0, import_react.useCallback)(
-    (_children) => {
-      import_react.Children.forEach(_children, (node) => {
-        let nodeType = node == null ? void 0 : node.type;
-        nodeType = (nodeType == null ? void 0 : nodeType.displayName) || nodeType;
-        if (typeof nodeType === "string" && compName.includes(nodeType)) {
-          const temp = node;
-          result.current.push(temp);
-        } else if (typeof nodeType === "string" && virtualCompName.includes(nodeType)) {
-          getInstanceFromChildren(node.props.children);
-        } else if (nodeType === import_react.Fragment) {
-          getInstanceFromChildren(node.props.children);
-        } else if (node instanceof Array) {
-          getInstanceFromChildren(node);
-        } else {
-          return true;
-        }
-      });
-    },
-    [compName, virtualCompName]
-  );
-  const getValue = (0, import_react.useCallback)(
-    (componentChildren) => {
-      if (componentChildren) {
-        result.current = [];
-        getInstanceFromChildren(componentChildren);
-        return result.current;
+  var getInstanceFromChildren = useCallback(function (_children) {
+    Children.forEach(_children, function (node) {
+      var _nodeType;
+      var nodeType = node === null || node === void 0 ? void 0 : node.type;
+      nodeType = ((_nodeType = nodeType) === null || _nodeType === void 0 ? void 0 : _nodeType.displayName) || nodeType;
+      if (typeof nodeType === 'string' && compName.includes(nodeType)) {
+        var temp = node;
+        result.current.push(temp);
+      } else if (typeof nodeType === 'string' && virtualCompName.includes(nodeType)) {
+        getInstanceFromChildren(node.props.children);
+      } else if (nodeType === Fragment) {
+        getInstanceFromChildren(node.props.children);
+      } else if (node instanceof Array) {
+        getInstanceFromChildren(node);
+      } else {
+        return true;
       }
-      return [];
-    },
-    [getInstanceFromChildren]
-  );
+    });
+  }, [compName, virtualCompName]);
+  var getValue = useCallback(function (componentChildren) {
+    if (componentChildren) {
+      result.current = [];
+      getInstanceFromChildren(componentChildren);
+      return result.current;
+    }
+    return [];
+  }, [getInstanceFromChildren]);
   return getValue;
 }
-var useChildrenInstance_default = useChildrenInstance;
+export default useChildrenInstance;

package/dist/hooks/useClassNames.d.ts

@@ -104,5 +104,7 @@ declare function useClassNames(str: string, classPrefix?: string): {
      */
     is: (...classes: ClassValue[]) => string;
     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+    cssVarBlockName: (name: string) => string;
+    cssVarName: (name: string) => string;
 };
 export default useClassNames;