@para-ui/core 3.0.2-beta → 3.0.4

package/OperateBtn/index.js

@@ -19,7 +19,7 @@ import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Down';
 import '../Dropdown/index.js';
 import 'rc-dropdown';
-import '../_verture/useFormatMessage-ac9d6acf.js';
+import '../_verture/useFormatMessage-f4452258.js';
 import '@para-ui/core/GlobalContext';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/4/13 10:48 AM\n* @description 表格操作按钮\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-operate-btn {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-operate-btn > .operate-btn-line {\n  display: inline-block;\n  width: 1px;\n  background-color: rgba(54, 102, 214, 0.2);\n  margin: 0 12px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-small > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-small button svg {\n  font-size: 18px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-medium > .operate-btn-line {\n  height: 14px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-medium button svg {\n  font-size: 24px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-large > .operate-btn-line {\n  height: 16px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-large button > svg {\n  font-size: 28px;\n}\n\n.paraui-v3-operate-btn-popover .operate-btn-list {\n  padding: 8px 0;\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item {\n  padding: 0 12px;\n  max-width: 120px;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  line-height: 36px;\n  text-align: left;\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item-disabled {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item-danger {\n  color: rgb(235, 96, 84);\n}";

package/PageHeader/index.js

@@ -20,7 +20,7 @@ import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '../Dropdown/index.js';
 import 'rc-dropdown';
-import '../_verture/useFormatMessage-ac9d6acf.js';
+import '../_verture/useFormatMessage-f4452258.js';
 import '@para-ui/core/GlobalContext';
 
 var MenuItemPopper = function MenuItemPopper(props) {

package/Pagination/index.js

@@ -8,7 +8,7 @@ import NavigateBefore from '@para-ui/icons/Left';
 import Right from '@para-ui/icons/Right';
 import Select from '../Select/index.js';
 import { TextField } from '../TextField/index.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import GlobalContext from '@para-ui/core/GlobalContext';
 import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';

package/PopConfirm/index.js

@@ -9,7 +9,7 @@ import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import { Button } from '../Button/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';

package/Popover/index.js

@@ -15,20 +15,7 @@ styleInject(css_248z);
 var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var title = props.title,
       content = props.content,
-      restProps = __rest(props, ["title", "content"]); //渲染到输出位置
-
-
-  var getPopupContainer = function getPopupContainer(triggerNode) {
-    var container;
-
-    if (!props.getPopupContainer) {
-      container = document.body;
-    } else {
-      container = props.getPopupContainer(triggerNode) || document.body;
-    }
-
-    return container;
-  }; //浮层
+      restProps = __rest(props, ["title", "content"]); //浮层
 
 
   var getOverlay = function getOverlay(prefixCls) {
@@ -53,8 +40,7 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     overlayClassName: clsx("".concat($prefixCls, "-popover"), props.overlayClassName),
     ref: ref,
     title: getOverlay(prefixCls),
-    transitionName: "".concat($rcPrefixCls, "-popover-zoom-big"),
-    getPopupContainer: getPopupContainer
+    transitionName: "".concat($rcPrefixCls, "-popover-zoom-big")
   }));
 });
 Popover.displayName = 'Popover';

package/Querying/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';

package/README.md

@@ -1,13 +1,36 @@
-## 版本: 3.0.2-beta
+## 版本: 3.0.4
 
-     para-ui/core@3.0.2-beta 发布
-        验证样式隔离问题
+     para-ui/core@3.0.4 发布
+        【RangePicker】增加shortcuts与shortcutsPlacement属性，支持快捷选择
+        【Button】禁用时提示文字无箭头且位于下方
+        【国际化】国际化支持zh-CN/en-US
+        【Breadcrumbs】重构面包屑
+
+## 版本: 3.0.3
+
+     para-ui/core@3.0.3 发布
+         样式隔离问题已验证
+        【Table】修复表格第1页不显示问题
+        【Table】加载更多定位到底部
+        【Table】内容列新增自定义className
+        【Checkbox】修复选中样式错误
+        【Transfer】穿梭款补全状态,优化
+        【Tooltip】使用followCursor属性时，提示内容位于光标下方
 
 ## 版本: 3.0.2
 
      para-ui/core@3.0.2 发布
+         样式隔离问题已验证
+        【Selector】修改选择器搜索可以点击下级
+        【Tooltip】增加followCursor属性
+        【Upload.ImgCrop】裁剪时开启无限制拖动，增加fixedCropSize属性
+
+## 版本: 3.0.2-beta
+
+     para-ui/core@3.0.2-beta 发布
+        验证样式隔离问题
         【AutoBox】修改下拉浮层
-        【Selectot】选择器修改自定义id,数据渲染失败
+        【Selector】选择器修改自定义id,数据渲染失败
         【Table】表格新增记住列
         【Table】修改表格表头样式
         【Table】允许全局统一改变参数

package/Search/index.js

@@ -29,7 +29,7 @@ import '../Dropdown/index.js';
 import 'rc-dropdown';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
-import '../_verture/useFormatMessage-ac9d6acf.js';
+import '../_verture/useFormatMessage-f4452258.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-search {\n  display: flex;\n  width: 100%;\n}\n.paraui-v3-search > .search-text-field {\n  padding: 0;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: none;\n  margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after {\n  padding: 0;\n  background-color: white;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  border: 0;\n}\n.paraui-v3-search.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-v3-search.paraui-v3-search-value > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon {\n  margin-right: 0;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-label {\n  margin-left: 4px;\n}\n.paraui-v3-search.paraui-v3-search-outside > .search-button {\n  margin-left: 16px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button {\n  padding: 0 8px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-btntext .search-button svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 26px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 4px;\n}\n.paraui-v3-search.paraui-v3-search-medium > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 30px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-inside.search-no-btntext .search-button svg {\n  font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 6px;\n}\n.paraui-v3-search.paraui-v3-search-large > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 34px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-inside.search-no-btntext .search-button svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}";
 styleInject(css_248z);

package/Select/index.js

@@ -14,7 +14,7 @@ import CloseCircle from '@para-ui/icons/CloseCircle';
 import Down from '@para-ui/icons/Down';
 import Check from '@para-ui/icons/Check';
 import SearchIcon from '@para-ui/icons/Search';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
 import { Popover } from '../Popover/index.js';

package/SelectInput/index.js

@@ -8,7 +8,7 @@ import '../_verture/typeof-498dd2b1.js';
 import 'react';
 import '../Empty/index.js';
 import 'clsx';
-import '../_verture/useFormatMessage-ac9d6acf.js';
+import '../_verture/useFormatMessage-f4452258.js';
 import '@para-ui/core/GlobalContext';
 import '../_verture/useGlobalProps-af9a2af6.js';
 import '../_verture/style-inject.es-300983ab.js';

package/Selector/index.js

@@ -17,7 +17,7 @@ import Empty from '../Empty/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import Refresh from '@para-ui/icons/Refresh';
 import { ArrayToObject, Get, Post, Cancel } from '@paraview/lib';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -41,6 +41,7 @@ import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/More';
+import '@para-ui/icons/Return';
 
 var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-selector-node {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v3-selector-node:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-selector-node > .selector-node-left {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  overflow: hidden;\n  padding-right: 16px;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-radio {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  padding: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-radio .radio-box {\n  top: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-check {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  padding: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-check .checkbox-box {\n  top: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .node-img {\n  display: inline-block;\n  width: 30px;\n  height: 30px;\n  margin-right: 8px;\n}\n.paraui-v3-selector-node > .selector-node-left > .node-img img {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch {\n  height: 36px;\n  padding: 0 16px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .main-title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .sub-title {\n  margin-left: 8px;\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .tag {\n  margin-left: 8px;\n  background-color: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 0px 6px;\n  white-space: nowrap;\n  height: 17px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf {\n  padding: 6px 16px;\n  height: 48px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box {\n  display: flex;\n  white-space: nowrap;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .tag {\n  margin-left: 8px;\n  background-color: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 1px 6px;\n  white-space: nowrap;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .sub-title {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node > .selector-node-right {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.paraui-v3-selector-node > .selector-node-right > .detail {\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .detail:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .line {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n  margin: 0 8px;\n  content: \"\";\n  display: inline-block;\n  height: 12px;\n}\n.paraui-v3-selector-node > .selector-node-right > .lower-child {\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .lower-child:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .close {\n  display: flex;\n  align-items: center;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .close:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .close:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-node > .selector-node-right > .close > svg {\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .detail, .paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .lower-child {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .detail:hover, .paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .lower-child:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled.paraui-v3-selector-node-branch > .selector-node-left > .main-title {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled > .selector-node-right > .lower-child {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-selector-detail .selector-detail-popover-content.selector-detail-popover-content-loading {\n  min-width: 100px;\n  min-height: 50px;\n}";
 styleInject(css_248z$3);
@@ -314,7 +315,8 @@ var en = {
   selectAll: 'Select all',
   seeMore: 'See more',
   selected: 'Selected',
-  pleaseEnter: 'Please enter'
+  pleaseEnter: 'Please enter',
+  searchResult: 'Search result'
 };
 
 var zh = {
@@ -322,7 +324,8 @@ var zh = {
   selectAll: '全选',
   seeMore: '查看更多',
   selected: '已选',
-  pleaseEnter: '请输入'
+  pleaseEnter: '请输入',
+  searchResult: '搜索结果'
 };
 
 var localeJson = {
@@ -701,6 +704,8 @@ var SelectorMain = function SelectorMain(props) {
       groupType = props.groupType,
       groupRange = props.groupRange,
       search = props.search,
+      _props$searchVal = props.searchVal,
+      searchVal = _props$searchVal === void 0 ? '' : _props$searchVal,
       searchPlaceholder = props.searchPlaceholder,
       searchTrigger = props.searchTrigger,
       searchLoading = props.searchLoading,
@@ -734,6 +739,12 @@ var SelectorMain = function SelectorMain(props) {
     searchTimer: null,
     searchStr: ''
   });
+  useEffect(function () {
+    if (!searchVal) return;
+    constData.current.searchStr = searchVal.val;
+    setSearchStr(searchVal.val);
+    if (searchVal.val !== '') setShowSearch(true);
+  }, [searchVal]);
   /** 改变搜索框 */
 
   var changeSearch = function changeSearch(val) {
@@ -796,6 +807,22 @@ var SelectorMain = function SelectorMain(props) {
       })
     });
   };
+  /** 点击下级
+   * @param isSearch {boolean}
+   * */
+
+
+  var onLevelCom = function onLevelCom(isSearch) {
+    return function (item) {
+      if (isSearch) {
+        constData.current.searchStr = '';
+        setSearchStr('');
+        setShowSearch(false);
+      }
+
+      onLevel && onLevel(item, isSearch);
+    };
+  };
   /** 渲染列表 */
 
 
@@ -820,7 +847,7 @@ var SelectorMain = function SelectorMain(props) {
       breadcrumbsList: breadcrumbsList,
       fieldConfig: fieldConfig,
       onClickBreadcrumbs: onClickBreadcrumbs,
-      onLevel: onLevel,
+      onLevel: onLevelCom(false),
       onSelect: onSelect,
       onLoad: onLoad,
       onAllCheck: onAllCheck
@@ -847,7 +874,8 @@ var SelectorMain = function SelectorMain(props) {
       groupType: groupRange === 'search' || groupRange === 'searchList' ? groupType : undefined,
       fieldConfig: fieldConfig,
       loading: searchLoading,
-      onSelect: onSelect
+      onSelect: onSelect,
+      onLevel: onLevelCom(true)
     }, "search");
   };
   /** 处理loading */
@@ -1235,21 +1263,29 @@ var Selector = function Selector(props) {
       setSearchLoading = _useState12[1]; // 搜索loading
 
 
-  var _useState13 = useState([]),
+  var _useState13 = useState({
+    val: ''
+  }),
       _useState14 = _slicedToArray(_useState13, 2),
-      searchList = _useState14[0],
-      setSearchList = _useState14[1]; // 搜索数据
+      searchVal = _useState14[0],
+      setSearchVal = _useState14[1]; // 搜索值
 
 
-  var _useState15 = useState(true),
+  var _useState15 = useState([]),
       _useState16 = _slicedToArray(_useState15, 2),
-      loadingCom = _useState16[0],
-      setLoadingCom = _useState16[1];
+      searchList = _useState16[0],
+      setSearchList = _useState16[1]; // 搜索数据
 
-  var _useState17 = useState(),
+
+  var _useState17 = useState(true),
       _useState18 = _slicedToArray(_useState17, 2),
-      refreshCom = _useState18[0],
-      setRefreshCom = _useState18[1];
+      loadingCom = _useState18[0],
+      setLoadingCom = _useState18[1];
+
+  var _useState19 = useState(),
+      _useState20 = _slicedToArray(_useState19, 2),
+      refreshCom = _useState20[0],
+      setRefreshCom = _useState20[1];
 
   var constData = useRef({
     /** 对象集合 所有的 */
@@ -1267,7 +1303,7 @@ var Selector = function Selector(props) {
     /** 当前选中值的mapping */
     selectValueJson: {},
 
-    /** 面包屑数据 */
+    /** 面包屑数据 带根/搜索 */
     breadcrumbsList: [],
 
     /** 接口id */
@@ -1287,7 +1323,13 @@ var Selector = function Selector(props) {
     reqTimer: null,
 
     /** 页数 */
-    page: 1
+    page: 1,
+
+    /** 搜索值 */
+    searchVal: '',
+
+    /** 搜索点了下级,记录搜索前的面包屑,null说明没有储存过 */
+    beforeSearchBreadcrumbs: null
   }); // 常量
 
   constData.current.reqParams.size = size;
@@ -1613,18 +1655,29 @@ var Selector = function Selector(props) {
   /** 点击下级,添加面包屑 */
 
 
-  var onLevelAddBreadcrumbs = function onLevelAddBreadcrumbs(item) {
-    breadcrumbsList.push({
+  var onLevelAddBreadcrumbs = function onLevelAddBreadcrumbs(item, isSearch) {
+    var arr = _toConsumableArray(breadcrumbsList);
+
+    if (isSearch) {
+      arr = [];
+
+      if (constData.current.beforeSearchBreadcrumbs === null) {
+        // 记录搜索之前的面包屑
+        constData.current.beforeSearchBreadcrumbs = _toConsumableArray(breadcrumbsList);
+      }
+    }
+
+    arr.push({
       label: item.mainTitle,
       value: item.key || ''
     });
-    setBreadcrumbsList(_toConsumableArray(breadcrumbsList));
+    setBreadcrumbsList(arr);
   };
   /** 点击下级 */
 
 
-  var onLevelCom = function onLevelCom(item) {
-    onLevelAddBreadcrumbs(item);
+  var onLevelCom = function onLevelCom(item, isSearch) {
+    onLevelAddBreadcrumbs(item, isSearch);
 
     if (isReqLocalData) {
       // 本地数据
@@ -1916,14 +1969,25 @@ var Selector = function Selector(props) {
 
 
   var handBreadcrumbsList = function handBreadcrumbsList() {
-    var arr = _toConsumableArray(breadcrumbsList);
+    var arr = _toConsumableArray(breadcrumbsList); // 根路径
+
 
     var oneItem = breadcrumbsHead || {
       label: intl({
         id: 'root'
       }),
       value: '_paraui_first_floor'
-    };
+    }; // 具有搜索结果的上下级
+
+    if (constData.current.searchVal) {
+      arr.unshift({
+        label: props.searchBreadcrumbs ? props.searchBreadcrumbs : intl({
+          id: 'searchResult'
+        }),
+        value: '_paraui_search'
+      });
+    }
+
     if (showbreadcrumbsHead) arr.unshift(oneItem);
     constData.current.breadcrumbsList = arr;
     return arr;
@@ -1956,7 +2020,27 @@ var Selector = function Selector(props) {
     }
 
     var keyStr = item.value || '';
-    var oneValue = breadcrumbsHead ? breadcrumbsHead.value : '_paraui_first_floor'; // 设置面包屑
+    var oneValue = breadcrumbsHead ? breadcrumbsHead.value : '_paraui_first_floor'; // 点击搜索结果,显示上一次的搜索
+
+    if (item.value === '_paraui_search') {
+      setSearchVal({
+        val: constData.current.searchVal
+      });
+      setBreadcrumbsList(_toConsumableArray(constData.current.beforeSearchBreadcrumbs || []));
+      return;
+    } // 点击根路径且具有搜索面包屑
+
+
+    if (constData.current.beforeSearchBreadcrumbs && item.value === oneValue) {
+      // 清空搜索态
+      constData.current.searchVal = '';
+      constData.current.beforeSearchBreadcrumbs = null;
+      setSearchVal({
+        val: ''
+      });
+      handBreadcrumbsList();
+    } // 设置面包屑
+
 
     if (keyStr === oneValue) {
       // 第一层
@@ -1988,7 +2072,9 @@ var Selector = function Selector(props) {
 
     handInitCurrent();
   };
-  /** 搜索回调 */
+  /** 搜索回调
+   * @param bol 搜索框为空的情况下,触发搜索
+   * */
 
 
   var onSearchCom = function onSearchCom(val, bol) {
@@ -1998,14 +2084,24 @@ var Selector = function Selector(props) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
+              constData.current.searchVal = val;
+
               if (!(val === '')) {
-                _context4.next = 5;
+                _context4.next = 7;
                 break;
               }
 
               setSearchList([]);
               setSearchLoading(false);
 
+              if (constData.current.beforeSearchBreadcrumbs) {
+                // 从搜索恢复到正常列表
+                constData.current.breadcrumbsList = _toConsumableArray(constData.current.beforeSearchBreadcrumbs);
+                setBreadcrumbsList(_toConsumableArray(constData.current.beforeSearchBreadcrumbs));
+                constData.current.beforeSearchBreadcrumbs = null;
+                refreshFunc();
+              }
+
               if (bol) {
                 // 当前页刷新
                 refreshFunc();
@@ -2013,23 +2109,23 @@ var Selector = function Selector(props) {
 
               return _context4.abrupt("return");
 
-            case 5:
+            case 7:
               if (!onSearch) {
-                _context4.next = 13;
+                _context4.next = 15;
                 break;
               }
 
               setSearchLoading(true);
-              _context4.next = 9;
+              _context4.next = 11;
               return onSearch(val);
 
-            case 9:
+            case 11:
               result = _context4.sent;
-              arr = convertTree(result || [], true, true);
+              arr = convertTree(result || [], false, true);
               setSearchList(arr);
               setSearchLoading(false);
 
-            case 13:
+            case 15:
             case "end":
               return _context4.stop();
           }
@@ -2115,6 +2211,7 @@ var Selector = function Selector(props) {
       searchTrigger: searchTrigger,
       searchPlaceholder: searchPlaceholder,
       searchLoading: searchLoading,
+      searchVal: searchVal,
       disabled: disabled,
       loading: loadingCom,
       searchList: searchList,

package/Selector/interface.d.ts

@@ -84,6 +84,10 @@ export interface SelectorConstData {
     reqTimer: any;
     /** 页码 */
     page: number;
+    /** 搜索值 */
+    searchVal: string;
+    /** 搜索点了下级,记录搜索前的面包屑 null说明没有储存过 */
+    beforeSearchBreadcrumbs: BreadcrumbsListItem[] | null;
     [name: string]: any;
 }
 /** 字段配置,对应数据字段 */
@@ -173,6 +177,12 @@ export interface SelectorMainProps {
     breadcrumbsList?: BreadcrumbsListItem[];
     /** 搜索 */
     search?: boolean;
+    /** 搜索面包屑 */
+    searchBreadcrumbs?: ReactNode;
+    /** 搜索值 */
+    searchVal?: {
+        val: string;
+    };
     /** 搜索Placeholder */
     searchPlaceholder?: ReactNode;
     /** 搜索触发方式 */
@@ -208,7 +218,7 @@ export interface SelectorMainProps {
     /** 选择事件 */
     onSelect?: (item: SelectorAnyJson) => void;
     /** 点击下级 */
-    onLevel?: (item: SelectorAnyJson) => void;
+    onLevel?: (item: SelectorAnyJson, isSearch?: boolean) => void;
     /** 查看更多 */
     onLoad?: () => void;
     /** 点击全选 */

package/Selector/lang/en_US.d.ts

@@ -4,5 +4,6 @@ declare const _default: {
     seeMore: string;
     selected: string;
     pleaseEnter: string;
+    searchResult: string;
 };
 export default _default;

package/Selector/lang/index.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
         seeMore: string;
         selected: string;
         pleaseEnter: string;
+        searchResult: string;
     };
     en: {
         root: string;
@@ -12,6 +13,7 @@ declare const _default: {
         seeMore: string;
         selected: string;
         pleaseEnter: string;
+        searchResult: string;
     };
 };
 export default _default;

package/Selector/lang/zh_CN.d.ts

@@ -4,5 +4,6 @@ declare const _default: {
     seeMore: string;
     selected: string;
     pleaseEnter: string;
+    searchResult: string;
 };
 export default _default;

package/SelectorPicker/index.js

@@ -37,10 +37,11 @@ import '../_verture/useGlobalProps-af9a2af6.js';
 import '@para-ui/core/GlobalContext';
 import '../Button/index.js';
 import '@para-ui/icons/Forbid';
-import '../_verture/useFormatMessage-ac9d6acf.js';
+import '../_verture/useFormatMessage-f4452258.js';
 import '@para-ui/icons/Search';
 import '../Breadcrumbs/index.js';
 import '@para-ui/icons/More';
+import '@para-ui/icons/Return';
 import '../Empty/index.js';
 import '@para-ui/icons/Refresh';