@para-ui/core 4.0.41 → 4.0.43

package/Cascader/index.js

@@ -1,14 +1,13 @@
-import { C as Cascader } from '../_verture/index-6016a7ed.js';
-export { C as default } from '../_verture/index-6016a7ed.js';
+import { C as Cascader } from '../_verture/index-3fcb421f.js';
+export { C as default } from '../_verture/index-3fcb421f.js';
 import '../_verture/tslib.es6-f43aa41d.js';
 import 'react/jsx-runtime';
-import '../_verture/Portal-f9bedb3a.js';
+import '../_verture/Portal-42560ff0.js';
 import '../_verture/slicedToArray-75fa4188.js';
 import 'react';
 import 'react-dom';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-motion';
 import 'clsx';
 import '../_verture/typeof-6ec38efd.js';

package/ComboSelect/index.js

@@ -3,10 +3,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useRef, useState, useEffect, useMemo, useImperativeHandle } from 'react';
 import Down from '@para-ui/icons/Down';
 import SearchIcon from '@para-ui/icons/Search';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-5b4ff3b2.js';
+import { T as Tree } from '../_verture/index-5f0bfdcf.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Popover } from '../Popover/index.js';
@@ -61,8 +61,7 @@ import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
@@ -679,7 +678,7 @@ const ComboSelect = props => {
           onClick: evt => handleRemoveTagClick(evt, item),
           onMouseDown: e => e.stopPropagation()
         }, {
-          children: jsx(CloseIcon, {})
+          children: jsx(Close, {})
         }))]
       }));
     };
@@ -941,7 +940,7 @@ const ComboSelect = props => {
             className: 'comboselect-more-item-remove',
             onClick: e => handleRemoveTagClick(e, item)
           }, {
-            children: jsx(CloseIcon, {})
+            children: jsx(Close, {})
           }))]
         }), idx);
       });

package/CycleSelector/index.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React__default, { useState, useRef, useEffect, useImperativeHandle } from 'react';
 import clsx from 'clsx';
 import dayjs from 'dayjs';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import DatePicker from '../DatePicker/index.js';
@@ -19,9 +19,6 @@ import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';
 import '../_verture/tslib.es6-f43aa41d.js';
 import '@para-ui/icons/EditOutline';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/typeof-adeedc13.js';
 import '../AutoTips/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
@@ -30,7 +27,7 @@ import '@para-ui/icons/Forbid';
 import '@paraview/lib';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/defineProperty-f0e15205.js';
 import 'rc-picker';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';
@@ -755,7 +752,7 @@ const CycleSelector = props => {
           className: 'label'
         }, {
           children: intl('customCycle')
-        })), jsx(CloseIcon, {
+        })), jsx(Close, {
           onClick: cancelPopover
         })]
       })), jsx("div", Object.assign({

package/DatePicker/index.js

@@ -2,7 +2,7 @@ import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from '../Button/index.js';
 import { Tag } from '../Tag/index.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
 import React__default, { forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
@@ -33,9 +33,6 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/typeof-adeedc13.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
 import '../Help/index.js';

package/DragVerify/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import DoubleRight from '@para-ui/icons/DoubleRight';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import Check from '@para-ui/icons/Check';
 import Refresh from '@para-ui/icons/Refresh';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -268,7 +268,7 @@ const DragVerify = props => {
         }, {
           children: [jsx(DoubleRight, {
             className: 'svg-right'
-          }), jsx(CloseIcon, {
+          }), jsx(Close, {
             className: 'svg-close'
           }), jsx(Check, {
             className: 'svg-check'

package/DynamicMultiBox/index.js

@@ -70,11 +70,10 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-5b4ff3b2.js';
+import '../_verture/index-5f0bfdcf.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-8a431cd6.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-4b1025fa.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';
@@ -71,10 +71,9 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-5b4ff3b2.js';
+import '../_verture/index-5f0bfdcf.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-8a431cd6.js';
+export { F as default } from '../_verture/index-4b1025fa.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -71,10 +71,9 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-5b4ff3b2.js';
+import '../_verture/index-5f0bfdcf.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-efa83b5c.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-efa83b5c.js';
+import { u as useModal } from '../_verture/modalContext-369509dd.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-369509dd.js';
 import '../_verture/tslib.es6-f43aa41d.js';
 import 'react/jsx-runtime';
 import 'react';

package/Image/index.js

@@ -2,10 +2,9 @@ import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useMemo } from 'react';
-import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-f9bedb3a.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-42560ff0.js';
+import { _ as _typeof, a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import Dialog from 'rc-dialog';
 import ReactDOM from 'react-dom';
 import CSSMotion from 'rc-motion';

package/Message/index.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -131,7 +131,7 @@ const renderContent = (box, _ref2, removeTime, autoClose, fill) => {
   const iconDom = document.querySelector("#".concat(id, " .msg-icon"));
   if (iconDom && icon && !hideIcon) ReactDOM.render(icon, iconDom);
   const closeDom = document.querySelector("#".concat(id, " .msg-close"));
-  if (closeDom) ReactDOM.render(jsx(CloseIcon, {}), closeDom);
+  if (closeDom) ReactDOM.render(jsx(Close, {}), closeDom);
   if (!autoClose) return;
   setTimeout(() => {
     const hasNode = document.querySelector("#".concat(item.id));

package/Modal/index.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import Dialog from 'rc-dialog';
 import { Button } from '../Button/index.js';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { g as getConfirmLocale, l as localeJson } from '../_verture/index-ca413216.js';
 import ReactDOM from 'react-dom';
@@ -128,7 +128,7 @@ const ConfirmDialog = props => {
           className: 'confirm-content-close',
           onClick: handleCancel
         }, {
-          children: jsx(CloseIcon, {})
+          children: jsx(Close, {})
         })), jsx("span", Object.assign({
           className: clsx('confirm-content-icon', "confirm-content-icon--".concat(type))
         }, {
@@ -342,7 +342,7 @@ const Modal = props => {
       variant: 'outlined',
       size: 'small'
     }, {
-      children: closeIcon || jsx(CloseIcon, {
+      children: closeIcon || jsx(Close, {
         className: "".concat(prefixCls, "-close-icon")
       })
     }));

package/Notification/index.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import Notification from 'rc-notification';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -23,7 +23,7 @@ let defaultRight = 20;
 let defaultPlacement = 'topRight';
 let defaultGetContainer;
 const prefixCls = "".concat($prefixCls, "-notification");
-let defaultCloseIcon = jsx(CloseIcon, {
+let defaultCloseIcon = jsx(Close, {
   className: "".concat(prefixCls, "-close-icon")
 });
 const rtl = false;
@@ -134,7 +134,7 @@ function getNotificationInstance(args, callback) {
   const closeIconToRender = jsx("span", Object.assign({
     className: "".concat(prefixCls, "-close-x")
   }, {
-    children: closeIcon || jsx(CloseIcon, {
+    children: closeIcon || jsx(Close, {
       className: "".concat(prefixCls, "-close-icon")
     })
   }));

package/Pagination/index.d.ts

@@ -34,6 +34,10 @@ export interface PaginationProps {
     currentRowsPerPage?: number;
     /** 当前页数 */
     page?: number;
+    /** 当前页数最大限制,
+     * true 默认限制,不超过总页数
+     * */
+    pageMaxLimit?: boolean;
     /** 跳转页数 */
     skipFunc?: (num?: number, skipValue?: number) => void;
     /** 下拉框弹窗内容 */

package/Pagination/index.js

@@ -79,6 +79,7 @@ const Pagination = props => {
     flippingArrow = ['prev', 'next'],
     currentRowsPerPage = 10,
     page = 1,
+    pageMaxLimit = true,
     skipFunc,
     changePage,
     changeRowsPerPage,
@@ -134,10 +135,10 @@ const Pagination = props => {
   }, [props.rowsPerPage, locale]);
   useEffect(() => {
     const num = Number(totalPage);
-    if (pageCom > num && num !== pageCom) {
+    if (pageMaxLimit && pageCom > num && num !== pageCom) {
       setPageCom(num);
     }
-  }, [pageCom, totalPage]);
+  }, [pageCom, totalPage, pageMaxLimit]);
   useEffect(() => {
     const num = Math.ceil(total / currentRowsPerPageCom);
     // props.page 防止外部传入自定义页面,设置无效(表格分页)

package/Progress/index.js

@@ -4,7 +4,7 @@ import { Circle } from 'rc-progress';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Check from '@para-ui/icons/Check';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
@@ -255,7 +255,7 @@ const Progress = props => {
     }) : jsx(CheckCircleF, {
       className: "success"
     });
-    if (status === 'exception') return type === 'circle' ? jsx(CloseIcon, {
+    if (status === 'exception') return type === 'circle' ? jsx(Close, {
       className: "error"
     }) : jsx(CloseCircleF, {
       className: "error"

package/Prompt/index.js

@@ -5,7 +5,7 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-prompt {\n  width: 100%;\n  border-radius: 4px;\n  padding: 10px 16px 10px 40px;\n  position: relative;\n  box-sizing: border-box;\n}\n.paraui-v4-prompt.prompt-outline {\n  border-width: 1px;\n  border-style: solid;\n}\n.paraui-v4-prompt.prompt-status-feedback-close {\n  padding-right: 44px;\n}\n.paraui-v4-prompt .prompt-icon {\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  z-index: 2;\n}\n.paraui-v4-prompt .prompt-icon svg {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v4-prompt .prompt-btn-close {\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 2;\n  margin-left: auto;\n  cursor: pointer;\n}\n.paraui-v4-prompt .prompt-btn-close svg {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-prompt .prompt-title {\n  width: 100%;\n  font-weight: 600;\n  height: 20px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  line-height: 20px;\n  margin-bottom: 4px;\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item {\n  margin-top: 4px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item:first-child {\n  margin-top: 0;\n}\n.paraui-v4-prompt .prompt-content-item {\n  width: 100%;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  line-height: 20px;\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-content-item {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-content-item {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-content-item {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-content-item {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-info {\n  background: rgb(240, 245, 255);\n}\n.paraui-v4-prompt.prompt-type-info svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-type-info.prompt-outline {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-prompt.prompt-type-error {\n  background: rgb(255, 235, 235);\n}\n.paraui-v4-prompt.prompt-type-error svg {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-type-error.prompt-outline {\n  border-color: rgb(246, 103, 103);\n}\n.paraui-v4-prompt.prompt-type-success {\n  background: rgb(232, 252, 239);\n}\n.paraui-v4-prompt.prompt-type-success svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-success.prompt-outline {\n  border-color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-warn {\n  background: rgb(255, 246, 235);\n}\n.paraui-v4-prompt.prompt-type-warn svg {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-warn.prompt-outline {\n  border-color: rgb(255, 147, 38);\n}";
@@ -85,7 +85,7 @@ const Prompt = props => {
       className: 'prompt-btn-close',
       onClick: closePanel
     }, {
-      children: jsx(CloseIcon, {})
+      children: jsx(Close, {})
     })), title && jsx("div", Object.assign({
       className: "prompt-title"
     }, {

package/README.md

@@ -1,8 +1,17 @@
-## 🎉 para-ui/core@4.0.41 发布
+## 🎉 para-ui/core@4.0.43 发布
+
+🔧【Bugfix】
+- 【分页-Pagination】增加pageMaxLimit参数
+- 【表格-Table】增加非首页空状态展示
+
+## 🎉 para-ui/core@4.0.42 发布
 
 🔧【Bugfix】
 - 【对话框-Modal】修复同时存在size和contentHeight时，size失效问题
 
+🎁【Feature】
+- 【结果-Result】新增组件-结果
+
 ## 🎉 para-ui/core@4.0.40 发布
 
 🔧【Bugfix】

package/Result/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @author linhd
+ * @date 2024/9/11 10:46
+ * @description 结果
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import './index.scss';
+interface ResultProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 状态 */
+    status?: 'success' | 'error' | 'loading';
+    /** 插画 */
+    icon?: ReactNode;
+    /** 标题 */
+    title?: ReactNode;
+    /** 副标题 */
+    subTitle?: ReactNode;
+    /** 底部 */
+    footer?: ReactNode;
+}
+export declare const Result: FunctionComponent<ResultProps>;
+export default Result;

package/Result/index.js

@@ -0,0 +1,94 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import AutoTips from '../AutoTips/index.js';
+import Check from '@para-ui/icons/Check';
+import Close from '@para-ui/icons/Close';
+import LoadingIcon from '@para-ui/icons/Loading';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import 'react';
+import '../Tooltip/index.js';
+import '../_verture/tslib.es6-f43aa41d.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '@paraview/lib';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-result {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-result > .icon-box {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 30px;\n}\n.paraui-v4-result > .icon-box > .icon-bg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n}\n.paraui-v4-result > .icon-box > .icon-bg > svg {\n  font-size: 40px;\n}\n.paraui-v4-result > .title {\n  color: rgb(29, 33, 38);\n  font-size: 18px;\n  font-weight: 700;\n  max-width: 100%;\n  margin-bottom: 4px;\n}\n.paraui-v4-result > .sub-title {\n  max-width: 100%;\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n  text-align: center;\n}\n.paraui-v4-result > .footer {\n  margin-top: 40px;\n}\n.paraui-v4-result.paraui-v4-result-success > .icon-box > .icon-bg {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-success > .icon-box > .icon-bg > svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-result.paraui-v4-result-error > .icon-box > .icon-bg {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-error > .icon-box > .icon-bg > svg {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-result.paraui-v4-result-loading > .icon-box > .icon-bg {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-loading > .icon-box > .icon-bg > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  color: rgb(46, 101, 230);\n}";
+styleInject(css_248z);
+
+const iconMapping = {
+  success: jsx(Check, {}),
+  error: jsx(Close, {}),
+  loading: jsx(LoadingIcon, {})
+};
+const Result = props => {
+  const {
+    className,
+    style,
+    status,
+    icon,
+    title,
+    subTitle,
+    footer
+  } = props;
+  const handleIcon = () => {
+    if (icon) {
+      return jsx("div", Object.assign({
+        className: 'icon-box'
+      }, {
+        children: icon
+      }));
+    }
+    if (status) {
+      return jsx("div", Object.assign({
+        className: 'icon-box'
+      }, {
+        children: jsx("div", Object.assign({
+          className: 'icon-bg'
+        }, {
+          children: iconMapping[status]
+        }))
+      }));
+    }
+  };
+  const handleTitle = () => {
+    if (title) {
+      return jsx("div", Object.assign({
+        className: 'title'
+      }, {
+        children: jsx(AutoTips, {
+          children: title
+        })
+      }));
+    }
+  };
+  const handleSubTitle = () => {
+    if (subTitle) {
+      return jsx("div", Object.assign({
+        className: 'sub-title'
+      }, {
+        children: subTitle
+      }));
+    }
+  };
+  const handleFooter = () => {
+    if (footer) {
+      return jsx("div", Object.assign({
+        className: 'footer'
+      }, {
+        children: footer
+      }));
+    }
+  };
+  return jsxs("div", Object.assign({
+    className: clsx(className, "".concat($prefixCls, "-result"), {
+      ["".concat($prefixCls, "-result-").concat(status)]: status
+    }),
+    style: style
+  }, {
+    children: [handleIcon(), handleTitle(), handleSubTitle(), handleFooter()]
+  }));
+};
+
+export { Result, Result as default };

package/Select/index.js

@@ -5,7 +5,7 @@ import Label from '../Label/index.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { UUID, DeepClone } from '@paraview/lib';
 import { G as GlobalContext } from '../_verture/index-ca413216.js';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Down from '@para-ui/icons/Down';
 import Check from '@para-ui/icons/Check';
@@ -42,8 +42,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-select {\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: inline-block;\n  vertical-align: top;\n  width: 100%;\n}\n.paraui-v4-select > .select-content {\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  padding-right: 10px;\n  position: relative;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-select > .select-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-select > .select-content:hover > .select-svg > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v4-select > .select-content > .select-label-placeholder > .select-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-select > .select-content > .select-svg {\n  position: absolute;\n  right: 10px;\n  top: 0;\n  z-index: 2;\n}\n.paraui-v4-select > .select-content > .select-svg > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n  opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .radio-select-content {\n  padding-left: 10px;\n  font-size: 14px;\n  line-height: 1.43;\n  color: rgb(29, 33, 38);\n  word-break: break-all;\n}\n.paraui-v4-select > .select-content > .radio-search-outside {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n  padding: 0 10px 0 10px;\n  font-size: 14px;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  z-index: 10;\n}\n.paraui-v4-select > .select-content > .check-select-content {\n  padding-left: 10px;\n  overflow: hidden;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item {\n  display: inline-block;\n  background-color: rgb(234, 236, 241);\n  border-radius: 2px;\n  padding: 0 30px 0 10px;\n  color: rgb(29, 33, 38);\n  margin-right: 4px;\n  vertical-align: top;\n  max-width: 100%;\n  white-space: nowrap;\n  position: relative;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  padding-right: 10px;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n  max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > span {\n  display: inline-block;\n  height: 100%;\n  vertical-align: top;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg {\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  font-size: 16px;\n  position: absolute;\n  z-index: 10;\n  right: 10px;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose {\n  padding-right: 10px;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n  max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-search-outside {\n  width: 10px;\n  max-width: 100% !important;\n  display: none;\n  border: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  cursor: pointer;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n  opacity: 1;\n  transition: all 0.3s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-over-line > .select-content > .check-select-content {\n  display: flex;\n  flex-wrap: wrap;\n}\n.paraui-v4-select.paraui-v4-select-over-line > .select-content > .check-select-content input {\n  flex: 1;\n  z-index: 10;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content {\n  height: inherit;\n  min-height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content > .radio-search-outside {\n  padding: 0 38px 0 10px;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content {\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .radio-select-content {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n  max-width: 100%;\n}\n.paraui-v4-select.paraui-v4-select-error > .select-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .select-svg > svg {\n  transform: rotate(180deg);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .check-select-content > .check-search-outside {\n  display: inline-block;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content {\n  height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-svg {\n  top: 6px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .radio-select-content {\n  padding-bottom: 5px;\n  padding-top: 5px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 24px;\n  line-height: 24px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 4px;\n  height: 22px;\n}\n\n.paraui-v4-select-popover.paraui-v4-select-popover-hide {\n  display: none !important;\n}\n.paraui-v4-select-popover.component-dropdown {\n  /*&.paraui-v4-select-popover-small {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-popover-medium {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-popover-large {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content {\n  padding: 4px 0;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n  padding-top: 0px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n  margin-top: 20px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n  border-bottom: 1px solid;\n  border-color: rgb(234, 236, 241);\n  height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n  border: 0;\n  outline: none;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n  font-size: 14px;\n  opacity: 1;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-ms-input-placeholder { /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-input-placeholder { /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n  cursor: pointer;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n  height: 100px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n  display: flex;\n  cursor: pointer;\n  padding: 0 10px;\n  align-items: center;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n  line-height: 0;\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n  font-size: 18px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n  display: inline-block;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n  color: rgb(161, 168, 179) !important;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  display: inline-block;\n  width: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  font-size: 12px;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n  text-align: center;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  margin-top: 16px;\n  margin-bottom: 29px;\n}\n.paraui-v4-select-more-popover {\n  /*// 小\n  &.paraui-v4-select-more-popover-small {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 28px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 28px;\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-more-popover-medium {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 32px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 32px;\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-more-popover-large {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 36px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 36px;\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-more-popover .select-more {\n  width: 290px;\n  padding: 4px 0;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-title {\n  font-size: 12px;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n  padding: 0 10px;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n  flex: 1;\n  overflow: hidden;\n  display: inline-block;\n  font-size: 14px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n  font-size: 18px;\n  position: relative;\n  cursor: pointer;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n  border-radius: 2px;\n}";
@@ -869,7 +869,7 @@ const Select = props => {
               }, {
                 children: handContent(index)
               }))
-            }), isClose && jsx(CloseIcon, {
+            }), isClose && jsx(Close, {
               onClick: delItem(listJson[valueCom[index]], valueCom[index])
             })]
           }), index);
@@ -958,7 +958,7 @@ const Select = props => {
               }, {
                 children: handContent(index)
               }))
-            }), isClose && jsx(CloseIcon, {
+            }), isClose && jsx(Close, {
               onClick: delItem(listJson[valueCom[index]], valueCom[index])
             })]
           }), index);

package/Selector/index.js

@@ -8,7 +8,7 @@ import { Checkbox } from '../Checkbox/index.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -320,7 +320,7 @@ var SelectorNode = function SelectorNode(props) {
         className: "close",
         onClick: onCloseCom
       }, {
-        children: jsx(CloseIcon, {})
+        children: jsx(Close, {})
       }))]
     }))]
   }));
@@ -1030,7 +1030,7 @@ const SelectorData = props => {
             children: selectRenderItem ? selectRenderItem(item) : jsx(AutoTips, {
               children: item[(backDataFieldConfig === null || backDataFieldConfig === void 0 ? void 0 : backDataFieldConfig.mainTitle) || ''] || item[(backDataFieldConfig === null || backDataFieldConfig === void 0 ? void 0 : backDataFieldConfig.key) || '']
             })
-          }), !disabledItem && jsx(CloseIcon, {
+          }), !disabledItem && jsx(Close, {
             onClick: () => onClose && onClose(item, index)
           })]
         }), index);