cui-print 1.0.28

package/dist/print-designer-api/use-create-print-js/use-base-component-helper.js

@@ -0,0 +1,54 @@
+import { deepCopy } from "../print-designer-utils";
+export default ({ printData = {}, layoutConfig } = {}) => {
+  const createBarcodeJsString = (componentItem) => {
+    let componentItemProps = deepCopy(componentItem.props);
+    let notFormatKeyList = ["field"];
+    Object.keys(componentItemProps).forEach((key, index) => {
+      if (notFormatKeyList.indexOf(key) >= 0) {
+        return;
+      }
+      if (typeof componentItemProps[key] == "string") {
+        componentItemProps[key] = `"${componentItemProps[key]}"`;
+      }
+    });
+    let nowBarcodeValue = printData[componentItemProps.field];
+    if (!nowBarcodeValue && nowBarcodeValue !== 0) {
+      return "";
+    }
+    let barcodeJsString = `JsBarcode('[name="barcode_${componentItem.id}"]', ${printData[componentItemProps.field]},{
+          format: ${componentItemProps.format},
+          lineColor:${componentItemProps.lineColor},
+          background: ${componentItemProps.background},
+          width: ${componentItemProps.width},
+          height: ${componentItemProps.height},
+          displayValue: ${componentItemProps.displayValue},
+          fontSize: ${componentItemProps.fontSize},
+          margin: ${componentItemProps.margin},
+          textAlign: ${componentItemProps.textAlign},
+          textPosition: ${componentItemProps.textPosition}
+      });\n`;
+    return barcodeJsString;
+  };
+  const creatQrcodeJsString = (componentItem) => {
+    let componentItemProps = deepCopy(componentItem.props);
+    let notFormatKeyList = ["field"];
+    Object.keys(componentItemProps).forEach((key, index) => {
+      if (notFormatKeyList.indexOf(key) >= 0) {
+        return;
+      }
+      if (typeof componentItemProps[key] == "string") {
+        componentItemProps[key] = `"${componentItemProps[key]}"`;
+      }
+    });
+    let qrcodeJsString = `createQRCode('qrcode_${componentItem.id}',{
+          text: "${printData[componentItemProps.field]}",
+          width: ${componentItemProps.width},
+          height: ${componentItemProps.height}
+      });\n`;
+    return qrcodeJsString;
+  };
+  return {
+    createBarcodeJsString,
+    creatQrcodeJsString
+  };
+};

package/dist/print-designer-api/use-create-print-js/use-form-component-helper.js

@@ -0,0 +1,4 @@
+export default ({ printData = {}, layoutConfig } = {}) => {
+  // 后期扩展
+  return {};
+};

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

@@ -0,0 +1,5 @@
+import printDesignerStyleHelper from "../print-designer-style-helper";
+export default ({ printData, printConfig, formConfig, layoutConfig, createHtmlByComponentItem, errorLogs } = {}) => {
+  // 后期扩展
+  return {};
+};

package/dist/style/default-style.css

@@ -0,0 +1,137 @@
+:root {
+  --wui-print-theme-color: #005089;
+  --wui-print-border-color: #d0d0d0;
+  --wui-print-border-color--light: #ececec;
+  --wui-print-border-color--dark: #b5b5b5;
+  --wui-print-color--info: #7a7a7a;
+  --wui-print-color--default: #333;
+  --wui-print-color--primary: #005089;
+  --wui-print-color--warning: #cf2600;
+  --wui-print-color--success: #0f8204;
+  --wui-print-placeholder-color: #a2a2a2;
+}
+.wui-print_common-form .el-form-item {
+  margin-bottom: 4px;
+}
+.wui-print_common-form .el-form-item.is-error {
+  margin-bottom: 18px;
+}
+.wui-print_common-form .el-form-item.is-required .el-form-item__label {
+  color: var(--wui-print-color--primary);
+  font-weight: bold;
+}
+.wui-print_common-form .el-form-item.el-form-item--label-top .el-form-item__label {
+  width: 100%;
+  margin-bottom: 2px;
+}
+.wui-print_common-form .el-form-item .el-form-item__label {
+  padding-right: 5px !important;
+}
+.wui-print_common-form .el-form-item .el-form-item__label::before {
+  content: "" !important;
+  margin-right: 1px !important;
+}
+.wui-print_common-form .el-date-editor.el-input,
+.wui-print_common-form .el-date-editor.el-input__wrapper {
+  width: 100% !important;
+}
+.wui-print_common-form .el-select {
+  width: 100% !important;
+}
+.wui-print_common-form .el-input-number {
+  width: 100% !important;
+}
+.wui-print_common-form .el-cascader {
+  width: 100% !important;
+}
+.wui-print_common-form .el-input,
+.wui-print_common-form .el-textarea,
+.wui-print_common-form .el-select {
+  --el-input-text-color: #000;
+  --el-disabled-text-color: #000;
+}
+.wui-print_common-form .el-checkbox {
+  --el-checkbox-text-color: #000;
+}
+.wui-print_common-form.wui-print_common-form--small .el-form-item {
+  margin-bottom: 2px;
+}
+.wui-print_common-form.wui-print_common-form--small .el-form-item.is-error {
+  margin-bottom: 16px;
+}
+.wui-print_common-form.wui-print_common-form--small .el-form-item .el-form-item__label {
+  padding-right: 2px !important;
+}
+.wui-print_common-form.wui-print_common-form--mini .el-form-item {
+  margin-bottom: 1px;
+}
+.wui-print_common-form.wui-print_common-form--mini .el-form-item.is-error {
+  margin-bottom: 16px;
+}
+.wui-print_common-form.wui-print_common-form--mini .el-form-item .el-form-item__label {
+  padding-right: 1px !important;
+}
+.wui-print-el {
+  --el-color-primary: #005089;
+  --el-color-primary-light-3: #1d7da5;
+  --el-color-primary-light-5: #218bb7;
+  --el-color-primary-light-7: #1494ca;
+  --el-color-primary-light-8: #67d0fb;
+  --el-color-primary-light-9: #ddf5ff;
+  --el-color-primary-dark-2: #02416d;
+  --el-border-color: #a5a5a5;
+  --el-text-color-placeholder: var(--wui-placeholder-color);
+  --el-disabled-text-color: #656565;
+  --el-color-success: #56a72e;
+  --el-color-success-light-9: #fbfff8;
+  --el-color-warning: #ef810e;
+}
+.wui-print-el .el-button,
+.wui-print-el .el-button--primary,
+.wui-print-el .el-button--success,
+.wui-print-el .el-button--warning,
+.wui-print-el .el-button--danger,
+.wui-print-el .el-button--info {
+  --el-button-disabled-bg-color: #d3d3d3;
+  --el-button-disabled-border-color: #818181;
+  --el-button-disabled-text-color: #040404;
+}
+.wui-print_el-message-box .el-message-box__message p {
+  font-size: 16px;
+  line-height: 1.6 !important;
+  font-weight: bold;
+  color: #000;
+  word-break: break-all;
+}
+.wui-print_el-message-box.wui-print_el-message-box--large {
+  font-size: 20px;
+  --el-messagebox-width: 600px;
+}
+.wui-print-color--info {
+  color: var(--wui-print-color--info);
+}
+.wui-print-color--default {
+  color: var(--wui-print-color--default);
+}
+.wui-print-color--primary {
+  color: var(--wui-print-color--primary);
+}
+.wui-print-color--warning {
+  color: var(--wui-print-color--warning);
+}
+.wui-print-color--success {
+  color: var(--wui-print-color--success);
+}
+.wui-print-hint {
+  display: inline-flex;
+  align-items: center;
+  font-weight: bold;
+  font-size: 14px;
+}
+.wui-print-hint.wui-print-hint--small {
+  font-size: 12px;
+  line-height: 14px;
+}
+.wui-print-hint span + span {
+  margin-left: 3px;
+}

package/dist/style/main.less

@@ -0,0 +1,66 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  /* Firefox */
+  -webkit-box-sizing: border-box;
+  /* Safari */
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  color: var(--wui-print-text-color);
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  overflow: hidden;
+  background: var(--wui-print-background);
+  font-size: 13px;
+}
+a {
+  text-decoration: none;
+  color: var(--wui-print-text-color);
+  transition: 0.4s;
+}
+a:hover {
+  color: var(--wui-print-hover-color);
+}
+ul {
+  list-style-type: none;
+}
+// 禁止图片拖动
+img {
+  -webkit-user-drag: none;
+}
+// 设置placeholder样式
+input::placeholder {
+  color: var(--wui-print-placeholder-color) !important;
+}
+input::-webkit-input-placeholder {
+  /* WebKit, Blink, Edge */
+  color: var(--wui-print-placeholder-color) !important;
+}
+:-moz-placeholder {
+  /* Mozilla Firefox 4 to 18 */
+  color: var(--wui-print-placeholder-color) !important;
+}
+::-moz-placeholder {
+  /* Mozilla Firefox 19+ */
+  color: var(--wui-print-placeholder-color) !important;
+}
+input:-ms-input-placeholder {
+  /* Internet Explorer 10-11 */
+  color: var(--wui-print-placeholder-color) !important;
+}
+input::-ms-input-placeholder {
+  /* Microsoft Edge */
+  color: var(--wui-print-placeholder-color) !important;
+}
+#app {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}