@neatui/vue 2.5.0 → 2.6.0

package/package.json

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

package/src/components/basic/IFollowView.vue

@@ -55,7 +55,7 @@
     modelValue: 0,
     pos: 'bl',
     event: 'click',
-    btnClass: 'dib',
+    btnClass: '',
     btnStyle: '',
     tipClass: '',
     tipStyle: '',

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

@@ -1,6 +1,6 @@
 <template>
   <div class="full-x" ui-flex="row xt">
-    <div class="mr-mm-sub my-sm-sub" ui-flex="row lm :wrap">
+    <div class="flex-block mr-mm-sub my-sm-sub" ui-flex="row lm wrap">
       <template v-for="(item, idx) in state.limit" :key="idx">
         <div v-if="!item._close" ui-flex="row lm" v-bind="{ ...(item.attrs || {}) }">
           <span class="nr-sm flex-fixed o-ls">{{ item.label }}{{ item.label ? ':' : '' }}</span>
@@ -22,17 +22,17 @@
         </div>
       </template>
     </div>
-    <div class="mr-sl-sub my-sm-sub nowrap" ui-flex="row rm" ui-hide="<pad">
-      <IFollowView tipBoxClass="nr-no">
-        <button ui-btn="@a s case :border">
-          <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="co-read" style="width: 1em; height: 1em">
+    <div class="flex-fixed mr-sl-sub my-sm-sub nowrap" ui-flex="row rm" ui-hide="<pad">
+      <IFollowView v-if="tools" tipBoxClass="nr-no">
+        <button class="bg-fore" ui-btn="@a s case :border :square">
+          <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="co-read fs-ss" style="width: 1em; height: 1em">
             <path
               d="M372 981.6c-80 0-154.4-43.2-195.2-112L35.2 624.8c-40-68.8-40-155.2 0-224.8l141.6-244.8c40-69.6 115.2-112 195.2-112h282.4c80 0 154.4 43.2 195.2 112L991.2 400c40 68.8 40 155.2 0 224.8l-141.6 244.8c-40 69.6-115.2 112-195.2 112H372z m0-825.6c-39.2 0-76.8 21.6-96.8 56L134.4 456c-20 34.4-20 76.8 0 112l140.8 244.8c20 34.4 56.8 55.2 96.8 55.2h282.4c39.2 0 76.8-21.6 96.8-56l140.8-244.8c20-34.4 20-76.8 0-112L751.2 211.2c-20-34.4-56.8-55.2-96.8-55.2H372z m140.8 552.8c-108.8 0-196.8-88-196.8-196.8 0-108.8 88-196.8 196.8-196.8 108.8 0 196.8 88 196.8 196.8 0.8 108.8-88 196.8-196.8 196.8z m0-280c-45.6 0-83.2 37.6-83.2 83.2s37.6 83.2 83.2 83.2c22.4 0 43.2-8.8 59.2-24 16-16 24-36.8 24-59.2 0-45.6-37.6-83.2-83.2-83.2z"
-            ></path>
+            />
           </svg>
         </button>
         <template v-if="state.limit.length" #tips>
-          <div class="w-mm h-ls nr-sl" ui-scroll="x:hidden :y">
+          <div class="w-mm max-h-ls n-sl" ui-scroll="x:hidden :y">
             <div v-for="(item, idx) in state.limit" :key="idx" class="item ux-hover nowrap r-ss">
               <label class="ny-xs nx-sm" ui-form="@a type:checkbox">
                 <input :checked="!item._close" type="checkbox" @change="item._close = item._close ? 0 : 1" />
@@ -42,25 +42,9 @@
           </div>
         </template>
       </IFollowView>
-      <button ui-btn="@a s main" @click="fResetLimit">{{ words['common.reset'] || '重置' }}</button>
+      <button class="bg-fore" ui-btn="@a s case :border" @click="fResetLimit">{{ words['common.reset'] || '重置' }}</button>
     </div>
   </div>
-  <div class="mr-sl-sub my-sm-sub nowrap" ui-hide=">mob">
-    <IFollowView tipBoxClass="nr-no">
-      <button ui-btn="@a s case :border"><i class="icon icon-add2 fs-xs"></i>添加条件</button>
-      <template v-if="state.limit.length" #tips>
-        <div class="w-mm h-ls nr-sl" ui-scroll="x:hidden :y">
-          <div v-for="(item, idx) in state.limit" :key="idx" class="item ux-hover nowrap r-ss">
-            <label class="ny-xs nx-sm" ui-form="@a type:checkbox">
-              <input :checked="!item._close" type="checkbox" @change="item._close = item._close ? 0 : 1" />
-              <span>{{ item.label }}</span>
-            </label>
-          </div>
-        </div>
-      </template>
-    </IFollowView>
-    <button ui-btn="@a s main" @click="fResetLimit">{{ words['common.reset'] || '重置' }}</button>
-  </div>
 </template>
 <script lang="ts" setup>
   import { computed, reactive, watch } from 'vue';
@@ -97,12 +81,14 @@
     words?: { [key: string | number]: any };
     limit: Array<LimitProps>;
     param: any;
+    tools?: boolean;
   }
 
   const props: any = withDefaults(defineProps<Props>(), {
     words: () => ({}),
     limit: () => [],
-    param: () => ({})
+    param: () => ({}),
+    tools: false
   });
 
   // 内部数据
@@ -111,6 +97,7 @@
     limit: [],
     param: {}
   });
+
   // 监听外部配置
   watch(
     () => props.limit,
@@ -152,6 +139,7 @@
     },
     { deep: true, immediate: true }
   );
+
   // 缓存交互配置
   watch(
     [() => state.limit],

package/src/components/loader/TableLoader/TableLoader.vue

@@ -4,7 +4,7 @@
     <table ui-hide="<pad" ui-table="@b sz:l" ref="tableRef">
       <thead class="table-head-fixed">
         <tr>
-          <th v-if="showSelectAll" col-fixed="1" min-width>
+          <th v-if="selected" col-fixed="1" min-width>
             <label class="mb-ss" ui-form="@a type:checkbox"><input type="checkbox" :checked="state.isAllSelect" @change="fSelectAll" /><span></span></label>
           </th>
           <template v-for="(col, idx) in state.table" :key="idx">
@@ -40,7 +40,7 @@
           <th v-if="slots.operate" col-fixed="r" class="fs-xs nowrap ar">
             <div ui-flex="row rm">
               <span class="mr-sm">{{ words['operate'] || '操作' }}</span>
-              <IFollowView tipBoxClass="n-no">
+              <IFollowView v-if="tools" tipBoxClass="n-no">
                 <button :ui-btn="`@a none s :square`">
                   <Icon name="tableloader-setting" class="co-read"></Icon>
                 </button>
@@ -69,7 +69,7 @@
       <tbody :ui-tbody-load="state.load">
         <template v-if="lists.length">
           <tr v-for="(item, idx) in lists" :key="idx" v-bind="rows.attrs" v-on="event(rows.event, item, 'td')">
-            <td v-if="showSelectAll" col-fixed="1" min-width>
+            <td v-if="selected" col-fixed="1" min-width>
               <label class="mb-ss" ui-form="@a type:checkbox"><input type="checkbox" v-model="item.__selected" /><span></span></label>
             </td>
             <template v-for="(col, idx) in state.table" :key="idx">
@@ -179,7 +179,8 @@
     words?: { [key: string]: any };
     table: Array<JSONRules>;
     lists: Array<any>;
-    showSelectAll?: boolean;
+    selected?: boolean;
+    tools?: boolean;
     rows?: {
       attrs?: { [key: string]: any };
       event?: { [key: string]: any };
@@ -190,7 +191,8 @@
     words: () => ({}),
     table: () => [],
     lists: () => [],
-    showSelectAll: true,
+    selected: true,
+    tools: true,
     rows: () => ({ attrs: {}, event: {} })
   });