@web-utils/form-ui 1.0.0-beta31 → 1.0.0-beta33

package/chunks/uYaz9cwr.mjs

@@ -0,0 +1,336 @@
+import { i as e, n as t } from "./BvsmTC3G.mjs";
+import { n } from "./D7hD-ppq.mjs";
+import { useDictionary as r } from "../hook/useDictionary.mjs";
+import { isNumber as i, isPlainObject as a, isString as o } from "@web-utils/core";
+import { computed as s, createVNode as c, mergeProps as l, ref as u, watchEffect as d } from "vue";
+import { ElOption as f, ElSelect as p } from "element-plus/es";
+//#region src/components/form/props/select.ts
+var m = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean,
+		Object,
+		Array
+	],
+	multiple: {
+		type: Boolean,
+		default: !1
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	props: {
+		type: Object,
+		default: () => ({
+			label: "label",
+			value: "value"
+		})
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	size: String,
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	collapseTags: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: !1
+	},
+	tagTooltip: {
+		type: Object,
+		default: () => ({})
+	},
+	multipleLimit: {
+		type: Number,
+		default: 0
+	},
+	id: String,
+	name: String,
+	effect: {
+		type: String,
+		default: "light"
+	},
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	placeholder: String,
+	filterable: {
+		type: Boolean,
+		default: !1
+	},
+	allowCreate: {
+		type: Boolean,
+		default: !1
+	},
+	filterMethod: Function,
+	remote: {
+		type: Boolean,
+		default: !1
+	},
+	debounce: {
+		type: Number,
+		default: 300
+	},
+	remoteMethod: Function,
+	remoteShowSuffix: {
+		type: Boolean,
+		default: !1
+	},
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingText: String,
+	noMatchText: String,
+	noDataText: String,
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	reserveKeyword: {
+		type: Boolean,
+		default: !0
+	},
+	defaultFirstOption: {
+		type: Boolean,
+		default: !1
+	},
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	fitInputWidth: {
+		type: Boolean,
+		default: !1
+	},
+	suffixIcon: [String, Object],
+	tagType: {
+		type: String,
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		default: "light"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	dropDownOffset: {
+		type: Number,
+		default: 12
+	},
+	showArrow: {
+		type: Boolean,
+		default: !0
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	ariaLabel: String,
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	suffixTransition: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	dictType: String,
+	gender: Boolean,
+	year: [Boolean, Number],
+	all: Boolean,
+	confirm: Boolean,
+	start: Number,
+	end: Number,
+	optionLabel: [String, Number],
+	emitLabel: Boolean,
+	english: Boolean,
+	chinese: Boolean,
+	typing: Boolean,
+	multipleStringMode: Boolean,
+	multipleStringSeparator: {
+		type: String,
+		default: ","
+	}
+}, h = {
+	modelValue: !0,
+	emptyValues: !0,
+	dropDownOffset: !0,
+	valueOnClear: !0,
+	options: !0,
+	dictType: !0,
+	gender: !0,
+	year: !0,
+	all: !0,
+	confirm: !0,
+	start: !0,
+	end: !0,
+	optionLabel: !0,
+	emitLabel: !0,
+	english: !0,
+	chinese: !0,
+	typing: !0,
+	multipleStringMode: !0,
+	multipleStringSeparator: !0
+}, g = [
+	"change",
+	"visible-change",
+	"remove-tag",
+	"clear",
+	"blur",
+	"focus",
+	"popup-scroll"
+], _ = (e) => n[e] === void 0 && h[e] !== !0, v = {
+	name: "FormSelect",
+	inheritAttrs: !1,
+	props: { ...m },
+	emits: {
+		...t,
+		change: null,
+		"visible-change": null,
+		"remove-tag": null,
+		clear: null,
+		blur: null,
+		focus: null,
+		"popup-scroll": null
+	},
+	setup(t, { emit: n, slots: m, attrs: h }) {
+		let { emitInput: v, render: y, placeholder: b, disabled: x, autoBind: S } = e(t, {
+			emit: n,
+			slots: m,
+			attrs: h,
+			events: g,
+			predicate: _,
+			messagePrefix: "请选择"
+		}), C = u(null), w = u(!1);
+		d(() => {
+			if (t.multiple && t.multipleStringMode) {
+				var e;
+				C.value = (e = t.modelValue) == null ? void 0 : e.split(",").filter((e) => e);
+			} else C.value = t.modelValue;
+		});
+		let T = (e) => {
+			if (t.multiple && t.multipleStringMode ? v(e.join(t.multipleStringSeparator)) : v(e), t.emitLabel) {
+				let r = O.value.find((n) => n[t.props.value] === e), i = r == null ? void 0 : r[t.props.label];
+				i !== t.optionLabel && n("update:optionLabel", i);
+			}
+		}, { dictItems: E } = r(t), D = u([]), O = s(() => {
+			if (t.dictType) return E.value;
+			if (t.remote) return D.value;
+			if (t.gender) return [{
+				[t.props.label]: "男",
+				[t.props.value]: t.chinese ? "男" : t.typing ? 1 : "1"
+			}, {
+				[t.props.label]: "女",
+				[t.props.value]: t.chinese ? "女" : t.typing ? 2 : "2"
+			}];
+			if (t.confirm) return [{
+				[t.props.label]: "是",
+				[t.props.value]: t.chinese ? "是" : t.english ? "Y" : t.typing ? 1 : "1"
+			}, {
+				[t.props.label]: "否",
+				[t.props.value]: t.chinese ? "否" : t.english ? "N" : t.typing ? 0 : "0"
+			}];
+			if (t.all) return [{
+				[t.props.value]: "",
+				[t.props.label]: "全部"
+			}, ...t.options];
+			if (t.start && t.end) return Array(t.end - t.start + 1).fill(1).map((e, n) => ({
+				[t.props.label]: t.start + n,
+				[t.props.value]: t.start + n
+			}));
+			if (t.year) {
+				let e = (/* @__PURE__ */ new Date()).getFullYear(), n = [], r = 10;
+				i(t.year) && (r = t.year);
+				for (let i = -r; i <= r; i++) {
+					let r = e + i;
+					n.push({
+						[t.props.label]: r,
+						[t.props.value]: r
+					});
+				}
+				return n;
+			}
+			return t.options ? t.options.map((e) => (e[t.props.value] = e[t.props.value] ?? e[t.props.label], e)) : [];
+		});
+		d(() => {
+			t.remote && k();
+		});
+		let k = async (e) => {
+			try {
+				var n;
+				w.value = !0;
+				let r = await t.remoteMethod(e, t.prop);
+				((n = r.data.data) == null ? void 0 : n.length) >= 0 ? o(r.data.data[0]) ? D.value = r.data.data.map((e) => ({
+					[t.props.value]: e,
+					[t.props.label]: e
+				})) : a(r.data.data[0]) && (D.value = r.data.data) : D.value = [];
+			} catch {}
+			w.value = !1;
+		};
+		return () => y({ vNodes: c(p, l(S.value, {
+			offset: t.dropDownOffset,
+			"model-value": C.value,
+			"onUpdate:modelValue": T,
+			disabled: x.value,
+			placeholder: b.value
+		}), {
+			...m,
+			default: m.default || (() => {
+				var e;
+				return (e = O.value) == null ? void 0 : e.map(({ value: e, label: t }) => c(f, {
+					key: e,
+					label: t,
+					value: e
+				}, null));
+			})
+		}) });
+	}
+};
+//#endregion
+export { v as t };

package/editable-tree/index.d.ts

@@ -0,0 +1,254 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    addRootNodeLabel: StringConstructor;
+    defaultExpandedKeys: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    newNodeBuilder: {
+        type: FunctionConstructor;
+        default: (name: string, parent: {
+            id: string | number;
+            [key: string]: any;
+        }) => {
+            name: string;
+            parentId: string | number;
+        };
+    };
+    contextMenu: BooleanConstructor;
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandFirstNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: BooleanConstructor;
+    saveApi: FunctionConstructor;
+    updateApi: FunctionConstructor;
+    deleteApi: FunctionConstructor;
+    fetchApi: FunctionConstructor;
+    customRootNode: (ObjectConstructor | FunctionConstructor)[];
+    rootNode: ObjectConstructor;
+    contextMenuIcon: BooleanConstructor;
+    contextMenuInline: BooleanConstructor;
+    treeProps: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            isLeaf: (data: any) => boolean;
+        };
+    };
+    menuLabel: {
+        type: ObjectConstructor;
+        default: () => {
+            appendPeer: string;
+            appendChild: string;
+            removeNode: string;
+            editNode: string;
+        };
+    };
+    icon: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: (data: any, node: any) => string;
+    };
+    confirmButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    addRootNodeButtonStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    reserveExpandKey: BooleanConstructor;
+    nodeKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultExpandAll: BooleanConstructor;
+}>, {
+    autoBind: globalThis.ComputedRef<Record<string, any>>;
+    listeners: globalThis.ComputedRef<Record<string, any>>;
+}, {
+    loading: boolean;
+    showMenu: boolean;
+    empty: boolean;
+    expandedKeys: unknown[];
+    treeData: never[];
+    curNode: {};
+    curData: {};
+    position: {};
+    text: string;
+    right: number;
+    treeKey: number;
+}, {
+    defaultOptions(): {
+        confirmButtonText: string;
+        cancelButtonText: string;
+        closeOnClickModal: boolean;
+        modal: boolean;
+        inputErrorMessage: string;
+        inputPlaceholder: string;
+        inputValidator: (value: any) => boolean;
+    };
+    innerTreeData(): {};
+}, {
+    addExpandKey(data: any): void;
+    removeExpandKey(data: any): void;
+    resize(): void;
+    showContextMenu(event: any, data: any, node: any): Promise<void>;
+    hideContextMenu(): void;
+    tryFetch(): Promise<void>;
+    loadNode(node: any, resolve: any): Promise<any>;
+    clear(): void;
+    clearChecked(): void;
+    removeNewNode(): void;
+    cancelEdit(): void;
+    editNode(node: any, data: any): Promise<void>;
+    appendRootNode(): Promise<void>;
+    appendChildNode(node: any): void;
+    appendChildNodeWithData(node: any, parentId: any, label: any): void;
+    appendPeerNode(node: any): void;
+    addRootNode(data: any): Promise<void>;
+    addChildNode(data: any): Promise<void>;
+    addPeerNode(data: any): Promise<void>;
+    updateNode(data: any): void;
+    setCurrentKey(key: any): void;
+    createNewChild(parentId: any): void;
+    removeNodeModal(node: any): Promise<void>;
+    removeNode(node: any): Promise<void>;
+    onConfirm(node: any, data: any): Promise<void>;
+    onCancel(node: any, data: any): void;
+    nodeClick(data: any, node: any, tree: any): void;
+    getCurrentNode(): any;
+    locateView(): Promise<void>;
+    scrollIntoView(expanded: any): Promise<void>;
+    inputKeyup(event: any, node: any, data: any): void;
+    inputBlur(event: any, node: any, data: any): void;
+    getCheckedKeys(): any;
+    setCheckedKeys(keys: any): void;
+    getCheckedNodes(): any;
+    setCheckedNodes(nodes: any): void;
+    getNode(data: any): any;
+    getRootNode(): any;
+    findTreeNode(data: any): import('@web-utils/core').TreeNode[];
+    registerNode(node: any): void;
+    reloadTree(): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'remove-new-node': null;
+    'node-loaded': null;
+    'root-node-loaded': null;
+    'node-deleted': null;
+    'node-updated': null;
+    'node-added': null;
+    'on-node-click': null;
+    'add-root-node': null;
+    'create-new-node': null;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    addRootNodeLabel: StringConstructor;
+    defaultExpandedKeys: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    newNodeBuilder: {
+        type: FunctionConstructor;
+        default: (name: string, parent: {
+            id: string | number;
+            [key: string]: any;
+        }) => {
+            name: string;
+            parentId: string | number;
+        };
+    };
+    contextMenu: BooleanConstructor;
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandFirstNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: BooleanConstructor;
+    saveApi: FunctionConstructor;
+    updateApi: FunctionConstructor;
+    deleteApi: FunctionConstructor;
+    fetchApi: FunctionConstructor;
+    customRootNode: (ObjectConstructor | FunctionConstructor)[];
+    rootNode: ObjectConstructor;
+    contextMenuIcon: BooleanConstructor;
+    contextMenuInline: BooleanConstructor;
+    treeProps: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            isLeaf: (data: any) => boolean;
+        };
+    };
+    menuLabel: {
+        type: ObjectConstructor;
+        default: () => {
+            appendPeer: string;
+            appendChild: string;
+            removeNode: string;
+            editNode: string;
+        };
+    };
+    icon: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: (data: any, node: any) => string;
+    };
+    confirmButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    addRootNodeButtonStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    reserveExpandKey: BooleanConstructor;
+    nodeKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultExpandAll: BooleanConstructor;
+}>> & Readonly<{
+    "onRemove-new-node"?: ((...args: any[]) => any) | undefined;
+    "onNode-loaded"?: ((...args: any[]) => any) | undefined;
+    "onRoot-node-loaded"?: ((...args: any[]) => any) | undefined;
+    "onNode-deleted"?: ((...args: any[]) => any) | undefined;
+    "onNode-updated"?: ((...args: any[]) => any) | undefined;
+    "onNode-added"?: ((...args: any[]) => any) | undefined;
+    "onOn-node-click"?: ((...args: any[]) => any) | undefined;
+    "onAdd-root-node"?: ((...args: any[]) => any) | undefined;
+    "onCreate-new-node"?: ((...args: any[]) => any) | undefined;
+}>, {
+    icon: boolean | Function;
+    label: string;
+    defaultExpandedKeys: unknown[];
+    newNodeBuilder: Function;
+    contextMenu: boolean;
+    lazy: boolean;
+    expandFirstNode: boolean;
+    readonly: boolean;
+    contextMenuIcon: boolean;
+    contextMenuInline: boolean;
+    treeProps: Record<string, any>;
+    menuLabel: Record<string, any>;
+    confirmButton: boolean;
+    addRootNodeButtonStyle: string;
+    reserveExpandKey: boolean;
+    nodeKey: string;
+    defaultExpandAll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/editable-tree/index.mjs

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

package/editable-tree/style.css

@@ -0,0 +1 @@
+.editable-tree{position:relative}.editable-tree.et-tree-label-overflow-visible .et-tree-label{position:static}.et-tree-wrapper{text-align:left;flex-direction:column;width:100%;display:flex;overflow:auto}.et-tree-wrapper .el-tree{width:100%;display:table;overflow:visible}.et-tree-wrapper .el-button+.el-button{margin-left:8px!important}.et-tree-wrapper .el-input__inner{padding:0 4px}.et-tree-wrapper .custom-tree-node{align-items:center;width:100%;padding-right:8px;font-size:14px;display:flex}.et-tree-wrapper .custom-tree-node:hover .handle-actions{display:block}.et-tree-wrapper .custom-tree-node .handle-actions{align-self:flex-end;display:none}.et-tree-wrapper .custom-tree-node .node-icon{margin-top:2px;margin-right:4px}.et-tree-wrapper .node-label{align-items:center}.et-tree-wrapper .node-input{min-width:140px;margin-right:10px}.et-tree-wrapper .menu{z-index:3;background:#fff;border-radius:4px;padding:0;position:fixed;box-shadow:0 5px 10px #bebebe}.et-tree-wrapper .menu-item{color:#242f42;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 20px 8px 8px;font:11px/100% tahoma,arial,sans-serif;display:block}.et-tree-wrapper .menu .menu-item:hover{color:#66b1ff;background-color:#ecf5ff}.et-tree-wrapper .menu-item-icon{margin-right:4px;font-size:1.3em;font-weight:700}

package/element-dialog/index.d.ts

@@ -11,11 +11,11 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     title: string;
     fullscreen: boolean;
     customClass: string;
+    top: string;
+    showClose: boolean;
     showFullscreen: boolean;
     showFullScreen: boolean;
-    showClose: boolean;
     modelValue: boolean;
-    top: string;
     modal: boolean;
     modalPenetrable: boolean;
     appendToBody: boolean;
@@ -31,9 +31,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     destroyOnClose: boolean;
     headerAriaLevel: string;
     beforeClose?: Function | undefined;
-    height?: string | undefined;
     zIndex?: number | undefined;
     appendTo?: string | Record<string, any> | undefined;
+    height?: string | undefined;
     width?: string | number | undefined;
     modalClass?: string | undefined;
     headerClass?: string | undefined;
@@ -46,11 +46,11 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly title?: string | undefined;
         readonly fullscreen?: boolean | undefined;
         readonly customClass?: string | undefined;
+        readonly top?: string | undefined;
+        readonly showClose?: boolean | undefined;
         readonly showFullscreen?: boolean | undefined;
         readonly showFullScreen?: boolean | undefined;
-        readonly showClose?: boolean | undefined;
         readonly modelValue?: boolean | undefined;
-        readonly top?: string | undefined;
         readonly modal?: boolean | undefined;
         readonly modalPenetrable?: boolean | undefined;
         readonly appendToBody?: boolean | undefined;
@@ -66,9 +66,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly destroyOnClose?: boolean | undefined;
         readonly headerAriaLevel?: string | undefined;
         readonly beforeClose?: Function | undefined;
-        readonly height?: string | undefined;
         readonly zIndex?: number | undefined;
         readonly appendTo?: string | Record<string, any> | undefined;
+        readonly height?: string | undefined;
         readonly width?: string | number | undefined;
         readonly modalClass?: string | undefined;
         readonly headerClass?: string | undefined;

package/element-dialog/index.mjs

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

package/form-cascader/index.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    modelValue: (StringConstructor | NumberConstructor | ArrayConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor | NumberConstructor)[];
     options: ArrayConstructor;
     props: ObjectConstructor;
     size: StringConstructor;
@@ -70,7 +70,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         default: number;
     };
     emptyValues: ArrayConstructor;
-    valueOnClear: (StringConstructor | BooleanConstructor | NumberConstructor | FunctionConstructor)[];
+    valueOnClear: (StringConstructor | BooleanConstructor | FunctionConstructor | NumberConstructor)[];
     persistent: {
         type: BooleanConstructor;
         default: boolean;
@@ -218,7 +218,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     'remove-tag': null;
     "update:modelValue": null;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    modelValue: (StringConstructor | NumberConstructor | ArrayConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor | NumberConstructor)[];
     options: ArrayConstructor;
     props: ObjectConstructor;
     size: StringConstructor;
@@ -289,7 +289,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         default: number;
     };
     emptyValues: ArrayConstructor;
-    valueOnClear: (StringConstructor | BooleanConstructor | NumberConstructor | FunctionConstructor)[];
+    valueOnClear: (StringConstructor | BooleanConstructor | FunctionConstructor | NumberConstructor)[];
     persistent: {
         type: BooleanConstructor;
         default: boolean;
@@ -443,6 +443,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     tag: string;
     offset: number;
     placement: string;
+    readonly: boolean;
     required: boolean;
     wrapCol: boolean;
     block: boolean;
@@ -455,7 +456,6 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     inlineMessage: boolean;
     pull: number;
     wrapFormItem: boolean;
-    readonly: boolean;
     treeDict: boolean;
     idAsValue: boolean;
     labelAsValue: boolean;

package/form-cascader/index.mjs

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