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

package/constants.d.ts

@@ -0,0 +1,42 @@
+import { InjectionKey } from 'vue';
+export declare const formHolderContextKey: InjectionKey<{
+    tableForm: boolean;
+    disabled: boolean;
+    enabledFields: string[];
+    requiredFields: string[];
+    enabledFieldsMap: Record<string, boolean | undefined>;
+    disabledFieldsMap: Record<string, boolean | undefined>;
+    requiredFieldsMap: Record<string, boolean | undefined>;
+    disabledFields: string[];
+    scrollIntoRequiredField: () => Promise<void> | any;
+    formRef: unknown;
+    validate: () => Promise<void> | any;
+    validateField: () => any;
+    resetFields: () => any;
+    scrollToField: () => any;
+    clearValidate: () => any;
+    getField: () => any;
+    setInitialValues: () => any;
+    getFields: () => any;
+}>;
+export declare const formItemGroupContextKey: InjectionKey<{
+    disabled: boolean;
+    enabled: boolean;
+    isDisabled: boolean;
+    size: string;
+}>;
+export declare const formItemConfigProviderContextKey: InjectionKey<{
+    reactive: boolean;
+    block: boolean;
+    wrapCol: boolean;
+}>;
+export declare const formViewContextKey: unique symbol;
+export declare const formEntityContextKey: unique symbol;
+export declare const formItemConfigContextKey: unique symbol;
+export declare const flowContextKey: unique symbol;
+export declare const toolbarContextKey: unique symbol;
+export declare const tableViewContextKey: unique symbol;
+export declare const pageableTableContextKey: unique symbol;
+export declare const columnSizeContextKey: unique symbol;
+export declare const columnsContextKey: unique symbol;
+export declare const setColumnSizeContextKey: unique symbol;

package/constants.mjs

@@ -1,4 +1,4 @@
-//#region src/components/constants.js
-var e = Symbol("formHolder");
+//#region src/components/constants.ts
+var e = Symbol("formHolder"), t = Symbol("formItemGroup"), n = Symbol("formItemConfigProvider"), r = Symbol("formView"), i = Symbol("formEntity"), a = Symbol("formItemConfig"), o = Symbol("flowContext"), s = Symbol("toolbar"), c = Symbol("tableView"), l = Symbol("pageableTable"), u = Symbol("columnSize"), d = Symbol("columns"), f = Symbol("setColumnSize");
 //#endregion
-export { e as formHolderKey };
+export { u as columnSizeContextKey, d as columnsContextKey, o as flowContextKey, i as formEntityContextKey, e as formHolderContextKey, a as formItemConfigContextKey, n as formItemConfigProviderContextKey, t as formItemGroupContextKey, r as formViewContextKey, l as pageableTableContextKey, f as setColumnSizeContextKey, c as tableViewContextKey, s as toolbarContextKey };

package/element-dialog/index.d.ts

@@ -0,0 +1,96 @@
+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<{}, {
+    close: () => void;
+    hide: () => void;
+    $emit: ((event: "open", ...args: any[]) => void) & ((event: "opened", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "closed", ...args: any[]) => void) & ((event: "open-auto-focus", ...args: any[]) => void) & ((event: "close-auto-focus", ...args: any[]) => void) & ((event: "toggle-fullscreen", ...args: any[]) => void);
+    modelValue: boolean;
+    title: string;
+    fullscreen: boolean;
+    top: string;
+    modal: boolean;
+    modalPenetrable: boolean;
+    appendToBody: boolean;
+    lockScroll: boolean;
+    openDelay: number;
+    closeDelay: number;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    showClose: boolean;
+    draggable: boolean;
+    overflow: boolean;
+    center: boolean;
+    alignCenter: boolean;
+    destroyOnClose: boolean;
+    headerAriaLevel: string;
+    customClass: string;
+    embed: boolean;
+    showFullscreen: boolean;
+    showFullScreen: boolean;
+    width?: string | number | undefined;
+    modalClass?: string | undefined;
+    headerClass?: string | undefined;
+    bodyClass?: string | undefined;
+    footerClass?: string | undefined;
+    appendTo?: string | Record<string, any> | undefined;
+    beforeClose?: Function | undefined;
+    closeIcon?: string | Record<string, any> | undefined;
+    zIndex?: number | undefined;
+    transition?: string | Record<string, any> | undefined;
+    height?: string | undefined;
+    $props: {
+        readonly modelValue?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly top?: string | undefined;
+        readonly modal?: boolean | undefined;
+        readonly modalPenetrable?: boolean | undefined;
+        readonly appendToBody?: boolean | undefined;
+        readonly lockScroll?: boolean | undefined;
+        readonly openDelay?: number | undefined;
+        readonly closeDelay?: number | undefined;
+        readonly closeOnClickModal?: boolean | undefined;
+        readonly closeOnPressEscape?: boolean | undefined;
+        readonly showClose?: boolean | undefined;
+        readonly draggable?: boolean | undefined;
+        readonly overflow?: boolean | undefined;
+        readonly center?: boolean | undefined;
+        readonly alignCenter?: boolean | undefined;
+        readonly destroyOnClose?: boolean | undefined;
+        readonly headerAriaLevel?: string | undefined;
+        readonly customClass?: string | undefined;
+        readonly embed?: boolean | undefined;
+        readonly showFullscreen?: boolean | undefined;
+        readonly showFullScreen?: boolean | undefined;
+        readonly width?: string | number | undefined;
+        readonly modalClass?: string | undefined;
+        readonly headerClass?: string | undefined;
+        readonly bodyClass?: string | undefined;
+        readonly footerClass?: string | undefined;
+        readonly appendTo?: string | Record<string, any> | undefined;
+        readonly beforeClose?: Function | undefined;
+        readonly closeIcon?: string | Record<string, any> | undefined;
+        readonly zIndex?: number | undefined;
+        readonly transition?: string | Record<string, any> | undefined;
+        readonly height?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    dialog: unknown;
+}, any>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {
+            close: () => void;
+        }): any;
+    };
+    refs: {
+        dialog: unknown;
+    };
+    rootEl: any;
+};

package/element-dialog/index.mjs

@@ -1,92 +1,2 @@
-import { ElDialog as e } from "element-plus/es";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, getCurrentInstance as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useCssVars as g, useModel as _, useTemplateRef as v, withCtx as y, withModifiers as b } from "vue";
-//#region src/components/ElementDialog.vue
-var x = { class: "dialog-title" }, S = { class: "dialog-header-buttons" }, C = /* @__PURE__ */ Object.assign({ name: "ElementDialog" }, {
-	__name: "ElementDialog",
-	props: /* @__PURE__ */ c({
-		height: String,
-		width: String,
-		title: String,
-		embed: Boolean,
-		showClose: Boolean,
-		overflow: Boolean,
-		closeOnClickModal: Boolean,
-		destroyOnClose: Boolean,
-		draggable: {
-			type: Boolean,
-			default: !0
-		},
-		showFullscreen: Boolean,
-		showFullScreen: Boolean,
-		alignCenter: Boolean,
-		appendToBody: {
-			type: Boolean,
-			default: !0
-		}
-	}, {
-		modelValue: { type: Boolean },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ c(["toggle-fullscreen"], ["update:modelValue"]),
-	setup(c, { expose: C, emit: w }) {
-		g((e) => ({ v4eb8749a: h(j) }));
-		let T = _(c, "modelValue"), E = c, D = w, O = v("dialog"), k = f(!1), A = () => {
-			k.value = !k.value, D("toggle-fullscreen", k.value);
-		}, j = t(() => k.value ? "100%" : E.height), M = s(), N = () => {
-			E.embed ? M.parent.emit("update:visible") : O.value.handleClose();
-		};
-		return C({
-			close: N,
-			hide: N
-		}), (t, s) => {
-			let f = e;
-			return d(), n(f, {
-				ref: "dialog",
-				modelValue: T.value,
-				"onUpdate:modelValue": s[0] || (s[0] = (e) => T.value = e),
-				"append-to-body": c.appendToBody,
-				fullscreen: h(k),
-				"show-close": c.showClose,
-				"destroy-on-close": c.destroyOnClose,
-				draggable: c.draggable,
-				overflow: c.overflow,
-				"align-center": c.alignCenter,
-				style: u({ "--dialog-body-height": h(j) }),
-				width: c.width,
-				"close-on-click-modal": c.closeOnClickModal
-			}, o({
-				header: y(() => [a("div", x, m(c.title), 1), a("div", S, [c.showFullscreen || c.showFullScreen ? (d(), i("i", {
-					key: 0,
-					class: l(["dialog-header-button", {
-						"el-icon-full-screen": !h(k),
-						"el-icon-copy-document": h(k)
-					}]),
-					onClick: b(A, ["stop"])
-				}, null, 2)) : r("v-if", !0), a("i", {
-					class: "dialog-header-button el-icon-close",
-					onClick: b(N, ["stop"])
-				})])]),
-				default: y(() => [p(t.$slots, "default")]),
-				_: 2
-			}, [t.$slots.footer ? {
-				name: "footer",
-				fn: y(() => [p(t.$slots, "footer", { close: N })]),
-				key: "0"
-			} : void 0]), 1032, [
-				"modelValue",
-				"append-to-body",
-				"fullscreen",
-				"show-close",
-				"destroy-on-close",
-				"draggable",
-				"overflow",
-				"align-center",
-				"style",
-				"width",
-				"close-on-click-modal"
-			]);
-		};
-	}
-});
-//#endregion
-export { C as default };
+import { t as e } from "../chunks/B5B9au3z.mjs";
+export { e as default };

package/element-dialog/style.css

@@ -1 +1 @@
-.el-dialog{border-radius:4px 4px 0 0;flex-direction:column;padding:0;display:flex}.el-dialog .dialog-title{min-height:20px}.el-dialog .el-dialog__header{color:#fff;background-color:#025cde;border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:6px 10px;line-height:normal;display:flex;position:relative}.el-dialog .dialog-header-buttons{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.el-dialog .dialog-header-button{cursor:pointer;padding:2px;font-size:14px}.el-dialog .dialog-header-button+.dialog-header-button{margin-left:10px}.el-dialog .dialog-header-button:hover{background-color:#0000004d;border-radius:2px}.el-dialog .dialog-header-button.el-icon-close:hover{background-color:#e34e55;border-radius:2px}.el-dialog .el-dialog__body{height:var(--v4eb8749a);flex:auto;min-height:40vh;padding:10px}.el-dialog .el-dialog__footer{border-top:1px solid #dddee3;padding:10px}
+:root{--dialog-header-background-color:#025cde}.el-dialog{border-radius:4px 4px 0 0;flex-direction:column;padding:0;display:flex}.el-dialog .dialog-title{min-height:20px}.el-dialog .el-dialog__header{color:#fff;background-color:var(--dialog-header-background-color);border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:6px 10px;line-height:normal;display:flex;position:relative}.el-dialog .dialog-header-buttons{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.el-dialog .dialog-header-button{cursor:pointer;padding:2px;font-size:14px}.el-dialog .dialog-header-button+.dialog-header-button{margin-left:10px}.el-dialog .dialog-header-button:hover{background-color:#0000004d;border-radius:2px}.el-dialog .dialog-header-button.el-icon-close:hover{background-color:#e34e55;border-radius:2px}.el-dialog .el-dialog__body{height:var(--dialog-body-height);flex:auto;min-height:40vh;padding:10px}.el-dialog .el-dialog__footer{border-top:1px solid #dddee3;padding:10px}

package/empty-view/index.d.ts

@@ -0,0 +1,29 @@
+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<{}, {
+    height: string;
+    emptyTips: string;
+    fontSize: string;
+    icon: string;
+    iconSize: string;
+    showIcon: boolean;
+    $props: {
+        readonly height?: string | undefined;
+        readonly emptyTips?: string | undefined;
+        readonly fontSize?: string | undefined;
+        readonly icon?: string | undefined;
+        readonly iconSize?: string | undefined;
+        readonly showIcon?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/flex-scroll-area/index.d.ts

@@ -0,0 +1,22 @@
+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<{}, {
+    scroller: Readonly<import('vue').ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
+    computeScrollbar: () => void;
+    $emit: (event: "scroll" | "scrollbar", ...args: any[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    scroller: HTMLDivElement;
+}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        scroller: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};

package/form-advice/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    valueColspan?: number | undefined;
+    labelColspan?: number | undefined;
+    $props: {
+        readonly valueColspan?: number | undefined;
+        readonly labelColspan?: number | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLTableSectionElement>;
+export default _default;

package/form-advice/index.mjs

@@ -1,28 +1,29 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, inject as o, openBlock as s, renderList as c, toDisplayString as l, unref as u } from "vue";
+import { columnSizeContextKey as e, flowContextKey as t } from "../constants.mjs";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, inject as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
 //#region src/components/red-form/FormAdvice.vue
-var d = ["colspan"], f = ["colspan"], p = { style: { "text-align": "right" } }, m = { style: { "margin-left": "20px" } }, h = /* @__PURE__ */ Object.assign({ name: "FormAdvice" }, {
+var p = ["colspan"], m = ["colspan"], h = { style: { "text-align": "right" } }, g = { style: { "margin-left": "20px" } }, _ = /* @__PURE__ */ Object.assign({ name: "FormAdvice" }, {
 	__name: "FormAdvice",
 	props: {
 		valueColspan: Number,
 		labelColspan: Number
 	},
-	setup(h) {
-		let g = h, _ = o("columnSize", 0), v = o("flowContext", null), y = t(() => g.labelColspan && g.valueColspan || g.labelColspan && !g.valueColspan ? g.labelColspan : !g.labelColspan && g.valueColspan && _.value ? _.value - g.valueColspan : 0), b = t(() => g.labelColspan && g.valueColspan ? g.valueColspan : g.labelColspan && !g.valueColspan ? _.value ? _.value - g.labelColspan : 0 : !g.labelColspan && g.valueColspan ? g.valueColspan : _.value ? _.value - 1 : 0);
-		return (t, o) => {
-			var h;
-			return s(), r("tbody", null, [(s(!0), r(e, null, c((h = u(v)) == null ? void 0 : h.formComments, (t) => (s(), r(e, null, [t.comments.length ? (s(), r("tr", { key: t.id }, [i("td", {
+	setup(_) {
+		let v = _, y = c(e, 0), b = c(t, null), x = r(() => v.labelColspan && v.valueColspan || v.labelColspan && !v.valueColspan ? v.labelColspan : !v.labelColspan && v.valueColspan && y.value ? y.value - v.valueColspan : 0), S = r(() => v.labelColspan && v.valueColspan ? v.valueColspan : v.labelColspan && !v.valueColspan ? y.value ? y.value - v.labelColspan : 0 : !v.labelColspan && v.valueColspan ? v.valueColspan : y.value ? y.value - 1 : 0);
+		return (e, t) => {
+			var r;
+			return l(), a("tbody", null, [(l(!0), a(n, null, u((r = f(b)) == null ? void 0 : r.formComments, (e) => (l(), a(n, null, [e.comments.length ? (l(), a("tr", { key: e.id }, [o("td", {
 				class: "label",
 				style: {
 					height: "100px",
 					"line-height": "24px"
 				},
-				colspan: y.value
-			}, l(t.name), 9, d), i("td", {
+				colspan: x.value
+			}, d(e.name), 9, p), o("td", {
 				class: "input",
-				colspan: b.value
-			}, [i("ul", null, [(s(!0), r(e, null, c(t.comments, (e) => (s(), r("li", { key: e.id }, [i("p", null, l(e.message), 1), i("p", p, [a(l(e.personalName) + " ", 1), i("span", m, l(e.time.substring(0, 10)), 1)])]))), 128))])], 8, f)])) : n("v-if", !0)], 64))), 256))]);
+				colspan: S.value
+			}, [o("ul", null, [(l(!0), a(n, null, u(e.comments, (e) => (l(), a("li", { key: e.id }, [o("p", null, d(e.message), 1), o("p", h, [s(d(e.personalName) + " ", 1), o("span", g, d(e.time.substring(0, 10)), 1)])]))), 128))])], 8, m)])) : i("v-if", !0)], 64))), 256))]);
 		};
 	}
 });
 //#endregion
-export { h as default };
+export { _ as default };

package/form-cascader/index.d.ts

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

package/form-cascader/index.mjs

@@ -0,0 +1,10 @@
+import { t as e } from "../chunks/D9GcEl6r.mjs";
+import { createElementBlock as t, openBlock as n } from "vue";
+//#region src/components/form/FormCascader.vue
+var r = { name: "FormCascader" };
+function i(e, r, i, a, o, s) {
+	return n(), t("div");
+}
+var a = /* @__PURE__ */ e(r, [["render", i]]);
+//#endregion
+export { a as default };

package/form-cell/index.d.ts

@@ -0,0 +1,25 @@
+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<{}, {
+    alignCenter: boolean;
+    isLabel: boolean;
+    colspan?: string | number | undefined;
+    rowspan?: string | number | undefined;
+    $props: {
+        readonly alignCenter?: boolean | undefined;
+        readonly isLabel?: boolean | undefined;
+        readonly colspan?: string | number | undefined;
+        readonly rowspan?: string | number | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLTableCellElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLTableCellElement;
+};