MCPcopy Index your code
hub / github.com/NightCatSama/vue-slider-component

github.com/NightCatSama/vue-slider-component @v3.2.15

Chat with this repo
repository ↗ · DeepWiki ↗ · release v3.2.15 ↗ · + Follow
155 symbols 331 edges 33 files 16 documented · 10% 4 cross-repo links
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

vue-slider-component

downloads npm-version license

🎚 一个高度定制化的滑块组件

English | 简体中文

🍉 Vue3.x

目前仍然是测试版本,可能存在意想不到的 bug,请谨慎使用。

安装

$ yarn add vue-slider-component@next
# npm install vue-slider-component@next --save

注意事项

  • 由于类型冲突,参数 data 更改为 v-data(可能是临时更改)

✨ 新特性

  • 🍖 更加可定制化
  • 👗 多种样式主题
  • 🐳 支持更多的滑块
  • 📌 增加标志设置
  • 🎉 支持 SSR
  • 🍒 支持 Typescript

📚 文档

在线文档:https://nightcatsama.github.io/vue-slider-component/#/zh-CN/

在线例子:https://jsfiddle.net/NightCatSama/2xy72dod/10547/

🎯 安装

$ yarn add vue-slider-component
# npm install vue-slider-component --save

🚀 使用

<template>
  <vue-slider v-model="value" />
</template>

<script>
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  components: {
    VueSlider
  },
  data () {
    return {
      value: 0
    }
  }
}
</script>

更新日志

每个版本的更新日志

支持

如果你喜欢这个组件,你也可以请我喝咖啡 ☕️ 。

License

MIT

Extension points exported contracts — how you extend this code

IPosObject (Interface)
(no doc)
lib/utils/index.ts
Element (Interface)
(no doc)
lib/typings/global.d.ts
Query (Interface)
(no doc)
src/utils.ts
Nav (Interface)
(no doc)
src/nav/index.ts
StateMap (Interface)
(no doc)
lib/utils/state.ts
ElementClass (Interface)
(no doc)
lib/typings/global.d.ts
NavObj (Interface)
(no doc)
src/nav/index.ts
IntrinsicElements (Interface)
(no doc)
lib/typings/global.d.ts

Core symbols most depended-on inside this repo

toNumber
called by 22
lib/utils/decimal.ts
setValue
called by 14
lib/vue-slider.tsx
safeRoundUp
called by 11
lib/utils/decimal.ts
setDotPos
called by 10
lib/utils/control.ts
multiply
called by 9
lib/utils/decimal.ts
has
called by 9
lib/utils/state.ts
syncValueByPos
called by 8
lib/vue-slider.tsx
divide
called by 8
lib/utils/decimal.ts

Shape

Method 109
Interface 18
Function 13
Class 12
Enum 3

Languages

TypeScript100%

Modules by API surface

lib/vue-slider.tsx51 symbols
lib/utils/control.ts35 symbols
lib/utils/decimal.ts13 symbols
lib/vue-slider-dot.tsx10 symbols
lib/typings/index.d.ts10 symbols
lib/utils/state.ts8 symbols
lib/vue-slider-mark.tsx7 symbols
lib/utils/index.ts6 symbols
src/nav/index.ts5 symbols
src/utils.ts4 symbols
lib/typings/global.d.ts3 symbols
vue.config.js2 symbols

For agents

$ claude mcp add vue-slider-component \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page