vanjs-jsf 0.0.12 → 0.0.14

package/dist/VanJsfField.d.ts

@@ -1,5 +1,6 @@
 import { State } from "vanjs-core";
 import { VanJSComponent } from "./VanJSComponent";
+import "van-ui-extended/dist/index.css";
 export interface Option {
     label: string;
     value: string;

package/dist/VanJsfField.js

@@ -6,12 +6,15 @@ import { javascript, esLint } from "@codemirror/lang-javascript";
 import { json, jsonParseLinter } from "@codemirror/lang-json";
 import { lintGutter, linter, forEachDiagnostic } from "@codemirror/lint";
 import * as eslint from "eslint-linter-browserify";
-import globals from "globals";
+import { CronComponent } from "van-ui-extended";
+import "van-ui-extended/dist/index.css";
 const { div, p, input, label, textarea, legend, link, fieldset, span, select, option } = van.tags;
+import globals from "globals";
 var FieldType;
 (function (FieldType) {
     FieldType["text"] = "text";
     FieldType["code"] = "code";
+    FieldType["cron"] = "cron";
     FieldType["number"] = "number";
     FieldType["textarea"] = "textarea";
     FieldType["select"] = "select";
@@ -216,6 +219,21 @@ export class VanJsfField extends VanJSComponent {
                     }
                 });
                 break;
+            case FieldType.cron:
+                el =
+                    div(props, label({ for: this.name, style: "margin-right: 5px;", class: this.titleClass ? this.titleClass : '' }, this.label), this.description &&
+                        div({ id: `${this.name}-description`, class: this.descriptionClass ? this.descriptionClass : '' }, this.description), p({ class: this.errorClass }, () => this.error), () => {
+                        let ele;
+                        if (CronComponent) {
+                            ele = new CronComponent() || null;
+                            ele.setAttribute("color", "d58512");
+                            ele.setAttribute("extraClass", this.class ? this.class : "");
+                            ele.setAttribute("value", this.iniVal.toString());
+                            ele.oninput = (e) => this.handleChange(this, e.detail.value);
+                        }
+                        return ele;
+                    });
+                break;
             case FieldType.number:
                 el = div(props, label({ for: this.name, style: "margin-right: 5px;", class: this.titleClass ? this.titleClass : '' }, this.label), this.description &&
                     div({ id: `${this.name}-description`, class: this.descriptionClass ? this.descriptionClass : '' }, this.description), input({