@neatui/vue 2.10.0 → 2.12.0

package/src/components/loader/FormLoader/FormRender@v3.vue.backup

@@ -0,0 +1,4 @@
+<template>
+  <div></div>
+</template>
+<script setup lang="ts"></script>

package/src/components/loader/FormLoader/NodeLoader.vue

@@ -0,0 +1,85 @@
+<template>
+  <template v-for="(item, index) in $nodes" :key="item.paths">
+    <div class="fekit-node-loader" :data-level="level" :data-index="index" :data-paths="item.paths" v-bind="item.attrs" v-on="item.$events" v-html="item.value"></div>
+    <NodeLoader v-if="item.child" :nodes="item.child" :level="$level" :index="index" :paths="item.paths" />
+  </template>
+</template>
+<script setup lang="ts">
+  import { computed } from 'vue';
+  import NodeLoader from './NodeLoader.vue';
+
+  interface NodeProps {
+    label?: string | ((data: any) => string);
+    field?: string | ((data: any) => string);
+    model?: string | ((data: any) => string);
+    attrs?: Record<string, any> | ((data: any) => Record<string, any>);
+    clear?: boolean | ((data: any) => boolean);
+    media?: string | ((data: any) => string);
+    value?: any | ((data: any) => any);
+    event?: Record<string, any> | ((data: any) => Record<string, any>);
+    child?: NodeProps[];
+  }
+
+  interface Props {
+    nodes: NodeProps[];
+    level?: number;
+    index?: number;
+    paths?: string;
+  }
+  const props = withDefaults(defineProps<Props>(), {
+    nodes: () => [],
+    level: 0,
+    index: 0,
+    paths: '',
+  });
+
+  const $nodes = computed(() => {
+    return props.nodes.map((item, index) => {
+      const paths = props.paths ? `${props.paths}-${index}` : `${index}`;
+      const context = { node: item, level: props.level, index, paths } as const;
+
+      let attrs: any = item.attrs;
+      if (typeof attrs === 'function') {
+        try {
+          attrs = attrs(context);
+        } catch {
+          /* noop */
+        }
+      }
+
+      let value: any = (item as any).value;
+      if (typeof value === 'function') {
+        try {
+          value = value(context);
+        } catch {
+          /* noop */
+        }
+      }
+
+      let ev: any = (item as any).event;
+      if (typeof ev === 'function') {
+        try {
+          ev = ev(context);
+        } catch {
+          ev = undefined;
+        }
+      }
+
+      const $events: Record<string, any> = {};
+      if (ev && typeof ev === 'object') {
+        for (const key in ev) {
+          const fn = ev[key];
+          if (typeof fn === 'function') {
+            $events[key] = (...args: any[]) => fn(context, ...args);
+          }
+        }
+      }
+
+      return { ...item, index, paths, attrs, value, $events } as any;
+    });
+  });
+
+  const $level = computed(() => {
+    return props.level + 1;
+  });
+</script>

package/src/components/loader/FormLoader@v1/FormLoader.vue

@@ -170,7 +170,7 @@
         <div v-for="(item, idx) in node.other.suffix" v-html="item.value" v-bind="item.attrs" :key="idx"></div>
       </div>
     </div>
-    <div v-if="$slots.submit" class="full-x" ui-flex="row lm">
+    <div v-if="$slots.submit" class="w-full" ui-flex="row lm">
       <div class="flex-fixed" :style="labelcss(node)">&nbsp;</div>
       <div class="flex-block"><slot name="submit"></slot></div>
     </div>

package/src/components/loader/FormLoader@v1/FormRender.vue

@@ -2,12 +2,19 @@
   <div class="flex-block pr">
     <template v-if="mode === 'view'">
       <slot :name="`${node.field}-value`" :data="data" :node="node" :bind.sync="bind">
-        <div class="nt-ss"><div v-html="value" style="padding-top: 2px;"></div></div>
+        <div class="nt-ss"><div v-html="value" style="padding-top: 2px"></div></div>
       </slot>
     </template>
     <template v-else>
-      <el-input v-if="node.model[0] === 'Input'" v-model="value" class="full-w" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted" />
-      <el-input v-if="node.model[0] === 'TextArea'" v-model="value" class="full-w" v-bind="{ ...(node.model[1] || {}, { type: 'textarea', rows: 3 }) }" @input="setInteracted" @blur="setInteracted" />
+      <el-input v-if="node.model[0] === 'Input'" v-model="value" class="w-full" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted" />
+      <el-input
+        v-if="node.model[0] === 'Textarea'"
+        v-model="value"
+        class="w-full"
+        v-bind="{ ...(node.model[1] || {}, { type: 'textarea', rows: 3 }) }"
+        @input="setInteracted"
+        @blur="setInteracted"
+      />
       <el-select v-else-if="node.model[0] === 'Select'" v-model="value" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted">
         <el-option v-for="item in node.enums" :key="item.value" :label="item.label" :value="item.value"> </el-option>
       </el-select>
@@ -19,17 +26,35 @@
       </el-checkbox-group>
       <el-checkbox v-else-if="node.model[0] === 'Checkbox'" v-model="value" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted"> </el-checkbox>
       <el-switch v-else-if="node.model[0] === 'Switch'" v-model="value" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted"> </el-switch>
-      <el-time-select v-else-if="node.model[0] === 'TimeSelect'" v-model="value" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted"> </el-time-select>
-      <el-time-picker v-else-if="node.model[0] === 'TimePicker'" v-model="value" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted"> </el-time-picker>
-      <el-date-picker v-else-if="node.model[0] === 'DatePicker'" v-model="value" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted"> </el-date-picker>
-      <el-date-picker v-else-if="node.model[0] === 'DateTimePicker'" v-model="value" type="datetime" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted"> </el-date-picker>
-      <el-cascader v-else-if="node.model[0] === 'Cascader'" v-model="value" :options="node.enums" v-bind="{ ...node.model[1] }" @input="setInteracted" @blur="setInteracted"></el-cascader>
+      <el-time-select v-else-if="node.model[0] === 'TimeSelect'" v-model="value" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted">
+      </el-time-select>
+      <el-time-picker v-else-if="node.model[0] === 'TimePicker'" v-model="value" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted">
+      </el-time-picker>
+      <el-date-picker v-else-if="node.model[0] === 'DatePicker'" v-model="value" v-bind="{ ...(node.model[1] || {}) }" @input="setInteracted" @blur="setInteracted">
+      </el-date-picker>
+      <el-date-picker
+        v-else-if="node.model[0] === 'DateTimePicker'"
+        v-model="value"
+        type="datetime"
+        v-bind="{ ...(node.model[1] || {}) }"
+        @input="setInteracted"
+        @blur="setInteracted"
+      >
+      </el-date-picker>
+      <el-cascader
+        v-else-if="node.model[0] === 'Cascader'"
+        v-model="value"
+        :options="node.enums"
+        v-bind="{ ...node.model[1] }"
+        @input="setInteracted"
+        @blur="setInteracted"
+      ></el-cascader>
       <gallery-value v-else-if="node.model[0] === 'SelectImg'" :form="data" :node="node" v-bind="{ ...node.model[1] }"></gallery-value>
       <!-- 自定义组件插槽 -->
       <slot v-else-if="node.model[0]" :name="node.model[0]" :data="data" :node="node" :bind.sync="bind"></slot>
       <!-- 自定义字段插槽 -->
       <slot v-else :name="`${node.field}-value`" :data="data" :node="node" :bind.sync="bind">
-        <div class="nt-ss"><div v-html="value" style="padding-top: 2px;"></div></div>
+        <div class="nt-ss"><div v-html="value" style="padding-top: 2px"></div></div>
       </slot>
       <p v-show="error.verify === 'no'" class="form-loader-verify" :data-verify-type="error.co">{{ error.tips }}</p>
     </template>
@@ -44,28 +69,28 @@
     props: {
       mode: {
         type: String,
-        default: 'edit'
+        default: 'edit',
       },
       node: {
         type: Object,
-        default: () => ({})
+        default: () => ({}),
       },
       data: {
         type: Object,
-        default: () => ({})
+        default: () => ({}),
       },
       interacted: {
         type: Boolean,
-        default: false
-      }
+        default: false,
+      },
     },
     data() {
       return {
         _interacted: false,
         bind: {
-          value: null
+          value: null,
         },
-        error: {}
+        error: {},
       };
     },
     created() {},
@@ -99,8 +124,8 @@
             this.$set(this.data, this.node.field, value);
           }
           this.validate();
-        }
-      }
+        },
+      },
     },
     methods: {
       async validate() {
@@ -166,7 +191,7 @@
             this.validate();
           }, 50);
         }
-      }
+      },
     },
     watch: {
       bind: {
@@ -183,22 +208,22 @@
           this.$set(this.data, this.node.field, value);
           this.$set(this.bind, 'value', value);
         },
-        deep: true
+        deep: true,
       },
       interacted: {
         handler(val) {
           this._interacted = val;
           this.validate();
         },
-        deep: true
+        deep: true,
       },
       value: {
         handler() {
           this.validate();
         },
-        deep: true
-      }
-    }
+        deep: true,
+      },
+    },
   };
 </script>
 <style>

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

@@ -75,7 +75,7 @@
 <script setup lang="ts">
   import { nextTick, reactive, ref, watch, onMounted } from 'vue';
   import LayerLoader from './LayerLoader.vue';
-  import { useBasicStore, useWorksStore, storeToRefs } from '@/store';
+  import { useBasicStore, useWorksStore, storeToRefs } from '@/stores';
   import { deepcopy } from '@fekit/utils';
   import scrollto from '@fekit/scrollto';
 

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="full-x" ui-flex="row xt">
+  <div class="w-full" ui-flex="row xt">
     <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 || {}) }">

package/src/components/loader/MoveLoader/MoveLoader.vue

@@ -46,8 +46,8 @@
     layer: {
       moveing: false,
       from: null,
-      correct: ''
-    }
+      correct: '',
+    },
   });
   const word: any = {};
 
@@ -61,7 +61,7 @@
   const props: any = withDefaults(defineProps<Props>(), {
     data: () => [],
     path: '',
-    line: true
+    line: true,
   });
 
   // 内部状态
@@ -267,7 +267,7 @@
         top: 1.5em;
         bottom: 0.5em;
         left: 0.6em;
-        background-color: var(--co-line-ls);
+        background-color: var(--co-line-o-ls);
       }
     }
 
@@ -388,7 +388,7 @@
   }
 
   [data-selected='true'] {
-    background: var(--co-main-ss) !important;
+    background: var(--co-main-o-ss) !important;
   }
 
   .fekit-json-tree-tools {
@@ -451,7 +451,7 @@
       left: 0;
       top: 0;
       z-index: 1;
-      box-shadow: inset 0 1px 0 0 var(--co-main-ls);
+      box-shadow: inset 0 1px 0 0 var(--co-main-o-ls);
     }
 
     // &[tree-level='2'] {
@@ -478,7 +478,7 @@
       left: 0;
       top: 0;
       z-index: 1;
-      box-shadow: inset 0 0 0 1px var(--co-main-ls);
+      box-shadow: inset 0 0 0 1px var(--co-main-o-ls);
     }
   }
   // 插入后面
@@ -493,7 +493,7 @@
       left: 0;
       top: 0;
       z-index: 1;
-      box-shadow: inset 0 -1px 0 0 var(--co-main-ls);
+      box-shadow: inset 0 -1px 0 0 var(--co-main-o-ls);
     }
 
     // &[tree-level='2'] {

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

@@ -87,7 +87,7 @@
                 :col-fixed-side="col.fixed || 'l'"
                 :data-field="col.field"
               >
-                <slot :name="col.field" :col="col" :item="item" :idx="idx"><TableRender :col="col" :data="item" /></slot>
+                <slot :name="col.field" :col="col" :item="item" :idx="idx"><TableRender :node="col" :data="item" /></slot>
               </td>
             </template>
             <td v-if="slots.operate" col-fixed="r" class="ar"><slot name="operate" :item="item" :idx="idx"></slot></td>
@@ -127,7 +127,7 @@
                 <tr v-if="!col.__close">
                   <td class="nowrap vt n-ss">{{ col.label }}:</td>
                   <td class="n-ss">
-                    <TableRender :col="col" :data="item" />
+                    <TableRender :node="col" :data="item" />
                   </td>
                 </tr>
               </template>
@@ -167,14 +167,14 @@
     field: string | (() => string);
     width?: string | (() => string);
     fixed?: string | (() => string);
-    thead?: object | (() => object);
-    tbody?: object | (() => object);
     paths?: string | (() => string);
-    model?: string | Array<any> | (() => string | Array<any>);
-    enums?: Array<any> | (() => string | Array<any>);
-    rules?: Array<any> | (() => string | Array<any>);
-    event?: Array<any> | (() => string | Array<any>);
-    attrs?: string | Record<string, any> | Record<string, any>[] | (() => string | Record<string, any> | Record<string, any>[]);
+    thead?: Record<string, any> | ((data: any) => Record<string, any>);
+    tbody?: Record<string, any> | ((data: any) => Record<string, any>);
+    model?: string | any[] | ((data: any) => string | any[]);
+    enums?: any[] | ((data: any) => any[]);
+    rules?: any[] | ((data: any) => any[]);
+    event?: Record<string, any> | ((data: any) => Record<string, any>);
+    attrs?: Record<string, any> | ((data: any) => Record<string, any>);
     value?: any | (() => any);
     clear?: boolean | (() => boolean);
     order?: 0 | 1 | 2 | number | (() => 0 | 1 | 2 | number);
@@ -268,6 +268,11 @@
       state.__last = 0;
       state.table = deepcopy(props.table || [])
         ?.map((col: TableColumn, idx: number) => {
+          // 标题处理
+          if (isFunction(col.label)) {
+            col.label = col.label(props.lists);
+          }
+
           // 表头属性处理
           col.thead ??= {};
           col.thead.class = (col.thead.class || '').split(/\s+/);

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

@@ -1,61 +1,43 @@
 <template>
-  <template v-if="isArray(json.child)">
-    <div :class="json?.attrs?.class?.includes('wrap') ? 'wrap' : 'nowrap'" v-bind="json.attrs" v-on="event(json, data)">
-      <TableRender v-for="(sub, idx) in col.child" :key="idx" :col="sub" :data="data" />
+  <template v-if="isArray(node.child)">
+    <div v-bind="attrs" v-on="event" v-memo="[node.child, data]">
+      <TableRender v-for="(sub, idx) in node.child" :key="idx" :node="sub" :data="data" />
     </div>
   </template>
-  <template v-else-if="json.popup">
-    <IFollowView>
-      <TableRender :col="{ ...col, popup: null }" :data="data" />
+  <template v-else-if="node.popup">
+    <IFollowView v-memo="[node.popup, data]">
+      <TableRender :node="{ ...node, popup: null }" :data="data" />
       <template #tips>
-        <TableRender :col="isFunction(col.popup) ? col.popup(data) : col.popup" :data="data" />
+        <TableRender :node="isFunction(node.popup) ? node.popup(data) : node.popup" :data="data" />
       </template>
     </IFollowView>
   </template>
   <template v-else>
-    <div v-if="json.model === 'Image'" :class="json?.attrs?.class?.includes('wrap') ? 'wrap' : 'nowrap'" ui-img="@a read :round" v-bind="json.attrs" v-on="event(json, data)">
-      <img :src="json.value || data[json.field] || DefaultImage" alt="" />
+    <div v-if="model.value" v-bind="attrs" v-on="event">
+      <div v-if="model.value === 'image'" ui-cover="1:1" v-bind="model.attrs">
+        <div class="pa full bg-case-o-ls r-sm ot-no ol-no" :class="state.isloaded ? 'o-no' : 'o-ms'" ui-flex="col cm"><i ui-load="@d"></i></div>
+        <img ref="img" class="r-sm" :src="value" @load="state.isloaded = 1" />
+      </div>
+      <label v-else-if="model.value === 'switch'" ui-form="@a type:switch" @click.prevent>
+        <input type="checkbox" :checked="value" />
+        <span v-if="model.attrs?.label">{{ model.attrs?.label }}</span>
+      </label>
     </div>
-    <div v-else :class="json?.attrs?.class?.includes('wrap') ? 'wrap' : 'nowrap'" v-bind="json.attrs" v-on="event(json, data)" v-html="value(json, data)"></div>
+    <div v-else v-bind="attrs" v-on="event" v-html="value"></div>
   </template>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
-  import { isFunction, isArray, isObject, deepcopy } from '@fekit/utils';
+  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 DefaultImage =
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAACmBAMAAACipulEAAAAHlBMVEXMzMz////z8/Pf39/Z2dnS0tLq6urk5OTu7u74+PjCLuPVAAABxUlEQVRo3u2YsUsDMRSHX9Wzupn22qObVxAd7SCuV1BwvGrVtQcqjlYQHFVEVzv575qklReE9urlFTL8vqUvQz+Se3m5yyMAAAAAAAAAAAAAsFIu7rvz+DiqprxSi7itotxQi8kqOHslzqbHNAUnul3q/PJYutzi01Jn47/KSBm+jxep8yopSojqgklaV5qRDor5zsMKTru4gazTJmEtfKcyQU3Waf/UE3bGXPb7p5fDRwmnuhkWyvJEhmt/JzOiKZtyzph+6Us5O1zY0UTI2TKy5+4nl5W/M9PpT00NmEDG2dbDgiMR5w7R1ix84brycz7oyfGU6yLO3HmIGUUSzoY9m3jxqYAzsRuIt9VYwBm7Z1OTB57Owt1XfQFn649zEOg8YzctiYyz6Wpizxzxcmtunb5K1JGtR65TkdrMiCazsMOHnZ9zlx9ozHXq5XTfyBnr/ZwdPTy30Z6OJr5OfhOf6d934tPZ15mQJjrJSVN4O3mi/NEg5GzkNCVKBZy8estYeTuZdmbuDYWScDIHd29KSTmZEJ26GsUvxpEqJw/gDrvMXTuInsASvYsgeizlvaBAelZlvTUAAAAAAAAAAAAAsEp+AEDOpCBEwOONAAAAAElFTkSuQmCC';
-
-  // 通过枚举值查找枚举名
-  const findEnumName = (enums: any, val: any, join: boolean | string = ' Ι ') => {
-    // 转换核心
-    const _core = (v: any) => {
-      const { label = v }: any = enums.find(({ value = '' }: any) => value == v) || {};
-      return label;
-    };
-    // 判断枚举字典是否可用
-    if (enums && enums.find) {
-      // 兼容多种入参类型
-      if (isArray(val)) {
-        // 数组
-        const arr = val.map((i: any) => _core(i));
-        return join ? arr.join(join) : arr;
-      } else {
-        return _core(val);
-      }
-    } else {
-      return val;
-    }
-  };
-
   const route = useRoute();
   const router = useRouter();
 
   const props: any = defineProps({
-    col: {
+    node: {
       type: Object,
       default: () => ({}),
     },
@@ -65,47 +47,95 @@
     },
   });
 
-  // 运行函数计算
-  const runfun = (obj: any): any => {
-    if (isArray(obj)) {
-      obj = obj.map((i: any) => runfun(i));
-    } else if (isObject(obj)) {
-      for (const k in obj) {
-        if (k !== 'event') {
-          obj[k] = runfun(obj[k]);
-        }
+  const img = ref<HTMLImageElement | null>(null);
+  onMounted(() => {
+    if (img.value) {
+      state.isloaded = img.value.complete && img.value.naturalWidth > 0 ? 1 : 0;
+    }
+  });
+
+  const state: any = reactive({
+    isloaded: 0,
+  });
+
+  // 属性处理
+  const attrs = computed(() => {
+    const a = props.node.attrs;
+    let attrs = isFunction(a) ? a?.(props.data) : a;
+
+    // 确保 attrs 存在
+    if (!attrs) attrs = {};
+    else attrs = { ...attrs };
+
+    // 处理 class 属性
+    if (attrs.class) {
+      attrs.class = attrs.class.split(/\s+/);
+      if (!attrs.class.some((c: string) => c === 'wrap' || c === 'nowrap')) {
+        attrs.class.push('nowrap');
       }
-    } else if (isFunction(obj)) {
-      obj = obj(deepcopy(props.data));
+    } else {
+      attrs.class = ['nowrap'];
     }
-    return obj;
-  };
 
-  const json = computed(() => runfun(deepcopy(props.col)));
+    return attrs;
+  });
+
+  // 模型处理
+  const model: any = computed(() => {
+    const m = props.node.model;
+    if (!m) return { value: '', attrs: {} };
+
+    const model = isFunction(m) ? m(props.data) : m;
 
-  const value = (json: any, data: any) => {
-    return json.value !== null && json.value !== undefined
-      ? isFunction(json.value)
-        ? json.value(json)
-        : json.value
-      : findEnumName(json.enums, data[json.field]) !== null && findEnumName(json.enums, data[json.field]) !== undefined
-        ? findEnumName(json.enums, data[json.field])
+    let value = '';
+    let attrs = {};
+    if (isString(model)) {
+      value = model;
+    } else if (isArray(model)) {
+      value = model[0] ?? '';
+      attrs = isObject(model[1]) ? model[1] : {};
+    }
+    value = value.toString().toLowerCase();
+
+    return { value, attrs };
+  });
+
+  // 枚举处理
+  const enums = computed(() => {
+    const e = props.node.enums;
+    return isFunction(e) ? e(props.data) : e;
+  });
+
+  // 数值处理
+  const value = computed(() => {
+    const n = props?.node;
+    const v = props?.data?.[n.field];
+    return n?.value !== null && n?.value !== undefined
+      ? isFunction(n?.value)
+        ? n?.value(props?.data)
+        : n?.value
+      : findEnumName(enums.value, v) !== null && findEnumName(enums.value, v) !== undefined
+        ? findEnumName(enums.value, v)
         : '‐‐';
-  };
+  });
 
-  // 事件处理
-  const event: any = (col: any, data: any): object => {
-    const _event: any = {};
-    if (isObject(col.event)) {
-      for (const key in col.event) {
-        const fun = col.event[key];
+  // 事件处理 (直接使用 computed)
+  const event = computed(() => {
+    let e = props.node.event;
+    if (isFunction(e)) {
+      e = e(props.data);
+    }
+    const events: any = {};
+    if (isObject(e)) {
+      for (const key in e) {
+        const fun = e[key];
         if (isFunction(fun)) {
-          _event[key] = (...args: any) => {
-            return fun({ data, route, router }, ...args);
+          events[key] = (...args: any) => {
+            return fun({ data: props.data, route, router }, ...args);
           };
         }
       }
     }
-    return { ..._event };
-  };
+    return events;
+  });
 </script>

package/src/components/loader/index.ts

@@ -1,4 +1,4 @@
-import FormLoader from './FormLoader';
+import FormLoader from './FormLoader/FormLoader@v2.vue';
 import LimitLoader from './LimitLoader';
 export * from './TableLoader/index';
 import TableLoader from './TableLoader/TableLoader.vue';

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

@@ -1,5 +1,5 @@
 <template>
-  <div ui-pagination="@a" class="full-x pading" ui-flex="row rm">
+  <div ui-pagination="@a" class="w-full pading" ui-flex="row rm">
     <div class="ml-sl ar mob-ac" ui-flex="row rm">
       <div class="mx-ss-sub" ui-flex="row">
         <div v-if="state.showTotal" ui-flex="row cm" ui-hide="<pad">共 {{ data[defined.total || 'total'] || 0 }} 条</div>

package/tsconfig.json

@@ -19,6 +19,6 @@
     },
     "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/shims-vue.d.ts"],
+  "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"],
   "exclude": ["node_modules"]
 }

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

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