@web-utils/form-ui 1.0.0-beta2 → 1.0.0-beta20

package/form-rate/index.d.ts

@@ -0,0 +1,319 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: NumberConstructor;
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: StringConstructor;
+    allowHalf: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lowThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    highThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    colors: (ObjectConstructor | ArrayConstructor)[];
+    voidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabledVoidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    icons: (ObjectConstructor | ArrayConstructor)[];
+    voidIcon: (StringConstructor | ObjectConstructor)[];
+    disabledVoidIcon: (StringConstructor | ObjectConstructor)[];
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showScore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textColor: StringConstructor;
+    texts: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    scoreTemplate: StringConstructor;
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    col: BooleanConstructor;
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    sm: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    md: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    lg: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    xl: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
+    label: StringConstructor;
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
+    block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: null;
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: NumberConstructor;
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: StringConstructor;
+    allowHalf: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lowThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    highThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    colors: (ObjectConstructor | ArrayConstructor)[];
+    voidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabledVoidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    icons: (ObjectConstructor | ArrayConstructor)[];
+    voidIcon: (StringConstructor | ObjectConstructor)[];
+    disabledVoidIcon: (StringConstructor | ObjectConstructor)[];
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showScore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textColor: StringConstructor;
+    texts: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    scoreTemplate: StringConstructor;
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
+    wrapFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    col: BooleanConstructor;
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    sm: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    md: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    lg: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    xl: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
+    label: StringConstructor;
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
+    block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
+    formItemClass: StringConstructor;
+    hideLabel: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+    };
+    tipsAfterLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelColspan: (StringConstructor | NumberConstructor)[];
+    inputColspan: (StringConstructor | NumberConstructor)[];
+    labelRowspan: (StringConstructor | NumberConstructor)[];
+    inputRowspan: (StringConstructor | NumberConstructor)[];
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    push: number;
+    span: number;
+    offset: number;
+    pull: number;
+    tag: string;
+    labelPosition: string;
+    required: boolean;
+    showMessage: boolean;
+    inlineMessage: boolean;
+    wrapCol: boolean;
+    block: boolean;
+    unwrap: boolean;
+    half: boolean;
+    hideLabel: boolean;
+    tipsAfterLabel: boolean;
+    disabled: boolean;
+    wrapFormItem: boolean;
+    col: boolean;
+    max: number;
+    clearable: boolean;
+    allowHalf: boolean;
+    lowThreshold: number;
+    highThreshold: number;
+    voidColor: string;
+    disabledVoidColor: string;
+    showText: boolean;
+    showScore: boolean;
+    texts: unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/form-rate/index.mjs

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

package/form-red-table/index.d.ts

@@ -0,0 +1,21 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    columns?: Record<string, any> | unknown[] | undefined;
+    colCount?: number | undefined;
+    $props: {
+        readonly columns?: Record<string, any> | unknown[] | undefined;
+        readonly colCount?: number | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};

package/form-red-table/index.mjs

@@ -1,34 +1,35 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, normalizeStyle as a, openBlock as o, provide as s, ref as c, renderList as l, renderSlot as u, watch as d } from "vue";
-import { isPlainObject as f, isString as p } from "@web-utils/core";
+import { columnSizeContextKey as e, columnsContextKey as t, setColumnSizeContextKey as n } from "../constants.mjs";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, normalizeStyle as c, openBlock as l, provide as u, ref as d, renderList as f, renderSlot as p, watch as m } from "vue";
+import { isPlainObject as h, isString as g } from "@web-utils/core";
 //#region src/components/red-form/FormRedTable.vue
-var m = {
+var _ = {
 	key: 0,
 	class: "red-table"
-}, h = /* @__PURE__ */ Object.assign({ name: "FormRedTable" }, {
+}, v = /* @__PURE__ */ Object.assign({ name: "FormRedTable" }, {
 	__name: "FormRedTable",
 	props: {
 		columns: [Array, Object],
 		colCount: Number
 	},
-	setup(h) {
-		let g = h, _ = t(() => {
+	setup(v) {
+		let y = v, b = i(() => {
 			var e;
-			if (f(g.columns)) {
-				let { colCount: e } = g.columns;
-				e = e || g.colCount;
+			if (h(y.columns)) {
+				let { colCount: e } = y.columns;
+				e = e || y.colCount;
 				let t = [];
 				for (let n = 0; n < e; n++) {
-					let e = g.columns[n];
-					f(e) ? t.push(e) : p(e) ? t.push({ width: e }) : t.push({});
+					let e = y.columns[n];
+					h(e) ? t.push(e) : g(e) ? t.push({ width: e }) : t.push({});
 				}
 				return t;
 			}
-			return (e = g.columns) != null && e.length ? g.columns : g.colCount === 2 ? [{ width: "40%" }, { width: "60%" }] : g.colCount === 4 ? [
+			return (e = y.columns) != null && e.length ? y.columns : y.colCount === 2 ? [{ width: "40%" }, { width: "60%" }] : y.colCount === 4 ? [
 				{ width: "20%" },
 				{ width: "30%" },
 				{ width: "20%" },
 				{ width: "30%" }
-			] : g.colCount === 6 ? [
+			] : y.colCount === 6 ? [
 				{ width: "11%" },
 				{ width: "30%" },
 				{ width: "11%" },
@@ -41,24 +42,24 @@ var m = {
 				{ width: "20%" },
 				{ width: "30%" }
 			];
-		}), v = c(_.value.length);
-		s("columns", _), s("columnSize", v);
-		let y = (e) => {
-			v.value = e;
+		}), x = d(b.value.length);
+		u(t, b), u(e, x);
+		let S = (e) => {
+			x.value = e;
 		};
-		return s("setColumnSize", y), d(_, () => {
-			y(_.value.length);
-		}), (t, s) => {
-			var c;
-			return (c = _.value) != null && c.length ? (o(), r("table", m, [i("colgroup", null, [(o(!0), r(e, null, l(_.value, (e, t) => (o(), r("col", {
+		return u(n, S), m(b, () => {
+			S(b.value.length);
+		}), (e, t) => {
+			var n;
+			return (n = b.value) != null && n.length ? (l(), o("table", _, [s("colgroup", null, [(l(!0), o(r, null, f(b.value, (e, t) => (l(), o("col", {
 				key: t,
-				style: a({ width: `${e.width}` })
-			}, null, 4))), 128)), (o(!0), r(e, null, l(v.value - _.value.length, (e) => (o(), r("col", {
+				style: c({ width: `${e.width}` })
+			}, null, 4))), 128)), (l(!0), o(r, null, f(x.value - b.value.length, (e) => (l(), o("col", {
 				key: `${e}-ex`,
 				style: { width: "20%" }
-			}))), 128))]), u(t.$slots, "default")])) : n("v-if", !0);
+			}))), 128))]), p(e.$slots, "default")])) : a("v-if", !0);
 		};
 	}
 });
 //#endregion
-export { h as default };
+export { v as default };

package/form-row/index.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isLabel: BooleanConstructor;
+    alignCenter: BooleanConstructor;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isLabel: BooleanConstructor;
+    alignCenter: BooleanConstructor;
+}>> & Readonly<{}>, {
+    alignCenter: boolean;
+    isLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/form-row/index.mjs

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