@aplus-frontend/ui
Version:
2 lines (1 loc) • 4.02 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@aplus-frontend/antdv"),E=require("../../../../utils/slot.js"),R=require("../../../context.js");require("../tree-select/index.vue.js");const O=require("../../../hooks/use-table-column-state.js");require("../../../../config-provider/index.js");require("../sorter/index.vue.js");const p=require("../utils.js"),I=require("@ant-design/icons-vue"),M=require("../../../style/setting.js"),U=require("../../../../config-provider/hooks/use-locale.js"),v=require("../../../../config-provider/hooks/use-namespace.js"),$=require("../tree-select/index.vue2.js"),j=require("../sorter/index.vue2.js"),K=e.defineComponent({name:"ApTableSetting",__name:"index",props:{config:{default:()=>({})}},setup(C){const i=C,{columnsBackup:N,size:S,updateSize:V,updateColumns:_}=R.useInjectApTable(),c=e.ref(e.unref(S)),b=e.computed(()=>i.config.persistenceKey),{columnState:l,setColumnState:h,isAllSelected:x,toggleSelectAll:y,columnStateBackup:k,setColumnStateBackup:q,cacheColumnStateIfNeeded:T}=O.useTableColumnState(i.config,b,[]),{t:a}=U.useLocale(),{b:o,be:d}=v.useNamespace("ap-column-setting"),{b:z}=v.useNamespace("ap-table"),B=M.default("ap-column-setting"),r=e.ref(!1),f=e.ref(!1),w=e.useSlots(),m=E.getSingleVNode(w.trigger)||e.createVNode(t.Button,{icon:e.createVNode(I.SettingOutlined,null,null),class:z("setting-trigger-button")},null),g=m?e.cloneVNode(m,{onClick:()=>{r.value=!0}}):null;function D(){h(p.customCloneColumnStates(e.unref(k)))}function A(){_?.(p.default(e.unref(N),e.unref(l))),V?.(e.unref(c)),r.value=!1;const s=p.customCloneColumnStates(l.value);q(s),T(s),i.config?.onChange?.(s)}return(s,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(g)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(g)),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(t.Modal),{open:r.value,"onUpdate:open":u[2]||(u[2]=n=>r.value=n),title:e.unref(a)("ap.apTable.setting.title"),width:900,centered:!0,"body-style":{padding:"0px !important",height:"450px"},"after-open-change":n=>f.value=n,"wrap-class-name":`${e.unref(o)()} ${e.unref(B)}`,onOk:A},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(o)("wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o)("left"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("left","header"))},[e.createElementVNode("div",null,[e.createElementVNode("span",{class:e.normalizeClass(e.unref(d)("left","header-tips"))},e.toDisplayString(e.unref(a)("ap.apTable.setting.selectAllTip")),3),e.createVNode(e.unref(t.Button),{type:"link",size:"small",onClick:e.unref(y)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(x)?e.unref(a)("ap.apTable.setting.unSelectAll"):e.unref(a)("ap.apTable.setting.selectAll")),1)]),_:1},8,["onClick"])]),e.createVNode(e.unref(t.RadioGroup),{value:c.value,"onUpdate:value":u[0]||(u[0]=n=>c.value=n)},{default:e.withCtx(()=>[e.createVNode(e.unref(t.RadioButton),{value:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("ap.apTable.setting.sizeSmall")),1)]),_:1}),e.createVNode(e.unref(t.RadioButton),{value:"middle"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("ap.apTable.setting.sizeNormal")),1)]),_:1})]),_:1},8,["value"])],2),e.createVNode(e.unref(t.Divider),{dashed:"",style:{margin:"0px"}}),e.createVNode($.default,{class:e.normalizeClass(e.unref(d)("left","content")),value:e.unref(l)},null,8,["class","value"])],2),e.createVNode(e.unref(t.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o)("right"))},[e.createVNode(j.default,{value:e.unref(l),"onUpdate:value":u[1]||(u[1]=n=>e.isRef(l)?l.value=n:null),onReset:D},null,8,["value"])],2)],2),[[e.vShow,f.value]])]),_:1},8,["open","title","after-open-change","wrap-class-name"])],64))}});exports.default=K;