@pointcloud/pcloud-components 0.1.1 → 0.1.2

package/README.md

@@ -1,6 +1,6 @@
-# pui-components
+# pcloud-components
 
-pui-components 是一套基于 Antd v4.19.3 + React v17.0.0 开发的业务组件库。
+pcloud-components 是一套基于 Antd v4.19.3 + React v17.0.0 开发的业务组件库。
 
 ## 开始
 

package/dist/esm/AdvancedFilter/FormFilter.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { FProps } from './interface';
 import './styles/index.less';
-declare const _default: (props: FProps) => JSX.Element;
+declare const _default: (props: FProps) => React.JSX.Element;
 export default _default;

package/dist/esm/AdvancedFilter/FormFilter.js

@@ -1,27 +1,19 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { Row, Col, Input, Button, DatePicker, Form, Radio, Select, InputNumber, TreeSelect, Switch, Checkbox } from 'antd';
 import React, { useImperativeHandle } from 'react';
 import "./styles/index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var grid = {
   xxl: {
     span: 6
@@ -43,17 +35,15 @@ var formItemLayout = {
 };
 export default (function (props) {
   var formItemConfig = props.formItemConfig,
-      _props$showButton = props.showButton,
-      showButton = _props$showButton === void 0 ? true : _props$showButton,
-      onValuesChange = props.onValuesChange,
-      onSearch = props.onSearch,
-      onReset = props.onReset,
-      formRef = props.formRef;
-
+    _props$showButton = props.showButton,
+    showButton = _props$showButton === void 0 ? true : _props$showButton,
+    onValuesChange = props.onValuesChange,
+    onSearch = props.onSearch,
+    onReset = props.onReset,
+    formRef = props.formRef;
   var _Form$useForm = Form.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
   useImperativeHandle(formRef, function () {
     return {
       resetFields: form.resetFields,
@@ -61,7 +51,6 @@ export default (function (props) {
       form: form
     };
   });
-
   var search = function search() {
     var values = form.getFieldsValue();
     Object.keys(values).forEach(function (item) {
@@ -69,131 +58,106 @@ export default (function (props) {
         return c.name === item;
       });
       var isDate = ['datePicker', 'rangePicker'].includes(config === null || config === void 0 ? void 0 : config.type);
-
       if (isDate && values[item]) {
         values = _objectSpread(_objectSpread({}, values), formatTime(_defineProperty({}, item, values[item])));
       }
     });
     onSearch && onSearch(values);
   };
-
   var valuesChange = function valuesChange(v) {
     var value = formatTime(v);
     onValuesChange && onValuesChange(value);
   };
-
   var formatTime = function formatTime(v) {
     var fieldName = Object.keys(v)[0];
     var config = formItemConfig.find(function (item) {
       return item.name === fieldName;
     });
-
     if ((config === null || config === void 0 ? void 0 : config.type) === 'datePicker') {
       var _v$fieldName;
-
       v[fieldName] = (_v$fieldName = v[fieldName]) === null || _v$fieldName === void 0 ? void 0 : _v$fieldName.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss');
     }
-
     if ((config === null || config === void 0 ? void 0 : config.type) === 'rangePicker') {
       var _v$fieldName$, _v$fieldName$2;
-
       v[fieldName] = [(_v$fieldName$ = v[fieldName][0]) === null || _v$fieldName$ === void 0 ? void 0 : _v$fieldName$.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss'), (_v$fieldName$2 = v[fieldName][1]) === null || _v$fieldName$2 === void 0 ? void 0 : _v$fieldName$2.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss')];
     }
-
     return v;
   };
-
   var reset = function reset() {
     form.resetFields();
     onReset && onReset();
   };
-
   var renderComponent = function renderComponent(type, item) {
     switch (type) {
       case 'input':
-        return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, item), {}, {
+        return /*#__PURE__*/React.createElement(Input, _extends({}, item, {
           allowClear: true,
           placeholder: item.placeholder || "\u8BF7\u8F93\u5165".concat(item.label)
         }));
-
       case 'inputNumber':
-        return /*#__PURE__*/_jsx(InputNumber, _objectSpread(_objectSpread({}, item), {}, {
+        return /*#__PURE__*/React.createElement(InputNumber, _extends({}, item, {
           placeholder: item.placeholder || "\u8BF7\u8F93\u5165".concat(item.label)
         }));
-
       case 'radio':
-        return /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({}, item), {}, {
+        return /*#__PURE__*/React.createElement(Radio.Group, _extends({}, item, {
           options: item.options
         }));
-
       case 'select':
-        return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, item), {}, {
+        return /*#__PURE__*/React.createElement(Select, _extends({}, item, {
           allowClear: true,
           placeholder: item.placeholder || "\u8BF7\u9009\u62E9".concat(item.label),
           options: item.options
         }));
-
       case 'checkbox':
-        return /*#__PURE__*/_jsx(Checkbox.Group, _objectSpread(_objectSpread({}, item), {}, {
+        return /*#__PURE__*/React.createElement(Checkbox.Group, _extends({}, item, {
           options: item.options
         }));
-
       case 'switch':
-        return /*#__PURE__*/_jsx(Switch, {});
-
+        return /*#__PURE__*/React.createElement(Switch, null);
       case 'datePicker':
-        return /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread({}, item), {}, {
+        return /*#__PURE__*/React.createElement(DatePicker, _extends({}, item, {
           allowClear: true,
           placeholder: item.placeholder || "\u8BF7\u9009\u62E9".concat(item.label)
         }));
-
       case 'rangePicker':
-        return /*#__PURE__*/_jsx(DatePicker.RangePicker, {
+        return /*#__PURE__*/React.createElement(DatePicker.RangePicker, {
           allowClear: true
         });
-
       case 'treeSelect':
-        return /*#__PURE__*/_jsx(TreeSelect, _objectSpread(_objectSpread({}, item), {}, {
+        return /*#__PURE__*/React.createElement(TreeSelect, _extends({}, item, {
           dropdownClassName: "tree-select-filter",
           showSearch: true,
           allowClear: true,
           placeholder: item.placeholder || "\u8BF7\u9009\u62E9".concat(item.label),
           treeData: item.options
         }));
-
       default:
-        return /*#__PURE__*/_jsx(_Fragment, {});
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
     }
   };
-
-  return /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread({}, formItemLayout), {}, {
+  return /*#__PURE__*/React.createElement(Form, _extends({}, formItemLayout, {
     className: "form-filter",
     form: form,
     colon: false,
-    onValuesChange: valuesChange,
-    children: [/*#__PURE__*/_jsx(Row, {
-      className: "filter-row",
-      children: formItemConfig === null || formItemConfig === void 0 ? void 0 : formItemConfig.map(function (item) {
-        return /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, grid), {}, {
-          className: "filter-col",
-          children: /*#__PURE__*/_jsx(Form.Item, {
-            label: item.label,
-            name: item.name,
-            className: "filter-item",
-            children: renderComponent(item.type, item)
-          })
-        }), item.name);
-      })
-    }), showButton && /*#__PURE__*/_jsxs(Row, {
-      className: "search-btn",
-      children: [/*#__PURE__*/_jsx(Button, {
-        type: "primary",
-        onClick: search,
-        children: "\u67E5\u8BE2"
-      }), /*#__PURE__*/_jsx(Button, {
-        onClick: reset,
-        children: "\u91CD\u7F6E"
-      })]
-    })]
-  }));
+    onValuesChange: valuesChange
+  }), /*#__PURE__*/React.createElement(Row, {
+    className: "filter-row"
+  }, formItemConfig === null || formItemConfig === void 0 ? void 0 : formItemConfig.map(function (item) {
+    return /*#__PURE__*/React.createElement(Col, _extends({
+      key: item.name
+    }, grid, {
+      className: "filter-col"
+    }), /*#__PURE__*/React.createElement(Form.Item, {
+      label: item.label,
+      name: item.name,
+      className: "filter-item"
+    }, renderComponent(item.type, item)));
+  })), showButton && /*#__PURE__*/React.createElement(Row, {
+    className: "search-btn"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: search
+  }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, {
+    onClick: reset
+  }, "\u91CD\u7F6E")));
 });

package/dist/esm/AdvancedFilter/index.js

@@ -1,21 +1,15 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { useState, useRef, useImperativeHandle, useContext } from 'react';
 import { Input, Button, Collapse } from 'antd';
 import classNames from 'classnames';
@@ -23,8 +17,6 @@ import { motion } from 'framer-motion';
 import FormFilter from "./FormFilter";
 import { ConfigContext } from "../ConfigProvider";
 import "./styles/index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var variants = {
   down: {
     transform: 'rotateZ(180deg)'
@@ -33,131 +25,108 @@ var variants = {
     transform: 'rotateZ(0deg)'
   }
 };
-
 var AdvancedFilter = function AdvancedFilter(props) {
   var left = props.left,
-      right = props.right,
-      inputProps = props.inputProps,
-      formItemConfig = props.formItemConfig,
-      fRef = props.fRef,
-      icon = props.icon,
-      onValuesChange = props.onValuesChange,
-      onSearch = props.onSearch,
-      onReset = props.onReset;
-
+    right = props.right,
+    inputProps = props.inputProps,
+    formItemConfig = props.formItemConfig,
+    fRef = props.fRef,
+    icon = props.icon,
+    onValuesChange = props.onValuesChange,
+    onSearch = props.onSearch,
+    onReset = props.onReset;
   var _useContext = useContext(ConfigContext),
-      prefixCls = _useContext.prefixCls,
-      getPrefixCls = _useContext.getPrefixCls;
-
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('search-filter');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-search-filter"), !!prefixCls), classname);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      panelVisible = _useState2[0],
-      setPanelVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    panelVisible = _useState2[0],
+    setPanelVisible = _useState2[1];
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      inputValue = _useState4[0],
-      setInputValue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
   var inputRef = useRef(null);
   var formRef = useRef(null);
   useImperativeHandle(fRef, function () {
     var _formRef$current;
-
     return {
       resetFields: resetFields,
       form: (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.form
     };
   });
-
   var resetFields = function resetFields() {
     var _formRef$current2;
-
     setInputValue('');
     formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.resetFields();
   };
-
   var handleSearch = function handleSearch(values) {
     var _inputRef$current, _inputRef$current$inp;
-
     var value = inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$inp = _inputRef$current.input) === null || _inputRef$current$inp === void 0 ? void 0 : _inputRef$current$inp.value;
     onSearch && onSearch(_objectSpread(_objectSpread({}, values), _defineProperty({}, inputProps.name, value)));
   };
-
   var inputSearch = function inputSearch(v) {
     (inputProps === null || inputProps === void 0 ? void 0 : inputProps.inputSearch) && inputProps.inputSearch(_defineProperty({}, inputProps.name, v));
   };
-
-  return /*#__PURE__*/_jsx(Collapse, {
+  return /*#__PURE__*/React.createElement(Collapse, {
     className: wrapperClass,
     activeKey: panelVisible ? '1' : 'none',
     collapsible: "header",
     ghost: true,
-    bordered: false,
-    children: /*#__PURE__*/_jsxs(Collapse.Panel, {
-      showArrow: false,
-      header: /*#__PURE__*/_jsxs("div", {
-        className: "search-header",
-        style: {
-          justifyContent: left ? 'space-between' : 'flex-end',
-          alignItems: 'center'
-        },
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        },
-        children: [left && /*#__PURE__*/_jsx("div", {
-          className: "left",
-          children: left
-        }), /*#__PURE__*/_jsxs("div", {
-          className: "right right-content",
-          children: [/*#__PURE__*/_jsx(Input.Search, {
-            className: "input",
-            ref: inputRef,
-            allowClear: true,
-            placeholder: inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder,
-            onChange: function onChange(e) {
-              setInputValue(e.target.value);
-              onValuesChange && onValuesChange(e.target.value);
-            },
-            onSearch: inputSearch,
-            name: inputProps === null || inputProps === void 0 ? void 0 : inputProps.name,
-            value: inputValue
-          }), /*#__PURE__*/_jsxs(Button, {
-            className: "button",
-            onClick: function onClick() {
-              return setPanelVisible(!panelVisible);
-            },
-            children: ["\u9AD8\u7EA7\u7B5B\u9009", icon && /*#__PURE__*/_jsx(motion.span, {
-              className: "icon",
-              animate: panelVisible ? 'down' : 'up',
-              variants: variants,
-              children: icon
-            })]
-          }), right && /*#__PURE__*/_jsx("div", {
-            className: "right",
-            children: right
-          })]
-        })]
-      }),
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "title",
-        children: [/*#__PURE__*/_jsx("span", {
-          className: "icon"
-        }), " \u67E5\u8BE2\u6761\u4EF6"]
-      }), /*#__PURE__*/_jsx("div", {
-        className: "search-content",
-        children: /*#__PURE__*/_jsx(FormFilter, {
-          formRef: formRef,
-          formItemConfig: formItemConfig,
-          onSearch: handleSearch,
-          onReset: onReset
-        })
-      })]
-    }, "1")
-  });
+    bordered: false
+  }, /*#__PURE__*/React.createElement(Collapse.Panel, {
+    key: "1",
+    showArrow: false,
+    header: /*#__PURE__*/React.createElement("div", {
+      className: "search-header",
+      style: {
+        justifyContent: left ? 'space-between' : 'flex-end',
+        alignItems: 'center'
+      },
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, left && /*#__PURE__*/React.createElement("div", {
+      className: "left"
+    }, left), /*#__PURE__*/React.createElement("div", {
+      className: "right right-content"
+    }, /*#__PURE__*/React.createElement(Input.Search, {
+      className: "input",
+      ref: inputRef,
+      allowClear: true,
+      placeholder: inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder,
+      onChange: function onChange(e) {
+        setInputValue(e.target.value);
+        onValuesChange && onValuesChange(e.target.value);
+      },
+      onSearch: inputSearch,
+      name: inputProps === null || inputProps === void 0 ? void 0 : inputProps.name,
+      value: inputValue
+    }), /*#__PURE__*/React.createElement(Button, {
+      className: "button",
+      onClick: function onClick() {
+        return setPanelVisible(!panelVisible);
+      }
+    }, "\u9AD8\u7EA7\u7B5B\u9009", icon && /*#__PURE__*/React.createElement(motion.span, {
+      className: "icon",
+      animate: panelVisible ? 'down' : 'up',
+      variants: variants
+    }, icon)), right && /*#__PURE__*/React.createElement("div", {
+      className: "right"
+    }, right)))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "icon"
+  }), " \u67E5\u8BE2\u6761\u4EF6"), /*#__PURE__*/React.createElement("div", {
+    className: "search-content"
+  }, /*#__PURE__*/React.createElement(FormFilter, {
+    formRef: formRef,
+    formItemConfig: formItemConfig,
+    onSearch: handleSearch,
+    onReset: onReset
+  }))));
 };
-
 export default AdvancedFilter;

package/dist/esm/ConfigProvider/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ConfigProviderProps } from './interface';
 export declare const defaultPrefixCls = "pui";
 export declare const ConfigContext: React.Context<ConfigProviderProps>;
-declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
+declare const ConfigProvider: (props: ConfigProviderProps) => React.JSX.Element;
 export default ConfigProvider;

package/dist/esm/ConfigProvider/index.js

@@ -1,19 +1,16 @@
 import React, { createContext } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var defaultPrefixCls = 'pui'; // export const ConfigContext = createContext<ConfigProviderProps>({} as ConfigProviderProps);
+export var defaultPrefixCls = 'pui';
 
+// export const ConfigContext = createContext<ConfigProviderProps>({} as ConfigProviderProps);
 export var ConfigContext = /*#__PURE__*/createContext({
   getPrefixCls: function getPrefixCls(componentName, customPrefix) {
     return "".concat(customPrefix || defaultPrefixCls, "-").concat(componentName);
   }
 });
-
 var ConfigProvider = function ConfigProvider(props) {
   var children = props.children;
-  return /*#__PURE__*/_jsx(ConfigContext.Provider, {
-    value: props,
-    children: children
-  });
+  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+    value: props
+  }, children);
 };
-
 export default ConfigProvider;