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完整效果
