init

uni_modules/nutui-uni/components/range/range.ts

@@ -0,0 +1,74 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../_constants'
+import { commonProps, isNumber, makeNumericProp, makeObjectProp, nullableBooleanProp } from '../_utils'
+import type { RangeValue } from './types'
+
+export const rangeProps = {
+  ...commonProps,
+  /**
+   * @description 当前进度百分比
+   */
+  modelValue: {
+    type: [Number, Array] as PropType<RangeValue>,
+    default: 0,
+  },
+  /**
+   * @description 是否开启双滑块模式
+   */
+  range: Boolean,
+  /**
+   * @description 最大值
+   */
+  max: makeNumericProp(100),
+  /**
+   * @description 最小值
+   */
+  min: makeNumericProp(0),
+  /**
+   * @description 步长
+   */
+  step: makeNumericProp(1),
+  /**
+   * @description 是否禁用滑块
+   */
+  disabled: nullableBooleanProp,
+  /**
+   * @description 是否竖向展示
+   */
+  vertical: Boolean,
+  /**
+   * @description 是否隐藏范围值
+   */
+  hiddenRange: Boolean,
+  /**
+   * @description 是否隐藏标签
+   */
+  hiddenTag: Boolean,
+  /**
+   * @description 进度条激活态颜色
+   */
+  activeColor: String,
+  /**
+   * @description 进度条非激活态颜色
+   */
+  inactiveColor: String,
+  /**
+   * @description 按钮颜色
+   */
+  buttonColor: String,
+  /**
+   * @description 刻度标示
+   */
+  marks: makeObjectProp<any>({}),
+}
+
+export type RangeProps = ExtractPropTypes<typeof rangeProps>
+
+export const rangeEmits = {
+  [UPDATE_MODEL_EVENT]: (val: RangeValue) => isNumber(val) || val instanceof Object,
+  dragStart: () => true,
+  [CHANGE_EVENT]: (val: RangeValue) => isNumber(val) || val instanceof Object,
+  dragEnd: () => true,
+}
+
+export type RangeEmits = typeof rangeEmits