@oneb/ui-vue 0.3.17 → 0.3.19
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/button/index.cjs +1 -1
- package/dist/button/index.js +41 -41
- package/dist/dataTable/dataTable.d.ts +6 -0
- package/dist/dataTable/index.cjs +1 -1
- package/dist/dataTable/index.d.ts +1 -1
- package/dist/dataTable/index.js +522 -489
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/button/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../SpinnerIcon-ccb6f3fc.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const y={variant:{type:String,default:"primary"},size:{type:String,default:"md"},label:{type:String},labelClass:{type:String,default:""},icon:{type:[Function,Object]},isLoading:{type:Boolean},isSubmit:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},iconClass:{type:[String,Array]},iconAfter:{type:[Function,Object,String]}},v=["relative inline-flex","border","items-center justify-center","font-semibold whitespace-nowrap","disabled:opacity-30 disabled:cursor-default","focus:outline-none focus:ring-2","transition-colors duration-200"],h={xs:["h-6 px-2.5 text-xs"],sm:["px-2 py-1 text-sm"],md:["h-[40px] px-4 text-sm"],lg:["h-[52px] px-5 text-base"]},f={primary:["rounded-10 border-transparent bg-primary-base disabled:bg-[#979CA9] text-sm text-white hover:bg-primary-hover active:bg-primary-active focus:ring-primary-glow"],secondary:["rounded-10 border-primary-stroke bg-white text-secondary-base text-sm hover:bg-light-body-active active:bg-light-body focus:ring-primary-glow"],info:["rounded-10 border-transparent bg-info-base disabled:bg-[#979CA9] text-white text-sm hover:bg-info-hover active:bg-info-active focus:ring-info-glow"],success:["rounded-10 border-transparent bg-success-base disabled:bg-[#979CA9] text-white text-sm hover:bg-success-hover active:bg-success-active focus:ring-success-glow"],warning:["rounded-10 border-transparent bg-warning-base disabled:bg-[#979CA9] text-white text-sm hover:bg-warning-hover active:bg-warning-active focus:ring-warning-glow"],danger:["rounded-10 border-transparent bg-danger-base disabled:bg-[#979CA9] text-white text-sm hover:bg-danger-hover active:bg-danger-active focus:ring-danger-glow"],tertiary:["rounded-10 border-transparent bg-secondary-body text-primary-base text-sm hover:border-primary-base active:bg-primary-body-active focus:ring-primary-glow"],touch:["rounded-full border-transparent text-secondary-base hover:bg-light-body-active active:bg-light-body p-2 text-sm focus:ring-primary-glow"],link:["rounded-md border-transparent items-center text-info-base hover:text-info-hover text-sm"],none:["rounded-md border-transparent text-secondary-base"],mini:["rounded-full border-transparent bg-[#FAFAFA] h-8 px-2 gap-2 text-xs hover:text-success-base focus:ring-primary-glow"],edit:["rounded-md border-transparent bg-tertiary-base text-primary-base text-2xs h-6 px-1.5 hover:border-primary-base active:bg-primary-body-active focus:ring-primary-glow"],send:["rounded-full border-transparent bg-primary-base text-white hover:bg-primary-hover active:bg-primary-active p-[9px] focus:ring-primary-glow"]},x=(a="primary",l="md")=>{const r=[];return r.push(...v),r.push(...f[a]??[]),a!=="touch"&&a!=="mini"&&a!=="edit"&&a!=="send"&&r.push(...h[l]??[]),l==="xs"?r.map(c=>c.replace("rounded-10","rounded-md").replace("font-semibold","font-medium")):r},C=["disabled","title","type"],w=e.defineComponent({__name:"OneButton",props:y,emits:["click"],setup(a,{emit:l}){const r=e.useSlots(),c=l,t=a,d=()=>{c("click")},n=e.computed(()=>t.icon),i=e.computed(()=>t.iconAfter),p=e.computed(()=>{const s=x(t.variant,t.size);return t.variant==="edit"?s.push("gap-1.5"):s.push("gap-[10px]"),t.variant==="touch"&&t.active&&s.push("bg-primary-body-active"),s}),b=e.computed(()=>t.disabled||t.isLoading),g=e.computed(()=>(t.label&&t.label.length>0||!!r.default)&&t.variant!=="touch"&&t.variant!=="send"),m=e.computed(()=>{const s=["inline-block text-ellipsis overflow-hidden"];return t.labelClass!=null&&s.push(t.labelClass),s}),o=e.computed(()=>{const s=[];return t.variant==="edit"?s.push("w-3.5 h-3.5"):t.variant==="send"?s.push("w-5 h-5"):t.size==="xs"?s.push("w-3.5 h-3.5"):t.size==="sm"?s.push("w-3 h-3"):t.size==="lg"?s.push("w-5 h-5"):s.push("w-4 h-4"),typeof t.iconClass=="string"?s.push(t.iconClass):t.iconClass instanceof Array&&s.push(...t.iconClass),s});return(s,k)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(p.value),disabled:b.value,title:s.label,type:s.isSubmit?"submit":"button",onClick:e.withModifiers(d,["stop"])},[n.value!=null&&s.isLoading?(e.openBlock(),e.createBlock(u.SpinnerIcon,{key:0,class:e.normalizeClass(o.value)},null,8,["class"])):typeof n.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(o.value)},e.toDisplayString(n.value),3)):n.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value),{key:2,class:e.normalizeClass(o.value)},null,8,["class"])):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(m.value)},[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.label),1)])],2)):e.createCommentVNode("",!0),i.value!=null&&s.isLoading?(e.openBlock(),e.createBlock(u.SpinnerIcon,{key:4,class:e.normalizeClass(o.value)},null,8,["class"])):typeof i.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:5,class:e.normalizeClass(o.value)},e.toDisplayString(i.value),3)):i.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:6,class:e.normalizeClass(o.value)},null,8,["class"])):e.createCommentVNode("",!0)],10,C))}});exports.OneButton=w;
|
package/dist/button/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { S as
|
|
1
|
+
import { defineComponent as k, useSlots as B, computed as o, openBlock as s, createElementBlock as u, normalizeClass as a, withModifiers as S, createBlock as p, toDisplayString as g, resolveDynamicComponent as v, createCommentVNode as m, renderSlot as A, createTextVNode as L } from "vue";
|
|
2
|
+
import { S as y } from "../SpinnerIcon-74648c98.js";
|
|
3
3
|
import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
|
|
4
4
|
import "../_plugin-vue_export-helper-dad06003.js";
|
|
5
|
-
const
|
|
5
|
+
const z = {
|
|
6
6
|
variant: {
|
|
7
7
|
type: String,
|
|
8
8
|
default: "primary"
|
|
@@ -42,7 +42,7 @@ const S = {
|
|
|
42
42
|
iconAfter: {
|
|
43
43
|
type: [Function, Object, String]
|
|
44
44
|
}
|
|
45
|
-
},
|
|
45
|
+
}, F = [
|
|
46
46
|
"relative inline-flex",
|
|
47
47
|
"border",
|
|
48
48
|
"items-center justify-center",
|
|
@@ -50,12 +50,12 @@ const S = {
|
|
|
50
50
|
"disabled:opacity-30 disabled:cursor-default",
|
|
51
51
|
"focus:outline-none focus:ring-2",
|
|
52
52
|
"transition-colors duration-200"
|
|
53
|
-
],
|
|
53
|
+
], I = {
|
|
54
54
|
xs: ["h-6 px-2.5 text-xs"],
|
|
55
55
|
sm: ["px-2 py-1 text-sm"],
|
|
56
56
|
md: ["h-[40px] px-4 text-sm"],
|
|
57
57
|
lg: ["h-[52px] px-5 text-base"]
|
|
58
|
-
},
|
|
58
|
+
}, O = {
|
|
59
59
|
primary: [
|
|
60
60
|
"rounded-10 border-transparent bg-primary-base disabled:bg-[#979CA9] text-sm text-white hover:bg-primary-hover active:bg-primary-active focus:ring-primary-glow"
|
|
61
61
|
],
|
|
@@ -91,68 +91,68 @@ const S = {
|
|
|
91
91
|
send: [
|
|
92
92
|
"rounded-full border-transparent bg-primary-base text-white hover:bg-primary-hover active:bg-primary-active p-[9px] focus:ring-primary-glow"
|
|
93
93
|
]
|
|
94
|
-
},
|
|
94
|
+
}, j = (r = "primary", d = "md") => {
|
|
95
95
|
const n = [];
|
|
96
|
-
return n.push(...
|
|
97
|
-
(
|
|
96
|
+
return n.push(...F), n.push(...O[r] ?? []), r !== "touch" && r !== "mini" && r !== "edit" && r !== "send" && n.push(...I[d] ?? []), d === "xs" ? n.map(
|
|
97
|
+
(b) => b.replace("rounded-10", "rounded-md").replace("font-semibold", "font-medium")
|
|
98
98
|
) : n;
|
|
99
|
-
},
|
|
99
|
+
}, D = ["disabled", "title", "type"], P = /* @__PURE__ */ k({
|
|
100
100
|
__name: "OneButton",
|
|
101
|
-
props:
|
|
101
|
+
props: z,
|
|
102
102
|
emits: ["click"],
|
|
103
|
-
setup(
|
|
104
|
-
const n = d, e =
|
|
105
|
-
|
|
103
|
+
setup(r, { emit: d }) {
|
|
104
|
+
const n = B(), b = d, e = r, f = () => {
|
|
105
|
+
b("click");
|
|
106
106
|
}, l = o(() => e.icon), c = o(() => e.iconAfter), h = o(() => {
|
|
107
|
-
const t =
|
|
107
|
+
const t = j(e.variant, e.size);
|
|
108
108
|
return e.variant === "edit" ? t.push("gap-1.5") : t.push("gap-[10px]"), e.variant === "touch" && e.active && t.push("bg-primary-body-active"), t;
|
|
109
|
-
}),
|
|
110
|
-
() => e.label && e.label.length > 0 && e.variant !== "touch" && e.variant !== "send"
|
|
111
|
-
),
|
|
109
|
+
}), x = o(() => e.disabled || e.isLoading), w = o(
|
|
110
|
+
() => (e.label && e.label.length > 0 || !!n.default) && e.variant !== "touch" && e.variant !== "send"
|
|
111
|
+
), C = o(() => {
|
|
112
112
|
const t = ["inline-block text-ellipsis overflow-hidden"];
|
|
113
113
|
return e.labelClass != null && t.push(e.labelClass), t;
|
|
114
114
|
}), i = o(() => {
|
|
115
115
|
const t = [];
|
|
116
116
|
return e.variant === "edit" ? t.push("w-3.5 h-3.5") : e.variant === "send" ? t.push("w-5 h-5") : e.size === "xs" ? t.push("w-3.5 h-3.5") : e.size === "sm" ? t.push("w-3 h-3") : e.size === "lg" ? t.push("w-5 h-5") : t.push("w-4 h-4"), typeof e.iconClass == "string" ? t.push(e.iconClass) : e.iconClass instanceof Array && t.push(...e.iconClass), t;
|
|
117
117
|
});
|
|
118
|
-
return (t,
|
|
119
|
-
class:
|
|
120
|
-
disabled:
|
|
118
|
+
return (t, N) => (s(), u("button", {
|
|
119
|
+
class: a(h.value),
|
|
120
|
+
disabled: x.value,
|
|
121
121
|
title: t.label,
|
|
122
122
|
type: t.isSubmit ? "submit" : "button",
|
|
123
|
-
onClick:
|
|
123
|
+
onClick: S(f, ["stop"])
|
|
124
124
|
}, [
|
|
125
|
-
l.value != null && t.isLoading ? (s(), p(
|
|
125
|
+
l.value != null && t.isLoading ? (s(), p(y, {
|
|
126
126
|
key: 0,
|
|
127
|
-
class:
|
|
127
|
+
class: a(i.value)
|
|
128
128
|
}, null, 8, ["class"])) : typeof l.value == "string" ? (s(), u("span", {
|
|
129
129
|
key: 1,
|
|
130
|
-
class:
|
|
131
|
-
},
|
|
130
|
+
class: a(i.value)
|
|
131
|
+
}, g(l.value), 3)) : l.value != null ? (s(), p(v(l.value), {
|
|
132
132
|
key: 2,
|
|
133
|
-
class:
|
|
134
|
-
}, null, 8, ["class"])) :
|
|
135
|
-
|
|
133
|
+
class: a(i.value)
|
|
134
|
+
}, null, 8, ["class"])) : m("", !0),
|
|
135
|
+
w.value ? (s(), u("span", {
|
|
136
136
|
key: 3,
|
|
137
|
-
class:
|
|
137
|
+
class: a(C.value)
|
|
138
138
|
}, [
|
|
139
|
-
|
|
140
|
-
|
|
139
|
+
A(t.$slots, "default", {}, () => [
|
|
140
|
+
L(g(t.label), 1)
|
|
141
141
|
])
|
|
142
|
-
], 2)) :
|
|
143
|
-
c.value != null && t.isLoading ? (s(), p(
|
|
142
|
+
], 2)) : m("", !0),
|
|
143
|
+
c.value != null && t.isLoading ? (s(), p(y, {
|
|
144
144
|
key: 4,
|
|
145
|
-
class:
|
|
145
|
+
class: a(i.value)
|
|
146
146
|
}, null, 8, ["class"])) : typeof c.value == "string" ? (s(), u("span", {
|
|
147
147
|
key: 5,
|
|
148
|
-
class:
|
|
149
|
-
},
|
|
148
|
+
class: a(i.value)
|
|
149
|
+
}, g(c.value), 3)) : c.value != null ? (s(), p(v(c.value), {
|
|
150
150
|
key: 6,
|
|
151
|
-
class:
|
|
152
|
-
}, null, 8, ["class"])) :
|
|
153
|
-
], 10,
|
|
151
|
+
class: a(i.value)
|
|
152
|
+
}, null, 8, ["class"])) : m("", !0)
|
|
153
|
+
], 10, D));
|
|
154
154
|
}
|
|
155
155
|
});
|
|
156
156
|
export {
|
|
157
|
-
|
|
157
|
+
P as OneButton
|
|
158
158
|
};
|
|
@@ -230,6 +230,7 @@ export interface DataTableContext {
|
|
|
230
230
|
}
|
|
231
231
|
export declare const DataTableKey: InjectionKey<DataTableContext>;
|
|
232
232
|
export type DataTableEmits = {
|
|
233
|
+
'update:value': [value: any[]];
|
|
233
234
|
'update:selection': [value: any | any[]];
|
|
234
235
|
'update:expandedRows': [value: any[] | Record<string, boolean>];
|
|
235
236
|
'update:first': [value: number];
|
|
@@ -247,4 +248,9 @@ export type DataTableEmits = {
|
|
|
247
248
|
'row-collapse': [event: RowToggleEvent];
|
|
248
249
|
'load:next': [];
|
|
249
250
|
};
|
|
251
|
+
export interface DataTableExposed {
|
|
252
|
+
updateRow: (updatedRow: any) => boolean;
|
|
253
|
+
addItems: (items: any[], position?: 'append' | 'prepend') => void;
|
|
254
|
+
removeRow: (keyValue: any) => boolean;
|
|
255
|
+
}
|
|
250
256
|
export declare const filterMatchModes: Record<FilterMatchMode, (value: any, filterValue: any) => boolean>;
|
package/dist/dataTable/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),ce=require("../i18n/index.cjs"),T=require("../ChevronRightIcon-7a2f0c20.cjs"),O=require("../SpinnerIcon-ccb6f3fc.cjs"),D=require("../ChevronDownIcon-6889ac87.cjs"),P=require("../CheckIcon-09b84cf5.cjs"),Ve=require("../_plugin-vue_export-helper-f246444f.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");function _e(i,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 19.5L8.25 12l7.5-7.5"})])}function ne(i,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"})])}const Fe={field:{type:String,required:!1},header:{type:String,required:!1},sortable:{type:Boolean,default:!1},sortField:{type:String,required:!1},filterable:{type:Boolean,default:!1},filterField:{type:String,required:!1},expander:{type:Boolean,default:!1},width:{type:String,required:!1},headerClass:{type:String,required:!1},bodyClass:{type:String,required:!1},headerStyle:{type:[String,Object],required:!1},bodyStyle:{type:[String,Object],required:!1},visibleFrom:{type:String,required:!1}},Me={value:{type:Array,default:()=>[]},dataKey:{type:String,required:!1},lazy:{type:Boolean,default:!1},paginator:{type:Boolean,default:!1},rows:{type:Number,default:10},first:{type:Number,default:0},totalRecords:{type:Number,required:!1},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]},sortField:{type:String,required:!1},sortOrder:{type:Number,default:null},selectionMode:{type:String,required:!1},selection:{type:[Object,Array],required:!1},expandedRows:{type:[Array,Object],default:()=>[]},filters:{type:Object,required:!1},filterDisplay:{type:String,default:null},globalFilterFields:{type:Array,required:!1},loading:{type:Boolean,default:!1},striped:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!0},bordered:{type:Boolean,default:!1},size:{type:String,default:"md"},tableClass:{type:String,required:!1},hasNextPage:{type:Boolean,default:!1},loadingNext:{type:Boolean,default:!1},loadMoreLabel:{type:String,default:""},colWidths:{type:[Array,Function],required:!1},verticalBorders:{type:String,default:"none"},headerVariant:{type:String,default:"default"},headerBgClass:{type:String,required:!1},bodyBgClass:{type:String,required:!1},wrapperClass:{type:String,required:!1},wrapperBordered:{type:Boolean,default:!0},cardBreakpoint:{type:String,required:!1}},de=Symbol("OneDataTable"),ae={contains:(i,n)=>String(i??"").toLowerCase().includes(String(n).toLowerCase()),startsWith:(i,n)=>String(i??"").toLowerCase().startsWith(String(n).toLowerCase()),endsWith:(i,n)=>String(i??"").toLowerCase().endsWith(String(n).toLowerCase()),equals:(i,n)=>String(i??"").toLowerCase()===String(n).toLowerCase(),notEquals:(i,n)=>String(i??"").toLowerCase()!==String(n).toLowerCase()},Re={sm:640,md:768,lg:1024,xl:1280,"2xl":1536};function ze(i){const n=e.ref(!1);let o=null,a=null;const u=()=>{o&&a&&o.removeEventListener("change",a),o=null,a=null},d=y=>{u(),!(typeof window>"u")&&(o=window.matchMedia(y),n.value=o.matches,a=N=>{n.value=N.matches},o.addEventListener("change",a))};return e.onMounted(()=>{d(e.toValue(i)),e.watch(()=>e.toValue(i),y=>{d(y)})}),e.onBeforeUnmount(()=>{u()}),n}function x(i){return ze(`(min-width: ${Re[i]}px)`)}const Le=(i=!0)=>{const n=["overflow-x-auto","w-full"];return i&&n.push("border","border-gray-100","rounded"),n},qe=i=>{const n=["min-w-full","text-left","relative"];return i==="sm"?n.push("text-xs"):i==="lg"?n.push("text-base"):n.push("text-sm"),n},H=(i,n,o="none",a="default",u)=>{const d=[];return a==="minimal"?d.push(u||"bg-gray-50","text-gray-700","font-medium","text-sm","normal-case","border-b","border-gray-200"):d.push(u||"bg-gray-100","text-gray-600","font-semibold","text-xs","uppercase","tracking-wide","border-b","border-gray-200","whitespace-nowrap"),n&&d.push("cursor-pointer","select-none","hover:text-primary-base","transition-colors"),o==="always"?d.push("border-r","border-r-gray-200","last:border-r-0"):(o==="hover"||o==="hover-table")&&d.push("border-r","border-r-transparent","last:border-r-0"),i==="sm"?d.push("px-1.5","py-1"):i==="lg"?d.push("px-4","py-3"):d.push("p-2"),d},Q=(i,n,o="none",a)=>{const u=["border-b","border-gray-100","text-gray-900"];return a&&u.push(a),n&&u.push("border-r"),o==="always"?u.push("border-r","border-r-gray-200","last:border-r-0"):(o==="hover"||o==="hover-table")&&u.push("border-r","border-r-transparent","last:border-r-0"),i==="sm"?u.push("px-1.5","py-1"):i==="lg"?u.push("px-4","py-3"):u.push("px-2","py-1.5"),u},Oe=(i,n,o,a,u=!1)=>{const d=[];return u&&d.push("group"),a?d.push("bg-primary-25"):i&&o&&d.push("bg-gray-50"),n&&(a?d.push("hover:bg-primary-25-hover","transition-colors"):d.push("hover:bg-gray-50","transition-colors")),d},$=i=>{const n=["w-3.5","h-3.5","inline-block","ml-1"];return i?n.push("text-primary-base"):n.push("text-gray-400"),n.push("transition-transform","duration-200"),n},J=i=>{const n=["text-center"];return i==="sm"?n.push("w-8"):i==="lg"?n.push("w-14"):n.push("w-12"),n},ie=i=>J(i),Pe=()=>["flex","items-center","justify-between","px-2","py-2","border-t","border-gray-100","bg-white","text-sm"],$e=(i,n)=>{const o=["rounded","border","p-3"];return n?o.push("bg-primary-25","border-primary-base/20"):o.push("bg-white","border-gray-100"),i&&(n?o.push("hover:bg-primary-25-hover","transition-colors"):o.push("hover:bg-gray-50","transition-colors")),o},Te=i=>{const n=["flex","items-start","justify-between","gap-2"];return i==="sm"?n.push("py-0.5"):i==="lg"?n.push("py-2"):n.push("py-1"),n},G=i=>{const n=["bg-gray-100","border-b","border-gray-200"];return i==="sm"?n.push("px-1.5","py-1"):i==="lg"?n.push("px-4","py-2"):n.push("px-2","py-1.5"),n},je={class:"flex items-center gap-4"},Ae={class:"text-gray-600"},Ke=["value"],We=["value"],Ue={class:"flex items-center gap-1"},Ie=["disabled"],De={class:"px-2 text-gray-600"},He=["disabled"],ue=e.defineComponent({__name:"OneDataTablePaginator",props:{first:{type:Number,required:!0},rows:{type:Number,required:!0},totalRecords:{type:Number,required:!0},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]}},emits:["update:first","update:rows","page"],setup(i,{emit:n}){const o=i,a=n,u=ce.useOnebI18n(),d=e.computed(()=>Math.ceil(o.totalRecords/o.rows)),y=e.computed(()=>Math.floor(o.first/o.rows)+1),N=e.computed(()=>o.totalRecords===0?0:o.first+1),j=e.computed(()=>Math.min(o.first+o.rows,o.totalRecords)),h=e.computed(()=>o.first===0),V=e.computed(()=>o.first+o.rows>=o.totalRecords),_=e.computed(()=>Pe()),w=m=>{m<0||m>=o.totalRecords||(a("update:first",m),a("page",{first:m,rows:o.rows,page:Math.floor(m/o.rows),pageCount:d.value}))},M=()=>{w(Math.max(0,o.first-o.rows))},R=()=>{w(o.first+o.rows)},B=m=>{const f=parseInt(m.target.value);a("update:rows",f),a("update:first",0),a("page",{first:0,rows:f,page:0,pageCount:Math.ceil(o.totalRecords/f)})};return(m,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(_.value)},[e.createElementVNode("div",je,[e.createElementVNode("span",Ae,e.toDisplayString(N.value)+"–"+e.toDisplayString(j.value)+" of "+e.toDisplayString(i.totalRecords),1),i.rowsPerPageOptions.length>1?(e.openBlock(),e.createElementBlock("select",{key:0,value:i.rows,class:"border border-gray-300 rounded px-2 py-1 text-sm bg-white focus:outline-none focus:ring-1 focus:ring-primary-glow",onChange:B},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.rowsPerPageOptions,E=>(e.openBlock(),e.createElementBlock("option",{key:E,value:E},e.toDisplayString(e.unref(u)("ui.dataTable.perPage",{count:E})),9,We))),128))],40,Ke)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ue,[e.createElementVNode("button",{disabled:h.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:M},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(_e)),{class:"w-4 h-4 text-gray-600"}))],8,Ie),e.createElementVNode("span",De,e.toDisplayString(y.value)+" / "+e.toDisplayString(d.value),1),e.createElementVNode("button",{disabled:V.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:R},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render$1)),{class:"w-4 h-4 text-gray-600"}))],8,He)])],2))}}),Qe={key:0,class:"mb-3"},Ge={key:0},Je={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},Xe={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},Ye=["onClick"],Ze={key:1,class:"inline-flex items-center gap-1"},et={key:0},tt=["value","placeholder","onInput"],ot={key:1},rt=["onClick"],lt=["onClick"],st={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},nt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},at=["onClick"],it={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},ct={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},dt=["onClick"],ut={key:0},pt=["colspan"],mt={key:2},ft=["colspan"],yt={class:"flex items-center justify-center gap-2 text-gray-500"},kt={key:3},gt=["colspan"],ht={class:"text-gray-400"},vt={key:4},bt=["colspan"],Bt=["disabled"],Ct={key:2},wt={key:0,class:"text-center py-12"},Et={class:"flex items-center justify-center gap-2 text-gray-500"},St={key:1,class:"text-center py-12"},xt={class:"text-gray-400"},Nt={key:2,class:"space-y-2"},Vt={key:0,class:"flex items-center gap-2 px-3 py-2"},_t={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},Ft={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},Mt={class:"text-sm text-gray-500"},Rt=["onClick"],zt={key:0,class:"flex items-center justify-between mb-2"},Lt={key:0},qt=["onClick"],Ot={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},Pt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},$t=["onClick"],Tt={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},jt={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},At={key:1},Kt=["onClick"],Wt={class:"text-gray-500 text-xs font-medium shrink-0"},Ut={class:"text-right"},It={key:1,class:"mt-2 pt-2 border-t border-gray-100"},Dt=["disabled"],Ht={key:4,class:"mt-3"},Qt=e.defineComponent({__name:"OneDataTable",props:Me,emits:["update:selection","update:expandedRows","update:first","update:rows","update:sortField","update:sortOrder","update:filters","sort","page","filter","row-click","row-select","row-unselect","row-expand","row-collapse","load:next"],setup(i,{emit:n}){const o=i,a=n,u=e.useSlots(),d=ce.useOnebI18n(),y=e.ref([]),N=t=>{y.value.push(t)},j=t=>{const l=y.value.indexOf(t);l>-1&&y.value.splice(l,1)};e.provide(de,{registerColumn:N,unregisterColumn:j});const h=e.ref(o.first),V=e.ref(o.rows),_=e.ref(o.sortField),w=e.ref(o.sortOrder);e.watch(()=>o.first,t=>{h.value=t}),e.watch(()=>o.rows,t=>{V.value=t}),e.watch(()=>o.sortField,t=>{_.value=t}),e.watch(()=>o.sortOrder,t=>{w.value=t});const M=e.computed(()=>h.value),R=e.computed(()=>V.value),B=e.computed(()=>_.value),m=e.computed(()=>w.value),f=(t,l)=>l?l.split(".").reduce((r,c)=>r==null?void 0:r[c],t):t,E=t=>o.dataKey?f(t,o.dataKey):t,g=(t,l)=>t==null||l==null?t===l:o.dataKey?f(t,o.dataKey)===f(l,o.dataKey):t===l,X=(t,l)=>o.dataKey?f(t,o.dataKey):l,k=e.computed(()=>y.value.some(t=>t.props.expander)),v=e.computed(()=>!!o.selectionMode),z=e.computed(()=>o.selectionMode==="multiple"),A=e.computed(()=>y.value.filter(t=>!t.props.expander)),L=e.computed(()=>F.value.length+(v.value?1:0)+(k.value?1:0)),Y=e.computed(()=>{var r,c;if(o.lazy||!o.filters)return o.value;let t=[...o.value];const l=o.filters;if((r=l.global)!=null&&r.value&&((c=o.globalFilterFields)!=null&&c.length)){const s=l.global.value;t=t.filter(p=>o.globalFilterFields.some(I=>ae.contains(f(p,I),s)))}for(const[s,p]of Object.entries(l)){if(s==="global"||!p.value)continue;const I=p.matchMode||"contains",se=ae[I];se&&(t=t.filter(Ne=>se(f(Ne,s),p.value)))}return t}),pe=e.computed(()=>{const t=Y.value;return o.lazy||!B.value||!m.value?t:[...t].sort((l,r)=>{const c=f(l,B.value),s=f(r,B.value);if(c==null&&s==null)return 0;if(c==null)return 1;if(s==null)return-1;let p;return typeof c=="number"&&typeof s=="number"?p=c-s:p=String(c).localeCompare(String(s)),m.value===1?p:-p})}),Z=e.computed(()=>o.totalRecords??Y.value.length),b=e.computed(()=>{const t=pe.value;if(o.paginator&&!o.lazy){const l=M.value,r=l+R.value;return t.slice(l,r)}return t}),me=t=>{let l;B.value===t?m.value===1?l=-1:m.value===-1?l=null:l=1:l=1,_.value=t,w.value=l,a("update:sortField",t),a("update:sortOrder",l),a("sort",{field:t,order:l}),!o.lazy&&o.paginator&&(h.value=0,a("update:first",0))},ee=t=>t.props.sortField||t.props.field,fe=t=>B.value===ee(t),C=t=>o.selection?o.selectionMode==="single"?g(o.selection,t):o.selectionMode==="multiple"?o.selection.some(l=>g(l,t)):!1:!1,q=(t,l,r)=>{if(a("row-click",{originalEvent:t,data:l,index:r}),o.selectionMode==="single"){const c=g(o.selection,l)?null:l;a("update:selection",c),c?a("row-select",{originalEvent:t,data:l}):a("row-unselect",{originalEvent:t,data:l})}},K=(t,l)=>{if(t.stopPropagation(),o.selectionMode==="multiple"){const r=o.selection||[],c=r.some(p=>g(p,l));let s;c?(s=r.filter(p=>!g(p,l)),a("row-unselect",{originalEvent:t,data:l})):(s=[...r,l],a("row-select",{originalEvent:t,data:l})),a("update:selection",s)}},W=e.computed(()=>{if(o.selectionMode!=="multiple"||!o.selection)return!1;const t=o.selection;return b.value.length>0&&b.value.every(l=>t.some(r=>g(r,l)))}),te=t=>{t.stopPropagation();const l=o.selection||[];if(W.value){const r=l.filter(c=>!b.value.some(s=>g(c,s)));a("update:selection",r)}else{const r=[...l];b.value.forEach(c=>{r.some(s=>g(s,c))||r.push(c)}),a("update:selection",r)}},S=t=>{if(!o.expandedRows)return!1;if(Array.isArray(o.expandedRows))return o.expandedRows.some(l=>g(l,t));if(o.dataKey){const l=String(E(t));return!!o.expandedRows[l]}return!1},U=(t,l)=>{t.stopPropagation();const r=S(l);if(Array.isArray(o.expandedRows)){let c;r?(c=o.expandedRows.filter(s=>!g(s,l)),a("row-collapse",{originalEvent:t,data:l})):(c=[...o.expandedRows,l],a("row-expand",{originalEvent:t,data:l})),a("update:expandedRows",c)}else if(o.dataKey){const c=String(E(l)),s={...o.expandedRows};r?(delete s[c],a("row-collapse",{originalEvent:t,data:l})):(s[c]=!0,a("row-expand",{originalEvent:t,data:l})),a("update:expandedRows",s)}},ye=(t,l,r)=>{var s;if(!o.filters)return;const c={...o.filters,[t]:{value:l,matchMode:r||((s=o.filters[t])==null?void 0:s.matchMode)||"contains"}};a("update:filters",c),o.lazy&&a("filter",{filters:c}),o.paginator&&(h.value=0,a("update:first",0))},oe=t=>{var l;return((l=o.filters)==null?void 0:l[t])||{value:null}},ke=t=>()=>{o.filters&&(a("update:filters",{...o.filters}),o.lazy&&a("filter",{filters:o.filters}),o.paginator&&(h.value=0,a("update:first",0)))},ge=t=>{h.value=t,a("update:first",t)},he=t=>{V.value=t,a("update:rows",t)},re=e.computed(()=>{const t=[];if(o.colWidths){if(typeof o.colWidths=="function"){const l=o.colWidths(A.value),r=[];return v.value&&r.push(""),k.value&&r.push(""),[...r,...l]}return o.colWidths}return v.value&&t.push(""),k.value&&t.push(""),A.value.forEach(l=>{t.push(l.props.width||"")}),t}),le=e.computed(()=>re.value.some(t=>t!==""&&t!=null)),ve=e.computed(()=>o.wrapperClass?["overflow-x-auto","w-full",o.wrapperClass]:o.verticalBorders==="hover-table"?["overflow-x-auto","w-full","border","border-transparent","rounded"]:Le(o.wrapperBordered)),be=e.computed(()=>{const t=qe(o.size);return o.tableClass&&t.push(o.tableClass),o.bordered&&t.push("border","border-gray-100"),t}),Be=o.cardBreakpoint?x(o.cardBreakpoint):e.ref(!0),Ce=e.computed(()=>!!o.cardBreakpoint&&!Be.value),we={sm:x("sm"),md:x("md"),lg:x("lg"),xl:x("xl"),"2xl":x("2xl")},Ee=t=>{var r;if(!t.props.visibleFrom)return!0;const l=t.props.visibleFrom;return((r=we[l])==null?void 0:r.value)??!0},F=e.computed(()=>A.value.filter(Ee)),Se=t=>l=>U(l,t),xe=t=>l=>K(l,t);return(t,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,!1]]),e.unref(u).header?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(t.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),Ce.value?(e.openBlock(),e.createElementBlock("div",Ct,[t.loading?(e.openBlock(),e.createElementBlock("div",wt,[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",Et,[e.createVNode(O.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(d)("ui.dataTable.loading")),1)])],!0)])):b.value.length===0?(e.openBlock(),e.createElementBlock("div",St,[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",xt,e.toDisplayString(e.unref(d)("ui.dataTable.noRecords")),1)],!0)])):(e.openBlock(),e.createElementBlock("div",Nt,[z.value?(e.openBlock(),e.createElementBlock("div",Vt,[e.createElementVNode("div",{class:"cursor-pointer",onClick:l[2]||(l[2]=r=>te(r))},[W.value?(e.openBlock(),e.createElementBlock("div",_t,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",Ft))]),e.createElementVNode("span",Mt,e.toDisplayString(e.unref(d)("ui.dataTable.selectAll")),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(r,c)=>(e.openBlock(),e.createElementBlock("div",{key:X(r,c),class:e.normalizeClass([...e.unref($e)(t.hoverable,C(r)),t.selectionMode?"cursor-pointer":""]),onClick:s=>q(s,r,c)},[e.unref(u).card?e.renderSlot(t.$slots,"card",{key:0,data:r,index:c,selected:C(r),expanded:k.value&&S(r),toggleExpansion:Se(r),toggleSelection:xe(r)},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[v.value||k.value?(e.openBlock(),e.createElementBlock("div",zt,[v.value?(e.openBlock(),e.createElementBlock("div",Lt,[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:e.withModifiers(s=>K(s,r),["stop"])},[C(r)?(e.openBlock(),e.createElementBlock("div",Ot,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",Pt))],8,qt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:e.withModifiers(s=>q(s,r,c),["stop"])},[C(r)?(e.openBlock(),e.createElementBlock("div",Tt,[...l[6]||(l[6]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",jt))],8,$t))])):(e.openBlock(),e.createElementBlock("div",At)),k.value?(e.openBlock(),e.createElementBlock("button",{key:2,class:"p-1 rounded hover:bg-gray-100 transition-colors",onClick:e.withModifiers(s=>U(s,r),["stop"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S(r)?e.unref(D.render):e.unref(T.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,Kt)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(s,p)=>(e.openBlock(),e.createElementBlock("div",{key:p,class:e.normalizeClass(e.unref(Te)(t.size))},[e.createElementVNode("span",Wt,e.toDisplayString(s.props.header),1),e.createElementVNode("div",Ut,[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:r,field:s.props.field,index:c},null,8,["data","field","index"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(f(r,s.props.field)),1)],64)):e.createCommentVNode("",!0)])],2))),128)),k.value&&S(r)?(e.openBlock(),e.createElementBlock("div",It,[e.renderSlot(t.$slots,"expansion",{data:r,index:c},void 0,!0)])):e.createCommentVNode("",!0)],64))],10,Rt))),128)),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("button",{key:1,class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[3]||(l[3]=r=>a("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(O.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(d)("ui.dataTable.showMore")),1)],8,Dt)):e.createCommentVNode("",!0)]))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([...ve.value,t.verticalBorders==="hover-table"?"vb-hover":""])},[e.createElementVNode("table",{class:e.normalizeClass([...be.value,t.verticalBorders!=="none"?"border-separate border-spacing-0":"border-collapse",t.verticalBorders==="hover"?"vb-hover":"",le.value?"table-fixed":""])},[le.value?(e.openBlock(),e.createElementBlock("colgroup",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(re.value,(r,c)=>(e.openBlock(),e.createElementBlock("col",{key:`col-${c}`,style:e.normalizeStyle(r?{width:r}:{})},null,4))),128))])):e.createCommentVNode("",!0),e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[v.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([...e.unref(H)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(J)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:l[0]||(l[0]=r=>te(r))},[W.value?(e.openBlock(),e.createElementBlock("div",Je,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",Xe))])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass([...e.unref(H)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(ie)(t.size)])},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(r,c)=>(e.openBlock(),e.createElementBlock("th",{key:c,class:e.normalizeClass([...e.unref(H)(t.size,r.props.sortable,t.verticalBorders,t.headerVariant,t.headerBgClass),r.props.headerClass]),style:e.normalizeStyle([r.props.headerStyle,r.props.width?{width:r.props.width}:{}]),onClick:s=>r.props.sortable?me(ee(r)):void 0},[r.slots.header?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.slots.header),{key:0})):(e.openBlock(),e.createElementBlock("span",Ze,[e.createTextVNode(e.toDisplayString(r.props.header)+" ",1),r.props.sortable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[fe(r)?m.value===1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{key:1,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):m.value===-1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(D.render)),{key:2,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ne)),{key:3,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ne)),{key:0,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"]))],64)):e.createCommentVNode("",!0)]))],14,Ye))),128))]),t.filterDisplay==="row"?(e.openBlock(),e.createElementBlock("tr",et,[v.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(e.unref(G)(t.size))},null,2)):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(G)(t.size))},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(r,c)=>(e.openBlock(),e.createElementBlock("th",{key:`filter-${c}`,class:e.normalizeClass(e.unref(G)(t.size))},[r.props.filterable&&r.slots.filter?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.slots.filter),{key:0,filterModel:oe(r.props.filterField||r.props.field),filterCallback:ke(r.props.filterField||r.props.field)},null,8,["filterModel","filterCallback"])):r.props.filterable&&r.props.field?(e.openBlock(),e.createElementBlock("input",{key:1,type:"text",value:oe(r.props.filterField||r.props.field).value||"",class:"w-full border border-gray-300 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-primary-glow",placeholder:`Filter ${r.props.header||r.props.field}`,onInput:s=>ye(r.props.filterField||r.props.field,s.target.value)},null,40,tt)):e.createCommentVNode("",!0)],2))),128))])):e.createCommentVNode("",!0)]),!t.loading&&b.value.length>0?(e.openBlock(),e.createElementBlock("tbody",ot,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(r,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:X(r,c)},[e.createElementVNode("tr",{class:e.normalizeClass([...e.unref(Oe)(t.striped,t.hoverable,c%2===1,C(r),!1),t.selectionMode?"cursor-pointer":""]),onClick:s=>q(s,r,c)},[v.value?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([...e.unref(Q)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(J)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>K(s,r),["stop"])},[C(r)?(e.openBlock(),e.createElementBlock("div",st,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",nt))],8,lt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>q(s,r,c),["stop"])},[C(r)?(e.openBlock(),e.createElementBlock("div",it,[...l[5]||(l[5]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",ct))],8,at))],2)):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass([...e.unref(Q)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(ie)(t.size)])},[e.createElementVNode("button",{class:"p-1 rounded hover:bg-gray-100 transition-colors",onClick:s=>U(s,r)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S(r)?e.unref(D.render):e.unref(T.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,dt)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(s,p)=>(e.openBlock(),e.createElementBlock("td",{key:p,class:e.normalizeClass([...e.unref(Q)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),s.props.bodyClass]),style:e.normalizeStyle(s.props.bodyStyle)},[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:r,field:s.props.field,index:c},null,8,["data","field","index"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(f(r,s.props.field)),1)],64)):e.createCommentVNode("",!0)],6))),128))],10,rt),k.value&&S(r)?(e.openBlock(),e.createElementBlock("tr",ut,[e.createElementVNode("td",{colspan:L.value,class:"p-0"},[e.renderSlot(t.$slots,"expansion",{data:r,index:c},void 0,!0)],8,pt)])):e.createCommentVNode("",!0)],64))),128))])):t.loading?(e.openBlock(),e.createElementBlock("tbody",mt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",yt,[e.createVNode(O.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(d)("ui.dataTable.loading")),1)])],!0)],8,ft)])])):(e.openBlock(),e.createElementBlock("tbody",kt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",ht,e.toDisplayString(e.unref(d)("ui.dataTable.noRecords")),1)],!0)],8,gt)])])),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("tfoot",vt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"px-3 pb-3 pt-2"},[e.createElementVNode("button",{class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[1]||(l[1]=r=>a("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(O.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(d)("ui.dataTable.showMore")),1)],8,Bt)],8,bt)])])):e.createCommentVNode("",!0)],2)],2)),t.paginator&&Z.value>0?(e.openBlock(),e.createBlock(ue,{key:3,first:M.value,rows:R.value,"total-records":Z.value,"rows-per-page-options":t.rowsPerPageOptions,"onUpdate:first":ge,"onUpdate:rows":he,onPage:l[4]||(l[4]=r=>a("page",r))},null,8,["first","rows","total-records","rows-per-page-options"])):e.createCommentVNode("",!0),e.unref(u).footer?(e.openBlock(),e.createElementBlock("div",Ht,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]))}});const Gt=Ve._export_sfc(Qt,[["__scopeId","data-v-f7613b9d"]]),Jt=e.defineComponent({__name:"OneColumn",props:Fe,setup(i){const n=i,o=e.useSlots(),a=e.inject(de),u={props:n,slots:o};return a&&a.registerColumn(u),e.onBeforeUnmount(()=>{a&&a.unregisterColumn(u)}),(d,y)=>e.renderSlot(d.$slots,"default")}});exports.OneColumn=Jt;exports.OneDataTable=Gt;exports.OneDataTablePaginator=ue;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),ue=require("../i18n/index.cjs"),$=require("../ChevronRightIcon-7a2f0c20.cjs"),O=require("../SpinnerIcon-ccb6f3fc.cjs"),H=require("../ChevronDownIcon-6889ac87.cjs"),P=require("../CheckIcon-09b84cf5.cjs"),Fe=require("../_plugin-vue_export-helper-f246444f.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");function Re(c,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 19.5L8.25 12l7.5-7.5"})])}function ie(c,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"})])}const Me={field:{type:String,required:!1},header:{type:String,required:!1},sortable:{type:Boolean,default:!1},sortField:{type:String,required:!1},filterable:{type:Boolean,default:!1},filterField:{type:String,required:!1},expander:{type:Boolean,default:!1},width:{type:String,required:!1},headerClass:{type:String,required:!1},bodyClass:{type:String,required:!1},headerStyle:{type:[String,Object],required:!1},bodyStyle:{type:[String,Object],required:!1},visibleFrom:{type:String,required:!1}},ze={value:{type:Array,default:()=>[]},dataKey:{type:String,required:!1},lazy:{type:Boolean,default:!1},paginator:{type:Boolean,default:!1},rows:{type:Number,default:10},first:{type:Number,default:0},totalRecords:{type:Number,required:!1},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]},sortField:{type:String,required:!1},sortOrder:{type:Number,default:null},selectionMode:{type:String,required:!1},selection:{type:[Object,Array],required:!1},expandedRows:{type:[Array,Object],default:()=>[]},filters:{type:Object,required:!1},filterDisplay:{type:String,default:null},globalFilterFields:{type:Array,required:!1},loading:{type:Boolean,default:!1},striped:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!0},bordered:{type:Boolean,default:!1},size:{type:String,default:"md"},tableClass:{type:String,required:!1},hasNextPage:{type:Boolean,default:!1},loadingNext:{type:Boolean,default:!1},loadMoreLabel:{type:String,default:""},colWidths:{type:[Array,Function],required:!1},verticalBorders:{type:String,default:"none"},headerVariant:{type:String,default:"default"},headerBgClass:{type:String,required:!1},bodyBgClass:{type:String,required:!1},wrapperClass:{type:String,required:!1},wrapperBordered:{type:Boolean,default:!0},cardBreakpoint:{type:String,required:!1}},pe=Symbol("OneDataTable"),ce={contains:(c,n)=>String(c??"").toLowerCase().includes(String(n).toLowerCase()),startsWith:(c,n)=>String(c??"").toLowerCase().startsWith(String(n).toLowerCase()),endsWith:(c,n)=>String(c??"").toLowerCase().endsWith(String(n).toLowerCase()),equals:(c,n)=>String(c??"").toLowerCase()===String(n).toLowerCase(),notEquals:(c,n)=>String(c??"").toLowerCase()!==String(n).toLowerCase()},qe={sm:640,md:768,lg:1024,xl:1280,"2xl":1536};function Le(c){const n=e.ref(!1);let d=null,r=null;const i=()=>{d&&r&&d.removeEventListener("change",r),d=null,r=null},u=m=>{i(),!(typeof window>"u")&&(d=window.matchMedia(m),n.value=d.matches,r=B=>{n.value=B.matches},d.addEventListener("change",r))};return e.onMounted(()=>{u(e.toValue(c)),e.watch(()=>e.toValue(c),m=>{u(m)})}),e.onBeforeUnmount(()=>{i()}),n}function V(c){return Le(`(min-width: ${qe[c]}px)`)}const Oe=(c=!0)=>{const n=["overflow-x-auto","w-full"];return c&&n.push("border","border-gray-100","rounded"),n},Pe=c=>{const n=["min-w-full","text-left","relative"];return c==="sm"?n.push("text-xs"):c==="lg"?n.push("text-base"):n.push("text-sm"),n},Q=(c,n,d="none",r="default",i)=>{const u=[];return r==="minimal"?u.push(i||"bg-gray-50","text-gray-700","font-medium","text-sm","normal-case","border-b","border-gray-200"):u.push(i||"bg-gray-100","text-gray-600","font-semibold","text-xs","uppercase","tracking-wide","border-b","border-gray-200","whitespace-nowrap"),n&&u.push("cursor-pointer","select-none","hover:text-primary-base","transition-colors"),d==="always"?u.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&u.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?u.push("px-1.5","py-1"):c==="lg"?u.push("px-4","py-3"):u.push("p-2"),u},G=(c,n,d="none",r)=>{const i=["border-b","border-gray-100","text-gray-900"];return r&&i.push(r),n&&i.push("border-r"),d==="always"?i.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&i.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?i.push("px-1.5","py-1"):c==="lg"?i.push("px-4","py-3"):i.push("px-2","py-1.5"),i},Te=(c,n,d,r,i=!1)=>{const u=[];return i&&u.push("group"),r?u.push("bg-primary-25"):c&&d&&u.push("bg-gray-50"),n&&(r?u.push("hover:bg-primary-25-hover","transition-colors"):u.push("hover:bg-gray-50","transition-colors")),u},T=c=>{const n=["w-3.5","h-3.5","inline-block","ml-1"];return c?n.push("text-primary-base"):n.push("text-gray-400"),n.push("transition-transform","duration-200"),n},X=c=>{const n=["text-center"];return c==="sm"?n.push("w-8"):c==="lg"?n.push("w-14"):n.push("w-12"),n},de=c=>X(c),$e=()=>["flex","items-center","justify-between","px-2","py-2","border-t","border-gray-100","bg-white","text-sm"],je=(c,n)=>{const d=["rounded","border","p-3"];return n?d.push("bg-primary-25","border-primary-base/20"):d.push("bg-white","border-gray-100"),c&&(n?d.push("hover:bg-primary-25-hover","transition-colors"):d.push("hover:bg-gray-50","transition-colors")),d},Ke=c=>{const n=["flex","items-start","justify-between","gap-2"];return c==="sm"?n.push("py-0.5"):c==="lg"?n.push("py-2"):n.push("py-1"),n},J=c=>{const n=["bg-gray-100","border-b","border-gray-200"];return c==="sm"?n.push("px-1.5","py-1"):c==="lg"?n.push("px-4","py-2"):n.push("px-2","py-1.5"),n},Ae={class:"flex items-center gap-4"},We={class:"text-gray-600"},Ie=["value"],De=["value"],Ue={class:"flex items-center gap-1"},He=["disabled"],Qe={class:"px-2 text-gray-600"},Ge=["disabled"],me=e.defineComponent({__name:"OneDataTablePaginator",props:{first:{type:Number,required:!0},rows:{type:Number,required:!0},totalRecords:{type:Number,required:!0},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]}},emits:["update:first","update:rows","page"],setup(c,{emit:n}){const d=c,r=n,i=ue.useOnebI18n(),u=e.computed(()=>Math.ceil(d.totalRecords/d.rows)),m=e.computed(()=>Math.floor(d.first/d.rows)+1),B=e.computed(()=>d.totalRecords===0?0:d.first+1),j=e.computed(()=>Math.min(d.first+d.rows,d.totalRecords)),K=e.computed(()=>d.first===0),C=e.computed(()=>d.first+d.rows>=d.totalRecords),_=e.computed(()=>$e()),x=k=>{k<0||k>=d.totalRecords||(r("update:first",k),r("page",{first:k,rows:d.rows,page:Math.floor(k/d.rows),pageCount:u.value}))},F=()=>{x(Math.max(0,d.first-d.rows))},f=()=>{x(d.first+d.rows)},M=k=>{const h=parseInt(k.target.value);r("update:rows",h),r("update:first",0),r("page",{first:0,rows:h,page:0,pageCount:Math.ceil(d.totalRecords/h)})};return(k,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(_.value)},[e.createElementVNode("div",Ae,[e.createElementVNode("span",We,e.toDisplayString(B.value)+"–"+e.toDisplayString(j.value)+" of "+e.toDisplayString(c.totalRecords),1),c.rowsPerPageOptions.length>1?(e.openBlock(),e.createElementBlock("select",{key:0,value:c.rows,class:"border border-gray-300 rounded px-2 py-1 text-sm bg-white focus:outline-none focus:ring-1 focus:ring-primary-glow",onChange:M},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.rowsPerPageOptions,v=>(e.openBlock(),e.createElementBlock("option",{key:v,value:v},e.toDisplayString(e.unref(i)("ui.dataTable.perPage",{count:v})),9,De))),128))],40,Ie)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ue,[e.createElementVNode("button",{disabled:K.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:F},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Re)),{class:"w-4 h-4 text-gray-600"}))],8,He),e.createElementVNode("span",Qe,e.toDisplayString(m.value)+" / "+e.toDisplayString(u.value),1),e.createElementVNode("button",{disabled:C.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:f},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref($.render$1)),{class:"w-4 h-4 text-gray-600"}))],8,Ge)])],2))}}),Je={key:0,class:"mb-3"},Xe={key:0},Ye={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},Ze={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},et=["onClick"],tt={key:1,class:"inline-flex items-center gap-1"},ot={key:0},rt=["value","placeholder","onInput"],lt={key:1},st=["onClick"],nt=["onClick"],at={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},it={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},ct=["onClick"],dt={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},ut={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},pt=["onClick"],mt={key:0},ft=["colspan"],yt={key:2},kt=["colspan"],gt={class:"flex items-center justify-center gap-2 text-gray-500"},ht={key:3},vt=["colspan"],bt={class:"text-gray-400"},Bt={key:4},Ct=["colspan"],wt=["disabled"],Et={key:2},St={key:0,class:"text-center py-12"},xt={class:"flex items-center justify-center gap-2 text-gray-500"},Nt={key:1,class:"text-center py-12"},Vt={class:"text-gray-400"},_t={key:2,class:"space-y-2"},Ft={key:0,class:"flex items-center gap-2 px-3 py-2"},Rt={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},Mt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},zt={class:"text-sm text-gray-500"},qt=["onClick"],Lt={key:0,class:"flex items-center justify-between mb-2"},Ot={key:0},Pt=["onClick"],Tt={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},$t={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},jt=["onClick"],Kt={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},At={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},Wt={key:1},It=["onClick"],Dt={class:"text-gray-500 text-xs font-medium shrink-0"},Ut={class:"text-right"},Ht={key:1,class:"mt-2 pt-2 border-t border-gray-100"},Qt=["disabled"],Gt={key:4,class:"mt-3"},Jt=e.defineComponent({__name:"OneDataTable",props:ze,emits:["update:value","update:selection","update:expandedRows","update:first","update:rows","update:sortField","update:sortOrder","update:filters","sort","page","filter","row-click","row-select","row-unselect","row-expand","row-collapse","load:next"],setup(c,{expose:n,emit:d}){const r=c,i=d,u=e.useSlots(),m=ue.useOnebI18n(),B=e.ref([]),j=t=>{B.value.push(t)},K=t=>{const l=B.value.indexOf(t);l>-1&&B.value.splice(l,1)};e.provide(pe,{registerColumn:j,unregisterColumn:K});const C=e.ref(r.first),_=e.ref(r.rows),x=e.ref(r.sortField),F=e.ref(r.sortOrder);e.watch(()=>r.first,t=>{C.value=t}),e.watch(()=>r.rows,t=>{_.value=t}),e.watch(()=>r.sortField,t=>{x.value=t}),e.watch(()=>r.sortOrder,t=>{F.value=t});const f=e.ref([...r.value]);e.watch(()=>r.value,t=>{f.value=[...t]});const M=e.computed(()=>C.value),k=e.computed(()=>_.value),h=e.computed(()=>x.value),v=e.computed(()=>F.value),y=(t,l)=>l?l.split(".").reduce((o,a)=>o==null?void 0:o[a],t):t,Y=t=>r.dataKey?y(t,r.dataKey):t,b=(t,l)=>t==null||l==null?t===l:r.dataKey?y(t,r.dataKey)===y(l,r.dataKey):t===l,Z=(t,l)=>r.dataKey?y(t,r.dataKey):l;n({updateRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] updateRow requires dataKey to be set"),!1;const l=y(t,r.dataKey),o=f.value.findIndex(s=>y(s,r.dataKey)===l);if(o===-1)return!1;const a=[...f.value];return a[o]=t,f.value=a,i("update:value",a),!0},addItems:(t,l="append")=>{const o=l==="prepend"?[...t,...f.value]:[...f.value,...t];f.value=o,i("update:value",o)},removeRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] removeRow requires dataKey to be set"),!1;const l=f.value.findIndex(a=>y(a,r.dataKey)===t);if(l===-1)return!1;const o=[...f.value];return o.splice(l,1),f.value=o,i("update:value",o),!0}});const g=e.computed(()=>B.value.some(t=>t.props.expander)),w=e.computed(()=>!!r.selectionMode),z=e.computed(()=>r.selectionMode==="multiple"),A=e.computed(()=>B.value.filter(t=>!t.props.expander)),q=e.computed(()=>R.value.length+(w.value?1:0)+(g.value?1:0)),ee=e.computed(()=>{var o,a;if(r.lazy||!r.filters)return f.value;let t=[...f.value];const l=r.filters;if((o=l.global)!=null&&o.value&&((a=r.globalFilterFields)!=null&&a.length)){const s=l.global.value;t=t.filter(p=>r.globalFilterFields.some(U=>ce.contains(y(p,U),s)))}for(const[s,p]of Object.entries(l)){if(s==="global"||!p.value)continue;const U=p.matchMode||"contains",ae=ce[U];ae&&(t=t.filter(_e=>ae(y(_e,s),p.value)))}return t}),fe=e.computed(()=>{const t=ee.value;return r.lazy||!h.value||!v.value?t:[...t].sort((l,o)=>{const a=y(l,h.value),s=y(o,h.value);if(a==null&&s==null)return 0;if(a==null)return 1;if(s==null)return-1;let p;return typeof a=="number"&&typeof s=="number"?p=a-s:p=String(a).localeCompare(String(s)),v.value===1?p:-p})}),te=e.computed(()=>r.totalRecords??ee.value.length),E=e.computed(()=>{const t=fe.value;if(r.paginator&&!r.lazy){const l=M.value,o=l+k.value;return t.slice(l,o)}return t}),ye=t=>{let l;h.value===t?v.value===1?l=-1:v.value===-1?l=null:l=1:l=1,x.value=t,F.value=l,i("update:sortField",t),i("update:sortOrder",l),i("sort",{field:t,order:l}),!r.lazy&&r.paginator&&(C.value=0,i("update:first",0))},oe=t=>t.props.sortField||t.props.field,ke=t=>h.value===oe(t),S=t=>r.selection?r.selectionMode==="single"?b(r.selection,t):r.selectionMode==="multiple"?r.selection.some(l=>b(l,t)):!1:!1,L=(t,l,o)=>{if(i("row-click",{originalEvent:t,data:l,index:o}),r.selectionMode==="single"){const a=b(r.selection,l)?null:l;i("update:selection",a),a?i("row-select",{originalEvent:t,data:l}):i("row-unselect",{originalEvent:t,data:l})}},W=(t,l)=>{if(t.stopPropagation(),r.selectionMode==="multiple"){const o=r.selection||[],a=o.some(p=>b(p,l));let s;a?(s=o.filter(p=>!b(p,l)),i("row-unselect",{originalEvent:t,data:l})):(s=[...o,l],i("row-select",{originalEvent:t,data:l})),i("update:selection",s)}},I=e.computed(()=>{if(r.selectionMode!=="multiple"||!r.selection)return!1;const t=r.selection;return E.value.length>0&&E.value.every(l=>t.some(o=>b(o,l)))}),re=t=>{t.stopPropagation();const l=r.selection||[];if(I.value){const o=l.filter(a=>!E.value.some(s=>b(a,s)));i("update:selection",o)}else{const o=[...l];E.value.forEach(a=>{o.some(s=>b(s,a))||o.push(a)}),i("update:selection",o)}},N=t=>{if(!r.expandedRows)return!1;if(Array.isArray(r.expandedRows))return r.expandedRows.some(l=>b(l,t));if(r.dataKey){const l=String(Y(t));return!!r.expandedRows[l]}return!1},D=(t,l)=>{t.stopPropagation();const o=N(l);if(Array.isArray(r.expandedRows)){let a;o?(a=r.expandedRows.filter(s=>!b(s,l)),i("row-collapse",{originalEvent:t,data:l})):(a=[...r.expandedRows,l],i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",a)}else if(r.dataKey){const a=String(Y(l)),s={...r.expandedRows};o?(delete s[a],i("row-collapse",{originalEvent:t,data:l})):(s[a]=!0,i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",s)}},ge=(t,l,o)=>{var s;if(!r.filters)return;const a={...r.filters,[t]:{value:l,matchMode:o||((s=r.filters[t])==null?void 0:s.matchMode)||"contains"}};i("update:filters",a),r.lazy&&i("filter",{filters:a}),r.paginator&&(C.value=0,i("update:first",0))},le=t=>{var l;return((l=r.filters)==null?void 0:l[t])||{value:null}},he=t=>()=>{r.filters&&(i("update:filters",{...r.filters}),r.lazy&&i("filter",{filters:r.filters}),r.paginator&&(C.value=0,i("update:first",0)))},ve=t=>{C.value=t,i("update:first",t)},be=t=>{_.value=t,i("update:rows",t)},se=e.computed(()=>{const t=[];if(r.colWidths){if(typeof r.colWidths=="function"){const l=r.colWidths(A.value),o=[];return w.value&&o.push(""),g.value&&o.push(""),[...o,...l]}return r.colWidths}return w.value&&t.push(""),g.value&&t.push(""),A.value.forEach(l=>{t.push(l.props.width||"")}),t}),ne=e.computed(()=>se.value.some(t=>t!==""&&t!=null)),Be=e.computed(()=>r.wrapperClass?["overflow-x-auto","w-full",r.wrapperClass]:r.verticalBorders==="hover-table"?["overflow-x-auto","w-full","border","border-transparent","rounded"]:Oe(r.wrapperBordered)),Ce=e.computed(()=>{const t=Pe(r.size);return r.tableClass&&t.push(r.tableClass),r.bordered&&t.push("border","border-gray-100"),t}),we=r.cardBreakpoint?V(r.cardBreakpoint):e.ref(!0),Ee=e.computed(()=>!!r.cardBreakpoint&&!we.value),Se={sm:V("sm"),md:V("md"),lg:V("lg"),xl:V("xl"),"2xl":V("2xl")},xe=t=>{var o;if(!t.props.visibleFrom)return!0;const l=t.props.visibleFrom;return((o=Se[l])==null?void 0:o.value)??!0},R=e.computed(()=>A.value.filter(xe)),Ne=t=>l=>D(l,t),Ve=t=>l=>W(l,t);return(t,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,!1]]),e.unref(u).header?(e.openBlock(),e.createElementBlock("div",Je,[e.renderSlot(t.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),Ee.value?(e.openBlock(),e.createElementBlock("div",Et,[t.loading?(e.openBlock(),e.createElementBlock("div",St,[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",xt,[e.createVNode(O.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(m)("ui.dataTable.loading")),1)])],!0)])):E.value.length===0?(e.openBlock(),e.createElementBlock("div",Nt,[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",Vt,e.toDisplayString(e.unref(m)("ui.dataTable.noRecords")),1)],!0)])):(e.openBlock(),e.createElementBlock("div",_t,[z.value?(e.openBlock(),e.createElementBlock("div",Ft,[e.createElementVNode("div",{class:"cursor-pointer",onClick:l[2]||(l[2]=o=>re(o))},[I.value?(e.openBlock(),e.createElementBlock("div",Rt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",Mt))]),e.createElementVNode("span",zt,e.toDisplayString(e.unref(m)("ui.dataTable.selectAll")),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(o,a)=>(e.openBlock(),e.createElementBlock("div",{key:Z(o,a),class:e.normalizeClass([...e.unref(je)(t.hoverable,S(o)),t.selectionMode?"cursor-pointer":""]),onClick:s=>L(s,o,a)},[e.unref(u).card?e.renderSlot(t.$slots,"card",{key:0,data:o,index:a,selected:S(o),expanded:g.value&&N(o),toggleExpansion:Ne(o),toggleSelection:Ve(o)},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[w.value||g.value?(e.openBlock(),e.createElementBlock("div",Lt,[w.value?(e.openBlock(),e.createElementBlock("div",Ot,[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:e.withModifiers(s=>W(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",Tt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",$t))],8,Pt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:e.withModifiers(s=>L(s,o,a),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",Kt,[...l[6]||(l[6]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",At))],8,jt))])):(e.openBlock(),e.createElementBlock("div",Wt)),g.value?(e.openBlock(),e.createElementBlock("button",{key:2,class:"p-1 rounded hover:bg-gray-100 transition-colors",onClick:e.withModifiers(s=>D(s,o),["stop"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N(o)?e.unref(H.render):e.unref($.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,It)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(s,p)=>(e.openBlock(),e.createElementBlock("div",{key:p,class:e.normalizeClass(e.unref(Ke)(t.size))},[e.createElementVNode("span",Dt,e.toDisplayString(s.props.header),1),e.createElementVNode("div",Ut,[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:o,field:s.props.field,index:a},null,8,["data","field","index"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(o,s.props.field)),1)],64)):e.createCommentVNode("",!0)])],2))),128)),g.value&&N(o)?(e.openBlock(),e.createElementBlock("div",Ht,[e.renderSlot(t.$slots,"expansion",{data:o,index:a},void 0,!0)])):e.createCommentVNode("",!0)],64))],10,qt))),128)),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("button",{key:1,class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[3]||(l[3]=o=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(O.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(m)("ui.dataTable.showMore")),1)],8,Qt)):e.createCommentVNode("",!0)]))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([...Be.value,t.verticalBorders==="hover-table"?"vb-hover":""])},[e.createElementVNode("table",{class:e.normalizeClass([...Ce.value,t.verticalBorders!=="none"?"border-separate border-spacing-0":"border-collapse",t.verticalBorders==="hover"?"vb-hover":"",ne.value?"table-fixed":""])},[ne.value?(e.openBlock(),e.createElementBlock("colgroup",Xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(se.value,(o,a)=>(e.openBlock(),e.createElementBlock("col",{key:`col-${a}`,style:e.normalizeStyle(o?{width:o}:{})},null,4))),128))])):e.createCommentVNode("",!0),e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[w.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([...e.unref(Q)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(X)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:l[0]||(l[0]=o=>re(o))},[I.value?(e.openBlock(),e.createElementBlock("div",Ye,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",Ze))])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass([...e.unref(Q)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(de)(t.size)])},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(o,a)=>(e.openBlock(),e.createElementBlock("th",{key:a,class:e.normalizeClass([...e.unref(Q)(t.size,o.props.sortable,t.verticalBorders,t.headerVariant,t.headerBgClass),o.props.headerClass]),style:e.normalizeStyle([o.props.headerStyle,o.props.width?{width:o.props.width}:{}]),onClick:s=>o.props.sortable?ye(oe(o)):void 0},[o.slots.header?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.header),{key:0})):(e.openBlock(),e.createElementBlock("span",tt,[e.createTextVNode(e.toDisplayString(o.props.header)+" ",1),o.props.sortable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ke(o)?v.value===1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref($.render)),{key:1,class:e.normalizeClass(e.unref(T)(!0))},null,8,["class"])):v.value===-1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(H.render)),{key:2,class:e.normalizeClass(e.unref(T)(!0))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ie)),{key:3,class:e.normalizeClass(e.unref(T)(!1))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ie)),{key:0,class:e.normalizeClass(e.unref(T)(!1))},null,8,["class"]))],64)):e.createCommentVNode("",!0)]))],14,et))),128))]),t.filterDisplay==="row"?(e.openBlock(),e.createElementBlock("tr",ot,[w.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(e.unref(J)(t.size))},null,2)):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(J)(t.size))},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(o,a)=>(e.openBlock(),e.createElementBlock("th",{key:`filter-${a}`,class:e.normalizeClass(e.unref(J)(t.size))},[o.props.filterable&&o.slots.filter?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.filter),{key:0,filterModel:le(o.props.filterField||o.props.field),filterCallback:he(o.props.filterField||o.props.field)},null,8,["filterModel","filterCallback"])):o.props.filterable&&o.props.field?(e.openBlock(),e.createElementBlock("input",{key:1,type:"text",value:le(o.props.filterField||o.props.field).value||"",class:"w-full border border-gray-300 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-primary-glow",placeholder:`Filter ${o.props.header||o.props.field}`,onInput:s=>ge(o.props.filterField||o.props.field,s.target.value)},null,40,rt)):e.createCommentVNode("",!0)],2))),128))])):e.createCommentVNode("",!0)]),!t.loading&&E.value.length>0?(e.openBlock(),e.createElementBlock("tbody",lt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(o,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:Z(o,a)},[e.createElementVNode("tr",{class:e.normalizeClass([...e.unref(Te)(t.striped,t.hoverable,a%2===1,S(o),!1),t.selectionMode?"cursor-pointer":""]),onClick:s=>L(s,o,a)},[w.value?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([...e.unref(G)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(X)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>W(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",at,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(P.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",it))],8,nt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>L(s,o,a),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",dt,[...l[5]||(l[5]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",ut))],8,ct))],2)):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass([...e.unref(G)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(de)(t.size)])},[e.createElementVNode("button",{class:"p-1 rounded hover:bg-gray-100 transition-colors",onClick:s=>D(s,o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N(o)?e.unref(H.render):e.unref($.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,pt)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(s,p)=>(e.openBlock(),e.createElementBlock("td",{key:p,class:e.normalizeClass([...e.unref(G)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),s.props.bodyClass]),style:e.normalizeStyle(s.props.bodyStyle)},[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:o,field:s.props.field,index:a},null,8,["data","field","index"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(o,s.props.field)),1)],64)):e.createCommentVNode("",!0)],6))),128))],10,st),g.value&&N(o)?(e.openBlock(),e.createElementBlock("tr",mt,[e.createElementVNode("td",{colspan:q.value,class:"p-0"},[e.renderSlot(t.$slots,"expansion",{data:o,index:a},void 0,!0)],8,ft)])):e.createCommentVNode("",!0)],64))),128))])):t.loading?(e.openBlock(),e.createElementBlock("tbody",yt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:q.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",gt,[e.createVNode(O.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(m)("ui.dataTable.loading")),1)])],!0)],8,kt)])])):(e.openBlock(),e.createElementBlock("tbody",ht,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:q.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",bt,e.toDisplayString(e.unref(m)("ui.dataTable.noRecords")),1)],!0)],8,vt)])])),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("tfoot",Bt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:q.value,class:"px-3 pb-3 pt-2"},[e.createElementVNode("button",{class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[1]||(l[1]=o=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(O.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(m)("ui.dataTable.showMore")),1)],8,wt)],8,Ct)])])):e.createCommentVNode("",!0)],2)],2)),t.paginator&&te.value>0?(e.openBlock(),e.createBlock(me,{key:3,first:M.value,rows:k.value,"total-records":te.value,"rows-per-page-options":t.rowsPerPageOptions,"onUpdate:first":ve,"onUpdate:rows":be,onPage:l[4]||(l[4]=o=>i("page",o))},null,8,["first","rows","total-records","rows-per-page-options"])):e.createCommentVNode("",!0),e.unref(u).footer?(e.openBlock(),e.createElementBlock("div",Gt,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]))}});const Xt=Fe._export_sfc(Jt,[["__scopeId","data-v-2987f33d"]]),Yt=e.defineComponent({__name:"OneColumn",props:Me,setup(c){const n=c,d=e.useSlots(),r=e.inject(pe),i={props:n,slots:d};return r&&r.registerColumn(i),e.onBeforeUnmount(()=>{r&&r.unregisterColumn(i)}),(u,m)=>e.renderSlot(u.$slots,"default")}});exports.OneColumn=Yt;exports.OneDataTable=Xt;exports.OneDataTablePaginator=me;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { default as OneDataTable } from './OneDataTable.vue';
|
|
2
2
|
export { default as OneColumn } from './OneColumn.vue';
|
|
3
3
|
export { default as OneDataTablePaginator } from './OneDataTablePaginator.vue';
|
|
4
|
-
export type { DataTableProps, ColumnProps, SortOrder, SelectionMode, FilterMatchMode, FilterMeta, SortEvent, PageEvent, FilterEvent, RowClickEvent, RowToggleEvent, DataTableEmits, Breakpoint } from './dataTable';
|
|
4
|
+
export type { DataTableProps, DataTableExposed, ColumnProps, SortOrder, SelectionMode, FilterMatchMode, FilterMeta, SortEvent, PageEvent, FilterEvent, RowClickEvent, RowToggleEvent, DataTableEmits, Breakpoint } from './dataTable';
|