vue-super-crud 1.7.4 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-super-crud",
-  "version": "1.7.4",
+  "version": "1.8.0",
   "main": "lib/super-crud.min.js",
   "files": [
     "lib",

package/src/config/common.js

@@ -11,6 +11,7 @@ export const renderItem = {
     strict: true,
     type: [String, Object, Function],
     properties: {
+      key: String,
       request: Function,
       label: String, // 数据字典中label字段的属性名
       value: String, // 数据字典中value字段的属性名

package/src/config/crud.js

@@ -77,6 +77,30 @@ export default {
       type: String,
       default: "small",
     },
+    persistPageSize: Boolean, // 是否持久化拖动宽度
+    persistWidth: Boolean, // 是否持久化拖动宽度
+    delayRender: Boolean, // 是否启用延迟渲染
+    delayRenderConfig: {
+      // 延迟渲染配置
+      type: [Boolean, Object],
+      default: () => ({
+        batchSize: 16,
+        maxProcessTime: 16,
+        frameDelay: 2,
+        strategy: "cell",
+      }),
+      properties: {
+        batchSize: Number, // 每批处理的元素数量，数值越大渲染越快，但可能导致卡顿
+        maxProcessTime: Number, // 每帧最大处理时间（ms），防止单帧处理时间过长
+        frameDelay: Number, // 批次间的帧间隔，数值越大越平滑，但渲染完成时间越长
+      },
+    }, // 是否启用延迟渲染
+    virtualized: Boolean, // 是否启用虚拟列表
+    itemSize: {
+      // 延迟渲染、虚拟列表的固定行高
+      type: Number,
+      default: 40,
+    },
     summaryData: Array, // 外部传入的统计数据
     // 是否禁用
     disabled: Boolean,
@@ -279,7 +303,6 @@ export default {
       type: [Boolean, Object],
       default: () => ({
         show: true,
-        width: 290,
         resetBtn: true,
       }),
       properties: {
@@ -335,6 +358,7 @@ export default {
         layout: "total, sizes, prev, pager, next, jumper",
         background: true,
         pagerCount: 5,
+        memorizeScroll: true, // 临时保存分页滚动位置
       }),
     },
     // 空状态配置

package/src/index.js

@@ -14,6 +14,7 @@ import button from "pak/button";
 import position from "pak/core/components/position";
 import grid from "pak/grid/index.vue";
 import cell from "pak/grid/cell.vue";
+import lazyRender from "pak/lazyRender/index.vue";
 
 import { mergeTemplate } from "./template";
 import directive from "pak/directive";
@@ -37,28 +38,28 @@ const components = [
   position,
   grid,
   cell,
+  lazyRender,
 ];
 
 const install = function (Vue, opts = {}) {
   // 判断是否安装
   if (install.installed) return;
   install.installed = true;
-  if (opts.template) {
-    mergeTemplate(opts.template);
-  }
-  window.Vue = Vue;
 
-  Vue.prototype.$scOpt = opts;
-  Vue.prototype.$scDialog = dialog;
-  Vue.prototype.$scDict = globalDict(Vue, opts.dict || {});
+  // 合并外部代码模板
+  opts.template && mergeTemplate(opts.template);
 
+  // 初始化配置管理器
   configManager.create(config, opts);
-  // Vue.use(Contextmenu);
+
   // 遍历注册全局组件
-  components.forEach((component) => {
-    Vue.component(component.name, component);
-  });
+  components.forEach((component) => Vue.component(component.name, component));
+
+  Vue.prototype.$scOpt = opts;
+  Vue.prototype.$scDialog = dialog;
+  Vue.prototype.$scDict = globalDict(Vue, opts.dict || {});
   directive(Vue);
+  window.Vue = Vue;
 };
 
 // 判断是否是直接引入文件

package/src/template/formatData.js

@@ -315,6 +315,11 @@ export default {
 
     return {
       input: (value) => {
+        // 处理空值情况
+        if (value === undefined || value === null || value === "") {
+          return "";
+        }
+
         try {
           let rawStr = "";
           if (typeof value === "string") {
@@ -323,7 +328,11 @@ export default {
             rawStr = String(value);
           }
 
-          const num = Number(rawStr) || 0;
+          const num = Number(rawStr);
+          // 如果转换后是 NaN，返回空字符串
+          if (isNaN(num)) {
+            return "";
+          }
 
           // 传入原始字符串，用于处理特殊情况
           let formatted = formatPrecision(num, rawStr);
@@ -336,7 +345,7 @@ export default {
           return `${config.prefix}${formatted}${config.suffix}`;
         } catch (error) {
           console.warn("数字格式化失败:", error);
-          return value;
+          return "";
         }
       },
       // 输出时去除格式化（还原为原始数字字符串）