@varlet/ui 3.3.13-alpha.1722867213138 → 3.3.13-alpha.1723100749009

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.13-alpha.1722867213138'
+const version = '3.3.13-alpha.1723100749009'
 
 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.13-alpha.1722867213138'
+const version = '3.3.13-alpha.1723100749009'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/loading-bar/LoadingBar.mjs

@@ -23,7 +23,8 @@ var stdin_default = defineComponent({
         opacity: props2.opacity,
         height: toSizeUnit(props2.height),
         backgroundColor: props2.error ? props2.errorColor : props2.color,
-        top: toSizeUnit(props2.top)
+        top: toSizeUnit(props2.top),
+        transitionDuration: props2.transitionDuration == null ? void 0 : `${props2.transitionDuration}ms`
       }
     }, null);
   }

package/es/loading-bar/index.mjs

@@ -35,6 +35,7 @@ const mount = () => {
 };
 const tick = () => {
   valueTimer = window.setTimeout(() => {
+    ctx.transitionDuration = void 0;
     if (ctx.value >= 95) {
       return;
     }
@@ -63,6 +64,7 @@ const start = () => {
   clearTimer();
   ctx.error = false;
   ctx.value = 0;
+  ctx.transitionDuration = 0;
   mount();
   opacityTimer = window.setTimeout(() => {
     ctx.opacity = 1;
@@ -78,6 +80,7 @@ const error = () => {
   ctx.error = true;
   if (ctx.value === 100) {
     ctx.value = 0;
+    ctx.transitionDuration = 0;
   }
   mount();
   opacityTimer = window.setTimeout(() => {

package/es/loading-bar/props.mjs

@@ -11,7 +11,8 @@ const props = {
   color: String,
   errorColor: String,
   height: [Number, String],
-  top: [Number, String]
+  top: [Number, String],
+  transitionDuration: Number
 };
 export {
   props

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'