@duxweb/dvha-pro 1.1.3 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/layout/table.cjs +1 -1
- package/dist/cjs/theme/uno.css.cjs +1 -1
- package/dist/esm/components/layout/table.js +130 -119
- package/dist/esm/theme/uno.css.js +1 -1
- package/dist/types/components/layout/table.d.ts +6 -0
- package/dist/types/components/table/tablePage.d.ts +6 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("@duxweb/dvha-core"),$=require("@vueuse/core"),a=require("naive-ui"),G=require("../../hooks/action.cjs");require("@overlastic/vue");require("clsx");require("vue-echarts");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const H=require("./filter.cjs");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("vue-router");require("vue-command-palette");require("@duxweb/dvha-naiveui");const Q=require("../../pages/page.cjs");require("../../pages/page404.cjs");const V=require("../drawer/drawerPage.cjs"),X=require("./tools.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css */require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");const Y=require("../../hooks/table.cjs");require("pinia");const Z=e.defineComponent({name:"DuxTableLayout",props:{path:{type:String,required:!0},filter:{type:Object},filterSchema:{type:Array},filterNumber:{type:Number,default:1},sorter:{type:Object},columns:{type:Array},pagination:{type:[Boolean,Object],default:!0},tabs:{type:Array},actions:{type:Array,default:()=>[]},tools:{type:Object},sideLeftTitle:{type:String,default:""},sideRightTitle:{type:String,default:""},batchOptions:{type:Array},hookTableProps:{type:Object}},setup(r,{slots:o,expose:w}){const u=e.toRef(r,"filter",{}),k=e.toRef(r,"sorter",{}),T=e.toRef(r,"columns",[]),{t:n}=h.useI18n(),{renderAction:R}=G.useAction(),l=e.reactive({...u.value||{}}),c=Y.useTable({...r.hookTableProps,path:r.path,filters:l,sorters:k.value,columns:T,pagination:r.pagination});w(c);const{columns:g,tablePagination:C,table:q,onUpdateColumnSelected:S,onUpdateChecked:P,columnSelected:B,autoRefetch:O,autoCountdown:m,onAutoRefetch:j,isExporting:z,isExportingRows:L,isImporting:D,onExport:U,onExportRows:A,onImport:E}=c,F=e.computed(()=>g.value.filter(t=>"title"in t&&"key"in t).map(t=>({label:t.title,value:t.key}))),{width:s}=$.useWindowSize(),I=e.computed(()=>g.value.reduce((i,d)=>i+(Number(d?.width)||Number(d?.minWidth)||110),0)),f=e.reactive({show:!1}),b=e.reactive({show:!1}),p=e.ref(!1),J=e.computed(()=>(r.filterSchema||[]).map(t=>{const{label:i,...d}=t;return{tag:H.DuxTableFilter,attrs:{label:i},children:d}})),{render:W}=h.useJsonSchema({data:e.computed(()=>J.value)}),N=e.computed(()=>({import:!1,export:!0,refresh:!0,...r.tools})),y=e.ref(0),v=e.ref(null);e.watch(()=>r.tabs?.map(t=>t.value),()=>{const t=r.tabs?.map(i=>i.value)||[];if(u.value?.tab===void 0){const i=t[0];i!==void 0&&(u.value.tab=i)}e.nextTick(()=>v.value?.syncBarPosition())},{deep:!0}),e.watch(()=>s.value,()=>{e.nextTick(()=>{v.value?.syncBarPosition()})});const x=h.useTabStore(),K=x.tabs.find(t=>t.path===x.current),M=e.computed(()=>{const t=r.tabs?.map(d=>d.value)||[],i=u.value?.tab;return t.includes(i)?i:t[0]});return e.onMounted(()=>{e.nextTick(()=>{v.value?.syncBarPosition()})}),()=>e.createVNode(Q.DuxPage,{actions:r.actions,scrollbar:!1},{sideLeft:()=>o?.sideLeft&&s.value>=1024?o?.sideLeft?.():void 0,sideRight:()=>o?.sideRight&&s.value>=1024?o?.sideRight?.():void 0,default:()=>e.createVNode("div",{class:"flex flex-col gap-3 h-full relative"},[e.createVNode("div",{class:"flex gap-2 justify-between flex-row border-b border-muted"},[e.createVNode("div",{class:"relative top-1.5px"},[!r.tabs&&e.createVNode("div",{class:"pt-1 text-base"},[K?.label]),r.tabs&&e.createVNode(a.NTabs,{ref:v,type:"bar",size:"small",style:{"--n-tab-padding":"5px 20px 15px 20px","--n-tab-gap":"20px"},"default-value":r.tabs?.[0]?.value||"",value:M.value,onUpdateValue:t=>{u.value.tab=t,l.tab=t,e.nextTick(()=>v.value?.syncBarPosition())}},{default:()=>[r.tabs?.map(t=>e.createVNode(a.NTab,{name:t.value,tab:t.label},null))]})]),e.createVNode("div",{class:"flex gap-2 justify-end pb-2"},[o.actions?.(),r.actions?.length>0&&R({type:s.value<1024?"dropdown":"button",items:r.actions})])]),e.createVNode("div",{class:"flex gap-2 justify-between flex-col-reverse lg:flex-row"},[(s.value>=1024||p.value)&&e.createVNode("div",{class:["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]},[e.createVNode("div",{key:y.value,class:"contents"},[e.h(W)])]),e.createVNode("div",{class:"flex justify-between gap-2"},[e.createVNode("div",{class:["flex gap-2"]},[o?.sideLeft&&s.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{f.show=!f.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-inactive size-4"},null)}),o?.sideRight&&s.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{b.show=!b.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-right-inactive size-4"},null)}),e.createVNode("div",{class:"flex-none lg:hidden"},[e.createVNode(a.NButton,{secondary:!0,onClick:()=>{p.value=!p.value}},{icon:()=>e.createVNode("div",{class:"i-tabler:filter size-4"},null)})])]),e.createVNode("div",{class:["flex gap-2 flex-row"]},[e.createVNode("div",{class:"flex lg:hidden"},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(l).forEach(t=>{delete l[t]}),Object.assign(l,JSON.parse(JSON.stringify(u.value||{}))),c.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null)})]),e.createVNode("div",{class:["hidden lg:flex gap-2"]},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(l).forEach(t=>delete l[t]),Object.assign(l,JSON.parse(JSON.stringify(u.value||{}))),c.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null),default:()=>n("components.button.search")}),e.createVNode(a.NButton,{secondary:!0,onClick:()=>{const t=u.value.tab;Object.keys(u.value||{}).forEach(i=>{i!=="tab"&&delete u.value[i]}),Object.keys(l).forEach(i=>{delete l[i]}),t!==void 0&&(l.tab=t),c.onUpdatePage?.(1),y.value++}},{icon:()=>e.createVNode("div",{class:"i-tabler:arrow-back-up size-4"},null),default:()=>n("components.button.reset")})])])])]),o?.header?.(),e.createVNode("div",{class:"flex-1 min-h-0"},[o?.default?.({...c,width:I.value})]),e.createVNode("div",{class:"flex justify-between"},[e.createVNode("div",{class:"flex items-center gap-0.5"},[o?.bottom?.(),o?.tools?.(),e.createVNode(a.NPopselect,{options:F.value,value:B.value,onUpdateValue:t=>{S(t)},multiple:!0,placement:"bottom-start",trigger:"click"},{default:()=>[e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,"icon-placement":"right"},{icon:()=>e.createVNode("div",{class:"i-tabler:columns size-4"},null)}),default:()=>n("components.list.columnSetting")})]}),N.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:z.value,onClick:U},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>n("components.button.export")}),N.value.import&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:D.value,onClick:E},{icon:()=>e.createVNode("div",{class:"i-tabler:database-import size-4"},null)}),default:()=>n("components.button.import")}),N.value.refresh&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,onClick:j},{icon:()=>O.value?e.createVNode(a.NProgress,{class:"size-4",type:"circle",percentage:m.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[m.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>n("components.button.autoRefresh")})]),e.createVNode("div",null,[r.pagination&&e.createVNode(a.NPagination,e.mergeProps(C.value,{simple:s.value<768}),{prefix:()=>e.createVNode("div",null,[n("components.list.total",{total:c.total.value||0})])})])]),e.createVNode(X.DuxTableTools,{isLoading:c.isBatching.value,onBatch:c.onBatch,selecteds:q.value.checkedRowKeys,number:q.value.checkedRowKeys?.length||0||0,group:[[{icon:"i-tabler:x",onClick:()=>{P?.([])}}],[{label:n("components.button.export"),icon:"i-tabler:file-export",loading:L.value,onClick:A},...r.batchOptions||[]]]},null),e.createVNode(a.NDrawer,{show:f.show,onUpdateShow:t=>f.show=t,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(V.DuxDrawerPage,{title:r.sideLeftTitle||n("components.button.sideLeft"),onClose:()=>f.show=!1,scrollbar:!1},{default:()=>[o?.sideLeft?.()]})]}),e.createVNode(a.NDrawer,{show:b.show,onUpdateShow:t=>b.show=t,autoFocus:!1,placement:"right"},{default:()=>[e.createVNode(V.DuxDrawerPage,{title:r.sideRightTitle||n("components.button.sideRight"),onClose:()=>b.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxTableLayout=Z;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),q=require("@duxweb/dvha-core"),H=require("@vueuse/core"),a=require("naive-ui"),Q=require("../../hooks/action.cjs");require("@overlastic/vue");require("clsx");require("vue-echarts");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const X=require("./filter.cjs");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("vue-router");require("vue-command-palette");require("@duxweb/dvha-naiveui");const Y=require("../../pages/page.cjs");require("../../pages/page404.cjs");const k=require("../drawer/drawerPage.cjs"),Z=require("./tools.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css */require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");const _=require("../../hooks/table.cjs");require("pinia");const ee=e.defineComponent({name:"DuxTableLayout",props:{path:{type:String,required:!0},filter:{type:Object},filterSchema:{type:Array},filterReactive:{type:Object},filterNumber:{type:Number,default:1},sorter:{type:Object},columns:{type:Array},pagination:{type:[Boolean,Object],default:!0},tabs:{type:Array},actions:{type:Array,default:()=>[]},tools:{type:Object},sideLeftTitle:{type:String,default:""},sideRightTitle:{type:String,default:""},batchOptions:{type:Array},hookTableProps:{type:Object}},setup(r,{slots:o,expose:O}){const n=e.toRef(r,"filter",{}),S=e.toRef(r,"sorter",{}),p=e.computed(()=>r.filterReactive||{}),T=e.toRef(r,"columns",[]),{t:u}=q.useI18n(),{renderAction:R}=Q.useAction(),l=e.reactive({...n.value||{}}),c=_.useTable({...r.hookTableProps,path:r.path,filters:l,sorters:S.value,columns:T,pagination:r.pagination});O(c);const{columns:y,tablePagination:j,table:m,onUpdateColumnSelected:C,onUpdateChecked:P,columnSelected:B,autoRefetch:z,autoCountdown:x,onAutoRefetch:L,isExporting:D,isExportingRows:J,isImporting:U,onExport:E,onExportRows:A,onImport:F}=c,I=e.computed(()=>y.value.filter(t=>"title"in t&&"key"in t).map(t=>({label:t.title,value:t.key}))),{width:d}=H.useWindowSize(),W=e.computed(()=>y.value.reduce((i,s)=>i+(Number(s?.width)||Number(s?.minWidth)||110),0)),f=e.reactive({show:!1}),b=e.reactive({show:!1}),g=e.ref(!1),K=e.computed(()=>(r.filterSchema||[]).map(t=>{const{label:i,...s}=t;return{tag:X.DuxTableFilter,attrs:{label:i},children:s}})),{render:M}=q.useJsonSchema({data:e.computed(()=>K.value)}),h=e.computed(()=>({import:!1,export:!0,refresh:!0,...r.tools})),V=e.ref(0),v=e.ref(null);e.watch(()=>r.tabs?.map(t=>t.value),()=>{const t=r.tabs?.map(i=>i.value)||[];if(n.value?.tab===void 0){const i=t[0];i!==void 0&&(n.value.tab=i)}e.nextTick(()=>v.value?.syncBarPosition())},{deep:!0}),e.watch(()=>d.value,()=>{e.nextTick(()=>{v.value?.syncBarPosition()})});const w=q.useTabStore(),$=w.tabs.find(t=>t.path===w.current),G=e.computed(()=>{const t=r.tabs?.map(s=>s.value)||[],i=n.value?.tab;return t.includes(i)?i:t[0]});return e.onMounted(()=>{e.nextTick(()=>{v.value?.syncBarPosition()})}),e.watch(()=>p.value,t=>{const i=t||{};Object.keys(i).forEach(s=>{const N=i[s];N==null||N===""?delete l[s]:l[s]=N}),c.onUpdatePage?.(1)},{deep:!0}),()=>e.createVNode(Y.DuxPage,{actions:r.actions,scrollbar:!1},{sideLeft:()=>o?.sideLeft&&d.value>=1024?o?.sideLeft?.():void 0,sideRight:()=>o?.sideRight&&d.value>=1024?o?.sideRight?.():void 0,default:()=>e.createVNode("div",{class:"flex flex-col gap-3 h-full relative"},[e.createVNode("div",{class:"flex gap-2 justify-between flex-row border-b border-muted"},[e.createVNode("div",{class:"relative top-1.5px"},[!r.tabs&&e.createVNode("div",{class:"pt-1 text-base"},[$?.label]),r.tabs&&e.createVNode(a.NTabs,{ref:v,type:"bar",size:"small",style:{"--n-tab-padding":"5px 20px 15px 20px","--n-tab-gap":"20px"},"default-value":r.tabs?.[0]?.value||"",value:G.value,onUpdateValue:t=>{n.value.tab=t,l.tab=t,e.nextTick(()=>v.value?.syncBarPosition())}},{default:()=>[r.tabs?.map(t=>e.createVNode(a.NTab,{name:t.value,tab:t.label},null))]})]),e.createVNode("div",{class:"flex gap-2 justify-end pb-2"},[o.actions?.(),r.actions?.length>0&&R({type:d.value<1024?"dropdown":"button",items:r.actions})])]),e.createVNode("div",{class:"flex gap-2 justify-between flex-col-reverse lg:flex-row"},[(d.value>=1024||g.value)&&e.createVNode("div",{class:["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]},[e.createVNode("div",{key:V.value,class:"contents"},[e.h(M)])]),e.createVNode("div",{class:"flex justify-between gap-2"},[e.createVNode("div",{class:["flex gap-2"]},[o?.sideLeft&&d.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{f.show=!f.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-inactive size-4"},null)}),o?.sideRight&&d.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{b.show=!b.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-right-inactive size-4"},null)}),e.createVNode("div",{class:"flex-none lg:hidden"},[e.createVNode(a.NButton,{secondary:!0,onClick:()=>{g.value=!g.value}},{icon:()=>e.createVNode("div",{class:"i-tabler:filter size-4"},null)})])]),e.createVNode("div",{class:["flex gap-2 flex-row"]},[e.createVNode("div",{class:"flex lg:hidden"},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(l).forEach(t=>{delete l[t]}),Object.assign(l,JSON.parse(JSON.stringify(n.value||{}))),Object.assign(l,JSON.parse(JSON.stringify(p.value||{}))),c.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null)})]),e.createVNode("div",{class:["hidden lg:flex gap-2"]},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(l).forEach(t=>delete l[t]),Object.assign(l,JSON.parse(JSON.stringify(n.value||{}))),Object.assign(l,JSON.parse(JSON.stringify(p.value||{}))),c.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null),default:()=>u("components.button.search")}),e.createVNode(a.NButton,{secondary:!0,onClick:()=>{const t=n.value.tab;Object.keys(n.value||{}).forEach(i=>{i!=="tab"&&delete n.value[i]}),Object.keys(l).forEach(i=>{delete l[i]}),t!==void 0&&(l.tab=t),Object.assign(l,JSON.parse(JSON.stringify(p.value||{}))),c.onUpdatePage?.(1),V.value++}},{icon:()=>e.createVNode("div",{class:"i-tabler:arrow-back-up size-4"},null),default:()=>u("components.button.reset")})])])])]),o?.header?.(),e.createVNode("div",{class:"flex-1 min-h-0"},[o?.default?.({...c,width:W.value})]),e.createVNode("div",{class:"flex justify-between"},[e.createVNode("div",{class:"flex items-center gap-0.5"},[o?.bottom?.(),o?.tools?.(),e.createVNode(a.NPopselect,{options:I.value,value:B.value,onUpdateValue:t=>{C(t)},multiple:!0,placement:"bottom-start",trigger:"click"},{default:()=>[e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,"icon-placement":"right"},{icon:()=>e.createVNode("div",{class:"i-tabler:columns size-4"},null)}),default:()=>u("components.list.columnSetting")})]}),h.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:D.value,onClick:E},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>u("components.button.export")}),h.value.import&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:U.value,onClick:F},{icon:()=>e.createVNode("div",{class:"i-tabler:database-import size-4"},null)}),default:()=>u("components.button.import")}),h.value.refresh&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,onClick:L},{icon:()=>z.value?e.createVNode(a.NProgress,{class:"size-4",type:"circle",percentage:x.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[x.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>u("components.button.autoRefresh")})]),e.createVNode("div",null,[r.pagination&&e.createVNode(a.NPagination,e.mergeProps(j.value,{simple:d.value<768}),{prefix:()=>e.createVNode("div",null,[u("components.list.total",{total:c.total.value||0})])})])]),e.createVNode(Z.DuxTableTools,{isLoading:c.isBatching.value,onBatch:c.onBatch,selecteds:m.value.checkedRowKeys,number:m.value.checkedRowKeys?.length||0||0,group:[[{icon:"i-tabler:x",onClick:()=>{P?.([])}}],[{label:u("components.button.export"),icon:"i-tabler:file-export",loading:J.value,onClick:A},...r.batchOptions||[]]]},null),e.createVNode(a.NDrawer,{show:f.show,onUpdateShow:t=>f.show=t,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(k.DuxDrawerPage,{title:r.sideLeftTitle||u("components.button.sideLeft"),onClose:()=>f.show=!1,scrollbar:!1},{default:()=>[o?.sideLeft?.()]})]}),e.createVNode(a.NDrawer,{show:b.show,onUpdateShow:t=>b.show=t,autoFocus:!1,placement:"right"},{default:()=>[e.createVNode(k.DuxDrawerPage,{title:r.sideRightTitle||u("components.button.sideRight"),onClose:()=>b.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxTableLayout=ee;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=`/* layer: properties */
|
|
2
|
-
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-ease:initial;--un-
|
|
2
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-to-opacity:100%;--un-ease:initial;--un-fill-opacity:100%;--un-outline-style:solid;--un-space-y-reverse:initial;}}
|
|
3
3
|
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
|
|
4
4
|
@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
|
|
5
5
|
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useI18n as
|
|
3
|
-
import { useWindowSize as
|
|
4
|
-
import { NTabs as
|
|
5
|
-
import { useAction as
|
|
1
|
+
import { defineComponent as te, toRef as O, computed as p, reactive as k, ref as S, watch as N, nextTick as h, onMounted as ae, createVNode as e, h as ie, mergeProps as le } from "vue";
|
|
2
|
+
import { useI18n as oe, useJsonSchema as re, useTabStore as ne } from "@duxweb/dvha-core";
|
|
3
|
+
import { useWindowSize as se } from "@vueuse/core";
|
|
4
|
+
import { NTabs as ue, NTab as ce, NButton as c, NPopselect as de, NTooltip as y, NProgress as pe, NPagination as me, NDrawer as z } from "naive-ui";
|
|
5
|
+
import { useAction as fe } from "../../hooks/action.js";
|
|
6
6
|
import "@overlastic/vue";
|
|
7
7
|
import "clsx";
|
|
8
8
|
import "vue-echarts";
|
|
@@ -21,7 +21,7 @@ import "vue-cropper";
|
|
|
21
21
|
import "jinrishici";
|
|
22
22
|
import "lodash-es";
|
|
23
23
|
import "vue-draggable-plus";
|
|
24
|
-
import { DuxTableFilter as
|
|
24
|
+
import { DuxTableFilter as be } from "./filter.js";
|
|
25
25
|
import "@vee-validate/i18n";
|
|
26
26
|
import "colorizr";
|
|
27
27
|
import "echarts";
|
|
@@ -49,10 +49,10 @@ import "vee-validate";
|
|
|
49
49
|
import "vue-router";
|
|
50
50
|
import "vue-command-palette";
|
|
51
51
|
import "@duxweb/dvha-naiveui";
|
|
52
|
-
import { DuxPage as
|
|
52
|
+
import { DuxPage as ve } from "../../pages/page.js";
|
|
53
53
|
import "../../pages/page404.js";
|
|
54
|
-
import { DuxDrawerPage as
|
|
55
|
-
import { DuxTableTools as
|
|
54
|
+
import { DuxDrawerPage as L } from "../drawer/drawerPage.js";
|
|
55
|
+
import { DuxTableTools as ge } from "./tools.js";
|
|
56
56
|
import "short-unique-id";
|
|
57
57
|
import "aieditor";
|
|
58
58
|
import "@vue-flow/core";
|
|
@@ -64,9 +64,9 @@ import "../posterEditor/elements/index.js";
|
|
|
64
64
|
import "fabric";
|
|
65
65
|
import "dayjs";
|
|
66
66
|
import "@tanstack/vue-query";
|
|
67
|
-
import { useTable as
|
|
67
|
+
import { useTable as he } from "../../hooks/table.js";
|
|
68
68
|
import "pinia";
|
|
69
|
-
const
|
|
69
|
+
const Jt = /* @__PURE__ */ te({
|
|
70
70
|
name: "DuxTableLayout",
|
|
71
71
|
props: {
|
|
72
72
|
path: {
|
|
@@ -79,6 +79,9 @@ const zt = /* @__PURE__ */ $({
|
|
|
79
79
|
filterSchema: {
|
|
80
80
|
type: Array
|
|
81
81
|
},
|
|
82
|
+
filterReactive: {
|
|
83
|
+
type: Object
|
|
84
|
+
},
|
|
82
85
|
filterNumber: {
|
|
83
86
|
type: Number,
|
|
84
87
|
default: 1
|
|
@@ -119,99 +122,107 @@ const zt = /* @__PURE__ */ $({
|
|
|
119
122
|
}
|
|
120
123
|
},
|
|
121
124
|
setup(a, {
|
|
122
|
-
slots:
|
|
123
|
-
expose:
|
|
125
|
+
slots: o,
|
|
126
|
+
expose: J
|
|
124
127
|
}) {
|
|
125
|
-
const r =
|
|
128
|
+
const r = O(a, "filter", {}), U = O(a, "sorter", {}), v = p(() => a.filterReactive || {}), B = O(a, "columns", []), {
|
|
126
129
|
t: n
|
|
127
|
-
} =
|
|
128
|
-
renderAction:
|
|
129
|
-
} =
|
|
130
|
+
} = oe(), {
|
|
131
|
+
renderAction: E
|
|
132
|
+
} = fe(), l = k({
|
|
130
133
|
...r.value || {}
|
|
131
|
-
}),
|
|
134
|
+
}), s = he({
|
|
132
135
|
...a.hookTableProps,
|
|
133
136
|
path: a.path,
|
|
134
|
-
filters:
|
|
135
|
-
sorters:
|
|
137
|
+
filters: l,
|
|
138
|
+
sorters: U.value,
|
|
136
139
|
columns: B,
|
|
137
140
|
pagination: a.pagination
|
|
138
141
|
});
|
|
139
|
-
|
|
142
|
+
J(s);
|
|
140
143
|
const {
|
|
141
|
-
columns:
|
|
144
|
+
columns: R,
|
|
142
145
|
tablePagination: A,
|
|
143
|
-
table:
|
|
146
|
+
table: j,
|
|
144
147
|
onUpdateColumnSelected: D,
|
|
145
|
-
onUpdateChecked:
|
|
148
|
+
onUpdateChecked: F,
|
|
146
149
|
columnSelected: q,
|
|
147
|
-
autoRefetch:
|
|
148
|
-
autoCountdown:
|
|
149
|
-
onAutoRefetch:
|
|
150
|
-
isExporting:
|
|
151
|
-
isExportingRows:
|
|
152
|
-
isImporting:
|
|
153
|
-
onExport:
|
|
154
|
-
onExportRows:
|
|
155
|
-
onImport:
|
|
156
|
-
} =
|
|
150
|
+
autoRefetch: I,
|
|
151
|
+
autoCountdown: C,
|
|
152
|
+
onAutoRefetch: W,
|
|
153
|
+
isExporting: K,
|
|
154
|
+
isExportingRows: V,
|
|
155
|
+
isImporting: M,
|
|
156
|
+
onExport: G,
|
|
157
|
+
onExportRows: H,
|
|
158
|
+
onImport: Q
|
|
159
|
+
} = s, X = p(() => R.value.filter((t) => "title" in t && "key" in t).map((t) => ({
|
|
157
160
|
label: t.title,
|
|
158
161
|
value: t.key
|
|
159
162
|
}))), {
|
|
160
|
-
width:
|
|
161
|
-
} =
|
|
163
|
+
width: d
|
|
164
|
+
} = se(), Y = p(() => R.value.reduce((i, u) => i + (Number(u?.width) || Number(u?.minWidth) || 110), 0)), m = k({
|
|
162
165
|
show: !1
|
|
163
|
-
}), f =
|
|
166
|
+
}), f = k({
|
|
164
167
|
show: !1
|
|
165
|
-
}),
|
|
168
|
+
}), x = S(!1), Z = p(() => (a.filterSchema || []).map((t) => {
|
|
166
169
|
const {
|
|
167
170
|
label: i,
|
|
168
|
-
...
|
|
171
|
+
...u
|
|
169
172
|
} = t;
|
|
170
173
|
return {
|
|
171
|
-
tag:
|
|
174
|
+
tag: be,
|
|
172
175
|
attrs: {
|
|
173
176
|
label: i
|
|
174
177
|
},
|
|
175
|
-
children:
|
|
178
|
+
children: u
|
|
176
179
|
};
|
|
177
180
|
})), {
|
|
178
|
-
render:
|
|
179
|
-
} =
|
|
180
|
-
data:
|
|
181
|
-
}),
|
|
181
|
+
render: _
|
|
182
|
+
} = re({
|
|
183
|
+
data: p(() => Z.value)
|
|
184
|
+
}), w = p(() => ({
|
|
182
185
|
import: !1,
|
|
183
186
|
export: !0,
|
|
184
187
|
refresh: !0,
|
|
185
188
|
...a.tools
|
|
186
|
-
})), T =
|
|
187
|
-
|
|
189
|
+
})), T = S(0), b = S(null);
|
|
190
|
+
N(() => a.tabs?.map((t) => t.value), () => {
|
|
188
191
|
const t = a.tabs?.map((i) => i.value) || [];
|
|
189
192
|
if (r.value?.tab === void 0) {
|
|
190
193
|
const i = t[0];
|
|
191
194
|
i !== void 0 && (r.value.tab = i);
|
|
192
195
|
}
|
|
193
|
-
|
|
196
|
+
h(() => b.value?.syncBarPosition());
|
|
194
197
|
}, {
|
|
195
198
|
deep: !0
|
|
196
|
-
}),
|
|
197
|
-
|
|
199
|
+
}), N(() => d.value, () => {
|
|
200
|
+
h(() => {
|
|
198
201
|
b.value?.syncBarPosition();
|
|
199
202
|
});
|
|
200
203
|
});
|
|
201
|
-
const
|
|
202
|
-
const t = a.tabs?.map((
|
|
204
|
+
const P = ne(), $ = P.tabs.find((t) => t.path === P.current), ee = p(() => {
|
|
205
|
+
const t = a.tabs?.map((u) => u.value) || [], i = r.value?.tab;
|
|
203
206
|
return t.includes(i) ? i : t[0];
|
|
204
207
|
});
|
|
205
|
-
return
|
|
206
|
-
|
|
208
|
+
return ae(() => {
|
|
209
|
+
h(() => {
|
|
207
210
|
b.value?.syncBarPosition();
|
|
208
211
|
});
|
|
209
|
-
}), () =>
|
|
212
|
+
}), N(() => v.value, (t) => {
|
|
213
|
+
const i = t || {};
|
|
214
|
+
Object.keys(i).forEach((u) => {
|
|
215
|
+
const g = i[u];
|
|
216
|
+
g == null || g === "" ? delete l[u] : l[u] = g;
|
|
217
|
+
}), s.onUpdatePage?.(1);
|
|
218
|
+
}, {
|
|
219
|
+
deep: !0
|
|
220
|
+
}), () => e(ve, {
|
|
210
221
|
actions: a.actions,
|
|
211
222
|
scrollbar: !1
|
|
212
223
|
}, {
|
|
213
|
-
sideLeft: () =>
|
|
214
|
-
sideRight: () =>
|
|
224
|
+
sideLeft: () => o?.sideLeft && d.value >= 1024 ? o?.sideLeft?.() : void 0,
|
|
225
|
+
sideRight: () => o?.sideRight && d.value >= 1024 ? o?.sideRight?.() : void 0,
|
|
215
226
|
default: () => e("div", {
|
|
216
227
|
class: "flex flex-col gap-3 h-full relative"
|
|
217
228
|
}, [e("div", {
|
|
@@ -220,7 +231,7 @@ const zt = /* @__PURE__ */ $({
|
|
|
220
231
|
class: "relative top-1.5px"
|
|
221
232
|
}, [!a.tabs && e("div", {
|
|
222
233
|
class: "pt-1 text-base"
|
|
223
|
-
}, [
|
|
234
|
+
}, [$?.label]), a.tabs && e(ue, {
|
|
224
235
|
ref: b,
|
|
225
236
|
type: "bar",
|
|
226
237
|
size: "small",
|
|
@@ -229,32 +240,32 @@ const zt = /* @__PURE__ */ $({
|
|
|
229
240
|
"--n-tab-gap": "20px"
|
|
230
241
|
},
|
|
231
242
|
"default-value": a.tabs?.[0]?.value || "",
|
|
232
|
-
value:
|
|
243
|
+
value: ee.value,
|
|
233
244
|
onUpdateValue: (t) => {
|
|
234
|
-
r.value.tab = t,
|
|
245
|
+
r.value.tab = t, l.tab = t, h(() => b.value?.syncBarPosition());
|
|
235
246
|
}
|
|
236
247
|
}, {
|
|
237
|
-
default: () => [a.tabs?.map((t) => e(
|
|
248
|
+
default: () => [a.tabs?.map((t) => e(ce, {
|
|
238
249
|
name: t.value,
|
|
239
250
|
tab: t.label
|
|
240
251
|
}, null))]
|
|
241
252
|
})]), e("div", {
|
|
242
253
|
class: "flex gap-2 justify-end pb-2"
|
|
243
|
-
}, [
|
|
244
|
-
type:
|
|
254
|
+
}, [o.actions?.(), a.actions?.length > 0 && E({
|
|
255
|
+
type: d.value < 1024 ? "dropdown" : "button",
|
|
245
256
|
items: a.actions
|
|
246
257
|
})])]), e("div", {
|
|
247
258
|
class: "flex gap-2 justify-between flex-col-reverse lg:flex-row"
|
|
248
|
-
}, [(
|
|
259
|
+
}, [(d.value >= 1024 || x.value) && e("div", {
|
|
249
260
|
class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]
|
|
250
261
|
}, [e("div", {
|
|
251
262
|
key: T.value,
|
|
252
263
|
class: "contents"
|
|
253
|
-
}, [
|
|
264
|
+
}, [ie(_)])]), e("div", {
|
|
254
265
|
class: "flex justify-between gap-2"
|
|
255
266
|
}, [e("div", {
|
|
256
267
|
class: ["flex gap-2"]
|
|
257
|
-
}, [
|
|
268
|
+
}, [o?.sideLeft && d.value < 1024 && e(c, {
|
|
258
269
|
class: "flex-none",
|
|
259
270
|
secondary: !0,
|
|
260
271
|
onClick: () => {
|
|
@@ -264,7 +275,7 @@ const zt = /* @__PURE__ */ $({
|
|
|
264
275
|
icon: () => e("div", {
|
|
265
276
|
class: "i-tabler:layout-sidebar-inactive size-4"
|
|
266
277
|
}, null)
|
|
267
|
-
}),
|
|
278
|
+
}), o?.sideRight && d.value < 1024 && e(c, {
|
|
268
279
|
class: "flex-none",
|
|
269
280
|
secondary: !0,
|
|
270
281
|
onClick: () => {
|
|
@@ -276,10 +287,10 @@ const zt = /* @__PURE__ */ $({
|
|
|
276
287
|
}, null)
|
|
277
288
|
}), e("div", {
|
|
278
289
|
class: "flex-none lg:hidden"
|
|
279
|
-
}, [e(
|
|
290
|
+
}, [e(c, {
|
|
280
291
|
secondary: !0,
|
|
281
292
|
onClick: () => {
|
|
282
|
-
|
|
293
|
+
x.value = !x.value;
|
|
283
294
|
}
|
|
284
295
|
}, {
|
|
285
296
|
icon: () => e("div", {
|
|
@@ -289,13 +300,13 @@ const zt = /* @__PURE__ */ $({
|
|
|
289
300
|
class: ["flex gap-2 flex-row"]
|
|
290
301
|
}, [e("div", {
|
|
291
302
|
class: "flex lg:hidden"
|
|
292
|
-
}, [e(
|
|
303
|
+
}, [e(c, {
|
|
293
304
|
type: "primary",
|
|
294
305
|
secondary: !0,
|
|
295
306
|
onClick: () => {
|
|
296
|
-
Object.keys(
|
|
297
|
-
delete
|
|
298
|
-
}), Object.assign(
|
|
307
|
+
Object.keys(l).forEach((t) => {
|
|
308
|
+
delete l[t];
|
|
309
|
+
}), Object.assign(l, JSON.parse(JSON.stringify(r.value || {}))), Object.assign(l, JSON.parse(JSON.stringify(v.value || {}))), s.onUpdatePage?.(1);
|
|
299
310
|
}
|
|
300
311
|
}, {
|
|
301
312
|
icon: () => e("div", {
|
|
@@ -303,43 +314,43 @@ const zt = /* @__PURE__ */ $({
|
|
|
303
314
|
}, null)
|
|
304
315
|
})]), e("div", {
|
|
305
316
|
class: ["hidden lg:flex gap-2"]
|
|
306
|
-
}, [e(
|
|
317
|
+
}, [e(c, {
|
|
307
318
|
type: "primary",
|
|
308
319
|
secondary: !0,
|
|
309
320
|
onClick: () => {
|
|
310
|
-
Object.keys(
|
|
321
|
+
Object.keys(l).forEach((t) => delete l[t]), Object.assign(l, JSON.parse(JSON.stringify(r.value || {}))), Object.assign(l, JSON.parse(JSON.stringify(v.value || {}))), s.onUpdatePage?.(1);
|
|
311
322
|
}
|
|
312
323
|
}, {
|
|
313
324
|
icon: () => e("div", {
|
|
314
325
|
class: "i-tabler:search size-4"
|
|
315
326
|
}, null),
|
|
316
327
|
default: () => n("components.button.search")
|
|
317
|
-
}), e(
|
|
328
|
+
}), e(c, {
|
|
318
329
|
secondary: !0,
|
|
319
330
|
onClick: () => {
|
|
320
331
|
const t = r.value.tab;
|
|
321
332
|
Object.keys(r.value || {}).forEach((i) => {
|
|
322
333
|
i !== "tab" && delete r.value[i];
|
|
323
|
-
}), Object.keys(
|
|
324
|
-
delete
|
|
325
|
-
}), t !== void 0 && (
|
|
334
|
+
}), Object.keys(l).forEach((i) => {
|
|
335
|
+
delete l[i];
|
|
336
|
+
}), t !== void 0 && (l.tab = t), Object.assign(l, JSON.parse(JSON.stringify(v.value || {}))), s.onUpdatePage?.(1), T.value++;
|
|
326
337
|
}
|
|
327
338
|
}, {
|
|
328
339
|
icon: () => e("div", {
|
|
329
340
|
class: "i-tabler:arrow-back-up size-4"
|
|
330
341
|
}, null),
|
|
331
342
|
default: () => n("components.button.reset")
|
|
332
|
-
})])])])]),
|
|
343
|
+
})])])])]), o?.header?.(), e("div", {
|
|
333
344
|
class: "flex-1 min-h-0"
|
|
334
|
-
}, [
|
|
335
|
-
...
|
|
336
|
-
width:
|
|
345
|
+
}, [o?.default?.({
|
|
346
|
+
...s,
|
|
347
|
+
width: Y.value
|
|
337
348
|
})]), e("div", {
|
|
338
349
|
class: "flex justify-between"
|
|
339
350
|
}, [e("div", {
|
|
340
351
|
class: "flex items-center gap-0.5"
|
|
341
|
-
}, [
|
|
342
|
-
options:
|
|
352
|
+
}, [o?.bottom?.(), o?.tools?.(), e(de, {
|
|
353
|
+
options: X.value,
|
|
343
354
|
value: q.value,
|
|
344
355
|
onUpdateValue: (t) => {
|
|
345
356
|
D(t);
|
|
@@ -348,8 +359,8 @@ const zt = /* @__PURE__ */ $({
|
|
|
348
359
|
placement: "bottom-start",
|
|
349
360
|
trigger: "click"
|
|
350
361
|
}, {
|
|
351
|
-
default: () => [e(
|
|
352
|
-
trigger: () => e(
|
|
362
|
+
default: () => [e(y, null, {
|
|
363
|
+
trigger: () => e(c, {
|
|
353
364
|
quaternary: !0,
|
|
354
365
|
circle: !0,
|
|
355
366
|
"icon-placement": "right"
|
|
@@ -360,103 +371,103 @@ const zt = /* @__PURE__ */ $({
|
|
|
360
371
|
}),
|
|
361
372
|
default: () => n("components.list.columnSetting")
|
|
362
373
|
})]
|
|
363
|
-
}),
|
|
364
|
-
trigger: () => e(
|
|
374
|
+
}), w.value.export && e(y, null, {
|
|
375
|
+
trigger: () => e(c, {
|
|
365
376
|
quaternary: !0,
|
|
366
377
|
circle: !0,
|
|
367
|
-
loading:
|
|
368
|
-
onClick:
|
|
378
|
+
loading: K.value,
|
|
379
|
+
onClick: G
|
|
369
380
|
}, {
|
|
370
381
|
icon: () => e("div", {
|
|
371
382
|
class: "i-tabler:database-export size-4"
|
|
372
383
|
}, null)
|
|
373
384
|
}),
|
|
374
385
|
default: () => n("components.button.export")
|
|
375
|
-
}),
|
|
376
|
-
trigger: () => e(
|
|
386
|
+
}), w.value.import && e(y, null, {
|
|
387
|
+
trigger: () => e(c, {
|
|
377
388
|
quaternary: !0,
|
|
378
389
|
circle: !0,
|
|
379
|
-
loading:
|
|
380
|
-
onClick:
|
|
390
|
+
loading: M.value,
|
|
391
|
+
onClick: Q
|
|
381
392
|
}, {
|
|
382
393
|
icon: () => e("div", {
|
|
383
394
|
class: "i-tabler:database-import size-4"
|
|
384
395
|
}, null)
|
|
385
396
|
}),
|
|
386
397
|
default: () => n("components.button.import")
|
|
387
|
-
}),
|
|
388
|
-
trigger: () => e(
|
|
398
|
+
}), w.value.refresh && e(y, null, {
|
|
399
|
+
trigger: () => e(c, {
|
|
389
400
|
quaternary: !0,
|
|
390
401
|
circle: !0,
|
|
391
|
-
onClick:
|
|
402
|
+
onClick: W
|
|
392
403
|
}, {
|
|
393
|
-
icon: () =>
|
|
404
|
+
icon: () => I.value ? e(pe, {
|
|
394
405
|
class: "size-4",
|
|
395
406
|
type: "circle",
|
|
396
|
-
percentage:
|
|
407
|
+
percentage: C.value * 10,
|
|
397
408
|
strokeWidth: 20,
|
|
398
409
|
color: "rgba(var(--ui-color-primary))"
|
|
399
410
|
}, {
|
|
400
411
|
default: () => [e("span", {
|
|
401
412
|
class: "text-8px"
|
|
402
|
-
}, [
|
|
413
|
+
}, [C.value])]
|
|
403
414
|
}) : e("div", {
|
|
404
415
|
class: "i-tabler:refresh size-4"
|
|
405
416
|
}, null)
|
|
406
417
|
}),
|
|
407
418
|
default: () => n("components.button.autoRefresh")
|
|
408
|
-
})]), e("div", null, [a.pagination && e(
|
|
409
|
-
simple:
|
|
419
|
+
})]), e("div", null, [a.pagination && e(me, le(A.value, {
|
|
420
|
+
simple: d.value < 768
|
|
410
421
|
}), {
|
|
411
422
|
prefix: () => e("div", null, [n("components.list.total", {
|
|
412
|
-
total:
|
|
423
|
+
total: s.total.value || 0
|
|
413
424
|
})])
|
|
414
|
-
})])]), e(
|
|
415
|
-
isLoading:
|
|
416
|
-
onBatch:
|
|
417
|
-
selecteds:
|
|
418
|
-
number:
|
|
425
|
+
})])]), e(ge, {
|
|
426
|
+
isLoading: s.isBatching.value,
|
|
427
|
+
onBatch: s.onBatch,
|
|
428
|
+
selecteds: j.value.checkedRowKeys,
|
|
429
|
+
number: j.value.checkedRowKeys?.length || 0 || 0,
|
|
419
430
|
group: [[{
|
|
420
431
|
icon: "i-tabler:x",
|
|
421
432
|
onClick: () => {
|
|
422
|
-
|
|
433
|
+
F?.([]);
|
|
423
434
|
}
|
|
424
435
|
}], [{
|
|
425
436
|
label: n("components.button.export"),
|
|
426
437
|
icon: "i-tabler:file-export",
|
|
427
|
-
loading:
|
|
428
|
-
onClick:
|
|
438
|
+
loading: V.value,
|
|
439
|
+
onClick: H
|
|
429
440
|
}, ...a.batchOptions || []]]
|
|
430
|
-
}, null), e(
|
|
441
|
+
}, null), e(z, {
|
|
431
442
|
show: m.show,
|
|
432
443
|
onUpdateShow: (t) => m.show = t,
|
|
433
444
|
autoFocus: !1,
|
|
434
445
|
placement: "left"
|
|
435
446
|
}, {
|
|
436
|
-
default: () => [e(
|
|
447
|
+
default: () => [e(L, {
|
|
437
448
|
title: a.sideLeftTitle || n("components.button.sideLeft"),
|
|
438
449
|
onClose: () => m.show = !1,
|
|
439
450
|
scrollbar: !1
|
|
440
451
|
}, {
|
|
441
|
-
default: () => [
|
|
452
|
+
default: () => [o?.sideLeft?.()]
|
|
442
453
|
})]
|
|
443
|
-
}), e(
|
|
454
|
+
}), e(z, {
|
|
444
455
|
show: f.show,
|
|
445
456
|
onUpdateShow: (t) => f.show = t,
|
|
446
457
|
autoFocus: !1,
|
|
447
458
|
placement: "right"
|
|
448
459
|
}, {
|
|
449
|
-
default: () => [e(
|
|
460
|
+
default: () => [e(L, {
|
|
450
461
|
title: a.sideRightTitle || n("components.button.sideRight"),
|
|
451
462
|
onClose: () => f.show = !1,
|
|
452
463
|
scrollbar: !1
|
|
453
464
|
}, {
|
|
454
|
-
default: () => [
|
|
465
|
+
default: () => [o?.sideRight?.()]
|
|
455
466
|
})]
|
|
456
467
|
})])
|
|
457
468
|
});
|
|
458
469
|
}
|
|
459
470
|
});
|
|
460
471
|
export {
|
|
461
|
-
|
|
472
|
+
Jt as DuxTableLayout
|
|
462
473
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const r = `/* layer: properties */
|
|
2
|
-
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-ease:initial;--un-
|
|
2
|
+
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-to-opacity:100%;--un-ease:initial;--un-fill-opacity:100%;--un-outline-style:solid;--un-space-y-reverse:initial;}}
|
|
3
3
|
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
|
|
4
4
|
@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
|
|
5
5
|
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
|
|
@@ -22,6 +22,9 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
|
|
|
22
22
|
filterSchema: {
|
|
23
23
|
type: PropType<JsonSchemaNode[]>;
|
|
24
24
|
};
|
|
25
|
+
filterReactive: {
|
|
26
|
+
type: PropType<Record<string, any>>;
|
|
27
|
+
};
|
|
25
28
|
filterNumber: {
|
|
26
29
|
type: NumberConstructor;
|
|
27
30
|
default: number;
|
|
@@ -74,6 +77,9 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
|
|
|
74
77
|
filterSchema: {
|
|
75
78
|
type: PropType<JsonSchemaNode[]>;
|
|
76
79
|
};
|
|
80
|
+
filterReactive: {
|
|
81
|
+
type: PropType<Record<string, any>>;
|
|
82
|
+
};
|
|
77
83
|
filterNumber: {
|
|
78
84
|
type: NumberConstructor;
|
|
79
85
|
default: number;
|
|
@@ -16,6 +16,9 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
|
|
|
16
16
|
filterSchema: {
|
|
17
17
|
type: PropType<import("@duxweb/dvha-core").JsonSchemaNode[]>;
|
|
18
18
|
};
|
|
19
|
+
filterReactive: {
|
|
20
|
+
type: PropType<Record<string, any>>;
|
|
21
|
+
};
|
|
19
22
|
filterNumber: {
|
|
20
23
|
type: NumberConstructor;
|
|
21
24
|
default: number;
|
|
@@ -68,6 +71,9 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
|
|
|
68
71
|
filterSchema: {
|
|
69
72
|
type: PropType<import("@duxweb/dvha-core").JsonSchemaNode[]>;
|
|
70
73
|
};
|
|
74
|
+
filterReactive: {
|
|
75
|
+
type: PropType<Record<string, any>>;
|
|
76
|
+
};
|
|
71
77
|
filterNumber: {
|
|
72
78
|
type: NumberConstructor;
|
|
73
79
|
default: number;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@duxweb/dvha-pro",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.4",
|
|
5
5
|
"author": "DuxWeb",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": {
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
],
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@ant-design/colors": "^7.2.1",
|
|
36
|
-
"@duxweb/dvha-core": "^1.1.
|
|
37
|
-
"@duxweb/dvha-naiveui": "^1.1.
|
|
36
|
+
"@duxweb/dvha-core": "^1.1.4",
|
|
37
|
+
"@duxweb/dvha-naiveui": "^1.1.4",
|
|
38
38
|
"@iconify-json/tabler": "^1.2.18",
|
|
39
39
|
"@overlastic/vue": "^0.8.1",
|
|
40
40
|
"@tanstack/vue-query": "^5.80.7",
|