Refactor #3965 - For DataViewLayoutOptions

2025-05-09 08:52:34 +00:00 · 2023-06-02 19:04:55 +03:00 · 2023-06-02 19:04:55 +03:00 · 80478bbfe1
commit 80478bbfe1
parent 088d0aaa35
3 changed files with 45 additions and 14 deletions
--- a/components/lib/dataviewlayoutoptions/BaseDataViewLayoutOptions.vue
+++ b/components/lib/dataviewlayoutoptions/BaseDataViewLayoutOptions.vue
@ -0,0 +1,35 @@
+<script>
+import BaseComponent from 'primevue/basecomponent';
+
+const classes = {
+    root: 'p-dataview-layout-options p-selectbutton p-buttonset',
+    listButton: ({ props }) => [
+        'p-button p-button-icon-only',
+        {
+            'p-highlight': props.modelValue === 'list'
+        }
+    ],
+    gridButton: ({ props }) => [
+        'p-button p-button-icon-only',
+        {
+            'p-highlight': props.modelValue === 'grid'
+        }
+    ]
+};
+
+export default {
+    name: 'BaseDataViewLayoutOptions',
+    extends: BaseComponent,
+    props: {
+        modelValue: String
+    },
+    css: {
+        classes
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
+    }
+};
+</script>