cui-print 1.0.28

package/dist/print-designer-api/create-style/create-form-item-style.js

@@ -0,0 +1,144 @@
+import { camelToKebab } from "../print-designer-utils";
+const createFormItemStyle = ({ styleConfig } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  Object.keys(styleConfig).forEach((key, index) => {
+    if (key.indexOf("formItem_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("formItem_", "");
+    if (!!styleConfig[key] || styleConfig[key] === 0) {
+      styleObj[newKey] = styleConfig[key];
+    }
+  });
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+const createFormItemLabelStyleInDesigner = ({ styleConfig, formConfigProps, formItemProps } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  if (!formConfigProps) {
+    formConfigProps = {};
+  }
+  if (!formItemProps) {
+    formItemProps = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  Object.keys(styleConfig).forEach((key, index) => {
+    if (key.indexOf("formItemLabel_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("formItemLabel_", "");
+    if (!!styleConfig[key] || styleConfig[key] === 0) {
+      styleObj[newKey] = styleConfig[key];
+    }
+  });
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+const createFormItemLabelStyle = ({ styleConfig, formConfigProps, formItemProps } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  if (!formConfigProps) {
+    formConfigProps = {};
+  }
+  if (!formItemProps) {
+    formItemProps = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  if (!!formItemProps.labelWidth && formItemProps.labelPosition != "top") {
+    styleObj.width = `${formItemProps.labelWidth}`;
+  } else if (!!formConfigProps.labelWidth && formConfigProps.labelPosition != "top" && formItemProps.labelPosition != "top") {
+    styleObj.width = `${formConfigProps.labelWidth}`;
+  }
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+const createFormItemLabelContentStyle = ({ styleConfig, formConfigProps, formItemProps } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  if (!formConfigProps) {
+    formConfigProps = {};
+  }
+  if (!formItemProps) {
+    formItemProps = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  Object.keys(styleConfig).forEach((key, index) => {
+    if (key.indexOf("formItemLabel_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("formItemLabel_", "");
+    if (!!styleConfig[key] || styleConfig[key] === 0) {
+      styleObj[newKey] = styleConfig[key];
+    }
+  });
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+const createFormItemMainStyleInDesigner = ({ styleConfig } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  Object.keys(styleConfig).forEach((key, index) => {
+    if (key.indexOf("formItemMain_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("formItemMain_", "");
+    if (!!styleConfig[key] || styleConfig[key] === 0) {
+      styleObj[newKey] = styleConfig[key];
+    }
+  });
+  styleObj.width = "100%";
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+const createFormItemMainStyle = ({ styleConfig } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  Object.keys(styleConfig).forEach((key, index) => {
+    if (key.indexOf("formItemMain_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("formItemMain_", "");
+    if (!!styleConfig[key] || styleConfig[key] === 0) {
+      styleObj[newKey] = styleConfig[key];
+    }
+  });
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+export default {
+  createFormItemStyle,
+  createFormItemLabelStyleInDesigner,
+  createFormItemLabelStyle,
+  createFormItemLabelContentStyle,
+  createFormItemMainStyleInDesigner,
+  createFormItemMainStyle
+};

package/dist/print-designer-api/create-style/create-grid-style.js

@@ -0,0 +1,49 @@
+import { camelToKebab } from "../print-designer-utils";
+const createGridStyle = ({ styleConfig } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  let styleText = "";
+  Object.keys(styleConfig).forEach((key, index) => {
+    if (key.indexOf("_") >= 0) {
+      return false;
+    }
+    if (!!styleConfig[key] || styleConfig[key] === 0) {
+      styleText += `${camelToKebab(key)}:${styleConfig[key]};`;
+    }
+  });
+  return styleText;
+};
+const createGridItemStyle = ({ styleConfig, props } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  let styleText = "";
+  Object.keys(styleConfig).forEach((key, index) => {
+    if (key.indexOf("_") >= 0) {
+      return false;
+    }
+    if (!!styleConfig[key] || styleConfig[key] === 0) {
+      styleText += `${camelToKebab(key)}:${styleConfig[key]};`;
+    }
+  });
+  if (!!props) {
+    styleText += createGridItemStyleByProps({ props });
+  }
+  return styleText;
+};
+const createGridItemStyleByProps = ({ props } = {}) => {
+  let styleText = "";
+  if (!props) {
+    return styleText;
+  }
+  let span = !!props.span ? Number(props.span) : 0;
+  let flexWidth = ((span / 24) * 100).toFixed(7);
+  styleText += `flex:0 0 ${flexWidth}%`;
+  return styleText;
+};
+export default {
+  createGridStyle,
+  createGridItemStyle,
+  createGridItemStyleByProps
+};

package/dist/print-designer-api/create-style/create-table-layout-style.js

@@ -0,0 +1,128 @@
+import { camelToKebab } from "../print-designer-utils";
+const createTableLayoutStyle = ({ styleConfig } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  let styleText = "";
+  Object.keys(styleConfig).forEach((key, index) => {
+    if (key.indexOf("_") >= 0) {
+      return false;
+    }
+    if (!!styleConfig[key] || styleConfig[key] === 0) {
+      styleText += `${camelToKebab(key)}:${styleConfig[key]};`;
+    }
+  });
+  return styleText;
+};
+const createTableLayoutTdStyle = ({ tableLayoutStyleConfig, tdStyleConfig } = {}) => {
+  if (!tableLayoutStyleConfig) {
+    tableLayoutStyleConfig = {};
+  }
+  if (!tdStyleConfig) {
+    tdStyleConfig = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  Object.keys(tableLayoutStyleConfig).forEach((key, index) => {
+    if (key.indexOf("cell_") < 0 || key.indexOf("cell_container_") >= 0) {
+      return false;
+    }
+    let newKey = key.replace("cell_", "");
+    if (!!tableLayoutStyleConfig[key] || tableLayoutStyleConfig[key] === 0) {
+      styleObj[newKey] = tableLayoutStyleConfig[key];
+    }
+  });
+  if (!!tdStyleConfig) {
+    Object.keys(tdStyleConfig).forEach((key, index) => {
+      if (key.indexOf("container_") >= 0) {
+        return false;
+      }
+      if (!!tdStyleConfig[key] || tdStyleConfig[key] === 0) {
+        styleObj[key] = tdStyleConfig[key];
+      }
+    });
+  }
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+const createTableLayoutTdContainerStyle = ({ tableLayoutStyleConfig, tdStyleConfig } = {}) => {
+  if (!tableLayoutStyleConfig) {
+    tableLayoutStyleConfig = {};
+  }
+  if (!tdStyleConfig) {
+    tdStyleConfig = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  Object.keys(tableLayoutStyleConfig).forEach((key, index) => {
+    if (key.indexOf("cell_container_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("cell_container_", "");
+    if (!!tableLayoutStyleConfig[key] || tableLayoutStyleConfig[key] === 0) {
+      styleObj[newKey] = tableLayoutStyleConfig[key];
+    }
+  });
+  Object.keys(tdStyleConfig).forEach((key, index) => {
+    if (key.indexOf("custom_") >= 0 || key.indexOf("container_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("container_", "");
+    if (!!tdStyleConfig[key] || tdStyleConfig[key] === 0) {
+      styleObj[newKey] = tdStyleConfig[key];
+    }
+  });
+  // flex布局生效时，水平居中和垂直居中将失效
+  if (!!tdStyleConfig.container_custom_isFLex) {
+    styleObj.display = "flex";
+  } else {
+    if (!!tdStyleConfig.container_custom_centerHorizontally || !!tdStyleConfig.container_custom_centerVertical) {
+      styleObj.display = "flex";
+    }
+    if (!!tdStyleConfig.container_custom_centerHorizontally) {
+      styleObj.justifyContent = "center";
+    }
+    if (!!tdStyleConfig.container_custom_centerVertical) {
+      styleObj.alignItems = "center";
+    }
+  }
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+const createTableLayoutTdSlashStyle = ({ width = 0, height = 0, direction } = {}) => {
+  if (!width || !height) {
+    return "";
+  }
+  if (!direction) {
+    direction = "top-left";
+  }
+  let styleText = "";
+  let styleObj = {};
+  let slashWidth = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
+  let slashDeg = (Math.atan(height / width) * 180) / Math.PI;
+  styleObj.width = `${slashWidth}px`;
+  styleObj.transformOrigin = `top left`;
+  if (direction == "top-left") {
+    styleObj.transform = `rotate(${slashDeg}deg)`;
+  } else {
+    styleObj.transform = `rotate(-${slashDeg}deg)`;
+  }
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+const getTableLayoutStyleRulesId = ({ rowIndex, colIndex } = {}) => {
+  return `${rowIndex}-${colIndex}`;
+};
+export default {
+  createTableLayoutStyle,
+  createTableLayoutTdStyle,
+  createTableLayoutTdContainerStyle,
+  createTableLayoutTdSlashStyle,
+  getTableLayoutStyleRulesId
+};

package/dist/print-designer-api/create-style/create-table-style.js

@@ -0,0 +1,93 @@
+import { camelToKebab } from "../print-designer-utils";
+const createTableStyle = ({ styleConfig } = {}) => {
+  if (!styleConfig) {
+    styleConfig = {};
+  }
+  let styleText = "";
+  Object.keys(styleConfig).forEach((key, index) => {
+    if (key.indexOf("_") >= 0) {
+      return false;
+    }
+    if (!!styleConfig[key] || styleConfig[key] === 0) {
+      styleText += `${camelToKebab(key)}:${styleConfig[key]};`;
+    }
+  });
+  return styleText;
+};
+const createTableHeaderStyle = ({ tableStyleConfig, columnStyleConfig } = {}) => {
+  if (!tableStyleConfig) {
+    tableStyleConfig = {};
+  }
+  if (!columnStyleConfig) {
+    columnStyleConfig = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  styleObj.width = columnStyleConfig.width;
+  Object.keys(tableStyleConfig).forEach((key, index) => {
+    if (key.indexOf("header_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("header_", "");
+    if (!!tableStyleConfig[key] || tableStyleConfig[key] === 0) {
+      styleObj[newKey] = tableStyleConfig[key];
+    }
+  });
+  Object.keys(columnStyleConfig).forEach((key, index) => {
+    if (key.indexOf("header_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("header_", "");
+    if (!!columnStyleConfig[newKey] || columnStyleConfig[newKey] === 0) {
+      styleObj[newKey] = columnStyleConfig[newKey];
+    }
+    if (!!columnStyleConfig[key] || columnStyleConfig[key] === 0) {
+      styleObj[newKey] = columnStyleConfig[key];
+    }
+  });
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+const createTableCellStyle = ({ tableStyleConfig, columnStyleConfig } = {}) => {
+  if (!tableStyleConfig) {
+    tableStyleConfig = {};
+  }
+  if (!columnStyleConfig) {
+    columnStyleConfig = {};
+  }
+  let styleText = "";
+  let styleObj = {};
+  styleObj.width = columnStyleConfig.width;
+  Object.keys(tableStyleConfig).forEach((key, index) => {
+    if (key.indexOf("cell_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("cell_", "");
+    if (!!tableStyleConfig[key] || tableStyleConfig[key] === 0) {
+      styleObj[newKey] = tableStyleConfig[key];
+    }
+  });
+  Object.keys(columnStyleConfig).forEach((key, index) => {
+    if (key.indexOf("cell_") < 0) {
+      return false;
+    }
+    let newKey = key.replace("cell_", "");
+    if (!!columnStyleConfig[newKey] || columnStyleConfig[newKey] === 0) {
+      styleObj[newKey] = columnStyleConfig[newKey];
+    }
+    if (!!columnStyleConfig[key] || columnStyleConfig[key] === 0) {
+      styleObj[newKey] = columnStyleConfig[key];
+    }
+  });
+  Object.keys(styleObj).forEach((key, index) => {
+    styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+  });
+  return styleText;
+};
+export default {
+  createTableStyle,
+  createTableHeaderStyle,
+  createTableCellStyle
+};