@kq_npm/client3d_webgl_vue/boxclip/index.js

KQGIS Client3D for Vue.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@kq_npm/client_common_vue/_utils/gis-utils"),require("@kq_npm/client_common_vue/init.js"),require("@kq_npm/client_common_vue/_utils/util")):"function"==typeof define&&define.amd?define("@kq_npm/client3d_webgl_vue",["vue","@kq_npm/client_common_vue/_utils/gis-utils","@kq_npm/client_common_vue/init.js","@kq_npm/client_common_vue/_utils/util"],t):"object"==typeof exports?exports["@kq_npm/client3d_webgl_vue"]=t(require("vue"),require("@kq_npm/client_common_vue/_utils/gis-utils"),require("@kq_npm/client_common_vue/init.js"),require("@kq_npm/client_common_vue/_utils/util")):e["@kq_npm/client3d_webgl_vue"]=t(e.Vue,e["@kq_npm/client_common_vue/_utils/gis-utils"],e["@kq_npm/client_common_vue/init.js"],e["@kq_npm/client_common_vue/_utils/util"])}(this,(function(e,t,i,l){return function(){"use strict";var a={1705:function(e,t,i){var l=i(9389),a=i(7997),n=i.n(a);l.ElMessage.install=(e,t)=>{n()(e,t),e.component("KqMessage",l.ElMessage)},t.Z=l.ElMessage},348:function(e){e.exports=require("@kq_npm/client_icons_vue")},9389:function(e){e.exports=require("element-plus/dist/index.full.js")},7080:function(e){e.exports=require("vue-i18n/dist/vue-i18n.cjs.js")},7135:function(e){e.exports=t},3458:function(e){e.exports=l},7997:function(e){e.exports=i},1895:function(t){t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var i=n[e]={exports:{}};return a[e](i,i.exports,o),i.exports}o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return function(){o.r(s),o.d(s,{BoxClipViewModel:function(){return l},default:function(){return f}});var e=o(1895),t=o(7135),i=o(1705);class l{_viewer=null;_options={};_defaultOptions={clipTyp:1,boxColor:Cesium.Color.fromCssColorString("#316882").withAlpha(.4),clipEdgeWidth:6,clipEdgeColorLables:"#63cf25",clipEdgeColor:Cesium.Color.fromCssColorString("#63cf25"),paddingFill:!0,paddingFillColor:Cesium.Color.fromCssColorString("#ffffff"),paddingFillColorLabel:"#ffffff",paddingFillColorAlpha:.7,paddingStroke:!0,paddingStrokeColor:Cesium.Color.fromCssColorString("#dd2bff"),paddingStrokeColorLabel:"#dd2bff",paddingStrokeColorAlpha:.6,paddingStrokeSize:3.5,paddingStrokeSoftSize:2,paddingStrokeDirection:35,paddingStrokeSpace:5};_boxclipAnalysis=null;_drawManager=null;_language={};callbackParams=null;constructor(e,i,l){this._language=e._language,this._options=Object.assign({},i,this._defaultOptions),this._viewer=e._viewer,this.callbackParams=l,this._options.viewer=this._viewer,this._drawManager=e._drawManager;this._resetListData=this._resetListData.bind(this),t.mapViewUtils.bindViewEvents("resetLayerDatas",this._resetListData,e._viewerId)}_resetListData(e){e.eventTarget&&e.eventTarget===this||this.callbackParams&&this.callbackParams("setData")}findLayers(){let e=[];const t=this._options.viewer.scene.primitives._primitives;for(let i=0;i<t.length;i++)if(t[i]instanceof Cesium.Cesium3DTileset){if(!t[i].show)continue;e.push({guid:t[i].guid,name:t[i].name?t[i].name:t[i].guid})}return e}findLayerById(e){return this._options.viewer.scene.primitives._primitives.find((function(t){return t.guid===e}))}start(){var e=this,t=!1,l=this._options.viewer.scene.primitives._primitives;for(let e=0;e<l.length;e++)l[e]._url&&l[e].show&&(t=!0);t?(this.clear(),this._drawManager&&this._drawManager.startDraw("marker",{image:null},((t,{shape:i})=>{i.groupName&&"BoxClipDraw"===i.groupName&&(i&&(e._options.position=i.position,e._boxclipAnalysis=new Cesium.Kq3dBoxClip(e._options)),e._drawManager.clearDrawGroup("BoxClipDraw"))}),"BoxClipDraw")):(0,i.Z)({message:this._language.addModelClipTips,type:"warning"})}clear(){this._boxclipAnalysis&&(this._boxclipAnalysis.boxEnable=!1),this._boxclipAnalysis&&this._boxclipAnalysis.remove()}destroy(){this.clear(),this._boxclipAnalysis&&this._boxclipAnalysis.destroy(),this._boxclipAnalysis=null,t.mapViewUtils.offViewEvents("resetLayerDatas",this._resetListData,this._viewer._container.id)}setLayer(e){this.clear(),this._options.tileset=this.findLayerById(e)}setClipType(e){this._options.unionClippingRegions=e,this._boxclipAnalysis&&(this._boxclipAnalysis.unionClippingRegions=e)}setClip(e){this._options.enable=e,this._boxclipAnalysis&&(this._boxclipAnalysis.enable=e,this._boxclipAnalysis.boxEnable=this._options.boxEnable)}setShowBox(e){this._options.boxEnable=e,this._boxclipAnalysis&&(this._boxclipAnalysis.boxEnable=e)}setXDistance(e){this._options.x=Number(e),this._boxclipAnalysis&&this._boxclipAnalysis.translationClip("x",Number(e))}setYDistance(e){this._options.y=Number(e),this._boxclipAnalysis&&this._boxclipAnalysis.translationClip("y",Number(e))}setZDistance(e){this._options.z=Number(e),this._boxclipAnalysis&&this._boxclipAnalysis.translationClip("z",Number(e))}setAxisX(e){this._options.axisX=Number(e),this._boxclipAnalysis&&(this._boxclipAnalysis.axisX=Number(e))}setAxisY(e){this._options.axisY=Number(e),this._boxclipAnalysis&&(this._boxclipAnalysis.axisY=Number(e))}setAxisZ(e){this._options.axisZ=Number(e),this._boxclipAnalysis&&(this._boxclipAnalysis.axisZ=Number(e))}setAngle(e){this._options.angle=Number(e),this._boxclipAnalysis&&(this._boxclipAnalysis.angle=Number(e))}}var a=o(348),n=o(3458),r=o(7080);const u={class:"kq3d-box-clip-box"},p={class:"kq3d-box-clip-span"},c={class:"kq3d-box-clip-span"},d={class:"kq3d-box-clip-footer"},m={name:"Kq3dBoxClip"};var f=Object.assign(m,{props:{settingParams:{type:Object},showShadow:{type:Boolean,default:!0},position:[String,Object],showHeaderTemp:{type:Boolean,default:!1},isCollapseHeaderTemp:{type:Boolean,default:!1},headerTempTitle:{type:String},headerTempIcon:{type:[Object,String],default:a.IconBoxClip},isRight:{type:Boolean,default:!0}},setup(i,{expose:a}){const o=i,{proxy:s}=(0,e.getCurrentInstance)();let m=(0,e.ref)(""),f=(0,e.ref)(s.$i18n.global.messages[s.$i18n.global.locale].webgl),h=(0,e.ref)([]),x=(0,e.reactive)({collapseValue:o.settingParams&&o.settingParams.collapseValue||(""==(o.settingParams&&o.settingParams.collapseValue)?"":"setting"),tileset:o.settingParams&&o.settingParams.tileset||null,unionClippingRegions:o.settingParams&&void 0!==o.settingParams.unionClippingRegions||!1,enableClip:o.settingParams&&void 0!==o.settingParams.enableClip||!0,boxEnable:o.settingParams&&void 0!==o.settingParams.boxEnable||!1,xDistance:o.settingParams&&o.settingParams.xDistance||-17,yDistance:o.settingParams&&o.settingParams.yDistance||0,zDistance:o.settingParams&&o.settingParams.yDistance||12,clipLength:o.settingParams&&o.settingParams.clipLength||7,clipWidth:o.settingParams&&o.settingParams.clipWidth||9.7,clipHeight:o.settingParams&&o.settingParams.clipHeight||4.7,clipRotation:o.settingParams&&o.settingParams.clipRotation||90}),g=null,_=(0,e.ref)(null),b=(0,e.ref)(),C=(0,e.ref)(),{locale:V,messages:y}=(0,r.useI18n)(),w=(0,e.ref)(null);function N(e,t){g&&(h.value=g.findLayers(),x.tileset="",h.value.length>0&&(x.tileset=h.value[0].guid),k("tileset"))}w.value=f.value.boxClip,(0,e.watch)((()=>V.value),((e,t)=>{f.value=y.value[e].webgl,w.value=f.value.boxClip})),(0,e.onMounted)((()=>{(0,n.updatePosition)(_.value,o),(0,e.watch)((()=>o.position),((e,t)=>{(0,n.updatePosition)(_.value,o)})),v(),(0,e.watch)((()=>o.showHeaderTemp),((t,i)=>{(0,e.nextTick)((()=>{v()}))})),m.value=s.$i18n.locale,t.utils.getWebMap(null,(e=>{if(e){let t={tileset:x.tileset,unionClippingRegions:x.unionClippingRegions,enable:x.enableClip,boxEnable:x.boxEnable,x:x.xDistance,y:x.yDistance,z:x.zDistance,axisX:x.clipLength,axisY:x.clipWidth,axisZ:x.clipHeight,angle:x.clipRotation};g=new l(e,t,N)}})),setTimeout((()=>{N()}),1e3)}));const v=()=>{o.showHeaderTemp&&(b.value=(0,n.createHeaderTemp)(_.value,(0,e.toRefs)(o),C,w))};function k(e){switch(e){case"tileset":g.setLayer(x.tileset);break;case"unionClip":g.setClipType(x.unionClippingRegions);break;case"enableClip":g.setClip(x.enableClip);break;case"boxEnable":g.setShowBox(x.boxEnable);break;case"xDistance":g.setXDistance(x.xDistance);break;case"yDistance":g.setYDistance(x.yDistance);break;case"zDistance":g.setZDistance(x.zDistance);break;case"clipLength":g.setAxisX(x.clipLength);break;case"clipWidth":g.setAxisY(x.clipWidth);break;case"clipHeight":g.setAxisZ(x.clipHeight);break;case"angle":g.setAngle(x.clipRotation)}}function D(){g&&g.start()}function q(){g&&g.clear()}return(0,e.onBeforeUnmount)((()=>{g&&g.destroy()})),a({paramsChanged:k,clip:D,clearResult:q}),(t,l)=>{const a=(0,e.resolveComponent)("kq-col"),n=(0,e.resolveComponent)("kq-option"),o=(0,e.resolveComponent)("kq-select"),s=(0,e.resolveComponent)("kq-row"),r=(0,e.resolveComponent)("kq-radio"),g=(0,e.resolveComponent)("kq-checkbox"),V=(0,e.resolveComponent)("kq-slider"),y=(0,e.resolveComponent)("kq-input-number"),w=(0,e.resolveComponent)("kq-form-item"),N=(0,e.resolveComponent)("kq-form"),v=(0,e.resolveComponent)("kq-collapse-item"),A=(0,e.resolveComponent)("kq-collapse"),S=(0,e.resolveComponent)("kq-button");return(0,e.openBlock)(),(0,e.createElementBlock)("section",{class:(0,e.normalizeClass)(["kq3d-box-clip",{"kq-box-shadow":i.showShadow}]),ref_key:"boxRef",ref:_},[i.showHeaderTemp?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)((0,e.unref)(b)),{key:0,ref_key:"headerTempRef",ref:C},null,512)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",u,[(0,e.createVNode)(s,{gutter:20,class:"rowClass"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:6,class:"colClass"},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",p,(0,e.toDisplayString)((0,e.unref)(f).clipObj),1)])),_:1}),(0,e.createVNode)(a,{span:18},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(o,{modelValue:(0,e.unref)(x).tileset,"onUpdate:modelValue":l[0]||(l[0]=t=>(0,e.unref)(x).tileset=t),onChange:l[1]||(l[1]=e=>k("tileset"))},{default:(0,e.withCtx)((()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(h),((t,i)=>((0,e.openBlock)(),(0,e.createBlock)(n,{key:i,value:t.guid,label:t.name},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.name),1)])),_:2},1032,["value","label"])))),128))])),_:1},8,["modelValue"])])),_:1})])),_:1}),(0,e.createVNode)(s,{gutter:20,class:"rowClass"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:6,class:"colClass"},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("span",c,(0,e.toDisplayString)((0,e.unref)(f).clipPattern),1)])),_:1}),(0,e.createVNode)(a,{span:18},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(r,{modelValue:(0,e.unref)(x).unionClippingRegions,"onUpdate:modelValue":l[2]||(l[2]=t=>(0,e.unref)(x).unionClippingRegions=t),label:!1,onChange:l[3]||(l[3]=e=>k("unionClip"))},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).insideClip),1)])),_:1},8,["modelValue"]),(0,e.createVNode)(r,{modelValue:(0,e.unref)(x).unionClippingRegions,"onUpdate:modelValue":l[4]||(l[4]=t=>(0,e.unref)(x).unionClippingRegions=t),label:!0,onChange:l[5]||(l[5]=e=>k("unionClip"))},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).outsideClip),1)])),_:1},8,["modelValue"])])),_:1})])),_:1}),(0,e.createVNode)(s,{class:"kq3d-box-clip-tip"},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("p",null,(0,e.toDisplayString)((0,e.unref)(f).clipTips),1)])),_:1}),(0,e.createVNode)(A,{"model-value":(0,e.unref)(x).collapseValue,class:"kq3d-box-clip-collapse"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(v,{title:(0,e.unref)(f).analysisSettings,name:"setting"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(N,{"label-width":"zh"===(0,e.unref)(m)?"110px":"160px","label-position":"left"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:12},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(g,{modelValue:(0,e.unref)(x).enableClip,"onUpdate:modelValue":l[6]||(l[6]=t=>(0,e.unref)(x).enableClip=t),onChange:l[7]||(l[7]=e=>k("enableClip"))},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).enableClip),1)])),_:1},8,["modelValue"])])),_:1}),(0,e.createVNode)(a,{span:12},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(g,{modelValue:(0,e.unref)(x).boxEnable,"onUpdate:modelValue":l[8]||(l[8]=t=>(0,e.unref)(x).boxEnable=t),onChange:l[9]||(l[9]=e=>k("boxEnable"))},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).boxEnable),1)])),_:1},8,["modelValue"])])),_:1})])),_:1}),(0,e.createVNode)(s,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{label:(0,e.unref)(f).xDistance},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{modelValue:(0,e.unref)(x).xDistance,"onUpdate:modelValue":l[10]||(l[10]=t=>(0,e.unref)(x).xDistance=t),step:1,min:-40,max:40,onChange:l[11]||(l[11]=e=>k("xDistance"))},null,8,["modelValue","min"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(y,{modelValue:(0,e.unref)(x).xDistance,"onUpdate:modelValue":l[12]||(l[12]=t=>(0,e.unref)(x).xDistance=t),min:-40,max:40,step:1,"controls-position":"right",onChange:l[13]||(l[13]=e=>k("xDistance"))},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(s,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{label:(0,e.unref)(f).yDistance},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{modelValue:(0,e.unref)(x).yDistance,"onUpdate:modelValue":l[14]||(l[14]=t=>(0,e.unref)(x).yDistance=t),step:1,min:-40,max:40,onChange:l[15]||(l[15]=e=>k("yDistance"))},null,8,["modelValue","min"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(y,{modelValue:(0,e.unref)(x).yDistance,"onUpdate:modelValue":l[16]||(l[16]=t=>(0,e.unref)(x).yDistance=t),min:-40,max:40,step:1,"controls-position":"right",onChange:l[17]||(l[17]=e=>k("yDistance"))},null,8,["modelValue","min"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(s,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{label:(0,e.unref)(f).zDistance},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{modelValue:(0,e.unref)(x).zDistance,"onUpdate:modelValue":l[18]||(l[18]=t=>(0,e.unref)(x).zDistance=t),step:1,min:-40,max:40,onChange:l[19]||(l[19]=e=>k("zDistance"))},null,8,["modelValue","min"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(y,{modelValue:(0,e.unref)(x).zDistance,"onUpdate:modelValue":l[20]||(l[20]=t=>(0,e.unref)(x).zDistance=t),min:-40,max:40,step:1,"controls-position":"right",onChange:l[21]||(l[21]=e=>k("zDistance"))},null,8,["modelValue","min"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(s,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{label:(0,e.unref)(f).clipLength},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{modelValue:(0,e.unref)(x).clipLength,"onUpdate:modelValue":l[22]||(l[22]=t=>(0,e.unref)(x).clipLength=t),step:.1,min:0,max:50,onChange:l[23]||(l[23]=e=>k("clipLength"))},null,8,["modelValue","step"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(y,{modelValue:(0,e.unref)(x).clipLength,"onUpdate:modelValue":l[24]||(l[24]=t=>(0,e.unref)(x).clipLength=t),min:0,max:50,step:.1,"controls-position":"right",onChange:l[25]||(l[25]=e=>k("clipLength"))},null,8,["modelValue","step"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(s,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{label:(0,e.unref)(f).clipWidth},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{modelValue:(0,e.unref)(x).clipWidth,"onUpdate:modelValue":l[26]||(l[26]=t=>(0,e.unref)(x).clipWidth=t),step:.1,min:0,max:50,onChange:l[27]||(l[27]=e=>k("clipWidth"))},null,8,["modelValue","step"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(y,{modelValue:(0,e.unref)(x).clipWidth,"onUpdate:modelValue":l[28]||(l[28]=t=>(0,e.unref)(x).clipWidth=t),step:.1,min:0,max:50,"controls-position":"right",onChange:l[29]||(l[29]=e=>k("clipWidth"))},null,8,["modelValue","step"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(s,null,{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{label:(0,e.unref)(f).clipHeight},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{modelValue:(0,e.unref)(x).clipHeight,"onUpdate:modelValue":l[30]||(l[30]=t=>(0,e.unref)(x).clipHeight=t),step:.1,min:0,max:10,onChange:l[31]||(l[31]=e=>k("clipHeight"))},null,8,["modelValue","step"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(y,{modelValue:(0,e.unref)(x).clipHeight,"onUpdate:modelValue":l[32]||(l[32]=t=>(0,e.unref)(x).clipHeight=t),step:.1,min:0,max:10,"controls-position":"right",onChange:l[33]||(l[33]=e=>k("clipHeight"))},null,8,["modelValue","step"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1}),(0,e.createVNode)(s,{style:{"margin-bottom":"8px"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(w,{label:(0,e.unref)(f).clipRotation},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{display:"flex"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(a,{span:16},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(V,{modelValue:(0,e.unref)(x).clipRotation,"onUpdate:modelValue":l[34]||(l[34]=t=>(0,e.unref)(x).clipRotation=t),step:1,min:0,max:360,onChange:l[35]||(l[35]=e=>k("angle"))},null,8,["modelValue"])])),_:1}),(0,e.createVNode)(a,{span:8},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(y,{modelValue:(0,e.unref)(x).clipRotation,"onUpdate:modelValue":l[36]||(l[36]=t=>(0,e.unref)(x).clipRotation=t),min:0,max:360,step:1,"controls-position":"right",onChange:l[37]||(l[37]=e=>k("angle"))},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["label"])])),_:1})])),_:1},8,["label-width"])])),_:1},8,["title"])])),_:1},8,["model-value"]),(0,e.createElementVNode)("div",d,[(0,e.createVNode)(S,{onClick:l[38]||(l[38]=(0,e.withModifiers)((e=>D()),["stop"])),title:(0,e.unref)(f).clip,type:"primary"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).clip),1)])),_:1},8,["title"]),(0,e.createVNode)(S,{onClick:l[39]||(l[39]=(0,e.withModifiers)((e=>q()),["stop"])),title:(0,e.unref)(f).clear},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(f).clear),1)])),_:1},8,["title"])])])],2)}}}),h=o(7997),x=o.n(h);f.install=(e,t)=>{x()(e,t),e.component(f.name,f)}}(),s}()}));