@vue-ui-kit/ant 1.7.3 → 1.8.0

package/src/packages/components/PGrid.vue

@@ -11,7 +11,7 @@
     toRefs,
     onBeforeUnmount,
   } from 'vue';
-  import { debounce, get, isArray, isBoolean, isFunction, isObject, isString, merge, omit, toNumber } from 'lodash-es';
+  import { debounce, get, isArray, isBoolean, isFunction, isObject, isString, merge, omit, toNumber } from 'xe-utils';
   import { eachTree } from '@/utils/treeHelper';
   import { message as $message } from 'ant-design-vue';
   import RenderAntItem from '@/components/RenderAntItem';
@@ -225,6 +225,14 @@
               obj[item.field] = undefined;
             }
           }
+          else if (item.field && item.slots) {
+            if (isGoodValue(item.slots.defaultValue)) {
+              obj[item.field] = item.slots.defaultValue
+            }
+            else {
+              obj[item.field] = undefined
+            }
+          }
         });
         queryFormData.value = obj;
       }
@@ -266,6 +274,8 @@
         };
   const enoughSpacing = ref(true);
   const reload = () => {
+    selectedCaches.value = []
+    selectedRowKeys.value = []
     return resetQueryFormData();
   };
   const resetPage = () => {
@@ -428,6 +438,7 @@
     setBtnLoading,
     selectedRecords,
     $form: computed(() => formEl.value),
+    getFormData: () => queryFormData.value,
     setLoadings,
     resizeTable,
   });
@@ -512,6 +523,7 @@
                     :form-data="queryFormData"
                     :item="item"
                     :pass-trigger="() => {}"
+                    :pass-delay-trigger="() => {}"
                   />
                   <render-ant-item
                     v-else-if="item.itemRender?.name"

package/src/packages/components/RenderAntItem.tsx

@@ -18,12 +18,16 @@ export default defineComponent(
     const passTrigger = (cusFields?: string | string[]) => {
       emit('trigger', cusFields);
     };
+    const passDelayTrigger = (cusFields?: string | string[], time?: number) => {
+      emit('delayTrigger', cusFields, time);
+    };
     return () => {
       return (
         renderStore.renders[itemRender!.name]?.renderItemContent?.(
           {
             ...itemRender!,
             handleTrigger: passTrigger,
+            handleDelayTrigger: passDelayTrigger,
           },
           renderFormParams.value,
           defaultHandler,
@@ -49,6 +53,6 @@ export default defineComponent(
         required: false,
       },
     },
-    emits: ['trigger'],
+    emits: ['trigger', 'delayTrigger'],
   },
 );

package/src/packages/components/RenderItemSlots.tsx

@@ -6,6 +6,7 @@ export default defineComponent(
     formData: F;
     item: PFormItemProps<F>;
     passTrigger: (cusFields?: string | string[]) => void;
+    passDelayTrigger: (cusFields?: string | string[], time?: number) => void;
   }) => {
     const { formData } = toRefs(props);
     return () => {
@@ -13,12 +14,13 @@ export default defineComponent(
         props.item.slots?.default?.(
           { data: formData.value, field: props.item.field },
           props.passTrigger,
+          props.passDelayTrigger,
         ) ?? null
       );
     };
   },
   {
     name: 'RenderItemSlots',
-    props: ['formData', 'item', 'passTrigger'],
+    props: ['formData', 'item', 'passTrigger', 'passDelayTrigger'],
   },
 );

package/src/packages/renders/TableInput.vue

@@ -4,7 +4,7 @@
   import { ColumnProps } from '#/antProxy';
   import { cleanCol } from '@/utils/core';
   import RenderDefaultSlots from '@/components/RenderDefaultSlots';
-  import { merge } from 'lodash-es';
+  import { merge } from 'xe-utils';
 
   const props = defineProps({
     modelValue: {

package/src/packages/store/renderStore.tsx

@@ -21,7 +21,7 @@ import {
   TimePicker,
   TreeSelect,
 } from 'ant-design-vue';
-import { set, isFunction, merge, omit } from 'lodash-es';
+import { set, isFunction, merge, omit } from 'xe-utils';
 import { ButtonProps } from 'ant-design-vue/lib/button';
 import { isBadValue, isGoodValue, noValue, valued } from '@/utils/is';
 import TableInput from '@/renders/TableInput.vue';

package/src/packages/styles/index.scss

@@ -204,7 +204,21 @@
     }
   }
 }
-
+.p-error-group-tab{
+  position:relative;
+  overflow: visible;
+  color:#f5222d!important;
+  &:after{
+    content:'🏷️';
+    position:absolute;
+    top:-1em;
+    right:0;
+    width:1em;
+    height:1em;
+    font-size:0.8em;
+    animation: heartbeat 2s infinite;
+  }
+}
 //endregion
 
 @each $align in right center {
@@ -220,3 +234,17 @@
     text-align: #{$align};
   }
 }
+
+@keyframes heartbeat {
+  0%   { transform: scale(1); }
+  6%   { transform: scale(1.22); }
+  12%  { transform: scale(1); }
+  18%  { transform: scale(1.18); }
+  24%  { transform: scale(1); }
+  48%  { transform: scale(1); }   // 长停顿
+  54%  { transform: scale(1.22); }
+  60%  { transform: scale(1); }
+  66%  { transform: scale(1.18); }
+  72%  { transform: scale(1); }
+  100% { transform: scale(1); }   // 长停顿
+}

package/src/packages/utils/AFormatters.ts

@@ -1,4 +1,4 @@
-import { isArray, isFunction, isString, toNumber } from 'lodash-es';
+import { isArray, isFunction, isString, toNumber } from 'xe-utils';
 import { valued } from '@/utils/is';
 import { CellFuncArg, ColumnProps } from '#/antProxy';
 

package/src/packages/utils/core.ts

@@ -1,6 +1,6 @@
 import { ColumnProps, Responsive } from '#/antProxy';
 import { TableColumnGroupType, TableColumnType } from 'ant-design-vue';
-import { isArray, isNumber, omit, zipObject } from 'lodash-es';
+import { isArray, isNumber, omit, zipObject } from 'xe-utils';
 import { valued } from '@/utils/is';
 
 export const cleanCol = (col: ColumnProps): TableColumnType | TableColumnGroupType<Recordable> => {