@web-utils/form-ui 1.0.0-beta87 → 1.0.0-beta89

package/fy-input/index.mjs

@@ -1,15 +1,14 @@
-import "../chunks/B2vpUK0j.mjs";
-import "../chunks/cvUTkWmm.mjs";
-import { t as e } from "../chunks/DA1LVvTS.mjs";
-import "../chunks/CNcSX5f1.mjs";
-import { t } from "../chunks/hFCEXdXW.mjs";
-import { t as n } from "../chunks/_wUx1zSH2.mjs";
-import { n as r, t as i } from "../chunks/BsBVCVnp2.mjs";
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { t } from "../chunks/CIihGrgY.mjs";
+import { n, t as r } from "../chunks/v7SkpvNZ.mjs";
+import { ElInput as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
 import { createBlock as a, createElementVNode as o, createSlots as s, createVNode as c, openBlock as l, toDisplayString as u, withCtx as d, withKeys as f } from "vue";
 //#region src/components/avue/fy-from/input/FyInput.vue
 var p = {
 	name: "FyInput",
-	mixins: [r, i],
+	mixins: [n, r],
 	props: {
 		showPassword: {
 			type: Boolean,
@@ -53,47 +52,47 @@ var p = {
 		}
 	}
 };
-function m(t, r, i, p, m, h) {
-	let g = n, _ = e;
+function m(e, n, r, p, m, h) {
+	let g = t, _ = i;
 	return l(), a(_, {
-		modelValue: t.text,
-		"onUpdate:modelValue": r[3] || (r[3] = (e) => t.text = e),
+		modelValue: e.text,
+		"onUpdate:modelValue": n[3] || (n[3] = (t) => e.text = t),
 		class: "avue-input",
-		size: t.size,
-		clearable: t.clearableVal,
+		size: e.size,
+		clearable: e.clearableVal,
 		type: h.typeParam,
-		maxlength: i.maxlength,
-		minlength: i.minlength,
-		"show-password": h.typeParam === "password" ? i.showPassword : !1,
-		rows: i.rows,
+		maxlength: r.maxlength,
+		minlength: r.minlength,
+		"show-password": h.typeParam === "password" ? r.showPassword : !1,
+		rows: r.rows,
 		autosize: {
-			minRows: i.minRows,
-			maxRows: i.maxRows
+			minRows: r.minRows,
+			maxRows: r.maxRows
 		},
-		"prefix-icon": i.prefixIcon,
-		"suffix-icon": i.suffixIcon,
-		readonly: t.readonly,
-		placeholder: t.placeholder,
-		"show-word-limit": i.showWordLimit,
-		disabled: t.disabled,
-		autocomplete: i.autocomplete,
-		onKeyup: r[4] || (r[4] = f((e) => h.isSearch ? i.appendClick() : "", ["enter"])),
-		onClick: t.handleClick,
-		onFocus: t.handleFocus,
-		onBlur: t.handleBlur
-	}, s({ _: 2 }, [i.prepend ? {
+		"prefix-icon": r.prefixIcon,
+		"suffix-icon": r.suffixIcon,
+		readonly: e.readonly,
+		placeholder: e.placeholder,
+		"show-word-limit": r.showWordLimit,
+		disabled: e.disabled,
+		autocomplete: r.autocomplete,
+		onKeyup: n[4] || (n[4] = f((e) => h.isSearch ? r.appendClick() : "", ["enter"])),
+		onClick: e.handleClick,
+		onFocus: e.handleFocus,
+		onBlur: e.handleBlur
+	}, s({ _: 2 }, [r.prepend ? {
 		name: "prepend",
-		fn: d(() => [o("span", { onClick: r[0] || (r[0] = (e) => i.prependClick()) }, u(i.prepend), 1)]),
+		fn: d(() => [o("span", { onClick: n[0] || (n[0] = (e) => r.prependClick()) }, u(r.prepend), 1)]),
 		key: "0"
-	} : void 0, i.append ? {
+	} : void 0, r.append ? {
 		name: "append",
-		fn: d(() => [o("span", { onClick: r[1] || (r[1] = (e) => i.appendClick()) }, u(i.append), 1)]),
+		fn: d(() => [o("span", { onClick: n[1] || (n[1] = (e) => r.appendClick()) }, u(r.append), 1)]),
 		key: "1"
 	} : h.isSearch ? {
 		name: "append",
 		fn: d(() => [c(g, {
 			icon: "el-icon-search",
-			onClick: r[2] || (r[2] = (e) => i.appendClick())
+			onClick: n[2] || (n[2] = (e) => r.appendClick())
 		})]),
 		key: "2"
 	} : void 0]), 1032, [
@@ -118,6 +117,6 @@ function m(t, r, i, p, m, h) {
 		"onBlur"
 	]);
 }
-var h = /* @__PURE__ */ t(p, [["render", m]]);
+var h = /* @__PURE__ */ e(p, [["render", m]]);
 //#endregion
 export { h as default };

package/fy-input-color/index.d.ts

@@ -190,7 +190,270 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     };
     computed: {
         clearableVal(this: any): any;
-        componentName(this: any): string;
+        componentName(this: any): string | import('element-plus/es/utils/index.mjs').SFCWithInstall<{
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('element-plus').CheckboxProps> & Readonly<{
+                onChange?: ((val: import('element-plus').CheckboxValueType) => any) | undefined;
+                "onUpdate:modelValue"?: ((val: import('element-plus').CheckboxValueType) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                change: (val: import('element-plus').CheckboxValueType) => void;
+                "update:modelValue": (val: import('element-plus').CheckboxValueType) => void;
+            }, import('vue').PublicProps, {
+                id: string;
+                disabled: boolean;
+                modelValue: number | string | boolean;
+                validateEvent: boolean;
+                name: string;
+                value: string | boolean | number | object;
+                label: string | boolean | number | object;
+                trueValue: string | number;
+                falseValue: string | number;
+                trueLabel: string | number;
+                falseLabel: string | number;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('element-plus').CheckboxProps> & Readonly<{
+                onChange?: ((val: import('element-plus').CheckboxValueType) => any) | undefined;
+                "onUpdate:modelValue"?: ((val: import('element-plus').CheckboxValueType) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                id: string;
+                disabled: boolean;
+                modelValue: number | string | boolean;
+                validateEvent: boolean;
+                name: string;
+                value: string | boolean | number | object;
+                label: string | boolean | number | object;
+                trueValue: string | number;
+                falseValue: string | number;
+                trueLabel: string | number;
+                falseLabel: string | number;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('element-plus').CheckboxProps> & Readonly<{
+            onChange?: ((val: import('element-plus').CheckboxValueType) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: import('element-plus').CheckboxValueType) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            change: (val: import('element-plus').CheckboxValueType) => void;
+            "update:modelValue": (val: import('element-plus').CheckboxValueType) => void;
+        }, string, {
+            id: string;
+            disabled: boolean;
+            modelValue: number | string | boolean;
+            validateEvent: boolean;
+            name: string;
+            value: string | boolean | number | object;
+            label: string | boolean | number | object;
+            trueValue: string | number;
+            falseValue: string | number;
+            trueLabel: string | number;
+            falseLabel: string | number;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        })> | import('element-plus/es/utils/index.mjs').SFCWithInstall<{
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('element-plus').RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                disabled: boolean;
+                modelValue: string | number | boolean;
+                name: string;
+                value: string | number | boolean;
+                label: string | number | boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('element-plus').RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
+                disabled: boolean;
+                modelValue: string | number | boolean;
+                name: string;
+                value: string | number | boolean;
+                label: string | number | boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('element-plus').RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            disabled: boolean;
+            modelValue: string | number | boolean;
+            name: string;
+            value: string | number | boolean;
+            label: string | number | boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        })> | ({
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('element-plus').RadioProps> & Readonly<{
+                onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+                "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                change: (val: string | number | boolean | undefined) => void;
+                "update:modelValue": (val: string | number | boolean | undefined) => void;
+            }, import('vue').PublicProps, {
+                disabled: boolean;
+                modelValue: string | number | boolean;
+                name: string;
+                value: string | number | boolean;
+                border: boolean;
+                label: string | number | boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('element-plus').RadioProps> & Readonly<{
+                onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+                "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                disabled: boolean;
+                modelValue: string | number | boolean;
+                name: string;
+                value: string | number | boolean;
+                border: boolean;
+                label: string | number | boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('element-plus').RadioProps> & Readonly<{
+            onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            change: (val: string | number | boolean | undefined) => void;
+            "update:modelValue": (val: string | number | boolean | undefined) => void;
+        }, string, {
+            disabled: boolean;
+            modelValue: string | number | boolean;
+            name: string;
+            value: string | number | boolean;
+            border: boolean;
+            label: string | number | boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        }) & import('vue').ObjectPlugin & {
+            setPropsDefaults: (defaults: Partial<Omit<{
+                readonly border?: boolean | undefined;
+                readonly modelValue?: string | number | boolean | undefined;
+                readonly size?: import('element-plus').ComponentSize | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly label?: string | number | boolean | undefined;
+                readonly value?: string | number | boolean | undefined;
+                readonly name?: string | undefined;
+                readonly onChange?: ((val: string | number | boolean | undefined) => any) | undefined | undefined;
+                readonly "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "onUpdate:modelValue" | "onChange" | keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>>) => void;
+        } & {
+            RadioButton: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('element-plus').RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    disabled: boolean;
+                    modelValue: string | number | boolean;
+                    name: string;
+                    value: string | number | boolean;
+                    label: string | number | boolean;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('element-plus').RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
+                    disabled: boolean;
+                    modelValue: string | number | boolean;
+                    name: string;
+                    value: string | number | boolean;
+                    label: string | number | boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('element-plus').RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                disabled: boolean;
+                modelValue: string | number | boolean;
+                name: string;
+                value: string | number | boolean;
+                label: string | number | boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            });
+            RadioGroup: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('element-plus').RadioGroupProps> & Readonly<{
+                    onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+                    "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    change: (val: string | number | boolean | undefined) => void;
+                    "update:modelValue": (val: string | number | boolean | undefined) => void;
+                }, import('vue').PublicProps, {
+                    fill: string;
+                    props: import('element-plus').radioOptionProp;
+                    type: "radio" | "button";
+                    id: string;
+                    disabled: boolean;
+                    modelValue: string | number | boolean;
+                    validateEvent: boolean;
+                    name: string;
+                    textColor: string;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('element-plus').RadioGroupProps> & Readonly<{
+                    onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+                    "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    fill: string;
+                    props: import('element-plus').radioOptionProp;
+                    type: "radio" | "button";
+                    id: string;
+                    disabled: boolean;
+                    modelValue: string | number | boolean;
+                    validateEvent: boolean;
+                    name: string;
+                    textColor: string;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('element-plus').RadioGroupProps> & Readonly<{
+                onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
+                "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                change: (val: string | number | boolean | undefined) => void;
+                "update:modelValue": (val: string | number | boolean | undefined) => void;
+            }, string, {
+                fill: string;
+                props: import('element-plus').radioOptionProp;
+                type: "radio" | "button";
+                id: string;
+                disabled: boolean;
+                modelValue: string | number | boolean;
+                validateEvent: boolean;
+                name: string;
+                textColor: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            });
+        });
         required(this: any): boolean;
         isArray(this: any): boolean;
         isString(this: any): boolean;

package/fy-input-color/index.mjs

@@ -1,2 +1,80 @@
-import { t as e } from "../chunks/DK7E0MrC2.mjs";
-export { e as default };
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { n as t, t as n } from "../chunks/v7SkpvNZ.mjs";
+import { ElColorPicker as r, ElInput as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { createElementBlock as a, createVNode as o, openBlock as s, withCtx as c } from "vue";
+import "element-plus/es/components/color-picker/style/css";
+//#region src/components/avue/fy-from/input-color/FyInputColor.vue
+var l = {
+	name: "FyInputColor",
+	mixins: [t, n],
+	props: {
+		colorFormat: String,
+		predefine: {
+			type: Array,
+			default: () => [
+				"#ff4500",
+				"#ff8c00",
+				"#ffd700",
+				"#90ee90",
+				"#00ced1",
+				"#1e90ff",
+				"#c71585",
+				"rgba(255, 69, 0, 0.68)",
+				"rgb(255, 120, 0)",
+				"hsv(51, 100, 98)",
+				"hsva(120, 40, 94, 0.5)",
+				"hsl(181, 100%, 37%)",
+				"hsla(209, 100%, 56%, 0.73)"
+			]
+		},
+		showAlpha: {
+			type: Boolean,
+			default: !0
+		}
+	}
+}, u = { class: "avue-input-color" };
+function d(e, t, n, l, d, f) {
+	let p = r, m = i;
+	return s(), a("div", u, [o(m, {
+		ref: "main",
+		modelValue: e.text,
+		"onUpdate:modelValue": t[1] || (t[1] = (t) => e.text = t),
+		placeholder: e.placeholder,
+		size: e.size,
+		readonly: e.readonly,
+		clearable: e.clearableVal,
+		disabled: e.disabled,
+		onClick: e.handleClick
+	}, {
+		append: c(() => [o(p, {
+			modelValue: e.text,
+			"onUpdate:modelValue": t[0] || (t[0] = (t) => e.text = t),
+			"popper-class": e.popperClass,
+			"color-format": n.colorFormat,
+			disabled: e.disabled,
+			"show-alpha": n.showAlpha,
+			predefine: n.predefine
+		}, null, 8, [
+			"modelValue",
+			"popper-class",
+			"color-format",
+			"disabled",
+			"show-alpha",
+			"predefine"
+		])]),
+		_: 1
+	}, 8, [
+		"modelValue",
+		"placeholder",
+		"size",
+		"readonly",
+		"clearable",
+		"disabled",
+		"onClick"
+	])]);
+}
+var f = /* @__PURE__ */ e(l, [["render", d]]);
+//#endregion
+export { f as default };