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

package/fy-checkbox/index.d.ts

@@ -0,0 +1,231 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    all: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    checkAll: boolean;
+    isIndeterminate: boolean;
+    name: string;
+}, {}, {
+    handleCheckAll(val: any): void;
+    handleCheckChange(): 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<{
+    all: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    all: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/fy-checkbox/index.mjs

@@ -0,0 +1,100 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { n as t, t as n } from "../chunks/Cf_h9S62.mjs";
+import { ElCheckbox as r, ElCheckboxGroup as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, withCtx as h } from "vue";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/checkbox-group/style/css";
+//#region src/components/avue/fy-from/checkbox/FyCheckbox.vue
+var g = {
+	name: "FyCheckbox",
+	mixins: [t, n],
+	props: { all: {
+		type: Boolean,
+		default: !1
+	} },
+	data() {
+		return {
+			checkAll: !1,
+			isIndeterminate: !1,
+			name: "checkbox"
+		};
+	},
+	watch: {
+		dic() {
+			this.handleCheckChange();
+		},
+		text: { handler() {
+			this.handleCheckChange();
+		} }
+	},
+	methods: {
+		handleCheckAll(e) {
+			this.all && (this.text = e ? this.dic.map((e) => e[this.valueKey]) : [], this.isIndeterminate = !1);
+		},
+		handleCheckChange() {
+			let e = this.text;
+			if (!this.all) return;
+			let t = e.length, n = this.dic.length;
+			this.checkAll = t === n, this.isIndeterminate = t > 0 && t < n;
+		}
+	}
+}, _ = { class: "avue-checkbox" };
+function v(e, t, n, g, v, y) {
+	let b = r, x = i;
+	return d(), c("div", _, [n.all ? (d(), o(b, {
+		key: 0,
+		modelValue: v.checkAll,
+		"onUpdate:modelValue": t[0] || (t[0] = (e) => v.checkAll = e),
+		disabled: e.disabled,
+		indeterminate: v.isIndeterminate,
+		onChange: y.handleCheckAll
+	}, {
+		default: h(() => [...t[2] || (t[2] = [l(" 全选 ", -1)])]),
+		_: 1
+	}, 8, [
+		"modelValue",
+		"disabled",
+		"indeterminate",
+		"onChange"
+	])) : s("v-if", !0), u(x, {
+		modelValue: e.text,
+		"onUpdate:modelValue": t[1] || (t[1] = (t) => e.text = t),
+		disabled: e.disabled,
+		size: e.size,
+		min: e.min,
+		max: e.max,
+		onChange: y.handleCheckChange,
+		onClick: e.handleClick
+	}, {
+		default: h(() => [(d(!0), c(a, null, f(e.dic, (t, n) => (d(), o(p(e.componentName), {
+			key: n,
+			label: t[e.valueKey],
+			border: e.border,
+			size: e.size,
+			readonly: e.readonly,
+			disabled: t[e.disabledKey]
+		}, {
+			default: h(() => [l(m(t[e.labelKey]), 1)]),
+			_: 2
+		}, 1032, [
+			"label",
+			"border",
+			"size",
+			"readonly",
+			"disabled"
+		]))), 128))]),
+		_: 1
+	}, 8, [
+		"modelValue",
+		"disabled",
+		"size",
+		"min",
+		"max",
+		"onChange",
+		"onClick"
+	])]);
+}
+var y = /* @__PURE__ */ e(g, [["render", v]]);
+//#endregion
+export { y as default };

package/fy-checkbox/style.css

@@ -0,0 +1 @@
+.avue-checkbox{text-align:left}.avue-checkbox .el-checkbox+.el-checkbox{margin-left:0}.avue-checkbox .el-checkbox{margin-right:10px}.avue-checkbox__all{display:none}