UNPKG

@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
"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;