@guodun/antdv 1.7.8 → 1.7.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/pro-contract-template-designer/src/ContractTemplateChoiceOptionsEditor.mjs +5 -0
- package/dist/es/components/pro-contract-template-designer/src/ContractTemplateChoiceOptionsEditor.vue.mjs +132 -0
- package/dist/es/components/pro-contract-template-designer/src/ContractTemplateDesignerInspector.vue.mjs +209 -246
- package/dist/es/components/pro-contract-template-designer/src/ProContractTemplateDesigner.vue.mjs +1019 -1009
- package/dist/es/components/pro-contract-template-designer/src/composables/use-template-designer.mjs +192 -162
- package/dist/es/components/pro-contract-template-designer/src/extensions/template-variable.mjs +70 -68
- package/dist/es/components/pro-contract-template-designer/src/utils/advanced-controls.mjs +63 -25
- package/dist/es/components/pro-contract-template-designer/src/utils/template-renderer.mjs +129 -75
- package/dist/es/components/pro-contract-template-designer/src/utils/template-variable-render.mjs +17 -5
- package/dist/es/components/pro-contract-template-designer/style/index.css +1 -1
- package/dist/es/index.mjs +22 -22
- package/dist/lib/components/pro-contract-template-designer/src/ContractTemplateChoiceOptionsEditor.cjs +1 -0
- package/dist/lib/components/pro-contract-template-designer/src/ContractTemplateChoiceOptionsEditor.vue.cjs +1 -0
- package/dist/lib/components/pro-contract-template-designer/src/ContractTemplateDesignerInspector.vue.cjs +1 -2
- package/dist/lib/components/pro-contract-template-designer/src/ProContractTemplateDesigner.vue.cjs +1 -1
- package/dist/lib/components/pro-contract-template-designer/src/composables/use-template-designer.cjs +4 -4
- package/dist/lib/components/pro-contract-template-designer/src/extensions/template-variable.cjs +1 -1
- package/dist/lib/components/pro-contract-template-designer/src/utils/advanced-controls.cjs +1 -1
- package/dist/lib/components/pro-contract-template-designer/src/utils/template-renderer.cjs +3 -3
- package/dist/lib/components/pro-contract-template-designer/src/utils/template-variable-render.cjs +1 -1
- package/dist/lib/components/pro-contract-template-designer/style/index.css +1 -1
- package/dist/lib/index.cjs +1 -1
- package/dist/theme/icon.css +1 -1
- package/dist/theme/index.css +1 -1
- package/dist/types/components/pro-contract-template-designer/src/ContractTemplateChoiceOptionsEditor.vue.d.ts +12 -0
- package/dist/types/components/pro-contract-template-designer/src/ProContractTemplateDesigner.vue.d.ts +2 -0
- package/dist/types/components/pro-contract-template-designer/src/composables/use-template-designer.d.ts +5 -1
- package/dist/types/components/pro-contract-template-designer/src/types.d.ts +15 -2
- package/dist/types/components/pro-contract-template-designer/src/utils/advanced-controls.d.ts +10 -0
- package/dist/types/components/pro-contract-template-designer/src/utils/template-variable-render.d.ts +7 -0
- package/package.json +5 -5
|
@@ -1,37 +1,41 @@
|
|
|
1
1
|
import { DEFAULT_FIELD_STYLE as e, getFieldOption as t } from "./composables/use-template-designer.mjs";
|
|
2
2
|
import { resolveFieldTypeIcon as n } from "./utils/template-tool-icons.mjs";
|
|
3
3
|
import r from "./ContractTemplatePanelTabs.mjs";
|
|
4
|
-
import ee from "./
|
|
5
|
-
import te from "./
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
4
|
+
import ee from "./ContractTemplateChoiceOptionsEditor.mjs";
|
|
5
|
+
import te from "./ContractTemplateControlLibrary.mjs";
|
|
6
|
+
import ne from "./ContractTemplateVariableAdvanced.mjs";
|
|
7
|
+
import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as re, openBlock as p, resolveDynamicComponent as ie, shallowRef as m, toDisplayString as h, unref as g, useId as ae, vShow as _, watch as oe, withCtx as v, withDirectives as y } from "vue";
|
|
8
|
+
import { Button as b, Input as x, InputNumber as S, Popconfirm as se, Select as C, Switch as w, Tooltip as T } from "ant-design-vue";
|
|
9
|
+
import { CopyOutlined as ce, DeleteOutlined as le, LeftOutlined as ue, RightOutlined as E } from "@ant-design/icons-vue";
|
|
9
10
|
//#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerInspector.vue?vue&type=script&setup=true&lang.ts
|
|
10
|
-
var
|
|
11
|
+
var D = ["aria-label", "aria-expanded"], O = { class: "gd-contract-template-designer__panel-stack" }, k = { class: "gd-contract-authoring-panel__body" }, A = ["id", "aria-labelledby"], j = ["id", "aria-labelledby"], M = { class: "gd-contract-authoring-panel__section-heading" }, N = {
|
|
11
12
|
key: 0,
|
|
12
13
|
class: "gd-contract-authoring-panel__meta"
|
|
13
|
-
},
|
|
14
|
+
}, P = {
|
|
14
15
|
key: 0,
|
|
15
16
|
class: "gd-contract-authoring-panel__empty"
|
|
16
|
-
},
|
|
17
|
+
}, F = { class: "gd-contract-authoring-panel__selection" }, I = {
|
|
17
18
|
class: "gd-contract-authoring-panel__variable-icon",
|
|
18
19
|
"aria-hidden": "true"
|
|
19
|
-
},
|
|
20
|
+
}, L = { class: "gd-contract-authoring-panel__variable-copy" }, R = { class: "gd-contract-authoring-panel__item-title" }, z = { class: "gd-contract-authoring-panel__meta" }, B = { class: "gd-contract-authoring-panel__property-group" }, V = { class: "gd-contract-authoring-panel__fields" }, H = { class: "gd-contract-authoring-panel__field" }, U = { class: "gd-contract-authoring-panel__field" }, de = {
|
|
21
|
+
key: 0,
|
|
22
|
+
class: "gd-contract-authoring-panel__field"
|
|
23
|
+
}, fe = {
|
|
20
24
|
open: "",
|
|
21
25
|
class: "gd-contract-authoring-panel__property-group"
|
|
22
|
-
},
|
|
26
|
+
}, pe = { class: "gd-contract-authoring-panel__group-title" }, me = { class: "gd-contract-authoring-panel__fields" }, he = { class: "gd-contract-authoring-panel__switch" }, ge = { class: "gd-contract-authoring-panel__switch" }, _e = {
|
|
23
27
|
key: 0,
|
|
24
28
|
class: "gd-contract-authoring-panel__field"
|
|
25
|
-
},
|
|
29
|
+
}, ve = {
|
|
26
30
|
key: 1,
|
|
27
31
|
class: "gd-contract-authoring-panel__field"
|
|
28
|
-
},
|
|
32
|
+
}, ye = { class: "gd-contract-authoring-panel__field" }, be = { class: "gd-contract-authoring-panel__field" }, xe = { class: "gd-contract-authoring-panel__switch" }, Se = { class: "gd-contract-authoring-panel__field" }, Ce = { class: "gd-contract-authoring-panel__field" }, we = {
|
|
29
33
|
key: 4,
|
|
30
34
|
class: "gd-contract-authoring-panel__switch"
|
|
31
|
-
},
|
|
32
|
-
key:
|
|
35
|
+
}, Te = {
|
|
36
|
+
key: 5,
|
|
33
37
|
class: "gd-contract-authoring-panel__field"
|
|
34
|
-
},
|
|
38
|
+
}, Ee = { class: "gd-contract-authoring-panel__property-group" }, De = { class: "gd-contract-authoring-panel__group-title" }, Oe = { class: "gd-contract-authoring-panel__fields" }, W = { class: "gd-contract-authoring-panel__field-pair" }, ke = { class: "gd-contract-authoring-panel__field" }, Ae = { class: "gd-contract-authoring-panel__field" }, je = { class: "gd-contract-authoring-panel__switch" }, Me = { class: "gd-contract-authoring-panel__switch" }, Ne = { class: "gd-contract-authoring-panel__field" }, Pe = { class: "gd-contract-authoring-panel__field" }, Fe = { class: "gd-contract-authoring-panel__color" }, Ie = ["value", "disabled"], Le = { class: "gd-contract-authoring-panel__color" }, Re = ["value", "disabled"], ze = { class: "gd-contract-authoring-panel__color" }, Be = ["value", "disabled"], Ve = { class: "gd-contract-authoring-panel__field" }, He = { class: "gd-contract-authoring-panel__field" }, Ue = { class: "gd-contract-authoring-panel__field" }, We = { class: "gd-contract-authoring-panel__danger-zone" }, G = /* @__PURE__ */ f({
|
|
35
39
|
name: "ContractTemplateDesignerInspector",
|
|
36
40
|
__name: "ContractTemplateDesignerInspector",
|
|
37
41
|
props: {
|
|
@@ -69,417 +73,376 @@ var E = ["aria-label", "aria-expanded"], D = { class: "gd-contract-template-desi
|
|
|
69
73
|
"patchBorderStyle",
|
|
70
74
|
"patchObjectFit"
|
|
71
75
|
],
|
|
72
|
-
setup(f, { emit:
|
|
73
|
-
let
|
|
76
|
+
setup(f, { emit: G }) {
|
|
77
|
+
let K = f, q = G, J = `gd-contract-inspector-${ae()}`, Y = m("insert"), Ge = [{
|
|
74
78
|
value: "insert",
|
|
75
79
|
label: "插入控件"
|
|
76
80
|
}, {
|
|
77
81
|
value: "properties",
|
|
78
82
|
label: "控件属性"
|
|
79
|
-
}], X = a(() =>
|
|
80
|
-
|
|
81
|
-
|
|
83
|
+
}], X = a(() => K.readonly || K.disabled), Ke = a(() => K.selectedVariable ? K.bodyControlToolItems.find((e) => e.type === (K.selectedVariable?.type || "text"))?.label || t(K.selectedVariable.type || "text").label : ""), Z = a(() => K.selectedVariable?.type === "select" || K.selectedVariable?.type === "radio"), qe = a(() => K.selectedVariable?.type === "select" || !!K.selectedVariable?.type?.endsWith("-selector")), Je = a(() => K.selectedVariable?.type === "select" && !!K.selectedVariable.multiple), Ye = a(() => K.selectedVariable?.defaultValue || void 0), Xe = a(() => (K.selectedVariable?.options ?? []).map((e) => ({
|
|
84
|
+
label: e.label,
|
|
85
|
+
value: String(e.value)
|
|
86
|
+
})));
|
|
87
|
+
oe(() => K.selectedVariable?.id, (e) => {
|
|
88
|
+
Y.value = e ? "properties" : "insert";
|
|
82
89
|
}, { immediate: !0 });
|
|
83
|
-
function Z(e) {
|
|
84
|
-
G.selectedVariable && !X.value && K("patchVariable", e);
|
|
85
|
-
}
|
|
86
90
|
function Q(e) {
|
|
87
|
-
|
|
91
|
+
K.selectedVariable && !X.value && q("patchVariable", e);
|
|
88
92
|
}
|
|
89
93
|
function $(e) {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
94
|
+
K.selectedVariable && !X.value && q("patchStyle", e);
|
|
95
|
+
}
|
|
96
|
+
function Ze(e) {
|
|
97
|
+
Q({ defaultValue: e == null ? "" : String(e) });
|
|
98
|
+
}
|
|
99
|
+
function Qe(e) {
|
|
100
|
+
let t = { multiple: e };
|
|
101
|
+
e && K.selectedVariable?.type === "select" && (t.defaultValue = ""), Q(t);
|
|
95
102
|
}
|
|
96
103
|
function $e(e) {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
url: "",
|
|
100
|
-
method: "GET"
|
|
101
|
-
} }) : e === "resolver" && Z({ dataSource: {
|
|
102
|
-
kind: "resolver",
|
|
103
|
-
resolverKey: ""
|
|
104
|
-
} });
|
|
104
|
+
let t = e ?? [], n = K.selectedVariable?.defaultValue, r = { options: t };
|
|
105
|
+
n && !t.some((e) => String(e.value) === String(n)) && (r.defaultValue = ""), Q(r);
|
|
105
106
|
}
|
|
106
|
-
function et(
|
|
107
|
-
|
|
108
|
-
let [t, ...n] = e.split("|");
|
|
109
|
-
return {
|
|
110
|
-
value: t.trim(),
|
|
111
|
-
label: n.join("|").trim() || t.trim(),
|
|
112
|
-
type: G.selectedVariable?.type || "select"
|
|
113
|
-
};
|
|
114
|
-
}) });
|
|
107
|
+
function et() {
|
|
108
|
+
K.selectedVariable && !X.value && q("duplicateVariable", K.selectedVariable);
|
|
115
109
|
}
|
|
116
110
|
function tt() {
|
|
117
|
-
|
|
118
|
-
}
|
|
119
|
-
function nt() {
|
|
120
|
-
G.selectedVariable && !X.value && K("removeVariable", G.selectedVariable);
|
|
111
|
+
K.selectedVariable && !X.value && q("removeVariable", K.selectedVariable);
|
|
121
112
|
}
|
|
122
113
|
return (t, a) => (p(), c("aside", {
|
|
123
|
-
class:
|
|
114
|
+
class: re(["gd-contract-template-designer__inspector gd-contract-authoring-panel", { "is-collapsed": K.collapsed }]),
|
|
124
115
|
"aria-label": "控件插入与属性"
|
|
125
|
-
}, [d(
|
|
126
|
-
default:
|
|
116
|
+
}, [d(g(T), { title: K.collapsed ? "展开属性栏" : "收起属性栏" }, {
|
|
117
|
+
default: v(() => [l("button", {
|
|
127
118
|
type: "button",
|
|
128
119
|
class: "gd-contract-template-designer__panel-handle gd-contract-authoring-panel__handle",
|
|
129
|
-
"aria-label":
|
|
130
|
-
"aria-expanded": !
|
|
131
|
-
onClick: a[0] ||= (e) =>
|
|
132
|
-
}, [
|
|
120
|
+
"aria-label": K.collapsed ? "展开属性栏" : "收起属性栏",
|
|
121
|
+
"aria-expanded": !K.collapsed,
|
|
122
|
+
onClick: a[0] ||= (e) => q("toggle")
|
|
123
|
+
}, [K.collapsed ? (p(), o(g(ue), {
|
|
133
124
|
key: 0,
|
|
134
125
|
"aria-hidden": "true"
|
|
135
|
-
})) : (p(), o(
|
|
126
|
+
})) : (p(), o(g(E), {
|
|
136
127
|
key: 1,
|
|
137
128
|
"aria-hidden": "true"
|
|
138
|
-
}))], 8,
|
|
129
|
+
}))], 8, D)]),
|
|
139
130
|
_: 1
|
|
140
|
-
}, 8, ["title"]), l("div",
|
|
131
|
+
}, 8, ["title"]), l("div", O, [l("div", k, [
|
|
141
132
|
d(r, {
|
|
142
|
-
id:
|
|
143
|
-
modelValue:
|
|
144
|
-
"onUpdate:modelValue": a[1] ||= (e) =>
|
|
145
|
-
items:
|
|
133
|
+
id: J,
|
|
134
|
+
modelValue: Y.value,
|
|
135
|
+
"onUpdate:modelValue": a[1] ||= (e) => Y.value = e,
|
|
136
|
+
items: Ge,
|
|
146
137
|
label: "控件面板视图"
|
|
147
138
|
}, null, 8, ["modelValue"]),
|
|
148
|
-
|
|
149
|
-
id: `${
|
|
139
|
+
y(l("section", {
|
|
140
|
+
id: `${J}-panel-insert`,
|
|
150
141
|
class: "gd-contract-authoring-panel__view",
|
|
151
142
|
role: "tabpanel",
|
|
152
|
-
"aria-labelledby": `${
|
|
153
|
-
}, [d(
|
|
154
|
-
items:
|
|
143
|
+
"aria-labelledby": `${J}-tab-insert`
|
|
144
|
+
}, [d(te, {
|
|
145
|
+
items: K.bodyControlToolItems,
|
|
155
146
|
readonly: X.value,
|
|
156
|
-
onInsertVariable: a[2] ||= (e) =>
|
|
157
|
-
onVariableDragStart: a[3] ||= (e, t) =>
|
|
158
|
-
}, null, 8, ["items", "readonly"])], 8,
|
|
159
|
-
|
|
160
|
-
id: `${
|
|
147
|
+
onInsertVariable: a[2] ||= (e) => q("insertVariable", e),
|
|
148
|
+
onVariableDragStart: a[3] ||= (e, t) => q("variableDragStart", e, t)
|
|
149
|
+
}, null, 8, ["items", "readonly"])], 8, A), [[_, Y.value === "insert"]]),
|
|
150
|
+
y(l("section", {
|
|
151
|
+
id: `${J}-panel-properties`,
|
|
161
152
|
class: "gd-contract-authoring-panel__view",
|
|
162
153
|
role: "tabpanel",
|
|
163
|
-
"aria-labelledby": `${
|
|
164
|
-
}, [l("div",
|
|
165
|
-
key:
|
|
154
|
+
"aria-labelledby": `${J}-tab-properties`
|
|
155
|
+
}, [l("div", M, [a[31] ||= l("strong", null, "属性", -1), X.value ? (p(), c("small", N, "只读")) : s("", !0)]), K.selectedVariable ? (p(), c("div", {
|
|
156
|
+
key: K.selectedVariable.id,
|
|
166
157
|
class: "gd-contract-authoring-panel__properties"
|
|
167
158
|
}, [
|
|
168
|
-
l("div",
|
|
169
|
-
l("span",
|
|
170
|
-
l("div",
|
|
171
|
-
d(
|
|
172
|
-
default:
|
|
159
|
+
l("div", F, [
|
|
160
|
+
l("span", I, [(p(), o(ie(g(n)(K.selectedVariable.type))))]),
|
|
161
|
+
l("div", L, [l("span", R, h(K.selectedVariable.label), 1), l("small", z, h(Ke.value), 1)]),
|
|
162
|
+
d(g(T), { title: "复制变量" }, {
|
|
163
|
+
default: v(() => [d(g(b), {
|
|
173
164
|
type: "text",
|
|
174
165
|
disabled: X.value,
|
|
175
166
|
"aria-label": "复制变量",
|
|
176
|
-
onClick:
|
|
167
|
+
onClick: et
|
|
177
168
|
}, {
|
|
178
|
-
default:
|
|
169
|
+
default: v(() => [d(g(ce), { "aria-hidden": "true" })]),
|
|
179
170
|
_: 1
|
|
180
171
|
}, 8, ["disabled"])]),
|
|
181
172
|
_: 1
|
|
182
173
|
})
|
|
183
174
|
]),
|
|
184
|
-
d(
|
|
185
|
-
variable:
|
|
186
|
-
variables:
|
|
175
|
+
d(ne, {
|
|
176
|
+
variable: K.selectedVariable,
|
|
177
|
+
variables: K.variables,
|
|
187
178
|
readonly: X.value,
|
|
188
|
-
onPatchVariable:
|
|
189
|
-
onRenameVariable: a[5] ||= (e) =>
|
|
179
|
+
onPatchVariable: Q,
|
|
180
|
+
onRenameVariable: a[5] ||= (e) => q("renameVariable", e)
|
|
190
181
|
}, null, 8, [
|
|
191
182
|
"variable",
|
|
192
183
|
"variables",
|
|
193
184
|
"readonly"
|
|
194
185
|
]),
|
|
195
|
-
l("section",
|
|
196
|
-
l("label",
|
|
197
|
-
value:
|
|
186
|
+
l("section", B, [a[38] ||= l("h3", { class: "gd-contract-authoring-panel__group-title" }, "基础信息", -1), l("div", V, [
|
|
187
|
+
l("label", H, [a[35] ||= l("span", null, "名称", -1), d(g(x), {
|
|
188
|
+
value: K.selectedVariable.label,
|
|
198
189
|
disabled: X.value,
|
|
199
190
|
"aria-label": "变量名称",
|
|
200
|
-
onChange: a[6] ||= (e) =>
|
|
191
|
+
onChange: a[6] ||= (e) => Q({ label: e.target.value })
|
|
201
192
|
}, null, 8, ["value", "disabled"])]),
|
|
202
|
-
l("label",
|
|
203
|
-
value:
|
|
193
|
+
l("label", U, [a[36] ||= l("span", null, "占位文案", -1), d(g(x), {
|
|
194
|
+
value: K.selectedVariable.placeholder,
|
|
204
195
|
disabled: X.value,
|
|
205
196
|
"aria-label": "占位文案",
|
|
206
|
-
onChange: a[7] ||= (e) =>
|
|
197
|
+
onChange: a[7] ||= (e) => Q({ placeholder: e.target.value })
|
|
207
198
|
}, null, 8, ["value", "disabled"])]),
|
|
208
|
-
|
|
209
|
-
|
|
199
|
+
Je.value ? s("", !0) : (p(), c("label", de, [a[37] ||= l("span", null, "默认值", -1), Z.value ? (p(), o(g(C), {
|
|
200
|
+
key: 0,
|
|
201
|
+
value: Ye.value,
|
|
202
|
+
options: Xe.value,
|
|
203
|
+
disabled: X.value,
|
|
204
|
+
"allow-clear": "",
|
|
205
|
+
placeholder: "请选择",
|
|
206
|
+
"aria-label": "默认值",
|
|
207
|
+
onChange: Ze
|
|
208
|
+
}, null, 8, [
|
|
209
|
+
"value",
|
|
210
|
+
"options",
|
|
211
|
+
"disabled"
|
|
212
|
+
])) : (p(), o(g(x), {
|
|
213
|
+
key: 1,
|
|
214
|
+
value: K.selectedVariable.defaultValue,
|
|
210
215
|
disabled: X.value,
|
|
211
216
|
"aria-label": "默认值",
|
|
212
|
-
onChange: a[8] ||= (e) =>
|
|
213
|
-
}, null, 8, ["value", "disabled"])])
|
|
217
|
+
onChange: a[8] ||= (e) => Q({ defaultValue: e.target.value })
|
|
218
|
+
}, null, 8, ["value", "disabled"]))]))
|
|
214
219
|
])]),
|
|
215
|
-
l("details",
|
|
220
|
+
l("details", fe, [l("summary", pe, [d(g(E), {
|
|
216
221
|
class: "gd-contract-authoring-panel__chevron",
|
|
217
222
|
"aria-hidden": "true"
|
|
218
|
-
}), a[
|
|
219
|
-
l("label",
|
|
220
|
-
checked:
|
|
223
|
+
}), a[39] ||= l("span", null, "填写规则", -1)]), l("div", me, [
|
|
224
|
+
l("label", he, [a[40] ||= l("span", null, "必填", -1), d(g(w), {
|
|
225
|
+
checked: K.selectedVariable.required,
|
|
221
226
|
disabled: X.value,
|
|
222
227
|
"aria-label": "必填",
|
|
223
|
-
onChange: a[9] ||= (e) =>
|
|
228
|
+
onChange: a[9] ||= (e) => Q({ required: !!e })
|
|
224
229
|
}, null, 8, ["checked", "disabled"])]),
|
|
225
|
-
!
|
|
226
|
-
checked: !!
|
|
230
|
+
!K.selectedVariable.type || K.selectedVariable.type === "text" ? (p(), c(i, { key: 0 }, [l("label", ge, [a[41] ||= l("span", null, "多行", -1), d(g(w), {
|
|
231
|
+
checked: !!K.selectedVariable.multiline,
|
|
227
232
|
disabled: X.value,
|
|
228
233
|
"aria-label": "多行",
|
|
229
|
-
onChange: a[10] ||= (e) =>
|
|
230
|
-
}, null, 8, ["checked", "disabled"])]),
|
|
231
|
-
value:
|
|
234
|
+
onChange: a[10] ||= (e) => q("patchMultiline", !!e)
|
|
235
|
+
}, null, 8, ["checked", "disabled"])]), K.selectedVariable.multiline ? (p(), c("label", _e, [a[42] ||= l("span", null, "行数", -1), d(g(S), {
|
|
236
|
+
value: K.selectedVariable.rows || K.defaultMultilineRows,
|
|
232
237
|
min: 2,
|
|
233
238
|
max: 12,
|
|
234
239
|
disabled: X.value,
|
|
235
240
|
"aria-label": "行数",
|
|
236
|
-
onChange: a[11] ||= (e) =>
|
|
241
|
+
onChange: a[11] ||= (e) => q("patchRows", e)
|
|
237
242
|
}, null, 8, ["value", "disabled"])])) : s("", !0)], 64)) : s("", !0),
|
|
238
|
-
|
|
239
|
-
value:
|
|
243
|
+
K.selectedVariable.type === "date" ? (p(), c("label", ve, [a[43] ||= l("span", null, "日期格式", -1), d(g(x), {
|
|
244
|
+
value: K.selectedVariable.format,
|
|
240
245
|
disabled: X.value,
|
|
241
246
|
"aria-label": "日期格式",
|
|
242
|
-
onChange: a[12] ||= (e) =>
|
|
247
|
+
onChange: a[12] ||= (e) => Q({ format: e.target.value })
|
|
243
248
|
}, null, 8, ["value", "disabled"])])) : s("", !0),
|
|
244
|
-
|
|
245
|
-
l("label",
|
|
246
|
-
value:
|
|
249
|
+
K.selectedVariable.type === "number" ? (p(), c(i, { key: 2 }, [
|
|
250
|
+
l("label", ye, [a[44] ||= l("span", null, "数字格式", -1), d(g(x), {
|
|
251
|
+
value: K.selectedVariable.format,
|
|
247
252
|
disabled: X.value,
|
|
248
253
|
"aria-label": "数字格式",
|
|
249
|
-
onChange: a[13] ||= (e) =>
|
|
254
|
+
onChange: a[13] ||= (e) => Q({ format: e.target.value })
|
|
250
255
|
}, null, 8, ["value", "disabled"])]),
|
|
251
|
-
l("label",
|
|
252
|
-
value:
|
|
256
|
+
l("label", be, [a[45] ||= l("span", null, "小数位", -1), d(g(S), {
|
|
257
|
+
value: K.selectedVariable.precision,
|
|
253
258
|
min: 0,
|
|
254
259
|
max: 6,
|
|
255
260
|
disabled: X.value,
|
|
256
261
|
"aria-label": "小数位",
|
|
257
|
-
onChange: a[14] ||= (e) =>
|
|
262
|
+
onChange: a[14] ||= (e) => Q({ precision: typeof e == "number" ? e : void 0 })
|
|
258
263
|
}, null, 8, ["value", "disabled"])]),
|
|
259
|
-
l("label",
|
|
260
|
-
checked:
|
|
264
|
+
l("label", xe, [a[46] ||= l("span", null, "千分位", -1), d(g(w), {
|
|
265
|
+
checked: K.selectedVariable.useGrouping !== !1,
|
|
261
266
|
disabled: X.value,
|
|
262
267
|
"aria-label": "千分位",
|
|
263
|
-
onChange: a[15] ||= (e) =>
|
|
268
|
+
onChange: a[15] ||= (e) => Q({ useGrouping: !!e })
|
|
264
269
|
}, null, 8, ["checked", "disabled"])])
|
|
265
270
|
], 64)) : s("", !0),
|
|
266
|
-
|
|
267
|
-
value:
|
|
271
|
+
K.selectedVariable.type === "checkbox" ? (p(), c(i, { key: 3 }, [l("label", Se, [a[47] ||= l("span", null, "勾选文本", -1), d(g(x), {
|
|
272
|
+
value: K.selectedVariable.checkedText,
|
|
268
273
|
disabled: X.value,
|
|
269
274
|
"aria-label": "勾选文本",
|
|
270
|
-
onChange: a[16] ||= (e) =>
|
|
271
|
-
}, null, 8, ["value", "disabled"])]), l("label",
|
|
272
|
-
value:
|
|
275
|
+
onChange: a[16] ||= (e) => Q({ checkedText: e.target.value })
|
|
276
|
+
}, null, 8, ["value", "disabled"])]), l("label", Ce, [a[48] ||= l("span", null, "未选文本", -1), d(g(x), {
|
|
277
|
+
value: K.selectedVariable.uncheckedText,
|
|
273
278
|
disabled: X.value,
|
|
274
279
|
"aria-label": "未选文本",
|
|
275
|
-
onChange: a[17] ||= (e) =>
|
|
280
|
+
onChange: a[17] ||= (e) => Q({ uncheckedText: e.target.value })
|
|
276
281
|
}, null, 8, ["value", "disabled"])])], 64)) : s("", !0),
|
|
277
|
-
|
|
278
|
-
checked: !!
|
|
282
|
+
qe.value ? (p(), c("label", we, [a[49] ||= l("span", null, "允许多选", -1), d(g(w), {
|
|
283
|
+
checked: !!K.selectedVariable.multiple,
|
|
279
284
|
disabled: X.value,
|
|
280
285
|
"aria-label": "允许多选",
|
|
281
|
-
onChange: a[18] ||= (e) =>
|
|
286
|
+
onChange: a[18] ||= (e) => Qe(!!e)
|
|
282
287
|
}, null, 8, ["checked", "disabled"])])) : s("", !0),
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
{
|
|
295
|
-
label: "仅本地选项",
|
|
296
|
-
value: "none"
|
|
297
|
-
},
|
|
298
|
-
{
|
|
299
|
-
label: "宿主 Resolver",
|
|
300
|
-
value: "resolver"
|
|
301
|
-
},
|
|
302
|
-
{
|
|
303
|
-
label: "受限 URL",
|
|
304
|
-
value: "url"
|
|
305
|
-
}
|
|
306
|
-
],
|
|
307
|
-
disabled: X.value,
|
|
308
|
-
"aria-label": "数据来源",
|
|
309
|
-
onChange: $e
|
|
310
|
-
}, null, 8, ["value", "disabled"])]),
|
|
311
|
-
G.selectedVariable.dataSource?.kind === "resolver" ? (p(), c("label", Ee, [a[55] ||= l("span", null, "Resolver Key", -1), d(h(b), {
|
|
312
|
-
value: G.selectedVariable.dataSource.resolverKey,
|
|
313
|
-
disabled: X.value,
|
|
314
|
-
"aria-label": "Resolver Key",
|
|
315
|
-
onChange: a[19] ||= (e) => $({ resolverKey: e.target.value })
|
|
316
|
-
}, null, 8, ["value", "disabled"])])) : s("", !0),
|
|
317
|
-
G.selectedVariable.dataSource?.kind === "url" ? (p(), c(i, { key: 1 }, [l("label", De, [a[56] ||= l("span", null, "请求 URL", -1), d(h(b), {
|
|
318
|
-
value: G.selectedVariable.dataSource.url,
|
|
319
|
-
disabled: X.value,
|
|
320
|
-
"aria-label": "请求 URL",
|
|
321
|
-
onChange: a[20] ||= (e) => $({ url: e.target.value })
|
|
322
|
-
}, null, 8, ["value", "disabled"])]), l("label", Oe, [a[57] ||= l("span", null, "请求方法", -1), d(h(S), {
|
|
323
|
-
value: G.selectedVariable.dataSource.method || "GET",
|
|
324
|
-
options: [{
|
|
325
|
-
label: "GET",
|
|
326
|
-
value: "GET"
|
|
327
|
-
}, {
|
|
328
|
-
label: "POST",
|
|
329
|
-
value: "POST"
|
|
330
|
-
}],
|
|
331
|
-
disabled: X.value,
|
|
332
|
-
"aria-label": "请求方法",
|
|
333
|
-
onChange: a[21] ||= (e) => $({ method: e })
|
|
334
|
-
}, null, 8, ["value", "disabled"])])], 64)) : s("", !0)
|
|
335
|
-
], 64)) : s("", !0)
|
|
288
|
+
Z.value ? (p(), c("div", Te, [a[50] ||= l("span", null, "选项", -1), (p(), o(ee, {
|
|
289
|
+
key: K.selectedVariable.id,
|
|
290
|
+
options: K.selectedVariable.options ?? [],
|
|
291
|
+
"variable-type": K.selectedVariable.type || "select",
|
|
292
|
+
readonly: X.value,
|
|
293
|
+
onChange: $e
|
|
294
|
+
}, null, 8, [
|
|
295
|
+
"options",
|
|
296
|
+
"variable-type",
|
|
297
|
+
"readonly"
|
|
298
|
+
]))])) : s("", !0)
|
|
336
299
|
])]),
|
|
337
|
-
l("details",
|
|
300
|
+
l("details", Ee, [l("summary", De, [d(g(E), {
|
|
338
301
|
class: "gd-contract-authoring-panel__chevron",
|
|
339
302
|
"aria-hidden": "true"
|
|
340
|
-
}), a[
|
|
341
|
-
l("div",
|
|
342
|
-
value:
|
|
303
|
+
}), a[51] ||= l("span", null, "外观", -1)]), l("div", Oe, [
|
|
304
|
+
l("div", W, [l("label", ke, [a[52] ||= l("span", null, [u("宽度 "), l("small", { class: "gd-contract-authoring-panel__meta" }, "px")], -1), d(g(S), {
|
|
305
|
+
value: K.selectedVariable.width,
|
|
343
306
|
min: 48,
|
|
344
|
-
max:
|
|
307
|
+
max: K.selectedVariableWidthMax,
|
|
345
308
|
disabled: X.value,
|
|
346
309
|
"aria-label": "控件宽度",
|
|
347
|
-
onChange: a[
|
|
310
|
+
onChange: a[19] ||= (e) => Q({ width: Number(e || 48) })
|
|
348
311
|
}, null, 8, [
|
|
349
312
|
"value",
|
|
350
313
|
"max",
|
|
351
314
|
"disabled"
|
|
352
|
-
])]), l("label",
|
|
353
|
-
value:
|
|
315
|
+
])]), l("label", Ae, [a[53] ||= l("span", null, [u("高度 "), l("small", { class: "gd-contract-authoring-panel__meta" }, "px")], -1), d(g(S), {
|
|
316
|
+
value: K.selectedVariable.height,
|
|
354
317
|
min: 24,
|
|
355
|
-
max:
|
|
318
|
+
max: K.selectedVariableHeightMax,
|
|
356
319
|
disabled: X.value,
|
|
357
320
|
"aria-label": "控件高度",
|
|
358
|
-
onChange: a[
|
|
321
|
+
onChange: a[20] ||= (e) => Q({ height: Number(e || 24) })
|
|
359
322
|
}, null, 8, [
|
|
360
323
|
"value",
|
|
361
324
|
"max",
|
|
362
325
|
"disabled"
|
|
363
326
|
])])]),
|
|
364
|
-
l("label",
|
|
365
|
-
checked: !!
|
|
327
|
+
l("label", je, [a[54] ||= l("span", null, "边框", -1), d(g(w), {
|
|
328
|
+
checked: !!K.selectedVariable.style?.border,
|
|
366
329
|
disabled: X.value,
|
|
367
330
|
"aria-label": "边框",
|
|
368
|
-
onChange: a[
|
|
331
|
+
onChange: a[21] ||= (e) => $({ border: !!e })
|
|
369
332
|
}, null, 8, ["checked", "disabled"])]),
|
|
370
|
-
l("label",
|
|
371
|
-
checked: !!
|
|
333
|
+
l("label", Me, [a[55] ||= l("span", null, "下划线", -1), d(g(w), {
|
|
334
|
+
checked: !!K.selectedVariable.style?.underline,
|
|
372
335
|
disabled: X.value,
|
|
373
336
|
"aria-label": "下划线",
|
|
374
|
-
onChange: a[
|
|
337
|
+
onChange: a[22] ||= (e) => $({ underline: !!e })
|
|
375
338
|
}, null, 8, ["checked", "disabled"])]),
|
|
376
|
-
l("label",
|
|
377
|
-
value:
|
|
378
|
-
options:
|
|
339
|
+
l("label", Ne, [a[56] ||= l("span", null, "字体", -1), d(g(C), {
|
|
340
|
+
value: K.currentVariableFontFamily,
|
|
341
|
+
options: K.fontFamilySelectOptions,
|
|
379
342
|
disabled: X.value,
|
|
380
343
|
"aria-label": "控件字体",
|
|
381
|
-
onChange: a[
|
|
344
|
+
onChange: a[23] ||= (e) => q("patchFontFamily", e)
|
|
382
345
|
}, null, 8, [
|
|
383
346
|
"value",
|
|
384
347
|
"options",
|
|
385
348
|
"disabled"
|
|
386
349
|
])]),
|
|
387
|
-
l("label",
|
|
388
|
-
value:
|
|
389
|
-
min:
|
|
390
|
-
max:
|
|
350
|
+
l("label", Pe, [a[57] ||= l("span", null, "字号", -1), d(g(S), {
|
|
351
|
+
value: K.selectedVariable.style?.fontSize,
|
|
352
|
+
min: K.minFontSize,
|
|
353
|
+
max: K.maxFontSize,
|
|
391
354
|
disabled: X.value,
|
|
392
355
|
"aria-label": "控件字号",
|
|
393
|
-
onChange: a[
|
|
356
|
+
onChange: a[24] ||= (e) => q("patchFontSize", e)
|
|
394
357
|
}, null, 8, [
|
|
395
358
|
"value",
|
|
396
359
|
"min",
|
|
397
360
|
"max",
|
|
398
361
|
"disabled"
|
|
399
362
|
])]),
|
|
400
|
-
l("label",
|
|
363
|
+
l("label", Fe, [a[58] ||= l("span", null, "颜色", -1), l("input", {
|
|
401
364
|
type: "color",
|
|
402
|
-
value:
|
|
365
|
+
value: K.selectedVariable.style?.color || g(e).color,
|
|
403
366
|
disabled: X.value,
|
|
404
367
|
"aria-label": "控件文字颜色",
|
|
405
|
-
onInput: a[
|
|
406
|
-
}, null, 40,
|
|
407
|
-
l("label",
|
|
368
|
+
onInput: a[25] ||= (e) => $({ color: e.target.value })
|
|
369
|
+
}, null, 40, Ie)]),
|
|
370
|
+
l("label", Le, [a[59] ||= l("span", null, "占位颜色", -1), l("input", {
|
|
408
371
|
type: "color",
|
|
409
|
-
value:
|
|
372
|
+
value: K.selectedVariable.style?.placeholderColor || g(e).placeholderColor,
|
|
410
373
|
disabled: X.value,
|
|
411
374
|
"aria-label": "控件占位颜色",
|
|
412
|
-
onInput: a[
|
|
413
|
-
}, null, 40,
|
|
414
|
-
l("label",
|
|
375
|
+
onInput: a[26] ||= (e) => $({ placeholderColor: e.target.value })
|
|
376
|
+
}, null, 40, Re)]),
|
|
377
|
+
l("label", ze, [a[60] ||= l("span", null, "线条颜色", -1), l("input", {
|
|
415
378
|
type: "color",
|
|
416
|
-
value:
|
|
379
|
+
value: K.selectedVariable.style?.lineColor || g(e).lineColor,
|
|
417
380
|
disabled: X.value,
|
|
418
381
|
"aria-label": "控件线条颜色",
|
|
419
|
-
onInput: a[
|
|
420
|
-
}, null, 40,
|
|
421
|
-
l("label",
|
|
422
|
-
value:
|
|
423
|
-
options:
|
|
382
|
+
onInput: a[27] ||= (e) => $({ lineColor: e.target.value })
|
|
383
|
+
}, null, 40, Be)]),
|
|
384
|
+
l("label", Ve, [a[61] ||= l("span", null, "文字对齐", -1), d(g(C), {
|
|
385
|
+
value: K.selectedVariable.style?.textAlign || "left",
|
|
386
|
+
options: K.textAlignOptions,
|
|
424
387
|
disabled: X.value,
|
|
425
388
|
"aria-label": "控件文字对齐",
|
|
426
|
-
onChange: a[
|
|
389
|
+
onChange: a[28] ||= (e) => q("patchTextAlign", e)
|
|
427
390
|
}, null, 8, [
|
|
428
391
|
"value",
|
|
429
392
|
"options",
|
|
430
393
|
"disabled"
|
|
431
394
|
])]),
|
|
432
|
-
|
|
433
|
-
value:
|
|
434
|
-
options:
|
|
395
|
+
K.selectedVariable.type === "image" ? (p(), c(i, { key: 0 }, [l("label", He, [a[62] ||= l("span", null, "边框样式", -1), d(g(C), {
|
|
396
|
+
value: K.selectedVariable.style?.borderStyle || "dashed",
|
|
397
|
+
options: K.borderStyleOptions,
|
|
435
398
|
disabled: X.value,
|
|
436
399
|
"aria-label": "图片边框样式",
|
|
437
|
-
onChange: a[
|
|
400
|
+
onChange: a[29] ||= (e) => q("patchBorderStyle", e)
|
|
438
401
|
}, null, 8, [
|
|
439
402
|
"value",
|
|
440
403
|
"options",
|
|
441
404
|
"disabled"
|
|
442
|
-
])]), l("label",
|
|
443
|
-
value:
|
|
444
|
-
options:
|
|
405
|
+
])]), l("label", Ue, [a[63] ||= l("span", null, "图片适配", -1), d(g(C), {
|
|
406
|
+
value: K.selectedVariable.style?.objectFit || "contain",
|
|
407
|
+
options: K.objectFitOptions,
|
|
445
408
|
disabled: X.value,
|
|
446
409
|
"aria-label": "图片适配",
|
|
447
|
-
onChange: a[
|
|
410
|
+
onChange: a[30] ||= (e) => q("patchObjectFit", e)
|
|
448
411
|
}, null, 8, [
|
|
449
412
|
"value",
|
|
450
413
|
"options",
|
|
451
414
|
"disabled"
|
|
452
415
|
])])], 64)) : s("", !0)
|
|
453
416
|
])]),
|
|
454
|
-
l("div",
|
|
417
|
+
l("div", We, [d(g(se), {
|
|
455
418
|
title: "删除此变量及其全部引用?",
|
|
456
419
|
"ok-text": "删除变量",
|
|
457
420
|
"cancel-text": "取消",
|
|
458
421
|
"ok-button-props": { danger: !0 },
|
|
459
422
|
disabled: X.value,
|
|
460
|
-
onConfirm:
|
|
423
|
+
onConfirm: tt
|
|
461
424
|
}, {
|
|
462
|
-
default:
|
|
425
|
+
default: v(() => [d(g(b), {
|
|
463
426
|
type: "text",
|
|
464
427
|
danger: "",
|
|
465
428
|
disabled: X.value,
|
|
466
429
|
"aria-label": "删除变量"
|
|
467
430
|
}, {
|
|
468
|
-
default:
|
|
431
|
+
default: v(() => [d(g(le), { "aria-hidden": "true" }), a[64] ||= u("删除变量", -1)]),
|
|
469
432
|
_: 1
|
|
470
433
|
}, 8, ["disabled"])]),
|
|
471
434
|
_: 1
|
|
472
435
|
}, 8, ["disabled"])])
|
|
473
|
-
])) : (p(), c("div",
|
|
474
|
-
a[
|
|
475
|
-
a[
|
|
476
|
-
d(
|
|
477
|
-
default:
|
|
436
|
+
])) : (p(), c("div", P, [
|
|
437
|
+
a[33] ||= l("span", null, "先选择一个正文变量", -1),
|
|
438
|
+
a[34] ||= l("small", { class: "gd-contract-authoring-panel__meta" }, "点击正文控件,或从左侧「变量」中定位。", -1),
|
|
439
|
+
d(g(b), { onClick: a[4] ||= (e) => Y.value = "insert" }, {
|
|
440
|
+
default: v(() => [...a[32] ||= [u("前往插入控件", -1)]]),
|
|
478
441
|
_: 1
|
|
479
442
|
})
|
|
480
|
-
]))], 8,
|
|
443
|
+
]))], 8, j), [[_, Y.value === "properties"]])
|
|
481
444
|
])])], 2));
|
|
482
445
|
}
|
|
483
446
|
});
|
|
484
447
|
//#endregion
|
|
485
|
-
export {
|
|
448
|
+
export { G as default };
|