shiyzhangcron
Version:
> 一个基于vue3+Ant-Design-vue的cron表达式组件
79 lines (64 loc) • 2.41 kB
Markdown
# shiyzhang@cron
> 一个基于vue3+Ant-Design-vue的cron表达式组件
# 效果图
# 使用方式
```
前置条件：项目基于vue+Ant-Design-vue开发（用到Ant-Design-vue相关组件）
第一步
安装组件
npm i shiyzhangcron 或 pnpm i shiyzhangcron
第二步
导入组件
import E from 'shiyzhangcron';
import 'shiyzhangcron/dist/style.css';
第三步
使用组件
const EasyCronInner = E.EasyCronInner;
<EasyCronInner v-model="easyCronInnerValue"/>
```
# API
## Attributes
| 参数 | 说明 | 类型 | 默认值 |
| :-------------------- | -------------------------------- | ------- | ------ |
| model-value / v-model | 绑定值 | string | - |
| disabled | 是否禁用 | boolean | false |
| hideSecond | 是否显示秒 | boolean | false |
| hideYear | 是否显示年（秒不显示时会显示年） | boolean | false |
| inputArea | 是否显示下面输入区 | boolean | false |
## Events
| 事件名 | 说明 | 类型 |
| :----- | ---------------------- | ----------- |
| change | 仅当 modelValue 改变时 | Function(e) |
## 项目目录
```
├── components
| ├── components.ts
| ├── EasyCron
| ├── index.ts
| └── _utils
├── dist
| ├── shiyzhang@cron.js
| ├── shiyzhang@cron.umd.cjs
| └── style.css
├── internal
| ├── eslint-config
| ├── stylelint-config
| └── ts-config
├── LICENSE
├── package.json
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── README.md
├── src
├── tsconfig.json
├── turbo.json
├── types
| ├── global.d.ts
| ├── index.d.ts
| └── module.d.ts
├── uno.config.ts
└── vite.config.ts
```
# 完整效果
      