@oneb/ui-vue 0.3.17 → 0.3.20
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 +10 -0
- package/dist/dataTable/index.cjs +1 -1
- package/dist/dataTable/index.d.ts +1 -1
- package/dist/dataTable/index.js +535 -489
- package/dist/dataTable/util.d.ts +2 -2
- 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
|
};
|
|
@@ -218,6 +218,10 @@ export declare const dataTableProps: {
|
|
|
218
218
|
type: PropType<Breakpoint>;
|
|
219
219
|
required: boolean;
|
|
220
220
|
};
|
|
221
|
+
disabledRows: {
|
|
222
|
+
type: PropType<(rowData: any) => boolean>;
|
|
223
|
+
required: boolean;
|
|
224
|
+
};
|
|
221
225
|
};
|
|
222
226
|
export type DataTableProps = ExtractPropTypes<typeof dataTableProps>;
|
|
223
227
|
export interface ColumnContext {
|
|
@@ -230,6 +234,7 @@ export interface DataTableContext {
|
|
|
230
234
|
}
|
|
231
235
|
export declare const DataTableKey: InjectionKey<DataTableContext>;
|
|
232
236
|
export type DataTableEmits = {
|
|
237
|
+
'update:value': [value: any[]];
|
|
233
238
|
'update:selection': [value: any | any[]];
|
|
234
239
|
'update:expandedRows': [value: any[] | Record<string, boolean>];
|
|
235
240
|
'update:first': [value: number];
|
|
@@ -247,4 +252,9 @@ export type DataTableEmits = {
|
|
|
247
252
|
'row-collapse': [event: RowToggleEvent];
|
|
248
253
|
'load:next': [];
|
|
249
254
|
};
|
|
255
|
+
export interface DataTableExposed {
|
|
256
|
+
updateRow: (updatedRow: any) => boolean;
|
|
257
|
+
addItems: (items: any[], position?: 'append' | 'prepend') => void;
|
|
258
|
+
removeRow: (keyValue: any) => boolean;
|
|
259
|
+
}
|
|
250
260
|
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"),pe=require("../i18n/index.cjs"),j=require("../ChevronRightIcon-7a2f0c20.cjs"),P=require("../SpinnerIcon-ccb6f3fc.cjs"),G=require("../ChevronDownIcon-6889ac87.cjs"),T=require("../CheckIcon-09b84cf5.cjs"),Fe=require("../_plugin-vue_export-helper-f246444f.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");function Me(c,a){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 ce(c,a){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 qe={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},disabledRows:{type:Function,required:!1}},fe=Symbol("OneDataTable"),de={contains:(c,a)=>String(c??"").toLowerCase().includes(String(a).toLowerCase()),startsWith:(c,a)=>String(c??"").toLowerCase().startsWith(String(a).toLowerCase()),endsWith:(c,a)=>String(c??"").toLowerCase().endsWith(String(a).toLowerCase()),equals:(c,a)=>String(c??"").toLowerCase()===String(a).toLowerCase(),notEquals:(c,a)=>String(c??"").toLowerCase()!==String(a).toLowerCase()},Le={sm:640,md:768,lg:1024,xl:1280,"2xl":1536};function Oe(c){const a=e.ref(!1);let d=null,r=null;const i=()=>{d&&r&&d.removeEventListener("change",r),d=null,r=null},u=p=>{i(),!(typeof window>"u")&&(d=window.matchMedia(p),a.value=d.matches,r=C=>{a.value=C.matches},d.addEventListener("change",r))};return e.onMounted(()=>{u(e.toValue(c)),e.watch(()=>e.toValue(c),p=>{u(p)})}),e.onBeforeUnmount(()=>{i()}),a}function _(c){return Oe(`(min-width: ${Le[c]}px)`)}const Pe=(c=!0)=>{const a=["overflow-x-auto","w-full"];return c&&a.push("border","border-gray-100","rounded"),a},Te=c=>{const a=["min-w-full","text-left","relative"];return c==="sm"?a.push("text-xs"):c==="lg"?a.push("text-base"):a.push("text-sm"),a},J=(c,a,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"),a&&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},X=(c,a,d="none",r)=>{const i=["border-b","border-gray-100","text-gray-900"];return r&&i.push(r),a&&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},$e=(c,a,d,r,i=!1,u=!1)=>{const p=[];return i&&p.push("group"),u?(p.push("opacity-50"),p):(r?p.push("bg-primary-25"):c&&d&&p.push("bg-gray-50"),a&&(r?p.push("hover:bg-primary-25-hover","transition-colors"):p.push("hover:bg-gray-50","transition-colors")),p)},$=c=>{const a=["w-3.5","h-3.5","inline-block","ml-1"];return c?a.push("text-primary-base"):a.push("text-gray-400"),a.push("transition-transform","duration-200"),a},Z=c=>{const a=["text-center"];return c==="sm"?a.push("w-8"):c==="lg"?a.push("w-14"):a.push("w-12"),a},ue=c=>Z(c),je=()=>["flex","items-center","justify-between","px-2","py-2","border-t","border-gray-100","bg-white","text-sm"],Ke=(c,a,d=!1)=>{const r=["rounded","border","p-3"];return d?(r.push("bg-white","border-gray-100","opacity-50"),r):(a?r.push("bg-primary-25","border-primary-base/20"):r.push("bg-white","border-gray-100"),c&&(a?r.push("hover:bg-primary-25-hover","transition-colors"):r.push("hover:bg-gray-50","transition-colors")),r)},Ae=c=>{const a=["flex","items-start","justify-between","gap-2"];return c==="sm"?a.push("py-0.5"):c==="lg"?a.push("py-2"):a.push("py-1"),a},Y=c=>{const a=["bg-gray-100","border-b","border-gray-200"];return c==="sm"?a.push("px-1.5","py-1"):c==="lg"?a.push("px-4","py-2"):a.push("px-2","py-1.5"),a},We={class:"flex items-center gap-4"},Ie={class:"text-gray-600"},Ue=["value"],He=["value"],Qe={class:"flex items-center gap-1"},Ge=["disabled"],Je={class:"px-2 text-gray-600"},Xe=["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:a}){const d=c,r=a,i=pe.useOnebI18n(),u=e.computed(()=>Math.ceil(d.totalRecords/d.rows)),p=e.computed(()=>Math.floor(d.first/d.rows)+1),C=e.computed(()=>d.totalRecords===0?0:d.first+1),K=e.computed(()=>Math.min(d.first+d.rows,d.totalRecords)),A=e.computed(()=>d.first===0),w=e.computed(()=>d.first+d.rows>=d.totalRecords),R=e.computed(()=>je()),x=g=>{g<0||g>=d.totalRecords||(r("update:first",g),r("page",{first:g,rows:d.rows,page:Math.floor(g/d.rows),pageCount:u.value}))},F=()=>{x(Math.max(0,d.first-d.rows))},m=()=>{x(d.first+d.rows)},q=g=>{const v=parseInt(g.target.value);r("update:rows",v),r("update:first",0),r("page",{first:0,rows:v,page:0,pageCount:Math.ceil(d.totalRecords/v)})};return(g,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(R.value)},[e.createElementVNode("div",We,[e.createElementVNode("span",Ie,e.toDisplayString(C.value)+"–"+e.toDisplayString(K.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:q},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.rowsPerPageOptions,b=>(e.openBlock(),e.createElementBlock("option",{key:b,value:b},e.toDisplayString(e.unref(i)("ui.dataTable.perPage",{count:b})),9,He))),128))],40,Ue)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Qe,[e.createElementVNode("button",{disabled:A.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(Me)),{class:"w-4 h-4 text-gray-600"}))],8,Ge),e.createElementVNode("span",Je,e.toDisplayString(p.value)+" / "+e.toDisplayString(u.value),1),e.createElementVNode("button",{disabled:w.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(j.render$1)),{class:"w-4 h-4 text-gray-600"}))],8,Xe)])],2))}}),Ye={key:0,class:"mb-3"},Ze={key:0},De={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},et={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},tt=["onClick"],ot={key:1,class:"inline-flex items-center gap-1"},rt={key:0},lt=["value","placeholder","onInput"],st={key:1},nt=["onClick"],at=["onClick"],it={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},ct={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},dt=["onClick"],ut={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},pt={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},ft=["disabled","onClick"],mt={key:0},yt=["colspan"],kt={key:2},gt=["colspan"],ht={class:"flex items-center justify-center gap-2 text-gray-500"},vt={key:3},bt=["colspan"],Bt={class:"text-gray-400"},Ct={key:4},wt=["colspan"],Et=["disabled"],St={key:2},xt={key:0,class:"text-center py-12"},Nt={class:"flex items-center justify-center gap-2 text-gray-500"},Vt={key:1,class:"text-center py-12"},_t={class:"text-gray-400"},Rt={key:2,class:"space-y-2"},Ft={key:0,class:"flex items-center gap-2 px-3 py-2"},Mt={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},qt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},zt={class:"text-sm text-gray-500"},Lt=["onClick"],Ot={key:0,class:"flex items-center justify-between mb-2"},Pt={key:0},Tt=["onClick"],$t={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},jt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},Kt=["onClick"],At={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},Wt={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},It={key:1},Ut=["disabled","onClick"],Ht={class:"text-gray-500 text-xs font-medium shrink-0"},Qt={class:"text-right"},Gt={key:1,class:"mt-2 pt-2 border-t border-gray-100"},Jt=["disabled"],Xt={key:4,class:"mt-3"},Yt=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:a,emit:d}){const r=c,i=d,u=e.useSlots(),p=pe.useOnebI18n(),C=e.ref([]),K=t=>{C.value.push(t)},A=t=>{const l=C.value.indexOf(t);l>-1&&C.value.splice(l,1)};e.provide(fe,{registerColumn:K,unregisterColumn:A});const w=e.ref(r.first),R=e.ref(r.rows),x=e.ref(r.sortField),F=e.ref(r.sortOrder);e.watch(()=>r.first,t=>{w.value=t}),e.watch(()=>r.rows,t=>{R.value=t}),e.watch(()=>r.sortField,t=>{x.value=t}),e.watch(()=>r.sortOrder,t=>{F.value=t});const m=e.ref([...r.value]);e.watch(()=>r.value,t=>{m.value=[...t]});const q=e.computed(()=>w.value),g=e.computed(()=>R.value),v=e.computed(()=>x.value),b=e.computed(()=>F.value),y=(t,l)=>l?l.split(".").reduce((o,n)=>o==null?void 0:o[n],t):t,D=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,ee=(t,l)=>r.dataKey?y(t,r.dataKey):l,k=t=>{var l;return((l=r.disabledRows)==null?void 0:l.call(r,t))??!1};a({updateRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] updateRow requires dataKey to be set"),!1;const l=y(t,r.dataKey),o=m.value.findIndex(s=>y(s,r.dataKey)===l);if(o===-1)return!1;const n=[...m.value];return n[o]=t,m.value=n,i("update:value",n),!0},addItems:(t,l="append")=>{const o=l==="prepend"?[...t,...m.value]:[...m.value,...t];m.value=o,i("update:value",o)},removeRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] removeRow requires dataKey to be set"),!1;const l=m.value.findIndex(n=>y(n,r.dataKey)===t);if(l===-1)return!1;const o=[...m.value];return o.splice(l,1),m.value=o,i("update:value",o),!0}});const h=e.computed(()=>C.value.some(t=>t.props.expander)),E=e.computed(()=>!!r.selectionMode),z=e.computed(()=>r.selectionMode==="multiple"),W=e.computed(()=>C.value.filter(t=>!t.props.expander)),L=e.computed(()=>M.value.length+(E.value?1:0)+(h.value?1:0)),te=e.computed(()=>{var o,n;if(r.lazy||!r.filters)return m.value;let t=[...m.value];const l=r.filters;if((o=l.global)!=null&&o.value&&((n=r.globalFilterFields)!=null&&n.length)){const s=l.global.value;t=t.filter(f=>r.globalFilterFields.some(Q=>de.contains(y(f,Q),s)))}for(const[s,f]of Object.entries(l)){if(s==="global"||!f.value)continue;const Q=f.matchMode||"contains",ie=de[Q];ie&&(t=t.filter(Re=>ie(y(Re,s),f.value)))}return t}),ye=e.computed(()=>{const t=te.value;return r.lazy||!v.value||!b.value?t:[...t].sort((l,o)=>{const n=y(l,v.value),s=y(o,v.value);if(n==null&&s==null)return 0;if(n==null)return 1;if(s==null)return-1;let f;return typeof n=="number"&&typeof s=="number"?f=n-s:f=String(n).localeCompare(String(s)),b.value===1?f:-f})}),oe=e.computed(()=>r.totalRecords??te.value.length),N=e.computed(()=>{const t=ye.value;if(r.paginator&&!r.lazy){const l=q.value,o=l+g.value;return t.slice(l,o)}return t}),ke=t=>{let l;v.value===t?b.value===1?l=-1:b.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&&(w.value=0,i("update:first",0))},re=t=>t.props.sortField||t.props.field,ge=t=>v.value===re(t),S=t=>r.selection?r.selectionMode==="single"?B(r.selection,t):r.selectionMode==="multiple"?r.selection.some(l=>B(l,t)):!1:!1,O=(t,l,o)=>{if(i("row-click",{originalEvent:t,data:l,index:o}),!k(l)&&r.selectionMode==="single"){const n=B(r.selection,l)?null:l;i("update:selection",n),n?i("row-select",{originalEvent:t,data:l}):i("row-unselect",{originalEvent:t,data:l})}},I=(t,l)=>{if(t.stopPropagation(),!k(l)&&r.selectionMode==="multiple"){const o=r.selection||[],n=o.some(f=>B(f,l));let s;n?(s=o.filter(f=>!B(f,l)),i("row-unselect",{originalEvent:t,data:l})):(s=[...o,l],i("row-select",{originalEvent:t,data:l})),i("update:selection",s)}},U=e.computed(()=>{if(r.selectionMode!=="multiple"||!r.selection)return!1;const t=r.selection,l=N.value.filter(o=>!k(o));return l.length>0&&l.every(o=>t.some(n=>B(n,o)))}),le=t=>{t.stopPropagation();const l=r.selection||[],o=N.value.filter(n=>!k(n));if(U.value){const n=l.filter(s=>!o.some(f=>B(s,f)));i("update:selection",n)}else{const n=[...l];o.forEach(s=>{n.some(f=>B(f,s))||n.push(s)}),i("update:selection",n)}},V=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(D(t));return!!r.expandedRows[l]}return!1},H=(t,l)=>{if(t.stopPropagation(),k(l))return;const o=V(l);if(Array.isArray(r.expandedRows)){let n;o?(n=r.expandedRows.filter(s=>!B(s,l)),i("row-collapse",{originalEvent:t,data:l})):(n=[...r.expandedRows,l],i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",n)}else if(r.dataKey){const n=String(D(l)),s={...r.expandedRows};o?(delete s[n],i("row-collapse",{originalEvent:t,data:l})):(s[n]=!0,i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",s)}},he=(t,l,o)=>{var s;if(!r.filters)return;const n={...r.filters,[t]:{value:l,matchMode:o||((s=r.filters[t])==null?void 0:s.matchMode)||"contains"}};i("update:filters",n),r.lazy&&i("filter",{filters:n}),r.paginator&&(w.value=0,i("update:first",0))},se=t=>{var l;return((l=r.filters)==null?void 0:l[t])||{value:null}},ve=t=>()=>{r.filters&&(i("update:filters",{...r.filters}),r.lazy&&i("filter",{filters:r.filters}),r.paginator&&(w.value=0,i("update:first",0)))},be=t=>{w.value=t,i("update:first",t)},Be=t=>{R.value=t,i("update:rows",t)},ne=e.computed(()=>{const t=[];if(r.colWidths){if(typeof r.colWidths=="function"){const l=r.colWidths(W.value),o=[];return E.value&&o.push(""),h.value&&o.push(""),[...o,...l]}return r.colWidths}return E.value&&t.push(""),h.value&&t.push(""),W.value.forEach(l=>{t.push(l.props.width||"")}),t}),ae=e.computed(()=>ne.value.some(t=>t!==""&&t!=null)),Ce=e.computed(()=>r.wrapperClass?["overflow-x-auto","w-full",r.wrapperClass]:r.verticalBorders==="hover-table"?["overflow-x-auto","w-full","border","border-transparent","rounded"]:Pe(r.wrapperBordered)),we=e.computed(()=>{const t=Te(r.size);return r.tableClass&&t.push(r.tableClass),r.bordered&&t.push("border","border-gray-100"),t}),Ee=r.cardBreakpoint?_(r.cardBreakpoint):e.ref(!0),Se=e.computed(()=>!!r.cardBreakpoint&&!Ee.value),xe={sm:_("sm"),md:_("md"),lg:_("lg"),xl:_("xl"),"2xl":_("2xl")},Ne=t=>{var o;if(!t.props.visibleFrom)return!0;const l=t.props.visibleFrom;return((o=xe[l])==null?void 0:o.value)??!0},M=e.computed(()=>W.value.filter(Ne)),Ve=t=>l=>H(l,t),_e=t=>l=>I(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",Ye,[e.renderSlot(t.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),Se.value?(e.openBlock(),e.createElementBlock("div",St,[t.loading?(e.openBlock(),e.createElementBlock("div",xt,[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",Nt,[e.createVNode(P.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(p)("ui.dataTable.loading")),1)])],!0)])):N.value.length===0?(e.openBlock(),e.createElementBlock("div",Vt,[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",_t,e.toDisplayString(e.unref(p)("ui.dataTable.noRecords")),1)],!0)])):(e.openBlock(),e.createElementBlock("div",Rt,[z.value?(e.openBlock(),e.createElementBlock("div",Ft,[e.createElementVNode("div",{class:"cursor-pointer",onClick:l[2]||(l[2]=o=>le(o))},[U.value?(e.openBlock(),e.createElementBlock("div",Mt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",qt))]),e.createElementVNode("span",zt,e.toDisplayString(e.unref(p)("ui.dataTable.selectAll")),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(o,n)=>(e.openBlock(),e.createElementBlock("div",{key:ee(o,n),class:e.normalizeClass([...e.unref(Ke)(t.hoverable,S(o),k(o)),t.selectionMode&&!k(o)?"cursor-pointer":""]),onClick:s=>O(s,o,n)},[e.unref(u).card?e.renderSlot(t.$slots,"card",{key:0,data:o,index:n,selected:S(o),expanded:h.value&&V(o),toggleExpansion:Ve(o),toggleSelection:_e(o),disabled:k(o)},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[E.value||h.value?(e.openBlock(),e.createElementBlock("div",Ot,[E.value?(e.openBlock(),e.createElementBlock("div",Pt,[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:e.withModifiers(s=>I(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",$t,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",jt))],8,Tt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:e.withModifiers(s=>O(s,o,n),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",At,[...l[6]||(l[6]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Wt))],8,Kt))])):(e.openBlock(),e.createElementBlock("div",It)),h.value?(e.openBlock(),e.createElementBlock("button",{key:2,class:"p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",disabled:k(o),onClick:e.withModifiers(s=>H(s,o),["stop"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V(o)?e.unref(G.render):e.unref(j.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,Ut)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(s,f)=>(e.openBlock(),e.createElementBlock("div",{key:f,class:e.normalizeClass(e.unref(Ae)(t.size))},[e.createElementVNode("span",Ht,e.toDisplayString(s.props.header),1),e.createElementVNode("div",Qt,[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:o,field:s.props.field,index:n},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)),h.value&&V(o)?(e.openBlock(),e.createElementBlock("div",Gt,[e.renderSlot(t.$slots,"expansion",{data:o,index:n},void 0,!0)])):e.createCommentVNode("",!0)],64))],10,Lt))),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(P.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(p)("ui.dataTable.showMore")),1)],8,Jt)):e.createCommentVNode("",!0)]))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([...Ce.value,t.verticalBorders==="hover-table"?"vb-hover":""])},[e.createElementVNode("table",{class:e.normalizeClass([...we.value,t.verticalBorders!=="none"?"border-separate border-spacing-0":"border-collapse",t.verticalBorders==="hover"?"vb-hover":"",ae.value?"table-fixed":""])},[ae.value?(e.openBlock(),e.createElementBlock("colgroup",Ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ne.value,(o,n)=>(e.openBlock(),e.createElementBlock("col",{key:`col-${n}`,style:e.normalizeStyle(o?{width:o}:{})},null,4))),128))])):e.createCommentVNode("",!0),e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[E.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([...e.unref(J)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(Z)(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=>le(o))},[U.value?(e.openBlock(),e.createElementBlock("div",De,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",et))])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass([...e.unref(J)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(ue)(t.size)])},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(o,n)=>(e.openBlock(),e.createElementBlock("th",{key:n,class:e.normalizeClass([...e.unref(J)(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?ke(re(o)):void 0},[o.slots.header?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.header),{key:0})):(e.openBlock(),e.createElementBlock("span",ot,[e.createTextVNode(e.toDisplayString(o.props.header)+" ",1),o.props.sortable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ge(o)?b.value===1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(j.render)),{key:1,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):b.value===-1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(G.render)),{key:2,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ce)),{key:3,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ce)),{key:0,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"]))],64)):e.createCommentVNode("",!0)]))],14,tt))),128))]),t.filterDisplay==="row"?(e.openBlock(),e.createElementBlock("tr",rt,[E.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(e.unref(Y)(t.size))},null,2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(Y)(t.size))},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(o,n)=>(e.openBlock(),e.createElementBlock("th",{key:`filter-${n}`,class:e.normalizeClass(e.unref(Y)(t.size))},[o.props.filterable&&o.slots.filter?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.filter),{key:0,filterModel:se(o.props.filterField||o.props.field),filterCallback:ve(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:se(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=>he(o.props.filterField||o.props.field,s.target.value)},null,40,lt)):e.createCommentVNode("",!0)],2))),128))])):e.createCommentVNode("",!0)]),!t.loading&&N.value.length>0?(e.openBlock(),e.createElementBlock("tbody",st,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(o,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:ee(o,n)},[e.createElementVNode("tr",{class:e.normalizeClass([...e.unref($e)(t.striped,t.hoverable,n%2===1,S(o),!1,k(o)),t.selectionMode&&!k(o)?"cursor-pointer":""]),onClick:s=>O(s,o,n)},[E.value?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([...e.unref(X)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(Z)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>I(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",it,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",ct))],8,at)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>O(s,o,n),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",ut,[...l[5]||(l[5]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",pt))],8,dt))],2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass([...e.unref(X)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(ue)(t.size)])},[e.createElementVNode("button",{class:"p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",disabled:k(o),onClick:s=>H(s,o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V(o)?e.unref(G.render):e.unref(j.render$1)),{class:"w-4 h-4 text-gray-500"}))],8,ft)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(s,f)=>(e.openBlock(),e.createElementBlock("td",{key:f,class:e.normalizeClass([...e.unref(X)(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:n,disabled:k(o)},null,8,["data","field","index","disabled"])):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,nt),h.value&&V(o)?(e.openBlock(),e.createElementBlock("tr",mt,[e.createElementVNode("td",{colspan:L.value,class:"p-0"},[e.renderSlot(t.$slots,"expansion",{data:o,index:n},void 0,!0)],8,yt)])):e.createCommentVNode("",!0)],64))),128))])):t.loading?(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,"loading",{},()=>[e.createElementVNode("div",ht,[e.createVNode(P.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(p)("ui.dataTable.loading")),1)])],!0)],8,gt)])])):(e.openBlock(),e.createElementBlock("tbody",vt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",Bt,e.toDisplayString(e.unref(p)("ui.dataTable.noRecords")),1)],!0)],8,bt)])])),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("tfoot",Ct,[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]=o=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(P.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(p)("ui.dataTable.showMore")),1)],8,Et)],8,wt)])])):e.createCommentVNode("",!0)],2)],2)),t.paginator&&oe.value>0?(e.openBlock(),e.createBlock(me,{key:3,first:q.value,rows:g.value,"total-records":oe.value,"rows-per-page-options":t.rowsPerPageOptions,"onUpdate:first":be,"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",Xt,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]))}});const Zt=Fe._export_sfc(Yt,[["__scopeId","data-v-9359fb0b"]]),Dt=e.defineComponent({__name:"OneColumn",props:qe,setup(c){const a=c,d=e.useSlots(),r=e.inject(fe),i={props:a,slots:d};return r&&r.registerColumn(i),e.onBeforeUnmount(()=>{r&&r.unregisterColumn(i)}),(u,p)=>e.renderSlot(u.$slots,"default")}});exports.OneColumn=Dt;exports.OneDataTable=Zt;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';
|