@varlet/ui 3.3.12 → 3.3.13-alpha.1723094901591

package/es/button/Button.mjs

@@ -10,7 +10,7 @@ import { call, normalizeToArray } from "@varlet/shared";
 const { name, n, classes } = createNamespace("button");
 import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
-const _hoisted_1 = ["type", "disabled"];
+const _hoisted_1 = ["tabindex", "type", "disabled"];
 function __render__(_ctx, _cache) {
   const _component_var_loading = _resolveComponent("var-loading");
   const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
@@ -34,6 +34,7 @@ function __render__(_ctx, _cache) {
         [_ctx.states.text && _ctx.disabled, _ctx.n("--text-disabled")]
       )
     ),
+    tabindex: _ctx.focusable ? void 0 : "-1",
     style: _normalizeStyle({
       color: _ctx.states.textColor,
       background: _ctx.states.color
@@ -42,7 +43,7 @@ function __render__(_ctx, _cache) {
     disabled: _ctx.disabled,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
     onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
-    onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.isFocusing = true),
+    onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
     onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.isFocusing = false)
   }, [
     _ctx.loading || _ctx.pending ? (_openBlock(), _createBlock(_component_var_loading, {
@@ -137,16 +138,23 @@ const __sfc__ = defineComponent({
       }
       attemptAutoLoading(call(onTouchstart, e));
     }
+    function handleFocus() {
+      if (!props2.focusable) {
+        return;
+      }
+      isFocusing.value = true;
+    }
     return {
       pending,
       states,
       hovering,
+      isFocusing,
       n,
       classes,
       handleHovering,
       handleClick,
       handleTouchstart,
-      isFocusing
+      handleFocus
     };
   }
 });

package/es/button/props.mjs

@@ -38,6 +38,10 @@ const props = {
     type: Boolean,
     default: true
   },
+  focusable: {
+    type: Boolean,
+    default: true
+  },
   color: String,
   textColor: String,
   elevation: {

package/es/index.bundle.mjs

@@ -265,7 +265,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.3.12'
+const version = '3.3.13-alpha.1723094901591'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -176,7 +176,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.3.12'
+const version = '3.3.13-alpha.1723094901591'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/loading-bar/index.mjs

@@ -2,84 +2,89 @@ import LoadingBarComponent from "./LoadingBar.mjs";
 import { reactive } from "vue";
 import { mountInstance } from "../utils/components.mjs";
 import { props as loadingBarProps } from "./props.mjs";
+const OPACITY_DELAY = 200;
 let valueTimer;
 let errorTimer;
-let opacityTimer;
 let finishTimer;
+let finishErrorTimer;
+let opacityTimer;
 let isMount;
-let setOptions = {};
+let internalOptions = {};
 const internalProps = {
   value: 0,
   opacity: 0,
   error: false
 };
-const props = reactive(internalProps);
-const setDefaultOptions = (options) => {
-  Object.assign(props, options);
-  setOptions = options;
-};
+const ctx = reactive(internalProps);
+function setDefaultOptions(options) {
+  Object.assign(ctx, options);
+  internalOptions = options;
+}
 const resetDefaultOptions = () => {
-  Object.keys(setOptions).forEach((key) => {
-    if (props[key] !== void 0) {
-      props[key] = void 0;
+  Object.keys(internalOptions).forEach((key) => {
+    if (ctx[key] !== void 0) {
+      ctx[key] = void 0;
     }
   });
 };
 const mount = () => {
   if (!isMount) {
     isMount = true;
-    mountInstance(LoadingBarComponent, props);
+    mountInstance(LoadingBarComponent, ctx);
   }
 };
-const tickValue = () => {
+const tick = () => {
   valueTimer = window.setTimeout(() => {
-    if (props.value >= 95)
+    if (ctx.value >= 95) {
       return;
-    let num = Math.random();
-    if (props.value < 70)
-      num = Math.round(5 * Math.random());
-    props.value += num;
-    tickValue();
+    }
+    ctx.value += ctx.value < 70 ? Math.round(5 * Math.random()) : Math.random();
+    tick();
   }, 200);
 };
 const clearTimer = () => {
-  window.clearTimeout(errorTimer);
   window.clearTimeout(valueTimer);
   window.clearTimeout(opacityTimer);
   window.clearTimeout(finishTimer);
+  window.clearTimeout(errorTimer);
+  window.clearTimeout(finishErrorTimer);
+};
+const finishTask = () => {
+  clearTimer();
+  ctx.value = 100;
+  opacityTimer = window.setTimeout(() => {
+    ctx.opacity = 0;
+    finishErrorTimer = window.setTimeout(() => {
+      ctx.error = false;
+    }, 250);
+  }, OPACITY_DELAY + 100);
 };
 const start = () => {
   clearTimer();
-  props.error = false;
-  props.value = 0;
+  ctx.error = false;
+  ctx.value = 0;
   mount();
   opacityTimer = window.setTimeout(() => {
-    props.opacity = 1;
-  }, 200);
-  tickValue();
+    ctx.opacity = 1;
+  }, OPACITY_DELAY);
+  tick();
 };
 const finish = () => {
-  clearTimer();
-  props.value = 100;
-  opacityTimer = window.setTimeout(() => {
-    props.opacity = 0;
-    errorTimer = window.setTimeout(() => {
-      props.error = false;
-    }, 250);
-  }, 300);
+  var _a;
+  finishTimer = window.setTimeout(finishTask, (_a = ctx.finishDelay) != null ? _a : 0);
 };
 const error = () => {
   clearTimer();
-  props.error = true;
-  if (props.value === 100) {
-    props.value = 0;
+  ctx.error = true;
+  if (ctx.value === 100) {
+    ctx.value = 0;
   }
   mount();
   opacityTimer = window.setTimeout(() => {
-    props.opacity = 1;
-  }, 200);
-  tickValue();
-  finishTimer = window.setTimeout(finish, 300);
+    ctx.opacity = 1;
+  }, OPACITY_DELAY);
+  tick();
+  errorTimer = window.setTimeout(finishTask, 300);
 };
 const LoadingBar = {
   start,