@10yun/cv-mobile-ui 0.4.11 → 0.5.1

package/ui-cv/cv-draw-barcode/barcode.js

@@ -1,204 +1,227 @@
-const barcodes = require('./barcodes/index.js')['default']
-let barcode = {};
-(function () {
-	// 初始化
-	barcode = function (cont, ctxid, options, ctxsize, result) {
-		let ops = {},
-			newOptions, encodings, globaContext, ctx, globaCtxid, cbCanvasSize, cbResult;
-		globaCtxid = ctxid
-		cbCanvasSize = ctxsize
-		cbResult = result
-		newOptions = Object.assign(ops, options);
-		// 修成margin
-		fixMargin(newOptions)
-		// 处理options 数据
-		if (newOptions.text == '' || cont == '') {
-			return false
-		}
-		// 获取ctx
+import barcodes from './barcodes/index.js';
 
-		globaContext = cont
-		ctx = uni.createCanvasContext(globaCtxid, globaContext)
-		// 获取编码数据
-		encodings = new barcodes[newOptions.format.toUpperCase()](newOptions.text, newOptions).encode()
-		let fixencodings = fixEncodings(encodings, newOptions)
-		// 返回canvas实际大小
-		cbCanvasSize({
-			width: fixencodings.width,
-			height: fixencodings.height
-		})
-		// 绘制canvas
-		setTimeout(() => {
-			drawCanvas.render(newOptions, fixencodings)
-		}, 50);
-		// 绘制canvas
-		let drawCanvas = {
-			render(options, encoding) {
-				this.prepare(options, encoding)
-				encoding.encodings.forEach((v, i) => {
-					this.barcode(options, v)
-					this.text(options, v)
-					this.move(v)
-				});
-				this.draw(options, encoding)
-			},
-			barcode(options, encoding) {
-				let binary = encoding.data;
-				let yFrom;
-				if (options.textPosition == "top") {
-					yFrom = options.marginTop + options.fontSize + options.textMargin;
-				} else {
-					yFrom = options.marginTop;
-				}
-				// 绘制条码
-				ctx.fillStyle = options.lineColor;
-				for (let b = 0; b < binary.length; b++) {
-					let x = b * options.width + encoding.barcodePadding;
-					let height = options.height
-					if (encoding.options) {
-						if (encoding.options.height != undefined) {
-							height = encoding.options.height
-						}
-					}
-					if (binary[b] === "1") {
-						ctx.fillRect(x, yFrom, options.width, height);
-					} else if (binary[b]) {
-						ctx.fillRect(x, yFrom, options.width, height * binary[b]);
-					}
-				}
-			},
-			text(options, encoding) {
-				if (options.displayValue) {
-					let x, y, align, size;
-					if (options.textPosition == "top") {
-						y = options.marginTop + options.fontSize;
-					} else {
-						y = options.height + options.textMargin + options.marginTop + options.fontSize;
-					}
-					if (encoding.options) {
-						if (encoding.options.textAlign != undefined) {
-							align = encoding.options.textAlign
-						}
-						if (encoding.options.fontSize != undefined) {
-							size = encoding.options.fontSize
-						}
-					} else {
-						align = options.textAlign
-						size = options.fontSize
-					}
-					ctx.setFontSize(size)
-					if (align == "left" || encoding.barcodePadding > 0) {
-						x = 0;
-						ctx.setTextAlign('left')
-					} else if (align == "right") {
-						x = encoding.width - 1;
-						ctx.setTextAlign('right')
-					} else {
-						x = encoding.width / 2;
-						ctx.setTextAlign('center');
-					}
-					ctx.fillStyle = options.fontColor;
-					if (encoding.text != undefined) {
-						ctx.fillText(encoding.text, x, y);
-					}
-				}
-			},
-			move(encoding) {
-				ctx.translate(encoding.width, 0);
-			},
-			prepare(options, encoding) {
-				// 绘制背景
-				if (options.background) {
-					ctx.fillStyle = options.background;
-					ctx.fillRect(0, 0, encoding.width, encoding.height);
-				}
-				ctx.translate(options.marginLeft, 0);
-			},
-			draw(options, encoding) {
-				ctx.draw(false, () => {
-					this.toImgs(options, encoding)
-				})
-			},
-			toImgs(options, encoding) {
-				setTimeout(() => {
-					uni.canvasToTempFilePath({
-						width: encoding.width,
-						height: encoding.height,
-						destWidth: encoding.width,
-						destHeight: encoding.height,
-						canvasId: globaCtxid,
-						fileType: 'png',
-						success: function (res) {
-							cbResult(res.tempFilePath)
-						},
-						fail: function (res) {
-							cbResult(res)
-						},
-						complete: function () {
-							uni.hideLoading();
-						},
-					}, globaContext);
-				}, options.text.length + 100);
-			}
-		}
-		// 混入canvas数据
-		function fixEncodings(encoding, options) {
-			let encodingArr = [],
-				width = options.marginLeft + options.marginRight,
-				height;
-			if (!Array.isArray(encoding)) {
-				encodingArr[0] = JSON.parse(JSON.stringify(encoding))
-			} else {
-				encodingArr = [...encoding]
-			}
-			encodingArr.forEach((v, i) => {
-				// 获取文本宽度
-				let textWidth = ctx.measureText(encodingArr[i].text ? encodingArr[i].text : '').width;
-				// 获取条形码宽度
-				let barcodeWidth = encodingArr[i].data.length * options.width;
-				// 获取内边距
-				let barcodePadding = 0;
-				if (options.displayValue && barcodeWidth < textWidth) {
-					if (options.textAlign == "center") {
-						barcodePadding = Math.floor((textWidth - barcodeWidth) / 2);
-					} else if (options.textAlign == "left") {
-						barcodePadding = 0;
-					} else if (options.textAlign == "right") {
-						barcodePadding = Math.floor(textWidth - barcodeWidth);
-					}
-				}
-				// 混入encodingArr[i]
-				encodingArr[i].barcodePadding = barcodePadding
-				encodingArr[i].width = Math.ceil(Math.max(textWidth, barcodeWidth))
-				width += encodingArr[i].width
-				if (encodingArr[i].options) {
-					if (encodingArr[i].options.height != undefined) {
-						encodingArr[i].height = encodingArr[i].options.height + (options.displayValue && (encodingArr[i].text ?
-							encodingArr[i].text : '').length > 0 ? options.fontSize + options.textMargin : 0) + options.marginTop +
-							options.marginBottom;
-					} else {
-						encodingArr[i].height = height = options.height + (options.displayValue && (encodingArr[i].text ? encodingArr[
-							i].text : '').length > 0 ? options.fontSize + options.textMargin : 0) + options.marginTop + options.marginBottom;
-					}
-				} else {
-					encodingArr[i].height = height = options.height + (options.displayValue && (encodingArr[i].text ? encodingArr[
-						i].text : '').length > 0 ? options.fontSize + options.textMargin : 0) + options.marginTop + options.marginBottom;
-				}
-			});
-			return {
-				encodings: encodingArr,
-				width,
-				height
-			};
-		}
-		// 修正Margin
-		function fixMargin(options) {
-			options.marginTop = options.marginTop == undefined ? options.margin : options.marginTop;
-			options.marginBottom = options.marginBottom == undefined ? options.margin : options.marginBottom;
-			options.marginRight = options.marginRight == undefined ? options.margin : options.marginRight;
-			options.marginLeft = options.marginLeft == undefined ? options.margin : options.marginLeft;
-		}
-	};
-})()
+var barCode = {};
+(function () {
+  // 初始化
+  barCode = function (cont, ctxid, options, ctxsize, result) {
+    let ops = {},
+      newOptions,
+      encodings,
+      globaContext,
+      ctx,
+      globaCtxid,
+      cbCanvasSize,
+      cbResult;
+    globaCtxid = ctxid;
+    cbCanvasSize = ctxsize;
+    cbResult = result;
+    newOptions = Object.assign(ops, options);
+    // 修成margin
+    fixMargin(newOptions);
+    // 处理options 数据
+    if (newOptions.text == '' || cont == undefined) {
+      return false;
+    }
+    // 获取ctx
+    globaContext = cont;
+    ctx = uni.createCanvasContext(globaCtxid, globaContext);
+    // 获取编码数据
+    encodings = new barcodes[newOptions.format.toUpperCase()](newOptions.text, newOptions).encode();
+    let fixencodings = fixEncodings(encodings, newOptions);
+    // 返回canvas实际大小
+    cbCanvasSize({
+      width: fixencodings.width,
+      height: fixencodings.height
+    });
+    // 绘制canvas
+    setTimeout(() => {
+      drawCanvas.render(newOptions, fixencodings);
+    }, 50);
+    // 绘制canvas
+    let drawCanvas = {
+      render(options, encoding) {
+        this.prepare(options, encoding);
+        encoding.encodings.forEach((v, i) => {
+          this.barcode(options, v);
+          this.text(options, v);
+          this.move(v);
+        });
+        this.draw(options, encoding);
+      },
+      barcode(options, encoding) {
+        let binary = encoding.data;
+        let yFrom;
+        if (options.textPosition == 'top') {
+          yFrom = options.marginTop + options.fontSize + options.textMargin;
+        } else {
+          yFrom = options.marginTop;
+        }
+        // 绘制条码
+        ctx.fillStyle = options.lineColor;
+        for (let b = 0; b < binary.length; b++) {
+          let x = b * options.width + encoding.barcodePadding;
+          let height = options.height;
+          if (encoding.options) {
+            if (encoding.options.height != undefined) {
+              height = encoding.options.height;
+            }
+          }
+          if (binary[b] === '1') {
+            ctx.fillRect(x, yFrom, options.width, height);
+          } else if (binary[b]) {
+            ctx.fillRect(x, yFrom, options.width, height * binary[b]);
+          }
+        }
+      },
+      text(options, encoding) {
+        if (options.displayValue) {
+          let x, y, align, size;
+          if (options.textPosition == 'top') {
+            y = options.marginTop + options.fontSize;
+          } else {
+            y = options.height + options.textMargin + options.marginTop + options.fontSize;
+          }
+          if (encoding.options) {
+            if (encoding.options.textAlign != undefined) {
+              align = encoding.options.textAlign;
+            }
+            if (encoding.options.fontSize != undefined) {
+              size = encoding.options.fontSize;
+            }
+          } else {
+            align = options.textAlign;
+            size = options.fontSize;
+          }
+          ctx.setFontSize(size);
+          if (align == 'left' || encoding.barcodePadding > 0) {
+            x = 0;
+            ctx.setTextAlign('left');
+          } else if (align == 'right') {
+            x = encoding.width - 1;
+            ctx.setTextAlign('right');
+          } else {
+            x = encoding.width / 2;
+            ctx.setTextAlign('center');
+          }
+          ctx.fillStyle = options.fontColor;
+          if (encoding.text != undefined) {
+            ctx.fillText(encoding.text, x, y);
+          }
+        }
+      },
+      move(encoding) {
+        ctx.translate(encoding.width, 0);
+      },
+      prepare(options, encoding) {
+        // 绘制背景
+        if (options.background) {
+          ctx.fillStyle = options.background;
+          ctx.fillRect(0, 0, encoding.width, encoding.height);
+        }
+        ctx.translate(options.marginLeft, 0);
+      },
+      draw(options, encoding) {
+        ctx.draw(false, () => {
+          this.toImgs(options, encoding);
+        });
+      },
+      toImgs(options, encoding) {
+        setTimeout(() => {
+          uni.canvasToTempFilePath(
+            {
+              width: encoding.width,
+              height: encoding.height,
+              destWidth: encoding.width,
+              destHeight: encoding.height,
+              canvasId: globaCtxid,
+              fileType: 'png',
+              success: function (res) {
+                cbResult(res.tempFilePath);
+              },
+              fail: function (res) {
+                cbResult(res);
+              },
+              complete: function () {
+                uni.hideLoading();
+              }
+            },
+            globaContext
+          );
+        }, options.text.length + 100);
+      }
+    };
+    // 混入canvas数据
+    function fixEncodings(encoding, options) {
+      let encodingArr = [],
+        width = options.marginLeft + options.marginRight,
+        height;
+      if (!Array.isArray(encoding)) {
+        encodingArr[0] = JSON.parse(JSON.stringify(encoding));
+      } else {
+        encodingArr = [...encoding];
+      }
+      encodingArr.forEach((v, i) => {
+        // 获取文本宽度
+        let textWidth = ctx.measureText(encodingArr[i].text ? encodingArr[i].text : '').width;
+        // 获取条形码宽度
+        let barcodeWidth = encodingArr[i].data.length * options.width;
+        // 获取内边距
+        let barcodePadding = 0;
+        if (options.displayValue && barcodeWidth < textWidth) {
+          if (options.textAlign == 'center') {
+            barcodePadding = Math.floor((textWidth - barcodeWidth) / 2);
+          } else if (options.textAlign == 'left') {
+            barcodePadding = 0;
+          } else if (options.textAlign == 'right') {
+            barcodePadding = Math.floor(textWidth - barcodeWidth);
+          }
+        }
+        // 混入encodingArr[i]
+        encodingArr[i].barcodePadding = barcodePadding;
+        encodingArr[i].width = Math.ceil(Math.max(textWidth, barcodeWidth));
+        width += encodingArr[i].width;
+        if (encodingArr[i].options) {
+          if (encodingArr[i].options.height != undefined) {
+            encodingArr[i].height =
+              encodingArr[i].options.height +
+              (options.displayValue && (encodingArr[i].text ? encodingArr[i].text : '').length > 0
+                ? options.fontSize + options.textMargin
+                : 0) +
+              options.marginTop +
+              options.marginBottom;
+          } else {
+            encodingArr[i].height = height =
+              options.height +
+              (options.displayValue && (encodingArr[i].text ? encodingArr[i].text : '').length > 0
+                ? options.fontSize + options.textMargin
+                : 0) +
+              options.marginTop +
+              options.marginBottom;
+          }
+        } else {
+          encodingArr[i].height = height =
+            options.height +
+            (options.displayValue && (encodingArr[i].text ? encodingArr[i].text : '').length > 0
+              ? options.fontSize + options.textMargin
+              : 0) +
+            options.marginTop +
+            options.marginBottom;
+        }
+      });
+      return {
+        encodings: encodingArr,
+        width,
+        height
+      };
+    }
+    // 修正Margin
+    function fixMargin(options) {
+      options.marginTop = options.marginTop == undefined ? options.margin : options.marginTop;
+      options.marginBottom = options.marginBottom == undefined ? options.margin : options.marginBottom;
+      options.marginRight = options.marginRight == undefined ? options.margin : options.marginRight;
+      options.marginLeft = options.marginLeft == undefined ? options.margin : options.marginLeft;
+    }
+  };
+})();
 
-export default barcode
+export default barCode;

package/ui-cv/cv-draw-barcode/barcodes/Barcode.js

@@ -1,17 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-	value: true
-});
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var Barcode = function Barcode(data, options) {
-	_classCallCheck(this, Barcode);
-
-	this.data = data;
-	this.text = options.text || data;
-	this.options = options;
-};
-
-exports.default = Barcode;
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError('Cannot call a class as a function');
+  }
+}
+
+export function BarcodeFunc(data, options) {
+  _classCallCheck(this, BarcodeFunc);
+  this.data = data;
+  this.text = options.text || data;
+  this.options = options;
+}
+// export function BarcodeFunc;
+// export function BarcodeFunc;