style.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
  2. const require_aria = require("./aria.js");
  3. const require_types = require("../types.js");
  4. const require_objects = require("../objects.js");
  5. const require_error = require("../error.js");
  6. let _vueuse_core = require("@vueuse/core");
  7. let _vue_shared = require("@vue/shared");
  8. //#region ../../packages/utils/dom/style.ts
  9. const SCOPE = "utils/dom/style";
  10. const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
  11. const hasClass = (el, cls) => {
  12. if (!el || !cls) return false;
  13. if (cls.includes(" ")) throw new Error("className should not contain space.");
  14. return el.classList.contains(cls);
  15. };
  16. const addClass = (el, cls) => {
  17. if (!el || !cls.trim()) return;
  18. el.classList.add(...classNameToArray(cls));
  19. };
  20. const removeClass = (el, cls) => {
  21. if (!el || !cls.trim()) return;
  22. el.classList.remove(...classNameToArray(cls));
  23. };
  24. const getStyle = (element, styleName) => {
  25. if (!_vueuse_core.isClient || !element || !styleName || require_aria.isShadowRoot(element)) return "";
  26. let key = (0, _vue_shared.camelize)(styleName);
  27. if (key === "float") key = "cssFloat";
  28. try {
  29. const style = element.style[key];
  30. if (style) return style;
  31. const computed = document.defaultView?.getComputedStyle(element, "");
  32. return computed ? computed[key] : "";
  33. } catch {
  34. return element.style[key];
  35. }
  36. };
  37. const setStyle = (element, styleName, value) => {
  38. if (!element || !styleName) return;
  39. if ((0, _vue_shared.isObject)(styleName)) require_objects.entriesOf(styleName).forEach(([prop, value]) => setStyle(element, prop, value));
  40. else {
  41. const key = (0, _vue_shared.camelize)(styleName);
  42. element.style[key] = value;
  43. }
  44. };
  45. const removeStyle = (element, style) => {
  46. if (!element || !style) return;
  47. if ((0, _vue_shared.isObject)(style)) require_objects.keysOf(style).forEach((prop) => removeStyle(element, prop));
  48. else setStyle(element, style, "");
  49. };
  50. function addUnit(value, defaultUnit = "px") {
  51. if (!value && value !== 0) return "";
  52. if (require_types.isNumber(value) || require_types.isStringNumber(value)) return `${value}${defaultUnit}`;
  53. else if ((0, _vue_shared.isString)(value)) return value;
  54. require_error.debugWarn(SCOPE, "binding value must be a string or number");
  55. }
  56. //#endregion
  57. exports.addClass = addClass;
  58. exports.addUnit = addUnit;
  59. exports.classNameToArray = classNameToArray;
  60. exports.getStyle = getStyle;
  61. exports.hasClass = hasClass;
  62. exports.removeClass = removeClass;
  63. exports.removeStyle = removeStyle;
  64. exports.setStyle = setStyle;
  65. //# sourceMappingURL=style.js.map