0.1.0-beta.1 • Published 9 months ago
naive-ui-cron v0.1.0-beta.1
Naive UI Cron
基于 Naive UI 实现的 cron 表达式编辑器组件。
简体中文 | English
特性
- 🎯 完整的 cron 表达式支持(秒、分、时、日、月、周、年)
- 🌍 国际化支持(英文、中文、日文)
- 🎨 基于 Naive UI 的精美界面
- 📅 下次运行时间预览
- 💡 可视化编辑,实时预览
安装
# npm
npm install naive-ui-cron
# yarn
yarn add naive-ui-cron
# pnpm
pnpm add naive-ui-cron使用
<template>
<naive-cron v-model="cronExpression" :language="language" />
</template>
<script setup>
import { ref } from 'vue'
import NaiveCron from 'naive-ui-cron'
const cronExpression = ref('* * * * * ? *')
const language = ref('zh') // 'en' | 'zh' | 'ja'
</script>属性
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| modelValue | string | '* * * * ? ' | cron 表达式的值 |
| language | 'en' | 'zh' | 'ja' | 'en' | 显示语言 |
事件
| 名称 | 参数 | 说明 |
|---|---|---|
| update:modelValue | (value: string) | 当 cron 表达式变化时触发 |
| change | (value: string) | 当 cron 表达式变化时触发 |
开发
# 安装依赖
pnpm install
# 启动开发服务器
cd playground
pnpm dev
# 构建生产版本
pnpm build许可证
MIT License © 2024 Ray-D-Song