import{_n as e,bn as t,mr as n,pr as r,vn as i,yn as a}from"./common.js";import{t as o}from"./TextFontStyle.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,reactive as v,ref as y,renderList as b,unref as x,useCssVars as S,watch as C,withCtx as w}from"vue";import{InputNumber as T,RadioButton as E,RadioGroup as D,Select as O,Tooltip as k,theme as A}from"ant-design-vue";import{useDesign as j}from"@mfish/core/hooks";import{Icon as M}from"@mfish/core/components/Icon";var N=n(m({__name:`TextHAlignStyle`,props:{alignType:{type:String,default:void 0}},emits:[`alignChange`],setup(e,{emit:t}){let n=e,r=t,a=y();C(()=>n.alignType,e=>{a.value=e},{immediate:!0});let{prefixCls:o}=j(`h-align-style`),c=v({[i.Left]:{name:`水平居左`,icon:`carbon:text-align-left`,description:`文字水平居左`},[i.Center]:{name:`水平居中`,icon:`carbon:text-align-center`,description:`文字水平居中`},[i.Right]:{name:`水平居右`,icon:`carbon:text-align-right`,description:`文字水平居右`}});function u(e){let t=e.target.value;r(`alignChange`,t)}return(e,t)=>(_(),d(`div`,{class:g(x(o))},[p(x(D),{value:a.value,"onUpdate:value":t[0]||=e=>a.value=e,onChange:u},{default:w(()=>[(_(!0),d(s,null,b(Object.keys(c),e=>(_(),l(x(k),{key:e,placement:`top`,title:c[e].description},{default:w(()=>[p(x(E),{class:`radio-button`,value:e},{default:w(()=>[p(x(M),{icon:c[e].icon},null,8,[`icon`])]),_:2},1032,[`value`])]),_:2},1032,[`title`]))),128))]),_:1},8,[`value`])],2))}}),[[`__scopeId`,`data-v-92e25baf`]]),P=n(m({__name:`TextVAlignStyle`,props:{alignType:{type:String,default:void 0}},emits:[`alignChange`],setup(e,{emit:t}){let n=e,r=t,i=y();C(()=>n.alignType,e=>{i.value=e},{immediate:!0});let{prefixCls:o}=j(`v-align-style`),c=v({[a.Top]:{name:`垂直居上`,icon:`carbon:align-vertical-top`,description:`文字垂直居上`},[a.Center]:{name:`垂直居中`,icon:`carbon:align-vertical-center`,description:`文字垂直居中`},[a.Bottom]:{name:`垂直居下`,icon:`carbon:align-vertical-bottom`,description:`文字垂直居下`}});function u(e){let t=e.target.value;r(`alignChange`,t)}return(e,t)=>(_(),d(`div`,{class:g(x(o))},[p(x(D),{value:i.value,"onUpdate:value":t[0]||=e=>i.value=e,onChange:u},{default:w(()=>[(_(!0),d(s,null,b(Object.keys(c),e=>(_(),l(x(k),{key:e,placement:`top`,title:c[e].description},{default:w(()=>[p(x(E),{class:`radio-button`,value:e},{default:w(()=>[p(x(M),{icon:c[e].icon},null,8,[`icon`])]),_:2},1032,[`value`])]),_:2},1032,[`title`]))),128))]),_:1},8,[`value`])],2))}}),[[`__scopeId`,`data-v-a4066fb0`]]),F={class:`line`},I={class:`input`},L={class:`line`},R={style:{flex:`1`}},z={key:0,class:`line`},B=n(m({name:`TextStyle`,__name:`index`,props:{verticalAlign:{type:Boolean,default:!1},textStyle:{type:Object,default:()=>{}},hideFont:{type:Boolean,default:!1},hideAlign:{type:Boolean,default:!1},hideFontStyle:{type:Array,default:()=>[]},colorType:{type:Number,default:3}},emits:[`fontStyleChange`,`hAlignChange`,`vAlignChange`,`fontChange`,`sizeChange`,`colorChange`,`colorConfirm`],setup(n,{emit:s}){S(e=>({v48be0450:E.value}));let m=n,v=s,{prefixCls:b}=j(`text-style`),{token:w}=A.useToken(),E=c(()=>w.value.colorBorder),D=y(12),k=y(t[0].value),M=y(),B=y();C(()=>m.textStyle,e=>{e&&(D.value=m.textStyle?.fontSize??12,k.value=m.textStyle?.font??t[0].value,M.value=m.textStyle?.textColor,B.value=m.textStyle?.fontStyle)},{immediate:!0,deep:!0});function V(e){let t=H(e);M.value=e,v(`colorConfirm`,t)}function H(e){let t;return t=e?e.startsWith(`linear-gradient`)?{value:e,style:{background:e,color:`transparent`,backgroundClip:`text`}}:{value:e,style:{color:e}}:{value:``,style:{}},v(`colorChange`,t),W(B.value,e),t}function U(e){B.value=e,W(e,M.value)}function W(t,n){if(!t)return;let r=n?.startsWith(`linear-gradient`),i=Math.round((D.value??12)/10),a=t?.underline&&r?{borderBottom:`${i}px solid`,borderImage:`${n} 1`}:t?.underline?{borderBottom:`${i}px solid`,borderColor:`${n}`}:{},o=t[e.Bold]?{fontWeight:`bold`}:{},s=t[e.Italic]?{fontStyle:`italic`}:{};if(r){let e=n?.match(/(?<=linear-gradient.*?)(rgba\(.*?\))/g);e&&e.length>0&&(n=e[0])}let c=t[e.Strikethrough]?{textDecoration:`line-through`,textDecorationColor:n}:{};v(`fontStyleChange`,{value:t,style:{...o,...s,...a,...c}})}function G(e){v(`hAlignChange`,{value:e,style:{justifyContent:e===i.Left?`flex-start`:e===i.Center?`center`:e===i.Right?`flex-end`:`center`}})}function K(e){v(`vAlignChange`,{value:e,style:{alignItems:e===a.Top?`flex-start`:e===a.Center?`center`:e===a.Bottom?`flex-end`:`unset`}})}function q(e){v(`fontChange`,{value:e,style:{fontFamily:e}})}function J(e){e?v(`sizeChange`,{value:e,style:{fontSize:`${e}px`}}):(D.value=12,v(`sizeChange`,{value:12,style:{fontSize:`12px`}})),W(B.value,M.value)}return(e,i)=>(_(),d(`div`,{class:g(x(b))},[f(`div`,F,[n.hideFont?u(``,!0):(_(),l(x(O),{key:0,style:{flex:`1`},value:k.value,"onUpdate:value":i[0]||=e=>k.value=e,options:x(t),onChange:q},null,8,[`value`,`options`])),f(`div`,I,[p(x(T),{value:D.value,"onUpdate:value":i[1]||=e=>D.value=e,bordered:!1,placeholder:`大小`,controls:!1,min:6,maxlength:4,onChange:J},null,8,[`value`]),i[2]||=f(`div`,{class:`suffix`},`px`,-1)]),n.hideAlign?u(``,!0):(_(),l(N,{key:1,"align-type":n.textStyle?.hAlignType,onAlignChange:G},null,8,[`align-type`]))]),f(`div`,L,[f(`div`,R,[p(x(r),{type:n.colorType,"direct-confirm":!0,value:M.value,onConfirmChange:V,onInputChange:H},null,8,[`type`,`value`])]),p(o,h({hide:n.hideFontStyle},B.value,{onFontStyleChange:U}),null,16,[`hide`])]),n.verticalAlign?(_(),d(`div`,z,[p(P,{"align-type":n.textStyle?.vAlignType,onAlignChange:K},null,8,[`align-type`])])):u(``,!0)],2))}}),[[`__scopeId`,`data-v-ce3a79e4`]]);export{B as t};