import{J as e,Q as t,Z as ee,mr as n,pr as r,xt as i}from"./common.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,normalizeClass as m,openBlock as h,ref as g,renderList as _,resolveComponent as v,toDisplayString as y,unref as b,watch as x,withCtx as S}from"vue";import{Checkbox as C,RadioButton as te,RadioGroup as ne,Slider as w}from"ant-design-vue";import{useDesign as T}from"@mfish/core/hooks";import{debounce as E}from"lodash-es";var D={class:`title`},O={class:`title`},k={class:`title`},A={style:{width:`90px`,"font-weight":`500`}},j=n(p({__name:`MfTableConfig`,setup(n){let{prefixCls:p}=T(`scroll-table-config`),j=g(),M=g(),N=g(),P=g(),F=i(),I=g(35),L=g(5),R=g(1.5),z=g(``),B=g(!0),V=g(`single`),H=g([]),U=[{title:`左`,value:`left`},{title:`中`,value:`center`},{title:`右`,value:`right`}],{setDataTable:W}=e(),G=g(!1),K=o(()=>{let e;return F.getCurConfigComponent.chart.options.tableInfo.columns&&F.getCurConfigComponent.chart.options.tableInfo.columns.length>0&&(e=F.getCurConfigComponent.chart.options.tableInfo.columns.length),e}),q=g([]);x(()=>F.getCurConfigComponent,e=>{e&&J()},{immediate:!0}),x(()=>F.getCurConfigComponent.chart?.options?.indexHeader,e=>{e&&(F.getCurConfigComponent.chart.options.tableInfo.columns[0].title=e)});function J(){if(j.value=F.getCurConfigComponent.chart.options.headerBGC,M.value=F.getCurConfigComponent.chart.options.oddRowBGC,N.value=F.getCurConfigComponent.chart.options.evenRowBGC,P.value=F.getCurConfigComponent.chart.options.hoverRowBGC,F.getCurConfigComponent.chart.options.headerHeight!==void 0&&(I.value=F.getCurConfigComponent.chart.options.headerHeight),F.getCurConfigComponent.chart.options.waitTime!==void 0&&(R.value=F.getCurConfigComponent.chart.options.waitTime/1e3),F.getCurConfigComponent.chart.data?.pagination?.pageSize!==void 0&&(L.value=F.getCurConfigComponent.chart.data?.pagination?.pageSize),F.getCurConfigComponent.chart.options.indexHeader!==void 0&&(z.value=F.getCurConfigComponent.chart.options.indexHeader),F.getCurConfigComponent.chart.options.hoverPause!==void 0&&(B.value=F.getCurConfigComponent.chart.options.hoverPause),F.getCurConfigComponent.chart.options.carousel!==void 0&&(V.value=F.getCurConfigComponent.chart.options.carousel),F.getCurConfigComponent.chart.options.columns!==void 0){let e=[];for(let t=0;t{W()},500);function ie(){F.getCurConfigComponent.chart.data.pagination.pageSize=L.value,F.getCurConfigComponent.chart.data.type===1&&re()}function ae(e){Z(e),M.value=e}function Z(e){F.getCurConfigComponent.chart.options.oddRowBGC=e}function oe(e){Q(e),N.value=e}function Q(e){F.getCurConfigComponent.chart.options.evenRowBGC=e}function se(e){$(e),P.value=e}function $(e){F.getCurConfigComponent.chart.options.hoverRowBGC=e}function ce(e){let t=F.getCurConfigComponent.chart;t.options.index=e,e?(t.options.columns.unshift({width:80,align:`center`,ellipsis:!0}),q.value.unshift(80),t.options.tableInfo.columns.unshift({title:t.options.indexHeader||`序号`})):(q.value.shift(),t.options.columns.shift(),t.options.tableInfo.columns.shift())}function le(){F.getCurConfigComponent.chart.options.indexHeader=z.value}function ue(e){F.getCurConfigComponent.chart.options.columns[e].align=H.value[e]}function de(e){F.getCurConfigComponent.chart.options.columns[e].width=q.value[e]}function fe(){F.getCurConfigComponent.chart.options.headerHeight=I.value}function pe(){F.getCurConfigComponent.chart.options.tableInfo.showHeader=!G.value}return(e,n)=>{let i=v(`AInput`);return h(),s(ee,{class:m(b(p))},{default:S(()=>[f(t,{title:`表头设置`},{default:S(()=>[n[7]||=u(`div`,{class:`title`},` 背景颜色`,-1),f(b(r),{placeholder:`设置背景颜色,格式#FFFFFF`,value:j.value,onConfirmChange:Y,onInputChange:X},null,8,[`value`]),u(`div`,D,[n[4]||=d(` 行头高度 `,-1),f(b(w),{value:I.value,"onUpdate:value":n[0]||=e=>I.value=e,min:54,max:1e3,onChange:fe},null,8,[`value`])]),u(`div`,O,[f(b(C),{checked:G.value,"onUpdate:checked":n[1]||=e=>G.value=e,onChange:pe},{default:S(()=>[...n[5]||=[d(` 隐藏行头`,-1)]]),_:1},8,[`checked`])]),f(t,{title:`行号设置`,"allow-check":!0,"title-check":b(F).getCurConfigComponent.chart.options?.index,onChecked:ce},{default:S(()=>[n[6]||=u(`div`,{class:`title`},` 行号表头名称`,-1),f(i,{value:z.value,"onUpdate:value":n[2]||=e=>z.value=e,onChange:le},null,8,[`value`])]),_:1},8,[`title-check`])]),_:1}),f(t,{title:`表体设置`},{default:S(()=>[u(`div`,k,[n[8]||=d(` 表行数(行) `,-1),f(b(w),{value:L.value,"onUpdate:value":n[3]||=e=>L.value=e,min:1,max:50,onChange:ie},null,8,[`value`])]),n[9]||=u(`div`,{class:`title`},` 奇数行颜色`,-1),f(b(r),{placeholder:`设置奇数行颜色,格式#FFFFFF`,value:M.value,onConfirmChange:ae,onInputChange:Z},null,8,[`value`]),n[10]||=u(`div`,{class:`title`},` 偶数行颜色`,-1),f(b(r),{placeholder:`设置偶数行颜色,格式#FFFFFF`,value:N.value,onConfirmChange:oe,onInputChange:Q},null,8,[`value`]),n[11]||=u(`div`,{class:`title`},` 鼠标经过颜色`,-1),f(b(r),{placeholder:`鼠标经过行颜色,格式#FFFFFF`,value:P.value,onConfirmChange:se,onInputChange:$},null,8,[`value`])]),_:1}),K.value>0?(h(),s(t,{key:0,title:`列配置`},{default:S(()=>[(h(!0),l(a,null,_(K.value,e=>(h(),l(`div`,{key:e,class:`title`},[d(y(`${e}列`)+` 宽度 `,1),f(b(w),{value:q.value[e-1],"onUpdate:value":t=>q.value[e-1]=t,min:0,max:1e3,onChange:t=>de(e-1)},null,8,[`value`,`onUpdate:value`,`onChange`]),u(`span`,A,[f(b(ne),{size:`small`,value:H.value[e-1],"onUpdate:value":t=>H.value[e-1]=t,onChange:t=>ue(e-1)},{default:S(()=>[(h(),l(a,null,_(U,e=>f(b(te),{key:e.value,value:e.value},{default:S(()=>[d(y(e.title),1)]),_:2},1032,[`value`])),64))]),_:1},8,[`value`,`onUpdate:value`,`onChange`])])]))),128))]),_:1})):c(``,!0)]),_:1},8,[`class`])}}}),[[`__scopeId`,`data-v-59360e97`]]);export{j as default};