@fuxishi/el-cron-picker 1.0.5 → 1.1.0
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 +63 -27
- package/dist/components/ElCronConfig.vue.d.ts +1 -0
- package/dist/components/ElCronPicker.vue.d.ts +1 -0
- package/dist/el-cron-picker.css +1 -1
- package/dist/el-cron-picker.es.js +1029 -800
- package/dist/el-cron-picker.umd.js +1 -1
- package/dist/index.d.ts +7 -4
- package/dist/types/ElCronConfig.d.ts +3 -0
- package/dist/types/ElCronPicker.d.ts +2 -0
- package/dist/types/lang.d.ts +70 -0
- package/package.json +52 -50
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# cron-picker
|
|
2
2
|
|
|
3
|
-
vue3 element-plus cron 表达式生成器 正式版本 verision 1.0.
|
|
3
|
+
vue3 element-plus cron 表达式生成器 正式版本 verision 1.0.6
|
|
4
4
|
|
|
5
5
|
# 使用方式
|
|
6
6
|
|
|
@@ -17,26 +17,26 @@ npm i @fuxishi/el-cron-picker
|
|
|
17
17
|
## 全局引入
|
|
18
18
|
|
|
19
19
|
```ts
|
|
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
|
+
import { createApp } from "vue"
|
|
21
|
+
import App from "./App.vue"
|
|
22
|
+
import ElementPlus from "element-plus"
|
|
23
|
+
import "element-plus/dist/index.css"
|
|
24
24
|
|
|
25
25
|
// 全局引入
|
|
26
|
-
import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker"
|
|
27
|
-
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"
|
|
28
28
|
|
|
29
|
-
const app = createApp(App)
|
|
30
|
-
app.use(ElementPlus)
|
|
31
|
-
app.use(ElCronPicker)
|
|
32
|
-
app.mount("#app")
|
|
29
|
+
const app = createApp(App)
|
|
30
|
+
app.use(ElementPlus)
|
|
31
|
+
app.use(ElCronPicker)
|
|
32
|
+
app.mount("#app")
|
|
33
33
|
```
|
|
34
34
|
|
|
35
35
|
## 局部引入
|
|
36
36
|
|
|
37
37
|
```ts
|
|
38
|
-
import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker"
|
|
39
|
-
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
40
|
```
|
|
41
41
|
|
|
42
42
|
## 示例
|
|
@@ -49,16 +49,43 @@ import "@fuxishi/el-cron-picker/dist/el-cron-picker.css";
|
|
|
49
49
|
<el-cron-config v-model="cron" v-model:numberCount="numberCount" />
|
|
50
50
|
</template>
|
|
51
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)
|
|
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
57
|
</script>
|
|
58
58
|
```
|
|
59
59
|
|
|
60
60
|
# 参数属性配置
|
|
61
61
|
|
|
62
|
+
## langType 类型
|
|
63
|
+
|
|
64
|
+
配置语言的时候可以引入
|
|
65
|
+
例如:
|
|
66
|
+
|
|
67
|
+
```ts
|
|
68
|
+
import { zh } from "@fuxishi/el-cron-picker"
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
也可自定义
|
|
72
|
+
例如:
|
|
73
|
+
|
|
74
|
+
```html
|
|
75
|
+
<template>
|
|
76
|
+
<ElCronPicker v-model="cron" :language="lang" />
|
|
77
|
+
<ElCronConfig v-model="cron" :language="lang" />
|
|
78
|
+
</template>
|
|
79
|
+
<script setup lang="ts">
|
|
80
|
+
import { ref } from "vue"
|
|
81
|
+
import { ElCronPicker,ElCronConfig } from "@fuxishi/el-cron-picker"
|
|
82
|
+
const lang = {
|
|
83
|
+
......
|
|
84
|
+
}
|
|
85
|
+
const cron = ref("* * * * * ?")
|
|
86
|
+
</script>
|
|
87
|
+
```
|
|
88
|
+
|
|
62
89
|
## ElCronPickerType 类型
|
|
63
90
|
|
|
64
91
|
| 值 | 说明 |
|
|
@@ -77,18 +104,27 @@ import "@fuxishi/el-cron-picker/dist/el-cron-picker.css";
|
|
|
77
104
|
| icon | 图标 | VNode \| string | - |
|
|
78
105
|
| placeholder | 输入框占位符 | string | - |
|
|
79
106
|
| width | 宽度 type 表示的 popover dialog drawer 的宽度 | string | - |
|
|
107
|
+
| language | 语言包 | [langType](./dist/types/lang.d.ts) | - |
|
|
80
108
|
|
|
81
109
|
## ElCronConfig 配置项
|
|
82
110
|
|
|
83
|
-
| 属性 | 说明 | 类型
|
|
84
|
-
| -------------------------------- | -------- |
|
|
85
|
-
| modelValue\/v-model | 绑定值 | string
|
|
86
|
-
| numberCount\/v-model:numberCount | 执行次数 | number
|
|
111
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
112
|
+
| -------------------------------- | -------- | ---------------------------------- | ------------------ |
|
|
113
|
+
| modelValue\/v-model | 绑定值 | string | '\* \* \* \* \* ?' |
|
|
114
|
+
| numberCount\/v-model:numberCount | 执行次数 | number | 50 |
|
|
115
|
+
| language | 语言包 | [langType](./dist/types/lang.d.ts) | - |
|
|
87
116
|
|
|
88
117
|
# 更新日志
|
|
89
118
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
119
|
+
| 版本号 | 更新内容 | 更新时间 |
|
|
120
|
+
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- |
|
|
121
|
+
| 1.0.0 | 初始版本 | 2025-11-05 |
|
|
122
|
+
| 1.0.1 | 解决无 tooltip 问题 | 2025-11-05 |
|
|
123
|
+
| 1.0.2 | 解决宽度问题 | 2025-11-05 |
|
|
124
|
+
| 1.0.3 | 解决 cronConfig 组件无法实时更新数据问题 | 2025-11-05 |
|
|
125
|
+
| 1.0.4 | 解决 cronConfig 添加实时更新后数据错误问题 | 2025-11-06 |
|
|
126
|
+
| 1.0.5 | 组件添加在编辑器中鼠标悬浮组件时显示提示信息,完善 docs 文档 修复打包时将 public 打包进去的问题 | 2025-11-06 |
|
|
127
|
+
| 1.0.6 | 修复周期情况下如果出现例如"MON-FRI"变为"NAN-NAN"问题, 解决如果是已经输入到周的时候无法继续输入空格或删除最后方空格 解决月份如果是如的是类似 JAN 转换为 NAN 的问题 ,修复周部分的第 n 周的星期 n 转换错误问题, 解决年部分用"\/"分割报错的情况 | 2025-11-06 |
|
|
128
|
+
| 1.1.0 | 新增语言包配置 | 2025-11-07 |
|
|
129
|
+
|
|
130
|
+
# 如遇到错误或什么问题 可邮箱zhangzjx1422@163.com联系
|
|
@@ -8,5 +8,6 @@ declare const _default: import('vue').DefineComponent<ElCronConfigProps, {}, {},
|
|
|
8
8
|
}>, {
|
|
9
9
|
modelValue: string;
|
|
10
10
|
numberCount: number;
|
|
11
|
+
language: import('../types/lang').langType;
|
|
11
12
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
13
|
export default _default;
|
|
@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<ElCronPickerProps, {}, {},
|
|
|
6
6
|
}>, {
|
|
7
7
|
type: import('../types/ElCronPicker').ElCronPickerType;
|
|
8
8
|
modelValue: string;
|
|
9
|
+
language: import('../types/lang').langType;
|
|
9
10
|
placeholder: string;
|
|
10
11
|
isVerify: boolean;
|
|
11
12
|
width: string;
|
package/dist/el-cron-picker.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.border-container[data-v-
|
|
1
|
+
.border-container[data-v-14a74da6]{border:1px solid #eee;border-radius:5px;margin-bottom:10px;padding:10px}.el-radio-group[data-v-14a74da6]{flex-direction:column;align-items:flex-start;display:flex}.el-radio-group .el-radio[data-v-14a74da6]{margin:0 0 8px}.time-tag[data-v-14a74da6]{margin-top:5px;margin-right:5px}.icon-span[data-v-e7dfb799],.icon-span[data-v-e7dfb799] svg{width:16px;height:16px}.el-drawer-header-custom{margin:0!important}
|
|
2
2
|
/*$vite$:1*/
|