index.esm.js 4.3 KB

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