@bagelink/vue 0.0.233-beta.0 → 0.0.234-beta.0

package/dist/components/TableSchema.vue.d.ts

@@ -1,12 +1,12 @@
 import { type BglFormSchemaT } from '..';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     data: any[];
-    schema: BglFormSchemaT;
+    schema: BglFormSchemaT | (() => BglFormSchemaT);
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     data: any[];
-    schema: BglFormSchemaT;
+    schema: BglFormSchemaT | (() => BglFormSchemaT);
 }>>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, Partial<Record<string, (_: {

package/dist/components/TableSchema.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAoEA;AAGA,OAAO,EACN,KAAK,cAAc,EAMnB,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;AAoTvB,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAoEA;AAGA,OAAO,EACN,KAAK,cAAc,EAMnB,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;AA4TvB,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/index.cjs

@@ -15385,12 +15385,19 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
-    schema: {}
+    schema: { type: Function }
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const slots = vue.useSlots();
     const loading = vue.ref(true);
+    const props2 = __props;
+    const computedSchema = vue.computed(() => {
+      if (typeof props2.schema === "function") {
+        return props2.schema();
+      }
+      return props2.schema;
+    });
     const emit2 = __emit;
     const selectElement = (data2) => emit2("select", data2);
     let sortDirection = vue.ref("");
@@ -15410,7 +15417,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
         vue.createElementVNode("table", _hoisted_2$r, [
           vue.createElementVNode("thead", _hoisted_3$m, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema, (field) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field) => {
               return vue.openBlock(), vue.createElementBlock("th", {
                 class: "col",
                 key: field.id,
@@ -15440,7 +15447,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                 class: "row row-item position-relative",
                 key: row.id
               }, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.schema, (field) => {
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field) => {
                   var _a2, _b;
                   return vue.openBlock(), vue.createElementBlock("td", {
                     class: "col",
@@ -15479,7 +15486,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-31691460"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-a167604a"]]);
 const _sfc_main$p = {};
 const _hoisted_1$w = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {

package/dist/index.mjs

@@ -15383,12 +15383,19 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: {
     data: {},
-    schema: {}
+    schema: { type: Function }
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const slots = useSlots();
     const loading = ref(true);
+    const props2 = __props;
+    const computedSchema = computed(() => {
+      if (typeof props2.schema === "function") {
+        return props2.schema();
+      }
+      return props2.schema;
+    });
     const emit2 = __emit;
     const selectElement = (data2) => emit2("select", data2);
     let sortDirection = ref("");
@@ -15408,7 +15415,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$x, [
         createElementVNode("table", _hoisted_2$r, [
           createElementVNode("thead", _hoisted_3$m, [
-            (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.schema, (field) => {
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field) => {
               return openBlock(), createElementBlock("th", {
                 class: "col",
                 key: field.id,
@@ -15438,7 +15445,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 class: "row row-item position-relative",
                 key: row.id
               }, [
-                (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.schema, (field) => {
+                (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field) => {
                   var _a2, _b;
                   return openBlock(), createElementBlock("td", {
                     class: "col",
@@ -15477,7 +15484,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-31691460"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-a167604a"]]);
 const _sfc_main$p = {};
 const _hoisted_1$w = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {

package/dist/style.css

@@ -720,37 +720,37 @@
 	transform: translateY(-2.6rem);
 }
 
-.list-arrows[data-v-31691460] {
+.list-arrows[data-v-a167604a] {
 	opacity: 0;
 }
-.list-arrows .icon-font[data-v-31691460] {
+.list-arrows .icon-font[data-v-a167604a] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-31691460] {
+.list-arrows.sorted[data-v-a167604a] {
 	opacity: 1;
 }
-.col img[data-v-31691460] {
+.col img[data-v-a167604a] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-31691460] {
+.list-arrows.sorted .desc[data-v-a167604a] {
 	transform: rotate(180deg);
 }
-table[data-v-31691460] {
+table[data-v-a167604a] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 }
-th[data-v-31691460] {
+th[data-v-a167604a] {
 	font-weight: 400;
 }
-.row[data-v-31691460] {
+.row[data-v-a167604a] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-31691460] {
+.row.first-row[data-v-a167604a] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -760,7 +760,7 @@ th[data-v-31691460] {
 	height: 50px;
 	vertical-align: bottom;
 }
-.row.first-row[data-v-31691460]::after {
+.row.first-row[data-v-a167604a]::after {
 	content: "";
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -768,11 +768,11 @@ th[data-v-31691460] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-31691460] {
+.first-row .col[data-v-a167604a] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-31691460] {
+.col[data-v-a167604a] {
 	white-space: nowrap;
 	padding: 14px;
 	transition: var(--bgl-transition);
@@ -781,16 +781,16 @@ th[data-v-31691460] {
 	padding-right: 1rem;
 	align-items: center;
 }
-.col>div[data-v-31691460] {
+.col>div[data-v-a167604a] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-31691460] {
+.max-col-width[data-v-a167604a] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .icon-font[data-v-31691460] {
+.col.check .icon-font[data-v-a167604a] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -801,27 +801,27 @@ th[data-v-31691460] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-31691460] {
+.rows[data-v-a167604a] {
 	font-size: 0.8125em;
 }
-.table-list[data-v-31691460] {
+.table-list[data-v-a167604a] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-31691460] {
+.BagelTable .table-list[data-v-a167604a] {
 	overflow: unset;
 }
-.row-item[data-v-31691460] {
+.row-item[data-v-a167604a] {
 	height: 50px;
 	transition: all 200ms ease;
 }
-.row-item[data-v-31691460]:hover {
+.row-item[data-v-a167604a]:hover {
 	background: var(--bgl-gray-light);
 }
-.infinite-wrapper[data-v-31691460] {
+.infinite-wrapper[data-v-a167604a] {
 	overflow-y: auto;
 	width: 100%;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.233-beta.0",
+  "version": "0.0.234-beta.0",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/TableSchema.vue

@@ -4,7 +4,7 @@
 			<thead class="row first-row">
 				<th
 					class="col"
-					v-for="field in schema"
+					v-for="field in computedSchema"
 					:key="field.id"
 					@click="sort(field?.id || '')"
 				>
@@ -35,7 +35,7 @@
 				>
 					<td
 						class="col"
-						v-for="field in schema"
+						v-for="field in computedSchema"
 						:key="`${field.id}-${row.id}`"
 					>
 						<slot
@@ -81,11 +81,18 @@ import {
 const slots = useSlots();
 const loading = $ref(true);
 
-defineProps<{
+const props = defineProps<{
 	data: any[];
-	schema: BglFormSchemaT;
+	schema: BglFormSchemaT | (() => BglFormSchemaT);
 }>();
 
+const computedSchema = $computed(() => {
+	if (typeof props.schema === 'function') {
+		return props.schema();
+	}
+	return props.schema;
+});
+
 const emit = defineEmits(['select']);
 
 const selectElement = (data: Record<string, any>) => emit('select', data);