common_util.js 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. 'use strict';
  2. /**
  3. *
  4. *
  5. * @author Zhong
  6. * @date 2019/11/12
  7. * @version
  8. */
  9. ((factory) => {
  10. if (typeof module !== 'undefined') {
  11. module.exports = factory();
  12. } else {
  13. window.commonUtil = factory();
  14. }
  15. })(() => {
  16. function isDef(val) {
  17. return typeof val !== 'undefined' && val !== null;
  18. }
  19. function isEmptyVal(val) {
  20. return val === null || val === undefined || val === '';
  21. }
  22. // 是否数值
  23. function isNumber(val) {
  24. return !isEmptyVal(val) && !isNaN(val);
  25. }
  26. // v是否有值,不为undefined、null、''
  27. function hasValue(v) {
  28. return typeof v !== 'undefined' && v !== null && v !== '';
  29. }
  30. // 是否近似相等(null = undefined = '', 1 = '1'...)
  31. function similarEqual(a, b) {
  32. // null == '' 为false,所以不能用非严等
  33. if (isEmptyVal(a) && isEmptyVal(b)) {
  34. return true;
  35. }
  36. return a == b;
  37. }
  38. // 是否是汉字(基本汉字)
  39. function isHan(str) {
  40. const reg = /[\u4e00-\u9fa5]/;
  41. return reg.test(str);
  42. }
  43. // 将树数据排序好
  44. function getSortedTreeData(rootID, items) {
  45. return sortSameDedth(rootID, items).reverse();
  46. function sortSameDedth(parentID, items) {
  47. const sameDepthItems = items.filter(item => item.ParentID === parentID);
  48. if (!sameDepthItems.length) {
  49. return [];
  50. }
  51. const NextIDMapping = {};
  52. sameDepthItems.forEach(item => NextIDMapping[item.NextSiblingID] = item);
  53. let curItem = sameDepthItems.length > 1 ? sameDepthItems.find(item => item.NextSiblingID === -1) : sameDepthItems[0];
  54. const sorted = [];
  55. while (curItem) {
  56. sorted.push(...sortSameDedth(curItem.ID, items));
  57. sorted.push(curItem);
  58. curItem = NextIDMapping[curItem.ID] || null;
  59. }
  60. return sorted;
  61. }
  62. }
  63. // 控制全屏(浏览器有限制)
  64. // Element.requestFullscreen的全屏和“F11”的全屏是不一样的。前者是将相关Element变成全屏显示。后者是将浏览器导航、标签等隐藏。
  65. // Fullscreen API对于全屏的判断和监听都是基于Element.requestFullscreen的,比如Document.fullscreenElement。通过F11触发的全屏Document.fullscreenElement返回null,无法正确返回全屏状态。
  66. // F11全屏后,无法通过Fullscreen API对全屏状态判断,会导致F11全屏后点击按钮变成了再次调用api全屏。因此,使用window.innerHeight和window.screen.height作为判断。(打开了控制台后,此方法可能会失效:无法正确或缺innerHeight)
  67. // 通过F11打开全屏后,没有办法通过代码退出全屏,只能通过F11退出:
  68. // https://stackoverflow.com/questions/51114885/combining-requestfullscreen-and-f11; https://stackoverflow.com/questions/43392583/fullscreen-api-not-working-if-triggered-with-f11/44368592#44368592;
  69. function handleFullscreen() {
  70. if (isFullscreen()) {
  71. const p = exitFullscreen();
  72. if (Object.prototype.toString.call(p) === '[object Promise]') {
  73. p.catch(() => alert('按F11即可退出全屏模式'));
  74. }
  75. } else {
  76. fullscreen(document.documentElement);
  77. }
  78. }
  79. function isFullscreen() {
  80. return window.innerHeight === window.screen.height;
  81. }
  82. function fullscreen(ele) {
  83. if (ele.requestFullscreen) {
  84. ele.requestFullscreen();
  85. } else if (ele.mozRequestFullscreen) {
  86. ele.mozRequestFullScreen();
  87. } else if (ele.webkitRequestFullscreen) {
  88. ele.webkitRequestFullscreen();
  89. } else if (ele.msRequestFullscreen) {
  90. ele.msRequestFullscreen();
  91. }
  92. }
  93. function exitFullscreen() {
  94. if(document.exitFullscreen) {
  95. return document.exitFullscreen();
  96. } else if(document.mozCancelFullscreen) {
  97. return document.mozCancelFullscreen();
  98. } else if(document.webkitExitFullscreen) {
  99. return document.webkitExitFullscreen();
  100. } else if(document.msExitFullscreen) {
  101. return document.msExitFullscreen();
  102. }
  103. }
  104. // 给数值加上分割
  105. // eg: 1234567.00 => 1,234,567.00
  106. function standardNumber(str) {
  107. if (typeof str === 'number') {
  108. str = String(str);
  109. }
  110. if (typeof str !== 'string') {
  111. return '';
  112. }
  113. const [intPart, decimalPart] = str.split('.');
  114. // 给整数部分加上“,”
  115. const temp = [];
  116. for (let i = intPart.length - 1, j = 1; i >= 0; i--, j++) {
  117. temp.push(intPart[i]);
  118. if (j !==0 && j % 3 === 0 && i - 1 >= 0) {
  119. temp.push(',');
  120. }
  121. }
  122. const standardIntPart = temp.reverse().join('');
  123. return `${standardIntPart}${decimalPart ? '.' + decimalPart : ''}`;
  124. }
  125. //判断是否公路云
  126. function isGLYun(){
  127. return $('title').text().indexOf("纵横公路云造价")!= -1
  128. }
  129. function getVersionText(){
  130. return isGLYun()?"免费版":"学习版"
  131. }
  132. return {
  133. isDef,
  134. isEmptyVal,
  135. isNumber,
  136. hasValue,
  137. similarEqual,
  138. isHan,
  139. getSortedTreeData,
  140. handleFullscreen,
  141. standardNumber,
  142. isGLYun,
  143. getVersionText
  144. };
  145. });