@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

package/vue/mixin/resize-mixin.mjs

@@ -0,0 +1,24 @@
+import { debounce as e } from "@web-utils/integrations/lodash";
+//#region src/vue/mixin/resize-mixin.ts
+var t = {
+	data() {
+		return { tableHeight: null };
+	},
+	mounted() {
+		this.onWindowResize && (this.internalWindowResize(), this.debouncedResize = e(this.internalWindowResize, 200), window.addEventListener("resize", this.debouncedResize));
+	},
+	methods: { internalWindowResize() {
+		this._inactive || this.onWindowResize();
+	} },
+	activated() {
+		this.debouncedResize && window.addEventListener("resize", this.debouncedResize);
+	},
+	deactivated() {
+		this.debouncedResize && window.removeEventListener("resize", this.debouncedResize);
+	},
+	beforeDestroy() {
+		this.debouncedResize && window.removeEventListener("resize", this.debouncedResize);
+	}
+};
+//#endregion
+export { t as resizeMixin };

package/vue-cron/index.d.ts

@@ -0,0 +1,192 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    data: ObjectConstructor;
+    expression: StringConstructor;
+    runsParser: FunctionConstructor;
+    quartz: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    currentYear: number;
+    exps: {
+        type: string;
+        expression: null;
+    }[];
+    second: {
+        cronEvery: null;
+        incrementStart: number;
+        incrementIncrement: number;
+        rangeStart: null;
+        rangeEnd: null;
+        specificSpecific: never[];
+    };
+    minute: {
+        cronEvery: null;
+        incrementStart: number;
+        incrementIncrement: number;
+        rangeStart: null;
+        rangeEnd: null;
+        specificSpecific: never[];
+    };
+    hour: {
+        cronEvery: null;
+        incrementStart: number;
+        incrementIncrement: number;
+        rangeStart: null;
+        rangeEnd: null;
+        specificSpecific: never[];
+    };
+    day: {
+        cronEvery: null;
+        incrementStart: number;
+        incrementIncrement: number;
+        rangeStart: null;
+        rangeEnd: null;
+        specificSpecific: never[];
+        cronDaysBeforeEomMinus: null;
+        cronDaysNearestWeekday: null;
+    };
+    week: {
+        cronEvery: null;
+        incrementStart: number;
+        incrementIncrement: number;
+        specificSpecific: never[];
+        cronLastSpecificDomDay: number;
+        cronNthDayDay: number;
+        cronNthDayNth: number;
+    };
+    month: {
+        cronEvery: null;
+        incrementStart: number;
+        incrementIncrement: number;
+        rangeStart: null;
+        rangeEnd: null;
+        specificSpecific: never[];
+    };
+    year: {
+        cronEvery: null;
+        incrementStart: number;
+        incrementIncrement: number;
+        rangeStart: null;
+        rangeEnd: null;
+        specificSpecific: never[];
+    };
+    output: {
+        second: null;
+        minute: null;
+        hour: null;
+        day: null;
+        month: null;
+        week: null;
+        year: null;
+    };
+    runs: never[];
+    defaultStr: string;
+    weekOptions: {
+        value: string;
+        label: string;
+    }[];
+}, {
+    text(): {
+        Seconds: {
+            name: string;
+            every: string;
+            interval: string[];
+            specific: string;
+            cycle: string[];
+        };
+        Minutes: {
+            name: string;
+            every: string;
+            interval: string[];
+            specific: string;
+            cycle: string[];
+        };
+        Hours: {
+            name: string;
+            every: string;
+            interval: string[];
+            specific: string;
+            cycle: string[];
+        };
+        Day: {
+            name: string;
+            every: string;
+            intervalDay: string[];
+            specificDay: string;
+            lastDay: string;
+            lastWorkday: string;
+            beforeEndMonth: string[];
+            nearestWorkday: string[];
+        };
+        Week: {
+            name: string;
+            every: string;
+            intervalWeek: string[];
+            specificWeek: string;
+            lastWeek: string[];
+            someWeekday: string[];
+        };
+        Month: {
+            name: string;
+            every: string;
+            interval: string[];
+            specific: string;
+            cycle: string[];
+        };
+        Year: {
+            name: string;
+            every: string;
+            interval: string[];
+            specific: string;
+            cycle: string[];
+        };
+        Save: string;
+        Close: string;
+    };
+    secondsText(): string;
+    minutesText(): string;
+    hoursText(): string;
+    daysText(): string;
+    weeksText(): string;
+    weeksTextQuartz(): string;
+    monthsText(): string;
+    yearsText(): string;
+    cron(): string;
+}, {
+    copyCron(): void;
+    getValue(): string;
+    change(): void;
+    close(): void;
+    rest(data: any): void;
+    resolveExpression(): void;
+    commonParser(expressionType: any, str: any): void;
+    resolveWeek(str: any): void;
+    resolveDay(str: any): void;
+    resolveStar(expressionObj: any, type?: string): void;
+    resolveSlash(expressionObj: any, expression: any, type?: string): void;
+    resolveLine(expressionObj: any, expression: any, type?: string): void;
+    resolveComma(expressionObj: any, expression: any, type?: string): void;
+    setSecond(val: any): void;
+    setMinute(val: any): void;
+    setHour(val: any): void;
+    setMonth(val: any): void;
+    setYear(val: any): void;
+    setDay(val: any): void;
+    setWeek(val: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "close")[], "change" | "close", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    data: ObjectConstructor;
+    expression: StringConstructor;
+    runsParser: FunctionConstructor;
+    quartz: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    quartz: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/vue-cron/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/CtwvKHKB.mjs";
+export { e as default };

package/vue-cron/style.css

@@ -0,0 +1 @@
+.vue-cron{min-width:600px}.vue-cron .el-tabs{margin-bottom:30px}.vue-cron .language{z-index:1;position:absolute;right:25px}.vue-cron .el-tabs{box-shadow:none}.vue-cron .el-tabs .el-tabs__content{padding:0 14px}.vue-cron .tabBody{display:block}.vue-cron .tabBody .long .el-select{width:200px}.vue-cron .tabBody .el-input-number{width:110px}.vue-cron .tabBody .el-radio{margin-top:10px;display:block}.vue-cron .tabBody .el-radio:last-child{margin-bottom:10px}.vue-cron .bottom{text-align:center;width:100%;margin-top:5px;position:relative}.vue-cron .cron-expression{border:1px solid #ccc;border-radius:4px;margin-top:20px;padding:14px;position:relative}.vue-cron .cron-expression .title{background:#fff;padding:10px 40px;position:absolute;top:-50%;left:50%;transform:translate(-50%,60%)}.vue-cron .cron-expression .field-name{text-align:center;margin-bottom:6px}.vue-cron .cron-expression .field-value{text-align:center;border:1px solid #ccc;border-radius:4px;min-width:20px;padding:6px}.vue-cron .cron-expression .field-value.highlight{color:#ff8100;border-color:#ff8100}.vue-cron .cron-expression .field{justify-content:center;align-items:center;padding-left:10px;padding-right:10px}

package/vue-qr-code/index.d.ts

@@ -0,0 +1,48 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 二维码内容字符串
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 生成二维码配置选项
+     * {@link https://github.com/soldair/node-qrcode#qr-code-options}
+     */
+    options: ObjectConstructor;
+    /**
+     * 组件根元素标签
+     */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {
+    generate(): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 二维码内容字符串
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 生成二维码配置选项
+     * {@link https://github.com/soldair/node-qrcode#qr-code-options}
+     */
+    options: ObjectConstructor;
+    /**
+     * 组件根元素标签
+     */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/vue-qr-code/index.mjs

@@ -0,0 +1,32 @@
+import { h as e } from "vue";
+import { drawToCanvas as t, genDataURL as n, genSVG as r } from "@web-utils/integrations/qrcode";
+//#region src/components/vue-qrcode/VueQrCode.vue
+var i = {
+	name: "VueQrCode",
+	props: {
+		text: {
+			type: String,
+			default: "0"
+		},
+		options: Object,
+		tag: {
+			type: String,
+			default: "canvas"
+		}
+	},
+	watch: { $props: {
+		deep: !0,
+		immediate: !0,
+		handler: "generate"
+	} },
+	methods: { async generate() {
+		await this.$nextTick();
+		let { options: e, tag: i } = this;
+		i === "canvas" ? await t(this.$el, this.text, e) : i === "img" ? this.$el.src = await n(this.text, e) : this.$el.innerHTML = await r(this.text, e);
+	} },
+	render() {
+		return e(this.tag, this.$slots.default);
+	}
+};
+//#endregion
+export { i as default };

package/vue-tags-input/index.d.ts

@@ -0,0 +1,374 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    elementId: {
+        type: StringConstructor;
+    };
+    existingTags: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    typeahead: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    typeaheadStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    typeaheadActivationThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    typeaheadMaxResults: {
+        type: NumberConstructor;
+        default: number;
+    };
+    typeaheadAlwaysShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    typeaheadHideDiscard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    discardSearchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onlyExistingTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    deleteOnBackspace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowDuplicates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validate: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    addTagsOnComma: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    addTagsOnSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    addTagsOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    sortSearchResults: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    caseSensitiveTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeAddingTag: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    beforeRemovingTag: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+}>, {}, {
+    tags: never[];
+    input: string;
+    oldInput: string;
+    hiddenInput: string;
+    searchResults: never[];
+    searchSelection: number;
+}, {}, {
+    /**
+     * Remove reserved regex characters from a string so that they don't
+     * affect search results
+     *
+     * @param string
+     * @returns String
+     */
+    escapeRegExp(string: any): any;
+    /**
+     * Add a tag whether from user input or from search results (typeahead)
+     *
+     * @param ignoreSearchResults
+     * @returns void
+     */
+    tagFromInput(ignoreSearchResults?: boolean): void;
+    /**
+     * Add a tag from search results when a user clicks on it
+     *
+     * @param tag
+     * @returns void
+     */
+    tagFromSearchOnClick(tag: any): void;
+    /**
+     * Add the selected tag from the search results.
+     * Clear search results.
+     * Clear user input.
+     *
+     * @param tag
+     * @return void
+     */
+    tagFromSearch(tag: any): void;
+    /**
+     * Add/Select a tag
+     *
+     * @param tag
+     * @returns void | Boolean
+     */
+    addTag(tag: any): false | undefined;
+    /**
+     * Remove the last tag in the tags array.
+     *
+     * @returns void
+     */
+    removeLastTag(): void;
+    /**
+     * Remove the selected tag at the specified index.
+     *
+     * @param index
+     * @returns void
+     */
+    removeTag(index: any): false | undefined;
+    /**
+     * Search the currently entered text in the list of existing tags
+     *
+     * @returns void | Boolean
+     */
+    searchTag(): false | undefined;
+    /**
+     * Hide the typeahead if there's nothing intered into the input field.
+     *
+     * @returns void
+     */
+    hideTypeahead(): void;
+    /**
+     * Select the next search result in typeahead.
+     *
+     * @returns void
+     */
+    nextSearchResult(): void;
+    /**
+     * Select the previous search result in typeahead.
+     *
+     * @returns void
+     */
+    prevSearchResult(): void;
+    /**
+     * Clear/Empty the search results.
+     *
+     * @reutrns void
+     */
+    clearSearchResults(): void;
+    /**
+     * Clear the list of selected tags.
+     *
+     * @returns void
+     */
+    clearTags(): void;
+    /**
+     * Replace the currently selected tags with the tags from the modelValue.
+     *
+     * @returns void
+     */
+    tagsFromValue(): void;
+    /**
+     * Check if a tag is already selected.
+     *
+     * @param tag
+     * @returns Boolean
+     */
+    tagSelected(tag: any): boolean;
+    /**
+     * Clear the input.
+     *
+     * @returns void
+     */
+    clearInput(): void;
+    /**
+     * Process all the keyup events.
+     *
+     * @param e
+     * @returns void
+     */
+    onKeyUp(e: any): void;
+    /**
+     * Process all the keydown events.
+     *
+     * @param e
+     * @returns void
+     */
+    onKeyDown(e: any): void;
+    /**
+     * Process the onfocus event.
+     *
+     * @param e
+     * @returns void
+     */
+    onFocus(e: any): void;
+    /**
+     * Process the onblur event.
+     *
+     * @param e
+     * @returns void
+     */
+    onBlur(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "blur" | "change" | "focus" | "keydown" | "keyup" | "initialized" | "input-changed" | "tag-removed" | "tags-updated" | "limit-reached" | "tag-added")[], "update:modelValue" | "blur" | "change" | "focus" | "keydown" | "keyup" | "initialized" | "input-changed" | "tag-removed" | "tags-updated" | "limit-reached" | "tag-added", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    elementId: {
+        type: StringConstructor;
+    };
+    existingTags: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    typeahead: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    typeaheadStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    typeaheadActivationThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    typeaheadMaxResults: {
+        type: NumberConstructor;
+        default: number;
+    };
+    typeaheadAlwaysShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    typeaheadHideDiscard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    discardSearchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onlyExistingTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    deleteOnBackspace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowDuplicates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validate: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    addTagsOnComma: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    addTagsOnSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    addTagsOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    sortSearchResults: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    caseSensitiveTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeAddingTag: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    beforeRemovingTag: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onInitialized?: ((...args: any[]) => any) | undefined;
+    "onInput-changed"?: ((...args: any[]) => any) | undefined;
+    "onTag-removed"?: ((...args: any[]) => any) | undefined;
+    "onTags-updated"?: ((...args: any[]) => any) | undefined;
+    "onLimit-reached"?: ((...args: any[]) => any) | undefined;
+    "onTag-added"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: unknown[];
+    placeholder: string;
+    limit: number;
+    wrapperClass: string;
+    validate: Function;
+    existingTags: unknown[];
+    typeahead: boolean;
+    typeaheadStyle: string;
+    typeaheadActivationThreshold: number;
+    typeaheadMaxResults: number;
+    typeaheadAlwaysShow: boolean;
+    typeaheadHideDiscard: boolean;
+    discardSearchText: string;
+    onlyExistingTags: boolean;
+    deleteOnBackspace: boolean;
+    allowDuplicates: boolean;
+    addTagsOnComma: boolean;
+    addTagsOnSpace: boolean;
+    addTagsOnBlur: boolean;
+    sortSearchResults: boolean;
+    caseSensitiveTags: boolean;
+    beforeAddingTag: Function;
+    beforeRemovingTag: Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;