@fuxishi/el-cron-picker 1.0.6 → 1.1.1

package/README.md

@@ -1,6 +1,6 @@
 # cron-picker
 
-vue3 element-plus cron 表达式生成器 正式版本 verision 1.0.6
+vue3 element-plus cron 表达式生成器 正式版本 verision 1.1.1
 
 # 使用方式
 
@@ -17,26 +17,26 @@ npm i @fuxishi/el-cron-picker
 ## 全局引入
 
 ```ts
-import { createApp } from "vue"
-import App from "./App.vue"
-import ElementPlus from "element-plus"
-import "element-plus/dist/index.css"
+import { createApp } from "vue";
+import App from "./App.vue";
+import ElementPlus from "element-plus";
+import "element-plus/dist/index.css";
 
 // 全局引入
-import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker"
-import "@fuxishi/el-cron-picker/dist/el-cron-picker.css"
+import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker";
+import "@fuxishi/el-cron-picker/dist/el-cron-picker.css";
 
-const app = createApp(App)
-app.use(ElementPlus)
-app.use(ElCronPicker)
-app.mount("#app")
+const app = createApp(App);
+app.use(ElementPlus);
+app.use(ElCronPicker);
+app.mount("#app");
 ```
 
 ## 局部引入
 
 ```ts
-import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker"
-import "@fuxishi/el-cron-picker/dist/el-cron-picker.css"
+import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker";
+import "@fuxishi/el-cron-picker/dist/el-cron-picker.css";
 ```
 
 ## 示例
@@ -49,16 +49,43 @@ import "@fuxishi/el-cron-picker/dist/el-cron-picker.css"
   <el-cron-config v-model="cron" v-model:numberCount="numberCount" />
 </template>
 <script setup lang="ts">
-  import { ref } from "vue"
-  import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker"
-  import "@fuxishi/el-cron-picker/dist/el-cron-picker.css"
-  const cron = ref("* * * * * ?")
-  const numberCount = ref(50)
+  import { ref } from "vue";
+  import { ElCronPicker, ElCronConfig } from "@fuxishi/el-cron-picker";
+  import "@fuxishi/el-cron-picker/dist/el-cron-picker.css";
+  const cron = ref("* * * * * ?");
+  const numberCount = ref(50);
 </script>
 ```
 
 # 参数属性配置
 
+## langType 类型
+
+配置语言的时候可以引入
+例如:
+
+```ts
+import { zh } from "@fuxishi/el-cron-picker";
+```
+
+也可自定义
+例如:
+
+```html
+<template>
+  <ElCronPicker v-model="cron" :language="lang" />
+  <ElCronConfig v-model="cron" :language="lang" />
+</template>
+<script setup lang="ts">
+  import { ref } from "vue"
+  import { ElCronPicker,ElCronConfig } from "@fuxishi/el-cron-picker"
+  const lang = {
+    ......
+  }
+  const cron = ref("* * * * * ?")
+</script>
+```
+
 ## ElCronPickerType 类型
 
 | 值      | 说明   |
@@ -77,13 +104,32 @@ import "@fuxishi/el-cron-picker/dist/el-cron-picker.css"
 | icon                | 图标                                          | VNode \| string                                    | -         |
 | placeholder         | 输入框占位符                                  | string                                             | -         |
 | width               | 宽度 type 表示的 popover dialog drawer 的宽度 | string                                             | -         |
+| language            | 语言包                                        | [langType](./dist/types/lang.d.ts)                 | -         |
 
 ## ElCronConfig 配置项
 
-| 属性                             | 说明     | 类型   | 默认值             |
-| -------------------------------- | -------- | ------ | ------------------ |
-| modelValue\/v-model              | 绑定值   | string | '\* \* \* \* \* ?' |
-| numberCount\/v-model:numberCount | 执行次数 | number | 50                 |
+| 属性                             | 说明     | 类型                               | 默认值             |
+| -------------------------------- | -------- | ---------------------------------- | ------------------ |
+| modelValue\/v-model              | 绑定值   | string                             | '\* \* \* \* \* ?' |
+| numberCount\/v-model:numberCount | 执行次数 | number                             | 50                 |
+| language                         | 语言包   | [langType](./dist/types/lang.d.ts) | -                  |
+
+## 事件
+
+### ElCronPicker
+
+| 事件名            | 参数        | 说明             |
+| ----------------- | ----------- | ---------------- |
+| update:modelValue | -           | 绑定值改变时触发 |
+| executionError    | error:Error | 执行错误时触发   |
+
+### ElCronConfig
+
+| 事件名             | 参数        | 说明             |
+| ------------------ | ----------- | ---------------- |
+| update:modelValue  | -           | 绑定值改变时触发 |
+| update:numberCount | -           | 值改变           |
+| executionError     | error:Error | 执行错误时触发   |
 
 # 更新日志
 
@@ -96,5 +142,7 @@ import "@fuxishi/el-cron-picker/dist/el-cron-picker.css"
 | 1.0.4  | 解决 cronConfig 添加实时更新后数据错误问题                                                                                                                                                                                                  | 2025-11-06 |
 | 1.0.5  | 组件添加在编辑器中鼠标悬浮组件时显示提示信息,完善 docs 文档 修复打包时将 public 打包进去的问题                                                                                                                                              | 2025-11-06 |
 | 1.0.6  | 修复周期情况下如果出现例如"MON-FRI"变为"NAN-NAN"问题, 解决如果是已经输入到周的时候无法继续输入空格或删除最后方空格 解决月份如果是如的是类似 JAN 转换为 NAN 的问题 ,修复周部分的第 n 周的星期 n 转换错误问题, 解决年部分用"\/"分割报错的情况 | 2025-11-06 |
+| 1.1.0  | 新增语言包配置                                                                                                                                                                                                                              | 2025-11-07 |
+| 1.1.1  | ①. 新增 executionError 执行错误事件 ②. isCron 正则校验增强 解决日参数 W LW L 错误返回 false 问题 ③. 最近运行事件计算方式如果 cron 表达式不满足条件自动清空最近运行                                                                          | 2025-11-10 |
 
 # 如遇到错误或什么问题 可邮箱zhangzjx1422@163.com联系

package/dist/components/ElCronConfig.vue.d.ts

@@ -2,11 +2,14 @@ import { ElCronConfigProps } from '../types/ElCronConfig';
 declare const _default: import('vue').DefineComponent<ElCronConfigProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "update:numberCount": (...args: any[]) => void;
+    executionError: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<ElCronConfigProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:numberCount"?: ((...args: any[]) => any) | undefined;
+    onExecutionError?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: string;
     numberCount: number;
+    language: import('../types/lang').langType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/ElCronPicker.vue.d.ts

@@ -1,11 +1,14 @@
 import { ElCronPickerProps } from '../types/ElCronPicker';
 declare const _default: import('vue').DefineComponent<ElCronPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
+    executionError: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<ElCronPickerProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onExecutionError?: ((...args: any[]) => any) | undefined;
 }>, {
     type: import('../types/ElCronPicker').ElCronPickerType;
     modelValue: string;
+    language: import('../types/lang').langType;
     placeholder: string;
     isVerify: boolean;
     width: string;

package/dist/el-cron-picker.css

@@ -1,2 +1,2 @@
-.border-container[data-v-9230d5d4]{border:1px solid #eee;border-radius:5px;margin-bottom:10px;padding:10px}.el-radio-group[data-v-9230d5d4]{flex-direction:column;align-items:flex-start;display:flex}.el-radio-group .el-radio[data-v-9230d5d4]{margin:0 0 8px}.time-tag[data-v-9230d5d4]{margin-top:5px;margin-right:5px}.icon-span[data-v-38d4d8a7],.icon-span[data-v-38d4d8a7] svg{width:16px;height:16px}.el-drawer-header-custom{margin:0!important}
+.border-container[data-v-4a630d49]{border:1px solid #eee;border-radius:5px;margin-bottom:10px;padding:10px}.el-radio-group[data-v-4a630d49]{flex-direction:column;align-items:flex-start;display:flex}.el-radio-group .el-radio[data-v-4a630d49]{margin:0 0 8px}.time-tag[data-v-4a630d49]{margin-top:5px;margin-right:5px}.icon-span[data-v-bee12c87],.icon-span[data-v-bee12c87] svg{width:16px;height:16px}.el-drawer-header-custom{margin:0!important}
 /*$vite$:1*/