myprint-design
Version:
操作简单，组件丰富的一站式打印解决方案打印设计器
482 lines (478 loc) • 12.2 kB
JavaScript
;
var entity = require('../types/entity.js');
var vueDemi = require('vue-demi');
var index = require('../locales/index.js');
const defaultElement = [];
const canMoveStatusList = ["SELECT", "HANDLE"];
const fontMap = {
heiti: "'Microsoft YaHei'",
SimSun: "'SimSun','STSong','Songti SC'",
kaiti: "'KaiTi','SimKai', 'STKaiti', 'KaiTi SC'",
FZShuTi: "'FZShuTi'",
NSimSun: "'NSimSun'",
DengXian: "'DengXian'"
};
const fontList = [
[
{
label: "\u5FAE\u8F6F\u96C5\u9ED1",
value: "heiti"
},
{
label: "\u5B8B\u4F53",
value: "SimSun"
},
{
label: "\u6977\u4F53",
value: "kaiti"
},
{
label: "\u534E\u6587\u8212\u4F53",
value: "FZShuTi"
},
{
label: "\u65B0\u5B8B\u4F53",
value: "NSimSun"
},
{
label: "\u7B49\u7EBF",
value: "DengXian"
}
]
];
const fontSizeList = [
[
{
label: "8",
value: 8
},
{
label: "9",
value: 9
},
{
label: "10",
value: 10
},
{
label: "18",
value: 18
}
]
];
const definePropType = (val) => val;
const commonElementSetting = ["x", "y", "width", "height", "opacity", "rotate"];
const styleElementSetting = ["textAlign", "verticalAlign", "borderAll", "color", "background", "bold", "italic", "underline", "lineThrough", "fontFamily", "fontSize"];
const elementSetting = {
Image: [...commonElementSetting, "common", "borderRadius"],
Text: [...commonElementSetting, ...styleElementSetting, "common", "autoTextHeight", "lineHeight", "fontFamily", "fontSize", "borderRadius", "color", "hiddenLabel", "contentType", "padding", "margin", "data", "label", "lineBreak", "qrCodeScale", "qrErrorCorrectionLevel"],
TextTime: [...commonElementSetting, ...styleElementSetting, "common", "lineHeight", "fontFamily", "fontSize", "borderRadius", "color", "hiddenLabel", "formatter", "padding", "margin", "label"],
Panel: [...commonElementSetting, "common"],
DataTable: [...commonElementSetting.filter((item) => item !== "rotate"), ...styleElementSetting, "tableHeightAttr", "tableBodyHeightType", "tablePageHead", "common"],
FreeTable: [...commonElementSetting.filter((item) => item !== "rotate"), ...styleElementSetting, "common"],
Rect: [...commonElementSetting, "common", "borderRadius", "color", "background", "lineWidth"],
HorizontalLine: [...commonElementSetting, "common", "color", "lineHeight", "lineWidth"],
DottedHorizontalLine: [...commonElementSetting, "common", "color", "lineHeight", "dottedStyle", "lineWidth"],
VerticalLine: [...commonElementSetting, "common", "color", "lineHeight", "lineWidth"],
DottedVerticalLine: [...commonElementSetting, "common", "color", "lineHeight", "dottedStyle", "lineWidth"],
Container: [...commonElementSetting, "common"],
PageHeader: [...commonElementSetting, "common"],
PageFooter: [...commonElementSetting, "common"],
PageNum: [...commonElementSetting, ...styleElementSetting, "common", "formatter", "borderRadius"],
SvgPolygonLine: ["common", "color", "background", "x", "y", "opacity"],
SvgCircle: ["common", "color", "background", "x", "y", "opacity"],
SvgEllipse: ["common", "color", "background", "x", "y", "opacity"],
SvgLine: ["common", "color", "background", "x", "y", "opacity"],
SvgBezierCurve: ["common", "color", "background", "x", "y", "opacity"],
SvgBezierCurveThree: ["common", "color", "background", "x", "y", "opacity"],
DrawPanel: ["common", "color", "background", "borderAll", "x", "y", "opacity", "clearDrawPanel"]
};
function getElementSetting(type) {
const settingList = elementSetting[type];
if (settingList) {
return settingList;
}
return [];
}
function hasStyle(type, style) {
const ele = elementSetting[type];
if (ele) {
return ele.includes(style);
}
return false;
}
function hasStyleByTypeList(typeList, style) {
if (typeList == void 0 || typeList.length == 0) {
return false;
}
for (let typeListElement of typeList) {
const ele = elementSetting[typeListElement];
if (!ele) {
return false;
}
if (!ele.includes(style)) {
return false;
}
}
return true;
}
const textContentTypes = [
{
"label": index.i18n("common.text"),
"value": "Text"
},
{
"label": index.i18n("common.barcode"),
"value": "Barcode"
},
{
"label": index.i18n("common.qrcode"),
"value": "QrCode"
}
];
const barcodeTypes = [
{
"label": "CODE128",
"value": "CODE128",
"eg": index.i18n("CODE128")
},
{
"label": "CODE128A",
"value": "CODE128A",
"eg": index.i18n("CODE128A")
},
{
"label": "CODE128B",
"value": "CODE128B",
"eg": index.i18n("CODE128B")
},
{
"label": "CODE128C",
"value": "CODE128C",
"eg": index.i18n("CODE128C")
},
{
"label": "CODE39",
"value": "CODE39",
"eg": index.i18n("CODE39")
},
{
"label": "EAN2",
"value": "EAN2",
"eg": index.i18n("EAN2")
},
{
"label": "EAN5",
"value": "EAN5",
"eg": index.i18n("EAN5")
},
{
"label": "EAN8",
"value": "EAN8",
"eg": index.i18n("EAN8")
},
{
"label": "EAN13",
"value": "EAN13",
"eg": index.i18n("EAN13")
},
{
"label": "UPC",
"value": "UPC",
"eg": index.i18n("UPC")
},
{
"label": "UPC-E",
"value": "UPC_E",
"eg": index.i18n("UPC-E")
},
{
"label": "ITF",
"value": "ITF",
"eg": index.i18n("ITF")
},
{
"label": "ITF14",
"value": "ITF14",
"eg": index.i18n("ITF14")
},
{
"label": "MSI",
"value": "MSI",
"eg": index.i18n("MSI")
},
{
"label": "MSI10",
"value": "MSI10",
"eg": index.i18n("MSI10")
},
{
"label": "MSI11",
"value": "MSI11",
"eg": index.i18n("MSI11")
},
{
"label": "MSI1010",
"value": "MSI1010",
"eg": index.i18n("MSI1010")
},
{
"label": "MSI1110",
"value": "MSI1110",
"eg": index.i18n("MSI1110")
},
{
"label": "codabar",
"value": "codabar",
"eg": index.i18n("codabar")
},
{
"label": "pharmacode",
"value": "pharmacode",
"eg": index.i18n("pharmacode")
}
];
const handleConstants = {
tl: { id: "tl", index: 0, class: "bg-none l t", x: null, y: null, width: 0, height: 0 },
tm: { id: "tm", index: 1, class: "t center-h", x: null, y: null, width: 0, height: 0 },
tr: { id: "tr", index: 2, class: "bg-none r t", x: null, y: null, width: 0, height: 0 },
rm: { id: "rm", index: 3, class: "r", x: null, y: null, width: 0, height: 0 },
br: { id: "br", index: 4, class: "bg-none r b", x: null, y: null, width: 0, height: 0 },
bm: { id: "bm", index: 5, class: "b", x: null, y: null, width: 0, height: 0 },
bl: { id: "bl", index: 6, class: "bg-none l b", x: null, y: null, width: 0, height: 0 },
lm: { id: "lm", index: 7, class: "l", x: null, y: null, width: 0, height: 0 },
rot: { id: "rot", index: 8, class: "l", x: null, y: null, width: 0, height: 0 }
};
const cursorStyleArray = [
"nwse-resize",
"ns-resize",
"nesw-resize",
"ew-resize",
"nwse-resize",
"ns-resize",
"nesw-resize",
"ew-resize"
];
const elementTypeLineList = ["HorizontalLine", "DottedHorizontalLine", "VerticalLine", "DottedVerticalLine"];
const elementTypeContainerList = ["PageHeader", "PageFooter", "Container"];
const elementHandleEditStatusList = ["HANDLE_ED", "HANDLE_EDIT_ING"];
const elementHandleHandleStatusList = ["HANDLE", "HANDLE_ED"];
const elementHandleStatusList = ["HANDLE", "HANDLE_ED", "HANDLE_EDIT_ING"];
const noCopyElementTypeList = ["PageHeader", "PageFooter"];
const displayStrategyList = Object.keys(entity.displayStrategyFormat).map((key) => {
return {
label: entity.displayStrategyFormat[key],
value: key
};
});
const statisticsTypeList = Object.keys(entity.statisticsTypeFormat).map((key) => {
return {
label: entity.statisticsTypeFormat[key],
value: key
};
});
const chooseImgTypeList = vueDemi.reactive([
{ value: "localFile", label: index.i18n("common.local.upload") },
{ value: "url", label: index.i18n("common.image.url") }
]);
const tableBodyHeightTypeList = vueDemi.reactive([
{ value: "AUTO", label: index.i18n("common.auto") },
{ value: "FIXED", label: index.i18n("common.fixed") }
]);
const pageUnitList = [
[{
label: "px",
value: "px"
}, {
label: "mm",
value: "mm"
}, {
label: "cm",
value: "cm"
}]
];
const fontSizeUnitList = [
[{
label: "px",
value: "px"
}, {
label: "pt",
value: "pt"
}]
];
const clientProtocolList = [
{
label: "myprint",
value: "ws://127.0.0.1:8888"
},
{
label: "lodop",
value: "ws://127.0.0.1:8000"
},
{
label: "hiprint",
value: "ws://127.0.0.1:8888"
}
];
const pageSizeList = [
{
label: index.i18n("common.auto.height"),
value: "AutoHeight",
width: 100,
height: 200
},
{
label: index.i18n("common.custom"),
value: "Custom",
width: 150,
height: 150
},
{
"label": "A0",
"value": "A0",
"width": 841,
"height": 1189
},
{
"label": "A1",
"value": "A1",
"width": 594,
"height": 841
},
{
"label": "A2",
"value": "A2",
"width": 420,
"height": 594
},
{
"label": "A3",
"value": "A3",
"width": 297,
"height": 420
},
{
"label": "A4",
"value": "A4",
"width": 210,
"height": 297
},
{
"label": "A5",
"value": "A5",
"width": 148,
"height": 210
},
{
"label": "A6",
"value": "A6",
"width": 105,
"height": 148
},
{
"label": "A7",
"value": "A7",
"width": 74,
"height": 105
},
{
"label": "A8",
"value": "A8",
"width": 52,
"height": 74
},
{
"label": "B5",
"value": "B5",
"width": 176,
"height": 250
},
{
"label": "B6",
"value": "B6",
"width": 125,
"height": 176
},
{
"label": "B7",
"value": "B7",
"width": 88,
"height": 125
},
{
"label": "C5",
"value": "C5",
"width": 162,
"height": 229
},
{
"label": "C6",
"value": "C6",
"width": 114,
"height": 162
},
{
"label": "C7",
"value": "C7",
"width": 81,
"height": 114
}
];
const dottedStyleList = [
{
"label": index.i18n("common.dotted"),
"value": "dotted"
},
{
"label": index.i18n("common.dashed"),
"value": "dashed"
}
];
const qrCodeErrorCorrectionLevel = [
{
"label": index.i18n("common.qr.errorCorrectionLevel.low"),
"value": "L"
},
{
"label": index.i18n("common.qr.errorCorrectionLevel.medium"),
"value": "M"
},
{
"label": index.i18n("common.qr.errorCorrectionLevel.quartile"),
"value": "Q"
},
{
"label": index.i18n("common.qr.errorCorrectionLevel.high"),
"value": "H"
}
];
exports.barcodeTypes = barcodeTypes;
exports.canMoveStatusList = canMoveStatusList;
exports.chooseImgTypeList = chooseImgTypeList;
exports.clientProtocolList = clientProtocolList;
exports.cursorStyleArray = cursorStyleArray;
exports.defaultElement = defaultElement;
exports.definePropType = definePropType;
exports.displayStrategyList = displayStrategyList;
exports.dottedStyleList = dottedStyleList;
exports.elementHandleEditStatusList = elementHandleEditStatusList;
exports.elementHandleHandleStatusList = elementHandleHandleStatusList;
exports.elementHandleStatusList = elementHandleStatusList;
exports.elementTypeContainerList = elementTypeContainerList;
exports.elementTypeLineList = elementTypeLineList;
exports.fontList = fontList;
exports.fontMap = fontMap;
exports.fontSizeList = fontSizeList;
exports.fontSizeUnitList = fontSizeUnitList;
exports.getElementSetting = getElementSetting;
exports.handleConstants = handleConstants;
exports.hasStyle = hasStyle;
exports.hasStyleByTypeList = hasStyleByTypeList;
exports.noCopyElementTypeList = noCopyElementTypeList;
exports.pageSizeList = pageSizeList;
exports.pageUnitList = pageUnitList;
exports.qrCodeErrorCorrectionLevel = qrCodeErrorCorrectionLevel;
exports.statisticsTypeList = statisticsTypeList;
exports.tableBodyHeightTypeList = tableBodyHeightTypeList;
exports.textContentTypes = textContentTypes;
//# sourceMappingURL=common.js.map