You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
7.2 KiB
1 lines
7.2 KiB
import{_ as V}from"./index.vue_vue_type_script_setup_true_lang-Q6sPmgzz.js";import{d as w,c as C,p as y,I as D,o as $,f as S,w as n,q as t,e as p,J as i}from"./index-bVOhw2NF.js";import{_ as O}from"./Select-BpXzRZdb.js";import{_ as j}from"./FormItem-Cp_SJVoE.js";import{_ as z}from"./Input-CFQSA5NN.js";import{_ as L}from"./Slider-C2GzLvgH.js";import{_ as N}from"./Divider-aR5nu9et.js";import{_ as R}from"./InputNumber-BUVD-lKD.js";import{_ as k}from"./text-ClDrYWYc.js";import{_ as H}from"./Switch-DWvSWYoO.js";import{_ as I,a as P}from"./CollapseItem-CnymMNIl.js";import{_ as W}from"./Code-DeainCfy.js";import{_ as q}from"./Form-BZRGTIxb.js";import"./toggleHighContrast-BiNrcRtm.js";import"./editorWorker-UB-8rWUJ.js";import"./light-Cua7cqmF.js";import"./context-KbjOeZY_.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_baseFor-mOzdmxoL.js";import"./fade-in-scale-up.cssr-CTZmXn_X.js";import"./use-false-until-truthy-BNJRTcsy.js";import"./light-CE5Kvs_2.js";import"./light-B00G814I.js";import"./Scrollbar-DVK2lT9w.js";import"./fade-in.cssr-CltBGdAW.js";import"./use-rtl-CRyak7TN.js";import"./index-C-nsH7mf.js";import"./delegate-CI_DDEu_.js";import"./VResizeObserver-Tzd5ds8d.js";import"./get-precise-event-target-DhO46Lpt.js";import"./use-merged-state-CzrzZJbg.js";import"./use-compitable-DMmt6sIs.js";import"./use-locale-CFjRjALw.js";import"./index-Dn5RNViO.js";import"./use-form-item-CNgNT5jP.js";import"./use-is-mounted-wlrzLfZo.js";import"./Follower-DJGS5Fnl.js";import"./use-memo-BgHp9YyU.js";import"./cssr-CS9sbUmO.js";import"./utils-BKyMmInE.js";import"./render-BxFg9-7m.js";import"./Suffix-BqBRFVnL.js";import"./icon-switch.cssr-BCTOxvoq.js";import"./use-style-qLHIyj3D.js";import"./resolve-slot-Dzko3qih.js";import"./Icon-Ck7Ij_E6.js";import"./upperFirst-Bq7Kgunw.js";import"./toString-eibgRg41.js";import"./Loading-CByrJVhO.js";import"./light-BOD3MGQo.js";import"./color-to-class-B0iQgAn2.js";import"./Close-D6FODkWY.js";import"./call-f2ri57Kd.js";import"./Popover-DLIip8wF.js";import"./_baseEach-BwxcRWC6.js";import"./_getTag-BJ2nhJXz.js";import"./get-BuNGRF3A.js";import"./clickoutside-CCtiUDaG.js";import"./format-length-B-p6aW7q.js";import"./index-C9vhMoZJ.js";import"./flatten-7z_8MaI9.js";import"./index-L98eAIry.js";import"./keep-B1eBS8j0.js";import"./FocusDetector-DcygY9Tk.js";import"./happens-in-CM8LO42l.js";import"./index-DsSU6HIH.js";import"./light-CUlEsFk3.js";import"./browser-DLIXj5nt.js";import"./is-browser-DqcmxZSF.js";import"./light-MOj96jwO.js";import"./light-CnxA-8p4.js";import"./_common-D9N4yDJ1.js";import"./light-DiXDfyIH.js";import"./light-BULoejUF.js";import"./Button-B7xQqa1N.js";import"./Add-CgLKrdZy.js";import"./light-Blmb_y9V.js";import"./light-CdWU_bnm.js";import"./_common-CtIASumb.js";import"./fade-in-height-expand.cssr-Bx380MfO.js";import"./light-BIogERFh.js";import"./ChevronRight-DjG_plXV.js";import"./light-BrVOPY0a.js";import"./keysOf-HiGXOwLp.js";const J=w({name:"EsImageConfig",components:{Monaco:V},props:{modelValue:{type:Object,default:()=>({})}},emits:["update:modelValue"],setup(l,{emit:o}){return{options:C({get(){return l.modelValue},set(m){o("update:modelValue",m)}}),fillModeOpts:[{label:"填满",value:"fill"},{label:"包含",value:"contain"},{label:"自动",value:"auto"},{label:"填充宽度",value:"fillWidth "},{label:"填充高度",value:"fillHeight"}],containerStyle:[{label:"不做适配",value:"fixed"},{label:"适配高度",value:"fixWidth"},{label:"适配宽度",value:"fixHeight"},{label:"自动",value:"auto"}],videoModes:[{label:"mp4",value:"mp4"},{label:"flv",value:"flv"},{label:"hls",value:"hls"},{label:"mpeg-dash",value:"mpeg-dash"}]}}}),T={class:"grid grid-cols-2 flex-auto gap-2"};function G(l,o,b,g,F,E){const m=O,a=j,r=z,U=L,d=N,v=R,u=k,s=H,f=I,_=P,A=W,B=D("Monaco"),M=q;return $(),S(M,{model:l.options,size:"small","label-placement":"left"},{default:n(()=>[t(a,{label:"播放格式","label-width":"75px","label-placement":"left"},{default:n(()=>[t(m,{value:l.options.mode,"onUpdate:value":o[0]||(o[0]=e=>l.options.mode=e),placeholder:"请选择",options:l.videoModes},null,8,["value","options"])]),_:1}),t(a,{label:"容器适配","label-width":"75px","label-placement":"left"},{default:n(()=>[t(m,{value:l.options.fitVideoSize,"onUpdate:value":o[1]||(o[1]=e=>l.options.fitVideoSize=e),placeholder:"请选择",options:l.containerStyle},null,8,["value","options"])]),_:1}),t(a,{label:"画面填充","label-width":"75px","label-placement":"left"},{default:n(()=>[t(m,{value:l.options.videoFillMode,"onUpdate:value":o[2]||(o[2]=e=>l.options.videoFillMode=e),placeholder:"请选择",options:l.fillModeOpts},null,8,["value","options"])]),_:1}),t(a,{label:"URL地址","label-width":"75px","label-placement":"left"},{default:n(()=>[t(r,{value:l.options.url,"onUpdate:value":o[3]||(o[3]=e=>l.options.url=e),placeholder:"请输入URL地址",clearable:!0},null,8,["value"])]),_:1}),t(a,{label:"封面地址","label-width":"75px","label-placement":"left"},{default:n(()=>[t(r,{value:l.options.poster,"onUpdate:value":o[4]||(o[4]=e=>l.options.poster=e),placeholder:"请输入URL地址",clearable:!0},null,8,["value"])]),_:1}),t(a,{label:"音量","label-width":"75px","label-placement":"left"},{default:n(()=>[t(U,{value:l.options.volume,"onUpdate:value":o[5]||(o[5]=e=>l.options.volume=e),min:0,max:1,step:.01},null,8,["value"])]),_:1}),t(d),t(_,{"default-expanded-names":["1"]},{default:n(()=>[t(f,{title:"基础配置",name:"1"},{default:n(()=>[p("div",T,[p("div",null,[t(v,{value:l.options.width,"onUpdate:value":o[6]||(o[6]=e=>l.options.width=e),min:0,max:1e4,step:10},null,8,["value"]),t(u,{class:"color-[#999]"},{default:n(()=>o[14]||(o[14]=[i(" 宽度 ")])),_:1})]),p("div",null,[t(v,{value:l.options.height,"onUpdate:value":o[7]||(o[7]=e=>l.options.height=e),min:0,max:1e4,step:10},null,8,["value"]),t(u,{class:"color-[#999]"},{default:n(()=>o[15]||(o[15]=[i(" 高度 ")])),_:1})]),p("div",null,[t(s,{value:l.options.autoPlay,"onUpdate:value":o[8]||(o[8]=e=>l.options.autoPlay=e)},null,8,["value"]),t(u,{class:"color-[#999]"},{default:n(()=>o[16]||(o[16]=[i(" 自动播放 ")])),_:1})]),p("div",null,[t(s,{value:l.options.autoplayMuted,"onUpdate:value":o[9]||(o[9]=e=>l.options.autoplayMuted=e)},null,8,["value"]),t(u,{class:"color-[#999]"},{default:n(()=>o[17]||(o[17]=[i(" 自动静音 ")])),_:1})]),p("div",null,[t(s,{value:l.options.loop,"onUpdate:value":o[10]||(o[10]=e=>l.options.loop=e)},null,8,["value"]),t(u,{class:"color-[#999]"},{default:n(()=>o[18]||(o[18]=[i(" 循环播放 ")])),_:1})]),p("div",null,[t(s,{value:l.options.controls,"onUpdate:value":o[11]||(o[11]=e=>l.options.controls=e)},null,8,["value"]),t(u,{class:"color-[#999]"},{default:n(()=>o[19]||(o[19]=[i(" 显示控制栏 ")])),_:1})]),p("div",null,[t(s,{value:l.options.fluid,"onUpdate:value":o[12]||(o[12]=e=>l.options.fluid=e)},null,8,["value"]),t(u,{class:"color-[#999]"},{default:n(()=>o[20]||(o[20]=[i(" 流式布局 ")])),_:1})])])]),_:1})]),_:1}),t(d),t(_,{"default-expanded-names":["1"]},{default:n(()=>[t(f,{title:"代码配置",name:"1"},{default:n(()=>[t(A,{code:"function (config, player)",language:"javascript",inline:""}),t(B,{modelValue:l.options.codeConfig,"onUpdate:modelValue":o[13]||(o[13]=e=>l.options.codeConfig=e),mode:"javascript"},null,8,["modelValue"]),o[21]||(o[21]=p("div",null,"}",-1))]),_:1})]),_:1})]),_:1},8,["model"])}const Ml=y(J,[["render",G]]);export{Ml as default};
|