@lemon-fe/kits 1.0.0-21 → 1.0.0-22

package/es/components/Popup/index.js

@@ -26,11 +26,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import React, { useState, cloneElement, useRef, isValidElement, useEffect } from 'react';
-import { Modal, Input, message } from 'antd';
+import React, { useState, cloneElement, useRef, isValidElement, useEffect, useContext } from 'react';
+import { Modal, Input, message, ConfigProvider } from 'antd';
 import { CloseCircleFilled } from '@ant-design/icons';
-import { PREFIX_CLS } from "../../constants";
 import SearchIcon from "../Icons/Search";
+import { prefixClassName } from "../utils";
+var prefix = prefixClassName('popup');
 
 function Popup(props) {
   var valueProp = props.value,
@@ -55,8 +56,6 @@ function Popup(props) {
       emptyValue = props.emptyValue,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  var prefixCls = "".concat(PREFIX_CLS, "-popup");
-
   var _useState = useState(valueProp || emptyValue),
       _useState2 = _slicedToArray(_useState, 2),
       value = _useState2[0],
@@ -69,6 +68,9 @@ function Popup(props) {
 
   var inputRef = useRef(null);
 
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+      getPrefixCls = _useContext.getPrefixCls;
+
   var handleCancel = function handleCancel() {
     setVisible(false);
   };
@@ -180,7 +182,7 @@ function Popup(props) {
     trigger = showLabel ? /*#__PURE__*/cloneElement(children, undefined, label) : children;
   } else {
     trigger = /*#__PURE__*/React.createElement(Input, {
-      className: "".concat(prefixCls, "-input"),
+      className: prefix('input'),
       value: label,
       readOnly: true,
       ref: inputRef,
@@ -189,7 +191,7 @@ function Popup(props) {
       placeholder: placeholder,
       bordered: bordered,
       suffix: /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && allowClear && label && /*#__PURE__*/React.createElement(CloseCircleFilled, {
-        className: "ant-input-clear-icon",
+        className: "".concat(getPrefixCls('input'), "-clear-icon"),
         onClick: handleClear
       }), /*#__PURE__*/React.createElement(SearchIcon, null))
     });
@@ -201,11 +203,11 @@ function Popup(props) {
     }
   }, [valueProp]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-wrapper"),
+    className: prefix('wrapper'),
     onClick: handleOpen
   }, trigger), /*#__PURE__*/React.createElement(Modal, _extends({
     destroyOnClose: true,
-    visible: visible,
+    open: visible,
     width: 994,
     centered: true,
     onCancel: handleCancel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.0.0-21",
+  "version": "1.0.0-22",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",