@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/text-ellipsis/index.d.ts

@@ -0,0 +1,111 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    rows: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    expandText: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapseText: {
+        type: StringConstructor;
+        default: string;
+    };
+    symbol: {
+        type: StringConstructor;
+        default: string;
+    };
+    lineHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>, {}, {
+    ellipsis: {
+        leading: string;
+        tailing: string;
+    };
+    maxHeight: number;
+    exceeded: boolean;
+    expanded: boolean;
+}, {}, {
+    /**
+     * 创建虚拟 container，内容为 props.content 的内容
+     */
+    createContainer(): void;
+    /**
+     * 展开收起
+     * @param type
+     */
+    clickHandle(type: any): void;
+    /**
+     * 文本点击
+     */
+    handleClick(): void;
+    /**
+     * 计算省略号的位置
+     * @param container
+     */
+    calcEllipse(container: any): void;
+    tailorMiddle(leftPart: any, rightPart: any, container: any): any;
+    /**
+     * 计算 start/end 省略
+     * @param left
+     * @param right
+     * @param container
+     * @return {{leading: string}|{tailing: string}|*}
+     */
+    tailor(left: any, right: any, container: any): {
+        leading: string;
+    } | {
+        tailing: string;
+    } | any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "click")[], "change" | "click", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    rows: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    expandText: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapseText: {
+        type: StringConstructor;
+        default: string;
+    };
+    symbol: {
+        type: StringConstructor;
+        default: string;
+    };
+    lineHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    symbol: string;
+    rows: string | number;
+    content: string;
+    direction: string;
+    expandText: string;
+    collapseText: string;
+    lineHeight: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/text-ellipsis/index.mjs

@@ -0,0 +1,124 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createCommentVNode as t, createElementBlock as n, createTextVNode as r, openBlock as i, toDisplayString as a, withModifiers as o } from "vue";
+//#region src/components/TextEllipsis.vue
+var s = (e) => {
+	if (!e) return 0;
+	let t = e.match(/^\d*(\.\d*)?/);
+	return t ? Number(t[0]) : 0;
+}, c = {
+	name: "TextEllipsis",
+	props: {
+		content: {
+			type: String,
+			default: ""
+		},
+		direction: {
+			type: String,
+			default: "end"
+		},
+		rows: {
+			type: [Number, String],
+			default: 1
+		},
+		expandText: {
+			type: String,
+			default: ""
+		},
+		collapseText: {
+			type: String,
+			default: ""
+		},
+		symbol: {
+			type: String,
+			default: "..."
+		},
+		lineHeight: {
+			type: [Number, String],
+			default: "20"
+		}
+	},
+	emits: ["click", "change"],
+	data() {
+		return {
+			ellipsis: {
+				leading: "",
+				tailing: ""
+			},
+			maxHeight: 0,
+			exceeded: !1,
+			expanded: !1
+		};
+	},
+	watch: { content(e, t) {
+		e !== t && this.createContainer();
+	} },
+	mounted() {
+		this.createContainer();
+	},
+	methods: {
+		createContainer() {
+			if (!this.$refs.root) return;
+			let e = window.getComputedStyle(this.$refs.root), t = document.createElement("div");
+			Array.prototype.slice.apply(e).forEach((n) => {
+				t.style.setProperty(n, e.getPropertyValue(n));
+			}), t.style.position = "fixed", t.style.left = "999999px", t.style.top = "999999px", t.style.zIndex = "-1000", t.style.height = "auto", t.style.minHeight = "auto", t.style.maxHeight = "auto", t.style.textOverflow = "clip", t.style.whiteSpace = "normal", t.style.webkitLineClamp = "unset", t.style.display = "block";
+			let n = s(e.lineHeight === "normal" ? this.lineHeight : e.lineHeight);
+			this.maxHeight = Math.floor(n * (Number(this.rows) + .5) + s(e.paddingTop) + s(e.paddingBottom)), t.innerText = this.content, document.body.appendChild(t), this.calcEllipse(t);
+		},
+		clickHandle(e) {
+			e === 1 ? (this.expanded = !0, this.$emit("change", "expand")) : (this.expanded = !1, this.$emit("change", "collapse"));
+		},
+		handleClick() {
+			this.$emit("click");
+		},
+		calcEllipse(e) {
+			if (e.offsetHeight <= this.maxHeight) this.exceeded = !1, document.body.removeChild(e);
+			else {
+				this.exceeded = !0;
+				let t = this.content.length, n = Math.floor(t / 2);
+				this.ellipsis = this.direction === "middle" ? this.tailorMiddle([0, n], [n, t], e) : this.tailor(0, t, e), document.body.removeChild(e);
+			}
+		},
+		tailorMiddle(e, t, n) {
+			let r = this.expanded ? this.collapseText : this.expandText, i = this.content.length;
+			if (e[1] - e[0] <= 1 && t[1] - t[0] <= 1) return {
+				leading: this.content.slice(0, e[0]) + this.symbol,
+				tailing: this.symbol + this.content.slice(t[1], i)
+			};
+			let a = Math.floor((e[0] + e[1]) / 2), o = Math.ceil((t[0] + t[1]) / 2);
+			return n.innerText = this.content.slice(0, a) + this.symbol + r + this.symbol + this.content.slice(o, i), n.offsetHeight <= this.maxHeight ? this.tailorMiddle([a, e[1]], [t[0], o], n) : this.tailorMiddle([e[0], a], [o, t[1]], n);
+		},
+		tailor(e, t, n) {
+			let r = this.expanded ? this.collapseText : this.expandText, i = this.content.length;
+			if (t - e <= 1) return this.direction === "end" ? { leading: this.content.slice(0, e) + this.symbol } : { tailing: this.symbol + this.content.slice(t, i) };
+			let a = Math.round((e + t) / 2);
+			return this.direction === "end" ? n.innerText = this.content.slice(0, a) + this.symbol + r : n.innerText = r + this.symbol + this.content.slice(a, i), n.offsetHeight <= this.maxHeight ? this.direction === "end" ? this.tailor(a, t, n) : this.tailor(e, a, n) : this.direction === "end" ? this.tailor(e, a, n) : this.tailor(a, t, n);
+		}
+	}
+}, l = { key: 0 }, u = { key: 1 }, d = { key: 2 };
+function f(e, s, c, f, p, m) {
+	return i(), n("div", {
+		ref: "root",
+		class: "fy-ellipsis",
+		onClick: s[2] || (s[2] = (...e) => m.handleClick && m.handleClick(...e))
+	}, [
+		p.exceeded ? t("v-if", !0) : (i(), n("div", l, a(c.content), 1)),
+		p.exceeded && !p.expanded ? (i(), n("div", u, [
+			r(a(p.ellipsis && p.ellipsis.leading) + " ", 1),
+			c.expandText ? (i(), n("span", {
+				key: 0,
+				class: "fy-ellipsis__text",
+				onClick: s[0] || (s[0] = o((e) => m.clickHandle(1), ["stop"]))
+			}, a(c.expandText), 1)) : t("v-if", !0),
+			r(" " + a(p.ellipsis && p.ellipsis.tailing), 1)
+		])) : t("v-if", !0),
+		p.exceeded && p.expanded ? (i(), n("div", d, [r(a(c.content) + " ", 1), c.expandText ? (i(), n("span", {
+			key: 0,
+			class: "fy-ellipsis__text",
+			onClick: s[1] || (s[1] = o((e) => m.clickHandle(2), ["stop"]))
+		}, a(c.collapseText), 1)) : t("v-if", !0)])) : t("v-if", !0)
+	], 512);
+}
+var p = /* @__PURE__ */ e(c, [["render", f]]);
+//#endregion
+export { p as default };

package/text-ellipsis/style.css

@@ -0,0 +1 @@
+.fy-ellipsis{display:flex}.fy-ellipsis__text{cursor:pointer;color:#3460fa;display:inline}

package/toolbar/index.d.ts

@@ -1,2 +1,134 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { toolbarContextKey } from '../../constants';
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    searchable: BooleanConstructor;
+    refreshable: BooleanConstructor;
+    buttons: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    back: FunctionConstructor;
+    cancel: FunctionConstructor;
+    emitter: {
+        type: StringConstructor;
+        default: string;
+    };
+    footer: BooleanConstructor;
+    label: ObjectConstructor;
+}>, {}, {}, {}, {
+    goBack(): void;
+    createButton(key: any, { label, icon, type, separateLine, loadable, circle, onClick, title }: {
+        label: any;
+        icon: any;
+        type: any;
+        separateLine?: boolean | undefined;
+        loadable: any;
+        circle: any;
+        onClick: any;
+        title: any;
+    }): any;
+    getLeftButtons(): any[];
+    getRightButtons(): any[];
+    getSearchButton(): any;
+    getRefreshButton(): any;
+    getSettingsButton(): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    searchable: BooleanConstructor;
+    refreshable: BooleanConstructor;
+    buttons: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    back: FunctionConstructor;
+    cancel: FunctionConstructor;
+    emitter: {
+        type: StringConstructor;
+        default: string;
+    };
+    footer: BooleanConstructor;
+    label: ObjectConstructor;
+}>> & Readonly<{}>, {
+    footer: boolean;
+    searchable: boolean;
+    refreshable: boolean;
+    buttons: unknown[];
+    emitter: string;
+}, {}, {}, {}, string, () => {
+    [toolbarContextKey]: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
+        searchable: BooleanConstructor;
+        refreshable: BooleanConstructor;
+        buttons: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        back: FunctionConstructor;
+        cancel: FunctionConstructor;
+        emitter: {
+            type: StringConstructor;
+            default: string;
+        };
+        footer: BooleanConstructor;
+        label: ObjectConstructor;
+    }>> & Readonly<{}>, {}, {}, {}, {
+        goBack(): void;
+        createButton(key: any, { label, icon, type, separateLine, loadable, circle, onClick, title }: {
+            label: any;
+            icon: any;
+            type: any;
+            separateLine?: boolean | undefined;
+            loadable: any;
+            circle: any;
+            onClick: any;
+            title: any;
+        }): any;
+        getLeftButtons(): any[];
+        getRightButtons(): any[];
+        getSearchButton(): any;
+        getRefreshButton(): any;
+        getSettingsButton(): any;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, {}, {}, false, {
+        tableView: {
+            from: symbol;
+            default: null;
+        };
+    }, {}, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
+        searchable: BooleanConstructor;
+        refreshable: BooleanConstructor;
+        buttons: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        back: FunctionConstructor;
+        cancel: FunctionConstructor;
+        emitter: {
+            type: StringConstructor;
+            default: string;
+        };
+        footer: BooleanConstructor;
+        label: ObjectConstructor;
+    }>> & Readonly<{}>, {}, {}, {}, {
+        goBack(): void;
+        createButton(key: any, { label, icon, type, separateLine, loadable, circle, onClick, title }: {
+            label: any;
+            icon: any;
+            type: any;
+            separateLine?: boolean | undefined;
+            loadable: any;
+            circle: any;
+            onClick: any;
+            title: any;
+        }): any;
+        getLeftButtons(): any[];
+        getRightButtons(): any[];
+        getSearchButton(): any;
+        getRefreshButton(): any;
+        getSettingsButton(): any;
+    }, {}>;
+}, true, {}, any>;
 export default _default;

package/toolbar/index.mjs

@@ -1,9 +1,2 @@
-//#region src/components/form/Toolbar.vue
-var e = /* @__PURE__ */ Object.assign({ name: "Toolbar" }, {
-	__name: "Toolbar",
-	setup(e) {
-		return (e, t) => null;
-	}
-});
-//#endregion
+import { t as e } from "../chunks/D7_Djkww2.mjs";
 export { e as default };

package/toolbar/style.css

@@ -0,0 +1 @@
+.toolbar{background-color:#fff;border-bottom:1px solid #e5e9ec;height:40px;padding:0 10px;line-height:40px;display:flex}.toolbar .toolbar-left{flex:auto}.toolbar .toolbar-left .el-button [class*=\ el-icon-],.toolbar .toolbar-left .el-button [class^=el-icon-]{margin-top:-1px;font-size:15px}.toolbar .toolbar-right .el-button{align-items:center;display:inline-flex}.footer-bar{flex-direction:row;justify-content:center;align-items:center;padding-top:10px;display:flex}.footer-bar .el-button{padding:10px 40px}

package/toolbar-button/index.d.ts

@@ -1,2 +1,189 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    circle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dashed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingIcon: (ObjectConstructor | StringConstructor)[];
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    icon: (ObjectConstructor | StringConstructor)[];
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nativeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoInsertSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: StringConstructor;
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tag: (ObjectConstructor | StringConstructor)[];
+    label: StringConstructor;
+    loadable: BooleanConstructor;
+    footer: BooleanConstructor;
+    primary: BooleanConstructor;
+    warning: BooleanConstructor;
+    privilege: StringConstructor;
+    condition: {
+        type: (ArrayConstructor | BooleanConstructor | FunctionConstructor)[];
+    };
+    conditionTips: StringConstructor;
+    confirm: BooleanConstructor;
+    confirmTips: StringConstructor;
+    beforeExecute: FunctionConstructor;
+    afterExecute: FunctionConstructor;
+    route: (ObjectConstructor | StringConstructor)[];
+    title: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    circle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dashed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingIcon: (ObjectConstructor | StringConstructor)[];
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    icon: (ObjectConstructor | StringConstructor)[];
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nativeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoInsertSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: StringConstructor;
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tag: (ObjectConstructor | StringConstructor)[];
+    label: StringConstructor;
+    loadable: BooleanConstructor;
+    footer: BooleanConstructor;
+    primary: BooleanConstructor;
+    warning: BooleanConstructor;
+    privilege: StringConstructor;
+    condition: {
+        type: (ArrayConstructor | BooleanConstructor | FunctionConstructor)[];
+    };
+    conditionTips: StringConstructor;
+    confirm: BooleanConstructor;
+    confirmTips: StringConstructor;
+    beforeExecute: FunctionConstructor;
+    afterExecute: FunctionConstructor;
+    route: (ObjectConstructor | StringConstructor)[];
+    title: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    type: string;
+    plain: boolean;
+    size: string;
+    primary: boolean;
+    loading: boolean;
+    autofocus: boolean;
+    round: boolean;
+    nativeType: string;
+    text: boolean;
+    footer: boolean;
+    link: boolean;
+    circle: boolean;
+    loadable: boolean;
+    warning: boolean;
+    confirm: boolean;
+    bg: boolean;
+    dashed: boolean;
+    dark: boolean;
+    autoInsertSpace: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/toolbar-button/index.mjs

@@ -1,9 +1,2 @@
-//#region src/components/form/ToolbarButton.vue
-var e = /* @__PURE__ */ Object.assign({ name: "ToolbarButton" }, {
-	__name: "ToolbarButton",
-	setup(e) {
-		return (e, t) => null;
-	}
-});
-//#endregion
+import { t as e } from "../chunks/Gh6td4HK.mjs";
 export { e as default };

package/toolbar-button/style.css

@@ -0,0 +1 @@
+.el-button.is-text{vertical-align:baseline;height:auto;padding:0}.el-button.is-text .el-icon{margin-right:2px}