@lcap/nasl

/// <reference types="@nasl/types" /> /// <reference types="@nasl/types" /> /// <reference types="@nasl/types" /> /// <reference types="@nasl/types" /> declare namespace nasl.ui { export class VanArea extends ViewComponent { /** * 值 */ value: nasl.core.String; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; /** * 预览 */ preview: nasl.core.Boolean; constructor(options?: Partial<VanAreaOptions>); } export class VanAreaOptions extends ViewComponentOptions { private labelField; /** * 是否使用新版外观 * 是否使用新版外观 */ isNew: nasl.core.Boolean; /** * 值 * 用于标识地区选择的值 */ value: nasl.core.String; /** * 数据源 * 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。 */ areaListprop: { province_list: { [key: string]: string; }; city_list: { [key: string]: string; }; county_list: { [key: string]: string; }; }; /** * 顶部栏标题 */ title: nasl.core.String; /** * 确认按钮文字 */ confirmButtonText: nasl.core.String; /** * 取消按钮文字 */ cancelButtonText: nasl.core.String; /** * 可见选项个数 */ visibleItemCount: nasl.core.Integer; /** * 显示列数 * 显示列数，3-省市区，2-省市，1-省 */ columnsNum: nasl.core.Integer; /** * 对齐方式 * 设置右侧内容的对齐方式 */ inputAlign: 'left' | 'center' | 'right'; /** * 转换器 * 将选中的值以选择的符号作为连接符，转为字符串格式；选择“json”则转为JSON字符串格式 */ converter: 'name' | 'code'; /** * 点击遮罩层后关闭 */ closeOnClickOverlay: nasl.core.Boolean; /** * 只读 * 正常显示，但禁止选择/输入 */ readonly: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 占位提示 */ placeholder: nasl.core.String; /** * 预览 * 显示预览态 */ preview: nasl.core.Boolean; /** * 点击右上方完成按钮 * 点击右上方完成按钮 */ onConfirm: (values: nasl.collection.List<{ code: nasl.core.String; name: nasl.core.String; }>, index: nasl.collection.List<nasl.core.Integer>, value: nasl.core.String) => void; /** * 点击取消按钮时 * 点击取消按钮时 */ onCancel: (event: nasl.ui.BaseEvent) => void; /** * 选项改变时触发 * 选项改变时触发 */ onChange: (event: nasl.ui.BaseEvent) => void; slotTitle: () => Array<ViewComponent>; /** * 自定义 */ slotPannelTitle: () => Array<ViewComponent>; /** * 自定义选择器顶部内容 */ slotPickerTop: () => Array<VanPickerActionSlot>; /** * 自定义选择器底部内容 */ slotPickerBottom: () => Array<VanPickerActionSlot>; } } declare namespace nasl.ui { export class VanBadge extends ViewComponent { /** * 徽章值 */ content: VanBadgeOptions['content']; constructor(options?: Partial<VanBadgeOptions>); } export class VanBadgeOptions extends ViewComponentOptions { /** * 徽章值 */ content: nasl.core.Decimal; /** * 徽章最大值 * 徽章内容为数字时显示的最大值 */ max: nasl.core.Decimal; /** * 显示徽章 */ dot: nasl.core.Boolean; /** * 插入徽章内容 */ slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanButton extends ViewComponent { /** * 禁用 */ disabled: nasl.core.Boolean; constructor(options?: Partial<VanButtonOptions>); } export class VanButtonOptions extends ViewComponentOptions { private to; /** * 替换 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ replace: nasl.core.Boolean; /** * 文本 * 默认文本显示内容 */ text: nasl.core.String; /** * 样式类型 * 设置按钮主题颜色与样式类型 */ type: 'info' | 'info_secondary' | 'default' | 'warning' | 'warning_secondary' | 'danger' | 'danger_secondary'; /** * 展示方式 * 选择行内或块级展示 */ block: 'spanb' | 'blockb'; /** * 图标 */ icon: nasl.core.String; /** * 图标位置 * 设置图标居左或居右显示 */ iconPosition: 'left' | 'right'; /** * 链接类型 */ linkType: 'destination' | 'download'; /** * 链接地址 */ hrefAndTo: nasl.core.String; /** * 打开方式 * 父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。 */ target: '_blank' | '_self' | '_parent' | '_top'; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 加载中 * 是否显示为加载中 */ loading: nasl.core.Boolean; /** * 加载中文案 */ loadingText: nasl.core.String; /** * 尺寸 * 设置按钮大小 */ size: 'large' | 'middle' | 'normal' | 'small' | 'mini'; /** * 形状 * 设置按钮形状 */ squareroud: 'square' | 'round'; /** * 显示为细边框 * 是否显示为细边框 */ hairline: nasl.core.Boolean; /** * 点击后 * 点击事件 */ onClick: (event: nasl.ui.BaseEvent) => void; } } declare namespace nasl.ui { export class VanCalendar extends ViewComponent { constructor(options?: Partial<VanCalendarOptions>); /** * 值 */ value: VanCalendarOptions['value']; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; /** * 预览 */ preview: nasl.core.Boolean; /** * 日期重置 * 将选中的日期重置到指定日期，未传参时会重置到默认日期 */ reset(): any; } export class VanCalendarOptions extends ViewComponentOptions { private labelField; private type; /** * 是否使用新版外观 * 是否使用新版外观 */ isNew: nasl.core.Boolean; /** * 值 * 用于标识日期选择的值 */ value: nasl.core.String | nasl.core.Date; /** * 最小日期 * 最小日期，默认为一年前。 */ minDate: nasl.core.String | nasl.core.Date; /** * 最大日期 * 最大日期，默认为一年后。 */ maxDate: nasl.core.String | nasl.core.Date; /** * 日历标题 */ title: nasl.core.String; /** * 对齐方式 * 设置右侧内容的对齐方式 */ inputAlign: 'left' | 'center' | 'right'; /** * 点击遮罩层后关闭 */ closeOnClickOverlay: nasl.core.Boolean; /** * 只读 * 正常显示，但禁止选择/输入 */ readonly: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 占位提示 */ placeholder: nasl.core.String; /** * 预览 * 显示预览态 */ preview: nasl.core.Boolean; /** * 确认 * 点击完成按钮时触发的事件 */ onConfirm: (event: nasl.core.Date) => void; /** * 点击 * 点击并选中任意日期时触发 */ onSelect: (event: nasl.core.Date) => void; /** * 取消 * 点击完成取消时触发的事件 */ onCancel: (event: nasl.ui.BaseEvent) => void; slotTitle: () => Array<ViewComponent>; /** * 自定义 */ slotPannelTitle: () => Array<ViewComponent>; /** * 自定义选择器顶部内容 */ slotPickerTop: () => Array<VanPickerActionSlot>; /** * 自定义选择器底部内容 */ slotPickerBottom: () => Array<VanPickerActionSlot>; } } declare namespace nasl.ui { export class VanCapsules extends ViewComponent { /** * 选中值 */ value: VanCapsulesOptions['value']; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; constructor(options?: Partial<VanCapsulesOptions>); } export class VanCapsulesOptions extends ViewComponentOptions { /** * 选中值 * 当前选中的值 */ value: any; /** * 可取消 * 是否可以取消选择 */ cancelable: nasl.core.Boolean; /** * 可多选 * 是否可以多选 */ multiple: nasl.core.Boolean; /** * 只读 * 正常显示，但禁止选择/输入 */ readonly: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 选择后 * 选择某一项时触发 */ onSelect: (event: { value: any; }) => void; /** * 改变后 * 选择值改变时触发 */ onChange: (event: { value: any; }) => void; /** * 插入`<van-capsules-item>`或`<van-capsules-group>`子组件。 */ slotDefault: () => Array<VanCapsulesItem | VanCapsulesGroup>; } export class VanCapsulesItem extends ViewComponent { constructor(options?: Partial<VanCapsulesItemOptions>); } export class VanCapsulesItemOptions extends ViewComponentOptions { /** * 值 * 此项的值 */ value: any; /** * 标签 * 顶部自定义提示文本 */ label: nasl.core.String; /** * flag标志 * 是否右上角有flag标志 */ flag: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 插入文本或 HTML。 */ slotDefault: () => Array<ViewComponent>; } export class VanCapsulesGroup extends ViewComponent { constructor(options?: Partial<VanCapsulesGroupOptions>); } export class VanCapsulesGroupOptions extends ViewComponentOptions { /** * 插入`<van-capsules-item>`子组件。 */ slotDefault: () => Array<VanCapsulesItem>; } } declare namespace nasl.ui { export class VanCardu extends ViewComponent { constructor(options?: Partial<VanCarduOptions>); } export class VanCarduOptions extends ViewComponentOptions { /** * 链接类型 */ linkType: 'destination' | 'download'; /** * 链接地址 */ hrefAndTo: nasl.core.String; /** * 打开方式 * 父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。 */ target: '_blank' | '_self' | '_parent' | '_top'; private width; /** * 图片风格 */ sr: 's' | 'r'; /** * 卡片阴影 */ shadow: nasl.core.Boolean; /** * 卡片边框 */ border: nasl.core.Boolean; /** * 分割线 */ split: nasl.core.Boolean; /** * 点击后 * 点击事件 */ onClick: (event: { altKey: nasl.core.Boolean; button: nasl.core.Integer; clientX: nasl.core.Integer; clientY: nasl.core.Integer; ctrlKey: nasl.core.Boolean; metaKey: nasl.core.Boolean; movementX: nasl.core.Integer; movementY: nasl.core.Integer; offsetX: nasl.core.Integer; offsetY: nasl.core.Integer; pageX: nasl.core.Integer; pageY: nasl.core.Integer; screenX: nasl.core.Integer; screenY: nasl.core.Integer; which: nasl.core.Integer; }) => void; /** * 插入默认的元素 */ slotDefault: () => Array<ViewComponent>; /** * 插入图片 */ slotCover: () => Array<ViewComponent>; slotHead: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanCascader<T, V> extends ViewComponent { constructor(options?: Partial<VanCascaderOptions<T, V>>); /** * 数据 */ data: nasl.collection.List<T>; /** * 选中值 */ value: VanCascaderOptions<T, V>['value']; /** * 过滤文本 */ filterText: nasl.core.String; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; } export class VanCascaderOptions<T, V> extends ViewComponentOptions { private labelField; /** * 树形模式 * 将平铺数据转为树形结构数据 */ treeDisplay: nasl.core.Boolean; /** * 值 * 用于标识级联选择的值 */ value: V; /** * 数据源 * 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。 */ dataSource: nasl.collection.List<T> | { total: nasl.core.Integer; list: nasl.collection.List<T>; }; /** * 数据类型 * 数据源返回的数据结构的类型，自动识别类型进行展示说明。 */ dataSchema: T; /** * 文本字段名 * 文本的字段名 */ textField: (item: T) => any; /** * 值字段名 * 选项值的字段名 */ valueField: (item: T) => V; /** * 父级值字段名 */ parentField: (item: T) => any; /** * 子级值字段名 */ childrenField: (item: T) => any; /** * 占位提示 */ placeholder: nasl.core.String; /** * 顶部栏标题 */ title: nasl.core.String; /** * 未选中提示文案 */ tabPlaceholder: nasl.core.String; /** * 对齐方式 * 设置右侧内容的对齐方式 */ inputAlign: 'left' | 'center' | 'right'; /** * 开启搜索框 * 是否开启搜索框进行过滤 */ filterable: nasl.core.Boolean; /** * 点击遮罩层后关闭 * 是否开启点击遮罩层后关闭 */ closeOnClickOverlay: nasl.core.Boolean; /** * 只读 * 正常显示，但禁止选择/输入 */ readonly: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 全部选项选择完成后触发 * 全部选项选择完成后触发 */ onFinish: (event: { value: V; }) => void; /** * 选中项变化时触发 * 选中项变化时触发 */ onChange: (event: { value: V; }) => void; /** * option */ slotOption: (current: Current<T>) => Array<ViewComponent>; slotTitle: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanCellGroup extends ViewComponent { constructor(options?: Partial<VanCellGroupOptions>); } export class VanCellGroupOptions extends ViewComponentOptions { /** * 卡片风格 * 是否显示为卡片风格 */ inset: nasl.core.Boolean; /** * 插入`<van-cell>`子组件。 */ slotDefault: () => Array<VanCell>; } export class VanCell extends ViewComponent { /** * 值 */ value: VanCellOptions['value']; constructor(options?: Partial<VanCellOptions>); } export class VanCellOptions extends ViewComponentOptions { private title; private rtitle; private label; /** * 值 * 用于标识单元格的值 */ value: nasl.core.String; /** * 箭头图标 * 是否显示箭头图标 */ isLink: nasl.core.Boolean; /** * 箭头方向 */ arrowDirection: 'left' | 'up' | 'down' | 'right'; /** * 垂直居中 * 是否垂直居中展示 */ center: nasl.core.Boolean; /** * 图标 */ icon: nasl.core.String; /** * 链接类型 */ linkType: 'destination' | 'download'; /** * 链接地址 */ hrefAndTo: nasl.core.String; /** * 打开方式 * 父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。 */ target: '_blank' | '_self' | '_parent' | '_top'; /** * 点击后 * 点击某一项后触发 */ onClick: (event: { altKey: nasl.core.Boolean; button: nasl.core.Integer; clientX: nasl.core.Integer; clientY: nasl.core.Integer; ctrlKey: nasl.core.Boolean; metaKey: nasl.core.Boolean; movementX: nasl.core.Integer; movementY: nasl.core.Integer; offsetX: nasl.core.Integer; offsetY: nasl.core.Integer; pageX: nasl.core.Integer; pageY: nasl.core.Integer; screenX: nasl.core.Integer; screenY: nasl.core.Integer; which: nasl.core.Integer; }) => void; /** * 插入文本或 HTML。 */ slotDefault: () => Array<ViewComponent>; /** * 插入文本或 HTML。 */ slotTitle: () => Array<ViewComponent>; /** * 右侧图标。 */ private slotRightIcon; } } declare namespace nasl.ui { export class VanCheckboxGroup<T, V, C> extends ViewComponent { constructor(options?: Partial<VanCheckboxGroupOptions<T, V, C>>); /** * 全选中 */ allChecked: nasl.core.Boolean; /** * 选中值 */ value: VanCheckboxGroupOptions<T, V, C>['value']; /** * 数据 */ data: nasl.collection.List<T>; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; /** * 预览 */ preview: nasl.core.Boolean; } export class VanCheckboxGroupOptions<T, V, C> extends ViewComponentOptions { /** * 数据源 * 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。 */ dataSource: nasl.collection.List<T> | { total: nasl.core.Integer; list: nasl.collection.List<T>; }; /** * 数据类型 * 数据源返回的数据结构的类型，自动识别类型进行展示说明。 */ dataSchema: T; /** * 值 * 用于标识多选组的值 */ value: C extends 'none' ? nasl.collection.List<V> : nasl.core.String; /** * 最大可选数量 * 最大可选数量(0为不限制) */ max: nasl.core.Integer; /** * 最小可选数量 * 最小可选数量(0为不限制) */ min: nasl.core.Integer; /** * 值字段 * 用于标识选中值的字段 */ valueField: (item: T) => V; /** * 排列方向 * 设置多选组的排列方向 */ direction: 'horizontal' | 'vertical'; /** * 排列数 * 水平排列时每行展示的选项数量 */ column: nasl.core.Integer; /** * 转换器 * 将选中的值以选择的符号作为连接符，转为字符串格式；选择“json”则转为JSON字符串格式。 */ converter: 'join' | 'join:|' | 'join:;' | 'json' | 'none'; /** * 禁用 * 正常显示，但禁止选择/输入 */ disabled: nasl.core.Boolean; /** * 预览 * 显示预览态 */ preview: nasl.core.Boolean; /** * 值改变 * 选择值改变时触发 */ onChange: (event: { value: nasl.collection.List<V>; }) => void; /** * 插入`<van-checkbox>`子组件。 */ slotDefault: () => Array<VanCheckbox<V>>; /** * 自定义选项的结构和样式 */ slotItem: (current: Current<T>) => Array<ViewComponent>; } export class VanCheckbox<V> extends ViewComponent { /** * 选中 */ value: nasl.core.Boolean; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; constructor(options?: Partial<VanCheckboxOptions<V>>); } export class VanCheckboxOptions<V> extends ViewComponentOptions { private title; /** * 选中值 * 当前选中的值 */ label: V; /** * 形状 * 选择多选项为方形或圆形 */ shape: 'square' | 'round'; /** * 文本位置 * 设置文本居左或居右放置 */ labelPosition: 'right' | 'left'; /** * 选中 * 是否选中选项 */ value: nasl.core.Boolean; /** * 禁用 * 正常显示，但禁止选择/输入 */ disabled: nasl.core.Boolean; /** * 只读 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ readonly: nasl.core.Boolean; /** * 点击后 * 点击某一项后触发 */ onClick: (event: { altKey: nasl.core.Boolean; button: nasl.core.Integer; clientX: nasl.core.Integer; clientY: nasl.core.Integer; ctrlKey: nasl.core.Boolean; metaKey: nasl.core.Boolean; movementX: nasl.core.Integer; movementY: nasl.core.Integer; offsetX: nasl.core.Integer; offsetY: nasl.core.Integer; pageX: nasl.core.Integer; pageY: nasl.core.Integer; screenX: nasl.core.Integer; screenY: nasl.core.Integer; which: nasl.core.Integer; }) => void; slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanCircle extends ViewComponent { /** * 值 */ value: VanCircleOptions['value']; constructor(options?: Partial<VanCircleOptions>); } export class VanCircleOptions extends ViewComponentOptions { private text; /** * 当前进度 */ value: nasl.core.Decimal; /** * 顺时针增加 * 是否按照顺时针顺序增加 */ clockwise: nasl.core.Boolean; /** * 圆环直径 * 设置圆环直径，单位为px。 */ size: nasl.core.Decimal; /** * 进度条颜色 */ color: nasl.core.String; /** * 轨道颜色 */ layerColor: nasl.core.String; /** * 填充颜色 */ fill: nasl.core.String; /** * 进度条宽度 */ strokeWidth: nasl.core.Decimal; /** * 默认 * 显示的文本 */ slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanCollapse extends ViewComponent { /** * 值 */ value: VanCollapseOptions['value']; constructor(options?: Partial<VanCollapseOptions>); } export class VanCollapseOptions extends ViewComponentOptions { /** * 值 * 用于标识折叠面板的值 */ value: nasl.core.String | nasl.core.Integer | nasl.collection.List<nasl.core.String | nasl.core.Integer>; /** * 手风琴模式 * 是否开启手风琴模式 */ accordion: nasl.core.Boolean; /** * 切换时 * 切换时 */ onChange: (event: nasl.core.String) => void; /** * 插入`<van-collapse-item>`子组件。 */ slotDefault: () => Array<VanCollapseItem>; } export class VanCollapseItem extends ViewComponent { /** * 切换展开状态，传 true 为展开，false 为收起，不传参为切换 * 切换展开状态，传 true 为展开，false 为收起，不传参为切换 * @param expanded - '展开' */ toggle(expanded?: nasl.core.Boolean): any; constructor(options?: Partial<VanCollapseItemOptions>); } export class VanCollapseItemOptions extends ViewComponentOptions { private title; /** * 值 * 用于标识面板项的值 */ name: nasl.core.String | nasl.core.Integer; /** * 箭头图标 * 是否显示箭头图标 */ isLink: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 展开 * 展开 */ onOpen: (event: nasl.ui.BaseEvent) => void; /** * 收起 * 收起 */ onClose: (event: nasl.ui.BaseEvent) => void; slotTitle: () => Array<ViewComponent>; slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanDatetimePicker extends ViewComponent { constructor(options?: Partial<VanDatetimePickerOptions>); /** * 值 */ value: VanDatetimePickerOptions['value']; /** * 起始值 */ startValue: VanDatetimePickerOptions['startValue']; /** * 结束值 */ endValue: VanDatetimePickerOptions['endValue']; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; /** * 预览 */ preview: nasl.core.Boolean; /** * 打开 */ open(): any; /** * 关闭 */ close(): any; } export class VanDatetimePickerOptions extends ViewComponentOptions { private labelField; /** * 时间类型 * 设置时间选择类型 */ type: 'time' | 'date' | 'datetime'; /** * 最小单位 */ unit: 'date' | 'week' | 'month' | 'quarter' | 'year' | 'minute' | 'second'; /** * 展示格式 */ showFormatter: '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分'; /** * 高级格式化 * 用来控制数字的展示格式 */ advancedFormatEnable: nasl.core.Boolean; /** * 高级格式化内容 * 用来控制数字的展示格式 */ advancedFormatValue: nasl.core.String; /** * 区间选择 * 是否支持区间选择 */ range: nasl.core.Boolean; /** * 起始值 */ startValue: nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time; /** * 结束值 */ endValue: nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time; /** * 是否使用新版外观 * 是否使用新版外观 */ isNew: nasl.core.Boolean; /** * 值 * 用于标识时间选择的值 */ value: nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time; /** * 最小日期 * 当时间选择类型为datetime时可选的最小时间，精确到分钟, 默认为十年前 */ minDate: nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time; /** * 最大日期 * 当时间选择类型为datetime时可选的最大时间，精确到分钟, 默认为十年后 */ maxDate: nasl.core.String | nasl.core.DateTime | nasl.core.Date | nasl.core.Time; /** * 最大小时 * 当时间选择类型为 time 时 */ maxHour: nasl.core.Integer; /** * 最小小时 * 当时间选择类型为 time 时 */ minHour: nasl.core.Integer; /** * 最大分钟 * 当时间选择类型为 time 时 */ maxMinute: nasl.core.Integer; /** * 最小分钟 * 当时间选择类型为 time 时 */ minMinute: nasl.core.Integer; /** * 转换器 * 将选中的值以选择的符号作为连接符，转为字符串格式；选择“json”则转为JSON字符串格式 */ converter: 'format' | 'timestamp' | 'json' | 'date'; private displayFormat; /** * 顶部栏标题 */ title: nasl.core.String; /** * 对齐方式 * 设置右侧内容的对齐方式 */ inputAlign: 'left' | 'center' | 'right'; /** * 点击遮罩层后关闭 */ closeOnClickOverlay: nasl.core.Boolean; /** * 只读 * 正常显示，但禁止选择/输入 */ readonly: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 占位提示 */ placeholder: nasl.core.String; /** * 预览 * 显示预览态 */ preview: nasl.core.Boolean; /** * 确认 * 点击完成按钮时触发的事件 */ onConfirm: (event: nasl.core.String) => void; /** * 取消 * 点击完成取消时触发的事件 */ onCancel: (event: nasl.ui.BaseEvent) => void; slotTitle: () => Array<ViewComponent>; slotTop: () => Array<ViewComponent>; slotBottom: () => Array<ViewComponent>; /** * 自定义 */ slotPannelTitle: () => Array<ViewComponent>; /** * 自定义选择器顶部内容 */ slotPickerTop: () => Array<VanPickerActionSlot>; /** * 自定义选择器底部内容 */ slotPickerBottom: () => Array<VanPickerActionSlot>; } export class VanDatetimePickerActionSlot extends ViewComponent { constructor(options?: Partial<VanDatetimePickerActionSlotOptions>); } export class VanDatetimePickerActionSlotOptions extends ViewComponentOptions { /** * 触发的事件名称 */ targetMethod: 'confirm' | 'cancel'; slotDefault: () => Array<ViewComponent>; } export class VanPickerActionSlot extends ViewComponent { constructor(options?: Partial<VanPickerActionSlotOptions>); } export class VanPickerActionSlotOptions extends ViewComponentOptions { /** * 触发的事件名称 */ targetMethod: 'confirm' | 'cancel' | 'none'; /** * 内容自定义 */ slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanDialog extends ViewComponent { constructor(options?: Partial<VanDialogOptions>); /** * 展示弹窗 */ visible: nasl.core.Boolean; /** * 打开弹窗 */ openModal(): any; /** * 关闭弹窗 */ closeModal(): any; } export class VanDialogOptions extends ViewComponentOptions { private showConfirmButton; private showCancelButton; /** * 展示弹窗 */ value: nasl.core.Boolean; /** * 点击遮罩层后关闭 */ closeOnClickOverlay: nasl.core.Boolean; /** * 打开弹出层后 * 打开弹出层时触发 */ onOpen: (event: nasl.ui.BaseEvent) => void; /** * 关闭弹出层后 * 关闭弹出层时触发 */ onClose: (event: nasl.ui.BaseEvent) => void; /** * 内容自定义 */ slotDefault: () => Array<ViewComponent>; /** * 内容自定义 */ slotFooter: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanDivider extends ViewComponent { constructor(options?: Partial<VanDividerOptions>); } export class VanDividerOptions extends ViewComponentOptions { /** * 内容位置 * 设置内容位置 */ contentPosition: 'center' | 'left' | 'right'; private title; /** * 线条类型 */ dashed: 'b' | 'a'; /** * 默认 * 显示的文本 */ slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanDropdownMenu extends ViewComponent { /** * 打开状态 */ opened: nasl.core.Boolean; constructor(options?: Partial<VanDropdownMenuOptions>); } export class VanDropdownMenuOptions extends ViewComponentOptions { private value; private route; /** * 展开方向 * 设置下拉菜单的展开方向 */ direction: 'up' | 'down'; /** * 显示遮罩层 */ overlay: nasl.core.Boolean; /** * 点击遮罩层后关闭 * 是否点击遮罩层后关闭菜单 */ closeOnClickOverlay: nasl.core.Boolean; /** * 插入`<van-dropdown-menu>`子组件。 */ slotDefault: () => Array<VanDropdownItem>; } export class VanDropdownItem extends ViewComponent { constructor(options?: Partial<VanDropdownItemOptions>); /** * 切换菜单展示状态 * @param show - '展示' */ toggle(show?: nasl.core.Boolean): any; } export class VanDropdownItemOptions extends ViewComponentOptions { /** * 值 * 用于标识菜单项的值 */ value: nasl.core.String; /** * 标题 */ title: nasl.core.String; /** * 点击菜单子项关闭 * 是否通过点击菜单子项关闭 */ shutself: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 点击选项导致 value 变化时触发 * 点击选项导致 value 变化时触发 */ onChange: (event: nasl.core.String) => void; /** * 打开菜单栏时触发 * 打开菜单栏时触发 */ onOpen: (event: nasl.ui.BaseEvent) => void; /** * 关闭菜单栏时触发 * 关闭菜单栏时触发 */ onClose: (event: nasl.ui.BaseEvent) => void; /** * 插入`<van-dropdown-item-son>`子组件。 */ slotDefault: () => Array<VanDropdownItemSon>; } export class VanDropdownItemSon extends ViewComponent { constructor(options?: Partial<VanDropdownItemSonOptions>); } export class VanDropdownItemSonOptions extends ViewComponentOptions { private rtitle; private label; /** * 值 * 用于标识菜单子项的值 */ value: nasl.core.String; /** * 箭头 * 是否显示箭头图标 */ isLink: nasl.core.Boolean; /** * 箭头方向 * 设置箭头方向 */ arrowDirection: 'left' | 'up' | 'down' | 'right'; /** * 垂直居中 */ center: nasl.core.Boolean; /** * 文本 * 菜单子项的左侧文本 */ title: nasl.core.String; /** * 图标 * 菜单子项的显示图标 */ icon: nasl.core.String; /** * 链接类型 */ linkType: 'destination' | 'download'; /** * 链接地址 */ hrefAndTo: nasl.core.String; /** * 打开方式 * 父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。 */ target: '_blank' | '_self' | '_parent' | '_top'; /** * 点击后 * 点击某一项后触发 */ onClick: (event: { altKey: nasl.core.Boolean; button: nasl.core.Integer; clientX: nasl.core.Integer; clientY: nasl.core.Integer; ctrlKey: nasl.core.Boolean; metaKey: nasl.core.Boolean; movementX: nasl.core.Integer; movementY: nasl.core.Integer; offsetX: nasl.core.Integer; offsetY: nasl.core.Integer; pageX: nasl.core.Integer; pageY: nasl.core.Integer; screenX: nasl.core.Integer; screenY: nasl.core.Integer; which: nasl.core.Integer; }) => void; /** * 插入文本或 HTML。 */ slotDefault: () => Array<ViewComponent>; /** * 文本 */ slotTitle: () => Array<ViewComponent>; /** * 右侧图标。 */ private slotRightIcon; } } declare namespace nasl.ui { export class VanFieldinput extends ViewComponent { constructor(options?: Partial<VanFieldinputOptions>); /** * 值 */ value: VanFieldinputOptions['value']; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; /** * 预览 */ preview: nasl.core.Boolean; /** * 让输入框获取焦点。 */ focus(): any; /** * 让输入框失去焦点。 */ blur(): any; /** * 清空输入框。 */ clear(): any; } export class VanFieldinputOptions extends ViewComponentOptions { private prefix; private suffix; /** * 值 * 用于标识输入框的值 */ value: nasl.core.String; /** * 类型 * 设置输入框的类型 */ type: 'text' | 'password' | 'integer' | 'rndinteger' | 'point' | 'card'; /** * 占位符 * 输入框为空的展示文字 */ placeholder: nasl.core.String; /** * 最大输入长度 */ maxlength: nasl.core.Integer; /** * 键盘标题 */ keyboardTitle: nasl.core.String; /** * 按钮内容 * 设置完成按钮文字内容 */ confirmText: nasl.core.String; /** * 按钮尺寸 * 设置完成按钮大小 */ confirmSize: 'default' | 'large'; /** * 可清除 * 是否在输入框内展示清除按钮 */ clearable: nasl.core.Boolean; /** * 只读 * 正常显示，但禁止选择/输入。 */ readonly: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 输入框样式 * 设置输入框样式 */ inputstyle: 'input' | 'password'; /** * 键盘样式 * 设置键盘样式 */ keytheme: 'native' | 'custom'; /** * 定制键盘布局 */ keyboardTheme: 'default' | 'custom'; /** * 预览 * 显示预览态 */ preview: nasl.core.Boolean; /** * 输入时 * 输入时触发。 */ onInput: (event: nasl.ui.BaseEvent) => void; /** * 改变后 * 值变化时触发。（注意：与原生事件不同） */ onChange: (event: nasl.core.String) => void; /** * 获得焦点 * 获得焦点时触发。 */ onFocus: (event: nasl.ui.BaseEvent) => void; /** * 失去焦点 * 失去焦点时触发。 */ onBlur: (event: nasl.ui.BaseEvent) => void; /** * 清空后 * 清空后触发。 */ onClear: (event: nasl.ui.BaseEvent) => void; /** * 输入完成时 * 输入完成时后触发。 */ onEnoughkey: (event: nasl.core.String) => void; /** * 点击完成按钮时 * 点击定制键盘完成按钮时触发。 */ onClickConfirm: (event: nasl.core.String) => void; } } declare namespace nasl.ui { export class VanFieldtextarea extends ViewComponent { constructor(options?: Partial<VanFieldtextareaOptions>); /** * 值 */ value: VanFieldtextareaOptions['value']; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; /** * 预览 */ preview: nasl.core.Boolean; /** * 让输入框获取焦点。 */ focus(): any; /** * 让输入框失去焦点。 */ blur(): any; /** * 清空输入框。 */ clear(): any; } export class VanFieldtextareaOptions extends ViewComponentOptions { private prefix; private suffix; /** * 值 * 用于标识多行输入的值 */ value: nasl.core.String; /** * 占位符 * 输入框为空的显示文字 */ placeholder: nasl.core.String; /** * 最大字符数 * 输入框内可输入的最大字符数，超过时不支持输入。 */ maxlength: nasl.core.Integer; /** * 显示字数统计 * 设置是否显示「可输入最大字符数」的字数统计 */ showWordLimit: nasl.core.Boolean; /** * 自适应内容高度 * 可输入如{maxHeight:100,minHeight:50}，单位默认为px。 */ autosize: nasl.core.Boolean | { maxHeight: nasl.core.Integer; minHeight: nasl.core.Integer; }; /** * 可清除 * 是否在输入框内展示清除按钮 */ clearable: nasl.core.Boolean; /** * 只读 * 正常显示，但禁止选择/输入 */ readonly: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 预览 * 显示预览态 */ preview: nasl.core.Boolean; /** * 输入时 * 输入时触发。 */ onInput: (event: nasl.ui.BaseEvent) => void; /** * 改变后 * 值变化时触发。（注意：与原生事件不同） */ onChange: (event: nasl.core.String) => void; /** * 获得焦点 * 获得焦点时触发。 */ onFocus: (event: nasl.ui.BaseEvent) => void; /** * 失去焦点 * 失去焦点时触发。 */ onBlur: (event: nasl.ui.BaseEvent) => void; /** * 清空后 * 清空后触发。 */ onClear: (event: nasl.ui.BaseEvent) => void; } } declare namespace nasl.ui { export class VanForComponents<T> extends ViewComponent { constructor(options?: Partial<VanForComponentsOptions<T>>); /** * 数据 */ data: VanForComponentsOptions<T>['dataSource']; } export class VanForComponentsOptions<T> extends ViewComponentOptions { /** * 数据源 * 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。 */ dataSource: nasl.collection.List<T> | { total: nasl.core.Integer; list: nasl.collection.List<T>; }; /** * 数据类型 * 数据源返回的数据结构的类型，自动识别类型进行展示说明。 */ dataSchema: T; /** * 排列项数 * 设置每行排列项数，为空时自适应宽度，自动换行。 */ colnum: nasl.core.Decimal; /** * 自动换行 * 是否自动换行，排列项数为空时生效。 */ wrap: nasl.core.Boolean; /** * 均分宽度 * 是否均分宽度，排列项数不为空时生效。 */ equalWidth: nasl.core.Boolean; /** * 内容自定义 */ slotDefault: (current?: Current<T>) => Array<ViewComponent>; /** * 内容自定义 */ slotItem: (current: Current<T>) => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanForm extends ViewComponent { constructor(options?: Partial<VanFormOptions>); /** * 验证表单，支持传入 name 来验证单个或部分表单项 * @param name - '可选。需要验证的表单项 name' */ validate(name?: nasl.core.String | nasl.collection.List<nasl.core.String>): nasl.ui.ValidateResult; } export class VanFormOptions extends ViewComponentOptions { private labelAlign; private inputAlign; /** * 验证通过 * 提交表单且验证通过后触发 */ onSubmit: (event: {}) => void; /** * 验证不通过 * 提交表单且验证不通过后触发 */ onFailed: (event: { values: {}; }) => void; /** * 插入`<van-field>`子组件。 */ slotDefault: () => Array<VanField>; } export class VanField extends ViewComponent { constructor(options?: Partial<VanFieldOptions>); } export class VanFieldOptions extends ViewComponentOptions { private value; private name; private type; private label; private size; private placeholder; /** * 标签布局 */ labelLayout: 'inline' | 'block'; /** * 必填标记 */ required: nasl.core.Boolean; /** * 验证规则 * 设置验证规则，简写格式为字符串类型，完整格式或混合格式为数组类型 */ rules: nasl.collection.List<nasl.core.String>; /** * 显示底边框 * 是否显示底边框 */ border: nasl.core.Boolean; /** * 插入自定义输入框 */ slotInput: () => Array<ViewComponent>; slotTitle: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanGallery<T> extends ViewComponent { /** * 数据 */ data: nasl.collection.List<T>; constructor(options?: Partial<VanGalleryOptions<T>>); } export class VanGalleryOptions<T> extends ViewComponentOptions { /** * 数据源 * 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑。 */ dataSource: nasl.collection.List<T> | { total: nasl.core.Integer; list: nasl.collection.List<T>; }; } } declare namespace nasl.ui { export class VanIconv extends ViewComponent { constructor(options?: Partial<VanIconvOptions>); } export class VanIconvOptions extends ViewComponentOptions { /** * 图标 */ name: nasl.core.String; /** * 布局类型 * 设置图标布局类型 */ icotype: 'only' | 'top' | 'left'; /** * 链接类型 */ linkType: 'destination' | 'download'; /** * 链接地址 */ hrefAndTo: nasl.core.String; /** * 打开方式 * 父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。 */ target: '_blank' | '_self' | '_parent' | '_top'; /** * 点击后 * 点击此项时触发 */ onClick: (event: nasl.ui.BaseEvent) => void; /** * 插入文本或HTML */ slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanImage extends ViewComponent { /** * 地址 */ src: VanImageOptions['src']; /** * 默认图地址 */ placeholderSrc: VanImageOptions['placeholderSrc']; /** * 预览状态 */ preview: nasl.core.Boolean; constructor(options?: Partial<VanImageOptions>); } export class VanImageOptions extends ViewComponentOptions { /** * 加载样式 */ loadingType: 'loading' | 'none' | 'placeholder'; /** * 默认图地址 */ placeholderSrc: nasl.core.String; /** * 图片地址 */ src: nasl.core.String; /** * 填充方式 * 设置图片的填充方式 */ fit: 'contain' | 'scale-down' | 'none' | 'fill' | 'cover'; /** * 图片风格 * 选择图片为方形或圆形 */ sr: 's' | 'r'; /** * 点击放大 * 是否支持点击放大全屏展示 */ preview: nasl.core.Boolean; /** * 点击后 * 点击此项时触发 */ onClick: (event: { altKey: nasl.core.Boolean; button: nasl.core.Integer; clientX: nasl.core.Integer; clientY: nasl.core.Integer; ctrlKey: nasl.core.Boolean; metaKey: nasl.core.Boolean; movementX: nasl.core.Integer; movementY: nasl.core.Integer; offsetX: nasl.core.Integer; offsetY: nasl.core.Integer; pageX: nasl.core.Integer; pageY: nasl.core.Integer; screenX: nasl.core.Integer; screenY: nasl.core.Integer; which: nasl.core.Integer; }) => void; } } declare namespace nasl.ui { export class VanLinearLayout extends ViewComponent { constructor(options?: Partial<VanLinearLayoutOptions>); /** * 打开加载中 * 打开加载中 */ openLoading(): any; /** * 关闭加载中 * 关闭加载中 */ closeLoading(): any; } export class VanLinearLayoutOptions extends ViewComponentOptions { private display; /** * 内容间隙 * 内容块间隙大小 */ gap: 'shrink' | 'none' | 'mini' | 'small' | 'large' | 'normal'; /** * 子元素展示方式 * 设置子元素行内展示或块级换行展示 */ layout: 'none' | 'inline' | 'block'; /** * 加载中图标 * 加载状态中显示的图标 */ loadingIcon: nasl.core.String; /** * 加载中图标旋转 * 设置加载中图标是否旋转，默认开启。 */ loadingIconRotate: nasl.core.Boolean; /** * 加载中文案 * 加载状态中显示的文案 */ loadingText: nasl.core.String; /** * 布局模式 * 设置布局模式 */ mode: 'inline' | 'block' | 'flex'; /** * 主轴方向 */ direction: 'horizontal' | 'vertical'; /** * 横轴对齐 */ justify: 'start' | 'center' | 'end' | 'space-between' | 'space-around'; /** * 纵轴对齐 */ alignment: 'start' | 'center' | 'end' | 'baseline' | 'stretch'; _alignment: 'start' | 'center' | 'end' | 'stretch'; _justify: 'start' | 'center' | 'end' | 'space-between' | 'space-around'; /** * 换行 * 弹性布局下子元素总宽度超出父级时子元素是否换行展示 */ wrap: nasl.core.Boolean; /** * 点击后 * 点击此项时触发 */ onClick: (event: nasl.ui.BaseEvent) => void; /** * 内容 */ slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanMyProcess extends ViewComponent { constructor(options?: Partial<VanMyProcessOptions>); } export class VanMyProcessOptions extends ViewComponentOptions {} } declare namespace nasl.ui { export class VanNoticeBar extends ViewComponent { constructor(options?: Partial<VanNoticeBarOptions>); } export class VanNoticeBarOptions extends ViewComponentOptions { private text; /** * 类型 * 设置通知栏类型 */ mode: 'closeable' | 'link' | 'normal'; /** * 开启滚动播放 */ scrollable: nasl.core.Boolean; /** * 开启文本换行 * 关闭滚动播放时该属性即可生效 */ wrapable: nasl.core.Boolean; /** * 链接类型 */ linkType: 'destination' | 'download'; /** * 链接地址 */ hrefAndTo: nasl.core.String; /** * 打开方式 * 父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。 */ target: '_blank' | '_self' | '_parent' | '_top'; /** * 点击通知栏时触发 * 点击通知栏时触发 */ onClick: (event: { altKey: nasl.core.Boolean; button: nasl.core.Integer; clientX: nasl.core.Integer; clientY: nasl.core.Integer; ctrlKey: nasl.core.Boolean; metaKey: nasl.core.Boolean; movementX: nasl.core.Integer; movementY: nasl.core.Integer; offsetX: nasl.core.Integer; offsetY: nasl.core.Integer; pageX: nasl.core.Integer; pageY: nasl.core.Integer; screenX: nasl.core.Integer; screenY: nasl.core.Integer; which: nasl.core.Integer; }) => void; /** * 关闭通知栏时触发 * 关闭通知栏时触发 */ onClose: (event: nasl.ui.BaseEvent) => void; /** * 点击链接 * 点击链接 */ onRout: (event: nasl.ui.BaseEvent) => void; /** * 文本插槽 */ slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanPickerson<T, V, M extends nasl.core.Boolean, P extends nasl.core.Boolean> extends ViewComponent { constructor(options?: Partial<VanPickersonOptions<T, V, M, P>>); /** * 选中值 */ value: VanPickersonOptions<T, V, M, P>['value']; /** * 数据 */ data: nasl.collection.List<T>; /** * 当前页数 */ page: nasl.core.Integer; /** * 当前页数 */ size: nasl.core.Integer; /** * 过滤文本 */ filterText: nasl.core.String; /** * 禁用 */ disabled: nasl.core.Boolean; /** * 只读 */ readonly: nasl.core.Boolean; /** * 预览 */ preview: nasl.core.Boolean; /** * 重新加载数据 */ reload(): any; } export class VanPickersonOptions<T, V, M extends nasl.core.Boolean, P extends nasl.core.Boolean> extends ViewComponentOptions { private labelField; private defaultIndex; /** * 是否使用新版外观 */ isNew: nasl.core.Boolean; /** * 值 * 用于标识选择器的值 */ value: M extends true ? nasl.collection.List<V> : V; /** * 数据源 * 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑 */ dataSource: nasl.collection.List<T> | { total: nasl.core.Integer; list: nasl.collection.List<T>; }; /** * 数据类型 * 集合类型每一元素的数据类型 */ dataSchema: T; /** * 值字段 * 选项值的字段名 */ valueField: (item: T) => V; /** * 文本字段 * 选项文本的字段名 */ textField: (item: T) => any; /** * 默认每页条数 */ pageSize: nasl.core.Decimal; /** * 初始化排序规则 * 设置数据初始化时的排序字段和顺序规则 */ sorting: { field: nasl.core.String; order: nasl.core.String; }; /** * 匹配方法 * 设置过滤时的匹配方法 */ matchMethod: 'includes' | 'startsWith' | 'endsWith'; /** * 分页加载更多 * 设置是否分页加载更多 */ pageable: nasl.core.Boolean; /** * 列表样式 * 设置列表样式，仅列表展示时支持多选 */ type: 'picker' | 'list'; /** * 占位提示 */ placeholder: nasl.core.String; /** * 工具栏标题 */ title: nasl.core.String; /** * 确认按钮文字 */ confirmButtonText: nasl.core.String; /** * 取消按钮文字 */ cancelButtonText: nasl.core.String; /** * 可见选项个数 * 设置可见选项个数 */ visibleItemCount: nasl.core.Integer; /** * 对齐方式 * 设置右侧内容的对齐方式 */ inputAlign: 'left' | 'center' | 'right'; /** * 显示工具栏 */ showToolbar: nasl.core.Boolean; /** * 支持筛选 * 设置是否支持筛选，开启将会支持搜索。 */ filterable: nasl.core.Boolean; /** * 可多选 */ multiple: nasl.core.Boolean; /** * 全选 */ enableSelectAll: nasl.core.Boolean; /** * 已选中项数 * 是否显示当前已选中项数 */ enableSelectedCount: nasl.core.Boolean; /** * 点击遮罩层后关闭 */ closeOnClickOverlay: nasl.core.Boolean; /** * 初始加载 * 是否在初始时立即加载 */ initialLoad: nasl.core.Boolean; /** * 只读 * 正常显示，但禁止选择/输入 */ readonly: nasl.core.Boolean; /** * 禁用 * 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） */ disabled: nasl.core.Boolean; /** * 预览 * 显示预览态 */ preview: nasl.core.Boolean; /** * 点击完成按钮时触发 * 回调参数：选中值，选中值对应的索引 */ onConfirm: (event: M extends true ? nasl.collection.List<V> : V) => void; /** * 点击取消按钮时触发 * 回调参数：选中值，选中值对应的索引 */ onCancel: (event: nasl.ui.BaseEvent) => void; /** * 选项改变时触发 * 回调参数：Picker 实例，选中值，选中值对应的索引 */ onChange: (event: nasl.ui.BaseEvent) => void; /** * option */ slotOption: (current: Current<T>) => Array<ViewComponent>; /** * 自定义标题 */ slotTitle: () => Array<ViewComponent>; /** * 自定义 */ slotPannelTitle: () => Array<ViewComponent>; /** * 自定义选择器顶部内容 */ slotPickerTop: () => Array<VanPickerActionSlot>; /** * 自定义选择器底部内容 */ slotPickerBottom: () => Array<VanPickerActionSlot>; } } declare namespace nasl.ui { export class VanPopover extends ViewComponent { openModal(): any; closeModal(): any; constructor(options?: Partial<VanPopoverOptions>); } export class VanPopoverOptions extends ViewComponentOptions { value: nasl.core.Boolean; overlay: nasl.core.Boolean; closeOnClickAction: nasl.core.Boolean; theme: 'dark' | 'light'; placement: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'; onSelect: (event: nasl.ui.BaseEvent) => void; onOpen: (event: nasl.ui.BaseEvent) => void; onClose: (event: nasl.ui.BaseEvent) => void; slotDefault: () => Array<VanPopoverItem>; } export class VanPopoverItem extends ViewComponent { constructor(options?: Partial<VanPopoverItemOptions>); } export class VanPopoverItemOptions extends ViewComponentOptions { text: nasl.core.String; disabled: nasl.core.Boolean; onClick: (event: nasl.ui.BaseEvent) => any; } } declare namespace nasl.ui { export class VanPopup extends ViewComponent { constructor(options?: Partial<VanPopupOptions>); /** * 展示抽屉 */ visible: nasl.core.Boolean; /** * 打开抽屉 */ openModal(): any; /** * 关闭抽屉 */ closeModal(): any; } export class VanPopupOptions extends ViewComponentOptions { /** * 展示弹层 */ value: nasl.core.Boolean; /** * 弹出位置 * 设置弹出位置 */ position: 'top' | 'bottom' | 'right' | 'left'; /** * 点击遮罩层后关闭 */ closeOnClickOverlay: nasl.core.Boolean; /** * 点击抽屉 * 点击抽屉时触发 */ onClick: (event: nasl.ui.BaseEvent) => void; /** * 点击遮罩层 * 点击遮罩层时触发 */ onClickOverlay: (event: nasl.ui.BaseEvent) => void; /** * 打开抽屉后 * 打开抽屉时触发 */ onOpen: (event: nasl.ui.BaseEvent) => void; /** * 关闭抽屉后 * 关闭抽屉时触发 */ onClose: (event: nasl.ui.BaseEvent) => void; /** * 内容自定义 */ slotDefault: () => Array<ViewComponent>; } } declare namespace nasl.ui { export class VanProcessButton extends ViewComponent { constructor(options?: Partial<VanProcessButtonOptions>); } export class VanProcessButtonOptions extends ViewComponentOptions { /** * 操作成功响应方式 */ linkType: 'destination'; /** * 链接地址 */ hrefAndTo: nasl.core.String; /** * 链接打开方式 * 链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。 */ target: '_blank' | '_self' | '_parent' | '_top'; /** * 更多气泡弹出位置 * 设置更多选项的气泡弹出位置 */ placement: 'top-start' | 'bottom-start'; } } declare namespace nasl.ui { export class VanProcessInfo extends ViewComponent { constructor(options?: Partial<VanProcessInfoOptions>); } export class VanProcessInfoOptions extends ViewComponentOptions {} } declare namespace nasl.ui { export class VanProcessRecord extends ViewComponent { constructor(options?: Partial<VanProcessRecordOptions>); }