ai.touchui-vue 1.31.3 → 1.32.0

package/src/utils/print.js

@@ -1,39 +1,39 @@
-import getUUID from './uuid';
-import DOMPurify from 'dompurify'; // 引入 DOMPurify
-
-function getBody(areaId) {
-	var html = [];
-	html.push('<div class="to-print"><div class="content">\r\n<div class="paper">');
-	html.push(document.getElementById(areaId).outerHTML);
-	html.push('</div></div>');
-	html.push('<div id="printFn" class="fn">\r\n');
-	html.push('<button type="button" onclick="javascript:window.close();" class="to-button to-box-link to-form-readonly to-box-color-default to-box-mode-fill to-input-fillet-normal"><span class="to-icon-close to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">关闭</span></button>')
-	html.push('<button type="button" class="to-button to-box-link to-form-readonly to-box-color-primary to-box-mode-fill to-input-fillet-normal" onclick="javascript:window.print();"><span class="to-icon-print to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">打印</span></button>');
-	html.push('\r\n</div>');
-	html.push('\r\n</div>');
-	return html;
-}
-
-function replaceBodyContent(newContent) {
-	const htmlString = document.documentElement.outerHTML;
-	const parser = new DOMParser();
-	const doc = parser.parseFromString(htmlString, 'text/html');
-
-	// 使用 DOMPurify 清理 HTML
-	doc.body.innerHTML = DOMPurify.sanitize(newContent);
-
-	const newHtmlString = doc.documentElement.outerHTML;
-	return newHtmlString;
-}
-
-export default function(areaId, title) {
-	if (!areaId || typeof areaId !== 'string') return;
-	var pwin = window.open('about:blank', '_new_print_win_' + (getUUID()), 'height=600,width=900,status=no,toolbar=no,menubar=no,location=no,resizable=yes');
-	pwin.document.write(replaceBodyContent(getBody(areaId).join('')));
-	pwin.document.close();
-	pwin.document.documentElement.classList.add('s_print');
-	if (title && typeof title === 'string') {
-		pwin.document.title = title;
-	}
-	pwin = null;
-}
+import getUUID from './uuid';
+import DOMPurify from 'dompurify'; // 引入 DOMPurify
+
+function getBody(areaId) {
+	var html = [];
+	html.push('<div class="to-print"><div class="content">\r\n<div class="paper">');
+	html.push(document.getElementById(areaId).outerHTML);
+	html.push('</div></div>');
+	html.push('<div id="printFn" class="fn">\r\n');
+	html.push('<button type="button" onclick="javascript:window.close();" class="to-button to-box-link to-form-readonly to-box-color-default to-box-mode-fill to-input-fillet-normal"><span class="to-icon-close to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">关闭</span></button>')
+	html.push('<button type="button" class="to-button to-box-link to-form-readonly to-box-color-primary to-box-mode-fill to-input-fillet-normal" onclick="javascript:window.print();"><span class="to-icon-print to-box-color-default"><span style="font-size: 100%;"></span></span><span class="to-buttonText to-hide-keep">打印</span></button>');
+	html.push('\r\n</div>');
+	html.push('\r\n</div>');
+	return html;
+}
+
+function replaceBodyContent(newContent) {
+	const htmlString = document.documentElement.outerHTML;
+	const parser = new DOMParser();
+	const doc = parser.parseFromString(htmlString, 'text/html');
+
+	// 使用 DOMPurify 清理 HTML
+	doc.body.innerHTML = DOMPurify.sanitize(newContent);
+
+	const newHtmlString = doc.documentElement.outerHTML;
+	return newHtmlString;
+}
+
+export default function(areaId, title) {
+	if (!areaId || typeof areaId !== 'string') return;
+	var pwin = window.open('about:blank', '_new_print_win_' + (getUUID()), 'height=600,width=900,status=no,toolbar=no,menubar=no,location=no,resizable=yes');
+	pwin.document.write(replaceBodyContent(getBody(areaId).join('')));
+	pwin.document.close();
+	pwin.document.documentElement.classList.add('s_print');
+	if (title && typeof title === 'string') {
+		pwin.document.title = title;
+	}
+	pwin = null;
+}

package/src/utils/ratio.js

@@ -1,230 +1,230 @@
-/**
- *  设置响应式UI全局字体大小和样式
- */
-
-//
-// Cross module loader
-// Supported: Node, AMD, Browser globals
-//
-
-(function(root, factory) {
-	/*
-	if (typeof define === 'function' && define.amd) {
-		// AMD. Register as an anonymous module.
-		define(factory);
-	} else */ if (typeof module === 'object' && module.exports) {
-		// Node. Does not work with strict CommonJS, but
-		// only CommonJS-like environments that support module.exports,
-		// like Node.
-		module.exports = factory();
-	} else {
-		// Browser globals (root is window)
-		root.Ratio = factory();
-	}
-}(this, function() {
-
-	'use strict';
-
-	const root = window;
-	const rtrim = /^(\s|\u00A0)+|(\s|\u00A0)+$/g;
-
-	// import Bowser from 'bowser';
-	const Bowser = require('bowser');
-	const browserParserResult = Bowser.getParser(root.navigator.userAgent)
-	// var browser = browserParserResult.getBrowser();
-	let platform = browserParserResult.getPlatform();
-	// ipad Pro && ipad Air设备强制识别为ipad
-	if (isipadOS()) {
-		platform = {
-			model: 'iPad',
-			type: 'tablet',
-			vendor: 'Apple'
-		}
-	}
-	const browser = browserParserResult.getBrowser();
-
-	function trim(text) {
-		return (text || '').replace(rtrim, '');
-	}
-
-	/**
-	 * 判断窗口是否同域
-	 * @param target
-	 * @returns {boolean}
-	 */
-	function isSameDomain(target) {
-		var r = false;
-		try {
-			if (target && target.document) {
-				r = (target.document.domain === root.document.domain);
-			}
-		} catch (e) {
-			r = false;
-		}
-		return r;
-	}
-
-	/**
-	 *	获取顶层窗口宽度
-	 * 注意：window.innerWidth获取的宽度不正确，不能使用
-	 * @returns {number}
-	 */
-	function getTopWidth() {
-		var ret = -1;
-		if (isSameDomain(parent)) {
-			if (parent !== root) {
-				var top = root;
-				while (isSameDomain(top.parent) && top.parent !== top) {
-					// 判断最上级phoneMode窗口
-					if (top.document.documentElement.getAttribute('phoneMode') === 'true' &&
-							!top.parent.document.documentElement.getAttribute('phoneMode')) {
-						break;
-					}
-					top = top.parent;
-				}
-				ret = top.document.documentElement.offsetWidth;
-			} else {
-				ret = root.document.documentElement.offsetWidth;
-			}
-		}
-		return ret;
-	}
-
-	/**
-	 *	判断是否是ipad 设备包括ipad Pro &ipad Air
-	 * @returns {boolean}
-	 */
-	function isipadOS() {
-		return (navigator.userAgent.match(/(iPad)/) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1))
-	}
-
-	/**
-	 * 获取顶层窗口大小
-	 * @returns {number[]}
-	 */
-	/*
-	function getTopSize() {
-		var ret = [-1, -1];
-		if (isSameDomain(parent)) {
-			if (parent !== root) {
-				var top = root;
-				while (isSameDomain(top.parent) && top.parent !== top) {
-					top = top.parent;
-				}
-				ret = [top.document.documentElement.clientWidth, top.document.documentElement.clientHeight];
-			} else {
-				ret = [root.document.documentElement.clientWidth, root.document.documentElement.clientHeight];
-			}
-		}
-		return ret;
-	}
-*/
-
-	const rootNode = root.document.documentElement;
-	var topWindowWidth = -1;
-	var ratioFontSize = 100;
-
-	/*
-	function setRatioPhone() {
-		// IE11以下不允许
-		if (!$.os.phone && !$.os.pad && !($.browser.msie && parseInt($.browser.version) < 11)) {
-			var offset = getTopSize();
-			// 缩小浏览器高宽比变化，高度大于宽度时，或者设置了phoneMode="true" 时使用手机界面样式
-			$.ratioPhone = (offset[0] < offset[1]) || (rootNode && rootNode.getAttribute('phoneMode') == 'true');
-
-			// 手机模式需要动态字体大小
-			if ($.ratioPhone) {
-				$.autoRatioSize = true;
-				$.baseRatioFontSize = 100;
-			} else {
-				$.autoRatioSize = dynamicFontSize;
-				$.baseRatioFontSize = ratioFontSize;
-			}
-		}
-	}
-*/
-	function setRatio(config, isRatioClass, baseSelf) {
-		if (root.autoRatio === false) {
-			return;
-		}
-
-		if (baseSelf === true) {
-			topWindowWidth = rootNode.offsetWidth;
-		}
-		if (config.autoRatioClass && root.isSetRatioClass !== false) {
-			var className = rootNode.className ? rootNode.className : '';
-			// 高度大于宽度，设置s_phone
-			if (platform.type === 'desktop') {
-				if (config.ratioMobile) {
-					if ((' ' + className + ' ').indexOf(' s_phone ') < 0) {
-						className += ' s_phone';
-					}
-					if ((' ' + className + ' ').indexOf(' s_pc ') > -1) {
-						className = trim((' ' + className + ' ').replace(/ s_pc /ig, ' '));
-					}
-				} else {
-					if ((' ' + className + ' ').indexOf(' s_phone ') > -1) {
-						className = trim((' ' + className + ' ').replace(/ s_phone /ig, ' '));
-					}
-					if ((' ' + className + ' ').indexOf(' s_pc ') < 0) {
-						className += ' s_pc';
-					}
-				}
-			}
-			if (isRatioClass !== false && config.ratioMobile === false) {
-				var ratioClass = platform.type === 'mobile' ? 's_phone' : (platform.type === 'tablet' ? 's_pad' : 's_pc');
-				if ((' ' + className + ' ').indexOf(' ' + ratioClass + ' ') < 0) {
-					className += (' ' + ratioClass);
-				}
-			}
-			if (browser.name === 'Internet Explorer') {
-				if ((' ' + className + ' ').indexOf(' s_ie ') < 0) {
-					className += ' s_ie'
-				}
-			}
-			rootNode.className = trim(className);
-		}
-
-		if (config.autoRatioSize === true) {
-			var baseRatioUnit = (platform.type === 'mobile' || config.ratioMobile) ? config.baseRatioUnitMobile : (platform.type === 'tablet' ? config.baseRatioUnitTablet : config.baseRatioUnitDesktop);
-			rootNode.style.fontSize = ((topWindowWidth > 0 ? topWindowWidth : baseRatioUnit) / baseRatioUnit) * ratioFontSize + 'px';
-		}
-	}
-
-	return {
-		setRatio: function(config, ratioClass, baseSelf) {
-			if (!config || !config.autoRatio) {
-				return;
-			}
-
-			// 获取顶部窗口宽度
-			topWindowWidth = getTopWidth();
-			if (rootNode && rootNode.nodeType && platform.type === 'desktop') {
-				switch (config.size) {
-					case 'xs':
-						ratioFontSize = 75;
-						break;
-					case 's':
-						ratioFontSize = 86;
-						break
-					case 'l':
-						ratioFontSize = 114;
-						break;
-					case 'm':
-					default:
-						ratioFontSize = 100;
-						break;
-				}
-			} else {
-				ratioFontSize = 100;
-			}
-
-			if (platform.type === 'desktop' &&	root.screen.width <= 1024) {
-				ratioFontSize = 108;
-			}
-
-			config.baseRatioFontSize = ratioFontSize;
-			setRatio(config, ratioClass, baseSelf);
-		}
-	}
-}));
+/**
+ *  设置响应式UI全局字体大小和样式
+ */
+
+//
+// Cross module loader
+// Supported: Node, AMD, Browser globals
+//
+
+(function(root, factory) {
+	/*
+	if (typeof define === 'function' && define.amd) {
+		// AMD. Register as an anonymous module.
+		define(factory);
+	} else */ if (typeof module === 'object' && module.exports) {
+		// Node. Does not work with strict CommonJS, but
+		// only CommonJS-like environments that support module.exports,
+		// like Node.
+		module.exports = factory();
+	} else {
+		// Browser globals (root is window)
+		root.Ratio = factory();
+	}
+}(this, function() {
+
+	'use strict';
+
+	const root = window;
+	const rtrim = /^(\s|\u00A0)+|(\s|\u00A0)+$/g;
+
+	// import Bowser from 'bowser';
+	const Bowser = require('bowser');
+	const browserParserResult = Bowser.getParser(root.navigator.userAgent)
+	// var browser = browserParserResult.getBrowser();
+	let platform = browserParserResult.getPlatform();
+	// ipad Pro && ipad Air设备强制识别为ipad
+	if (isipadOS()) {
+		platform = {
+			model: 'iPad',
+			type: 'tablet',
+			vendor: 'Apple'
+		}
+	}
+	const browser = browserParserResult.getBrowser();
+
+	function trim(text) {
+		return (text || '').replace(rtrim, '');
+	}
+
+	/**
+	 * 判断窗口是否同域
+	 * @param target
+	 * @returns {boolean}
+	 */
+	function isSameDomain(target) {
+		var r = false;
+		try {
+			if (target && target.document) {
+				r = (target.document.domain === root.document.domain);
+			}
+		} catch (e) {
+			r = false;
+		}
+		return r;
+	}
+
+	/**
+	 *	获取顶层窗口宽度
+	 * 注意：window.innerWidth获取的宽度不正确，不能使用
+	 * @returns {number}
+	 */
+	function getTopWidth() {
+		var ret = -1;
+		if (isSameDomain(parent)) {
+			if (parent !== root) {
+				var top = root;
+				while (isSameDomain(top.parent) && top.parent !== top) {
+					// 判断最上级phoneMode窗口
+					if (top.document.documentElement.getAttribute('phoneMode') === 'true' &&
+							!top.parent.document.documentElement.getAttribute('phoneMode')) {
+						break;
+					}
+					top = top.parent;
+				}
+				ret = top.document.documentElement.offsetWidth;
+			} else {
+				ret = root.document.documentElement.offsetWidth;
+			}
+		}
+		return ret;
+	}
+
+	/**
+	 *	判断是否是ipad 设备包括ipad Pro &ipad Air
+	 * @returns {boolean}
+	 */
+	function isipadOS() {
+		return (navigator.userAgent.match(/(iPad)/) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1))
+	}
+
+	/**
+	 * 获取顶层窗口大小
+	 * @returns {number[]}
+	 */
+	/*
+	function getTopSize() {
+		var ret = [-1, -1];
+		if (isSameDomain(parent)) {
+			if (parent !== root) {
+				var top = root;
+				while (isSameDomain(top.parent) && top.parent !== top) {
+					top = top.parent;
+				}
+				ret = [top.document.documentElement.clientWidth, top.document.documentElement.clientHeight];
+			} else {
+				ret = [root.document.documentElement.clientWidth, root.document.documentElement.clientHeight];
+			}
+		}
+		return ret;
+	}
+*/
+
+	const rootNode = root.document.documentElement;
+	var topWindowWidth = -1;
+	var ratioFontSize = 100;
+
+	/*
+	function setRatioPhone() {
+		// IE11以下不允许
+		if (!$.os.phone && !$.os.pad && !($.browser.msie && parseInt($.browser.version) < 11)) {
+			var offset = getTopSize();
+			// 缩小浏览器高宽比变化，高度大于宽度时，或者设置了phoneMode="true" 时使用手机界面样式
+			$.ratioPhone = (offset[0] < offset[1]) || (rootNode && rootNode.getAttribute('phoneMode') == 'true');
+
+			// 手机模式需要动态字体大小
+			if ($.ratioPhone) {
+				$.autoRatioSize = true;
+				$.baseRatioFontSize = 100;
+			} else {
+				$.autoRatioSize = dynamicFontSize;
+				$.baseRatioFontSize = ratioFontSize;
+			}
+		}
+	}
+*/
+	function setRatio(config, isRatioClass, baseSelf) {
+		if (root.autoRatio === false) {
+			return;
+		}
+
+		if (baseSelf === true) {
+			topWindowWidth = rootNode.offsetWidth;
+		}
+		if (config.autoRatioClass && root.isSetRatioClass !== false) {
+			var className = rootNode.className ? rootNode.className : '';
+			// 高度大于宽度，设置s_phone
+			if (platform.type === 'desktop') {
+				if (config.ratioMobile) {
+					if ((' ' + className + ' ').indexOf(' s_phone ') < 0) {
+						className += ' s_phone';
+					}
+					if ((' ' + className + ' ').indexOf(' s_pc ') > -1) {
+						className = trim((' ' + className + ' ').replace(/ s_pc /ig, ' '));
+					}
+				} else {
+					if ((' ' + className + ' ').indexOf(' s_phone ') > -1) {
+						className = trim((' ' + className + ' ').replace(/ s_phone /ig, ' '));
+					}
+					if ((' ' + className + ' ').indexOf(' s_pc ') < 0) {
+						className += ' s_pc';
+					}
+				}
+			}
+			if (isRatioClass !== false && config.ratioMobile === false) {
+				var ratioClass = platform.type === 'mobile' ? 's_phone' : (platform.type === 'tablet' ? 's_pad' : 's_pc');
+				if ((' ' + className + ' ').indexOf(' ' + ratioClass + ' ') < 0) {
+					className += (' ' + ratioClass);
+				}
+			}
+			if (browser.name === 'Internet Explorer') {
+				if ((' ' + className + ' ').indexOf(' s_ie ') < 0) {
+					className += ' s_ie'
+				}
+			}
+			rootNode.className = trim(className);
+		}
+
+		if (config.autoRatioSize === true) {
+			var baseRatioUnit = (platform.type === 'mobile' || config.ratioMobile) ? config.baseRatioUnitMobile : (platform.type === 'tablet' ? config.baseRatioUnitTablet : config.baseRatioUnitDesktop);
+			rootNode.style.fontSize = ((topWindowWidth > 0 ? topWindowWidth : baseRatioUnit) / baseRatioUnit) * ratioFontSize + 'px';
+		}
+	}
+
+	return {
+		setRatio: function(config, ratioClass, baseSelf) {
+			if (!config || !config.autoRatio) {
+				return;
+			}
+
+			// 获取顶部窗口宽度
+			topWindowWidth = getTopWidth();
+			if (rootNode && rootNode.nodeType && platform.type === 'desktop') {
+				switch (config.size) {
+					case 'xs':
+						ratioFontSize = 75;
+						break;
+					case 's':
+						ratioFontSize = 86;
+						break
+					case 'l':
+						ratioFontSize = 114;
+						break;
+					case 'm':
+					default:
+						ratioFontSize = 100;
+						break;
+				}
+			} else {
+				ratioFontSize = 100;
+			}
+
+			if (platform.type === 'desktop' &&	root.screen.width <= 1024) {
+				ratioFontSize = 108;
+			}
+
+			config.baseRatioFontSize = ratioFontSize;
+			setRatio(config, ratioClass, baseSelf);
+		}
+	}
+}));

package/src/utils/respo.js

@@ -1,9 +1,9 @@
-export function respoProps(props) {
-	let obj = {}
-	for (const label in props) {
-		obj[`${label}@pc`] = null
-		obj[`${label}@pad`] = null
-		obj[`${label}@phone`] = null
-	}
-	return Object.assign(props, obj)
-}
+export function respoProps(props) {
+	let obj = {}
+	for (const label in props) {
+		obj[`${label}@pc`] = null
+		obj[`${label}@pad`] = null
+		obj[`${label}@phone`] = null
+	}
+	return Object.assign(props, obj)
+}

package/src/utils/shared.js

@@ -1,7 +1,7 @@
-export function isDef(val) {
-	return val !== undefined && val !== null;
-}
-export function isKorean(text) {
-	const reg = /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi;
-	return reg.test(text);
-}
+export function isDef(val) {
+	return val !== undefined && val !== null;
+}
+export function isKorean(text) {
+	const reg = /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi;
+	return reg.test(text);
+}