@web-utils/form-ui 1.0.0-beta86 → 1.0.0-beta88

package/fy-input-color/index.mjs

@@ -0,0 +1,80 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { n as t, t as n } from "../chunks/Cf_h9S62.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 };

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

@@ -0,0 +1,244 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    dialogWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>, {}, {
+    filterText: string;
+    visible: boolean;
+    tabs: {};
+}, {
+    icons(): any;
+    filteredIcons(): any;
+}, {
+    handleTabs(tabs: any): void;
+    handleSubmit(item: any): void;
+    handleShow(): 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;
+        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<{
+    dialogWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    dialogWidth: string;
+    iconList: unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/fy-input-icon/index.mjs

@@ -0,0 +1,133 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { t } from "../chunks/V-Js6hNd.mjs";
+import { n, t as r } from "../chunks/Cf_h9S62.mjs";
+import i from "../icon-temp/index.mjs";
+import a from "../fy-tabs/index.mjs";
+import { ElInput as o } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { Fragment as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, withCtx as _ } from "vue";
+//#region src/components/avue/fy-from/input-icon/FyInputIcon.vue
+var v = {
+	name: "FyInputIcon",
+	mixins: [n, r],
+	props: {
+		dialogWidth: {
+			type: String,
+			default: "80%"
+		},
+		iconList: {
+			type: Array,
+			default: () => []
+		}
+	},
+	data() {
+		return {
+			filterText: "",
+			visible: !1,
+			tabs: {}
+		};
+	},
+	computed: {
+		icons() {
+			return (this.tabs.list || []).map((e) => !e.value && !e.label ? {
+				value: e,
+				label: e
+			} : e);
+		},
+		filteredIcons() {
+			return this.filterText ? this.icons.filter((e) => e.label.indexOf(this.filterText) !== -1) : this.icons;
+		}
+	},
+	watch: { iconList: {
+		immediate: !0,
+		handler(e) {
+			this.tabs = (e == null ? void 0 : e[0]) || {};
+		}
+	} },
+	methods: {
+		handleTabs(e) {
+			this.tabs = e;
+		},
+		handleSubmit(e) {
+			this.visible = !1, this.text = e, this.handleChange(e);
+		},
+		handleShow() {
+			this.$refs.main.blur(), !(this.disabled || this.readonly) && (this.visible = !0);
+		}
+	}
+}, y = { class: "avue-input-icon" }, b = { class: "avue-input-icon__filter" }, x = { class: "avue-input-icon__list" }, S = ["title", "onClick"], C = { class: "avue-input-icon__label" };
+function w(e, n, r, v, w, T) {
+	let E = i, D = o, O = a, k = t;
+	return m(), u("div", y, [f(D, {
+		ref: "main",
+		modelValue: e.text,
+		"onUpdate:modelValue": n[0] || (n[0] = (t) => e.text = t),
+		placeholder: e.placeholder,
+		size: e.size,
+		clearable: e.clearableVal,
+		disabled: e.disabled,
+		onClick: e.handleClick,
+		onFocus: T.handleShow
+	}, {
+		append: _(() => [f(E, {
+			text: e.text,
+			small: e.size === "mini",
+			onClick: T.handleShow
+		}, null, 8, [
+			"text",
+			"small",
+			"onClick"
+		])]),
+		_: 1
+	}, 8, [
+		"modelValue",
+		"placeholder",
+		"size",
+		"clearable",
+		"disabled",
+		"onClick",
+		"onFocus"
+	]), w.visible ? (m(), c(k, {
+		key: 0,
+		modelValue: w.visible,
+		"onUpdate:modelValue": n[2] || (n[2] = (e) => w.visible = e),
+		title: e.placeholder,
+		width: r.dialogWidth
+	}, {
+		default: _(() => [
+			d("div", b, [f(D, {
+				modelValue: w.filterText,
+				"onUpdate:modelValue": n[1] || (n[1] = (e) => w.filterText = e),
+				placeholder: "请输入",
+				size: e.size
+			}, null, 8, ["modelValue", "size"])]),
+			f(O, {
+				option: { tabs: r.iconList },
+				onChange: T.handleTabs
+			}, null, 8, ["option", "onChange"]),
+			d("div", x, [(m(!0), u(s, null, h(T.filteredIcons, (t) => (m(), u("div", {
+				key: t.value,
+				class: p(["avue-input-icon__item", { active: e.text === t }]),
+				title: t.label || t.value,
+				onClick: (e) => T.handleSubmit(t.value)
+			}, [f(E, {
+				text: t.value,
+				size: w.tabs.iconSize,
+				small: e.size === "mini"
+			}, null, 8, [
+				"text",
+				"size",
+				"small"
+			]), d("p", C, g(t.label || t.value), 1)], 10, S))), 128))])
+		]),
+		_: 1
+	}, 8, [
+		"modelValue",
+		"title",
+		"width"
+	])) : l("v-if", !0)]);
+}
+var T = /* @__PURE__ */ e(v, [["render", w]]);
+//#endregion
+export { T as default };

package/fy-input-icon/style.css

@@ -0,0 +1 @@
+.avue-input-icon{flex-wrap:wrap;justify-content:space-around;display:flex}.avue-input-icon__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avue-input-icon__item{box-sizing:content-box;text-align:center;cursor:pointer;width:60px;padding:10px 14px;transition:all .2s}.avue-input-icon__item p{margin-top:5px;font-size:12px}.avue-input-icon__item .avue-icon{display:inline}.avue-input-icon__item:hover{color:var(--color-primary,#409eff)}.avue-input-icon__item:hover .avue-icon i{transform:scale(1.4)}.avue-input-icon__list{flex-wrap:wrap;display:flex}.avue-input-icon__filter{text-align:right}.avue-input-icon__filter .el-input{width:250px}