@neatui/vue 3.1.0 → 4.0.1

package/src/components/loader/LayerLoader/LayerLoader.vue

@@ -24,21 +24,21 @@
           <slot name="suffix" :item="item" :path="paths(idx)"></slot>
         </div>
         <slot name="tools" :data="data" :item="item" :path="paths(idx)">
-          <div ui-flex="row rm" class="layer-loader-tool parent-hover:show fs-xs" :data-model="item.model">
+          <div ui-flex="row rm" class="layer-loader-tool parent-hover:show fs-ss" :data-model="item.model">
             <div ui-tips="@a co:well ux:hover">
               <button ui-btn="@a none s :square">
                 <i class="icon icon-add"></i>
               </button>
               <div ui-tips-box="bl">
-                <div class="n-sm nowrap fs-ss">
+                <div class="n-sm nowrap fs-sm">
                   <ul class="nx-sm-sub ny-ss-sub">
                     <li class="r-sm ux-hover" @click="fAddArea(item, data, path, idx)">用容器包裹</li>
-                    <li class="b-solid bk-line bb-xs n-no my-ss" v-if="isBoxNode(item.model)"></li>
+                    <li class="b-solid b-line bb-xs n-no my-ss" v-if="isBoxNode(item.model)"></li>
                     <li class="r-sm ux-hover" v-if="isBoxNode(item.model)" @click="fAddNode(item, data, path, idx)">添加到内部</li>
-                    <li class="b-solid bk-line bb-xs n-no my-ss"></li>
+                    <li class="b-solid b-line bb-xs n-no my-ss"></li>
                     <li class="r-sm ux-hover" @click="fAddNode(item, data, path, idx, 'prev')">添加到前面</li>
                     <li class="r-sm ux-hover" @click="fAddNode(item, data, path, idx, 'next')">添加到后面</li>
-                    <li class="b-solid bk-line bb-xs n-no my-ss"></li>
+                    <li class="b-solid b-line bb-xs n-no my-ss"></li>
                     <li class="r-sm ux-hover" @click="fAddNode(item, data, path, idx, 'prev', 1)">复制到前面</li>
                     <li class="r-sm ux-hover" @click="fAddNode(item, data, path, idx, 'next', 1)">复制到后面</li>
                   </ul>
@@ -47,7 +47,7 @@
             </div>
             <button ui-btn="@a none s :square" @click="fDelNode(item, data, idx)"><i class="icon icon-delete"></i></button>
           </div>
-          <button ui-btn="@a none s :square" class="layer-loader-tool fs-xs" :class="item?.attrs?.hide ? '' : 'parent-hover:show'" @click="fhideNode(item)">
+          <button ui-btn="@a none s :square" class="layer-loader-tool fs-ss" :class="item?.attrs?.hide ? '' : 'parent-hover:show'" @click="fhideNode(item)">
             <i class="icon" :class="item?.attrs?.hide ? 'icon-hide' : 'icon-view'"></i>
           </button>
         </slot>
@@ -74,7 +74,6 @@
 </template>
 <script setup lang="ts">
   import { nextTick, reactive, ref, watch, onMounted } from 'vue';
-  import LayerLoader from './LayerLoader.vue';
   import { useBasicStore, useWorksStore, storeToRefs } from '@/stores';
   import { deepcopy, env } from '@fekit/utils';
   import scrollto from '@fekit/scrollto';

package/src/components/loader/LimitLoader/{LimitLoader@v3.vue → LimitLoader.vue}

@@ -25,14 +25,14 @@
     <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">
+          <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="co-read fs-sm" 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"
             />
           </svg>
         </button>
         <template v-if="state.limit.length" #tips>
-          <div class="w-mm max-h-ls n-sl" ui-scroll="x:hidden :y">
+          <div class="w-ml*s max-h-xl*s 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" />
@@ -134,10 +134,10 @@
         // 属性处理
         if (item.model[1].class) {
           if (!/\bw-[sml]+/.test(item.model[1].class || '')) {
-            item.model[1].class += ' w-ms+';
+            item.model[1].class += ' w-mm*s';
           }
         } else {
-          item.model[1].class = 'w-ms+';
+          item.model[1].class = 'w-mm*s';
         }
 
         return item;

package/src/components/loader/LimitLoader/index.ts

@@ -1,2 +1,2 @@
-import FormLoader from './LimitLoader@v3.vue';
+import FormLoader from './LimitLoader.vue';
 export default FormLoader;

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

@@ -22,7 +22,7 @@
                       <Icon name="tableloader-setting" class="co-read"></Icon>
                     </button>
                     <template #tips>
-                      <div class="w-mm h-ml+ n-sl" ui-scroll="x:hidden :y">
+                      <div class="w-ml*s h-ll*s n-sl" ui-scroll="x:hidden :y">
                         <IDraggable v-model:lists="state.table">
                           <template #default="{ item: element, idx: index }">
                             <div :class="`item ux-hover nowrap r-ss ${element.fixed ? 'forbid' : 'element'}`" :key="index">
@@ -43,15 +43,15 @@
               </slot>
             </th>
           </template>
-          <th v-if="slots.operate" col-fixed="r" class="fs-ss nowrap ar">
+          <th v-if="slots.operate" col-fixed="r" class="fs-sm nowrap ar">
             <div ui-flex="row rm">
               <span>{{ words['operate'] || '操作' }}</span>
               <IFollowView v-if="tools" class="lh-xs" tipBoxClass="n-no">
                 <button :ui-btn="`@a none xs :square`">
-                  <Icon name="tableloader-setting" class="co-auto o-ls fs-xs"></Icon>
+                  <Icon name="tableloader-setting" class="co-auto o-ls fs-ss"></Icon>
                 </button>
                 <template #tips>
-                  <div class="w-mm h-ml+ n-sl" ui-scroll="x:hidden :y">
+                  <div class="w-ml*s h-ll*s n-sl" ui-scroll="x:hidden :y">
                     <IDraggable v-model:lists="state.table">
                       <template #default="{ item: element, idx: index }">
                         <div :class="`item ux-hover nowrap r-ss ${element.fixed ? 'forbid' : 'element'}`" :key="index">
@@ -139,7 +139,7 @@
     </div>
     <div v-if="!lists.length" class="ny-ls o-mm" ui-flex="col cm">
       <div class="ac">
-        <p><i class="icon icon-nodata fs-lm lh-ss"></i></p>
+        <p><i class="icon icon-nodata fs-sm*s lh-ss"></i></p>
         <p>{{ words['common.nodata'] || '暂无记录' }}</p>
       </div>
     </div>
@@ -279,9 +279,9 @@
           if (!col.thead.class.some((c: any) => c === 'wrap' || c === 'nowrap')) {
             col.thead.class.push('nowrap');
           }
-          // 如果没有以 fs- 开头的类，就加 fs-ss
+          // 如果没有以 fs- 开头的类，就加 fs-sm
           if (!col.thead.class.some((c: string) => /^fs-/.test(c))) {
-            col.thead.class.push('fs-ss');
+            col.thead.class.push('fs-sm');
           }
 
           // 缓存的显示信息

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

@@ -30,7 +30,6 @@
   import { computed, onMounted, reactive, ref } from 'vue';
   import { isFunction, isArray, isObject, isString, findEnumName } from '@fekit/utils';
   import { useRoute, useRouter } from 'vue-router';
-  import TableRender from './TableRender.vue';
   import { IFollowView } from '../../basic';
 
   const route = useRoute();

package/src/components/loader/ViewLoader/{ViewLoader@v1.vue → ViewLoader.vue}

@@ -109,123 +109,146 @@
     _lw: 6
   });
 
-  // 监听结构
-  const unwatchs: any = [];
-  watch(
-    [() => props.form, () => props.data, () => props.idx],
-    ([form = []]) => {
-      const wkeys: any = {};
-      const onces: any = [];
-      state.form = deepcopy(form)?.map((item: any = {}, idx: number) => {
-        // 计算Label宽度
-        const _w = clw(item.label) + 2;
-        if (_w > state._lw) {
-          state._lw = _w;
-        }
+  // 结构变化时重建字段监听；普通字段变化只触发对应的联动任务
+  const unwatchs: Array<() => void> = [];
+  let fieldWatcherGeneration = 0;
+  const clearFieldWatchers = () => {
+    fieldWatcherGeneration += 1;
+    unwatchs.splice(0).forEach((unwatch) => {
+      unwatch();
+    });
+    return fieldWatcherGeneration;
+  };
+  const rebuildFieldWatchers = (form: any = []) => {
+    const generation = clearFieldWatchers();
+    const watched: any[] = [];
+    const onces: any[] = [];
+    const taskRuns = new Map<any, number>();
+    state.form = deepcopy(form)?.map((item: any = {}, idx: number) => {
+      // 计算Label宽度
+      const _w = clw(item.label) + 2;
+      if (_w > state._lw) {
+        state._lw = _w;
+      }
 
-        if (isObject(item)) {
-          for (const key in item) {
-            let val = item[key] || {};
-            // 处理函数
-            if (isFunction(val)) {
-              val = val(deepcopy(props.data), props.form, route, router);
-              if (isObject(val)) {
-                if (!isFunction(val.setup)) {
-                  val.setup = item[key];
-                }
-                if (!isArray(val.watch)) {
-                  val.watch = deepcopy(form).map(({ field = '' }: any = {}) => field);
-                }
-              } else {
-                val = { value: val, setup: item[key], watch: deepcopy(form).map(({ field = '' }: any = {}) => field) };
-              }
-            }
-            // 对象处理
+      if (isObject(item)) {
+        for (const key in item) {
+          let val = item[key] || {};
+          let hasInitialResult = false;
+          let initialResult: any;
+          // 处理函数
+          if (isFunction(val)) {
+            const setup = val;
+            val = setup(deepcopy(props.data), props.form, route, router);
             if (isObject(val)) {
-              const { value = null, setup = () => {}, watch: _watch = [] } = val || {};
-              // 监听字段为空
-              if (_watch.length) {
-                _watch?.forEach((k: any) => {
-                  if (wkeys[k]) {
-                    wkeys[k].push({ idx, key, value, setup });
-                  } else {
-                    wkeys[k] = [{ idx, key, value, setup }];
-                  }
-                });
-              } else {
-                onces.push({ idx, key, value, setup });
+              if (!isFunction(val.setup)) {
+                val.setup = setup;
+              }
+              if (!isArray(val.watch)) {
+                val.watch = deepcopy(form).map(({ field = '' }: any = {}) => field);
               }
-              item[key] = value;
             } else {
-              item[key] = val;
+              hasInitialResult = true;
+              initialResult = val;
+              val = { value: val, setup, watch: deepcopy(form).map(({ field = '' }: any = {}) => field) };
             }
           }
-        }
-
-        // 模型处理
-        if (item.model) {
-          if (isString(item.model)) {
-            item.model = [item.model, { verify: false }];
+          // 对象处理
+          if (isObject(val)) {
+            const { value = null, setup = () => {}, watch: _watch = [] } = val || {};
+            const task = { idx, key, value, setup, watch: _watch, hasInitialResult, initialResult };
+            // 监听字段为空
+            if (_watch.length) {
+              watched.push(task);
+            } else {
+              onces.push(task);
+            }
+            item[key] = value;
+          } else {
+            item[key] = val;
           }
-        } else {
-          item.model = ['', { verify: false }];
         }
-        if (item.model[1] && !Object.prototype.hasOwnProperty.call(item.model[1], 'verify')) {
-          item.model[1].verify = false;
+      }
+
+      // 模型处理
+      if (item.model) {
+        if (isString(item.model)) {
+          item.model = [item.model, { verify: false }];
         }
+      } else {
+        item.model = ['', { verify: false }];
+      }
+      if (item.model[1] && !Object.prototype.hasOwnProperty.call(item.model[1], 'verify')) {
+        item.model[1].verify = false;
+      }
 
-        // 添加ID
-        item._fid = `form-${props.idx !== '' ? props.idx + '-' : ''}field-${item.field}`;
+      // 添加ID
+      item._fid = `form-${props.idx !== '' ? props.idx + '-' : ''}field-${item.field}`;
 
-        // 数据路径处理
-        item._data = props.data;
-        (item.paths?.split('.') || [])?.forEach((i: any) => {
-          if (item._data[i]) {
-            item._data = item._data[i];
-          }
-        });
-        return item;
-      });
-      const runsetup = (item: any = {}) => {
-        const { idx = null, key = null, value = null, setup = null }: any = item || {};
-        if (state.form[idx] && isFunction(setup)) {
-          const v = setup(deepcopy(props.data), state.form[idx], route, router);
-          nextTick(() => {
-            if (v instanceof Promise) {
-              state.form[idx][key] = value;
-              v.then((res: any) => {
-                state.form[idx][key] = res;
-              });
-            } else {
-              state.form[idx][key] = v;
-            }
-          });
+      // 数据路径处理
+      item._data = props.data;
+      (item.paths?.split('.') || [])?.forEach((i: any) => {
+        if (item._data[i]) {
+          item._data = item._data[i];
         }
-      };
-      // 执行一次
-      onces?.forEach((item: any = {}) => {
-        runsetup(item);
       });
-      // 监听列表
-      for (const key in wkeys) {
-        unwatchs.push(
-          watch(
-            () => props.data[key],
-            () => {
-              wkeys[key]?.forEach((item: any = {}) => {
-                runsetup(item);
-              });
-            },
-            {
-              deep: true,
-              immediate: true
-            }
-          )
-        );
+      return item;
+    });
+    const runsetup = (item: any = {}) => {
+      if (generation !== fieldWatcherGeneration) return;
+      const { idx = null, key = null, value = null, setup = null }: any = item || {};
+      const target = state.form[idx];
+      if (target && isFunction(setup)) {
+        const runId = (taskRuns.get(item) || 0) + 1;
+        taskRuns.set(item, runId);
+        const v = item.hasInitialResult ? item.initialResult : setup(deepcopy(props.data), target, route, router);
+        item.hasInitialResult = false;
+        const isCurrent = () => generation === fieldWatcherGeneration && state.form[idx] === target && taskRuns.get(item) === runId;
+        nextTick(() => {
+          if (!isCurrent()) return;
+          if (v instanceof Promise) {
+            target[key] = value;
+            v.then((res: any) => {
+              if (isCurrent()) {
+                target[key] = res;
+              }
+            });
+          } else {
+            target[key] = v;
+          }
+        });
       }
+    };
+    // 不声明 watch 的任务只执行一次
+    onces.forEach((item: any = {}) => {
+      runsetup(item);
+    });
+    // 每个动态属性只建立一个 watcher，多个依赖在同一轮变化时只执行一次
+    watched.forEach((item: any = {}) => {
+      unwatchs.push(
+        watch(
+          () => item.watch.map((key: any) => props.data[key]),
+          () => {
+            runsetup(item);
+          },
+          { deep: true, immediate: true }
+        )
+      );
+    });
+  };
+  watch(
+    () => props.form,
+    (form = []) => {
+      rebuildFieldWatchers(form);
     },
     { deep: true, immediate: true }
   );
+  watch(
+    [() => props.data, () => props.idx],
+    () => {
+      rebuildFieldWatchers(props.form);
+    }
+  );
 
   // 处理
   watch(
@@ -249,8 +272,6 @@
   );
 
   onBeforeUnmount(() => {
-    unwatchs?.forEach((unwatch: any) => {
-      unwatch();
-    });
+    clearFieldWatchers();
   });
 </script>

package/src/components/loader/ViewLoader/index.ts

@@ -1,2 +1,2 @@
-import ViewLoader from './ViewLoader@v1.vue';
+import ViewLoader from './ViewLoader.vue';
 export default ViewLoader;

package/src/components/tools/FormDraftsView.vue

@@ -5,8 +5,8 @@
         ><sup v-if="state.len" class="sup">{{ state.len }}</sup></i
       >
     </button>
-    <div ui-tips-box="tl" class="w-xl mob:w-lln-ms" :ux-view="state.show">
-      <div class="fekit-layer-close" ui-flex="row cm" @click="state.show = 0"><i class="icon icon-close fs-xs"></i></div>
+    <div ui-tips-box="tl" class="w-sm*m mob:w-ss*m n-ms" :ux-view="state.show">
+      <div class="fekit-layer-close" ui-flex="row cm" @click="state.show = 0"><i class="icon icon-close fs-ss"></i></div>
       <h4>温馨提示</h4>
       <p class="ny-sm" v-if="state.len">本条记录有未保存的草稿，是否使用草稿？</p>
       <p class="ny-sm" v-else>当前没有未保存的草稿哦～</p>
@@ -14,9 +14,9 @@
         <span v-if="state.detail" class="ux-click co-link" @click="state.detail = 0">隐藏详情<i class="icon icon-dropdown r180"></i></span>
         <span v-else class="ux-click co-link" @click="state.detail = 1">显示详情<i class="icon icon-dropdown"></i></span>
       </p>
-      <ul v-if="state.detail" class="mb-sl fs-ss" ui-scroll=":y" style="max-height: 20rem">
+      <ul v-if="state.detail" class="mb-sl fs-sm" ui-scroll=":y" style="max-height: 20rem">
         <template v-for="(item, idx) in state.diffs" :key="idx">
-          <li v-if="item.label" ui-flex="row lm" class="bb-xs bk-line b-solid ny-ss">
+          <li v-if="item.label" ui-flex="row lm" class="bb-xs b-line b-solid ny-ss">
             <span class="nx-ss r-sm mr-sm ux-hover nowrap" @click="fScrollToField(item.domId)">[{{ item.label }}]</span>
             <span v-if="item.lhsLabel" class="nx-ss r-sm ux-hover" ui-flex="row lm" @click="fDiscardDrafts(item)">
               <i class="icon icon-cloud co-well o-mm mr-xs"></i>

package/src/components/tools/FormVerifyView.vue

@@ -5,8 +5,8 @@
       <i v-else class="icon icon-verify-ok co-well"></i>
       <span v-if="verify?.length">{{ verify?.length }}</span>
     </button>
-    <div ui-tips-box="tl" :ux-view="state.show" class="w-xl mob:w-ll n-ms">
-      <div class="fekit-layer-close" ui-flex="row cm" @click="state.show = 0"><i class="icon icon-close fs-xs"></i></div>
+    <div ui-tips-box="tl" :ux-view="state.show" class="w-sm*m mob:w-ss*m n-ms">
+      <div class="fekit-layer-close" ui-flex="row cm" @click="state.show = 0"><i class="icon icon-close fs-ss"></i></div>
       <h4>温馨提示</h4>
       <p v-if="verify?.length" class="ny-sm">本条记录疑似有{{ verify?.length }}个错误，您再检查一遍吧～</p>
       <p v-else class="nb-sm">好棒哦，没有发现任何错误！</p>

package/src/components/tools/MoreTools.vue

@@ -5,16 +5,16 @@
       <slot name="prefix"></slot>
       <slot>
         <div>
-          <h6 class="fs-xs o-mm nowrap">每页显示数量</h6>
+          <h6 class="fs-ss o-mm nowrap">每页显示数量</h6>
           <div ui-btns="@a line s :group :border">
-            <button @click="setLinkMode(0)"><code :class="`${state.tools.confs.linkMode === 0 ? 'co-main' : ''}`">跳转</code></button>
-            <button @click="setLinkMode(1)"><code :class="`${state.tools.confs.linkMode === 1 ? 'co-main' : ''}`">预览</code></button>
-            <button @click="setLinkMode(2)"><code :class="`${state.tools.confs.linkMode === 2 ? 'co-main' : ''}`">新窗口</code></button>
+            <button @click="setLinkMode('default')"><code :class="`${state.tools.confs.linkMode === 'default' ? 'co-main' : ''}`">跳转</code></button>
+            <button @click="setLinkMode('preview')"><code :class="`${state.tools.confs.linkMode === 'preview' ? 'co-main' : ''}`">预览</code></button>
+            <button @click="setLinkMode('windows')"><code :class="`${state.tools.confs.linkMode === 'windows' ? 'co-main' : ''}`">新窗口</code></button>
           </div>
         </div>
         <div ui-line="@a" class="mt-sm mb-ss"></div>
         <div>
-          <h6 class="fs-xs o-mm nowrap">每页显示数量</h6>
+          <h6 class="fs-ss o-mm nowrap">每页显示数量</h6>
           <div ui-btns="@a line s :group :border">
             <button @click="setPageSize(10)"><code :class="`${state.tools.param.pageSize === 10 ? 'co-main' : ''}`">10</code></button>
             <button @click="setPageSize(20)"><code :class="`${state.tools.param.pageSize === 20 ? 'co-main' : ''}`">20</code></button>

package/src/components/tools/Pagination@a.vue

@@ -42,7 +42,7 @@
             </svg>
           </div>
           <div v-if="state.lists.length" ui-tips-box="tc" class="ny-sl al">
-            <div class="w-mm max-h-ls" ui-scroll=":y s">
+            <div class="w-ml*s max-h-xl*s" ui-scroll=":y s">
               <ul class="n-sl n-ss-sub dib-sub">
                 <li v-for="item in state.lists" :key="item">
                   <button :ui-btn="`@a s ${item === currentPage ? 'main' : 'read :border'}`" @click="page(item)">
@@ -85,18 +85,18 @@
             ></path>
           </svg>
         </button>
-        <div ui-tips-box="tl" class="al min-w-ms">
+        <div ui-tips-box="tl" class="al min-w-ms*s">
           <slot name="setting">
             <ul class="n-ms mb-sm-sub">
               <li>
-                <h6 class="fs-xs o-mm nowrap">显示总条数</h6>
+                <h6 class="fs-ss o-mm nowrap">显示总条数</h6>
                 <label ui-form="@a type:switch">
                   <input type="checkbox" name="form2" v-model="state.showTotal" />
                   <span>{{ state.showTotal ? '' : '' }}</span>
                 </label>
               </li>
               <li>
-                <h6 class="fs-xs o-mm nowrap">每页显示数量</h6>
+                <h6 class="fs-ss o-mm nowrap">每页显示数量</h6>
                 <ul>
                   <li v-for="item in pageSizeOptions" :key="item" @click="size(item)" class="ux-hover r-sm">
                     <code :class="`${pageSize === item ? 'co-main' : ''}`">{{ item }}条/页</code>

package/src/components/tools/Pagination@b.vue

@@ -69,7 +69,7 @@
             </svg>
           </div>
           <div v-if="state.list.length" ui-tips-box="tl" class="ny-sl al">
-            <div class="max-h-ls" ui-scroll=":y s">
+            <div class="max-h-xl*s" ui-scroll=":y s">
               <ul class="n-ms nx-ss-sub nowrap">
                 <li @click="size(10)" class="ux-hover r-sm"><code :class="`${modelValue.pageSize === 10 ? 'co-main' : ''}`">10条/页</code></li>
                 <li @click="size(20)" class="ux-hover r-sm"><code :class="`${modelValue.pageSize === 20 ? 'co-main' : ''}`">20条/页</code></li>
@@ -100,18 +100,18 @@
           ></path>
         </svg>
       </button>
-      <div ui-tips-box="tl" class="al min-w-ms">
+      <div ui-tips-box="tl" class="al min-w-ms*s">
         <slot name="setting">
           <ul class="n-ms mb-sm-sub">
             <li>
-              <h6 class="fs-xs o-mm nowrap">显示总页数</h6>
+              <h6 class="fs-ss o-mm nowrap">显示总页数</h6>
               <label ui-form="@a type:switch">
                 <input type="checkbox" v-model="state.showTotalPages" />
                 <span>{{ state.showTotalPages ? '' : '' }}</span>
               </label>
             </li>
             <li>
-              <h6 class="fs-xs o-mm nowrap">显示总条数</h6>
+              <h6 class="fs-ss o-mm nowrap">显示总条数</h6>
               <label ui-form="@a type:switch">
                 <input type="checkbox" v-model="state.showTotal" />
                 <span>{{ state.showTotal ? '' : '' }}</span>

package/tsconfig.json

@@ -13,12 +13,11 @@
     "useDefineForClassFields": true,
     "sourceMap": true,
     "baseUrl": ".",
-    "types": ["webpack-env"],
     "paths": {
       "@/*": ["src/*"]
     },
     "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/shims-vue.d.ts", "src/components/loader/FormLoader/FormRender@v3.vue.backup", "src/components/loader/FormLoader/FormLoader@v3.vue.backup"],
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/shims-vue.d.ts"],
   "exclude": ["node_modules"]
 }