feat: refs #6825 create vnTable and add in CustomerExtendedList

@@ -0,0 +447,4 @@
+    width: 12px;
+}
+
+*::-webkit-scrollbar-track {

@@ -0,0 +19,4 @@
+    <span
+        v-for="col of columns"
+        :key="col.name"
+        @click="stopEventPropagation($event)"

@@ -0,0 +38,4 @@
+            <QIcon v-else :name="col.chip.icon" color="primary-light" />
+        </QChip>
+    </span>
+    <slot name="afterChip" :row="row"></slot>

@@ -0,0 +9,4 @@
+import VnInputDate from 'components/common/VnInputDate.vue';
+import VnComponent from 'components/common/VnComponent.vue';
+
+const model = defineModel();

@@ -0,0 +27,4 @@
+        default: 'params',
+    },
+});
+const model = defineModel();

@@ -0,0 +36,4 @@
+    'keyup.enter': () => addFilter(model.value),
+    remove: () => addFilter(null),
+};
+const components = {

@@ -0,0 +116,4 @@
+}
+
+function alignRow() {
+    if ($props.column.align == 'left') return 'justify-start items-start';

@@ -0,0 +136,4 @@
+    >
+        <VnTableColumn
+            :column="$props.column"
+            :row="{}"

@@ -0,0 +143,4 @@
+            component-prop="columnFilter"
+        />
+    </div>
+    <div v-else-if="showTitle" style="height: 45px"><!-- fixme! --></div>

@@ -0,0 +21,4 @@
+    },
+    defaultMode: {
+        type: String,
+        default: 'card', // 'table', 'card'

@@ -0,0 +156,4 @@
+    router.push({ path: `/${$props.redirect}/${id}` });
+}
+
+function stopEventPropagation(event) {

@@ -0,0 +187,4 @@
+    >
+        <QScrollArea class="fit">
+            <VnFilterPanel
+                :data-key="$attrs['data-key']"

@@ -0,0 +211,4 @@
+            </VnFilterPanel>
+        </QScrollArea>
+    </QDrawer>
+    <!-- class in div to fix warn-->

@@ -0,0 +246,4 @@
+                        <slot name="top-left"></slot>
+                    </template>
+                    <template #top-right>
+                        <!-- <QBtn

@@ -0,0 +287,4 @@
+                        <QTh auto-width class="sticky" />
+                    </template>
+                    <template #body-cell-tableStatus="{ col, row }">
+                        <QTd auto-width :class="`text-${col.align ?? 'left'}`">

@@ -166,3 +170,1 @@
-    if (isNaN(value) && !isNaN(Date.parse(value))) {
-        return toDate(value);
-    }
+    if (typeof value === 'boolean') return value ? t('Yes') : t('No');