element-plus/es/utils/dom/style.mjs.map

A Component Library for Vue 3

{"version":3,"file":"style.mjs","sources":["../../../../../packages/utils/dom/style.ts"],"sourcesContent":["import { isNumber, isObject, isString, isStringNumber } from '../types'\nimport { isClient } from '../browser'\nimport { camelize } from '../strings'\nimport { entriesOf, keysOf } from '../objects'\nimport { debugWarn } from '../error'\n\nimport type { CSSProperties } from 'vue'\n\nconst SCOPE = 'utils/dom/style'\n\nexport const classNameToArray = (cls = '') =>\n  cls.split(' ').filter((item) => !!item.trim())\n\nexport const hasClass = (el: Element, cls: string): boolean => {\n  if (!el || !cls) return false\n  if (cls.includes(' ')) throw new Error('className should not contain space.')\n  return el.classList.contains(cls)\n}\n\nexport const addClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.add(...classNameToArray(cls))\n}\n\nexport const removeClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.remove(...classNameToArray(cls))\n}\n\nexport const getStyle = (\n  element: HTMLElement,\n  styleName: keyof CSSProperties\n): string => {\n  if (!isClient || !element || !styleName) return ''\n\n  let key = camelize(styleName)\n  if (key === 'float') key = 'cssFloat'\n  try {\n    const style = (element.style as any)[key]\n    if (style) return style\n    const computed: any = document.defaultView?.getComputedStyle(element, '')\n    return computed ? computed[key] : ''\n  } catch {\n    return (element.style as any)[key]\n  }\n}\n\nexport const setStyle = (\n  element: HTMLElement,\n  styleName: CSSProperties | keyof CSSProperties,\n  value?: string | number\n) => {\n  if (!element || !styleName) return\n\n  if (isObject(styleName)) {\n    entriesOf(styleName).forEach(([prop, value]) =>\n      setStyle(element, prop, value)\n    )\n  } else {\n    const key: any = camelize(styleName)\n    element.style[key] = value as any\n  }\n}\n\nexport const removeStyle = (\n  element: HTMLElement,\n  style: CSSProperties | keyof CSSProperties\n) => {\n  if (!element || !style) return\n\n  if (isObject(style)) {\n    keysOf(style).forEach((prop) => removeStyle(element, prop))\n  } else {\n    setStyle(element, style, '')\n  }\n}\n\nexport function addUnit(value?: string | number, defaultUnit = 'px') {\n  if (!value && value !== 0) return ''\n  if (isNumber(value) || isStringNumber(value)) {\n    return `${value}${defaultUnit}`\n  } else if (isString(value)) {\n    return value\n  }\n  debugWarn(SCOPE, 'binding value must be a string or number')\n}\n"],"names":["value"],"mappings":"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"}