@zat-design/sisyphus-react 3.13.18-beta.7 → 3.13.18-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/ProForm/components/combination/ProModalSelect/index.js +15 -54
  2. package/lib/ProForm/components/combination/ProModalSelect/index.js +15 -54
  3. package/package.json +1 -1
package/es/ProForm/components/combination/ProModalSelect/index.js CHANGED
@@ -1,9 +1,9 @@
1
- import "antd/es/tooltip/style";
2
- import _Tooltip from "antd/es/tooltip";
3
1
  import "antd/es/button/style";
4
2
  import _Button from "antd/es/button";
5
3
  import "antd/es/input/style";
6
4
  import _Input from "antd/es/input";
5
+ import "antd/es/tooltip/style";
6
+ import _Tooltip from "antd/es/tooltip";
7
7
  import "antd/es/spin/style";
8
8
  import _Spin from "antd/es/spin";
9
9
  import "antd/es/space/style";
@@ -785,16 +785,21 @@ var ProModalSelect = function ProModalSelect(props, ref) {
785
785
  }) : null,
786
786
  onFocus: handleSelectFocus,
787
787
  onSearch: handleSelectSearch,
788
+ tooltip: _tooltip,
788
789
  style: {
789
790
  width: isView || disabled ? '100%' : 'calc(100% - 30px)'
790
791
  }
791
- }, restProps)) : _jsx(_Input, _objectSpread({
792
- value: viewText,
793
- onChange: handleChangeValue,
794
- disabled: disabled,
795
- autoComplete: "off",
796
- allowClear: true
797
- }, restProps)), isView || disabled ? null : _jsx(_Button, {
792
+ }, restProps)) : _jsx(_Tooltip, {
793
+ title: _tooltip ? viewText : null,
794
+ placement: "topLeft",
795
+ children: _jsx(_Input, _objectSpread({
796
+ value: viewText,
797
+ onChange: handleChangeValue,
798
+ disabled: disabled,
799
+ autoComplete: "off",
800
+ allowClear: true
801
+ }, restProps))
802
+ }), isView || disabled ? null : _jsx(_Button, {
798
803
  icon: _jsx(ReactSVG, {
799
804
  className: "viewSvg",
800
805
  src: viewSvg,
@@ -809,45 +814,6 @@ var ProModalSelect = function ProModalSelect(props, ref) {
809
814
  children: customRender
810
815
  });
811
816
  }
812
- useDeepCompareEffect(function () {
813
- var dom = document.getElementById(uuid);
814
- if (_tooltip && value && dom) {
815
- dom.addEventListener('mouseover', function (e) {
816
- var _e$target, _e$target$className, _e$target$className$i;
817
- if (value && (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$className = _e$target.className) === null || _e$target$className === void 0 ? void 0 : (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, 'select'))) {
818
- setState({
819
- open: true
820
- });
821
- }
822
- });
823
- dom.addEventListener('mouseout', function (e) {
824
- var _e$target2, _e$target2$className, _e$target2$className$;
825
- if (e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$className = _e$target2.className) === null || _e$target2$className === void 0 ? void 0 : (_e$target2$className$ = _e$target2$className.includes) === null || _e$target2$className$ === void 0 ? void 0 : _e$target2$className$.call(_e$target2$className, 'select')) {
826
- setState({
827
- open: false
828
- });
829
- }
830
- });
831
- return function () {
832
- dom.removeEventListener('mouseover', function (e) {
833
- var _e$target3, _e$target3$className, _e$target3$className$;
834
- if (value && (e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : (_e$target3$className = _e$target3.className) === null || _e$target3$className === void 0 ? void 0 : (_e$target3$className$ = _e$target3$className.includes) === null || _e$target3$className$ === void 0 ? void 0 : _e$target3$className$.call(_e$target3$className, 'select'))) {
835
- setState({
836
- open: true
837
- });
838
- }
839
- });
840
- dom.removeEventListener('mouseout', function (e) {
841
- var _e$target4, _e$target4$className, _e$target4$className$;
842
- if (e === null || e === void 0 ? void 0 : (_e$target4 = e.target) === null || _e$target4 === void 0 ? void 0 : (_e$target4$className = _e$target4.className) === null || _e$target4$className === void 0 ? void 0 : (_e$target4$className$ = _e$target4$className.includes) === null || _e$target4$className$ === void 0 ? void 0 : _e$target4$className$.call(_e$target4$className, 'select')) {
843
- setState({
844
- open: false
845
- });
846
- }
847
- });
848
- };
849
- }
850
- }, [value, _tooltip, document.getElementById(uuid)]);
851
817
  useDeepCompareEffect(function () {
852
818
  setState({
853
819
  options: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) || []
@@ -885,12 +851,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
885
851
  className: _className,
886
852
  style: style,
887
853
  ref: fieldRef,
888
- children: _tooltip && viewText ? _jsx(_Tooltip, {
889
- placement: "topLeft",
890
- open: open,
891
- title: viewText,
892
- children: initRender
893
- }) : initRender
854
+ children: initRender
894
855
  }), _jsxs(ProDrawerForm, _objectSpread(_objectSpread({
895
856
  mode: "Modal",
896
857
  title: title,
package/lib/ProForm/components/combination/ProModalSelect/index.js CHANGED
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- require("antd/es/tooltip/style");
10
- var _tooltip2 = _interopRequireDefault(require("antd/es/tooltip"));
11
9
  require("antd/es/button/style");
12
10
  var _button = _interopRequireDefault(require("antd/es/button"));
13
11
  require("antd/es/input/style");
14
12
  var _input = _interopRequireDefault(require("antd/es/input"));
13
+ require("antd/es/tooltip/style");
14
+ var _tooltip2 = _interopRequireDefault(require("antd/es/tooltip"));
15
15
  require("antd/es/spin/style");
16
16
  var _spin = _interopRequireDefault(require("antd/es/spin"));
17
17
  require("antd/es/space/style");
@@ -793,16 +793,21 @@ var ProModalSelect = function ProModalSelect(props, ref) {
793
793
  }) : null,
794
794
  onFocus: handleSelectFocus,
795
795
  onSearch: handleSelectSearch,
796
+ tooltip: _tooltip,
796
797
  style: {
797
798
  width: isView || disabled ? '100%' : 'calc(100% - 30px)'
798
799
  }
799
- }, restProps)) : (0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread5.default)({
800
- value: viewText,
801
- onChange: handleChangeValue,
802
- disabled: disabled,
803
- autoComplete: "off",
804
- allowClear: true
805
- }, restProps)), isView || disabled ? null : (0, _jsxRuntime.jsx)(_button.default, {
800
+ }, restProps)) : (0, _jsxRuntime.jsx)(_tooltip2.default, {
801
+ title: _tooltip ? viewText : null,
802
+ placement: "topLeft",
803
+ children: (0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread5.default)({
804
+ value: viewText,
805
+ onChange: handleChangeValue,
806
+ disabled: disabled,
807
+ autoComplete: "off",
808
+ allowClear: true
809
+ }, restProps))
810
+ }), isView || disabled ? null : (0, _jsxRuntime.jsx)(_button.default, {
806
811
  icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
807
812
  className: "viewSvg",
808
813
  src: _view.default,
@@ -817,45 +822,6 @@ var ProModalSelect = function ProModalSelect(props, ref) {
817
822
  children: customRender
818
823
  });
819
824
  }
820
- (0, _ahooks.useDeepCompareEffect)(function () {
821
- var dom = document.getElementById(uuid);
822
- if (_tooltip && value && dom) {
823
- dom.addEventListener('mouseover', function (e) {
824
- var _e$target, _e$target$className, _e$target$className$i;
825
- if (value && (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$className = _e$target.className) === null || _e$target$className === void 0 ? void 0 : (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, 'select'))) {
826
- setState({
827
- open: true
828
- });
829
- }
830
- });
831
- dom.addEventListener('mouseout', function (e) {
832
- var _e$target2, _e$target2$className, _e$target2$className$;
833
- if (e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$className = _e$target2.className) === null || _e$target2$className === void 0 ? void 0 : (_e$target2$className$ = _e$target2$className.includes) === null || _e$target2$className$ === void 0 ? void 0 : _e$target2$className$.call(_e$target2$className, 'select')) {
834
- setState({
835
- open: false
836
- });
837
- }
838
- });
839
- return function () {
840
- dom.removeEventListener('mouseover', function (e) {
841
- var _e$target3, _e$target3$className, _e$target3$className$;
842
- if (value && (e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : (_e$target3$className = _e$target3.className) === null || _e$target3$className === void 0 ? void 0 : (_e$target3$className$ = _e$target3$className.includes) === null || _e$target3$className$ === void 0 ? void 0 : _e$target3$className$.call(_e$target3$className, 'select'))) {
843
- setState({
844
- open: true
845
- });
846
- }
847
- });
848
- dom.removeEventListener('mouseout', function (e) {
849
- var _e$target4, _e$target4$className, _e$target4$className$;
850
- if (e === null || e === void 0 ? void 0 : (_e$target4 = e.target) === null || _e$target4 === void 0 ? void 0 : (_e$target4$className = _e$target4.className) === null || _e$target4$className === void 0 ? void 0 : (_e$target4$className$ = _e$target4$className.includes) === null || _e$target4$className$ === void 0 ? void 0 : _e$target4$className$.call(_e$target4$className, 'select')) {
851
- setState({
852
- open: false
853
- });
854
- }
855
- });
856
- };
857
- }
858
- }, [value, _tooltip, document.getElementById(uuid)]);
859
825
  (0, _ahooks.useDeepCompareEffect)(function () {
860
826
  setState({
861
827
  options: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) || []
@@ -893,12 +859,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
893
859
  className: _className,
894
860
  style: style,
895
861
  ref: fieldRef,
896
- children: _tooltip && viewText ? (0, _jsxRuntime.jsx)(_tooltip2.default, {
897
- placement: "topLeft",
898
- open: open,
899
- title: viewText,
900
- children: initRender
901
- }) : initRender
862
+ children: initRender
902
863
  }), (0, _jsxRuntime.jsxs)(_index.ProDrawerForm, (0, _objectSpread5.default)((0, _objectSpread5.default)({
903
864
  mode: "Modal",
904
865
  title: title,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.13.18-beta.7",
3
+ "version": "3.13.18-beta.8",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",