@aplus-frontend/ui
Version:
2 lines (1 loc) • 1.88 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("@aplus-frontend/antdv/es/theme/internal"),m=require("@ant-design/icons-vue"),T=require("../../../ap-table/utils.js");require("../../../config-provider/index.js");const B=require("../../context.js"),p=require("../../../config-provider/hooks/use-namespace.js"),h=e.defineComponent({__name:"index",props:{params:{}},setup(d){const r=d,{b:f,e:n}=p.useNamespace("ag-custom-header"),{be:C,bem:g}=p.useNamespace("ap-grid"),[,v]=N.useToken(),{sorter:s,setSorter:S}=B.useInjectSorter(),o=e.computed(()=>r.params.column.sorter);function k(t){return t?t==="asc"?"desc":null:"asc"}const l=e.computed(()=>r.params?.column?.getColId?.());function b(){if(!o.value)return;const a=r.params.column.getColId(),q=r.params.column.getSort(),c=k(q),u=r.params.api,I=u.getColumnState().map(i=>({...i,sort:i.colId===a?c:null}));u.applyColumnState({state:I}),S({[a]:c})}return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(f)(),{sortable:o.value},`align-${t.params.column.align||"left"}`]),onClick:b},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.getTableTitle)(t.params.column,[e.unref(C)("table-header","title"),t.params.column.tooltip?"":e.unref(g)("table-header","title","single")],void 0,e.unref(v).colorTextTertiary)))),o.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n)("sort-wrapper"))},[e.createVNode(e.unref(m.CaretUpOutlined),{class:e.normalizeClass({[e.unref(n)("sorter-up")]:!0,active:e.unref(s)[l.value]==="asc"})},null,8,["class"]),e.createVNode(e.unref(m.CaretDownOutlined),{class:e.normalizeClass({[e.unref(n)("sorter-down")]:!0,active:e.unref(s)[l.value]==="desc"})},null,8,["class"])],2)):e.createCommentVNode("",!0)],2))}});exports.default=h;