@varlet/ui 1.23.5 → 1.23.8

package/lib/date-picker/src/month-picker-panel.js

@@ -6,7 +6,7 @@ exports.default = void 0;
 
 var _vue = require("vue");
 
-var dayjs = _interopRequireWildcard(require("dayjs"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 
 var _isSameOrBefore = _interopRequireDefault(require("dayjs/plugin/isSameOrBefore"));
 
@@ -24,14 +24,11 @@ var _locale = require("../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || 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); }
 
-dayjs.extend(_isSameOrBefore.default);
-dayjs.extend(_isSameOrAfter.default);
+_dayjs.default.extend(_isSameOrBefore.default);
+
+_dayjs.default.extend(_isSameOrAfter.default);
 
 var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
 
@@ -154,8 +151,8 @@ var _default = (0, _vue.defineComponent)({
       var isBeforeMax = true;
       var isAfterMin = true;
       var previewDate = previewYear + "-" + key;
-      if (max) isBeforeMax = dayjs(previewDate).isSameOrBefore(dayjs(max), 'month');
-      if (min) isAfterMin = dayjs(previewDate).isSameOrAfter(dayjs(min), 'month');
+      if (max) isBeforeMax = (0, _dayjs.default)(previewDate).isSameOrBefore((0, _dayjs.default)(max), 'month');
+      if (min) isAfterMin = (0, _dayjs.default)(previewDate).isSameOrAfter((0, _dayjs.default)(min), 'month');
       return isBeforeMax && isAfterMin;
     };
 
@@ -174,8 +171,8 @@ var _default = (0, _vue.defineComponent)({
       if (!chooseRangeMonth.length) return false;
 
       if (range) {
-        var isBeforeMax = dayjs(val).isSameOrBefore(dayjs(chooseRangeMonth[1]), 'month');
-        var isAfterMin = dayjs(val).isSameOrAfter(dayjs(chooseRangeMonth[0]), 'month');
+        var isBeforeMax = (0, _dayjs.default)(val).isSameOrBefore((0, _dayjs.default)(chooseRangeMonth[1]), 'month');
+        var isAfterMin = (0, _dayjs.default)(val).isSameOrAfter((0, _dayjs.default)(chooseRangeMonth[0]), 'month');
         return isBeforeMax && isAfterMin;
       }
 
@@ -231,21 +228,21 @@ var _default = (0, _vue.defineComponent)({
         return true;
       };
 
-      var textColorOrClass = () => {
+      var textColorOrCover = () => {
         if (disabled) return '';
         if (computeOutline()) return color != null ? color : '';
         if (monthExist()) return '';
-        return 'var-date-picker-main__color';
+        return 'var-date-picker-color-cover';
       };
 
-      var isClass = textColorOrClass().startsWith('var-date-picker');
+      var isCover = textColorOrCover().startsWith('var-date-picker');
       return {
         disabled,
         outline: computeOutline(),
         text: computeText(),
         color: !computeText() ? color : '',
-        textColor: isClass ? '' : textColorOrClass(),
-        class: isClass ? textColorOrClass() : ''
+        textColor: isCover ? '' : textColorOrCover(),
+        'var-date-picker-color-cover': isCover
       };
     };
 
@@ -266,8 +263,8 @@ var _default = (0, _vue.defineComponent)({
           max
         }
       } = props;
-      if (max) panelBtnDisabled.right = !dayjs("" + ((0, _shared.toNumber)(year) + 1)).isSameOrBefore(dayjs(max), 'year');
-      if (min) panelBtnDisabled.left = !dayjs("" + ((0, _shared.toNumber)(year) - 1)).isSameOrAfter(dayjs(min), 'year');
+      if (max) panelBtnDisabled.right = !(0, _dayjs.default)("" + ((0, _shared.toNumber)(year) + 1)).isSameOrBefore((0, _dayjs.default)(max), 'year');
+      if (min) panelBtnDisabled.left = !(0, _dayjs.default)("" + ((0, _shared.toNumber)(year) - 1)).isSameOrAfter((0, _dayjs.default)(min), 'year');
     }, {
       immediate: true
     });

package/lib/date-picker/src/panel-header.js

@@ -30,7 +30,6 @@ function render(_ctx, _cache) {
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [(0, _vue.createVNode)(_component_var_button, {
     round: "",
     text: "",
-    class: (0, _vue.normalizeClass)(_ctx.getClass('left')),
     style: {
       "filter": "opacity(0.54)"
     },
@@ -45,7 +44,7 @@ function render(_ctx, _cache) {
 
   }, 8
   /* PROPS */
-  , ["class", "disabled"]), (0, _vue.createElementVNode)("div", {
+  , ["disabled"]), (0, _vue.createElementVNode)("div", {
     class: "var-picker-header__value",
     onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('check-panel'))
   }, [(0, _vue.createVNode)(_vue.Transition, {
@@ -64,7 +63,6 @@ function render(_ctx, _cache) {
   , ["name"])]), (0, _vue.createVNode)(_component_var_button, {
     round: "",
     text: "",
-    class: (0, _vue.normalizeClass)(_ctx.getClass('right')),
     style: {
       "filter": "opacity(0.54)"
     },
@@ -79,7 +77,7 @@ function render(_ctx, _cache) {
 
   }, 8
   /* PROPS */
-  , ["class", "disabled"])]);
+  , ["disabled"])]);
 }
 
 var _default = (0, _vue.defineComponent)({
@@ -126,10 +124,6 @@ var _default = (0, _vue.defineComponent)({
       return _locale.pack.value.lang === 'zh-CN' ? previewYear + " " + monthName : monthName + " " + previewYear;
     });
 
-    var getClass = position => {
-      return props.disabled[position] ? '' : 'var-date-picker-main__color';
-    };
-
     var checkDate = checkType => {
       emit('check-date', checkType);
       reverse.value = checkType === 'prev';
@@ -142,8 +136,7 @@ var _default = (0, _vue.defineComponent)({
     return {
       reverse,
       showDate,
-      checkDate,
-      getClass
+      checkDate
     };
   }
 

package/lib/date-picker/src/year-picker-panel.js

@@ -6,13 +6,11 @@ exports.default = void 0;
 
 var _vue = require("vue");
 
-var dayjs = _interopRequireWildcard(require("dayjs"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 
 var _shared = require("../../utils/shared");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
 
@@ -68,14 +66,14 @@ var _default = (0, _vue.defineComponent)({
       var yearRange = [(0, _shared.toNumber)(preview) + 100, (0, _shared.toNumber)(preview) - 100];
 
       if (max) {
-        var formatMax = dayjs(max).format('YYYY-MM-D');
+        var formatMax = (0, _dayjs.default)(max).format('YYYY-MM-D');
         var year = (0, _shared.toNumber)(formatMax.split('-')[0]);
         if (year < yearRange[0] && year > yearRange[1]) yearRange = [year, yearRange[1]];
         if (year <= yearRange[1]) return [year];
       }
 
       if (min) {
-        var formatMin = dayjs(min).format('YYYY-MM-D');
+        var formatMin = (0, _dayjs.default)(min).format('YYYY-MM-D');
 
         var _year = (0, _shared.toNumber)(formatMin.split('-')[0]);
 

package/lib/loading/Loading.js

@@ -37,8 +37,9 @@ function render(_ctx, _cache) {
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [_ctx.type === 'circle' ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_2, [(0, _vue.createElementVNode)("span", {
     class: "var-loading__circle-block",
     style: (0, _vue.normalizeStyle)({
-      width: _ctx.toNumber(_ctx.radius) * 2 + 'px',
-      height: _ctx.toNumber(_ctx.radius) * 2 + 'px'
+      width: _ctx.getRadius * 2 + 'px',
+      height: _ctx.getRadius * 2 + 'px',
+      color: _ctx.color
     })
   }, _hoisted_4, 4
   /* STYLE */
@@ -75,16 +76,25 @@ var _default = (0, _vue.defineComponent)({
   name: 'VarLoading',
   props: _props.props,
 
-  setup() {
+  setup(props) {
     var loadingTypeDict = {
       wave: 5,
       cube: 4,
       rect: 8,
       disappear: 3
     };
+    var sizeDict = {
+      mini: 9,
+      small: 12,
+      normal: 15,
+      large: 18
+    };
+    var getRadius = (0, _vue.computed)(() => {
+      return props.radius ? (0, _shared.toNumber)(props.radius) : sizeDict[props.size];
+    });
     return {
       loadingTypeDict,
-      toNumber: _shared.toNumber
+      getRadius
     };
   }
 

package/lib/loading/props.js

@@ -21,8 +21,7 @@ var props = {
     validator: typeValidator
   },
   radius: {
-    type: [String, Number],
-    default: 15
+    type: [String, Number]
   },
   // loading尺寸
   size: {

package/lib/snackbar/style/index.js

@@ -1,8 +1,8 @@
 require('../../styles/common.css')
-require('../SnackbarSfc.css')
 require('../../styles/elevation.css')
 require('../../loading/loading.css')
 require('../../button/button.css')
 require('../../icon/icon.css')
 require('../snackbar.css')
 require('../coreSfc.css')
+require('../SnackbarSfc.css')

package/lib/snackbar/style/less.js

@@ -1,8 +1,8 @@
 require('../../styles/common.less')
-require('../SnackbarSfc.less')
 require('../../styles/elevation.less')
 require('../../loading/loading.less')
 require('../../button/button.less')
 require('../../icon/icon.less')
 require('../snackbar.less')
 require('../coreSfc.less')
+require('../SnackbarSfc.less')