@varlet/ui 2.0.1 → 2.0.3-alpha.1665825802777

package/es/image/Image.js

@@ -12,8 +12,8 @@ import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, r
 
 var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
-var _hoisted_1 = ["alt", "lazy-error", "lazy-loading"];
-var _hoisted_2 = ["alt", "src"];
+var _hoisted_1 = ["alt", "title", "lazy-error", "lazy-loading"];
+var _hoisted_2 = ["alt", "title", "src"];
 export function render(_ctx, _cache) {
   var _directive_lazy = _resolveDirective("lazy");
 
@@ -30,6 +30,7 @@ export function render(_ctx, _cache) {
     key: 0,
     class: _normalizeClass(_ctx.n('image')),
     alt: _ctx.alt,
+    title: _ctx.title,
     "lazy-error": _ctx.error,
     "lazy-loading": _ctx.loading,
     style: _normalizeStyle({
@@ -50,6 +51,7 @@ export function render(_ctx, _cache) {
     key: 1,
     class: _normalizeClass(_ctx.n('image')),
     alt: _ctx.alt,
+    title: _ctx.title,
     style: _normalizeStyle({
       objectFit: _ctx.fit
     }),

package/es/image/props.js

@@ -14,6 +14,9 @@ export var props = {
   alt: {
     type: String
   },
+  title: {
+    type: String
+  },
   width: {
     type: [String, Number]
   },

package/es/varlet.esm.js

@@ -7488,6 +7488,9 @@ var uc = {
   alt: {
     type: String
   },
+  title: {
+    type: String
+  },
   width: {
     type: [String, Number]
   },
@@ -7528,7 +7531,7 @@ var uc = {
 }, {
   n: dc,
   classes: vc
-} = _("image"), fc = ["alt", "lazy-error", "lazy-loading"], cc = ["alt", "src"];
+} = _("image"), fc = ["alt", "title", "lazy-error", "lazy-loading"], cc = ["alt", "title", "src"];
 function mc(e, n) {
   var r = je("lazy"), a = je("ripple");
   return Ce((w(), M(
@@ -7547,6 +7550,7 @@ function mc(e, n) {
         key: 0,
         class: m(e.n("image")),
         alt: e.alt,
+        title: e.title,
         "lazy-error": e.error,
         "lazy-loading": e.loading,
         style: K({
@@ -7571,6 +7575,7 @@ function mc(e, n) {
         key: 1,
         class: m(e.n("image")),
         alt: e.alt,
+        title: e.title,
         style: K({
           objectFit: e.fit
         }),

package/highlight/attributes.json

@@ -745,7 +745,11 @@
   },
   "var-image/alt": {
     "type": "string",
-    "description": "替代文本 默认值：-"
+    "description": "替代文本，和 `img` 标签原生属性一致 默认值：-"
+  },
+  "var-image/title": {
+    "type": "string",
+    "description": "图片描述性文字，和 `img` 标签原生属性一致 默认值：-"
   },
   "var-image/width": {
     "type": "string | number",
@@ -1712,8 +1716,8 @@
     "description": "是否禁用选项卡 默认值：false"
   },
   "var-tab-item/name": {
-    "type": "string | number",
-    "description": "视图的名字 默认值：index"
+    "type": "string \\",
+    "description": "视图的名字 默认值：number_"
   },
   "var-table/full-width": {
     "type": "string | number",

package/highlight/tags.json

@@ -279,6 +279,7 @@
       "src",
       "fit",
       "alt",
+      "title",
       "width",
       "height",
       "radius",

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": "2.0.0",
+  "version": "2.0.2",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1328,15 +1328,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "面板的内容"
-            },
-            {
-              "name": "title",
-              "description": "面板的标题"
-            },
-            {
-              "name": "icon",
-              "description": "自定义右侧 icon"
+              "description": "折叠面板的内容"
             }
           ]
         },
@@ -2213,7 +2205,16 @@
             },
             {
               "name": "alt",
-              "description": "替代文本",
+              "description": "替代文本，和 `img` 标签原生属性一致",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "title",
+              "description": "图片描述性文字，和 `img` 标签原生属性一致",
               "default": "-",
               "value": {
                 "type": "string",
@@ -2532,7 +2533,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "自定义索引字符"
+              "description": "索引栏内容"
             }
           ]
         },
@@ -4716,7 +4717,7 @@
           "slots": [
             {
               "name": "default",
-              "description": "step 的内容"
+              "description": "steps 的内容"
             }
           ]
         },
@@ -4906,7 +4907,12 @@
           "name": "var-swipe-item",
           "attributes": [],
           "events": [],
-          "slots": []
+          "slots": [
+            {
+              "name": "default",
+              "description": "轮播项内容"
+            }
+          ]
         },
         {
           "name": "var-switch",
@@ -5073,9 +5079,9 @@
             {
               "name": "name",
               "description": "视图的名字",
-              "default": "index",
+              "default": "number_",
               "value": {
-                "type": "string | number",
+                "type": "string \\",
                 "kind": "expression"
               }
             }

package/lib/image/Image.js

@@ -25,8 +25,8 @@ var {
 
 var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
 
-var _hoisted_1 = ["alt", "lazy-error", "lazy-loading"];
-var _hoisted_2 = ["alt", "src"];
+var _hoisted_1 = ["alt", "title", "lazy-error", "lazy-loading"];
+var _hoisted_2 = ["alt", "title", "src"];
 
 function render(_ctx, _cache) {
   var _directive_lazy = (0, _vue.resolveDirective)("lazy");
@@ -44,6 +44,7 @@ function render(_ctx, _cache) {
     key: 0,
     class: (0, _vue.normalizeClass)(_ctx.n('image')),
     alt: _ctx.alt,
+    title: _ctx.title,
     "lazy-error": _ctx.error,
     "lazy-loading": _ctx.loading,
     style: (0, _vue.normalizeStyle)({
@@ -64,6 +65,7 @@ function render(_ctx, _cache) {
     key: 1,
     class: (0, _vue.normalizeClass)(_ctx.n('image')),
     alt: _ctx.alt,
+    title: _ctx.title,
     style: (0, _vue.normalizeStyle)({
       objectFit: _ctx.fit
     }),

package/lib/image/props.js

@@ -19,6 +19,9 @@ var props = {
   alt: {
     type: String
   },
+  title: {
+    type: String
+  },
   width: {
     type: [String, Number]
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.0.1",
+  "version": "2.0.3-alpha.1665825802777",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -46,16 +46,16 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.6",
-    "@varlet/icons": "2.0.1",
-    "@varlet/shared": "2.0.1",
+    "@varlet/icons": "2.0.3-alpha.1665825802777",
+    "@varlet/shared": "2.0.3-alpha.1665825802777",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1"
   },
   "devDependencies": {
     "@types/jest": "^26.0.15",
     "@types/node": "^18.7.18",
-    "@varlet/cli": "2.0.1",
-    "@varlet/touch-emulator": "2.0.1",
+    "@varlet/cli": "2.0.3-alpha.1665825802777",
+    "@varlet/touch-emulator": "2.0.3-alpha.1665825802777",
     "@vue/runtime-core": "3.2.25",
     "@vue/test-utils": "^2.0.2",
     "clipboard": "^2.0.6",

package/types/actionSheet.d.ts

@@ -1,5 +1,6 @@
 import type { App, TeleportProps } from 'vue'
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export interface ActionSheetProps extends BasicAttributes {
   actions?: ActionItem[]
@@ -50,6 +51,12 @@ export interface ActionSheetOptions {
 
 export class ActionSheetComponent extends VarComponent {
   $props: ActionSheetProps
+
+  $slots: {
+    default(): VNode[]
+    title(): VNode[]
+    actions(): VNode[]
+  }
 }
 
 export type ActionSheetActions = ActionItem | 'close'

package/types/appBar.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export type AppBarTitlePosition = 'left' | 'center' | 'right'
 
@@ -12,6 +13,12 @@ export interface AppBarProps extends BasicAttributes {
 
 export class AppBar extends VarComponent {
   $props: AppBarProps
+
+  $slots: {
+    default(): VNode[]
+    left(): VNode[]
+    right(): VNode[]
+  }
 }
 
 export class _AppBarComponent extends AppBar {}

package/types/backTop.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export interface BackTopProps extends BasicAttributes {
   visibilityHeight?: number | string
@@ -11,6 +12,10 @@ export interface BackTopProps extends BasicAttributes {
 
 export class BackTop extends VarComponent {
   $props: BackTopProps
+
+  $slots: {
+    default(): VNode[]
+  }
 }
 
 export class _BackTopComponent extends BackTop {}

package/types/badge.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes, Type as BadgeType } from './varComponent'
+import { VNode } from 'vue'
 
 export type BadgePosition = 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom'
 
@@ -17,6 +18,10 @@ export interface BadgeProps extends BasicAttributes {
 
 export class Badge extends VarComponent {
   $props: BadgeProps
+
+  $slots: {
+    default(): VNode[]
+  }
 }
 
 export class _BadgeComponent extends Badge {}

package/types/bottomNavigation.d.ts

@@ -1,5 +1,6 @@
 import { VarComponent, BasicAttributes } from './varComponent'
 import { ButtonProps } from './button'
+import { VNode } from 'vue'
 
 export interface BottomNavigationProps extends BasicAttributes {
   active?: number | string
@@ -18,6 +19,10 @@ export interface BottomNavigationProps extends BasicAttributes {
 
 export class BottomNavigation extends VarComponent {
   $props: BottomNavigationProps
+
+  $slots: {
+    fab(): VNode[]
+  }
 }
 
 export class _BottomNavigationComponent extends BottomNavigation {}

package/types/bottomNavigationItem.d.ts

@@ -1,5 +1,6 @@
 import { VarComponent, BasicAttributes } from './varComponent'
 import { BadgeProps } from './badge'
+import { VNode } from 'vue'
 
 export interface BottomNavigationItemProps extends BasicAttributes {
   name?: string
@@ -10,8 +11,17 @@ export interface BottomNavigationItemProps extends BasicAttributes {
   onClick?: (active: string | number) => void
 }
 
+export interface BottomNavigationItemIcon {
+  active: boolean
+}
+
 export class BottomNavigationItem extends VarComponent {
   $props: BottomNavigationItemProps
+
+  $slots: {
+    default(): VNode[]
+    icon(data: BottomNavigationItemIcon): VNode[]
+  }
 }
 
 export class _BottomNavigationItemComponent extends BottomNavigationItem {}

package/types/button.d.ts

@@ -1,5 +1,6 @@
 import { VarComponent, BasicAttributes, Type as ButtonType, Size as ButtonSize } from './varComponent'
 import { LoadingType, LoadingSize } from './loading'
+import { VNode } from 'vue'
 
 export { ButtonType, ButtonSize }
 
@@ -26,6 +27,10 @@ export interface ButtonProps extends BasicAttributes {
 
 export class Button extends VarComponent {
   $props: ButtonProps
+
+  $slots: {
+    default(): VNode[]
+  }
 }
 
 export class _ButtonComponent extends Button {}

package/types/card.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export type CardFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
 
@@ -24,6 +25,16 @@ export interface CardProps extends BasicAttributes {
 
 export class Card extends VarComponent {
   $props: CardProps
+
+  $slots: {
+    image(): VNode[]
+    title(): VNode[]
+    subtitle(): VNode[]
+    description(): VNode[]
+    extra(): VNode[]
+    'close-button'(): VNode[]
+    'floating-content'(): VNode[]
+  }
 }
 
 export class _CardComponent extends Card {}

package/types/cell.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export interface CellProps extends BasicAttributes {
   title?: string | number
@@ -13,6 +14,13 @@ export interface CellProps extends BasicAttributes {
 
 export class Cell extends VarComponent {
   $props: CellProps
+
+  $slots: {
+    default(): VNode[]
+    icon(): VNode[]
+    description(): VNode[]
+    extra(): VNode[]
+  }
 }
 
 export class _CellComponent extends Cell {}

package/types/checkbox.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export type CheckboxValidateTriggers = 'onChange'
 
@@ -22,6 +23,12 @@ export interface CheckboxProps extends BasicAttributes {
 export class Checkbox extends VarComponent {
   $props: CheckboxProps
 
+  $slots: {
+    default(): VNode[]
+    'checked-icon'(): VNode[]
+    'unchecked-icon'(): VNode[]
+  }
+
   validate(): Promise<boolean>
 
   resetValidation(): void

package/types/checkboxGroup.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes, Direction as CheckboxGroupDirection } from './varComponent'
+import { VNode } from 'vue'
 
 export type CheckboxGroupValidateTrigger = 'onChange'
 
@@ -17,6 +18,10 @@ export interface CheckboxGroupProps extends BasicAttributes {
 export class CheckboxGroup extends VarComponent {
   $props: CheckboxGroupProps
 
+  $slots: {
+    default(): VNode[]
+  }
+
   validate(): Promise<boolean>
 
   resetValidation(): void

package/types/chip.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes, Type as ChipType, Size as ChipSize } from './varComponent'
+import { VNode } from 'vue'
 
 export { ChipType, ChipSize }
 
@@ -17,6 +18,12 @@ export interface ChipProps extends BasicAttributes {
 
 export class Chip extends VarComponent {
   $props: ChipProps
+
+  $slots: {
+    default(): VNode[]
+    left(): VNode[]
+    right(): VNode[]
+  }
 }
 
 export class _ChipComponent extends Chip {}

package/types/col.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export type ColSizeDescriptor = {
   span?: number | string
@@ -21,6 +22,10 @@ export interface ColProps extends BasicAttributes {
 
 export class Col extends VarComponent {
   $props: ColProps
+
+  $slots: {
+    default(): VNode[]
+  }
 }
 
 export class _ColComponent extends Col {}

package/types/collapse.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export type CollapseModelValue = null | string | number | Array<string | number>
 
@@ -12,6 +13,10 @@ export interface CollapseProps extends BasicAttributes {
 
 export class Collapse extends VarComponent {
   $props: CollapseProps
+
+  $slots: {
+    default(): VNode[]
+  }
 }
 
 export class _CollapseComponent extends Collapse {}

package/types/collapseItem.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export interface CollapseItemProps extends BasicAttributes {
   name?: string | number
@@ -9,6 +10,12 @@ export interface CollapseItemProps extends BasicAttributes {
 
 export class CollapseItem extends VarComponent {
   $props: CollapseItemProps
+
+  $slots: {
+    default(): VNode[]
+    title(): VNode[]
+    icon(): VNode[]
+  }
 }
 
 export class _CollapseItemComponent extends CollapseItem {}

package/types/countdown.d.ts

@@ -1,6 +1,7 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
-export type TimeData = {
+export interface CountdownTimeData {
   days: number
   hours: number
   minutes: number
@@ -13,12 +14,16 @@ export interface CountdownProps extends BasicAttributes {
   format?: string
   autoStart?: boolean
   onEnd?: () => void
-  onChange?: (value: TimeData) => void
+  onChange?: (value: CountdownTimeData) => void
 }
 
 export class Countdown extends VarComponent {
   $props: CountdownProps
 
+  $slots: {
+    default(data: CountdownTimeData): VNode[]
+  }
+
   start(): void
 
   pause(): void

package/types/datePicker.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export type DatePickerType = 'date' | 'month'
 
@@ -22,8 +23,37 @@ export interface DatePickerProps extends BasicAttributes {
   'onUpdate:modelValue'?: (value: string | string[]) => void
 }
 
+export interface DatePickerYear {
+  year: string
+}
+
+export interface DatePickerMonth extends DatePickerYear {
+  month: string
+}
+
+export interface DatePickerDate extends DatePickerMonth {
+  date: string
+  week: string
+}
+
+export interface DatePickerRange {
+  choose: [string, string]
+}
+
+export interface DatePickerMultiple {
+  choose: Array<string>
+}
+
 export class DatePicker extends VarComponent {
   $props: DatePickerProps
+
+  $slots: {
+    year(data: DatePickerYear): VNode[]
+    month(data: DatePickerMonth): VNode[]
+    date(data: DatePickerDate): VNode[]
+    range(data: DatePickerRange): VNode[]
+    multiple(data: DatePickerMultiple): VNode[]
+  }
 }
 
 export class _DatePickerComponent extends DatePicker {}

package/types/dialog.d.ts

@@ -1,5 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
-import type { App, TeleportProps } from 'vue'
+import type { App, TeleportProps, VNode } from 'vue'
 
 export type DialogTypeMessageAlign = 'left' | 'center' | 'right'
 
@@ -38,6 +38,11 @@ export interface DialogProps extends BasicAttributes {
 
 export class DialogComponent extends VarComponent {
   $props: DialogProps
+
+  $slots: {
+    default(): VNode[]
+    title(): VNode[]
+  }
 }
 
 export type DialogActions = 'confirm' | 'cancel' | 'close'

package/types/divider.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export interface DividerProps extends BasicAttributes {
   inset?: boolean | number
@@ -10,6 +11,10 @@ export interface DividerProps extends BasicAttributes {
 
 export class Divider extends VarComponent {
   $props: DividerProps
+
+  $slots: {
+    default(): VNode[]
+  }
 }
 
 export class _DividerComponent extends Divider {}

package/types/form.d.ts

@@ -1,4 +1,5 @@
 import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
 
 export interface FormProps extends BasicAttributes {
   disabled?: boolean
@@ -8,6 +9,10 @@ export interface FormProps extends BasicAttributes {
 export class Form extends VarComponent {
   $props: FormProps
 
+  $slots: {
+    default(): VNode[]
+  }
+
   validate(): Promise<boolean>
 
   resetValidation(): void