@varlet/ui 2.13.0-alpha.1689438329324 → 2.13.0

package/lib/varlet.cjs.js

@@ -150,8 +150,8 @@ function error$1(source, message) {
 function warn(source, message) {
   console.warn("Varlet [" + source + "]: " + message);
 }
-function _extends$r() {
-  _extends$r = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$q() {
+  _extends$q = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -162,7 +162,7 @@ function _extends$r() {
     }
     return target;
   };
-  return _extends$r.apply(this, arguments);
+  return _extends$q.apply(this, arguments);
 }
 function getStyle$1(element) {
   return window.getComputedStyle(element);
@@ -181,7 +181,7 @@ function getRect(element) {
       width,
       height
     };
-    return _extends$r({}, rect, {
+    return _extends$q({}, rect, {
       toJSON: () => rect
     });
   }
@@ -645,8 +645,8 @@ function _asyncToGenerator$e(fn2) {
     });
   };
 }
-function _extends$q() {
-  _extends$q = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$p() {
+  _extends$p = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -657,7 +657,7 @@ function _extends$q() {
     }
     return target;
   };
-  return _extends$q.apply(this, arguments);
+  return _extends$p.apply(this, arguments);
 }
 function pickProps(props2, propsKey) {
   return Array.isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
@@ -686,7 +686,7 @@ function mountInstance(component, props2, eventListener) {
   }
   var Host = {
     setup() {
-      return () => vue.h(component, _extends$q({}, props2, eventListener));
+      return () => vue.h(component, _extends$p({}, props2, eventListener));
     }
   };
   var {
@@ -854,8 +854,8 @@ function useVModel(props2, key, options) {
   });
   return proxy;
 }
-function _extends$p() {
-  _extends$p = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$o() {
+  _extends$o = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -866,7 +866,7 @@ function _extends$p() {
     }
     return target;
   };
-  return _extends$p.apply(this, arguments);
+  return _extends$o.apply(this, arguments);
 }
 var {
   n: n$1j
@@ -969,7 +969,7 @@ function forbidRippleTask() {
 }
 function mounted$2(el, binding) {
   var _binding$value;
-  el._ripple = _extends$p({
+  el._ripple = _extends$o({
     tasker: null
   }, (_binding$value = binding.value) != null ? _binding$value : {}, {
     removeRipple: removeRipple.bind(el)
@@ -1006,7 +1006,7 @@ function updated$2(el, binding) {
   var diff2 = newBinding.color !== ((_el$_ripple = el._ripple) == null ? void 0 : _el$_ripple.color) || newBinding.disabled !== ((_el$_ripple2 = el._ripple) == null ? void 0 : _el$_ripple2.disabled);
   if (diff2) {
     var _el$_ripple3, _el$_ripple4;
-    el._ripple = _extends$p({
+    el._ripple = _extends$o({
       tasker: newBinding.disabled ? null : (_el$_ripple3 = el._ripple) == null ? void 0 : _el$_ripple3.tasker,
       removeRipple: (_el$_ripple4 = el._ripple) == null ? void 0 : _el$_ripple4.removeRipple
     }, newBinding);
@@ -1188,8 +1188,8 @@ function usePopupItems() {
     bindPopupItems: bindChildren
   };
 }
-function _extends$o() {
-  _extends$o = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$n() {
+  _extends$n = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1200,7 +1200,7 @@ function _extends$o() {
     }
     return target;
   };
-  return _extends$o.apply(this, arguments);
+  return _extends$n.apply(this, arguments);
 }
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
@@ -1246,7 +1246,7 @@ const Popup = vue.defineComponent({
       } = props2;
       return vue.createVNode("div", {
         "class": classes$15(n$1i("overlay"), overlayClass),
-        "style": _extends$o({
+        "style": _extends$n({
           zIndex: zIndex.value - 1
         }, overlayStyle),
         "onClick": hidePopup
@@ -1424,8 +1424,8 @@ Icon.install = function(app) {
   app.component(Icon.name, Icon);
 };
 var _IconComponent = Icon;
-function _extends$n() {
-  _extends$n = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$m() {
+  _extends$m = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1436,9 +1436,9 @@ function _extends$n() {
     }
     return target;
   };
-  return _extends$n.apply(this, arguments);
+  return _extends$m.apply(this, arguments);
 }
-var props$19 = _extends$n({
+var props$19 = _extends$m({
   show: {
     type: Boolean,
     default: false
@@ -1676,8 +1676,8 @@ const enUS = {
   paginationPage: "page",
   paginationJump: "Go to"
 };
-function _extends$m() {
-  _extends$m = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$l() {
+  _extends$l = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1688,7 +1688,7 @@ function _extends$m() {
     }
     return target;
   };
-  return _extends$m.apply(this, arguments);
+  return _extends$l.apply(this, arguments);
 }
 function useLocale() {
   var packs2 = {};
@@ -1709,7 +1709,7 @@ function useLocale() {
       console.warn("The " + lang + " does not exist. You can mount a language package using the add method");
       return;
     }
-    packs2[lang] = _extends$m({}, packs2[lang], pack3);
+    packs2[lang] = _extends$l({}, packs2[lang], pack3);
     use2(lang);
   };
   return {
@@ -1873,8 +1873,8 @@ var __sfc__$1h = vue.defineComponent({
 });
 __sfc__$1h.render = __render__$1g;
 const VarActionSheet = __sfc__$1h;
-function _extends$l() {
-  _extends$l = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$k() {
+  _extends$k = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1885,7 +1885,7 @@ function _extends$l() {
     }
     return target;
   };
-  return _extends$l.apply(this, arguments);
+  return _extends$k.apply(this, arguments);
 }
 var singletonOptions$3;
 var defaultOptions$3 = {};
@@ -1893,7 +1893,7 @@ function normalizeOptions$3(options) {
   if (options === void 0) {
     options = {};
   }
-  return _extends$l({}, defaultOptions$3, options);
+  return _extends$k({}, defaultOptions$3, options);
 }
 function ActionSheet(options) {
   if (!inBrowser()) {
@@ -2157,8 +2157,8 @@ function _asyncToGenerator$c(fn2) {
     });
   };
 }
-function _extends$k() {
-  _extends$k = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$j() {
+  _extends$j = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -2169,7 +2169,7 @@ function _extends$k() {
     }
     return target;
   };
-  return _extends$k.apply(this, arguments);
+  return _extends$j.apply(this, arguments);
 }
 var BACKGROUND_IMAGE_ARG_NAME = "background-image";
 var LAZY_LOADING = "lazy-loading";
@@ -2239,7 +2239,7 @@ function createLazy(el, binding) {
     error: (_el$getAttribute2 = el.getAttribute(LAZY_ERROR)) != null ? _el$getAttribute2 : defaultLazyOptions.error,
     attempt: el.getAttribute(LAZY_ATTEMPT) ? Number(el.getAttribute(LAZY_ATTEMPT)) : defaultLazyOptions.attempt
   };
-  el._lazy = _extends$k({
+  el._lazy = _extends$j({
     src: binding.value,
     arg: binding.arg,
     currentAttempt: 0,
@@ -2990,8 +2990,8 @@ var Hover = {
 };
 var _HoverComponent = Hover;
 const Hover$1 = Hover;
-function _extends$j() {
-  _extends$j = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$i() {
+  _extends$i = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -3002,7 +3002,7 @@ function _extends$j() {
     }
     return target;
   };
-  return _extends$j.apply(this, arguments);
+  return _extends$i.apply(this, arguments);
 }
 function typeValidator$a(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
@@ -3074,7 +3074,7 @@ var props$13 = {
   },
   loadingType: pickProps(props$15, "type"),
   loadingSize: pickProps(props$15, "size"),
-  loadingColor: _extends$j({}, pickProps(props$15, "color"), {
+  loadingColor: _extends$i({}, pickProps(props$15, "color"), {
     default: "currentColor"
   }),
   onClick: defineListenerProp(),
@@ -3536,8 +3536,8 @@ function useBottomNavigationItems() {
     bindBottomNavigationItem: bindChildren
   };
 }
-function _extends$i() {
-  _extends$i = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$h() {
+  _extends$h = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -3548,7 +3548,7 @@ function _extends$i() {
     }
     return target;
   };
-  return _extends$i.apply(this, arguments);
+  return _extends$h.apply(this, arguments);
 }
 var {
   n: n$17,
@@ -3695,7 +3695,7 @@ var __sfc__$18 = vue.defineComponent({
     bindBottomNavigationItem(bottomNavigationProvider);
     vue.watch(() => length.value, matchBoundary);
     vue.watch(() => props2.fabProps, (newValue) => {
-      fabProps.value = _extends$i({}, defaultFabProps, newValue);
+      fabProps.value = _extends$h({}, defaultFabProps, newValue);
     }, {
       immediate: true,
       deep: true
@@ -4804,8 +4804,8 @@ function useCheckboxGroup() {
     bindCheckboxGroup: bindParent
   };
 }
-function _extends$h() {
-  _extends$h = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$g() {
+  _extends$g = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -4816,7 +4816,7 @@ function _extends$h() {
     }
     return target;
   };
-  return _extends$h.apply(this, arguments);
+  return _extends$g.apply(this, arguments);
 }
 var FORM_BIND_FORM_ITEM_KEY = Symbol("FORM_BIND_FORM_ITEM_KEY");
 function useForm() {
@@ -4827,7 +4827,7 @@ function useForm() {
   } = useParent(FORM_BIND_FORM_ITEM_KEY);
   var instance = vue.getCurrentInstance();
   var bindForm = bindParent ? (formItemProvider) => {
-    bindParent(_extends$h({}, formItemProvider, {
+    bindParent(_extends$g({}, formItemProvider, {
       instance
     }));
   } : null;
@@ -9520,8 +9520,8 @@ var __sfc__$U = vue.defineComponent({
 });
 __sfc__$U.render = __render__$T;
 const PanelHeader = __sfc__$U;
-function _extends$g() {
-  _extends$g = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$f() {
+  _extends$f = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9532,7 +9532,7 @@ function _extends$g() {
     }
     return target;
   };
-  return _extends$g.apply(this, arguments);
+  return _extends$f.apply(this, arguments);
 }
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
@@ -9579,7 +9579,7 @@ function __render__$S(_ctx, _cache) {
               "var-month-picker-cover": "",
               ripple: false,
               elevation: _ctx.componentProps.buttonElevation
-            }, _extends$g({}, _ctx.buttonProps(month.index)), {
+            }, _extends$f({}, _ctx.buttonProps(month.index)), {
               onClick: (event) => _ctx.chooseMonth(month, event)
             }), {
               default: vue.withCtx(() => [vue.createTextVNode(
@@ -9907,8 +9907,8 @@ var __sfc__$S = vue.defineComponent({
 });
 __sfc__$S.render = __render__$R;
 const YearPickerPanel = __sfc__$S;
-function _extends$f() {
-  _extends$f = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$e() {
+  _extends$e = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9919,7 +9919,7 @@ function _extends$f() {
     }
     return target;
   };
-  return _extends$f.apply(this, arguments);
+  return _extends$e.apply(this, arguments);
 }
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
@@ -9996,7 +9996,7 @@ function __render__$Q(_ctx, _cache) {
                 round: "",
                 ripple: false,
                 elevation: _ctx.componentProps.buttonElevation
-              }, _extends$f({}, _ctx.buttonProps(day)), {
+              }, _extends$e({}, _ctx.buttonProps(day)), {
                 onClick: (event) => _ctx.chooseDay(day, event)
               }), {
                 default: vue.withCtx(() => [vue.createTextVNode(
@@ -10810,8 +10810,8 @@ DatePicker.install = function(app) {
   app.component(DatePicker.name, DatePicker);
 };
 var _DatePickerComponent = DatePicker;
-function _extends$e() {
-  _extends$e = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$d() {
+  _extends$d = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10822,12 +10822,12 @@ function _extends$e() {
     }
     return target;
   };
-  return _extends$e.apply(this, arguments);
+  return _extends$d.apply(this, arguments);
 }
 function messageAlignValidator(messageAlign) {
   return ["left", "center", "right"].includes(messageAlign);
 }
-var props$L = _extends$e({
+var props$L = _extends$d({
   show: {
     type: Boolean,
     default: false
@@ -10897,8 +10897,8 @@ var props$L = _extends$e({
   // internal for function call closes the dialog
   "onRouteChange"
 ]));
-function _extends$d() {
-  _extends$d = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$c() {
+  _extends$c = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10909,7 +10909,7 @@ function _extends$d() {
     }
     return target;
   };
-  return _extends$d.apply(this, arguments);
+  return _extends$c.apply(this, arguments);
 }
 var {
   n: n$O,
@@ -10939,7 +10939,7 @@ function __render__$O(_ctx, _cache) {
       "div",
       vue.mergeProps({
         class: _ctx.classes(_ctx.n("$--box"), _ctx.n(), _ctx.dialogClass),
-        style: _extends$d({
+        style: _extends$c({
           width: _ctx.toSizeUnit(_ctx.width)
         }, _ctx.dialogStyle)
       }, _ctx.$attrs),
@@ -11100,8 +11100,8 @@ var __sfc__$P = vue.defineComponent({
 });
 __sfc__$P.render = __render__$O;
 const VarDialog = __sfc__$P;
-function _extends$c() {
-  _extends$c = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$b() {
+  _extends$b = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11112,7 +11112,7 @@ function _extends$c() {
     }
     return target;
   };
-  return _extends$c.apply(this, arguments);
+  return _extends$b.apply(this, arguments);
 }
 var singletonOptions$2;
 var defaultOptions$2 = {};
@@ -11121,11 +11121,11 @@ function normalizeOptions$2(options) {
     options = {};
   }
   if (isString(options)) {
-    return _extends$c({}, defaultOptions$2, {
+    return _extends$b({}, defaultOptions$2, {
       message: options
     });
   }
-  return _extends$c({}, defaultOptions$2, options);
+  return _extends$b({}, defaultOptions$2, options);
 }
 function Dialog(options) {
   if (!inBrowser()) {
@@ -11215,20 +11215,6 @@ var props$K = {
     default: false
   }
 };
-function _extends$b() {
-  _extends$b = 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$b.apply(this, arguments);
-}
 var {
   n: n$N,
   classes: classes$F
@@ -11237,10 +11223,12 @@ function __render__$N(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
-      class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.vertical, _ctx.n("--vertical")], [_ctx.withText, _ctx.n("--with-text")], [_ctx.isInset, _ctx.n("--inset")], [_ctx.dashed, _ctx.n("--dashed")], [_ctx.hairline, _ctx.n("--hairline")])),
+      class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.vertical, _ctx.n("--vertical")], [_ctx.withText, _ctx.n("--with-text")], [_ctx.withPresetInset, _ctx.n("--inset")], [_ctx.dashed, _ctx.n("--dashed")], [_ctx.hairline, _ctx.n("--hairline")])),
       style: vue.normalizeStyle(_ctx.style)
     },
-    [vue.renderSlot(_ctx.$slots, "default", {}, () => [_ctx.description ? (vue.openBlock(), vue.createElementBlock(
+    [!_ctx.vertical ? vue.renderSlot(_ctx.$slots, "default", {
+      key: 0
+    }, () => [_ctx.description ? (vue.openBlock(), vue.createElementBlock(
       "span",
       {
         key: 0,
@@ -11249,7 +11237,7 @@ function __render__$N(_ctx, _cache) {
       vue.toDisplayString(_ctx.description),
       3
       /* TEXT, CLASS */
-    )) : vue.createCommentVNode("v-if", true)])],
+    )) : vue.createCommentVNode("v-if", true)]) : vue.createCommentVNode("v-if", true)],
     6
     /* CLASS, STYLE */
   );
@@ -11261,33 +11249,39 @@ var __sfc__$O = vue.defineComponent({
     var {
       slots
     } = _ref;
-    var state = vue.reactive({
-      withText: false
+    var withText = vue.ref(false);
+    var withPresetInset = vue.computed(() => {
+      var {
+        vertical,
+        inset
+      } = props2;
+      return !vertical && inset === true;
     });
-    var isInset = vue.computed(() => isBoolean(props2.inset) ? props2.inset : true);
     var style = vue.computed(() => {
       var {
         inset,
         vertical,
         margin
       } = props2;
-      var baseStyle = {
-        margin
-      };
-      if (isBoolean(inset) || inset === 0) {
-        return _extends$b({}, baseStyle);
+      if (isBoolean(inset) || vertical) {
+        return {
+          margin
+        };
       }
       var _inset = toNumber(inset);
       var absInsetWithUnit = Math.abs(_inset) + (inset + "").replace(_inset + "", "");
-      return vertical ? _extends$b({}, baseStyle, {
-        height: "calc(80% - " + toSizeUnit(absInsetWithUnit) + ")"
-      }) : _extends$b({}, baseStyle, {
+      return {
+        margin,
         width: "calc(100% - " + toSizeUnit(absInsetWithUnit) + ")",
         left: _inset > 0 ? toSizeUnit(absInsetWithUnit) : toSizeUnit(0)
-      });
+      };
     });
     var checkHasText = () => {
-      state.withText = Boolean(slots.default) || Boolean(props2.description);
+      var {
+        description,
+        vertical
+      } = props2;
+      withText.value = (slots.default || description != null) && !vertical;
     };
     onSmartMounted(() => {
       checkHasText();
@@ -11295,13 +11289,13 @@ var __sfc__$O = vue.defineComponent({
     vue.onUpdated(() => {
       checkHasText();
     });
-    return _extends$b({
+    return {
       n: n$N,
-      classes: classes$F
-    }, vue.toRefs(state), {
+      classes: classes$F,
+      withText,
       style,
-      isInset
-    });
+      withPresetInset
+    };
   }
 });
 __sfc__$O.render = __render__$N;
@@ -25207,7 +25201,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.13.0-alpha.1689438329324";
+const version = "2.13.0";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.13.0-alpha.1689438329324",
+  "version": "2.13.0",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -46,9 +46,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/use": "2.13.0-alpha.1689438329324",
-    "@varlet/icons": "2.13.0-alpha.1689438329324",
-    "@varlet/shared": "2.13.0-alpha.1689438329324"
+    "@varlet/icons": "2.13.0",
+    "@varlet/shared": "2.13.0",
+    "@varlet/use": "2.13.0"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -63,8 +63,8 @@
     "typescript": "^5.1.5",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/cli": "2.13.0-alpha.1689438329324",
-    "@varlet/touch-emulator": "2.13.0-alpha.1689438329324"
+    "@varlet/cli": "2.13.0",
+    "@varlet/touch-emulator": "2.13.0"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/divider.d.ts

@@ -4,7 +4,7 @@ import { VNode } from 'vue'
 export declare const dividerProps: Record<string, any>
 
 export interface DividerProps extends BasicAttributes {
-  inset?: boolean | number
+  inset?: boolean | number | string
   vertical?: boolean
   description?: string
   margin?: string