index.common.js 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.getCurrent = exports["default"] = void 0;
  6. exports.getNext = getNext;
  7. exports.getSubCurrent = getSubCurrent;
  8. exports.getSubNext = getSubNext;
  9. exports.setSubCurrent = exports.setCurrent = void 0;
  10. var winDom = null;
  11. var bodyEl = null;
  12. var storeEl = null;
  13. var storeId = 'z-index-manage';
  14. var styleEl = null;
  15. var styleId = 'z-index-style';
  16. var storeMainKey = 'm';
  17. var storeSubKey = 's';
  18. var storeData = {
  19. m: 1000,
  20. s: 1000
  21. };
  22. function getDocument() {
  23. if (!winDom) {
  24. if (typeof document !== 'undefined') {
  25. winDom = document;
  26. }
  27. }
  28. return winDom;
  29. }
  30. function getBody() {
  31. if (winDom && !bodyEl) {
  32. bodyEl = winDom.body || winDom.getElementsByTagName('body')[0];
  33. }
  34. return bodyEl;
  35. }
  36. function getDomMaxZIndex() {
  37. var max = 0;
  38. var dom = getDocument();
  39. if (dom) {
  40. var body = getBody();
  41. if (body) {
  42. var allElem = body.getElementsByTagName('*');
  43. for (var i = 0; i < allElem.length; i++) {
  44. var elem = allElem[i];
  45. if (elem && elem.style && elem.nodeType === 1) {
  46. var zIndex = elem.style.zIndex;
  47. if (zIndex && /^\d+$/.test(zIndex)) {
  48. max = Math.max(max, Number(zIndex));
  49. }
  50. }
  51. }
  52. }
  53. }
  54. return max;
  55. }
  56. function getStyle() {
  57. if (!styleEl) {
  58. var dom = getDocument();
  59. if (dom) {
  60. styleEl = dom.getElementById(styleId);
  61. if (!styleEl) {
  62. styleEl = dom.createElement('style');
  63. styleEl.id = styleId;
  64. dom.getElementsByTagName('head')[0].appendChild(styleEl);
  65. }
  66. }
  67. }
  68. return styleEl;
  69. }
  70. function updateVar() {
  71. var styEl = getStyle();
  72. if (styEl) {
  73. var prefixes = '--dom-';
  74. var propKey = '-z-index';
  75. styEl.innerHTML = ':root{' + prefixes + 'main' + propKey + ':' + getCurrent() + ';' + prefixes + 'sub' + propKey + ':' + getSubCurrent() + '}';
  76. }
  77. }
  78. function getStoreDom() {
  79. if (!storeEl) {
  80. var dom = getDocument();
  81. if (dom) {
  82. storeEl = dom.getElementById(storeId);
  83. if (!storeEl) {
  84. var body = getBody();
  85. if (body) {
  86. storeEl = dom.createElement('div');
  87. storeEl.id = storeId;
  88. storeEl.style.display = 'none';
  89. body.appendChild(storeEl);
  90. setCurrent(storeData.m);
  91. setSubCurrent(storeData.s);
  92. }
  93. }
  94. }
  95. }
  96. return storeEl;
  97. }
  98. function createSetHandle(key) {
  99. return function (value) {
  100. if (value) {
  101. value = Number(value);
  102. storeData[key] = value;
  103. var el = getStoreDom();
  104. if (el) {
  105. if (el.dataset) {
  106. el.dataset[key] = value + '';
  107. } else {
  108. el.setAttribute('data-' + key, value + '');
  109. }
  110. }
  111. }
  112. updateVar();
  113. return storeData[key];
  114. };
  115. }
  116. var setCurrent = exports.setCurrent = createSetHandle(storeMainKey);
  117. function createGetHandle(key, nextMethod) {
  118. return function getCurrent(currZindex) {
  119. var zIndex;
  120. var el = getStoreDom();
  121. if (el) {
  122. var domVal = el.dataset ? el.dataset[key] : el.getAttribute('data-' + key);
  123. if (domVal) {
  124. zIndex = Number(domVal);
  125. }
  126. }
  127. if (!zIndex) {
  128. zIndex = storeData[key];
  129. }
  130. if (currZindex) {
  131. if (Number(currZindex) < zIndex) {
  132. return nextMethod();
  133. }
  134. return currZindex;
  135. }
  136. return zIndex;
  137. };
  138. }
  139. var getCurrent = exports.getCurrent = createGetHandle(storeMainKey, getNext);
  140. function getNext() {
  141. return setCurrent(getCurrent() + 1);
  142. }
  143. var setSubCurrent = exports.setSubCurrent = createSetHandle(storeSubKey);
  144. var _getSubCurrent = createGetHandle(storeSubKey, getSubNext);
  145. function getSubCurrent() {
  146. return getCurrent() + _getSubCurrent();
  147. }
  148. function getSubNext() {
  149. setSubCurrent(_getSubCurrent() + 1);
  150. return getSubCurrent();
  151. }
  152. /**
  153. * Web common z-index style management
  154. */
  155. var DomZIndex = {
  156. setCurrent: setCurrent,
  157. getCurrent: getCurrent,
  158. getNext: getNext,
  159. setSubCurrent: setSubCurrent,
  160. getSubCurrent: getSubCurrent,
  161. getSubNext: getSubNext,
  162. getMax: getDomMaxZIndex
  163. };
  164. updateVar();
  165. var _default = exports["default"] = DomZIndex;