@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta71

package/helper/form-item.d.ts

@@ -0,0 +1,17 @@
+import { Attrs } from 'vue';
+export declare const useRequired: (props: Record<string, any>) => globalThis.ComputedRef<boolean>;
+/**
+ *
+ * @param props
+ * @param param1
+ * @param param1.rules
+ * @returns {ComputedRef<{}>}
+ */
+export declare const useFormItemProps: (props: Record<string, any>, { rules, attrs, block, class: clas, messagePrefix, message }?: {
+    rules?: object[];
+    attrs?: Attrs;
+    class?: string;
+    block?: Readonly<Ref<any, any>>;
+    messagePrefix?: string;
+    message?: string;
+}) => ComputedRef<Record<string, any>>;

package/helper/form-item.mjs

@@ -0,0 +1,27 @@
+import { formItemProps as e } from "../props/form-item.mjs";
+import { colProps as t } from "../props/col.mjs";
+import { formHolderContextKey as n } from "../constants/index.mjs";
+import { computed as r, inject as i, unref as a } from "vue";
+import { isArray as o, isPlainObject as s, isString as c } from "@web-utils/core";
+//#region src/helper/form-item.ts
+var l = (e) => {
+	let t = i(n, null);
+	return r(() => e.required === !0 ? !0 : (t == null ? void 0 : t.requiredFieldsMap[e.prop]) === !0);
+}, u = (e, t) => {
+	c(t) ? e.push(t) : o(t) ? e.push(...t) : s(t) && e.push(t);
+}, d = (n, { rules: i, attrs: o, block: s, class: c, messagePrefix: d, message: f } = {}) => {
+	let p = l(n);
+	return r(() => {
+		let r = { message: f }, l = a(i);
+		Object.keys({
+			...e,
+			...t
+		}).forEach((e) => {
+			e === "rules" ? n[e] && l ? r[e] = [...n[e], ...l] : n[e] ? r[e] = n[e] : l && (r[e] = l) : e === "messagePrefix" ? r[e] = n.messagePrefix || d : e === "block" ? r[e] = (s == null ? void 0 : s.value) ?? n.block : r[e] = n[e];
+		});
+		let m = [];
+		return u(m, a(o == null ? void 0 : o.class)), u(m, a(c)), r.required = p.value, r.class = m, r.style = o == null ? void 0 : o.style, r;
+	});
+};
+//#endregion
+export { d as useFormItemProps, l as useRequired };

package/helper/input.d.ts

@@ -0,0 +1,47 @@
+import { Attrs } from 'vue';
+export declare const useDisabled: (props: Record<string, any>) => globalThis.ComputedRef<any>;
+export declare const inputEmits: {
+    /**
+     * 输入事件
+     */
+    "update:modelValue": null;
+};
+export declare const updateModelValue: (emit: (event: string, ...args: any[]) => void, value: any) => void;
+export declare const renderFormItem: (props: Record<string, any>, { vNodes, formItemProps, slots, disabled }: {
+    disabled: ComputedRef<boolean>;
+    vNodes: VNode;
+    formItemProps: Record<string, any>;
+    slots: Readonly<any>;
+}) => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare const useInput: (props: Record<string, any>, { emit, slots, events, predicate, removeOn, attrs, block, class: clas, rules, messagePrefix, extraFormItemProps }: {
+    emit: (event: string, ...args: any[]) => void;
+    events: string[];
+    slots: Readonly<any>;
+    attrs: Attrs;
+    block?: boolean;
+    rules: object[];
+    class?: string;
+    messagePrefix?: string;
+    removeOn?: boolean;
+    predicate: (key: string) => boolean;
+    extraFormItemProps: Record<string, any>;
+}) => {
+    emitInput: (value: any) => void;
+    render: ({ vNodes }: {
+        vNodes: VNode;
+    }) => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    placeholder: globalThis.ComputedRef<any>;
+    disabled: globalThis.ComputedRef<any>;
+    formItemProps: globalThis.ComputedRef<Record<string, any>>;
+    autoBind: globalThis.ComputedRef<Record<string, any>>;
+    inputProps: globalThis.ComputedRef<Record<string, any>>;
+    listeners: globalThis.ComputedRef<Record<string, any>>;
+    printing: globalThis.ComputedRef<boolean>;
+};
+export declare const FontIcon: (props: Record<string, any>) => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null;

package/helper/input.mjs

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/BsM0L7CS.mjs";
+export { a as FontIcon, n as inputEmits, i as renderFormItem, t as updateModelValue, e as useDisabled, r as useInput };

package/helper/sub-table-plus.d.ts

@@ -0,0 +1,98 @@
+import { TableColumnCtx } from 'element-plus';
+export type InputType = 'input' | 'checkbox1' | 'inputPhoneNumber' | 'user' | 'department' | 'select' | 'datePicker' | 'cascader' | 'checkbox' | 'number';
+export type Align = 'left' | 'center' | 'right';
+export type Option = {
+    value?: string | number;
+    label?: string;
+    [key: string]: any;
+};
+/**
+ * 表格列配置类型定义
+ * 用于定义动态表格或表单的列属性和行为
+ */
+export type ColumnType = {
+    /** 列显示标签文本，如不设置则默认为 prop 的转换 */
+    label?: string;
+    /** 字段属性名，对应数据对象中的键名 */
+    prop: string;
+    /** 字段类型 */
+    type?: InputType;
+    /** 是否为必填字段 */
+    required?: boolean;
+    /** 是否可编辑 */
+    editable?: boolean;
+    /** 是否设置默认值，为 true 时会根据 type 自动设置初始值 */
+    setVal?: boolean;
+    /** 字段对应的UI组件属性配置对象 */
+    attrs?: object;
+    /**
+     * 动态获取字段属性的函数
+     * @param row 当前行数据对象
+     * @returns 动态属性配置对象
+     */
+    getAttrs?: (row: object) => object;
+    /**
+     * 判断字段是否禁用的函数
+     * @param row 当前行数据对象
+     * @returns 是否禁用
+     */
+    isDisabled?: (row: object) => boolean;
+    /**
+     * 设置字段值的自定义函数
+     * @param row 当前行数据对象
+     * @param val 当前字段值
+     * @param item 当前列配置对象
+     * @param rows 表格所有行数据
+     */
+    setValue?: (row: object, val: any, item: ColumnType, rows: object[]) => void;
+    /**
+     * 字段失去焦点时的回调函数
+     * @param row 当前行数据对象
+     * @param item 当前列配置对象
+     * @param rows 表格所有行数据
+     */
+    onBlur?: (row: object, item: ColumnType, rows: object[]) => void;
+    /**
+     * 动态获取字段类型的函数
+     * @param row 当前行数据对象
+     * @param item 当前列配置对象
+     * @returns 字段类型字符串
+     */
+    getType?: (row: object, item: ColumnType) => string;
+    /**
+     * 获取显示值
+     * @param row 当前行数据对象
+     * @param column 列对象
+     * @param item 当前列配置对象
+     * @returns 显示值
+     */
+    getVal?: (row: object, column: TableColumnCtx<object>, item: ColumnType) => any;
+    /** 是否单选,type 为 user, department 时有效 */
+    single?: boolean;
+    /** id 属性名,type 为 user 时有效 */
+    idProp?: string;
+    /** 部门类型,type 为 department 时有效 */
+    ouType?: string;
+    /** 开始时间属性名,type 为 datePicker 时有效 */
+    start?: string;
+    /** 结束时间属性名,type 为 datePicker 时有效 */
+    end?: string;
+    options?: Option[];
+    dictType?: string;
+    idAsValue?: boolean;
+    labelAsValue?: boolean;
+    align?: Align;
+    width?: string;
+    clickable?: boolean;
+    showOverflowTooltip?: boolean;
+};
+/**
+ * 定义列
+ * @param column
+ */
+export declare const definColumn: (column: ColumnType) => ColumnType;
+/**
+ * 定义列
+ * @param columns
+ */
+export declare const defineColumns: (columns: ColumnType[]) => ColumnType[];

package/helper/sub-table-plus.mjs

@@ -0,0 +1,4 @@
+//#region src/helper/sub-table-plus.ts
+var e = (e) => e, t = (e) => e;
+//#endregion
+export { e as definColumn, t as defineColumns };

package/highlight-j-s/index.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    language: StringConstructor;
+    code: StringConstructor;
+    autodetect: BooleanConstructor;
+}>, {}, {
+    detectedLanguage: string;
+}, {
+    className(): string;
+    highlighted(): {};
+    ignoreIllegals(): true;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    language: StringConstructor;
+    code: StringConstructor;
+    autodetect: BooleanConstructor;
+}>> & Readonly<{}>, {
+    autodetect: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/highlight-j-s/index.mjs

@@ -0,0 +1,51 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i } from "vue";
+import { escapeHtml as a } from "@web-utils/core";
+import o from "highlight.js/lib/core";
+import "highlight.js/styles/atom-one-dark-reasonable.css";
+//#region src/components/HighlightJS.vue
+var s = {
+	name: "HighlightJS",
+	props: {
+		language: String,
+		code: String,
+		autodetect: Boolean
+	},
+	data() {
+		return { detectedLanguage: "" };
+	},
+	computed: {
+		className() {
+			return this.detectedLanguage ? `hljs ${this.detectedLanguage}` : "";
+		},
+		highlighted() {
+			if (!this.language && !o.getLanguage(this.language)) return console.warn(`The language "${this.language}" you specified could not be found.`), {
+				language: "",
+				value: a(this.code)
+			};
+			let e = {};
+			return e = !this.language || this.autodetect ? o.highlightAuto(this.code) : o.highlight(this.code, {
+				language: this.language,
+				ignoreIllegals: this.ignoreIllegals
+			}), e;
+		},
+		ignoreIllegals() {
+			return !0;
+		}
+	},
+	watch: { "highlighted.language": {
+		immediate: !0,
+		handler(e) {
+			this.detectedLanguage = e;
+		}
+	} }
+}, c = { class: "highlight-js" }, l = ["innerHTML"];
+function u(e, a, o, s, u, d) {
+	return i(), t("pre", c, [n("code", {
+		class: r(d.className),
+		innerHTML: d.highlighted.value
+	}, null, 10, l)]);
+}
+var d = /* @__PURE__ */ e(s, [["render", u]]);
+//#endregion
+export { d as default };

package/highlight-j-s/style.css

@@ -0,0 +1 @@
+.highlight-js{height:100%;max-height:calc(80vh - 32px);margin:0;overflow:hidden auto}.highlight-js .hljs{white-space:pre-wrap;word-break:break-word;height:100%}.highlight-js .hljs *{font-family:Consolas,Monaco,monospace}

package/hook/useDictionary.d.ts

@@ -0,0 +1,60 @@
+import { DictItem } from '../api';
+export declare const useDictionary: (props: Record<string, any>) => {
+    dictItems: globalThis.Ref<{
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | readonly {
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | null, DictItem[] | readonly DictItem[] | {
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | readonly {
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | null>;
+};

package/hook/useDictionary.mjs

@@ -0,0 +1,15 @@
+import { getDictData as e } from "../helper/dictionary.mjs";
+import { ref as t, watchEffect as n } from "vue";
+//#region src/hook/useDictionary.ts
+var r = (r) => {
+	let i = t([]);
+	return n(async () => {
+		r.dictType ? i.value = await e(r.dictType, !0, {
+			treeDict: r.treeDict,
+			idAsValue: r.idAsValue,
+			labelAsValue: r.labelAsValue
+		}) : i.value = [];
+	}), { dictItems: i };
+};
+//#endregion
+export { r as useDictionary };

package/hook/useVisibilityChange.d.ts

@@ -0,0 +1,4 @@
+export declare const useVisibilityChange: ({ onPageHidden, onPageVisible }?: {
+    onPageHidden?: () => void;
+    onPageVisible?: () => void;
+}) => void;

package/hook/useVisibilityChange.mjs

@@ -0,0 +1,14 @@
+import { onBeforeMount as e, onBeforeUnmount as t } from "vue";
+//#region src/hook/useVisibilityChange.ts
+var n = ({ onPageHidden: n, onPageVisible: r } = {}) => {
+	let i = () => {
+		document.hidden ? n == null || n() : r == null || r();
+	};
+	e(() => {
+		document.addEventListener("visibilitychange", i);
+	}), t(() => {
+		document.removeEventListener("visibilitychange", i);
+	});
+};
+//#endregion
+export { n as useVisibilityChange };

package/iframe-window/index.d.ts

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

package/iframe-window/index.mjs

@@ -0,0 +1,37 @@
+import { t as e } from "../chunks/CPejK_GQ2.mjs";
+import { createBlock as t, createElementVNode as n, mergeModels as r, mergeProps as i, openBlock as a, useModel as o, withCtx as s } from "vue";
+//#region src/components/iframe-window/IframeWindow.vue
+var c = ["src"], l = /* @__PURE__ */ Object.assign({ name: "IframeWindow" }, {
+	__name: "IframeWindow",
+	props: /* @__PURE__ */ r({
+		title: String,
+		url: String
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(r) {
+		let l = o(r, "modelValue");
+		return (o, u) => {
+			let d = e;
+			return a(), t(d, i(o.$attrs, {
+				modelValue: l.value,
+				"onUpdate:modelValue": u[0] || (u[0] = (e) => l.value = e),
+				"destroy-on-close": "",
+				class: "iframe-window",
+				height: "60vh",
+				title: r.title,
+				"show-fullscreen": ""
+			}), {
+				default: s(() => [n("iframe", {
+					class: "iframe-window-iframe",
+					src: r.url
+				}, null, 8, c)]),
+				_: 1
+			}, 16, ["modelValue", "title"]);
+		};
+	}
+});
+//#endregion
+export { l as default };

package/iframe-window/style.css

@@ -0,0 +1 @@
+.iframe-window.el-dialog .el-dialog__body{position:relative}.iframe-window .iframe-window-iframe{border:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}