@guodun/antdv 1.4.1 → 1.4.2

package/dist/es/components/pro-contract-template-designer/src/ContractTemplateTextContextMenu.vue.mjs

@@ -0,0 +1,390 @@
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeModels as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, useModel as g, withCtx as _ } from "vue";
+import { Button as v, Input as ee, Select as y, Tooltip as b } from "ant-design-vue";
+import { BoldOutlined as te, ClearOutlined as ne, CopyOutlined as x, DownOutlined as S, FileAddOutlined as C, FormatPainterOutlined as w, ItalicOutlined as T, MinusOutlined as E, OrderedListOutlined as D, PictureOutlined as O, RedoOutlined as k, ScissorOutlined as A, TableOutlined as j, UnderlineOutlined as M, UndoOutlined as N, UnorderedListOutlined as P } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateTextContextMenu.vue?vue&type=script&setup=true&lang.ts
+var F = {
+	class: "gd-contract-template-designer__text-menu-row",
+	role: "group",
+	"aria-label": "编辑历史与剪贴板"
+}, I = {
+	key: 0,
+	class: "gd-contract-template-designer__text-menu-quick-insert",
+	role: "group",
+	"aria-label": "光标处插入"
+}, L = {
+	class: "gd-contract-template-designer__text-menu-row gd-contract-template-designer__text-menu-row--controls",
+	role: "group",
+	"aria-label": "文字样式"
+}, re = ["value"], R = ["aria-label"], z = { class: "gd-contract-template-designer__text-menu-control-head" }, B = { class: "gd-contract-template-designer__text-menu-control-options" }, V = ["aria-label", "onClick"], H = ["disabled"], U = {
+	class: "gd-contract-template-designer__text-menu-bind-list",
+	role: "listbox",
+	"aria-label": "已有正文控件"
+}, W = ["onClick"], G = { class: "gd-contract-template-designer__text-menu-bind-item-label" }, K = { class: "gd-contract-template-designer__text-menu-bind-item-meta" }, q = {
+	key: 0,
+	class: "gd-contract-template-designer__text-menu-bind-empty"
+}, J = {
+	class: "gd-contract-template-designer__text-menu-row",
+	role: "group",
+	"aria-label": "常用格式与列表"
+}, Y = {
+	class: "gd-contract-template-designer__text-menu-row gd-contract-template-designer__text-menu-row--cleanup",
+	role: "group",
+	"aria-label": "清理格式"
+}, X = /* @__PURE__ */ o({
+	name: "ContractTemplateTextContextMenu",
+	__name: "ContractTemplateTextContextMenu",
+	props: /* @__PURE__ */ s({
+		x: {},
+		y: {},
+		hasSelection: { type: Boolean },
+		editorState: {},
+		fontSizePresetOptions: {},
+		currentEditorFontSize: {},
+		editorFontSizeSearchValue: {},
+		textAlignOptions: {},
+		currentEditorTextColor: {},
+		bodyControlToolItems: {},
+		textMenuBindableVariables: {},
+		pageLimitReached: { type: Boolean },
+		tableInsertDraft: {},
+		variablesCount: {},
+		resolveBindVariableTypeLabel: { type: Function }
+	}, {
+		bindOpen: {
+			type: Boolean,
+			default: !1
+		},
+		bindOpenModifiers: {},
+		bindKeyword: { default: "" },
+		bindKeywordModifiers: {}
+	}),
+	emits: /* @__PURE__ */ s([
+		"command",
+		"clipboard",
+		"open-image",
+		"add-page",
+		"insert-variable",
+		"bind-variable",
+		"open-bind-panel",
+		"keydown",
+		"patch-font-size",
+		"patch-text-align",
+		"patch-color",
+		"font-size-search",
+		"font-size-commit",
+		"font-size-dropdown-change",
+		"font-size-keydown"
+	], ["update:bindOpen", "update:bindKeyword"]),
+	setup(o, { expose: s, emit: X }) {
+		let ie = g(o, "bindOpen"), Z = g(o, "bindKeyword"), Q = X, $ = d();
+		return s({
+			getMenuElement: () => $.value,
+			focusBindSearch: () => {
+				$.value?.querySelector(".gd-contract-template-designer__text-menu-bind-search input")?.focus();
+			},
+			focusFirstButton: () => {
+				$.value?.querySelector("button:not(:disabled)")?.focus();
+			}
+		}), (s, d) => (u(), r("div", {
+			ref_key: "menuElement",
+			ref: $,
+			class: "gd-contract-template-designer__context-menu gd-contract-template-designer__text-context-menu",
+			style: l({
+				left: `${o.x}px`,
+				top: `${o.y}px`
+			}),
+			role: "toolbar",
+			"aria-label": "正文快捷操作",
+			onKeydown: d[26] ||= (e) => Q("keydown", e)
+		}, [
+			i("div", F, [
+				a(h(b), { title: "撤销" }, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: "gd-contract-template-designer__text-menu-icon-button",
+						disabled: !o.editorState.canUndo,
+						"aria-label": "撤销",
+						onClick: d[0] ||= (e) => Q("command", { type: "undo" })
+					}, {
+						default: _(() => [a(h(N), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["disabled"])]),
+					_: 1
+				}),
+				a(h(b), { title: "重做" }, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: "gd-contract-template-designer__text-menu-icon-button",
+						disabled: !o.editorState.canRedo,
+						"aria-label": "重做",
+						onClick: d[1] ||= (e) => Q("command", { type: "redo" })
+					}, {
+						default: _(() => [a(h(k), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["disabled"])]),
+					_: 1
+				}),
+				d[27] ||= i("span", {
+					class: "gd-contract-template-designer__text-menu-divider",
+					"aria-hidden": "true"
+				}, null, -1),
+				o.hasSelection ? (u(), t(h(b), {
+					key: 0,
+					title: "复制"
+				}, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: "gd-contract-template-designer__text-menu-icon-button",
+						"aria-label": "复制",
+						onClick: d[2] ||= (e) => Q("clipboard", "copy")
+					}, {
+						default: _(() => [a(h(x), { "aria-hidden": "true" })]),
+						_: 1
+					})]),
+					_: 1
+				})) : n("", !0),
+				o.hasSelection ? (u(), t(h(b), {
+					key: 1,
+					title: "剪切"
+				}, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: "gd-contract-template-designer__text-menu-icon-button",
+						"aria-label": "剪切",
+						onClick: d[3] ||= (e) => Q("clipboard", "cut")
+					}, {
+						default: _(() => [a(h(A), { "aria-hidden": "true" })]),
+						_: 1
+					})]),
+					_: 1
+				})) : n("", !0),
+				a(h(b), { title: "粘贴" }, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: "gd-contract-template-designer__text-menu-icon-button",
+						"aria-label": "粘贴",
+						onClick: d[4] ||= (e) => Q("clipboard", "paste")
+					}, {
+						default: _(() => [a(h(x), { "aria-hidden": "true" })]),
+						_: 1
+					})]),
+					_: 1
+				})
+			]),
+			o.hasSelection ? n("", !0) : (u(), r("div", I, [
+				a(h(v), {
+					size: "small",
+					onClick: d[5] ||= (e) => Q("open-image")
+				}, {
+					default: _(() => [a(h(O), { "aria-hidden": "true" }), d[28] ||= i("span", null, "图片", -1)]),
+					_: 1
+				}),
+				a(h(v), {
+					size: "small",
+					onClick: d[6] ||= (e) => Q("command", {
+						type: "insert-table",
+						options: o.tableInsertDraft
+					})
+				}, {
+					default: _(() => [a(h(j), { "aria-hidden": "true" }), d[29] ||= i("span", null, "表格", -1)]),
+					_: 1
+				}),
+				a(h(v), {
+					size: "small",
+					onClick: d[7] ||= (e) => Q("command", { type: "insert-horizontal-rule" })
+				}, {
+					default: _(() => [a(h(E), { "aria-hidden": "true" }), d[30] ||= i("span", null, "分隔线", -1)]),
+					_: 1
+				}),
+				a(h(v), {
+					size: "small",
+					disabled: o.pageLimitReached,
+					onClick: d[8] ||= (e) => Q("add-page")
+				}, {
+					default: _(() => [a(h(C), { "aria-hidden": "true" }), d[31] ||= i("span", null, "新页面", -1)]),
+					_: 1
+				}, 8, ["disabled"]),
+				a(h(v), {
+					size: "small",
+					onClick: d[9] ||= (e) => Q("command", { type: "select-all" })
+				}, {
+					default: _(() => [...d[32] ||= [i("span", null, "全选正文", -1)]]),
+					_: 1
+				})
+			])),
+			i("div", L, [
+				a(h(y), {
+					class: "gd-contract-template-designer__context-menu-field gd-contract-template-designer__text-menu-font-size",
+					value: o.currentEditorFontSize,
+					options: o.fontSizePresetOptions,
+					"show-search": "",
+					"filter-option": !1,
+					"search-value": o.editorFontSizeSearchValue,
+					onBlur: d[10] ||= (e) => Q("font-size-commit"),
+					onChange: d[11] ||= (e) => Q("patch-font-size", e),
+					onDropdownVisibleChange: d[12] ||= (e) => Q("font-size-dropdown-change", e),
+					onInputKeyDown: d[13] ||= (e) => Q("font-size-keydown", e),
+					onSearch: d[14] ||= (e) => Q("font-size-search", e)
+				}, null, 8, [
+					"value",
+					"options",
+					"search-value"
+				]),
+				a(h(y), {
+					class: "gd-contract-template-designer__context-menu-field gd-contract-template-designer__text-menu-alignment",
+					value: o.editorState.textAlign,
+					options: o.textAlignOptions,
+					onChange: d[15] ||= (e) => Q("patch-text-align", e)
+				}, null, 8, ["value", "options"]),
+				a(h(b), { title: "文字颜色" }, {
+					default: _(() => [i("input", {
+						class: "gd-contract-template-designer__context-menu-color",
+						type: "color",
+						"aria-label": "文字颜色",
+						value: o.currentEditorTextColor,
+						onInput: d[16] ||= (e) => Q("patch-color", e.target.value)
+					}, null, 40, re)]),
+					_: 1
+				})
+			]),
+			i("div", {
+				class: "gd-contract-template-designer__text-menu-control-group",
+				role: "group",
+				"aria-label": o.hasSelection ? "转换为正文控件" : "插入正文控件"
+			}, [
+				i("div", z, [i("strong", null, m(o.hasSelection ? "转换为正文控件" : "插入正文控件"), 1), i("span", null, m(o.hasSelection ? "替换选中内容" : "在光标处插入"), 1)]),
+				i("div", B, [(u(!0), r(e, null, f(o.bodyControlToolItems, (e) => (u(), t(h(b), {
+					key: e.type,
+					title: o.hasSelection ? `转换为${e.label}控件` : `插入${e.label}控件`
+				}, {
+					default: _(() => [i("button", {
+						type: "button",
+						class: "gd-contract-template-designer__text-menu-control-option",
+						"aria-label": o.hasSelection ? `转换为${e.label}控件` : `插入${e.label}控件`,
+						onClick: (t) => Q("insert-variable", e.type)
+					}, [(u(), t(p(e.icon), { "aria-hidden": "true" })), i("span", null, m(e.label), 1)], 8, V)]),
+					_: 2
+				}, 1032, ["title"]))), 128))]),
+				ie.value ? (u(), r(e, { key: 1 }, [a(h(ee), {
+					value: Z.value,
+					"onUpdate:value": d[18] ||= (e) => Z.value = e,
+					class: "gd-contract-template-designer__text-menu-bind-search",
+					size: "small",
+					"allow-clear": "",
+					placeholder: "搜索已有控件",
+					"aria-label": "搜索已有控件"
+				}, null, 8, ["value"]), i("div", U, [(u(!0), r(e, null, f(o.textMenuBindableVariables, (e) => (u(), r("button", {
+					key: e.id,
+					type: "button",
+					class: "gd-contract-template-designer__text-menu-bind-item",
+					role: "option",
+					onClick: (t) => Q("bind-variable", e)
+				}, [i("span", G, m(e.label), 1), i("span", K, m(o.resolveBindVariableTypeLabel(e)) + " · " + m(e.key), 1)], 8, W))), 128)), o.textMenuBindableVariables.length ? n("", !0) : (u(), r("p", q, " 暂无已有控件 "))])], 64)) : (u(), r("button", {
+					key: 0,
+					type: "button",
+					class: "gd-contract-template-designer__text-menu-bind-toggle",
+					disabled: !o.variablesCount,
+					"aria-expanded": !1,
+					"aria-label": "绑定已有控件",
+					onClick: d[17] ||= (e) => Q("open-bind-panel")
+				}, [d[33] ||= i("span", null, "绑定已有", -1), a(h(S), { "aria-hidden": "true" })], 8, H))
+			], 8, R),
+			i("div", J, [
+				a(h(b), { title: "加粗" }, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: c(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": o.editorState.isBold }]),
+						"aria-pressed": o.editorState.isBold,
+						"aria-label": "加粗",
+						onClick: d[19] ||= (e) => Q("command", { type: "toggle-bold" })
+					}, {
+						default: _(() => [a(h(te), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["class", "aria-pressed"])]),
+					_: 1
+				}),
+				a(h(b), { title: "斜体" }, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: c(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": o.editorState.isItalic }]),
+						"aria-pressed": o.editorState.isItalic,
+						"aria-label": "斜体",
+						onClick: d[20] ||= (e) => Q("command", { type: "toggle-italic" })
+					}, {
+						default: _(() => [a(h(T), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["class", "aria-pressed"])]),
+					_: 1
+				}),
+				a(h(b), { title: "下划线" }, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: c(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": o.editorState.isUnderline }]),
+						"aria-pressed": o.editorState.isUnderline,
+						"aria-label": "下划线",
+						onClick: d[21] ||= (e) => Q("command", { type: "toggle-underline" })
+					}, {
+						default: _(() => [a(h(M), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["class", "aria-pressed"])]),
+					_: 1
+				}),
+				d[34] ||= i("span", {
+					class: "gd-contract-template-designer__text-menu-divider",
+					"aria-hidden": "true"
+				}, null, -1),
+				a(h(b), { title: "有序列表" }, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: c(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": o.editorState.isOrderedList }]),
+						"aria-pressed": o.editorState.isOrderedList,
+						"aria-label": "有序列表",
+						onClick: d[22] ||= (e) => Q("command", { type: "toggle-ordered-list" })
+					}, {
+						default: _(() => [a(h(D), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["class", "aria-pressed"])]),
+					_: 1
+				}),
+				a(h(b), { title: "无序列表" }, {
+					default: _(() => [a(h(v), {
+						size: "small",
+						class: c(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": o.editorState.isBulletList }]),
+						"aria-pressed": o.editorState.isBulletList,
+						"aria-label": "无序列表",
+						onClick: d[23] ||= (e) => Q("command", { type: "toggle-bullet-list" })
+					}, {
+						default: _(() => [a(h(P), { "aria-hidden": "true" })]),
+						_: 1
+					}, 8, ["class", "aria-pressed"])]),
+					_: 1
+				})
+			]),
+			i("div", Y, [a(h(b), { title: "清除文字格式" }, {
+				default: _(() => [a(h(v), {
+					size: "small",
+					class: "gd-contract-template-designer__text-menu-clear-action",
+					"aria-label": "清除文字格式",
+					onClick: d[24] ||= (e) => Q("command", { type: "clear-text-format" })
+				}, {
+					default: _(() => [a(h(ne), { "aria-hidden": "true" }), d[35] ||= i("span", null, "清文字", -1)]),
+					_: 1
+				})]),
+				_: 1
+			}), a(h(b), { title: "清除段落格式" }, {
+				default: _(() => [a(h(v), {
+					size: "small",
+					class: "gd-contract-template-designer__text-menu-clear-action",
+					"aria-label": "清除段落格式",
+					onClick: d[25] ||= (e) => Q("command", { type: "clear-block-format" })
+				}, {
+					default: _(() => [a(h(w), { "aria-hidden": "true" }), d[36] ||= i("span", null, "清段落", -1)]),
+					_: 1
+				})]),
+				_: 1
+			})])
+		], 36));
+	}
+});
+//#endregion
+export { X as default };