@aplus-frontend/ui/lib/src/business/ap-ladder/components/ValueGroupMode.js

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue");require("../../../config-provider/index.js");const d=require("./RenderValue.js"),s=require("../../../config-provider/hooks/use-namespace.js"),i=l.defineComponent({name:"ApLadderValueGroupMode",props:{labelValues:{type:Array,default:()=>[]},labelAlign:{type:String,default:""}},emits:["update:valueRefs","handleClick"],setup(t,{emit:r,slots:u}){const{e:a}=s.useNamespace("ap-ladder"),o=e=>{r("handleClick",e)};return()=>l.createVNode("div",{class:a("value-group-mode")},[t.labelValues.map((e,n)=>l.createVNode("div",{key:n,class:[a("value-group-item"),e.label===""&&a("value-group-value-end")]},[e.label&&l.createVNode("span",{class:[a("value-group-label"),t.labelAlign?a(`value-group-label-${t.labelAlign}`):null],style:e.labelColor?{color:e.labelColor}:null,title:String(e.label)},[e.label]),e.label&&l.createVNode("span",{class:a("value-group-label-semicolon")},[l.createTextVNode(":")]),l.createVNode(d.default,{labelValue:e,labelValues:t.labelValues,onHandleClick:o},null),u.title&&u.title()]))])}});exports.default=i;