@varlet/ui 2.7.3 → 2.7.4-alpha.1675865250542

package/es/action-sheet/index.mjs

@@ -1,8 +1,19 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import VarActionSheet from './ActionSheet.mjs';
 import { nextTick, reactive } from 'vue';
 import { inBrowser } from '@varlet/shared';
 import { call, mountInstance } from '../utils/components.mjs';
 var singletonOptions;
+var defaultOptions = {};
+
+function normalizeOptions(options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  return _extends({}, defaultOptions, options);
+}
 
 function ActionSheet(options) {
   if (!inBrowser()) {
@@ -11,7 +22,7 @@ function ActionSheet(options) {
 
   return new Promise(resolve => {
     ActionSheet.close();
-    var reactiveActionSheetOptions = reactive(options);
+    var reactiveActionSheetOptions = reactive(normalizeOptions(options));
     reactiveActionSheetOptions.teleport = 'body';
     singletonOptions = reactiveActionSheetOptions;
     var {
@@ -42,13 +53,15 @@ function ActionSheet(options) {
   });
 }
 
-ActionSheet.Component = VarActionSheet;
+function setDefaultOptions(options) {
+  defaultOptions = options;
+}
 
-VarActionSheet.install = function (app) {
-  app.component(VarActionSheet.name, VarActionSheet);
-};
+function resetDefaultOptions() {
+  defaultOptions = {};
+}
 
-ActionSheet.close = () => {
+function close() {
   if (singletonOptions != null) {
     var prevSingletonOptions = singletonOptions;
     singletonOptions = null;
@@ -56,12 +69,23 @@ ActionSheet.close = () => {
       prevSingletonOptions.show = false;
     });
   }
+}
+
+ActionSheet.Component = VarActionSheet;
+
+VarActionSheet.install = function (app) {
+  app.component(VarActionSheet.name, VarActionSheet);
 };
 
 ActionSheet.install = function (app) {
   app.component(VarActionSheet.name, VarActionSheet);
 };
 
+Object.assign(ActionSheet, {
+  setDefaultOptions,
+  resetDefaultOptions,
+  close
+});
 export { props as actionSheetProps } from './props.mjs';
 export var _ActionSheetComponent = VarActionSheet;
 export default ActionSheet;

package/es/countdown/Countdown.mjs

@@ -92,7 +92,7 @@ var __sfc__ = defineComponent({
         onEnd,
         autoStart
       } = props;
-      var now = Date.now();
+      var now = performance.now();
       if (!endTime.value) endTime.value = now + toNumber(time);
       var durationTime = endTime.value - now;
       if (durationTime < 0) durationTime = 0;

package/es/dialog/index.mjs

@@ -1,8 +1,25 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import VarDialog from './Dialog.mjs';
 import { reactive, nextTick } from 'vue';
-import { inBrowser, isNumber, isString } from '@varlet/shared';
+import { inBrowser, isString } from '@varlet/shared';
 import { call, mountInstance } from '../utils/components.mjs';
 var singletonOptions;
+var defaultOptions = {};
+
+function normalizeOptions(options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  if (isString(options)) {
+    return _extends({}, defaultOptions, {
+      message: options
+    });
+  }
+
+  return _extends({}, defaultOptions, options);
+}
 
 function Dialog(options) {
   if (!inBrowser()) {
@@ -11,9 +28,7 @@ function Dialog(options) {
 
   return new Promise(resolve => {
     Dialog.close();
-    var dialogOptions = isString(options) || isNumber(options) ? {
-      message: String(options)
-    } : options;
+    var dialogOptions = normalizeOptions(options);
     var reactiveDialogOptions = reactive(dialogOptions);
     reactiveDialogOptions.teleport = 'body';
     singletonOptions = reactiveDialogOptions;
@@ -49,15 +64,15 @@ function Dialog(options) {
   });
 }
 
-VarDialog.install = function (app) {
-  app.component(VarDialog.name, VarDialog);
-};
+function setDefaultOptions(options) {
+  defaultOptions = options;
+}
 
-Dialog.install = function (app) {
-  app.component(VarDialog.name, VarDialog);
-};
+function resetDefaultOptions() {
+  defaultOptions = {};
+}
 
-Dialog.close = () => {
+function close() {
   if (singletonOptions != null) {
     var prevSingletonOptions = singletonOptions;
     singletonOptions = null;
@@ -65,6 +80,20 @@ Dialog.close = () => {
       prevSingletonOptions.show = false;
     });
   }
+}
+
+Object.assign(Dialog, {
+  setDefaultOptions,
+  resetDefaultOptions,
+  close
+});
+
+VarDialog.install = function (app) {
+  app.component(VarDialog.name, VarDialog);
+};
+
+Dialog.install = function (app) {
+  app.component(VarDialog.name, VarDialog);
 };
 
 Dialog.Component = VarDialog;

package/es/index.bundle.mjs

@@ -217,7 +217,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.7.3'
+const version = '2.7.4-alpha.1675865250542'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -144,7 +144,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.7.3'
+const version = '2.7.4-alpha.1675865250542'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/input/input.css

@@ -1 +1 @@
-:root { --input-input-text-color: #555; --input-error-color: var(--color-danger); --input-blur-color: #888; --input-focus-color: var(--color-primary); --input-placeholder-size: 16px; --input-textarea-height: auto; --input-textarea-padding-top: 8px; --input-icon-padding: 16px 0 0; --input-icon-size: 20px; --input-line-size: 1px; --input-line-spread-size: 2px; --input-disabled-color: var(--color-text-disabled);}.var-input-footer-margin-enter-from,.var-input-footer-margin-leave-to { opacity: 0; margin-top: 2px !important;}.var-input-footer-margin-enter-active,.var-input-footer-margin-leave-active { transition: 0.2s all var(--cubic-bezier);}.var-input { width: 100%; color: var(--input-input-text-color);}.var-input__controller { width: 100%; display: flex; position: relative;}.var-input__wrap { position: relative; flex-grow: 1; display: flex; flex-direction: column; padding-top: var(--input-placeholder-size);}.var-input__icon { display: flex; align-items: center; padding: var(--input-icon-padding); font-size: 20px;}.var-input__placeholder { position: absolute; top: 50%; left: 0; width: 100%; transform-origin: left; transition: top 0.3s, transform 0.3s, width 0.3s, color 0.25s; transform: translate(0, calc(-50% + var(--input-placeholder-size) / 2)) scale(1); font-size: var(--input-placeholder-size); color: var(--input-blur-color); cursor: inherit;}.var-input__textarea-placeholder { position: absolute; top: 0; left: 0; width: 100%; transform-origin: left; transition: transform 0.3s, width 0.3s, color 0.25s; transform: translate(0, calc(var(--input-textarea-padding-top) + var(--input-placeholder-size))) scale(1); font-size: var(--input-placeholder-size); color: var(--input-blur-color); cursor: inherit;}.var-input__autocomplete { width: 0; height: 0; padding: 0; border: none; outline: none; font-size: 0;}.var-input__input { width: 100%; height: 32px; padding: 0; outline: none; border: none; background: transparent; color: var(--input-input-text-color); caret-color: var(--input-focus-color); transition: color 0.25s; font: inherit;}.var-input__line { width: 100%; height: var(--input-line-size); background: var(--input-blur-color); transition: background-color 0.25s;}.var-input__dot { width: 100%; height: var(--input-line-spread-size); background: var(--input-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier), background-color 0.25s;}.var-input__clear-icon[var-input-cover] { display: flex; margin-left: 4px;}.var-input--textarea { padding-top: var(--input-textarea-padding-top); height: var(--input-textarea-height);}.var-input--placeholder-hint { top: 0; width: 133.33%; transform: translate(0, 0) scale(0.75);}.var-input--placeholder-non-hint { top: 50%; transform: translate(0, -50%) scale(1);}.var-input--non-hint { padding-top: 0;}.var-input--placeholder-hidden { visibility: hidden;}.var-input--focus { color: var(--input-focus-color);}.var-input--spread { transform: scaleX(1);}.var-input--disabled { color: var(--input-disabled-color); cursor: not-allowed;}.var-input--error { color: var(--input-error-color);}.var-input--line-disabled { background: var(--input-disabled-color);}.var-input--line-error { background: var(--input-error-color);}.var-input--caret-error { caret-color: var(--input-error-color);}
+:root { --input-input-text-color: #555; --input-error-color: var(--color-danger); --input-blur-color: #888; --input-focus-color: var(--color-primary); --input-placeholder-size: 16px; --input-textarea-height: auto; --input-textarea-padding-top: 8px; --input-icon-padding: 16px 0 0; --input-icon-size: 20px; --input-line-size: 1px; --input-line-spread-size: 2px; --input-disabled-color: var(--color-text-disabled);}.var-input-footer-margin-enter-from,.var-input-footer-margin-leave-to { opacity: 0; margin-top: 2px !important;}.var-input-footer-margin-enter-active,.var-input-footer-margin-leave-active { transition: 0.2s all var(--cubic-bezier);}.var-input { width: 100%; color: var(--input-input-text-color); overflow: hidden;}.var-input__controller { width: 100%; display: flex; position: relative;}.var-input__wrap { position: relative; flex-grow: 1; display: flex; flex-direction: column; padding-top: var(--input-placeholder-size);}.var-input__icon { display: flex; align-items: center; padding: var(--input-icon-padding); font-size: 20px;}.var-input__placeholder { position: absolute; top: 50%; left: 0; width: 100%; transform-origin: left; transition: top 0.3s, transform 0.3s, width 0.3s, color 0.25s; transform: translate(0, calc(-50% + var(--input-placeholder-size) / 2)) scale(1); font-size: var(--input-placeholder-size); color: var(--input-blur-color); cursor: inherit;}.var-input__textarea-placeholder { position: absolute; top: 0; left: 0; width: 100%; transform-origin: left; transition: transform 0.3s, width 0.3s, color 0.25s; transform: translate(0, calc(var(--input-textarea-padding-top) + var(--input-placeholder-size))) scale(1); font-size: var(--input-placeholder-size); color: var(--input-blur-color); cursor: inherit;}.var-input__autocomplete { width: 0; height: 0; padding: 0; border: none; outline: none; font-size: 0;}.var-input__input { width: 100%; height: 32px; padding: 0; outline: none; border: none; background: transparent; color: var(--input-input-text-color); caret-color: var(--input-focus-color); transition: color 0.25s; font: inherit;}.var-input__line { width: 100%; height: var(--input-line-size); background: var(--input-blur-color); transition: background-color 0.25s;}.var-input__dot { width: 100%; height: var(--input-line-spread-size); background: var(--input-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier), background-color 0.25s;}.var-input__clear-icon[var-input-cover] { display: flex; margin-left: 4px;}.var-input--textarea { padding-top: var(--input-textarea-padding-top); height: var(--input-textarea-height);}.var-input--placeholder-hint { top: 0; width: 133.33%; transform: translate(0, 0) scale(0.75);}.var-input--placeholder-non-hint { top: 50%; transform: translate(0, -50%) scale(1);}.var-input--non-hint { padding-top: 0;}.var-input--placeholder-hidden { visibility: hidden;}.var-input--focus { color: var(--input-focus-color);}.var-input--spread { transform: scaleX(1);}.var-input--disabled { color: var(--input-disabled-color); cursor: not-allowed;}.var-input--error { color: var(--input-error-color);}.var-input--line-disabled { background: var(--input-disabled-color);}.var-input--line-error { background: var(--input-error-color);}.var-input--caret-error { caret-color: var(--input-error-color);}

package/es/loading-bar/index.mjs

@@ -3,16 +3,31 @@ import { reactive } from 'vue';
 import { mountInstance } from '../utils/components.mjs';
 var timer;
 var isMount;
-var props = reactive({
+var setOptions = {};
+var internalProps = {
   value: 0,
   opacity: 0,
   error: false
-});
+};
+var props = reactive(internalProps);
 
 var mergeConfig = options => {
   Object.assign(props, options);
 };
 
+var setDefaultOptions = options => {
+  Object.assign(props, options);
+  setOptions = options;
+};
+
+var resetDefaultOptions = () => {
+  Object.keys(setOptions).forEach(key => {
+    if (props[key] !== undefined) {
+      props[key] = undefined;
+    }
+  });
+};
+
 var changeValue = () => {
   timer = window.setTimeout(() => {
     if (props.value >= 95) return;
@@ -60,7 +75,11 @@ var LoadingBar = {
   start,
   finish,
   error,
-  mergeConfig
+
+  /** @deprecated Use setDefaultOptions to instead. */
+  mergeConfig,
+  setDefaultOptions,
+  resetDefaultOptions
 };
 export { props as loadingBarProps } from './props.mjs';
 export var _LoadingBarComponent = LoadingBar;

package/es/select/select.css

@@ -1 +1 @@
-:root { --select-select-text-color: #555; --select-select-padding: 5px 0; --select-error-color: var(--color-danger); --select-blur-color: #888; --select-focus-color: var(--color-primary); --select-scroller-background: #fff; --select-scroller-padding: 6px 0; --select-scroller-margin: 8px 0 0 0; --select-scroller-max-height: 278px; --select-placeholder-size: 16px; --select-icon-padding: 16px 0 0; --select-icon-size: 20px; --select-chip-margin: 5px 5px 0; --select-line-size: 1px; --select-line-spread-size: 2px; --select-arrow-size: 20px; --select-disabled-color: var(--color-text-disabled);}.var-select-footer-margin-enter-from,.var-select-footer-margin-leave-to { opacity: 0; margin-top: 2px !important;}.var-select-footer-margin-enter-active,.var-select-footer-margin-leave-active { transition: 0.2s all var(--cubic-bezier);}.var-select { width: 100%; color: var(--select-select-text-color);}.var-select__controller { width: 100%; display: flex; position: relative;}.var-select__menu[var-select-cover] { flex-grow: 1; background: transparent;}.var-select__chip[var-select-cover] { margin: var(--select-chip-margin);}.var-select__scroller { max-height: var(--select-scroller-max-height); background: var(--select-scroller-background); padding: var(--select-scroller-padding); overflow-y: auto; margin: var(--select-scroller-margin); transition: background-color 0.25s;}.var-select__wrap { position: relative; display: flex; flex-direction: column; width: 100%; padding-top: var(--select-placeholder-size);}.var-select__icon { display: flex; align-items: center; padding: var(--select-icon-padding); font-size: 20px;}.var-select__placeholder { position: absolute; top: 50%; left: 0; width: 100%; transform-origin: left; transition: top 0.3s, transform 0.3s, width 0.3s, color 0.25s; transform: translate(0, calc(-50% + var(--select-placeholder-size) / 2)) scale(1); font-size: var(--select-placeholder-size); color: var(--select-blur-color);}.var-select__select { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 32px; padding: var(--select-select-padding); outline: none; border: none; font-size: inherit; color: var(--select-select-text-color); word-break: break-all; overflow-x: hidden; transition: color 0.25s;}.var-select__label { display: flex; align-items: center;}.var-select__arrow[var-select-cover] { flex-shrink: 0; font-size: var(--select-arrow-size);}.var-select__line { width: 100%; height: var(--select-line-size); background: var(--select-blur-color); transition: background-color 0.25s;}.var-select__dot { width: 100%; height: var(--select-line-spread-size); background: var(--select-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier), background-color 0.25s;}.var-select--placeholder-hint { top: 0; width: 133.33%; transform: translate(0, 0) scale(0.75);}.var-select--placeholder-non-hint { top: 50%; transform: translate(0, -50%) scale(1);}.var-select--non-hint { padding-top: 0;}.var-select--placeholder-hidden { visibility: hidden;}.var-select--focus { color: var(--select-focus-color);}.var-select--spread { transform: scaleX(1);}.var-select--disabled { color: var(--select-disabled-color); cursor: not-allowed;}.var-select--error { color: var(--select-error-color);}.var-select--line-disabled { background: var(--select-disabled-color);}.var-select--line-error { background: var(--select-error-color);}.var-select--arrow-rotate { transform: rotate(180deg);}
+:root { --select-select-text-color: #555; --select-select-padding: 5px 0; --select-error-color: var(--color-danger); --select-blur-color: #888; --select-focus-color: var(--color-primary); --select-scroller-background: #fff; --select-scroller-padding: 6px 0; --select-scroller-margin: 8px 0 0 0; --select-scroller-max-height: 278px; --select-placeholder-size: 16px; --select-icon-padding: 16px 0 0; --select-icon-size: 20px; --select-chip-margin: 5px 5px 0; --select-line-size: 1px; --select-line-spread-size: 2px; --select-arrow-size: 20px; --select-disabled-color: var(--color-text-disabled);}.var-select-footer-margin-enter-from,.var-select-footer-margin-leave-to { opacity: 0; margin-top: 2px !important;}.var-select-footer-margin-enter-active,.var-select-footer-margin-leave-active { transition: 0.2s all var(--cubic-bezier);}.var-select { width: 100%; color: var(--select-select-text-color); overflow: hidden;}.var-select__controller { width: 100%; display: flex; position: relative;}.var-select__menu[var-select-cover] { flex-grow: 1; background: transparent;}.var-select__chip[var-select-cover] { margin: var(--select-chip-margin);}.var-select__scroller { max-height: var(--select-scroller-max-height); background: var(--select-scroller-background); padding: var(--select-scroller-padding); overflow-y: auto; margin: var(--select-scroller-margin); transition: background-color 0.25s;}.var-select__wrap { position: relative; display: flex; flex-direction: column; width: 100%; padding-top: var(--select-placeholder-size);}.var-select__icon { display: flex; align-items: center; padding: var(--select-icon-padding); font-size: 20px;}.var-select__placeholder { position: absolute; top: 50%; left: 0; width: 100%; transform-origin: left; transition: top 0.3s, transform 0.3s, width 0.3s, color 0.25s; transform: translate(0, calc(-50% + var(--select-placeholder-size) / 2)) scale(1); font-size: var(--select-placeholder-size); color: var(--select-blur-color);}.var-select__select { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 32px; padding: var(--select-select-padding); outline: none; border: none; font-size: inherit; color: var(--select-select-text-color); word-break: break-all; overflow-x: hidden; transition: color 0.25s;}.var-select__label { display: flex; align-items: center;}.var-select__arrow[var-select-cover] { flex-shrink: 0; font-size: var(--select-arrow-size);}.var-select__line { width: 100%; height: var(--select-line-size); background: var(--select-blur-color); transition: background-color 0.25s;}.var-select__dot { width: 100%; height: var(--select-line-spread-size); background: var(--select-focus-color); transform: scaleX(0); transform-origin: center; transition: transform 0.3s var(--cubic-bezier), background-color 0.25s;}.var-select--placeholder-hint { top: 0; width: 133.33%; transform: translate(0, 0) scale(0.75);}.var-select--placeholder-non-hint { top: 50%; transform: translate(0, -50%) scale(1);}.var-select--non-hint { padding-top: 0;}.var-select--placeholder-hidden { visibility: hidden;}.var-select--focus { color: var(--select-focus-color);}.var-select--spread { transform: scaleX(1);}.var-select--disabled { color: var(--select-disabled-color); cursor: not-allowed;}.var-select--error { color: var(--select-error-color);}.var-select--line-disabled { background: var(--select-disabled-color);}.var-select--line-error { background: var(--select-error-color);}.var-select--arrow-rotate { transform: rotate(180deg);}

package/es/snackbar/index.mjs

@@ -7,7 +7,7 @@ import VarSnackbar from './Snackbar.mjs';
 import context from '../context/index.mjs';
 import { reactive, TransitionGroup } from 'vue';
 import { call, mountInstance } from '../utils/components.mjs';
-import { isNumber, isPlainObject, isString, toNumber } from '@varlet/shared';
+import { isPlainObject, isString, toNumber } from '@varlet/shared';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
@@ -18,8 +18,7 @@ var sid = 0;
 var isMount = false;
 var unmount;
 var isAllowMultiple = false;
-var uniqSnackbarOptions = reactive([]);
-var defaultOption = {
+var defaultOptionsValue = {
   type: undefined,
   content: '',
   position: 'top',
@@ -36,6 +35,8 @@ var defaultOption = {
   onClose: () => {},
   onClosed: () => {}
 };
+var uniqSnackbarOptions = reactive([]);
+var defaultOptions = defaultOptionsValue;
 var transitionGroupProps = {
   name: 'var-snackbar-fade',
   tag: 'div',
@@ -76,11 +77,9 @@ var TransitionGroupHost = {
           "onUpdate:show": $event => reactiveSnackOptions.show = $event
         }), null);
       });
-      var zindex = context.zIndex; // avoid stylelint value-keyword-case error
-
       return _createVNode(TransitionGroup, _mergeProps(transitionGroupProps, {
         "style": {
-          zIndex: zindex
+          zIndex: context.zIndex
         },
         "onAfterEnter": opened,
         "onAfterLeave": removeUniqOption
@@ -93,10 +92,8 @@ var TransitionGroupHost = {
 };
 
 var Snackbar = function (options) {
-  var snackOptions = isString(options) || isNumber(options) ? {
-    content: String(options)
-  } : options;
-  var reactiveSnackOptions = reactive(_extends({}, defaultOption, snackOptions));
+  var snackOptions = normalizeOptions(options);
+  var reactiveSnackOptions = reactive(_extends({}, defaultOptions, snackOptions));
   reactiveSnackOptions.show = true;
 
   if (!isMount) {
@@ -170,6 +167,14 @@ Snackbar.clear = function () {
   });
 };
 
+Snackbar.setDefaultOptions = function (options) {
+  defaultOptions = options;
+};
+
+Snackbar.resetDefaultOptions = function () {
+  defaultOptions = defaultOptionsValue;
+};
+
 Snackbar.Component = VarSnackbar;
 
 function opened(element) {
@@ -204,6 +209,16 @@ function addUniqOption(uniqSnackbarOptionItem) {
   uniqSnackbarOptions.push(uniqSnackbarOptionItem);
 }
 
+function normalizeOptions(options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  return isString(options) ? {
+    content: options
+  } : options;
+}
+
 function updateUniqOption(reactiveSnackOptions, _update) {
   var [firstOption] = uniqSnackbarOptions;
   firstOption.reactiveSnackOptions = _extends({}, firstOption.reactiveSnackOptions, reactiveSnackOptions);