@fuxishi/el-cron-picker 1.0.4 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -23
- package/dist/el-cron-picker.es.js +661 -38365
- package/dist/el-cron-picker.umd.js +1 -31
- package/dist/index.d.ts +14 -2
- package/dist/types/ElCronConfig.d.ts +11 -4
- package/dist/types/ElCronPicker.d.ts +9 -9
- package/package.json +50 -51
- package/dist/cron.png +0 -0
- package/dist/quick.png +0 -0
- package/dist/vite.svg +0 -1
package/README.md
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
# cron-picker
|
|
2
2
|
|
|
3
|
-
vue3 element-plus cron 表达式生成器 正式版本 verision 1.0.
|
|
3
|
+
vue3 element-plus cron 表达式生成器 正式版本 verision 1.0.5
|
|
4
4
|
|
|
5
5
|
# 使用方式
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## 注意
|
|
8
|
+
|
|
9
|
+
安装时必须安装 element-plus 依赖
|
|
10
|
+
|
|
11
|
+
## 安装
|
|
8
12
|
|
|
9
13
|
```ts
|
|
10
14
|
npm i @fuxishi/el-cron-picker
|
|
@@ -13,39 +17,78 @@ npm i @fuxishi/el-cron-picker
|
|
|
13
17
|
## 全局引入
|
|
14
18
|
|
|
15
19
|
```ts
|
|
16
|
-
import { createApp } from "vue"
|
|
17
|
-
import App from "./App.vue"
|
|
18
|
-
import ElementPlus from "element-plus"
|
|
19
|
-
import "element-plus/dist/index.css"
|
|
20
|
+
import { createApp } from "vue";
|
|
21
|
+
import App from "./App.vue";
|
|
22
|
+
import ElementPlus from "element-plus";
|
|
23
|
+
import "element-plus/dist/index.css";
|
|
20
24
|
|
|
21
25
|
// 全局引入
|
|
22
|
-
import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker"
|
|
23
|
-
import "@fuxishi/el-cron-picker/dist/el-cron-picker.css"
|
|
26
|
+
import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker";
|
|
27
|
+
import "@fuxishi/el-cron-picker/dist/el-cron-picker.css";
|
|
24
28
|
|
|
25
|
-
const app = createApp(App)
|
|
26
|
-
app.use(ElementPlus)
|
|
27
|
-
app.use(ElCronPicker)
|
|
28
|
-
app.mount("#app")
|
|
29
|
+
const app = createApp(App);
|
|
30
|
+
app.use(ElementPlus);
|
|
31
|
+
app.use(ElCronPicker);
|
|
32
|
+
app.mount("#app");
|
|
29
33
|
```
|
|
30
34
|
|
|
31
35
|
## 局部引入
|
|
32
36
|
|
|
33
37
|
```ts
|
|
34
|
-
import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker"
|
|
35
|
-
import "@fuxishi/el-cron-picker/dist/el-cron-picker.css"
|
|
38
|
+
import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker";
|
|
39
|
+
import "@fuxishi/el-cron-picker/dist/el-cron-picker.css";
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
## 示例
|
|
43
|
+
|
|
44
|
+
```html
|
|
45
|
+
<template>
|
|
46
|
+
<!-- cron表达式生成器 -->
|
|
47
|
+
<el-cron-picker v-model="cron" />
|
|
48
|
+
<!-- cron表达式面板 -->
|
|
49
|
+
<el-cron-config v-model="cron" v-model:numberCount="numberCount" />
|
|
50
|
+
</template>
|
|
51
|
+
<script setup lang="ts">
|
|
52
|
+
import { ref } from "vue";
|
|
53
|
+
import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker";
|
|
54
|
+
import "@fuxishi/el-cron-picker/dist/el-cron-picker.css";
|
|
55
|
+
const cron = ref("* * * * * ?");
|
|
56
|
+
const numberCount = ref(50);
|
|
57
|
+
</script>
|
|
36
58
|
```
|
|
37
59
|
|
|
38
|
-
|
|
60
|
+
# 参数属性配置
|
|
61
|
+
|
|
62
|
+
## ElCronPickerType 类型
|
|
63
|
+
|
|
64
|
+
| 值 | 说明 |
|
|
65
|
+
| ------- | ------ |
|
|
66
|
+
| popover | 弹出框 |
|
|
67
|
+
| dialog | 对话框 |
|
|
68
|
+
| drawer | 抽屉 |
|
|
69
|
+
|
|
70
|
+
## ElCronPicker 配置项
|
|
39
71
|
|
|
40
|
-
|
|
72
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
73
|
+
| ------------------- | --------------------------------------------- | -------------------------------------------------- | --------- |
|
|
74
|
+
| modelValue\/v-model | 绑定值 | string | - |
|
|
75
|
+
| type | 类型 | [ElCronPickerType](./dist/types/ElCronPicker.d.ts) | 'popover' |
|
|
76
|
+
| isVerify | 是否验证(对默认输入框生效) | boolean | false |
|
|
77
|
+
| icon | 图标 | VNode \| string | - |
|
|
78
|
+
| placeholder | 输入框占位符 | string | - |
|
|
79
|
+
| width | 宽度 type 表示的 popover dialog drawer 的宽度 | string | - |
|
|
41
80
|
|
|
42
|
-
|
|
81
|
+
## ElCronConfig 配置项
|
|
43
82
|
|
|
44
|
-
|
|
83
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
84
|
+
| -------------------------------- | -------- | ------ | ------------------ |
|
|
85
|
+
| modelValue\/v-model | 绑定值 | string | '\* \* \* \* \* ?' |
|
|
86
|
+
| numberCount\/v-model:numberCount | 执行次数 | number | 50 |
|
|
45
87
|
|
|
46
|
-
|
|
88
|
+
# 更新日志
|
|
47
89
|
|
|
48
|
-
v-1.0.1 解决无 tooltip 问题
|
|
49
|
-
v-1.0.2 解决宽度问题
|
|
50
|
-
v-1.0.3 解决 cronConfig 组件无法实时更新数据问题
|
|
51
|
-
v-1.0.4 解决 cronConfig 组件添加实时更新后数据错误问题
|
|
90
|
+
v-1.0.1 解决无 tooltip 问题
|
|
91
|
+
v-1.0.2 解决宽度问题
|
|
92
|
+
v-1.0.3 解决 cronConfig 组件无法实时更新数据问题
|
|
93
|
+
v-1.0.4 解决 cronConfig 组件添加实时更新后数据错误问题
|
|
94
|
+
v-1.0.5 组件添加在编辑器中鼠标悬浮组件时显示提示信息,完善 docs 文档 修复打包时将 public 打包进去的问题
|