@gct-paas/core-web 0.1.6-dev.36 → 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-rAqlZj2c.js → JsBarcode-ClFIdbED.js} +2 -2
- package/dist/{chunk-JL02dHVf.js → chunk-CeDsE8LQ.js} +1 -1
- package/dist/{cropper-BSDPEzb5.js → cropper-CWuUC8vw.js} +2 -2
- package/dist/{de_DE-CsGbO_MM.js → de_DE-D0xcBz9q.js} +2 -2
- package/dist/{defineProperty-BAxnLkti.js → defineProperty-DDkimXe6.js} +1 -1
- package/dist/{diagram-config-item-BBso6dGO.js → diagram-config-item-BNTeBE-4.js} +2 -2
- package/dist/{diagram-config-item-reverse-D92YH6QS.js → diagram-config-item-reverse-Dddnmnfo.js} +2 -2
- package/dist/{diagram-config-item-virtual-h6lgorOM.js → diagram-config-item-virtual-DYZHFYx_.js} +2 -2
- package/dist/{en_US-CQgmRXSp.js → en_US-B4Nwc1yU.js} +2 -2
- package/dist/{es_ES-CFMnXLiG.js → es_ES-CqefGnVv.js} +2 -2
- package/dist/{fr_FR-DwPgpKsh.js → fr_FR-BCfhXFGZ.js} +2 -2
- package/dist/{hooks-p_4iO3Ig.js → hooks-DP5xcN9D.js} +2 -2
- package/dist/{icon-next-picker-rXAGvy47.js → icon-next-picker-DG4HFDGl.js} +1 -1
- package/dist/index.min.css +1 -1
- package/dist/{ja_JP-DCL_nNyf.js → ja_JP-CoFxiAvE.js} +2 -2
- package/dist/loader.esm.min.js +2 -2
- package/dist/{monaco-editor-B5IHDoGZ.js → monaco-editor-Bml9w0vu.js} +2 -2
- package/dist/{objectSpread2-Ddy9uICO.js → objectSpread2-hnXyEBLf.js} +1 -1
- package/dist/{overlayscrollbars-vue-BI_r_PyQ.js → overlayscrollbars-vue-DfdIAPTx.js} +1 -1
- package/dist/{pt_PT-BacqAw_8.js → pt_PT-CuaCyhKZ.js} +2 -2
- package/dist/{relationship-diagram-config-BUa6HEHd.js → relationship-diagram-config-CAoHKQXK.js} +2 -2
- package/dist/{rich-editor-DwKfZ5j2.js → rich-editor-BuG5EbhO.js} +2 -2
- package/dist/{ru_RU-_rea08rZ.js → ru_RU-5uz6U6zf.js} +2 -2
- package/dist/{tr_TR-BraC_NpG.js → tr_TR-4pDGiPBN.js} +2 -2
- package/dist/{useMonacoEditor-Byv8Skmf.js → useMonacoEditor-sB2Y6Jf0.js} +2 -2
- package/dist/{vi_VN-B28SicLu.js → vi_VN-QIS8kpjj.js} +2 -2
- package/dist/{zh_CN-CRUzr_RZ.js → zh_CN-D1TlxLnL.js} +2 -2
- package/dist/{zh_TW-Cv4LH_7O.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/modal-name-editor/modal-name-editor.css +1 -1
- 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/es/modules/gct-table/editor/gct-table-date/gct-table-date.mjs +1 -1
- package/es/modules/gct-table/editor/gct-table-text/gct-table-text.mjs +1 -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/{role.vue_vue_type_style_index_0_lang.css → org.vue_vue_type_style_index_0_lang.css} +0 -0
- /package/es/modules/gct-table/editor/{gct-table-date/gct-table-date.css → gct-table-text/gct-table-text.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
|
}
|