@vue-start/pro 0.2.0 → 0.3.0

package/dist/index.js

@@ -7,6 +7,7 @@ var lodash = require('lodash');
 var rxjs = require('rxjs');
 var hooks = require('@vue-start/hooks');
 var request = require('@vue-start/request');
+var vueRouter = require('vue-router');
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -154,17 +155,100 @@ var useComposeRequestActor = function useComposeRequestActor(actors, options, ca
   }, []);
 };
 
-/**
- * 获取Column的valueType，默认"text"
- * @param column
+/**
+ * 剔除showState或showStateRules规则为!true的值
+ * @param values
+ * @param showState
+ * @param showStateRules
+ */
+var getValidValues = function getValidValues(values, showState, showStateRules) {
+  if (showState) {
+    var invalidKeys = lodash.filter(lodash.keys(showState), function (key) {
+      return !showState[key];
+    });
+    return lodash.omit(values, invalidKeys);
+  }
+
+  if (showStateRules) {
+    var _invalidKeys = lodash.filter(lodash.keys(showStateRules), function (key) {
+      return !showStateRules[key](values);
+    });
+
+    return lodash.omit(values, _invalidKeys);
+  }
+
+  return values;
+};
+/**
+ * string类型的path转为arr
+ * @param path
+ */
+
+var convertPathToList = function convertPathToList(path) {
+  if (!path) {
+    return undefined;
+  }
+
+  if (lodash.isArray(path)) {
+    return path;
+  }
+
+  if (path && lodash.isString(path) && path.indexOf(".") > 0) {
+    return lodash.split(path, ".");
+  }
+
+  return [path];
+};
+/**
+ * 唯一id
+ */
+
+var generateId = function generateId() {
+  return Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+};
+/**
+ * 将listState 中的数据通过id merge到 list item中
+ * ps：数组会替换
+ * @param list
+ * @param listState
+ * @param id
+ */
+
+var mergeStateToList = function mergeStateToList(list, listState, id) {
+  if (!listState || !id) {
+    return list;
+  }
+
+  return lodash.map(list, function (item) {
+    var idName = lodash.isFunction(id) ? id(item) : id; //如果listState中有值，merge处理
+
+    var stateData = lodash.get(listState, idName);
+
+    if (!stateData || lodash.isEmpty(stateData) || lodash.isFunction(stateData) || !lodash.isObject(stateData)) {
+      return item;
+    } //只有是对象（键值对）才合并
+
+
+    return lodash.mergeWith(item, stateData, function (objValue, srcValue) {
+      //如果是数组，替换
+      if (lodash.isArray(objValue) || lodash.isArray(srcValue)) {
+        return srcValue;
+      }
+    });
+  });
+};
+
+/**
+ * 获取Column的valueType，默认"text"
+ * @param column
  */
 
 var getColumnValueType = function getColumnValueType(column) {
   return column.formValueType || column.valueType || "text";
 };
-/**
- *获取Column的FormItem name
- * @param column
+/**
+ *获取Column的FormItem name
+ * @param column
  */
 
 var getColumnFormItemName = function getColumnFormItemName(column) {
@@ -172,12 +256,12 @@ var getColumnFormItemName = function getColumnFormItemName(column) {
 
   return ((_column$formItemProps = column.formItemProps) === null || _column$formItemProps === void 0 ? void 0 : _column$formItemProps.name) || column.dataIndex;
 };
-/**
- * 根据Column生成FormItem VNode
- * formFieldProps中的slots参数会以v-slots的形式传递到FormItem的录入组件（子组件）中
- * @param formElementMap
- * @param column
- * @param needRules
+/**
+ * 根据Column生成FormItem VNode
+ * formFieldProps中的slots参数会以v-slots的形式传递到FormItem的录入组件（子组件）中
+ * @param formElementMap
+ * @param column
+ * @param needRules
  */
 
 var getFormItemEl = function getFormItemEl(formElementMap, column) {
@@ -202,11 +286,11 @@ var getFormItemEl = function getFormItemEl(formElementMap, column) {
     showProps: column.showProps
   }), (_column$formFieldProp = column.formFieldProps) === null || _column$formFieldProp === void 0 ? void 0 : _column$formFieldProp.slots);
 };
-/**
- *  根据Column生成Item VNode
- * @param elementMap
- * @param column
- * @param value
+/**
+ *  根据Column生成Item VNode
+ * @param elementMap
+ * @param column
+ * @param value
  */
 
 var getItemEl = function getItemEl(elementMap, column, value) {
@@ -238,44 +322,44 @@ var RequestAction = {
 
 var proModuleProps = function proModuleProps() {
   return {
-    /**
-     * module状态
+    /**
+     * module状态
      */
     state: {
       type: Object
     },
 
-    /**
-     * 配置（静态）
+    /**
+     * 配置（静态）
      */
     columns: {
       type: Array
     },
 
-    /**
-     * 配置（动态）
-     * columns动态属性兼容
+    /**
+     * 配置（动态）
+     * columns动态属性兼容
      */
     columnState: {
       type: Object
     },
 
-    /**
-     * 展示组件集
+    /**
+     * 展示组件集
      */
     elementMap: {
       type: Object
     },
 
-    /**
-     * 录入组件集
+    /**
+     * 录入组件集
      */
     formElementMap: {
       type: Object
     },
 
-    /**
-     * requests
+    /**
+     * requests
      */
     requests: {
       type: Array
@@ -286,27 +370,15 @@ var proModuleProps = function proModuleProps() {
 var ProModule = vue.defineComponent({
   props: _objectSpread2({}, proModuleProps()),
   setup: function setup(props, _ref) {
-    var slots = _ref.slots;
+    var slots = _ref.slots,
+        expose = _ref.expose;
 
-    /**
-     * columns columnState 合并
+    /**
+     * columns columnState 合并
      */
     var columns = vue.computed(function () {
-      return lodash.map(props.columns, function (item) {
-        //如果columnState中有值，merge处理
-        var mapData = lodash.get(props.columnState, getColumnFormItemName(item));
-
-        if (lodash.isObject(mapData) && !lodash.isEmpty(mapData) && !lodash.isArray(mapData) && !lodash.isFunction(mapData)) {
-          //合并
-          return lodash.mergeWith(item, mapData, function (objValue, srcValue) {
-            //如果是数组，替换
-            if (lodash.isArray(objValue) || lodash.isArray(srcValue)) {
-              return srcValue;
-            }
-          });
-        }
-
-        return item;
+      return mergeStateToList(props.columns, props.columnState, function (item) {
+        return getColumnFormItemName(item);
       });
     });
     /*********************************** 渲染组件 ***************************************/
@@ -460,6 +532,10 @@ var ProModule = vue.defineComponent({
       requests: props.requests,
       sendRequest: sendRequest
     });
+    expose({
+      sendEvent: sendEvent,
+      sendRequest: sendRequest
+    });
     return function () {
       var _slots$default;
 
@@ -542,6 +618,11 @@ exports.CurdAddAction = void 0;
   CurdAddAction["CONTINUE"] = "CONTINUE";
 })(exports.CurdAddAction || (exports.CurdAddAction = {}));
 
+var defaultPage = {
+  page: 1,
+  pageSize: 10
+};
+
 var proCurdProps = function proCurdProps() {
   return {
     /**
@@ -578,7 +659,8 @@ var proCurdProps = function proCurdProps() {
 var Curd = vue.defineComponent({
   props: _objectSpread2({}, proCurdProps()),
   setup: function setup(props, _ref) {
-    var slots = _ref.slots;
+    var slots = _ref.slots,
+        expose = _ref.expose;
 
     var _ref2 = useProModule(),
         columns = _ref2.columns,
@@ -647,12 +729,18 @@ var Curd = vue.defineComponent({
     var sendCurdEvent = function sendCurdEvent(event) {
       sendEvent({
         type: event.action,
-        payload: lodash.omit(event, "action")
+        payload: lodash.omit(event, "action", "source"),
+        source: event.source
       });
     }; //事件订阅
 
 
     useModuleEvent(function (event) {
+      //如果当前event存在source 不处理
+      if (event.source) {
+        return;
+      }
+
       var action = event.type;
       var _ref3 = event.payload,
           type = _ref3.type,
@@ -729,6 +817,11 @@ var Curd = vue.defineComponent({
       descProps: descProps,
       modalProps: modalProps
     });
+    expose({
+      sendCurdEvent: sendCurdEvent,
+      getOperate: getOperate,
+      refreshList: handleSearch
+    });
     return function () {
       var _slots$default;
 
@@ -745,7 +838,10 @@ var ProCurd = vue.defineComponent({
   setup: function setup(props, _ref4) {
     var _curdOperateOpts;
 
-    var slots = _ref4.slots;
+    var slots = _ref4.slots,
+        expose = _ref4.expose;
+    var moduleRef = vue.ref();
+    var curdRef = vue.ref();
     var curdState = props.curdState || vue.reactive({
       detailData: {}
     });
@@ -797,18 +893,383 @@ var ProCurd = vue.defineComponent({
       },
       label: "删除"
     }), _curdOperateOpts);
+    /****************************** columns分类 *************************************/
+
     var requests = lodash.map(props.operates, function (item) {
       var curdOpts = lodash.get(curdOperateOpts, item.action);
       return _objectSpread2(_objectSpread2({}, curdOpts), item);
     });
     var moduleKeys = lodash.keys(lodash.omit(ProModule.props, "state", "requests"));
+    expose({
+      moduleRef: moduleRef,
+      curdRef: curdRef
+    });
+    return function () {
+      return vue.createVNode(ProModule, vue.mergeProps({
+        "ref": moduleRef
+      }, lodash.pick(props, moduleKeys), {
+        "state": curdState,
+        "requests": requests
+      }), {
+        "default": function _default() {
+          return [vue.createVNode(Curd, vue.mergeProps({
+            "ref": curdRef
+          }, lodash.omit.apply(void 0, [props].concat(_toConsumableArray(moduleKeys), ["curdState", "operates"])), {
+            "operates": requests
+          }), slots)];
+        }
+      });
+    };
+  }
+});
+
+var modalCurdProps = function modalCurdProps() {
+  return {
+    defaultAddRecord: {
+      type: Object
+    }
+  };
+};
+
+/**
+ * 事件处理
+ */
+var ModalCurd = vue.defineComponent({
+  props: _objectSpread2({}, modalCurdProps()),
+  setup: function setup(props) {
+    var _listProps$value;
+
+    var _useProModule = useProModule(),
+        dispatch = _useProModule.dispatch,
+        sendRequest = _useProModule.sendRequest;
+
+    var _useProCurd = useProCurd(),
+        rowKey = _useProCurd.rowKey,
+        curdState = _useProCurd.curdState,
+        listProps = _useProCurd.listProps,
+        getOperate = _useProCurd.getOperate,
+        refreshList = _useProCurd.refreshList;
+
+    var pageState = (listProps === null || listProps === void 0 ? void 0 : (_listProps$value = listProps.value) === null || _listProps$value === void 0 ? void 0 : _listProps$value.pageState) || vue.reactive(_objectSpread2({}, defaultPage)); //发送详情接口
+
+    var sendDetailRequest = function sendDetailRequest(record) {
+      var operateOpts = getOperate(exports.CurdAction.DETAIL);
+
+      if (operateOpts !== null && operateOpts !== void 0 && operateOpts.actor) {
+        //如果注册了详情接口 发起请求
+        sendRequest(exports.CurdAction.DETAIL, record, rowKey);
+      } else {
+        //直接使用当前record作为详情数据
+        dispatch({
+          type: "detailData",
+          payload: record
+        });
+      }
+    };
+
+    var dealDetail = function dealDetail(subAction, _ref) {
+      var record = _ref.record;
+
+      if (subAction === exports.CurdSubAction.EMIT) {
+        dispatch({
+          type: "mode",
+          payload: exports.CurdCurrentMode.DETAIL
+        });
+        sendDetailRequest(record);
+      }
+    };
+
+    var dealAdd = function dealAdd(subAction) {
+      if (subAction === exports.CurdSubAction.EMIT) {
+        dispatch({
+          type: "mode",
+          payload: exports.CurdCurrentMode.ADD
+        });
+        dispatch({
+          type: "detailData",
+          payload: props.defaultAddRecord || {}
+        });
+      } else if (subAction === exports.CurdSubAction.SUCCESS) {
+        //添加成功
+        pageState.page = 1; //重置当前页数
+        //刷新List
+
+        refreshList({
+          page: 1
+        });
+
+        if (curdState.addAction === exports.CurdAddAction.CONTINUE) {
+          dispatch({
+            type: "detailData",
+            payload: props.defaultAddRecord || {}
+          });
+        } else {
+          dispatch({
+            type: "mode",
+            payload: undefined
+          });
+        }
+      }
+    };
+
+    var dealEdit = function dealEdit(subAction, _ref2) {
+      var record = _ref2.record;
+
+      if (subAction === exports.CurdSubAction.EMIT) {
+        dispatch({
+          type: "mode",
+          payload: exports.CurdCurrentMode.EDIT
+        });
+        sendDetailRequest(record);
+      } else if (subAction === exports.CurdSubAction.SUCCESS) {
+        // 编辑成功
+        dispatch({
+          type: "mode",
+          payload: undefined
+        }); //刷新列表
+
+        refreshList();
+      }
+    };
+
+    var dealDelete = function dealDelete(subAction) {
+      if (subAction === exports.CurdSubAction.SUCCESS) {
+        //刷新列表
+        refreshList();
+      }
+    };
+
+    useModuleEvent(function (_ref3) {
+      var type = _ref3.type,
+          payload = _ref3.payload,
+          source = _ref3.source;
+
+      if (source) {
+        return;
+      }
+
+      var action = type;
+      var subAction = payload === null || payload === void 0 ? void 0 : payload.type;
+      var record = payload === null || payload === void 0 ? void 0 : payload.record;
+
+      if (action === RequestAction.Success) {
+        //覆盖
+        action = lodash.get(payload, ["requestOpts", "action"]);
+        subAction = exports.CurdSubAction.SUCCESS;
+      }
+
+      switch (action) {
+        case exports.CurdAction.DETAIL:
+          dealDetail(subAction, {
+            record: record
+          });
+          break;
+
+        case exports.CurdAction.ADD:
+          dealAdd(subAction);
+          break;
+
+        case exports.CurdAction.EDIT:
+          dealEdit(subAction, {
+            record: record
+          });
+          break;
+
+        case exports.CurdAction.DELETE:
+          dealDelete(subAction);
+          break;
+      }
+    });
+    return function () {
+      return null;
+    };
+  }
+});
+var ProModalCurd = vue.defineComponent({
+  props: _objectSpread2(_objectSpread2({}, ProCurd.props), ModalCurd.props),
+  setup: function setup(props, _ref4) {
+    var slots = _ref4.slots;
+    var invalidKeys = lodash.keys(ModalCurd.props);
     return function () {
-      return vue.h(ProModule, _objectSpread2(_objectSpread2({}, lodash.pick(props, moduleKeys)), {}, {
-        state: curdState,
-        requests: requests
-      }), vue.h(Curd, _objectSpread2(_objectSpread2({}, lodash.omit.apply(void 0, [props].concat(_toConsumableArray(moduleKeys), ["curdState", "operates"]))), {}, {
-        operates: requests
-      }), slots));
+      var _slots$default;
+
+      return vue.createVNode(ProCurd, lodash.omit(props, invalidKeys), {
+        "default": function _default() {
+          return [vue.createVNode(ModalCurd, lodash.pick(props, invalidKeys), null), (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)];
+        }
+      });
+    };
+  }
+});
+
+var pageCurdProps = function pageCurdProps() {
+  return {
+    defaultAddRecord: {
+      type: Object
+    },
+    routeBack: {
+      type: Function
+    }
+  };
+};
+
+var PageCurd = vue.defineComponent({
+  props: _objectSpread2({}, pageCurdProps()),
+  setup: function setup(props) {
+    var router = vueRouter.useRouter();
+    var route = vueRouter.useRoute();
+
+    var _useProModule = useProModule(),
+        dispatch = _useProModule.dispatch,
+        sendRequest = _useProModule.sendRequest;
+
+    var _useProCurd = useProCurd(),
+        rowKey = _useProCurd.rowKey,
+        curdState = _useProCurd.curdState;
+
+    var dealList = function dealList(subAction) {
+      if (subAction === exports.CurdSubAction.PAGE) {
+        //其实就是个重置过程
+        dispatch({
+          type: "mode",
+          payload: undefined
+        });
+        dispatch({
+          type: "detailData",
+          payload: {}
+        });
+        dispatch({
+          type: "detailLoading",
+          payload: false
+        });
+        dispatch({
+          type: "addAction",
+          payload: undefined
+        });
+      }
+    };
+
+    var dealDetail = function dealDetail(subAction, _ref) {
+      var record = _ref.record;
+
+      if (subAction === exports.CurdSubAction.EMIT) {
+        router.push({
+          path: "".concat(route.path, "/detail"),
+          query: lodash.pick(record, rowKey)
+        });
+      } else if (subAction === exports.CurdSubAction.PAGE) {
+        dispatch({
+          type: "mode",
+          payload: exports.CurdCurrentMode.DETAIL
+        });
+        sendRequest(exports.CurdAction.DETAIL, route.query, rowKey);
+      }
+    };
+
+    var dealAdd = function dealAdd(subAction) {
+      if (subAction === exports.CurdSubAction.EMIT) {
+        router.push({
+          path: "".concat(route.path, "/add")
+        });
+      } else if (subAction === exports.CurdSubAction.PAGE) {
+        dispatch({
+          type: "mode",
+          payload: exports.CurdCurrentMode.ADD
+        });
+        dispatch({
+          type: "detailData",
+          payload: props.defaultAddRecord || {}
+        });
+      } else if (subAction === exports.CurdSubAction.SUCCESS) {
+        if (curdState.addAction === exports.CurdAddAction.CONTINUE) {
+          dispatch({
+            type: "detailData",
+            payload: props.defaultAddRecord || {}
+          });
+        } else {
+          props.routeBack ? props.routeBack(exports.CurdAction.ADD) : router.go(-1);
+        }
+      }
+    };
+
+    var dealEdit = function dealEdit(subAction, _ref2) {
+      var record = _ref2.record;
+
+      if (subAction === exports.CurdSubAction.EMIT) {
+        router.push({
+          path: "".concat(route.path, "/edit"),
+          query: lodash.pick(record, rowKey)
+        });
+      } else if (subAction === exports.CurdSubAction.PAGE) {
+        dispatch({
+          type: "mode",
+          payload: exports.CurdCurrentMode.EDIT
+        });
+        sendRequest(exports.CurdAction.DETAIL, route.query, rowKey);
+      } else if (subAction === exports.CurdSubAction.SUCCESS) {
+        props.routeBack ? props.routeBack(exports.CurdAction.EDIT) : router.go(-1);
+      }
+    };
+
+    useModuleEvent(function (_ref3) {
+      var type = _ref3.type,
+          payload = _ref3.payload,
+          source = _ref3.source;
+
+      if (source) {
+        return;
+      }
+
+      var action = type;
+      var subAction = payload === null || payload === void 0 ? void 0 : payload.type;
+      var record = payload === null || payload === void 0 ? void 0 : payload.record;
+
+      if (action === RequestAction.Success) {
+        //覆盖
+        action = lodash.get(payload, ["requestOpts", "action"]);
+        subAction = exports.CurdSubAction.SUCCESS;
+      }
+
+      switch (action) {
+        case exports.CurdAction.LIST:
+          dealList(subAction);
+          break;
+
+        case exports.CurdAction.DETAIL:
+          dealDetail(subAction, {
+            record: record
+          });
+          break;
+
+        case exports.CurdAction.ADD:
+          dealAdd(subAction);
+          break;
+
+        case exports.CurdAction.EDIT:
+          dealEdit(subAction, {
+            record: record
+          });
+          break;
+      }
+    });
+    return function () {
+      return null;
+    };
+  }
+});
+var ProPageCurd = vue.defineComponent({
+  props: _objectSpread2(_objectSpread2({}, ProCurd.props), PageCurd.props),
+  setup: function setup(props, _ref4) {
+    var slots = _ref4.slots;
+    var invalidKeys = lodash.keys(PageCurd.props);
+    return function () {
+      var _slots$default;
+
+      return vue.createVNode(ProCurd, lodash.omit(props, invalidKeys), {
+        "default": function _default() {
+          return [vue.createVNode(PageCurd, lodash.pick(props, invalidKeys), null), (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)];
+        }
+      });
     };
   }
 });
@@ -876,6 +1337,9 @@ var proFormProps = function proFormProps() {
     columns: {
       type: Array
     },
+    columnState: {
+      type: Object
+    },
 
     /**
      * 展示控件集合，readonly模式下使用这些组件渲染
@@ -941,17 +1405,9 @@ var ProForm = vue.defineComponent({
     var readonly = vue.computed(function () {
       return props.readonly;
     });
-    /**
-     * 将columns 转化为FormItem VNode对象
-     */
-
-    var formItemVNodes = vue.computed(function () {
-      if (lodash.size(props.formElementMap) <= 0) {
-        return [];
-      }
-
-      return lodash.map(props.columns, function (item) {
-        return getFormItemEl(props.formElementMap, item, props.needRules);
+    var columns = vue.computed(function () {
+      return mergeStateToList(props.columns, props.columnState, function (item) {
+        return getColumnFormItemName(item);
       });
     });
     provideProForm(_objectSpread2({
@@ -961,14 +1417,16 @@ var ProForm = vue.defineComponent({
       disableState: disableState,
       //
       elementMap: props.elementMap,
+      formElementMap: props.formElementMap,
       //
       readonly: readonly,
       //
-      formItemVNodes: formItemVNodes
+      columns: columns
     }, props.provideExtra));
     return function () {
       var _slots$default;
 
+      // console.log("########", columns.value, props.columns, props.columnState);
       return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
     };
   }
@@ -1089,51 +1547,6 @@ var ProSearchForm = vue.defineComponent({
   }
 });
 
-/**
- * 剔除showState或showStateRules规则为!true的值
- * @param values
- * @param showState
- * @param showStateRules
- */
-var getValidValues = function getValidValues(values, showState, showStateRules) {
-  if (showState) {
-    var invalidKeys = lodash.filter(lodash.keys(showState), function (key) {
-      return !showState[key];
-    });
-    return lodash.omit(values, invalidKeys);
-  }
-
-  if (showStateRules) {
-    var _invalidKeys = lodash.filter(lodash.keys(showStateRules), function (key) {
-      return !showStateRules[key](values);
-    });
-
-    return lodash.omit(values, _invalidKeys);
-  }
-
-  return values;
-};
-/**
- * string类型的path转为arr
- * @param path
- */
-
-var convertPathToList = function convertPathToList(path) {
-  if (!path) {
-    return undefined;
-  }
-
-  if (lodash.isArray(path)) {
-    return path;
-  }
-
-  if (path && lodash.isString(path) && path.indexOf(".") > 0) {
-    return lodash.split(path, ".");
-  }
-
-  return [path];
-};
-
 /**
  * ProFormList ctx
  */
@@ -1350,8 +1763,8 @@ var proTableProps = function proTableProps() {
       type: String
     },
 
-    /**
-     * 公共column，会merge到columns item中
+    /**
+     * 公共column，会merge到columns item中
      */
     column: {
       type: Object
@@ -1360,23 +1773,40 @@ var proTableProps = function proTableProps() {
     columns: {
       type: Array
     },
+    columnState: {
+      type: Object
+    },
 
-    /**
-     * 展示控件集合，readonly模式下使用这些组件渲染
+    /**
+     * 展示控件集合，readonly模式下使用这些组件渲染
      */
     elementMap: {
       type: Object
     },
 
-    /**
-     * loading
+    /**
+     * loading
      */
     loading: {
       type: Boolean
     },
 
-    /**
-     * provide传递
+    /**
+     * 序号
+     */
+    serialNumber: {
+      type: Boolean
+    },
+
+    /**
+     * 分页
+     */
+    pagination: {
+      type: Object
+    },
+
+    /**
+     * provide传递
      */
     provideExtra: {
       type: Object
@@ -1389,8 +1819,11 @@ var ProTable = vue.defineComponent({
   setup: function setup(props, _ref) {
     var slots = _ref.slots;
     var columns = vue.computed(function () {
-      //根据valueType选择对应的展示组件
-      var columns = lodash.map(props.columns, function (item) {
+      var mergeColumns = mergeStateToList(props.columns, props.columnState, function (item) {
+        return item.dataIndex;
+      }); //根据valueType选择对应的展示组件
+
+      var columns = lodash.map(mergeColumns, function (item) {
         //merge公共item
         var nextItem = lodash.merge(props.column, item);
 
@@ -1408,7 +1841,29 @@ var ProTable = vue.defineComponent({
         }
 
         return nextItem;
-      });
+      }); //处理序号
+
+      if (props.serialNumber) {
+        columns.unshift(_objectSpread2(_objectSpread2({
+          title: "序号",
+          dataIndex: "serialNumber",
+          width: 80
+        }, props.column), {}, {
+          // @ts-ignore
+          customRender: function customRender(_ref3) {
+            var _props$pagination, _props$pagination2;
+
+            var index = _ref3.index;
+
+            if ((_props$pagination = props.pagination) !== null && _props$pagination !== void 0 && _props$pagination.page && (_props$pagination2 = props.pagination) !== null && _props$pagination2 !== void 0 && _props$pagination2.pageSize) {
+              return props.pagination.pageSize * (props.pagination.page - 1) + index + 1;
+            }
+
+            return index + 1;
+          }
+        }));
+      }
+
       var operate = props.operate; //处理operate
 
       if (operate && operate.items && lodash.some(operate.items, function (item) {
@@ -1427,8 +1882,8 @@ var ProTable = vue.defineComponent({
           dataIndex: "operate",
           fixed: "right"
         }, props.column), {}, {
-          customRender: function customRender(_ref3) {
-            var record = _ref3.record;
+          customRender: function customRender(_ref4) {
+            var record = _ref4.record;
             var validItems = lodash.filter(sortedItems, function (item) {
               if (item.show && lodash.isFunction(item.show)) {
                 return item.show(record);
@@ -1470,7 +1925,7 @@ var ProTable = vue.defineComponent({
     return function () {
       var _slots$default;
 
-      return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots, columns.value);
+      return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
     };
   }
 });
@@ -1478,17 +1933,22 @@ var ProTable = vue.defineComponent({
 exports.ProCurd = ProCurd;
 exports.ProForm = ProForm;
 exports.ProFormList = ProFormList;
+exports.ProModalCurd = ProModalCurd;
 exports.ProModule = ProModule;
+exports.ProPageCurd = ProPageCurd;
 exports.ProSearchForm = ProSearchForm;
 exports.ProTable = ProTable;
 exports.RequestAction = RequestAction;
 exports.convertPathToList = convertPathToList;
 exports.createFormItemCompFn = createFormItemCompFn;
+exports.defaultPage = defaultPage;
+exports.generateId = generateId;
 exports.getColumnFormItemName = getColumnFormItemName;
 exports.getColumnValueType = getColumnValueType;
 exports.getFormItemEl = getFormItemEl;
 exports.getItemEl = getItemEl;
 exports.getValidValues = getValidValues;
+exports.mergeStateToList = mergeStateToList;
 exports.provideProCurd = provideProCurd;
 exports.provideProModule = provideProModule;
 exports.useComposeRequestActor = useComposeRequestActor;