@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/fy-array/index.d.ts

@@ -0,0 +1,497 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    fileType: StringConstructor;
+    alone: BooleanConstructor;
+    type: StringConstructor;
+    limit: NumberConstructor;
+}>, {}, {}, {
+    isLimit(): number | undefined;
+    textLen(): any;
+    isImg(): boolean;
+    isUrl(): boolean;
+}, {
+    isMediaType(item: any): false | "audio" | "video" | "img" | undefined;
+    add(index: any): void;
+    remove(index: any): void;
+    openImg(): void;
+}, {
+    mixins: {
+        methods: {
+            getSlotName(item: any | undefined, type: string | undefined, slot: string): any;
+            getSlotList(list: never[] | undefined, slot: string, propList: Array<any>): string[];
+        };
+    }[];
+    data(): {
+        stringMode: boolean;
+        name: string;
+        text: undefined;
+        propsHttpDefault: {
+            name: string;
+            url: string;
+            fileName: string;
+            res: string;
+        };
+        propsDefault: {
+            rowKey: string;
+            rowParentKey: string;
+            nodeKey: string;
+            label: string;
+            value: string;
+            desc: string;
+            groups: string;
+            title: string;
+            leaf: string;
+            children: string;
+            hasChildren: string;
+            labelText: string;
+            disabled: string;
+        };
+    };
+    props: {
+        blur: FunctionConstructor;
+        focus: FunctionConstructor;
+        change: FunctionConstructor;
+        click: FunctionConstructor;
+        typeformat: FunctionConstructor;
+        control: FunctionConstructor;
+        separator: {
+            type: StringConstructor;
+            default: string;
+        };
+        params: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        listType: {
+            type: StringConstructor;
+        };
+        tableData: {
+            type: ObjectConstructor;
+        };
+        modelValue: {};
+        column: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: StringConstructor;
+        tip: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataType: {
+            type: StringConstructor;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        dicUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        dicMethod: {
+            type: StringConstructor;
+            default: string;
+        };
+        dicFormatter: FunctionConstructor;
+        dicQuery: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        dic: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        rules: {
+            type: ArrayConstructor;
+        };
+        min: {
+            type: NumberConstructor;
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        button: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        group: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        row: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prop: {
+            type: StringConstructor;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popperClass: {
+            type: StringConstructor;
+        };
+        propsHttp: {
+            type: ObjectConstructor;
+            default: () => {
+                name: string;
+                url: string;
+                fileName: string;
+                res: string;
+            };
+        };
+        props: {
+            type: ObjectConstructor;
+            default: () => {
+                rowKey: string;
+                rowParentKey: string;
+                nodeKey: string;
+                label: string;
+                value: string;
+                desc: string;
+                groups: string;
+                title: string;
+                leaf: string;
+                children: string;
+                hasChildren: string;
+                labelText: string;
+                disabled: string;
+            };
+        };
+    };
+    watch: {
+        text: {
+            handler(this: any, n: any): void;
+        };
+        modelValue: {
+            handler(this: any): void;
+        };
+    };
+    computed: {
+        clearableVal(this: any): any;
+        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;
+        isNumber(this: any): boolean;
+        nameKey(this: any): any;
+        urlKey(this: any): any;
+        resKey(this: any): any;
+        groupsKey(this: any): any;
+        valueKey(this: any): any;
+        descKey(this: any): any;
+        leafKey(this: any): any;
+        labelKey(this: any): any;
+        childrenKey(this: any): any;
+        disabledKey(this: any): any;
+        idKey(this: any): any;
+    };
+    created(this: any): void;
+} | {
+    methods: {
+        bindEvent(this: any, name: any, params: any): void;
+        initVal(this: any): void;
+        getLabelText(this: any, item: any): any;
+        handleFocus(this: any, event: any): void;
+        handleBlur(this: any, event: any): void;
+        handleClick(this: any, event: any): void;
+        handleChange(this: any, value: any): void;
+    };
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    fileType: StringConstructor;
+    alone: BooleanConstructor;
+    type: StringConstructor;
+    limit: NumberConstructor;
+}>> & Readonly<{}>, {
+    alone: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/fy-array/index.mjs

@@ -0,0 +1,130 @@
+import { u as e } from "../chunks/ClVh1Lek.mjs";
+import { t } from "../chunks/B1MSrc6f.mjs";
+import { t as n } from "../chunks/Gh6td4HK.mjs";
+import { n as r, t as i } from "../chunks/CX7Oiw5N.mjs";
+import { ElInput as a, ElLink as o, ElTooltip as s } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, openBlock as h, renderList as g, resolveDynamicComponent as _, toDisplayString as v, withCtx as y } from "vue";
+import "element-plus/es/components/tooltip/style/css";
+import "element-plus/es/components/link/style/css";
+//#region src/components/avue/fy-from/array/FyArray.vue
+var b = {
+	name: "FyArray",
+	mixins: [r, i],
+	props: {
+		fileType: String,
+		alone: Boolean,
+		type: String,
+		limit: Number
+	},
+	computed: {
+		isLimit() {
+			return this.limit;
+		},
+		textLen() {
+			return this.text.length;
+		},
+		isImg() {
+			return this.type === "img";
+		},
+		isUrl() {
+			return this.type === "url";
+		}
+	},
+	methods: {
+		isMediaType(t) {
+			return e(t, this.fileType);
+		},
+		add(e) {
+			var t;
+			(t = this.text) == null || t.splice(e + 1, 0, "");
+		},
+		remove(e) {
+			var t;
+			(t = this.text) == null || t.splice(e, 1);
+		},
+		openImg() {
+			var e;
+			(e = this.text) == null || e.map((e) => ({
+				thumbUrl: e,
+				url: e,
+				type: this.fileType
+			}));
+		}
+	}
+}, x = { class: "avue-array" }, S = { class: "avue-array__input" };
+function C(e, t, r, i, b, C) {
+	let w = n, T = o, E = a, D = s;
+	return h(), d("div", x, [e.text ? (h(), l(w, {
+		key: 0,
+		type: "primary",
+		icon: "el-icon-plus",
+		circle: "",
+		size: e.size,
+		disabled: e.disabled,
+		onClick: t[0] || (t[0] = (e) => C.add())
+	}, null, 8, ["size", "disabled"])) : u("v-if", !0), (h(!0), d(c, null, g(e.text, (t, n) => (h(), d("div", {
+		key: n,
+		class: "avue-array__item"
+	}, [f("div", S, [m(D, {
+		placement: "bottom",
+		disabled: !C.isImg && !C.isUrl || !!t
+	}, {
+		content: y(() => [f("div", null, [C.isImg ? (h(), l(_(C.isMediaType(t)), {
+			key: 0,
+			style: { width: "200px" },
+			src: t,
+			controls: "controls",
+			onClick: (e) => C.openImg(n)
+		}, null, 8, ["src", "onClick"])) : C.isUrl ? (h(), l(T, {
+			key: 1,
+			type: "primary",
+			href: t,
+			target: e.target
+		}, {
+			default: y(() => [p(v(t), 1)]),
+			_: 2
+		}, 1032, ["href", "target"])) : u("v-if", !0)])]),
+		default: y(() => [m(E, {
+			modelValue: e.text[n],
+			"onUpdate:modelValue": (t) => e.text[n] = t,
+			size: e.size,
+			placeholder: e.placeholder,
+			disabled: e.disabled
+		}, null, 8, [
+			"modelValue",
+			"onUpdate:modelValue",
+			"size",
+			"placeholder",
+			"disabled"
+		])]),
+		_: 2
+	}, 1032, ["disabled"]), e.disabled || e.readonly || r.alone ? u("v-if", !0) : (h(), d(c, { key: 0 }, [C.isLimit ? u("v-if", !0) : (h(), l(w, {
+		key: 0,
+		type: "primary",
+		icon: "el-icon-plus",
+		circle: "",
+		size: e.size,
+		disabled: e.disabled,
+		onClick: (e) => C.add(n)
+	}, null, 8, [
+		"size",
+		"disabled",
+		"onClick"
+	])), m(w, {
+		type: "danger",
+		icon: "el-icon-minus",
+		circle: "",
+		size: e.size,
+		disabled: e.disabled,
+		onClick: (e) => C.remove(n)
+	}, null, 8, [
+		"size",
+		"disabled",
+		"onClick"
+	])], 64))])]))), 128))]);
+}
+var w = /* @__PURE__ */ t(b, [["render", C]]);
+//#endregion
+export { w as default };

package/fy-array/style.css

@@ -0,0 +1 @@
+.avue-array__item{margin-bottom:5px}.avue-array__input{display:flex}.avue-array__input .el-input{flex:auto}.avue-array__input .el-button{margin-left:5px}