@oinone/kunlun-vue-admin-base 6.3.9 → 6.4.1

package/src/view/table/DefaultTableGroupCollapse.vue

@@ -0,0 +1,69 @@
+<template>
+  <div class="default-table-group-collapse">
+    <span
+      v-if="groupViewFooterExpandControl"
+      class="default-table-group-collapse-item"
+      @click="setAllGroupExpand(true)"
+    >
+      <oio-icon icon="oinone-double-down-outlined" size="16"></oio-icon>
+      <span>{{ $translate('展开全部') }}</span>
+    </span>
+    <span v-if="groupViewFooterFoldControl" class="default-table-group-collapse-item" @click="setAllGroupExpand(false)">
+      <oio-icon icon="oinone-double-up-outlined" size="16"></oio-icon>
+      <span>{{ $translate('收起全部') }}</span>
+    </span>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { OioIcon } from '@oinone/kunlun-vue-ui-antd';
+
+export default defineComponent({
+  name: 'DefaultTableGroupCollapse',
+  props: {
+    groupViewFooterExpandControl: {
+      type: Boolean,
+      default: false
+    },
+    groupViewFooterFoldControl: {
+      type: Boolean,
+      default: false
+    },
+    setAllGroupExpand: {
+      type: Function,
+      default: () => {
+        return () => ({});
+      }
+    },
+    justify: {
+      type: String,
+      default: 'left'
+    }
+  },
+  components: {
+    OioIcon
+  },
+  setup(props) {
+    return {};
+  }
+});
+</script>
+
+<style lang="scss">
+.default-table-group-collapse {
+  flex: 1;
+  text-align: left;
+  display: flex;
+  column-gap: var(--oio-row-gap);
+
+  .default-table-group-collapse-item {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    .oio-icon {
+      margin-right: var(--oio-margin-sm);
+    }
+  }
+}
+</style>

package/src/view/table/TableUserPrefer.vue

@@ -3,6 +3,7 @@
     <default-user-prefer
       :simple="simple"
       :fields="fields"
+      :title="modalTitle"
       :enter-callback="enterCallback"
       :reset-callback="resetCallback"
     />
@@ -45,6 +46,9 @@ export default defineComponent({
     },
     resetCallback: {
       type: Function
+    },
+    modalTitle: {
+      type: String
     }
   }
 });

package/src/view/table/TableUserPreferWidget.ts

@@ -2,11 +2,11 @@ import { ViewType } from '@oinone/kunlun-meta';
 import { BooleanHelper, CallChaining } from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { Widget } from '@oinone/kunlun-vue-widget';
+import { nextTick } from 'vue';
 import { BaseElementWidget } from '../../basic';
 import { UserPreferEventManager } from '../../service';
 import { UserTablePrefer, VisibleField } from '../../typing';
 import TableUserPrefer from './TableUserPrefer.vue';
-import { nextTick } from 'vue';
 
 interface DataOption {
   key: string;
@@ -16,7 +16,7 @@ interface DataOption {
 
 @SPI.ClassFactory(
   BaseElementWidget.Token({
-    viewType: ViewType.Table,
+    viewType: [ViewType.Table, ViewType.Gallery],
     widget: ['userPrefer', 'user-prefer', 'UserPrefer']
   })
 )
@@ -26,6 +26,11 @@ export class TableUserPreferWidget extends BaseElementWidget {
   @Widget.Reactive()
   private userPrefer?: UserTablePrefer;
 
+  @Widget.Reactive()
+  private get modalTitle() {
+    return this.getDsl().modalTitle;
+  }
+
   @Widget.Reactive()
   private get internalVisibleFields(): VisibleField[] {
     return this.metadataRuntimeContext.model.modelFields