@vue-start/pro 0.3.2 → 0.4.2

package/dist/index.js

@@ -199,186 +199,12 @@ var useComposeRequestActor = function useComposeRequestActor(actors, options, ca
   }, []);
 };
 
-var treeDefaultNames = {
-  children: "children",
-  label: "label",
-  value: "value"
-};
-/**
- * 根据value从treeData中找到对象
- * @param data
- * @param value
- * @param fieldNames
- * @param cb 对象：同步   方法：回调，可以理解为异步
- */
-
-var findTargetInTree = function findTargetInTree(data, value, fieldNames, cb) {
-  var index = lodash.findIndex(data, function (item) {
-    return lodash.get(item, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || treeDefaultNames.value) === value;
-  });
-
-  if (index > -1) {
-    if (lodash.isFunction(cb)) {
-      cb(index, data[index], data);
-    } else {
-      cb.index = index;
-      cb.target = data[index];
-      cb.list = data;
-    }
-
-    return;
-  }
-
-  lodash.forEach(data, function (item) {
-    var children = lodash.get(item, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || treeDefaultNames.children);
-
-    if (lodash.size(children) > 0) {
-      findTargetInTree(children, value, fieldNames, cb);
-    }
-  });
-};
-/**
- * 根据value从treeData中找出对象及父列表
- * @param data
- * @param value
- * @param fieldNames
- * @param cb
- * @param parent
- */
-
-var findTargetListInTree = function findTargetListInTree(data, value, fieldNames, cb) {
-  var parent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  var target = lodash.find(data, function (item) {
-    return lodash.get(item, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || treeDefaultNames.value) === value;
-  });
-
-  if (target) {
-    if (lodash.isFunction(cb)) {
-      cb([].concat(_toConsumableArray(parent), [target]));
-    } else {
-      cb.list = [].concat(_toConsumableArray(parent), [target]);
-    }
-
-    return;
-  }
-
-  lodash.forEach(data, function (item) {
-    var children = lodash.get(item, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || treeDefaultNames.children);
-
-    if (lodash.size(children) > 0) {
-      findTargetListInTree(children, value, fieldNames, cb, [].concat(_toConsumableArray(parent), [item]));
-    }
-  });
-};
-
-/**
- * 剔除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];
-};
-/**
- * 将listState 中的数据通过id merge到 list item中
- * ps：数组会替换
- * 注意：mergeWith 会改变原始对象
- * @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;
-      }
-    });
-  });
-};
-
-/**
- * 唯一id
- */
-
-var generateId = function generateId() {
-  return Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
-};
-/**
- * ref 传递
- */
-
-var createExpose = function createExpose(methods, targetRef) {
-  return lodash.reduce(methods, function (pair, method) {
-    return _objectSpread2(_objectSpread2({}, pair), {}, _defineProperty({}, method, function () {
-      var _targetRef$value, _targetRef$value$meth;
-
-      for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
-        params[_key] = arguments[_key];
-      }
-
-      return (_targetRef$value = targetRef.value) === null || _targetRef$value === void 0 ? void 0 : (_targetRef$value$meth = _targetRef$value[method]) === null || _targetRef$value$meth === void 0 ? void 0 : _targetRef$value$meth.call.apply(_targetRef$value$meth, [_targetRef$value].concat(params));
-    }));
-  }, {});
-};
+/***************************************** curd模式 *****************************************/
 
 /**
  * 获取Column的valueType，默认"text"
  * @param column
  */
-
 var getColumnValueType = function getColumnValueType(column) {
   return column.formValueType || column.valueType || "text";
 };
@@ -444,6 +270,213 @@ var getItemEl = function getItemEl(elementMap, column, value) {
     value: value
   }), (_column$formFieldProp2 = column.formFieldProps) === null || _column$formFieldProp2 === void 0 ? void 0 : _column$formFieldProp2.slots);
 };
+/***************************************** 通用模式 *****************************************/
+
+var renderElements = function renderElements(elementMap, elementConfigs) {
+  return lodash.map(elementConfigs, function (elementConfig) {
+    return renderElement(elementMap, elementConfig);
+  });
+};
+/**
+ * props转换
+ */
+
+var convertPropsEl = function convertPropsEl(elementMap, elementConfig) {
+  var _elementConfig$highCo;
+
+  var elementProps = elementConfig.elementProps;
+
+  var nextProps = _objectSpread2({}, elementConfig.elementProps);
+
+  lodash.forEach((_elementConfig$highCo = elementConfig.highConfig$) === null || _elementConfig$highCo === void 0 ? void 0 : _elementConfig$highCo.registerPropsTrans, function (item) {
+    var target = lodash.get(elementProps, item.name);
+
+    if (!target || vue.isVNode(target)) {
+      return;
+    }
+
+    if (lodash.isArray(target)) {
+      //如果list中存在VNode，不转换
+      if (lodash.some(target, function (sub) {
+        return vue.isVNode(sub);
+      })) {
+        return;
+      } //如果碰到特殊场景，可以替换成单个渲染模式
+
+
+      lodash.set(nextProps, item.name, renderElements(elementMap, target));
+      return;
+    }
+
+    if (!target.elementType) {
+      return;
+    }
+
+    if (item.isFun) {
+      lodash.set(nextProps, item.name, function () {
+        for (var _len = arguments.length, params$ = new Array(_len), _key = 0; _key < _len; _key++) {
+          params$[_key] = arguments[_key];
+        }
+
+        var ep = item.needParams ? _objectSpread2(_objectSpread2({}, target.elementProps), {}, {
+          params$: params$
+        }) : target.elementProps;
+        return renderElement(elementMap, _objectSpread2(_objectSpread2({}, target), {}, {
+          elementProps: ep
+        }));
+      });
+    } else {
+      lodash.set(nextProps, item.name, renderElement(elementMap, target));
+    }
+  });
+  return nextProps;
+};
+/**
+ * slots转换
+ */
+
+
+var convertSlots = function convertSlots(elementMap, elementConfig) {
+  var children = lodash.size(elementConfig.children) > 0 ? renderElements(elementMap, elementConfig.children) : undefined; //children插槽名称
+
+  var childrenSlotName = elementConfig.childrenSlotName || "default";
+  var validSlots = lodash.omit(elementConfig.slots, children ? childrenSlotName : ""); //如果slots注册的是 IElementConfig ，进行转换
+
+  lodash.forEach(lodash.keys(validSlots), function (k) {
+    var v = validSlots[k]; //IElementConfig
+
+    if (v && !lodash.isFunction(v) && v.elementType) {
+      validSlots[k] = function () {
+        for (var _len2 = arguments.length, params$ = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          params$[_key2] = arguments[_key2];
+        }
+
+        //如果需要params，在props中注入 params$
+        var elementProps = v.needParams ? _objectSpread2(_objectSpread2({}, v.elementProps), {}, {
+          params$: params$
+        }) : v.elementProps;
+        return renderElement(elementMap, _objectSpread2(_objectSpread2({}, v), {}, {
+          elementProps: elementProps
+        }));
+      };
+    }
+  });
+  return _objectSpread2(_defineProperty({}, childrenSlotName, children ? function () {
+    return children;
+  } : undefined), validSlots);
+};
+/**
+ *
+ * @param elementMap
+ * @param elementConfig
+ */
+
+
+var renderElement = function renderElement(elementMap, elementConfig) {
+  var El = lodash.get(elementMap, elementConfig.elementType) || elementConfig.elementType; //如果有highConfig$，包裹一层Wrapper
+
+  if (elementConfig.highConfig$) {
+    return vue.h(Wrapper, {
+      key: elementConfig.elementId,
+      elementMap: elementMap,
+      elementConfig: elementConfig
+    });
+  }
+
+  var slots = convertSlots(elementMap, elementConfig);
+  var elementProps = convertPropsEl(elementMap, elementConfig);
+  return vue.h(El, _objectSpread2({
+    key: elementConfig.elementId
+  }, elementProps), slots);
+};
+/**
+ * 获取第一层级属性名
+ * 如：['aaa','bbb',...] 中的 'aaa'
+ * 如："aaa.bbb.ccc..." 中的 'aaa'
+ */
+
+var getFirstPropName = function getFirstPropName(name) {
+  if (lodash.isArray(name)) {
+    return lodash.head(name);
+  } else if (lodash.isString(name) && name.indexOf(".") > 0) {
+    return name.substring(0, name.indexOf("."));
+  }
+
+  return name;
+};
+/**
+ * 处理highConfig$
+ */
+
+var Wrapper = vue.defineComponent({
+  props: {
+    elementMap: {
+      type: Object
+    },
+    elementConfig: {
+      type: Object
+    }
+  },
+  setup: function setup(props) {
+    var _useProModule = useProModule(),
+        state = _useProModule.state,
+        sendEvent = _useProModule.sendEvent;
+
+    var elementMap = props.elementMap,
+        elementConfig = props.elementConfig;
+    var highConfig$ = elementConfig.highConfig$; //转换props
+
+    var elementProps = convertPropsEl(elementMap, elementConfig); //事件订阅
+
+    var events = lodash.reduce(highConfig$.registerEventList, function (pair, item) {
+      return _objectSpread2(_objectSpread2({}, pair), {}, _defineProperty({}, item.name, function () {
+        for (var _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          params[_key3] = arguments[_key3];
+        }
+
+        sendEvent({
+          type: item.sendEventName || elementConfig.elementId,
+          payload: params
+        });
+      }));
+    }, {}); //receiveStateList 订阅
+
+    var receiveStates = vue.computed(function () {
+      if (!highConfig$.registerStateList || lodash.size(highConfig$.registerStateList) <= 0) {
+        return undefined;
+      }
+
+      var changeProps = _objectSpread2({}, elementProps); //赋值 && 返回一级属性名称
+
+
+      var firstPropNameList = lodash.map(highConfig$.registerStateList, function (item) {
+        var targetName = item.mapName || item.name; //从state中取值
+
+        var value = lodash.get(state, item.name); //赋值
+
+        lodash.set(changeProps, targetName, value); //返回一级属性名称
+
+        return getFirstPropName(targetName);
+      });
+      return lodash.pick(changeProps, firstPropNameList);
+    });
+    var El = lodash.get(elementMap, elementConfig.elementType) || elementConfig.elementType;
+    var slots = convertSlots(elementMap, elementConfig);
+    return function () {
+      //如果标记show$值为false，不渲染组件
+      var show$ = lodash.get(receiveStates.value, "show$");
+
+      if (show$ === false) {
+        return null;
+      }
+
+      return vue.h(El, _objectSpread2(_objectSpread2(_objectSpread2({
+        key: elementConfig.elementId
+      }, elementProps), lodash.omit(receiveStates.value, "show$")), events), slots);
+    };
+  }
+});
+
 var ProModuleKey = Symbol("pro-module");
 var useProModule = function useProModule() {
   return vue.inject(ProModuleKey);
@@ -466,32 +499,17 @@ var proModuleProps = function proModuleProps() {
     },
 
     /**
-     * 配置（静态）
-     */
-    columns: {
-      type: Array
-    },
-
-    /**
-     * 配置（动态）
-     * columns动态属性兼容
-     */
-    columnState: {
-      type: Object
-    },
-
-    /**
-     * 展示组件集
+     * 组件集
      */
     elementMap: {
       type: Object
     },
 
     /**
-     * 录入组件集
+     * 组件描述（树）
      */
-    formElementMap: {
-      type: Object
+    elementConfigs: {
+      type: Array
     },
 
     /**
@@ -500,34 +518,22 @@ var proModuleProps = function proModuleProps() {
     requests: {
       type: Array
     }
-  };
-};
-
-var ProModule = vue.defineComponent({
-  props: _objectSpread2({}, proModuleProps()),
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots,
-        expose = _ref.expose;
-
-    /**
-     * columns columnState 合并
-     */
-    var columns = vue.computed(function () {
-      return mergeStateToList(props.columns, props.columnState, function (item) {
-        return getColumnFormItemName(item);
-      });
-    });
-    /*********************************** 渲染组件 ***************************************/
-    // 获取FormItem VNode
-
-    var getFormItemVNode = function getFormItemVNode(column) {
-      var needRules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      return getFormItemEl(props.formElementMap, column, needRules);
-    }; // 获取Item VNode
+  };
+};
 
+var ProModule = vue.defineComponent({
+  props: _objectSpread2({}, proModuleProps()),
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots,
+        expose = _ref.expose;
 
-    var getItemVNode = function getItemVNode(column, value) {
-      return getItemEl(props.elementMap, column, value);
+    /*********************************** render ***************************************/
+    var render = function render(elementConfig) {
+      if (lodash.isArray(elementConfig)) {
+        return renderElements(props.elementMap, elementConfig);
+      }
+
+      return renderElement(props.elementMap, elementConfig);
     };
     /*********************************** 事件处理 ***************************************/
 
@@ -543,13 +549,15 @@ var ProModule = vue.defineComponent({
     var state = props.state || vue.reactive({});
 
     var dispatch = function dispatch(action) {
-      //如果要更新的属性值是 object ，执行覆盖操作
-      if (lodash.isObject(state[action.type])) {
-        hooks.setReactiveValue(state[action.type], action.payload);
+      var prev = state[action.type];
+      var data = lodash.isFunction(action.payload) ? action.payload(prev) : action.payload; //如果要更新的属性值是 object ，执行覆盖操作
+
+      if (lodash.isObject(prev)) {
+        hooks.setReactiveValue(state[action.type], data);
         return;
       }
 
-      state[action.type] = action.payload;
+      state[action.type] = data;
     };
     /*********************************** request ***************************************/
 
@@ -653,11 +661,7 @@ var ProModule = vue.defineComponent({
       }
     }, true);
     provideProModule({
-      columns: columns,
-      getFormItemVNode: getFormItemVNode,
-      getItemVNode: getItemVNode,
       elementMap: props.elementMap,
-      formElementMap: props.formElementMap,
       //
       subject$: subject$,
       sendEvent: sendEvent,
@@ -675,7 +679,7 @@ var ProModule = vue.defineComponent({
     return function () {
       var _slots$default;
 
-      return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
+      return vue.createVNode(vue.Fragment, null, [lodash.size(props.elementConfigs) > 0 && render(props.elementConfigs), (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
     };
   }
 });
@@ -754,6 +758,181 @@ exports.CurdAddAction = void 0;
   CurdAddAction["CONTINUE"] = "CONTINUE";
 })(exports.CurdAddAction || (exports.CurdAddAction = {}));
 
+var treeDefaultNames = {
+  children: "children",
+  label: "label",
+  value: "value"
+};
+/**
+ * 根据value从treeData中找到对象
+ * @param data
+ * @param value
+ * @param fieldNames
+ * @param cb 对象：同步   方法：回调，可以理解为异步
+ */
+
+var findTargetInTree = function findTargetInTree(data, value, fieldNames, cb) {
+  var index = lodash.findIndex(data, function (item) {
+    return lodash.get(item, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || treeDefaultNames.value) === value;
+  });
+
+  if (index > -1) {
+    if (lodash.isFunction(cb)) {
+      cb(index, data[index], data);
+    } else {
+      cb.index = index;
+      cb.target = data[index];
+      cb.list = data;
+    }
+
+    return;
+  }
+
+  lodash.forEach(data, function (item) {
+    var children = lodash.get(item, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || treeDefaultNames.children);
+
+    if (lodash.size(children) > 0) {
+      findTargetInTree(children, value, fieldNames, cb);
+    }
+  });
+};
+/**
+ * 根据value从treeData中找出对象及父列表
+ * @param data
+ * @param value
+ * @param fieldNames
+ * @param cb
+ * @param parent
+ */
+
+var findTargetListInTree = function findTargetListInTree(data, value, fieldNames, cb) {
+  var parent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+  var target = lodash.find(data, function (item) {
+    return lodash.get(item, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || treeDefaultNames.value) === value;
+  });
+
+  if (target) {
+    if (lodash.isFunction(cb)) {
+      cb([].concat(_toConsumableArray(parent), [target]));
+    } else {
+      cb.list = [].concat(_toConsumableArray(parent), [target]);
+    }
+
+    return;
+  }
+
+  lodash.forEach(data, function (item) {
+    var children = lodash.get(item, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || treeDefaultNames.children);
+
+    if (lodash.size(children) > 0) {
+      findTargetListInTree(children, value, fieldNames, cb, [].concat(_toConsumableArray(parent), [item]));
+    }
+  });
+};
+
+/**
+ * 剔除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];
+};
+/**
+ * 将listState 中的数据通过id merge到 list item中
+ * ps：数组会替换
+ * 注意：mergeWith 会改变原始对象
+ * @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;
+      }
+    });
+  });
+};
+
+/**
+ * 唯一id
+ */
+
+var generateId = function generateId() {
+  return Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+};
+/**
+ * ref 传递
+ */
+
+var createExpose = function createExpose(methods, targetRef) {
+  return lodash.reduce(methods, function (pair, method) {
+    return _objectSpread2(_objectSpread2({}, pair), {}, _defineProperty({}, method, function () {
+      var _targetRef$value, _targetRef$value$meth;
+
+      for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
+        params[_key] = arguments[_key];
+      }
+
+      return (_targetRef$value = targetRef.value) === null || _targetRef$value === void 0 ? void 0 : (_targetRef$value$meth = _targetRef$value[method]) === null || _targetRef$value$meth === void 0 ? void 0 : _targetRef$value$meth.call.apply(_targetRef$value$meth, [_targetRef$value].concat(params));
+    }));
+  }, {});
+};
+
 var defaultPage = {
   page: 1,
   pageSize: 10
@@ -761,16 +940,38 @@ var defaultPage = {
 
 var proCurdProps = function proCurdProps() {
   return {
-    /**
-     * 列表 或 详情 的唯一标识
+    /**
+     * 配置（静态）
+     */
+    columns: {
+      type: Array
+    },
+
+    /**
+     * 配置（动态）
+     * columns动态属性兼容
+     */
+    columnState: {
+      type: Object
+    },
+
+    /**
+     * 录入组件集
+     */
+    formElementMap: {
+      type: Object
+    },
+
+    /**
+     * 列表 或 详情 的唯一标识
      */
     rowKey: {
       type: String,
       "default": "id"
     },
 
-    /**
-     * operates
+    /**
+     * operates
      */
     operates: {
       type: Array
@@ -799,58 +1000,67 @@ var Curd = vue.defineComponent({
         expose = _ref.expose;
 
     var _ref2 = useProModule(),
-        columns = _ref2.columns,
+        elementMap = _ref2.elementMap,
         state = _ref2.state,
         sendEvent = _ref2.sendEvent,
         sendRequest = _ref2.sendRequest;
-    /**
-     * 排序
-     * @param list
-     * @param propName
+    /**
+     * columns columnState 合并
      */
 
 
-    var dealSort = function dealSort(list, propName) {
-      return lodash.sortBy(list, function (item) {
-        return lodash.get(item, propName);
+    var columns = vue.computed(function () {
+      return mergeStateToList(props.columns, props.columnState, function (item) {
+        return getColumnFormItemName(item);
       });
+    });
+    /*********************************** 渲染组件 ***************************************/
+    // 获取FormItem VNode
+
+    var getFormItemVNode = function getFormItemVNode(column) {
+      var needRules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      return getFormItemEl(props.formElementMap, column, needRules);
+    }; // 获取Item VNode
+
+
+    var getItemVNode = function getItemVNode(column, value) {
+      return getItemEl(elementMap, column, value);
     };
-    /**
-     * 非 hideInForm columns
+    /**
+     * ${signName} 配置为true 会被选择
+     * @param signName
+     * @param opposite 如果为true，未配置（undefined）会被选择
      */
 
 
+    var getSignColumns = function getSignColumns(signName, opposite) {
+      var signColumns = lodash.filter(columns.value, function (item) {
+        var sign = lodash.get(item, ["extra", signName]) || lodash.get(item, signName);
+
+        if (opposite) {
+          //不为false 即为选中
+          return sign !== false;
+        } //只有true 才为选中
+
+
+        return sign;
+      });
+      return lodash.sortBy(signColumns, function (item) {
+        return lodash.get(item, ["extra", "".concat(signName, "Sort")]) || lodash.get(item, "".concat(signName, "Sort"));
+      });
+    };
+
     var formColumns = vue.computed(function () {
-      return dealSort(lodash.filter(columns.value, function (item) {
-        return !item.hideInForm;
-      }), "formSort");
+      return getSignColumns("form", true);
     });
-    /**
-     * 非 hideInDetail columns
-     */
-
     var descColumns = vue.computed(function () {
-      return dealSort(lodash.filter(columns.value, function (item) {
-        return !item.hideInDetail;
-      }), "descSort");
+      return getSignColumns("detail", true);
     });
-    /**
-     *  非 hideInTable columns
-     */
-
     var tableColumns = vue.computed(function () {
-      return dealSort(lodash.filter(columns.value, function (item) {
-        return !item.hideInTable;
-      }), "tableSort");
+      return getSignColumns("table", true);
     });
-    /**
-     * search columns
-     */
-
     var searchColumns = vue.computed(function () {
-      return dealSort(lodash.filter(columns.value, function (item) {
-        return !!item.search;
-      }), "searchSort");
+      return getSignColumns("search");
     });
     /******************************** 逻辑 *************************************/
     //上一次发起列表请求的参数
@@ -935,6 +1145,13 @@ var Curd = vue.defineComponent({
       return props.modalProps;
     });
     provideProCurd({
+      columns: columns,
+      getSignColumns: getSignColumns,
+      getFormItemVNode: getFormItemVNode,
+      getItemVNode: getItemVNode,
+      elementMap: elementMap,
+      formElementMap: props.formElementMap,
+      //
       rowKey: props.rowKey,
       curdState: state,
       formColumns: formColumns,
@@ -1416,21 +1633,38 @@ function _isSlot(s) {
 
 var createCurdDesc = function createCurdDesc(Descriptions, DescriptionsItem) {
   return vue.defineComponent({
-    props: _objectSpread2({}, Descriptions.props),
+    props: _objectSpread2(_objectSpread2({}, Descriptions.props), {}, {
+      //重写Item content
+      renderItem: {
+        type: Function
+      },
+      //标记名称
+      signName: {
+        type: String
+      }
+    }),
     setup: function setup(props, _ref) {
       var slots = _ref.slots;
 
-      var _useProModule = useProModule(),
-          getItemVNode = _useProModule.getItemVNode;
-
       var _useProCurd = useProCurd(),
+          getItemVNode = _useProCurd.getItemVNode,
           curdState = _useProCurd.curdState,
-          descColumns = _useProCurd.descColumns;
+          descColumns = _useProCurd.descColumns,
+          getSignColumns = _useProCurd.getSignColumns;
 
       var descVNodes = vue.computed(function () {
-        return lodash.map(descColumns.value, function (item) {
+        var columns = props.signName ? getSignColumns(props.signName) : descColumns.value;
+        return lodash.map(columns, function (item) {
           var _slot;
 
+          var _props$renderItem;
+
+          var vn = (_props$renderItem = props.renderItem) === null || _props$renderItem === void 0 ? void 0 : _props$renderItem.call(props, item);
+
+          if (vn) {
+            return vn;
+          }
+
           var value = lodash.get(curdState.detailData, item.dataIndex);
           return vue.createVNode(DescriptionsItem, vue.mergeProps({
             "key": item.dataIndex,
@@ -1447,7 +1681,7 @@ var createCurdDesc = function createCurdDesc(Descriptions, DescriptionsItem) {
 
         return vue.createVNode(Descriptions, props, _objectSpread2({
           "default": function _default() {
-            return [(_slots$start = slots.start) === null || _slots$start === void 0 ? void 0 : _slots$start.call(slots), descVNodes, (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)];
+            return [(_slots$start = slots.start) === null || _slots$start === void 0 ? void 0 : _slots$start.call(slots), descVNodes.value, (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)];
           }
         }, lodash.omit(slots, "default", "start")));
       };
@@ -1457,6 +1691,10 @@ var createCurdDesc = function createCurdDesc(Descriptions, DescriptionsItem) {
 
 var proCurdAddOrEditProps = function proCurdAddOrEditProps() {
   return {
+    //标记名称
+    signName: {
+      type: String
+    },
     //是否使用operate bar
     operateBar: {
       type: Boolean,
@@ -1488,22 +1726,36 @@ var proCurdAddOrEditProps = function proCurdAddOrEditProps() {
 
 var createCurdForm = function createCurdForm(Form, Button, convertFormProps) {
   return vue.defineComponent({
+    inheritAttrs: false,
     props: _objectSpread2(_objectSpread2({}, Form.props), proCurdAddOrEditProps()),
     setup: function setup(props, _ref) {
-      var slots = _ref.slots;
-
-      var _useProModule = useProModule(),
-          elementMap = _useProModule.elementMap,
-          formElementMap = _useProModule.formElementMap;
+      var slots = _ref.slots,
+          attrs = _ref.attrs,
+          expose = _ref.expose;
 
       var _useProCurd = useProCurd(),
+          elementMap = _useProCurd.elementMap,
+          formElementMap = _useProCurd.formElementMap,
           curdState = _useProCurd.curdState,
           formColumns = _useProCurd.formColumns,
+          getSignColumns = _useProCurd.getSignColumns,
           sendCurdEvent = _useProCurd.sendCurdEvent;
 
       var formRef = vue.ref();
+      var columns = vue.computed(function () {
+        if (props.signName) {
+          return getSignColumns(props.signName);
+        }
+
+        return formColumns.value;
+      });
+
+      var handleFinish = function handleFinish(values, originValues) {
+        if (attrs.onFinish) {
+          attrs.onFinish(values, originValues);
+          return;
+        }
 
-      var handleFinish = function handleFinish(values) {
         if (curdState.mode === exports.CurdCurrentMode.EDIT) {
           //edit
           sendCurdEvent({
@@ -1535,15 +1787,22 @@ var createCurdForm = function createCurdForm(Form, Button, convertFormProps) {
         (_formRef$value2 = formRef.value) === null || _formRef$value2 === void 0 ? void 0 : _formRef$value2.submit();
       };
 
+      expose({
+        submit: function submit() {
+          var _formRef$value3;
+
+          (_formRef$value3 = formRef.value) === null || _formRef$value3 === void 0 ? void 0 : _formRef$value3.submit();
+        }
+      });
       return function () {
         var _slots$divide, _slots$operateStart, _slots$operateCenter, _slots$operateEnd, _slots$default;
 
         return vue.createVNode(Form, vue.mergeProps({
           "ref": formRef
-        }, props, {
+        }, lodash.omit(attrs, "onFinish"), props, {
           "elementMap": props.elementMap || elementMap,
           "formElementMap": props.formElementMap || formElementMap,
-          "columns": formColumns.value,
+          "columns": columns.value,
           "model": curdState.detailData,
           "readonly": curdState.mode === exports.CurdCurrentMode.DETAIL,
           "onFinish": handleFinish
@@ -1605,11 +1864,9 @@ var createCurdList = function createCurdList(SearchForm, Table) {
     setup: function setup(props, _ref) {
       var slots = _ref.slots;
 
-      var _useProModule = useProModule(),
-          elementMap = _useProModule.elementMap,
-          formElementMap = _useProModule.formElementMap;
-
       var _useProCurd = useProCurd(),
+          elementMap = _useProCurd.elementMap,
+          formElementMap = _useProCurd.formElementMap,
           curdState = _useProCurd.curdState,
           searchColumns = _useProCurd.searchColumns,
           tableColumns = _useProCurd.tableColumns,
@@ -1723,6 +1980,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);
@@ -1734,24 +2099,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
@@ -1760,8 +2125,8 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     * 是否只读
+    /**
+     * 是否只读
      */
     readonlyState: {
       type: Object
@@ -1770,8 +2135,8 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     * 是否disabled
+    /**
+     * 是否disabled
      */
     disableState: {
       type: Object
@@ -1780,8 +2145,8 @@ var proFormProps = function proFormProps() {
       type: Object
     },
 
-    /**
-     *
+    /**
+     *
      */
     columns: {
       type: Array
@@ -1790,30 +2155,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
@@ -1903,7 +2268,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 () {
@@ -1945,40 +2312,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
@@ -1995,9 +2361,9 @@ var proSearchFormProps = function proSearchFormProps() {
   };
 };
 
-/**
- * 该组件只是个模式，最终返回null，不做任何渲染，应配合着ProForm的包装类一起使用
- * 针对传入的model（监听对象）做相应的finish（回调）处理
+/**
+ * 该组件只是个模式，最终返回null，不做任何渲染，应配合着ProForm的包装类一起使用
+ * 针对传入的model（监听对象）做相应的finish（回调）处理
  */
 var createSearchForm = function createSearchForm(Form, Props) {
   return vue.defineComponent({
@@ -2068,116 +2434,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: {
@@ -2461,6 +2717,7 @@ exports.ProModalCurd = ProModalCurd;
 exports.ProModule = ProModule;
 exports.ProPageCurd = ProPageCurd;
 exports.RequestAction = RequestAction;
+exports.Wrapper = Wrapper;
 exports.convertPathToList = convertPathToList;
 exports.createCurdDesc = createCurdDesc;
 exports.createCurdForm = createCurdForm;
@@ -2478,12 +2735,16 @@ exports.findTargetListInTree = findTargetListInTree;
 exports.generateId = generateId;
 exports.getColumnFormItemName = getColumnFormItemName;
 exports.getColumnValueType = getColumnValueType;
+exports.getFirstPropName = getFirstPropName;
 exports.getFormItemEl = getFormItemEl;
 exports.getItemEl = getItemEl;
 exports.getValidValues = getValidValues;
 exports.mergeStateToList = mergeStateToList;
 exports.provideProCurd = provideProCurd;
+exports.provideProFormList = provideProFormList;
 exports.provideProModule = provideProModule;
+exports.renderElement = renderElement;
+exports.renderElements = renderElements;
 exports.useComposeRequestActor = useComposeRequestActor;
 exports.useDoneRequestActor = useDoneRequestActor;
 exports.useFailedRequestActor = useFailedRequestActor;