- 第三方接口
- 平台接口
- DocBot
- 写文档测试用
- 文档中心接口
- 活链服务
- 公司接口
- gitlab
- github接口
- 钉钉接口
- 飞书
- AI接口
- 阿里云接口
- 百度云API
- 百川智能
- 免key接口
- 免key接口 Copy
- 文档脚本
- 云函数
- 文档桥接项目
- IP查询
- 本地脚本
- 泡泡文档
- 扣子
- 泡泡机器人
- 扣子接口
- dify接口
获取H5组件列表信息
开发中
GET
https://static-vusion.nos.lcap.163yun.com/packages/@lcap/mobile-ui@1.0.0/dist-theme/nasl.ui.json
请求参数
Query 参数
t
string
时间戳（毫秒）
示例值:
1721215385481
示例代码
Shell
JavaScript
Java
Swift
Go
PHP
Python
HTTP
C
C#
Objective-C
Ruby
OCaml
Dart
R
请求示例请求示例
Shell
JavaScript
Java
Swift
curl --location --request GET 'https://static-vusion.nos.lcap.163yun.com/packages/@lcap/mobile-ui@1.0.0/dist-theme/nasl.ui.json?t=1721215385481'返回响应
🟢200成功
application/json
Body
array of:
group
string
必需
show
boolean
必需
name
string
必需
alias
string
必需
title
string
必需
concept
string
必需
kebabName
string
必需
description
string
必需
icon
string
必需
tsTypeParams
string
必需
props
array [object {22}]
必需
concept
string
必需
group
string
必需
tabKind
string
必需
name
string
必需
title
string
必需
tsType
string
必需
description
string
必需
settable
boolean
必需
sync
boolean
必需
setter
object
必需
defaultValue
object
必需
if
string
必需
tsIf
string
必需
implicitToString
boolean
必需
bindHide
boolean
必需
tooltipLink
string
必需
onChange
array [object {3}]
必需
tsOnChange
string
必需
docDescription
string
必需
designerValue
array [object]
必需
tsDesignerValue
string
必需
bindOpen
boolean
必需
readableProps
array [object {6}]
必需
concept
string
必需
group
string
必需
tabKind
string
必需
name
string
必需
title
string
必需
tsType
string
必需
events
array [object {5}]
必需
concept
string
必需
name
string
必需
title
string
必需
tsType
string
必需
description
string
必需
methods
array [object {6}]
必需
concept
string
必需
description
string
必需
params
array [object {3}]
必需
returns
array
必需
name
string
必需
title
string
必需
slots
array [object {8}]
必需
concept
string
必需
snippets
array [object {2}]
必需
name
string
必需
title
string
必需
tsType
string
必需
params
array [object {4}]
必需
description
string
必需
emptyBackground
string
必需
children
array [object {16}]
必需
concept
string
必需
group
string
必需
name
string
必需
kebabName
string
必需
title
string
必需
description
string
必需
icon
string
必需
tsTypeParams
string
必需
props
array [object {19}]
必需
readableProps
array [object {6}]
必需
events
array [object {5}]
必需
methods
array [object {6}]
必需
slots
array [object {8}]
必需
children
array
必需
blocks
array
必需
themeVariables
array
必需
blocks
array [object {6}]
必需
concept
string
必需
title
string
必需
description
string
必需
code
string
必需
screenshot
string
必需
drawing
string
必需
themeVariables
array
必需
vusion
boolean
必需
示例
[
{
"group": "Container",
"show": true,
"name": "VanRouterView",
"alias": "子页面",
"title": "子页面容器",
"concept": "ViewComponentDeclaration",
"kebabName": "van-router-view",
"description": "放置子页面的容器。",
"icon": "router-view",
"tsTypeParams": "",
"props": [],
"readableProps": [],
"events": [],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-router-view></van-router-view>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Container",
"show": true,
"name": "VanIframe",
"alias": "Iframe",
"vusion": true,
"title": "Iframe",
"concept": "ViewComponentDeclaration",
"kebabName": "van-iframe",
"description": "用于嵌入其他网页的容器。",
"icon": "iframe",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "src",
"title": "地址",
"tsType": "nasl.core.String",
"description": "需要嵌入的网页地址",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "src",
"title": "网页地址",
"tsType": "VanIframeOptions['src']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "loaded",
"title": "加载完成",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "load",
"title": "加载完成",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "网页加载完成时触发。"
}
],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-iframe src=\"https://sf.163.com\" style=\"width: 100%; height: 400px;\"></van-iframe>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Container",
"show": true,
"name": "VanCollapse",
"alias": "折叠面板",
"title": "折叠面板",
"concept": "ViewComponentDeclaration",
"kebabName": "van-collapse",
"description": "将一组内容放置在多个折叠面板中，点击面板的标题可以展开或收缩其内容。",
"icon": "collapse",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String | nasl.core.Integer | nasl.collection.List<nasl.core.String | nasl.core.Integer>",
"description": "用于标识折叠面板的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "accordion",
"title": "手风琴模式",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否开启手风琴模式"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanCollapseOptions['value']"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "change",
"title": "切换时",
"tsType": "(event: nasl.core.String) => void",
"description": "切换时"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "菜单项",
"code": "<van-collapse-item><template #title>标签名称n</template></van-collapse-item>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入`<van-collapse-item>`子组件。",
"emptyBackground": "add-sub-large"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Container",
"name": "VanCollapseItem",
"kebabName": "van-collapse-item",
"title": "面板项",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "name",
"title": "值",
"tsType": "nasl.core.String | nasl.core.Integer",
"description": "用于标识面板项的值"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "isLink",
"title": "箭头图标",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否显示箭头图标"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "open",
"title": "展开",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "展开"
},
{
"concept": "EventDeclaration",
"name": "close",
"title": "收起",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "收起"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "切换展开状态，传 true 为展开，false 为收起，不传参为切换",
"params": [
{
"concept": "Param",
"name": "expanded",
"description": "'展开'"
}
],
"returns": [],
"name": "toggle",
"title": "切换展开状态，传 true 为展开，false 为收起，不传参为切换"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "title",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
},
{
"concept": "SlotDeclaration",
"name": "default",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-collapse>\n<van-collapse-item><template #title>标题1</template>代码是写出来给人看的，附带能在机器上运行</van-collapse-item>\n<van-collapse-item><template #title>标题2</template>代码是写出来给人看的，附带能在机器上运行</van-collapse-item>\n<van-collapse-item><template #title>标题3</template>代码是写出来给人看的，附带能在机器上运行</van-collapse-item>\n</van-collapse>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Container",
"show": true,
"name": "VanCardu",
"alias": "卡片",
"title": "卡片",
"concept": "ViewComponentDeclaration",
"kebabName": "van-cardu",
"description": "用于快速布局",
"icon": "card",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
},
{
"title": "下载链接",
"value": "download"
}
]
},
"name": "linkType",
"title": "链接类型",
"tsType": "'destination' | 'download'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "方角",
"value": "s"
},
{
"title": "圆角",
"value": "r"
}
]
},
"name": "sr",
"title": "图片风格",
"tsType": "'s' | 'r'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "r"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "shadow",
"title": "卡片阴影",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "border",
"title": "卡片边框",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "split",
"title": "分割线",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击事件"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入默认的元素"
},
{
"concept": "SlotDeclaration",
"name": "cover",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入图片"
},
{
"concept": "SlotDeclaration",
"name": "head",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Container",
"name": "VanCarduGroup",
"kebabName": "van-cardu-group",
"title": "卡片组",
"description": "卡片组",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "title",
"title": "标题",
"tsType": "nasl.core.String",
"description": "卡片组的标题",
"implicitToString": true
}
],
"readableProps": [],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入默认的元素"
},
{
"concept": "SlotDeclaration",
"name": "cover",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入图片"
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本样式",
"description": "",
"code": "<template>\n<van-cardu>\n<template #head>\n<van-text text=\"标题\"></van-text>\n</template>\n卡片内容\n</van-cardu>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/cardu/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "带分割线样式",
"description": "",
"code": "<template>\n<van-cardu split>\n<template #head>\n<van-text text=\"标题\"></van-text>\n</template>\n卡片内容\n</van-cardu>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/cardu/screenshots/1.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "带图片样式",
"description": "",
"code": "<template>\n<van-cardu title=\"卡片\" coverSlot>\n<template #cover>\n<van-image :preview=\"false\" src=\"https://static-vusion.163yun.com/assets/cloud-ui/1.jpg\"></van-image>\n</template>\n<template #head>\n<van-text text=\"标题\"></van-text>\n</template>\n卡片内容\n</van-cardu>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/cardu/screenshots/2.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Layout",
"show": true,
"name": "VanLinearLayout",
"alias": "线性布局",
"title": "线性布局",
"concept": "ViewComponentDeclaration",
"kebabName": "van-linear-layout",
"description": "内部元素按照一定的规则布局",
"icon": "linear-layout",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "style",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "收缩",
"value": "shrink"
},
{
"title": "无",
"value": "none"
},
{
"title": "小",
"value": "mini"
},
{
"title": "正常",
"value": "small"
},
{
"title": "大",
"value": "large"
},
{
"title": "默认",
"value": "normal"
}
]
},
"name": "gap",
"title": "内容间隙",
"tsType": "'shrink' | 'none' | 'mini' | 'small' | 'large' | 'normal'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "normal"
},
"playground": []
},
"description": "内容块间隙大小",
"if": "_ => _.justify !== 'space-between' && _.justify !== 'space-around'",
"tsIf": "_ => _.justify !== 'space-between' && _.justify !== 'space-around'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "style",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "子元素默认布局",
"value": "none"
},
{
"title": "子元素行内布局",
"value": "inline"
},
{
"title": "子元素块级布局",
"value": "block"
}
]
},
"name": "layout",
"title": "子元素展示方式",
"tsType": "'none' | 'inline' | 'block'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "none"
},
"playground": []
},
"description": "设置子元素行内展示或块级换行展示",
"if": "_ => _.mode === 'inline' || _.mode === 'block'",
"tsIf": "_ => _.mode === 'inline' || _.mode === 'block'"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "loadingIcon",
"title": "加载中图标",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "loading"
},
"playground": []
},
"description": "加载状态中显示的图标"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "loadingIconRotate",
"title": "加载中图标旋转",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "设置加载中图标是否旋转，默认开启。"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"name": "loadingText",
"title": "加载中文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": ""
},
"playground": []
},
"description": "加载状态中显示的文案",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"bindHide": true,
"tabKind": "style",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "行内",
"icon": "layout-inline-block",
"tooltip": "内联布局",
"value": "inline"
},
{
"title": "块级",
"icon": "layout-block",
"tooltip": "块级布局",
"value": "block"
},
{
"title": "弹性",
"icon": "layout-flex",
"tooltip": "弹性布局",
"value": "flex"
}
]
},
"name": "mode",
"title": "布局模式",
"tsType": "'inline' | 'block' | 'flex'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "block"
},
"playground": []
},
"description": "设置布局模式",
"tooltipLink": "http://help.lcap.163yun.com/1.%E5%BC%80%E5%8F%91%E5%BA%94%E7%94%A8/2.%E9%A1%B5%E9%9D%A2/10.H5%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/01.%E5%B8%83%E5%B1%80/020.%E7%BA%BF%E6%80%A7%E5%B8%83%E5%B1%80.html",
"onChange": [
{
"clear": [
"justify",
"alignment",
"wrap",
"layout"
]
}
],
"tsOnChange": "[{\"clear\":[\"justify\",\"alignment\",\"wrap\",\"layout\"]}]"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"bindHide": true,
"tabKind": "style",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "横向排列",
"icon": "flex-horizontal",
"tooltip": "横向",
"value": "horizontal"
},
{
"title": "纵向排列",
"icon": "flex-vertical",
"tooltip": "纵向",
"value": "vertical"
}
]
},
"name": "direction",
"title": "主轴方向",
"tsType": "'horizontal' | 'vertical'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "horizontal"
},
"playground": []
},
"onChange": [
{
"clear": [
"justify",
"alignment"
]
}
],
"tsOnChange": "[{\"clear\":[\"justify\",\"alignment\"]}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "style",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "左对齐",
"icon": "horizontal-justify-start",
"tooltip": "左对齐",
"value": "start"
},
{
"title": "居中对齐",
"icon": "horizontal-justify-center",
"tooltip": "居中对齐",
"value": "center"
},
{
"title": "右对齐",
"icon": "horizontal-justify-end",
"tooltip": "右对齐",
"value": "end"
},
{
"title": "平均分布(两端不留空)",
"icon": "horizontal-justify-space-between",
"tooltip": "平均分布(两端不留空)",
"if": "_ => _.mode === 'flex' || _.direction === 'horizontal'",
"tsIf": "_ => _.mode === 'flex' || _.direction === 'horizontal'",
"value": "space-between"
},
{
"title": "平均分布",
"icon": "horizontal-justify-space-around",
"tooltip": "平均分布",
"if": "_ => _.mode === 'flex'",
"tsIf": "_ => _.mode === 'flex'",
"value": "space-around"
}
]
},
"name": "justify",
"title": "横轴对齐",
"tsType": "'start' | 'center' | 'end' | 'space-between' | 'space-around'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "start"
},
"playground": []
},
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布，其中平均分布仅在弹性布局模式下展示。\n主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度，其中占满容器宽度仅在弹性布局模式下展示。",
"if": "_ => _.direction === 'horizontal' || _.mode === 'inline' && _.direction === 'vertical' || _.mode === 'block' && _.direction === 'vertical'",
"onChange": [
{
"update": {
"gap": "normal"
},
"if": "_ => _ === 'space-between'"
},
{
"update": {
"gap": "normal"
},
"if": "_ => _ === 'space-around'"
}
],
"tsIf": "_ => _.direction === 'horizontal' || _.mode === 'inline' && _.direction === 'vertical' || _.mode === 'block' && _.direction === 'vertical'",
"tsOnChange": "[{\"update\":{\"gap\":\"normal\"},\"if\":\"_ => _ === 'space-between'\"},{\"update\":{\"gap\":\"normal\"},\"if\":\"_ => _ === 'space-around'\"}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "style",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "顶对齐",
"icon": "horizontal-alignment-start",
"tooltip": "顶对齐",
"value": "start"
},
{
"title": "垂直居中",
"icon": "horizontal-alignment-center",
"tooltip": "垂直居中",
"value": "center"
},
{
"title": "底对齐",
"icon": "horizontal-alignment-end",
"tooltip": "底对齐",
"value": "end"
},
{
"title": "行内文字基线对齐",
"icon": "horizontal-alignment-baseline",
"tooltip": "行内文字基线对齐",
"value": "baseline"
},
{
"title": "占满容器高度",
"icon": "horizontal-alignment-stretch",
"tooltip": "占满容器高度",
"value": "stretch"
}
]
},
"name": "alignment",
"title": "纵轴对齐",
"tsType": "'start' | 'center' | 'end' | 'baseline' | 'stretch'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "stretch"
},
"playground": []
},
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。\n主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"if": "_ => _.mode === 'flex' && _.direction === 'horizontal'",
"tsIf": "_ => _.mode === 'flex' && _.direction === 'horizontal'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "style",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "左对齐",
"icon": "vertical-alignment-start",
"tooltip": "左对齐",
"value": "start"
},
{
"title": "居中对齐",
"icon": "vertical-alignment-center",
"tooltip": "居中对齐",
"value": "center"
},
{
"title": "右对齐",
"icon": "vertical-alignment-end",
"tooltip": "右对齐",
"value": "end"
},
{
"title": "拉伸子元素充满整个父元素空间",
"icon": "vertical-alignment-stretch",
"tooltip": "占满容器宽度",
"value": "stretch"
}
]
},
"name": "alignment",
"title": "纵轴对齐",
"tsType": "'start' | 'center' | 'end' | 'stretch'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "stretch"
},
"playground": []
},
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。\n主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"if": "_ => _.mode === 'flex' && _.direction === 'vertical'",
"tsIf": "_ => _.mode === 'flex' && _.direction === 'vertical'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "style",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "顶对齐",
"icon": "vertical-justify-start",
"tooltip": "顶对齐",
"value": "start"
},
{
"title": "垂直居中",
"icon": "vertical-justify-center",
"tooltip": "垂直居中",
"value": "center"
},
{
"title": "底对齐",
"icon": "vertical-justify-end",
"tooltip": "底对齐",
"value": "end"
},
{
"title": "平均分布(两端不留空)",
"icon": "vertical-justify-space-between",
"tooltip": "平均分布(两端不留空)",
"value": "space-between"
},
{
"title": "平均分布",
"icon": "vertical-justify-space-around",
"tooltip": "平均分布",
"value": "space-around"
}
]
},
"name": "justify",
"title": "横轴对齐",
"tsType": "'start' | 'center' | 'end' | 'space-between' | 'space-around'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "start"
},
"playground": []
},
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布，其中平均分布仅在弹性布局模式下展示。\n主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度，其中占满容器宽度仅在弹性布局模式下展示。",
"if": "_ => _.mode === 'flex' && _.direction === 'vertical'",
"onChange": [
{
"update": {
"gap": "normal"
},
"if": "_ => _ === 'space-between'"
},
{
"update": {
"gap": "normal"
},
"if": "_ => _ === 'space-around'"
}
],
"tsIf": "_ => _.mode === 'flex' && _.direction === 'vertical'",
"tsOnChange": "[{\"update\":{\"gap\":\"normal\"},\"if\":\"_ => _ === 'space-between'\"},{\"update\":{\"gap\":\"normal\"},\"if\":\"_ => _ === 'space-around'\"}]"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "style",
"setter": {
"concept": "SwitchSetter"
},
"name": "wrap",
"title": "换行",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "弹性布局下子元素总宽度超出父级时子元素是否换行展示",
"if": "_ => _.mode === 'flex'",
"tsIf": "_ => _.mode === 'flex'"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击此项时触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "打开加载中",
"params": [],
"returns": [],
"name": "openLoading",
"title": "打开加载中"
},
{
"concept": "LogicDeclaration",
"description": "关闭加载中",
"params": [],
"returns": [],
"name": "closeLoading",
"title": "关闭加载中"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "单行排布",
"description": "",
"code": "<template>\n<van-linear-layout direction=\"horizontal\" :wrap=\"true\">\n</van-linear-layout>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/linear-layout/screenshots/0.png",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/linear-layout/drawings/0.svg"
},
{
"concept": "ViewBlockWithImage",
"title": "多行排布",
"description": "",
"code": "<template>\n<van-linear-layout direction=\"vertical\" gap=\"none\">\n<van-linear-layout :wrap=\"true\">\n</van-linear-layout>\n<van-linear-layout :wrap=\"true\">\n</van-linear-layout>\n</van-linear-layout>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/linear-layout/screenshots/1.png",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/linear-layout/drawings/1.svg"
},
{
"concept": "ViewBlockWithImage",
"title": "两端排布",
"description": "",
"code": "<template>\n<van-linear-layout justify=\"space-between\" :wrap=\"true\">\n<van-linear-layout :wrap=\"true\">\n</van-linear-layout>\n<van-linear-layout :wrap=\"true\">\n</van-linear-layout>\n</van-linear-layout>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/linear-layout/screenshots/2.png",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/linear-layout/drawings/2.svg"
}
],
"themeVariables": []
},
{
"group": "Layout",
"show": true,
"name": "VanAbsoluteLayout",
"alias": "自由布局",
"vusion": true,
"title": "自由布局",
"concept": "ViewComponentDeclaration",
"kebabName": "van-absolute-layout",
"description": "拖拽内部元素到任意位置",
"icon": "absolute-layout",
"tsTypeParams": "",
"props": [],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击此项时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "自由布局",
"description": "",
"code": "<template>\n<van-absolute-layout>\n</van-absolute-layout>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanDivider",
"alias": "分割线",
"title": "分隔线",
"concept": "ViewComponentDeclaration",
"kebabName": "van-divider",
"description": "用于将内容分隔为多个区域",
"icon": "divider",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "居中",
"value": "center"
},
{
"title": "左",
"value": "left"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "contentPosition",
"title": "内容位置",
"tsType": "'center' | 'left' | 'right'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "center"
},
"playground": []
},
"description": "设置内容位置"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "虚线",
"value": "b"
},
{
"title": "实线",
"value": "a"
}
]
},
"name": "dashed",
"title": "线条类型",
"tsType": "'b' | 'a'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "a"
},
"playground": []
}
}
],
"readableProps": [],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "默认",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "显示的文本"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "实线",
"description": "",
"code": "<template>\n<van-divider dashed=\"a\"> 文本 </van-divider>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/divider/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "虚线",
"description": "",
"code": "<template>\n<van-divider dashed=\"b\"> 文本 </van-divider>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/divider/screenshots/1.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanCellGroup",
"alias": "单元格",
"title": "单元格组",
"concept": "ViewComponentDeclaration",
"kebabName": "van-cell-group",
"description": "单元格为列表中的单个展示项",
"icon": "cell-group",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "inset",
"title": "卡片风格",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否显示为卡片风格"
}
],
"readableProps": [],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "单元格",
"code": "<van-cell isLink center><template #title>左侧文本</template><template>右侧文本</template></van-cell>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入`<van-cell>`子组件。",
"emptyBackground": "add-sub-large"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Display",
"name": "VanCell",
"kebabName": "van-cell",
"title": "单元格",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识单元格的值",
"implicitToString": true,
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "isLink",
"title": "箭头图标",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否显示箭头图标"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左",
"value": "left"
},
{
"title": "上",
"value": "up"
},
{
"title": "下",
"value": "down"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "arrowDirection",
"title": "箭头方向",
"tsType": "'left' | 'up' | 'down' | 'right'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "right"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "center",
"title": "垂直居中",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否垂直居中展示"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "icon",
"title": "图标",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
},
{
"title": "下载链接",
"value": "download"
}
]
},
"name": "linkType",
"title": "链接类型",
"tsType": "'destination' | 'download'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanCellOptions['value']"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击某一项后触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入文本或 HTML。"
},
{
"concept": "SlotDeclaration",
"name": "title",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入文本或 HTML。"
},
{
"concept": "SlotDeclaration",
"name": "rightIcon",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "右侧图标。"
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-cell-group>\n<van-cell isLink center>\n<template #title>\n左侧文本\n</template>\n右侧文本\n</van-cell>\n</van-cell-group>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/cell-group/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "圆角风格",
"description": "",
"code": "<template>\n<van-cell-group inset>\n<van-cell isLink center>\n<template #title>\n左侧文本\n</template>\n右侧文本\n</van-cell>\n</van-cell-group>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/cell-group/screenshots/1.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "垂直居中",
"description": "",
"code": "<template>\n<van-cell-group>\n<van-cell isLink center>\n<template #title>\n左侧文本\n</template>\n右侧文本\n</van-cell>\n</van-cell-group>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/cell-group/screenshots/2.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Layout",
"show": true,
"name": "VanRow",
"alias": "栅格",
"title": "栅格布局",
"concept": "ViewComponentDeclaration",
"kebabName": "van-row",
"description": "内部元素按照一定的规则布局",
"icon": "row",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "样式属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "正常",
"icon": "layout-block",
"tooltip": "块级布局",
"value": "-"
},
{
"title": "弹性布局",
"icon": "layout-flex",
"tooltip": "弹性布局",
"value": "flex"
}
]
},
"name": "type",
"title": "布局模式",
"tsType": "'-' | 'flex'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "flex"
},
"playground": []
},
"description": "设置布局模式",
"tooltipLink": "http://help.lcap.163yun.com/1.%E5%BC%80%E5%8F%91%E5%BA%94%E7%94%A8/2.%E9%A1%B5%E9%9D%A2/10.H5%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/01.%E5%B8%83%E5%B1%80/030.%E6%A0%85%E6%A0%BC%E5%B8%83%E5%B1%80.html"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "左对齐",
"icon": "horizontal-justify-start",
"tooltip": "左对齐",
"value": "start"
},
{
"title": "居中对齐",
"icon": "horizontal-justify-center",
"tooltip": "居中对齐",
"value": "center"
},
{
"title": "右对齐",
"icon": "horizontal-justify-end",
"tooltip": "右对齐",
"value": "end"
},
{
"title": "平均分布(两端不留空)",
"icon": "horizontal-justify-space-between",
"tooltip": "平均分布(两端不留空)",
"value": "space-between"
},
{
"title": "水平分布-左右留空",
"icon": "horizontal-justify-space-around",
"tooltip": "平均分布",
"value": "space-around"
}
]
},
"name": "justify",
"title": "横轴对齐",
"tsType": "'start' | 'center' | 'end' | 'space-between' | 'space-around'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "start"
},
"playground": []
},
"if": "_ => _.type === 'flex'",
"tsIf": "_ => _.type === 'flex'"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "顶对齐",
"icon": "horizontal-alignment-start",
"tooltip": "顶对齐",
"value": "start"
},
{
"title": "垂直居中",
"icon": "horizontal-alignment-center",
"tooltip": "垂直居中",
"value": "center"
},
{
"title": "底对齐",
"icon": "horizontal-alignment-end",
"tooltip": "底对齐",
"value": "end"
},
{
"title": "行内文字基线对齐",
"icon": "horizontal-alignment-baseline",
"tooltip": "行内文字基线对齐",
"value": "baseline"
},
{
"title": "占满容器高度",
"icon": "horizontal-alignment-stretch",
"tooltip": "占满容器高度",
"value": "stretch"
}
]
},
"name": "alignment",
"title": "纵轴对齐",
"tsType": "'start' | 'center' | 'end' | 'baseline' | 'stretch'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "stretch"
},
"playground": []
},
"if": "_ => _.type === 'flex'",
"tsIf": "_ => _.type === 'flex'"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "无（0）",
"value": "0"
},
{
"title": "小（10）",
"value": "10"
},
{
"title": "正常（20）",
"value": "20"
},
{
"title": "大（30）",
"value": "30"
}
]
},
"name": "gutter",
"title": "列间距",
"tsType": "'0' | '10' | '20' | '30'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "0"
},
"playground": []
},
"description": "列元素之间的间距，单位为 px。",
"implicitToString": true
}
],
"readableProps": [],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "插入一列",
"code": "<van-col :span=\"8\"></van-col>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入`<van-col>`子组件。",
"emptyBackground": "add-sub"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Layout",
"name": "VanCol",
"kebabName": "van-col",
"title": "栅格列",
"description": "内部元素行内列布局",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "横向排列",
"icon": "flex-horizontal",
"tooltip": "横向",
"value": "horizontal"
},
{
"title": "纵向排列",
"icon": "flex-vertical",
"tooltip": "纵向",
"value": "vertical"
}
]
},
"name": "direction",
"title": "主轴方向",
"tsType": "'horizontal' | 'vertical'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "horizontal"
},
"playground": []
},
"if": "_ => _.mode === 'flex'",
"onChange": [
{
"clear": [
"justify",
"alignment"
]
}
],
"tsIf": "_ => _.mode === 'flex'",
"tsOnChange": "[{\"clear\":[\"justify\",\"alignment\"]}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "左对齐",
"icon": "horizontal-justify-start",
"tooltip": "左对齐",
"value": "start"
},
{
"title": "居中对齐",
"icon": "horizontal-justify-center",
"tooltip": "居中对齐",
"value": "center"
},
{
"title": "右对齐",
"icon": "horizontal-justify-end",
"tooltip": "右对齐",
"value": "end"
},
{
"title": "平均分布(两端不留空)",
"icon": "horizontal-justify-space-between",
"tooltip": "平均分布(两端不留空)",
"value": "space-between"
},
{
"title": "平均分布",
"icon": "horizontal-justify-space-around",
"tooltip": "平均分布",
"value": "space-around"
}
]
},
"name": "justify",
"title": "横轴对齐",
"tsType": "'start' | 'center' | 'end' | 'space-between' | 'space-around'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "start"
},
"playground": []
},
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布。主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度。",
"if": "_ => _.mode === 'flex' && _.direction === 'horizontal'",
"onChange": [
{
"update": {
"gap": "normal"
},
"if": "_ => _ === 'space-between'"
},
{
"update": {
"gap": "normal"
},
"if": "_ => _ === 'space-around'"
}
],
"tsIf": "_ => _.mode === 'flex' && _.direction === 'horizontal'",
"tsOnChange": "[{\"update\":{\"gap\":\"normal\"},\"if\":\"_ => _ === 'space-between'\"},{\"update\":{\"gap\":\"normal\"},\"if\":\"_ => _ === 'space-around'\"}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "顶对齐",
"icon": "horizontal-alignment-start",
"tooltip": "顶对齐",
"value": "start"
},
{
"title": "垂直居中",
"icon": "horizontal-alignment-center",
"tooltip": "垂直居中",
"value": "center"
},
{
"title": "底对齐",
"icon": "horizontal-alignment-end",
"tooltip": "底对齐",
"value": "end"
},
{
"title": "行内文字基线对齐",
"icon": "horizontal-alignment-baseline",
"tooltip": "行内文字基线对齐",
"value": "baseline"
},
{
"title": "占满容器高度",
"icon": "horizontal-alignment-stretch",
"tooltip": "占满容器高度",
"value": "stretch"
}
]
},
"name": "alignment",
"title": "纵轴对齐",
"tsType": "'start' | 'center' | 'end' | 'baseline' | 'stretch'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "stretch"
},
"playground": []
},
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"if": "_ => _.mode === 'flex' && _.direction === 'horizontal'",
"tsIf": "_ => _.mode === 'flex' && _.direction === 'horizontal'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "左对齐",
"icon": "vertical-alignment-start",
"tooltip": "左对齐",
"value": "start"
},
{
"title": "居中对齐",
"icon": "vertical-alignment-center",
"tooltip": "居中对齐",
"value": "center"
},
{
"title": "右对齐",
"icon": "vertical-alignment-end",
"tooltip": "右对齐",
"value": "end"
},
{
"title": "拉伸子元素充满整个父元素空间",
"icon": "vertical-alignment-stretch",
"tooltip": "占满容器宽度",
"value": "stretch"
}
]
},
"name": "alignment",
"title": "纵轴对齐",
"tsType": "'start' | 'center' | 'end' | 'stretch'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "stretch"
},
"playground": []
},
"docDescription": "主轴方向为横向时：支持顶对齐、垂直居中、底对齐、行内文字基线对齐、占满容器高度。主轴方向为纵向时：支持顶对齐、垂直居中、底对齐、平均分布（两端不留空）、平均分布。",
"if": "_ => _.mode === 'flex' && _.direction === 'vertical'",
"tsIf": "_ => _.mode === 'flex' && _.direction === 'vertical'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "顶对齐",
"icon": "vertical-justify-start",
"tooltip": "顶对齐",
"value": "start"
},
{
"title": "垂直居中",
"icon": "vertical-justify-center",
"tooltip": "垂直居中",
"value": "center"
},
{
"title": "底对齐",
"icon": "vertical-justify-end",
"tooltip": "底对齐",
"value": "end"
},
{
"title": "平均分布(两端不留空)",
"icon": "vertical-justify-space-between",
"tooltip": "平均分布(两端不留空)",
"value": "space-between"
},
{
"title": "平均分布",
"icon": "vertical-justify-space-around",
"tooltip": "平均分布",
"value": "space-around"
}
]
},
"name": "justify",
"title": "横轴对齐",
"tsType": "'start' | 'center' | 'end' | 'space-between' | 'space-around'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "start"
},
"playground": []
},
"docDescription": "主轴方向为横向时：支持左对齐、居中对齐、右对齐、平均分布（两端不留空）、平均分布。 主轴方向为纵向时：支持左对齐、居中对齐、右对齐、占满容器宽度。",
"if": "_ => _.mode === 'flex' && _.direction === 'vertical'",
"onChange": [
{
"update": {
"gap": "normal"
},
"if": "_ => _ === 'space-between'"
},
{
"update": {
"gap": "normal"
},
"if": "_ => _ === 'space-around'"
}
],
"tsIf": "_ => _.mode === 'flex' && _.direction === 'vertical'",
"tsOnChange": "[{\"update\":{\"gap\":\"normal\"},\"if\":\"_ => _ === 'space-between'\"},{\"update\":{\"gap\":\"normal\"},\"if\":\"_ => _ === 'space-around'\"}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "wrap",
"title": "是否换行",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "弹性布局下子元素总宽度超出父级时子元素是否换行展示",
"if": "_ => _.mode === 'flex'",
"tsIf": "_ => _.mode === 'flex'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "style",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "收缩",
"value": "shrink"
},
{
"title": "无",
"value": "none"
},
{
"title": "小",
"value": "small"
},
{
"title": "正常",
"value": "normal"
},
{
"title": "大",
"value": "large"
}
]
},
"name": "gap",
"title": "内容间隙",
"tsType": "'shrink' | 'none' | 'small' | 'normal' | 'large'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "normal"
},
"playground": []
},
"description": "内容块间隙大小",
"if": "_ => _.mode === 'flex' && _.justify !== 'space-between' && _.justify !== 'space-around'",
"tsIf": "_ => _.mode === 'flex' && _.justify !== 'space-between' && _.justify !== 'space-around'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 1,
"max": 24,
"precision": 0
},
"name": "span",
"title": "占据列数",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "1",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "栅格列宽度，栅格行最大为24列。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "offset",
"title": "偏移数",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "0",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "栅格列向右偏移列数"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "CapsulesSetter",
"options": [
{
"title": "块级",
"icon": "layout-inline-block",
"tooltip": "内联布局",
"value": "inline"
},
{
"title": "弹性",
"icon": "layout-flex",
"tooltip": "弹性布局",
"value": "flex"
}
]
},
"name": "mode",
"title": "布局模式",
"tsType": "'inline' | 'flex'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "inline"
},
"playground": []
},
"description": "设置布局模式",
"tooltipLink": "http://help.lcap.163yun.com/1.%E5%BC%80%E5%8F%91%E5%BA%94%E7%94%A8/2.%E9%A1%B5%E9%9D%A2/10.H5%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/01.%E5%B8%83%E5%B1%80/030.%E6%A0%85%E6%A0%BC%E5%B8%83%E5%B1%80.html",
"onChange": [
{
"clear": [
"justify",
"alignment",
"wrap",
"gap"
]
}
],
"tsOnChange": "[{\"clear\":[\"justify\",\"alignment\",\"wrap\",\"gap\"]}]"
}
],
"readableProps": [],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入需要布局的元素。"
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "3列样式（8:8:8）",
"description": "",
"code": "<template>\n<van-row gutter=\"0\">\n<van-col :span=\"8\"></van-col>\n<van-col :span=\"8\"></van-col>\n<van-col :span=\"8\"></van-col>\n</van-row>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/row/screenshots/0.png",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/row/drawings/0.svg"
},
{
"concept": "ViewBlockWithImage",
"title": "2列样式（8:16）",
"description": "",
"code": "<template>\n<van-row gutter=\"0\">\n<van-col :span=\"8\"></van-col>\n<van-col :span=\"16\"></van-col>\n</van-row>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/row/screenshots/1.png",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/row/drawings/1.svg"
}
],
"themeVariables": []
},
{
"group": "Navigation",
"show": true,
"name": "VanDropdownMenu",
"alias": "下拉菜单",
"title": "下拉菜单",
"concept": "ViewComponentDeclaration",
"kebabName": "van-dropdown-menu",
"description": "向下弹出的菜单列表。",
"icon": "dropdown-menu",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "上",
"value": "up"
},
{
"title": "下",
"value": "down"
}
]
},
"name": "direction",
"title": "展开方向",
"tsType": "'up' | 'down'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "down"
},
"playground": []
},
"description": "设置下拉菜单的展开方向"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "overlay",
"title": "显示遮罩层",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "closeOnClickOverlay",
"title": "点击遮罩层后关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否点击遮罩层后关闭菜单"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "opened",
"title": "打开状态",
"tsType": "nasl.core.Boolean"
}
],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "菜单项",
"code": "<van-dropdown-item title=\"标题\"><van-dropdown-item-son clickable :isLink=\"false\"><template #title>标题</template></van-dropdown-item-son></van-dropdown-item>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<VanDropdownItem>",
"params": [],
"description": "插入`<van-dropdown-menu>`子组件。",
"emptyBackground": "add-sub"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Navigation",
"name": "VanDropdownItem",
"kebabName": "van-dropdown-item",
"title": "菜单项",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识菜单项的值"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "title",
"title": "标题",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "标题"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "shutself",
"title": "点击菜单子项关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否通过点击菜单子项关闭"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "change",
"title": "点击选项导致 value 变化时触发",
"tsType": "(event: nasl.core.String) => void",
"description": "点击选项导致 value 变化时触发"
},
{
"concept": "EventDeclaration",
"name": "open",
"title": "打开菜单栏时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "打开菜单栏时触发"
},
{
"concept": "EventDeclaration",
"name": "close",
"title": "关闭菜单栏时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "关闭菜单栏时触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "切换菜单展示状态",
"params": [
{
"concept": "Param",
"name": "show",
"description": "'展示'"
}
],
"returns": [],
"name": "toggle",
"title": "undefined"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "菜单项",
"code": "<van-dropdown-item-son clickable :isLink=\"false\"><template #title>标题</template></van-dropdown-item-son>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<VanDropdownItemSon>",
"params": [],
"description": "插入`<van-dropdown-item-son>`子组件。",
"emptyBackground": "add-sub"
}
],
"children": [],
"blocks": [],
"themeVariables": []
},
{
"concept": "ViewComponentDeclaration",
"group": "Navigation",
"name": "VanDropdownItemSon",
"kebabName": "van-dropdown-item-son",
"title": "菜单子项",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识菜单子项的值"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "isLink",
"title": "箭头",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否显示箭头图标"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左",
"value": "left"
},
{
"title": "上",
"value": "up"
},
{
"title": "下",
"value": "down"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "arrowDirection",
"title": "箭头方向",
"tsType": "'left' | 'up' | 'down' | 'right'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "right"
},
"playground": []
},
"description": "设置箭头方向"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "center",
"title": "垂直居中",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "title",
"title": "文本",
"tsType": "nasl.core.String",
"description": "菜单子项的左侧文本",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "icon",
"title": "图标",
"tsType": "nasl.core.String",
"description": "菜单子项的显示图标"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
},
{
"title": "下载链接",
"value": "download"
}
]
},
"name": "linkType",
"title": "链接类型",
"tsType": "'destination' | 'download'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击某一项后触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入文本或 HTML。"
},
{
"concept": "SlotDeclaration",
"name": "title",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "文本"
},
{
"concept": "SlotDeclaration",
"name": "rightIcon",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "右侧图标。"
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-dropdown-menu>\n<van-dropdown-item title=\"标题\">\n<van-dropdown-item-son clickable :isLink=\"false\" notitle title=\"标题1\"></van-dropdown-item-son>\n<van-dropdown-item-son clickable :isLink=\"false\" notitle title=\"标题2\"></van-dropdown-item-son>\n<van-dropdown-item-son clickable :isLink=\"false\" notitle title=\"标题3\"></van-dropdown-item-son>\n</van-dropdown-item>\n<van-dropdown-item title=\"标题\">\n<van-dropdown-item-son clickable :isLink=\"false\" notitle title=\"标题1\"></van-dropdown-item-son>\n<van-dropdown-item-son clickable :isLink=\"false\" notitle title=\"标题2\"></van-dropdown-item-son>\n<van-dropdown-item-son clickable :isLink=\"false\" notitle title=\"标题3\"></van-dropdown-item-son>\n</van-dropdown-item>\n</van-dropdown-menu>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Navigation",
"show": true,
"name": "VanSidebar",
"alias": "侧边导航",
"title": "侧边导航",
"concept": "ViewComponentDeclaration",
"kebabName": "van-sidebar",
"description": "侧边导航",
"icon": "sidebarh5",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识菜单的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "route",
"title": "开启路由模式",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否开启路由模式"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanSidebarOptions['value']"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "change",
"title": "切换导航时",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "切换导航时"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "菜单项",
"code": "<van-sidebar-item><template #title>标签名称n</template></van-sidebar-item>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入`<van-sidebar-item>`子组件。",
"emptyBackground": "add-sub"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Navigation",
"name": "VanSidebarItem",
"kebabName": "van-sidebar-item",
"title": "菜单项",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识菜单项的值"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "showbaget",
"title": "显示徽章",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否显示徽章"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "badge",
"title": "徽章值",
"tsType": "nasl.core.Decimal"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "badgemax",
"title": "请输入徽章最大值",
"tsType": "nasl.core.Decimal"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
},
{
"title": "下载链接",
"value": "download"
}
]
},
"name": "linkType",
"title": "链接类型",
"tsType": "'destination' | 'download'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击菜单项",
"tsType": "(event: nasl.core.Integer) => void",
"description": "点击选项导致 value 变化时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "title",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容"
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-sidebar>\n<van-sidebar-item>\n<template #title>标签名称1</template>\n</van-sidebar-item>\n<van-sidebar-item>\n<template #title>标签名称2</template>\n</van-sidebar-item>\n<van-sidebar-item>\n<template #title>标签名称3</template>\n</van-sidebar-item>\n</van-sidebar>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Navigation",
"show": true,
"name": "VanTabbar",
"alias": "标签栏",
"title": "标签栏",
"concept": "ViewComponentDeclaration",
"kebabName": "van-tabbar",
"description": "标签栏",
"icon": "tabbar",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识标签栏的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "fixed",
"title": "固定底部",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "route",
"title": "开启路由模式",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否开启路由模式"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "border",
"title": "显示外边框",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
}
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanTabbarOptions['value']"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "change",
"title": "切换后",
"tsType": "(event: nasl.core.String) => void",
"description": "切换标签时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "标签项",
"code": "<van-tabbar-item icon=\"默认\" style=\"font-size:24px\"><van-text text=\"标签\"></van-text></van-tabbar-item>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<VanTabbarItem>",
"params": [],
"description": "插入`<van-tabbar-item>`子组件。",
"emptyBackground": "add-sub"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Navigation",
"name": "VanTabbarItem",
"kebabName": "van-tabbar-item",
"title": "标签项",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "name",
"title": "标签项值",
"tsType": "nasl.core.String",
"description": "用于标识标签项的值"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "showbaget",
"title": "显示徽章",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否显示徽章"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "badge",
"title": "徽章值",
"tsType": "nasl.core.Decimal",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "badgemax",
"title": "徽章最大值",
"tsType": "nasl.core.Decimal"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "icon",
"title": "图标",
"tsType": "nasl.core.String",
"description": "标签项的图标"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
},
{
"title": "下载链接",
"value": "download"
}
]
},
"name": "linkType",
"title": "链接类型",
"tsType": "'destination' | 'download'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "badge",
"title": "徽章值",
"tsType": "VanTabbarItemOptions['badge']"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击标签项",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击选项导致 value 变化时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-tabbar>\n<van-tabbar-item icon=\"frontpage\" style=\"font-size:24px\" ><van-text text=\"标签\"></van-text></van-tabbar-item>\n<van-tabbar-item icon=\"contact\" style=\"font-size:24px\" ><van-text text=\"标签\"></van-text></van-tabbar-item>\n<van-tabbar-item icon=\"location\" style=\"font-size:24px\" ><van-text text=\"标签\"></van-text></van-tabbar-item>\n<van-tabbar-item icon=\"avatar\" style=\"font-size:24px\" ><van-text text=\"标签\"></van-text></van-tabbar-item>\n</van-tabbar>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanButton",
"alias": "按钮",
"title": "按钮",
"concept": "ViewComponentDeclaration",
"kebabName": "van-button",
"description": "按钮用于触发一个操作，如提交表单。",
"icon": "button",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "replace",
"title": "替换",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "text",
"title": "文本",
"tsType": "nasl.core.String",
"description": "默认文本显示内容",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "主要按钮",
"value": "info"
},
{
"title": "次要按钮",
"value": "info_secondary"
},
{
"title": "普通按钮",
"value": "default"
},
{
"title": "警告操作按钮",
"value": "warning"
},
{
"title": "次要警告操作按钮",
"value": "warning_secondary"
},
{
"title": "危险操作按钮",
"value": "danger"
},
{
"title": "次要危险操作按钮",
"value": "danger_secondary"
}
]
},
"name": "type",
"title": "样式类型",
"tsType": "'info' | 'info_secondary' | 'default' | 'warning' | 'warning_secondary' | 'danger' | 'danger_secondary'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "info"
},
"playground": []
},
"description": "设置按钮主题颜色与样式类型"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "行内展示",
"value": "spanb"
},
{
"title": "块级展示",
"value": "blockb"
}
]
},
"name": "block",
"title": "展示方式",
"tsType": "'spanb' | 'blockb'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "spanb"
},
"playground": []
},
"description": "选择行内或块级展示"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "icon",
"title": "图标",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左",
"value": "left"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "iconPosition",
"title": "图标位置",
"tsType": "'left' | 'right'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "left"
},
"playground": []
},
"description": "设置图标居左或居右显示"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
},
{
"title": "下载链接",
"value": "download"
}
]
},
"name": "linkType",
"title": "链接类型",
"tsType": "'destination' | 'download'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "loading",
"title": "加载中",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否显示为加载中"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"name": "loadingText",
"title": "加载中文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": ""
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "大",
"value": "large"
},
{
"title": "中型",
"value": "middle"
},
{
"title": "正常",
"value": "normal"
},
{
"title": "小",
"value": "small"
},
{
"title": "迷你",
"value": "mini"
}
]
},
"name": "size",
"title": "尺寸",
"tsType": "'large' | 'middle' | 'normal' | 'small' | 'mini'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "middle"
},
"playground": []
},
"description": "设置按钮大小"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "方形",
"value": "square"
},
{
"title": "圆形",
"value": "round"
}
]
},
"name": "squareroud",
"title": "形状",
"tsType": "'square' | 'round'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "round"
},
"playground": []
},
"description": "设置按钮形状"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "hairline",
"title": "显示为细边框",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否显示为细边框"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击事件"
}
],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "主要按钮",
"description": "",
"code": "<template>\n<van-button type=\"info\" size=\"middle\" text=\"确定\" squareroud=\"round\"></van-button>\n</template>",
"screenshot": "",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/button/drawings/0.svg"
},
{
"concept": "ViewBlockWithImage",
"title": "次要按钮",
"description": "",
"code": "<template>\n<van-button type=\"info_secondary\" size=\"middle\" text=\"确定\" squareroud=\"round\"></van-button>\n</template>",
"screenshot": "",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/button/drawings/1.svg"
},
{
"concept": "ViewBlockWithImage",
"title": "普通按钮",
"description": "",
"code": "<template>\n<van-button type=\"default\" size=\"middle\" text=\"确定\" squareroud=\"round\"></van-button>\n</template>",
"screenshot": "",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/button/drawings/2.svg"
},
{
"concept": "ViewBlockWithImage",
"title": "图标按钮",
"description": "",
"code": "<template>\n<van-button type=\"info\" size=\"middle\" text=\"确定\" icon=\"sure\" squareroud=\"round\"></van-button>\n</template>",
"screenshot": "",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/button/drawings/3.svg"
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanImage",
"alias": "图片",
"title": "图片展示",
"concept": "ViewComponentDeclaration",
"kebabName": "van-image",
"description": "可以用来展示一张图片，支持设置图片地址。",
"icon": "image",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "Loading",
"value": "loading"
},
{
"title": "不显示加载状态",
"value": "none"
},
{
"title": "自定义默认图",
"value": "placeholder"
}
]
},
"name": "loadingType",
"title": "加载样式",
"tsType": "'loading' | 'none' | 'placeholder'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "loading"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "placeholderSrc",
"title": "默认图地址",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "https://static-vusion.nos-eastchina1.126.net/h5-template/lietu.png"
},
"playground": []
},
"if": "_ => _.loadingType === 'placeholder'",
"settable": true,
"tsIf": "_ => _.loadingType === 'placeholder'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "ImageSetter"
},
"name": "src",
"title": "图片地址",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": ""
},
"playground": []
},
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "适应",
"value": "contain"
},
{
"title": "适应（图片小于父元素时以原尺寸展示）",
"value": "scale-down"
},
{
"title": "原尺寸",
"value": "none"
},
{
"title": "拉伸",
"value": "fill"
},
{
"title": "填充",
"value": "cover"
}
]
},
"name": "fit",
"title": "填充方式",
"tsType": "'contain' | 'scale-down' | 'none' | 'fill' | 'cover'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "contain"
},
"playground": []
},
"description": "设置图片的填充方式"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "方形",
"value": "s"
},
{
"title": "圆形",
"value": "r"
}
]
},
"name": "sr",
"title": "图片风格",
"tsType": "'s' | 'r'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "s"
},
"playground": []
},
"description": "选择图片为方形或圆形"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "点击放大",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否支持点击放大全屏展示",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "src",
"title": "地址",
"tsType": "VanImageOptions['src']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "placeholderSrc",
"title": "默认图地址",
"tsType": "VanImageOptions['placeholderSrc']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览状态",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击此项时触发"
}
],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "适应",
"description": "",
"code": "<template>\n<van-image\nsrc=\"https://static-vusion.163yun.com/assets/cloud-ui/1.jpg\"\nfit=\"contain\"\npreview\n></van-image>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/image/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "适应（图片小于父元素时以原尺寸展示）",
"description": "",
"code": "<template>\n<van-image\nsrc=\"https://static-vusion.163yun.com/assets/cloud-ui/1.jpg\"\nfit=\"scale-down\"\npreview\n></van-image>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/image/screenshots/1.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "原尺寸",
"description": "",
"code": "<template>\n<van-image\nsrc=\"https://static-vusion.163yun.com/assets/cloud-ui/1.jpg\"\nfit=\"none\"\npreview\n></van-image>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/image/screenshots/2.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "拉伸",
"description": "",
"code": "<template>\n<van-image\nsrc=\"https://static-vusion.163yun.com/assets/cloud-ui/1.jpg\"\nfit=\"fill\"\npreview\n></van-image>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/image/screenshots/3.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "填充",
"description": "",
"code": "<template>\n<van-image\nsrc=\"https://static-vusion.163yun.com/assets/cloud-ui/1.jpg\"\nfit=\"cover\"\npreview\n></van-image>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/image/screenshots/4.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanSwipe",
"alias": "幻灯片",
"title": "幻灯片",
"concept": "ViewComponentDeclaration",
"kebabName": "van-swipe",
"description": "用于循环播放一组图片或内容",
"icon": "swipe",
"tsTypeParams": "T",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。",
"designerValue": [
{},
{},
{}
],
"tsDesignerValue": "[{},{},{}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSchema",
"title": "数据类型",
"tsType": "T",
"description": "集合类型每一元素的数据类型"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "duration",
"title": "动画时间",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "4000",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "单位：毫秒，幻灯片切换时间，如果设置值小于动画时长，会在动画完成后切换。"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "touchable",
"title": "手势滑动",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否支持手势滑动"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "nasl.collection.List<T>"
}
],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "幻灯片子项",
"code": "<van-swipe-item vusion-slot-name=\"default\"><van-image style=\"width:100%;height:100%\" src=\"https://static-vusion.163yun.com/assets/cloud-ui/6.jpg\"></van-image></van-swipe-item>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<VanSwipeItem>",
"params": [],
"description": "插入`van-swipe-item`子组件。"
},
{
"concept": "SlotDeclaration",
"name": "item",
"title": "undefined",
"tsType": "(current: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
],
"description": "自定义选项的结构和样式"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Display",
"name": "VanSwipeItem",
"kebabName": "van-swipe-item",
"title": "幻灯片选项",
"description": "幻灯片选项",
"icon": "",
"tsTypeParams": "",
"props": [],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击某一项后触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入幻灯片内容，如图片"
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-swipe class=\"my-swipe\" :autoplay=\"3000\" indicatorColor=\"white\" style=\"height:200px;\">\n<van-swipe-item vusion-slot-name=\"default\"><van-image style=\"width:100%;height:100%\" src=\"https://static-vusion.163yun.com/assets/cloud-ui/1.jpg\"></van-image></van-swipe-item>\n<van-swipe-item vusion-slot-name=\"default\"><van-image style=\"width:100%;height:100%\" src=\"https://static-vusion.163yun.com/assets/cloud-ui/2.jpg\"></van-image></van-swipe-item>\n<van-swipe-item vusion-slot-name=\"default\"><van-image style=\"width:100%;height:100%\" src=\"https://static-vusion.163yun.com/assets/cloud-ui/3.jpg\"></van-image></van-swipe-item>\n<van-swipe-item vusion-slot-name=\"default\"><van-image style=\"width:100%;height:100%\" src=\"https://static-vusion.163yun.com/assets/cloud-ui/4.jpg\"></van-image></van-swipe-item>\n<template #item=\"current\">\n<van-swipe-item\nvusion-disabled-cut\nvusion-disabled-copy\nvusion-slot-name=\"default\"\n>\n<van-image\nstyle=\"width:100%;height:100%\"\nsrc=\"https://static-vusion.163yun.com/assets/cloud-ui/4.jpg\">\n</van-image>\n</van-swipe-item>\n</template>\n</van-swipe>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/swipe/screenshots/0.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Selector",
"show": true,
"name": "VanTabs",
"alias": "选项卡",
"title": "选项卡",
"concept": "ViewComponentDeclaration",
"kebabName": "van-tabs",
"description": "选项卡切换组件，常用于平级区域大块内容的收纳和展现",
"icon": "tabsh5",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识选项卡的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "线条",
"value": "line"
},
{
"title": "胶囊",
"value": "card"
}
]
},
"name": "type",
"title": "样式类型",
"tsType": "'line' | 'card'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "line"
},
"playground": []
},
"description": "设置选项卡为线条类型或胶囊类型"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "sticky",
"title": "自动吸顶",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "切换导航",
"value": "no"
},
{
"title": "滚动导航",
"value": "scrollspy"
}
]
},
"name": "scrollspystr",
"title": "导航模式",
"tsType": "'no' | 'scrollspy'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "no"
},
"playground": []
},
"description": "设置选项卡的导航模式"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "swipeable",
"title": "滑动切换",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "animated",
"title": "开启转场动画",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanTabsOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击标签",
"tsType": "(event: nasl.core.String) => void",
"description": "点击标签时触发"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "标签改变",
"tsType": "(event: nasl.core.String) => void",
"description": "当前激活的标签改变时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "子选项",
"code": "<van-tab title=\"标签页\">内容</van-tab>"
}
],
"name": "default",
"title": "默认",
"tsType": "() => Array<VanTab>",
"params": [],
"description": "插入`<van-tab>`子组件。",
"emptyBackground": "add-sub"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Selector",
"name": "VanTab",
"kebabName": "van-tab",
"title": "标签页",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "name",
"title": "选项值",
"tsType": "nasl.core.String",
"description": "用于标识选项的值"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "badgebtn",
"title": "显示徽章",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"onChange": [
{
"clear": [
"badge",
"badgemax"
]
}
],
"tsOnChange": "[{\"clear\":[\"badge\",\"badgemax\"]}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "badge",
"title": "徽章值",
"tsType": "nasl.core.Decimal",
"if": "_ => _.badgebtn === true",
"settable": true,
"tsIf": "_ => _.badgebtn === true"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "badgemax",
"title": "徽章最大值",
"tsType": "nasl.core.Decimal",
"description": "徽章内容为数字时显示的最大值",
"if": "_ => _.badgebtn === true",
"tsIf": "_ => _.badgebtn === true"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "badge",
"title": "徽章值",
"tsType": "VanTabOptions['badge']"
}
],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "默认",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "显示的内容"
},
{
"concept": "SlotDeclaration",
"name": "title",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "外观-line",
"description": "",
"code": "<template>\n<van-tabs type=\"line\">\n<van-tab><template #title><van-text text=\"标签 1\"></van-text></template>内容 1</van-tab>\n<van-tab><template #title><van-text text=\"标签 2\"></van-text></template>内容 2</van-tab>\n<van-tab><template #title><van-text text=\"标签 3\"></van-text></template>内容 3</van-tab>\n</van-tabs>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/tabs/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "外观-card",
"description": "",
"code": "<template>\n<van-tabs type=\"card\">\n<van-tab><template #title><van-text text=\"标签 1\"></van-text></template>内容 1</van-tab>\n<van-tab><template #title><van-text text=\"标签 2\"></van-text></template>内容 2</van-tab>\n<van-tab><template #title><van-text text=\"标签 3\"></van-text></template>内容 3</van-tab>\n</van-tabs>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/tabs/screenshots/1.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanText",
"alias": "文本",
"title": "文本",
"concept": "ViewComponentDeclaration",
"kebabName": "van-text",
"description": "用于展示文字或表达式",
"icon": "text",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "text",
"title": "文本",
"tsType": "nasl.core.String",
"description": "默认文本显示内容",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "默认",
"value": "default"
},
{
"title": "主要色",
"value": "primary"
},
{
"title": "辅助色",
"value": "secondary"
},
{
"title": "成功色",
"value": "success"
},
{
"title": "警告色",
"value": "warning"
},
{
"title": "错误色",
"value": "error"
},
{
"title": "禁用色",
"value": "disabled"
}
]
},
"name": "color",
"title": "主题颜色",
"tsType": "'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'disabled'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "default"
},
"playground": []
},
"description": "设置文本主题颜色"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "行内",
"value": "inline"
},
{
"title": "块级",
"value": "block"
}
]
},
"name": "display",
"title": "展示方式",
"tsType": "'inline' | 'block'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "inline"
},
"playground": []
},
"description": "选择行内或块级展示"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "默认不处理",
"value": "normal"
},
{
"title": "多余的文本省略",
"value": "ellipsis"
},
{
"title": "强制换行且英文自动添加换行符",
"value": "break"
},
{
"title": "始终不换行",
"value": "nowrap"
}
]
},
"name": "overflow",
"title": "隐藏处理",
"tsType": "'normal' | 'ellipsis' | 'break' | 'nowrap'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "normal"
},
"playground": []
},
"description": "设置文本过长时的处理方式"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "小",
"value": "small"
},
{
"title": "正常",
"value": "normal"
},
{
"title": "大",
"value": "large"
},
{
"title": "巨大",
"value": "huge"
}
]
},
"name": "size",
"title": "尺寸",
"tsType": "'small' | 'normal' | 'large' | 'huge'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "normal"
},
"playground": []
},
"description": "设置文本大小"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击此项时触发"
}
],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "普通文本",
"description": "",
"code": "<template>\n<van-text text=\"普通文本\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "小号文本",
"description": "",
"code": "<template>\n<van-text size=\"small\" text=\"小号文本\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/1.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "大号文本",
"description": "",
"code": "<template>\n<van-text size=\"large\" text=\"大号文本\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/2.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "主要文本",
"description": "",
"code": "<template>\n<van-text color=\"primary\" text=\"主要文本\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/3.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "次要文本",
"description": "",
"code": "<template>\n<van-text color=\"secondary\" text=\"次要文本\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/4.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "成功文本",
"description": "",
"code": "<template>\n<van-text color=\"success\" text=\"成功文本\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/5.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "警告文本",
"description": "",
"code": "<template>\n<van-text color=\"warning\" text=\"警告文本\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/6.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "错误文本",
"description": "",
"code": "<template>\n<van-text color=\"error\" text=\"错误文本\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/7.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "禁默文本",
"description": "",
"code": "<template>\n<van-text color=\"disabled\" text=\"禁默文本\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/8.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "文本过长省略",
"description": "",
"code": "<template>\n<van-text overflow=\"ellipsis\" text=\"文字过长省略过长省略过长省略过长省略过长省略。\"></van-text>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/text/screenshots/9.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanLink",
"alias": "链接",
"vusion": true,
"title": "链接",
"concept": "ViewComponentDeclaration",
"kebabName": "van-link",
"description": "文字超链接",
"icon": "link",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "text",
"title": "文本",
"tsType": "nasl.core.String",
"description": "默认文本显示内容",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "默认",
"value": "default"
},
{
"title": "浅色",
"value": "light"
},
{
"title": "成功色",
"value": "success"
},
{
"title": "警告色",
"value": "warning"
},
{
"title": "危险色",
"value": "danger"
}
]
},
"name": "color",
"title": "主题颜色",
"tsType": "'default' | 'light' | 'success' | 'warning' | 'danger'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "default"
},
"playground": []
},
"description": "设置链接主题颜色"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "行内展示",
"value": "inline"
},
{
"title": "块级展示，宽度会充满父元素",
"value": "block"
}
]
},
"name": "display",
"title": "展示方式",
"tsType": "'inline' | 'block'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "inline"
},
"playground": []
},
"description": "选择行内或块级展示"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
},
{
"title": "下载链接",
"value": "download"
}
]
},
"name": "linkType",
"title": "链接类型",
"tsType": "'destination' | 'download'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击某一项后触发"
}
],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "普通链接",
"description": "",
"code": "<template>\n<van-link text=\"普通链接\"></van-link>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src-vusion/components/link/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "成功链接",
"description": "",
"code": "<template>\n<van-link color=\"success\" text=\"成功链接\"></van-link>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src-vusion/components/link/screenshots/1.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "警告链接",
"description": "",
"code": "<template>\n<van-link color=\"warning\" text=\"警告链接\"></van-link>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src-vusion/components/link/screenshots/2.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "危险链接",
"description": "",
"code": "<template>\n<van-link color=\"danger\" text=\"危险链接\"></van-link>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src-vusion/components/link/screenshots/3.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "禁用链接",
"description": "",
"code": "<template>\n<van-link disabled text=\"禁用链接\"></van-link>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src-vusion/components/link/screenshots/4.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanBadge",
"alias": "徽标",
"title": "徽标",
"concept": "ViewComponentDeclaration",
"kebabName": "van-badge",
"description": "在右上角展示徽标数字或小红点。",
"icon": "badge",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "content",
"title": "徽章值",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "2",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "max",
"title": "徽章最大值",
"tsType": "nasl.core.Decimal",
"description": "徽章内容为数字时显示的最大值"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "dot",
"title": "显示徽章",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "content",
"title": "徽章值",
"tsType": "VanBadgeOptions['content']"
}
],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入徽章内容"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-badge :content=\"2\">\n</van-badge>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanNoticeBar",
"alias": "通知栏",
"title": "通知栏",
"concept": "ViewComponentDeclaration",
"kebabName": "van-notice-bar",
"description": "用于循环播放展示一组消息通知。",
"icon": "notice-bar",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "可关闭",
"value": "closeable"
},
{
"title": "链接",
"value": "link"
},
{
"title": "普通",
"value": "normal"
}
]
},
"name": "mode",
"title": "类型",
"tsType": "'closeable' | 'link' | 'normal'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "normal"
},
"playground": []
},
"description": "设置通知栏类型"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "scrollable",
"title": "开启滚动播放",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "wrapable",
"title": "开启文本换行",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "关闭滚动播放时该属性即可生效"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
},
{
"title": "下载链接",
"value": "download"
}
]
},
"name": "linkType",
"title": "链接类型",
"tsType": "'destination' | 'download'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击通知栏时触发",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击通知栏时触发"
},
{
"concept": "EventDeclaration",
"name": "close",
"title": "关闭通知栏时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "关闭通知栏时触发"
},
{
"concept": "EventDeclaration",
"name": "rout",
"title": "点击链接",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击链接"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "文本插槽"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-notice-bar scrollable>\n<van-text text=\"技术是开发它的人的共同灵魂。\"></van-text>\n</van-notice-bar>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanSteps",
"alias": "步骤条",
"title": "步骤条",
"concept": "ViewComponentDeclaration",
"kebabName": "van-steps",
"description": "用于展示操作流程的各个环节，让用户了解当前的操作在整体流程中的位置。",
"icon": "steps",
"tsTypeParams": "T",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。",
"designerValue": [
{},
{},
{}
],
"tsDesignerValue": "[{},{},{}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSchema",
"title": "数据类型",
"tsType": "T",
"description": "集合类型每一元素的数据类型"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "value",
"title": "当前步骤",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "0",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "指定当前步骤，从0开始记数。",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "横向",
"value": "horizontal"
},
{
"title": "垂直",
"value": "vertical"
}
]
},
"name": "direction",
"title": "步骤条方向",
"tsType": "'horizontal' | 'vertical'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "horizontal"
},
"playground": []
},
"description": "设置步骤条方向"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "当前步骤",
"tsType": "VanStepsOptions<T>['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "nasl.collection.List<T>"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "isFirst",
"title": "第一步",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "isLast",
"title": "最后一步",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "changestep",
"title": "切换步骤时",
"tsType": "(event: nasl.core.Integer) => void",
"description": "切换步骤时"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "上一步",
"params": [],
"returns": [],
"name": "prev",
"title": "上一步"
},
{
"concept": "LogicDeclaration",
"description": "下一步",
"params": [],
"returns": [],
"name": "next",
"title": "下一步"
},
{
"concept": "LogicDeclaration",
"description": "重新加载数据",
"params": [],
"returns": [],
"name": "reload",
"title": "重载数据"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "步骤条项",
"code": "<van-step>stepn</van-step>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入`<van-step>`子组件。",
"emptyBackground": "add-sub"
},
{
"concept": "SlotDeclaration",
"name": "item",
"title": "undefined",
"tsType": "(current: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
],
"description": "自定义选项的结构和样式"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Display",
"name": "VanStep",
"kebabName": "van-step",
"title": "步骤条项",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "等待中",
"value": "wait"
},
{
"title": "进行中",
"value": "process"
},
{
"title": "已完成",
"value": "finish"
},
{
"title": "错误",
"value": "error"
}
]
},
"name": "status",
"title": "状态",
"tsType": "'wait' | 'process' | 'finish' | 'error'",
"description": "设置步骤条的状态，分别为等待中、进行中、已完成、错误。",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "icon",
"title": "图标",
"tsType": "nasl.core.String",
"description": "自定义步骤的图标"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "status",
"title": "状态",
"tsType": "'wait' | 'process' | 'finish' | 'error'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "clicktitle",
"title": "点击标题",
"tsType": "(event: nasl.core.Integer) => void",
"description": "点击标题"
},
{
"concept": "EventDeclaration",
"name": "clickicon",
"title": "点击图标",
"tsType": "(event: nasl.core.Integer) => void",
"description": "点击图标"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-steps>\n<van-step>买家下单</van-step>\n<van-step>商家接单</van-step>\n<van-step>买家提货</van-step>\n<van-step>交易完成</van-step>\n<template #item=\"current\">\n<van-step\nvusion-disabled-cut\nvusion-disabled-copy\n>步骤名</van-step>\n</template>\n</van-steps>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanCountDownNew",
"alias": "计时器",
"title": "计时器",
"concept": "ViewComponentDeclaration",
"kebabName": "van-count-down-new",
"description": "用于计时",
"icon": "countdown",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "timer",
"title": "计时器时长（秒）",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "60",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置定时时间"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "正计时",
"value": "positive"
},
{
"title": "倒计时",
"value": "negative"
}
]
},
"name": "reverse",
"title": "计时方式",
"tsType": "'positive' | 'negative'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "positive"
},
"playground": []
},
"description": "设置计时器计时方式"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "autostart",
"title": "自动开始计时",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否开启自动开始计时"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "hideMinute",
"title": "隐藏分钟",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "设置是否隐藏分钟"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "start",
"title": "计时器开始",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "计时器开始时触发"
},
{
"concept": "EventDeclaration",
"name": "pause",
"title": "计时器暂停",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "计时器暂停时触发"
},
{
"concept": "EventDeclaration",
"name": "continue",
"title": "计时器继续",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "计时器继续时触发"
},
{
"concept": "EventDeclaration",
"name": "stop",
"title": "计时器结束",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "计时器结束时触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "开始计时器",
"params": [],
"returns": [],
"name": "start",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "暂停计时器",
"params": [],
"returns": [],
"name": "pause",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "继续计时器",
"params": [],
"returns": [],
"name": "continue",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "停止计时器",
"params": [],
"returns": [],
"name": "stop",
"title": "undefined"
}
],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-count-down-new></van-count-down-new>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanIconv",
"alias": "图标",
"title": "图标",
"concept": "ViewComponentDeclaration",
"kebabName": "van-iconv",
"description": "图标",
"icon": "icon",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "name",
"title": "图标",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "仅图标",
"value": "only"
},
{
"title": "组合图标-上下",
"value": "top"
},
{
"title": "组合图标-左右",
"value": "left"
}
]
},
"name": "icotype",
"title": "布局类型",
"tsType": "'only' | 'top' | 'left'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "top"
},
"playground": []
},
"description": "设置图标布局类型"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
},
{
"title": "下载链接",
"value": "download"
}
]
},
"name": "linkType",
"title": "链接类型",
"tsType": "'destination' | 'download'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击此项时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入文本或HTML"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "组合图标-上下",
"description": "",
"code": "<template>\n<van-iconv name=\"default\">\n<van-text text=\"图标\"></van-text>\n</van-iconv>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/iconv/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "组合图标-左右",
"description": "",
"code": "<template>\n<van-iconv name=\"default\" icotype=\"left\">\n<van-text text=\"图标\"></van-text>\n</van-iconv>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/iconv/screenshots/1.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "仅图标",
"description": "",
"code": "<template>\n<van-iconv name=\"default\" icotype=\"only\">\n<van-text text=\"图标\"></van-text>\n</van-iconv>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/iconv/screenshots/2.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanTag",
"alias": "标签",
"title": "标签",
"concept": "ViewComponentDeclaration",
"kebabName": "van-tag",
"description": "用于标记关键词和概括主要内容。",
"icon": "label",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "默认",
"value": "primary"
},
{
"title": "成功",
"value": "success"
},
{
"title": "危险",
"value": "danger"
},
{
"title": "警告",
"value": "warning"
}
]
},
"name": "type",
"title": "样式类型",
"tsType": "'primary' | 'success' | 'danger' | 'warning'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "primary"
},
"playground": []
},
"description": "设置主题颜色与样式类型"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "mark",
"title": "显示为标记样式",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "closeable",
"title": "可关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "大型",
"value": "large"
},
{
"title": "中型",
"value": "medium"
},
{
"title": "小型",
"value": "small"
}
]
},
"name": "size",
"title": "尺寸",
"tsType": "'large' | 'medium' | 'small'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "medium"
},
"playground": []
},
"description": "设置标签大小"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "round",
"title": "显示为圆角",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "plain",
"title": "显示为空心",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击时",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击时触发"
},
{
"concept": "EventDeclaration",
"name": "before-close",
"title": "关闭前",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击标签删除图标前触发，使用event.preventDefault可以阻止删除事件触发"
},
{
"concept": "EventDeclaration",
"name": "close",
"title": "关闭时",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击标签删除图标时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容自定义"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-tag type=\"primary\" size=\"medium\">标签</van-tag>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanCircle",
"alias": "环形进度条",
"title": "环形进度条",
"concept": "ViewComponentDeclaration",
"kebabName": "van-circle",
"description": "圆环形的进度条组件",
"icon": "circular-progress",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 0
},
"name": "value",
"title": "当前进度",
"tsType": "nasl.core.Decimal",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "clockwise",
"title": "顺时针增加",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否按照顺时针顺序增加"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "size",
"title": "圆环直径",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "100",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置圆环直径，单位为px。"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "color",
"title": "进度条颜色",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "layerColor",
"title": "轨道颜色",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "fill",
"title": "填充颜色",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 0
},
"name": "strokeWidth",
"title": "进度条宽度",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "40",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
}
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanCircleOptions['value']"
}
],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "默认",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "显示的文本"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-circle value=\"50\" rate=\"100\" speed=\"100\">50%</van-circle>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanProgress",
"alias": "进度条",
"title": "进度条",
"concept": "ViewComponentDeclaration",
"kebabName": "van-progress",
"description": "用于展示操作的当前进度。",
"icon": "linear-progress",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 0
},
"name": "value",
"title": "值",
"tsType": "nasl.core.Decimal",
"description": "用于标识进度条的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "pivotText",
"title": "文字内容",
"tsType": "nasl.core.String",
"description": "进度条中的显示文字"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "showPivot",
"title": "显示文字",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否显示进度条中的文字"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "custom",
"title": "自定义",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "inactive",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "strokeWidth",
"title": "进度条粗细",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "4",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置进度条粗细，单位为px。"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "color",
"title": "进度条颜色",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "trackColor",
"title": "轨道颜色",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "textColor",
"title": "文字颜色",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "pivotColor",
"title": "文字背景色",
"tsType": "nasl.core.String"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanProgressOptions['value']"
}
],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "默认",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "显示的文本"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-progress value=\"50\" />\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Effects",
"show": true,
"name": "VanCopy",
"alias": "复制",
"title": "复制",
"concept": "ViewComponentDeclaration",
"kebabName": "van-copy",
"description": "复制文本到剪切板",
"icon": "copy",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "复制的值",
"tsType": "VanCopyOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "copy",
"title": "复制成功后",
"tsType": "(event: {\n value: nasl.core.String;\n}) => void",
"description": "内容复制成功后触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "修改默认触发元素"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "复制链接",
"description": "",
"code": "<template>\n<van-copy value=\"需要 copy 的内容\">\n<van-link text=\"复制\"></van-link>\n</van-copy>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src-vusion/components/copy/screenshots/0.png",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src-vusion/components/copy/drawings/0.svg"
}
],
"themeVariables": []
},
{
"group": "Table",
"show": true,
"name": "VanListView",
"alias": "数据列表",
"vusion": true,
"title": "数据列表",
"concept": "ViewComponentDeclaration",
"kebabName": "van-list-view",
"description": "用于列举大量数据的列表框，支持单选、多选、过滤（搜索）、分页等功能。",
"icon": "list-view",
"tsTypeParams": "T, V, P, M",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "列表的数据源。数组方式表示直接的数据，函数需要返回一个 Promise。",
"designerValue": [
{},
{},
{}
],
"tsDesignerValue": "[{},{},{}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSchema",
"title": "数据类型",
"tsType": "T",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明。"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "valueField",
"title": "值字段名",
"tsType": "(item: T) => V",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "value"
},
"playground": []
},
"description": "选项值的字段名"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "textField",
"title": "文本字段名",
"tsType": "(item: T) => any",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "text"
},
"playground": []
},
"description": "选项文本的字段名，可用于前端筛选时的匹配"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "M extends true ? nasl.collection.List<V> : V",
"description": "用于标识数据列表的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "不分页",
"value": ""
},
{
"title": "滚动加载更多",
"value": "auto-more"
},
{
"title": "点击加载更多",
"value": "load-more"
},
{
"title": "翻页器",
"value": "pagination"
}
]
},
"name": "pageable",
"title": "分页",
"tsType": "'' | 'auto-more' | 'load-more' | 'pagination'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": ""
},
"playground": []
},
"description": "设置分页类型"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 1
},
"name": "pageSize",
"title": "默认分页大小",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "20",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "分页过小可能会导致滚动加载更多失效",
"if": "_ => _.pageable !== ''",
"tsIf": "_ => _.pageable !== ''"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "filterable",
"title": "可筛选",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否可以过滤（搜索），开启将会显示搜索框。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "placeholder",
"title": "筛选输入框显示文字",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "请输入"
},
"playground": []
},
"if": "_ => _.filterable === true",
"implicitToString": true,
"tsIf": "_ => _.filterable === true"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "clearable",
"title": "筛选清除按钮",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "搜索框是否展示清除按钮",
"if": "_ => _.filterable === true",
"tsIf": "_ => _.filterable === true"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "multiple",
"title": "多选",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "设置是否可以多选行，不开启则为单选。"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "selectedIcon",
"title": "已选图标",
"tsType": "nasl.core.String",
"if": "_ => _.selectable === true",
"tsIf": "_ => _.selectable === true"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "unselectedIcon",
"title": "未选图标",
"tsType": "nasl.core.String",
"if": "_ => _.selectable === true",
"tsIf": "_ => _.selectable === true"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "pullRefresh",
"title": "下拉刷新",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否开启下拉刷新",
"if": "_ => _.pageable !== 'pagination'",
"tsIf": "_ => _.pageable !== 'pagination'"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "pullingText",
"title": "下拉过程中提示文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "下拉刷新"
},
"playground": []
},
"if": "_ => _.pullRefresh === true && _.pageable !== 'pagination'",
"implicitToString": true,
"tsIf": "_ => _.pullRefresh === true && _.pageable !== 'pagination'"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "loosingText",
"title": "释放过程中提示文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "释放刷新"
},
"playground": []
},
"if": "_ => _.pullRefresh === true && _.pageable !== 'pagination'",
"implicitToString": true,
"tsIf": "_ => _.pullRefresh === true && _.pageable !== 'pagination'"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "successText",
"title": "刷新成功提示文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "已刷新"
},
"playground": []
},
"if": "_ => _.pullRefresh === true && _.pageable !== 'pagination'",
"implicitToString": true,
"tsIf": "_ => _.pullRefresh === true && _.pageable !== 'pagination'"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "successDuration",
"title": "展示时长",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "500",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置刷新成功后提示展示时长，单位为ms。",
"if": "_ => _.pullRefresh === true && _.pageable !== 'pagination'",
"tsIf": "_ => _.pullRefresh === true && _.pageable !== 'pagination'"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "pullDistance",
"title": "刷新距离",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "50",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置触发下拉刷新的距离，单位为px。",
"if": "_ => _.pullRefresh === true && _.pageable !== 'pagination'",
"tsIf": "_ => _.pullRefresh === true && _.pageable !== 'pagination'"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "hiddenempty",
"title": "隐藏空态文案",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否隐藏表格末尾“没有更多了”文案"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "initialLoad",
"title": "初始加载",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否在初始时立即加载"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "加载完成-有数据",
"value": "success"
},
{
"title": "加载完成-暂无数据",
"value": "empty"
},
{
"title": "加载中",
"value": "loading"
},
{
"title": "加载失败",
"value": "error"
}
]
},
"name": "designerMode",
"title": "加载状态",
"tsType": "'success' | 'empty' | 'loading' | 'error'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "success"
},
"playground": []
},
"description": "设置加载状态"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"name": "loadingText",
"title": "加载中文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "正在加载中..."
},
"playground": []
},
"description": "加载中状态显示的文案",
"docDescription": "当数据正在加载时展示的文字，默认为\"加载中...\"。",
"if": "_ => _.designerMode === 'loading'",
"implicitToString": true,
"tsIf": "_ => _.designerMode === 'loading'"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"bindOpen": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "loading",
"title": "加载中触发条件",
"tsType": "nasl.core.Boolean",
"description": "加载中状态的触发条件，未设置则默认为系统定义条件。",
"if": "_ => _.designerMode === 'loading'",
"tsIf": "_ => _.designerMode === 'loading'"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"name": "errorText",
"title": "加载失败文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "加载失败，请重试"
},
"playground": []
},
"description": "加载失败状态显示的提示文案",
"docDescription": "加载失败的提示文字。默认\"加载失败，请重试\"",
"if": "_ => _.designerMode === 'error'",
"implicitToString": true,
"tsIf": "_ => _.designerMode === 'error'"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"bindOpen": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "error",
"title": "加载失败触发条件",
"tsType": "nasl.core.Boolean",
"description": "加载失败状态的触发条件，未设置则默认为系统定义条件。",
"docDescription": "控制表格加载失败的展示时机。默认关闭。",
"if": "_ => _.designerMode === 'error'",
"tsIf": "_ => _.designerMode === 'error'"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"name": "emptyText",
"title": "暂无数据文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "暂无数据"
},
"playground": []
},
"description": "暂无数据状态显示的提示文案",
"docDescription": "当列表为空时的提示文字。默认\"暂无数据\"",
"if": "_ => _.designerMode === 'empty'",
"implicitToString": true,
"tsIf": "_ => _.designerMode === 'empty'"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "striped",
"title": "斑马条纹",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否按斑马线条纹显示"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "nasl.collection.List<T>"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "total",
"title": "数据总数",
"tsType": "nasl.core.Integer"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "page",
"title": "当前页数",
"tsType": "nasl.core.Integer"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "size",
"title": "当前页数",
"tsType": "nasl.core.Integer"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "filterText",
"title": "过滤文本",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanListViewOptions<T, V, P, M>['value']"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "input",
"title": "选择时",
"tsType": "(event: M extends true ? nasl.collection.List<V> : V) => void",
"description": "选择某一项时触发"
},
{
"concept": "EventDeclaration",
"name": "select",
"title": "选择后",
"tsType": "(event: {\n selected: nasl.core.Boolean;\n item: T;\n value: M extends true ? nasl.collection.List<V> : V;\n}) => void",
"description": "选择某一项时触发"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "改变后",
"tsType": "(event: {\n item: T;\n value: M extends true ? nasl.collection.List<V> : V;\n}) => void",
"description": "选择值改变时触发。"
},
{
"concept": "EventDeclaration",
"name": "before-load",
"title": "加载前",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "加载前触发"
},
{
"concept": "EventDeclaration",
"name": "load",
"title": "加载后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "加载时触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "清除缓存，重新加载",
"params": [],
"returns": [],
"name": "reload",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "保持页码，重新加载",
"params": [
{
"concept": "Param",
"name": "page",
"description": "'要刷新的页数'"
}
],
"returns": [],
"name": "loadTo",
"title": "带页码刷新"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入<van-cell />",
"emptyBackground": "drag-entity-here"
},
{
"concept": "SlotDeclaration",
"name": "empty",
"title": "空状态时显示的内容",
"tsType": "() => Array<ViewComponent>",
"params": []
},
{
"concept": "SlotDeclaration",
"name": "item",
"title": "undefined",
"tsType": "(current: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
],
"description": "自定义选项的结构和样式"
},
{
"concept": "SlotDeclaration",
"name": "prev",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义上一页"
},
{
"concept": "SlotDeclaration",
"name": "next",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义下一页"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-list-view pageable=\"load-more\" vusion-disabled-addslot :pageSize=\"20\">\n<template #prev>\n上一页\n</template>\n<template #next>\n下一页\n</template>\n</van-list-view>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Table",
"show": true,
"name": "VanForComponents",
"alias": "组件列表",
"title": "组件列表",
"concept": "ViewComponentDeclaration",
"kebabName": "van-for-components",
"description": "组件列表",
"icon": "forcom",
"tsTypeParams": "T",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。",
"designerValue": [
{},
{},
{}
],
"tsDesignerValue": "[{},{},{}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSchema",
"title": "数据类型",
"tsType": "T",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 0
},
"name": "colnum",
"title": "排列项数",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "5",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置每行排列项数，为空时自适应宽度，自动换行。",
"docDescription": "支持定义每一行排列的项数，为空时会自适应宽度并自动换行。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "wrap",
"title": "自动换行",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否自动换行，排列项数为空时生效。",
"if": "_ => _.colnum === 0",
"tsIf": "_ => _.colnum === 0"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "equalWidth",
"title": "均分宽度",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否均分宽度，排列项数不为空时生效。"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "VanForComponentsOptions<T>['dataSource']"
}
],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "(current?: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
],
"description": "内容自定义"
},
{
"concept": "SlotDeclaration",
"name": "item",
"title": "undefined",
"tsType": "(current: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
],
"description": "内容自定义"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-for-components>\n<template #default=\"current\">\n<van-row gutter=\"0\" :vusion-disabled-copy=\"current\" :vusion-disabled-addslot=\"current\" :vusion-disabled-cut=\"current\">\n<van-col :span=\"24\" :vusion-disabled-copy=\"current\" :vusion-disabled-cut=\"current\">\n</van-col>\n</van-row>\n</template>\n<template #item=\"current\">\n<van-row gutter=\"0\" vusion-disabled-copy vusion-disabled-addslot vusion-disabled-cut>\n<van-col :span=\"24\" vusion-disabled-copy vusion-disabled-cut>\n</van-col>\n</van-row>\n</template>\n</van-for-components>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Table",
"show": true,
"name": "VanGridView",
"alias": "数据网格",
"vusion": true,
"title": "数据网格",
"concept": "ViewComponentDeclaration",
"kebabName": "van-grid-view",
"description": "数据网格",
"icon": "grid-view",
"tsTypeParams": "T, V, P extends nasl.core.Boolean, M extends nasl.core.Boolean",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。",
"designerValue": [
{},
{},
{},
{},
{},
{},
{},
{}
],
"tsDesignerValue": "[{},{},{},{},{},{},{},{}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSchema",
"title": "数据类型",
"tsType": "T",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "不分页",
"value": ""
},
{
"title": "滚动加载更多",
"value": "auto-more"
},
{
"title": "点击加载更多",
"value": "load-more"
}
]
},
"name": "pageable",
"title": "分页方式",
"tsType": "'' | 'auto-more' | 'load-more'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": ""
},
"playground": []
},
"description": "设置分页方式"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 1
},
"name": "pageSize",
"title": "分页大小",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "20",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置分页大小，单位为px。",
"if": "_ => !!_.pageable",
"tsIf": "_ => !!_.pageable"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "filterable",
"title": "可筛选",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否可以过滤（搜索），开启将会显示搜索框。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "remotePaging",
"title": "后端分页",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "remoteFiltering",
"title": "后端筛选",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "pullRefresh",
"title": "下拉刷新",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否开启下拉刷新"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "pullingText",
"title": "下拉过程中提示文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "下拉刷新"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "loosingText",
"title": "释放过程中提示文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "释放刷新"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "successText",
"title": "刷新成功提示文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "已刷新"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "successDuration",
"title": "展示时长",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "500",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置刷新成功后提示展示时长，单位为ms。"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "pullDistance",
"title": "刷新距离",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "50",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置触发下拉刷新的距离，单位为px。"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "placeholder",
"title": "搜索框占位符",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "请输入"
},
"playground": []
},
"description": "搜索框为空时的显示文本",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "initialLoad",
"title": "初始加载",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "设置初始时是否立即加载"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"name": "loadingText",
"title": "加载中文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "加载中..."
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"name": "errorText",
"title": "加载失败文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "加载失败，请重试"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"name": "emptyText",
"title": "暂无数据文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "暂无数据"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "iffall",
"title": "瀑布模式",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否开启瀑布模式"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 1
},
"name": "col",
"title": "网格数",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "2",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置每页排列几项"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "textField",
"title": "文本字段名",
"tsType": "(item: T) => any",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "text"
},
"playground": []
},
"description": "选项文本的字段名，可用于前端筛选时的匹配"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "nasl.collection.List<T>"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "total",
"title": "数据总数",
"tsType": "nasl.core.Integer"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "page",
"title": "当前页数",
"tsType": "nasl.core.Integer"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "size",
"title": "当前页数",
"tsType": "nasl.core.Integer"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "filterText",
"title": "过滤文本",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "sort",
"title": "排序属性",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "order",
"title": "排序方式",
"tsType": "nasl.core.String"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "load",
"title": "加载后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "加载时触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "清除缓存，重新加载",
"params": [],
"returns": [],
"name": "reload",
"title": "undefined"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "卡片",
"code": "<template #item=\"current\"><van-cardu><template #head><van-text text=\"标题\"></van-text></template><van-text text=\"卡片内容\"></van-text></van-cardu></template>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入<van-cardu />",
"emptyBackground": "drag-entity-here"
},
{
"concept": "SlotDeclaration",
"name": "item",
"title": "undefined",
"tsType": "(current: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
],
"description": "自定义选项的结构和样式"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-grid-view pageable=\"load-more\" vusion-disabled-addslot :pageSize=\"20\"></van-grid-view>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanGallery",
"alias": "画廊",
"title": "画廊",
"concept": "ViewComponentDeclaration",
"kebabName": "van-gallery",
"description": "画廊",
"icon": "gallery",
"tsTypeParams": "T",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。",
"designerValue": [
{},
{},
{}
],
"tsDesignerValue": "[{},{},{}]"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "nasl.collection.List<T>"
}
],
"events": [],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-gallery></van-gallery>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanForm",
"alias": "表单",
"title": "表单",
"concept": "ViewComponentDeclaration",
"kebabName": "van-form",
"description": "具有数据收集、校验和提交功能的表单，包含输入框、选择框、复选框、单选框等元素。",
"icon": "form",
"tsTypeParams": "",
"props": [],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "valid",
"title": "验证是否有效",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "submit",
"title": "验证通过",
"tsType": "(event: {}) => void",
"description": "提交表单且验证通过后触发"
},
{
"concept": "EventDeclaration",
"name": "failed",
"title": "验证不通过",
"tsType": "(event: {\n values: {};\n}) => void",
"description": "提交表单且验证不通过后触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "验证表单，支持传入 name 来验证单个或部分表单项",
"params": [
{
"concept": "Param",
"name": "name",
"description": "'可选。需要验证的表单项 name'"
}
],
"returns": [],
"name": "validate",
"title": "undefined"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "表单项",
"code": "<van-field drole=\"other\"><template #title><van-text text=\"表单项\"><van-text></template><template #input></template></van-field>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入`<van-field>`子组件。",
"emptyBackground": "add-sub-large"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Form",
"name": "VanField",
"kebabName": "van-field",
"title": "表单项",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "行内展示",
"value": "inline"
},
{
"title": "块级展示，标签与表单项分行展示",
"value": "block"
}
]
},
"name": "labelLayout",
"title": "标签布局",
"tsType": "'inline' | 'block'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "inline"
},
"playground": []
},
"docDescription": "设置标签布局方式。行内展示、块级展示，标签与表单项分行展示。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "required",
"title": "必填标记",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"name": "rules",
"title": "验证规则",
"tsType": "nasl.collection.List<nasl.core.String>",
"description": "设置验证规则，简写格式为字符串类型，完整格式或混合格式为数组类型"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "border",
"title": "显示底边框",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否显示底边框"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "valid",
"title": "验证是否有效",
"tsType": "nasl.core.Boolean"
}
],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "input",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入自定义输入框"
},
{
"concept": "SlotDeclaration",
"name": "title",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-form>\n<van-field required drole=\"other\">\n<template #title>\n<van-text text=\"名称\"></van-text>\n</template>\n<template #input>\n<van-fieldinput placeholder=\"请输入\" clearable></van-fieldinput>\n</template>\n</van-field>\n<van-field name=\"radio\" drole=\"other\">\n<template #title>\n<van-text text=\"单选框\"></van-text>\n</template>\n<template #input>\n<van-radio-group direction=\"horizontal\" isNew icon=\"sure\">\n<van-radio :name=\"1\" icon=\"sure\">\n<van-text text=\"单选框 1\"></van-text>\n</van-radio>\n<van-radio :name=\"2\" icon=\"sure\">\n<van-text text=\"单选框 2\"></van-text>\n</van-radio>\n<template #item=\"current\">\n<van-radio vusion-disabled-cut vusion-disabled-copy></van-radio>\n</template>\n</van-radio-group>\n</template>\n</van-field>\n<div style=\"margin: 16px 16px 0\">\n<van-button\nround\nblock=\"blockb\"\ntype=\"info\"\nnativeType=\"submit\"\ntext=\"提交\"\n>\n</van-button>\n</div>\n</van-form>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanFieldinput",
"alias": "单行输入",
"title": "单行输入",
"concept": "ViewComponentDeclaration",
"kebabName": "van-fieldinput",
"description": "基本的表单输入组件",
"icon": "input",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识输入框的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "文本",
"value": "text"
},
{
"title": "密码",
"value": "password"
},
{
"title": "整数",
"value": "integer"
},
{
"title": "随机整数",
"value": "rndinteger"
},
{
"title": "小数",
"value": "point"
},
{
"title": "身份证",
"value": "card"
}
]
},
"name": "type",
"title": "类型",
"tsType": "'text' | 'password' | 'integer' | 'rndinteger' | 'point' | 'card'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "text"
},
"playground": []
},
"description": "设置输入框的类型"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "placeholder",
"title": "占位符",
"tsType": "nasl.core.String",
"description": "输入框为空的展示文字",
"if": "_ => _.inputstyle === 'input'",
"implicitToString": true,
"tsIf": "_ => _.inputstyle === 'input'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 1,
"max": 6
},
"name": "maxlength",
"title": "最大输入长度",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "6",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"if": "_ => _.inputstyle === 'password'",
"tsIf": "_ => _.inputstyle === 'password'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "keyboardTitle",
"title": "键盘标题",
"tsType": "nasl.core.String",
"if": "_ => _.keytheme === 'custom'",
"implicitToString": true,
"tsIf": "_ => _.keytheme === 'custom'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "confirmText",
"title": "按钮内容",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "完成"
},
"playground": []
},
"description": "设置完成按钮文字内容",
"if": "_ => _.keytheme === 'custom'",
"implicitToString": true,
"tsIf": "_ => _.keytheme === 'custom'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "默认",
"value": "default"
},
{
"title": "大号",
"value": "large"
}
]
},
"name": "confirmSize",
"title": "按钮尺寸",
"tsType": "'default' | 'large'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "default"
},
"playground": []
},
"description": "设置完成按钮大小",
"if": "_ => _.keytheme === 'custom' && _.keyboardTheme === 'custom'",
"tsIf": "_ => _.keytheme === 'custom' && _.keyboardTheme === 'custom'"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "clearable",
"title": "可清除",
"tsType": "nasl.core.Boolean",
"description": "是否在输入框内展示清除按钮",
"if": "_ => _.inputstyle === 'input'",
"tsIf": "_ => _.inputstyle === 'input'"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入。",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "默认",
"value": "input"
},
{
"title": "格子",
"value": "password"
}
]
},
"name": "inputstyle",
"title": "输入框样式",
"tsType": "'input' | 'password'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "input"
},
"playground": []
},
"description": "设置输入框样式",
"onChange": [
{
"update": {
"maxlength": 10000
},
"if": "_ => _ === 'input'"
},
{
"update": {
"clearable": false,
"maxlength": 6
},
"if": "_ => _ === 'password'"
}
],
"tsOnChange": "[{\"update\":{\"maxlength\":10000},\"if\":\"_ => _ === 'input'\"},{\"update\":{\"clearable\":false,\"maxlength\":6},\"if\":\"_ => _ === 'password'\"}]"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "默认键盘",
"value": "native"
},
{
"title": "定制键盘",
"value": "custom"
}
]
},
"name": "keytheme",
"title": "键盘样式",
"tsType": "'native' | 'custom'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "native"
},
"playground": []
},
"description": "设置键盘样式"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "默认",
"value": "default"
},
{
"title": "右侧栏",
"value": "custom"
}
]
},
"name": "keyboardTheme",
"title": "定制键盘布局",
"tsType": "'default' | 'custom'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "default"
},
"playground": []
},
"if": "_ => _.keytheme === 'custom'",
"tsIf": "_ => _.keytheme === 'custom'"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanFieldinputOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "input",
"title": "输入时",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "输入时触发。"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "改变后",
"tsType": "(event: nasl.core.String) => void",
"description": "值变化时触发。（注意：与原生事件不同）"
},
{
"concept": "EventDeclaration",
"name": "focus",
"title": "获得焦点",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "获得焦点时触发。"
},
{
"concept": "EventDeclaration",
"name": "blur",
"title": "失去焦点",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "失去焦点时触发。"
},
{
"concept": "EventDeclaration",
"name": "clear",
"title": "清空后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "清空后触发。"
},
{
"concept": "EventDeclaration",
"name": "enoughkey",
"title": "输入完成时",
"tsType": "(event: nasl.core.String) => void",
"description": "输入完成时后触发。"
},
{
"concept": "EventDeclaration",
"name": "click-confirm",
"title": "点击完成按钮时",
"tsType": "(event: nasl.core.String) => void",
"description": "点击定制键盘完成按钮时触发。"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "让输入框获取焦点。",
"params": [],
"returns": [],
"name": "focus",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "让输入框失去焦点。",
"params": [],
"returns": [],
"name": "blur",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "清空输入框。",
"params": [],
"returns": [],
"name": "clear",
"title": "undefined"
}
],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-fieldinput placeholder=\"请输入\"></van-fieldinput>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanFieldtextarea",
"alias": "多行输入",
"title": "多行输入",
"concept": "ViewComponentDeclaration",
"kebabName": "van-fieldtextarea",
"description": "多行输入组件",
"icon": "textarea",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识多行输入的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "placeholder",
"title": "占位符",
"tsType": "nasl.core.String",
"description": "输入框为空的显示文字",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"placeholder": "不限制"
},
"name": "maxlength",
"title": "最大字符数",
"tsType": "nasl.core.Integer",
"description": "输入框内可输入的最大字符数，超过时不支持输入。",
"onChange": [
{
"update": {
"show-word-limit": false
},
"if": "_ => _ === 0"
}
],
"tsOnChange": "[{\"update\":{\"show-word-limit\":false},\"if\":\"_ => _ === 0\"}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "showWordLimit",
"title": "显示字数统计",
"tsType": "nasl.core.Boolean",
"description": "设置是否显示「可输入最大字符数」的字数统计",
"if": "_ => _.maxlength > 0",
"tsIf": "_ => _.maxlength > 0"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "InputSetter",
"placeholder": "不设置则根据输入内容自适应"
},
"name": "autosize",
"title": "自适应内容高度",
"tsType": "nasl.core.Boolean | {\n maxHeight: nasl.core.Integer;\n minHeight: nasl.core.Integer;\n}",
"description": "可输入如{maxHeight:100,minHeight:50}，单位默认为px。"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "clearable",
"title": "可清除",
"tsType": "nasl.core.Boolean",
"description": "是否在输入框内展示清除按钮"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanFieldtextareaOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "input",
"title": "输入时",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "输入时触发。"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "改变后",
"tsType": "(event: nasl.core.String) => void",
"description": "值变化时触发。（注意：与原生事件不同）"
},
{
"concept": "EventDeclaration",
"name": "focus",
"title": "获得焦点",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "获得焦点时触发。"
},
{
"concept": "EventDeclaration",
"name": "blur",
"title": "失去焦点",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "失去焦点时触发。"
},
{
"concept": "EventDeclaration",
"name": "clear",
"title": "清空后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "清空后触发。"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "让输入框获取焦点。",
"params": [],
"returns": [],
"name": "focus",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "让输入框失去焦点。",
"params": [],
"returns": [],
"name": "blur",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "清空输入框。",
"params": [],
"returns": [],
"name": "clear",
"title": "undefined"
}
],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-fieldtextarea placeholder=\"请输入\"></van-fieldtextarea>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanSearch",
"alias": "搜索框",
"title": "搜索框",
"concept": "ViewComponentDeclaration",
"kebabName": "van-search",
"description": "内部元素按照一定的规则布局",
"icon": "search",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"description": "用于标识搜索框的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 0,
"precision": 0
},
"name": "maxlength",
"title": "最大字符数",
"tsType": "nasl.core.Integer",
"description": "输入框内输入的最大字符数"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "placeholder",
"title": "占位符",
"tsType": "nasl.core.String",
"description": "搜索框为空的显示文字",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "一直显示",
"value": "always"
},
{
"title": "输入框获取焦点且不为空时展示",
"value": "focus"
}
]
},
"name": "cleartrigger",
"title": "显示清除图标",
"tsType": "'always' | 'focus'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左对齐",
"value": "left"
},
{
"title": "居中对齐",
"value": "center"
},
{
"title": "右对齐",
"value": "right"
}
]
},
"name": "inputAlign",
"title": "对齐方式",
"tsType": "'left' | 'center' | 'right'",
"description": "设置对齐方式"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左",
"value": "left"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "iconalign",
"title": "搜索图标位置",
"tsType": "'left' | 'right'",
"description": "设置搜索图标位置"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "clearable",
"title": "可清除",
"tsType": "nasl.core.Boolean",
"description": "是否启用清除图标，点击清除图标后会清空输入框"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "方形",
"value": "square"
},
{
"title": "圆形",
"value": "round"
}
]
},
"name": "shape",
"title": "形状",
"tsType": "'square' | 'round'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "square"
},
"playground": []
},
"description": "选择搜索框为方形或圆形"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanSearchOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "search",
"title": "确定搜索时触发",
"tsType": "(event: nasl.core.String) => void",
"description": "确定搜索时触发"
},
{
"concept": "EventDeclaration",
"name": "iconsearch",
"title": "点击搜索图标时触发",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击搜索图标时触发"
},
{
"concept": "EventDeclaration",
"name": "input",
"title": "输入框内容变化时触发",
"tsType": "(event: nasl.core.String) => void",
"description": "输入框内容变化时触发"
},
{
"concept": "EventDeclaration",
"name": "focus",
"title": "输入框获得焦点时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "输入框获得焦点时触发"
},
{
"concept": "EventDeclaration",
"name": "blur",
"title": "输入框失去焦点时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "输入框失去焦点时触发"
},
{
"concept": "EventDeclaration",
"name": "clickinput",
"title": "点击输入区域时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击输入区域时触发"
},
{
"concept": "EventDeclaration",
"name": "clear",
"title": "点击清除图标时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击清除图标时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容"
},
{
"concept": "SlotDeclaration",
"name": "action",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-search placeholder=\"请输入搜索关键词\" clearable showAction cleartrigger=\"focus\" iconalign=\"left\" inputAlign=\"left\"><template #action>搜索</template></van-search>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanRadioGroup",
"alias": "单选组",
"title": "单选组",
"concept": "ViewComponentDeclaration",
"kebabName": "van-radio-group",
"description": "多项中选择一个时使用",
"icon": "radios",
"tsTypeParams": "T, V",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "展示数据的输入源，可设置为集合类型变量（List<T>）或输出参数为集合类型的逻辑。",
"designerValue": [
{},
{},
{}
],
"tsDesignerValue": "[{},{},{}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSchema",
"title": "数据类型",
"tsType": "T",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明。"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "V",
"description": "用于标识单选组的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "icon",
"title": "单选项图标",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "sure"
},
"playground": []
},
"docDescription": "增加自定义图标显示"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "水平",
"value": "horizontal"
},
{
"title": "垂直",
"value": "vertical"
}
]
},
"name": "direction",
"title": "排列方向",
"tsType": "'horizontal' | 'vertical'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "horizontal"
},
"playground": []
},
"description": "选择水平或垂直排列"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "column",
"title": "每行排列数",
"tsType": "nasl.core.Integer",
"description": "水平排列时每行展示的选项数量",
"if": "_ => _.direction === 'horizontal'",
"tsIf": "_ => _.direction === 'horizontal'"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "选中值",
"tsType": "VanRadioGroupOptions<T, V>['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "nasl.collection.List<T>"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "change",
"title": "值改变时",
"tsType": "(event: V) => void",
"description": "选择值改变时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "单选项",
"code": "<van-radio icon=\"sure\"><van-text text=\"节点\"></van-text></van-radio>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<VanRadio<V>>",
"params": [],
"description": "插入`<van-radio>`子组件。",
"emptyBackground": "add-sub"
},
{
"concept": "SlotDeclaration",
"name": "item",
"title": "undefined",
"tsType": "(current: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
],
"description": "自定义选项的结构和样式"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Form",
"name": "VanRadio",
"kebabName": "van-radio",
"title": "单选项",
"description": "",
"icon": "",
"tsTypeParams": "V",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "name",
"title": "选项值",
"tsType": "nasl.core.String | nasl.core.Integer | nasl.core.Boolean",
"description": "当前选中的值"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "icon",
"title": "单选项图标",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "sure"
},
"playground": []
},
"docDescription": "增加自定义图标显示"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "右",
"value": "right"
},
{
"title": "左",
"value": "left"
}
]
},
"name": "labelPosition",
"title": "文本位置",
"tsType": "'right' | 'left'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "right"
},
"playground": []
},
"description": "设置文本居左或居右放置"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "选中",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击某一项后触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-radio-group direction=\"horizontal\" isNew icon=\"sure\">\n<template #item=\"current\">\n<van-radio vusion-disabled-cut vusion-disabled-copy></van-radio>\n</template>\n</van-radio-group>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanSwitch",
"alias": "开关",
"title": "开关",
"concept": "ViewComponentDeclaration",
"kebabName": "van-switch",
"description": "开关",
"icon": "switch",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "value",
"title": "值",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "用于标识开关的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击时触发"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "状态切换",
"tsType": "(event: nasl.core.Boolean) => void",
"description": "开关状态切换时触发"
}
],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-switch :value=\"false\"></van-switch>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanCheckboxGroup",
"alias": "多选组",
"title": "多选组",
"concept": "ViewComponentDeclaration",
"kebabName": "van-checkbox-group",
"description": "多项中选择一个或多个时使用",
"icon": "checkboxes",
"tsTypeParams": "T, V, C",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。",
"designerValue": [
{},
{},
{}
],
"tsDesignerValue": "[{},{},{}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSchema",
"title": "数据类型",
"tsType": "T",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明。"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "C extends 'none' ? nasl.collection.List<V> : nasl.core.String",
"description": "用于标识多选组的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "max",
"title": "最大可选数量",
"tsType": "nasl.core.Integer",
"description": "最大可选数量(0为不限制)"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "min",
"title": "最小可选数量",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "0",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "最小可选数量(0为不限制)"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "valueField",
"title": "值字段",
"tsType": "(item: T) => V",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "value"
},
"playground": []
},
"description": "用于标识选中值的字段"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "水平",
"value": "horizontal"
},
{
"title": "垂直",
"value": "vertical"
}
]
},
"name": "direction",
"title": "排列方向",
"tsType": "'horizontal' | 'vertical'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "horizontal"
},
"playground": []
},
"description": "设置多选组的排列方向"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 1
},
"name": "column",
"title": "排列数",
"tsType": "nasl.core.Integer",
"description": "水平排列时每行展示的选项数量",
"if": "_ => _.direction === 'horizontal'",
"tsIf": "_ => _.direction === 'horizontal'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "以','连接",
"value": "join"
},
{
"title": "以'|'连接",
"value": "join:|"
},
{
"title": "以';'连接",
"value": "join:;"
},
{
"title": "json",
"value": "json"
},
{
"title": "无",
"value": "none"
}
]
},
"name": "converter",
"title": "转换器",
"tsType": "'join' | 'join:|' | 'join:;' | 'json' | 'none'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "none"
},
"playground": []
},
"description": "将选中的值以选择的符号作为连接符，转为字符串格式；选择“json”则转为JSON字符串格式。"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "allChecked",
"title": "全选中",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "选中值",
"tsType": "VanCheckboxGroupOptions<T, V, C>['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "nasl.collection.List<T>"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "change",
"title": "值改变",
"tsType": "(event: {\n value: nasl.collection.List<V>;\n}) => void",
"description": "选择值改变时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "多选项",
"code": "<van-checkbox shape=\"square\"><van-text text=\"节点\"></van-text></van-checkbox>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<VanCheckbox<V>>",
"params": [],
"description": "插入`<van-checkbox>`子组件。",
"emptyBackground": "add-sub"
},
{
"concept": "SlotDeclaration",
"name": "item",
"title": "undefined",
"tsType": "(current: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
],
"description": "自定义选项的结构和样式"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Form",
"name": "VanCheckbox",
"kebabName": "van-checkbox",
"title": "多选项",
"description": "",
"icon": "",
"tsTypeParams": "V",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "label",
"title": "选中值",
"tsType": "V",
"description": "当前选中的值"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "方形",
"value": "square"
},
{
"title": "圆形",
"value": "round"
}
]
},
"name": "shape",
"title": "形状",
"tsType": "'square' | 'round'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "square"
},
"playground": []
},
"description": "选择多选项为方形或圆形"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "右",
"value": "right"
},
{
"title": "左",
"value": "left"
}
]
},
"name": "labelPosition",
"title": "文本位置",
"tsType": "'right' | 'left'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "right"
},
"playground": []
},
"description": "设置文本居左或居右放置"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "value",
"title": "选中",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否选中选项"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "选中",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击后",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击某一项后触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-checkbox-group direction=\"horizontal\" converter=\"none\">\n<template #item=\"current\">\n<van-checkbox\nshape=\"square\"\nvusion-disabled-cut\nvusion-disabled-copy\n></van-checkbox>\n</template>\n</van-checkbox-group>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanStepperNew",
"alias": "数字输入",
"title": "数字输入",
"concept": "ViewComponentDeclaration",
"kebabName": "van-stepper-new",
"description": "数字输入框",
"icon": "numberh5",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "value",
"title": "值",
"tsType": "nasl.core.Decimal | nasl.core.Integer",
"description": "用于标识数字输入的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "min",
"title": "最小值",
"tsType": "nasl.core.Decimal"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "max",
"title": "最大值",
"tsType": "nasl.core.Decimal"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "decimalLength",
"title": "精度",
"tsType": "nasl.core.Integer",
"description": "固定显示的小数位数"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "decimalPlacesValue",
"title": "小数位数",
"tsType": "nasl.core.Integer",
"description": "控制数据展示时小数点后保留几位，仅影响展示，不影响数据实际存储的值。例如：小数位数为2，则数据展示时小数点后保留2位。",
"if": "_ => _.advancedFormatEnable === false",
"tsIf": "_ => _.advancedFormatEnable === false"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "decimalPlacesOmitZero",
"title": "隐藏末尾0",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "控制数据展示时最后一个是否展示0，仅影响展示，不影响数据实际存储的值。",
"if": "_ => _.advancedFormatEnable === false",
"tsIf": "_ => _.advancedFormatEnable === false"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "thousandths",
"title": "千位符",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"if": "_ => _.advancedFormatEnable === false",
"tsIf": "_ => _.advancedFormatEnable === false"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "percentSign",
"title": "百分号",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"if": "_ => _.advancedFormatEnable === false",
"tsIf": "_ => _.advancedFormatEnable === false"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "前缀",
"value": "prefix"
},
{
"title": "后缀",
"value": "suffix"
}
]
},
"name": "unitType",
"title": "单位显示位置",
"tsType": "'prefix' | 'suffix'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "prefix"
},
"playground": []
},
"description": "输入框中显示的单位"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "unitValue",
"title": "单位",
"tsType": "nasl.core.String",
"description": "输入框中显示的单位"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "advancedFormatEnable",
"title": "高级格式化",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "用来控制数字的展示格式",
"onChange": [
{
"clear": [
"advancedFormatValue"
]
}
],
"tsOnChange": "[{\"clear\":[\"advancedFormatValue\"]}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"name": "advancedFormatValue",
"title": "高级格式化内容",
"tsType": "nasl.core.String",
"description": "用来控制数字的展示格式",
"if": "_ => _.advancedFormatEnable === true",
"tsIf": "_ => _.advancedFormatEnable === true"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "placeholder",
"title": "占位符",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "请输入"
},
"playground": []
},
"description": "输入框为空的显示文字",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "showPlus",
"title": "显示增加按钮",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "showMinus",
"title": "显示减少按钮",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disablePlus",
"title": "禁用增加按钮",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disableMinus",
"title": "禁用减少按钮",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disableInput",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入。",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "默认",
"value": "fang"
},
{
"title": "圆角",
"value": "round"
}
]
},
"name": "theme",
"title": "风格",
"tsType": "'fang' | 'round'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "fang"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 0
},
"name": "step",
"title": "步长",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "1",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "表示点击按钮或按上下键所增加或减少的量"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左对齐",
"value": "left"
},
{
"title": "居中对齐",
"value": "center"
},
{
"title": "右对齐",
"value": "right"
}
]
},
"name": "align",
"title": "对齐方式",
"tsType": "'left' | 'center' | 'right'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "center"
},
"playground": []
},
"description": "设置对齐方式"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanStepperNewOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "formattedValue",
"title": "格式化值",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disableInput",
"title": "只读",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击加减按钮",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击加减按钮时触发"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "值改变",
"tsType": "(event: nasl.core.Decimal | nasl.core.Integer) => void",
"description": "值改变时触发"
}
],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-stepper-new :showPlus=\"false\" :showMinus=\"false\" placeholder=\"请输入\" align=\"left\"></van-stepper-new>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/stepper-new/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "步进模式",
"description": "",
"code": "<template>\n<van-stepper-new placeholder=\"请输入\"></van-stepper-new>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/stepper-new/screenshots/1.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanRate",
"alias": "评分",
"title": "评分",
"concept": "ViewComponentDeclaration",
"kebabName": "van-rate",
"description": "用于对事物进行评级操作。",
"icon": "rate",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 0
},
"name": "value",
"title": "值",
"tsType": "nasl.core.Decimal",
"description": "用于标识评分的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "count",
"title": "图标总数",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "5",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置评分图标的总数"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "icon",
"title": "选中时的图标名称或图片链接",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "voidIcon",
"title": "未选中时的图标名称或图片链接",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "allowHalf",
"title": "半选",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否支持半选"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "size",
"title": "图标大小",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "20",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置图标大小，单位为px。"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "gutter",
"title": "图标间距",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "4",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置图标间距，最小值为0。"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "color",
"title": "选中颜色",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "voidColor",
"title": "未选中颜色",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "disabledColor",
"title": "禁用颜色",
"tsType": "nasl.core.String"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanRateOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "change",
"title": "分值变化时",
"tsType": "(event: nasl.core.Decimal) => void",
"description": "分值变化时"
}
],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-rate voidIcon=\"star1\" icon=\"star1\" />\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Display",
"show": true,
"name": "VanSlider",
"alias": "滑块",
"title": "滑块",
"concept": "ViewComponentDeclaration",
"kebabName": "van-slider",
"description": "滑动输入条，用于在给定的范围内选择一个值。",
"icon": "slider",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "value",
"title": "值",
"tsType": "nasl.core.Decimal | nasl.collection.List<nasl.core.Decimal>",
"description": "用于标识滑块的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "max",
"title": "最大值",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "100",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "min",
"title": "最小值",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "0",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "range",
"title": "双滑块模式",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否开启双滑块模式"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "custom",
"title": "自定义组件",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "vertical",
"title": "垂直展示",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否垂直展示"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "step",
"title": "步长",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "0",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "barHeight",
"title": "进度条高度",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "2",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置进度条高度，单位为px"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "buttonSize",
"title": "滑块按钮大小",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "24",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置滑块按钮大小，单位为px"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "activeColor",
"title": "进度条激活态颜色",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"name": "inactiveColor",
"title": "进度条非激活态颜色",
"tsType": "nasl.core.String"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanSliderOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "input",
"title": "改变时",
"tsType": "(event: nasl.core.Decimal) => void",
"description": "进度变化时实时触发"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "改变后",
"tsType": "(event: nasl.core.Decimal) => void",
"description": "进度变化且结束拖动后触发"
},
{
"concept": "EventDeclaration",
"name": "drag-start",
"title": "开始拖动时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "开始拖动时触发"
},
{
"concept": "EventDeclaration",
"name": "drag-end",
"title": "结束拖动时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "结束拖动时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "button",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-slider />\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanUploader",
"alias": "文件上传",
"title": "文件上传",
"concept": "ViewComponentDeclaration",
"kebabName": "van-uploader",
"description": "上传文件。",
"icon": "uploader",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.collection.List<{\n name: nasl.core.String;\n url: nasl.core.String;\n size: nasl.core.Integer;\n}> | nasl.core.String",
"description": "用于标识文件上传的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "name",
"title": "字段名",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "file"
},
"playground": []
},
"description": "当前上传的文件字段名"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "InputSetter",
"placeholder": "所有类型"
},
"name": "accept",
"title": "支持上传文件类型",
"tsType": "nasl.core.String",
"description": "若要限制上传文件类型，请输入类型名称，格式为“.后缀名”，多个文件类型时使用英文逗号隔开。例如“.jpeg,.png,.gif”",
"tooltipLink": "https://help.lcap.163yun.com/1.%E5%BC%80%E5%8F%91%E5%BA%94%E7%94%A8/2.%E9%A1%B5%E9%9D%A2/10.H5%E9%A1%B5%E9%9D%A2%E5%9F%BA%E7%A1%80%E7%BB%84%E4%BB%B6/06.%E8%A1%A8%E5%8D%95/150.%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0.html"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "url",
"title": "文件上传地址",
"tsType": "nasl.core.String",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "headers",
"title": "请求 headers",
"tsType": "Object"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "data",
"title": "附加数据",
"tsType": "Object"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "withCredentials",
"title": "设置cookie值",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "通过设置 withCredentials 为 true 获得的第三方 cookies，将会依旧享受同源策略"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "urlField",
"title": "URL 字段名",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "filePath"
},
"playground": []
},
"description": "请求返回的 URL 字段名"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "JSON",
"value": "json"
},
{
"title": "URL字符串",
"value": "simple"
}
]
},
"name": "converter",
"title": "转换器",
"tsType": "'json' | 'simple'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "json"
},
"playground": []
},
"description": "将选中的值以选择的符号作为连接符，转为字符串格式；选择“json”则转为JSON字符串格式。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "multiple",
"title": "多文件上传",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否支持多文件上传"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "maxCount",
"title": "列表数量上限",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "999",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 0
},
"name": "maxSize",
"title": "最大文件大小",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "50",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置最大文件大小,单位为MB，默认为50MB"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "图库",
"value": "waga"
},
{
"title": "相机",
"value": "camera"
}
]
},
"name": "capture",
"title": "图片选择模式",
"tsType": "'waga' | 'camera'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "waga"
},
"playground": []
},
"description": "设置图片选择模式"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "任何人可访问",
"value": "public"
},
{
"title": "用户登录后可访问",
"value": "private"
}
]
},
"name": "access",
"title": "文件访问策略",
"tsType": "'public' | 'private'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "ttl",
"title": "文件有效期",
"tsType": "nasl.core.Boolean",
"description": "是否开启文件有效期控制"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "ttlValue",
"title": "文件有效期天数",
"tsType": "nasl.core.Integer",
"if": "_ => _.ttl === true",
"tsIf": "_ => _.ttl === true"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "viaOriginURL",
"title": "源地址访问",
"tsType": "nasl.core.Boolean",
"description": "开启后支持通过文件存储源地址访问文件",
"docDescription": "开启后支持通过文件存储源地址访问文件"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "lcapIsCompress",
"title": "启用压缩",
"tsType": "nasl.core.Boolean",
"description": "启用压缩后上传的文件按压缩规则进行压缩后上传，压缩规则可在自定义配置参数管理",
"docDescription": "启用压缩后上传的文件按压缩规则进行压缩后上传，压缩规则可在自定义配置参数管理"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanUploaderOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "url",
"title": "上传地址",
"tsType": "VanUploaderOptions['url']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click-upload",
"title": "点击",
"tsType": "(event: {\n altKey: nasl.core.Boolean;\n button: nasl.core.Integer;\n clientX: nasl.core.Integer;\n clientY: nasl.core.Integer;\n ctrlKey: nasl.core.Boolean;\n metaKey: nasl.core.Boolean;\n movementX: nasl.core.Integer;\n movementY: nasl.core.Integer;\n offsetX: nasl.core.Integer;\n offsetY: nasl.core.Integer;\n pageX: nasl.core.Integer;\n pageY: nasl.core.Integer;\n screenX: nasl.core.Integer;\n screenY: nasl.core.Integer;\n which: nasl.core.Integer;\n}) => void",
"description": "点击上传区域时触发"
},
{
"concept": "EventDeclaration",
"name": "oversize",
"title": "文件大小超额",
"tsType": "(event: {\n file: {\n name: nasl.core.String;\n size: nasl.core.Integer;\n type: nasl.core.String;\n };\n message: nasl.core.String;\n name: nasl.core.String;\n size: nasl.core.Integer;\n status: nasl.core.String;\n uid: nasl.core.Integer;\n}) => void",
"description": "文件大小超额时触发"
},
{
"concept": "EventDeclaration",
"name": "delete",
"title": "删除预览",
"tsType": "(event: {\n massage: nasl.core.String;\n name: nasl.core.String;\n size: nasl.core.Integer;\n uid: nasl.core.Integer;\n url: nasl.core.String;\n index: nasl.core.Integer;\n}) => void",
"description": "删除文件预览时触发"
},
{
"concept": "EventDeclaration",
"name": "start",
"title": "上传开始时",
"tsType": "(event: {\n file: {\n name: nasl.core.String;\n size: nasl.core.Integer;\n type: nasl.core.String;\n };\n item: {\n message: nasl.core.String;\n name: nasl.core.String;\n percent: nasl.core.Integer;\n size: nasl.core.Integer;\n status: nasl.core.String;\n uid: nasl.core.Integer;\n url: nasl.core.String;\n };\n}) => void",
"description": "上传开始时触发"
},
{
"concept": "EventDeclaration",
"name": "progress",
"title": "上传中",
"tsType": "(event: {\n file: {\n name: nasl.core.String;\n size: nasl.core.Integer;\n type: nasl.core.String;\n };\n item: {\n message: nasl.core.String;\n name: nasl.core.String;\n percent: nasl.core.Integer;\n size: nasl.core.Integer;\n status: nasl.core.String;\n uid: nasl.core.Integer;\n url: nasl.core.String;\n response: {\n filePath: nasl.core.String;\n msg: nasl.core.String;\n result: nasl.core.String;\n success: nasl.core.Boolean;\n };\n };\n}) => void",
"description": "上传中进度"
},
{
"concept": "EventDeclaration",
"name": "success",
"title": "上传成功时",
"tsType": "(event: {\n file: {\n name: nasl.core.String;\n size: nasl.core.Integer;\n type: nasl.core.String;\n };\n item: {\n message: nasl.core.String;\n name: nasl.core.String;\n percent: nasl.core.Integer;\n size: nasl.core.Integer;\n status: nasl.core.String;\n uid: nasl.core.Integer;\n url: nasl.core.String;\n response: {\n filePath: nasl.core.String;\n msg: nasl.core.String;\n result: nasl.core.String;\n success: nasl.core.Boolean;\n };\n };\n}) => void",
"description": "上传成功时触发"
},
{
"concept": "EventDeclaration",
"name": "error",
"title": "上传错误时",
"tsType": "(event: {\n file: {\n name: nasl.core.String;\n size: nasl.core.Integer;\n type: nasl.core.String;\n };\n item: {\n message: nasl.core.String;\n name: nasl.core.String;\n percent: nasl.core.Integer;\n size: nasl.core.Integer;\n status: nasl.core.String;\n uid: nasl.core.Integer;\n url: nasl.core.String;\n response: {\n filePath: nasl.core.String;\n msg: nasl.core.String;\n result: nasl.core.String;\n success: nasl.core.Boolean;\n };\n };\n}) => void",
"description": "上传报错时触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "主动调起文件选择，由于浏览器安全限制，只在触发操作的上下文中调用才有效",
"params": [],
"returns": [],
"name": "chooseFile",
"title": "undefined"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "配置文件上传图标",
"tsType": "() => Array<ViewComponent>",
"params": []
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-uploader converter=\"json\" url=\"/upload\" urlField=\"filePath\"></van-uploader>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Form",
"show": true,
"name": "VanCapsules",
"alias": "胶囊",
"title": "胶囊",
"concept": "ViewComponentDeclaration",
"kebabName": "van-capsules",
"description": "多项中选择一项",
"icon": "capsules",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "选中值",
"tsType": "any",
"description": "当前选中的值",
"docDescription": "当前选择的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "cancelable",
"title": "可取消",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否可以取消选择",
"docDescription": "是否可以取消选择"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "multiple",
"title": "可多选",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否可以多选",
"docDescription": "是否可以多选"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"docDescription": "正常显示，但禁止选择或输入。",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "选中值",
"tsType": "VanCapsulesOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "select",
"title": "选择后",
"tsType": "(event: {\n value: any;\n}) => void",
"description": "选择某一项时触发"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "改变后",
"tsType": "(event: {\n value: any;\n}) => void",
"description": "选择值改变时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "胶囊选项",
"code": "<van-capsules-item>选项</van-capsules-item>"
},
{
"title": "胶囊选项组",
"code": "<van-capsules-group><van-capsules-item>选项</van-capsules-item><van-capsules-item>选项</van-capsules-item></van-capsules-group>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<VanCapsulesItem | VanCapsulesGroup>",
"params": [],
"description": "插入`<van-capsules-item>`或`<van-capsules-group>`子组件。"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Form",
"name": "VanCapsulesItem",
"kebabName": "van-capsules-item",
"title": "胶囊选项",
"description": "胶囊选项",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "any",
"description": "此项的值",
"docDescription": "此项的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "label",
"title": "标签",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": ""
},
"playground": []
},
"description": "顶部自定义提示文本",
"docDescription": "顶部自定义提示文本",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "flag",
"title": "flag标志",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否右上角有flag标志",
"docDescription": "是否右上角有flag标志"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"docDescription": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "选中值",
"tsType": "VanCapsulesOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
}
],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入文本或 HTML。"
}
],
"children": [],
"blocks": [],
"themeVariables": []
},
{
"concept": "ViewComponentDeclaration",
"group": "Form",
"name": "VanCapsulesGroup",
"kebabName": "van-capsules-group",
"title": "胶囊选项组",
"description": "胶囊选项组",
"icon": "",
"tsTypeParams": "",
"props": [],
"readableProps": [],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"snippets": [
{
"title": "胶囊选项",
"code": "<van-capsules-item>选项</van-capsules-item>"
}
],
"name": "default",
"title": "undefined",
"tsType": "() => Array<VanCapsulesItem>",
"params": [],
"description": "插入`<van-capsules-item>`子组件。"
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-capsules>\n<van-capsules-item>Option-A</van-capsules-item>\n<van-capsules-item>Option-B</van-capsules-item>\n<van-capsules-item>Option-C</van-capsules-item>\n</van-capsules>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/capsules/screenshots/0.png",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/capsules/drawings/0.svg"
},
{
"concept": "ViewBlockWithImage",
"title": "胶囊组",
"description": "",
"code": "<template>\n<van-capsules>\n<van-capsules-group>\n<van-capsules-item>Option-A</van-capsules-item>\n<van-capsules-item>Option-B</van-capsules-item>\n</van-capsules-group>\n<van-capsules-group>\n<van-capsules-item>Option-A</van-capsules-item>\n<van-capsules-item>Option-B</van-capsules-item>\n</van-capsules-group>\n</van-capsules>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/capsules/screenshots/1.png",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/capsules/drawings/1.svg"
},
{
"concept": "ViewBlockWithImage",
"title": "标签",
"description": "",
"code": "<template>\n<van-capsules>\n<van-capsules-item value=\"1\">1</van-capsules-item>\n<van-capsules-item value=\"2\">2</van-capsules-item>\n<van-capsules-item value=\"3\">3</van-capsules-item>\n<van-capsules-item value=\"4\" label=\"88折\">4</van-capsules-item>\n<van-capsules-item value=\"5\" label=\"88折\">5</van-capsules-item>\n<van-capsules-item value=\"6\" label=\"88折\">6</van-capsules-item>\n</van-capsules>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/capsules/screenshots/2.png",
"drawing": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/capsules/drawings/2.svg"
}
],
"themeVariables": []
},
{
"group": "Selector",
"show": true,
"name": "VanPickerson",
"alias": "picker选择器",
"title": "选择器",
"concept": "ViewComponentDeclaration",
"kebabName": "van-pickerson",
"description": "提供多个选项集合供用户选择，支持单列选择和多列级联。",
"icon": "picker",
"tsTypeParams": "T, V, M extends nasl.core.Boolean, P extends nasl.core.Boolean",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "isNew",
"title": "是否使用新版外观",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "M extends true ? nasl.collection.List<V> : V",
"description": "用于标识选择器的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑",
"designerValue": [
{},
{},
{},
{},
{},
{}
],
"tsDesignerValue": "[{},{},{},{},{},{}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSchema",
"title": "数据类型",
"tsType": "T",
"description": "集合类型每一元素的数据类型"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "valueField",
"title": "值字段",
"tsType": "(item: T) => V",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "value"
},
"playground": []
},
"description": "选项值的字段名"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "textField",
"title": "文本字段",
"tsType": "(item: T) => any",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "text"
},
"playground": []
},
"description": "选项文本的字段名"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"min": 10
},
"name": "pageSize",
"title": "默认每页条数",
"tsType": "nasl.core.Decimal",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "50",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"if": "_ => _.pageable === true",
"tsIf": "_ => _.pageable === true"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "sorting",
"title": "初始化排序规则",
"tsType": "{\n field: nasl.core.String;\n order: nasl.core.String;\n}",
"defaultValue": {
"concept": "DefaultValue",
"playground": []
},
"description": "设置数据初始化时的排序字段和顺序规则"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "包括",
"value": "includes"
},
{
"title": "匹配开头",
"value": "startsWith"
},
{
"title": "匹配结尾",
"value": "endsWith"
}
]
},
"name": "matchMethod",
"title": "匹配方法",
"tsType": "'includes' | 'startsWith' | 'endsWith'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "includes"
},
"playground": []
},
"description": "设置过滤时的匹配方法",
"if": "_ => _.filterable === true",
"tsIf": "_ => _.filterable === true"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "pageable",
"title": "分页加载更多",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "设置是否分页加载更多"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "选择器",
"value": "picker"
},
{
"title": "列表",
"value": "list"
}
]
},
"name": "type",
"title": "列表样式",
"tsType": "'picker' | 'list'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "picker"
},
"playground": []
},
"description": "设置列表样式，仅列表展示时支持多选"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "placeholder",
"title": "占位提示",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "请选择"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "title",
"title": "工具栏标题",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "标题"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "confirmButtonText",
"title": "确认按钮文字",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "确认"
},
"playground": []
},
"if": "_ => _.isNew === false",
"implicitToString": true,
"tsIf": "_ => _.isNew === false"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "cancelButtonText",
"title": "取消按钮文字",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "取消"
},
"playground": []
},
"if": "_ => _.isNew === false",
"implicitToString": true,
"tsIf": "_ => _.isNew === false"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 1
},
"name": "visibleItemCount",
"title": "可见选项个数",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "6",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "设置可见选项个数",
"if": "_ => _.type === 'picker'",
"tsIf": "_ => _.type === 'picker'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左",
"value": "left"
},
{
"title": "中",
"value": "center"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "inputAlign",
"title": "对齐方式",
"tsType": "'left' | 'center' | 'right'",
"description": "设置右侧内容的对齐方式"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "showToolbar",
"title": "显示工具栏",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "filterable",
"title": "支持筛选",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "设置是否支持筛选，开启将会支持搜索。"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "multiple",
"title": "可多选",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "enableSelectAll",
"title": "全选",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"if": "_ => _.multiple === true",
"tsIf": "_ => _.multiple === true"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "enableSelectedCount",
"title": "已选中项数",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否显示当前已选中项数",
"if": "_ => _.multiple === true",
"tsIf": "_ => _.multiple === true"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "closeOnClickOverlay",
"title": "点击遮罩层后关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "initialLoad",
"title": "初始加载",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "true"
},
"playground": []
},
"description": "是否在初始时立即加载"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "选中值",
"tsType": "VanPickersonOptions<T, V, M, P>['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "nasl.collection.List<T>"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "page",
"title": "当前页数",
"tsType": "nasl.core.Integer"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "size",
"title": "当前页数",
"tsType": "nasl.core.Integer"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "filterText",
"title": "过滤文本",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "confirm",
"title": "点击完成按钮时触发",
"tsType": "(event: M extends true ? nasl.collection.List<V> : V) => void",
"description": "回调参数：选中值，选中值对应的索引"
},
{
"concept": "EventDeclaration",
"name": "cancel",
"title": "点击取消按钮时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "回调参数：选中值，选中值对应的索引"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "选项改变时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "回调参数：Picker 实例，选中值，选中值对应的索引"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "重新加载数据",
"params": [],
"returns": [],
"name": "reload",
"title": "undefined"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "option",
"title": "option",
"tsType": "(current: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
]
},
{
"concept": "SlotDeclaration",
"name": "title",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义标题"
},
{
"concept": "SlotDeclaration",
"name": "pannelTitle",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义"
},
{
"concept": "SlotDeclaration",
"name": "pickerTop",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义选择器顶部内容"
},
{
"concept": "SlotDeclaration",
"name": "pickerBottom",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义选择器底部内容"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-pickerson title=\"标题\" :showToolbar=\"true\" :pageSize=\"50\">\n<template #title>\n<van-text text=\"标题\"></van-text>\n</template>\n<template #pannel-title>\n<van-text text=\"标题\"></van-text>\n</template>\n<template #picker-top>\n<van-picker-action-slot targetMethod=\"cancel\">\n<van-iconv name=\"left-arrow\" icotype=\"only\"></van-iconv>\n</van-picker-action-slot>\n<van-picker-action-slot targetMethod=\"confirm\"></van-picker-action-slot>\n</template>\n<template #picker-bottom>\n<van-picker-action-slot targetMethod=\"cancel\">\n<van-button\ntype=\"info_secondary\"\nsize=\"normal\"\ntext=\"取消\"\nsquareroud=\"round\"\n></van-button>\n</van-picker-action-slot>\n<van-picker-action-slot targetMethod=\"confirm\">\n<van-button\ntype=\"info\"\nsize=\"normal\"\ntext=\"确认\"\nsquareroud=\"round\"\n></van-button>\n</van-picker-action-slot>\n</template>\n</van-pickerson>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Selector",
"show": true,
"name": "VanArea",
"alias": "地区选择",
"title": "地区选择",
"concept": "ViewComponentDeclaration",
"kebabName": "van-area",
"description": "省市区三级联动选择",
"icon": "region-select",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "isNew",
"title": "是否使用新版外观",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否使用新版外观"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": ""
},
"playground": []
},
"description": "用于标识地区选择的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "areaListprop",
"title": "数据源",
"tsType": "{\n province_list: {\n [key: string]: string;\n };\n city_list: {\n [key: string]: string;\n };\n county_list: {\n [key: string]: string;\n };\n}",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "title",
"title": "顶部栏标题",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "标题"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "confirmButtonText",
"title": "确认按钮文字",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "确认"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "cancelButtonText",
"title": "取消按钮文字",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "取消"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 1
},
"name": "visibleItemCount",
"title": "可见选项个数",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "6",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 1
},
"name": "columnsNum",
"title": "显示列数",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "3",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "显示列数，3-省市区，2-省市，1-省"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左",
"value": "left"
},
{
"title": "中",
"value": "center"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "inputAlign",
"title": "对齐方式",
"tsType": "'left' | 'center' | 'right'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "left"
},
"playground": []
},
"description": "设置右侧内容的对齐方式"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "地区名称",
"value": "name"
},
{
"title": "地区码",
"value": "code"
}
]
},
"name": "converter",
"title": "转换器",
"tsType": "'name' | 'code'",
"description": "将选中的值以选择的符号作为连接符，转为字符串格式；选择“json”则转为JSON字符串格式"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "closeOnClickOverlay",
"title": "点击遮罩层后关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "InputSetter"
},
"name": "placeholder",
"title": "占位提示",
"tsType": "nasl.core.String",
"description": "",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "confirm",
"title": "点击右上方完成按钮",
"tsType": "(values: nasl.collection.List<{\n code: nasl.core.String;\n name: nasl.core.String;\n}>, index: nasl.collection.List<nasl.core.Integer>, value: nasl.core.String) => void",
"description": "点击右上方完成按钮"
},
{
"concept": "EventDeclaration",
"name": "cancel",
"title": "点击取消按钮时",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击取消按钮时"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "选项改变时触发",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "选项改变时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "title",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
},
{
"concept": "SlotDeclaration",
"name": "pannelTitle",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义"
},
{
"concept": "SlotDeclaration",
"name": "pickerTop",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义选择器顶部内容"
},
{
"concept": "SlotDeclaration",
"name": "pickerBottom",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义选择器底部内容"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-area title=\"标题\" inputAlign=\"left\" converter=\"name\">\n<template #title>\n<van-text text=\"标题\"></van-text>\n</template>\n<template #pannel-title>\n<van-text text=\"标题\"></van-text>\n</template>\n<template #picker-top>\n<van-picker-action-slot targetMethod=\"cancel\">\n<van-iconv name=\"left-arrow\" icotype=\"only\"></van-iconv>\n</van-picker-action-slot>\n<van-picker-action-slot targetMethod=\"confirm\"></van-picker-action-slot>\n</template>\n<template #picker-bottom>\n<van-picker-action-slot targetMethod=\"cancel\">\n<van-button\ntype=\"info_secondary\"\nsize=\"normal\"\ntext=\"取消\"\nsquareroud=\"round\"\n></van-button>\n</van-picker-action-slot>\n<van-picker-action-slot targetMethod=\"confirm\">\n<van-button\ntype=\"info\"\nsize=\"normal\"\ntext=\"确认\"\nsquareroud=\"round\"\n></van-button>\n</van-picker-action-slot>\n</template>\n</van-area>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Selector",
"show": true,
"name": "VanCascader",
"alias": "级联选择",
"title": "级联选择",
"concept": "ViewComponentDeclaration",
"kebabName": "van-cascader",
"description": "级联选择框，用于多层级数据的选择，典型场景为省市区选择",
"icon": "cascade-select",
"tsTypeParams": "T, V",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "treeDisplay",
"title": "树形模式",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "将平铺数据转为树形结构数据"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "V",
"description": "用于标识级联选择的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSource",
"title": "数据源",
"tsType": "nasl.collection.List<T> | {\n total: nasl.core.Integer;\n list: nasl.collection.List<T>;\n}",
"description": "展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。",
"designerValue": [
{}
],
"tsDesignerValue": "[{}]"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "dataSchema",
"title": "数据类型",
"tsType": "T",
"description": "数据源返回的数据结构的类型，自动识别类型进行展示说明。"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "textField",
"title": "文本字段名",
"tsType": "(item: T) => any",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "text"
},
"playground": []
},
"description": "文本的字段名"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "valueField",
"title": "值字段名",
"tsType": "(item: T) => V",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "value"
},
"playground": []
},
"description": "选项值的字段名"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "parentField",
"title": "父级值字段名",
"tsType": "(item: T) => any",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "parentId"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "PropertySelectSetter"
},
"name": "childrenField",
"title": "子级值字段名",
"tsType": "(item: T) => any",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "children"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "placeholder",
"title": "占位提示",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "请选择"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "title",
"title": "顶部栏标题",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "标题"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "tabPlaceholder",
"title": "未选中提示文案",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "请选择"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左",
"value": "left"
},
{
"title": "中",
"value": "center"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "inputAlign",
"title": "对齐方式",
"tsType": "'left' | 'center' | 'right'",
"description": "设置右侧内容的对齐方式"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "filterable",
"title": "开启搜索框",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否开启搜索框进行过滤"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "closeOnClickOverlay",
"title": "点击遮罩层后关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否开启点击遮罩层后关闭"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "data",
"title": "数据",
"tsType": "nasl.collection.List<T>"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "选中值",
"tsType": "VanCascaderOptions<T, V>['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "filterText",
"title": "过滤文本",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "finish",
"title": "全部选项选择完成后触发",
"tsType": "(event: {\n value: V;\n}) => void",
"description": "全部选项选择完成后触发"
},
{
"concept": "EventDeclaration",
"name": "change",
"title": "选中项变化时触发",
"tsType": "(event: {\n value: V;\n}) => void",
"description": "选中项变化时触发"
}
],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "option",
"title": "option",
"tsType": "(current: Current<T>) => Array<ViewComponent>",
"params": [
{
"concept": "Param",
"name": "current",
"description": "",
"typeAnnotation": {
"typeKind": "generic",
"typeName": "Current",
"typeNamespace": "nasl.ui",
"concept": "TypeAnnotation",
"inferred": false,
"ruleMap": {},
"typeArguments": [
{
"concept": "TypeAnnotation",
"typeKind": "typeParam",
"inferred": false,
"ruleMap": {}
}
]
}
}
]
},
{
"concept": "SlotDeclaration",
"name": "title",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-cascader\ntitle=\"请选择\"\n:treeDisplay=\"true\"\n><template #title>标题</template></van-cascader>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Selector",
"show": true,
"name": "VanDatetimePicker",
"alias": "时间选择",
"title": "时间选择",
"concept": "ViewComponentDeclaration",
"kebabName": "van-datetime-picker",
"description": "时间选择，支持日期、年月、时分等维度",
"icon": "time-picker",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "时间选择",
"value": "time"
},
{
"title": "日期选择",
"value": "date"
},
{
"title": "日期时间选择",
"value": "datetime"
}
]
},
"name": "type",
"title": "时间类型",
"tsType": "'time' | 'date' | 'datetime'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "datetime"
},
"playground": []
},
"description": "设置时间选择类型",
"onChange": [
{
"clear": [
"unit",
"show-formatter"
]
}
],
"tsOnChange": "[{\"clear\":[\"unit\",\"show-formatter\"]}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "日期",
"if": "_ => _.type === 'date'",
"tsIf": "_ => _.type === 'date'",
"value": "date"
},
{
"title": "周",
"if": "_ => _.type === 'date'",
"tsIf": "_ => _.type === 'date'",
"value": "week"
},
{
"title": "月份",
"if": "_ => _.type === 'date'",
"tsIf": "_ => _.type === 'date'",
"value": "month"
},
{
"title": "季度",
"if": "_ => _.type === 'date'",
"tsIf": "_ => _.type === 'date'",
"value": "quarter"
},
{
"title": "年份",
"if": "_ => _.type === 'date'",
"tsIf": "_ => _.type === 'date'",
"value": "year"
},
{
"title": "分",
"if": "_ => _.type !== 'date'",
"tsIf": "_ => _.type !== 'date'",
"value": "minute"
},
{
"title": "秒",
"if": "_ => _.type !== 'date'",
"tsIf": "_ => _.type !== 'date'",
"value": "second"
}
]
},
"name": "unit",
"title": "最小单位",
"tsType": "'date' | 'week' | 'month' | 'quarter' | 'year' | 'minute' | 'second'",
"onChange": [
{
"clear": [
"show-formatter"
]
}
],
"tsOnChange": "[{\"clear\":[\"show-formatter\"]}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "中国（2023年7月26日）",
"if": "_ => _.type === 'date' && _.unit === 'date'",
"tsIf": "_ => _.type === 'date' && _.unit === 'date'",
"value": "YYYY年M月D日"
},
{
"title": "ISO（2023-07-26）",
"if": "_ => _.type === 'date' && _.unit === 'date'",
"tsIf": "_ => _.type === 'date' && _.unit === 'date'",
"value": "YYYY-MM-DD"
},
{
"title": "US（7/26/2023）",
"if": "_ => _.type === 'date' && _.unit === 'date'",
"tsIf": "_ => _.type === 'date' && _.unit === 'date'",
"value": "M/D/YYYY"
},
{
"title": "EU（26/7/2023）",
"if": "_ => _.type === 'date' && _.unit === 'date'",
"tsIf": "_ => _.type === 'date' && _.unit === 'date'",
"value": "D/M/YYYY"
},
{
"title": "2023-28周",
"if": "_ => _.type === 'date' && _.unit === 'week'",
"tsIf": "_ => _.type === 'date' && _.unit === 'week'",
"value": "GGGG-W周"
},
{
"title": "2023年第28周",
"if": "_ => _.type === 'date' && _.unit === 'week'",
"tsIf": "_ => _.type === 'date' && _.unit === 'week'",
"value": "GGGG年第W周"
},
{
"title": "2023-W28",
"if": "_ => _.type === 'date' && _.unit === 'week'",
"tsIf": "_ => _.type === 'date' && _.unit === 'week'",
"value": "GGGG-WWWW"
},
{
"title": "中国（2023年7月）",
"if": "_ => _.type === 'date' && _.unit === 'month'",
"tsIf": "_ => _.type === 'date' && _.unit === 'month'",
"value": "YYYY年M月"
},
{
"title": "ISO（2023-07）",
"if": "_ => _.type === 'date' && _.unit === 'month'",
"tsIf": "_ => _.type === 'date' && _.unit === 'month'",
"value": "YYYY-MM"
},
{
"title": "US/EU（7/2023）",
"if": "_ => _.type === 'date' && _.unit === 'month'",
"tsIf": "_ => _.type === 'date' && _.unit === 'month'",
"value": "M/YYYY"
},
{
"title": "2023年第3季度",
"if": "_ => _.type === 'date' && _.unit === 'quarter'",
"tsIf": "_ => _.type === 'date' && _.unit === 'quarter'",
"value": "YYYY年第Q季度"
},
{
"title": "2023年Q3",
"if": "_ => _.type === 'date' && _.unit === 'quarter'",
"tsIf": "_ => _.type === 'date' && _.unit === 'quarter'",
"value": "YYYY年QQ"
},
{
"title": "2023-Q3",
"if": "_ => _.type === 'date' && _.unit === 'quarter'",
"tsIf": "_ => _.type === 'date' && _.unit === 'quarter'",
"value": "YYYY-QQ"
},
{
"title": "中国（2023年）",
"if": "_ => _.type === 'date' && _.unit === 'year'",
"tsIf": "_ => _.type === 'date' && _.unit === 'year'",
"value": "YYYY年"
},
{
"title": "ISO（2023）",
"if": "_ => _.type === 'date' && _.unit === 'year'",
"tsIf": "_ => _.type === 'date' && _.unit === 'year'",
"value": "YYYY"
},
{
"title": "12:09:09",
"if": "_ => _.type === 'time' && _.unit === 'second'",
"tsIf": "_ => _.type === 'time' && _.unit === 'second'",
"value": "HH:mm:ss"
},
{
"title": "12时09分09秒",
"if": "_ => _.type === 'time' && _.unit === 'second'",
"tsIf": "_ => _.type === 'time' && _.unit === 'second'",
"value": "HH时mm分ss秒"
},
{
"title": "12:09",
"if": "_ => _.type === 'time' && _.unit === 'minute'",
"tsIf": "_ => _.type === 'time' && _.unit === 'minute'",
"value": "HH:mm"
},
{
"title": "12时09分",
"if": "_ => _.type === 'time' && _.unit === 'minute'",
"tsIf": "_ => _.type === 'time' && _.unit === 'minute'",
"value": "HH时mm分"
},
{
"title": "2023-07-26 12:09:09",
"if": "_ => _.type === 'datetime' && _.unit === 'second'",
"tsIf": "_ => _.type === 'datetime' && _.unit === 'second'",
"value": "YYYY-MM-DD HH:mm:ss"
},
{
"title": "2023年7月26日 12时09分09秒",
"if": "_ => _.type === 'datetime' && _.unit === 'second'",
"tsIf": "_ => _.type === 'datetime' && _.unit === 'second'",
"value": "YYYY年M月D日 HH时mm分ss秒"
},
{
"title": "2023-07-26 12:09",
"if": "_ => _.type === 'datetime' && _.unit === 'minute'",
"tsIf": "_ => _.type === 'datetime' && _.unit === 'minute'",
"value": "YYYY-MM-DD HH:mm HH:mm"
},
{
"title": "2023年7月26日 12时09分",
"if": "_ => _.type === 'datetime' && _.unit === 'minute'",
"tsIf": "_ => _.type === 'datetime' && _.unit === 'minute'",
"value": "YYYY年M月D日 HH时mm分"
}
]
},
"name": "showFormatter",
"title": "展示格式",
"tsType": "'YYYY年M月D日' | 'YYYY-MM-DD' | 'M/D/YYYY' | 'D/M/YYYY' | 'GGGG-W周' | 'GGGG年第W周' | 'GGGG-WWWW' | 'YYYY年M月' | 'YYYY-MM' | 'M/YYYY' | 'YYYY年第Q季度' | 'YYYY年QQ' | 'YYYY-QQ' | 'YYYY年' | 'YYYY' | 'HH:mm:ss' | 'HH时mm分ss秒' | 'HH:mm' | 'HH时mm分' | 'YYYY-MM-DD HH:mm:ss' | 'YYYY年M月D日 HH时mm分ss秒' | 'YYYY-MM-DD HH:mm HH:mm' | 'YYYY年M月D日 HH时mm分'",
"if": "_ => !_.advancedFormatEnable",
"tsIf": "_ => !_.advancedFormatEnable"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "advancedFormatEnable",
"title": "高级格式化",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "用来控制数字的展示格式",
"onChange": [
{
"clear": [
"advancedFormatValue"
]
}
],
"tsOnChange": "[{\"clear\":[\"advancedFormatValue\"]}]"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"bindHide": true,
"tabKind": "property",
"name": "advancedFormatValue",
"title": "高级格式化内容",
"tsType": "nasl.core.String",
"description": "用来控制数字的展示格式",
"if": "_ => _.advancedFormatEnable === true",
"tsIf": "_ => _.advancedFormatEnable === true"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "range",
"title": "区间选择",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否支持区间选择"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"sync": true,
"tabKind": "property",
"name": "startValue",
"title": "起始值",
"tsType": "nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time",
"if": "_ => _.range === true",
"settable": true,
"tsIf": "_ => _.range === true"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"sync": true,
"tabKind": "property",
"name": "endValue",
"title": "结束值",
"tsType": "nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time",
"if": "_ => _.range === true",
"settable": true,
"tsIf": "_ => _.range === true"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "isNew",
"title": "是否使用新版外观",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否使用新版外观"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time",
"description": "用于标识时间选择的值",
"if": "_ => _.range !== true",
"settable": true,
"tsIf": "_ => _.range !== true"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "minDate",
"title": "最小日期",
"tsType": "nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time",
"description": "当时间选择类型为datetime时可选的最小时间，精确到分钟, 默认为十年前"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "maxDate",
"title": "最大日期",
"tsType": "nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time",
"description": "当时间选择类型为datetime时可选的最大时间，精确到分钟, 默认为十年后"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0,
"max": 23
},
"name": "maxHour",
"title": "最大小时",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "23",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "当时间选择类型为 time 时",
"if": "_ => _.type === 'time'",
"tsIf": "_ => _.type === 'time'"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0,
"max": 23
},
"name": "minHour",
"title": "最小小时",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "0",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "当时间选择类型为 time 时",
"if": "_ => _.type === 'time'",
"tsIf": "_ => _.type === 'time'"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0,
"max": 59
},
"name": "maxMinute",
"title": "最大分钟",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "59",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "当时间选择类型为 time 时",
"if": "_ => _.type === 'time'",
"tsIf": "_ => _.type === 'time'"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0,
"max": 59
},
"name": "minMinute",
"title": "最小分钟",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "0",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "当时间选择类型为 time 时",
"if": "_ => _.type === 'time'",
"tsIf": "_ => _.type === 'time'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "YYYY/MM/dd HH:mm:ss",
"value": "format"
},
{
"title": "Unix 时间戳",
"value": "timestamp"
},
{
"title": "JSON",
"value": "json"
},
{
"title": "Date 对象",
"value": "date"
}
]
},
"name": "converter",
"title": "转换器",
"tsType": "'format' | 'timestamp' | 'json' | 'date'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "format"
},
"playground": []
},
"description": "将选中的值以选择的符号作为连接符，转为字符串格式；选择“json”则转为JSON字符串格式",
"if": "_ => _.type === 'datetime' || _.type === 'date'",
"tsIf": "_ => _.type === 'datetime' || _.type === 'date'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "title",
"title": "顶部栏标题",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": ""
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左",
"value": "left"
},
{
"title": "中",
"value": "center"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "inputAlign",
"title": "对齐方式",
"tsType": "'left' | 'center' | 'right'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "right"
},
"playground": []
},
"description": "设置右侧内容的对齐方式"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "closeOnClickOverlay",
"title": "点击遮罩层后关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "InputSetter"
},
"name": "placeholder",
"title": "占位提示",
"tsType": "nasl.core.String",
"description": "",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "visible",
"title": "展示弹层",
"tsType": "nasl.core.Boolean"
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanDatetimePickerOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "startValue",
"title": "起始值",
"tsType": "VanDatetimePickerOptions['startValue']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "endValue",
"title": "结束值",
"tsType": "VanDatetimePickerOptions['endValue']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "confirm",
"title": "确认",
"tsType": "(event: nasl.core.String) => void",
"description": "点击完成按钮时触发的事件"
},
{
"concept": "EventDeclaration",
"name": "cancel",
"title": "取消",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击完成取消时触发的事件"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "打开",
"params": [],
"returns": [],
"name": "open",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "关闭",
"params": [],
"returns": [],
"name": "close",
"title": "undefined"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "title",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
},
{
"concept": "SlotDeclaration",
"name": "top",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
},
{
"concept": "SlotDeclaration",
"name": "bottom",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
},
{
"concept": "SlotDeclaration",
"name": "pannelTitle",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义"
},
{
"concept": "SlotDeclaration",
"name": "pickerTop",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义选择器顶部内容"
},
{
"concept": "SlotDeclaration",
"name": "pickerBottom",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义选择器底部内容"
}
],
"children": [
{
"concept": "ViewComponentDeclaration",
"group": "Selector",
"name": "VanDatetimePickerActionSlot",
"kebabName": "van-datetime-picker-action-slot",
"title": "时间选择事件插槽",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "确认",
"value": "confirm"
},
{
"title": "取消",
"value": "cancel"
}
]
},
"name": "targetMethod",
"title": "触发的事件名称",
"tsType": "'confirm' | 'cancel'"
}
],
"readableProps": [],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
}
],
"children": [],
"blocks": [],
"themeVariables": []
},
{
"concept": "ViewComponentDeclaration",
"group": "Selector",
"name": "VanPickerActionSlot",
"kebabName": "van-picker-action-slot",
"title": "事件插槽",
"description": "",
"icon": "",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "确认",
"value": "confirm"
},
{
"title": "取消",
"value": "cancel"
},
{
"title": "无",
"value": "none"
}
]
},
"name": "targetMethod",
"title": "触发的事件名称",
"tsType": "'confirm' | 'cancel' | 'none'"
}
],
"readableProps": [],
"events": [],
"methods": [],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容自定义"
}
],
"children": [],
"blocks": [],
"themeVariables": []
}
],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-datetime-picker type=\"datetime\" title=\"顶部标题\">\n<template #title>\n<van-text text=\"标题\"></van-text>\n</template>\n<template #pannel-title>\n<van-text text=\"标题\"></van-text>\n</template>\n<template #picker-top>\n<van-picker-action-slot targetMethod=\"cancel\">\n<van-iconv name=\"left-arrow\" icotype=\"only\"></van-iconv>\n</van-picker-action-slot>\n<van-picker-action-slot targetMethod=\"confirm\"></van-picker-action-slot>\n</template>\n<template #picker-bottom>\n<van-picker-action-slot targetMethod=\"cancel\">\n<van-button\ntype=\"info_secondary\"\nsize=\"normal\"\ntext=\"取消\"\nsquareroud=\"round\"\n></van-button>\n</van-picker-action-slot>\n<van-picker-action-slot targetMethod=\"confirm\">\n<van-button\ntype=\"info\"\nsize=\"normal\"\ntext=\"确认\"\nsquareroud=\"round\"\n></van-button>\n</van-picker-action-slot>\n</template>\n</van-datetime-picker>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Selector",
"show": true,
"name": "VanCalendar",
"alias": "日期选择",
"title": "日期选择",
"concept": "ViewComponentDeclaration",
"kebabName": "van-calendar",
"description": "日历组件用于选择日期或日期区间",
"icon": "date-time-picker",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "isNew",
"title": "是否使用新版外观",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "是否使用新版外观"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"sync": true,
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "nasl.core.String | nasl.core.Date",
"description": "用于标识日期选择的值",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "minDate",
"title": "最小日期",
"tsType": "nasl.core.String | nasl.core.Date",
"description": "最小日期，默认为一年前。"
},
{
"concept": "PropDeclaration",
"group": "数据属性",
"tabKind": "property",
"name": "maxDate",
"title": "最大日期",
"tsType": "nasl.core.String | nasl.core.Date",
"description": "最大日期，默认为一年后。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "title",
"title": "日历标题",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "选择日期"
},
"playground": []
},
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "左",
"value": "left"
},
{
"title": "中",
"value": "center"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "inputAlign",
"title": "对齐方式",
"tsType": "'left' | 'center' | 'right'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "left"
},
"playground": []
},
"description": "设置右侧内容的对齐方式"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "closeOnClickOverlay",
"title": "点击遮罩层后关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "正常显示，但禁止选择/输入",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "InputSetter"
},
"name": "placeholder",
"title": "占位提示",
"tsType": "nasl.core.String",
"description": "",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "显示预览态",
"docDescription": "",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "value",
"title": "值",
"tsType": "VanCalendarOptions['value']"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "readonly",
"title": "只读",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "preview",
"title": "预览",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "confirm",
"title": "确认",
"tsType": "(event: nasl.core.Date) => void",
"description": "点击完成按钮时触发的事件"
},
{
"concept": "EventDeclaration",
"name": "select",
"title": "点击",
"tsType": "(event: nasl.core.Date) => void",
"description": "点击并选中任意日期时触发"
},
{
"concept": "EventDeclaration",
"name": "cancel",
"title": "取消",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击完成取消时触发的事件"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "将选中的日期重置到指定日期，未传参时会重置到默认日期",
"params": [],
"returns": [],
"name": "reset",
"title": "日期重置"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "title",
"title": "",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": ""
},
{
"concept": "SlotDeclaration",
"name": "pannelTitle",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义"
},
{
"concept": "SlotDeclaration",
"name": "pickerTop",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义选择器顶部内容"
},
{
"concept": "SlotDeclaration",
"name": "pickerBottom",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义选择器底部内容"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-calendar title=\"选择日期\" inputAlign=\"left\">\n<template #title>\n<van-text text=\"标题\"></van-text>\n</template>\n<template #pannel-title>\n<van-text text=\"标题\"></van-text>\n</template>\n<template #picker-top>\n<van-picker-action-slot targetMethod=\"cancel\">\n<van-iconv name=\"left-arrow\" icotype=\"only\"></van-iconv>\n</van-picker-action-slot>\n<van-picker-action-slot targetMethod=\"confirm\"></van-picker-action-slot>\n</template>\n<template #picker-bottom>\n<van-picker-action-slot targetMethod=\"cancel\">\n<van-button\ntype=\"info_secondary\"\nsize=\"normal\"\ntext=\"取消\"\nsquareroud=\"round\"\n></van-button>\n</van-picker-action-slot>\n<van-picker-action-slot targetMethod=\"confirm\">\n<van-button\ntype=\"info\"\nsize=\"normal\"\ntext=\"确认\"\nsquareroud=\"round\"\n></van-button>\n</van-picker-action-slot> </template\n></van-calendar>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Feedback",
"show": true,
"name": "VanPopupCombination",
"alias": "弹出框",
"vusion": true,
"title": "弹出框",
"concept": "ViewComponentDeclaration",
"kebabName": "van-popup-combination",
"description": "点击，弹出气泡式的卡片浮层。",
"icon": "popup",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "title",
"title": "标题",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "opened",
"title": "弹出状态",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "弹出状态分为“True(弹出)/False(关闭)”，默认为“弹出”",
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "上",
"value": "top"
},
{
"title": "下",
"value": "bottom"
},
{
"title": "左",
"value": "left"
},
{
"title": "右",
"value": "right"
}
]
},
"name": "placement",
"title": "弹出位置",
"tsType": "'top' | 'bottom' | 'left' | 'right'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "bottom"
},
"playground": []
},
"description": "设置弹出位置"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "hideDelay",
"title": "消失延迟时间",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "200",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "当触发方式为“悬浮”时，提示内容消失延迟时间，单位为ms。"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "行内展示",
"value": "inline"
},
{
"title": "块级展示，宽度会充满父元素",
"value": "block"
}
]
},
"name": "display",
"title": "展示方式",
"tsType": "'inline' | 'block'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "inline"
},
"playground": []
},
"description": "设置展示方式"
},
{
"concept": "PropDeclaration",
"group": "状态属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"description": "置灰显示，且禁止任何交互（焦点、点击、选择、输入等）",
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "opened",
"title": "打开",
"tsType": "nasl.core.Boolean"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁用",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "before-open",
"title": "弹出前",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "弹出前触发。"
},
{
"concept": "EventDeclaration",
"name": "open",
"title": "弹出时",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "弹出时触发。"
},
{
"concept": "EventDeclaration",
"name": "before-close",
"title": "隐藏前",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "隐藏前触发。"
},
{
"concept": "EventDeclaration",
"name": "close",
"title": "隐藏后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "隐藏时触发。"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "弹出实例。",
"params": [],
"returns": [],
"name": "open",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "关闭实例。",
"params": [],
"returns": [],
"name": "close",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "切换弹出/关闭状态。",
"params": [
{
"concept": "Param",
"name": "opened",
"description": "'可选。弹出/关闭状态'"
}
],
"returns": [],
"name": "toggle",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "更新 popper 实例。参考 [Popper.update()](https://popper.js.org/popper-documentation.html#Popper.update)。",
"params": [],
"returns": [],
"name": "update",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "在下次 UI 渲染时一块更新 popper 实例，比`update()`性能要好。参考 [Popper.scheduleUpdate()](https://popper.js.org/popper-documentation.html#Popper.scheduleUpdate)。",
"params": [],
"returns": [],
"name": "scheduleUpdate",
"title": "undefined"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "自定义弹出的内容。"
},
{
"concept": "SlotDeclaration",
"name": "reference",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "弹出层触发节点。"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-popup-combination>\n<template #reference>\n<van-button type=\"info\" text=\"触发弹出框组件，可删除替换\"></van-button>\n</template>\n<van-text text=\"内容\"></van-text>\n</van-popup-combination>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Feedback",
"show": true,
"name": "VanDialog",
"alias": "弹窗",
"title": "弹窗",
"concept": "ViewComponentDeclaration",
"kebabName": "van-dialog",
"description": "弹窗，常用于消息提示、消息确认，或在当前页面内完成特定的交互操作。",
"icon": "dialog",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "value",
"title": "展示弹窗",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"settable": true
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "closeOnClickOverlay",
"title": "点击遮罩层后关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "visible",
"title": "展示弹窗",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "open",
"title": "打开弹出层后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "打开弹出层时触发"
},
{
"concept": "EventDeclaration",
"name": "close",
"title": "关闭弹出层后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "关闭弹出层时触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "打开弹窗",
"params": [],
"returns": [],
"name": "openModal",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "关闭弹窗",
"params": [],
"returns": [],
"name": "closeModal",
"title": "undefined"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容自定义"
},
{
"concept": "SlotDeclaration",
"name": "footer",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容自定义"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-dialog safeAreaInsetBottom>\n<div class=\"dialogchild\" vusion-slot-name=\"default\" vusion-disabled-copy style=\"min-height: 100px;\" :vusion-disabled-cut=\"true\" env=\"alone\">内容</div>\n<template #footer>\n<van-linear-layout type=\"flex\" style=\"width: 100%;\" :vusion-disabled-cut=\"true\">\n<van-button\nclass=\"van-button van-button--default van-dialog__cancel\"\ntext=\"取消\"\n></van-button>\n<van-button\nclass=\"van-button van-button--default van-dialog__confirm van-hairline--left\"\ntext=\"确认\"\n></van-button>\n</van-linear-layout>\n</template>\n</van-dialog>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Feedback",
"show": true,
"name": "VanPopup",
"alias": "抽屉",
"title": "抽屉",
"concept": "ViewComponentDeclaration",
"kebabName": "van-popup",
"description": "抽屉容器，用于展示弹窗、信息提示等内容，支持多个抽屉叠加展示。",
"icon": "popuph5",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"sync": true,
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "value",
"title": "展示弹层",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"settable": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "上",
"value": "top"
},
{
"title": "下",
"value": "bottom"
},
{
"title": "右",
"value": "right"
},
{
"title": "左",
"value": "left"
}
]
},
"name": "position",
"title": "弹出位置",
"tsType": "'top' | 'bottom' | 'right' | 'left'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "bottom"
},
"playground": []
},
"description": "设置弹出位置"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "closeOnClickOverlay",
"title": "点击遮罩层后关闭",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
}
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "visible",
"title": "展示抽屉",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击抽屉",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击抽屉时触发"
},
{
"concept": "EventDeclaration",
"name": "click-overlay",
"title": "点击遮罩层",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "点击遮罩层时触发"
},
{
"concept": "EventDeclaration",
"name": "open",
"title": "打开抽屉后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "打开抽屉时触发"
},
{
"concept": "EventDeclaration",
"name": "close",
"title": "关闭抽屉后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "关闭抽屉时触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "打开抽屉",
"params": [],
"returns": [],
"name": "openModal",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "关闭抽屉",
"params": [],
"returns": [],
"name": "closeModal",
"title": "undefined"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "内容自定义"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "弹出位置下",
"description": "",
"code": "<template>\n<van-popup position=\"bottom\" safeAreaInsetBottom evn=\"picker\"><div vusion-slot-name=\"default\" style=\"min-height: 200px;width: 100vw;\" :vusion-disabled-cut=\"true\"></div></van-popup>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/popup/screenshots/0.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "弹出位置上",
"description": "",
"code": "<template>\n<van-popup safeAreaInsetBottom position=\"top\"><div vusion-slot-name=\"default\" style=\"min-height: 200px;width: 100vw;\" :vusion-disabled-cut=\"true\"></div></van-popup>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/popup/screenshots/1.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "弹出位置左",
"description": "",
"code": "<template>\n<van-popup safeAreaInsetBottom position=\"left\" evn=\"picker\"><div vusion-slot-name=\"default\" style=\"min-width: 200px;heigth: 100vw;\" :vusion-disabled-cut=\"true\"></div></van-popup>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/popup/screenshots/2.png",
"drawing": ""
},
{
"concept": "ViewBlockWithImage",
"title": "弹出位置右",
"description": "",
"code": "<template>\n<van-popup safeAreaInsetBottom position=\"right\" evn=\"picker\"><div vusion-slot-name=\"default\" style=\"min-width: 200px;height: 100vw;\" :vusion-disabled-cut=\"true\"></div></van-popup>\n</template>",
"screenshot": "https://static-vusion.163yun.com/packages/@lcap/mobile-ui@1.0.0/src/popup/screenshots/3.png",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Container",
"show": true,
"name": "VanSwipeCell",
"alias": "滑动单元格",
"title": "滑动条",
"concept": "ViewComponentDeclaration",
"kebabName": "van-swipe-cell",
"description": "滑动条",
"icon": "swipe-cell",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "leftWidth",
"title": "左侧滑动区域宽度",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter"
},
"name": "rightWidth",
"title": "右侧滑动区域宽度",
"tsType": "nasl.core.String"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "SwitchSetter"
},
"name": "disabled",
"title": "禁止滑动",
"tsType": "nasl.core.Boolean",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "BooleanLiteral",
"value": "false"
},
"playground": []
},
"settable": true
}
],
"readableProps": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "disabled",
"title": "禁止滑动",
"tsType": "nasl.core.Boolean"
}
],
"events": [
{
"concept": "EventDeclaration",
"name": "click",
"title": "点击",
"tsType": "(event: nasl.core.String) => void",
"description": "点击后触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "收起单元格侧边栏",
"params": [],
"returns": [],
"name": "close",
"title": "收起单元格侧边栏"
}
],
"slots": [
{
"concept": "SlotDeclaration",
"name": "default",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "插入文本或 HTML。"
},
{
"concept": "SlotDeclaration",
"name": "right",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "右侧。"
},
{
"concept": "SlotDeclaration",
"name": "left",
"title": "undefined",
"tsType": "() => Array<ViewComponent>",
"params": [],
"description": "左侧。"
}
],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-swipe-cell :leftforhelper=\"false\" :rightforhelper=\"false\">\n<template #left>\n<van-button\nstyle=\"height:100%;width:72px;border-radius:0;\"\nsquareroud=\"square\"\ntype=\"primary\"\ntext=\"选择\"\nsize=\"middle\"\n/>\n</template>\n<van-cell center>\n<template #title> 左侧文本 </template>\n右侧文本\n</van-cell>\n<template #right>\n<van-button\nstyle=\"height:100%;width:72px;border-radius:0;\"\nsquareroud=\"square\"\ntype=\"danger\"\ntext=\"删除\"\nsize=\"middle\"\n/>\n</template>\n</van-swipe-cell>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Feedback",
"show": true,
"name": "VanToast",
"alias": "轻提示",
"title": "弹出消息",
"concept": "ViewComponentDeclaration",
"kebabName": "van-toast",
"description": "在页面中间弹出黑色半透明提示，用于消息通知、加载提示、操作结果提示等场景。",
"icon": "toast",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"name": "message",
"title": "提示内容",
"tsType": "nasl.core.String",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "弹出消息"
},
"playground": []
},
"description": "默认提示内容",
"implicitToString": true
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "成功",
"value": "success"
},
{
"title": "警告",
"value": "warning"
},
{
"title": "失败",
"value": "fail"
},
{
"title": "加载中",
"value": "loading"
},
{
"title": "自定义",
"value": "custom"
}
]
},
"name": "type",
"title": "消息类型",
"tsType": "'success' | 'warning' | 'fail' | 'loading' | 'custom'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "custom"
},
"playground": []
},
"description": "提示的类型"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "IconSetter"
},
"name": "customIcon",
"title": "自定义图标",
"tsType": "nasl.core.String",
"if": "_ => _.type === 'custom'",
"tsIf": "_ => _.type === 'custom'"
},
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "NumberInputSetter",
"precision": 0,
"min": 0
},
"name": "duration",
"title": "停留时间",
"tsType": "nasl.core.Integer",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "NumericLiteral",
"value": "2000",
"typeAnnotation": {
"concept": "TypeAnnotation",
"typeKind": "primitive",
"typeName": "Integer",
"typeNamespace": "nasl.core",
"inferred": false,
"ruleMap": {}
}
},
"playground": []
},
"description": "自动关闭的延时，单位毫秒。设为 0 时不自动关闭"
}
],
"readableProps": [],
"events": [
{
"concept": "EventDeclaration",
"name": "open",
"title": "打开弹出消息后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "打开弹出消息时触发"
},
{
"concept": "EventDeclaration",
"name": "close",
"title": "关闭弹出消息后",
"tsType": "(event: nasl.ui.BaseEvent) => void",
"description": "关闭弹出消息时触发"
}
],
"methods": [
{
"concept": "LogicDeclaration",
"description": "打开弹出消息",
"params": [],
"returns": [],
"name": "open",
"title": "undefined"
},
{
"concept": "LogicDeclaration",
"description": "关闭弹出消息",
"params": [],
"returns": [],
"name": "close",
"title": "undefined"
}
],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基本用法",
"description": "",
"code": "<template>\n<van-toast message=\"弹出消息\" :duration=\"2000\" type=\"custom\">\n</van-toast>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Process",
"name": "VanMyProcess",
"alias": "我的流程",
"title": "我的流程",
"concept": "ViewComponentDeclaration",
"kebabName": "van-my-process",
"description": "",
"icon": "processmyprocess",
"tsTypeParams": "",
"props": [],
"readableProps": [],
"events": [],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-my-process></van-my-process>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Process",
"name": "VanProcessButton",
"alias": "流程按钮",
"title": "流程按钮",
"concept": "ViewComponentDeclaration",
"kebabName": "van-process-button",
"description": "",
"icon": "processbutton",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "交互属性",
"bindHide": true,
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "页面跳转",
"value": "destination"
}
]
},
"name": "linkType",
"title": "操作成功响应方式",
"tsType": "'destination'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "destination"
},
"playground": []
},
"docDescription": "支持页面跳转、刷新当前页"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"name": "hrefAndTo",
"title": "链接地址",
"tsType": "nasl.core.String",
"docDescription": "链接的详细地址"
},
{
"concept": "PropDeclaration",
"group": "交互属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "新窗口",
"value": "_blank"
},
{
"title": "当前窗口",
"value": "_self"
},
{
"title": "父级窗口",
"value": "_parent"
},
{
"title": "顶级窗口",
"value": "_top"
}
]
},
"name": "target",
"title": "链接打开方式",
"tsType": "'_blank' | '_self' | '_parent' | '_top'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "_self"
},
"playground": []
},
"description": "链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。",
"docDescription": "可选新窗口、父级窗口、当前窗口和顶级窗口，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口"
},
{
"concept": "PropDeclaration",
"group": "样式属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "上方",
"value": "top-start"
},
{
"title": "下方",
"value": "bottom-start"
}
]
},
"name": "placement",
"title": "更多气泡弹出位置",
"tsType": "'top-start' | 'bottom-start'",
"description": "设置更多选项的气泡弹出位置",
"docDescription": "设置更多选项的气泡弹出位置"
}
],
"readableProps": [],
"events": [],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-process-button></van-process-button>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Process",
"name": "VanProcessInfo",
"alias": "流程信息",
"title": "流程信息",
"concept": "ViewComponentDeclaration",
"kebabName": "van-process-info",
"description": "",
"icon": "processinfo",
"tsTypeParams": "",
"props": [],
"readableProps": [],
"events": [],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-process-info></van-process-info>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
},
{
"group": "Process",
"name": "VanProcessRecord",
"alias": "流程记录",
"title": "流程记录",
"concept": "ViewComponentDeclaration",
"kebabName": "van-process-record",
"description": "",
"icon": "table-view",
"tsTypeParams": "",
"props": [
{
"concept": "PropDeclaration",
"group": "主要属性",
"tabKind": "property",
"setter": {
"concept": "EnumSelectSetter",
"options": [
{
"title": "列表",
"value": "list"
},
{
"title": "时间轴",
"value": "timeline"
}
]
},
"name": "type",
"title": "展示类型",
"tsType": "'list' | 'timeline'",
"defaultValue": {
"concept": "DefaultValue",
"expression": {
"concept": "StringLiteral",
"value": "list"
},
"playground": []
},
"description": ""
}
],
"readableProps": [],
"events": [],
"methods": [],
"slots": [],
"children": [],
"blocks": [
{
"concept": "ViewBlockWithImage",
"title": "基础用法",
"description": "",
"code": "<template>\n<van-process-record></van-process-record>\n</template>",
"screenshot": "",
"drawing": ""
}
],
"themeVariables": []
}
]