관리-도구

편집 파일: Score.m4qyqqd2.js

import"./translations.b896ab1m.js";import{v as u,o,c as l,a,C as c,G as p,H as f,l as z,x as h,t as d,m as A,j as C,b as v}from"./runtime-dom.esm-bundler.h3clfjuw.js";import{_ as y}from"./_plugin-vue_export-helper.oebm7xum.js";import{_ as b}from"./default-i18n.hohxoesu.js";const x="all-in-one-seo-pack",S={emits:["startAnalyzing"],props:{header:String,description:String,isAnalyzing:Boolean,analyzeTime:{type:Number,default(){return 8}},placeholder:{type:String,default(){return""}},inputError:{type:Boolean,default(){return!1}}},data(){return{input:null,strings:{analyze:b("Analyze",x)}}},watch:{isAnalyzing(s){s||(this.input=null)}}},T={class:"analyze-main"},V=["innerHTML"],L=["innerHTML"],N={class:"analyze-input"},k={key:0,class:"analyze-progress"};function B(s,n,e,_,t,i){const m=u("base-input"),g=u("base-button");return o(),l("div",T,[a("div",{class:"analyze-header",innerHTML:e.header},null,8,V),a("div",{class:"analyze-description",innerHTML:e.description},null,8,L),a("div",N,[c(m,{modelValue:t.input,"onUpdate:modelValue":n[0]||(n[0]=r=>t.input=r),placeholder:e.placeholder,class:p({"aioseo-error":e.inputError}),onKeyup:n[1]||(n[1]=f(r=>s.$emit("startAnalyzing",t.input),["enter"]))},null,8,["modelValue","placeholder","class"]),c(g,{type:"green",onClick:n[2]||(n[2]=r=>s.$emit("startAnalyzing",t.input)),loading:e.isAnalyzing,disabled:!t.input},{default:z(()=>[h(d(t.strings.analyze),1)]),_:1},8,["loading","disabled"])]),A(s.$slots,"errors"),e.isAnalyzing?(o(),l("div",k,[a("div",{class:"analyze-progress-value",style:C({animationDuration:`${e.analyzeTime}s`})},null,4)])):v("",!0)])}const U=y(S,[["render",B]]),H={props:{score:{type:Number,required:!0}},computed:{getColorClass(){return 33>=this.score?"red":66>=this.score?"orange":"green"}}};function M(s,n,e,_,t,i){return o(),l("div",{class:p(["aioseo-analyze-score",i.getColorClass])},[a("span",null,d(e.score)+"/100",1)],2)}const j=y(H,[["render",M]]);export{U as C,j as a};