jodit-pro
Version:
PRO Version of Jodit Editor
2 lines (1 loc) • 2.87 kB
JavaScript
var m=Object.defineProperty;var v=(u,e)=>m(u,"name",{value:e,configurable:!0});var h,r=function(u,e,t,n){var a=arguments.length,l=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(u,e,t,n);else for(var p=u.length-1;p>=0;p--)(i=u[p])&&(l=(a<3?i(l):a>3?i(e,t,l):i(e,t))||l);return a>3&&l&&Object.defineProperty(e,t,l),l};import{autobind as f,component as x,watch as c}from"jodit/esm/core/decorators/index.js";import{refs as s}from"jodit/esm/core/helpers/utils/selector.js";import{UIForm as d,UIInput as g,UISelect as C}from"jodit/esm/core/ui/index.js";let o=(h=class extends d{className(){return"UIMapsPropsForm"}constructor(e,t){var n;super(e),this.state=t;const[a,l]=t.size,[i,p]=t.center;this.append([new g(e,{label:"Width",name:"width",value:a,type:"number",onChange:this.onChangeSize}),new g(e,{label:"Height",name:"height",value:l,type:"number",onChange:this.onChangeSize}),new g(e,{label:"Latitude",name:"lat",value:i,onChange:this.onChangeCenter}),new g(e,{label:"Longitude",name:"lng",value:p,onChange:this.onChangeCenter}),new C(e,{label:"Map type",value:t.type,name:"mapType",options:[{value:"hybrid",text:"Hybrid"},{value:"roadmap",text:"Roadmap"},{value:"satellite",text:"Satellite"},{value:"terrain",text:"Terrain"}],onChange:v(y=>{t.type=y},"onChange")}),new C(e,{label:"Layer",value:(n=t.layer)!==null&&n!==void 0?n:"default",name:"layer",options:[{value:"default",text:"Default"},{value:"traffic",text:"Traffic"},{value:"transit",text:"Transit"},{value:"bicycling",text:"Bicycling"}],onChange:v(y=>{t.layer=y},"onChange")})])}onChangeSize(){const{width:e,height:t}=s(this.container);this.state.size=[parseInt(e?.value,10)||0,parseInt(t?.value,10)||0]}onExternalChangeSize(){const{width:e,height:t}=s(this.container),[n,a]=this.state.size;n.toString()!==e.value&&(e.value=n.toString()),a.toString()!==t.value&&(t.value=a.toString())}onChangeCenter(){const{lat:e,lng:t}=s(this.container);this.state.center=[parseFloat(e?.value)||0,parseFloat(t?.value)||0]}onExternalChangeCenter(){const{lat:e,lng:t}=s(this.container),[n,a]=this.state.center;n.toString()!==e.value&&(e.value=n.toString()),a.toString()!==t.value&&(t.value=a.toString())}onExternalChangeType(){const{mapType:e}=s(this.container);this.state.type!==e.value&&(e.value=this.state.type)}onExternalChangeLayer(){const{layer:e}=s(this.container);this.state.layer!==e.value&&(e.value=this.state.layer)}},v(h,"UIMapsPropsForm"),h);r([f],o.prototype,"onChangeSize",null),r([c("state.size")],o.prototype,"onExternalChangeSize",null),r([f],o.prototype,"onChangeCenter",null),r([c(["state.center"])],o.prototype,"onExternalChangeCenter",null),r([c(["state.type"])],o.prototype,"onExternalChangeType",null),r([c(["state.layer"])],o.prototype,"onExternalChangeLayer",null),o=r([x],o);export{o as UIMapsPropsForm};