myprint-design
Version:
操作简单，组件丰富的一站式打印解决方案打印设计器
1,081 lines (1,077 loc) • 39.3 kB
JavaScript
;
var common = require('../constants/common.js');
var utils = require('./utils.js');
var vueDemi = require('vue-demi');
var timeUtil = require('./timeUtil.js');
var devicePixelRatio = require('./devicePixelRatio.js');
var arrays = require('./arrays.js');
var app = require('../stores/app.js');
var moveable = require('../plugins/moveable/moveable.js');
var dataTable = require('./table/dataTable.js');
var numberUtil = require('./numberUtil.js');
var lodash = require('lodash');
function displayDesign(element) {
return !displayPreview(element);
}
function displayPreview(element) {
return element.runtimeOption.previewIs;
}
function setCurrentPanel(panel) {
app.useAppStoreHook().currentPanel = panel;
app.useAppStoreHook().lastPageUnit = panel.pageUnit;
}
function getCurrentPanel(panel) {
return panel != null ? panel : app.useAppStoreHook().currentPanel;
}
function setPreviewData(previewData) {
app.useAppStoreHook().previewData = previewData == null ? [] : previewData;
}
function getPreviewData() {
return app.useAppStoreHook().previewData == null ? [] : app.useAppStoreHook().previewData;
}
function setProvider(provider) {
if (provider == null) {
utils.to({}, app.useAppStoreHook().provider);
} else {
utils.to(provider, app.useAppStoreHook().provider);
}
}
function getProvider() {
return app.useAppStoreHook().provider == null ? {} : app.useAppStoreHook().provider;
}
function getRecursionParentPanel(element) {
const panel = element.runtimeOption.parent;
if (panel == null) {
return null;
}
if (panel.pageUnit != null) {
return panel;
}
return getRecursionParentPanel(panel);
}
function getCurrentPanelUnit(panel) {
return utils._defaultVal(getCurrentPanel(panel).pageUnit, "px");
}
function setCurrentElement(element) {
app.useAppStoreHook().currentElement = element;
utils.mitt.emit("changeElement");
}
function valueUnit(value, panel) {
return value + getCurrentPanel(panel).pageUnit;
}
function widthValueUnit(element) {
return element.runtimeOption.workEnvironment == "DataTable" ? "100%" : element.width + getCurrentPanel(element.runtimeOption.parent).pageUnit;
}
function heightValueUnit(element) {
return element.runtimeOption.workEnvironment == "DataTable" ? "100%" : element.height + getCurrentPanel().pageUnit;
}
function getPositionX(element) {
if (element.runtimeOption.parent.x) {
return numberUtil.default.sum(element.x, element.runtimeOption.parent.x);
}
return element.x;
}
function getPositionY(element) {
if (element.runtimeOption.parent.y) {
return element.y + element.runtimeOption.parent.y;
}
return element.y;
}
function width(element) {
if (["DottedVerticalLine", "VerticalLine"].includes(element.type)) {
return element.option.borderWidth + 0.6;
}
return element.width;
}
function height(element) {
if (["DottedHorizontalLine", "HorizontalLine"].includes(element.type)) {
return element.option.borderWidth + 2;
}
return element.height;
}
function clearPanel(panel) {
panel.pageHeader = void 0;
panel.pageFooter = void 0;
panel.elementList = [];
panel.auxiliaryLineList = [];
}
function initPanel(panel, provider) {
panel.name == null && (panel.name = "\u65B0\u6A21\u7248");
panel.width == null && (panel.width = numberUtil._defaultNum(provider.value.width, 210));
panel.height == null && (panel.height = numberUtil._defaultNum(provider.value.height, 297));
panel.pageSize == null && (panel.pageSize = utils._defaultVal(provider.value.pageSize, "A4"));
panel.fontSizeUnit == null && (panel.fontSizeUnit = utils._defaultVal(provider.value.fontSizeUnit, "px"));
panel.pageUnit == null && (panel.pageUnit = utils._defaultVal(provider.value.pageUnit, "mm"));
panel.dragSnapPanelIs == null && (panel.dragSnapPanelIs = provider.value.dragSnapPanelIs);
panel.dragSnapIs == null && (panel.dragSnapIs = provider.value.dragSnapIs);
panel.elementList == void 0 && (panel.elementList = []);
panel.groupList == null && (panel.groupList = []);
panel.auxiliaryLineList == null && (panel.auxiliaryLineList = []);
}
function none(element) {
if (element == null) {
return;
}
element.runtimeOption.status = "NONE";
if (element.elementList != null) {
for (let childrenElement of element.elementList) {
none(childrenElement);
}
}
}
function handle(element) {
element.runtimeOption.status = "HANDLE";
}
function recursionForElement(container, callback) {
recursionElement(container, callback);
recursionElement(container.pageFooter, callback);
recursionElement(container.pageHeader, callback);
}
function recursionElement(container, callback) {
if (container?.elementList?.length > 0) {
for (let elementTmp of container.elementList) {
callback(elementTmp);
recursionElement(elementTmp, callback);
}
}
}
function innerElementIs(point, element, parentElement) {
return !(common.elementTypeContainerList.includes(element.type) && common.elementTypeContainerList.includes(parentElement.type)) && point.x >= parentElement.runtimeOption.x && point.x <= parentElement.runtimeOption.x + parentElement.runtimeOption.width && point.y >= parentElement.runtimeOption.y && point.y <= parentElement.runtimeOption.y + parentElement.runtimeOption.height;
}
function parentInitElement(panel, parent, element, index) {
initElement(panel, element, index);
installParentElement(parent, element);
if (element.elementList?.length > 0) {
for (let i = 0; i < element.elementList.length; i++) {
let elementTmp = element.elementList[i];
parentInitElement(panel, element, elementTmp, i);
}
}
}
function initElement(panel, element, index) {
if (element == null) {
return;
}
if (element.option == null) {
element.option = {};
}
if (element.runtimeOption == null) {
element.runtimeOption = {};
}
element.runtimeOption.index = index;
element.runtimeOption.status = "NONE";
let initWidth = 0, initHeight = 0, initBorderWidth = 0;
if (!element.id) {
element.id = utils.generateUUID();
switch (element.type) {
case "Text":
initWidth = 30;
initHeight = 8;
break;
case "DataTable":
initWidth = 200;
initHeight = 30;
if (element.option.tableHeightType == null) {
element.option.tableHeightType = "AUTO";
}
if (element.tableBodyList == void 0) {
let indexView = {
type: "Text",
field: "autoIncrement",
width: devicePixelRatio.unit2unit("mm", getCurrentPanelUnit(), 10),
label: "\u5E8F\u53F7",
height: element.columnList[0].height,
option: {
disableSort: 1,
disableEnable: 0,
enable: 1,
formatter: "{{autoIncrement}}"
}
};
indexView.columnBody = {
type: "Text",
height: indexView.height,
data: "1",
option: { ...indexView.option }
};
element.columnList.unshift(indexView);
const deep = dataTable.findTableHeadDeep(element.columnList, 0) + 1;
const tableHeadListList = [...Array.from({ length: deep }, (_) => [])];
dataTable.recursionHandleTableHead(tableHeadListList, element.columnList, 0);
dataTable.handleTableCellInitHeight(tableHeadListList);
element.tableHeadList = tableHeadListList;
element.tableBodyList = [[]];
const floorHeaderList = tableHeadListList[deep - 1];
let maxHeadHeight = -1, maxBodyHeight = -1;
for (let i = 0; i < floorHeaderList.length; i++) {
let tableHeadCellElement = floorHeaderList[i];
if (tableHeadCellElement == null) {
tableHeadCellElement = dataTable.findUpperCell(tableHeadListList, i, deep - 1);
}
if (tableHeadCellElement == null) {
continue;
}
if (tableHeadCellElement.columnBody == void 0) {
tableHeadCellElement.columnBody = {
height: numberUtil.default.div(tableHeadCellElement.height, tableHeadCellElement.rowspan),
data: tableHeadCellElement.data,
type: "Text",
option: tableHeadCellElement.option
};
}
if (tableHeadCellElement.columnBody.type == null) {
tableHeadCellElement.columnBody.type = "Text";
}
if (tableHeadCellElement.columnBody.data == null) {
tableHeadCellElement.columnBody.data = tableHeadCellElement.data;
}
if (!tableHeadCellElement.columnBody.height) {
tableHeadCellElement.columnBody.height = numberUtil.default.div(tableHeadCellElement.height, tableHeadCellElement.rowspan);
}
tableHeadCellElement.columnBody.width = tableHeadCellElement.width;
tableHeadCellElement.type = "Text";
tableHeadCellElement.data = tableHeadCellElement.label;
tableHeadCellElement.columnBody.rowspan = 1;
tableHeadCellElement.columnBody.colspan = 1;
element.tableBodyList[0].push(tableHeadCellElement.columnBody);
if (maxHeadHeight < tableHeadCellElement.height) {
maxHeadHeight = tableHeadCellElement.height;
}
if (maxBodyHeight < tableHeadCellElement.columnBody.height) {
maxBodyHeight = tableHeadCellElement.columnBody.height;
}
tableHeadCellElement.columnBody = void 0;
}
if (element.option.tableHeightType == "AUTO") {
element.height = maxHeadHeight + maxBodyHeight;
}
}
break;
case "Image":
initWidth = 30;
initHeight = 30;
break;
case "Rect":
initWidth = 30;
initHeight = 30;
initBorderWidth = devicePixelRatio.px2unit(1);
break;
case "HorizontalLine":
case "DottedHorizontalLine":
initWidth = 30;
initBorderWidth = devicePixelRatio.px2unit(1);
initHeight = devicePixelRatio.px2unit(initBorderWidth + 3);
break;
case "VerticalLine":
case "DottedVerticalLine":
initHeight = 30;
initBorderWidth = devicePixelRatio.px2unit(1);
initWidth = devicePixelRatio.px2unit(initBorderWidth + 3);
break;
case "SvgPolygonLine":
case "SvgBezierCurve":
case "SvgBezierCurveThree":
case "SvgLine":
if (element.data) {
const data = JSON.parse(element.data);
const points = data.points;
const controlPoints = data.controlPoints;
const dataJson = {};
if (points) {
for (let point of points) {
point.x = devicePixelRatio.unit2px(point.x, panel);
point.y = devicePixelRatio.unit2px(point.y, panel);
}
dataJson.points = points;
}
if (controlPoints) {
for (let point of controlPoints) {
point.x = devicePixelRatio.unit2px(point.x, panel);
point.y = devicePixelRatio.unit2px(point.y, panel);
}
dataJson.controlPoints = controlPoints;
}
element.data = JSON.stringify(dataJson);
}
break;
}
}
if (element.type == "Text" || element.type == "TextTime") {
if (!element.contentType) {
element.contentType = "Text";
}
}
if (element.type == "DataTable") {
for (let i = 0; i < element.tableHeadList.length; i++) {
const headList = element.tableHeadList[i];
for (let j = 0; j < headList.length; j++) {
const column = headList[j];
if (column) {
parentInitElement(panel, element, column, i);
column.runtimeOption.workEnvironment = "DataTable";
column.runtimeOption.cellType = "Head";
}
}
}
for (let i = 0; i < element.tableBodyList.length; i++) {
const bodyList = element.tableBodyList[i];
for (let j = 0; j < bodyList.length; j++) {
parentInitElement(panel, element, bodyList[j], element.tableHeadList.length);
bodyList[j].runtimeOption.workEnvironment = "DataTable";
bodyList[j].runtimeOption.cellType = "Body";
}
}
if (!element.statisticsList) {
element.statisticsList = [];
}
for (let i = 0; i < element.statisticsList.length; i++) {
const statisticsList = element.statisticsList[i];
for (let j = 0; j < statisticsList.length; j++) {
parentInitElement(panel, element, statisticsList[j], element.tableHeadList.length);
statisticsList[j].runtimeOption.workEnvironment = "DataTable";
statisticsList[j].runtimeOption.cellType = "Statistics";
}
}
}
if (["Text", "TextTime", "PageNum", "DataTable"].includes(element.type)) {
if (!element.option.fontFamily) {
element.option.fontFamily = "heiti";
}
if (element.option.fontSize == null) {
element.option.fontSize = 13;
}
}
if (element.width == null) {
element.width = initWidth;
}
if (element.height == null) {
element.height = initHeight;
}
if (element.option.opacity == null) {
element.option.opacity = 1;
}
if (!element.option.rotate) {
element.option.rotate = 0;
}
if (element.option.padding == null) {
element.option.padding = {};
}
element.runtimeOption.init = {};
element.runtimeOption.init.runtimeOption = {};
element.runtimeOption.width = devicePixelRatio.unit2px(element.width, panel);
element.runtimeOption.height = devicePixelRatio.unit2px(element.height, panel);
element.runtimeOption.x = devicePixelRatio.unit2px(element.x, panel);
element.runtimeOption.y = devicePixelRatio.unit2px(element.y, panel);
element.runtimeOption.rotate = element.option.rotate;
element.runtimeOption.init.x = element.runtimeOption.x;
element.runtimeOption.init.y = element.runtimeOption.y;
element.runtimeOption.init.width = element.runtimeOption.width;
element.runtimeOption.init.height = element.runtimeOption.height;
element.runtimeOption.init.runtimeOption.rotate = element.runtimeOption.rotate;
if (element.option.margin == null) {
element.option.margin = {};
}
}
function elementGroup(htmlElementList) {
const panel = getCurrentPanel();
const idList = flatIdList(htmlElementList);
const index = findGroup(idList);
for (let htmlElementListElement of htmlElementList) {
htmlElementListElement.element.groupIs = true;
}
if (index >= 0) {
panel.groupList[index] = idList;
} else {
panel.groupList.push(idList);
}
}
function groupListToMap(groupList) {
const map = {};
for (let i = 0; i < groupList.length; i++) {
for (let groupListElement of groupList[i]) {
map[groupListElement] = i;
}
}
return map;
}
function elementUngroup(htmlElementList) {
const panel = getCurrentPanel();
const idList = flatIdList(htmlElementList);
const index = findGroup(idList);
for (let htmlElementListElement of htmlElementList) {
htmlElementListElement.element.groupIs = false;
}
if (index >= 0) {
panel.groupList.splice(index, 1);
}
}
function elementDown(elementList, layer) {
elementList.sort(function(a, b) {
return a.runtimeOption.index - b.runtimeOption.index;
});
for (let myElement of elementList) {
let newLayer = myElement.runtimeOption.index - layer;
const parentElementList = myElement.runtimeOption.parent.elementList;
if (newLayer < 0) {
newLayer = 0;
}
const tmp = parentElementList[myElement.runtimeOption.index];
for (let i = myElement.runtimeOption.index; i > newLayer; i--) {
parentElementList[i] = parentElementList[i - 1];
parentElementList[i].runtimeOption.index = i;
}
parentElementList[newLayer] = tmp;
tmp.runtimeOption.index = newLayer;
}
moveable.updatePanel(elementList);
}
function elementUp(elementList, layer) {
elementList.sort(function(a, b) {
return a.runtimeOption.index - b.runtimeOption.index;
});
for (let myElement of elementList) {
let newLayer = myElement.runtimeOption.index + layer;
const parentElementList = myElement.runtimeOption.parent.elementList;
if (newLayer > parentElementList.length - 1) {
newLayer = parentElementList.length - 1;
}
const tmp = parentElementList[myElement.runtimeOption.index];
for (let i = myElement.runtimeOption.index; i < newLayer; i++) {
parentElementList[i] = parentElementList[i + 1];
parentElementList[i].runtimeOption.index = i;
}
parentElementList[newLayer] = tmp;
tmp.runtimeOption.index = newLayer;
}
moveable.updatePanel(elementList);
}
function flatIdList(htmlElementList) {
const idList = [];
for (let htmlElementListElement of htmlElementList) {
if (Array.isArray(htmlElementListElement)) {
for (let htmlElementListElementElement of htmlElementListElement) {
idList.push(htmlElementListElementElement.element.id);
}
} else {
idList.push(htmlElementListElement.element.id);
}
}
return idList;
}
function findGroup(idList) {
const panel = getCurrentPanel();
for (let i = 0; i < panel.groupList.length; i++) {
const groupListKey = panel.groupList[i];
if (groupListKey.some((item) => {
return idList.includes(item);
})) {
return i;
}
}
return -1;
}
function element2PreviewWrapper(element) {
const previewWrapper = utils.parse(utils.stringify(element, "parent", "target", "elementList", "previewWrapperList", "nestColumnList"), vueDemi.reactive({}));
previewWrapper.id = utils.generateUUID();
previewWrapper.heightIs = true;
previewWrapper.runtimeOption.parent = element.runtimeOption.parent;
previewWrapper.runtimeOption.previewIs = true;
if (element.elementList != null) {
previewWrapper.previewWrapperList = [];
for (let myElement of element.elementList) {
previewWrapper.previewWrapperList.push(element2PreviewWrapper(myElement));
}
}
if (element.tableHeadList != null && element.tableHeadList.length > 0) {
for (let i = 0; i < element.tableHeadList.length; i++) {
const rowList = element.tableHeadList[i];
for (let j = 0; j < rowList.length; j++) {
if (rowList[j] == null) {
continue;
}
previewWrapper.tableHeadList[i][j].runtimeOption.parent = rowList[j].runtimeOption.parent;
}
}
}
if (element.tableBodyList != null) {
for (let i = 0; i < element.tableBodyList.length; i++) {
const rowList = element.tableBodyList[i];
for (let j = 0; j < rowList.length; j++) {
if (rowList[j] == null) {
continue;
}
previewWrapper.tableBodyList[i][j].runtimeOption.parent = rowList[j].runtimeOption.parent;
}
}
}
if (element.statisticsList != null) {
for (let i = 0; i < element.statisticsList.length; i++) {
const rowList = element.statisticsList[i];
for (let j = 0; j < rowList.length; j++) {
if (rowList[j] == null) {
continue;
}
previewWrapper.statisticsList[i][j].runtimeOption.parent = rowList[j].runtimeOption.parent;
}
}
}
return previewWrapper;
}
function installPanelParentElement(panel) {
installParentElement(panel, panel.pageHeader);
installParentElement(panel, panel.pageFooter);
installListParentElement(panel, panel.elementList);
}
function installListParentElement(parent, elementList) {
for (let element of elementList) {
installParentElement(parent, element);
if (element.type == "DataTable") {
for (let tableHeadListElement of element.tableHeadList) {
for (let tableCellElement of tableHeadListElement) {
installParentElement(element, tableCellElement);
}
}
for (let tableHeadListElement of element.tableBodyList) {
for (let tableCellElement of tableHeadListElement) {
installParentElement(element, tableCellElement);
}
}
for (let tableHeadListElement of element.statisticsList) {
for (let tableCellElement of tableHeadListElement) {
installParentElement(element, tableCellElement);
}
}
}
if (element.elementList != null) {
installListParentElement(element, element.elementList);
}
}
}
function installParentElement(parent, element) {
if (!element) {
return;
}
element.runtimeOption.parent = parent;
}
function clearParent(element) {
if (element.runtimeOption == null || element.runtimeOption.parent == void 0) {
return;
}
element.runtimeOption.parent = void 0;
}
function addElement(panel, parent, element) {
if (parent.elementList == null) {
parent.elementList = [];
}
parent.elementList.push(element);
initElement(panel, element, parent.elementList.length - 1);
installParentElement(parent, element);
}
function removeElement(element) {
if (element.runtimeOption.parent == null) {
return;
}
if (element.runtimeOption.parent.elementList == null) {
return;
}
handleElementType(element).handle(
"PageHeader",
() => element.runtimeOption.parent.pageHeader = void 0
).handle(
"PageFooter",
() => element.runtimeOption.parent.pageFooter = void 0
).end(() => {
arrays.arrayRemove(element.runtimeOption.parent.elementList, element);
});
}
function handleElementType(element) {
const handleList = [];
const handlers = {
handle(type, callback) {
handleList.push(type);
if (element.type === type) {
callback();
}
return handlers;
},
pageHeader(callback) {
handleList.push("PageHeader");
if (isPageHeader(element)) {
callback();
}
return handlers;
},
pageFooter(callback) {
handleList.push("PageFooter");
if (isPageFooter(element)) {
callback();
}
return handlers;
},
end(callback) {
if (!handleList.includes(element.type)) {
callback();
}
}
};
return handlers;
}
function getFontSizeUnit(panel) {
const currentPanel = getCurrentPanel(panel);
return currentPanel.fontSizeUnit == null ? "px" : currentPanel.fontSizeUnit;
}
function defaultPreviewData(previewData) {
return previewData == null || previewData.length == 0 ? [{}] : previewData;
}
function elementCommonPositionStyle(element) {
const fontFamily = element.option.fontFamily || "heiti";
return {
fontFamily: common.fontMap[fontFamily],
fontSize: element.option.fontSize + getFontSizeUnit(getRecursionParentPanel(element))
};
}
function elementBarCodeValueStyle(element, cssStyle) {
if (cssStyle == null) {
cssStyle = {};
}
const option = element.option;
const panel = element.runtimeOption.parent;
let textDecoration = "";
if (option.underline) {
textDecoration = textDecoration + "underline ";
}
if (option.lineThrough) {
textDecoration = textDecoration + "line-through ";
}
option.opacity != null && (cssStyle.opacity = option.opacity);
option.color && (cssStyle.color = option.color);
option.background && (cssStyle.background = option.background);
option.bold && (cssStyle.fontWeight = option.bold ? "bold" : "normal");
textDecoration && (cssStyle.textDecoration = textDecoration);
option.italic && (cssStyle.fontStyle = option.italic ? "italic" : "normal");
if (option.textAlign) {
cssStyle.justifyContent = option.textAlign;
}
if (option.lineBreak == 0) {
cssStyle.whiteSpace = "nowrap";
}
if (option.lineHeight != null) {
cssStyle.lineHeight = valueUnit(option.lineHeight, panel);
}
if (option.verticalAlign) {
cssStyle.alignItems = option.verticalAlign;
}
return cssStyle;
}
function elementCommonStyle(element, cssStyle) {
if (cssStyle == null) {
cssStyle = elementCommonPositionStyle(element);
}
const option = element.option;
const panel = getRecursionParentPanel(element);
let textDecoration = "";
if (option.underline) {
textDecoration = textDecoration + "underline ";
}
if (option.lineThrough) {
textDecoration = textDecoration + "line-through ";
}
option.opacity != null && (cssStyle.opacity = option.opacity);
option.color && (cssStyle.color = option.color);
option.background && (cssStyle.background = option.background);
option.bold && (cssStyle.fontWeight = option.bold ? "bold" : "normal");
textDecoration && (cssStyle.textDecoration = textDecoration);
option.italic && (cssStyle.fontStyle = option.italic ? "italic" : "normal");
if (option.textAlign) {
cssStyle.justifyContent = option.textAlign;
}
if (option.lineBreak == 0) {
cssStyle.whiteSpace = "nowrap";
}
if (option.lineHeight != null) {
cssStyle.lineHeight = valueUnit(option.lineHeight, panel);
}
if (option.verticalAlign) {
cssStyle.alignItems = option.verticalAlign;
}
if (element.runtimeOption.workEnvironment == "DataTable") {
let extHeight = 0;
const parent = element.runtimeOption.parent;
if (parent != null) {
if (parent.option.borderAll) {
if (element.rowspan > 1) {
extHeight = element.rowspan - 1;
}
}
if (parent.option.tableBodyHeightType == "FIXED") {
cssStyle.height = element.runtimeOption.init.height + extHeight + "px";
cssStyle.maxHeight = element.runtimeOption.init.height + extHeight + "px";
cssStyle.overflow = "hidden";
}
} else {
}
if (element.type == "Text" && element.contentType == "Barcode") {
cssStyle.width = element.runtimeOption.width + "px";
cssStyle.maxWidth = element.runtimeOption.width + "px";
}
} else {
if (option.borderAll) {
cssStyle.border = "1px solid black";
cssStyle.boxSizing = "border-box";
}
}
if (!lodash.isNil(option.borderRadius)) {
cssStyle.borderRadius = valueUnit(option.borderRadius, panel);
}
if (!lodash.isNil(option.padding)) {
if (option.padding.top)
cssStyle.paddingTop = valueUnit(option.padding.top, panel);
if (option.padding.bottom)
cssStyle.paddingBottom = valueUnit(option.padding.bottom, panel);
if (option.padding.left)
cssStyle.paddingLeft = valueUnit(option.padding.left, panel);
if (option.padding.right)
cssStyle.paddingRight = valueUnit(option.padding.right, panel);
}
if (option.margin) {
let subWidth = 0, subHeight = 0;
if (option.margin.top) {
cssStyle.marginTop = valueUnit(option.margin.top, panel);
subHeight += devicePixelRatio.unit2px(option.margin.top, panel);
}
if (option.margin.bottom) {
cssStyle.marginBottom = valueUnit(option.margin.bottom, panel);
subHeight += devicePixelRatio.unit2px(option.margin.bottom, panel);
}
if (option.margin.left) {
cssStyle.marginLeft = valueUnit(option.margin.left, panel);
subWidth += devicePixelRatio.unit2px(option.margin.left, panel);
}
if (option.margin.right) {
cssStyle.marginRight = valueUnit(option.margin.right, panel);
subWidth += devicePixelRatio.unit2px(option.margin.right, panel);
}
if (subWidth > 0) {
cssStyle.width = `calc(100% - ${subWidth}px)`;
}
if (subHeight > 0) {
cssStyle.height = `calc(100% - ${subHeight}px)`;
}
}
return cssStyle;
}
function isPageHeader(element) {
return element != null && element.type == "PageHeader";
}
function isPageFooter(element) {
return element != null && element.type == "PageFooter";
}
function formatter(element, variable = {}) {
if (element.option.formatter) {
let contentData;
if (element.type == "TextTime") {
const variableNames = extractVariableNames(element.option.formatter);
if (variableNames == null || variableNames.length == 0) {
contentData = "\u4E0D\u652F\u6301\u7684\u53D8\u91CF";
} else {
try {
variable[variableNames[0]] = timeUtil.formatDate(variable.nowDate ? variable.nowDate : new Date(), variableNames[0]);
contentData = replaceVariables(element.option.formatter, variable);
} catch (e) {
contentData = "\u4E0D\u652F\u6301\u7684\u53D8\u91CF";
}
}
} else {
contentData = replaceVariables(element.option.formatter, variable);
}
return contentData;
}
return element.data;
}
function extractVariableNames(template) {
const regex = /\{\{(.+?)}}/g;
const matches = template.match(regex);
if (!matches) {
return [];
}
return matches.map((match) => match.slice(2, -2));
}
function parseVariables(str) {
const regex = /\{\{(.*?)}}/g;
const matches = str.match(regex);
if (!matches) {
return [];
}
const variables = [];
for (const match of matches) {
const parts = match.slice(2, -2).split("::");
const name = parts[0].trim();
const defaultValue = parts[1] ? parts[1].trim() : "";
variables.push({ name, defaultValue });
}
return variables;
}
function replaceVariables(str, params) {
let result = str;
const variables = parseVariables(str);
for (const variable of variables) {
const { name, defaultValue } = variable;
const value = params[name] !== void 0 ? params[name] : defaultValue;
result = result.replace(new RegExp(lodash.isEmpty(defaultValue) ? `{{${name}}}` : `{{${name}::${defaultValue}}}`, "g"), value);
}
return result;
}
function changePageSize(val) {
const panel = getCurrentPanel();
if (val) {
panel.width = devicePixelRatio.unit2unit("mm", panel.pageUnit, val.width);
panel.height = devicePixelRatio.unit2unit("mm", panel.pageUnit, val.height);
}
if (panel.pageHeader != null) {
panel.pageHeader.width = devicePixelRatio.unit2unit("mm", panel.pageUnit, panel.width);
panel.pageHeader.runtimeOption.width = devicePixelRatio.unit2px(panel.width);
}
if (panel.pageFooter != null) {
panel.pageFooter.width = devicePixelRatio.unit2unit("mm", panel.pageUnit, panel.width);
panel.pageFooter.y = devicePixelRatio.unit2unit("mm", panel.pageUnit, panel.height - panel.pageFooter.height);
panel.pageFooter.runtimeOption.width = devicePixelRatio.unit2px(panel.width);
}
utils.mitt.emit("changePageSize");
}
function changePageUnit() {
const panel = getCurrentPanel();
panel.width = devicePixelRatio.unit2unit(app.useAppStoreHook().lastPageUnit, panel.pageUnit, panel.width);
panel.height = devicePixelRatio.unit2unit(app.useAppStoreHook().lastPageUnit, panel.pageUnit, panel.height);
const { pageHeader, pageFooter, pageUnit } = panel;
for (let element of panel.elementList) {
computedChangePageUnit(pageUnit, element);
}
if (pageHeader) {
computedChangePageUnit(pageUnit, pageHeader);
}
if (pageFooter) {
computedChangePageUnit(pageUnit, pageFooter);
}
app.useAppStoreHook().lastPageUnit = panel.pageUnit;
}
function computedChangePageUnit(pageUnit, element) {
element.x = devicePixelRatio.unit2unit(app.useAppStoreHook().lastPageUnit, pageUnit, element.x);
element.y = devicePixelRatio.unit2unit(app.useAppStoreHook().lastPageUnit, pageUnit, element.y);
element.width = devicePixelRatio.unit2unit(app.useAppStoreHook().lastPageUnit, pageUnit, element.width);
element.height = devicePixelRatio.unit2unit(app.useAppStoreHook().lastPageUnit, pageUnit, element.height);
if (element.option.lineHeight != null) {
element.option.lineHeight = devicePixelRatio.unit2unit(app.useAppStoreHook().lastPageUnit, pageUnit, element.option.lineHeight);
}
if (element.elementList) {
for (let myElement of element.elementList) {
computedChangePageUnit(pageUnit, myElement);
}
}
}
function computedShapeBound(points) {
let minX = points[0].x;
let minY = points[0].y;
let maxX = points[0].x;
let maxY = points[0].y;
for (let i = 1; i < points.length; i++) {
let point = points[i];
minX = Math.min(minX, point.x);
minY = Math.min(minY, point.y);
maxX = Math.max(maxX, point.x);
maxY = Math.max(maxY, point.y);
}
return {
x: minX,
y: minY,
width: maxX - minX,
height: maxY - minY
};
}
function setElementWidthHeightPx(width2, height2, element) {
setElementWidthPx(width2, element);
setElementHeightPx(height2, element);
}
function setElementWidthPx(width2, element) {
element.runtimeOption.width = width2;
element.runtimeOption.init.width = width2;
element.width = devicePixelRatio.px2unit(width2, getRecursionParentPanel(element));
}
function setElementHeightPx(height2, element) {
element.runtimeOption.height = height2;
element.runtimeOption.init.height = height2;
element.height = devicePixelRatio.px2unit(height2, getRecursionParentPanel(element));
}
function setElementOffsetWidthPx(offsetWidth, element) {
element.runtimeOption.width = element.runtimeOption.init.width + offsetWidth;
element.width = devicePixelRatio.px2unit(element.runtimeOption.width, getRecursionParentPanel(element));
}
function recursionUpdateCellParentWidth(columnElement, offsetX, panel) {
columnElement.runtimeOption.width = columnElement.runtimeOption.init.width + offsetX;
columnElement.width = devicePixelRatio.px2unit(columnElement.runtimeOption.width, panel);
if (columnElement.runtimeOption.cellParent != null) {
recursionUpdateCellParentWidth(columnElement.runtimeOption.cellParent, offsetX, panel);
}
}
function recursionUpdateCellParentInitWidth(columnElement) {
columnElement.runtimeOption.init.width = columnElement.runtimeOption.width;
if (columnElement.runtimeOption.cellParent != null) {
recursionUpdateCellParentInitWidth(columnElement.runtimeOption.cellParent);
}
}
function multipleElementGetValueList(props) {
const elementList = app.useAppStoreHook().currentElement;
const valueList = /* @__PURE__ */ new Set();
if (elementList.length == 0) {
return [...valueList];
}
for (let currentElementElement of elementList) {
valueList.add(getNestedPropertyValue(currentElementElement, props));
}
return [...valueList];
}
function multipleElementGetValue(props) {
const elementList = app.useAppStoreHook().currentElement;
if (elementList.length == 0) {
return void 0;
}
const firstValue = getNestedPropertyValue(elementList[0], props);
for (let currentElementElement of elementList) {
if (getNestedPropertyValue(currentElementElement, props) != firstValue) {
return void 0;
}
}
return firstValue;
}
function getNestedPropertyValue(obj, propertyPath) {
const properties = propertyPath.split(".");
let currentObj = obj;
for (let prop of properties) {
if (currentObj.hasOwnProperty(prop)) {
currentObj = currentObj[prop];
} else {
return void 0;
}
}
return currentObj;
}
function setNestedPropertyValue(obj, propertyPath, value) {
const properties = propertyPath.split(".");
let currentObj = obj;
for (let i = 0; i < properties.length - 1; i++) {
if (!currentObj.hasOwnProperty(properties[i])) {
currentObj[properties[i]] = {};
}
currentObj = currentObj[properties[i]];
}
currentObj[properties[properties.length - 1]] = value;
}
function multipleElementSetValue(props, val) {
for (let currentElementElement of app.useAppStoreHook().currentElement) {
setNestedPropertyValue(currentElementElement, props, val);
if (currentElementElement.type == "DataTable") {
for (let myElement of currentElementElement.tableHeadList) {
for (let tableCellElement of myElement) {
if (tableCellElement != null) {
setNestedPropertyValue(tableCellElement, props, val);
}
}
}
for (let bodyRowList of currentElementElement.tableBodyList) {
for (let myElement of bodyRowList) {
setNestedPropertyValue(myElement, props, val);
}
}
for (let bodyRowList of currentElementElement.statisticsList) {
for (let myElement of bodyRowList) {
setNestedPropertyValue(myElement, props, val);
}
}
}
}
}
function autoComputedPanelHeight() {
const panel = getCurrentPanel();
if (panel.pageSize != "AutoHeight") {
return;
}
if (panel.elementList == null || panel.elementList.length == 0) {
return;
}
let maxY = 0;
for (let myElement of panel.elementList) {
const tmpY = myElement.y + myElement.height;
maxY = Math.max(tmpY, maxY);
}
panel.height = maxY;
}
function getPrintRealHeight(panel) {
panel = getCurrentPanel(panel);
if (panel.pageSize == "AutoHeight") {
return panel.runtimeOption.printRealHeight;
}
return panel.height;
}
exports.addElement = addElement;
exports.autoComputedPanelHeight = autoComputedPanelHeight;
exports.changePageSize = changePageSize;
exports.changePageUnit = changePageUnit;
exports.clearPanel = clearPanel;
exports.clearParent = clearParent;
exports.computedShapeBound = computedShapeBound;
exports.defaultPreviewData = defaultPreviewData;
exports.displayDesign = displayDesign;
exports.displayPreview = displayPreview;
exports.element2PreviewWrapper = element2PreviewWrapper;
exports.elementBarCodeValueStyle = elementBarCodeValueStyle;
exports.elementCommonPositionStyle = elementCommonPositionStyle;
exports.elementCommonStyle = elementCommonStyle;
exports.elementDown = elementDown;
exports.elementGroup = elementGroup;
exports.elementUngroup = elementUngroup;
exports.elementUp = elementUp;
exports.extractVariableNames = extractVariableNames;
exports.formatter = formatter;
exports.getCurrentPanel = getCurrentPanel;
exports.getCurrentPanelUnit = getCurrentPanelUnit;
exports.getPositionX = getPositionX;
exports.getPositionY = getPositionY;
exports.getPreviewData = getPreviewData;
exports.getPrintRealHeight = getPrintRealHeight;
exports.getProvider = getProvider;
exports.getRecursionParentPanel = getRecursionParentPanel;
exports.groupListToMap = groupListToMap;
exports.handle = handle;
exports.handleElementType = handleElementType;
exports.height = height;
exports.heightValueUnit = heightValueUnit;
exports.initElement = initElement;
exports.initPanel = initPanel;
exports.innerElementIs = innerElementIs;
exports.installListParentElement = installListParentElement;
exports.installPanelParentElement = installPanelParentElement;
exports.installParentElement = installParentElement;
exports.isPageFooter = isPageFooter;
exports.isPageHeader = isPageHeader;
exports.multipleElementGetValue = multipleElementGetValue;
exports.multipleElementGetValueList = multipleElementGetValueList;
exports.multipleElementSetValue = multipleElementSetValue;
exports.none = none;
exports.parentInitElement = parentInitElement;
exports.recursionElement = recursionElement;
exports.recursionForElement = recursionForElement;
exports.recursionUpdateCellParentInitWidth = recursionUpdateCellParentInitWidth;
exports.recursionUpdateCellParentWidth = recursionUpdateCellParentWidth;
exports.removeElement = removeElement;
exports.replaceVariables = replaceVariables;
exports.setCurrentElement = setCurrentElement;
exports.setCurrentPanel = setCurrentPanel;
exports.setElementHeightPx = setElementHeightPx;
exports.setElementOffsetWidthPx = setElementOffsetWidthPx;
exports.setElementWidthHeightPx = setElementWidthHeightPx;
exports.setElementWidthPx = setElementWidthPx;
exports.setPreviewData = setPreviewData;
exports.setProvider = setProvider;
exports.valueUnit = valueUnit;
exports.width = width;
exports.widthValueUnit = widthValueUnit;
//# sourceMappingURL=elementUtil.js.map