lingxiao/mini-yu
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
lingxiao865
2026-02-10 08:05:03 +08:00
commit c5af079d8c
1094 changed files with 97530 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
uni_modules/tdesign-uniapp/components/common/shared/calendar/index.js Normal file
View File

@@ -0,0 +1,128 @@
import { getDateRect, isSameDate, getMonthDateRect, isValidDate, getDate } from '../date';
export default class TCalendar {
constructor(options = {}) {
this.type = 'single';
Object.assign(this, options);
if (!this.minDate) this.minDate = getDate();
if (!this.maxDate) this.maxDate = getDate(6);
}
getTrimValue() {
const { value, type } = this;
const format = (val) => {
if (val instanceof Date) return val;
if (typeof val === 'number') return new Date(val);
return new Date();
};
if (type === 'single' && isValidDate(value)) return format(value);
if (type === 'multiple' || type === 'range') {
if (Array.isArray(value)) {
const isValid = value.every(item => isValidDate(item));
return isValid ? value.map(item => format(item)) : [];
}
return [];
}
}
getDays(weekdays) {
const ans = [];
let i = this.firstDayOfWeek % 7;
while (ans.length < 7) {
ans.push(weekdays[i]);
i = (i + 1) % 7;
}
return ans;
}
getMonths() {
const ans = [];
const selectedDate = this.getTrimValue();
const { minDate, maxDate, type, allowSameDay, format } = this;
const minDateRect = getDateRect(minDate);
let { year: minYear, month: minMonth } = minDateRect;
const { time: minTime } = minDateRect;
const { year: maxYear, month: maxMonth, time: maxTime } = getDateRect(maxDate);
const calcType = (year, month, date) => {
const curDate = new Date(year, month, date, 23, 59, 59);
if (type === 'single' && selectedDate) {
if (isSameDate({ year, month, date }, selectedDate)) return 'selected';
}
if (type === 'multiple' && selectedDate) {
const hit = selectedDate.some(item => isSameDate({ year, month, date }, item));
if (hit) {
return 'selected';
}
}
if (type === 'range' && selectedDate) {
if (Array.isArray(selectedDate)) {
const [startDate, endDate] = selectedDate;
const compareWithStart = startDate && isSameDate({ year, month, date }, startDate);
const compareWithEnd = endDate && isSameDate({ year, month, date }, endDate);
if (compareWithStart && compareWithEnd && allowSameDay) return 'start-end';
if (compareWithStart) return 'start';
if (compareWithEnd) return 'end';
if (startDate && endDate && curDate.getTime() > startDate.getTime() && curDate.getTime() < endDate.getTime()) return 'centre';
}
}
const minCurDate = new Date(year, month, date, 0, 0, 0);
if (curDate.getTime() < minTime || minCurDate.getTime() > maxTime) {
return 'disabled';
}
return '';
};
while (minYear < maxYear || (minYear === maxYear && minMonth <= maxMonth)) {
const target = getMonthDateRect(new Date(minYear, minMonth, 1));
const months = [];
for (let i = 1; i <= 31; i += 1) {
if (i > target.lastDate) break;
const dateObj = {
date: new Date(minYear, minMonth, i),
day: i,
type: calcType(minYear, minMonth, i),
};
months.push(format ? format(dateObj) : dateObj);
}
ans.push({
year: minYear,
month: minMonth,
months,
weekdayOfFirstDay: target.weekdayOfFirstDay,
});
const curDate = getDateRect(new Date(minYear, minMonth + 1, 1));
minYear = curDate.year;
minMonth = curDate.month;
}
return ans;
}
select({ cellType, year, month, date }) {
const { type } = this;
const selectedDate = this.getTrimValue();
if (cellType === 'disabled') return;
const selected = new Date(year, month, date);
this.value = selected;
if (type === 'range' && Array.isArray(selectedDate)) {
if (selectedDate.length === 1 && selected >= selectedDate[0]) {
this.value = [selectedDate[0], selected];
} else {
this.value = [selected];
}
} else if (type === 'multiple' && Array.isArray(selectedDate)) {
const newVal = [...selectedDate];
const index = selectedDate.findIndex(item => isSameDate(item, selected));
if (index > -1) {
newVal.splice(index, 1);
} else {
newVal.push(selected);
}
this.value = newVal;
}
return this.value;
}
}

14
uni_modules/tdesign-uniapp/components/common/shared/calendar/type.ts Normal file
View File

@@ -0,0 +1,14 @@
export type TCalendarValue = number | Date;
export type TDateType = 'selected' | 'disabled' | 'start-end' | 'start' | 'centre' | 'end' | '';
export type TCalendarType = 'single' | 'multiple' | 'range';
export interface TDate {
date: Date;
day: number;
type: TDateType;
className?: string;
prefix?: string;
suffix?: string;
}

78
uni_modules/tdesign-uniapp/components/common/shared/color-picker/cmyk.js Normal file
View File

@@ -0,0 +1,78 @@
/**
* rgb 转 cmyk
* @param red
* @param green
* @param blue
* @returns
*/
export const rgb2cmyk = (red, green, blue) => {
let computedC = 0;
let computedM = 0;
let computedY = 0;
let computedK = 0;
const r = parseInt(`${red}`.replace(/\s/g, ''), 10);
const g = parseInt(`${green}`.replace(/\s/g, ''), 10);
const b = parseInt(`${blue}`.replace(/\s/g, ''), 10);
if (r === 0 && g === 0 && b === 0) {
computedK = 1;
return [0, 0, 0, 1];
}
computedC = 1 - r / 255;
computedM = 1 - g / 255;
computedY = 1 - b / 255;
const minCMY = Math.min(computedC, Math.min(computedM, computedY));
computedC = (computedC - minCMY) / (1 - minCMY);
computedM = (computedM - minCMY) / (1 - minCMY);
computedY = (computedY - minCMY) / (1 - minCMY);
computedK = minCMY;
return [computedC, computedM, computedY, computedK];
};
/**
* cmyk 转 rgb
* @param cyan
* @param magenta
* @param yellow
* @param black
* @returns
*/
export const cmyk2rgb = (cyan, magenta, yellow, black) => {
let c = cyan / 100;
let m = magenta / 100;
let y = yellow / 100;
const k = black / 100;
c = c * (1 - k) + k;
m = m * (1 - k) + k;
y = y * (1 - k) + k;
let r = 1 - c;
let g = 1 - m;
let b = 1 - y;
r = Math.round(255 * r);
g = Math.round(255 * g);
b = Math.round(255 * b);
return {
r,
g,
b,
};
};
const REG_CMYK_STRING = /cmyk\((\d+%?),(\d+%?),(\d+%?),(\d+%?)\)/;
const toNumber = str => Math.max(0, Math.min(255, parseInt(str, 10)));
/**
* 输入色转rgb
* @param input
* @returns
*/
export const cmykInputToColor = (input) => {
if (/cmyk/i.test(input)) {
const str = input.replace(/\s/g, '');
const match = str.match(REG_CMYK_STRING);
const c = toNumber(match[1]);
const m = toNumber(match[2]);
const y = toNumber(match[3]);
const k = toNumber(match[4]);
const { r, g, b } = cmyk2rgb(c, m, y, k);
return `rgb(${r}, ${g}, ${b})`;
}
return input;
};

428
uni_modules/tdesign-uniapp/components/common/shared/color-picker/color.js Normal file
View File

@@ -0,0 +1,428 @@
import tinyColor from '../../../npm/tinycolor2/esm/tinycolor.js';
import { cmykInputToColor, rgb2cmyk } from './cmyk';
import { parseGradientString, isGradientColor } from './gradient';
const mathRound = Math.round;
const hsv2rgba = states => tinyColor(states).toRgb();
const hsv2hsva = states => tinyColor(states).toHsv();
const hsv2hsla = states => tinyColor(states).toHsl();
/**
* 将渐变对象转换成字符串
* @param object
* @returns
*/
export const gradientColors2string = (object) => {
const { points, degree } = object;
const colorsStop = points
.sort((pA, pB) => pA.left - pB.left)
.map(p => `${p.color} ${Math.round(p.left * 100) / 100}%`);
return `linear-gradient(${degree}deg,${colorsStop.join(',')})`;
};
/**
* 去除颜色的透明度
* @param color
* @returns
*/
export const getColorWithoutAlpha = color => tinyColor(color).setAlpha(1)
.toHexString();
// 生成一个随机ID
export const genId = () => (1 + Math.random() * 4294967295).toString(16);
/**
* 生成一个渐变颜色
* @param left
* @param color
* @returns
*/
export const genGradientPoint = (left, color) => ({
id: genId(),
left,
color,
});
export class Color {
constructor(input) {
this.states = {
s: 100,
v: 100,
h: 100,
a: 1,
};
this.gradientStates = {
colors: [],
degree: 0,
selectedId: null,
css: '',
};
this.update(input);
}
update(input) {
let _a; let _b;
const gradientColors = parseGradientString(input);
if (this.isGradient && !gradientColors) {
// 处理gradient模式下切换不同格式时的交互问题，输入的不是渐变字符串才使用当前处理
const colorHsv = tinyColor(input).toHsv();
this.states = colorHsv;
this.updateCurrentGradientColor();
return;
}
this.originColor = input;
this.isGradient = false;
let colorInput = input;
if (gradientColors) {
this.isGradient = true;
const object = gradientColors;
const points = object.points.map(c => genGradientPoint(c.left, c.color));
this.gradientStates = {
colors: points,
degree: object.degree,
selectedId: ((_a = points[0]) === null || _a === void 0 ? void 0 : _a.id) || null,
};
this.gradientStates.css = this.linearGradient;
colorInput = (_b = this.gradientSelectedPoint) === null || _b === void 0 ? void 0 : _b.color;
}
this.updateStates(colorInput);
}
get saturation() {
return this.states.s;
}
set saturation(value) {
this.states.s = Math.max(0, Math.min(100, value));
this.updateCurrentGradientColor();
}
get value() {
return this.states.v;
}
set value(value) {
this.states.v = Math.max(0, Math.min(100, value));
this.updateCurrentGradientColor();
}
get hue() {
return this.states.h;
}
set hue(value) {
this.states.h = Math.max(0, Math.min(360, value));
this.updateCurrentGradientColor();
}
get alpha() {
return this.states.a;
}
set alpha(value) {
this.states.a = Math.max(0, Math.min(1, Math.round(value * 100) / 100));
this.updateCurrentGradientColor();
}
get rgb() {
const { r, g, b } = hsv2rgba(this.states);
return `rgb(${mathRound(r)}, ${mathRound(g)}, ${mathRound(b)})`;
}
get rgba() {
const { r, g, b, a } = hsv2rgba(this.states);
return `rgba(${mathRound(r)}, ${mathRound(g)}, ${mathRound(b)}, ${a})`;
}
get hsv() {
const { h, s, v } = this.getHsva();
return `hsv(${h}, ${s}%, ${v}%)`;
}
get hsva() {
const { h, s, v, a } = this.getHsva();
return `hsva(${h}, ${s}%, ${v}%, ${a})`;
}
get hsl() {
const { h, s, l } = this.getHsla();
return `hsl(${h}, ${s}%, ${l}%)`;
}
get hsla() {
const { h, s, l, a } = this.getHsla();
return `hsla(${h}, ${s}%, ${l}%, ${a})`;
}
get hex() {
return tinyColor(this.states).toHexString();
}
get hex8() {
return tinyColor(this.states).toHex8String();
}
get cmyk() {
const { c, m, y, k } = this.getCmyk();
return `cmyk(${c}, ${m}, ${y}, ${k})`;
}
get css() {
if (this.isGradient) {
return this.linearGradient;
}
return this.rgba;
}
get linearGradient() {
const { gradientColors, gradientDegree } = this;
return gradientColors2string({
points: gradientColors,
degree: gradientDegree,
});
}
get gradientColors() {
return this.gradientStates.colors;
}
set gradientColors(colors) {
this.gradientStates.colors = colors;
this.gradientStates.css = this.linearGradient;
}
get gradientSelectedId() {
return this.gradientStates.selectedId;
}
set gradientSelectedId(id) {
let _a;
if (id === this.gradientSelectedId) {
return;
}
this.gradientStates.selectedId = id;
this.updateStates((_a = this.gradientSelectedPoint) === null || _a === void 0 ? void 0 : _a.color);
}
get gradientDegree() {
return this.gradientStates.degree;
}
set gradientDegree(degree) {
this.gradientStates.degree = Math.max(0, Math.min(360, degree));
this.gradientStates.css = this.linearGradient;
}
get gradientSelectedPoint() {
const { gradientColors, gradientSelectedId } = this;
return gradientColors.find(color => color.id === gradientSelectedId);
}
getFormatsColorMap() {
return {
HEX: this.hex,
CMYK: this.cmyk,
RGB: this.rgb,
RGBA: this.rgba,
HSL: this.hsl,
HSLA: this.hsla,
HSV: this.hsv,
HSVA: this.hsva,
CSS: this.css,
HEX8: this.hex8,
};
}
updateCurrentGradientColor() {
const { isGradient, gradientColors, gradientSelectedId } = this;
const { length } = gradientColors;
const current = this.gradientSelectedPoint;
if (!isGradient || length === 0 || !current) {
return false;
}
const index = gradientColors.findIndex(color => color.id === gradientSelectedId);
const newColor = { ...current, color: this.rgba };
gradientColors.splice(index, 1, newColor);
this.gradientColors = gradientColors.slice();
return this;
}
updateStates(input) {
const color = tinyColor(cmykInputToColor(input));
const hsva = color.toHsv();
this.states = hsva;
}
getRgba() {
const { r, g, b, a } = hsv2rgba(this.states);
return {
r: mathRound(r),
g: mathRound(g),
b: mathRound(b),
a,
};
}
getCmyk() {
const { r, g, b } = this.getRgba();
const [c, m, y, k] = rgb2cmyk(r, g, b);
return {
c: mathRound(c * 100),
m: mathRound(m * 100),
y: mathRound(y * 100),
k: mathRound(k * 100),
};
}
getHsva() {
let { h, s, v, a } = hsv2hsva(this.states);
h = mathRound(h);
s = mathRound(s * 100);
v = mathRound(v * 100);
a *= 1;
return {
h,
s,
v,
a,
};
}
getHsla() {
let { h, s, l, a } = hsv2hsla(this.states);
h = mathRound(h);
s = mathRound(s * 100);
l = mathRound(l * 100);
a *= 1;
return {
h,
s,
l,
a,
};
}
/**
* 判断输入色是否与当前色相同
* @param color
* @returns
*/
equals(color) {
return tinyColor.equals(this.rgba, color);
}
/**
* 校验输入色是否是一个有效颜色
* @param color
* @returns
*/
static isValid(color) {
if (parseGradientString(color)) {
return true;
}
return tinyColor(color).isValid();
}
static hsva2color(h, s, v, a) {
return tinyColor({
h,
s,
v,
a,
}).toHsvString();
}
static hsla2color(h, s, l, a) {
return tinyColor({
h,
s,
l,
a,
}).toHslString();
}
static rgba2color(r, g, b, a) {
return tinyColor({
r,
g,
b,
a,
}).toHsvString();
}
static hex2color(hex, a) {
const color = tinyColor(hex);
color.setAlpha(a);
return color.toHexString();
}
/**
* 对象转颜色字符串
* @param object
* @param format
* @returns
*/
static object2color(object, format) {
if (format === 'CMYK') {
const { c, m, y, k } = object;
return `cmyk(${c}, ${m}, ${y}, ${k})`;
}
const color = tinyColor(object, {
format,
});
return color.toRgbString();
}
}
/**
* 是否是渐变色
* @param input
* @returns
*/
Color.isGradientColor = input => !!isGradientColor(input);
/**
* 比较两个颜色是否相同
* @param color1
* @param color2
* @returns
*/
Color.compare = (color1, color2) => {
const isGradientColor1 = Color.isGradientColor(color1);
const isGradientColor2 = Color.isGradientColor(color2);
if (isGradientColor1 && isGradientColor2) {
const gradientColor1 = gradientColors2string(parseGradientString(color1));
const gradientColor2 = gradientColors2string(parseGradientString(color2));
return gradientColor1 === gradientColor2;
}
if (!isGradientColor1 && !isGradientColor2) {
return tinyColor.equals(color1, color2);
}
return false;
};
const COLOR_OBJECT_OUTPUT_KEYS = [
'alpha',
'css',
'hex',
'hex8',
'hsl',
'hsla',
'hsv',
'hsva',
'rgb',
'rgba',
'saturation',
'value',
'isGradient',
];
/**
* 获取对外输出的color对象
* @param color
* @returns
*/
export const getColorObject = (color) => {
if (!color) {
return null;
}
const colorObject = Object.create(null);
// eslint-disable-next-line no-return-assign
COLOR_OBJECT_OUTPUT_KEYS.forEach(key => (colorObject[key] = color[key]));
if (color.isGradient) {
colorObject.linearGradient = color.linearGradient;
}
return colorObject;
};
export default Color;

180
uni_modules/tdesign-uniapp/components/common/shared/color-picker/gradient.js Normal file
View File

@@ -0,0 +1,180 @@
/**
* 用于反解析渐变字符串为对象
* https://stackoverflow.com/questions/20215440/parse-css-gradient-rule-with-javascript-regex
*/
import tinyColor from '../../../npm/tinycolor2/esm/tinycolor.js';
import { isString, isNull } from '../../validator';
/** ../../validator.js
* Utility combine multiple regular expressions.
*
* @param {RegExp[]|string[]} regexpList List of regular expressions or strings.
* @param {string} flags Normal RegExp flags.
*/
const combineRegExp = (regexpList, flags) => {
let source = '';
for (let i = 0; i < regexpList.length; i += 1) {
if (isString(regexpList[i])) {
source += regexpList[i];
} else {
source += regexpList[i].source;
}
}
return new RegExp(source, flags);
};
/**
* Generate the required regular expressions once.
*
* Regular Expressions are easier to manage this way and can be well described.
*
* @result {object} Object containing regular expressions.
*/
const generateRegExp = () => {
// Note any variables with "Capture" in name include capturing bracket set(s).
const searchFlags = 'gi'; // ignore case for angles, "rgb" etc
const rAngle = /(?:[+-]?\d*\.?\d+)(?:deg|grad|rad|turn)/; // Angle +ive, -ive and angle types
// optional 2nd part
const rSideCornerCapture = /to\s+((?:(?:left|right|top|bottom)(?:\s+(?:top|bottom|left|right))?))/;
const rComma = /\s*,\s*/; // Allow space around comma.
const rColorHex = /#(?:[a-f0-9]{6}|[a-f0-9]{3})/; // 3 or 6 character form
const rDigits3 = /\(\s*(?:\d{1,3}\s*,\s*){2}\d{1,3}\s*\)/;
const // "(1, 2, 3)"
rDigits4 = /\(\s*(?:\d{1,3}\s*,\s*){2}\d{1,3}\s*,\s*\d*\.?\d+\)/;
const // "(1, 2, 3, 4)"
rValue = /(?:[+-]?\d*\.?\d+)(?:%|[a-z]+)?/;
const // ".9", "-5px", "100%".
rKeyword = /[_a-z-][_a-z0-9-]*/;
const // "red", "transparent".
rColor = combineRegExp(['(?:', rColorHex, '|', '(?:rgb|hsl)', rDigits3, '|', '(?:rgba|hsla)', rDigits4, '|', rKeyword, ')'], '');
const rColorStop = combineRegExp([rColor, '(?:\\s+', rValue, '(?:\\s+', rValue, ')?)?'], '');
const // Single Color Stop, optional %, optional length.
rColorStopList = combineRegExp(['(?:', rColorStop, rComma, ')*', rColorStop], '');
const // List of color stops min 1.
rLineCapture = combineRegExp(['(?:(', rAngle, ')|', rSideCornerCapture, ')'], '');
const // Angle or SideCorner
rGradientSearch = combineRegExp(['(?:(', rLineCapture, ')', rComma, ')?(', rColorStopList, ')'], searchFlags);
const // Capture 1:"line", 2:"angle" (optional), 3:"side corner" (optional) and 4:"stop list".
rColorStopSearch = combineRegExp(['\\s*(', rColor, ')', '(?:\\s+', '(', rValue, '))?', '(?:', rComma, '\\s*)?'], searchFlags); // Capture 1:"color" and 2:"position" (optional).
return {
gradientSearch: rGradientSearch,
colorStopSearch: rColorStopSearch,
};
};
/**
* Actually parse the input gradient parameters string into an object for reusability.
*
*
* @note Really this only supports the standard syntax not historical versions, see MDN for details
* https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient
*
* @param regExpLib
* @param {string} input
* @returns {object|undefined}
*/
const parseGradient = (regExpLib, input) => {
let result;
let matchColorStop;
let stopResult;
// reset search position, because we reuse regex.
regExpLib.gradientSearch.lastIndex = 0;
const matchGradient = regExpLib.gradientSearch.exec(input);
if (!isNull(matchGradient)) {
result = {
original: matchGradient[0],
colorStopList: [],
};
// Line (Angle or Side-Corner).
if (matchGradient[1]) {
// eslint-disable-next-line prefer-destructuring
result.line = matchGradient[1];
}
// Angle or undefined if side-corner.
if (matchGradient[2]) {
// eslint-disable-next-line prefer-destructuring
result.angle = matchGradient[2];
}
// Side-corner or undefined if angle.
if (matchGradient[3]) {
// eslint-disable-next-line prefer-destructuring
result.sideCorner = matchGradient[3];
}
// reset search position, because we reuse regex.
regExpLib.colorStopSearch.lastIndex = 0;
// Loop though all the color-stops.
matchColorStop = regExpLib.colorStopSearch.exec(matchGradient[4]);
while (!isNull(matchColorStop)) {
stopResult = {
color: matchColorStop[1],
};
// Position (optional).
if (matchColorStop[2]) {
// eslint-disable-next-line prefer-destructuring
stopResult.position = matchColorStop[2];
}
result.colorStopList.push(stopResult);
// Continue searching from previous position.
matchColorStop = regExpLib.colorStopSearch.exec(matchGradient[4]);
}
}
// Can be undefined if match not found.
return result;
};
const REGEXP_LIB = generateRegExp();
const REG_GRADIENT = /.*gradient\s*\(((?:\([^)]*\)|[^)(]*)*)\)/gim;
/**
* 验证是否是渐变字符串
* @param input
* @returns
*/
export const isGradientColor = (input) => {
REG_GRADIENT.lastIndex = 0;
return REG_GRADIENT.exec(input);
};
// 边界字符串和角度关系
const sideCornerDegreeMap = {
top: 0,
right: 90,
bottom: 180,
left: 270,
'top left': 225,
'left top': 225,
'top right': 135,
'right top': 135,
'bottom left': 315,
'left bottom': 315,
'bottom right': 45,
'right bottom': 45,
};
/**
* 解析渐变字符串为 GradientColors 对象
* @param input
* @returns
*/
export const parseGradientString = (input) => {
const match = isGradientColor(input);
if (!match) {
return false;
}
const gradientColors = {
points: [],
degree: 0,
};
const result = parseGradient(REGEXP_LIB, match[1]);
if (result.original.trim() !== match[1].trim()) {
return false;
}
const points = result.colorStopList.map(({ color, position }) => {
const point = Object.create(null);
point.color = tinyColor(color).toRgbString();
point.left = parseFloat(position);
return point;
});
gradientColors.points = points;
let degree = parseInt(result.angle, 10);
if (Number.isNaN(degree)) {
degree = sideCornerDegreeMap[result.sideCorner] || 90;
}
gradientColors.degree = degree;
return gradientColors;
};
export default parseGradientString;

3
uni_modules/tdesign-uniapp/components/common/shared/color-picker/index.js Normal file
View File

@@ -0,0 +1,3 @@
export * from './cmyk';
export * from './color';
export * from './gradient';

46
uni_modules/tdesign-uniapp/components/common/shared/date.js Normal file
View File

@@ -0,0 +1,46 @@
export const getDateRect = (date) => {
const _date = new Date(date);
return {
year: _date.getFullYear(),
month: _date.getMonth(),
date: _date.getDate(),
day: _date.getDay(),
time: _date.getTime(),
};
};
export const isSameDate = (date1, date2) => {
if (date1 instanceof Date || typeof date1 === 'number') date1 = getDateRect(date1);
if (date2 instanceof Date || typeof date2 === 'number') date2 = getDateRect(date2);
const keys = ['year', 'month', 'date'];
return keys.every(key => date1[key] === date2[key]);
};
export const getMonthDateRect = (date) => {
const { year, month } = getDateRect(date);
const firstDay = new Date(year, month, 1);
const weekdayOfFirstDay = firstDay.getDay();
const lastDate = new Date(+new Date(year, month + 1, 1) - 24 * 3600 * 1000).getDate();
return {
year,
month,
weekdayOfFirstDay,
lastDate,
};
};
export const isValidDate = val => typeof val === 'number' || val instanceof Date;
export const getDate = (...args) => {
const now = new Date();
if (args.length === 0) return now;
if (args.length === 1 && args[0] <= 1000) {
const { year, month, date } = getDateRect(now);
return new Date(year, month + args[0], date);
}
// eslint-disable-next-line prefer-spread
return Date.apply(null, args);
};

884
uni_modules/tdesign-uniapp/components/common/shared/qrcode/qrcodegen.js Normal file
View File

@@ -0,0 +1,884 @@
/* eslint-disable */
// Copyright (c) Project Nayuki. (MIT License)
// https://www.nayuki.io/page/qr-code-generator-library
// Modification with code reorder and prettier
// --------------------------------------------
// Appends the given number of low-order bits of the given value
// to the given buffer. Requires 0 <= len <= 31 and 0 <= val < 2^len.
function appendBits(val, len, bb) {
if (len < 0 || len > 31 || val >>> len !== 0) {
throw new RangeError('Value out of range');
}
for (let i = len - 1; i >= 0; i-- // Append bit by bit
) {
bb.push((val >>> i) & 1);
}
}
// Returns true iff the i'th bit of x is set to 1.
function getBit(x, i) {
return ((x >>> i) & 1) !== 0;
}
// Throws an exception if the given condition is false.
function assert(cond) {
if (!cond) {
throw new Error('Assertion error');
}
}
/* ---- Public helper enumeration ----*/
/*
* Describes how a segment's data bits are numbererpreted. Immutable.
*/
export class Mode {
constructor(modeBits, numBitsCharCount) {
this.modeBits = modeBits;
this.numBitsCharCount = numBitsCharCount;
}
/* -- Method --*/
// (Package-private) Returns the bit width of the character count field for a segment in
// this mode in a QR Code at the given version number. The result is in the range [0, 16].
numCharCountBits(ver) {
return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
}
}
/* -- Constants --*/
Mode.NUMERIC = new Mode(0x1, [10, 12, 14]);
Mode.ALPHANUMERIC = new Mode(0x2, [9, 11, 13]);
Mode.BYTE = new Mode(0x4, [8, 16, 16]);
Mode.KANJI = new Mode(0x8, [8, 10, 12]);
Mode.ECI = new Mode(0x7, [0, 0, 0]);
/* ---- Public helper enumeration ----*/
/*
* The error correction level in a QR Code symbol. Immutable.
*/
export class Ecc {
constructor(ordinal, formatBits) {
this.ordinal = ordinal;
this.formatBits = formatBits;
}
}
/* -- Constants --*/
Ecc.LOW = new Ecc(0, 1); // The QR Code can tolerate about 7% erroneous codewords
Ecc.MEDIUM = new Ecc(1, 0); // The QR Code can tolerate about 15% erroneous codewords
Ecc.QUARTILE = new Ecc(2, 3); // The QR Code can tolerate about 25% erroneous codewords
Ecc.HIGH = new Ecc(3, 2); // The QR Code can tolerate about 30% erroneous codewords
/*
* A segment of character/binary/control data in a QR Code symbol.
* Instances of this class are immutable.
* The mid-level way to create a segment is to take the payload data
* and call a static factory function such as QrSegment.makeNumeric().
* The low-level way to create a segment is to custom-make the bit buffer
* and call the QrSegment() constructor with appropriate values.
* This segment class imposes no length restrictions, but QR Codes have restrictions.
* Even in the most favorable conditions, a QR Code can only hold 7089 characters of data.
* Any segment longer than this is meaningless for the purpose of generating QR Codes.
*/
export class QrSegment {
// Creates a new QR Code segment with the given attributes and data.
// The character count (numChars) must agree with the mode and the bit buffer length,
// but the constranumber isn't checked. The given bit buffer is cloned and stored.
constructor(mode, numChars, bitData) {
this.mode = mode;
this.numChars = numChars;
this.bitData = bitData;
if (numChars < 0) {
throw new RangeError('Invalid argument');
}
this.bitData = bitData.slice(); // Make defensive copy
}
/* -- Static factory functions (mid level) --*/
// Returns a segment representing the given binary data encoded in
// byte mode. All input byte arrays are acceptable. Any text string
// can be converted to UTF-8 bytes and encoded as a byte mode segment.
static makeBytes(data) {
const bb = [];
for (const b of data) {
appendBits(b, 8, bb);
}
return new QrSegment(Mode.BYTE, data.length, bb);
}
// Returns a segment representing the given string of decimal digits encoded in numeric mode.
static makeNumeric(digits) {
if (!QrSegment.isNumeric(digits)) {
throw new RangeError('String contains non-numeric characters');
}
const bb = [];
for (let i = 0; i < digits.length;) {
// Consume up to 3 digits per iteration
const n = Math.min(digits.length - i, 3);
appendBits(parseInt(digits.substring(i, i + n), 10), n * 3 + 1, bb);
i += n;
}
return new QrSegment(Mode.NUMERIC, digits.length, bb);
}
// Returns a segment representing the given text string encoded in alphanumeric mode.
// The characters allowed are: 0 to 9, A to Z (uppercase only), space,
// dollar, percent, asterisk, plus, hyphen, period, slash, colon.
static makeAlphanumeric(text) {
if (!QrSegment.isAlphanumeric(text)) {
throw new RangeError('String contains unencodable characters in alphanumeric mode');
}
const bb = [];
let i;
for (i = 0; i + 2 <= text.length; i += 2) {
// Process groups of 2
let temp = QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45;
temp += QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1));
appendBits(temp, 11, bb);
}
if (i < text.length) {
// 1 character remaining
appendBits(QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb);
}
return new QrSegment(Mode.ALPHANUMERIC, text.length, bb);
}
// Returns a new mutable list of zero or more segments to represent the given Unicode text string.
// The result may use various segment modes and switch modes to optimize the length of the bit stream.
static makeSegments(text) {
// Select the most efficient segment encoding automatically
if (text === '') {
return [];
}
if (QrSegment.isNumeric(text)) {
return [QrSegment.makeNumeric(text)];
}
if (QrSegment.isAlphanumeric(text)) {
return [QrSegment.makeAlphanumeric(text)];
}
return [QrSegment.makeBytes(QrSegment.toUtf8ByteArray(text))];
}
// Returns a segment representing an Extended Channel Interpretation
// (ECI) designator with the given assignment value.
static makeEci(assignVal) {
const bb = [];
if (assignVal < 0) {
throw new RangeError('ECI assignment value out of range');
}
else if (assignVal < 1 << 7) {
appendBits(assignVal, 8, bb);
}
else if (assignVal < 1 << 14) {
appendBits(0b10, 2, bb);
appendBits(assignVal, 14, bb);
}
else if (assignVal < 1000000) {
appendBits(0b110, 3, bb);
appendBits(assignVal, 21, bb);
}
else {
throw new RangeError('ECI assignment value out of range');
}
return new QrSegment(Mode.ECI, 0, bb);
}
// Tests whether the given string can be encoded as a segment in numeric mode.
// A string is encodable iff each character is in the range 0 to 9.
static isNumeric(text) {
return QrSegment.NUMERIC_REGEX.test(text);
}
// Tests whether the given string can be encoded as a segment in alphanumeric mode.
// A string is encodable iff each character is in the following set: 0 to 9, A to Z
// (uppercase only), space, dollar, percent, asterisk, plus, hyphen, period, slash, colon.
static isAlphanumeric(text) {
return QrSegment.ALPHANUMERIC_REGEX.test(text);
}
/* -- Methods --*/
// Returns a new copy of the data bits of this segment.
getData() {
return this.bitData.slice(); // Make defensive copy
}
// (Package-private) Calculates and returns the number of bits needed to encode the given segments at
// the given version. The result is infinity if a segment has too many characters to fit its length field.
static getTotalBits(segs, version) {
let result = 0;
for (const seg of segs) {
const ccbits = seg.mode.numCharCountBits(version);
if (seg.numChars >= 1 << ccbits) {
return Infinity; // The segment's length doesn't fit the field's bit width
}
result += 4 + ccbits + seg.bitData.length;
}
return result;
}
// Returns a new array of bytes representing the given string encoded in UTF-8.
static toUtf8ByteArray(input) {
const str = encodeURI(input);
const result = [];
for (let i = 0; i < str.length; i++) {
if (str.charAt(i) !== '%') {
result.push(str.charCodeAt(i));
}
else {
result.push(parseInt(str.substring(i + 1, i + 3), 16));
i += 2;
}
}
return result;
}
}
/* -- Constants --*/
// Describes precisely all strings that are encodable in numeric mode.
QrSegment.NUMERIC_REGEX = /^[0-9]*$/;
// Describes precisely all strings that are encodable in alphanumeric mode.
QrSegment.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/;
// The set of all legal characters in alphanumeric mode,
// where each character value maps to the index in the string.
QrSegment.ALPHANUMERIC_CHARSET = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:';
/*
* A QR Code symbol, which is a type of two-dimension barcode.
* Invented by Denso Wave and described in the ISO/IEC 18004 standard.
* Instances of this class represent an immutable square grid of dark and light cells.
* The class provides static factory functions to create a QR Code from text or binary data.
* The class covers the QR Code Model 2 specification, supporting all versions (sizes)
* from 1 to 40, all 4 error correction levels, and 4 character encoding modes.
*
* Ways to create a QR Code object:
* - High level: Take the payload data and call QrCode.encodeText() or QrCode.encodeBinary().
* - Mid level: Custom-make the list of segments and call QrCode.encodeSegments().
* - Low level: Custom-make the array of data codeword bytes (including
* segment headers and final padding, excluding error correction codewords),
* supply the appropriate version number, and call the QrCode() constructor.
* (Note that all ways require supplying the desired error correction level.)
*/
export class QrCode {
// Creates a new QR Code with the given version number,
// error correction level, data codeword bytes, and mask number.
// This is a low-level API that most users should not use directly.
// A mid-level API is the encodeSegments() function.
constructor(
// The version number of this QR Code, which is between 1 and 40 (inclusive).
// This determines the size of this barcode.
version,
// The error correction level used in this QR Code.
errorCorrectionLevel, dataCodewords, oriMsk) {
// The modules of this QR Code (false = light, true = dark).
// Immutable after constructor finishes. Accessed through getModule().
this.modules = [];
// Indicates function modules that are not subjected to masking. Discarded when constructor finishes.
this.isFunction = [];
let msk = oriMsk;
this.version = version;
this.errorCorrectionLevel = errorCorrectionLevel;
// Check scalar arguments
if (version < QrCode.MIN_VERSION || version > QrCode.MAX_VERSION) {
throw new RangeError('Version value out of range');
}
if (msk < -1 || msk > 7) {
throw new RangeError('Mask value out of range');
}
this.size = version * 4 + 17;
// Initialize both grids to be size*size arrays of Boolean false
const row = [];
for (let i = 0; i < this.size; i++) {
row.push(false);
}
for (let i = 0; i < this.size; i++) {
this.modules.push(row.slice()); // Initially all light
this.isFunction.push(row.slice());
}
// Compute ECC, draw modules
this.drawFunctionPatterns();
const allCodewords = this.addEccAndInterleave(dataCodewords);
this.drawCodewords(allCodewords);
// Do masking
if (msk === -1) {
// Automatically choose best mask
let minPenalty = 1000000000;
for (let i = 0; i < 8; i++) {
this.applyMask(i);
this.drawFormatBits(i);
const penalty = this.getPenaltyScore();
if (penalty < minPenalty) {
msk = i;
minPenalty = penalty;
}
this.applyMask(i); // Undoes the mask due to XOR
}
}
assert(msk >= 0 && msk <= 7);
this.mask = msk;
this.applyMask(msk); // Apply the final choice of mask
this.drawFormatBits(msk); // Overwrite old format bits
this.isFunction = [];
}
/* -- Static factory functions (high level) --*/
// Returns a QR Code representing the given Unicode text string at the given error correction level.
// As a conservative upper bound, this function is guaranteed to succeed for strings that have 738 or fewer
// Unicode code ponumbers (not UTF-16 code units) if the low error correction level is used. The smallest possible
// QR Code version is automatically chosen for the output. The ECC level of the result may be higher than the
// ecl argument if it can be done without increasing the version.
static encodeText(text, ecl) {
const segs = QrSegment.makeSegments(text);
return QrCode.encodeSegments(segs, ecl);
}
// Returns a QR Code representing the given binary data at the given error correction level.
// This function always encodes using the binary segment mode, not any text mode. The maximum number of
// bytes allowed is 2953. The smallest possible QR Code version is automatically chosen for the output.
// The ECC level of the result may be higher than the ecl argument if it can be done without increasing the version.
static encodeBinary(data, ecl) {
const seg = QrSegment.makeBytes(data);
return QrCode.encodeSegments([seg], ecl);
}
/* -- Static factory functions (mid level) --*/
// Returns a QR Code representing the given segments with the given encoding parameters.
// The smallest possible QR Code version within the given range is automatically
// chosen for the output. Iff boostEcl is true, then the ECC level of the result
// may be higher than the ecl argument if it can be done without increasing the
// version. The mask number is either between 0 to 7 (inclusive) to force that
// mask, or -1 to automatically choose an appropriate mask (which may be slow).
// This function allows the user to create a custom sequence of segments that switches
// between modes (such as alphanumeric and byte) to encode text in less space.
// This is a mid-level API; the high-level API is encodeText() and encodeBinary().
static encodeSegments(segs, oriEcl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {
if (!(QrCode.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= QrCode.MAX_VERSION) ||
mask < -1 ||
mask > 7) {
throw new RangeError('Invalid value');
}
// Find the minimal version number to use
let version;
let dataUsedBits;
for (version = minVersion;; version++) {
const dataCapacityBits = QrCode.getNumDataCodewords(version, oriEcl) * 8; // Number of data bits available
const usedBits = QrSegment.getTotalBits(segs, version);
if (usedBits <= dataCapacityBits) {
dataUsedBits = usedBits;
break; // This version number is found to be suitable
}
if (version >= maxVersion) {
// All versions in the range could not fit the given data
throw new RangeError('Data too long');
}
}
let ecl = oriEcl;
// Increase the error correction level while the data still fits in the current version number
for (const newEcl of [Ecc.MEDIUM, Ecc.QUARTILE, Ecc.HIGH]) {
// From low to high
if (boostEcl && dataUsedBits <= QrCode.getNumDataCodewords(version, newEcl) * 8) {
ecl = newEcl;
}
}
// Concatenate all segments to create the data bit string
const bb = [];
for (const seg of segs) {
appendBits(seg.mode.modeBits, 4, bb);
appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);
for (const b of seg.getData()) {
bb.push(b);
}
}
assert(bb.length === dataUsedBits);
// Add terminator and pad up to a byte if applicable
const dataCapacityBits = QrCode.getNumDataCodewords(version, ecl) * 8;
assert(bb.length <= dataCapacityBits);
appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);
appendBits(0, (8 - (bb.length % 8)) % 8, bb);
assert(bb.length % 8 === 0);
// Pad with alternating bytes until data capacity is reached
for (let padByte = 0xec; bb.length < dataCapacityBits; padByte ^= 0xec ^ 0x11) {
appendBits(padByte, 8, bb);
}
// Pack bits numbero bytes in big endian
const dataCodewords = [];
while (dataCodewords.length * 8 < bb.length) {
dataCodewords.push(0);
}
bb.forEach((b, i) => {
dataCodewords[i >>> 3] |= b << (7 - (i & 7));
});
// Create the QR Code object
return new QrCode(version, ecl, dataCodewords, mask);
}
/* -- Accessor methods --*/
// Returns the color of the module (pixel) at the given coordinates, which is false
// for light or true for dark. The top left corner has the coordinates (x=0, y=0).
// If the given coordinates are out of bounds, then false (light) is returned.
getModule(x, y) {
return x >= 0 && x < this.size && y >= 0 && y < this.size && this.modules[y][x];
}
// Modified to expose modules for easy access
getModules() {
return this.modules;
}
/* -- Private helper methods for constructor: Drawing function modules --*/
// Reads this object's version field, and draws and marks all function modules.
drawFunctionPatterns() {
// Draw horizontal and vertical timing patterns
for (let i = 0; i < this.size; i++) {
this.setFunctionModule(6, i, i % 2 === 0);
this.setFunctionModule(i, 6, i % 2 === 0);
}
// Draw 3 finder patterns (all corners except bottom right; overwrites some timing modules)
this.drawFinderPattern(3, 3);
this.drawFinderPattern(this.size - 4, 3);
this.drawFinderPattern(3, this.size - 4);
// Draw numerous alignment patterns
const alignPatPos = this.getAlignmentPatternPositions();
const numAlign = alignPatPos.length;
for (let i = 0; i < numAlign; i++) {
for (let j = 0; j < numAlign; j++) {
// Don't draw on the three finder corners
if (!((i === 0 && j === 0) || (i === 0 && j === numAlign - 1) || (i === numAlign - 1 && j === 0))) {
this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);
}
}
}
// Draw configuration data
this.drawFormatBits(0); // Dummy mask value; overwritten later in the constructor
this.drawVersion();
}
// Draws two copies of the format bits (with its own error correction code)
// based on the given mask and this object's error correction level field.
drawFormatBits(mask) {
// Calculate error correction code and pack bits
const data = (this.errorCorrectionLevel.formatBits << 3) | mask; // errCorrLvl is unumber2, mask is unumber3
let rem = data;
for (let i = 0; i < 10; i++) {
rem = (rem << 1) ^ ((rem >>> 9) * 0x537);
}
const bits = ((data << 10) | rem) ^ 0x5412; // unumber15
assert(bits >>> 15 === 0);
// Draw first copy
for (let i = 0; i <= 5; i++) {
this.setFunctionModule(8, i, getBit(bits, i));
}
this.setFunctionModule(8, 7, getBit(bits, 6));
this.setFunctionModule(8, 8, getBit(bits, 7));
this.setFunctionModule(7, 8, getBit(bits, 8));
for (let i = 9; i < 15; i++) {
this.setFunctionModule(14 - i, 8, getBit(bits, i));
}
// Draw second copy
for (let i = 0; i < 8; i++) {
this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));
}
for (let i = 8; i < 15; i++) {
this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));
}
this.setFunctionModule(8, this.size - 8, true); // Always dark
}
// Draws two copies of the version bits (with its own error correction code),
// based on this object's version field, iff 7 <= version <= 40.
drawVersion() {
if (this.version < 7) {
return;
}
// Calculate error correction code and pack bits
let rem = this.version; // version is unumber6, in the range [7, 40]
for (let i = 0; i < 12; i++) {
rem = (rem << 1) ^ ((rem >>> 11) * 0x1f25);
}
const bits = (this.version << 12) | rem; // unumber18
assert(bits >>> 18 === 0);
// Draw two copies
for (let i = 0; i < 18; i++) {
const color = getBit(bits, i);
const a = this.size - 11 + (i % 3);
const b = Math.floor(i / 3);
this.setFunctionModule(a, b, color);
this.setFunctionModule(b, a, color);
}
}
// Draws a 9*9 finder pattern including the border separator,
// with the center module at (x, y). Modules can be out of bounds.
drawFinderPattern(x, y) {
for (let dy = -4; dy <= 4; dy++) {
for (let dx = -4; dx <= 4; dx++) {
const dist = Math.max(Math.abs(dx), Math.abs(dy)); // Chebyshev/infinity norm
const xx = x + dx;
const yy = y + dy;
if (xx >= 0 && xx < this.size && yy >= 0 && yy < this.size) {
this.setFunctionModule(xx, yy, dist !== 2 && dist !== 4);
}
}
}
}
// Draws a 5*5 alignment pattern, with the center module
// at (x, y). All modules must be in bounds.
drawAlignmentPattern(x, y) {
for (let dy = -2; dy <= 2; dy++) {
for (let dx = -2; dx <= 2; dx++) {
this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) !== 1);
}
}
}
// Sets the color of a module and marks it as a function module.
// Only used by the constructor. Coordinates must be in bounds.
setFunctionModule(x, y, isDark) {
this.modules[y][x] = isDark;
this.isFunction[y][x] = true;
}
/* -- Private helper methods for constructor: Codewords and masking --*/
// Returns a new byte string representing the given data with the appropriate error correction
// codewords appended to it, based on this object's version and error correction level.
addEccAndInterleave(data) {
const ver = this.version;
const ecl = this.errorCorrectionLevel;
if (data.length !== QrCode.getNumDataCodewords(ver, ecl)) {
throw new RangeError('Invalid argument');
}
// Calculate parameter numbers
const numBlocks = QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
const blockEccLen = QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];
const rawCodewords = Math.floor(QrCode.getNumRawDataModules(ver) / 8);
const numShortBlocks = numBlocks - (rawCodewords % numBlocks);
const shortBlockLen = Math.floor(rawCodewords / numBlocks);
// Split data numbero blocks and append ECC to each block
const blocks = [];
const rsDiv = QrCode.reedSolomonComputeDivisor(blockEccLen);
for (let i = 0, k = 0; i < numBlocks; i++) {
const dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));
k += dat.length;
const ecc = QrCode.reedSolomonComputeRemainder(dat, rsDiv);
if (i < numShortBlocks) {
dat.push(0);
}
blocks.push(dat.concat(ecc));
}
// Interleave (not concatenate) the bytes from every block numbero a single sequence
const result = [];
for (let i = 0; i < blocks[0].length; i++) {
blocks.forEach((block, j) => {
// Skip the padding byte in short blocks
if (i !== shortBlockLen - blockEccLen || j >= numShortBlocks) {
result.push(block[i]);
}
});
}
assert(result.length === rawCodewords);
return result;
}
// Draws the given sequence of 8-bit codewords (data and error correction) onto the entire
// data area of this QR Code. Function modules need to be marked off before this is called.
drawCodewords(data) {
if (data.length !== Math.floor(QrCode.getNumRawDataModules(this.version) / 8)) {
throw new RangeError('Invalid argument');
}
let i = 0; // Bit index numbero the data
// Do the funny zigzag scan
for (let right = this.size - 1; right >= 1; right -= 2) {
// Index of right column in each column pair
if (right === 6) {
right = 5;
}
for (let vert = 0; vert < this.size; vert++) {
// Vertical counter
for (let j = 0; j < 2; j++) {
const x = right - j; // Actual x coordinate
const upward = ((right + 1) & 2) === 0;
const y = upward ? this.size - 1 - vert : vert; // Actual y coordinate
if (!this.isFunction[y][x] && i < data.length * 8) {
this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));
i++;
}
// If this QR Code has any remainder bits (0 to 7), they were assigned as
// 0/false/light by the constructor and are left unchanged by this method
}
}
}
assert(i === data.length * 8);
}
// XORs the codeword modules in this QR Code with the given mask pattern.
// The function modules must be marked and the codeword bits must be drawn
// before masking. Due to the arithmetic of XOR, calling applyMask() with
// the same mask value a second time will undo the mask. A final well-formed
// QR Code needs exactly one (not zero, two, etc.) mask applied.
applyMask(mask) {
if (mask < 0 || mask > 7) {
throw new RangeError('Mask value out of range');
}
for (let y = 0; y < this.size; y++) {
for (let x = 0; x < this.size; x++) {
let invert;
switch (mask) {
case 0:
invert = (x + y) % 2 === 0;
break;
case 1:
invert = y % 2 === 0;
break;
case 2:
invert = x % 3 === 0;
break;
case 3:
invert = (x + y) % 3 === 0;
break;
case 4:
invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 === 0;
break;
case 5:
invert = ((x * y) % 2) + ((x * y) % 3) === 0;
break;
case 6:
invert = (((x * y) % 2) + ((x * y) % 3)) % 2 === 0;
break;
case 7:
invert = (((x + y) % 2) + ((x * y) % 3)) % 2 === 0;
break;
default:
throw new Error('Unreachable');
}
if (!this.isFunction[y][x] && invert) {
this.modules[y][x] = !this.modules[y][x];
}
}
}
}
// Calculates and returns the penalty score based on state of this QR Code's current modules.
// This is used by the automatic mask choice algorithm to find the mask pattern that yields the lowest score.
getPenaltyScore() {
let result = 0;
// Adjacent modules in row having same color, and finder-like patterns
for (let y = 0; y < this.size; y++) {
let runColor = false;
let runX = 0;
const runHistory = [0, 0, 0, 0, 0, 0, 0];
for (let x = 0; x < this.size; x++) {
if (this.modules[y][x] === runColor) {
runX++;
if (runX === 5) {
result += QrCode.PENALTY_N1;
}
else if (runX > 5) {
result++;
}
}
else {
this.finderPenaltyAddHistory(runX, runHistory);
if (!runColor) {
result += this.finderPenaltyCountPatterns(runHistory) * QrCode.PENALTY_N3;
}
runColor = this.modules[y][x];
runX = 1;
}
}
result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * QrCode.PENALTY_N3;
}
// Adjacent modules in column having same color, and finder-like patterns
for (let x = 0; x < this.size; x++) {
let runColor = false;
let runY = 0;
const runHistory = [0, 0, 0, 0, 0, 0, 0];
for (let y = 0; y < this.size; y++) {
if (this.modules[y][x] === runColor) {
runY++;
if (runY === 5) {
result += QrCode.PENALTY_N1;
}
else if (runY > 5) {
result++;
}
}
else {
this.finderPenaltyAddHistory(runY, runHistory);
if (!runColor) {
result += this.finderPenaltyCountPatterns(runHistory) * QrCode.PENALTY_N3;
}
runColor = this.modules[y][x];
runY = 1;
}
}
result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * QrCode.PENALTY_N3;
}
// 2*2 blocks of modules having same color
for (let y = 0; y < this.size - 1; y++) {
for (let x = 0; x < this.size - 1; x++) {
const color = this.modules[y][x];
if (color === this.modules[y][x + 1] &&
color === this.modules[y + 1][x] &&
color === this.modules[y + 1][x + 1]) {
result += QrCode.PENALTY_N2;
}
}
}
// Balance of dark and light modules
let dark = 0;
for (const row of this.modules) {
dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);
}
const total = this.size * this.size; // Note that size is odd, so dark/total !== 1/2
// Compute the smallest numbereger k >= 0 such that (45-5k)% <= dark/total <= (55+5k)%
const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;
assert(k >= 0 && k <= 9);
result += k * QrCode.PENALTY_N4;
assert(result >= 0 && result <= 2568888); // Non-tight upper bound based on default values of PENALTY_N1, ..., N4
return result;
}
/* -- Private helper functions --*/
// Returns an ascending list of positions of alignment patterns for this version number.
// Each position is in the range [0,177), and are used on both the x and y axes.
// This could be implemented as lookup table of 40 variable-length lists of numberegers.
getAlignmentPatternPositions() {
if (this.version === 1) {
return [];
}
const numAlign = Math.floor(this.version / 7) + 2;
const step = this.version === 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;
const result = [6];
for (let pos = this.size - 7; result.length < numAlign; pos -= step) {
result.splice(1, 0, pos);
}
return result;
}
// Returns the number of data bits that can be stored in a QR Code of the given version number, after
// all function modules are excluded. This includes remainder bits, so it might not be a multiple of 8.
// The result is in the range [208, 29648]. This could be implemented as a 40-entry lookup table.
static getNumRawDataModules(ver) {
if (ver < QrCode.MIN_VERSION || ver > QrCode.MAX_VERSION) {
throw new RangeError('Version number out of range');
}
let result = (16 * ver + 128) * ver + 64;
if (ver >= 2) {
const numAlign = Math.floor(ver / 7) + 2;
result -= (25 * numAlign - 10) * numAlign - 55;
if (ver >= 7) {
result -= 36;
}
}
assert(result >= 208 && result <= 29648);
return result;
}
// Returns the number of 8-bit data (i.e. not error correction) codewords contained in any
// QR Code of the given version number and error correction level, with remainder bits discarded.
// This stateless pure function could be implemented as a (40*4)-cell lookup table.
static getNumDataCodewords(ver, ecl) {
return (Math.floor(QrCode.getNumRawDataModules(ver) / 8) -
QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver]);
}
// Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be
// implemented as a lookup table over all possible parameter values, instead of as an algorithm.
static reedSolomonComputeDivisor(degree) {
if (degree < 1 || degree > 255) {
throw new RangeError('Degree out of range');
}
// Polynomial coefficients are stored from highest to lowest power, excluding the leading term which is always 1.
// For example the polynomial x^3 + 255x^2 + 8x + 93 is stored as the unumber8 array [255, 8, 93].
const result = [];
for (let i = 0; i < degree - 1; i++) {
result.push(0);
}
result.push(1); // Start off with the monomial x^0
// Compute the product polynomial (x - r^0) * (x - r^1) * (x - r^2) * ... * (x - r^{degree-1}),
// and drop the highest monomial term which is always 1x^degree.
// Note that r = 0x02, which is a generator element of this field GF(2^8/0x11D).
let root = 1;
for (let i = 0; i < degree; i++) {
// Multiply the current product by (x - r^i)
for (let j = 0; j < result.length; j++) {
result[j] = QrCode.reedSolomonMultiply(result[j], root);
if (j + 1 < result.length) {
result[j] ^= result[j + 1];
}
}
root = QrCode.reedSolomonMultiply(root, 0x02);
}
return result;
}
// Returns the Reed-Solomon error correction codeword for the given data and divisor polynomials.
static reedSolomonComputeRemainder(data, divisor) {
const result = divisor.map(() => 0);
for (const b of data) {
// Polynomial division
const factor = b ^ result.shift();
result.push(0);
divisor.forEach((coef, i) => {
result[i] ^= QrCode.reedSolomonMultiply(coef, factor);
});
}
return result;
}
// Returns the product of the two given field elements modulo GF(2^8/0x11D). The arguments and result
// are unsigned 8-bit numberegers. This could be implemented as a lookup table of 256*256 entries of unumber8.
static reedSolomonMultiply(x, y) {
if (x >>> 8 !== 0 || y >>> 8 !== 0) {
throw new RangeError('Byte out of range');
}
// Russian peasant multiplication
let z = 0;
for (let i = 7; i >= 0; i--) {
z = (z << 1) ^ ((z >>> 7) * 0x11d);
z ^= ((y >>> i) & 1) * x;
}
assert(z >>> 8 === 0);
return z;
}
// Can only be called immediately after a light run is added, and
// returns either 0, 1, or 2. A helper function for getPenaltyScore().
finderPenaltyCountPatterns(runHistory) {
const n = runHistory[1];
assert(n <= this.size * 3);
const core = n > 0 && runHistory[2] === n && runHistory[3] === n * 3 && runHistory[4] === n && runHistory[5] === n;
return ((core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) +
(core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0));
}
// Must be called at the end of a line (row or column) of modules. A helper function for getPenaltyScore().
finderPenaltyTerminateAndCount(currentRunColor, oriCurrentRunLength, runHistory) {
let currentRunLength = oriCurrentRunLength;
if (currentRunColor) {
// Terminate dark run
this.finderPenaltyAddHistory(currentRunLength, runHistory);
currentRunLength = 0;
}
currentRunLength += this.size; // Add light border to final run
this.finderPenaltyAddHistory(currentRunLength, runHistory);
return this.finderPenaltyCountPatterns(runHistory);
}
// Pushes the given value to the front and drops the last value. A helper function for getPenaltyScore().
finderPenaltyAddHistory(oriCurrentRunLength, runHistory) {
let currentRunLength = oriCurrentRunLength;
if (runHistory[0] === 0) {
currentRunLength += this.size; // Add light border to initial run
}
runHistory.pop();
runHistory.unshift(currentRunLength);
}
}
/* -- Constants and tables --*/
// The minimum version number supported in the QR Code Model 2 standard.
QrCode.MIN_VERSION = 1;
// The maximum version number supported in the QR Code Model 2 standard.
QrCode.MAX_VERSION = 40;
// For use in getPenaltyScore(), when evaluating which mask is best.
QrCode.PENALTY_N1 = 3;
QrCode.PENALTY_N2 = 3;
QrCode.PENALTY_N3 = 40;
QrCode.PENALTY_N4 = 10;
QrCode.ECC_CODEWORDS_PER_BLOCK = [
// Version: (note that index 0 is for padding, and is set to an illegal value)
// 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40 Error correction level
[
-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30,
30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30,
],
[
-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28,
28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28,
],
[
-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30,
30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30,
],
[
-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30,
30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30,
], // High
];
QrCode.NUM_ERROR_CORRECTION_BLOCKS = [
// Version: (note that index 0 is for padding, and is set to an illegal value)
// 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40 Error correction level
[
-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18,
19, 19, 20, 21, 22, 24, 25,
],
[
-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31,
33, 35, 37, 38, 40, 43, 45, 47, 49,
],
[
-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40,
43, 45, 48, 51, 53, 56, 59, 62, 65, 68,
],
[
-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48,
51, 54, 57, 60, 63, 66, 70, 74, 77, 81,
], // High
];

124
uni_modules/tdesign-uniapp/components/common/shared/qrcode/utils.js Normal file
View File

@@ -0,0 +1,124 @@
import { Ecc } from './qrcodegen';
// =================== ERROR_LEVEL ==========================
export const ERROR_LEVEL_MAP = {
L: Ecc.LOW,
M: Ecc.MEDIUM,
Q: Ecc.QUARTILE,
H: Ecc.HIGH,
};
// =================== DEFAULT_VALUE ==========================
export const DEFAULT_SIZE = 160;
export const DEFAULT_LEVEL = 'M';
export const DEFAULT_BACKGROUND_COLOR = '#FFFFFF';
export const DEFAULT_FRONT_COLOR = '#000000';
export const DEFAULT_NEED_MARGIN = false;
export const DEFAULT_MINVERSION = 1;
export const SPEC_MARGIN_SIZE = 4;
export const DEFAULT_MARGIN_SIZE = 0;
export const DEFAULT_IMG_SCALE = 0.1;
// =================== UTILS ==========================
/**
* Generate a path string from modules
* @param modules
* @param margin
* @returns
*/
export const generatePath = (modules, margin = 0) => {
const ops = [];
modules.forEach((row, y) => {
let start = null;
row.forEach((cell, x) => {
if (!cell && start !== null) {
ops.push(`M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`);
start = null;
return;
}
if (x === row.length - 1) {
if (!cell) {
return;
}
if (start === null) {
ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
} else {
ops.push(`M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`);
}
return;
}
if (cell && start === null) {
start = x;
}
});
});
return ops.join('');
};
/**
* Excavate modules
* @param modules
* @param excavation
* @returns
*/
export const excavateModules = (modules, excavation) => modules.slice().map((row, y) => {
if (y < excavation.y || y >= excavation.y + excavation.h) {
return row;
}
return row.map((cell, x) => {
if (x < excavation.x || x >= excavation.x + excavation.w) {
return cell;
}
return false;
});
});
/**
* Get image settings
* @param cells The modules of the QR code
* @param size The size of the QR code
* @param margin
* @param imageSettings
* @returns
*/
export const getImageSettings = (cells, size, margin, imageSettings) => {
if (imageSettings == null) {
return null;
}
const numCells = cells.length + margin * 2;
const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
const scale = numCells / size;
const w = (imageSettings.width || defaultSize) * scale;
const h = (imageSettings.height || defaultSize) * scale;
const x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
const y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
const opacity = imageSettings.opacity == null ? 1 : imageSettings.opacity;
let excavation = null;
if (imageSettings.excavate) {
const floorX = Math.floor(x);
const floorY = Math.floor(y);
const ceilW = Math.ceil(w + x - floorX);
const ceilH = Math.ceil(h + y - floorY);
excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };
}
const { crossOrigin } = imageSettings;
return { x, y, h, w, excavation, opacity, crossOrigin };
};
/**
* Get margin size
* @param needMargin Whether need margin
* @param marginSize Custom margin size
* @returns
*/
export const getMarginSize = (needMargin, marginSize) => {
if (marginSize != null) {
return Math.max(Math.floor(marginSize), 0);
}
return needMargin ? SPEC_MARGIN_SIZE : DEFAULT_MARGIN_SIZE;
};
/**
* Check if Path2D is supported
*/
export const isSupportPath2d = (() => {
try {
new Path2D().addPath(new Path2D());
} catch (_a) {
return false;
}
return true;
})();