UNPKG

@opensig/opendesign

Version:

215 lines (214 loc) 3.9 kB
"use strict"; Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" }); const is = require("../_utils/is.js"); const sliderProps = { /** * @zh-CN 双向绑定值 * @en-US v-model value. * @default 0 */ modelValue: { type: [Number, Array], default: 0 }, /** * @zh-CN 滑动条最小值 * @en-US The min value. * @default 0 */ min: { type: Number, default: 0 }, /** * @zh-CN 滑动条最大值 * @en-US The max value. * @default 100 */ max: { type: Number, default: 100 }, /** * @zh-CN 每一分段值 * @en-US Each segment value. * @default 1 */ step: { type: Number, default: 1 }, /** * @zh-CN 禁用 * @en-US Disabled. */ disabled: { type: Boolean }, /** * @zh-CN 输入框尺寸 * @en-US Input box size. */ inputSize: { type: String }, /** * @zh-CN 显示输入框 * @en-US Show input box. */ showInput: { type: Boolean }, /** * @zh-CN 显示输入框控制器 * @en-US Show input box controls. */ showInputControls: { type: Boolean }, /** * @zh-CN 显示间隔点 * @en-US Show stops. */ showStops: { type: Boolean }, /** * @zh-CN 范围 * @en-US Range. */ range: { type: Boolean }, /** * @zh-CN 方向 * @en-US Direction. */ direction: { type: String, default: "h" }, /** * @zh-CN 垂直方向滑动条高度 * @en-US Vertical height. */ height: { type: String }, /** * @zh-CN 气泡容器自定义类名 * @en-US Custom class name for bubble container. */ wrapClass: { type: String }, /** * @zh-CN 气泡定位方向 * @en-US Bubble positioning direction. */ position: { type: String, default: "bottom" }, /** * @zh-CN 每个间隔点对应的标记 * @en-US The label corresponding to each interval point. */ marks: { type: Object }, /** * @zh-CN 单位 * @en-US Unit. */ unit: { type: String }, /** * @zh-CN 控制气泡渲染 * @en-US Control bubble rendering. */ showPopover: { type: Boolean, default: true } }; const sliderButtonProps = { /** * @zh-CN 双向绑定值 * @en-US v-model value. * @default 0 */ modelValue: { type: Number, default: 0 }, /** * @zh-CN 气泡定位方向 * @en-US Bubble positioning direction. */ position: { type: String, default: "top" }, /** * @zh-CN 气泡容器自定义类名 * @en-US Custom class name for bubble container. */ wrapClass: { type: String }, /** * @zh-CN 方向 * @en-US Direction. */ direction: { type: String, default: "h" }, /** * @zh-CN 控制间隔滑动条按钮实心圆渲染 * @en-US Rendering of the solid circle of the control interval slider button. */ showSolidCircle: { type: Boolean }, /** * @zh-CN 控制气泡渲染 * @en-US Control bubble rendering. */ showPopover: { type: Boolean } }; const sliderMarksProps = { /** * @zh-CN 每个间隔点对应的标记 * @en-US The label corresponding to each interval point. */ mark: { type: [String, Object] } }; const isValidValue = (value) => is.isNumber(value) || is.isArray(value) && value.every(is.isNumber); const sliderEmits = { /** * @zh-CN 双向绑定值更新 * @en-US v-model value update */ "update:modelValue": isValidValue, /** * @zh-CN 滑块拖动时触发 * @en-US Triggered while dragging the slider */ input: isValidValue, /** * @zh-CN 滑块值改变后触发 * @en-US Triggered after the slider value changes */ change: isValidValue }; exports.sliderButtonProps = sliderButtonProps; exports.sliderEmits = sliderEmits; exports.sliderMarksProps = sliderMarksProps; exports.sliderProps = sliderProps;