@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
176 lines (175 loc) • 2.85 kB
JavaScript
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const OptionWidthModeTypes = ["auto", "min-width", "width"];
const selectProps = {
/**
* 下拉框的值
* v-model
*/
modelValue: {
type: [String, Number, Array]
},
/**
* 下拉框的默认值
* 非受控
*/
defaultValue: {
type: [String, Number, Array]
},
/**
* 大小 SizeT
*/
size: {
type: String
},
/**
* 圆角值 RoundT
*/
round: {
type: String
},
/**
* 颜色类型 Color2T
*/
color: {
type: String,
default: "normal"
},
/**
* 按钮类型:VariantT
*/
variant: {
type: String,
default: "outline"
},
/**
* 提示文本
*/
placeholder: {
type: String
},
/**
* 是否支持多选
*/
multiple: {
type: Boolean
},
/**
* 多选标签最大显示数量
*/
maxTagCount: {
type: Number
},
/**
* 是否可以清除
*/
clearable: {
type: Boolean
},
/**
* 是否禁用
*/
disabled: {
type: Boolean
},
/**
* 下拉选项触发方式 PopupTriggerT
*/
trigger: {
type: String,
default: "click"
},
/**
* 下拉选项位置 PopupPositionT
*/
optionPosition: {
type: String,
default: "bl"
},
/**
* 下拉选项宽度自适应规则 OptionWidthModeT
* 'auto':自动 | 'min-width':最小宽度与选择框一致 | 'width': 宽度与选择框一致
*/
optionWidthMode: {
type: String,
default: "min-width"
},
/**
* 下拉容器自定义类
*/
optionWrapClass: {
type: [String, Array]
},
/**
* 是否在结束选择时,卸载下拉选项
* v-model
*/
unmountOnHide: {
type: Boolean,
default: true
},
/**
* 过渡名称
*/
transition: {
type: String
},
/**
* 加载状态
*/
loading: {
type: Boolean
},
/**
* 选择前回调,根据返回值判断是否显示
*/
beforeSelect: {
type: Function
},
/**
* 显示前回调,根据返回值判断是否显示
*/
beforeOptionsShow: {
type: Function
},
/**
* 隐藏前回调,根据返回值判断是否隐藏
*/
beforeOptionsHide: {
type: Function
},
/**
* 挂载容器,默认为body
*/
optionsWrapper: {
type: [String, Object],
default: "body"
},
/**
* 多选超过最大tag是,文本显示
*/
foldLabel: {
type: Function
},
/**
* 浮层显示收起的多选tag
*/
showFoldTags: {
type: [Boolean, String],
default: "hover"
},
/**
* 选项标题(pad、phone显示)
*/
optionTitle: {
type: String
},
/**
* 下拉浮层是否响应式
*/
noResponsive: {
type: Boolean
}
};
exports.OptionWidthModeTypes = OptionWidthModeTypes;
exports.selectProps = selectProps;