@varlet/ui 1.27.18 → 1.27.20

package/es/date-picker/DatePicker.js

@@ -31,8 +31,8 @@ export function render(_ctx, _cache) {
     class: _normalizeClass(_ctx.classes(_ctx.n('title-year'), [_ctx.isYearPanel, _ctx.n('title-year--active')])),
     onClick: _cache[0] || (_cache[0] = $event => _ctx.clickEl('year'))
   }, [_renderSlot(_ctx.$slots, "year", {
-    year: _ctx.previewYear
-  }, () => [_createTextVNode(_toDisplayString(_ctx.previewYear), 1
+    year: _ctx.chooseYear
+  }, () => [_createTextVNode(_toDisplayString(_ctx.chooseYear), 1
   /* TEXT */
   )])], 2
   /* CLASS */
@@ -375,6 +375,7 @@ export default defineComponent({
         range,
         multiple,
         onChange,
+        onPreview,
         'onUpdate:modelValue': updateModelValue
       } = props;
       reverse.value = getReverse('month', month);
@@ -387,6 +388,7 @@ export default defineComponent({
         }
       } else {
         previewMonth.value = month;
+        call(onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
       }
 
       isMonthPanel.value = false;
@@ -396,6 +398,7 @@ export default defineComponent({
       previewYear.value = "" + year;
       isYearPanel.value = false;
       isMonthPanel.value = true;
+      call(props.onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
     };
 
     var checkPreview = (type, checkType) => {
@@ -418,6 +421,8 @@ export default defineComponent({
 
         previewMonth.value = MONTH_LIST.find(month => toNumber(month.index) === checkIndex);
       }
+
+      call(props.onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
     };
 
     var checkValue = () => {

package/es/date-picker/props.js

@@ -94,6 +94,9 @@ export var props = {
     type: Boolean,
     default: true
   },
+  onPreview: {
+    type: Function
+  },
   onChange: {
     type: Function
   },

package/es/pagination/Pagination.js

@@ -323,7 +323,7 @@ export default defineComponent({
       }
 
       pageList.value = list;
-      if (oldCurrent !== undefined) onChange == null ? void 0 : onChange(newCurrent, newSize);
+      if (oldCurrent !== undefined && pageCount.value > 0) onChange == null ? void 0 : onChange(newCurrent, newSize);
       (_props$onUpdateCurre = props['onUpdate:current']) == null ? void 0 : _props$onUpdateCurre.call(props, newCurrent);
       (_props$onUpdateSize = props['onUpdate:size']) == null ? void 0 : _props$onUpdateSize.call(props, newSize);
     }, {

package/es/utils/shared.js

@@ -4,7 +4,7 @@ export var isHTMLSupportImage = val => {
     return false;
   }
 
-  return val.startsWith('data:image') || /\.(png|jpg|gif|jpeg|svg)$/.test(val);
+  return val.startsWith('data:image') || /\.(png|jpg|gif|jpeg|svg|webp)$/.test(val);
 };
 export var isHTMLSupportVideo = val => {
   if (val == null) {

package/es/varlet.esm.js

@@ -1188,7 +1188,7 @@ var isHTMLSupportImage = (val) => {
   if (val == null) {
     return false;
   }
-  return val.startsWith("data:image") || /\.(png|jpg|gif|jpeg|svg)$/.test(val);
+  return val.startsWith("data:image") || /\.(png|jpg|gif|jpeg|svg|webp)$/.test(val);
 };
 var isHTMLSupportVideo = (val) => {
   if (val == null) {
@@ -7278,6 +7278,9 @@ var props$z = {
     type: Boolean,
     default: true
   },
+  onPreview: {
+    type: Function
+  },
   onChange: {
     type: Function
   },
@@ -8070,8 +8073,8 @@ function render$B(_ctx, _cache) {
     class: normalizeClass(_ctx.classes(_ctx.n("title-year"), [_ctx.isYearPanel, _ctx.n("title-year--active")])),
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.clickEl("year"))
   }, [renderSlot(_ctx.$slots, "year", {
-    year: _ctx.previewYear
-  }, () => [createTextVNode(toDisplayString(_ctx.previewYear), 1)])], 2), createElementVNode("div", {
+    year: _ctx.chooseYear
+  }, () => [createTextVNode(toDisplayString(_ctx.chooseYear), 1)])], 2), createElementVNode("div", {
     class: normalizeClass(_ctx.classes(_ctx.n("title-date"), [!_ctx.isYearPanel, _ctx.n("title-date--active")], [_ctx.range, _ctx.n("title-date--range")])),
     onClick: _cache[1] || (_cache[1] = ($event) => _ctx.clickEl("date"))
   }, [createVNode(Transition, {
@@ -8375,6 +8378,7 @@ var DatePicker = defineComponent({
         range,
         multiple,
         onChange,
+        onPreview,
         "onUpdate:modelValue": updateModelValue
       } = props2;
       reverse.value = getReverse("month", month);
@@ -8390,6 +8394,7 @@ var DatePicker = defineComponent({
         }
       } else {
         previewMonth.value = month;
+        call(onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
       }
       isMonthPanel.value = false;
     };
@@ -8397,6 +8402,7 @@ var DatePicker = defineComponent({
       previewYear.value = "" + year;
       isYearPanel.value = false;
       isMonthPanel.value = true;
+      call(props2.onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
     };
     var checkPreview = (type, checkType2) => {
       var changeValue = checkType2 === "prev" ? -1 : 1;
@@ -8414,6 +8420,7 @@ var DatePicker = defineComponent({
         }
         previewMonth.value = MONTH_LIST.find((month) => toNumber(month.index) === checkIndex);
       }
+      call(props2.onPreview, toNumber(previewYear.value), toNumber(previewMonth.value.index));
     };
     var checkValue = () => {
       if ((props2.multiple || props2.range) && !isArray(props2.modelValue)) {
@@ -11958,7 +11965,7 @@ var Pagination = defineComponent({
         }
       }
       pageList.value = list2;
-      if (oldCurrent !== void 0)
+      if (oldCurrent !== void 0 && pageCount.value > 0)
         onChange == null ? void 0 : onChange(newCurrent, newSize);
       (_props$onUpdateCurre = props2["onUpdate:current"]) == null ? void 0 : _props$onUpdateCurre.call(props2, newCurrent);
       (_props$onUpdateSize = props2["onUpdate:size"]) == null ? void 0 : _props$onUpdateSize.call(props2, newSize);

package/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "1.27.17",
+  "version": "1.27.19",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1761,9 +1761,13 @@
             }
           ],
           "events": [
+            {
+              "name": "preview",
+              "description": "日期切换时触发"
+            },
             {
               "name": "change",
-              "description": "日期变化时触发"
+              "description": "日期改变时触发"
             }
           ],
           "slots": [

package/lib/date-picker/DatePicker.js

@@ -49,8 +49,8 @@ function render(_ctx, _cache) {
     class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n('title-year'), [_ctx.isYearPanel, _ctx.n('title-year--active')])),
     onClick: _cache[0] || (_cache[0] = $event => _ctx.clickEl('year'))
   }, [(0, _vue.renderSlot)(_ctx.$slots, "year", {
-    year: _ctx.previewYear
-  }, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.previewYear), 1
+    year: _ctx.chooseYear
+  }, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.chooseYear), 1
   /* TEXT */
   )])], 2
   /* CLASS */
@@ -398,6 +398,7 @@ var _default = (0, _vue.defineComponent)({
         range,
         multiple,
         onChange,
+        onPreview,
         'onUpdate:modelValue': updateModelValue
       } = props;
       reverse.value = getReverse('month', month);
@@ -410,6 +411,7 @@ var _default = (0, _vue.defineComponent)({
         }
       } else {
         previewMonth.value = month;
+        (0, _components.call)(onPreview, (0, _shared.toNumber)(previewYear.value), (0, _shared.toNumber)(previewMonth.value.index));
       }
 
       isMonthPanel.value = false;
@@ -419,6 +421,7 @@ var _default = (0, _vue.defineComponent)({
       previewYear.value = "" + year;
       isYearPanel.value = false;
       isMonthPanel.value = true;
+      (0, _components.call)(props.onPreview, (0, _shared.toNumber)(previewYear.value), (0, _shared.toNumber)(previewMonth.value.index));
     };
 
     var checkPreview = (type, checkType) => {
@@ -441,6 +444,8 @@ var _default = (0, _vue.defineComponent)({
 
         previewMonth.value = _props.MONTH_LIST.find(month => (0, _shared.toNumber)(month.index) === checkIndex);
       }
+
+      (0, _components.call)(props.onPreview, (0, _shared.toNumber)(previewYear.value), (0, _shared.toNumber)(previewMonth.value.index));
     };
 
     var checkValue = () => {

package/lib/date-picker/props.js

@@ -101,6 +101,9 @@ var props = {
     type: Boolean,
     default: true
   },
+  onPreview: {
+    type: Function
+  },
   onChange: {
     type: Function
   },

package/lib/pagination/Pagination.js

@@ -342,7 +342,7 @@ var _default = (0, _vue.defineComponent)({
       }
 
       pageList.value = list;
-      if (oldCurrent !== undefined) onChange == null ? void 0 : onChange(newCurrent, newSize);
+      if (oldCurrent !== undefined && pageCount.value > 0) onChange == null ? void 0 : onChange(newCurrent, newSize);
       (_props$onUpdateCurre = props['onUpdate:current']) == null ? void 0 : _props$onUpdateCurre.call(props, newCurrent);
       (_props$onUpdateSize = props['onUpdate:size']) == null ? void 0 : _props$onUpdateSize.call(props, newSize);
     }, {

package/lib/utils/shared.js

@@ -10,7 +10,7 @@ var isHTMLSupportImage = val => {
     return false;
   }
 
-  return val.startsWith('data:image') || /\.(png|jpg|gif|jpeg|svg)$/.test(val);
+  return val.startsWith('data:image') || /\.(png|jpg|gif|jpeg|svg|webp)$/.test(val);
 };
 
 exports.isHTMLSupportImage = isHTMLSupportImage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "1.27.18",
+  "version": "1.27.20",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -37,6 +37,10 @@
   "sideEffects": [
     "es/**/style/*",
     "lib/**/style/*",
+    "es/style.js",
+    "es/less.js",
+    "lib/style.js",
+    "lib/less.js",
     "*.css",
     "*.less"
   ],
@@ -44,14 +48,14 @@
     "vue": "^3.2.0"
   },
   "dependencies": {
-    "@varlet/icons": "1.27.18",
-    "@varlet/shared": "1.27.18",
+    "@varlet/icons": "1.27.20",
+    "@varlet/shared": "1.27.20",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1"
   },
   "devDependencies": {
-    "@varlet/cli": "1.27.18",
-    "@varlet/touch-emulator": "1.27.18",
+    "@varlet/cli": "1.27.20",
+    "@varlet/touch-emulator": "1.27.20",
     "@vue/runtime-core": "3.2.25",
     "@vue/test-utils": "2.0.0-rc.6",
     "clipboard": "^2.0.6",
@@ -75,6 +79,5 @@
     "test": "varlet-cli jest",
     "test:watch": "varlet-cli jest -w",
     "test:watchAll": "varlet-cli jest -wa"
-  },
-  "readme": "<div align=\"center\">\n  <a href=\"https://varlet-varletjs.vercel.app\">\n    <img src=\"https://varlet-varletjs.vercel.app/logo.svg\" width=\"150\" >\n  </a>\n  <h1>VARLET</h1>\n  <p>基于 Vue3 的 Material design 风格移动端组件库</p>\n <p>\n    <a href=\"https://varlet-varletjs.vercel.app\">文档(Vercel)</a> | \n    <a href=\"https://varlet.gitee.io/varlet-ui\">文档(Gitee)</a> | \n<a href=\"https://github.com/varletjs/varlet/blob/dev/README.en-US.md\">English Readme</a>\n  </p>\n  <p>\n    <img src=\"https://img.shields.io/npm/v/@varlet/ui?style=flat-square\" alt=\"version\">\n    <img src=\"https://img.shields.io/github/stars/varletjs/varlet\" alt=\"stars\">\n    <img src=\"https://img.shields.io/badge/vue-v3.2.0%2B-%23407fbc\" alt=\"vue\">\n    <img src=\"https://img.shields.io/npm/l/@varlet/ui.svg\" alt=\"licence\">\n    <img src=\"https://img.shields.io/codecov/c/github/varletjs/varlet\" alt=\"coverage\">\n    <img src=\"https://img.badgesize.io/https://unpkg.com/@varlet/ui/umd/varlet.js?compression=gzip&label=gzip\" alt=\"gzip\" />\n    <img src=\"https://github.com/varletjs/varlet/workflows/CI/badge.svg\" alt=\"ci\">\n  </p>\n</div>\n\n---\n\n### 介绍\n\nVarlet 是一个基于 `Vue3` 开发的 Material 风格移动端组件库，全面拥抱 `Vue3` 生态，由社区建立起来的组件库团队进行维护。\n\n### 特性\n- 🚀 提供50+个高质量通用组件 \n- 🚀 组件十分轻量\n- 💪 由国人开发，完善的中英文文档和后勤保障\n- 🛠️ 支持按需引入\n- 🛠️ 支持主题定制\n- 🌍 支持国际化\n- 💡 支持 webstorm，vscode 组件属性高亮\n- 💪 支持 SSR\n- 💡 支持 Typescript \n- 💪 确保90%以上单元测试覆盖率，提供稳定性保证\n- 🛠️ 支持暗黑模式\n\n### 安装\n\n### CDN\n`varlet.js` 包含组件库的所有样式和逻辑，引入即可。\n\n```html\n<div id=\"app\"></div>\n<script src=\"https://cdn.jsdelivr.net/npm/vue@next\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/@varlet/ui/umd/varlet.js\"></script>\n<script>\n  const app = Vue.createApp({\n    template: '<var-button>按钮</var-button>'\n  })\n  app.use(Varlet).mount('#app')\n</script>\n```\n\n### Webpack / Vite\n```shell\n# 通过 npm 或 yarn 或 pnpm 安装\n\n# npm\nnpm i @varlet/ui -S\n\n# yarn\nyarn add @varlet/ui\n\n# pnpm\npnpm add @varlet/ui\n```\n\n```js\nimport App from './App.vue'\nimport Varlet from '@varlet/ui'\nimport { createApp } from 'vue'\nimport '@varlet/ui/es/style.js'\n\ncreateApp(App).use(Varlet).mount('#app')\n```\n\n### 捐赠我们\n\n我们将用捐赠所得去鼓励参与开源的贡献者们，给他们买一杯咖啡奶茶，购置对于项目有帮助基础设施，推动项目变得更好。\n\n<img style=\"width: 25%\" src=\"https://github.com/varletjs/varlet/blob/dev/sponsor/wechat.png?raw=true\" />\n\n### Contributors\n\n<a href=\"https://github.com/varletjs/varlet/graphs/contributors\">\n  <img src=\"https://contrib.rocks/image?repo=varletjs/varlet\" />\n</a>\n\n"
+  }
 }

package/types/datePicker.d.ts

@@ -16,6 +16,7 @@ export interface DatePickerProps extends BasicAttributes {
   multiple?: boolean
   range?: boolean
   touchable?: boolean
+  onPreview?: (year: number, month: number) => void
   onChange?: (value: string | string[]) => void
   'onUpdate:modelValue'?: (value: string | string[]) => void
 }

package/types/pullRefresh.d.ts

@@ -10,7 +10,7 @@ export interface PullRefreshProps extends BasicAttributes {
   successBgColor?: string
   color?: string
   successColor?: string
-  onRefresh: () => void
+  onRefresh?: () => void
   'onUpdate:modelValue'?: (value: boolean) => void
 }