@qsxy/element-plus-react 1.0.0-next.10 → 1.0.0-next.11

package/dist/hooks/useChildrenInstance.js

@@ -1,66 +1,57 @@
-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';
+/**
+ * 获取特定名称的子组件
+ * @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`属性）
+ * @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;

package/dist/hooks/useClassNames.js

@@ -1,220 +1,302 @@
-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);
+/* eslint-disable indent */
+import classNames from 'classnames';
+import isBoolean from 'lodash/isBoolean';
+import last from 'lodash/last';
+import { useCallback } from 'react';
+import { prefix as addPrefix, namespace } from "./prefix";
 
-// src/hooks/useClassNames.ts
-var useClassNames_exports = {};
-__export(useClassNames_exports, {
-  default: () => useClassNames_default
-});
-module.exports = __toCommonJS(useClassNames_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_isBoolean = __toESM(require("lodash/isBoolean"));
-var import_last = __toESM(require("lodash/last"));
-var import_react = require("react");
-var import_prefix = require("./prefix");
-function useClassNames(str, classPrefix = import_prefix.namespace) {
-  const componentName = (0, import_prefix.prefix)(classPrefix, str);
-  const prefixSplit = (0, import_react.useCallback)(
-    (splitCode, ...classes) => {
-      let compName = true;
-      if ((classes == null ? void 0 : classes.length) > 0) {
-        if ((0, import_isBoolean.default)((0, import_last.default)(classes))) {
-          compName = (0, import_last.default)(classes);
-        }
+// This is the only way I found to break circular references between ClassArray and ClassValue
+// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
+
+//eslint-disable-line @typescript-eslint/no-empty-interface
+
+//
+/**
+ * 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
+ */
+function useClassNames(str) {
+  var classPrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : namespace;
+  var componentName = addPrefix(classPrefix, str);
+
+  /**
+   * @example
+   *
+   * 如果组件前缀是'button':
+   * prefix('red', { active: true }) => 'el-button-red el-button-active'
+   */
+  var prefixSplit = useCallback(function (splitCode) {
+    var compName = true;
+    for (var _len = arguments.length, classes = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      classes[_key - 1] = arguments[_key];
+    }
+    if ((classes === null || classes === void 0 ? void 0 : classes.length) > 0) {
+      if (isBoolean(last(classes))) {
+        compName = last(classes);
       }
-      const mergeClasses = classes.length ? (0, import_classnames.default)(...classes).split(" ").map((item) => (0, import_prefix.prefix)(compName ? componentName : classPrefix, item, splitCode)) : [];
-      return mergeClasses.filter((cls) => cls).join(" ");
-    },
-    [classPrefix, componentName]
-  );
-  const b = (0, import_react.useCallback)(
-    (...classes) => {
-      let compName = true;
-      if ((classes == null ? void 0 : classes.length) > 0) {
-        if ((0, import_isBoolean.default)((0, import_last.default)(classes))) {
-          compName = (0, import_last.default)(classes);
-        }
+    }
+    var mergeClasses = classes.length ? classNames.apply(void 0, classes).split(' ').map(function (item) {
+      return addPrefix(compName ? componentName : classPrefix, item, splitCode);
+    }) : [];
+    return mergeClasses.filter(function (cls) {
+      return cls;
+    }).join(' ');
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * b('red', { active: true }) => 'el-button-red el-button-active'
+   *
+   * b('red', { active: true }, false) => 'el-red el-active'
+   */
+  var b = useCallback(function () {
+    var compName = true;
+    for (var _len2 = arguments.length, classes = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      classes[_key2] = arguments[_key2];
+    }
+    if ((classes === null || classes === void 0 ? void 0 : classes.length) > 0) {
+      if (isBoolean(last(classes))) {
+        compName = last(classes);
       }
-      const mergeClasses = classes.length ? (0, import_classnames.default)(...classes).split(" ").map((item) => (0, import_prefix.prefix)(compName ? componentName : classPrefix, item)) : [componentName];
-      return mergeClasses.filter((cls) => cls).join(" ");
-    },
-    [classPrefix, componentName]
-  );
-  const wb = (0, import_react.useCallback)(
-    (...classes) => {
-      let compName = true;
-      if ((classes == null ? void 0 : classes.length) > 0) {
-        if ((0, import_isBoolean.default)((0, import_last.default)(classes))) {
-          compName = (0, import_last.default)(classes);
-        }
+    }
+    var mergeClasses = classes.length ? classNames.apply(void 0, classes).split(' ').map(function (item) {
+      return addPrefix(compName ? componentName : classPrefix, item);
+    }) : [componentName];
+    return mergeClasses.filter(function (cls) {
+      return cls;
+    }).join(' ');
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * wb('red', { active: true }) => 'el-button el-button-red el-button-active'
+   *
+   * wb('red', { active: true }, false) => 'el-button el-red el-active'
+   */
+  var wb = useCallback(function () {
+    var compName = true;
+    for (var _len3 = arguments.length, classes = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      classes[_key3] = arguments[_key3];
+    }
+    if ((classes === null || classes === void 0 ? void 0 : classes.length) > 0) {
+      if (isBoolean(last(classes))) {
+        compName = last(classes);
       }
-      const mergeClasses = b(classes, compName);
-      return mergeClasses ? `${componentName} ${mergeClasses}` : componentName;
-    },
-    [componentName, b]
-  );
-  const e = (0, import_react.useCallback)(
-    (...classes) => {
-      const mergeClasses = prefixSplit("__", ...classes);
-      return mergeClasses;
-    },
-    [prefixSplit]
-  );
-  const m = (0, import_react.useCallback)(
-    (...classes) => {
-      const mergeClasses = prefixSplit("--", ...classes);
-      return mergeClasses;
-    },
-    [prefixSplit]
-  );
-  const be = (0, import_react.useCallback)(
-    (prefix, sub, compName = true) => {
-      return `${compName ? componentName : classPrefix}-${prefix}__${sub}`;
-    },
-    [classPrefix, componentName]
-  );
-  const em = (0, import_react.useCallback)(
-    (sub, modifier, compName = true) => {
-      return `${compName ? componentName : classPrefix}__${sub}--${modifier}`;
-    },
-    [classPrefix, componentName]
-  );
-  const bm = (0, import_react.useCallback)(
-    (prefix, modifier, compName = true) => {
-      return `${compName ? componentName : classPrefix}-${prefix}--${modifier}`;
-    },
-    [classPrefix, componentName]
-  );
-  const bem = (0, import_react.useCallback)(
-    (prefix, sub, modifier, compName = true) => {
-      return `${compName ? componentName : classPrefix}-${prefix}__${sub}--${modifier}`;
-    },
-    [classPrefix, componentName]
-  );
-  const ebm = (0, import_react.useCallback)(
-    (sub, prefix, modifier, compName = true) => {
-      return `${compName ? componentName : classPrefix}__${sub}-${prefix}--${modifier}`;
-    },
-    [classPrefix, componentName]
-  );
-  const is = (0, import_react.useCallback)((...classes) => {
-    const mergeClasses = classes.length ? (0, import_classnames.default)(...classes).split(" ").filter((cls) => cls).map((item) => `is-${item}`) : [];
-    return mergeClasses.join(" ");
+    }
+    var mergeClasses = b(classes, compName);
+    return mergeClasses ? "".concat(componentName, " ").concat(mergeClasses) : componentName;
+  }, [componentName, b]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * e('red', { active: true }) => 'el-button__red el-button__active'
+   *
+   * e('red', { active: true }, false) => 'r__red r__active'
+   */
+  var e = useCallback(function () {
+    for (var _len4 = arguments.length, classes = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      classes[_key4] = arguments[_key4];
+    }
+    var mergeClasses = prefixSplit.apply(void 0, ['__'].concat(classes));
+    return mergeClasses;
+  }, [prefixSplit]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * m('red', { active: true }) => 'el-button--red el-button--active'
+   *
+   * m('red', { active: true }, false) => 'el--red el--active'
+   */
+  var m = useCallback(function () {
+    for (var _len5 = arguments.length, classes = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      classes[_key5] = arguments[_key5];
+    }
+    var mergeClasses = prefixSplit.apply(void 0, ['--'].concat(classes));
+    return mergeClasses;
+  }, [prefixSplit]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * be('red', 'active') => 'el-button-red__active'
+   *
+   * be('red', 'active', false) => 'el-red__active'
+   */
+  var be = useCallback(function (prefix, sub) {
+    var compName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    return "".concat(compName ? componentName : classPrefix, "-").concat(prefix, "__").concat(sub);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * em( 'color", 'active') => 'el-button__color--active'
+   *
+   * em( 'color", 'active', false) => 'r__color--active'
+   */
+  var em = useCallback(function (sub, modifier) {
+    var compName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    return "".concat(compName ? componentName : classPrefix, "__").concat(sub, "--").concat(modifier);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * be( 'color", 'active') => 'el-button-color--active'
+   *
+   * be( 'color", 'active', false) => 'el-color--active'
+   */
+  var bm = useCallback(function (prefix, modifier) {
+    var compName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    return "".concat(compName ? componentName : classPrefix, "-").concat(prefix, "--").concat(modifier);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * bem('red', 'color", 'active') => 'el-button-red__color--active'
+   *
+   * bem('red', 'color", 'active', false) => 'el-red__color--active'
+   */
+  var bem = useCallback(function (prefix, sub, modifier) {
+    var compName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    return "".concat(compName ? componentName : classPrefix, "-").concat(prefix, "__").concat(sub, "--").concat(modifier);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * ebm('close', 'icon", 'hidden') => 'el-button__close-icon--hidden'
+   *
+   * ebm('close', 'icon", 'hidden', false) => 'r__close-icon--hidden'
+   */
+  var ebm = useCallback(function (sub, prefix, modifier) {
+    var compName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    return "".concat(compName ? componentName : classPrefix, "__").concat(sub, "-").concat(prefix, "--").concat(modifier);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * is({ block: true }) => 'is-block'
+   */
+  var is = useCallback(function () {
+    var mergeClasses = arguments.length ? classNames.apply(void 0, arguments).split(' ').filter(function (cls) {
+      return cls;
+    }).map(function (item) {
+      return "is-".concat(item);
+    }) : [];
+    return mergeClasses.join(' ');
   }, []);
-  const cssVarBlock = (object) => {
-    const styles = {};
-    for (const key in object) {
+
+  // with block
+  var cssVarBlock = function cssVarBlock(object) {
+    var styles = {};
+    for (var key in object) {
       if (object[key]) {
-        styles[`--${componentName}-${key}`] = object[key];
+        styles["--".concat(componentName, "-").concat(key)] = object[key];
       }
     }
     return styles;
   };
+  var cssVarName = function cssVarName(name) {
+    return "--".concat(namespace, "-").concat(name);
+  };
+  var cssVarBlockName = function cssVarBlockName(name) {
+    return "--".concat(componentName, "-").concat(name);
+  };
   return {
-    /**
-     * 如果组件前缀是'button':
-     *
-     * wb('red', { active: true }) => 'el-button el-button-red el-button-active'
-     *
-     * wb('red', { active: true }, false) => 'el-button el-red el-active'
+    /**
+     * 如果组件前缀是'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,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * b('red', { active: true }) => 'el-button-red el-button-active'
-     *
-     * b('red', { active: true }, false) => 'el-red el-active'
+    wb: wb,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * b('red', { active: true }) => 'el-button-red el-button-active'
+     *
+     * b('red', { active: true }, false) => 'el-red el-active'
      */
-    b,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * e('red', { active: true }) => 'el-button__red el-button__active'
-     *
-     * e('red', { active: true }, false) => 'r__red r__active'
+    b: b,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * e('red', { active: true }) => 'el-button__red el-button__active'
+     *
+     * e('red', { active: true }, false) => 'r__red r__active'
      */
-    e,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * m('red', { active: true }) => 'el-button--red el-button--active'
-     *
-     * m('red', { active: true }, false) => 'el--red el--active'
+    e: e,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * m('red', { active: true }) => 'el-button--red el-button--active'
+     *
+     * m('red', { active: true }, false) => 'el--red el--active'
      */
-    m,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * be('red', 'active') => 'el-button-red__active'
-     *
-     * be('red', 'active', false) => 'el-red__active'
+    m: m,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * be('red', 'active') => 'el-button-red__active'
+     *
+     * be('red', 'active', false) => 'el-red__active'
      */
-    be,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * em( 'color", 'active') => 'el-button__color--active'
-     *
-     * em( 'color", 'active', false) => 'r__color--active'
+    be: be,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * em( 'color", 'active') => 'el-button__color--active'
+     *
+     * em( 'color", 'active', false) => 'r__color--active'
      */
-    em,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * be( 'color", 'active') => 'el-button-color--active'
-     *
-     * be( 'color", 'active', false) => 'el-color--active'
+    em: em,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * be( 'color", 'active') => 'el-button-color--active'
+     *
+     * be( 'color", 'active', false) => 'el-color--active'
      */
-    bm,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * bem('red', 'color", 'active') => 'el-button-red__color--active'
-     *
-     * bem('red', 'color", 'active', false) => 'el-red__color--active'
+    bm: bm,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * bem('red', 'color", 'active') => 'el-button-red__color--active'
+     *
+     * bem('red', 'color", 'active', false) => 'el-red__color--active'
      */
-    bem,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * ebm('close', 'icon", 'hidden') => 'el-button__close-icon--hidden'
-     *
-     * ebm('close', 'icon", 'hidden', false) => 'r__close-icon--hidden'
+    bem: bem,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * ebm('close', 'icon", 'hidden') => 'el-button__close-icon--hidden'
+     *
+     * ebm('close', 'icon", 'hidden', false) => 'r__close-icon--hidden'
      */
-    ebm,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * is('block', { block: true }) => 'is-block'
+    ebm: ebm,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * is('block', { block: true }) => 'is-block'
      */
-    is,
-    cssVarBlock
+    is: is,
+    cssVarBlock: cssVarBlock,
+    cssVarBlockName: cssVarBlockName,
+    cssVarName: cssVarName
   };
 }
-var useClassNames_default = useClassNames;
+export default useClassNames;