export const materials = {
  div: {
    name: 'div',
    label: '容器',
    categoryId: 'html',
    snippet: {
      children: '容器文本内容示例'
    }
  },
  span: {
    name: 'span',
    label: '内联',
    categoryId: 'html',
    snippet: {
      children: '内联容器文本内容示例'
    }
  },
  a: {
    name: 'a',
    label: '链接',
    categoryId: 'html',
    props: [
      {
        name: 'href',
        label: 'href',
        setters: 'InputSetter'
      }
    ],
    snippet: {
      children: '链接文本内容示例',
      props: {
        href: '#'
      }
    }
  },
  img: {
    name: 'img',
    label: '图片',
    categoryId: 'html',
    childIncludes: false,
    props: [
      {
        name: 'src',
        label: 'src',
        setters: 'InputSetter'
      },
      {
        name: 'width',
        label: 'width',
        setters: 'InputSetter'
      },
      {
        name: 'height',
        label: 'height',
        setters: 'InputSetter'
      }
    ],
    snippet: {
      props: {
        src: 'data:image/png;base64,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',
        width: '200',
        height: '200'
      }
    }
  },
  h1: {
    name: 'h1',
    label: '大标题',
    categoryId: 'html',
    snippet: {
      children: '标题'
    }
  },
  h2: {
    name: 'h2',
    label: '中标题',
    categoryId: 'html',
    snippet: {
      children: '标题'
    }
  },
  h3: {
    name: 'h3',
    label: '小标题',
    categoryId: 'html',
    snippet: {
      children: '标题'
    }
  },
  p: {
    name: 'p',
    label: '段落',
    categoryId: 'html',
    snippet: {
      children: '段落文本'
    }
  },
  component: {
    name: 'component',
    label: '动态组件',
    categoryId: 'elements',
    doc: 'https://cn.vuejs.org/api/built-in-special-elements.html#component',
    props: [
      {
        name: 'is',
        label: '组件名',
        setters: 'InputSetter'
      }
    ],
    snippet: {
      children: '组件文本内容示例',
      props: {
        is: 'div'
      }
    }
  },
  slot: {
    name: 'slot',
    label: '插槽',
    categoryId: 'elements',
    doc: 'https://cn.vuejs.org/api/built-in-special-elements.html#slot',
    props: [
      {
        name: 'name',
        label: '名称',
        defaultValue: 'default',
        setters: 'InputSetter'
      }
    ],
    snippet: {
      children: '默认插槽内容'
    }
  },
  Transition: {
    name: 'Transition',
    label: '过渡效果',
    categoryId: 'components',
    doc: 'https://cn.vuejs.org/api/built-in-components.html#transition',
    package: 'vue',
    props: [
      {
        name: 'name',
        label: '名称',
        defaultValue: '',
        title: '用于自动生成过渡 CSS class 名',
        setters: 'InputSetter'
      },
      {
        name: 'css',
        label: '应用CSS',
        defaultValue: true,
        title: '是否应用 CSS 过渡 class',
        setters: 'BooleanSetter'
      },
      {
        name: 'type',
        label: '事件类型',
        title:
          '指定要等待的过渡事件类型来确定过渡结束的时间，默认情况下会自动检测持续时间较长的类型',
        setters: 'SelectSetter',
        options: ['transition', 'animation']
      },
      {
        name: 'duration',
        label: '持续时间',
        title: '显式指定过渡的持续时间',
        setters: ['NumberSetter', 'JSONSetter']
      },
      {
        name: 'mode',
        label: '时序',
        defaultValue: 'default',
        title: '控制离开/进入过渡的时序。',
        setters: 'SelectSetter',
        options: ['in-out', 'out-in', 'default']
      },
      {
        name: 'appear',
        label: '使用过渡',
        defaultValue: false,
        title: '是否对初始渲染使用过渡',
        setters: 'BooleanSetter'
      },
      {
        name: 'enterFromClass',
        label: 'enterFromClass',
        setters: 'InputSetter'
      },
      {
        name: 'enterActiveClass',
        label: 'enterActiveClass',
        setters: 'InputSetter'
      },
      {
        name: 'enterToClass',
        label: 'enterToClass',
        setters: 'InputSetter'
      },
      {
        name: 'appearFromClass',
        label: 'appearFromClass',
        setters: 'InputSetter'
      },
      {
        name: 'appearActiveClass',
        label: 'appearActiveClass',
        setters: 'InputSetter'
      },
      {
        name: 'appearToClass',
        label: 'appearToClass',
        setters: 'InputSetter'
      },
      {
        name: 'leaveFromClass',
        label: 'leaveFromClass',
        setters: 'InputSetter'
      },
      {
        name: 'leaveActiveClass',
        label: 'leaveActiveClass',
        setters: 'InputSetter'
      },
      {
        name: 'leaveToClass',
        label: 'leaveToClass',
        setters: 'InputSetter'
      }
    ],
    events: [
      'before-enter',
      'before-leave',
      'enter',
      'leave',
      'appear',
      'after-enter',
      'after-leave',
      'after-appear',
      'enter-cancelled',
      'leave-cancelled',
      'ppear-cancelled'
    ],
    snippet: {
      children: 'Transition'
    }
  },
  TransitionGroup: {
    name: 'TransitionGroup',
    label: '过渡效果组',
    categoryId: 'components',
    doc: 'https://cn.vuejs.org/api/built-in-components.html#transitiongroup',
    package: 'vue',
    props: [
      {
        name: 'name',
        label: '名称',
        defaultValue: '',
        title: '用于自动生成过渡 CSS class 名',
        setters: 'InputSetter'
      },
      {
        name: 'tag',
        label: '标签名',
        title: '如果未定义，则渲染为片段 (fragment)',
        setters: 'InputSetter'
      },
      {
        name: 'moveClass',
        label: 'moveClass',
        title: '用于自定义过渡期间被应用的 CSS class。',
        setters: 'InputSetter'
      },
      {
        name: 'css',
        label: '应用CSS',
        defaultValue: true,
        title: '是否应用 CSS 过渡 class',
        setters: 'BooleanSetter'
      },
      {
        name: 'type',
        label: '事件类型',
        title:
          '指定要等待的过渡事件类型来确定过渡结束的时间，默认情况下会自动检测持续时间较长的类型',
        setters: 'SelectSetter',
        options: ['transition', 'animation']
      },
      {
        name: 'duration',
        label: '持续时间',
        title: '显式指定过渡的持续时间',
        setters: ['NumberSetter', 'JSONSetter']
      },
      {
        name: 'appear',
        label: '使用过渡',
        defaultValue: false,
        title: '是否对初始渲染使用过渡',
        setters: 'BooleanSetter'
      },
      {
        name: 'enterFromClass',
        label: 'enterFromClass',
        setters: 'InputSetter'
      },
      {
        name: 'enterActiveClass',
        label: 'enterActiveClass',
        setters: 'InputSetter'
      },
      {
        name: 'enterToClass',
        label: 'enterToClass',
        setters: 'InputSetter'
      },
      {
        name: 'appearFromClass',
        label: 'appearFromClass',
        setters: 'InputSetter'
      },
      {
        name: 'appearActiveClass',
        label: 'appearActiveClass',
        setters: 'InputSetter'
      },
      {
        name: 'appearToClass',
        label: 'appearToClass',
        setters: 'InputSetter'
      },
      {
        name: 'leaveFromClass',
        label: 'leaveFromClass',
        setters: 'InputSetter'
      },
      {
        name: 'leaveActiveClass',
        label: 'leaveActiveClass',
        setters: 'InputSetter'
      },
      {
        name: 'leaveToClass',
        label: 'leaveToClass',
        setters: 'InputSetter'
      }
    ],
    events: [
      'before-enter',
      'before-leave',
      'enter',
      'leave',
      'appear',
      'after-enter',
      'after-leave',
      'after-appear',
      'enter-cancelled',
      'leave-cancelled',
      'ppear-cancelled'
    ],
    snippet: {
      children: 'TransitionGroup'
    }
  },
  KeepAlive: {
    name: 'KeepAlive',
    label: '缓存切换组件',
    categoryId: 'components',
    doc: 'https://cn.vuejs.org/api/built-in-components.html#keepalive',
    package: 'vue',
    props: [
      {
        name: 'include',
        label: '匹配包含',
        title: '如果指定，则只有与 `include` 名称, 匹配的组件才会被缓存。',
        setters: ['InputSetter', 'JSONSetter']
      },
      {
        name: 'exclude',
        label: '匹配排除',
        title: '任何名称与 `exclude` 匹配的组件都不会被缓存。',
        setters: ['InputSetter', 'JSONSetter']
      },
      {
        name: 'max',
        label: '最大缓存数',
        title: '最多可以缓存多少组件实例。',
        setters: ['InputSetter']
      }
    ]
  },
  Teleport: {
    name: 'Teleport',
    label: '传送组件',
    categoryId: 'components',
    doc: 'https://cn.vuejs.org/api/built-in-components.html#teleport',
    package: 'vue',
    props: [
      {
        name: 'to',
        label: '目标容器',
        title: '指定目标容器,可以是选择器或实际元素',
        setters: ['InputSetter']
      },
      {
        name: 'disabled',
        label: '禁用',
        title:
          '当值为 `true` 时，内容将保留在其原始位置, 而不是移动到目标容器中, 可以动态更改',
        setters: ['BooleanSetter']
      }
    ]
  },
  Suspense: {
    name: 'Suspense',
    label: '异步依赖',
    categoryId: 'components',
    doc: 'https://cn.vuejs.org/api/built-in-components.html#suspense',
    package: 'vue',
    props: [
      {
        name: 'timeout',
        label: 'timeout',
        setters: ['InputSetter']
      }
    ]
  },
  RouterLink: {
    name: 'RouterLink',
    label: '路由链接',
    categoryId: 'components',
    doc: 'https://router.vuejs.org/zh/api/interfaces/RouterLinkProps.html',
    package: 'vue-router',
    props: [
      {
        name: 'to',
        label: 'to',
        setters: ['InputSetter']
      },
      {
        name: 'replace',
        label: 'replace',
        setters: ['BooleanSetter']
      }
    ],
    snippet: {
      children: 'RouterLink',
      props: {
        to: '/'
      }
    }
  },
  View: {
    name: 'View',
    label: '视图',
    categoryId: 'container',
    props: [
      {
        name: 'hover-class',
        defaultValue: 'none',
        title: '指定按下去的样式类。当 hover-class="none" 时，没有点击态效果',
        setters: 'InputSetter'
      },
      {
        name: 'hover-stop-propagation',
        defaultValue: false,
        title:
          '指定是否阻止本节点的祖先节点出现点击态，App、H5、支付宝小程序、百度小程序不支持（支付宝小程序、百度小程序文档中都有此属性，实测未支持）',
        setters: 'BooleanSetter'
      },
      {
        name: 'hover-start-time',
        defaultValue: 50,
        title: '按住后多久出现点击态，单位毫秒',
        setters: 'NumberSetter'
      },
      {
        name: 'hover-stay-time',
        defaultValue: 400,
        title: '手指松开后点击态保留时间，单位毫秒',
        setters: 'NumberSetter'
      }
    ],
    snippet: {
      children: '视图内容'
    },
    package: 'uni-h5'
  },
  Button: {
    name: 'Button',
    label: '按钮',
    categoryId: 'form',
    props: [
      {
        name: 'type',
        label: 'type'
      }
    ],
    snippet: {
      children: 'Button'
    },
    package: 'uni-h5'
  },
  VanButton: {
    name: 'VanButton',
    alias: 'Button',
    label: '按钮',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/button',
    props: [
      {
        name: 'type',
        title: '类型，可选值为 primary success warning danger',
        defaultValue: 'default',
        setters: 'SelectSetter',
        options: ['primary', 'success', 'warning', 'danger', 'default']
      },
      {
        name: 'size',
        title: '尺寸，可选值为 large small mini',
        defaultValue: 'normal',
        setters: 'SelectSetter',
        options: ['large', 'small', 'mini', 'normal']
      },
      {
        name: 'text',
        title: '按钮文字',
        setters: 'StringSetter'
      },
      {
        name: 'color',
        title: '按钮颜色，支持传入 linear-gradient 渐变色',
        setters: 'StringSetter'
      },
      {
        name: 'icon',
        title: '左侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        setters: 'StringSetter'
      },
      {
        name: 'icon-position',
        title: '图标展示位置，可选值为 right',
        setters: 'SelectSetter',
        defaultValue: 'left',
        options: ['right', 'left']
      },
      {
        name: 'tag',
        title: '按钮根节点的 HTML 标签',
        defaultValue: 'button',
        setters: 'StringSetter'
      },
      {
        name: 'native-type',
        title: '原生 button 标签的 type 属性',
        defaultValue: 'button',
        setters: 'StringSetter'
      },
      {
        name: 'block',
        title: '是否为块级元素',
        setters: 'BooleanSetter'
      },
      {
        name: 'plain',
        title: '是否为朴素按钮',
        setters: 'BooleanSetter'
      },
      {
        name: 'square',
        title: '是否为方形按钮',
        setters: 'BooleanSetter'
      },
      {
        name: 'round',
        title: '是否为圆形按钮',
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用按钮',
        setters: 'BooleanSetter'
      },
      {
        name: 'hairline',
        title: '是否使用 0.5px 边框',
        setters: 'BooleanSetter'
      },
      {
        name: 'loading',
        title: '是否显示为加载状态',
        setters: 'BooleanSetter'
      },
      {
        name: 'loading-text',
        title: '加载状态提示文字',
        setters: 'StringSetter'
      },
      {
        name: 'loading-type',
        title: '加载图标类型',
        setters: 'SelectSetter',
        defaultValue: 'circular',
        options: ['spinner', 'circular']
      },
      {
        name: 'loading-size',
        title: '加载图标大小，默认单位为 px',
        defaultValue: '20px',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'url',
        title: '点击后跳转的链接地址',
        setters: 'StringSetter'
      },
      {
        name: 'to',
        title: '点击后跳转的目标路由对象，等同于 Vue Router 的 to 属性',
        setters: 'StringSetter'
      },
      {
        name: 'replace',
        title: '是否在跳转时替换当前页面历史',
        setters: 'BooleanSetter'
      }
    ],
    events: ['click', 'touchstart'],
    slots: ['default', 'icon', 'loading'],
    snippet: {
      children: '按钮'
    },
    package: 'vant'
  },
  VanCell: {
    name: 'VanCell',
    alias: 'Cell',
    label: '单元格',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/cell',
    props: [
      {
        name: 'title',
        title: '左侧标题',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'value',
        title: '右侧标题',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'label',
        title: '标题下方的描述信息',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'size',
        title: '单元格大小，可选值为 large normal',
        setters: 'SelectSetter',
        options: ['large', 'normal']
      },
      {
        name: 'icon',
        title: '左侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'tag',
        title: '根节点对应的 HTML 标签名',
        defaultValue: 'div',
        setters: 'StringSetter'
      },
      {
        name: 'url',
        title: '点击后跳转的链接地址',
        setters: 'StringSetter'
      },
      {
        name: 'to',
        title: '点击后跳转的目标路由对象，等同于 Vue Router 的 to 属性',
        setters: ['StringSetter', 'ObjectSetter']
      },
      {
        name: 'border',
        title: '是否显示内边框',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'replace',
        title: '是否在跳转时替换当前页面历史',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'clickable',
        title: '是否开启点击反馈',
        defaultValue: null,
        setters: 'BooleanSetter'
      },
      {
        name: 'is-link',
        title: '是否展示右侧箭头并开启点击反馈',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'required',
        title: '是否显示表单必填星号',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'center',
        title: '是否使内容垂直居中',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'arrow-direction',
        title: '箭头方向，可选值为 left up down',
        defaultValue: 'right',
        setters: 'SelectSetter',
        options: ['left', 'right', 'up', 'down']
      },
      {
        name: 'title-style',
        title: '左侧标题额外样式',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'title-class',
        title: '左侧标题额外类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'value-class',
        title: '右侧内容额外类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'label-class',
        title: '描述信息额外类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      }
    ],
    events: ['click'],
    slots: ['title', 'value', 'label', 'icon', 'right-icon', 'extra'],
    snippet: {
      props: {
        title: '单元格',
        value: '内容'
      }
    },
    package: 'vant'
  },
  VanCellGroup: {
    name: 'VanCellGroup',
    alias: 'CellGroup',
    label: '单元格组',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/cell',
    props: [
      {
        name: 'title',
        title: '分组标题',
        setters: 'StringSetter'
      },
      {
        name: 'inset',
        title: '是否展示为圆角卡片风格',
        setters: 'BooleanSetter',
        defaultValue: false
      },
      {
        name: 'border',
        title: '是否显示外边框',
        setters: 'BooleanSetter',
        defaultValue: true
      }
    ],
    slots: ['default', 'title'],
    snippet: {
      children: [
        {
          name: 'VanCell',
          props: {
            title: '单元格',
            value: '内容'
          }
        },
        {
          name: 'VanCell',
          props: {
            title: '单元格',
            value: '内容',
            label: '描述信息'
          }
        }
      ]
    },
    package: 'vant'
  },
  VanIcon: {
    name: 'VanIcon',
    alias: 'Icon',
    label: '图标',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/icon',
    props: [
      {
        name: 'name',
        title: '图标名称或图片链接',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'dot',
        title: '是否显示图标右上角小红点',
        setters: 'BooleanSetter',
        defaultValue: false
      },
      {
        name: 'badge',
        title: '图标右上角徽标的内容',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'badge-props',
        title: '自定义徽标的属性，传入的对象会被透传给 Badge 组件的 props',
        setters: 'ObjectSetter'
      },
      {
        name: 'color',
        title: '图标颜色',
        defaultValue: 'inherit',
        setters: 'StringSetter'
      },
      {
        name: 'size',
        title: '图标大小，如 20px 2em，默认单位为 px',
        defaultValue: 'inherit',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'class-prefix',
        title: '类名前缀，用于使用自定义图标',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'tag',
        title: '根节点对应的 HTML 标签名',
        defaultValue: 'i',
        setters: 'StringSetter'
      }
    ],
    events: ['click'],
    snippet: {
      props: {
        name: 'https://fastly.jsdelivr.net/npm/@vant/assets/icon-demo.png',
        size: 30
      }
    },
    package: 'vant'
  },
  VanImage: {
    name: 'VanImage',
    alias: 'Image',
    label: '图片',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/image',
    props: [
      {
        name: 'src',
        title: '图片链接',
        setters: 'StringSetter'
      },
      {
        name: 'fit',
        title: '图片填充模式，等同于原生的 object-fit 属性',
        defaultValue: 'fill',
        setters: 'StringSetter'
      },
      {
        name: 'position',
        title: '图片位置，等同于原生的 object-position 属性',
        defaultValue: 'center',
        setters: ['SelectSetter', 'StringSetter'],
        options: ['top', 'right', 'bottom', 'left', 'center']
      },
      {
        name: 'alt',
        title: '替代文本',
        setters: 'StringSetter'
      },
      {
        name: 'width',
        title: '宽度，默认单位为 px',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'height',
        title: '高度，默认单位为 px',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'radius',
        title: '圆角大小，默认单位为 px',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'round',
        title: '是否显示为圆形',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'block',
        title: '是否将根节点设置为块级元素，默认情况下为 inline-block 元素',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-error',
        title: '是否展示图片加载失败提示',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-loading',
        title: '是否展示图片加载中提示',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'error-icon',
        title: '失败时提示的图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'photo-fail',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'loading-icon',
        title: '加载时提示的图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'photo',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'icon-size',
        title: '加载图标和失败图标的大小',
        defaultValue: 32,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'crossorigin',
        title: '等同于原生的 crossorigin 属性',
        setters: 'StringSetter'
      },
      {
        name: 'referrerpolicy',
        title: '等同于原生的 referrerpolicy 属性',
        setters: 'StringSetter'
      }
    ],
    events: ['click', 'load', 'error'],
    slots: ['default', 'loading', 'error'],
    snippet: {
      props: {
        width: '10rem',
        height: '10rem',
        fit: 'contain',
        src: 'https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg'
      }
    },
    package: 'vant'
  },
  VanRow: {
    name: 'VanRow',
    alias: 'Row',
    label: '布局行',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/col',
    props: [
      {
        name: 'gutter',
        title: '列元素之间的间距(单位为 px)',
        setters: ['NumberSetter', 'StringSetter', 'ArraySetter']
      },
      {
        name: 'tag',
        title: '自定义元素标签',
        defaultValue: 'div',
        setters: 'StringSetter'
      },
      {
        name: 'justify',
        title: '主轴对齐方式',
        defaultValue: 'start',
        setters: 'SelectSetter',
        options: ['start', 'end', 'center', 'space-around', 'space-between']
      },
      {
        name: 'align',
        title: '交叉轴对齐方式',
        defaultValue: 'top',
        setters: 'SelectSetter',
        options: ['top', 'center', 'bottom']
      },
      {
        name: 'wrap',
        title: '是否自动换行',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: ['click'],
    snippet: {
      children: [
        {
          name: 'VanCol',
          children: 'span:8',
          props: {
            span: '8'
          }
        },
        {
          name: 'VanCol',
          children: 'span:8',
          props: {
            span: '8'
          }
        }
      ]
    },
    package: 'vant'
  },
  VanCol: {
    name: 'VanCol',
    alias: 'Col',
    label: '布局列',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/col',
    props: [
      {
        name: 'span',
        title: '列元素宽度',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'offset',
        title: '列元素偏移距离',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'tag',
        title: '自定义元素标签',
        defaultValue: 'div',
        setters: 'StringSetter'
      }
    ],
    events: ['click'],
    snippet: {
      name: 'VanCol',
      children: 'span:8',
      props: {
        span: '8'
      }
    },
    package: 'vant'
  },
  VanPopup: {
    name: 'VanPopup',
    alias: 'Popup',
    label: '弹出层',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/popup',
    props: [
      {
        name: 'show',
        title: '是否显示弹出层',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'overlay',
        title: '是否显示遮罩层',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'position',
        title: '弹出位置，可选值为 top bottom right left',
        defaultValue: 'center',
        setters: 'SelectSetter',
        options: ['top', 'bottom', 'right', 'left', 'center']
      },
      {
        name: 'overlay-class',
        title: '自定义遮罩层类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'overlay-style',
        title: '自定义遮罩层样式',
        setters: 'ObjectSetter'
      },
      {
        name: 'duration',
        title: '动画时长，单位秒，设置为 0 可以禁用动画',
        defaultValue: 0.3,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'z-index',
        title: '将弹窗的 z-index 层级设置为一个固定值',
        defaultValue: 2000,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'round',
        title: '是否显示圆角',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'lock-scroll',
        title: '是否锁定背景滚动',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: '是否在显示弹层时才渲染节点',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-popstate',
        title: '是否在页面回退时自动关闭',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-overlay',
        title: '是否在点击遮罩层后关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'closeable',
        title: '是否显示关闭图标',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-icon',
        title: '关闭图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'cross',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'close-icon-position',
        title: '关闭图标位置，可选值为 top-left bottom-left bottom-right',
        defaultValue: 'top-right',
        setters: 'SelectSetter',
        options: ['top-left', 'top-right', 'bottom-left', 'bottom-right']
      },
      {
        name: 'before-close',
        title: '关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise',
        setters: 'FunctionSetter'
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'transition',
        title: '动画类名，等价于 transition 的 name 属性',
        setters: 'StringSetter'
      },
      {
        name: 'transition-appear',
        title: '是否在初始渲染时启用过渡动画',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        setters: ['StringSetter', 'ExpressionSetter']
      },
      {
        name: 'safe-area-inset-top',
        title: '是否开启顶部安全区适配',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'safe-area-inset-bottom',
        title: '是否开启底部安全区适配',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      'update:show',
      'click',
      'click-overlay',
      'click-close-icon',
      'open',
      'close',
      'opened',
      'closed'
    ],
    slots: ['default', 'overlay-content'],
    snippet: {
      props: {
        position: 'right',
        show: true,
        style: {
          width: '30%',
          height: '100%'
        }
      },
      children: '内容'
    },
    package: 'vant'
  },
  VanSpace: {
    name: 'VanSpace',
    alias: 'Space',
    label: '间距',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/space',
    props: [
      {
        name: 'direction',
        title: '间距方向',
        defaultValue: 'horizontal',
        setters: 'SelectSetter',
        options: ['vertical', 'horizontal']
      },
      {
        name: 'size',
        title:
          '间距大小，如 20px 2em，默认单位为 px，支持数组形式来分别设置横向和纵向间距',
        defaultValue: '8px',
        setters: ['NumberSetter', 'StringSetter', 'ArraySetter']
      },
      {
        name: 'align',
        title: '设置子元素的对齐方式',
        setters: 'SelectSetter',
        options: ['start', 'end', 'center', 'baseline']
      },
      {
        name: 'wrap',
        title: '是否自动换行，仅适用于水平方向排列',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'fill',
        title: '是否让 Space 变为一个块级元素，填充整个父元素',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    slots: ['default'],
    snippet: {
      props: {},
      children: [
        {
          name: 'VanButton',
          props: {
            type: 'primary'
          },
          children: '按钮'
        },
        {
          name: 'VanButton',
          props: {
            type: 'primary'
          },
          children: '按钮'
        },
        {
          name: 'VanButton',
          props: {
            type: 'primary',
            style: {
              padding: '30px'
            }
          },
          children: '按钮'
        }
      ]
    },
    package: 'vant'
  },
  VanToast: {
    name: 'VanToast',
    alias: 'Toast',
    label: '轻提示',
    categoryId: 'base',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/toast',
    props: [
      {
        name: 'show',
        title: '是否显示',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'type',
        title: '提示类型',
        defaultValue: 'text',
        setters: 'SelectSetter',
        options: ['loading', 'success', 'fail', 'html', 'text']
      },
      {
        name: 'position',
        title: '位置',
        defaultValue: 'middle',
        setters: 'SelectSetter',
        options: ['top', 'middle', 'bottom']
      },
      {
        name: 'message',
        title: '文本内容，支持通过\n换行',
        defaultValue: '',
        setters: 'StringSetter'
      },
      {
        name: 'word-break',
        title: '文本内容的换行方式',
        defaultValue: 'break-all',
        setters: '',
        options: ['normal', 'break-all', 'break-word']
      },
      {
        name: 'icon',
        title:
          '自定义图标，支持传入图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'icon-size',
        title: '图标大小，如 20px 2em，默认单位为 px',
        defaultValue: '36px',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'overlay',
        title: '是否显示背景遮罩层',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'forbid-click',
        title: '是否禁止背景点击',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click',
        title: '是否在点击后关闭',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-overlay',
        title: '是否在点击遮罩层后关闭',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'loading-type',
        title: '加载图标类型, 可选值为 spinner',
        defaultValue: 'circular',
        setters: 'SelectSetter',
        options: ['circular', 'spinner']
      },
      {
        name: 'duration',
        title: '展示时长(ms)，值为 0 时，toast 不会消失',
        defaultValue: 2000,
        setters: 'NumberSetter'
      },
      {
        name: 'class-name',
        title: '自定义类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'overlay-class',
        title: '自定义遮罩层类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'overlay-style',
        title: '自定义遮罩层样式',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'transition',
        title: '动画类名，等价于 transition 的name属性',
        defaultValue: 'van-fade',
        setters: 'StringSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        defaultValue: 'body',
        setters: ['StringSetter', 'ExpressionSetter']
      },
      {
        name: 'z-index',
        title: '将组件的 z-index 层级设置为一个固定值',
        defaultValue: '2000',
        setters: ['StringSetter', 'NumberSetter']
      }
    ],
    events: ['close', 'opened', 'update:show'],
    slots: ['message'],
    snippet: {
      props: {
        show: true
      },
      children: [
        {
          name: 'VanImage',
          slot: 'message',
          props: {
            src: 'https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg',
            style: {
              height: '100px',
              width: '100px'
            }
          }
        }
      ]
    },
    package: 'vant'
  },
  VanCalendar: {
    name: 'VanCalendar',
    alias: 'Calendar',
    label: '日历',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/calendar',
    props: [
      {
        name: 'type',
        title: '选择类型',
        defaultValue: 'single',
        setters: 'SelectSetter',
        options: ['single', 'multiple', 'range']
      },
      {
        name: 'switch-mode',
        title: '切换模式',
        defaultValue: 'none',
        setters: 'SelectSetter',
        options: ['none', 'month', 'year-month']
      },
      {
        name: 'title',
        title: '日历标题',
        defaultValue: '日期选择',
        setters: 'StringSetter'
      },
      {
        name: 'color',
        title: '主题色，对底部按钮和选中日期生效',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'min-date',
        title: '可选择的最小日期',
        defaultValue: '',
        setters: 'ExpressionSetter'
      },
      {
        name: 'max-date',
        title: '可选择的最大日期',
        defaultValue: '',
        setters: 'ExpressionSetter'
      },
      {
        name: 'default-date',
        title:
          '默认选中的日期，type 为 multiple 或 range 时为数组，传入 null 表示默认不选择',
        setters: ['ExpressionSetter', 'ArraySetter', 'StringSetter']
      },
      {
        name: 'row-height',
        title: '日期行高',
        defaultValue: 64,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'formatter',
        title: '日期格式化函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'poppable',
        title: '是否以弹层的形式展示日历',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: '是否只渲染可视区域的内容',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-mark',
        title: '是否显示月份背景水印',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-title',
        title: '是否展示日历标题',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-subtitle',
        title: '是否展示日历副标题（年月）',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-confirm',
        title: '是否展示确认按钮',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否为只读状态，只读状态下不能选择日期',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'confirmText',
        title: '确认按钮的文字',
        defaultValue: '确定',
        setters: 'StringSetter'
      },
      {
        name: 'confirm-disabled-text',
        title: '确认按钮处于禁用状态时的文字',
        defaultValue: '确定',
        setters: 'StringSetter'
      },
      {
        name: 'first-day-of-week',
        title: '设置周起始日',
        defaultValue: 0,
        setters: 'SelectSetter',
        options: [
          {
            label: '0',
            value: 0
          },
          {
            label: '1',
            value: 1
          },
          {
            label: '2',
            value: 2
          },
          {
            label: '3',
            value: 3
          },
          {
            label: '4',
            value: 4
          },
          {
            label: '5',
            value: 5
          },
          {
            label: '6',
            value: 6
          }
        ]
      },
      {
        name: 'show',
        title: '是否显示日历弹窗',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'position',
        title: '弹出位置',
        defaultValue: 'bottom',
        setters: 'SelectSetter',
        options: ['top', 'bottom', 'right', 'left']
      },
      {
        name: 'round',
        title: '是否显示圆角弹窗',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-popstate',
        title: '是否在页面回退时自动关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-overlay',
        title: '是否在点击遮罩层后关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'safe-area-inset-top',
        title: '是否开启顶部安全区适配',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'safe-area-inset-bottom',
        title: '是否开启顶部安全区适配',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        setters: ['StringSetter', 'ExpressionSetter']
      },
      {
        name: 'max-range',
        title: '日期区间最多可选天数',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'range-prompt',
        title: '范围选择超过最多可选天数时的提示文案',
        defaultValue: '\t最多选择 xx 天',
        setters: 'StringSetter'
      },
      {
        name: 'show-range-prompt',
        title: '范围选择超过最多可选天数时，是否展示提示文案',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'allow-same-day',
        title: '是否允许日期范围的起止时间为同一天',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      'update:show',
      'select',
      'confirm',
      'open',
      'close',
      'opened',
      'closed',
      'unselect',
      'month-show',
      'over-range',
      'click-subtitle',
      'click-disabled-date',
      'panel-change'
    ],
    slots: [
      'title',
      'subtitle',
      'month-title',
      'footer',
      'confirm-text',
      'top-info',
      'bottom-info',
      'prev-month',
      'prev-year',
      'next-month',
      'next-year'
    ],
    snippet: {
      props: {
        show: true,
        switchMode: 'month'
      }
    },
    package: 'vant'
  },
  VanCascader: {
    name: 'VanCascader',
    alias: 'Cascader',
    label: '级联选择',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/cascader',
    props: [
      {
        name: 'modelValue',
        title: '选中项的值',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'title',
        title: '顶部标题',
        setters: 'StringSetter'
      },
      {
        name: 'options',
        title: '可选项数据源',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'placeholder',
        title: '未选中时的提示文案',
        defaultValue: '请选择',
        setters: 'StringSetter'
      },
      {
        name: 'active-color',
        title: '选中状态的高亮颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'swipeable',
        title: '是否开启手势左右滑动切换',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'closeable',
        title: '是否显示关闭图标',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-header',
        title: '是否展示标题栏',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-icon',
        title: '关闭图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'cross',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'field-names',
        title: '自定义 options 结构中的字段',
        defaultValue: {
          text: 'text',
          value: 'value',
          children: 'children'
        },
        setters: 'ObjectSetter'
      }
    ],
    events: ['update:modelValue', 'change', 'finish', 'close', 'click-tab'],
    slots: ['title', 'option', 'options-top', 'options-bottom'],
    snippet: {
      props: {
        modelValue: '',
        title: '请选择所在地区',
        options: [
          {
            text: '浙江省',
            value: '330000',
            children: [
              {
                text: '杭州市',
                value: '330100'
              }
            ]
          },
          {
            text: '江苏省',
            value: '320000',
            children: [
              {
                text: '南京市',
                value: '320100'
              }
            ]
          }
        ]
      }
    },
    package: 'vant'
  },
  VanCheckbox: {
    name: 'VanCheckbox',
    alias: 'Checkbox',
    label: '复选框',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/checkbox',
    props: [
      {
        name: 'modelValue',
        title: '是否为选中状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'name',
        title: '标识符，通常为一个唯一的字符串或数字',
        setters: 'ExpressionSetter'
      },
      {
        name: 'shape',
        title: '形状，可选值为 square',
        defaultValue: 'round',
        setters: 'SelectSetter',
        options: ['round', 'square']
      },
      {
        name: 'disabled',
        title: '是否禁用复选框',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'label-disabled',
        title: '是否禁用复选框文本点击',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'label-position',
        title: '文本位置，可选值为 left',
        defaultValue: 'right',
        setters: 'SelectSetter',
        options: ['left', 'right']
      },
      {
        name: 'icon-size',
        title: '图标大小，默认单位为 px',
        defaultValue: '20px',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'checked-color',
        title: '选中状态颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'bind-group',
        title: '是否与复选框组绑定',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'indeterminate',
        title: '是否为不确定状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: ['update:modelValue', 'change', 'click'],
    slots: ['default', 'icon'],
    snippet: {
      children: '复选框'
    },
    package: 'vant'
  },
  VanCheckboxGroup: {
    name: 'VanCheckboxGroup',
    alias: 'CheckboxGroup',
    label: '复选框组',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/checkbox',
    props: [
      {
        name: 'modelValue',
        title: '所有选中项的标识符',
        setters: 'ArraySetter'
      },
      {
        name: 'disabled',
        title: '是否禁用所有复选框',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'max',
        title: '最大可选数，0 为无限制',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'direction',
        title: '排列方向，可选值为 horizontal',
        defaultValue: 'vertical',
        setters: 'SelectSetter',
        options: ['vertical', 'horizontal']
      },
      {
        name: 'icon-size',
        title: '所有复选框的图标大小，默认单位为 px',
        defaultValue: '20px',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'checked-color',
        title: '所有复选框的选中状态颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'shape',
        title: '形状，可选值为 square',
        defaultValue: 'round',
        setters: 'SelectSetter',
        options: ['round', 'square']
      }
    ],
    events: ['update:modelValue', 'change'],
    slots: ['default', 'toggleAll'],
    snippet: {
      props: {
        modelValue: ['a', 'b']
      },
      children: [
        {
          name: 'VanCheckbox',
          props: {
            name: 'a'
          },
          children: '复选框 a'
        },
        {
          name: 'VanCheckbox',
          props: {
            name: 'b'
          },
          children: '复选框 b'
        }
      ]
    },
    package: 'vant'
  },
  VanDatePicker: {
    name: 'VanDatePicker',
    alias: 'DatePicker',
    label: '日期选择',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/date-picker',
    props: [
      {
        name: 'modelValue',
        title: '当前选中的日期',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'columns-type',
        title: '选项类型，由 year、month 和 day 组成的数组',
        defaultValue: ['year', 'month', 'day'],
        setters: 'ArraySetter'
      },
      {
        name: 'min-date',
        title: '可选的最小时间，精确到日',
        setters: 'ExpressionSetter'
      },
      {
        name: 'max-date',
        title: '可选的最大时间，精确到日',
        setters: 'ExpressionSetter'
      },
      {
        name: 'title',
        title: '顶部栏标题',
        defaultValue: '',
        setters: 'StringSetter'
      },
      {
        name: 'confirm-button-text',
        title: '确认按钮文字',
        defaultValue: '确认',
        setters: 'StringSetter'
      },
      {
        name: 'cancel-button-text',
        title: '取消按钮文字',
        defaultValue: '取消',
        setters: 'StringSetter'
      },
      {
        name: 'show-toolbar',
        title: '是否显示顶部栏',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'loading',
        title: '是否显示加载状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否为只读状态，只读状态下无法切换选项',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'filter',
        title: '选项过滤函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'formatter',
        title: '选项格式化函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'option-height',
        title: '选项高度，支持 px vw vh rem 单位，默认 px',
        defaultValue: 44,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'visible-option-num',
        title: '可见的选项个数',
        defaultValue: 6,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'swipe-duration',
        title: '快速滑动时惯性滚动的时长，单位 ms',
        defaultValue: 1000,
        setters: ['NumberSetter', 'StringSetter']
      }
    ],
    events: [
      {
        name: 'update:modelValue'
      },
      {
        name: 'confirm',
        params: ['data']
      },
      {
        name: 'cancel',
        params: ['data']
      },
      {
        name: 'change',
        params: ['data']
      }
    ],
    slots: [
      'toolbar',
      'title',
      'confirm',
      'cancel',
      'option',
      'columns-top',
      'columns-bottom'
    ],
    snippet: {
      props: {
        modelValue: []
      }
    },
    package: 'vant'
  },
  VanField: {
    name: 'VanField',
    alias: 'Field',
    label: '输入框',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/field',
    props: [
      {
        name: 'modelValue',
        title: '当前输入的值',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'label',
        title: '输入框左侧文本',
        setters: 'StringSetter'
      },
      {
        name: 'name',
        title: '名称，作为提交表单时的标识符',
        setters: 'StringSetter'
      },
      {
        name: 'id',
        title: '输入框 id，同时会设置 label 的 for 属性',
        defaultValue: 'van-field-n-input',
        setters: 'StringSetter'
      },
      {
        name: 'type',
        title:
          '输入框类型, 支持原生 input 标签的所有 type 属性，额外支持了 digit 类型',
        defaultValue: 'text',
        setters: 'StringSetter'
      },
      {
        name: 'size',
        title: '大小，可选值为 large normal',
        setters: 'SelectSetter',
        options: ['large', 'normal']
      },
      {
        name: 'maxlength',
        title: '输入的最大字符数',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'placeholder',
        title: '输入框占位提示文字',
        setters: 'StringSetter'
      },
      {
        name: 'border',
        title: '是否显示内边框',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用输入框',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否为只读状态，只读状态下无法输入内容',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'colon',
        title: '是否在 label 后面添加冒号',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'required',
        title: '是否显示表单必填星号',
        defaultValue: null,
        setters: ['BooleanSetter', 'StringSetter']
      },
      {
        name: 'center',
        title: '是否使内容垂直居中',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'clearable',
        title: '是否启用清除图标，点击清除图标后会清空输入框',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'clear-icon',
        title: '清除图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'clear',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'clear-trigger',
        title:
          '显示清除图标的时机，always 表示输入框不为空时展示，focus 表示输入框聚焦且不为空时展示',
        defaultValue: 'focus',
        setters: 'SelectSetter',
        options: ['focus', 'always']
      },
      {
        name: 'clickable',
        title: '是否开启点击反馈',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'is-link',
        title: '是否展示右侧箭头并开启点击反馈',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'autofocus',
        title: '是否自动聚焦，iOS 系统不支持该属性',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-word-limit',
        title: '是否显示字数统计，需要设置 maxlength 属性',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'error',
        title: '是否将输入内容标红',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'error-message',
        title: '底部错误提示文案，为空时不展示',
        setters: 'StringSetter'
      },
      {
        name: 'error-message-align',
        title: '错误提示文案对齐方式，可选值为 center right',
        defaultValue: 'left',
        setters: 'SelectSetter',
        options: ['left', 'center', 'right']
      },
      {
        name: 'formatter',
        title: '输入内容格式化函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'format-trigger',
        title: '格式化函数触发的时机，可选值为 onBlur',
        defaultValue: 'onChange',
        setters: 'SelectSetter',
        options: ['onChange', 'onBlur']
      },
      {
        name: 'arrow-direction',
        title: '箭头方向，可选值为 left up down',
        defaultValue: 'right',
        setters: 'SelectSetter',
        options: ['left', 'right', 'up', 'down']
      },
      {
        name: 'label-class',
        title: '左侧文本额外类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'label-width',
        title: '左侧文本宽度，默认单位为 px',
        defaultValue: '6.2em',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'label-align',
        title: '左侧文本对齐方式，可选值为 center right top',
        defaultValue: 'left',
        setters: 'SelectSetter',
        options: ['left', 'center', 'right', 'top']
      },
      {
        name: 'input-align',
        title: '输入框对齐方式，可选值为 center right',
        defaultValue: 'left',
        setters: 'SelectSetter',
        options: ['left', 'center', 'right']
      },
      {
        name: 'autosize',
        title:
          '\t是否自适应内容高度，只对 textarea 有效，可传入对象,如 { maxHeight: 100, minHeight: 50 }，单位为px',
        defaultValue: false,
        setters: ['BooleanSetter', 'ObjectSetter']
      },
      {
        name: 'rows',
        title: '输入框行数，仅 type 为 textarea 时有效',
        defaultValue: '2',
        setters: 'StringSetter'
      },
      {
        name: 'left-icon',
        title: '左侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'right-icon',
        title: '右侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'rules',
        title: '表单校验规则，详见 Form 组件',
        setters: 'ArraySetter'
      },
      {
        name: 'autocomplete',
        title: 'HTML 原生属性，用于控制自动完成功能，详见 MDN - autocomplete',
        setters: 'StringSetter'
      },
      {
        name: 'autocapitalize',
        title:
          'HTML 原生属性，用于控制文本输入时是否自动大写，此 API 仅在部分浏览器支持，详见 MDN - autocapitalize',
        setters: 'StringSetter'
      },
      {
        name: 'enterkeyhint',
        title:
          'HTML 原生属性，用于控制回车键样式，此 API 仅在部分浏览器支持，详见 MDN - enterkeyhint',
        setters: 'StringSetter'
      },
      {
        name: 'spellcheck ',
        title:
          'HTML 原生属性，用于检查元素的拼写错误，此 API 仅在部分浏览器支持，详见 MDN - spellcheck',
        setters: 'BooleanSetter'
      },
      {
        name: 'autocorrect ',
        title: '仅 Safari 适用，用于自动更正输入的文本，详见 MDN - autocorrect',
        setters: 'StringSetter'
      }
    ],
    events: [
      'update:modelValue',
      'focus',
      'blur',
      'clear',
      'click',
      'click-input',
      'click-left-icon',
      'click-right-icon',
      'start-validate',
      'end-validate'
    ],
    slots: [
      'default',
      'label',
      'input',
      'left-icon',
      'right-icon',
      'button',
      'error-message',
      'extra'
    ],
    snippet: {
      props: {
        label: '文本',
        placeholder: '请输入用户名'
      }
    },
    package: 'vant'
  },
  VanForm: {
    name: 'VanForm',
    alias: 'Form',
    label: '表单',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/form',
    props: [
      {
        name: 'label-width',
        title: '表单项 label 宽度，默认单位为px',
        defaultValue: '6.2em',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'label-align',
        title: '表单项 label 对齐方式，可选值为 center right top',
        defaultValue: 'left',
        setters: 'SelectSetter',
        options: ['left', 'center', 'right', 'top']
      },
      {
        name: 'input-align',
        title: '输入框对齐方式，可选值为 center right',
        defaultValue: 'left',
        setters: 'SelectSetter',
        options: ['left', 'center', 'right']
      },
      {
        name: 'error-message-align',
        title: '错误提示文案对齐方式，可选值为 center right',
        defaultValue: 'left',
        setters: 'SelectSetter',
        options: ['left', 'center', 'right']
      },
      {
        name: 'validate-trigger',
        title:
          '表单校验触发时机，可选值为 onChange、onSubmit 支持通过数组同时设置多个值',
        defaultValue: 'onBlur',
        setters: ['StringSetter', 'ArraySetter']
      },
      {
        name: 'colon',
        title: '是否在 label 后面添加冒号',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用表单中的所有输入框',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否将表单中的所有输入框设置为只读状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'required',
        title: '是否显示表单必填星号',
        defaultValue: null,
        setters: ['BooleanSetter', 'StringSetter']
      },
      {
        name: 'validate-first',
        title: '是否在某一项校验不通过时停止校验',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'scroll-to-error',
        title: '是否在提交表单且校验不通过时滚动至错误的表单项',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'scroll-to-error-position',
        title:
          '滚动至错误的表单项时的位置，可选值为 center | end | nearest | start',
        setters: 'SelectSetter',
        options: ['center', 'end', 'nearest', 'start']
      },
      {
        name: 'show-error',
        title: '是否在校验不通过时标红输入框',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-error-message',
        title: '是否在校验不通过时在输入框下方展示错误提示',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'submit-on-enter',
        title: '是否在按下回车键时提交表单',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: ['submit', 'failed'],
    slots: ['default'],
    snippet: {
      children: [
        {
          name: 'VanCellGroup',
          props: {
            inset: true
          },
          children: [
            {
              name: 'VanField',
              props: {
                modelValue: '用户名',
                name: '用户名',
                label: '用户名',
                placeholder: '用户名'
              }
            },
            {
              name: 'VanField',
              props: {
                modelValue: '密码',
                name: '密码',
                label: '密码',
                placeholder: '密码'
              }
            }
          ]
        }
      ]
    },
    package: 'vant'
  },
  VanNumberKeyboard: {
    name: 'VanNumberKeyboard',
    alias: 'NumberKeyboard',
    label: '数字键盘',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/number-keyboard',
    props: [
      {
        name: 'modelValue',
        title: '当前输入值',
        setters: 'StringSetter'
      },
      {
        name: 'show',
        title: '是否显示键盘',
        setters: 'BooleanSetter'
      },
      {
        name: 'title',
        title: '键盘标题',
        setters: 'StringSetter'
      },
      {
        name: 'theme',
        title: '样式风格，可选值为 custom',
        defaultValue: 'default',
        setters: 'SelectSetter',
        options: ['default', 'custom']
      },
      {
        name: 'maxlength',
        title: '输入值最大长度',
        defaultValue: 'Infinity',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'transition',
        title: '是否开启过场动画',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'z-index',
        title: '键盘 z-index 层级',
        defaultValue: '100',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'extra-key',
        title: '底部额外按键的内容',
        defaultValue: '',
        setters: ['StringSetter', 'ArraySetter']
      },
      {
        name: 'close-button-text',
        title: '关闭按钮文字，空则不展示',
        setters: 'StringSetter'
      },
      {
        name: 'delete-button-text',
        title: '删除按钮文字，空则展示删除图标',
        setters: 'StringSetter'
      },
      {
        name: 'close-button-loading',
        title: '是否将关闭按钮设置为加载中状态，仅在 theme="custom" 时有效',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-delete-key',
        title: '是否展示删除图标',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'blur-on-close',
        title: '是否在点击关闭按钮时触发 blur 事件',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'hide-on-click-outside',
        title: '是否在点击外部时收起键盘',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        setters: ['StringSetter', 'ExpressionSetter']
      },
      {
        name: 'safe-area-inset-bottom',
        title: '是否开启底部安全区适配',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'random-key-order',
        title: '是否将通过随机顺序展示按键',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'input',
        params: ['key']
      },
      {
        name: 'delete',
        params: ['key']
      },
      {
        name: 'close',
        params: ['key']
      },
      {
        name: 'blur',
        params: ['key']
      },
      {
        name: 'show',
        params: ['key']
      },
      {
        name: 'hide',
        params: ['key']
      },
      {
        name: 'update:modelValue'
      }
    ],
    slots: ['delete', 'extra-key', 'title-left'],
    snippet: {
      props: {
        show: true
      }
    },
    package: 'vant'
  },
  VanPasswordInput: {
    name: 'VanPasswordInput',
    alias: 'PasswordInput',
    label: '密码输入框',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/password-input',
    props: [
      {
        name: 'value',
        title: '密码值',
        setters: 'StringSetter'
      },
      {
        name: 'info',
        title: '输入框下方文字提示',
        setters: 'StringSetter'
      },
      {
        name: 'error-info',
        title: '输入框下方错误提示',
        setters: 'StringSetter'
      },
      {
        name: 'length',
        title: '密码最大长度',
        defaultValue: 6,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'gutter',
        title: '输入框格子之间的间距，如 20px 2em，默认单位为px',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'mask',
        title: '是否隐藏密码内容',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'focused',
        title: '是否已聚焦，聚焦时会显示光标',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: ['focus'],
    snippet: {
      props: {
        value: '123456'
      }
    },
    package: 'vant'
  },
  VanPicker: {
    name: 'VanPicker',
    alias: 'Picker',
    label: '选择器',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/picker',
    props: [
      {
        name: 'modelValue',
        title: '当前选中项对应的值',
        setters: 'ArraySetter'
      },
      {
        name: 'columns',
        title: '对象数组，配置每一列显示的数据',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'columns-field-names',
        title: '自定义 columns 结构中的字段',
        defaultValue: {
          text: 'text',
          value: 'value',
          children: 'children'
        },
        setters: 'ObjectSetter'
      },
      {
        name: 'title',
        title: '顶部栏标题',
        setters: 'StringSetter'
      },
      {
        name: 'confirm-button-text',
        title: '确认按钮文字，设置为空字符串可以隐藏按钮',
        defaultValue: '确认',
        setters: 'StringSetter'
      },
      {
        name: 'cancel-button-text',
        title: '取消按钮文字，设置为空字符串可以隐藏按钮',
        defaultValue: '取消',
        setters: 'StringSetter'
      },
      {
        name: 'toolbar-position',
        title: '顶部栏位置，可选值为 bottom',
        defaultValue: 'top',
        setters: 'SelectSetter',
        options: ['top', 'bottom']
      },
      {
        name: 'loading',
        title: '是否显示加载状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否为只读状态，只读状态下无法切换选项',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-toolbar',
        title: '是否显示顶部栏',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'allow-html',
        title: '是否允许选项内容中渲染 HTML',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'option-height',
        title: '选项高度，支持 px vw vh rem 单位，默认 px',
        defaultValue: 44,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'visible-option-num',
        title: '可见的选项个数',
        defaultValue: 6,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'swipe-duration',
        title: '快速滑动时惯性滚动的时长，单位 ms',
        defaultValue: 1000,
        setters: ['NumberSetter', 'StringSetter']
      }
    ],
    events: [
      {
        name: 'confirm',
        params: ['data']
      },
      {
        name: 'cancel',
        params: ['data']
      },
      {
        name: 'change',
        params: ['data']
      },
      {
        name: 'click-option',
        params: ['data']
      },
      {
        name: 'scroll-into',
        params: ['data']
      },
      {
        name: 'update:modelValue'
      }
    ],
    slots: [
      'toolbar',
      'title',
      'confirm',
      'cancel',
      'option',
      'columns-top',
      'columns-bottom'
    ],
    snippet: {
      props: {
        title: '标题',
        columns: [
          {
            text: '杭州',
            value: 'Hangzhou'
          },
          {
            text: '宁波',
            value: 'Ningbo'
          },
          {
            text: '温州',
            value: 'Wenzhou'
          },
          {
            text: '绍兴',
            value: 'Shaoxing'
          },
          {
            text: '湖州',
            value: 'Huzhou'
          }
        ]
      }
    },
    package: 'vant'
  },
  VanPickerGroup: {
    name: 'VanPickerGroup',
    alias: 'PickerGroup',
    label: '选择器组',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/picker-group',
    props: [
      {
        name: 'active-tab',
        title: '设置当前选中的标签',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'tabs',
        title: '设置标签页的标题',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'title',
        title: '顶部栏标题',
        defaultValue: '',
        setters: 'StringSetter'
      },
      {
        name: 'show-toolbar',
        title: '是否显示顶部栏',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'next-step-text',
        title: '下一步按钮的文字',
        defaultValue: '',
        setters: 'StringSetter'
      },
      {
        name: 'confirm-button-text',
        title: '确认按钮的文字',
        defaultValue: '确认',
        setters: 'StringSetter'
      },
      {
        name: 'cancel-button-text',
        title: '取消按钮的文字',
        defaultValue: '取消',
        setters: 'StringSetter'
      }
    ],
    events: ['confirm', 'cancel', 'update:active-tab'],
    slots: ['default', 'toolbar', 'title', 'confirm', 'cancel'],
    snippet: {
      props: {
        title: '预约日期',
        tabs: ['选择日期', '选择时间']
      },
      children: [
        {
          name: 'VanDatePicker'
        },
        {
          name: 'VanTimePicker'
        }
      ]
    },
    package: 'vant'
  },
  VanRadio: {
    name: 'VanRadio',
    alias: 'Radio',
    label: '单选框',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/radio',
    props: [
      {
        name: 'name',
        title: '标识符，通常为一个唯一的字符串或数字',
        setters: 'ExpressionSetter'
      },
      {
        name: 'shape',
        title: '形状，可选值为 square dot',
        defaultValue: 'round',
        setters: 'SelectSetter',
        options: ['square', 'dot', 'round']
      },
      {
        name: 'disabled',
        title: '是否为禁用状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'label-disabled',
        title: '是否禁用文本内容点击',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'label-position',
        title: '文本位置，可选值为 left',
        defaultValue: 'right',
        setters: 'SelectSetter',
        options: ['left', 'right']
      },
      {
        name: 'icon-size',
        title: '图标大小，默认单位为 px',
        defaultValue: '20px',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'checked-color',
        title: '选中状态颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      }
    ],
    events: [
      {
        name: 'click',
        params: ['event']
      }
    ],
    slots: [
      {
        name: 'default'
      },
      {
        name: 'icon'
      }
    ],
    snippet: {
      props: {
        modelValue: 'checked',
        name: 'checked'
      },
      children: '单选框 1'
    },
    package: 'vant'
  },
  VanRadioGroup: {
    name: 'VanRadioGroup',
    alias: 'RadioGroup',
    label: '单选框组',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/radio',
    props: [
      {
        name: 'modelValue',
        title: '当前选中项的标识符',
        setters: 'ExpressionSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用所有单选框',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'direction',
        title: '排列方向',
        defaultValue: 'vertical',
        setters: 'SelectSetter',
        options: ['horizontal', 'vertical']
      },
      {
        name: 'icon-size  ',
        title: '所有单选框的图标大小，默认单位为 px',
        defaultValue: '20px',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'checked-color',
        title: '所有单选框的选中状态颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'shape',
        title: '形状',
        defaultValue: 'round',
        setters: 'SelectSetter',
        options: ['square', 'dot']
      }
    ],
    events: [
      {
        name: 'update:modelValue'
      },
      {
        name: 'change',
        params: ['name']
      }
    ],
    snippet: {
      props: {
        modelValue: ['1', '2']
      },
      children: [
        {
          name: 'VanRadio',
          props: {
            name: '1'
          },
          children: '单选框 1'
        },
        {
          name: 'VanRadio',
          props: {
            name: '2'
          },
          children: '单选框 2'
        }
      ]
    },
    package: 'vant'
  },
  VanRate: {
    name: 'VanRate',
    alias: 'Rate',
    label: '评分',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/rate',
    props: [
      {
        name: 'modelValue',
        title: '当前分值',
        setters: 'NumberSetter'
      },
      {
        name: 'count',
        title: '图标总数',
        defaultValue: 5,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'size',
        title: '图标大小，默认单位为px',
        defaultValue: 20,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'gutter',
        title: '图标间距，默认单位为px',
        defaultValue: 4,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'color',
        title: '选中时的颜色',
        defaultValue: '#ee0a24',
        setters: 'StringSetter'
      },
      {
        name: 'void-color',
        title: '未选中时的颜色',
        defaultValue: '#c8c9cc',
        setters: 'StringSetter'
      },
      {
        name: 'disabled-color',
        title: '禁用时的颜色',
        defaultValue: '#c8c9cc',
        setters: 'StringSetter'
      },
      {
        name: 'icon',
        title: '选中时的图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'start',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'void-icon',
        title: '未选中时的图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'star-o',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'allow-half',
        title: '是否允许半选',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'clearable',
        title: '是否允许再次点击后清除',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否为只读状态，只读状态下无法修改评分',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用评分',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'touchable',
        title: '是否可以通过滑动手势选择评分',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: ['update:modelValue', 'change'],
    snippet: {
      props: {
        modelValue: 3
      }
    },
    package: 'vant'
  },
  VanSearch: {
    name: 'VanSearch',
    alias: 'Search',
    label: '搜索',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/search',
    props: [
      {
        name: 'modelValue',
        title: '当前输入的值',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'label',
        title: '搜索框左侧文本',
        setters: 'StringSetter'
      },
      {
        name: 'name',
        title: '名称，作为提交表单时的标识符',
        setters: 'StringSetter'
      },
      {
        name: 'shape',
        title: '搜索框形状',
        defaultValue: 'square',
        setters: 'SelectSetter',
        options: ['square', 'round']
      },
      {
        name: 'id',
        title: '搜索框 id，同时会设置 label 的 for 属性',
        defaultValue: 'van-search-n-input',
        setters: 'StringSetter'
      },
      {
        name: 'background',
        title: '搜索框外部背景色',
        defaultValue: '\t#f2f2f2',
        setters: 'StringSetter'
      },
      {
        name: 'maxlength',
        title: '输入的最大字符数',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'placeholder',
        title: '占位提示文字',
        setters: 'StringSetter'
      },
      {
        name: 'clearable',
        title: '是否启用清除图标，点击清除图标后会清空输入框',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'clear-icon',
        title: '清除图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'clear',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'clear-trigger',
        title:
          '显示清除图标的时机，always 表示输入框不为空时展示，focus 表示输入框聚焦且不为空时展示',
        defaultValue: 'focus',
        setters: 'SelectSetter',
        options: ['focus', 'always']
      },
      {
        name: 'autofocus',
        title: '是否自动聚焦，iOS 系统不支持该属性',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-action',
        title: '是否在搜索框右侧显示取消按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'action-text',
        title: '取消按钮文字',
        defaultValue: '取消',
        setters: 'StringSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用输入框',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否将输入框设为只读状态，只读状态下无法输入内容',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'error',
        title: '是否将输入内容标红',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'error-message',
        title: '底部错误提示文案，为空时不展示',
        setters: 'StringSetter'
      },
      {
        name: 'formatter',
        title: '输入内容格式化函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'format-trigger',
        title: '格式化函数触发的时机',
        defaultValue: 'onChange',
        setters: 'SelectSetter',
        options: ['onChange', 'onBlur']
      },
      {
        name: 'input-align',
        title: '输入框内容对齐方式',
        defaultValue: 'left',
        setters: 'SelectSetter',
        options: ['left', 'center', 'right']
      },
      {
        name: 'left-icon',
        title: '输入框左侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'search',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'right-icon',
        title: '输入框右侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'autocomplete',
        title: 'input 标签原生的自动完成属性',
        setters: 'StringSetter'
      }
    ],
    events: [
      {
        name: 'search',
        params: ['value']
      },
      {
        name: 'update:modelValue',
        params: ['value']
      },
      {
        name: 'focus',
        params: ['event']
      },
      {
        name: 'blur',
        params: ['event']
      },
      {
        name: 'click-input',
        params: ['event']
      },
      {
        name: 'click-left-icon',
        params: ['event']
      },
      {
        name: 'click-right-icon',
        params: ['event']
      },
      {
        name: 'clear',
        params: ['event']
      },
      {
        name: 'cancel'
      }
    ],
    slots: ['left', 'action', 'label', 'left-icon', 'right-icon'],
    snippet: {
      props: {
        placeholder: '请输入搜索关键词'
      }
    },
    package: 'vant'
  },
  VanSlider: {
    name: 'VanSlider',
    alias: 'Slider',
    label: '滑块',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/slider',
    props: [
      {
        name: 'modelValue',
        title: '当前进度百分比，在双滑块模式下为数组格式',
        defaultValue: 0,
        setters: ['NumberSetter', 'ArraySetter']
      },
      {
        name: 'max',
        title: '最大值',
        defaultValue: 100,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'min',
        title: '最小值',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'step',
        title: '步长',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'bar-height',
        title: '进度条高度，默认单位为 px',
        defaultValue: 2,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'button-size',
        title: '滑块按钮大小，默认单位为 px',
        defaultValue: 24,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'active-color',
        title: '进度条激活态颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'inactive-color',
        title: '进度条非激活态颜色',
        defaultValue: '#e5e5e5',
        setters: 'StringSetter'
      },
      {
        name: 'range',
        title: '是否开启双滑块模式',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'reverse',
        title: '是否将进度条反转',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用滑块',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否为只读状态，只读状态下无法修改滑块的值',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'vertical',
        title: 'vertical',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'update:modelValue',
        params: ['value']
      },
      {
        name: 'change',
        params: ['value']
      },
      {
        name: 'drag-start',
        params: ['event']
      },
      {
        name: 'drag-end',
        params: ['event']
      }
    ],
    slots: ['button', 'left-button', 'right-button'],
    snippet: {
      props: {
        modelValue: 50
      }
    },
    package: 'vant'
  },
  VanSignature: {
    name: 'VanSignature',
    alias: 'Signature',
    label: '签名',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/signature',
    props: [
      {
        name: 'type',
        title: '导出图片类型',
        defaultValue: 'png',
        setters: 'StringSetter'
      },
      {
        name: 'pen-color',
        title: '笔触颜色，默认黑色',
        defaultValue: '#000000',
        setters: 'StringSetter'
      },
      {
        name: 'line-width',
        title: '线条宽度',
        defaultValue: 3,
        setters: 'NumberSetter'
      },
      {
        name: 'background-color',
        title: '背景颜色',
        setters: 'StringSetter'
      },
      {
        name: 'tips',
        title: '当不支持 Canvas 的时候出现的提示文案',
        setters: 'StringSetter'
      },
      {
        name: 'clear-button-text',
        title: '清除按钮文案',
        defaultValue: '清空',
        setters: 'StringSetter'
      },
      {
        name: 'confirm-button-text',
        title: '\t确认按钮文案',
        defaultValue: '确认',
        setters: 'StringSetter'
      }
    ],
    events: [
      {
        name: 'start'
      },
      {
        name: 'end'
      },
      {
        name: 'signing',
        params: ['event']
      },
      {
        name: 'submit',
        params: ['data']
      },
      {
        name: 'clear'
      }
    ],
    package: 'vant'
  },
  VanStepper: {
    name: 'VanStepper',
    alias: 'Stepper',
    label: '步进器',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/stepper',
    props: [
      {
        name: 'modelValue',
        title: '当前输入的值',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'min',
        title: '最小值',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'max',
        title: '最大值',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'auto-fixed',
        title:
          '是否自动校正超出限制范围的数值，设置为 false 后输入超过限制范围的数值将不会自动校正',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'default-value',
        title: '初始值，当 v-model 为空时生效',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'step',
        title: '步长，每次点击时改变的值',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'name',
        title:
          '标识符，通常为一个唯一的字符串或数字，可以在 change 事件回调参数中获取',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'input-width',
        title: '输入框宽度，默认单位为 px',
        defaultValue: 32,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'button-size',
        title: '按钮大小以及输入框高度，默认单位为 px',
        defaultValue: 28,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'decimal-length',
        title: '固定显示的小数位数',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'theme',
        title: '样式风格',
        setters: 'SelectSetter',
        options: ['round']
      },
      {
        name: 'placeholder',
        title: '输入框占位提示文字',
        setters: 'StringSetter'
      },
      {
        name: 'integer',
        title: '是否只允许输入整数',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用步进器',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disable-plus',
        title: '是否禁用增加按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disable-minus',
        title: '是否禁用减少按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disable-input',
        title: '是否禁用输入框',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'before-change',
        title:
          '输入值变化前的回调函数，返回 false 可阻止输入，支持返回 Promise',
        defaultValue: false,
        setters: 'FunctionSetter'
      },
      {
        name: 'show-plus',
        title: '是否显示增加按钮',
        defaultValue: true,
        setters: 'FunctionSetter'
      },
      {
        name: 'show-minus',
        title: '是否显示减少按钮',
        defaultValue: true,
        setters: 'FunctionSetter'
      },
      {
        name: 'show-input',
        title: '是否显示输入框',
        defaultValue: true,
        setters: 'FunctionSetter'
      },
      {
        name: 'long-press',
        title: '是否开启长按手势，开启后可以长按增加和减少按钮',
        defaultValue: true,
        setters: 'FunctionSetter'
      },
      {
        name: 'allow-empty',
        title: '是否允许输入的值为空，设置为 true 后允许传入空字符串',
        defaultValue: false,
        setters: 'FunctionSetter'
      }
    ],
    events: [
      {
        name: 'update:modelValue'
      },
      {
        name: 'change',
        params: ['value', 'details']
      },
      {
        name: 'overlimit'
      },
      {
        name: 'plus'
      },
      {
        name: 'minus'
      },
      {
        name: 'focus',
        params: ['event']
      },
      {
        name: 'blur',
        params: ['event']
      }
    ],
    snippet: {
      props: {
        modelValue: 1
      }
    },
    package: 'vant'
  },
  VanSwitch: {
    name: 'VanSwitch',
    alias: 'Switch',
    label: '开关',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/switch',
    props: [
      {
        name: 'modelValue',
        title: '开关选中状态',
        defaultValue: false,
        setters: 'ExpressionSetter'
      },
      {
        name: 'loading',
        title: '是否为加载状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否为禁用状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'size',
        title: '开关按钮的尺寸，默认单位为 px',
        defaultValue: 26,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'active-color',
        title: '打开时的背景色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'inactive-color',
        title: '关闭时的背景色',
        defaultValue: 'rgba(120, 120, 128, 0.16)',
        setters: 'StringSetter'
      },
      {
        name: 'active-value',
        title: '打开时对应的值',
        defaultValue: true,
        setters: 'ExpressionSetter'
      },
      {
        name: 'inactive-value',
        title: '关闭时对应的值',
        defaultValue: false,
        setters: 'ExpressionSetter'
      }
    ],
    events: [
      {
        name: 'update:modelValue'
      },
      {
        name: 'change',
        params: ['value']
      },
      {
        name: 'click',
        params: ['event']
      }
    ],
    slots: ['node', 'background'],
    snippet: {},
    package: 'vant'
  },
  VanTimePicker: {
    name: 'VanTimePicker',
    alias: 'TimePicker',
    label: '时间选择',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/time-picker',
    props: [
      {
        name: 'modelValue',
        title: '当前选中的时间',
        setters: 'ArraySetter'
      },
      {
        name: 'columns-type',
        title: '选项类型，由 hour、minute 和 second 组成的数组',
        defaultValue: ['hour', 'minute'],
        setters: 'ArraySetter'
      },
      {
        name: 'min-hour',
        title: '可选的最小小时',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'max-hour',
        title: '可选的最大小时',
        defaultValue: 23,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'min-minute',
        title: '可选的最小分钟',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'max-minute',
        title: '可选的最大分钟',
        defaultValue: 59,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'min-second',
        title: '可选的最小秒数',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'max-second',
        title: '可选的最大秒数',
        defaultValue: 59,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'min-time',
        title:
          '可选的最小时间，格式参考 07:40:00，使用时 min-hour min-minute min-second 不会生效',
        setters: 'StringSetter'
      },
      {
        name: 'max-time',
        title:
          '可选的最大时间，格式参考 10:20:00，使用时 max-hour max-minute max-second 不会生效',
        setters: 'StringSetter'
      },
      {
        name: 'title',
        title: '顶部栏标题',
        defaultValue: '',
        setters: 'StringSetter'
      },
      {
        name: 'confirm-button-text',
        title: '确认按钮文字',
        defaultValue: '确认',
        setters: 'StringSetter'
      },
      {
        name: 'cancel-button-text',
        title: '取消按钮文字',
        defaultValue: '取消',
        setters: 'StringSetter'
      },
      {
        name: 'show-toolbar',
        title: '是否显示顶部栏',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'loading',
        title: '是否显示加载状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否为只读状态，只读状态下无法切换选项',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'filter',
        title: '选项过滤函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'formatter',
        title: '选项格式化函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'option-height',
        title: '选项高度，支持 px vw vh rem 单位，默认 px',
        defaultValue: 44,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'visible-option-num',
        title: '可见的选项个数',
        defaultValue: 6,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'swipe-duration',
        title: '快速滑动时惯性滚动的时长，单位 ms',
        defaultValue: 1000,
        setters: ['NumberSetter', 'StringSetter']
      }
    ],
    events: [
      {
        name: 'confirm',
        params: ['data']
      },
      {
        name: 'cancel',
        params: ['data']
      },
      {
        name: 'change',
        params: ['data']
      },
      {
        name: 'update:modelValue'
      }
    ],
    slots: [
      {
        name: 'toolbar'
      },
      {
        name: 'title'
      },
      {
        name: 'confirm'
      },
      {
        name: 'cancel'
      },
      {
        name: 'toolbar'
      },
      {
        name: 'option',
        params: ['option', 'index']
      },
      {
        name: 'toolbar'
      },
      {
        name: 'columns-top'
      },
      {
        name: 'columns-bottom'
      }
    ],
    snippet: {
      props: {
        title: '选择时间'
      }
    },
    package: 'vant'
  },
  VanUploader: {
    name: 'VanUploader',
    alias: 'Uploader',
    label: '文件上传',
    categoryId: 'form',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/uploader',
    props: [
      {
        name: 'modelValue',
        title: '已上传的文件列表',
        setters: 'ArraySetter'
      },
      {
        name: 'accept',
        title: '允许上传的文件类型',
        defaultValue: 'image/*',
        setters: 'StringSetter'
      },
      {
        name: 'name',
        title:
          '标识符，通常为一个唯一的字符串或数字，可以在回调函数的第二项参数中获取',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'preview-size',
        title: '预览图和上传区域的尺寸，默认单位为 px',
        defaultValue: 80,
        setters: ['NumberSetter', 'StringSetter', 'ArraySetter']
      },
      {
        name: 'preview-image',
        title: '是否在上传完成后展示预览图',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'preview-full-image',
        title: '是否在点击预览图后展示全屏图片预览',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'preview-options',
        title: '全屏图片预览的配置项',
        setters: 'ObjectSetter'
      },
      {
        name: 'multiple',
        title: '是否开启图片多选，部分安卓机型不支持',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用文件上传',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否将上传区域设置为只读状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'deletable',
        title: '是否展示删除按钮',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'reupload',
        title: '是否开启覆盖上传，开启后会关闭图片预览',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-upload',
        title: '是否展示上传区域',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-load',
        title: '是否开启图片懒加载，须配合 Lazyload 组件使用',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'capture',
        title: '图片选取模式，可选值为 camera (直接调起摄像头)',
        setters: 'StringSetter'
      },
      {
        name: 'after-read',
        title: '文件读取完成后的回调函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'before-read',
        title:
          '文件读取前的回调函数，返回 false 可终止文件读取，支持返回 Promise',
        setters: 'FunctionSetter'
      },
      {
        name: 'before-delete',
        title:
          '文件删除前的回调函数，返回 false 可终止文件读取，支持返回 Promise',
        setters: 'FunctionSetter'
      },
      {
        name: 'max-size',
        title: '文件大小限制，单位为 byte',
        defaultValue: null,
        setters: ['NumberSetter', 'StringSetter', 'FunctionSetter']
      },
      {
        name: 'max-count',
        title: '文件上传数量限制',
        defaultValue: null,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'result-type',
        title: '文件读取结果类型，可选值为 file text',
        defaultValue: 'dataUrl',
        setters: 'SelectSetter',
        options: ['dataUrl', 'file', 'text']
      },
      {
        name: 'upload-text',
        title: '上传区域文字提示',
        setters: 'StringSetter'
      },
      {
        name: 'image-fit',
        title: '预览图裁剪模式',
        defaultValue: 'cover',
        setters: 'SelectSetter',
        options: ['contain', 'cover', 'fill', 'none', 'scale-down']
      },
      {
        name: 'upload-icon',
        title: '上传区域图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'photograph',
        setters: ['VanIconSetter', 'StringSetter']
      }
    ],
    events: [
      {
        name: 'oversize'
      },
      {
        name: 'click-upload',
        params: ['event']
      },
      {
        name: 'click-preview'
      },
      {
        name: 'click-reupload'
      },
      {
        name: 'close-preview'
      },
      {
        name: 'delete'
      },
      {
        name: 'update:modelValue'
      }
    ],
    slots: ['default', 'preview-delete', 'preview-cover'],
    snippet: {},
    package: 'vant'
  },
  VanActionSheet: {
    name: 'VanActionSheet',
    alias: 'ActionSheet',
    label: '动作面板',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/action-sheet',
    props: [
      {
        name: 'show',
        title: '是否显示动作面板',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'actions',
        title: '面板选项列表',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'title',
        title: '顶部标题',
        setters: 'StringSetter'
      },
      {
        name: 'cancel-text',
        title: '取消按钮文字',
        setters: 'StringSetter'
      },
      {
        name: 'description',
        title: '选项上方的描述信息',
        setters: 'StringSetter'
      },
      {
        name: 'closeable',
        title: '是否显示关闭图标',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-icon',
        title: '关闭图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'cross',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'duration',
        title: '动画时长，单位秒，设置为 0 可以禁用动画',
        defaultValue: 0.3,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'z-index',
        title: '将面板的 z-index 层级设置为一个固定值',
        defaultValue: 2000,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'round',
        title: '是否显示圆角',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'overlay',
        title: '是否显示遮罩层',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'overlay-class',
        title: '自定义遮罩层类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'overlay-style',
        title: '自定义遮罩层样式',
        setters: 'ObjectSetter'
      },
      {
        name: 'lock-scroll',
        title: '是否锁定背景滚动',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: 'lazy-render',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-popstate',
        title: '是否在页面回退时自动关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-action',
        title: '是否在点击选项后关闭',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-overlay',
        title: '是否在点击遮罩层后关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'safe-area-inset-bottom',
        title: '是否开启底部安全区适配',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        setters: ['StringSetter', 'ExpressionSetter']
      },
      {
        name: 'before-close',
        title: '关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise',
        setters: 'FunctionSetter'
      }
    ],
    events: [
      {
        name: 'update:show'
      },
      {
        name: 'select',
        params: ['action', 'index']
      },
      {
        name: 'cancel'
      },
      {
        name: 'open'
      },
      {
        name: 'close'
      },
      {
        name: 'opened'
      },
      {
        name: 'closed'
      },
      {
        name: 'click-overlay',
        params: ['event']
      }
    ],
    slots: ['default', 'description', 'cancel', 'action'],
    snippet: {
      props: {
        show: true,
        actions: [
          {
            name: '选项一'
          },
          {
            name: '选项二'
          },
          {
            name: '选项三'
          }
        ]
      }
    },
    package: 'vant'
  },
  VanBarrage: {
    name: 'VanBarrage',
    alias: 'Barrage',
    label: '弹幕',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/barrage',
    props: [
      {
        name: 'modelValue',
        title: '弹幕数据',
        setters: 'ArraySetter'
      },
      {
        name: 'auto-play',
        title: '是否自动播放弹幕',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'rows',
        title: '弹幕文字行数',
        defaultValue: 4,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'top',
        title: '弹幕文字区域顶部间距，单位 px',
        defaultValue: 10,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'duration',
        title: '弹幕文字滑过容器的时间，单位 ms',
        defaultValue: 4000,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'delay',
        title: '弹幕动画延时，单位 ms',
        defaultValue: 300,
        setters: 'NumberSetter'
      }
    ],
    events: [
      {
        name: 'update:modelValue'
      }
    ],
    slots: ['default'],
    snippet: {
      props: {
        modelValue: [
          {
            id: 100,
            text: '轻量'
          },
          {
            id: 101,
            text: '可定制的'
          },
          {
            id: 102,
            text: '移动端'
          },
          {
            id: 103,
            text: 'Vue'
          },
          {
            id: 104,
            text: '组件库'
          },
          {
            id: 105,
            text: 'VantUI'
          },
          {
            id: 106,
            text: '666'
          }
        ]
      },
      children: [
        {
          name: 'div',
          props: {
            style: {
              width: '100%',
              height: '150px'
            }
          }
        }
      ]
    },
    package: 'vant'
  },
  VanDialog: {
    name: 'VanDialog',
    alias: 'Dialog',
    label: '弹出框',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/dialog',
    props: [
      {
        name: 'show',
        title: '是否显示弹窗',
        setters: 'BooleanSetter'
      },
      {
        name: 'title',
        title: '标题',
        setters: 'StringSetter'
      },
      {
        name: 'width',
        title: '弹窗宽度，默认单位为 px',
        defaultValue: 320,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'message',
        title: '文本内容，支持通过 \n 换行',
        setters: ['StringSetter', 'FunctionSetter']
      },
      {
        name: 'message-align',
        title: '内容水平对齐方式，可选值为 left right justify',
        defaultValue: 'center',
        setters: 'SelectSetter',
        options: ['left', 'right', 'justify', 'center']
      },
      {
        name: 'theme',
        title: '样式风格，可选值为 round-button',
        defaultValue: 'default',
        setters: 'SelectSetter',
        options: ['round-button', 'default']
      },
      {
        name: 'show-confirm-button',
        title: '是否展示确认按钮',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-cancel-button',
        title: '是否展示取消按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'confirm-button-text',
        title: '确认按钮文案',
        defaultValue: '确认',
        setters: 'StringSetter'
      },
      {
        name: 'confirm-button-color',
        title: '确认按钮颜色',
        defaultValue: '#ee0a24',
        setters: 'StringSetter'
      },
      {
        name: 'confirm-button-disabled',
        title: '是否禁用确认按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'cancel-button-text',
        title: '取消按钮文案',
        defaultValue: '取消',
        setters: 'StringSetter'
      },
      {
        name: 'cancel-button-color',
        title: '取消按钮颜色',
        defaultValue: '#000000',
        setters: 'StringSetter'
      },
      {
        name: 'cancel-button-disabled',
        title: '是否禁用取消按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'z-index',
        title: '将弹窗的 z-index 层级设置为一个固定值',
        defaultValue: '2000+',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'overlay',
        title: '是否展示遮罩层',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'overlay-class',
        title: '自定义遮罩层类名',
        setters: 'StringSetter'
      },
      {
        name: 'overlay-style',
        title: '自定义遮罩层样式',
        setters: 'ObjectSetter'
      },
      {
        name: 'close-on-popstate',
        title: '是否在页面回退时自动关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-overlay',
        title: '是否在点击遮罩层后关闭弹窗',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: '是否在显示弹层时才渲染节点',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'lock-scroll',
        title: '是否锁定背景滚动',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'allow-html',
        title: '是否允许 message 内容中渲染 HTML',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'before-close',
        title: '关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise',
        setters: 'FunctionSetter'
      },
      {
        name: 'transition',
        title: '动画类名，等价于 transition 的 name 属性',
        setters: 'StringSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        setters: ['StringSetter', 'ExpressionSetter']
      }
    ],
    events: [
      'update:show',
      'confirm',
      'cancel',
      'open',
      'close',
      'opened',
      'closed'
    ],
    slots: ['default', 'title', 'footer'],
    snippet: {
      props: {
        show: true,
        title: '标题'
      },
      children: [
        {
          name: 'VanImage',
          props: {
            src: 'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg'
          }
        }
      ]
    },
    package: 'vant'
  },
  VanDropdownMenu: {
    name: 'VanDropdownMenu',
    alias: 'DropdownMenu',
    label: '下拉菜单',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/dropdown-menu',
    props: [
      {
        name: 'active-color',
        title: '菜单标题和选项的选中态颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'direction',
        title: '菜单展开方向，可选值为up',
        defaultValue: 'down',
        setters: 'SelectSetter',
        options: ['up', 'down']
      },
      {
        name: 'z-index',
        title: '菜单栏 z-index 层级',
        defaultValue: 10,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'duration',
        title: '动画时长，单位秒，设置为 0 可以禁用动画',
        defaultValue: 0.2,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'overlay',
        title: '是否显示遮罩层',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-overlay',
        title: '是否在点击遮罩层后关闭菜单',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-outside',
        title: '是否在点击外部元素后关闭菜单',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'swipe-threshold',
        title:
          '滚动阈值，选项数量超过阈值且总宽度超过菜单栏宽度时，可以横向滚动',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'auto-locate',
        title: '当祖先元素设置了 transform 时，自动调整下拉菜单的位置',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    snippet: {
      children: [
        {
          name: 'VanDropdownItem',
          props: {
            modelValue: 0,
            options: [
              {
                text: '全部商品',
                value: 0
              },
              {
                text: '新款商品',
                value: 1
              },
              {
                text: '活动商品',
                value: 2
              }
            ]
          }
        },
        {
          name: 'VanDropdownItem',
          props: {
            modelValue: 'a',
            options: [
              {
                text: '默认排序',
                value: 'a'
              },
              {
                text: '好评排序',
                value: 'b'
              },
              {
                text: '销量排序',
                value: 'c'
              }
            ]
          }
        }
      ]
    },
    package: 'vant'
  },
  VanDropdownItem: {
    name: 'VanDropdownItem',
    alias: 'DropdownItem',
    label: '下拉菜单项',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/dropdown-menu',
    props: [
      {
        name: 'modelValue',
        title: '当前选中项对应的 value',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'title',
        title: '菜单项标题',
        setters: 'StringSetter'
      },
      {
        name: 'options',
        title: '选项数组',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'disabled',
        title: '是否禁用菜单',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: '是否在首次展开时才渲染菜单内容',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'title-class',
        title: '标题额外类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        setters: ['StringSetter', 'ExpressionSetter']
      }
    ],
    events: [
      {
        name: 'update:modelValue'
      },
      {
        name: 'change',
        params: ['value']
      },
      {
        name: 'open'
      },
      {
        name: 'close'
      },
      {
        name: 'opened'
      },
      {
        name: 'closed'
      }
    ],
    slots: ['default', 'title'],
    snippet: {
      props: {
        modelValue: 'a',
        options: [
          {
            text: '默认排序',
            value: 'a'
          },
          {
            text: '好评排序',
            value: 'b'
          },
          {
            text: '销量排序',
            value: 'c'
          }
        ]
      }
    },
    package: 'vant'
  },
  VanFloatingPanel: {
    name: 'VanFloatingPanel',
    alias: 'FloatingPanel',
    label: '浮动面板',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/floating-panel',
    props: [
      {
        name: 'height',
        title: '当前面板的显示高度',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'anchors',
        title: '设置自定义锚点, 单位 px',
        defaultValue: [100, 222],
        setters: 'ArraySetter'
      },
      {
        name: 'duration',
        title: '动画时长，单位秒，设置为 0 可以禁用动画',
        defaultValue: 0.3,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'content-draggable',
        title: '允许拖拽内容容器',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'lock-scroll',
        title: '当不拖拽时，是否锁定背景滚动',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'safe-area-inset-bottom',
        title: '是否开启底部安全区适配',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'height-change',
        params: ['height']
      }
    ],
    slots: ['default', 'header'],
    snippet: {
      children: [
        {
          name: 'VanCellGroup',
          children: [
            {
              name: 'VanCell',
              props: {
                size: 'large',
                title: {
                  type: 'JSExpression',
                  value: 'this.context.index'
                }
              },
              directives: [
                {
                  name: 'vFor',
                  value: {
                    type: 'JSExpression',
                    value: '20'
                  }
                },
                {
                  name: 'vBind',
                  value: {
                    type: 'JSExpression',
                    value: 'this.context.index'
                  }
                }
              ]
            }
          ]
        }
      ]
    },
    package: 'vant'
  },
  VanFloatingBubble: {
    name: 'VanFloatingBubble',
    alias: 'FloatingBubble',
    label: '浮动气泡',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/floating-bubble',
    props: [
      {
        name: 'offset',
        title: '控制气泡位置',
        setters: 'ObjectSetter'
      },
      {
        name: 'axis',
        title: '拖拽的方向',
        defaultValue: 'y',
        setters: 'SelectSetter',
        options: ['x', 'y', 'xy', 'lock']
      },
      {
        name: 'magnetic',
        title: '自动磁吸的方向',
        setters: 'SelectSetter',
        options: ['x', 'y']
      },
      {
        name: 'icon',
        title: '气泡图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'gap',
        title: '气泡与窗口的最小间距，单位为 px',
        defaultValue: 24,
        setters: 'NumberSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        defaultValue: 'body',
        setters: ['StringSetter', 'ExpressionSetter']
      }
    ],
    events: [
      {
        name: 'update:offset'
      },
      {
        name: 'click',
        params: ['event']
      },
      {
        name: 'offset-change',
        params: ['data']
      }
    ],
    slots: ['default'],
    snippet: {
      props: {
        icon: 'chat'
      }
    },
    package: 'vant'
  },
  VanLoading: {
    name: 'VanLoading',
    alias: 'Loading',
    label: '加载',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/loading',
    props: [
      {
        name: 'color',
        title: '颜色',
        defaultValue: '#c9c9c9',
        setters: 'StringSetter'
      },
      {
        name: 'type',
        title: '类型',
        defaultValue: 'circular',
        setters: 'SelectSetter',
        options: ['circular', 'spinner']
      },
      {
        name: 'size',
        title: '加载图标大小，默认单位为 px',
        defaultValue: 30,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'text-size',
        title: '文字大小，默认单位为 px',
        defaultValue: 14,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'text-color',
        title: '文字颜色',
        defaultValue: '#c9c9c9',
        setters: 'StringSetter'
      },
      {
        name: 'vertical',
        title: '是否垂直排列图标和文字内容',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    slots: ['default', 'icon'],
    package: 'vant'
  },
  VanNotify: {
    name: 'VanNotify',
    alias: 'Notify',
    label: '消息提示',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/notify',
    props: [
      {
        name: 'show',
        title: '是否显示通知',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'type',
        title: '类型',
        defaultValue: 'danger',
        setters: 'SelectSetter',
        options: ['primary', 'success', 'warning', 'danger']
      },
      {
        name: 'message',
        title: '展示文案，支持通过\n换行',
        setters: 'StringSetter'
      },
      {
        name: 'z-index',
        title: '将组件的 z-index 层级设置为一个固定值',
        defaultValue: '2000+',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'position',
        title: '弹出位置',
        defaultValue: 'top',
        setters: 'SelectSetter',
        options: ['top', 'bottom']
      },
      {
        name: 'color',
        title: '字体颜色',
        defaultValue: '#ffffff',
        setters: 'StringSetter'
      },
      {
        name: 'background',
        title: '背景颜色',
        setters: 'StringSetter'
      },
      {
        name: 'class-name',
        title: '自定义类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'lock-scroll',
        title: '是否锁定背景滚动',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        setters: ['StringSetter', 'ExpressionSetter']
      }
    ],
    events: [
      {
        name: 'click',
        params: ['event']
      },
      {
        name: 'close'
      },
      {
        name: 'opened'
      },
      {
        name: 'update:show'
      }
    ],
    slots: ['default'],
    snippet: {
      props: {
        show: true,
        type: 'success'
      },
      children: [
        {
          name: 'VanIcon',
          props: {
            name: 'bell',
            style: {
              marginRight: '4px'
            }
          }
        },
        {
          name: 'span',
          children: '通知内容'
        }
      ]
    },
    package: 'vant'
  },
  VanOverlay: {
    name: 'VanOverlay',
    alias: 'Overlay',
    label: '遮罩层',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/overlay',
    props: [
      {
        name: 'show',
        title: '是否展示遮罩层',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'z-index',
        title: '\tz-index 层级',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'duration',
        title: '动画时长，单位秒，设置为 0 可以禁用动画',
        defaultValue: 0.3,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'class-name',
        title: '自定义类名',
        setters: 'StringSetter'
      },
      {
        name: 'custom-style',
        title: '自定义样式',
        setters: 'ObjectSetter'
      },
      {
        name: 'lock-scroll',
        title: '是否锁定背景滚动，锁定时蒙层里的内容也将无法滚动',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: '是否在显示时才渲染节点',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'click',
        params: ['event']
      }
    ],
    slots: ['default'],
    snippet: {
      props: {
        show: true
      }
    },
    package: 'vant'
  },
  VanPullRefresh: {
    name: 'VanPullRefresh',
    alias: 'PullRefresh',
    label: '下拉刷新',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/pull-refresh',
    props: [
      {
        name: 'modelValue',
        title: '是否处于加载中状态',
        setters: 'BooleanSetter'
      },
      {
        name: 'pulling-text',
        title: '下拉过程提示文案',
        defaultValue: '下拉即可刷新...',
        setters: 'StringSetter'
      },
      {
        name: 'loosing-text',
        title: '释放过程提示文案',
        defaultValue: '释放即可刷新...',
        setters: 'StringSetter'
      },
      {
        name: 'loading-text',
        title: '加载过程提示文案',
        defaultValue: '加载中...',
        setters: 'StringSetter'
      },
      {
        name: 'success-text',
        title: '刷新成功提示文案',
        setters: 'StringSetter'
      },
      {
        name: 'success-duration',
        title: '刷新成功提示展示时长(ms)',
        defaultValue: 500,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'animation-duration',
        title: '动画时长',
        defaultValue: 300,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'head-height',
        title: '顶部内容高度',
        defaultValue: 50,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'pull-distance',
        title: '触发下拉刷新的距离',
        defaultValue: 50,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'disabled',
        title: '\t是否禁用下拉刷新',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'update:modelValue'
      },
      {
        name: 'refresh'
      },
      {
        name: 'change',
        params: ['data']
      }
    ],
    slots: ['default', 'normal', 'pulling', 'loosing', 'loading', 'success'],
    snippet: {
      props: {
        modelValue: true
      },
      children: [
        {
          name: 'p',
          children: '下拉刷新'
        }
      ]
    },
    package: 'vant'
  },
  VanShareSheet: {
    name: 'VanShareSheet',
    alias: 'ShareSheet',
    label: '分享面板',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/share-sheet',
    props: [
      {
        name: 'show',
        title: '是否显示分享面板',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'options',
        title: '分享选项',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'title',
        title: '顶部标题',
        setters: 'StringSetter'
      },
      {
        name: 'cancel-text',
        title: '取消按钮文字，传入空字符串可以隐藏按钮',
        defaultValue: '取消',
        setters: 'StringSetter'
      },
      {
        name: 'description',
        title: '标题下方的辅助描述文字',
        setters: 'StringSetter'
      },
      {
        name: 'duration',
        title: '动画时长，单位秒，设置为 0 可以禁用动画',
        defaultValue: 0.3,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'z-index',
        title: '将面板的 z-index 层级设置为一个固定值',
        defaultValue: '2000+',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'round',
        title: '是否显示圆角',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'overlay',
        title: '是否显示遮罩层',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'overlay-class',
        title: '自定义遮罩层类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'overlay-style',
        title: '自定义遮罩层样式',
        setters: 'ObjectSetter'
      },
      {
        name: 'lock-scroll',
        title: '是否锁定背景滚动',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: '是否在显示弹层时才渲染内容',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-popstate',
        title: '是否在页面回退时自动关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-overlay',
        title: '是否在点击遮罩层后关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'safe-area-inset-bottom',
        title: '是否开启底部安全区适配',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        setters: ['StringSetter', 'ExpressionSetter']
      },
      {
        name: 'before-close',
        title: '关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise',
        setters: 'FunctionSetter'
      }
    ],
    events: [
      {
        name: 'update:show'
      },
      {
        name: 'select',
        params: ['option', 'index']
      },
      {
        name: 'cancel'
      },
      {
        name: 'open'
      },
      {
        name: 'close'
      },
      {
        name: 'opened'
      },
      {
        name: 'closed'
      },
      {
        name: 'click-overlay'
      }
    ],
    slots: ['title', 'description', 'cancel'],
    snippet: {
      props: {
        show: true,
        title: '立即分享给好友',
        options: [
          [
            {
              name: '微信',
              icon: 'wechat'
            },
            {
              name: '朋友圈',
              icon: 'wechat-moments'
            },
            {
              name: '微博',
              icon: 'weibo'
            },
            {
              name: 'QQ',
              icon: 'qq'
            }
          ],
          [
            {
              name: '复制链接',
              icon: 'link'
            },
            {
              name: '分享海报',
              icon: 'poster'
            },
            {
              name: '二维码',
              icon: 'qrcode'
            },
            {
              name: '小程序码',
              icon: 'weapp-qrcode'
            }
          ]
        ]
      }
    },
    package: 'vant'
  },
  VanSwipeCell: {
    name: 'VanSwipeCell',
    alias: 'SwipeCell',
    label: '滑动单元格',
    categoryId: 'feedback',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/swipe-cell',
    props: [
      {
        name: 'name',
        title: '标识符，通常为一个唯一的字符串或数字，可以在事件参数中获取到',
        defaultValue: '""',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'left-width',
        title: '指定左侧滑动区域宽度，单位为 px',
        defaultValue: 'auto',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'right-width',
        title: '指定右侧滑动区域宽度，单位为 px',
        defaultValue: 'auto',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'before-close',
        title: '关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise',
        setters: 'FunctionSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用滑动',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'stop-propagation',
        title: '是否阻止滑动事件冒泡',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'click',
        params: ['position']
      },
      {
        name: 'open',
        params: ['name', 'position']
      },
      {
        name: 'close',
        params: ['name', 'position']
      }
    ],
    slots: ['default', 'left', 'right'],
    snippet: {
      children: [
        {
          name: 'VanButton',
          slot: 'left',
          props: {
            square: true,
            type: 'primary',
            text: '选择'
          }
        },
        {
          name: 'VanCell',
          props: {
            border: false,
            title: '单元格',
            value: '内容'
          }
        },
        {
          name: 'template',
          slot: 'right',
          children: [
            {
              name: 'VanButton',
              props: {
                square: true,
                type: 'danger',
                text: '删除'
              }
            },
            {
              name: 'VanButton',
              props: {
                square: true,
                type: 'primary',
                text: '收藏'
              }
            }
          ]
        }
      ]
    },
    package: 'vant'
  },
  VanBadge: {
    name: 'VanBadge',
    alias: 'Badge',
    label: '徽标',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/button',
    props: [
      {
        name: 'content',
        title: '徽标内容（dot 为 fasle 时生效）',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'color',
        title: '徽标背景颜色',
        defaultValue: '#ee0a24',
        setters: 'StringSetter'
      },
      {
        name: 'dot',
        title: '是否展示为小红点',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'max',
        title: '最大值，超过最大值会显示 {max}+，仅当 content 为数字时有效',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'offset',
        title:
          '设置徽标的偏移量，数组的两项分别对应水平向右和垂直向下方向的偏移量，默认单位为 px',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'show-zero',
        title: '当 content 为数字 0 或字符串 "0" 时，是否展示徽标',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'position',
        title: '徽标位置',
        defaultValue: 'top-right',
        setters: 'SelectSetter',
        options: ['top-left', 'top-right', 'bottom-left', 'bottom-right']
      }
    ],
    slots: ['default', 'content'],
    snippet: {
      props: {
        content: '5'
      },
      children: [
        {
          name: 'div',
          props: {
            style: {
              width: '40px',
              height: '40px',
              background: '#f2f3f5',
              borderRadius: '4px'
            }
          }
        }
      ]
    },
    package: 'vant'
  },
  VanCircle: {
    name: 'VanCircle',
    alias: 'Circle',
    label: '环形进度条',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/circle',
    props: [
      {
        name: 'currentRate',
        title: '当前进度',
        setters: 'NumberSetter'
      },
      {
        name: 'rate',
        title: '目标进度',
        defaultValue: 100,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'size',
        title: '圆环直径，默认单位为 px',
        defaultValue: '100px',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'color',
        title: '进度条颜色，传入对象格式可以定义渐变色',
        defaultValue: '#1989fa',
        setters: ['ColorSetter', 'StringSetter', 'ObjectSetter']
      },
      {
        name: 'layer-color',
        title: '轨道颜色',
        defaultValue: 'white',
        setters: ['StringSetter', 'StringSetter']
      },
      {
        name: 'fill',
        title: '填充颜色',
        defaultValue: 'none',
        setters: ['StringSetter', 'StringSetter']
      },
      {
        name: 'speed',
        title: '动画速度（单位为 rate/s）',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'text',
        title: '文字',
        setters: 'StringSetter'
      },
      {
        name: 'stroke-width',
        title: '进度条宽度',
        defaultValue: 40,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'stroke-linecap',
        title: '进度条端点的形状，可选值为 square butt',
        defaultValue: 'round',
        setters: 'SelectSetter',
        options: ['round', 'square', 'butt']
      },
      {
        name: 'clockwise',
        title: '是否顺时针增加',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'start-position',
        title: '进度起始位置',
        defaultValue: 'top',
        setters: 'SelectSetter',
        options: ['left', 'right', 'top', 'bottom']
      }
    ],
    events: ['update:currentRate'],
    slots: ['default'],
    snippet: {
      props: {
        currentRate: 30,
        rate: 100,
        text: '30%'
      }
    },
    package: 'vant'
  },
  VanCollapse: {
    name: 'VanCollapse',
    alias: 'Collapse',
    label: '折叠面板',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/collapse',
    props: [
      {
        name: 'modelValue',
        title: '当前展开面板的 name',
        setters: ['NumberSetter', 'StringSetter', 'ArraySetter']
      },
      {
        name: 'accordion',
        title: '是否开启手风琴模式',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'border\t',
        title: '是否显示外边框',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: ['update:modelValue', 'change'],
    snippet: {
      props: {
        modelValue: ['1']
      },
      children: [
        {
          name: 'VanCollapseItem',
          props: {
            title: '标题1',
            name: '1'
          },
          children: '代码是写出来给人看的，附带能在机器上运行。'
        },
        {
          name: 'VanCollapseItem',
          props: {
            title: '标题2',
            name: '2'
          },
          children: '技术无非就是那些开发它的人的共同灵魂。。'
        },
        {
          name: 'VanCollapseItem',
          props: {
            title: '标题3',
            name: '3'
          },
          children: '在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。'
        }
      ]
    },
    package: 'vant'
  },
  VanCollapseItem: {
    name: 'VanCollapseItem',
    alias: 'CollapseItem',
    label: '折叠面板',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/collapse',
    props: [
      {
        name: 'name',
        title: '唯一标识符，默认为索引值',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'icon',
        title: '标题栏左侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'size',
        title: '标题栏大小，可选值为 large',
        setters: 'SelectSetter',
        options: ['large']
      },
      {
        name: 'title',
        title: '标题栏左侧内容',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'value',
        title: '标题栏右侧内容',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'label',
        title: '标题栏描述信息',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'border',
        title: '是否显示内边框',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'is-link',
        title: '是否展示标题栏右侧箭头并开启点击反馈',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用面板',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否为只读状态，只读状态下无法操作面板',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: '是否在首次展开时才渲染面板内容',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'title-class',
        title: '左侧标题额外类名',
        setters: 'StringSetter'
      },
      {
        name: 'value-class',
        title: '右侧内容额外类名',
        setters: 'StringSetter'
      },
      {
        name: 'label-class',
        title: 'label-class',
        setters: 'StringSetter'
      }
    ],
    events: ['toggle'],
    slots: ['default', 'title', 'value', 'label', 'icon', 'right-icon'],
    snippet: {
      props: {
        title: '这是个标题'
      },
      children: '代码是写出来给人看的，附带能在机器上运行。'
    },
    package: 'vant'
  },
  VanCountDown: {
    name: 'VanCountDown',
    alias: 'CountDown',
    label: '倒计时',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/count-down',
    props: [
      {
        name: 'time',
        title: '倒计时时长，单位毫秒',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'format',
        title: '时间格式',
        defaultValue: 'HH:ss:mm',
        setters: 'StringSetter'
      },
      {
        name: 'auto-start',
        title: '是否自动开始倒计时',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'millisecond',
        title: '是否开启毫秒级渲染',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'finish'
      },
      {
        name: 'change',
        params: ['currentTime']
      }
    ],
    slots: ['default'],
    snippet: {
      props: {
        time: 108000000
      }
    },
    package: 'vant'
  },
  VanDivider: {
    name: 'VanDivider',
    alias: 'Divider',
    label: '分割线',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/divider',
    props: [
      {
        name: 'dashed',
        title: '是否使用虚线',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'hairline',
        title: '是否使用 0.5px 线',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'content-position',
        title: '内容位置',
        defaultValue: 'center',
        setters: 'SelectSetter',
        options: ['left', 'center', 'right']
      },
      {
        name: 'vertical',
        title: '是否使用垂直',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    slots: ['default'],
    snippet: {
      children: '文本'
    },
    package: 'vant'
  },
  VanEmpty: {
    name: 'VanEmpty',
    alias: 'Empty',
    label: '空状态',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/empty',
    props: [
      {
        name: 'image',
        title: '图片类型, 支持传入图片 URL',
        defaultValue: 'default',
        setters: 'SelectSetter',
        options: ['error', 'network', 'search', 'default']
      },
      {
        name: 'image-size',
        title: '图片大小，默认单位为 px',
        setters: ['NumberSetter', 'StringSetter', 'ArraySetter']
      },
      {
        name: 'description',
        title: '图片下方的描述文字',
        setters: 'StringSetter'
      }
    ],
    slots: ['default', 'image', 'description'],
    snippet: {
      props: {
        description: '描述文字'
      }
    },
    package: 'vant'
  },
  VanHighlight: {
    name: 'VanHighlight',
    alias: 'Highlight',
    label: '高亮文本',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/highlight',
    props: [
      {
        name: 'auto-escape',
        title: '是否自动转义',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'case-sensitive',
        title: '是否区分大小写',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'highlight-class',
        title: '高亮元素的类名',
        setters: 'StringSetter'
      },
      {
        name: 'highlight-tag',
        title: '高亮元素对应的 HTML 标签名',
        defaultValue: 'span',
        setters: 'StringSetter'
      },
      {
        name: 'keywords',
        title: '期望高亮的文本',
        setters: ['StringSetter', 'ArraySetter']
      },
      {
        name: 'source-string',
        title: '源文本',
        setters: 'StringSetter'
      },
      {
        name: 'tag',
        title: '根节点对应的 HTML 标签名',
        defaultValue: 'div',
        setters: 'StringSetter'
      },
      {
        name: 'unhighlight-class',
        title: '非高亮元素的类名',
        setters: 'StringSetter'
      },
      {
        name: 'unhighlight-tag',
        title: '非高亮元素对应的 HTML 标签名',
        defaultValue: 'span',
        setters: 'StringSetter'
      }
    ],
    snippet: {
      props: {
        'source-string':
          '慢慢来，不要急，生活给你出了难题，可也终有一天会给出答案。',
        keywords: '难题'
      }
    },
    package: 'vant'
  },
  VanImagePreview: {
    name: 'VanImagePreview',
    alias: 'ImagePreview',
    label: '图片预览',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/image-preview',
    props: [
      {
        name: 'show',
        title: '是否展示图片预览',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'images',
        title: '需要预览的图片 URL 数组',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'start-position',
        title: '图片预览起始位置索引',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'swipe-duration',
        title: '动画时长，单位为 ms',
        defaultValue: 300,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'show-index',
        title: '是否显示页码',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-indicators',
        title: '是否显示轮播指示器',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'loop',
        title: '是否开启循环播放',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'double-scale',
        title: '是否启用双击缩放手势，禁用后，点击时会立即关闭图片预览',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'before-close',
        title: '关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise',
        setters: 'FunctionSetter'
      },
      {
        name: 'close-on-popstate',
        title: '是否在页面回退时自动关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-image',
        title: '是否在点击图片后关闭图片预览',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-overlay',
        title: '是否在点击遮罩层后关闭图片预览',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'vertical',
        title: '是否开启纵向手势滑动',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'class-name',
        title: '自定义类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'max-zoom',
        title: '手势缩放时，最大缩放比例',
        defaultValue: 3,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'min-zoom',
        title: '手势缩放时，最小缩放比例',
        defaultValue: 0.3333333333333333,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'closeable',
        title: '是否显示关闭图标',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-icon',
        title: '关闭图标名称或图片链接',
        defaultValue: 'clear',
        setters: 'StringSetter'
      },
      {
        name: 'close-icon-position',
        title: '关闭图标位置',
        defaultValue: 'top-right',
        setters: 'SelectSetter',
        options: ['top-left', 'top-right', 'bottom-left', 'bottom-right']
      },
      {
        name: 'transition',
        title: '动画类名，等价于 transition 的 name 属性',
        defaultValue: 'van-fade',
        setters: 'StringSetter'
      },
      {
        name: 'overlay-class',
        title: '自定义遮罩层类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'overlay-style',
        title: '自定义遮罩层样式',
        setters: 'ObjectSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        setters: ['StringSetter', 'ExpressionSetter']
      }
    ],
    events: [
      {
        name: 'update:show'
      },
      {
        name: 'close',
        params: ['data']
      },
      {
        name: 'closed'
      },
      {
        name: 'change',
        params: ['index']
      },
      {
        name: 'scale',
        params: ['data']
      },
      {
        name: 'long-press',
        params: ['data']
      }
    ],
    slots: ['index', 'cover', 'image'],
    snippet: {
      props: {
        show: true,
        images: [
          'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
          'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg'
        ]
      },
      children: [
        {
          name: 'template',
          slot: 'index'
        }
      ]
    },
    package: 'vant'
  },
  VanImageLazyload: {
    name: 'VanImageLazyload',
    alias: 'Lazyload',
    label: '懒加载',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/lazyload',
    snippet: {},
    package: 'vant'
  },
  VanList: {
    name: 'VanList',
    alias: 'List',
    label: '列表',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/list',
    props: [
      {
        name: 'loading',
        title: '是否处于加载状态，加载过程中不触发 load 事件',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'error',
        title: '是否加载失败，加载失败后点击错误提示可以重新触发 load 事件',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'finished',
        title: '是否已加载完成，加载完成后不再触发 load 事件',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'offset',
        title: '滚动条与底部距离小于 offset 时触发 load 事件',
        defaultValue: 300,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'loading-text',
        title: '加载过程中的提示文案',
        defaultValue: '加载中...',
        setters: 'StringSetter'
      },
      {
        name: 'finished-text',
        title: '加载完成后的提示文案',
        setters: 'StringSetter'
      },
      {
        name: 'error-text',
        title: '加载失败后的提示文案',
        setters: 'StringSetter'
      },
      {
        name: 'immediate-check',
        title: '是否在初始化时立即执行滚动位置检查',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用滚动加载',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'direction',
        title: '滚动触发加载的方向，可选值为 up',
        defaultValue: 'down',
        setters: 'SelectSetter',
        options: ['up', 'down']
      },
      {
        name: 'scroller',
        title: '指定需要监听滚动事件的节点，默认为最近的父级滚动节点',
        setters: 'ExpressionSetter'
      }
    ],
    events: ['update:loading', 'update:error', 'load'],
    snippet: {
      props: {
        loading: {
          type: 'JSExpression',
          value: 'this.state.loading'
        },
        finished: {
          type: 'JSExpression',
          value: 'this.state.finished'
        },
        'finished-text': '没有更多了'
      },
      children: [
        {
          name: 'VanCell',
          props: {
            key: {
              type: 'JSExpression',
              value: 'this.context.item'
            },
            title: {
              type: 'JSExpression',
              value: 'this.context.item'
            }
          },
          directives: [
            {
              name: 'vFor',
              value: {
                type: 'JSExpression',
                value: '20'
              }
            }
          ]
        }
      ],
      events: {
        load: {
          name: 'load',
          handler: {
            type: 'JSFunction',
            value:
              '() => {\r\n    setTimeout(() => {\r\n        if (this.state.refreshing) {\r\n            this.state.list = [];\r\n            this.state.refreshing = false;\r\n        }\r\n\r\n        for (let i = 0; i < 10; i++) {\r\n            this.state.list.push(this.state.list.length + 1);\r\n        }\r\n        this.loading = false;\r\n\r\n        if (this.state.list.length >= 40) {\r\n            this.finished = true;\r\n        }\r\n    }, 1000);\r\n};'
          },
          modifiers: {}
        }
      }
    },
    package: 'vant'
  },
  VanNoticeBar: {
    name: 'VanNoticeBar',
    alias: 'NoticeBar',
    label: '通知栏',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/notice-bar',
    props: [
      {
        name: 'mode',
        title: '通知栏模式，可选值为 closeable link',
        defaultValue: '""',
        setters: 'SelectSetter',
        options: ['closeable', 'link', '']
      },
      {
        name: 'text',
        title: '通知文本内容',
        defaultValue: '""',
        setters: 'StringSetter'
      },
      {
        name: 'color',
        title: '通知文本颜色',
        defaultValue: '#ed6a0c',
        setters: 'StringSetter'
      },
      {
        name: 'background',
        title: '滚动条背景',
        defaultValue: '#fffbe8',
        setters: 'StringSetter'
      },
      {
        name: 'left-icon',
        title: '左侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'delay',
        title: '动画延迟时间 (s)',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'speed',
        title: '滚动速率 (px/s)',
        defaultValue: 60,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'scrollable',
        title: '是否开启滚动播放，内容长度溢出时默认开启',
        setters: 'BooleanSetter'
      },
      {
        name: 'wrapable',
        title: '是否开启文本换行，只在禁用滚动时生效',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'click',
        params: ['event']
      },
      {
        name: 'close',
        params: ['event']
      },
      {
        name: 'replay'
      }
    ],
    slots: ['default', 'left-icon', 'right-icon'],
    snippet: {
      props: {
        'left-icon': 'volume-o',
        text: '无论我们能活多久，我们能够享受的只有无法分割的此刻，此外别无其他。'
      }
    },
    package: 'vant'
  },
  VanPopover: {
    name: 'VanPopover',
    alias: 'Popover',
    label: '气泡弹出框',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/popover',
    props: [
      {
        name: 'show',
        title: '是否展示气泡弹出层',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'actions',
        title: '选项列表',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'actions-direction',
        title: '选项列表的排列方向，可选值为 horizontal',
        defaultValue: 'vertical',
        setters: 'SelectSetter',
        options: ['vertical', 'horizontal']
      },
      {
        name: 'placement',
        title: '弹出位置',
        defaultValue: 'bottom',
        setters: 'SelectSetter',
        options: [
          'top',
          'top-start',
          'top-end',
          'left',
          'left-start',
          'left-end',
          'right',
          'right-start',
          'right-end',
          'bottom',
          'bottom-start',
          'bottom-end'
        ]
      },
      {
        name: 'theme',
        title: '主题风格',
        defaultValue: 'light',
        setters: 'SelectSetter',
        options: ['light', 'dark']
      },
      {
        name: 'trigger',
        title: '触发方式',
        defaultValue: 'click',
        setters: 'SelectSetter',
        options: ['click', 'manual']
      },
      {
        name: 'duration',
        title: '动画时长，单位秒，设置为 0 可以禁用动画',
        defaultValue: 0.3,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'offset',
        title: '出现位置的偏移量',
        defaultValue: [0, 8],
        setters: 'ArraySetter'
      },
      {
        name: 'overlay',
        title: '是否显示遮罩层',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'overlay-class',
        title: '自定义遮罩层类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'overlay-style',
        title: '自定义遮罩层样式',
        setters: 'ObjectSetter'
      },
      {
        name: 'show-arrow',
        title: '是否展示小箭头',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-action',
        title: '\t是否在点击选项后关闭',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-outside',
        title: '是否在点击外部元素后关闭菜单',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-on-click-overlay',
        title: '是否在点击遮罩层后关闭菜单',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'teleport',
        title: '\t指定挂载的节点，等同于 Teleport 组件的 to 属性',
        defaultValue: 'body',
        setters: ['StringSetter', 'ExpressionSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'vant-icon',
        setters: 'StringSetter'
      }
    ],
    events: [
      {
        name: 'update:show'
      },
      {
        name: 'select',
        params: ['action', 'index']
      },
      {
        name: 'open'
      },
      {
        name: 'close'
      },
      {
        name: 'opened'
      },
      {
        name: 'closed'
      },
      {
        name: 'click-overlay',
        params: ['event']
      }
    ],
    slots: ['default', 'reference', 'action'],
    snippet: {
      props: {
        show: true,
        actions: [
          {
            text: '选项一'
          },
          {
            text: '选项二'
          },
          {
            text: '选项三'
          }
        ]
      },
      events: {
        select: {
          name: 'select',
          handler: {
            type: 'JSFunction',
            value:
              '(action) => {\r\n    this.$libs.vant.showToast(action.text)\r\n}'
          },
          modifiers: {}
        }
      },
      children: [
        {
          name: 'VanButton',
          slot: 'reference',
          props: {
            type: 'primary'
          },
          children: '浅色风格'
        }
      ]
    },
    package: 'vant'
  },
  VanProgress: {
    name: 'VanProgress',
    alias: 'Progress',
    label: '进度条',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/progress',
    props: [
      {
        name: 'percentage',
        title: '进度百分比',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'stroke-width',
        title: '进度条粗细，默认单位为px',
        defaultValue: 4,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'color',
        title: '进度条颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'track-color',
        title: '轨道颜色',
        defaultValue: '#e5e5e5',
        setters: 'StringSetter'
      },
      {
        name: 'pivot-text',
        title: '进度文字内容',
        setters: 'StringSetter'
      },
      {
        name: 'pivot-color',
        title: '进度文字背景色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'text-color',
        title: '进度文字颜色',
        defaultValue: 'white',
        setters: 'StringSetter'
      },
      {
        name: 'inactive',
        title: '是否置灰',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-pivot',
        title: '是否显示进度文字',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    snippet: {
      props: {
        percentage: 50
      }
    },
    package: 'vant'
  },
  VanRollingText: {
    name: 'VanRollingText',
    alias: 'RollingText',
    label: '翻滚文本动效',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/rolling-text',
    props: [
      {
        name: 'start-num',
        title: '起始数值',
        defaultValue: 0,
        setters: 'NumberSetter'
      },
      {
        name: 'target-num',
        title: '目标数值',
        setters: 'NumberSetter'
      },
      {
        name: 'text-list',
        title: '内容数组，用于翻转非数字内容',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'duration',
        title: '动画时长，单位为秒',
        defaultValue: 2,
        setters: 'NumberSetter'
      },
      {
        name: 'direction',
        title: '文本翻滚方向，值为 down 和 up',
        defaultValue: 'down',
        setters: 'SelectSetter',
        options: ['up', 'down']
      },
      {
        name: 'auto-start',
        title: '是否自动开始动画',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'stop-order',
        title: '各个数位动画停止先后顺序，值为 ltr 和 rtl',
        defaultValue: 'ltr',
        setters: 'SelectSetter',
        options: ['ltr', 'rtl']
      },
      {
        name: 'height',
        title: '数字高度，单位为 px',
        defaultValue: 40,
        setters: 'NumberSetter'
      }
    ],
    snippet: {
      props: {
        'start-num': 0,
        'target-num': 123
      }
    },
    package: 'vant'
  },
  VanSkeleton: {
    name: 'VanSkeleton',
    alias: 'Skeleton',
    label: '骨架屏',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/skeleton',
    props: [
      {
        name: 'row',
        title: '段落占位图行数',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'row-width',
        title: '段落占位图宽度，可传数组来设置每一行的宽度',
        defaultValue: '100%',
        setters: ['StringSetter', 'NumberSetter', 'ArraySetter']
      },
      {
        name: 'title',
        title: '是否显示标题占位图',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'avatar',
        title: '是否显示头像占位图',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'loading',
        title: '是否显示骨架屏，传 false 时会展示子组件内容',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'animate',
        title: '是否开启动画',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'round',
        title: '是否将标题和段落显示为圆角风格',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'title-width',
        title: '标题占位图宽度',
        defaultValue: '40%',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'avatar-size',
        title: '头像占位图大小',
        defaultValue: 32,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'avatar-shape',
        title: '头像占位图形状',
        defaultValue: 'round',
        setters: 'SelectSetter',
        options: ['round', 'square']
      }
    ],
    slots: ['default', 'template'],
    snippet: {
      props: {
        title: true,
        avatar: true,
        row: 3
      }
    },
    package: 'vant'
  },
  VanSkeletonParagraph: {
    name: 'VanSkeletonParagraph',
    alias: 'SkeletonParagraph',
    label: '骨架屏文本',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/skeleton',
    props: [
      {
        name: 'round',
        title: '是否将段落显示为圆角风格',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'row-width',
        title: '段落占位图宽度',
        defaultValue: '100%',
        setters: 'StringSetter'
      }
    ],
    package: 'vant'
  },
  VanSkeletonTitle: {
    name: 'VanSkeletonTitle',
    alias: 'SkeletonTitle',
    label: '骨架屏标题',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/skeleton',
    props: [
      {
        name: 'round',
        title: '是否将段落显示为圆角风格',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'row-width',
        title: '段落占位图宽度',
        defaultValue: '40%',
        setters: ['StringSetter', 'NumberSetter']
      }
    ],
    package: 'vant'
  },
  VanSkeletonAvatar: {
    name: 'VanSkeletonAvatar',
    alias: 'SkeletonAvatar',
    label: '骨架屏头像',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/skeleton',
    props: [
      {
        name: 'avatar-size',
        title: '头像占位图大小',
        defaultValue: '32px',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'avatar-shape',
        title: '头像占位图形状',
        defaultValue: 'round',
        setters: 'SelectSetter',
        options: ['round', 'square']
      }
    ],
    package: 'vant'
  },
  VanSkeletonImage: {
    name: 'VanSkeletonImage',
    alias: 'SkeletonImage',
    label: '骨架屏图片',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/skeleton',
    props: [
      {
        name: 'image-size',
        title: '图片占位图大小',
        defaultValue: '32px',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'image-shape',
        title: '图片占位图形状',
        defaultValue: 'round',
        setters: 'SelectSetter',
        options: ['round', 'square']
      }
    ],
    package: 'vant'
  },
  VanSteps: {
    name: 'VanSteps',
    alias: 'Steps',
    label: '步骤条',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/steps',
    props: [
      {
        name: 'active',
        title: '当前步骤对应的索引值',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'direction',
        title: '步骤条方向',
        defaultValue: 'horizontal',
        setters: 'SelectSetter',
        options: ['horizontal', 'vertical']
      },
      {
        name: 'active-icon',
        title: '当前步骤对应的底部图标',
        defaultValue: 'checked',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'inactive-icon',
        title: '非当前步骤对应的底部图标',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'finish-icon',
        title: '已完成步骤对应的底部图标，优先级高于 inactive-icon',
        setters: 'StringSetter'
      },
      {
        name: 'active-color',
        title: '当前步骤和已完成步骤的颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'inactive-color',
        title: '未激活步骤的颜色',
        defaultValue: '#969799',
        setters: 'StringSetter'
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      }
    ],
    events: [
      {
        name: 'click-step',
        params: ['index']
      }
    ],
    snippet: {
      props: {
        active: 1
      },
      children: [
        {
          name: 'VanStep',
          children: '买家下单'
        },
        {
          name: 'VanStep',
          children: '商家接单'
        },
        {
          name: 'VanStep',
          children: '买家提货'
        },
        {
          name: 'VanStep',
          children: '交易完成'
        }
      ]
    },
    package: 'vant'
  },
  VanStep: {
    name: 'VanStep',
    alias: 'Step',
    label: '步骤条项',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/steps',
    slots: ['default', 'active-icon', 'inactive-icon', 'finish-icon'],
    snippet: {
      children: '步骤条项'
    },
    package: 'vant'
  },
  VanSticky: {
    name: 'VanSticky',
    alias: 'Sticky',
    label: '粘性布局',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/sticky',
    props: [
      {
        name: 'position',
        title: '吸附位置',
        defaultValue: 'top',
        setters: 'SelectSetter',
        options: ['top', 'bottom']
      },
      {
        name: 'offset-top',
        title: '吸顶时与顶部的距离，支持 px vw vh rem 单位，默认 px',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'offset-bottom',
        title: '吸底时与底部的距离，支持 px vw vh rem 单位，默认 px',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'z-index',
        title: '吸顶时的 z-index',
        defaultValue: 99,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'container',
        title: '容器对应的 HTML 节点',
        setters: 'ExpressionSetter'
      }
    ],
    events: [
      {
        name: 'change',
        params: ['isFixed']
      },
      {
        name: 'scroll',
        params: ['data']
      }
    ],
    snippet: {
      children: [
        {
          name: 'VanButton',
          props: {
            type: 'primary'
          },
          children: '基础用法'
        }
      ]
    },
    package: 'vant'
  },
  VanSwipe: {
    name: 'VanSwipe',
    alias: 'Swipe',
    label: '轮播',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/swipe',
    props: [
      {
        name: 'autoplay',
        title: '自动轮播间隔，单位为 ms',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'duration',
        title: '动画时长，单位为 ms',
        defaultValue: 500,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'initial-swipe',
        title: '初始位置索引值',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'width',
        title: '滑块宽度，单位为 px',
        defaultValue: 'auto',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'height',
        title: '滑块高度，单位为 px',
        defaultValue: 'auto',
        setters: ['StringSetter', 'NumberSetter']
      },
      {
        name: 'loop',
        title: '是否开启循环播放',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-indicators',
        title: '是否显示指示器',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'vertical',
        title: '是否为纵向滚动',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'touchable',
        title: '是否可以通过手势滑动',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'stop-propagation',
        title: '是否阻止滑动事件冒泡',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: '是否延迟渲染未展示的轮播',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'indicator-color',
        title: '指示器颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      }
    ],
    events: [
      {
        name: 'change',
        params: ['index']
      },
      {
        name: 'drag-start',
        params: ['data']
      },
      {
        name: 'drag-end',
        params: ['data']
      }
    ],
    snippet: {
      props: {
        autoplay: '3000',
        'indicator-color': 'white',
        style: {
          color: '#fff',
          fontSize: '20px',
          lineHeight: '150px',
          textAlign: 'center',
          backgroundColor: '#39a9ed'
        }
      },
      children: [
        {
          name: 'VanSwipeItem',
          children: '1'
        },
        {
          name: 'VanSwipeItem',
          children: '2'
        },
        {
          name: 'VanSwipeItem',
          children: '3'
        }
      ]
    },
    package: 'vant'
  },
  VanSwipeItem: {
    name: 'VanSwipeItem',
    alias: 'SwipeItem',
    label: '轮播项',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/swipe',
    snippet: {
      props: {
        style: {
          color: '#fff',
          fontSize: '20px',
          lineHeight: '150px',
          textAlign: 'center',
          backgroundColor: '#39a9ed'
        }
      },
      children: '1'
    },
    package: 'vant'
  },
  VanTag: {
    name: 'VanTag',
    alias: 'Tag',
    label: '标签',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/tag',
    props: [
      {
        name: 'type',
        title: '类型',
        defaultValue: 'default',
        setters: 'SelectSetter',
        options: ['primary', 'success', 'danger', 'warning', 'default']
      },
      {
        name: 'size',
        title: '大小',
        setters: 'SelectSetter',
        options: ['large', 'medium']
      },
      {
        name: 'color',
        title: '标签颜色',
        setters: 'StringSetter'
      },
      {
        name: 'show',
        title: '是否展示标签',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'plain',
        title: '是否为空心样式',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'round',
        title: '是否为圆角样式',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'mark',
        title: '是否为标记样式',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'text-color',
        title: '文本颜色，优先级高于 color 属性',
        defaultValue: 'white',
        setters: 'StringSetter'
      },
      {
        name: 'closeable',
        title: '是否为可关闭标签',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    slots: ['default'],
    events: [
      {
        name: 'click',
        params: ['event']
      },
      {
        name: 'close',
        params: ['event']
      }
    ],
    snippet: {
      props: {
        type: 'primary'
      },
      children: '标签'
    },
    package: 'vant'
  },
  VanTextEllipsis: {
    name: 'VanTextEllipsis',
    alias: 'TextEllipsis',
    label: '文本省略',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/text-ellipsis',
    props: [
      {
        name: 'rows',
        title: '展示的行数',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'content',
        title: '需要展示的文本',
        setters: 'StringSetter'
      },
      {
        name: 'expand-text',
        title: '展开操作的文案',
        setters: 'StringSetter'
      },
      {
        name: 'collapse-text',
        title: '收起操作的文案',
        setters: 'StringSetter'
      },
      {
        name: 'dots',
        title: '省略号的文本内容',
        defaultValue: '...',
        setters: 'StringSetter'
      },
      {
        name: 'position',
        title: '省略位置',
        defaultValue: 'end',
        setters: 'SelectSetter',
        options: ['start', 'middle', 'end']
      }
    ],
    events: [
      {
        name: 'lick-action',
        params: ['event']
      }
    ],
    slots: ['action'],
    snippet: {
      props: {
        content: '慢慢来，不要急，生活给你出了难题，可也终有一天会给出答案。'
      }
    },
    package: 'vant'
  },
  VanWatermark: {
    name: 'VanWatermark',
    alias: 'Watermark',
    label: '水印',
    categoryId: 'view',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/watermark',
    props: [
      {
        name: 'width',
        title: '水印宽度',
        defaultValue: 100,
        setters: 'NumberSetter'
      },
      {
        name: 'height',
        title: '水印高度',
        defaultValue: 100,
        setters: 'NumberSetter'
      },
      {
        name: 'z-index',
        title: '水印的 z-index',
        defaultValue: 100,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'content',
        title: '文字水印的内容',
        setters: 'StringSetter'
      },
      {
        name: 'image',
        title: '图片水印的内容，如果与 content 同时传入，优先使用图片水印',
        setters: 'StringSetter'
      },
      {
        name: 'rotate',
        title: '水印的旋转角度',
        defaultValue: -22,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'full-page',
        title: '水印是否全屏显示',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'gap-x',
        title: '水印之间的水平间隔',
        defaultValue: 0,
        setters: 'NumberSetter'
      },
      {
        name: 'gap-y',
        title: '水印之间的垂直间隔',
        defaultValue: 0,
        setters: 'NumberSetter'
      },
      {
        name: 'text-color',
        title: '文字水印的颜色',
        defaultValue: '#dcdee0',
        setters: 'StringSetter'
      },
      {
        name: 'opacity',
        title: '水印的透明度',
        setters: ['NumberSetter', 'StringSetter']
      }
    ],
    slots: ['content'],
    snippet: {
      props: {
        content: 'VTJ'
      }
    },
    package: 'vant'
  },
  VanActionBar: {
    name: 'VanActionBar',
    alias: 'ActionBar',
    label: '动作栏',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/action-bar',
    props: [
      {
        name: 'safe-area-inset-bottom',
        title: '是否开启底部安全区适配',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'placeholder',
        title: '是否在标签位置生成一个等高的占位元素',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    snippet: {
      children: [
        {
          name: 'VanActionBarIcon',
          props: {
            icon: 'chat-o',
            text: '客服'
          }
        },
        {
          name: 'VanActionBarIcon',
          props: {
            icon: 'cart-o',
            text: '购物车'
          }
        },
        {
          name: 'VanActionBarIcon',
          props: {
            icon: 'shop-o',
            text: '店铺'
          }
        },
        {
          name: 'VanActionBarButton',
          props: {
            type: 'danger',
            text: '立即购买'
          }
        }
      ]
    },
    package: 'vant'
  },
  VanActionBarIcon: {
    name: 'VanActionBarIcon',
    alias: 'ActionBarIcon',
    label: '动作栏图标',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/action-bar',
    props: [
      {
        name: 'text',
        title: '按钮文字',
        setters: 'StringSetter'
      },
      {
        name: 'icon',
        title: '图标',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'color',
        title: '图标颜色',
        defaultValue: '#323233',
        setters: 'StringSetter'
      },
      {
        name: 'icon-class',
        title: '图标额外类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'dot',
        title: '是否显示图标右上角小红点',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'badge',
        title: '图标右上角徽标的内容',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'badge-props',
        title: '自定义徽标的属性，传入的对象会被透传给 Badge 组件的 props',
        setters: 'ObjectSetter'
      },
      {
        name: 'url',
        title: '点击后跳转的链接地址',
        setters: 'StringSetter'
      },
      {
        name: 'to',
        title: '点击后跳转的目标路由对象，等同于 Vue Router 的 to 属性',
        setters: ['StringSetter', 'ObjectSetter']
      },
      {
        name: 'replace',
        title: '是否在跳转时替换当前页面历史',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    slots: ['default', 'icon'],
    snippet: {
      props: {
        icon: 'chat-o',
        text: '客服'
      }
    },
    package: 'vant'
  },
  VanActionBarButton: {
    name: 'VanActionBarButton',
    alias: 'ActionBarButton',
    label: '动作栏按钮',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/action-bar',
    props: [
      {
        name: 'text',
        title: '按钮文字',
        setters: 'StringSetter'
      },
      {
        name: 'type',
        title: '按钮类型',
        defaultValue: 'default',
        setters: 'SelectSetter',
        options: ['default', 'primary', 'success', 'warning', 'danger']
      },
      {
        name: 'color',
        title: '按钮颜色，支持传入 linear-gradient 渐变色',
        setters: 'StringSetter'
      },
      {
        name: 'icon',
        title: '左侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'disabled',
        title: '是否禁用按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'loading',
        title: '是否显示为加载状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'url',
        title: '点击后跳转的链接地址',
        setters: 'StringSetter'
      },
      {
        name: 'to',
        title: '点击后跳转的目标路由对象，等同于 Vue Router 的 to 属性',
        setters: ['StringSetter', 'ObjectSetter']
      },
      {
        name: 'replace',
        title: '是否在跳转时替换当前页面历史',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    snippet: {
      props: {
        type: 'danger',
        text: '立即购买'
      }
    },
    package: 'vant'
  },
  VanBackTop: {
    name: 'VanBackTop',
    alias: 'BackTop',
    label: '回到顶部',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/back-top',
    props: [
      {
        name: 'target',
        title:
          '触发滚动的目标对象，支持传入选择器或 DOM 元素，默认最近的父级滚动容器',
        setters: ['StringSetter', 'ExpressionSetter']
      },
      {
        name: 'right',
        title: '距离页面右侧的距离，默认单位为 px',
        defaultValue: 30,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'bottom',
        title: '距离页面底部的距离，默认单位为 px',
        defaultValue: 40,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'offset',
        title: '滚动高度达到此参数值时才显示组件',
        defaultValue: 200,
        setters: 'NumberSetter'
      },
      {
        name: 'teleport',
        title: '指定挂载的节点，等同于 Teleport 组件的 to 属性',
        defaultValue: 'body',
        setters: ['StringSetter', 'ExpressionSetter']
      },
      {
        name: 'immediate',
        title: '是否瞬间滚动到顶部',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'z-index',
        title: '设置组件的 z-index 层级',
        defaultValue: 100,
        setters: ['NumberSetter', 'StringSetter']
      }
    ],
    events: [
      {
        name: 'click',
        params: ['event']
      }
    ],
    slots: ['default'],
    package: 'vant'
  },
  VanGrid: {
    name: 'VanGrid',
    alias: 'Grid',
    label: '宫格',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/grid',
    props: [
      {
        name: 'column-num',
        title: '列数',
        defaultValue: 4,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'icon-size',
        title: '图标大小，默认单位为px',
        defaultValue: 28,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'gutter',
        title: '格子之间的间距，默认单位为px',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'border',
        title: '是否显示边框',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'center',
        title: '是否将格子内容居中显示',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'square',
        title: '是否将格子固定为正方形',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'clickable',
        title: '是否开启格子点击反馈',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'direction',
        title: '格子内容排列的方向',
        defaultValue: 'vertical',
        setters: 'SelectSetter',
        options: ['vertical', 'horizontal']
      },
      {
        name: 'reverse',
        title: '是否调换图标和文本的位置',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    snippet: {
      children: [
        {
          name: 'VanGridItem',
          props: {
            icon: 'photo-o',
            text: '文字'
          },
          directives: [
            {
              name: 'vFor',
              value: {
                type: 'JSExpression',
                value: '8'
              }
            }
          ]
        }
      ]
    },
    package: 'vant'
  },
  VanGridItem: {
    name: 'VanGridItem',
    alias: 'GridItem',
    label: '宫格项',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/grid',
    props: [
      {
        name: 'text',
        title: '文字',
        setters: 'StringSetter'
      },
      {
        name: 'icon',
        title: '图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'icon-color',
        title: '图标颜色，等同于 Icon 组件的 color 属性',
        setters: 'StringSetter'
      },
      {
        name: 'dot',
        title: '是否显示图标右上角小红点',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'badge',
        title: '图标右上角徽标的内容',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'badge-props',
        title: '自定义徽标的属性，传入的对象会被透传给 Badge 组件的 props',
        setters: 'ObjectSetter'
      },
      {
        name: 'url',
        title: '点击后跳转的链接地址',
        setters: 'StringSetter'
      },
      {
        name: 'to',
        title: '点击后跳转的目标路由对象，等同于 Vue Router 的 to 属性',
        setters: ['StringSetter', 'ObjectSetter']
      },
      {
        name: 'replace',
        title: '是否在跳转时替换当前页面历史',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'click',
        params: ['event']
      }
    ],
    slots: ['default', 'icon', 'text'],
    snippet: {
      props: {
        icon: 'photo-o',
        text: '文字'
      }
    },
    package: 'vant'
  },
  VanIndexBar: {
    name: 'VanIndexBar',
    alias: 'IndexBar',
    label: '索引栏',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/index-bar',
    props: [
      {
        name: 'index-list',
        title: '索引字符列表',
        setters: 'ArraySetter'
      },
      {
        name: 'z-index',
        title: 'z-index 层级',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'sticky',
        title: '是否开启锚点自动吸顶',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'sticky-offset-top',
        title: '锚点自动吸顶时与顶部的距离',
        defaultValue: 0,
        setters: 'NumberSetter'
      },
      {
        name: 'highlight-color',
        title: '索引字符高亮颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'teleport',
        title: '指定索引栏挂载的节点',
        setters: ['StringSetter', 'ExpressionSetter']
      }
    ],
    events: [
      {
        name: 'select',
        params: ['index']
      },
      {
        name: 'change',
        params: ['index']
      }
    ],
    snippet: {
      children: [
        {
          name: 'VanIndexAnchor',
          props: {
            index: 'A'
          }
        },
        {
          name: 'VanCell',
          props: {
            title: '文本'
          }
        },
        {
          name: 'VanCell',
          props: {
            title: '文本'
          }
        },
        {
          name: 'VanCell',
          props: {
            title: '文本'
          }
        },
        {
          name: 'VanIndexAnchor',
          props: {
            index: 'B'
          }
        },
        {
          name: 'VanCell',
          props: {
            title: '文本'
          }
        },
        {
          name: 'VanCell',
          props: {
            title: '文本'
          }
        },
        {
          name: 'VanCell',
          props: {
            title: '文本'
          }
        }
      ]
    },
    package: 'vant'
  },
  VanIndexAnchor: {
    name: 'VanIndexAnchor',
    alias: 'IndexAnchor',
    label: '索引栏锚点',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/index-bar',
    props: [
      {
        name: 'index',
        title: '索引字符',
        setters: ['StringSetter', 'NumberSetter']
      }
    ],
    slots: ['default'],
    snippet: {
      props: {
        index: 'C'
      }
    },
    package: 'vant'
  },
  VanNavBar: {
    name: 'VanNavBar',
    alias: 'NavBar',
    label: '导航栏',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/nav-bar',
    props: [
      {
        name: 'title',
        title: '标题',
        defaultValue: '""',
        setters: 'StringSetter'
      },
      {
        name: 'left-text',
        title: '左侧文案',
        defaultValue: '""',
        setters: 'StringSetter'
      },
      {
        name: 'right-text',
        title: '右侧文案',
        defaultValue: '""',
        setters: 'StringSetter'
      },
      {
        name: 'left-disabled',
        title: '是否禁用左侧按钮，禁用时透明度降低，且无法点击',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'right-disabled',
        title: '是否禁用右侧按钮，禁用时透明度降低，且无法点击',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'left-arrow',
        title: '是否显示左侧箭头',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'border',
        title: '是否显示下边框',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'fixed',
        title: '是否固定在顶部',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'placeholder',
        title: '固定在顶部时，是否在标签位置生成一个等高的占位元素',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'z-index',
        title: '导航栏 z-index',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'safe-area-inset-top',
        title: '是否开启顶部安全区适配',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'clickable',
        title: '是否开启两侧按钮的点击反馈',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'click-left',
        params: ['event']
      },
      {
        name: 'click-right',
        params: ['event']
      }
    ],
    slots: ['title', 'left', 'right'],
    snippet: {
      props: {
        title: ' 标题'
      }
    },
    package: 'vant'
  },
  VanPagination: {
    name: 'VanPagination',
    alias: 'Pagination',
    label: '分页',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/pagination',
    props: [
      {
        name: 'modelValue',
        title: '当前页码',
        setters: 'NumberSetter'
      },
      {
        name: 'mode',
        title: '显示模式',
        defaultValue: 'multi',
        setters: 'SelectSetter',
        options: ['simple', 'multi']
      },
      {
        name: 'prev-text',
        title: '上一页按钮文字',
        defaultValue: '上一页',
        setters: 'StringSetter'
      },
      {
        name: 'next-text',
        title: '下一页按钮文字',
        defaultValue: '下一页',
        setters: 'StringSetter'
      },
      {
        name: 'page-count',
        title: '总页数',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'total-items',
        title: '总记录数',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'items-per-page',
        title: '每页记录数',
        defaultValue: 10,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'show-page-size',
        title: '显示的页码个数',
        defaultValue: 5,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'force-ellipses',
        title: '是否显示省略号',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-prev-button',
        title: '是否展示上一页按钮',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-next-button',
        title: '是否展示下一页按钮',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: ['update:modelValue', 'change'],
    slots: ['page', 'prev-text', 'next-text'],
    snippet: {
      props: {
        modelValue: 1,
        'total-items': 24,
        'items-per-page': 5
      }
    },
    package: 'vant'
  },
  VanSidebar: {
    name: 'VanSidebar',
    alias: 'Sidebar',
    label: '侧边导航',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/sidebar',
    props: [
      {
        name: 'modelValue',
        title: '当前导航项的索引',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      }
    ],
    events: ['update:modelValue', 'change'],
    snippet: {
      props: {
        modelValue: 0
      },
      children: [
        {
          name: 'VanSidebarItem',
          props: {
            title: '标签名称'
          }
        },
        {
          name: 'VanSidebarItem',
          props: {
            title: '标签名称'
          }
        },
        {
          name: 'VanSidebarItem',
          props: {
            title: '标签名称'
          }
        }
      ]
    },
    package: 'vant'
  },
  VanSidebarItem: {
    name: 'VanSidebarItem',
    alias: 'SidebarItem',
    label: '侧边导航项',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/sidebar',
    props: [
      {
        name: 'title',
        title: '内容',
        defaultValue: '""',
        setters: 'StringSetter'
      },
      {
        name: 'dot',
        title: '是否显示右上角小红点',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'badge',
        title: '图标右上角徽标的内容',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'badge-props',
        title: '自定义徽标的属性，传入的对象会被透传给 Badge 组件的 props',
        setters: 'ObjectSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用该项',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'url',
        title: '点击后跳转的链接地址',
        setters: 'StringSetter'
      },
      {
        name: 'to',
        title: '点击后跳转的目标路由对象，等同于 Vue Router 的 to 属性',
        setters: ['StringSetter', 'ObjectSetter']
      },
      {
        name: 'replace',
        title: '是否在跳转时替换当前页面历史',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: ['click'],
    slots: ['title'],
    snippet: {
      props: {
        title: '标签名称'
      }
    },
    package: 'vant'
  },
  VanTabs: {
    name: 'VanTabs',
    alias: 'Tabs',
    label: '标签页',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/tap',
    props: [
      {
        name: 'active',
        title: '绑定当前选中标签的标识符',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'type',
        title: '样式风格类型，可选值为 card',
        defaultValue: 'line',
        setters: 'SelectSetter',
        options: ['line', 'card']
      },
      {
        name: 'color',
        title: '标签主题色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'background',
        title: '标签栏背景色',
        defaultValue: 'white',
        setters: 'StringSetter'
      },
      {
        name: 'duration',
        title: '动画时间，单位秒，设置为 0 可以禁用动画',
        defaultValue: 0.3,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'line-width',
        title: '底部条宽度，默认单位 px',
        defaultValue: 40,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'line-height',
        title: '底部条高度，默认单位 px',
        defaultValue: 3,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'animated',
        title:
          '是否开启切换标签内容时的转场动画（开启该属性后，内容区如果有粘性布局将会不达预期）',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'border',
        title: '是否显示标签栏外边框，仅在 type="line" 时有效',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'ellipsis',
        title:
          '是否省略过长的标题文字（仅在 shrink 为 false 且 tab 数量小于等于 swipe-threshold 时生效）',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'sticky',
        title: '是否使用粘性布局',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'shrink',
        title: '是否开启左侧收缩布局',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'swipeable',
        title:
          '是否开启手势左右滑动切换（开启该属性后，内容区如果有粘性布局将会不达预期）',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'lazy-render',
        title: '是否开启延迟渲染（首次切换到标签时才触发内容渲染）',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'scrollspy',
        title: '是否开启滚动导航',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-header',
        title: '是否显示标题栏',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'offset-top',
        title: '粘性布局下吸顶时与顶部的距离，支持 px vw vh rem 单位，默认 px',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'swipe-threshold',
        title:
          '滚动阈值，标签数量超过阈值且总宽度超过标签栏宽度时开始横向滚动（仅在 shrink 为 false 且 ellipsis 为 true 时生效）',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'title-active-color',
        title: '标题选中态颜色',
        setters: 'StringSetter'
      },
      {
        name: 'title-inactive-color',
        title: '标题默认态颜色',
        setters: 'StringSetter'
      },
      {
        name: 'before-change',
        title: '切换标签前的回调函数，返回 false 可阻止切换，支持返回 Promise',
        setters: 'FunctionSetter'
      }
    ],
    events: [
      {
        name: 'update:active'
      },
      {
        name: 'click-tab',
        params: ['data']
      },
      {
        name: 'change',
        params: ['name', 'title']
      },
      {
        name: 'rendered',
        params: ['name', 'title']
      },
      {
        name: 'scroll',
        params: ['data']
      }
    ],
    slots: ['default', 'nav-left', 'nav-right', 'nav-bottom'],
    snippet: {
      props: {
        active: 0
      },
      children: [
        {
          name: 'VanTab',
          props: {
            title: '内容1'
          },
          children: '标题1'
        },
        {
          name: 'VanTab',
          props: {
            title: '内容2'
          },
          children: '标题2'
        },
        {
          name: 'VanTab',
          props: {
            title: '内容3'
          },
          children: '标题3'
        }
      ]
    },
    package: 'vant'
  },
  VanTab: {
    name: 'VanTab',
    alias: 'Tab',
    label: '标签页项',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/tap',
    props: [
      {
        name: 'title',
        title: '标题',
        setters: 'StringSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用标签',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'dot',
        title: '是否在标题右上角显示小红点',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'badge',
        title: '图标右上角徽标的内容（dot 为 fasle 时生效）',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'name',
        title: '标签名称，作为匹配的标识符',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'url',
        title: '点击后跳转的链接地址',
        setters: 'StringSetter'
      },
      {
        name: 'to',
        title: '点击后跳转的目标路由对象，等同于 Vue Router 的 to 属性',
        setters: ['StringSetter', 'ObjectSetter']
      },
      {
        name: 'replace',
        title: '是否在跳转时替换当前页面历史',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'title-style',
        title: '自定义标题样式',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'title-class',
        title: '自定义标题类名',
        setters: ['StringSetter', 'ArraySetter', 'ObjectSetter']
      },
      {
        name: 'show-zero-badge',
        title: '当 badge 为数字 0 时，是否展示徽标',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    slots: ['default', 'title'],
    snippet: {
      props: {
        title: '内容-标题项'
      },
      children: '内容-标题项'
    },
    package: 'vant'
  },
  VanTabbar: {
    name: 'VanTabbar',
    alias: 'Tabbar',
    label: '标签栏',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/tabbar',
    props: [
      {
        name: 'modelValue',
        title: '当前选中标签的名称或索引值',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'fixed',
        title: '是否固定在底部',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'border',
        title: '是否显示外边框',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'z-index',
        title: '元素 z-index',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'active-color',
        title: '选中标签的颜色',
        defaultValue: '#1989fa',
        setters: 'StringSetter'
      },
      {
        name: 'inactive-color',
        title: '未选中标签的颜色',
        defaultValue: '#7d7e80',
        setters: 'StringSetter'
      },
      {
        name: 'route',
        title: '是否开启路由模式',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'placeholder',
        title: '固定在底部时，是否在标签位置生成一个等高的占位元素',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'safe-area-inset-bottom',
        title: '是否开启底部安全区适配，设置 fixed 时默认开启',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'before-change',
        title: '切换标签前的回调函数，返回 false 可阻止切换，支持返回 Promise',
        setters: 'FunctionSetter'
      }
    ],
    events: ['update:modelValue', 'change'],
    snippet: {
      props: {
        modelValue: 0
      },
      children: [
        {
          name: 'VanTabbarItem',
          props: {
            icon: 'home-o'
          },
          children: 'home'
        },
        {
          name: 'VanTabbarItem',
          props: {
            icon: 'search'
          },
          children: 'search'
        },
        {
          name: 'VanTabbarItem',
          props: {
            icon: 'friends-o'
          },
          children: 'friends'
        },
        {
          name: 'VanTabbarItem',
          props: {
            icon: 'setting-o'
          },
          children: 'setting'
        }
      ]
    },
    package: 'vant'
  },
  VanTabbarItem: {
    name: 'VanTabbarItem',
    alias: 'TabbarItem',
    label: '标签栏项',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/tabbar',
    props: [
      {
        name: 'name',
        title: '标签名称，作为匹配的标识符',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'icon',
        title: '图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'icon-prefix',
        title: '图标类名前缀，等同于 Icon 组件的 class-prefix 属性',
        defaultValue: 'van-icon',
        setters: 'StringSetter'
      },
      {
        name: 'dot',
        title: '是否显示图标右上角小红点',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'badge',
        title: '图标右上角徽标的内容',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'badge-props',
        title: '自定义徽标的属性，传入的对象会被透传给 Badge 组件的 props',
        setters: 'ObjectSetter'
      },
      {
        name: 'url',
        title: '点击后跳转的链接地址',
        setters: 'StringSetter'
      },
      {
        name: 'to',
        title: '点击后跳转的目标路由对象，等同于 Vue Router 的 to 属性',
        setters: ['StringSetter', 'ObjectSetter']
      },
      {
        name: 'replace',
        title: '是否在跳转时替换当前页面历史',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    slots: ['icon'],
    snippet: {
      props: {
        icon: 'home-o'
      },
      children: 'home'
    },
    package: 'vant'
  },
  VanTreeSelect: {
    name: 'VanTreeSelect',
    alias: 'TreeSelect',
    label: '分类选择',
    categoryId: 'nav',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/tree-select',
    props: [
      {
        name: 'main-active-index',
        title: '左侧选中项的索引',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'active-id',
        title: '右侧选中项的 id，支持传入数组',
        defaultValue: 0,
        setters: ['NumberSetter', 'StringSetter', 'ArraySetter']
      },
      {
        name: 'items',
        title: '分类显示所需的数据',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'height',
        title: '高度，默认单位为px',
        defaultValue: 300,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'max',
        title: '右侧项最大选中个数',
        defaultValue: null,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'selected-icon',
        title: '自定义右侧栏选中状态的图标',
        defaultValue: 'success',
        setters: 'StringSetter'
      }
    ],
    events: [
      {
        name: 'update:main-active-index'
      },
      {
        name: 'update:active-id'
      },
      {
        name: 'click-nav',
        params: ['index']
      },
      {
        name: 'click-item',
        params: ['item']
      }
    ],
    slots: ['nav-text', 'content'],
    snippet: {
      props: {
        'active-id': 1,
        items: [
          {
            text: '浙江',
            children: [
              {
                text: '杭州',
                id: 1
              },
              {
                text: '温州',
                id: 2
              },
              {
                text: '宁波',
                id: 3,
                disabled: true
              }
            ]
          },
          {
            text: '江苏',
            children: [
              {
                text: '南京',
                id: 4
              },
              {
                text: '无锡',
                id: 5
              },
              {
                text: '徐州',
                id: 6
              }
            ]
          },
          {
            text: '福建',
            disabled: true
          }
        ]
      }
    },
    package: 'vant'
  },
  VanAddressEdit: {
    name: 'VanAddressEdit',
    alias: 'AddressEdit',
    label: '地址编辑',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/address-edit',
    props: [
      {
        name: 'area-list',
        title: '地区列表',
        setters: 'ObjectSetter'
      },
      {
        name: 'area-columns-placeholder',
        title: '地区选择列占位提示文字',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'area-placeholder',
        title: '地区输入框占位提示文字',
        defaultValue: '选择省 / 市 / 区',
        setters: 'StringSetter'
      },
      {
        name: 'address-info',
        title: '地址信息初始值',
        defaultValue: {},
        setters: 'ObjectSetter'
      },
      {
        name: 'search-result',
        title: '详细地址搜索结果',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'show-delete',
        title: '是否显示删除按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-set-default',
        title: '是否显示默认地址栏',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-search-result',
        title: '是否显示搜索结果',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-area',
        title: '是否显示地区',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-detail',
        title: '是否显示详细地址',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'disable-area',
        title: '是否禁用地区选择',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'save-button-text',
        title: '保存按钮文字',
        defaultValue: '保存',
        setters: 'StringSetter'
      },
      {
        name: 'delete-button-text',
        title: '删除按钮文字',
        defaultValue: '删除',
        setters: 'StringSetter'
      },
      {
        name: 'detail-rows',
        title: '详细地址输入框行数',
        defaultValue: 1,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'detail-maxlength',
        title: '详细地址最大长度',
        defaultValue: 200,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'is-saving',
        title: '是否显示保存按钮加载动画',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'is-deleting',
        title: '是否显示删除按钮加载动画',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'tel-validator',
        title: '手机号格式校验函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'tel-maxlength',
        title: '手机号最大长度',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'validator',
        title: '自定义校验函数',
        setters: 'FunctionSetter'
      }
    ],
    events: [
      {
        name: 'save',
        params: ['info']
      },
      {
        name: 'focus',
        params: ['key']
      },
      {
        name: 'change',
        params: ['data']
      },
      {
        name: 'delete',
        params: ['info']
      },
      {
        name: 'select-search',
        params: ['value']
      },
      {
        name: 'click-area'
      },
      {
        name: 'change-area',
        params: ['selectedOptions']
      },
      {
        name: 'change-detail',
        params: ['value']
      },
      {
        name: 'change-default',
        params: ['checked']
      }
    ],
    slots: ['default'],
    snippet: {
      props: {
        'show-delete': true,
        'show-set-default': true,
        'show-search-result': true,
        'area-list': [],
        'area-columns-placeholder': ['请选择', '请选择', '请选择'],
        'search-result': [
          {
            name: '黄龙万科中心',
            address: '杭州市西湖区'
          }
        ]
      }
    },
    package: 'vant'
  },
  VanAddressList: {
    name: 'VanAddressList',
    alias: 'AddressList',
    label: '地址列表',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/address-list',
    props: [
      {
        name: 'modelValue',
        title: '当前选中地址的 id，支持多选（类型为 []）',
        setters: ['NumberSetter', 'StringSetter', 'ArraySetter']
      },
      {
        name: 'list',
        title: '地址列表',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'disabled-list',
        title: '不可配送地址列表',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'disabled-text',
        title: '不可配送提示文案',
        setters: 'StringSetter'
      },
      {
        name: 'switchable',
        title: '是否允许切换地址',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'show-add-button',
        title: '是否显示底部按钮',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'add-button-text',
        title: '底部按钮文字',
        defaultValue: '\t新增地址',
        setters: 'StringSetter'
      },
      {
        name: 'default-tag-text',
        title: '默认地址标签文字',
        setters: 'StringSetter'
      },
      {
        name: 'right-icon',
        title: '右侧图标名称或图片链接，等同于 Icon 组件的 name 属性',
        defaultValue: 'edit',
        setters: ['VanIconSetter', 'StringSetter']
      }
    ],
    events: [
      {
        name: 'update:modelValue'
      },
      {
        name: 'add',
        params: ['item', 'index']
      },
      {
        name: 'edit',
        params: ['item', 'index']
      },
      {
        name: 'select',
        params: ['item', 'index']
      },
      {
        name: 'edit-disabled',
        params: ['item', 'index']
      },
      {
        name: 'select-disabled',
        params: ['item', 'index']
      },
      {
        name: 'click-item',
        params: ['item', 'index', 'data']
      }
    ],
    slots: ['default', 'top', 'item-bottom', 'tag'],
    snippet: {
      props: {
        'disabled-text': '以下地址超出配送范围',
        'default-tag-text': '默认',
        modelValue: 1,
        list: [
          {
            id: '1',
            name: '张三',
            tel: '13000000000',
            address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
            isDefault: true
          },
          {
            id: '2',
            name: '李四',
            tel: '1310000000',
            address: '浙江省杭州市拱墅区莫干山路 50 号'
          }
        ],
        disabledList: [
          {
            id: '3',
            name: '王五',
            tel: '1320000000',
            address: '浙江省杭州市滨江区江南大道 15 号'
          }
        ]
      }
    },
    package: 'vant'
  },
  VanArea: {
    name: 'VanArea',
    alias: 'Area',
    label: '省市区选择',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/area',
    props: [
      {
        name: 'modelValue',
        title: '当前选中项对应的地区码',
        setters: 'StringSetter'
      },
      {
        name: 'title',
        title: '顶部栏标题',
        setters: 'StringSetter'
      },
      {
        name: 'confirm-button-text',
        title: '确认按钮文字',
        defaultValue: '确认',
        setters: 'StringSetter'
      },
      {
        name: 'cancel-button-text',
        title: '取消按钮文字',
        defaultValue: '取消',
        setters: 'StringSetter'
      },
      {
        name: 'area-list',
        title: '省市区数据',
        setters: 'ObjectSetter'
      },
      {
        name: 'columns-placeholder',
        title: '列占位提示文字',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'loading',
        title: '是否显示加载状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'readonly',
        title: '是否为只读状态，只读状态下无法切换选项',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'option-height',
        title: '选项高度，支持 px vw vh rem 单位，默认 px',
        defaultValue: 44,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'columns-num',
        title: '显示列数，3-省市区，2-省市，1-省',
        defaultValue: 3,
        setters: 'SelectSetter',
        options: [
          {
            label: '1',
            value: 1
          },
          {
            label: '2',
            value: 2
          },
          {
            label: '3',
            value: 3
          }
        ]
      },
      {
        name: 'visible-option-num',
        title: '可见的选项个数',
        defaultValue: 6,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'swipe-duration',
        title: '快速滑动时惯性滚动的时长，单位 ms',
        defaultValue: 1000,
        setters: ['NumberSetter', 'StringSetter']
      }
    ],
    events: [
      {
        name: 'update:modelValue'
      },
      {
        name: 'confirm',
        params: ['data']
      },
      {
        name: 'cancel',
        params: ['data']
      },
      {
        name: 'change',
        params: ['data']
      }
    ],
    slots: [
      'toolbar',
      'title',
      'confirm',
      'cancel',
      'columns-top',
      'columns-bottom'
    ],
    snippet: {
      props: {
        title: '标题',
        'area-list': {
          province_list: {
            '110000': '北京市',
            '120000': '天津市'
          },
          city_list: {
            '110100': '北京市',
            '120100': '天津市'
          },
          county_list: {
            '110101': '东城区',
            '110102': '西城区'
          }
        }
      }
    },
    package: 'vant'
  },
  VanCard: {
    name: 'VanCard',
    alias: 'Card',
    label: '卡片',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/card',
    props: [
      {
        name: 'thumb',
        title: '左侧图片 URL',
        setters: 'StringSetter'
      },
      {
        name: 'title',
        title: '标题',
        setters: 'StringSetter'
      },
      {
        name: 'desc',
        title: '描述',
        setters: 'StringSetter'
      },
      {
        name: 'tag',
        title: '图片角标',
        setters: 'StringSetter'
      },
      {
        name: 'num',
        title: '商品数量',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'price',
        title: '商品价格',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'origin-price',
        title: '商品划线原价',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'centered',
        title: '内容是否垂直居中',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'currency',
        title: '货币符号',
        defaultValue: '￥',
        setters: 'StringSetter'
      },
      {
        name: 'thumb-link',
        title: '点击左侧图片后跳转的链接地址',
        setters: 'StringSetter'
      },
      {
        name: 'lazy-load',
        title: '是否开启图片懒加载，须配合 Lazyload 组件使用',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'click',
        params: ['event']
      },
      {
        name: 'click-thumb',
        params: ['event']
      }
    ],
    slots: [
      'title',
      'desc',
      'num',
      'price',
      'origin-price',
      'price-top',
      'bottom',
      'thumb',
      'tag',
      'tags',
      'footer'
    ],
    snippet: {
      props: {
        num: 2,
        price: '2.00',
        desc: '描述信息',
        title: '商品标题',
        thumb: 'https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg'
      }
    },
    package: 'vant'
  },
  VanContactCard: {
    name: 'VanContactCard',
    alias: 'ContactCard',
    label: '联系人卡片',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/contact-card',
    props: [
      {
        name: 'type',
        title: '卡片类型',
        defaultValue: 'add',
        setters: 'SelectSetter',
        options: ['add', 'edit']
      },
      {
        name: 'name',
        title: '联系人姓名',
        setters: 'StringSetter'
      },
      {
        name: 'tel',
        title: '联系人手机号',
        setters: 'StringSetter'
      },
      {
        name: 'add-text',
        title: '添加时的文案提示',
        defaultValue: '添加联系人',
        setters: 'StringSetter'
      },
      {
        name: 'editable',
        title: '是否可以编辑联系人',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'click',
        params: ['event']
      }
    ],
    snippet: {},
    package: 'vant'
  },
  VanContactEdit: {
    name: 'VanContactEdit',
    alias: 'ContactEdit',
    label: '联系人编辑',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/contact-edit',
    props: [
      {
        name: 'contact-info',
        title: '联系人信息',
        defaultValue: {},
        setters: 'ObjectSetter'
      },
      {
        name: 'is-edit',
        title: '是否为编辑联系人',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'is-saving',
        title: '是否显示保存按钮加载动画',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'is-deleting',
        title: '是否显示删除按钮加载动画',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'tel-validator',
        title: '手机号格式校验函数',
        setters: 'FunctionSetter'
      },
      {
        name: 'show-set-default',
        title: '是否显示默认联系人栏',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'set-default-label',
        title: '默认联系人栏文案',
        setters: 'StringSetter'
      }
    ],
    events: [
      {
        name: 'save',
        params: ['content']
      },
      {
        name: 'delete',
        params: ['content']
      },
      {
        name: 'change-default',
        params: ['checked']
      }
    ],
    snippet: {
      props: {
        'is-edit': true,
        'show-set-default': true,
        'contact-info': {
          tel: '',
          name: ''
        },
        'set-default-label': '设为默认联系人'
      }
    },
    package: 'vant'
  },
  VanContactList: {
    name: 'VanContactList',
    alias: 'ContactList',
    label: '联系人列表',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/contact-list',
    props: [
      {
        name: 'modelValue',
        title: '当前选中联系人的 id',
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'list',
        title: '联系人列表',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'add-text',
        title: '新建按钮文案',
        defaultValue: '新建联系人',
        setters: 'StringSetter'
      },
      {
        name: 'default-tag-text',
        title: '默认联系人标签文案',
        setters: 'StringSetter'
      }
    ],
    events: [
      {
        name: 'add'
      },
      {
        name: 'edit',
        params: ['contact', 'index']
      },
      {
        name: 'select',
        params: ['contact', 'index']
      },
      {
        name: 'update:modelValue'
      }
    ],
    snippet: {
      props: {
        modelValue: '1',
        list: [
          {
            id: '1',
            name: '张三',
            tel: '13000000000',
            isDefault: true
          },
          {
            id: '2',
            name: '李四',
            tel: '1310000000'
          }
        ],
        'default-tag-text': '默认'
      }
    },
    package: 'vant'
  },
  VanCouponList: {
    name: 'VanCouponList',
    alias: 'CouponList',
    label: '优惠券列表',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/coupon',
    props: [
      {
        name: 'code',
        title: '当前输入的兑换码',
        setters: 'StringSetter'
      },
      {
        name: 'chosen-coupon',
        title: '当前选中优惠券的索引,支持多选',
        defaultValue: -1,
        setters: ['NumberSetter', 'ArraySetter']
      },
      {
        name: 'coupons',
        title: '可用优惠券列表',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'disabled-coupons',
        title: '不可用优惠券列表',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'enabled-title',
        title: '可用优惠券列表标题',
        defaultValue: '可使用优惠券',
        setters: 'StringSetter'
      },
      {
        name: 'disabled-title',
        title: '不可用优惠券列表标题',
        defaultValue: '不可使用优惠券',
        setters: 'StringSetter'
      },
      {
        name: 'exchange-button-text',
        title: '兑换按钮文字',
        defaultValue: '兑换',
        setters: 'StringSetter'
      },
      {
        name: 'exchange-button-loading',
        title: '是否显示兑换按钮加载动画',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'exchange-button-disabled',
        title: '是否禁用兑换按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'exchange-min-length',
        title: '兑换码最小长度',
        defaultValue: 1,
        setters: 'NumberSetter'
      },
      {
        name: 'displayed-coupon-index',
        title: '滚动至特定优惠券位置',
        setters: 'NumberSetter'
      },
      {
        name: 'show-close-button',
        title: '是否显示列表底部按钮',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'close-button-text',
        title: '列表底部按钮文字',
        defaultValue: '不使用优惠',
        setters: 'StringSetter'
      },
      {
        name: 'input-placeholder',
        title: '输入框文字提示',
        defaultValue: '请输入优惠码',
        setters: 'StringSetter'
      },
      {
        name: 'show-exchange-bar',
        title: '是否展示兑换栏',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'currency',
        title: '货币符号',
        defaultValue: '￥',
        setters: 'StringSetter'
      },
      {
        name: 'empty-image',
        title: '列表为空时的占位图',
        setters: 'StringSetter'
      },
      {
        name: 'show-count',
        title: '是否展示可用 / 不可用数量',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'change',
        params: ['index']
      },
      {
        name: 'exchange',
        params: ['code']
      }
    ],
    slots: ['list-footer', 'disabled-list-footer', 'list-button'],
    snippet: {
      props: {
        coupons: [
          {
            available: 1,
            condition: '无门槛\n最多优惠12元',
            reason: '',
            value: 150,
            name: '优惠券名称',
            startAt: 1489104000,
            endAt: 1514592000,
            valueDesc: '1.5',
            unitDesc: '元'
          }
        ],
        'chosen-coupon': -1,
        'disabled-coupons': [
          {
            available: 1,
            condition: '无门槛\n最多优惠12元',
            reason: '',
            value: 150,
            name: '优惠券名称',
            startAt: 1489104000,
            endAt: 1514592000,
            valueDesc: '1.5',
            unitDesc: '元'
          }
        ]
      }
    },
    package: 'vant'
  },
  VanCouponCell: {
    name: 'VanCouponCell',
    alias: 'CouponCell',
    label: '优惠券单元格',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/coupon',
    props: [
      {
        name: 'title',
        title: '单元格标题',
        defaultValue: '优惠券',
        setters: 'StringSetter'
      },
      {
        name: 'chosen-coupon',
        title: '当前选中优惠券的索引',
        defaultValue: -1,
        setters: ['NumberSetter', 'ArraySetter']
      },
      {
        name: 'coupons',
        title: '可用优惠券列表',
        defaultValue: [],
        setters: 'ArraySetter'
      },
      {
        name: 'editable',
        title: '能否切换优惠券',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'border',
        title: '是否显示内边框',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'currency',
        title: '货币符号',
        defaultValue: '￥',
        setters: 'StringSetter'
      }
    ],
    snippet: {
      props: {
        coupons: [
          {
            available: 1,
            condition: '无门槛\n最多优惠12元',
            reason: '',
            value: 150,
            name: '优惠券名称',
            startAt: 1489104000,
            endAt: 1514592000,
            valueDesc: '1.5',
            unitDesc: '元'
          }
        ],
        'chosen-coupon': -1
      }
    },
    package: 'vant'
  },
  VanSubmitBar: {
    name: 'VanSubmitBar',
    alias: 'SubmitBar',
    label: '提交订单栏',
    categoryId: 'business',
    doc: 'https://vant-ui.github.io/vant/#/zh-CN/submit-bar',
    props: [
      {
        name: 'price',
        title: '金额（单位分）',
        setters: 'NumberSetter'
      },
      {
        name: 'decimal-length',
        title: '金额小数点位数',
        defaultValue: 2,
        setters: ['NumberSetter', 'StringSetter']
      },
      {
        name: 'label',
        title: '金额左侧文案',
        defaultValue: '\t合计：',
        setters: 'StringSetter'
      },
      {
        name: 'suffix-label',
        title: '金额右侧文案',
        setters: 'StringSetter'
      },
      {
        name: 'text-align',
        title: '金额文案对齐方向，可选值为 left',
        defaultValue: 'right',
        setters: 'SelectSetter',
        options: ['left', 'right']
      },
      {
        name: 'button-text',
        title: '按钮文字',
        setters: 'StringSetter'
      },
      {
        name: 'button-type',
        title: '按钮类型',
        defaultValue: 'danger',
        setters: 'StringSetter'
      },
      {
        name: 'button-color',
        title: '自定义按钮颜色',
        setters: 'StringSetter'
      },
      {
        name: 'tip',
        title: '\t在订单栏上方的提示文案',
        setters: 'StringSetter'
      },
      {
        name: 'tip-icon',
        title: '提示文案左侧的图标名称或图片链接，等同于 Icon 组件的 name 属性',
        setters: ['VanIconSetter', 'StringSetter']
      },
      {
        name: 'currency',
        title: '货币符号',
        defaultValue: '￥',
        setters: 'StringSetter'
      },
      {
        name: 'disabled',
        title: '是否禁用按钮',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'loading',
        title: '是否显示将按钮显示为加载中状态',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'safe-area-inset-bottom',
        title: '是否开启底部安全区适配',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'placeholder',
        title: '是否在标签位置生成一个等高的占位元素',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    events: ['submit'],
    slots: ['default', 'button', 'top', 'tip'],
    snippet: {
      props: {
        price: 3050,
        'button-text': '提交订单'
      }
    },
    package: 'vant'
  }
};