zzz-pc-view 0.0.165 → 0.0.167

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zzz-pc-view",
-  "version": "0.0.165",
+  "version": "0.0.167",
   "main": "src/index.umd.js",
   "module": "src/index.es.js",
   "types": "src/index.d.ts",

package/src/decorators/CurdKey/index.d.ts

@@ -450,6 +450,14 @@ export declare abstract class CurdHandler<T extends object = object, P extends P
      * 最后，它会将解析后的对象绑定到 FilterTarget 上，并将结果赋值给 searchQueryRef。
      */
     protected setSearchQuery(): void;
+    protected readonly sortInfoRef: import('vue').ShallowRef<{
+        prop: keyof T;
+        order: 1 | -1;
+    } | undefined, {
+        prop: keyof T;
+        order: 1 | -1;
+    } | undefined>;
+    setSortInfo(prop?: keyof T, order?: 1 | -1): void;
     /**
      * 创建一个浅引用，用于存储列表数据。
      * 这个引用将用于在组件中存储和更新列表数据。

package/src/index.es.js

@@ -1544,6 +1544,26 @@ const sort = (list2, sortKey) => {
     return 0;
   });
 };
+const sortByField = (arr, field, order = 1, nullLast = true) => {
+  const list2 = [...arr];
+  list2.sort((a, b) => {
+    const valA = a[field];
+    const valB = b[field];
+    const isANull = valA === null || valA === void 0;
+    const isBNull = valB === null || valB === void 0;
+    if (isANull && isBNull) return 0;
+    if (isANull) return nullLast ? 1 : -1;
+    if (isBNull) return nullLast ? -1 : 1;
+    if (typeof valA === "number" && typeof valB === "number") {
+      return order * (valA - valB);
+    }
+    const strA = String(valA).trim();
+    const strB = String(valB).trim();
+    const compareRes = strA.localeCompare(strB, void 0, { numeric: true });
+    return order * compareRes;
+  });
+  return list2;
+};
 const create$1 = (option) => {
   const rootNodes = [];
   const buildMap = {};
@@ -1720,6 +1740,7 @@ const index$g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   ratioByHorizontal,
   ratioByVertical,
   sort,
+  sortByField,
   sumGroupByHorizontal,
   sumGroupByVertical,
   toKeyValue,
@@ -5639,6 +5660,7 @@ class CurdHandler extends FilterHandler {
      * @description 这对于性能优化很重要，因为它避免了不必要的更新。
      */
     __publicField(this, "searchQueryRef", shallowRef());
+    __publicField(this, "sortInfoRef", shallowRef());
     /**
      * 创建一个浅引用，用于存储列表数据。
      * 这个引用将用于在组件中存储和更新列表数据。
@@ -5657,6 +5679,10 @@ class CurdHandler extends FilterHandler {
      */
     __publicField(this, "displayListComputed", computed(() => {
       let displayList = this.listRef.value;
+      const sortInfo = this.sortInfoRef.value;
+      if (sortInfo) {
+        displayList = sortByField([...displayList], sortInfo.prop, sortInfo.order);
+      }
       const { pagination } = this;
       if (!this.api.hasServerPagination && pagination) {
         const { currentPage, pageSize } = pagination;
@@ -5964,6 +5990,9 @@ class CurdHandler extends FilterHandler {
     }
     this.searchQueryRef.value = searchQuery;
   }
+  setSortInfo(prop, order) {
+    this.sortInfoRef.value = prop === void 0 || order === void 0 ? void 0 : { prop, order };
+  }
   /**
    * 获取当前显示的列表数据。
    * 这个方法返回 displayListComputed 计算属性的值，它表示当前显示的列表数据。