@para-ui/core 3.0.22 → 3.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AutoBox/index.js +1 -1
- package/AutoTips/index.js +1 -1
- package/Breadcrumbs/index.js +1 -1
- package/Button/index.js +1 -1
- package/ButtonGroup/index.js +1 -1
- package/Carousel/index.js +1 -1
- package/Cascader/index.js +1 -1
- package/Checkbox/index.js +1 -1
- package/CheckboxGroup/index.js +1 -1
- package/Collapse/index.js +1 -1
- package/CollapseBox/index.js +1 -1
- package/CollapseLayout/index.js +1 -1
- package/ComboSelect/index.js +5 -5
- package/Container/index.js +1 -1
- package/DatePicker/index.js +1 -1
- package/Desktop/index.js +1 -1
- package/Drawer/index.js +1 -1
- package/Dropdown/index.js +1 -1
- package/Empty/index.js +1 -1
- package/Form/index.js +2 -2
- package/FormItem/index.js +2 -2
- package/FunctionModal/index.js +2 -2
- package/Help/index.js +1 -1
- package/HelperText/index.js +1 -1
- package/InputLang/index.js +1 -1
- package/InputNumber/index.js +1 -1
- package/Label/index.js +1 -1
- package/Loading/index.js +1 -1
- package/Menu/index.js +1 -1
- package/Message/index.js +1 -1
- package/Modal/index.js +2 -2
- package/MultiBox/index.js +1 -1
- package/Notification/index.js +1 -1
- package/OperateBtn/index.js +1 -1
- package/PageHeader/index.js +1 -1
- package/Pagination/index.js +1 -1
- package/ParauiProvider/index.js +1 -1
- package/PopConfirm/index.js +1 -1
- package/Popover/index.js +1 -1
- package/Progress/index.js +1 -1
- package/Querying/index.js +1 -1
- package/README.md +10 -0
- package/Radio/index.js +1 -1
- package/RadioGroup/index.js +1 -1
- package/Search/index.js +1 -1
- package/Select/index.d.ts +8 -0
- package/Select/index.js +42 -36
- package/Selector/index.js +14 -7
- package/SelectorPicker/index.js +1 -1
- package/SingleBox/index.js +1 -1
- package/Slider/index.js +1 -1
- package/Split/index.js +1 -1
- package/Status/index.js +1 -1
- package/Stepper/index.js +1 -1
- package/Styles/form.scss +5 -0
- package/Styles/index.scss +37 -0
- package/Styles/normalize.scss +348 -0
- package/Styles/scrollbar.scss +223 -0
- package/Styles/theme.scss +74 -0
- package/Switch/index.js +1 -1
- package/Table/index.js +83 -8
- package/Table/interface.d.ts +29 -8
- package/Tabs/index.js +1 -1
- package/Tag/index.js +1 -1
- package/TextEditor/index.js +1 -1
- package/TextField/index.js +1 -1
- package/Timeline/index.js +1 -1
- package/Title/index.js +1 -1
- package/ToggleButton/index.js +1 -1
- package/Tooltip/index.js +1 -1
- package/Transfer/index.js +1 -1
- package/Tree/index.js +2 -2
- package/Upload/index.js +5 -5
- package/_verture/{index-6807c0e0.js → index-2034182b.js} +2 -2
- package/_verture/{index-6fd242a8.js → index-647be3f8.js} +2 -2
- package/_verture/{modalContext-fcdc497b.js → modalContext-9ffd6fad.js} +0 -0
- package/index.js +3 -3
- package/package.json +1 -1
package/Popover/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import '../_verture/slicedToArray-d7722f4b.js';
|
|
|
10
10
|
import 'rc-tooltip';
|
|
11
11
|
import 'rc-tooltip/lib/placements';
|
|
12
12
|
|
|
13
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
13
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-popover {\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1500;\n font-weight: 400;\n white-space: normal;\n text-align: left;\n cursor: auto;\n user-select: text;\n}\n.paraui-v3-popover::after {\n position: absolute;\n background: rgba(255, 255, 255, 0.01);\n content: \"\";\n}\n.paraui-v3-popover.component-popover-hidden {\n display: none;\n}\n.paraui-v3-popover .component-popover-inner {\n background-color: rgb(255, 255, 255);\n background-clip: padding-box;\n border-radius: 4px;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-popover .component-popover-title {\n min-height: 32px;\n margin: 0;\n padding: 4px 16px;\n color: rgb(46, 55, 67);\n font-weight: 400;\n border-bottom: 1px solid #f0f0f0;\n}\n.paraui-v3-popover .component-popover-inner-content {\n color: rgb(46, 55, 67);\n}\n.paraui-v3-popover .component-popover-buttons {\n margin-bottom: 4px;\n text-align: right;\n}\n.paraui-v3-popover .component-popover-buttons button {\n margin-left: 8px;\n}\n.paraui-v3-popover .component-popover-arrow {\n position: absolute;\n display: none;\n width: 16px;\n height: 16px;\n overflow: hidden;\n background: transparent;\n pointer-events: none;\n}\n.paraui-v3-popover .component-popover-arrow-content {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: 11.3137085px;\n height: 11.3137085px;\n margin: auto;\n background-color: rgb(255, 255, 255);\n content: \"\";\n border-radius: 0 0 4px;\n pointer-events: none;\n}\n.paraui-v3-popover .component-popover-arrow-content::before {\n position: absolute;\n top: -11.3137085px;\n left: -11.3137085px;\n width: 33.9411255px;\n height: 33.9411255px;\n background: rgb(255, 255, 255) -10px -10px no-repeat;\n content: \"\";\n -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow, .paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow, .paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow {\n bottom: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateY(-1px) rotate(45deg);\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow {\n left: 16px;\n}\n.paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow {\n right: 16px;\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow, .paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow, .paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow {\n left: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(1px) rotate(135deg);\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow {\n top: 12px;\n}\n.paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow {\n bottom: 12px;\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow, .paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow, .paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow {\n top: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow-content {\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);\n transform: translateY(1px) rotate(-135deg);\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow {\n left: 16px;\n}\n.paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow {\n right: 16px;\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow, .paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow, .paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow {\n right: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(-1px) rotate(-45deg);\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow {\n top: 12px;\n}\n.paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow {\n bottom: 12px;\n}\n\n.component-popover-zoom-big-enter,\n.component-popover-zoom-big-appear {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-popover-zoom-big-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-popover-zoom-big-enter.component-popover-zoom-big-enter-active,\n.component-popover-zoom-big-appear.component-popover-zoom-big-appear-active {\n animation-name: componentPopoverZoomBigIn;\n animation-play-state: running;\n}\n\n.component-popover-zoom-big-leave.component-popover-zoom-big-leave-active {\n animation-name: componentPopoverZoomBigOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-popover-zoom-big-enter,\n.component-popover-zoom-big-appear {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-popover-zoom-big-enter-prepare,\n.component-popover-zoom-big-appear-prepare {\n transform: none;\n}\n\n.component-popover-zoom-big-leave {\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentPopoverZoomBigIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes componentPopoverZoomBigOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n opacity: 0;\n }\n}";
|
|
14
14
|
styleInject(css_248z);
|
|
15
15
|
|
|
16
16
|
var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
package/Progress/index.js
CHANGED
|
@@ -169,7 +169,7 @@ var Line = function Line(props) {
|
|
|
169
169
|
}));
|
|
170
170
|
};
|
|
171
171
|
|
|
172
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
172
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer {\n display: flex;\n margin-right: 8px;\n margin-bottom: 8px;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner {\n width: 100%;\n /*.component-progress-line {\n height: 10px;\n width: 100%;\n }*/\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .steps-outer {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .steps-outer .steps-item {\n flex-shrink: 0;\n min-width: 2px;\n margin-right: 2px;\n background: #f3f3f3;\n transition: all 0.3s;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .steps-outer .steps-item-active {\n background-color: rgb(54, 102, 214);\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .trail-bar {\n position: relative;\n display: inline-block;\n width: 100%;\n overflow: hidden;\n vertical-align: middle;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 100px;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .trail-bar .active-bar {\n position: relative;\n background-color: rgb(54, 102, 214);\n border-radius: 100px;\n transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text {\n min-width: 40px;\n font-size: 14px;\n font-weight: 500;\n text-align: left;\n color: rgb(54, 102, 214);\n margin-left: 12px;\n white-space: nowrap;\n vertical-align: middle;\n word-break: normal;\n display: flex;\n align-items: center;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text svg {\n width: 14px;\n height: 14px;\n position: relative;\n top: 2px;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text svg.success {\n color: rgb(83, 195, 27) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text svg.error {\n color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-circle, .paraui-v3-progress.paraui-v3-progress-dashboard {\n display: inline-block;\n position: relative;\n margin: 0 5px;\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n margin: 0;\n padding: 0;\n color: rgb(54, 102, 214);\n font-size: 1em;\n line-height: 1;\n white-space: normal;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text svg, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text svg {\n width: 2em;\n height: 2em;\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text svg.success, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text svg.success {\n color: rgb(83, 195, 27) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text svg.error, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text svg.error {\n color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-success-status .progress-text {\n color: rgb(83, 195, 27) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-exception-status .progress-text {\n color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-active-status .active-bar:before {\n position: absolute;\n inset: 0;\n background: #fff;\n border-radius: 10px;\n opacity: 0;\n -webkit-animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n content: \"\";\n}\n\n@keyframes progress-active {\n 0% {\n transform: translateX(-100%) scaleX(0);\n opacity: 0.1;\n }\n 20% {\n transform: translateX(-100%) scaleX(0);\n opacity: 0.5;\n }\n 100% {\n transform: translateX(0) scaleX(1);\n opacity: 0;\n }\n}";
|
|
173
173
|
styleInject(css_248z);
|
|
174
174
|
|
|
175
175
|
/** 进度条类型 **/
|
package/Querying/index.js
CHANGED
|
@@ -705,7 +705,7 @@ var localeJson = {
|
|
|
705
705
|
en: en
|
|
706
706
|
};
|
|
707
707
|
|
|
708
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
708
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-querying {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n}\n.paraui-v3-querying > .querying-image {\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v3-querying > .querying-image img {\n width: 100%;\n}\n.paraui-v3-querying > .querying-description {\n line-height: 17px;\n font-size: 14px;\n font-weight: 400;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-querying.paraui-v3-querying-large > .querying-description {\n margin-top: 24px;\n}\n.paraui-v3-querying.paraui-v3-querying-small > .querying-description {\n margin-top: 12px;\n font-size: 12px;\n}";
|
|
709
709
|
styleInject(css_248z);
|
|
710
710
|
|
|
711
711
|
var imageMap = {
|
package/README.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 版本: 3.0.23
|
|
2
|
+
para-ui/core@3.0.23 发布
|
|
3
|
+
【组合选择器-ComboSelect】修改组合选择器,未监听onChange,onClear事件,导致外部数据不是最新值
|
|
4
|
+
【表格-Table】新增defaultSortValue默认排序值,defaultFilterValue默认过滤值,只在第一次渲染表格生效
|
|
5
|
+
【表格-Table】新增searchKeyName,filterSearchCallback,支持本地过滤搜索数据
|
|
6
|
+
【下拉框-Select】新增renderContent自定义渲染内容,selectCheckIcon下拉选项,是否带选中图标
|
|
7
|
+
【全局-打包】Styles目录原样导出,引入主题变量@para-ui/core/Styles/theme.scss
|
|
8
|
+
【选择器-Selector】处理不显示首级,点击下级不带parentId
|
|
9
|
+
【数字输入框-InputNumber】禁用的时候去除左右空白
|
|
10
|
+
|
|
1
11
|
## 版本: 3.0.22
|
|
2
12
|
para-ui/core@3.0.22 发布
|
|
3
13
|
【选择器-Selector】增加selectRenderItem,selectRender自定义选中项渲染
|
package/Radio/index.js
CHANGED
|
@@ -12,7 +12,7 @@ import 'rc-tooltip/lib/placements';
|
|
|
12
12
|
import 'clsx';
|
|
13
13
|
import '@para-ui/icons/Help';
|
|
14
14
|
|
|
15
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
15
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-radio {\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 cursor: pointer;\n display: inline-flex;\n align-items: flex-start;\n line-height: 16px;\n}\n.paraui-v3-radio:hover > .radio-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-v3-radio:hover > .radio-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio:hover > .radio-help > .radio-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-v3-radio:hover > .radio-help > .radio-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio:hover > .radio-box > .radio-box-inner {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio > .radio-box {\n position: relative;\n}\n.paraui-v3-radio > .radio-box > input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.paraui-v3-radio > .radio-box > .radio-box-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n background-color: white;\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 50%;\n}\n.paraui-v3-radio > .radio-box > .radio-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n transform: scale(1) translate(-50%, -50%);\n background-color: white;\n border-radius: 50%;\n left: 50%;\n top: 50%;\n}\n.paraui-v3-radio > .radio-label {\n color: rgb(46, 55, 67);\n padding: 0 8px;\n margin: 0;\n display: inline-flex;\n align-items: flex-start;\n}\n.paraui-v3-radio > .radio-label > .radio-help > svg {\n top: 0;\n}\n.paraui-v3-radio .radio-label {\n line-height: 16px;\n}\n.paraui-v3-radio > .radio-help {\n padding: 0 8px;\n position: relative;\n top: -1px;\n}\n.paraui-v3-radio > .radio-help > .radio-label {\n color: rgb(46, 55, 67);\n margin: 0;\n display: inline-flex;\n align-items: center;\n}\n.paraui-v3-radio.paraui-v3-radio-checked > .radio-box > .radio-box-inner {\n border-color: transparent;\n background-color: rgb(54, 102, 214);\n}\n.paraui-v3-radio.paraui-v3-radio-checked:hover > .radio-box > .radio-box-inner {\n border-color: transparent;\n background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-disabled:hover > .radio-box > .radio-box-inner {\n background-color: rgb(245, 246, 247);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-label svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-box > input {\n cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-box > .radio-box-inner {\n background-color: rgb(245, 246, 247);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-box > .radio-box-inner:after {\n background-color: rgb(245, 246, 247);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled.paraui-v3-radio-checked > .radio-box > .radio-box-inner:after {\n background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-help {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-help > .radio-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-small > .radio-box {\n top: 1px;\n}\n.paraui-v3-radio.paraui-v3-radio-small > .radio-box > .radio-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v3-radio.paraui-v3-radio-small > .radio-box > .radio-box-inner:after {\n width: 4px;\n height: 4px;\n}\n.paraui-v3-radio.paraui-v3-radio-medium > .radio-box > .radio-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-v3-radio.paraui-v3-radio-medium > .radio-box > .radio-box-inner:after {\n width: 6px;\n height: 6px;\n}\n.paraui-v3-radio.paraui-v3-radio-large > .radio-box > .radio-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-v3-radio.paraui-v3-radio-large > .radio-box > .radio-box-inner:after {\n width: 6px;\n height: 6px;\n}";
|
|
16
16
|
styleInject(css_248z);
|
|
17
17
|
|
|
18
18
|
var Radio = function Radio(props) {
|
package/RadioGroup/index.js
CHANGED
|
@@ -14,7 +14,7 @@ import 'rc-tooltip/lib/placements';
|
|
|
14
14
|
import 'clsx';
|
|
15
15
|
import '@para-ui/icons/Help';
|
|
16
16
|
|
|
17
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
17
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-radio-group {\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 width: 100%;\n}\n.paraui-v3-radio-group > .radio-group-label {\n margin-bottom: 4px;\n}\n.paraui-v3-radio-group > .radio-group-content {\n line-height: 0;\n}\n.paraui-v3-radio-group > .radio-group-content > .paraui-v3-radio {\n margin-top: 8px;\n margin-bottom: 4px;\n}\n.paraui-v3-radio-group.paraui-v3-radio-group-column > .radio-group-content {\n display: flex;\n flex-direction: column;\n}";
|
|
18
18
|
styleInject(css_248z);
|
|
19
19
|
|
|
20
20
|
var RadioGroup = function RadioGroup(props) {
|
package/Search/index.js
CHANGED
|
@@ -32,7 +32,7 @@ import '@para-ui/icons/Forbid';
|
|
|
32
32
|
import '@para-ui/icons/Down';
|
|
33
33
|
import '../_verture/useFormatMessage-f4452258.js';
|
|
34
34
|
|
|
35
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
35
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\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-inside.paraui-v3-search-no-btntext .search-button > span {\n margin-right: 0;\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}";
|
|
36
36
|
styleInject(css_248z);
|
|
37
37
|
|
|
38
38
|
var Search = function Search(props) {
|
package/Select/index.d.ts
CHANGED
|
@@ -41,6 +41,14 @@ export interface SelectProps extends HelperTextDetailProps {
|
|
|
41
41
|
required?: boolean;
|
|
42
42
|
/** 下拉选项 {label: ReactNode, value: any, children: any[]}*/
|
|
43
43
|
list: any[];
|
|
44
|
+
/**
|
|
45
|
+
* 自定义渲染
|
|
46
|
+
* item: 当前想数据
|
|
47
|
+
* isContent: 是内容,还是下拉选项的每一项
|
|
48
|
+
* */
|
|
49
|
+
renderContent?: (item: any, isSelect: boolean) => ReactNode;
|
|
50
|
+
/** 下拉选中是否有图标, 默认有 */
|
|
51
|
+
selectCheckIcon?: boolean;
|
|
44
52
|
/** 显示名字段 */
|
|
45
53
|
showName?: string;
|
|
46
54
|
/** 取值字段 */
|
package/Select/index.js
CHANGED
|
@@ -48,7 +48,7 @@ var localeJson = {
|
|
|
48
48
|
en: en
|
|
49
49
|
};
|
|
50
50
|
|
|
51
|
-
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-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-v3-select > .select-content {\n line-height: 0;\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n padding-right: 12px;\n position: relative;\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-select > .select-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content:hover > .select-svg > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .select-label-placeholder {\n width: 100%;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\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-v3-select > .select-content > .select-label-placeholder > .select-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-v3-select > .select-content > .select-svg {\n position: absolute;\n right: 12px;\n top: 0;\n z-index: 2;\n}\n.paraui-v3-select > .select-content > .select-svg > svg {\n font-size: 20px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n opacity: 0;\n}\n.paraui-v3-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-v3-select > .select-content > .select-svg > .clean-up-icon > svg {\n font-size: 16px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-select > .select-content > .radio-select-content {\n padding-left: 12px;\n font-size: 14px;\n line-height: 1.43;\n color: rgb(46, 55, 67);\n word-break: break-all;\n}\n.paraui-v3-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 30px 0 10px;\n font-size: 14px;\n cursor: pointer;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v3-select > .select-content > .check-select-content {\n padding-left: 12px;\n height: 100%;\n overflow: hidden;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item {\n display: inline-block;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n padding: 0 12px 0 12px;\n color: rgb(46, 55, 67);\n margin-right: 8px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v3-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: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 8px;\n color: rgb(46, 55, 67);\n font-size: 16px;\n position: relative;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v3-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(46, 55, 67);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear > .select-content {\n padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > svg {\n opacity: 0;\n transition: all 0s;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n opacity: 1;\n transition: all 0.3s;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-small > .select-content {\n height: inherit;\n min-height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-medium > .select-content {\n height: inherit;\n min-height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-large > .select-content {\n height: inherit;\n min-height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content {\n padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content > .select-svg > svg {\n opacity: 1;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content {\n background-color: rgba(171, 176, 185, 0.12);\n cursor: not-allowed;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover > .select-svg > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v3-select.paraui-v3-select-error > .select-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .select-svg > svg {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .check-select-content > .check-search-outside {\n display: inline-block;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content {\n height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-label-placeholder {\n line-height: 26px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .radio-select-content {\n padding-bottom: 3px;\n padding-top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content {\n padding-bottom: 3px;\n}\n.paraui-v3-select.paraui-v3-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-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-search-outside {\n margin-top: 3px;\n height: 20px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content {\n height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-label-placeholder {\n line-height: 30px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-svg {\n top: 6px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .radio-select-content {\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content {\n padding-bottom: 4px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 4px;\n height: 22px;\n line-height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-search-outside {\n margin-top: 4px;\n height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content {\n height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-label-placeholder {\n line-height: 34px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-svg {\n top: 8px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .radio-select-content {\n padding-bottom: 7px;\n padding-top: 7px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content {\n padding-bottom: 5px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 5px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-search-outside {\n margin-top: 5px;\n height: 24px;\n}\n\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n padding-top: 0px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n margin-top: 58px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n display: flex;\n align-items: center;\n padding: 0 12px;\n border-bottom: 1px solid;\n border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n border: 0;\n outline: none;\n font-size: 14px;\n color: rgb(46, 55, 67);\n width: 100%;\n height: 100%;\n line-height: 1.43;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n font-size: 14px;\n opacity: 1;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n color: rgba(46, 55, 67, 0.4);\n font-size: 20px;\n cursor: pointer;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n padding: 8px 0;\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n height: 100px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n display: flex;\n cursor: pointer;\n padding: 0 12px;\n align-items: center;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n width: calc(100% - 25px);\n color: rgb(46, 55, 67);\n font-size: 14px;\n}\n.paraui-v3-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-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n font-size: 20px;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-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(54, 102, 214);\n}\n.paraui-v3-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-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-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-v3-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: rgba(46, 55, 67, 0.4) !important;\n}\n.paraui-v3-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 12px;\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-item {\n padding-left: 20px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n text-align: center;\n font-size: 14px;\n color: rgb(46, 55, 67);\n margin-top: 50px;\n margin-bottom: 72px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-radio > .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n width: 100%;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-search {\n height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 28px;\n line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 28px;\n line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-search {\n height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 32px;\n line-height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n line-height: 32px;\n height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-search {\n height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 36px;\n line-height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 36px;\n line-height: 36px;\n}\n\n.paraui-v3-select-more-popover {\n padding-left: 16px;\n}\n.paraui-v3-select-more-popover .select-more {\n width: 300px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-title {\n font-size: 14px;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 12px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n width: calc(100% - 25px);\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 20px;\n position: relative;\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-title {\n line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-title {\n line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-title {\n line-height: 36px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-content > .select-more-content-item {\n line-height: 36px;\n}";
|
|
51
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-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-v3-select > .select-content {\n line-height: 0;\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n padding-right: 12px;\n position: relative;\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-select > .select-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content:hover > .select-svg > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .select-label-placeholder {\n width: 100%;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\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-v3-select > .select-content > .select-label-placeholder > .select-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-v3-select > .select-content > .select-svg {\n position: absolute;\n right: 12px;\n top: 0;\n z-index: 2;\n}\n.paraui-v3-select > .select-content > .select-svg > svg {\n font-size: 20px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n opacity: 0;\n}\n.paraui-v3-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-v3-select > .select-content > .select-svg > .clean-up-icon > svg {\n font-size: 16px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-select > .select-content > .radio-select-content {\n padding-left: 12px;\n font-size: 14px;\n line-height: 1.43;\n color: rgb(46, 55, 67);\n word-break: break-all;\n}\n.paraui-v3-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 30px 0 10px;\n font-size: 14px;\n cursor: pointer;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v3-select > .select-content > .check-select-content {\n padding-left: 12px;\n height: 100%;\n overflow: hidden;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item {\n display: inline-block;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n padding: 0 12px 0 12px;\n color: rgb(46, 55, 67);\n margin-right: 8px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v3-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: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 8px;\n color: rgb(46, 55, 67);\n font-size: 16px;\n position: relative;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v3-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(46, 55, 67);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear > .select-content {\n padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > svg {\n opacity: 0;\n transition: all 0s;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n opacity: 1;\n transition: all 0.3s;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-small > .select-content {\n height: inherit;\n min-height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-medium > .select-content {\n height: inherit;\n min-height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-large > .select-content {\n height: inherit;\n min-height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content {\n padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content > .select-svg > svg {\n opacity: 1;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content {\n background-color: rgba(171, 176, 185, 0.12);\n cursor: not-allowed;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover > .select-svg > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v3-select.paraui-v3-select-error > .select-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .select-svg > svg {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .check-select-content > .check-search-outside {\n display: inline-block;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content {\n height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-label-placeholder {\n line-height: 26px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .radio-select-content {\n padding-bottom: 3px;\n padding-top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content {\n padding-bottom: 3px;\n}\n.paraui-v3-select.paraui-v3-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-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-search-outside {\n margin-top: 3px;\n height: 20px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content {\n height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-label-placeholder {\n line-height: 30px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-svg {\n top: 6px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .radio-select-content {\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content {\n padding-bottom: 4px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 4px;\n height: 22px;\n line-height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-search-outside {\n margin-top: 4px;\n height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content {\n height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-label-placeholder {\n line-height: 34px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-svg {\n top: 8px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .radio-select-content {\n padding-bottom: 7px;\n padding-top: 7px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content {\n padding-bottom: 5px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 5px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-search-outside {\n margin-top: 5px;\n height: 24px;\n}\n\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n padding-top: 0px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n margin-top: 58px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n display: flex;\n align-items: center;\n padding: 0 12px;\n border-bottom: 1px solid;\n border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n border: 0;\n outline: none;\n font-size: 14px;\n color: rgb(46, 55, 67);\n width: 100%;\n height: 100%;\n line-height: 1.43;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n font-size: 14px;\n opacity: 1;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n color: rgba(46, 55, 67, 0.4);\n font-size: 20px;\n cursor: pointer;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n padding: 8px 0;\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n height: 100px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n display: flex;\n cursor: pointer;\n padding: 0 12px;\n align-items: center;\n}\n.paraui-v3-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(46, 55, 67);\n font-size: 14px;\n}\n.paraui-v3-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-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n font-size: 20px;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-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(54, 102, 214);\n}\n.paraui-v3-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-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-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-v3-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: rgba(46, 55, 67, 0.4) !important;\n}\n.paraui-v3-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 12px;\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-item {\n padding-left: 20px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n text-align: center;\n font-size: 14px;\n color: rgb(46, 55, 67);\n margin-top: 50px;\n margin-bottom: 72px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-search {\n height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 28px;\n line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 28px;\n line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-search {\n height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 32px;\n line-height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n line-height: 32px;\n height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-search {\n height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 36px;\n line-height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 36px;\n line-height: 36px;\n}\n\n.paraui-v3-select-more-popover {\n padding-left: 16px;\n}\n.paraui-v3-select-more-popover .select-more {\n width: 300px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-title {\n font-size: 14px;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 12px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n width: calc(100% - 25px);\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 20px;\n position: relative;\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-title {\n line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-title {\n line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-title {\n line-height: 36px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-content > .select-more-content-item {\n line-height: 36px;\n}";
|
|
52
52
|
styleInject(css_248z);
|
|
53
53
|
|
|
54
54
|
/**
|
|
@@ -143,7 +143,10 @@ var Select = function Select(props) {
|
|
|
143
143
|
onEnter = _useGlobalProps.onEnter,
|
|
144
144
|
onEnterInput = _useGlobalProps.onEnterInput,
|
|
145
145
|
onClear = _useGlobalProps.onClear,
|
|
146
|
-
getPopupContainer = _useGlobalProps.getPopupContainer
|
|
146
|
+
getPopupContainer = _useGlobalProps.getPopupContainer,
|
|
147
|
+
renderContent = _useGlobalProps.renderContent,
|
|
148
|
+
_useGlobalProps$selec = _useGlobalProps.selectCheckIcon,
|
|
149
|
+
selectCheckIcon = _useGlobalProps$selec === void 0 ? true : _useGlobalProps$selec;
|
|
147
150
|
|
|
148
151
|
var posDom = useRef(null);
|
|
149
152
|
|
|
@@ -969,9 +972,10 @@ var Select = function Select(props) {
|
|
|
969
972
|
// 有搜索值且(输入框在内容里面或者有输入赋值)
|
|
970
973
|
if (searchValue !== '' && (searchModel === 'outside' || input)) return null;
|
|
971
974
|
var val = listJson[valueCom[0]] && listJson[valueCom[0]][showName] || valueCom[0];
|
|
972
|
-
|
|
975
|
+
var renderContentVal = renderContent && renderContent(listJson[valueCom[0]], false);
|
|
976
|
+
if (overLineCom) return renderContentVal || val;
|
|
973
977
|
return jsx(AutoTips, {
|
|
974
|
-
children: val
|
|
978
|
+
children: renderContentVal || val
|
|
975
979
|
});
|
|
976
980
|
};
|
|
977
981
|
|
|
@@ -984,12 +988,13 @@ var Select = function Select(props) {
|
|
|
984
988
|
})), handInput('radio')]
|
|
985
989
|
})
|
|
986
990
|
});
|
|
987
|
-
}, [multiple, showText, overLineCom, listJson, valueCom, showName, search, searchModel, searchValue, disabled, input, searchInputProps]); // 多选内容
|
|
991
|
+
}, [multiple, showText, overLineCom, listJson, valueCom, showName, search, searchModel, searchValue, disabled, input, searchInputProps, renderContent]); // 多选内容
|
|
988
992
|
|
|
989
993
|
var CheckMemo = useMemo(function () {
|
|
990
994
|
var handContent = function handContent(index) {
|
|
991
995
|
var val = listJson[valueCom[index]] && listJson[valueCom[index]][showName] || valueCom[index];
|
|
992
|
-
|
|
996
|
+
var renderContentVal = renderContent && renderContent(listJson[valueCom[index]], false);
|
|
997
|
+
return renderContentVal || val;
|
|
993
998
|
};
|
|
994
999
|
|
|
995
1000
|
return jsx(Fragment, {
|
|
@@ -1008,7 +1013,9 @@ var Select = function Select(props) {
|
|
|
1008
1013
|
className: isClose ? 'check-select-content-item' : 'check-select-content-item check-select-content-item-noclose'
|
|
1009
1014
|
}, {
|
|
1010
1015
|
children: [jsx("span", {
|
|
1011
|
-
children:
|
|
1016
|
+
children: jsx(AutoTips, {
|
|
1017
|
+
children: handContent(index)
|
|
1018
|
+
})
|
|
1012
1019
|
}), isClose && jsx(CloseIcon, {
|
|
1013
1020
|
onClick: delItem(listJson[valueCom[index]], valueCom[index])
|
|
1014
1021
|
})]
|
|
@@ -1027,7 +1034,7 @@ var Select = function Select(props) {
|
|
|
1027
1034
|
}(), handInput('check')]
|
|
1028
1035
|
}))
|
|
1029
1036
|
});
|
|
1030
|
-
}, [multiple, showText, valueCom, morePos, listJson, disabled, onChange, searchValue, search, searchModel, input, searchInputProps]);
|
|
1037
|
+
}, [multiple, showText, valueCom, morePos, listJson, disabled, onChange, searchValue, search, searchModel, input, searchInputProps, renderContent]);
|
|
1031
1038
|
|
|
1032
1039
|
var clickClean = function clickClean(e) {
|
|
1033
1040
|
e.stopPropagation();
|
|
@@ -1073,7 +1080,8 @@ var Select = function Select(props) {
|
|
|
1073
1080
|
var morePopoverContent = function morePopoverContent() {
|
|
1074
1081
|
var handContent = function handContent(index) {
|
|
1075
1082
|
var val = listJson[valueCom[index]] && listJson[valueCom[index]][showName] || valueCom[index];
|
|
1076
|
-
|
|
1083
|
+
var renderContentVal = renderContent && renderContent(listJson[valueCom[index]], false);
|
|
1084
|
+
return renderContentVal || val;
|
|
1077
1085
|
};
|
|
1078
1086
|
|
|
1079
1087
|
return jsxs("div", Object.assign({
|
|
@@ -1137,7 +1145,7 @@ var Select = function Select(props) {
|
|
|
1137
1145
|
})), RadioMemo, CheckMemo]
|
|
1138
1146
|
}))
|
|
1139
1147
|
}));
|
|
1140
|
-
}, [posDom, showText, labelMode, placeholder, label, labelSign, required, overLineCom, listJson, valueCom, showName, multiple, morePos, disabled, onChange, searchValue, searchModel, input, showSelect, searchInputProps, allowClear, onClear, openMore]); // 下拉框popover 列表
|
|
1148
|
+
}, [posDom, showText, labelMode, placeholder, label, labelSign, required, overLineCom, listJson, valueCom, showName, multiple, morePos, disabled, onChange, searchValue, searchModel, input, showSelect, searchInputProps, allowClear, onClear, openMore, renderContent]); // 下拉框popover 列表
|
|
1141
1149
|
|
|
1142
1150
|
var SelectPopoverListMemo = useMemo(function () {
|
|
1143
1151
|
var handClass = function handClass() {
|
|
@@ -1146,6 +1154,24 @@ var Select = function Select(props) {
|
|
|
1146
1154
|
return str;
|
|
1147
1155
|
};
|
|
1148
1156
|
|
|
1157
|
+
var handContent = function handContent(item) {
|
|
1158
|
+
var val = item[showName] || item[showValue];
|
|
1159
|
+
var renderContentVal = renderContent && renderContent(item, true);
|
|
1160
|
+
return jsxs(Fragment, {
|
|
1161
|
+
children: [jsx("span", Object.assign({
|
|
1162
|
+
className: "select-popover-list-item-label"
|
|
1163
|
+
}, {
|
|
1164
|
+
children: jsx(AutoTips, {
|
|
1165
|
+
children: renderContentVal || val
|
|
1166
|
+
})
|
|
1167
|
+
})), multiple && selectCheckIcon && jsx("span", Object.assign({
|
|
1168
|
+
className: "select-popover-list-item-svg"
|
|
1169
|
+
}, {
|
|
1170
|
+
children: jsx(Check, {})
|
|
1171
|
+
}))]
|
|
1172
|
+
});
|
|
1173
|
+
};
|
|
1174
|
+
|
|
1149
1175
|
return jsxs("div", Object.assign({
|
|
1150
1176
|
className: handClass()
|
|
1151
1177
|
}, {
|
|
@@ -1170,24 +1196,14 @@ var Select = function Select(props) {
|
|
|
1170
1196
|
classStrItem += ' select-popover-list-item-disabled';
|
|
1171
1197
|
}
|
|
1172
1198
|
|
|
1173
|
-
return
|
|
1199
|
+
return jsx("div", Object.assign({
|
|
1174
1200
|
onClick: clickItem(childItem),
|
|
1175
1201
|
className: classStrItem,
|
|
1176
1202
|
onMouseEnter: mouseEnter,
|
|
1177
1203
|
onMouseLeave: mouseLeave,
|
|
1178
1204
|
"data-val": val
|
|
1179
1205
|
}, {
|
|
1180
|
-
children:
|
|
1181
|
-
className: "select-popover-list-item-label"
|
|
1182
|
-
}, {
|
|
1183
|
-
children: jsx(AutoTips, {
|
|
1184
|
-
children: childItem[showName] || childItem[showValue]
|
|
1185
|
-
})
|
|
1186
|
-
})), multiple && jsx("span", Object.assign({
|
|
1187
|
-
className: "select-popover-list-item-svg"
|
|
1188
|
-
}, {
|
|
1189
|
-
children: jsx(Check, {})
|
|
1190
|
-
}))]
|
|
1206
|
+
children: handContent(childItem)
|
|
1191
1207
|
}), childIndex);
|
|
1192
1208
|
})]
|
|
1193
1209
|
}), index);
|
|
@@ -1202,24 +1218,14 @@ var Select = function Select(props) {
|
|
|
1202
1218
|
classStrItem += ' select-popover-list-item-disabled';
|
|
1203
1219
|
}
|
|
1204
1220
|
|
|
1205
|
-
return
|
|
1221
|
+
return jsx("div", Object.assign({
|
|
1206
1222
|
onClick: clickItem(item),
|
|
1207
1223
|
className: classStrItem,
|
|
1208
1224
|
onMouseEnter: mouseEnter,
|
|
1209
1225
|
onMouseLeave: mouseLeave,
|
|
1210
1226
|
"data-val": val
|
|
1211
1227
|
}, {
|
|
1212
|
-
children:
|
|
1213
|
-
className: "select-popover-list-item-label"
|
|
1214
|
-
}, {
|
|
1215
|
-
children: jsx(AutoTips, {
|
|
1216
|
-
children: item[showName] || item[showValue]
|
|
1217
|
-
})
|
|
1218
|
-
})), multiple && jsx("span", Object.assign({
|
|
1219
|
-
className: "select-popover-list-item-svg"
|
|
1220
|
-
}, {
|
|
1221
|
-
children: jsx(Check, {})
|
|
1222
|
-
}))]
|
|
1228
|
+
children: handContent(item)
|
|
1223
1229
|
}), index);
|
|
1224
1230
|
})
|
|
1225
1231
|
}) : !loading && emptyBol && jsx("div", Object.assign({
|
|
@@ -1230,7 +1236,7 @@ var Select = function Select(props) {
|
|
|
1230
1236
|
}))
|
|
1231
1237
|
})), loading && jsx(Loading, {})]
|
|
1232
1238
|
}));
|
|
1233
|
-
}, [listCom, showName, showValue, valueCom, onChange, multiple, loading, language, locale, emptyProps, emptyBol]); // 下拉框popover memo
|
|
1239
|
+
}, [listCom, showName, showValue, valueCom, onChange, multiple, loading, language, locale, emptyProps, emptyBol, renderContent, selectCheckIcon]); // 下拉框popover memo
|
|
1234
1240
|
|
|
1235
1241
|
var SelectPopoverMemo = useMemo(function () {
|
|
1236
1242
|
if (!showSelect) return '';
|
|
@@ -1261,7 +1267,7 @@ var Select = function Select(props) {
|
|
|
1261
1267
|
})), jsx(SearchIcon, {})]
|
|
1262
1268
|
})), SelectPopoverListMemo]
|
|
1263
1269
|
}));
|
|
1264
|
-
}, [open, posDom, listCom, childrenName, showValue, showName, valueCom, searchValue, search, classOneSelect, searchModel, multiple, searchPlaceholder, showSelect, loading, searchInputProps, language, locale, emptyProps, emptyBol]);
|
|
1270
|
+
}, [open, posDom, listCom, childrenName, showValue, showName, valueCom, searchValue, search, classOneSelect, searchModel, multiple, searchPlaceholder, showSelect, loading, searchInputProps, language, locale, emptyProps, emptyBol, renderContent, selectCheckIcon]);
|
|
1265
1271
|
/** 处理下拉内容 */
|
|
1266
1272
|
|
|
1267
1273
|
var handDropdown = function handDropdown() {
|
package/Selector/index.js
CHANGED
|
@@ -71,7 +71,7 @@ var localeJson = {
|
|
|
71
71
|
en: en
|
|
72
72
|
};
|
|
73
73
|
|
|
74
|
-
var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
74
|
+
var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\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.paraui-v3-selector-node.paraui-v3-selector-node-disabled-child > .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}";
|
|
75
75
|
styleInject(css_248z$3);
|
|
76
76
|
|
|
77
77
|
var SelectorNode = function SelectorNode(props) {
|
|
@@ -355,7 +355,7 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
355
355
|
}));
|
|
356
356
|
};
|
|
357
357
|
|
|
358
|
-
var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
358
|
+
var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector-main {\n padding: 16px 0 0 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v3-selector-main > .selectot-main-search {\n padding: 0 16px;\n margin-bottom: 16px;\n}\n.paraui-v3-selector-main > .selector-main-box {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .nav-box {\n padding: 0 16px;\n margin-bottom: 12px;\n line-height: 0;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list-no-data {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-bottom: 16px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list {\n flex: 1;\n overflow-y: hidden;\n padding-bottom: 16px;\n display: flex;\n flex-direction: column;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check {\n position: relative;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check + .selector-group-title.selector-group-title-first {\n margin-top: 4px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content {\n overflow-y: hidden;\n position: relative;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:before {\n content: \"\";\n position: absolute;\n height: 36px;\n width: 100%;\n pointer-events: none;\n top: 0;\n left: 0;\n z-index: 1;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:after {\n content: \"\";\n position: absolute;\n height: 36px;\n width: 100%;\n pointer-events: none;\n bottom: 0;\n left: 0;\n z-index: 1;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-top:after {\n box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:before {\n box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:after {\n box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-bottom:before {\n box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box {\n height: 100%;\n overflow-y: auto;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title {\n padding: 0 12px;\n margin-top: 24px;\n margin-bottom: 12px;\n font-size: 14px;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title.selector-group-title-first {\n margin-top: 0;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n padding: 0 16px;\n cursor: pointer;\n font-size: 14px;\n color: rgb(54, 102, 214);\n line-height: 36px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content {\n /*position: absolute;\n left: 0;\n top: 0;*/\n width: 100%;\n height: 100%;\n background-color: white;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content > .selector-main-list {\n padding-bottom: 16px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 36px);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 36px);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 36px - 36px);\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-select > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n padding-left: 38px;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-show-search > .selector-main-box {\n height: calc(100% - 52px);\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-show-search > .selector-main-box > .selector-main-content.selector-main-list-box {\n display: none;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-search > .selector-main-box {\n height: calc(100% - 52px);\n}";
|
|
359
359
|
styleInject(css_248z$2);
|
|
360
360
|
|
|
361
361
|
var SelectorMainContent = function SelectorMainContent(props) {
|
|
@@ -1023,7 +1023,7 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
1023
1023
|
}));
|
|
1024
1024
|
};
|
|
1025
1025
|
|
|
1026
|
-
var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
1026
|
+
var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector-data.paraui-v3-selector-data-node > .selector-data-node-box {\n padding: 24px 0 16px 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-node > .selector-data-node-box > .title {\n font-size: 14px;\n color: rgb(46, 55, 67);\n padding: 0 16px;\n margin-bottom: 16px;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-node > .selector-data-node-box > .title > .title-content {\n margin-left: 8px;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-node > .selector-data-node-box > .content {\n overflow-y: auto;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box {\n padding-top: 12px;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .title {\n font-size: 14px;\n color: rgb(46, 55, 67);\n padding: 0 16px;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .content {\n padding: 0 16px 12px 16px;\n overflow: auto;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .content > .content-tag {\n display: inline-flex;\n height: 24px;\n align-items: center;\n padding: 0 8px;\n border-radius: 2px;\n background-color: rgba(171, 176, 185, 0.2);\n margin-right: 8px;\n margin-top: 6px;\n max-width: calc(100% - 8px);\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .content > .content-tag > span {\n font-size: 12px;\n color: rgb(46, 55, 67);\n overflow: hidden;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .content > .content-tag > svg {\n font-size: 16px;\n margin-left: 4px;\n color: rgba(46, 55, 67, 0.7);\n cursor: pointer;\n}";
|
|
1027
1027
|
styleInject(css_248z$1);
|
|
1028
1028
|
|
|
1029
1029
|
var SelectorData = function SelectorData(props) {
|
|
@@ -1298,7 +1298,7 @@ var reqFunc = function reqFunc(obj) {
|
|
|
1298
1298
|
}
|
|
1299
1299
|
};
|
|
1300
1300
|
|
|
1301
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
1301
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector {\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n display: flex;\n height: 100%;\n width: 100%;\n}\n.paraui-v3-selector.paraui-v3-selector-lr > .paraui-v3-selector-main {\n width: 50%;\n}\n.paraui-v3-selector.paraui-v3-selector-lr > .paraui-v3-selector-data {\n width: 50%;\n border-left: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-selector.paraui-v3-selector-tb {\n flex-direction: column;\n}\n.paraui-v3-selector.paraui-v3-selector-tb > .paraui-v3-selector-data {\n border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n max-height: 106px;\n}\n.paraui-v3-selector.paraui-v3-selector-tb > .paraui-v3-selector-main {\n overflow-y: auto;\n height: auto;\n flex: 1;\n}";
|
|
1302
1302
|
styleInject(css_248z);
|
|
1303
1303
|
|
|
1304
1304
|
var handFieldConfig = function handFieldConfig(fieldConfig, rowKey) {
|
|
@@ -1673,13 +1673,20 @@ var Selector = function Selector(props) {
|
|
|
1673
1673
|
|
|
1674
1674
|
|
|
1675
1675
|
var handParentId = function handParentId() {
|
|
1676
|
-
var parentId
|
|
1677
|
-
if (props.breadcrumbsHead) parentId = props.breadcrumbsHead.value;
|
|
1676
|
+
var parentId; // 面包屑最后一项做parent
|
|
1678
1677
|
|
|
1679
|
-
if (constData.current.breadcrumbsList.length >
|
|
1678
|
+
if (constData.current.breadcrumbsList.length > 0) {
|
|
1680
1679
|
// 包含了根,所以要多加1
|
|
1681
1680
|
var item = constData.current.breadcrumbsList[constData.current.breadcrumbsList.length - 1];
|
|
1682
1681
|
parentId = item.value;
|
|
1682
|
+
} else {
|
|
1683
|
+
if (props.breadcrumbsHead) parentId = props.breadcrumbsHead.value; // 根
|
|
1684
|
+
} // 显示首级, 面包屑只有一层, 拿首级
|
|
1685
|
+
|
|
1686
|
+
|
|
1687
|
+
if (showbreadcrumbsHead && constData.current.breadcrumbsList.length === 1) {
|
|
1688
|
+
parentId = undefined;
|
|
1689
|
+
if (props.breadcrumbsHead) parentId = props.breadcrumbsHead.value; // 根
|
|
1683
1690
|
}
|
|
1684
1691
|
|
|
1685
1692
|
return parentId;
|
package/SelectorPicker/index.js
CHANGED
|
@@ -46,7 +46,7 @@ import '@para-ui/icons/Return';
|
|
|
46
46
|
import '../Empty/index.js';
|
|
47
47
|
import '@para-ui/icons/Refresh';
|
|
48
48
|
|
|
49
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n
|
|
49
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector-picker > .selector-picker-wrapper {\n position: relative;\n display: flex;\n min-height: 36px;\n padding: 0 42px 0 12px;\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper:hover {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgba(46, 55, 67, 0.4);\n white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow {\n position: absolute;\n top: 7px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear {\n position: absolute;\n top: 9px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding-top: 5px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single {\n padding-top: 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single > .selector-picker-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item {\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 24px;\n margin: 0 8px 5px 0;\n max-width: 100%;\n color: rgb(46, 55, 67);\n line-height: 24px;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper > .selector-picker-arrow {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper {\n background-color: rgba(171, 176, 185, 0.12);\n border-color: rgba(171, 176, 185, 0.4);\n pointer-events: none;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-clear {\n opacity: 1;\n}\n.paraui-v3-selector-picker-dropdown .paraui-v3-selector {\n border: 0;\n}";
|
|
50
50
|
styleInject(css_248z);
|
|
51
51
|
|
|
52
52
|
var SelectorPicker = function SelectorPicker(props) {
|