@varlet/ui 1.25.1 → 1.26.1-alpha.1644652196468

package/lib/switch/Switch.js

@@ -46,7 +46,7 @@ function render(_ctx, _cache) {
     class: (0, _vue.normalizeClass)(["var-switch__track", [_ctx.modelValue === _ctx.activeValue ? 'var-switch__track-active' : null, _ctx.errorMessage ? 'var-switch__track-error' : null]])
   }, null, 6
   /* CLASS, STYLE */
-  ), (0, _vue.withDirectives)((0, _vue.createElementVNode)("div", {
+  ), (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     class: "var-switch__ripple",
     style: (0, _vue.normalizeStyle)(_ctx.styleComputed.ripple)
   }, [(0, _vue.createElementVNode)("div", {
@@ -61,7 +61,7 @@ function render(_ctx, _cache) {
   /* CLASS, STYLE */
   )], 4
   /* STYLE */
-  ), [[_directive_ripple, {
+  )), [[_directive_ripple, {
     disabled: !_ctx.ripple || _ctx.disabled || _ctx.loading || _ctx.formDisabled
   }]])], 6
   /* CLASS, STYLE */

package/lib/time-picker/TimePicker.js

@@ -93,7 +93,7 @@ function render(_ctx, _cache) {
   }, [(0, _vue.createVNode)(_vue.Transition, {
     name: "var-time-picker-panel-fade"
   }, {
-    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_clock, {
+    default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_clock, {
       key: _ctx.type,
       ref: "inner",
       type: _ctx.type,
@@ -112,7 +112,7 @@ function render(_ctx, _cache) {
       onChangePreventUpdate: _ctx.changePreventUpdate
     }, null, 8
     /* PROPS */
-    , ["type", "ampm", "color", "is-inner", "format", "allowed-time", "rad", "time", "prevent-next-update", "use-seconds", "max", "min", "onUpdate", "onChangePreventUpdate"])]),
+    , ["type", "ampm", "color", "is-inner", "format", "allowed-time", "rad", "time", "prevent-next-update", "use-seconds", "max", "min", "onUpdate", "onChangePreventUpdate"]))]),
     _: 1
     /* STABLE */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "1.25.1",
+  "version": "1.26.1-alpha.1644652196468",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -39,19 +39,19 @@
   },
   "gitHead": "ee9c3866bedad96c86365b0f9888a3a6bb781b1f",
   "dependencies": {
-    "@varlet/icons": "1.25.1",
+    "@varlet/icons": "1.26.1-alpha.1644652196468",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1"
   },
   "devDependencies": {
-    "@varlet/cli": "1.25.1",
-    "@varlet/touch-emulator": "1.25.1",
+    "@varlet/cli": "1.26.1-alpha.1644652196468",
+    "@varlet/touch-emulator": "1.26.1-alpha.1644652196468",
     "@vue/test-utils": "2.0.0-rc.6",
-    "@vue/runtime-core": "^3.2.16",
+    "@vue/runtime-core": "3.2.25",
     "typescript": "^4.4.4",
     "lodash-es": "^4.17.21",
     "clipboard": "^2.0.6",
-    "vue": "3.2.16",
+    "vue": "3.2.25",
     "vue-router": "4.0.12",
     "live-server": "^1.2.1"
   },
@@ -69,5 +69,5 @@
     "test:watch": "varlet-cli jest -w",
     "test:watchAll": "varlet-cli jest -wa"
   },
-  "readme": "<div align=\"center\">\n  <a href=\"https://varlet.gitee.io/varlet-ui/\">\n    <img src=\"https://varlet.gitee.io/varlet-ui/logo.svg\" width=\"150\">\n  </a>\n  <h1>VARLET</h1>\n  <p>基于Vue3的Material design风格移动端组件库</p>\n  <p>\n    <a href=\"https://varlet.gitee.io/varlet-ui/\">开发文档</a> | <a href=\"https://github.com/varletjs/varlet/blob/dev/README.en-US.md\">English</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/haoziqaq/varlet\" alt=\"ci\">\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/haoziqaq/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### 特性\n1. 提供50个高质量通用组件\n2. 组件十分轻量\n3. 由国人开发，完善的中英文文档和后勤保障\n4. 支持按需引入\n5. 支持主题定制\n6. 支持国际化\n7. 支持webstorm，vscode组件属性高亮\n8. 支持SSR\n9. 支持Typescript\n10. 90%以上单元测试覆盖率，提供稳定性保证\n11. 支持暗黑模式\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### Contributors\n\n<a href=\"https://github.com/varletjs/varlet/graphs/contributors\">\n  <img src=\"https://contrib.rocks/image?repo=haoziqaq/varlet\" />\n</a>\n"
+  "readme": "<div align=\"center\">\n  <a href=\"https://varlet.gitee.io/varlet-ui/\">\n    <img src=\"https://varlet.gitee.io/varlet-ui/logo.svg\" width=\"150\">\n  </a>\n  <h1>VARLET</h1>\n  <p>基于Vue3的Material design风格移动端组件库</p>\n  <p>\n    <a href=\"https://varlet.gitee.io/varlet-ui/\">开发文档</a> | <a href=\"https://github.com/varletjs/varlet/blob/dev/README.en-US.md\">English</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/haoziqaq/varlet\" alt=\"ci\">\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/haoziqaq/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### 特性\n1. 提供50个高质量通用组件\n2. 组件十分轻量\n3. 由国人开发，完善的中英文文档和后勤保障\n4. 支持按需引入\n5. 支持主题定制\n6. 支持国际化\n7. 支持webstorm，vscode组件属性高亮\n8. 支持SSR\n9. 支持Typescript\n10. 确保90%以上单元测试覆盖率，提供稳定性保证\n11. 支持暗黑模式\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### Contributors\n\n<a href=\"https://github.com/varletjs/varlet/graphs/contributors\">\n  <img src=\"https://contrib.rocks/image?repo=haoziqaq/varlet\" />\n</a>\n"
 }

package/types/col.d.ts

@@ -1,8 +1,18 @@
 import { VarComponent } from './varComponent'
 
+export type SizeDescriptor = {
+  span?: number | string
+  offset?: number | string
+}
+
 export interface ColProps {
   span?: string | number
   offset?: string | number
+  xs?: string | number | SizeDescriptor | undefined
+  sm?: string | number | SizeDescriptor | undefined
+  md?: string | number | SizeDescriptor | undefined
+  lg?: string | number | SizeDescriptor | undefined
+  xl?: string | number | SizeDescriptor | undefined
   onClick?: (e: Event) => void
 }