flameresttable 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flameresttable",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "./src/plugin.ts",
   "repository": {
     "type": "git",
@@ -17,6 +17,7 @@
   "dependencies": {
     "@vuepic/vue-datepicker": "^3.6.8",
     "flamerest": "^1.0.63",
+    "lodash-es": "^4.17.21",
     "pinia": "^2.0.32",
     "pug": "github:FlameArt/pug-tailwind-only",
     "pug-lexer": "github:FlameArt/pug-lexer-only",
@@ -29,23 +30,23 @@
     "@capacitor/cli": "^3.9.0",
     "@capacitor/core": "^3.9.0",
     "@heroicons/vue": "^2.0.16",
+    "@types/lodash-es": "^4.17.6",
     "@types/lodash.merge": "^4.6.7",
     "@types/node": "18.8.0",
     "@typescript-eslint/eslint-plugin": "^5.53.0",
     "@typescript-eslint/parser": "^5.53.0",
     "@vitejs/plugin-vue": "^4.0.0",
-    "@volar/vue-language-plugin-pug": "^1.1.7",
+    "@volar/vue-language-plugin-pug": "^1.2.0",
     "@vue/compiler-sfc": "^3.2.45",
     "autoprefixer": "^10.4.13",
     "eslint": "^8.34.0",
     "eslint-plugin-vue": "^8.7.1",
-    "lodash.merge": "^4.6.2",
     "postcss": "^8.4.21",
     "postcss-import": "^14.1.0",
     "tailwindcss": "^3.2.7",
     "typescript": "^4.9.5",
     "vite": "^4.1.4",
-    "vue-tsc": "^1.1.7",
+    "vue-tsc": "^1.2.0",
     "vue-universal-modal": "^1.1.4"
   },
   "rules": {}

package/src/Table/FlameTable.ts

@@ -2,7 +2,7 @@ import { Column } from './Columns';
 import { Rows, SavedObject } from 'flamerest';
 import TableOpts from "./TableOpts";
 import { reactive, UnwrapRef } from 'vue';
-import * as _ from 'lodash'
+import merge from 'lodash-es/merge'
 
 // Подгрузчик типа класса
 type Class<T> = new (...args: any[]) => T
@@ -82,7 +82,7 @@ export default class FlameTable<T> {
         newCol.Popup.isEnabled = false
 
       // Мержим стандартные параметры с опциями юзера
-      _.merge(newCol, opts.columnsOpts[key]);
+      merge(newCol, opts.columnsOpts[key]);
 
       // Жёстко устанавливаем название поля из базы для этой колонки
       newCol.name = key;
@@ -94,7 +94,7 @@ export default class FlameTable<T> {
     }
 
     // Мержим параметры с базовой версией
-    _.merge(this.opts, opts);
+    merge(this.opts, opts);
 
     // TODO: Сортируем колонки, если указан порядок
     //this.columns

package/src/Table/Table.vue

@@ -165,10 +165,19 @@ export default defineComponent({
     const getSelector = (arr: any, selectorKey: any, selectorVal: any) => {
       if (Array.isArray(arr)) return [selectorVal, selectorVal];
       // TODO: тут загрузка объекта должна быть
+      // сейчас объект перерабатывается где-то в map и теряет ключи и значения
       if (typeof arr === 'object' && arr !== null) return [selectorKey, selectorVal]
       return [selectorKey, selectorVal]
     }
 
+    // Автозагрузка первичной версии
+    if (props.opts.autoload === true) {
+      const tModel = (props.model as any)
+      tModel.all().then((r: any) => {
+        Table.load(r);
+      })
+    }
+
     return {
       Table,
       FlameTableModal,

package/src/Table/TableOpts.ts

@@ -1,10 +1,15 @@
 import { Column, IColumn } from './Columns';
 
-import * as _ from 'lodash'
+import merge from 'lodash-es/merge'
 import FlameTable from './FlameTable';
 
 export default class TableOpts {
 
+  /**
+   * Нужна ли автозагрузка
+   */
+  public autoload: boolean = true;
+
   /**
    * Колонки
    */
@@ -13,7 +18,7 @@ export default class TableOpts {
   public set(ColumnName: string, mergingOpts: IColumn) {
     // TODO: ЕСТЬ ОШИБКА???
     if (this.columnsOpts[ColumnName] === undefined) this.columnsOpts[ColumnName] = new Column as any
-    _.merge(this.columnsOpts[ColumnName], mergingOpts)
+    merge(this.columnsOpts[ColumnName], mergingOpts)
   }
 
   /**
@@ -29,7 +34,7 @@ export default class TableOpts {
     for (const key in arr) {
       // TODO: ????? as any
       if (this.columnsOpts[arr[key]] === undefined) this.columnsOpts[arr[key]] = new Column as any
-      _.merge(this.columnsOpts[arr[key]], { Table: { isShow: false }, Popup: { isShow: false } })
+      merge(this.columnsOpts[arr[key]], { Table: { isShow: false }, Popup: { isShow: false } })
     }
 
   }