ideaz-element/lib/element/full-screen/src/index.cjs.map

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

{"version":3,"file":"index.cjs","sources":["../../../../../packages/element/full-screen/src/index.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\nimport type { EnhancedHTMLElement } from '@ideaz/utils'\nimport { isFunction } from '@ideaz/utils'\nimport type { VNode } from 'vue'\nimport { useFullscreen } from './hooks'\n\nexport default defineComponent({\n  name: 'ZFullScreen',\n  props: {\n    el: {\n      type: [Function, HTMLElement] as PropType<() => EnhancedHTMLElement | HTMLElement>,\n      default: () => document.body,\n    },\n    renderExit: {\n      type: Function as PropType<() => VNode>,\n    },\n    renderEnter: {\n      type: Function as PropType<() => VNode>,\n    },\n  },\n  emits: ['change'],\n  setup(props, { emit, slots }) {\n    const ns = useNamespace('full-screen')\n\n    const { isTargetFullscreen, toggleFullscreen } = useFullscreen({\n      getElement: document.body,\n      onFullscreenChange: (value: boolean) => {\n        const element = isFunction(props.el) ? props.el() : props.el\n        if (element) {\n          if (value)\n            element.classList.add('z-full-screen-class')\n\n          else\n            element.classList.remove('z-full-screen-class')\n        }\n        emit('change', value)\n      },\n    })\n\n    const renderContent = () => {\n      if (isTargetFullscreen.value) {\n        if (isFunction(slots.exit))\n          return slots.exit()\n        if (isFunction(props.renderExit))\n          return props.renderExit()\n      }\n      else {\n        if (isFunction(slots.enter))\n          return slots.enter()\n        if (isFunction(props.renderEnter))\n          return props.renderEnter()\n      }\n      return slots.default?.()\n    }\n\n    return () => {\n      return (\n        <div class={ns.b('')} onClick={toggleFullscreen}>\n          {renderContent()}\n        </div>\n      )\n    }\n  },\n})\n"],"names":["FullScreen","vue","name","props","el","type","default","renderExit","renderEnter","slots","ns","useNamespace","toggleFullscreen","element","is","value","emit","_a"],"mappings":"kOAMAA,EAAAC,EAAA,gBAAA,CACEC,KAAAA,cACAC,MAAAA,CACEC,GAAAA,CACEC,KAAAA,CAAAA,SAAAA,WAAAA,EACAC,QAAAA,IAAAA,SAAAA,MAEFC,WAAAA,CACEF,KAAAA,UAEFG,YAAAA,CACEH,KAAAA,QACF,oCAGmBI,MAAAA,CAAM,EAAA,CACzB,MAAAC,EAAAC,EAAA,aAAA,aAAA,wBAE4BC,iBAAAA,oEAGxB,MAAAC,EAAAC,EAAA,WAAAX,EAAA,EAAA,EAAAA,EAAA,GAAA,EAAAA,EAAA,GACAU,IACEE,EAAAF,EAAA,UAAA,IAAA,qBAAA,EAAAA,EAAA,UAAA,OAAA,qBAAA,GAMFG,EAAAA,SAAAA,CAAAA,CACF,CACF,CAAA,2BAII,GAAAF,EAAA,WAAAL,EAAA,IAAA,EAAA,OAAAA,EAAA,KAAA,EAEA,GAAAK,EAAA,WAAAX,EAAA,UAAA,EAAA,OAAAA,EAAA,WAAA,CAEF,KAAA,CAEE,GAAAW,EAAA,WAAAL,EAAA,KAAA,EAAA,OAAAA,EAAA,MAAA,EAEA,GAAAK,EAAA,WAAAX,EAAA,WAAA,EAAA,OAAAA,EAAA,YAAA,CAEF,CACA,OAAAc,EAAAR,EAAA,UAAA,YAAAQ,EAAA,KAAAR,IAGF,MAAA,IACER,EAAA,YAAA,MAAA,CAAA,MAAAS,EAAA,EAAA,EAAA,mBAMJ,CACF,CAAA"}