@neatui/vue 2.7.0 → 2.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neatui/vue",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "description": "basic component ui",
   "main": "./src/index.ts",
   "license": "MIT",

package/src/components/form/Upload.vue

@@ -1,6 +1,6 @@
 <template>
   <div ui-flex="row lm :wrap" class="neatui-upload mb-sm-sub mr-sm-sub" v-bind="{ ...attrs }">
-    <div v-for="(file, idx) in state.files" :key="idx" ui-flex="col cm" class="flex-fixed bg-fore n-sl w-ms h-ms b-solid bk-line b-xs r-sm pr">
+    <div v-for="(file, idx) in state.files" :key="idx" ui-flex="col cm" class="flex-fixed bg-fore n-sl w-ms h-ms b-solid bk-case b-xs r-sm pr">
       <!-- 删除按钮 -->
       <div class="pa ot-ss or-ss bg-fore co-risk lh-xs r-xl parent-hover:show" @click="remove(idx)">
         <svg class="block" viewBox="0 0 1024 1024" style="width: 1em; height: 1em">
@@ -163,7 +163,7 @@
     <!-- 上传按钮 -->
     <div v-if="showUploadButton">
       <slot>
-        <label ui-flex="row cm" ui-form="@a type:upload tips:hover" :class="`upload w-ms h-ms n-sl bg-fore b-solid bk-line b-xs r-sm ${uploadClass}`" :style="uploadStyle">
+        <label ui-flex="row cm" ui-form="@a type:upload tips:hover" :class="`upload w-ms h-ms n-sl bg-fore b-solid bk-case b-xs r-sm ${uploadClass}`" :style="uploadStyle">
           <div v-if="tips" ui-form-tips>
             {{ tips }}
           </div>
@@ -179,37 +179,22 @@
         </label>
       </slot>
     </div>
-    <Layer :id="layerId" am="as"></Layer>
   </div>
 </template>
 <script setup lang="ts">
-  import { reactive, ref, watch, onUnmounted, computed } from 'vue';
-  import { Image } from '../display';
-  import draggable from 'vuedraggable';
+  import { reactive, watch, onUnmounted, computed } from 'vue';
   import Compressor from 'compressorjs';
-  import { Layer, LayerById } from '../basic';
-  import { isArray, isFunction } from '@fekit/utils';
-
-  const layerId = Math.random().toString(36).slice(-6);
 
   interface Props {
     modelValue?: string | any[];
-    // 文件数量限制
     max?: number;
     attrs?: object;
     uploadClass?: string;
     uploadStyle?: string;
-    id?: string;
-    tips?: string; // 提示文案
-    // 文件类型
+    tips?: string;
     accept?: string | 'image/*' | 'video/*' | 'audio/*';
-    // 是否需要抠图处理
-    crop?: boolean;
-    // 请求上传接口
     upload?: (formData: FormData) => Promise<any>;
-    // 文件大小限制（MB）
     maxSize?: number;
-    // 是否启用图片压缩
     compress?: boolean;
   }
 
@@ -217,15 +202,13 @@
     modelValue: '',
     uploadClass: '',
     uploadStyle: '',
-    id: '',
     attrs: () => ({}),
-    tips: '',
-    accept: '*',
-    crop: false,
-    upload: async () => null,
-    maxSize: 10, // 默认10MB
-    compress: true,
-    max: 0
+    tips: '', // 提示文案
+    accept: '*', // 文件类型
+    upload: async () => null, // 请求上传接口
+    maxSize: 10, // 文件大小限制（MB）
+    compress: true, // 是否启用图片压缩
+    max: 0 // 文件数量限制
   });
 
   interface UploadFile {

package/src/components/loader/LimitLoader/LimitLoader@v3.vue

@@ -43,6 +43,7 @@
         </template>
       </IFollowView>
       <button class="bg-fore" ui-btn="@a s case :border" @click="fResetLimit">{{ words['common.reset'] || '重置' }}</button>
+      <button class="bg-fore" ui-btn="@a s case :border" @click="fSearch">{{ words['common.search'] || '搜索' }}</button>
     </div>
   </div>
 </template>
@@ -91,6 +92,11 @@
     tools: false
   });
 
+  // 定义emit事件
+  const emits = defineEmits<{
+    search: [param: any];
+  }>();
+
   // 内部数据
   const state: any = reactive({
     name: computed(() => 'confs' + route.path?.replace(/\//g, '_')),
@@ -173,5 +179,16 @@
         delete state.param[key];
       }
     }
+    // 触发搜索事件
+    emits('search', state.param);
+  };
+
+  // 搜索功能
+  const fSearch = () => {
+    // 重置页码
+    if (state.param.page) {
+      state.param.page = 1;
+    }
+    emits('search', state.param);
   };
 </script>