Shiyzhangcron NPM

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