flameresttable 1.0.18 → 1.0.20

package/README.md

@@ -12,5 +12,10 @@
 ### RowSubSlot
 Это слот для клика по строке таблицы, если включён параметр `opts.onRowClickOpenSlot`
 
+### Virtual columns
+Колонки, которые отправляются на сервер в разделе params и не влияют на выдачу, но могут использоваться для кастомной и тонкой фильтрации
+
+Добавляются через `opts.addVirtual`
+
 # Licenses
 MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flameresttable",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "main": "./src/plugin.ts",
   "repository": {
     "type": "git",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@vuepic/vue-datepicker": "^7.2.0",
-    "flamerest": "^1.0.92",
+    "flamerest": "^1.0.93",
     "lodash-es": "^4.17.21",
     "pinia": "^2.1.7",
     "pug": "github:FlameArt/pug-tailwind-only",

package/src/App.vue

@@ -35,6 +35,10 @@ opts.set("name", {
   },
   Popup: { isShow: true }
 });
+
+
+opts.addVirtual('test', { title: 'test title', Table: { isShow: true, } })
+
 opts.Add.can = true;
 opts.Remove.can = true;
 

package/src/Table/Columns.ts

@@ -1,3 +1,6 @@
+// Подгрузчик типа класса
+type Class<T> = new (...args: any[]) => T
+
 export class Column implements IColumn {
 
   /**
@@ -11,6 +14,11 @@ export class Column implements IColumn {
    */
   public title: string = "";
 
+  /**
+   * Поддержка виртуальных столбцов для кастомных запросов
+   */
+  public isVirtual: boolean = false;
+
   /**
    * Параметры таблицы
    */
@@ -64,6 +72,11 @@ export class Column implements IColumn {
      */
     loader: () => [],
 
+    /**
+     * Модель, с которой выгружать значения
+     */
+    model: null as Class<any> | null,
+
     /**
      * Здесь список готовых значений
      */
@@ -225,6 +238,10 @@ export interface IColumn {
    */
   title?: string,
 
+  /**
+   * Поддержка виртуальных столбцов для кастомных запросов
+   */
+  isVirtual?: boolean,
 
   /**
    * Параметры таблицы

package/src/Table/FlameTable.ts

@@ -149,10 +149,18 @@ export default class FlameTable<T> {
 
   public applyFiltersParams() {
     const customFilters: ITableLoadParams = {
-      where: {}
+      where: {},
+      params: {}
     };
     for (const key in this.columns) {
       const el = this.columns[key].Filter;
+
+      // Виртуальные элементы не фильтруем, но добавляем в массив
+      if (this.columns[key].isVirtual) {
+        customFilters.params[key] = el.valueString;
+        continue;
+      }
+
       switch (el.type) {
 
         // Частичное совпадение
@@ -160,6 +168,7 @@ export default class FlameTable<T> {
 
           if (el.valueString.trim() === '') continue;
           customFilters.where[key] = ['LIKE', key, el.valueString];
+
           break;
 
         // Фуллтекстовый поиск

package/src/Table/Table.vue

@@ -22,8 +22,9 @@
 
       <!-- ЧИСЛО ЗАПИСЕЙ -->
       <div class="text-xs text-gray-400">
-        Показано: {{ Table.Pager.total > Table.Pager.perPage * Table.Pager.page ?
-          Table.Pager.perPage * Table.Pager.page : Table.Pager.total }} / {{ Table.Pager.total }} записей
+        {{ opts.lang === 'ru' ? 'Показано:' : 'Show' }} {{ Table.Pager.total > Table.Pager.perPage * Table.Pager.page ?
+          Table.Pager.perPage * Table.Pager.page : Table.Pager.total }} / {{ Table.Pager.total }} {{ opts.lang === 'ru' ?
+    'записей' : ' records' }}
       </div>
 
     </div>

package/src/Table/TableFilters.vue

@@ -9,6 +9,14 @@
           <input class="outline-none border border-slate-500 px-2 py-1 mx-2" :placeholder="col.title ?? col.name"
             type="text" @keyup="update()" v-model="col.Filter.valueString" />
         </div>
+        <div v-if="col.Filter.type === 'selector'">
+          <select class="outline-none border border-slate-500 px-2 py-1 mx-2" :placeholder="col.title ?? col.name"
+            @change="update()" v-model="col.Filter.valueString">
+            <option v-for="item in col.Selector.values" :key="item[0]">
+              
+            </option>
+          </select>
+        </div>
       </div>
 
     </div>

package/src/Table/TableLoadParams.ts

@@ -5,6 +5,7 @@ export default interface ITableLoadParams {
    expand?: any,
    sort?: Array<string>,
    page?: number,
-   perPage?: number
+   perPage?: number,
+   params?: any
 
 }

package/src/Table/TableOpts.ts

@@ -26,6 +26,22 @@ export default class TableOpts {
    */
   public onRowClickOpenSlot: boolean = false;
 
+  /**
+   * Язык
+   */
+  public lang: 'ru' | 'en' = "ru";
+
+  /**
+   * Добавить виртуальный столбец (не будет учтён в запросах, но будет передан на бек для кастомизации фильтров)
+   * @param ColumnName 
+   * @param mergingOpts 
+   */
+  public addVirtual(ColumnName: string, mergingOpts: IColumn) {
+    this.columnsOpts[ColumnName] = new Column as any
+    merge(this.columnsOpts[ColumnName], mergingOpts)
+    this.columnsOpts[ColumnName].isVirtual = true;
+  }
+
   public set(ColumnName: string, mergingOpts: IColumn) {
     // TODO: ЕСТЬ ОШИБКА???
     if (this.columnsOpts[ColumnName] === undefined) this.columnsOpts[ColumnName] = new Column as any

package/src/store.ts

@@ -16,7 +16,7 @@ export const storeFile = defineStore('store', {
 
       Table: {
         rows: {}
-      }
+      },
 
     }
   },