@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

package/form-rate/index.d.ts

@@ -0,0 +1,326 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.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: (ArrayConstructor | ObjectConstructor)[];
+    voidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabledVoidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    icons: (ArrayConstructor | ObjectConstructor)[];
+    voidIcon: (ObjectConstructor | StringConstructor)[];
+    disabledVoidIcon: (ObjectConstructor | StringConstructor)[];
+    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: (ObjectConstructor | NumberConstructor)[];
+    };
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (ArrayConstructor | StringConstructor)[];
+    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: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    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)[];
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<globalThis.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: (ArrayConstructor | ObjectConstructor)[];
+    voidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabledVoidColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    icons: (ArrayConstructor | ObjectConstructor)[];
+    voidIcon: (ObjectConstructor | StringConstructor)[];
+    disabledVoidIcon: (ObjectConstructor | StringConstructor)[];
+    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: (ObjectConstructor | NumberConstructor)[];
+    };
+    sm: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    md: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    lg: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    xl: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (ArrayConstructor | StringConstructor)[];
+    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: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    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<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    push: number;
+    offset: number;
+    col: boolean;
+    span: number;
+    block: boolean;
+    tag: string;
+    required: boolean;
+    pull: number;
+    max: number;
+    wrapCol: boolean;
+    unwrap: boolean;
+    half: boolean;
+    hideLabel: boolean;
+    tipsAfterLabel: boolean;
+    labelPosition: string;
+    showMessage: boolean;
+    inlineMessage: boolean;
+    wrapFormItem: boolean;
+    clearable: boolean;
+    allowHalf: boolean;
+    lowThreshold: number;
+    highThreshold: number;
+    voidColor: string;
+    disabledVoidColor: string;
+    showText: boolean;
+    showScore: boolean;
+    texts: unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/form-rate/index.mjs

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

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

@@ -0,0 +1,16 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    columns: (ArrayConstructor | ObjectConstructor)[];
+    colCount: NumberConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    columns: (ArrayConstructor | ObjectConstructor)[];
+    colCount: NumberConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/form-red-table/index.mjs

@@ -1,34 +1,36 @@
-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/index.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, unref as m, watch as h } from "vue";
+import { isPlainObject as g, isString as _ } from "@web-utils/core";
+import "./style.css";
 //#region src/components/red-form/FormRedTable.vue
-var m = {
+var v = {
 	key: 0,
 	class: "red-table"
-}, h = /* @__PURE__ */ Object.assign({ name: "FormRedTable" }, {
+}, y = /* @__PURE__ */ Object.assign({ name: "FormRedTable" }, {
 	__name: "FormRedTable",
 	props: {
 		columns: [Array, Object],
 		colCount: Number
 	},
-	setup(h) {
-		let g = h, _ = t(() => {
+	setup(y) {
+		let b = y, x = i(() => {
 			var e;
-			if (f(g.columns)) {
-				let { colCount: e } = g.columns;
-				e = e || g.colCount;
+			if (g(b.columns)) {
+				let { colCount: e } = b.columns;
+				e = e || b.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 = b.columns[n];
+					g(e) ? t.push(e) : _(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 = b.columns) != null && e.length ? b.columns : b.colCount === 2 ? [{ width: "40%" }, { width: "60%" }] : b.colCount === 4 ? [
 				{ width: "20%" },
 				{ width: "30%" },
 				{ width: "20%" },
 				{ width: "30%" }
-			] : g.colCount === 6 ? [
+			] : b.colCount === 6 ? [
 				{ width: "11%" },
 				{ width: "30%" },
 				{ width: "11%" },
@@ -41,24 +43,24 @@ var m = {
 				{ width: "20%" },
 				{ width: "30%" }
 			];
-		}), v = c(_.value.length);
-		s("columns", _), s("columnSize", v);
-		let y = (e) => {
-			v.value = e;
+		}), S = d(x.value.length);
+		u(t, x), u(e, S);
+		let C = (e) => {
+			S.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, C), h(x, () => {
+			C(x.value.length);
+		}), (e, t) => {
+			var n;
+			return (n = m(x)) != null && n.length ? (l(), o("table", v, [s("colgroup", null, [(l(!0), o(r, null, f(m(x), (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(m(S) - m(x).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 { y as default };

package/form-row/index.d.ts

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

package/form-row/index.mjs

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