@vue-start/pro 0.4.0 → 0.4.1

package/dist/index.d.ts

@@ -743,7 +743,6 @@ declare const proSearchFormProps: () => {
      */
     model: {
         type: PropType<Record<string, any>>;
-        required: boolean;
     };
     /**
      * 初始化触发 onFinish
@@ -889,6 +888,7 @@ interface IProFormListProvide {
     pathList: (string | number)[];
 }
 declare const useProFormList: () => IProFormListProvide;
+declare const provideProFormList: (ctx: IProFormListProvide) => void;
 declare const proFormListProps: () => {
     rowKey: {
         type: StringConstructor;
@@ -958,4 +958,4 @@ declare const generateId: () => string;
  */
 declare const createExpose: (methods: string[], targetRef: Ref$1) => {};
 
-export { BooleanObjType, BooleanRulesObjType, CurdAction, CurdAddAction, CurdCurrentMode, CurdSubAction, FieldNames, FormItemProps, GridProps, ICurdAction, ICurdAddAction, ICurdCurrentMode, ICurdOperateOpts, ICurdState, ICurdSubAction, IElementConfig, IHighConfig, IListData, IOperateItem, IProCurdProvide, IProFormProvideExtra, IProModuleProvide, IProTableProvide, IProTableProvideExtra, IRequestOpts, ISearchMode, ITableOperate, InternalNamePath, NamePath, ProCurd, ProCurdAddOrEditProps, ProCurdListProps, ProCurdProps, ProFormItemProps, ProFormListProps, ProFormProps, ProModalCurd, ProModalCurdProps, ProModule, ProModuleProps, ProPageCurd, ProPageCurdProps, ProSearchFormProps, ProTableProps, RequestAction, SearchMode, TActionEvent, TActionState, TColumn, TColumns, TCurdActionEvent, TData, TDefaultValueType, TElementMap, TOption, TOptions, TPageState, TTableColumn, TTableColumns, TValueType, Wrapper, convertPathToList, createCurdDesc, createCurdForm, createCurdList, createExpose, createForm, createFormItemCompFn, createFormList, createGrid, createSearchForm, createTable, defaultPage, findTargetInTree, findTargetListInTree, generateId, getColumnFormItemName, getColumnValueType, getFirstPropName, getFormItemEl, getItemEl, getValidValues, mergeStateToList, provideProCurd, provideProModule, renderElement, renderElements, useComposeRequestActor, useDoneRequestActor, useFailedRequestActor, useModuleEvent, useProCurd, useProForm, useProFormList, useProModule, useProTable };
+export { BooleanObjType, BooleanRulesObjType, CurdAction, CurdAddAction, CurdCurrentMode, CurdSubAction, FieldNames, FormItemProps, GridProps, ICurdAction, ICurdAddAction, ICurdCurrentMode, ICurdOperateOpts, ICurdState, ICurdSubAction, IElementConfig, IHighConfig, IListData, IOperateItem, IProCurdProvide, IProFormProvideExtra, IProModuleProvide, IProTableProvide, IProTableProvideExtra, IRequestOpts, ISearchMode, ITableOperate, InternalNamePath, NamePath, ProCurd, ProCurdAddOrEditProps, ProCurdListProps, ProCurdProps, ProFormItemProps, ProFormListProps, ProFormProps, ProModalCurd, ProModalCurdProps, ProModule, ProModuleProps, ProPageCurd, ProPageCurdProps, ProSearchFormProps, ProTableProps, RequestAction, SearchMode, TActionEvent, TActionState, TColumn, TColumns, TCurdActionEvent, TData, TDefaultValueType, TElementMap, TOption, TOptions, TPageState, TTableColumn, TTableColumns, TValueType, Wrapper, convertPathToList, createCurdDesc, createCurdForm, createCurdList, createExpose, createForm, createFormItemCompFn, createFormList, createGrid, createSearchForm, createTable, defaultPage, findTargetInTree, findTargetListInTree, generateId, getColumnFormItemName, getColumnValueType, getFirstPropName, getFormItemEl, getItemEl, getValidValues, mergeStateToList, provideProCurd, provideProFormList, provideProModule, renderElement, renderElements, useComposeRequestActor, useDoneRequestActor, useFailedRequestActor, useModuleEvent, useProCurd, useProForm, useProFormList, useProModule, useProTable };

package/dist/index.es.js

@@ -1943,6 +1943,114 @@ var createCurdList = function createCurdList(SearchForm, Table) {
   });
 };
 
+/**
+ * ProFormList ctx
+ */
+
+var ProFormListKey = Symbol("pro-form-list");
+var useProFormList = function useProFormList() {
+  return inject(ProFormListKey);
+};
+var provideProFormList = function provideProFormList(ctx) {
+  provide(ProFormListKey, ctx);
+};
+var FormListProvider = defineComponent({
+  props: {
+    pathList: {
+      type: Array
+    }
+  },
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots;
+    provideProFormList({
+      pathList: props.pathList
+    });
+    return function () {
+      var _slots$default;
+
+      return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
+    };
+  }
+});
+
+var createFormList = function createFormList(FormItem) {
+  return defineComponent({
+    props: _objectSpread2(_objectSpread2({}, FormItem.props), {}, {
+      //每行默认id
+      rowKey: {
+        type: String,
+        "default": "id"
+      }
+    }),
+    setup: function setup(props, _ref2) {
+      var slots = _ref2.slots;
+
+      var _useProForm = useProForm(),
+          formState = _useProForm.formState,
+          readonly = _useProForm.readonly;
+
+      var formListCtx = useProFormList();
+      var nameList = convertPathToList(props.name);
+      var path = formListCtx !== null && formListCtx !== void 0 && formListCtx.pathList ? [].concat(_toConsumableArray(formListCtx.pathList), _toConsumableArray(nameList)) : nameList;
+
+      var handleAdd = function handleAdd() {
+        var targetList = get(formState, path);
+
+        if (!isArray(targetList)) {
+          targetList = [];
+        }
+
+        targetList.push(_defineProperty({}, props.rowKey, new Date().valueOf()));
+        set(formState, path, targetList);
+      };
+
+      var handleRemove = function handleRemove(index) {
+        var targetList = get(formState, path);
+
+        if (size(targetList) <= 0) {
+          return;
+        }
+
+        targetList.splice(index, 1);
+      };
+
+      return function () {
+        var _slots$add;
+
+        return createVNode(FormItem, omit(props, "rowKey"), {
+          "default": function _default() {
+            return [map(get(formState, path), function (item, index) {
+              var _slots$default2, _slots$itemAdd, _slots$itemMinus;
+
+              return createVNode(FormListProvider, {
+                "key": item[props.rowKey] || index,
+                "pathList": [].concat(_toConsumableArray(path), [index])
+              }, {
+                "default": function _default() {
+                  return [createVNode("div", {
+                    "class": "pro-form-list-item"
+                  }, [(_slots$default2 = slots["default"]) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots), !readonly.value && createVNode(Fragment, null, [createVNode("div", {
+                    "class": "pro-form-list-item-add",
+                    "onClick": handleAdd
+                  }, [(_slots$itemAdd = slots.itemAdd) === null || _slots$itemAdd === void 0 ? void 0 : _slots$itemAdd.call(slots)]), createVNode("div", {
+                    "class": "pro-form-list-item-minus",
+                    "onClick": function onClick() {
+                      return handleRemove(index);
+                    }
+                  }, [(_slots$itemMinus = slots.itemMinus) === null || _slots$itemMinus === void 0 ? void 0 : _slots$itemMinus.call(slots)])])])];
+                }
+              });
+            }), !readonly.value && createVNode("div", {
+              "class": "pro-form-list-add",
+              "onClick": handleAdd
+            }, [(_slots$add = slots.add) === null || _slots$add === void 0 ? void 0 : _slots$add.call(slots)])];
+          }
+        });
+      };
+    }
+  });
+};
+
 var ProFormKey = Symbol("pro-form");
 var useProForm = function useProForm() {
   return inject(ProFormKey);
@@ -1954,24 +2062,24 @@ var provideProForm = function provideProForm(ctx) {
 
 var proFormProps = function proFormProps() {
   return {
-    /**
-     * 同 antd 或 element  form中的model
+    /**
+     * 同 antd 或 element  form中的model
      */
     model: {
       type: Object
     },
 
-    /**
-     *  子组件是否只读样式
+    /**
+     *  子组件是否只读样式
      */
     readonly: {
       type: Boolean,
       "default": undefined
     },
 
-    /**
-     *  FormComponent 根据此项来确定组件是否显示
-     *  rules 根据rules中方法生成showState对象
+    /**
+     *  FormComponent 根据此项来确定组件是否显示
+     *  rules 根据rules中方法生成showState对象
      */
     showState: {
       type: Object
@@ -1980,8 +2088,8 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     * 是否只读
+    /**
+     * 是否只读
      */
     readonlyState: {
       type: Object
@@ -1990,8 +2098,8 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     * 是否disabled
+    /**
+     * 是否disabled
      */
     disableState: {
       type: Object
@@ -2000,8 +2108,8 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     *
+    /**
+     *
      */
     columns: {
       type: Array
@@ -2010,30 +2118,30 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     * 展示控件集合，readonly模式下使用这些组件渲染
+    /**
+     * 展示控件集合，readonly模式下使用这些组件渲染
      */
     elementMap: {
       type: Object
     },
 
-    /**
-     * 录入控件集合
+    /**
+     * 录入控件集合
      */
     formElementMap: {
       type: Object
     },
 
-    /**
-     * 是否启用rules验证
+    /**
+     * 是否启用rules验证
      */
     needRules: {
       type: Boolean,
       "default": true
     },
 
-    /**
-     * provide传递
+    /**
+     * provide传递
      */
     provideExtra: {
       type: Object
@@ -2123,7 +2231,9 @@ var createForm = function createForm(Form, Grid) {
         columns: columns,
         //
         formRef: formRef
-      }, props.provideExtra));
+      }, props.provideExtra)); //为了不warning ...
+
+      provideProFormList({});
       var invalidKeys = keys(proFormProps());
       var gridKeys = keys(omit(Grid.props, "items"));
       return function () {
@@ -2165,40 +2275,39 @@ var SearchMode;
 
 var proSearchFormProps = function proSearchFormProps() {
   return {
-    /**
-     * 需要监听的对象
+    /**
+     * 需要监听的对象
      */
     model: {
-      type: Object,
-      required: true
+      type: Object
     },
 
-    /**
-     * 初始化触发 onFinish
+    /**
+     * 初始化触发 onFinish
      */
     initEmit: {
       type: Boolean,
       "default": true
     },
 
-    /**
-     *  模式 自动触发或者手动触发 onFinish
+    /**
+     *  模式 自动触发或者手动触发 onFinish
      */
     searchMode: {
       type: String,
       "default": SearchMode.AUTO
     },
 
-    /**
-     * 配置 同ProForm中的columns
-     * 可以根据column中valueType计算出默认的debounceKeys
+    /**
+     * 配置 同ProForm中的columns
+     * 可以根据column中valueType计算出默认的debounceKeys
      */
     columns: {
       type: Array
     },
 
-    /**
-     * 需要debounce处理的字段
+    /**
+     * 需要debounce处理的字段
      */
     debounceKeys: {
       type: Array
@@ -2215,9 +2324,9 @@ var proSearchFormProps = function proSearchFormProps() {
   };
 };
 
-/**
- * 该组件只是个模式，最终返回null，不做任何渲染，应配合着ProForm的包装类一起使用
- * 针对传入的model（监听对象）做相应的finish（回调）处理
+/**
+ * 该组件只是个模式，最终返回null，不做任何渲染，应配合着ProForm的包装类一起使用
+ * 针对传入的model（监听对象）做相应的finish（回调）处理
  */
 var createSearchForm = function createSearchForm(Form, Props) {
   return defineComponent({
@@ -2288,116 +2397,6 @@ var createSearchForm = function createSearchForm(Form, Props) {
   });
 };
 
-/**
- * ProFormList ctx
- */
-
-var ProFormListKey = Symbol("pro-form-list");
-var useProFormList = function useProFormList() {
-  return inject(ProFormListKey);
-};
-
-var provideProFormList = function provideProFormList(ctx) {
-  provide(ProFormListKey, ctx);
-};
-
-var FormListProvider = defineComponent({
-  props: {
-    pathList: {
-      type: Array
-    }
-  },
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots;
-    provideProFormList({
-      pathList: props.pathList
-    });
-    return function () {
-      var _slots$default;
-
-      return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
-    };
-  }
-});
-
-var createFormList = function createFormList(FormItem) {
-  return defineComponent({
-    props: _objectSpread2(_objectSpread2({}, FormItem.props), {}, {
-      //每行默认id
-      rowKey: {
-        type: String,
-        "default": "id"
-      }
-    }),
-    setup: function setup(props, _ref2) {
-      var slots = _ref2.slots;
-
-      var _useProForm = useProForm(),
-          formState = _useProForm.formState,
-          readonly = _useProForm.readonly;
-
-      var formListCtx = useProFormList();
-      var nameList = convertPathToList(props.name);
-      var path = formListCtx !== null && formListCtx !== void 0 && formListCtx.pathList ? [].concat(_toConsumableArray(formListCtx.pathList), _toConsumableArray(nameList)) : nameList;
-
-      var handleAdd = function handleAdd() {
-        var targetList = get(formState, path);
-
-        if (!isArray(targetList)) {
-          targetList = [];
-        }
-
-        targetList.push(_defineProperty({}, props.rowKey, new Date().valueOf()));
-        set(formState, path, targetList);
-      };
-
-      var handleRemove = function handleRemove(index) {
-        var targetList = get(formState, path);
-
-        if (size(targetList) <= 0) {
-          return;
-        }
-
-        targetList.splice(index, 1);
-      };
-
-      return function () {
-        var _slots$add;
-
-        return createVNode(FormItem, omit(props, "rowKey"), {
-          "default": function _default() {
-            return [map(get(formState, path), function (item, index) {
-              var _slots$default2, _slots$itemAdd, _slots$itemMinus;
-
-              return createVNode(FormListProvider, {
-                "key": item[props.rowKey] || index,
-                "pathList": [].concat(_toConsumableArray(path), [index])
-              }, {
-                "default": function _default() {
-                  return [createVNode("div", {
-                    "class": "pro-form-list-item"
-                  }, [(_slots$default2 = slots["default"]) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots), !readonly.value && createVNode(Fragment, null, [createVNode("div", {
-                    "class": "pro-form-list-item-add",
-                    "onClick": handleAdd
-                  }, [(_slots$itemAdd = slots.itemAdd) === null || _slots$itemAdd === void 0 ? void 0 : _slots$itemAdd.call(slots)]), createVNode("div", {
-                    "class": "pro-form-list-item-minus",
-                    "onClick": function onClick() {
-                      return handleRemove(index);
-                    }
-                  }, [(_slots$itemMinus = slots.itemMinus) === null || _slots$itemMinus === void 0 ? void 0 : _slots$itemMinus.call(slots)])])])];
-                }
-              });
-            }), !readonly.value && createVNode("div", {
-              "class": "pro-form-list-add",
-              "onClick": handleAdd
-            }, [(_slots$add = slots.add) === null || _slots$add === void 0 ? void 0 : _slots$add.call(slots)])];
-          }
-        });
-      };
-    }
-  });
-};
-
 var proFormItemProps = function proFormItemProps() {
   return {
     readonly: {
@@ -2676,4 +2675,4 @@ var createTable = function createTable(Table, Props) {
   });
 };
 
-export { CurdAction, CurdAddAction, CurdCurrentMode, CurdSubAction, ProCurd, ProModalCurd, ProModule, ProPageCurd, RequestAction, SearchMode, Wrapper, convertPathToList, createCurdDesc, createCurdForm, createCurdList, createExpose, createForm, createFormItemCompFn, createFormList, createGrid, createSearchForm, createTable, defaultPage, findTargetInTree, findTargetListInTree, generateId, getColumnFormItemName, getColumnValueType, getFirstPropName, getFormItemEl, getItemEl, getValidValues, mergeStateToList, provideProCurd, provideProModule, renderElement, renderElements, useComposeRequestActor, useDoneRequestActor, useFailedRequestActor, useModuleEvent, useProCurd, useProForm, useProFormList, useProModule, useProTable };
+export { CurdAction, CurdAddAction, CurdCurrentMode, CurdSubAction, ProCurd, ProModalCurd, ProModule, ProPageCurd, RequestAction, SearchMode, Wrapper, convertPathToList, createCurdDesc, createCurdForm, createCurdList, createExpose, createForm, createFormItemCompFn, createFormList, createGrid, createSearchForm, createTable, defaultPage, findTargetInTree, findTargetListInTree, generateId, getColumnFormItemName, getColumnValueType, getFirstPropName, getFormItemEl, getItemEl, getValidValues, mergeStateToList, provideProCurd, provideProFormList, provideProModule, renderElement, renderElements, useComposeRequestActor, useDoneRequestActor, useFailedRequestActor, useModuleEvent, useProCurd, useProForm, useProFormList, useProModule, useProTable };

package/dist/index.js

@@ -1947,6 +1947,114 @@ var createCurdList = function createCurdList(SearchForm, Table) {
   });
 };
 
+/**
+ * ProFormList ctx
+ */
+
+var ProFormListKey = Symbol("pro-form-list");
+var useProFormList = function useProFormList() {
+  return vue.inject(ProFormListKey);
+};
+var provideProFormList = function provideProFormList(ctx) {
+  vue.provide(ProFormListKey, ctx);
+};
+var FormListProvider = vue.defineComponent({
+  props: {
+    pathList: {
+      type: Array
+    }
+  },
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots;
+    provideProFormList({
+      pathList: props.pathList
+    });
+    return function () {
+      var _slots$default;
+
+      return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
+    };
+  }
+});
+
+var createFormList = function createFormList(FormItem) {
+  return vue.defineComponent({
+    props: _objectSpread2(_objectSpread2({}, FormItem.props), {}, {
+      //每行默认id
+      rowKey: {
+        type: String,
+        "default": "id"
+      }
+    }),
+    setup: function setup(props, _ref2) {
+      var slots = _ref2.slots;
+
+      var _useProForm = useProForm(),
+          formState = _useProForm.formState,
+          readonly = _useProForm.readonly;
+
+      var formListCtx = useProFormList();
+      var nameList = convertPathToList(props.name);
+      var path = formListCtx !== null && formListCtx !== void 0 && formListCtx.pathList ? [].concat(_toConsumableArray(formListCtx.pathList), _toConsumableArray(nameList)) : nameList;
+
+      var handleAdd = function handleAdd() {
+        var targetList = lodash.get(formState, path);
+
+        if (!lodash.isArray(targetList)) {
+          targetList = [];
+        }
+
+        targetList.push(_defineProperty({}, props.rowKey, new Date().valueOf()));
+        lodash.set(formState, path, targetList);
+      };
+
+      var handleRemove = function handleRemove(index) {
+        var targetList = lodash.get(formState, path);
+
+        if (lodash.size(targetList) <= 0) {
+          return;
+        }
+
+        targetList.splice(index, 1);
+      };
+
+      return function () {
+        var _slots$add;
+
+        return vue.createVNode(FormItem, lodash.omit(props, "rowKey"), {
+          "default": function _default() {
+            return [lodash.map(lodash.get(formState, path), function (item, index) {
+              var _slots$default2, _slots$itemAdd, _slots$itemMinus;
+
+              return vue.createVNode(FormListProvider, {
+                "key": item[props.rowKey] || index,
+                "pathList": [].concat(_toConsumableArray(path), [index])
+              }, {
+                "default": function _default() {
+                  return [vue.createVNode("div", {
+                    "class": "pro-form-list-item"
+                  }, [(_slots$default2 = slots["default"]) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots), !readonly.value && vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+                    "class": "pro-form-list-item-add",
+                    "onClick": handleAdd
+                  }, [(_slots$itemAdd = slots.itemAdd) === null || _slots$itemAdd === void 0 ? void 0 : _slots$itemAdd.call(slots)]), vue.createVNode("div", {
+                    "class": "pro-form-list-item-minus",
+                    "onClick": function onClick() {
+                      return handleRemove(index);
+                    }
+                  }, [(_slots$itemMinus = slots.itemMinus) === null || _slots$itemMinus === void 0 ? void 0 : _slots$itemMinus.call(slots)])])])];
+                }
+              });
+            }), !readonly.value && vue.createVNode("div", {
+              "class": "pro-form-list-add",
+              "onClick": handleAdd
+            }, [(_slots$add = slots.add) === null || _slots$add === void 0 ? void 0 : _slots$add.call(slots)])];
+          }
+        });
+      };
+    }
+  });
+};
+
 var ProFormKey = Symbol("pro-form");
 var useProForm = function useProForm() {
   return vue.inject(ProFormKey);
@@ -1958,24 +2066,24 @@ var provideProForm = function provideProForm(ctx) {
 
 var proFormProps = function proFormProps() {
   return {
-    /**
-     * 同 antd 或 element  form中的model
+    /**
+     * 同 antd 或 element  form中的model
      */
     model: {
       type: Object
     },
 
-    /**
-     *  子组件是否只读样式
+    /**
+     *  子组件是否只读样式
      */
     readonly: {
       type: Boolean,
       "default": undefined
     },
 
-    /**
-     *  FormComponent 根据此项来确定组件是否显示
-     *  rules 根据rules中方法生成showState对象
+    /**
+     *  FormComponent 根据此项来确定组件是否显示
+     *  rules 根据rules中方法生成showState对象
      */
     showState: {
       type: Object
@@ -1984,8 +2092,8 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     * 是否只读
+    /**
+     * 是否只读
      */
     readonlyState: {
       type: Object
@@ -1994,8 +2102,8 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     * 是否disabled
+    /**
+     * 是否disabled
      */
     disableState: {
       type: Object
@@ -2004,8 +2112,8 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     *
+    /**
+     *
      */
     columns: {
       type: Array
@@ -2014,30 +2122,30 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     * 展示控件集合，readonly模式下使用这些组件渲染
+    /**
+     * 展示控件集合，readonly模式下使用这些组件渲染
      */
     elementMap: {
       type: Object
     },
 
-    /**
-     * 录入控件集合
+    /**
+     * 录入控件集合
      */
     formElementMap: {
       type: Object
     },
 
-    /**
-     * 是否启用rules验证
+    /**
+     * 是否启用rules验证
      */
     needRules: {
       type: Boolean,
       "default": true
     },
 
-    /**
-     * provide传递
+    /**
+     * provide传递
      */
     provideExtra: {
       type: Object
@@ -2127,7 +2235,9 @@ var createForm = function createForm(Form, Grid) {
         columns: columns,
         //
         formRef: formRef
-      }, props.provideExtra));
+      }, props.provideExtra)); //为了不warning ...
+
+      provideProFormList({});
       var invalidKeys = lodash.keys(proFormProps());
       var gridKeys = lodash.keys(lodash.omit(Grid.props, "items"));
       return function () {
@@ -2169,40 +2279,39 @@ exports.SearchMode = void 0;
 
 var proSearchFormProps = function proSearchFormProps() {
   return {
-    /**
-     * 需要监听的对象
+    /**
+     * 需要监听的对象
      */
     model: {
-      type: Object,
-      required: true
+      type: Object
     },
 
-    /**
-     * 初始化触发 onFinish
+    /**
+     * 初始化触发 onFinish
      */
     initEmit: {
       type: Boolean,
       "default": true
     },
 
-    /**
-     *  模式 自动触发或者手动触发 onFinish
+    /**
+     *  模式 自动触发或者手动触发 onFinish
      */
     searchMode: {
       type: String,
       "default": exports.SearchMode.AUTO
     },
 
-    /**
-     * 配置 同ProForm中的columns
-     * 可以根据column中valueType计算出默认的debounceKeys
+    /**
+     * 配置 同ProForm中的columns
+     * 可以根据column中valueType计算出默认的debounceKeys
      */
     columns: {
       type: Array
     },
 
-    /**
-     * 需要debounce处理的字段
+    /**
+     * 需要debounce处理的字段
      */
     debounceKeys: {
       type: Array
@@ -2219,9 +2328,9 @@ var proSearchFormProps = function proSearchFormProps() {
   };
 };
 
-/**
- * 该组件只是个模式，最终返回null，不做任何渲染，应配合着ProForm的包装类一起使用
- * 针对传入的model（监听对象）做相应的finish（回调）处理
+/**
+ * 该组件只是个模式，最终返回null，不做任何渲染，应配合着ProForm的包装类一起使用
+ * 针对传入的model（监听对象）做相应的finish（回调）处理
  */
 var createSearchForm = function createSearchForm(Form, Props) {
   return vue.defineComponent({
@@ -2292,116 +2401,6 @@ var createSearchForm = function createSearchForm(Form, Props) {
   });
 };
 
-/**
- * ProFormList ctx
- */
-
-var ProFormListKey = Symbol("pro-form-list");
-var useProFormList = function useProFormList() {
-  return vue.inject(ProFormListKey);
-};
-
-var provideProFormList = function provideProFormList(ctx) {
-  vue.provide(ProFormListKey, ctx);
-};
-
-var FormListProvider = vue.defineComponent({
-  props: {
-    pathList: {
-      type: Array
-    }
-  },
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots;
-    provideProFormList({
-      pathList: props.pathList
-    });
-    return function () {
-      var _slots$default;
-
-      return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
-    };
-  }
-});
-
-var createFormList = function createFormList(FormItem) {
-  return vue.defineComponent({
-    props: _objectSpread2(_objectSpread2({}, FormItem.props), {}, {
-      //每行默认id
-      rowKey: {
-        type: String,
-        "default": "id"
-      }
-    }),
-    setup: function setup(props, _ref2) {
-      var slots = _ref2.slots;
-
-      var _useProForm = useProForm(),
-          formState = _useProForm.formState,
-          readonly = _useProForm.readonly;
-
-      var formListCtx = useProFormList();
-      var nameList = convertPathToList(props.name);
-      var path = formListCtx !== null && formListCtx !== void 0 && formListCtx.pathList ? [].concat(_toConsumableArray(formListCtx.pathList), _toConsumableArray(nameList)) : nameList;
-
-      var handleAdd = function handleAdd() {
-        var targetList = lodash.get(formState, path);
-
-        if (!lodash.isArray(targetList)) {
-          targetList = [];
-        }
-
-        targetList.push(_defineProperty({}, props.rowKey, new Date().valueOf()));
-        lodash.set(formState, path, targetList);
-      };
-
-      var handleRemove = function handleRemove(index) {
-        var targetList = lodash.get(formState, path);
-
-        if (lodash.size(targetList) <= 0) {
-          return;
-        }
-
-        targetList.splice(index, 1);
-      };
-
-      return function () {
-        var _slots$add;
-
-        return vue.createVNode(FormItem, lodash.omit(props, "rowKey"), {
-          "default": function _default() {
-            return [lodash.map(lodash.get(formState, path), function (item, index) {
-              var _slots$default2, _slots$itemAdd, _slots$itemMinus;
-
-              return vue.createVNode(FormListProvider, {
-                "key": item[props.rowKey] || index,
-                "pathList": [].concat(_toConsumableArray(path), [index])
-              }, {
-                "default": function _default() {
-                  return [vue.createVNode("div", {
-                    "class": "pro-form-list-item"
-                  }, [(_slots$default2 = slots["default"]) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots), !readonly.value && vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
-                    "class": "pro-form-list-item-add",
-                    "onClick": handleAdd
-                  }, [(_slots$itemAdd = slots.itemAdd) === null || _slots$itemAdd === void 0 ? void 0 : _slots$itemAdd.call(slots)]), vue.createVNode("div", {
-                    "class": "pro-form-list-item-minus",
-                    "onClick": function onClick() {
-                      return handleRemove(index);
-                    }
-                  }, [(_slots$itemMinus = slots.itemMinus) === null || _slots$itemMinus === void 0 ? void 0 : _slots$itemMinus.call(slots)])])])];
-                }
-              });
-            }), !readonly.value && vue.createVNode("div", {
-              "class": "pro-form-list-add",
-              "onClick": handleAdd
-            }, [(_slots$add = slots.add) === null || _slots$add === void 0 ? void 0 : _slots$add.call(slots)])];
-          }
-        });
-      };
-    }
-  });
-};
-
 var proFormItemProps = function proFormItemProps() {
   return {
     readonly: {
@@ -2709,6 +2708,7 @@ exports.getItemEl = getItemEl;
 exports.getValidValues = getValidValues;
 exports.mergeStateToList = mergeStateToList;
 exports.provideProCurd = provideProCurd;
+exports.provideProFormList = provideProFormList;
 exports.provideProModule = provideProModule;
 exports.renderElement = renderElement;
 exports.renderElements = renderElements;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-start/pro",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "> TODO: description",
   "author": "zx <zxpstudy@163.com>",
   "homepage": "https://github.com/zxeryu/vue-start#readme",
@@ -32,5 +32,5 @@
     "vue": ">=3.x",
     "vue-router": ">=4.x"
   },
-  "gitHead": "c2f7a6078abb1ff8477c93afa9ad75df4b5dbacc"
+  "gitHead": "adf3a978c60ccb84172c2287b67d2e5ead0d0dcf"
 }