{"version":3,"file":"video.mjs","sources":["../../../packages/components/src/video.tsx"],"sourcesContent":["import type { App } from 'vue'\nimport type { PowerfulTableHeaderProps, SFCWithInstall, _TYPE } from '~/index'\nimport {\n  isData,\n  isProperty,\n  powerfulTableComponentProp,\n  useREmit,\n} from '~/powerful-table/src/powerful-table-data'\n\nconst Video = defineComponent({\n  name: 'PTVideo',\n  props: {\n    ...powerfulTableComponentProp,\n    prop: {\n      type: Object as PropType<PowerfulTableHeaderProps>,\n      default: () => ({}),\n    },\n  },\n  emits: ['return-emit', 'component-emit'],\n  setup(props, { emit }) {\n    const data = isData(\n      { row: props.row, index: props.index!, props: props.prop },\n      props.prop.data\n    ) as _TYPE['video']\n    const { REmit, event } = useREmit<'video'>(\n      emit as (event: 'component-emit', ...args: any[]) => void,\n      'video',\n      {\n        row: props.row,\n        index: props.index!,\n        props: props.prop,\n      }\n    )\n\n    return () => (\n      <>\n        <div style={data?.style || {}}>\n          <video\n            style=\"width:100%;height: 100%\"\n            src={props.row[props.prop.prop]}\n            loop={false}\n            class=\"avatar video-avatar\"\n            controls={true}\n            onPlay={(evt: Event) => {\n              REmit('play', {\n                row: props.row,\n                index: props.index,\n                prop: props.prop.prop,\n                evt,\n              })\n              event('play', evt)\n            }}\n            onPause={(evt: Event) => {\n              REmit('pause', {\n                row: props.row,\n                index: props.index,\n                prop: props.prop.prop,\n                evt,\n              })\n              event('pause', evt)\n            }}\n            {...isProperty(\n              { row: props.row, index: props.index!, props: props.prop },\n              data?.property\n            )}\n          />\n        </div>\n      </>\n    )\n  },\n})\n\nVideo.install = (app: App) => {\n  app.component(Video.name!, Video)\n}\nexport const PTVideo = Video as SFCWithInstall<typeof Video>\nexport default Video\n"],"names":["Video","defineComponent","powerfulTableComponentProp","props","emit","data","isData","REmit","event","useREmit","_createVNode","_Fragment","_mergeProps","evt","isProperty","app","PTVideo"],"mappings":";;AAEA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,IACA,GAAAC;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA,eAAA,gBAAA;AAAA,EACA,MAAAC,GAAA;AAAA,IACA,MAAAC;AAAA,EACA,GAAA;AACA,UAAAC,IAAAC,EAAA;AAAA,MACA,KAAAH,EAAA;AAAA,MACA,OAAAA,EAAA;AAAA,MACA,OAAAA,EAAA;AAAA,IACA,GAAAA,EAAA,KAAA,IAAA,GACA;AAAA,MACA,OAAAI;AAAA,MACA,OAAAC;AAAA,IACA,IAAAC,EAAAL,GAAA,SAAA;AAAA,MACA,KAAAD,EAAA;AAAA,MACA,OAAAA,EAAA;AAAA,MACA,OAAAA,EAAA;AAAA,IACA,CAAA;AACA,WAAA,MAAAO,EAAAC,GAAA,MAAA,CAAAD,EAAA,OAAA;AAAA,MACA,QAAAL,KAAA,gBAAAA,EAAA,UAAA,CAAA;AAAA,IACA,GAAA,CAAAK,EAAA,SAAAE,EAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAAT,EAAA,IAAAA,EAAA,KAAA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA,CAAAU,MAAA;AACA,QAAAN,EAAA,QAAA;AAAA,UACA,KAAAJ,EAAA;AAAA,UACA,OAAAA,EAAA;AAAA,UACA,MAAAA,EAAA,KAAA;AAAA,UACA,KAAAU;AAAA,QACA,CAAA,GACAL,EAAA,QAAAK,CAAA;AAAA,MACA;AAAA,MACA,SAAA,CAAAA,MAAA;AACA,QAAAN,EAAA,SAAA;AAAA,UACA,KAAAJ,EAAA;AAAA,UACA,OAAAA,EAAA;AAAA,UACA,MAAAA,EAAA,KAAA;AAAA,UACA,KAAAU;AAAA,QACA,CAAA,GACAL,EAAA,SAAAK,CAAA;AAAA,MACA;AAAA,IACA,GAAAC,EAAA;AAAA,MACA,KAAAX,EAAA;AAAA,MACA,OAAAA,EAAA;AAAA,MACA,OAAAA,EAAA;AAAA,IACA,GAAAE,KAAA,gBAAAA,EAAA,QAAA,CAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACA;AACA,CAAA;AACAL,EAAA,UAAA,CAAAe,MAAA;AACA,EAAAA,EAAA,UAAAf,EAAA,MAAAA,CAAA;AACA;AACA,MAAAgB,IAAAhB;"}