label-print-design
Version:
操作简单，组件丰富的一站式打印解决方案打印设计器
262 lines (259 loc) • 12.1 kB
JavaScript
import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, unref, createTextVNode, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
import { reactive } from 'vue-demi';
import business from './business.vue.mjs';
import basic from './basic.vue.mjs';
import { customProvider } from '../../../constants/provider/custom.mjs';
import MyScrollbar from '../../my/scrollbar/my-scrollbar.vue.mjs';
import MyWidgetCollapse from '../../my/collapse/my-widget-collapse.vue.mjs';
import { i18n } from '../../../locales/index.mjs';
import { getProvider } from '../../../utils/elementUtil.mjs';
import { CaretBottom } from '@element-plus/icons-vue';
const _hoisted_1 = { class: "option-container display-flex-column" };
const _hoisted_2 = { class: "option-container display-flex-column" };
const _hoisted_3 = { style: { "padding": "20px 20px 1px 20px", "background-color": "#fff", "border-bottom": "1px solid #dedede" } };
const _hoisted_4 = {
class: "display-flex display-flex-wrap design-btn",
style: { "gap": "5px", "padding-left": "20px" }
};
const _hoisted_5 = {
class: "display-flex",
style: { "flex-wrap": "wrap", "padding-left": "20px" }
};
const _hoisted_6 = {
class: "display-flex display-flex-wrap",
style: { "gap": "5px", "padding-left": "20px" }
};
var _sfc_main = /* @__PURE__ */ defineComponent({
__name: "index",
props: {
moduleName: { default: i18n("common.default.name") },
showBackButton: { type: Boolean, default: true }
},
emits: ["back"],
setup(__props, { emit: __emit }) {
const $emit = __emit;
const provider = getProvider();
function back() {
$emit("back");
}
const state = reactive({
labelType: "",
name: "",
paperWidth: 100,
paperHeight: 100,
flipText: "\u65CB\u8F6C180\u5EA6",
autoWrap: 0
});
return (_ctx, _cache) => {
const _component_el_option = resolveComponent("el-option");
const _component_el_select = resolveComponent("el-select");
const _component_el_form_item = resolveComponent("el-form-item");
const _component_el_input = resolveComponent("el-input");
const _component_el_radio_button = resolveComponent("el-radio-button");
const _component_el_radio_group = resolveComponent("el-radio-group");
const _component_el_switch = resolveComponent("el-switch");
return openBlock(), createElementBlock("div", _hoisted_1, [
createElementVNode("div", _hoisted_2, [
createVNode(MyScrollbar, null, {
default: withCtx(() => [
createElementVNode("div", _hoisted_3, [
createVNode(_component_el_form_item, {
label: "\u6807\u7B7E\u7C7B\u578B: ",
prop: "labelType",
"label-width": "98px"
}, {
default: withCtx(() => [
createVNode(_component_el_select, {
modelValue: unref(state).labelType,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).labelType = $event),
"suffix-icon": unref(CaretBottom),
placeholder: "\u8BF7\u9009\u62E9"
}, {
default: withCtx(() => [
createVNode(_component_el_option, {
label: "\u4E3B\u6253\u5370\u673A",
value: 0
}),
createVNode(_component_el_option, {
label: "\u8F85\u6253\u5370\u673A",
value: 1
})
]),
_: 1
/* STABLE */
}, 8, ["modelValue", "suffix-icon"])
]),
_: 1
/* STABLE */
}),
createVNode(_component_el_form_item, {
label: "\u6807\u7B7E\u540D\u79F0: ",
prop: "name",
"label-width": "98px"
}, {
default: withCtx(() => [
createVNode(_component_el_input, {
modelValue: unref(state).name,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(state).name = $event),
maxlength: "30",
placeholder: "",
style: { "width": "100%" }
}, null, 8, ["modelValue"])
]),
_: 1
/* STABLE */
})
]),
createVNode(MyWidgetCollapse, { title: "\u6761\u4EF6\u5C5E\u6027" }, {
default: withCtx(() => [
createElementVNode("div", _hoisted_4, [
createVNode(_component_el_form_item, {
label: "\u6807\u7B7E\u5C3A\u5BF8: ",
prop: "widthHeight",
"label-width": "100px"
}, {
default: withCtx(() => [
_cache[6] || (_cache[6] = createElementVNode(
"span",
{ style: { "font-size": "20px", "color": "#0101017f" } },
"\u957F(mm)\xA0\xA0",
-1
/* HOISTED */
)),
createVNode(_component_el_input, {
modelValue: unref(state).paperWidth,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(state).paperWidth = $event),
disabled: "",
maxlength: "30",
placeholder: ""
}, null, 8, ["modelValue"]),
_cache[7] || (_cache[7] = createTextVNode(" \xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0")),
_cache[8] || (_cache[8] = createElementVNode(
"span",
{ style: { "font-size": "20px", "color": "#0101017f" } },
"\u5BBD(mm)\xA0\xA0",
-1
/* HOISTED */
)),
createVNode(_component_el_input, {
modelValue: unref(state).paperHeight,
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(state).paperHeight = $event),
disabled: "",
maxlength: "30",
placeholder: ""
}, null, 8, ["modelValue"])
]),
_: 1
/* STABLE */
}),
createVNode(_component_el_form_item, {
label: "\u65CB\u8F6C: ",
prop: "height",
"label-width": "60px"
}, {
default: withCtx(() => [
createVNode(_component_el_radio_group, {
modelValue: unref(state).flipText,
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(state).flipText = $event),
size: "large"
}, {
default: withCtx(() => [
createVNode(_component_el_radio_button, {
label: "\u4E0D\u65CB\u8F6C",
value: "\u4E0D\u65CB\u8F6C"
}),
createVNode(_component_el_radio_button, {
label: "\u65CB\u8F6C180\u5EA6",
value: "\u65CB\u8F6C180\u5EA6"
})
]),
_: 1
/* STABLE */
}, 8, ["modelValue"]),
_cache[9] || (_cache[9] = createElementVNode(
"span",
{ style: { "font-size": "20px", "color": "rgba(1, 1, 1, 0.5)" } },
"\xA0\xA0\u81EA\u52A8\u6362\u884C: \xA0\xA0",
-1
/* HOISTED */
)),
createVNode(_component_el_switch, {
modelValue: unref(state).autoWrap,
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(state).autoWrap = $event),
"active-value": 1,
"inactive-value": 0,
"inline-prompt": ""
}, null, 8, ["modelValue"])
]),
_: 1
/* STABLE */
})
])
]),
_: 1
/* STABLE */
}),
createVNode(MyWidgetCollapse, {
title: unref(i18n)("common.common.widget")
}, {
default: withCtx(() => [
createElementVNode("div", _hoisted_5, [
(openBlock(true), createElementBlock(
Fragment,
null,
renderList(unref(customProvider).elementList, (element, index) => {
return openBlock(), createBlock(basic, {
key: index,
data: element,
pageUnit: unref(customProvider).pageUnit
}, null, 8, ["data", "pageUnit"]);
}),
128
/* KEYED_FRAGMENT */
))
]),
createCommentVNode(' <el-collapse-item title="\u8BBE\u8BA1\u8F85\u52A9" name="3" v-if="auxiliaryProvider.length> 0">'),
createCommentVNode(' <div class="display-flex" style="flex-wrap: wrap;">'),
createCommentVNode(' <basic v-for="(element, index) in auxiliaryProvider" :key="index" :data="element" />'),
createCommentVNode(" </div>"),
createCommentVNode(" </el-collapse-item>")
]),
_: 1
/* STABLE */
}, 8, ["title"]),
unref(provider).elementList != null && unref(provider).elementList.length > 0 ? (openBlock(), createBlock(MyWidgetCollapse, {
key: 0,
title: unref(i18n)("common.business.widget")
}, {
default: withCtx(() => [
createElementVNode("div", _hoisted_6, [
(openBlock(true), createElementBlock(
Fragment,
null,
renderList(unref(provider).elementList, (element, index) => {
return openBlock(), createBlock(business, {
key: index,
data: element,
pageUnit: unref(provider).pageUnit
}, null, 8, ["data", "pageUnit"]);
}),
128
/* KEYED_FRAGMENT */
))
])
]),
_: 1
/* STABLE */
}, 8, ["title"])) : createCommentVNode("v-if", true)
]),
_: 1
/* STABLE */
})
]),
createCommentVNode(' <div class="option-bottom">\n <img class="my-logo" src="../../../assets/myprint-logo.png" alt="my-logo"/>\n <div class="my-version">{{ _package.version }}</div>\n </div> ')
]);
};
}
});
export { _sfc_main as default };
//# sourceMappingURL=index.vue2.mjs.map