优化内置 Action

添加 vuex 功能，保存页面组件数据状态（没有保存grid数据状态）

Author: SmallRuralDog

docs/grid.md

@@ -684,6 +684,17 @@ $actions->hideEditAction()
 $actions->hideDeleteAction()
 ```
 
+#### 编辑/删除操作
+
+基于el-button实现
+
+```php
+$actions->editAction()->disabled(true);//获取编辑操作实例，并置属性
+$actions->deleteAction()->message("确定要删除吗，删除不可恢复？");//获取删除操作实例
+```
+
+
+
 #### 添加自定义操作
 
 创建自定义操作请查看 [如何创建自定义操作](https://smallruraldog.github.io/laravel-vue-admin/#/custom?id=%e8%a1%a8%e6%a0%bc%e6%93%8d%e4%bd%9c%e7%bb%84%e4%bb%b6)

package-lock.json

@@ -35,6 +35,7 @@
     },
     "dependencies": {
         "awe-dnd": "^0.3.4",
-        "url-loader": "^3.0.0"
+        "url-loader": "^3.0.0",
+        "vuex": "^3.1.3"
     }
 }

package.json

@@ -1 +1,154 @@
-!function(e){function r(r){for(var n,l,f=r[0],i=r[1],a=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var i=t[f];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var f=window.webpackJsonp=window.webpackJsonp||[],i=f.push.bind(f);f.push=r,f=f.slice();for(var a=0;a<f.length;a++)r(f[a]);var p=i;t()}([]);
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// install a JSONP callback for chunk loading
+/******/ 	function webpackJsonpCallback(data) {
+/******/ 		var chunkIds = data[0];
+/******/ 		var moreModules = data[1];
+/******/ 		var executeModules = data[2];
+/******/
+/******/ 		// add "moreModules" to the modules object,
+/******/ 		// then flag all "chunkIds" as loaded and fire callback
+/******/ 		var moduleId, chunkId, i = 0, resolves = [];
+/******/ 		for(;i < chunkIds.length; i++) {
+/******/ 			chunkId = chunkIds[i];
+/******/ 			if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 				resolves.push(installedChunks[chunkId][0]);
+/******/ 			}
+/******/ 			installedChunks[chunkId] = 0;
+/******/ 		}
+/******/ 		for(moduleId in moreModules) {
+/******/ 			if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
+/******/ 				modules[moduleId] = moreModules[moduleId];
+/******/ 			}
+/******/ 		}
+/******/ 		if(parentJsonpFunction) parentJsonpFunction(data);
+/******/
+/******/ 		while(resolves.length) {
+/******/ 			resolves.shift()();
+/******/ 		}
+/******/
+/******/ 		// add entry modules from loaded chunk to deferred list
+/******/ 		deferredModules.push.apply(deferredModules, executeModules || []);
+/******/
+/******/ 		// run deferred modules when all chunks ready
+/******/ 		return checkDeferredModules();
+/******/ 	};
+/******/ 	function checkDeferredModules() {
+/******/ 		var result;
+/******/ 		for(var i = 0; i < deferredModules.length; i++) {
+/******/ 			var deferredModule = deferredModules[i];
+/******/ 			var fulfilled = true;
+/******/ 			for(var j = 1; j < deferredModule.length; j++) {
+/******/ 				var depId = deferredModule[j];
+/******/ 				if(installedChunks[depId] !== 0) fulfilled = false;
+/******/ 			}
+/******/ 			if(fulfilled) {
+/******/ 				deferredModules.splice(i--, 1);
+/******/ 				result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
+/******/ 			}
+/******/ 		}
+/******/
+/******/ 		return result;
+/******/ 	}
+/******/
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// object to store loaded and loading chunks
+/******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 	// Promise = chunk loading, 0 = chunk loaded
+/******/ 	var installedChunks = {
+/******/ 		"/manifest": 0
+/******/ 	};
+/******/
+/******/ 	var deferredModules = [];
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/ 	var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
+/******/ 	var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
+/******/ 	jsonpArray.push = webpackJsonpCallback;
+/******/ 	jsonpArray = jsonpArray.slice();
+/******/ 	for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
+/******/ 	var parentJsonpFunction = oldJsonpFunction;
+/******/
+/******/
+/******/ 	// run deferred modules from other chunks
+/******/ 	checkDeferredModules();
+/******/ })
+/************************************************************************/
+/******/ ([]);

public/app.js

@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=d8f330d4af66dfc8e804",
-    "/manifest.js": "/manifest.js?id=3c768977c2574a34506e",
-    "/vendor.js": "/vendor.js?id=5a30bc9bc2e005aa1c33"
+    "/app.js": "/app.js?id=bfd0d0adc70a3b997342",
+    "/manifest.js": "/manifest.js?id=d9708e48a6c10ccee4bb",
+    "/vendor.js": "/vendor.js?id=f4679ac178c0e413cb28"
 }

public/manifest.js

@@ -3,6 +3,7 @@ import VueBus from 'vue-bus';
 import axios from './util/axios'
 import lodash from 'lodash'
 import router from '@/router'
+import store from '@/store'
 import {
     LoadingBar,
     Message,
@@ -22,6 +23,8 @@ Vue.prototype.$http = axios;
 Vue.prototype._ = lodash;
 window._ = lodash;
 Vue.use(VueBus);
+
+
 import './styles/admin.scss';
 
 export default class VueAdmin {
@@ -44,6 +47,7 @@ export default class VueAdmin {
         this.boot();
         this.app = new Vue({
             el: '#vue-admin',
+            store,
             router
         });
     }

public/mix-manifest.json

@@ -1,7 +1,6 @@
 <template>
   <div class="grid-container">
     <el-card shadow="never" :body-style="{ padding: 0 }">
-     
       <div class="grid-top-container">
         <div class="grid-top-container-left">
           <BatchActions
@@ -10,14 +9,13 @@
             :rows="selectionRows"
             v-if="attrs.selection"
           />
-          <div class="search-view mr-10"  v-if="attrs.quickSearch">
+          <div class="search-view mr-10" v-if="attrs.quickSearch">
             <el-input
               v-model="quickSearch"
               :placeholder="attrs.quickSearch.placeholder"
               :clearable="true"
               @clear="getData"
               @keyup.enter.native="getData"
-             
             >
               <el-button @click="getData" :loading="loading" slot="append"
                 >搜索</el-button
@@ -88,15 +86,15 @@
       :body-style="{ padding: 0 }"
       v-loading="loading"
     >
-     <el-tabs v-if="false">
+      <el-tabs v-if="false">
         <el-tab-pane label="全部" name="first"></el-tab-pane>
         <el-tab-pane label="代付款" name="second"></el-tab-pane>
         <el-tab-pane label="代发货" name="third"></el-tab-pane>
         <el-tab-pane label="待收货" name="third2"></el-tab-pane>
         <el-tab-pane label="已完成" name="third3"></el-tab-pane>
         <el-tab-pane label="已关闭" name="third4"></el-tab-pane>
       </el-tabs>
-     <div class="filter-form" v-if="attrs.filter.filters.length > 0">
+      <div class="filter-form" v-if="attrs.filter.filters.length > 0">
         <el-form
           :inline="true"
           label-suffix="："
@@ -121,7 +119,7 @@
           </el-form-item>
         </el-form>
       </div>
-     
+
       <div>
         <el-table
           :data="tableData"
@@ -181,10 +179,7 @@
               </template>
             </el-table-column>
           </template>
-          <el-table-column
-            v-if="attrs.actions && !attrs.actions.hide"
-            label=""
-          >
+          <el-table-column v-if="attrs.actions && !attrs.actions.hide" label="">
             <template slot="header"></template>
             <template slot-scope="scope">
               <Actions
@@ -250,6 +245,7 @@ export default {
     this.filterFormData = this._.cloneDeep(this.attrs.filter.filterFormData);
 
     this.getData();
+
     this.$bus.on("tableReload", () => {
       this.getData();
     });
@@ -266,7 +262,7 @@ export default {
     },
     onFilterReset() {
       console.log(this.attrs.filter.filterFormData);
-      
+
       this.filterFormData = this._.cloneDeep(this.attrs.filter.filterFormData);
       this.getData();
     },
@@ -394,9 +390,9 @@ export default {
   .filter-form {
     padding: 10px;
     border-bottom: 1px solid #ebeef5;
-    .el-form-item{
+    .el-form-item {
       margin-bottom: 0px;
-      .el-form-item__label{
+      .el-form-item__label {
         padding: 0;
       }
     }

public/vendor.js

@@ -2,7 +2,7 @@
   <div
     style="min-height:150px;"
     v-loading="loading"
-     element-loading-spinner="el-icon-loading"
+    element-loading-spinner="el-icon-loading"
     element-loading-background="rgba(0, 0, 0, 0)"
   >
     <component
@@ -28,6 +28,7 @@ export default {
     this.$bus.on("route-after", to => {
       this.path = to.path;
       this.query = to.query;
+      this.loading = true;
       this.$nextTick(() => {
         this.getContent();
       });
@@ -38,7 +39,29 @@ export default {
   },
   methods: {
     getContent() {
-      this.loading = true;
+      let componentData = this._.get(this.$store.state.contents, this.path);
+      if (componentData) {
+        this.componentData = componentData;
+        this.loading = false;
+      } else {
+        this.$store
+          .dispatch("getCenten", {
+            path: this.path,
+            contentUrl: window.config.apiRoot + this.path,
+            params: {
+              ...this.query
+            }
+          })
+          .then(data => {
+            this.componentData = data;
+            this.loading = false;
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      }
+
+      /*this.loading = true;
       let contentUrl = window.config.apiRoot + this.path;
       this.$http
         .get(contentUrl, {
@@ -50,7 +73,7 @@ export default {
           this.componentData = data;
           this.loading = false;
         })
-        .catch(() => {});
+        .catch(() => {});*/
     }
   }
 };