@element-plus/nightly 0.0.20220830 → 0.0.20220902

package/es/directives/repeat-click/index.mjs

@@ -1,28 +1,34 @@
+const REPEAT_INTERVAL = 100;
+const REPEAT_DELAY = 600;
 const RepeatClick = {
   beforeMount(el, binding) {
     let interval = null;
-    let isHandlerCalled = false;
+    let delay = null;
     const handler = () => binding.value && binding.value();
     const clear = () => {
-      clearInterval(interval);
-      interval = null;
-      if (!isHandlerCalled) {
-        handler();
+      if (delay) {
+        clearTimeout(delay);
+        delay = null;
+      }
+      if (interval) {
+        clearInterval(interval);
+        interval = null;
       }
-      isHandlerCalled = false;
     };
     el.addEventListener("mousedown", (e) => {
       if (e.button !== 0)
         return;
+      handler();
       document.addEventListener("mouseup", clear, { once: true });
-      clearInterval(interval);
-      interval = setInterval(() => {
-        isHandlerCalled = true;
-        handler();
-      }, 100);
+      clear();
+      delay = setTimeout(() => {
+        interval = setInterval(() => {
+          handler();
+        }, REPEAT_INTERVAL);
+      }, REPEAT_DELAY);
     });
   }
 };
 
-export { RepeatClick as default };
+export { REPEAT_DELAY, REPEAT_INTERVAL, RepeatClick as default };
 //# sourceMappingURL=index.mjs.map

package/es/directives/repeat-click/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/repeat-click/index.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\nconst RepeatClick: ObjectDirective = {\n  beforeMount(el: HTMLElement, binding: DirectiveBinding) {\n    let interval: ReturnType<typeof setInterval> | null = null\n    let isHandlerCalled = false\n\n    const handler = () => binding.value && binding.value()\n\n    const clear = () => {\n      clearInterval(interval!)\n      interval = null\n\n      if (!isHandlerCalled) {\n        handler()\n      }\n      isHandlerCalled = false\n    }\n\n    el.addEventListener('mousedown', (e: MouseEvent) => {\n      if (e.button !== 0) return\n\n      document.addEventListener('mouseup', clear, { once: true })\n\n      clearInterval(interval!)\n      interval = setInterval(() => {\n        isHandlerCalled = true\n        handler()\n      }, 100)\n    })\n  },\n}\n\nexport default RepeatClick\n"],"names":[],"mappings":"AAAK,MAAC,WAAW,GAAG;AACpB,EAAE,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE;AAC3B,IAAI,IAAI,QAAQ,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,eAAe,GAAG,KAAK,CAAC;AAChC,IAAI,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;AAC3D,IAAI,MAAM,KAAK,GAAG,MAAM;AACxB,MAAM,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC;AACtB,MAAM,IAAI,CAAC,eAAe,EAAE;AAC5B,QAAQ,OAAO,EAAE,CAAC;AAClB,OAAO;AACP,MAAM,eAAe,GAAG,KAAK,CAAC;AAC9B,KAAK,CAAC;AACN,IAAI,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK;AAC5C,MAAM,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;AACxB,QAAQ,OAAO;AACf,MAAM,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAClE,MAAM,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC9B,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM;AACnC,QAAQ,eAAe,GAAG,IAAI,CAAC;AAC/B,QAAQ,OAAO,EAAE,CAAC;AAClB,OAAO,EAAE,GAAG,CAAC,CAAC;AACd,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/repeat-click/index.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\nexport const REPEAT_INTERVAL = 100\nexport const REPEAT_DELAY = 600\n\nconst RepeatClick: ObjectDirective = {\n  beforeMount(el: HTMLElement, binding: DirectiveBinding) {\n    let interval: ReturnType<typeof setInterval> | null = null\n    let delay: ReturnType<typeof setTimeout> | null = null\n\n    const handler = () => binding.value && binding.value()\n\n    const clear = () => {\n      if (delay) {\n        clearTimeout(delay)\n        delay = null\n      }\n      if (interval) {\n        clearInterval(interval)\n        interval = null\n      }\n    }\n\n    el.addEventListener('mousedown', (e: MouseEvent) => {\n      if (e.button !== 0) return\n      handler()\n\n      document.addEventListener('mouseup', clear, { once: true })\n      clear()\n      delay = setTimeout(() => {\n        interval = setInterval(() => {\n          handler()\n        }, REPEAT_INTERVAL)\n      }, REPEAT_DELAY)\n    })\n  },\n}\n\nexport default RepeatClick\n"],"names":[],"mappings":"AAAY,MAAC,eAAe,GAAG,IAAI;AACvB,MAAC,YAAY,GAAG,IAAI;AAC3B,MAAC,WAAW,GAAG;AACpB,EAAE,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE;AAC3B,IAAI,IAAI,QAAQ,GAAG,IAAI,CAAC;AACxB,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC;AACrB,IAAI,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;AAC3D,IAAI,MAAM,KAAK,GAAG,MAAM;AACxB,MAAM,IAAI,KAAK,EAAE;AACjB,QAAQ,YAAY,CAAC,KAAK,CAAC,CAAC;AAC5B,QAAQ,KAAK,GAAG,IAAI,CAAC;AACrB,OAAO;AACP,MAAM,IAAI,QAAQ,EAAE;AACpB,QAAQ,aAAa,CAAC,QAAQ,CAAC,CAAC;AAChC,QAAQ,QAAQ,GAAG,IAAI,CAAC;AACxB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK;AAC5C,MAAM,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;AACxB,QAAQ,OAAO;AACf,MAAM,OAAO,EAAE,CAAC;AAChB,MAAM,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAClE,MAAM,KAAK,EAAE,CAAC;AACd,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM;AAC/B,QAAQ,QAAQ,GAAG,WAAW,CAAC,MAAM;AACrC,UAAU,OAAO,EAAE,CAAC;AACpB,SAAS,EAAE,eAAe,CAAC,CAAC;AAC5B,OAAO,EAAE,YAAY,CAAC,CAAC;AACvB,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}

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

@@ -1,6 +1,6 @@
 export declare const defaultNamespace = "el";
 export declare const useNamespace: (block: string) => {
-    namespace: import("vue").ComputedRef<string>;
+    namespace: import("vue").Ref<string>;
     b: (blockSuffix?: string) => string;
     e: (element?: string | undefined) => string;
     m: (modifier?: string | undefined) => string;

package/es/hooks/use-namespace/index.mjs

@@ -1,4 +1,3 @@
-import { computed, unref } from 'vue';
 import { useGlobalConfig } from '../use-global-config/index.mjs';
 
 const defaultNamespace = "el";
@@ -17,15 +16,14 @@ const _bem = (namespace, block, blockSuffix, element, modifier) => {
   return cls;
 };
 const useNamespace = (block) => {
-  const globalConfig = useGlobalConfig("namespace");
-  const namespace = computed(() => globalConfig.value || defaultNamespace);
-  const b = (blockSuffix = "") => _bem(unref(namespace), block, blockSuffix, "", "");
-  const e = (element) => element ? _bem(unref(namespace), block, "", element, "") : "";
-  const m = (modifier) => modifier ? _bem(unref(namespace), block, "", "", modifier) : "";
-  const be = (blockSuffix, element) => blockSuffix && element ? _bem(unref(namespace), block, blockSuffix, element, "") : "";
-  const em = (element, modifier) => element && modifier ? _bem(unref(namespace), block, "", element, modifier) : "";
-  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(unref(namespace), block, blockSuffix, "", modifier) : "";
-  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(unref(namespace), block, blockSuffix, element, modifier) : "";
+  const namespace = useGlobalConfig("namespace", defaultNamespace);
+  const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
+  const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
+  const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
+  const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
+  const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
+  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
+  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
   const is = (name, ...args) => {
     const state = args.length >= 1 ? args[0] : true;
     return name && state ? `${statePrefix}${name}` : "";

package/es/hooks/use-namespace/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { computed, unref } from 'vue'\nimport { useGlobalConfig } from '../use-global-config'\n\nexport const 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      if (object[key]) {\n        styles[`--${namespace.value}-${key}`] = object[key]\n      }\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      if (object[key]) {\n        styles[`--${namespace.value}-${block}-${key}`] = object[key]\n      }\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":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-namespace/index.ts"],"sourcesContent":["import { useGlobalConfig } from '../use-global-config'\n\nexport const 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 namespace = useGlobalConfig('namespace', defaultNamespace)\n  const b = (blockSuffix = '') =>\n    _bem(namespace.value, block, blockSuffix, '', '')\n  const e = (element?: string) =>\n    element ? _bem(namespace.value, block, '', element, '') : ''\n  const m = (modifier?: string) =>\n    modifier ? _bem(namespace.value, block, '', '', modifier) : ''\n  const be = (blockSuffix?: string, element?: string) =>\n    blockSuffix && element\n      ? _bem(namespace.value, block, blockSuffix, element, '')\n      : ''\n  const em = (element?: string, modifier?: string) =>\n    element && modifier\n      ? _bem(namespace.value, block, '', element, modifier)\n      : ''\n  const bm = (blockSuffix?: string, modifier?: string) =>\n    blockSuffix && modifier\n      ? _bem(namespace.value, block, blockSuffix, '', modifier)\n      : ''\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) =>\n    blockSuffix && element && modifier\n      ? _bem(namespace.value, 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      if (object[key]) {\n        styles[`--${namespace.value}-${key}`] = object[key]\n      }\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      if (object[key]) {\n        styles[`--${namespace.value}-${block}-${key}`] = object[key]\n      }\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":[],"mappings":"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"}

package/es/index.mjs

@@ -22,7 +22,7 @@ export { ElBadge } from './components/badge/index.mjs';
 export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb.mjs';
 export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item.mjs';
 export { ElBreadcrumb, ElBreadcrumbItem } from './components/breadcrumb/index.mjs';
-export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button.mjs';
+export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button2.mjs';
 export { ElButton, ElButtonGroup } from './components/button/index.mjs';
 export { calendarEmits, calendarProps } from './components/calendar/src/calendar.mjs';
 export { ElCalendar } from './components/calendar/index.mjs';
@@ -32,7 +32,7 @@ export { carouselEmits, carouselProps } from './components/carousel/src/carousel
 export { carouselItemProps } from './components/carousel/src/carousel-item.mjs';
 export { ElCarousel, ElCarouselItem } from './components/carousel/index.mjs';
 export { ElCascader } from './components/cascader/index.mjs';
-export { CASCADER_PANEL_INJECTION_KEY, ExpandTrigger } from './components/cascader-panel/src/types.mjs';
+export { CASCADER_PANEL_INJECTION_KEY } from './components/cascader-panel/src/types.mjs';
 export { CommonProps, DefaultProps, useCascaderConfig } from './components/cascader-panel/src/config.mjs';
 export { ElCascaderPanel } from './components/cascader-panel/index.mjs';
 export { checkTagEmits, checkTagProps } from './components/check-tag/src/check-tag.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220830";
+export declare const version = "0.0.20220902";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20220830";
+const version = "0.0.20220902";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220830'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220902'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

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

@@ -22,7 +22,7 @@ export declare const ElAffix: import("element-plus/es/utils").SFCWithInstall<imp
         fixed: boolean;
     }) => void);
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;

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

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         fixed: boolean;
     }) => void);
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;

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

@@ -26,7 +26,7 @@ export declare const ElAlert: import("element-plus/es/utils").SFCWithInstall<imp
         [name: string]: import("vue").Slot | undefined;
     }>;
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -83,7 +83,7 @@ export declare const ElAlert: import("element-plus/es/utils").SFCWithInstall<imp
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
         ns: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;

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

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         [name: string]: import("vue").Slot | undefined;
     }>;
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<{
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
         ns: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;

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

@@ -58,7 +58,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
     };
     disabled: import("vue").ComputedRef<boolean>;
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -347,7 +347,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
             inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
             inputDisabled: import("vue").ComputedRef<boolean>;
             nsInput: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -365,7 +365,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                 cssVarBlockName: (name: string) => string;
             };
             nsTextarea: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -456,7 +456,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                     [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
                 }>>;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -706,7 +706,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
         inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
         inputDisabled: import("vue").ComputedRef<boolean>;
         nsInput: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -724,7 +724,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
             cssVarBlockName: (name: string) => string;
         };
         nsTextarea: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -815,7 +815,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             }>>;
             ns: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -853,6 +853,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
     regionRef: import("vue").Ref<HTMLElement | undefined>;
     popperRef: import("vue").Ref<any>;
     listboxRef: import("vue").Ref<HTMLElement | undefined>;
+    readonly: boolean;
     ignoreFocusEvent: boolean;
     suggestions: import("vue").Ref<Record<string, any>[]>;
     highlightedIndex: import("vue").Ref<number>;
@@ -1037,7 +1038,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
         inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
         inputDisabled: import("vue").ComputedRef<boolean>;
         nsInput: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -1055,7 +1056,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
             cssVarBlockName: (name: string) => string;
         };
         nsTextarea: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -1146,7 +1147,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             }>>;
             ns: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -1319,7 +1320,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
             scrollLeft: number;
         }) => void;
         ns: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -1418,7 +1419,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                     }>>;
                     scrollbar: import("../..").ScrollbarContext;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -1561,7 +1562,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                 }>>;
                 scrollbar: import("../..").ScrollbarContext;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -1690,7 +1691,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                 }>>;
                 scrollbar: import("../..").ScrollbarContext;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -3531,7 +3532,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                         formItemContext: import("../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -4170,7 +4171,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                     formItemContext: import("../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -5380,7 +5381,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                     formItemContext: import("../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -6019,7 +6020,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                 formItemContext: import("../..").FormItemContext | undefined;
                 nextZIndex: () => number;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -6493,7 +6494,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
         ns: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;

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

@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: import("vue").ComputedRef<boolean>;
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -350,7 +350,7 @@ declare const _default: import("vue").DefineComponent<{
             inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
             inputDisabled: import("vue").ComputedRef<boolean>;
             nsInput: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -368,7 +368,7 @@ declare const _default: import("vue").DefineComponent<{
                 cssVarBlockName: (name: string) => string;
             };
             nsTextarea: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -459,7 +459,7 @@ declare const _default: import("vue").DefineComponent<{
                     [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
                 }>>;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -709,7 +709,7 @@ declare const _default: import("vue").DefineComponent<{
         inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
         inputDisabled: import("vue").ComputedRef<boolean>;
         nsInput: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -727,7 +727,7 @@ declare const _default: import("vue").DefineComponent<{
             cssVarBlockName: (name: string) => string;
         };
         nsTextarea: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -818,7 +818,7 @@ declare const _default: import("vue").DefineComponent<{
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             }>>;
             ns: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -856,6 +856,7 @@ declare const _default: import("vue").DefineComponent<{
     regionRef: import("vue").Ref<HTMLElement | undefined>;
     popperRef: import("vue").Ref<any>;
     listboxRef: import("vue").Ref<HTMLElement | undefined>;
+    readonly: boolean;
     ignoreFocusEvent: boolean;
     suggestions: import("vue").Ref<Record<string, any>[]>;
     highlightedIndex: import("vue").Ref<number>;
@@ -1040,7 +1041,7 @@ declare const _default: import("vue").DefineComponent<{
         inputSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
         inputDisabled: import("vue").ComputedRef<boolean>;
         nsInput: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -1058,7 +1059,7 @@ declare const _default: import("vue").DefineComponent<{
             cssVarBlockName: (name: string) => string;
         };
         nsTextarea: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -1149,7 +1150,7 @@ declare const _default: import("vue").DefineComponent<{
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             }>>;
             ns: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -1322,7 +1323,7 @@ declare const _default: import("vue").DefineComponent<{
             scrollLeft: number;
         }) => void;
         ns: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -1421,7 +1422,7 @@ declare const _default: import("vue").DefineComponent<{
                     }>>;
                     scrollbar: import("../../..").ScrollbarContext;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -1564,7 +1565,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>>;
                 scrollbar: import("../../..").ScrollbarContext;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -1693,7 +1694,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>>;
                 scrollbar: import("../../..").ScrollbarContext;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -3534,7 +3535,7 @@ declare const _default: import("vue").DefineComponent<{
                         formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -4173,7 +4174,7 @@ declare const _default: import("vue").DefineComponent<{
                     formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -5383,7 +5384,7 @@ declare const _default: import("vue").DefineComponent<{
                     formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -6022,7 +6023,7 @@ declare const _default: import("vue").DefineComponent<{
                 formItemContext: import("../../..").FormItemContext | undefined;
                 nextZIndex: () => number;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -6496,7 +6497,7 @@ declare const _default: import("vue").DefineComponent<{
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
         ns: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;

package/lib/components/autocomplete/src/autocomplete2.js

@@ -45,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const regionRef = vue.ref();
     const popperRef = vue.ref();
     const listboxRef = vue.ref();
+    let readonly = false;
     let ignoreFocusEvent = false;
     const suggestions = vue.ref([]);
     const highlightedIndex = vue.ref(-1);
@@ -131,7 +132,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return;
       activated.value = true;
       emit("focus", evt);
-      if (props.triggerOnFocus) {
+      if (props.triggerOnFocus && !readonly) {
         debouncedGetData(String(props.modelValue));
       }
     };
@@ -212,6 +213,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       inputRef.value.ref.setAttribute("aria-autocomplete", "list");
       inputRef.value.ref.setAttribute("aria-controls", "id");
       inputRef.value.ref.setAttribute("aria-activedescendant", `${listboxId.value}-item-${highlightedIndex.value}`);
+      readonly = inputRef.value.ref.hasAttribute("readonly");
     });
     expose({
       highlightedIndex,