fan-standard-comp 3.2.9 → 3.2.11

package/es/FormComp/FieldComponent/RefactorTreeSelect.js

@@ -52,6 +52,10 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     fullLevelName = _useState2[0],
     setFullLevelName = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fullLevelStyle = _useState4[0],
+    setFullLevelStyle = _useState4[1];
   /*
   // 下拉浮层显示"全选"功能（未完善）
    const [indeterminate, setIndeterminate] = useState(false)
@@ -186,6 +190,20 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         });
         setFullLevelName(renderParenName(newNodeInfo));
         if (_onSelect) _onSelect(value, _objectSpread(_objectSpread({}, node), newNodeInfo.matchNode[0]), extra, newNodeInfo.nodeParent);
+      },
+      onDropdownVisibleChange: function onDropdownVisibleChange(open) {
+        var _otherProps$onDropdow;
+        setFullLevelStyle({
+          opacity: open ? 0.3 : ''
+        });
+        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onDropdow = otherProps.onDropdownVisibleChange) === null || _otherProps$onDropdow === void 0 ? void 0 : _otherProps$onDropdow.call(otherProps, open);
+      },
+      onSearch: function onSearch(value) {
+        var _otherProps$onSearch;
+        setFullLevelStyle({
+          opacity: value ? 0 : ''
+        });
+        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onSearch = otherProps.onSearch) === null || _otherProps$onSearch === void 0 ? void 0 : _otherProps$onSearch.call(otherProps, value);
       }
       // 下拉浮层中显示"全选"按钮
       // dropdownRender={(originNode) => {
@@ -198,10 +216,10 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
       // }}
     }), _renderTreeNode(treeData, treeOptionName, protoTreeNode || {}));
   };
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showAllPath = _useState4[0],
-    setShowAllPath = _useState4[1]; // 显示所有树选择路径
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showAllPath = _useState6[0],
+    setShowAllPath = _useState6[1]; // 显示所有树选择路径
   var renderTreeSelectNodePath = function renderTreeSelectNodePath() {
     //获取节点路径
     var pathNodes = getNodePaths(treeData, value, {
@@ -260,7 +278,8 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: "refactor-tree-select ".concat(disabled ? 'refactor-disabled' : '').concat(otherProps.size === 'small' ? ' refactor-tree-select-sm' : ''),
     title: fullLevelName || ''
   }, renderTreeSelectNode(), /*#__PURE__*/React.createElement("span", {
-    className: "refactor-tree-select-extra"
+    className: "refactor-tree-select-extra",
+    style: fullLevelStyle
   }, fullLevelName)) : renderTreeSelectNode());
 });
 export default RefactorTreeSelect;

package/es/FormComp/RenderItemGroup/index.d.ts

@@ -32,6 +32,7 @@ interface ItemGroupProps {
     form?: any;
     layout?: string;
     doUpdateFormFields?: () => void;
+    [k: string]: any;
 }
 declare const RenderItemGroup: (props: ItemGroupProps) => any;
 export default RenderItemGroup;

package/es/StandardForm/index.d.ts

@@ -26,6 +26,7 @@ export interface StandardFormProps {
     postfix?: React.ReactNode;
     prefix?: React.ReactNode;
     displayLayout?: any;
+    itemGroupConfig?: object;
     [k: string]: any;
 }
 declare const StandardForm: React.ForwardRefExoticComponent<Omit<StandardFormProps, "ref"> & React.RefAttributes<unknown>>;

package/es/StandardForm/index.js

@@ -40,7 +40,9 @@ var StandardForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     postfix = props.postfix,
     fieldSize = props.fieldSize,
     displayLayout = props.displayLayout,
-    baseProps = __rest(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout"]);
+    _props$itemGroupConfi = props.itemGroupConfig,
+    itemGroupConfig = _props$itemGroupConfi === void 0 ? {} : _props$itemGroupConfi,
+    baseProps = __rest(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout", "itemGroupConfig"]);
   var _Form$useForm = _Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     initForm = _Form$useForm2[0];
@@ -138,14 +140,17 @@ var StandardForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onFinish: onFormFinish,
     onFinishFailed: onFormFinishFailed,
     scrollToFirstError: true
-  }), prefix, children, /*#__PURE__*/React.createElement(React.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/React.createElement(RenderItemGroup, {
+  }), prefix, children, /*#__PURE__*/React.createElement(React.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/React.createElement(RenderItemGroup, Object.assign({
     itemGroup: formItemGroup,
     fieldSize: fieldSize,
     displayLayout: displayLayout,
-    // doUpdateFormFields={() => forceUpdateForm()}
+    form: initForm,
+    doUpdateFormFields: function doUpdateFormFields() {
+      return forceUpdateForm();
+    },
     size: gridSize,
     layout: layout,
     fieldStatus: fieldStatus
-  }) : null, renderActionGroup()), postfix);
+  }, itemGroupConfig)) : null, renderActionGroup()), postfix);
 });
 export default StandardForm;

package/lib/FormComp/FieldComponent/RefactorTreeSelect.js

@@ -61,6 +61,10 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     _useState2 = _slicedToArray(_useState, 2),
     fullLevelName = _useState2[0],
     setFullLevelName = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fullLevelStyle = _useState4[0],
+    setFullLevelStyle = _useState4[1];
   /*
   // 下拉浮层显示"全选"功能（未完善）
    const [indeterminate, setIndeterminate] = useState(false)
@@ -195,6 +199,20 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
         });
         setFullLevelName(renderParenName(newNodeInfo));
         if (_onSelect) _onSelect(value, _objectSpread(_objectSpread({}, node), newNodeInfo.matchNode[0]), extra, newNodeInfo.nodeParent);
+      },
+      onDropdownVisibleChange: function onDropdownVisibleChange(open) {
+        var _otherProps$onDropdow;
+        setFullLevelStyle({
+          opacity: open ? 0.3 : ''
+        });
+        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onDropdow = otherProps.onDropdownVisibleChange) === null || _otherProps$onDropdow === void 0 ? void 0 : _otherProps$onDropdow.call(otherProps, open);
+      },
+      onSearch: function onSearch(value) {
+        var _otherProps$onSearch;
+        setFullLevelStyle({
+          opacity: value ? 0 : ''
+        });
+        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onSearch = otherProps.onSearch) === null || _otherProps$onSearch === void 0 ? void 0 : _otherProps$onSearch.call(otherProps, value);
       }
       // 下拉浮层中显示"全选"按钮
       // dropdownRender={(originNode) => {
@@ -207,10 +225,10 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
       // }}
     }), _renderTreeNode(treeData, treeOptionName, protoTreeNode || {}));
   };
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showAllPath = _useState4[0],
-    setShowAllPath = _useState4[1]; // 显示所有树选择路径
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showAllPath = _useState6[0],
+    setShowAllPath = _useState6[1]; // 显示所有树选择路径
   var renderTreeSelectNodePath = function renderTreeSelectNodePath() {
     //获取节点路径
     var pathNodes = (0, _utils.getNodePaths)(treeData, value, {
@@ -269,7 +287,8 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     className: "refactor-tree-select ".concat(disabled ? 'refactor-disabled' : '').concat(otherProps.size === 'small' ? ' refactor-tree-select-sm' : ''),
     title: fullLevelName || ''
   }, renderTreeSelectNode(), /*#__PURE__*/_react.default.createElement("span", {
-    className: "refactor-tree-select-extra"
+    className: "refactor-tree-select-extra",
+    style: fullLevelStyle
   }, fullLevelName)) : renderTreeSelectNode());
 });
 var _default = exports.default = RefactorTreeSelect;

package/lib/FormComp/RenderItemGroup/index.d.ts

@@ -32,6 +32,7 @@ interface ItemGroupProps {
     form?: any;
     layout?: string;
     doUpdateFormFields?: () => void;
+    [k: string]: any;
 }
 declare const RenderItemGroup: (props: ItemGroupProps) => any;
 export default RenderItemGroup;

package/lib/StandardForm/index.d.ts

@@ -26,6 +26,7 @@ export interface StandardFormProps {
     postfix?: React.ReactNode;
     prefix?: React.ReactNode;
     displayLayout?: any;
+    itemGroupConfig?: object;
     [k: string]: any;
 }
 declare const StandardForm: React.ForwardRefExoticComponent<Omit<StandardFormProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/StandardForm/index.js

@@ -50,7 +50,9 @@ var StandardForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     postfix = props.postfix,
     fieldSize = props.fieldSize,
     displayLayout = props.displayLayout,
-    baseProps = (0, _tslib.__rest)(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout"]);
+    _props$itemGroupConfi = props.itemGroupConfig,
+    itemGroupConfig = _props$itemGroupConfi === void 0 ? {} : _props$itemGroupConfi,
+    baseProps = (0, _tslib.__rest)(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout", "itemGroupConfig"]);
   var _Form$useForm = _form.default.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     initForm = _Form$useForm2[0];
@@ -148,14 +150,17 @@ var StandardForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onFinish: onFormFinish,
     onFinishFailed: onFormFinishFailed,
     scrollToFirstError: true
-  }), prefix, children, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, {
+  }), prefix, children, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, Object.assign({
     itemGroup: formItemGroup,
     fieldSize: fieldSize,
     displayLayout: displayLayout,
-    // doUpdateFormFields={() => forceUpdateForm()}
+    form: initForm,
+    doUpdateFormFields: function doUpdateFormFields() {
+      return forceUpdateForm();
+    },
     size: gridSize,
     layout: layout,
     fieldStatus: fieldStatus
-  }) : null, renderActionGroup()), postfix);
+  }, itemGroupConfig)) : null, renderActionGroup()), postfix);
 });
 var _default = exports.default = StandardForm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fan-standard-comp",
-  "version": "3.2.9",
+  "version": "3.2.11",
   "description": "FZ standard-comp,basic of antd4.0 and custom component.",
   "main": "lib/index.js",
   "module": "es/index.js",