@gct-paas/core-web 0.1.6-dev.37 → 0.1.6-dev.38
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/{JsBarcode-Bo5SpPqf.js → JsBarcode-ClFIdbED.js} +2 -2
- package/dist/{chunk-CzFT3iS2.js → chunk-CeDsE8LQ.js} +1 -1
- package/dist/{cropper-3WG6IxPT.js → cropper-CWuUC8vw.js} +2 -2
- package/dist/{de_DE-EpMUkrKG.js → de_DE-D0xcBz9q.js} +2 -2
- package/dist/{defineProperty-DjJcBLb4.js → defineProperty-DDkimXe6.js} +1 -1
- package/dist/{diagram-config-item-Ba84t2ju.js → diagram-config-item-BNTeBE-4.js} +2 -2
- package/dist/{diagram-config-item-reverse-BhbjSzBe.js → diagram-config-item-reverse-Dddnmnfo.js} +2 -2
- package/dist/{diagram-config-item-virtual-fva5teOL.js → diagram-config-item-virtual-DYZHFYx_.js} +2 -2
- package/dist/{en_US-Bgy0yEFu.js → en_US-B4Nwc1yU.js} +2 -2
- package/dist/{es_ES-DRngTAb5.js → es_ES-CqefGnVv.js} +2 -2
- package/dist/{fr_FR-5q20H1AL.js → fr_FR-BCfhXFGZ.js} +2 -2
- package/dist/{hooks-ZH0Pak8N.js → hooks-DP5xcN9D.js} +2 -2
- package/dist/{icon-next-picker-Dt_2BtcK.js → icon-next-picker-DG4HFDGl.js} +1 -1
- package/dist/index.min.css +1 -1
- package/dist/{ja_JP-DvTjb7zM.js → ja_JP-CoFxiAvE.js} +2 -2
- package/dist/loader.esm.min.js +2 -2
- package/dist/{monaco-editor-Dq3suO5P.js → monaco-editor-Bml9w0vu.js} +2 -2
- package/dist/{objectSpread2-oPY7ovX3.js → objectSpread2-hnXyEBLf.js} +1 -1
- package/dist/{overlayscrollbars-vue-BWvh-ibY.js → overlayscrollbars-vue-DfdIAPTx.js} +1 -1
- package/dist/{pt_PT-Ct6NdUWY.js → pt_PT-CuaCyhKZ.js} +2 -2
- package/dist/{relationship-diagram-config-C8LCLDKK.js → relationship-diagram-config-CAoHKQXK.js} +2 -2
- package/dist/{rich-editor-CFRbyrMz.js → rich-editor-BuG5EbhO.js} +2 -2
- package/dist/{ru_RU-EwaOwdC1.js → ru_RU-5uz6U6zf.js} +2 -2
- package/dist/{tr_TR-52XfjsR-.js → tr_TR-4pDGiPBN.js} +2 -2
- package/dist/{useMonacoEditor-8TeCBE8q.js → useMonacoEditor-sB2Y6Jf0.js} +2 -2
- package/dist/{vi_VN-Cv3A0n4a.js → vi_VN-QIS8kpjj.js} +2 -2
- package/dist/{zh_CN-DRHhwKU9.js → zh_CN-D1TlxLnL.js} +2 -2
- package/dist/{zh_TW-7f3cKGBH.js → zh_TW-Dxzu1jIs.js} +2 -2
- package/es/components/label-design/components/mr-vue/MrEl.vue.mjs +2 -2
- package/es/components/label-design/components/mr-vue/MrEl.vue_vue_type_script_setup_true_name_mr-el_lang.mjs +15 -11
- package/es/components/label-design/components/mr-vue/{MrEl.vue_vue_type_style_index_0_scoped_abef86c9_lang.css → MrEl.vue_vue_type_style_index_0_scoped_371e4b06_lang.css} +61 -61
- package/es/components/label-design/components/widgets/QrCode.vue.mjs +2 -2
- package/es/components/label-design/components/widgets/QrCode.vue_vue_type_script_setup_true_name_QR_CODE_lang.mjs +86 -4
- package/es/components/label-design/components/widgets/QrCode.vue_vue_type_style_index_0_scoped_2fb36afd_lang.css +14 -0
- package/es/components/label-design/components/widgets/Text.vue.mjs +3 -3
- package/es/components/label-design/components/widgets/{Text.vue_vue_type_script_setup_true_lang.mjs → Text.vue_vue_type_script_setup_true_name_TEXT_lang.mjs} +44 -22
- package/es/components/label-design/components/widgets/Text.vue_vue_type_style_index_0_scoped_d9ace99f_lang.css +37 -0
- package/es/components/label-design/components/widgets/richText.vue.mjs +2 -2
- package/es/components/label-design/components/widgets/richText.vue_vue_type_script_setup_true_lang.mjs +4 -3
- package/es/components/label-design/components/widgets/{richText.vue_vue_type_style_index_0_scoped_d05f3ffd_lang.css → richText.vue_vue_type_style_index_0_scoped_fc7a37f7_lang.css} +3 -3
- package/es/components/label-design/constants/CommonPrintElems.d.ts +41 -4
- package/es/components/label-design/constants/CommonPrintElems.mjs +31 -15
- package/es/components/label-design/header/test-var-modal.vue.d.ts +3 -0
- package/es/components/label-design/hooks/useDesigner.d.ts +1 -0
- package/es/components/label-design/hooks/useDesigner.mjs +19 -1
- package/es/components/label-design/hooks/usePage.mjs +16 -2
- package/es/components/label-design/hooks/useProp.d.ts +62 -7
- package/es/components/label-design/hooks/useProp.mjs +153 -96
- package/es/components/label-design/panels/modals/diff-modal.vue.mjs +2 -2
- package/es/components/label-design/panels/modals/diff-modal.vue_vue_type_script_setup_true_lang.mjs +4 -2
- package/es/components/label-design/panels/modals/{diff-modal.vue_vue_type_style_index_0_scoped_16a76e9a_lang.css → diff-modal.vue_vue_type_style_index_0_scoped_54211e3c_lang.css} +2 -2
- package/es/components/label-design/panels/widget/component-properties.vue.mjs +2 -2
- package/es/components/label-design/panels/widget/component-properties.vue_vue_type_script_setup_true_name_component-properties_lang.mjs +5 -4
- package/es/components/label-design/panels/widget/{component-properties.vue_vue_type_style_index_0_scoped_dff66bbe_lang.css → component-properties.vue_vue_type_style_index_0_scoped_d6c5e9e9_lang.css} +10 -10
- package/es/components/label-design/panels/widget/controls/AliasInput.vue.mjs +9 -4
- package/es/components/label-design/panels/widget/controls/Border.vue.mjs +26 -23
- package/es/components/label-design/panels/widget/controls/Border.vue_vue_type_script_lang.mjs +4 -0
- package/es/components/label-design/panels/widget/controls/{Border.vue_vue_type_style_index_0_scoped_70116f39_lang.css → Border.vue_vue_type_style_index_0_scoped_5bb46dc4_lang.css} +5 -5
- package/es/components/label-design/panels/widget/controls/FontStyle.vue.mjs +12 -8
- package/es/components/label-design/panels/widget/controls/FontStyle.vue_vue_type_script_lang.mjs +12 -6
- package/es/components/label-design/panels/widget/controls/InputContent.vue.mjs +9 -4
- package/es/components/label-design/panels/widget/controls/InputContent.vue_vue_type_script_lang.mjs +4 -0
- package/es/components/label-design/panels/widget/controls/LineHeight.vue.mjs +183 -0
- package/es/components/label-design/panels/widget/controls/PdfQrConfig.vue.mjs +10 -0
- package/es/components/label-design/panels/widget/controls/PdfQrConfig.vue_vue_type_script_setup_true_name_pdf-qr-config_lang.mjs +166 -0
- package/es/components/label-design/panels/widget/controls/PdfQrConfig.vue_vue_type_style_index_0_scoped_cd6ec1c2_lang.css +19 -0
- package/es/components/label-design/panels/widget/controls/PdfQrConfig.vue_vue_type_style_index_1_lang.css +0 -0
- package/es/components/label-design/panels/widget/controls/SelectContent.vue.mjs +20 -5
- package/es/components/label-design/panels/widget/controls/StackOrder.vue.mjs +15 -10
- package/es/components/label-design/panels/widget/controls/TextAlign.vue.mjs +12 -8
- package/es/components/label-design/panels/widget/controls/TextAlign.vue_vue_type_script_lang.mjs +9 -3
- package/es/components/label-design/panels/widget/controls/TextVerticalAlign.vue.mjs +9 -6
- package/es/components/label-design/panels/widget/controls/TextVerticalAlign.vue_vue_type_script_lang.mjs +9 -3
- package/es/components/label-design/panels/widget/controls/VariableSelect.vue.mjs +2 -2
- package/es/components/label-design/panels/widget/controls/VariableSelect.vue_vue_type_script_setup_true_name_variable-select_lang.mjs +10 -6
- package/es/components/label-design/panels/widget/controls/VariableSelect.vue_vue_type_style_index_0_scoped_14634dd0_lang.css +15 -0
- package/es/components/label-design/panels/widget/controls/dim-pos.vue.mjs +2 -2
- package/es/components/label-design/panels/widget/controls/dim-pos.vue_vue_type_script_setup_true_name_dim-pos_lang.mjs +52 -44
- package/es/components/label-design/panels/widget/controls/{dim-pos.vue_vue_type_style_index_0_scoped_a247e0e1_lang.css → dim-pos.vue_vue_type_style_index_0_scoped_16616a25_lang.css} +2 -2
- package/es/components/label-design/panels/widget/controls/field-content.vue.mjs +2 -2
- package/es/components/label-design/panels/widget/controls/field-content.vue_vue_type_script_setup_true_name_field-content_lang.mjs +3 -2
- package/es/components/label-design/panels/widget/controls/field-content.vue_vue_type_style_index_0_scoped_20837fed_lang.css +6 -0
- package/es/components/label-design/panels/widget/controls/index.mjs +4 -0
- package/es/components/label-design/panels/widget/controls/rich-btn.vue.mjs +1 -1
- package/es/components/label-design/panels/widget/controls/rich-btn.vue_vue_type_script_lang.mjs +11 -5
- package/es/components/label-design/panels/widget/page-properties.vue.mjs +2 -2
- package/es/components/label-design/panels/widget/page-properties.vue_vue_type_script_setup_true_name_page-properties_lang.mjs +3 -2
- package/es/components/label-design/panels/widget/{page-properties.vue_vue_type_style_index_0_scoped_ad548f64_lang.css → page-properties.vue_vue_type_style_index_0_scoped_e0675ce4_lang.css} +2 -2
- package/es/components/label-design/panels/widget/panel-widget.vue_vue_type_script_setup_true_name_panel-widget_lang.mjs +4 -3
- package/es/components/label-design/stage/StageEl.vue.d.ts +6 -1
- package/es/components/label-design/stage/StageEl.vue_vue_type_script_lang.mjs +23 -1
- package/es/components/label-design/stage/stage-canvas.vue.d.ts +2 -0
- package/es/components/label-design/stage/stage-canvas.vue_vue_type_script_setup_true_lang.mjs +27 -3
- package/es/components/label-design/toolkits/toolkit-widgets.vue.mjs +2 -2
- package/es/components/label-design/toolkits/toolkit-widgets.vue_vue_type_script_setup_true_name_toolkit-widgets_lang.mjs +4 -3
- package/es/components/label-design/toolkits/{toolkit-widgets.vue_vue_type_style_index_0_scoped_a787d212_lang.css → toolkit-widgets.vue_vue_type_style_index_0_scoped_c0634baf_lang.css} +9 -9
- package/es/components/open-select-user-modal/component/org.vue.mjs +1 -1
- package/es/components/open-select-user-modal/component/role.vue.mjs +1 -1
- package/es/components/open-select-user-modal/component/user-group.vue.mjs +1 -1
- package/es/components/open-select-user-modal/component/user.vue.mjs +1 -1
- package/es/index.mjs +2 -2
- package/es/locale/sys/appDesigner.d.ts +3 -0
- package/es/locale/sys/appDesigner.mjs +4 -1
- package/es/locale/sys/model.d.ts +2 -0
- package/es/locale/sys/model.mjs +3 -1
- package/es/locale/sys/pageDesigner.d.ts +25 -0
- package/es/locale/sys/pageDesigner.mjs +26 -1
- package/es/locale/sys/printDesigner.d.ts +111 -0
- package/es/locale/sys/printDesigner.mjs +112 -1
- package/es/locale/sys.d.ts +6 -0
- package/es/locale/sys.mjs +7 -1
- package/package.json +11 -11
- package/es/components/label-design/components/widgets/QrCode.vue_vue_type_style_index_0_scoped_61b471f2_lang.css +0 -10
- package/es/components/label-design/components/widgets/Text.vue_vue_type_style_index_0_scoped_170abee2_lang.css +0 -33
- package/es/components/label-design/panels/widget/controls/VariableSelect.vue_vue_type_style_index_0_scoped_2c6f0905_lang.css +0 -12
- package/es/components/label-design/panels/widget/controls/field-content.vue_vue_type_style_index_0_scoped_68aaf84d_lang.css +0 -6
- /package/es/components/open-select-user-modal/component/{user-group.vue_vue_type_style_index_0_lang.css → org.vue_vue_type_style_index_0_lang.css} +0 -0
|
@@ -1,40 +1,51 @@
|
|
|
1
1
|
import { mmConvertPx, pxConvertMm } from "../../../helper/unit-conversion.mjs";
|
|
2
2
|
import { labelInfo, usePage } from "../../../hooks/usePage.mjs";
|
|
3
3
|
import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
|
|
4
|
+
import { t } from "@gct-paas/core";
|
|
4
5
|
//#region src/components/label-design/panels/widget/controls/dim-pos.vue?vue&type=script&setup=true&name=dim-pos&lang.ts
|
|
5
6
|
var _hoisted_1 = { class: "dim-pos clearfix" };
|
|
6
7
|
var _hoisted_2 = {
|
|
7
8
|
key: 0,
|
|
8
9
|
class: "setting-row flex-col"
|
|
9
10
|
};
|
|
10
|
-
var _hoisted_3 = { class: "sub-
|
|
11
|
-
var _hoisted_4 = { class: "sub-
|
|
12
|
-
var _hoisted_5 = {
|
|
11
|
+
var _hoisted_3 = { class: "sub-title mb-4px" };
|
|
12
|
+
var _hoisted_4 = { class: "sub-content" };
|
|
13
|
+
var _hoisted_5 = { class: "sub-content_inner p-8px bg-[#F7F8FA]" };
|
|
14
|
+
var _hoisted_6 = {
|
|
13
15
|
key: 0,
|
|
14
16
|
class: "setting-col setting-col_left"
|
|
15
17
|
};
|
|
16
|
-
var
|
|
18
|
+
var _hoisted_7 = { class: "setting-label row-label" };
|
|
19
|
+
var _hoisted_8 = {
|
|
17
20
|
key: 1,
|
|
18
21
|
class: "setting-col setting-col_right"
|
|
19
22
|
};
|
|
20
|
-
var
|
|
23
|
+
var _hoisted_9 = { class: "setting-label row-label" };
|
|
24
|
+
var _hoisted_10 = {
|
|
21
25
|
key: 1,
|
|
22
26
|
class: "setting-row flex-col"
|
|
23
27
|
};
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
28
|
+
var _hoisted_11 = { class: "sub-title mb-4px" };
|
|
29
|
+
var _hoisted_12 = { class: "sub-content" };
|
|
30
|
+
var _hoisted_13 = { class: "sub-content_inner p-8px bg-[#F7F8FA]" };
|
|
31
|
+
var _hoisted_14 = { class: "setting-label row-label" };
|
|
32
|
+
var _hoisted_15 = { class: "setting-label row-label" };
|
|
33
|
+
var _hoisted_16 = {
|
|
27
34
|
key: 2,
|
|
28
35
|
class: "setting-row"
|
|
29
36
|
};
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
37
|
+
var _hoisted_17 = {
|
|
38
|
+
class: "sub-title",
|
|
39
|
+
style: { "line-height": "28px" }
|
|
40
|
+
};
|
|
41
|
+
var _hoisted_18 = { class: "sub-content" };
|
|
42
|
+
var _hoisted_19 = { class: "sub-content_inner flex items-center" };
|
|
43
|
+
var _hoisted_20 = { class: "setting-label row-label rotate flex-1" };
|
|
44
|
+
var _hoisted_21 = {
|
|
34
45
|
key: 3,
|
|
35
46
|
class: "setting-col setting-col_left"
|
|
36
47
|
};
|
|
37
|
-
var
|
|
48
|
+
var _hoisted_22 = {
|
|
38
49
|
key: 4,
|
|
39
50
|
class: "setting-col setting-col_right"
|
|
40
51
|
};
|
|
@@ -123,7 +134,7 @@ var dim_pos_vue_vue_type_script_setup_true_name_dim_pos_lang_default = /* @__PUR
|
|
|
123
134
|
emitChanges("height", mm2px(val ?? 0, 0));
|
|
124
135
|
}
|
|
125
136
|
});
|
|
126
|
-
const t = computed({
|
|
137
|
+
const t$1 = computed({
|
|
127
138
|
get() {
|
|
128
139
|
if (props.top != null && props.topMM == null) {
|
|
129
140
|
const mm = px2mm(props.top);
|
|
@@ -182,11 +193,11 @@ var dim_pos_vue_vue_type_script_setup_true_name_dim_pos_lang_default = /* @__PUR
|
|
|
182
193
|
const _component_IconNext = resolveComponent("IconNext");
|
|
183
194
|
const _component_a_tooltip = resolveComponent("a-tooltip");
|
|
184
195
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
185
|
-
__props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
186
|
-
createTextVNode("
|
|
187
|
-
createElementVNode("i", null, " / "),
|
|
188
|
-
createElementVNode("span", null, "mm")
|
|
189
|
-
]
|
|
196
|
+
__props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("sys.position")), 1), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [__props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [
|
|
197
|
+
createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.xAxis")), 1),
|
|
198
|
+
_cache[5] || (_cache[5] = createElementVNode("i", null, " / ", -1)),
|
|
199
|
+
_cache[6] || (_cache[6] = createElementVNode("span", null, "mm", -1))
|
|
200
|
+
]), createVNode(_component_a_input_number, {
|
|
190
201
|
ref: "left",
|
|
191
202
|
value: l.value,
|
|
192
203
|
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => l.value = $event),
|
|
@@ -198,39 +209,39 @@ var dim_pos_vue_vue_type_script_setup_true_name_dim_pos_lang_default = /* @__PUR
|
|
|
198
209
|
"value",
|
|
199
210
|
"max",
|
|
200
211
|
"disabled"
|
|
201
|
-
])])) : createCommentVNode("", true), __props.hasPos ? (openBlock(), createElementBlock("div",
|
|
202
|
-
createTextVNode("
|
|
203
|
-
createElementVNode("i", null, " / "),
|
|
204
|
-
createElementVNode("span", null, "mm")
|
|
205
|
-
]
|
|
212
|
+
])])) : createCommentVNode("", true), __props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [
|
|
213
|
+
createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.yAxis")), 1),
|
|
214
|
+
_cache[7] || (_cache[7] = createElementVNode("i", null, " / ", -1)),
|
|
215
|
+
_cache[8] || (_cache[8] = createElementVNode("span", null, "mm", -1))
|
|
216
|
+
]), createVNode(_component_a_input_number, {
|
|
206
217
|
ref: "top",
|
|
207
|
-
value: t.value,
|
|
208
|
-
"onUpdate:value": _cache[1] || (_cache[1] = ($event) => t.value = $event),
|
|
218
|
+
value: t$1.value,
|
|
219
|
+
"onUpdate:value": _cache[1] || (_cache[1] = ($event) => t$1.value = $event),
|
|
209
220
|
max: unref(hMax) - 30,
|
|
210
221
|
min: 0,
|
|
211
222
|
precision: 2,
|
|
212
|
-
disabled: __props.disabled || t.value === "auto"
|
|
223
|
+
disabled: __props.disabled || t$1.value === "auto"
|
|
213
224
|
}, null, 8, [
|
|
214
225
|
"value",
|
|
215
226
|
"max",
|
|
216
227
|
"disabled"
|
|
217
228
|
])])) : createCommentVNode("", true)])])])) : createCommentVNode("", true),
|
|
218
|
-
__props.hasDim ? (openBlock(), createElementBlock("div",
|
|
219
|
-
createTextVNode("
|
|
220
|
-
createElementVNode("i", null, " / "),
|
|
221
|
-
createElementVNode("span", null, "mm")
|
|
222
|
-
]
|
|
229
|
+
__props.hasDim ? (openBlock(), createElementBlock("div", _hoisted_10, [createElementVNode("div", _hoisted_11, toDisplayString(unref(t)("sys.pageDesigner.size")), 1), createElementVNode("div", _hoisted_12, [createElementVNode("div", _hoisted_13, [createElementVNode("div", { class: normalizeClass(["setting-col setting-col_right", { "no-check": !__props.hasPos }]) }, [createElementVNode("div", _hoisted_14, [
|
|
230
|
+
createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.height")), 1),
|
|
231
|
+
_cache[9] || (_cache[9] = createElementVNode("i", null, " / ", -1)),
|
|
232
|
+
_cache[10] || (_cache[10] = createElementVNode("span", null, "mm", -1))
|
|
233
|
+
]), createVNode(_component_a_input_number, {
|
|
223
234
|
ref: "height",
|
|
224
235
|
value: h.value,
|
|
225
236
|
"onUpdate:value": _cache[2] || (_cache[2] = ($event) => h.value = $event),
|
|
226
237
|
min: 1,
|
|
227
238
|
precision: 0,
|
|
228
239
|
disabled: __props.disabled || h.value === "auto" || __props.heightDisabled
|
|
229
|
-
}, null, 8, ["value", "disabled"])], 2), createElementVNode("div", { class: normalizeClass(["setting-col", { "no-check": !__props.hasPos }]) }, [
|
|
230
|
-
createTextVNode("
|
|
231
|
-
createElementVNode("i", null, " / "),
|
|
232
|
-
createElementVNode("span", null, "mm")
|
|
233
|
-
]
|
|
240
|
+
}, null, 8, ["value", "disabled"])], 2), createElementVNode("div", { class: normalizeClass(["setting-col", { "no-check": !__props.hasPos }]) }, [createElementVNode("div", _hoisted_15, [
|
|
241
|
+
createTextVNode(toDisplayString(unref(t)("sys.width")), 1),
|
|
242
|
+
_cache[11] || (_cache[11] = createElementVNode("i", null, " / ", -1)),
|
|
243
|
+
_cache[12] || (_cache[12] = createElementVNode("span", null, "mm", -1))
|
|
244
|
+
]), createVNode(_component_a_input_number, {
|
|
234
245
|
ref: "width",
|
|
235
246
|
value: w.value,
|
|
236
247
|
"onUpdate:value": _cache[3] || (_cache[3] = ($event) => w.value = $event),
|
|
@@ -238,11 +249,8 @@ var dim_pos_vue_vue_type_script_setup_true_name_dim_pos_lang_default = /* @__PUR
|
|
|
238
249
|
precision: 0,
|
|
239
250
|
disabled: __props.disabled || w.value === "auto" || __props.widthDisabled
|
|
240
251
|
}, null, 8, ["value", "disabled"])], 2)])])])) : createCommentVNode("", true),
|
|
241
|
-
__props.hasRotate ? (openBlock(), createElementBlock("div",
|
|
242
|
-
|
|
243
|
-
style: { "line-height": "28px" }
|
|
244
|
-
}, "旋转", -1)), createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [createElementVNode("div", _hoisted_13, toDisplayString(rot.value) + "°", 1), createVNode(_component_a_tooltip, { placement: "topRight" }, {
|
|
245
|
-
title: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode("向右旋转 90°,每点一下转 90°,点 4 下回到原点", -1)])]),
|
|
252
|
+
__props.hasRotate ? (openBlock(), createElementBlock("div", _hoisted_16, [createElementVNode("div", _hoisted_17, toDisplayString(unref(t)("sys.pageDesigner.rotate")), 1), createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [createElementVNode("div", _hoisted_20, toDisplayString(rot.value) + "°", 1), createVNode(_component_a_tooltip, { placement: "topRight" }, {
|
|
253
|
+
title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.rotateTip")), 1)]),
|
|
246
254
|
default: withCtx(() => [createVNode(_component_IconNext, {
|
|
247
255
|
color: "#434855",
|
|
248
256
|
value: "icon-a-xuanzhuan4",
|
|
@@ -251,8 +259,8 @@ var dim_pos_vue_vue_type_script_setup_true_name_dim_pos_lang_default = /* @__PUR
|
|
|
251
259
|
})]),
|
|
252
260
|
_: 1
|
|
253
261
|
})])])])) : createCommentVNode("", true),
|
|
254
|
-
__props.hasPos ? (openBlock(), createElementBlock("div",
|
|
255
|
-
__props.hasPos ? (openBlock(), createElementBlock("div",
|
|
262
|
+
__props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_21)) : createCommentVNode("", true),
|
|
263
|
+
__props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_22)) : createCommentVNode("", true)
|
|
256
264
|
]);
|
|
257
265
|
};
|
|
258
266
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.rotate[data-v-
|
|
1
|
+
.rotate[data-v-16616a25] {
|
|
2
2
|
background: #f7f8fa;
|
|
3
3
|
line-height: 26px;
|
|
4
4
|
height: 26px;
|
|
5
5
|
padding-left: 8px;
|
|
6
6
|
border-radius: 4px 4px 4px 4px;
|
|
7
7
|
}
|
|
8
|
-
.icon-a-xuanzhuan4[data-v-
|
|
8
|
+
.icon-a-xuanzhuan4[data-v-16616a25]:hover {
|
|
9
9
|
color: var(--ant-primary-color);
|
|
10
10
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
|
|
2
2
|
import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
3
3
|
import field_content_vue_vue_type_script_setup_true_name_field_content_lang_default from "./field-content.vue_vue_type_script_setup_true_name_field-content_lang.mjs";
|
|
4
|
-
import './field-content.
|
|
4
|
+
import './field-content.vue_vue_type_style_index_0_scoped_20837fed_lang.css';/* empty css */
|
|
5
5
|
//#region src/components/label-design/panels/widget/controls/field-content.vue
|
|
6
6
|
var field_content_exports = /* @__PURE__ */ __exportAll({ default: () => field_content_default });
|
|
7
|
-
var field_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(field_content_vue_vue_type_script_setup_true_name_field_content_lang_default, [["__scopeId", "data-v-
|
|
7
|
+
var field_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(field_content_vue_vue_type_script_setup_true_name_field_content_lang_default, [["__scopeId", "data-v-20837fed"]]);
|
|
8
8
|
//#endregion
|
|
9
9
|
export { field_content_exports };
|
|
@@ -2,7 +2,7 @@ import FieldCascader_default from "../../../../field-cascader/src/FieldCascader.
|
|
|
2
2
|
import { usePage } from "../../../hooks/usePage.mjs";
|
|
3
3
|
import "../../../../index.mjs";
|
|
4
4
|
import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, nextTick, openBlock, ref, unref } from "vue";
|
|
5
|
-
import { FIELD_TYPE } from "@gct-paas/core";
|
|
5
|
+
import { FIELD_TYPE, t } from "@gct-paas/core";
|
|
6
6
|
//#region src/components/label-design/panels/widget/controls/field-content.vue?vue&type=script&setup=true&name=field-content&lang.ts
|
|
7
7
|
var _hoisted_1 = { class: "select-content w-full" };
|
|
8
8
|
var _hoisted_2 = { class: "setting-row" };
|
|
@@ -61,13 +61,14 @@ var field_content_vue_vue_type_script_setup_true_name_field_content_lang_default
|
|
|
61
61
|
"allow-clear": "",
|
|
62
62
|
"expand-to-left": "",
|
|
63
63
|
"value-separator": ".",
|
|
64
|
-
placeholder: "
|
|
64
|
+
placeholder: unref(t)("sys.pleaseSelectSth"),
|
|
65
65
|
"model-name": fieldModelName.value,
|
|
66
66
|
"field-meta-list": fieldList.value,
|
|
67
67
|
value: currentValue.value,
|
|
68
68
|
onLabelChange: handleUpdateLabel,
|
|
69
69
|
onFieldClick: handleUpdateValue
|
|
70
70
|
}, null, 8, [
|
|
71
|
+
"placeholder",
|
|
71
72
|
"model-name",
|
|
72
73
|
"field-meta-list",
|
|
73
74
|
"value"
|
|
@@ -13,6 +13,8 @@ import { ImageData_exports } from "./ImageData.vue.mjs";
|
|
|
13
13
|
import { InputContent_exports } from "./InputContent.vue.mjs";
|
|
14
14
|
import { InputNumber_exports } from "./InputNumber.vue.mjs";
|
|
15
15
|
import { LabelParamsSelect_exports } from "./LabelParamsSelect.vue.mjs";
|
|
16
|
+
import { LineHeight_exports } from "./LineHeight.vue.mjs";
|
|
17
|
+
import { PdfQrConfig_exports } from "./PdfQrConfig.vue.mjs";
|
|
16
18
|
import { RadioSelect_exports } from "./RadioSelect.vue.mjs";
|
|
17
19
|
import { SelectContent_exports } from "./SelectContent.vue.mjs";
|
|
18
20
|
import { StackOrder_exports } from "./StackOrder.vue.mjs";
|
|
@@ -38,6 +40,8 @@ var modules = /* @__PURE__ */ Object.assign({
|
|
|
38
40
|
"./InputContent.vue": InputContent_exports,
|
|
39
41
|
"./InputNumber.vue": InputNumber_exports,
|
|
40
42
|
"./LabelParamsSelect.vue": LabelParamsSelect_exports,
|
|
43
|
+
"./LineHeight.vue": LineHeight_exports,
|
|
44
|
+
"./PdfQrConfig.vue": PdfQrConfig_exports,
|
|
41
45
|
"./RadioSelect.vue": RadioSelect_exports,
|
|
42
46
|
"./SelectContent.vue": SelectContent_exports,
|
|
43
47
|
"./StackOrder.vue": StackOrder_exports,
|
|
@@ -19,7 +19,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
19
19
|
type: $data.currentValue ? "primary" : "default",
|
|
20
20
|
onClick: _cache[0] || (_cache[0] = (e) => $options.handleClick(e))
|
|
21
21
|
}, {
|
|
22
|
-
default: withCtx(() => [createTextVNode(toDisplayString($data.currentValue ? "
|
|
22
|
+
default: withCtx(() => [createTextVNode(toDisplayString($data.currentValue ? $options.t("sys.printDesigner.editContent") : $options.t("sys.printDesigner.pleaseEnterRichText")), 1)]),
|
|
23
23
|
_: 1
|
|
24
24
|
}, 8, ["type"])])])], 8, _hoisted_1);
|
|
25
25
|
}
|
package/es/components/label-design/panels/widget/controls/rich-btn.vue_vue_type_script_lang.mjs
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { t } from "@gct-paas/core";
|
|
1
2
|
//#region src/components/label-design/panels/widget/controls/rich-btn.vue?vue&type=script&lang.ts
|
|
2
3
|
var rich_btn_vue_vue_type_script_lang_default = {
|
|
3
4
|
name: "rich-btn",
|
|
@@ -5,7 +6,7 @@ var rich_btn_vue_vue_type_script_lang_default = {
|
|
|
5
6
|
value: { type: String },
|
|
6
7
|
label: {
|
|
7
8
|
type: String,
|
|
8
|
-
default: "
|
|
9
|
+
default: t("sys.printDesigner.richTextContent")
|
|
9
10
|
},
|
|
10
11
|
type: {
|
|
11
12
|
type: String,
|
|
@@ -23,10 +24,15 @@ var rich_btn_vue_vue_type_script_lang_default = {
|
|
|
23
24
|
watch: { value(nv) {
|
|
24
25
|
this.currentValue = nv;
|
|
25
26
|
} },
|
|
26
|
-
methods: {
|
|
27
|
-
e
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
methods: {
|
|
28
|
+
handleClick(e) {
|
|
29
|
+
e.stopPropagation();
|
|
30
|
+
this.$emit("changeEvent", this.currentValue);
|
|
31
|
+
},
|
|
32
|
+
t(key) {
|
|
33
|
+
return t(key);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
30
36
|
};
|
|
31
37
|
//#endregion
|
|
32
38
|
export { rich_btn_vue_vue_type_script_lang_default as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
2
2
|
import page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_default from "./page-properties.vue_vue_type_script_setup_true_name_page-properties_lang.mjs";
|
|
3
|
-
import './page-properties.
|
|
3
|
+
import './page-properties.vue_vue_type_style_index_0_scoped_e0675ce4_lang.css';/* empty css */
|
|
4
4
|
//#region src/components/label-design/panels/widget/page-properties.vue
|
|
5
|
-
var page_properties_default = /* @__PURE__ */ _plugin_vue_export_helper_default(page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_default, [["__scopeId", "data-v-
|
|
5
|
+
var page_properties_default = /* @__PURE__ */ _plugin_vue_export_helper_default(page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_default, [["__scopeId", "data-v-e0675ce4"]]);
|
|
6
6
|
//#endregion
|
|
7
7
|
export { page_properties_default as default };
|
|
@@ -3,6 +3,7 @@ import { useProp } from "../../hooks/useProp.mjs";
|
|
|
3
3
|
import dim_pos_default from "./controls/dim-pos.vue.mjs";
|
|
4
4
|
import labelTemplate_default from "./controls/labelTemplate.vue.mjs";
|
|
5
5
|
import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, ref, resolveComponent, unref, withCtx } from "vue";
|
|
6
|
+
import { t } from "@gct-paas/core";
|
|
6
7
|
//#region src/components/label-design/panels/widget/page-properties.vue?vue&type=script&setup=true&name=page-properties&lang.ts
|
|
7
8
|
var _hoisted_1 = { class: "page-properties" };
|
|
8
9
|
var page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_default = /* @__PURE__ */ defineComponent({
|
|
@@ -24,7 +25,7 @@ var page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_def
|
|
|
24
25
|
}, {
|
|
25
26
|
default: withCtx(() => [createVNode(_component_a_collapse_panel, {
|
|
26
27
|
key: "common",
|
|
27
|
-
header: "
|
|
28
|
+
header: unref(t)("sys.printDesigner.common")
|
|
28
29
|
}, {
|
|
29
30
|
default: withCtx(() => [createVNode(dim_pos_default, {
|
|
30
31
|
height: unref(height),
|
|
@@ -42,7 +43,7 @@ var page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_def
|
|
|
42
43
|
"width-m-m"
|
|
43
44
|
]), !!unref(project).labelSize ? (openBlock(), createBlock(labelTemplate_default, { key: 0 })) : createCommentVNode("", true)]),
|
|
44
45
|
_: 1
|
|
45
|
-
})]),
|
|
46
|
+
}, 8, ["header"])]),
|
|
46
47
|
_: 1
|
|
47
48
|
}, 8, ["active-key"])]);
|
|
48
49
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-e0675ce4] .ant-collapse-header {
|
|
2
2
|
padding: 5px 12px !important;
|
|
3
3
|
background-color: #f2f4f7;
|
|
4
4
|
color: #333 !important;
|
|
5
5
|
font-size: 14px;
|
|
6
6
|
}
|
|
7
|
-
[data-v-
|
|
7
|
+
[data-v-e0675ce4] .ant-collapse-content > .ant-collapse-content-box {
|
|
8
8
|
padding: 12px;
|
|
9
9
|
}
|
|
@@ -3,6 +3,7 @@ import { useProp } from "../../hooks/useProp.mjs";
|
|
|
3
3
|
import page_properties_default from "./page-properties.vue.mjs";
|
|
4
4
|
import component_properties_default from "./component-properties.vue.mjs";
|
|
5
5
|
import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
|
|
6
|
+
import { t } from "@gct-paas/core";
|
|
6
7
|
//#region src/components/label-design/panels/widget/panel-widget.vue?vue&type=script&setup=true&name=panel-widget&lang.ts
|
|
7
8
|
var _hoisted_1 = { class: "selection-title__wrapper" };
|
|
8
9
|
var _hoisted_2 = ["title"];
|
|
@@ -13,8 +14,8 @@ var panel_widget_vue_vue_type_script_setup_true_name_panel_widget_lang_default =
|
|
|
13
14
|
const { selectedItem } = useProp({ emit: () => void 0 });
|
|
14
15
|
const selectionTitle = computed(() => {
|
|
15
16
|
if (selectedElements.value.length === 0) return "";
|
|
16
|
-
else if (selectedElements.value.length > 1) return "
|
|
17
|
-
else return selectedElements.value[0].displayName;
|
|
17
|
+
else if (selectedElements.value.length > 1) return t("sys.printDesigner.multipleEleTip");
|
|
18
|
+
else return t(selectedElements.value[0].displayName);
|
|
18
19
|
});
|
|
19
20
|
computed(() => {
|
|
20
21
|
if (selectedElements.value.length === 0) return "pages";
|
|
@@ -50,7 +51,7 @@ var panel_widget_vue_vue_type_script_setup_true_name_panel_widget_lang_default =
|
|
|
50
51
|
class: "panel-box"
|
|
51
52
|
}, [
|
|
52
53
|
createElementVNode("div", _hoisted_1, [
|
|
53
|
-
createElementVNode("span", { class: normalizeClass(selectionTitle.value ? "color-[#797A7D]" : "color-[#1A1D23]") }, "
|
|
54
|
+
createElementVNode("span", { class: normalizeClass(selectionTitle.value ? "color-[#797A7D]" : "color-[#1A1D23]") }, toDisplayString(unref(t)("sys.appDesigner.template")), 3),
|
|
54
55
|
selectionTitle.value ? (openBlock(), createElementBlock("span", {
|
|
55
56
|
key: 0,
|
|
56
57
|
class: normalizeClass(selectionTitle.value ? "color-[#797A7D]" : "color-[#1A1D23]")
|
|
@@ -20,7 +20,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
20
20
|
rotateWidth: string;
|
|
21
21
|
height: string;
|
|
22
22
|
}): void;
|
|
23
|
-
|
|
23
|
+
updatePQrCodeSize({ width, height, }: {
|
|
24
|
+
width: string;
|
|
25
|
+
height: string;
|
|
26
|
+
}): void;
|
|
27
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("updatePBarcodeWidth" | "updatePQrCodeWidthAndHeight")[], "updatePBarcodeWidth" | "updatePQrCodeWidthAndHeight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
24
28
|
elem: {
|
|
25
29
|
type: PropType<IObject>;
|
|
26
30
|
required: true;
|
|
@@ -31,6 +35,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
31
35
|
};
|
|
32
36
|
}>> & Readonly<{
|
|
33
37
|
onUpdatePBarcodeWidth?: ((...args: any[]) => any) | undefined;
|
|
38
|
+
onUpdatePQrCodeWidthAndHeight?: ((...args: any[]) => any) | undefined;
|
|
34
39
|
}>, {
|
|
35
40
|
tableData: IObject;
|
|
36
41
|
}, {}, {
|
|
@@ -16,7 +16,7 @@ var StageEl_vue_vue_type_script_lang_default = {
|
|
|
16
16
|
default: void 0
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
|
-
emits: ["updatePBarcodeWidth"],
|
|
19
|
+
emits: ["updatePBarcodeWidth", "updatePQrCodeWidthAndHeight"],
|
|
20
20
|
data() {
|
|
21
21
|
return { currentSize: {
|
|
22
22
|
width: this.elem.width,
|
|
@@ -30,6 +30,12 @@ var StageEl_vue_vue_type_script_lang_default = {
|
|
|
30
30
|
},
|
|
31
31
|
"elem.height"(nv) {
|
|
32
32
|
this.currentSize.height = nv;
|
|
33
|
+
},
|
|
34
|
+
"elem.attrs": {
|
|
35
|
+
handler() {
|
|
36
|
+
if (this.elem?.type === PRINT_ELE_TYPE.QR_CODE) this.$forceUpdate();
|
|
37
|
+
},
|
|
38
|
+
deep: true
|
|
33
39
|
}
|
|
34
40
|
},
|
|
35
41
|
methods: {
|
|
@@ -46,6 +52,19 @@ var StageEl_vue_vue_type_script_lang_default = {
|
|
|
46
52
|
height: parseInt(height),
|
|
47
53
|
elId: this.elem.id
|
|
48
54
|
});
|
|
55
|
+
},
|
|
56
|
+
updatePQrCodeSize({ width, height }) {
|
|
57
|
+
const canvasW = parseInt(width);
|
|
58
|
+
const canvasH = parseInt(height);
|
|
59
|
+
const isRotated = this.elem.rotate === 90 || this.elem.rotate === 270;
|
|
60
|
+
const nextWidth = isRotated ? canvasH : canvasW;
|
|
61
|
+
const nextHeight = isRotated ? canvasW : canvasH;
|
|
62
|
+
this.updateElementSize(nextWidth.toString(), nextHeight.toString());
|
|
63
|
+
this.$emit("updatePQrCodeWidthAndHeight", {
|
|
64
|
+
width: nextWidth,
|
|
65
|
+
height: nextHeight,
|
|
66
|
+
elId: this.elem.id
|
|
67
|
+
});
|
|
49
68
|
}
|
|
50
69
|
},
|
|
51
70
|
render: function() {
|
|
@@ -105,6 +124,7 @@ var StageEl_vue_vue_type_script_lang_default = {
|
|
|
105
124
|
};
|
|
106
125
|
let event = {};
|
|
107
126
|
if (elementO.type === PRINT_ELE_TYPE.BAR_CODE) event = { onBarcodeChange: this.updatePBarcodeSize };
|
|
127
|
+
if (elementO.type === PRINT_ELE_TYPE.QR_CODE) event = { onQrcodeChange: this.updatePQrCodeSize };
|
|
108
128
|
const data = {
|
|
109
129
|
class: elementO.classes,
|
|
110
130
|
style: styles,
|
|
@@ -136,6 +156,8 @@ var StageEl_vue_vue_type_script_lang_default = {
|
|
|
136
156
|
};
|
|
137
157
|
if (elementO.type === PRINT_ELE_TYPE.QR_CODE) mrElProps = {
|
|
138
158
|
...mrElProps,
|
|
159
|
+
width: this.currentSize.width,
|
|
160
|
+
height: this.currentSize.height,
|
|
139
161
|
handles: null
|
|
140
162
|
};
|
|
141
163
|
else if (elementO.type === PRINT_ELE_TYPE.BAR_CODE) if (elementO.rotate === 90) mrElProps = {
|
|
@@ -4,9 +4,11 @@ type __VLS_Props = {
|
|
|
4
4
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
5
5
|
movingItem: (...args: any[]) => void;
|
|
6
6
|
updatePBarcodeWidth: (...args: any[]) => void;
|
|
7
|
+
updatePQrCodeWidthAndHeight: (...args: any[]) => void;
|
|
7
8
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
8
9
|
onMovingItem?: ((...args: any[]) => any) | undefined;
|
|
9
10
|
onUpdatePBarcodeWidth?: ((...args: any[]) => any) | undefined;
|
|
11
|
+
onUpdatePQrCodeWidthAndHeight?: ((...args: any[]) => any) | undefined;
|
|
10
12
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
11
13
|
mrContainerRef: ({
|
|
12
14
|
$: import('vue').ComponentInternalInstance;
|
package/es/components/label-design/stage/stage-canvas.vue_vue_type_script_setup_true_lang.mjs
CHANGED
|
@@ -9,7 +9,11 @@ import { cloneDeep } from "lodash-es";
|
|
|
9
9
|
var stage_canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
10
10
|
__name: "stage-canvas",
|
|
11
11
|
props: { schema: {} },
|
|
12
|
-
emits: [
|
|
12
|
+
emits: [
|
|
13
|
+
"movingItem",
|
|
14
|
+
"updatePBarcodeWidth",
|
|
15
|
+
"updatePQrCodeWidthAndHeight"
|
|
16
|
+
],
|
|
13
17
|
setup(__props, { emit: __emit }) {
|
|
14
18
|
const emit = __emit;
|
|
15
19
|
const defProps = __props;
|
|
@@ -18,7 +22,7 @@ var stage_canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
|
|
|
18
22
|
style: "solid",
|
|
19
23
|
color: "#f1867f"
|
|
20
24
|
};
|
|
21
|
-
const { selectedElements, snapTracking, selectedPage, zoom, moveElement, rebaseSelectedElements, resizeElement, rotateElement, addSelectedElements, clearSelectedElements, removeElement, registerElement, resizeBarcodeWidth, isModal } = useDesigner();
|
|
25
|
+
const { selectedElements, snapTracking, selectedPage, zoom, moveElement, rebaseSelectedElements, resizeElement, rotateElement, addSelectedElements, clearSelectedElements, removeElement, registerElement, resizeBarcodeWidth, resizeQrCodeWidthAndHeight, isModal } = useDesigner();
|
|
22
26
|
const { project } = usePage();
|
|
23
27
|
const mrContainerRef = ref();
|
|
24
28
|
const dropContainer = ref();
|
|
@@ -240,6 +244,25 @@ var stage_canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
|
|
|
240
244
|
});
|
|
241
245
|
rebaseSelectedElements();
|
|
242
246
|
};
|
|
247
|
+
const updatePQrCodeWidthAndHeight = ({ width, rotateWidth, height, rotateHeight, elId }) => {
|
|
248
|
+
resizeQrCodeWidthAndHeight({
|
|
249
|
+
width,
|
|
250
|
+
rotateWidth,
|
|
251
|
+
height,
|
|
252
|
+
rotateHeight,
|
|
253
|
+
elId,
|
|
254
|
+
pageId: project.value.id
|
|
255
|
+
});
|
|
256
|
+
emit("updatePQrCodeWidthAndHeight", {
|
|
257
|
+
width,
|
|
258
|
+
rotateWidth,
|
|
259
|
+
height,
|
|
260
|
+
rotateHeight,
|
|
261
|
+
elId,
|
|
262
|
+
pageId: project.value.id
|
|
263
|
+
});
|
|
264
|
+
rebaseSelectedElements();
|
|
265
|
+
};
|
|
243
266
|
function movingItem(x, y, w, h) {
|
|
244
267
|
emit("movingItem", x, y, w, h);
|
|
245
268
|
}
|
|
@@ -274,7 +297,8 @@ var stage_canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
|
|
|
274
297
|
return openBlock(), createBlock(StageEl_default, {
|
|
275
298
|
key: element.id,
|
|
276
299
|
elem: element,
|
|
277
|
-
onUpdatePBarcodeWidth: updatePBarcodeWidth
|
|
300
|
+
onUpdatePBarcodeWidth: updatePBarcodeWidth,
|
|
301
|
+
onUpdatePQrCodeWidthAndHeight: updatePQrCodeWidthAndHeight
|
|
278
302
|
}, null, 8, ["elem"]);
|
|
279
303
|
}), 128))]),
|
|
280
304
|
_: 1
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
2
2
|
import toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default from "./toolkit-widgets.vue_vue_type_script_setup_true_name_toolkit-widgets_lang.mjs";
|
|
3
|
-
import './toolkit-widgets.
|
|
3
|
+
import './toolkit-widgets.vue_vue_type_style_index_0_scoped_c0634baf_lang.css';/* empty css */
|
|
4
4
|
//#region src/components/label-design/toolkits/toolkit-widgets.vue
|
|
5
|
-
var toolkit_widgets_default = /* @__PURE__ */ _plugin_vue_export_helper_default(toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default, [["__scopeId", "data-v-
|
|
5
|
+
var toolkit_widgets_default = /* @__PURE__ */ _plugin_vue_export_helper_default(toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default, [["__scopeId", "data-v-c0634baf"]]);
|
|
6
6
|
//#endregion
|
|
7
7
|
export { toolkit_widgets_default as default };
|
|
@@ -2,6 +2,7 @@ import symbolElements from "../constants/CommonPrintElems.mjs";
|
|
|
2
2
|
import { usePage } from "../hooks/usePage.mjs";
|
|
3
3
|
import { useDesigner } from "../hooks/useDesigner.mjs";
|
|
4
4
|
import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref } from "vue";
|
|
5
|
+
import { t } from "@gct-paas/core";
|
|
5
6
|
//#region src/components/label-design/toolkits/toolkit-widgets.vue?vue&type=script&setup=true&name=toolkit-widgets&lang.ts
|
|
6
7
|
var _hoisted_1 = { class: "element-menu-wrapper" };
|
|
7
8
|
var _hoisted_2 = { class: "title py8px" };
|
|
@@ -42,15 +43,15 @@ var toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_def
|
|
|
42
43
|
};
|
|
43
44
|
return (_ctx, _cache) => {
|
|
44
45
|
return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(symbolElements), (category) => {
|
|
45
|
-
return openBlock(), createElementBlock("div", { key: category.label }, [createElementVNode("div", _hoisted_2, toDisplayString(category.label), 1), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(category.children, (element) => {
|
|
46
|
+
return openBlock(), createElementBlock("div", { key: category.label }, [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)(category.label)), 1), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(category.children, (element) => {
|
|
46
47
|
return openBlock(), createElementBlock("div", {
|
|
47
48
|
key: element.type,
|
|
48
49
|
class: "comp-menu__el-wrap",
|
|
49
|
-
title: element.displayName,
|
|
50
|
+
title: unref(t)(element.displayName),
|
|
50
51
|
draggable: "true",
|
|
51
52
|
onDragstart: (e) => dragstartHandler(e, element),
|
|
52
53
|
onClick: (e) => addItemToStage(e, element)
|
|
53
|
-
}, [createElementVNode("div", _hoisted_5, [createElementVNode("i", { class: normalizeClass(["iconfont", "icon-" + element.iconName]) }, null, 2), createElementVNode("span", null, toDisplayString(element.displayName), 1)])], 40, _hoisted_4);
|
|
54
|
+
}, [createElementVNode("div", _hoisted_5, [createElementVNode("i", { class: normalizeClass(["iconfont", "icon-" + element.iconName]) }, null, 2), createElementVNode("span", null, toDisplayString(unref(t)(element.displayName)), 1)])], 40, _hoisted_4);
|
|
54
55
|
}), 128))])]);
|
|
55
56
|
}), 128))]);
|
|
56
57
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.element-menu-wrapper[data-v-
|
|
1
|
+
.element-menu-wrapper[data-v-c0634baf] {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
flex-wrap: nowrap;
|
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
overflow-y: auto;
|
|
7
7
|
padding: 10px 11px;
|
|
8
8
|
}
|
|
9
|
-
.element-menu-wrapper .comp-menu[data-v-
|
|
9
|
+
.element-menu-wrapper .comp-menu[data-v-c0634baf] {
|
|
10
10
|
width: 100%;
|
|
11
11
|
height: 100%;
|
|
12
12
|
display: flex;
|
|
13
13
|
flex-flow: wrap;
|
|
14
14
|
gap: 12px;
|
|
15
15
|
}
|
|
16
|
-
.element-menu-wrapper .comp-menu__el-wrap[data-v-
|
|
16
|
+
.element-menu-wrapper .comp-menu__el-wrap[data-v-c0634baf] {
|
|
17
17
|
border: 1px solid #f1f1f1;
|
|
18
18
|
box-sizing: border-box;
|
|
19
19
|
background-color: transparent;
|
|
@@ -24,22 +24,22 @@
|
|
|
24
24
|
background: #fff;
|
|
25
25
|
border-radius: 4px;
|
|
26
26
|
}
|
|
27
|
-
.element-menu-wrapper .comp-menu__el-wrap i[data-v-
|
|
27
|
+
.element-menu-wrapper .comp-menu__el-wrap i[data-v-c0634baf] {
|
|
28
28
|
font-size: 30px;
|
|
29
29
|
}
|
|
30
|
-
.element-menu-wrapper .comp-menu__el-wrap[data-v-
|
|
30
|
+
.element-menu-wrapper .comp-menu__el-wrap[data-v-c0634baf]:hover {
|
|
31
31
|
background-color: rgba(0, 0, 0, 0.08);
|
|
32
32
|
}
|
|
33
|
-
.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el[data-v-
|
|
33
|
+
.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el[data-v-c0634baf] {
|
|
34
34
|
width: 100%;
|
|
35
35
|
height: 100%;
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
text-align: center;
|
|
38
38
|
}
|
|
39
|
-
.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el .iconfont[data-v-
|
|
39
|
+
.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el .iconfont[data-v-c0634baf] {
|
|
40
40
|
color: #797a7d;
|
|
41
41
|
}
|
|
42
|
-
.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el span[data-v-
|
|
42
|
+
.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el span[data-v-c0634baf] {
|
|
43
43
|
display: block;
|
|
44
44
|
overflow: hidden;
|
|
45
45
|
text-overflow: ellipsis;
|
|
@@ -47,6 +47,6 @@
|
|
|
47
47
|
padding: 0 8px;
|
|
48
48
|
color: #212528;
|
|
49
49
|
}
|
|
50
|
-
.title[data-v-
|
|
50
|
+
.title[data-v-c0634baf] {
|
|
51
51
|
line-height: 18px;
|
|
52
52
|
}
|