style.js 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. 'use strict';
  2. Object.defineProperty(exports, '__esModule', { value: true });
  3. var types = require('../types.js');
  4. var core = require('@vueuse/core');
  5. var objects = require('../objects.js');
  6. var error = require('../error.js');
  7. var shared = require('@vue/shared');
  8. const SCOPE = "utils/dom/style";
  9. const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
  10. const hasClass = (el, cls) => {
  11. if (!el || !cls)
  12. return false;
  13. if (cls.includes(" "))
  14. throw new Error("className should not contain space.");
  15. return el.classList.contains(cls);
  16. };
  17. const addClass = (el, cls) => {
  18. if (!el || !cls.trim())
  19. return;
  20. el.classList.add(...classNameToArray(cls));
  21. };
  22. const removeClass = (el, cls) => {
  23. if (!el || !cls.trim())
  24. return;
  25. el.classList.remove(...classNameToArray(cls));
  26. };
  27. const getStyle = (element, styleName) => {
  28. var _a;
  29. if (!core.isClient || !element || !styleName)
  30. return "";
  31. let key = shared.camelize(styleName);
  32. if (key === "float")
  33. key = "cssFloat";
  34. try {
  35. const style = element.style[key];
  36. if (style)
  37. return style;
  38. const computed = (_a = document.defaultView) == null ? void 0 : _a.getComputedStyle(element, "");
  39. return computed ? computed[key] : "";
  40. } catch (e) {
  41. return element.style[key];
  42. }
  43. };
  44. const setStyle = (element, styleName, value) => {
  45. if (!element || !styleName)
  46. return;
  47. if (shared.isObject(styleName)) {
  48. objects.entriesOf(styleName).forEach(([prop, value2]) => setStyle(element, prop, value2));
  49. } else {
  50. const key = shared.camelize(styleName);
  51. element.style[key] = value;
  52. }
  53. };
  54. const removeStyle = (element, style) => {
  55. if (!element || !style)
  56. return;
  57. if (shared.isObject(style)) {
  58. objects.keysOf(style).forEach((prop) => removeStyle(element, prop));
  59. } else {
  60. setStyle(element, style, "");
  61. }
  62. };
  63. function addUnit(value, defaultUnit = "px") {
  64. if (!value)
  65. return "";
  66. if (types.isNumber(value) || types.isStringNumber(value)) {
  67. return `${value}${defaultUnit}`;
  68. } else if (shared.isString(value)) {
  69. return value;
  70. }
  71. error.debugWarn(SCOPE, "binding value must be a string or number");
  72. }
  73. exports.addClass = addClass;
  74. exports.addUnit = addUnit;
  75. exports.classNameToArray = classNameToArray;
  76. exports.getStyle = getStyle;
  77. exports.hasClass = hasClass;
  78. exports.removeClass = removeClass;
  79. exports.removeStyle = removeStyle;
  80. exports.setStyle = setStyle;
  81. //# sourceMappingURL=style.js.map