element-ps 2.0.31 → 2.0.32

package/lib/components/upload/index.d.ts

@@ -170,6 +170,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             requests: import("vue").ShallowRef<Record<string, XMLHttpRequest | Promise<unknown>>>;
             inputRef: import("vue").ShallowRef<HTMLInputElement | undefined>;
@@ -196,6 +200,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                         (name: string, state: boolean | undefined): string;
                         (name: string): string;
                     };
+                    cssVar: (object: Record<string, string>) => Record<string, string>;
+                    cssVarName: (name: string) => string;
+                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                    cssVarBlockName: (name: string) => string;
                 };
                 dragover: import("vue").Ref<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -296,6 +304,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         requests: import("vue").ShallowRef<Record<string, XMLHttpRequest | Promise<unknown>>>;
         inputRef: import("vue").ShallowRef<HTMLInputElement | undefined>;
@@ -322,6 +334,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             dragover: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -393,6 +409,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         nsIcon: {
             namespace: import("vue").ComputedRef<string>;
@@ -407,6 +427,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         nsList: {
             namespace: import("vue").ComputedRef<string>;
@@ -421,6 +445,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         focusing: import("vue").Ref<boolean>;
         PsIcon: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -446,6 +474,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             style: import("vue").ComputedRef<import("vue").CSSProperties>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -491,6 +523,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             barStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             relativeStrokeWidth: import("vue").ComputedRef<string>;
@@ -607,6 +643,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         requests: import("vue").ShallowRef<Record<string, XMLHttpRequest | Promise<unknown>>>;
         inputRef: import("vue").ShallowRef<HTMLInputElement | undefined>;
@@ -633,6 +673,10 @@ export declare const PsUpload: import("element-ps/es/utils").SFCWithInstall<impo
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             dragover: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/components/upload/src/upload-content.vue.d.ts

@@ -53,6 +53,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     requests: import("vue").ShallowRef<Record<string, XMLHttpRequest | Promise<unknown>>>;
     inputRef: import("vue").ShallowRef<HTMLInputElement | undefined>;
@@ -79,6 +83,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         dragover: import("vue").Ref<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/components/upload/src/upload-dragger.vue.d.ts

@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     dragover: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/components/upload/src/upload-list.vue.d.ts

@@ -26,6 +26,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     nsIcon: {
         namespace: import("vue").ComputedRef<string>;
@@ -40,6 +44,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     nsList: {
         namespace: import("vue").ComputedRef<string>;
@@ -54,6 +62,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     focusing: import("vue").Ref<boolean>;
     PsIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -79,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         style: import("vue").ComputedRef<import("vue").CSSProperties>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -124,6 +140,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         barStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         relativeStrokeWidth: import("vue").ComputedRef<string>;

package/lib/components/upload/src/upload.vue.d.ts

@@ -171,6 +171,10 @@ declare const _default: import("vue").DefineComponent<{
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             requests: import("vue").ShallowRef<Record<string, XMLHttpRequest | Promise<unknown>>>;
             inputRef: import("vue").ShallowRef<HTMLInputElement | undefined>;
@@ -197,6 +201,10 @@ declare const _default: import("vue").DefineComponent<{
                         (name: string, state: boolean | undefined): string;
                         (name: string): string;
                     };
+                    cssVar: (object: Record<string, string>) => Record<string, string>;
+                    cssVarName: (name: string) => string;
+                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                    cssVarBlockName: (name: string) => string;
                 };
                 dragover: import("vue").Ref<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -297,6 +305,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         requests: import("vue").ShallowRef<Record<string, XMLHttpRequest | Promise<unknown>>>;
         inputRef: import("vue").ShallowRef<HTMLInputElement | undefined>;
@@ -323,6 +335,10 @@ declare const _default: import("vue").DefineComponent<{
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             dragover: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -394,6 +410,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         nsIcon: {
             namespace: import("vue").ComputedRef<string>;
@@ -408,6 +428,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         nsList: {
             namespace: import("vue").ComputedRef<string>;
@@ -422,6 +446,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         focusing: import("vue").Ref<boolean>;
         PsIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -447,6 +475,10 @@ declare const _default: import("vue").DefineComponent<{
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             style: import("vue").ComputedRef<import("vue").CSSProperties>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -492,6 +524,10 @@ declare const _default: import("vue").DefineComponent<{
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             barStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             relativeStrokeWidth: import("vue").ComputedRef<string>;
@@ -608,6 +644,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         requests: import("vue").ShallowRef<Record<string, XMLHttpRequest | Promise<unknown>>>;
         inputRef: import("vue").ShallowRef<HTMLInputElement | undefined>;
@@ -634,6 +674,10 @@ declare const _default: import("vue").DefineComponent<{
                     (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
             };
             dragover: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/components/virtual-list/src/builders/build-list.d.ts

@@ -33,6 +33,10 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     clientSize: import("vue").ComputedRef<string | number | undefined>;
     estimatedTotalSize: import("vue").ComputedRef<number>;

package/lib/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -31,6 +31,10 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     clientSize: import("vue").ComputedRef<string | number | undefined>;
     estimatedTotalSize: import("vue").ComputedRef<number>;

package/lib/components/virtual-list/src/components/fixed-size-list.d.ts

@@ -30,6 +30,10 @@ declare const FixedSizeList: import("vue").DefineComponent<{
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
     };
     clientSize: import("vue").ComputedRef<string | number | undefined>;
     estimatedTotalSize: import("vue").ComputedRef<number>;

package/lib/hooks/use-namespace/index.d.ts

@@ -11,5 +11,9 @@ export declare const useNamespace: (block: string) => {
         (name: string, state: boolean | undefined): string;
         (name: string): string;
     };
+    cssVar: (object: Record<string, string>) => Record<string, string>;
+    cssVarName: (name: string) => string;
+    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+    cssVarBlockName: (name: string) => string;
 };
 export declare type UseNamespaceReturn = ReturnType<typeof useNamespace>;

package/lib/hooks/use-namespace/index.js

@@ -34,6 +34,22 @@ const useNamespace = (block) => {
     const state = args.length >= 1 ? args[0] : true;
     return name && state ? `${statePrefix}${name}` : "";
   };
+  const cssVar = (object) => {
+    const styles = {};
+    for (const key in object) {
+      styles[`--${namespace.value}-${key}`] = object[key];
+    }
+    return styles;
+  };
+  const cssVarBlock = (object) => {
+    const styles = {};
+    for (const key in object) {
+      styles[`--${namespace.value}-${block}-${key}`] = object[key];
+    }
+    return styles;
+  };
+  const cssVarName = (name) => `--${namespace.value}-${name}`;
+  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
   return {
     namespace,
     b,
@@ -43,7 +59,11 @@ const useNamespace = (block) => {
     em,
     bm,
     bem,
-    is
+    is,
+    cssVar,
+    cssVarName,
+    cssVarBlock,
+    cssVarBlockName
   };
 };
 

package/lib/hooks/use-namespace/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { computed, unref } from 'vue'\nimport { useGlobalConfig } from '../use-global-config'\n\nconst defaultNamespace = 'el'\nconst statePrefix = 'is-'\n\nconst _bem = (\n  namespace: string,\n  block: string,\n  blockSuffix: string,\n  element: string,\n  modifier: string\n) => {\n  let cls = `${namespace}-${block}`\n  if (blockSuffix) {\n    cls += `-${blockSuffix}`\n  }\n  if (element) {\n    cls += `__${element}`\n  }\n  if (modifier) {\n    cls += `--${modifier}`\n  }\n  return cls\n}\n\nexport const useNamespace = (block: string) => {\n  const globalConfig = useGlobalConfig('namespace')\n  const namespace = computed(() => globalConfig.value || defaultNamespace)\n  const b = (blockSuffix = '') =>\n    _bem(unref(namespace), block, blockSuffix, '', '')\n  const e = (element?: string) =>\n    element ? _bem(unref(namespace), block, '', element, '') : ''\n  const m = (modifier?: string) =>\n    modifier ? _bem(unref(namespace), block, '', '', modifier) : ''\n  const be = (blockSuffix?: string, element?: string) =>\n    blockSuffix && element\n      ? _bem(unref(namespace), block, blockSuffix, element, '')\n      : ''\n  const em = (element?: string, modifier?: string) =>\n    element && modifier\n      ? _bem(unref(namespace), block, '', element, modifier)\n      : ''\n  const bm = (blockSuffix?: string, modifier?: string) =>\n    blockSuffix && modifier\n      ? _bem(unref(namespace), block, blockSuffix, '', modifier)\n      : ''\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) =>\n    blockSuffix && element && modifier\n      ? _bem(unref(namespace), block, blockSuffix, element, modifier)\n      : ''\n  const is: {\n    (name: string, state: boolean | undefined): string\n    (name: string): string\n  } = (name: string, ...args: [boolean | undefined] | []) => {\n    const state = args.length >= 1 ? args[0]! : true\n    return name && state ? `${statePrefix}${name}` : ''\n  }\n  return {\n    namespace,\n    b,\n    e,\n    m,\n    be,\n    em,\n    bm,\n    bem,\n    is,\n  }\n}\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>\n"],"names":["useGlobalConfig","computed","unref"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { computed, unref } from 'vue'\nimport { useGlobalConfig } from '../use-global-config'\n\nconst defaultNamespace = 'el'\nconst statePrefix = 'is-'\n\nconst _bem = (\n  namespace: string,\n  block: string,\n  blockSuffix: string,\n  element: string,\n  modifier: string\n) => {\n  let cls = `${namespace}-${block}`\n  if (blockSuffix) {\n    cls += `-${blockSuffix}`\n  }\n  if (element) {\n    cls += `__${element}`\n  }\n  if (modifier) {\n    cls += `--${modifier}`\n  }\n  return cls\n}\n\nexport const useNamespace = (block: string) => {\n  const globalConfig = useGlobalConfig('namespace')\n  const namespace = computed(() => globalConfig.value || defaultNamespace)\n  const b = (blockSuffix = '') =>\n    _bem(unref(namespace), block, blockSuffix, '', '')\n  const e = (element?: string) =>\n    element ? _bem(unref(namespace), block, '', element, '') : ''\n  const m = (modifier?: string) =>\n    modifier ? _bem(unref(namespace), block, '', '', modifier) : ''\n  const be = (blockSuffix?: string, element?: string) =>\n    blockSuffix && element\n      ? _bem(unref(namespace), block, blockSuffix, element, '')\n      : ''\n  const em = (element?: string, modifier?: string) =>\n    element && modifier\n      ? _bem(unref(namespace), block, '', element, modifier)\n      : ''\n  const bm = (blockSuffix?: string, modifier?: string) =>\n    blockSuffix && modifier\n      ? _bem(unref(namespace), block, blockSuffix, '', modifier)\n      : ''\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) =>\n    blockSuffix && element && modifier\n      ? _bem(unref(namespace), block, blockSuffix, element, modifier)\n      : ''\n  const is: {\n    (name: string, state: boolean | undefined): string\n    (name: string): string\n  } = (name: string, ...args: [boolean | undefined] | []) => {\n    const state = args.length >= 1 ? args[0]! : true\n    return name && state ? `${statePrefix}${name}` : ''\n  }\n\n  // for css var\n  // --el-xxx: value;\n  const cssVar = (object: Record<string, string>) => {\n    const styles: Record<string, string> = {}\n    for (const key in object) {\n      styles[`--${namespace.value}-${key}`] = object[key]\n    }\n    return styles\n  }\n  // with block\n  const cssVarBlock = (object: Record<string, string>) => {\n    const styles: Record<string, string> = {}\n    for (const key in object) {\n      styles[`--${namespace.value}-${block}-${key}`] = object[key]\n    }\n    return styles\n  }\n\n  const cssVarName = (name: string) => `--${namespace.value}-${name}`\n  const cssVarBlockName = (name: string) =>\n    `--${namespace.value}-${block}-${name}`\n\n  return {\n    namespace,\n    b,\n    e,\n    m,\n    be,\n    em,\n    bm,\n    bem,\n    is,\n    // css\n    cssVar,\n    cssVarName,\n    cssVarBlock,\n    cssVarBlockName,\n  }\n}\n\nexport type UseNamespaceReturn = ReturnType<typeof useNamespace>\n"],"names":["useGlobalConfig","computed","unref"],"mappings":"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"}

package/lib/index.js

@@ -10,29 +10,29 @@ require('./hooks/index.js');
 require('./tokens/index.js');
 var makeInstaller = require('./make-installer.js');
 var dayjs = require('dayjs');
-var affix = require('./components/affix/src/affix2.js');
+var affix = require('./components/affix/src/affix.js');
 var index = require('./components/affix/index.js');
-var alert = require('./components/alert/src/alert.js');
+var alert = require('./components/alert/src/alert2.js');
 var index$1 = require('./components/alert/index.js');
-var autocomplete = require('./components/autocomplete/src/autocomplete.js');
+var autocomplete = require('./components/autocomplete/src/autocomplete2.js');
 var index$2 = require('./components/autocomplete/index.js');
-var avatar = require('./components/avatar/src/avatar.js');
+var avatar = require('./components/avatar/src/avatar2.js');
 var index$3 = require('./components/avatar/index.js');
 var backtop = require('./components/backtop/src/backtop.js');
 var index$4 = require('./components/backtop/index.js');
 var badge = require('./components/badge/src/badge2.js');
 var index$5 = require('./components/badge/index.js');
-var breadcrumb = require('./components/breadcrumb/src/breadcrumb.js');
-var breadcrumbItem = require('./components/breadcrumb/src/breadcrumb-item2.js');
+var breadcrumb = require('./components/breadcrumb/src/breadcrumb2.js');
+var breadcrumbItem = require('./components/breadcrumb/src/breadcrumb-item.js');
 var index$6 = require('./components/breadcrumb/index.js');
 var button = require('./components/button/src/button.js');
 var index$7 = require('./components/button/index.js');
-var calendar = require('./components/calendar/src/calendar.js');
+var calendar = require('./components/calendar/src/calendar2.js');
 var index$8 = require('./components/calendar/index.js');
 var card = require('./components/card/src/card.js');
 var index$9 = require('./components/card/index.js');
 var carousel = require('./components/carousel/src/carousel2.js');
-var carouselItem = require('./components/carousel/src/carousel-item.js');
+var carouselItem = require('./components/carousel/src/carousel-item2.js');
 var index$a = require('./components/carousel/index.js');
 var index$b = require('./components/cascader/index.js');
 var types = require('./components/cascader-panel/src/types.js');
@@ -60,12 +60,12 @@ var divider = require('./components/divider/src/divider.js');
 var index$o = require('./components/divider/index.js');
 var drawer = require('./components/drawer/src/drawer2.js');
 var index$p = require('./components/drawer/index.js');
-var dropdown = require('./components/dropdown/src/dropdown.js');
+var dropdown = require('./components/dropdown/src/dropdown2.js');
 var tokens = require('./components/dropdown/src/tokens.js');
 var index$q = require('./components/dropdown/index.js');
-var empty = require('./components/empty/src/empty.js');
+var empty = require('./components/empty/src/empty2.js');
 var index$r = require('./components/empty/index.js');
-var form = require('./components/form/src/form.js');
+var form = require('./components/form/src/form2.js');
 var formItem = require('./components/form/src/form-item.js');
 var index$s = require('./components/form/index.js');
 var icon = require('./components/icon/src/icon2.js');
@@ -74,14 +74,14 @@ var image = require('./components/image/src/image2.js');
 var index$u = require('./components/image/index.js');
 var imageViewer = require('./components/image-viewer/src/image-viewer.js');
 var index$v = require('./components/image-viewer/index.js');
-var input = require('./components/input/src/input2.js');
+var input = require('./components/input/src/input.js');
 var index$w = require('./components/input/index.js');
 var inputNumber = require('./components/input-number/src/input-number.js');
 var index$x = require('./components/input-number/index.js');
 var link = require('./components/link/src/link2.js');
 var index$y = require('./components/link/index.js');
 var menu = require('./components/menu/src/menu.js');
-var menuItem = require('./components/menu/src/menu-item.js');
+var menuItem = require('./components/menu/src/menu-item2.js');
 var menuItemGroup = require('./components/menu/src/menu-item-group.js');
 var subMenu = require('./components/menu/src/sub-menu.js');
 var index$z = require('./components/menu/index.js');
@@ -91,31 +91,31 @@ var pageHeader = require('./components/page-header/src/page-header.js');
 var index$B = require('./components/page-header/index.js');
 var pagination = require('./components/pagination/src/pagination.js');
 var index$C = require('./components/pagination/index.js');
-var popconfirm = require('./components/popconfirm/src/popconfirm2.js');
+var popconfirm = require('./components/popconfirm/src/popconfirm.js');
 var index$D = require('./components/popconfirm/index.js');
 var deprecation = require('./components/popper/src/deprecation.js');
 var popper = require('./components/popper/src/popper.js');
 var trigger$1 = require('./components/popper/src/trigger.js');
-var content$1 = require('./components/popper/src/content2.js');
-var arrow$1 = require('./components/popper/src/arrow2.js');
-var arrow = require('./components/popper/src/arrow.js');
+var content$1 = require('./components/popper/src/content.js');
+var arrow$1 = require('./components/popper/src/arrow.js');
+var arrow = require('./components/popper/src/arrow2.js');
 var trigger = require('./components/popper/src/trigger2.js');
-var content = require('./components/popper/src/content.js');
+var content = require('./components/popper/src/content2.js');
 var index$E = require('./components/popper/index.js');
-var progress = require('./components/progress/src/progress.js');
+var progress = require('./components/progress/src/progress2.js');
 var index$F = require('./components/progress/index.js');
-var radio = require('./components/radio/src/radio2.js');
-var radioGroup = require('./components/radio/src/radio-group2.js');
-var radioButton = require('./components/radio/src/radio-button.js');
+var radio = require('./components/radio/src/radio.js');
+var radioGroup = require('./components/radio/src/radio-group.js');
+var radioButton = require('./components/radio/src/radio-button2.js');
 var index$G = require('./components/radio/index.js');
-var rate = require('./components/rate/src/rate.js');
+var rate = require('./components/rate/src/rate2.js');
 var index$H = require('./components/rate/index.js');
 var result = require('./components/result/src/result.js');
 var index$I = require('./components/result/index.js');
 var row = require('./components/row/src/row.js');
 var index$J = require('./components/row/index.js');
 var util = require('./components/scrollbar/src/util.js');
-var scrollbar = require('./components/scrollbar/src/scrollbar2.js');
+var scrollbar = require('./components/scrollbar/src/scrollbar.js');
 var thumb = require('./components/scrollbar/src/thumb.js');
 var index$K = require('./components/scrollbar/index.js');
 var token = require('./components/select/src/token.js');
@@ -138,7 +138,7 @@ var tabBar = require('./components/tabs/src/tab-bar2.js');
 var tabNav = require('./components/tabs/src/tab-nav.js');
 var tabPane = require('./components/tabs/src/tab-pane.js');
 var index$T = require('./components/tabs/index.js');
-var tag = require('./components/tag/src/tag.js');
+var tag = require('./components/tag/src/tag2.js');
 var index$U = require('./components/tag/index.js');
 var dateUtils = require('./components/time-picker/src/common/date-utils.js');
 var constant = require('./components/time-picker/src/common/constant.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-ps",
-  "version": "2.0.31",
+  "version": "2.0.32",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-ps",

package/web-types.json

@@ -1 +1 @@
-{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"element-ps","version":"2.0.31","contributions":{"html":{"types-syntax":"typescript","description-markup":"markdown"}}}
+{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"element-ps","version":"2.0.32","contributions":{"html":{"types-syntax":"typescript","description-markup":"markdown"}}}