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

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

@@ -14,16 +14,97 @@ export type ClassNameM = {
     ebm: (sub: string, prefix: string, modifier: string, compName?: boolean) => string;
     is: (...classes: ClassValue[]) => string;
 };
+/**
+ * Add a prefix to all classNames.
+ *
+ * @param str prefix of className
+ * @returns { wb, merge, prefix }
+ *  - wb: A function of combining className and adding a prefix to each className.
+ *    At the same time, the default `classPrefix` is the first className.
+ *  - merge: A merge className function.
+ *  - prefix: Add a prefix to className
+ */
 declare function useClassNames(str: string, classPrefix?: string): {
+    /**
+     * 如果组件前缀是'button':
+     *
+     * wb('red', { active: true }) => 'el-button el-button-red el-button-active'
+     *
+     * wb('red', { active: true }, false) => 'el-button el-red el-active'
+     */
     wb: (...classes: ClassValue[]) => string;
+    /**
+     * 如果组件前缀是'button':
+     *
+     * b('red', { active: true }) => 'el-button-red el-button-active'
+     *
+     * b('red', { active: true }, false) => 'el-red el-active'
+     */
     b: (...classes: ClassValue[]) => string;
+    /**
+     * 如果组件前缀是'button':
+     *
+     * e('red', { active: true }) => 'el-button__red el-button__active'
+     *
+     * e('red', { active: true }, false) => 'r__red r__active'
+     */
     e: (...classes: ClassValue[]) => string;
+    /**
+     * 如果组件前缀是'button':
+     *
+     * m('red', { active: true }) => 'el-button--red el-button--active'
+     *
+     * m('red', { active: true }, false) => 'el--red el--active'
+     */
     m: (...classes: ClassValue[]) => string;
+    /**
+     * 如果组件前缀是'button':
+     *
+     * be('red', 'active') => 'el-button-red__active'
+     *
+     * be('red', 'active', false) => 'el-red__active'
+     */
     be: (prefix: string, sub: string, compName?: boolean) => string;
+    /**
+     * 如果组件前缀是'button':
+     *
+     * em( 'color", 'active') => 'el-button__color--active'
+     *
+     * em( 'color", 'active', false) => 'r__color--active'
+     */
     em: (sub: string, modifier: string, compName?: boolean) => string;
+    /**
+     * 如果组件前缀是'button':
+     *
+     * be( 'color", 'active') => 'el-button-color--active'
+     *
+     * be( 'color", 'active', false) => 'el-color--active'
+     */
     bm: (prefix: string, modifier: string, compName?: boolean) => string;
+    /**
+     * 如果组件前缀是'button':
+     *
+     * bem('red', 'color", 'active') => 'el-button-red__color--active'
+     *
+     * bem('red', 'color", 'active', false) => 'el-red__color--active'
+     */
     bem: (prefix: string, sub: string, modifier: string, compName?: boolean) => string;
+    /**
+     * 如果组件前缀是'button':
+     *
+     * ebm('close', 'icon", 'hidden') => 'el-button__close-icon--hidden'
+     *
+     * ebm('close', 'icon", 'hidden', false) => 'r__close-icon--hidden'
+     */
     ebm: (sub: string, prefix: string, modifier: string, compName?: boolean) => string;
+    /**
+     * 如果组件前缀是'button':
+     *
+     * is('block', { block: true }) => 'is-block'
+     */
     is: (...classes: ClassValue[]) => string;
+    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+    cssVarBlockName: (name: string) => string;
+    cssVarName: (name: string) => string;
 };
 export default useClassNames;