@para-ui/core 3.0.14 → 3.0.15
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/Button/index.js +1 -1
- package/ComboSelect/index.js +1 -1
- package/Form/index.js +1 -1
- package/FormItem/index.js +1 -1
- package/FormItem/itemType.d.ts +1 -1
- package/FunctionModal/index.js +2 -2
- package/Pagination/index.js +1 -1
- package/README.md +18 -0
- package/Selector/index.js +15 -15
- package/Selector/interface.d.ts +10 -1
- package/Table/index.js +10 -5
- package/Table/lang/en_US.d.ts +1 -0
- package/Table/lang/zh_CN.d.ts +1 -0
- package/_verture/{index-73896d60.js → index-d03109e6.js} +10 -8
- package/_verture/{modalContext-4bbc454f.js → modalContext-8522aa7e.js} +0 -0
- package/index.js +2 -2
- package/package.json +1 -1
package/Button/index.js
CHANGED
|
@@ -31,7 +31,7 @@ var localeJson = {
|
|
|
31
31
|
en: en
|
|
32
32
|
};
|
|
33
33
|
|
|
34
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n@keyframes buttonLoadingSpin {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v3-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n outline: 0;\n position: relative;\n align-items: center;\n user-select: none;\n vertical-align: middle;\n justify-content: center;\n text-decoration: none;\n background-color: transparent;\n appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0 16px;\n line-height: 1.5715;\n border-radius: 4px;\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 white-space: nowrap;\n color: rgb(255, 255, 255);\n box-sizing: border-box;\n letter-spacing: 0.02857em;\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v3-button .button-label {\n width: 100%;\n display: inherit;\n align-items: inherit;\n justify-content: inherit;\n}\n.paraui-v3-button .button-icon {\n display: inherit;\n margin-right: 4px;\n}\n.paraui-v3-button .button-icon svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v3-button .button-icon-end {\n margin-right: 0;\n margin-left: 4px;\n}\n.paraui-v3-button .button-icon-loading {\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-button-loading {\n pointer-events: none;\n}\n.paraui-v3-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(54, 102, 214);\n}\n.paraui-v3-button-contained:hover {\n background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-button-contained.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-contained.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-contained[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-contained[disabled]:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous {\n background-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous:hover {\n background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-outlined {\n color: rgba(46, 55, 67, 0.7);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-button-outlined:hover {\n color: rgb(54, 102, 214);\n border-color: rgba(54, 102, 214, 0.2);\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-outlined.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-outlined.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-outlined[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-outlined[disabled]:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous {\n color: rgb(235, 96, 84);\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous:hover {\n color: rgba(235, 96, 84, 0.8);\n border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-text {\n color: rgb(54, 102, 214);\n background-color: transparent;\n border: none;\n}\n.paraui-v3-button-text:hover {\n color: rgba(54, 102, 214, 0.8);\n background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-text.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-text[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: transparent;\n border: none;\n}\n.paraui-v3-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous {\n color: rgb(235, 96, 84);\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous:hover {\n color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-large {\n height: 36px;\n}\n.paraui-v3-button-medium {\n height: 32px;\n}\n.paraui-v3-button-small {\n height: 28px;\n}\n.paraui-v3-button--disabled {\n display: inline-block;\n}\n\n.paraui-v3-icon-button {\n flex: 0 0 auto;\n overflow: visible;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0;\n border-radius: 4px;\n}\n.paraui-v3-icon-button-loading {\n pointer-events: none;\n}\n.paraui-v3-icon-button-loading .button-loading-icon {\n display: inline-flex;\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-icon-button svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v3-icon-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-contained:hover {\n background-color: rgba(54, 102, 214, 0.8);\n box-shadow: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-contained[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-icon-button-contained[disabled]:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous {\n background-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous:hover {\n background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-outlined {\n color: rgba(46, 55, 67, 0.7);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-icon-button-outlined:hover {\n color: rgb(54, 102, 214);\n border-color: rgba(54, 102, 214, 0.2);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-icon-button-outlined.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-outlined[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-icon-button-outlined[disabled]:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous {\n color: rgb(235, 96, 84);\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous:hover {\n color: rgba(235, 96, 84, 0.8);\n border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-text:hover {\n color: rgba(54, 102, 214, 0.8);\n background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled {\n pointer-events: none;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled:hover {\n background-color: transparent;\n}\n.paraui-v3-icon-button-text[disabled] {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-icon-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous {\n color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous:hover {\n color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large {\n width: auto;\n height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large svg {\n font-size: 28px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium {\n width: auto;\n height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium svg {\n font-size: 24px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small {\n width: auto;\n height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small svg {\n font-size: 20px;\n}\n.paraui-v3-icon-button-large {\n width: 36px;\n height: 36px;\n}\n.paraui-v3-icon-button-medium {\n width: 32px;\n height: 32px;\n}\n.paraui-v3-icon-button-small {\n width: 28px;\n height: 28px;\n}\n\n.paraui-v3-button-split {\n display: inline-block;\n}\n.paraui-v3-button-split .paraui-v3-button-split--active {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list {\n padding: 8px 0;\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li {\n min-width: 140px;\n padding: 11px 12px;\n color: rgb(46, 55, 67);\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n}\n.paraui-v3-button-split-list ul .split-li:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled:hover {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li-group:not(:first-child) {\n position: relative;\n margin-top: 16px;\n}\n.paraui-v3-button-split-list ul .split-li-group:not(:first-child):before {\n content: \"\";\n position: absolute;\n top: -8px;\n left: 8px;\n right: 8px;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n}";
|
|
34
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n@keyframes buttonLoadingSpin {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v3-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n outline: 0;\n position: relative;\n align-items: center;\n user-select: none;\n vertical-align: middle;\n justify-content: center;\n text-decoration: none;\n background-color: transparent;\n appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0 16px;\n line-height: 1.5715;\n border-radius: 4px;\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 white-space: nowrap;\n color: rgb(255, 255, 255);\n box-sizing: border-box;\n letter-spacing: 0.02857em;\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v3-button .button-label {\n width: 100%;\n display: inherit;\n align-items: inherit;\n justify-content: inherit;\n}\n.paraui-v3-button .button-icon {\n display: inherit;\n margin-right: 4px;\n}\n.paraui-v3-button .button-icon svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v3-button .button-icon-end {\n margin-right: 0;\n margin-left: 4px;\n}\n.paraui-v3-button .button-icon-loading {\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-button-loading {\n pointer-events: none;\n}\n.paraui-v3-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(54, 102, 214);\n}\n.paraui-v3-button-contained:hover {\n background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-button-contained.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-contained.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-contained[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-contained[disabled]:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous {\n background-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-contained.paraui-v3-button-dangerous:hover {\n background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-outlined {\n color: rgba(46, 55, 67, 0.7);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-button-outlined:hover {\n color: rgb(54, 102, 214);\n border-color: rgba(54, 102, 214, 0.2);\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-outlined.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-outlined.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-outlined[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-outlined[disabled]:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous {\n color: rgb(235, 96, 84);\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-button-outlined.paraui-v3-button-dangerous:hover {\n color: rgba(235, 96, 84, 0.8);\n border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-text {\n color: rgb(54, 102, 214);\n background-color: transparent;\n border: none;\n}\n.paraui-v3-button-text:hover {\n color: rgba(54, 102, 214, 0.8);\n background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-button-text.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-text[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: transparent;\n border: none;\n pointer-events: none;\n}\n.paraui-v3-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous {\n color: rgb(235, 96, 84);\n}\n.paraui-v3-button-text.paraui-v3-button-dangerous:hover {\n color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-button-large {\n height: 36px;\n}\n.paraui-v3-button-medium {\n height: 32px;\n}\n.paraui-v3-button-small {\n height: 28px;\n}\n.paraui-v3-button--disabled {\n display: inline-block;\n}\n\n.paraui-v3-icon-button {\n flex: 0 0 auto;\n overflow: visible;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0;\n border-radius: 4px;\n}\n.paraui-v3-icon-button-loading {\n pointer-events: none;\n}\n.paraui-v3-icon-button-loading .button-loading-icon {\n display: inline-flex;\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v3-icon-button svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v3-icon-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-contained:hover {\n background-color: rgba(54, 102, 214, 0.8);\n box-shadow: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-icon-button-contained.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-contained[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-icon-button-contained[disabled]:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous {\n background-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-contained.paraui-v3-icon-button-dangerous:hover {\n background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-outlined {\n color: rgba(46, 55, 67, 0.7);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-icon-button-outlined:hover {\n color: rgb(54, 102, 214);\n border-color: rgba(54, 102, 214, 0.2);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-button-link-disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-icon-button-outlined.paraui-v3-button-link-disabled:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-outlined[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border: 1px solid rgba(171, 176, 185, 0.4);\n cursor: default;\n pointer-events: none;\n}\n.paraui-v3-icon-button-outlined[disabled]:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous {\n color: rgb(235, 96, 84);\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-outlined.paraui-v3-icon-button-dangerous:hover {\n color: rgba(235, 96, 84, 0.8);\n border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-icon-button-text:hover {\n color: rgba(54, 102, 214, 0.8);\n background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled {\n pointer-events: none;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-icon-button-text.paraui-v3-button-link-disabled:hover {\n background-color: transparent;\n}\n.paraui-v3-icon-button-text[disabled] {\n color: rgba(46, 55, 67, 0.4);\n pointer-events: none;\n}\n.paraui-v3-icon-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous {\n color: rgb(235, 96, 84);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-dangerous:hover {\n color: rgba(235, 96, 84, 0.8);\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large {\n width: auto;\n height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-large svg {\n font-size: 28px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium {\n width: auto;\n height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-medium svg {\n font-size: 24px;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small {\n width: auto;\n height: auto;\n}\n.paraui-v3-icon-button-text.paraui-v3-icon-button-small svg {\n font-size: 20px;\n}\n.paraui-v3-icon-button-large {\n width: 36px;\n height: 36px;\n}\n.paraui-v3-icon-button-medium {\n width: 32px;\n height: 32px;\n}\n.paraui-v3-icon-button-small {\n width: 28px;\n height: 28px;\n}\n\n.paraui-v3-button-split {\n display: inline-block;\n}\n.paraui-v3-button-split .paraui-v3-button-split--active {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list {\n padding: 8px 0;\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li {\n min-width: 140px;\n padding: 11px 12px;\n color: rgb(46, 55, 67);\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n}\n.paraui-v3-button-split-list ul .split-li:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--active:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-v3-button-split-list ul .split-li.split-li--disabled:hover {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-button-split-list ul .split-li-group:not(:first-child) {\n position: relative;\n margin-top: 16px;\n}\n.paraui-v3-button-split-list ul .split-li-group:not(:first-child):before {\n content: \"\";\n position: absolute;\n top: -8px;\n left: 8px;\n right: 8px;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n}";
|
|
35
35
|
styleInject(css_248z);
|
|
36
36
|
|
|
37
37
|
function SplitButton(props) {
|
package/ComboSelect/index.js
CHANGED
|
@@ -152,7 +152,7 @@ var localeJson = {
|
|
|
152
152
|
en: en
|
|
153
153
|
};
|
|
154
154
|
|
|
155
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 12px;\n font-size: 14px;\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-comboselect .comboselect-wrapper:hover {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 12px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgba(46, 55, 67, 0.4);\n white-space: nowrap;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-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-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 4px 30px 0 0;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-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-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 22px;\n margin: 0 8px 4px 0;\n max-width: 100%;\n color: rgb(46, 55, 67);\n line-height: 22px;\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-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-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-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.4);\n cursor: not-allowed;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v3-comboselect-focused .comboselect-wrapper {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-comboselect-disabled .comboselect-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-comboselect-large .comboselect-wrapper {\n min-height: 36px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow {\n padding-top: 5px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 24px;\n margin-bottom: 5px;\n line-height: 24px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 34px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-arrow {\n top: 7px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v3-comboselect-error .comboselect-wrapper {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v3-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v3-comboselect-non-popup {\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v3-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 18px;\n border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n flex: auto;\n margin: 0 10px 0 10px;\n border: none;\n color: rgb(46, 55, 67);\n font-size: 14px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgba(46, 55, 67, 0.7);\n transition: all 0.3s;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v3-table {\n box-shadow: none;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v3-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 18px;\n border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n margin: 0 10px 0 10px;\n border: none;\n color: rgb(46, 55, 67);\n font-size: 14px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgba(46, 55, 67, 0.7);\n transition: all 0.3s;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect-dropdown .comboselect-table {\n height: 100%;\n padding-bottom: 10px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-table .paraui-v3-table {\n box-shadow: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-tree {\n height: 100%;\n padding: 6px 7px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-tree .paraui-v3-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 12px;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-list {\n padding: 8px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode {\n width: 100%;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-switcher {\n display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-checkbox {\n display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 6px 28px 6px 12px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-node-content-wrapper:hover {\n background-color: rgba(171, 176, 185, 0.12);\n border-radius: 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper {\n position: relative;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 5px;\n height: 10px;\n right: 12px;\n top: 50%;\n transform: translateY(-50%) rotate(45deg);\n border: 2px solid rgb(54, 102, 214);\n border-top: 0;\n border-left: 0;\n border-bottom-right-radius: 2px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list-single .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v3-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 12px 0;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: block;\n padding: 0 12px;\n margin-bottom: 5px;\n font-size: 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n padding: 0 12px;\n overflow-y: auto;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 36px;\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 20px;\n color: rgb(46, 55, 67);\n cursor: pointer;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(54, 102, 214);\n}";
|
|
155
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 12px;\n font-size: 14px;\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-comboselect .comboselect-wrapper:hover {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 12px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgba(46, 55, 67, 0.4);\n white-space: nowrap;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-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-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 4px 30px 0 0;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-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-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 22px;\n margin: 0 8px 4px 0;\n max-width: 100%;\n color: rgb(46, 55, 67);\n line-height: 22px;\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-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-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-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgba(46, 55, 67, 0.4);\n background-color: rgba(171, 176, 185, 0.4);\n cursor: not-allowed;\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v3-comboselect-focused .comboselect-wrapper {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-comboselect-disabled .comboselect-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-comboselect-large .comboselect-wrapper {\n min-height: 36px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow {\n padding-top: 5px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 24px;\n margin-bottom: 5px;\n line-height: 24px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 34px;\n}\n.paraui-v3-comboselect-large .comboselect-wrapper .comboselect-arrow {\n top: 7px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v3-comboselect-small .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v3-comboselect-error .comboselect-wrapper {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v3-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v3-comboselect-non-popup {\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v3-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 18px;\n border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n height: 100%;\n flex: auto;\n margin: 0 10px 0 10px;\n border: none;\n color: rgb(46, 55, 67);\n font-size: 14px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgba(46, 55, 67, 0.7);\n transition: all 0.3s;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v3-table {\n box-shadow: none;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v3-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v3-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 18px;\n border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n margin: 0 10px 0 10px;\n border: none;\n color: rgb(46, 55, 67);\n font-size: 14px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgba(46, 55, 67, 0.7);\n transition: all 0.3s;\n}\n.paraui-v3-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-comboselect-dropdown .comboselect-table {\n height: 100%;\n padding-bottom: 10px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-table .paraui-v3-table {\n box-shadow: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-tree {\n height: 100%;\n padding: 6px 7px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-tree .paraui-v3-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 12px;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-comboselect-dropdown .comboselect-list {\n padding: 8px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode {\n width: 100%;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-switcher {\n display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-checkbox {\n display: none;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 6px 28px 6px 12px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode .paraui-v3-tree-node-content-wrapper:hover {\n background-color: rgba(171, 176, 185, 0.12);\n border-radius: 0;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper {\n position: relative;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 5px;\n height: 10px;\n right: 12px;\n top: 50%;\n transform: translateY(-50%) rotate(45deg);\n border: 2px solid rgb(54, 102, 214);\n border-top: 0;\n border-left: 0;\n border-bottom-right-radius: 2px;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v3-comboselect-dropdown .comboselect-list-single .paraui-v3-tree-treenode-checkbox-checked .paraui-v3-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v3-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 12px 0;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: block;\n padding: 0 12px;\n margin-bottom: 5px;\n font-size: 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n padding: 0 12px;\n overflow-y: auto;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 36px;\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 20px;\n color: rgb(46, 55, 67);\n cursor: pointer;\n}\n.paraui-v3-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(54, 102, 214);\n}";
|
|
156
156
|
styleInject(css_248z);
|
|
157
157
|
|
|
158
158
|
var ComboSelect = function ComboSelect(props) {
|
package/Form/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
|
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
import { DeepClone } from '@paraview/lib';
|
|
5
5
|
import React__default from 'react';
|
|
6
|
-
import { F as FormItem, v as validate } from '../_verture/index-
|
|
6
|
+
import { F as FormItem, v as validate } from '../_verture/index-d03109e6.js';
|
|
7
7
|
import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
|
|
8
8
|
import '../TextField/index.js';
|
|
9
9
|
import '../_verture/typeof-498dd2b1.js';
|
package/FormItem/index.js
CHANGED
package/FormItem/itemType.d.ts
CHANGED
package/FunctionModal/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { u as useModal } from '../_verture/modalContext-
|
|
2
|
-
export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-
|
|
1
|
+
import { u as useModal } from '../_verture/modalContext-8522aa7e.js';
|
|
2
|
+
export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-8522aa7e.js';
|
|
3
3
|
import '../_verture/toConsumableArray-f8047a75.js';
|
|
4
4
|
import '../_verture/slicedToArray-d7722f4b.js';
|
|
5
5
|
import '../_verture/index-342379c6.js';
|
package/Pagination/index.js
CHANGED
|
@@ -200,7 +200,7 @@ var Pagination = function Pagination(props) {
|
|
|
200
200
|
clearTimeout(constData.changePagination);
|
|
201
201
|
constData.changePagination = setTimeout(function () {
|
|
202
202
|
var current = refDom.current;
|
|
203
|
-
var skipDom = current.querySelector('.skip-page-memo'); // 简单模式,不存在跳转
|
|
203
|
+
var skipDom = current && current.querySelector('.skip-page-memo'); // 简单模式,不存在跳转
|
|
204
204
|
|
|
205
205
|
if (skipDom) {
|
|
206
206
|
// 复杂模式,换行了 -> 变成简单模式
|
package/README.md
CHANGED
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
## 版本: 3.0.15
|
|
2
|
+
|
|
3
|
+
para-ui/core@3.0.15 发布
|
|
4
|
+
【表格-Table】修复表格空状态出现滚动条问题
|
|
5
|
+
【表格-Table】增加加载更多国际化
|
|
6
|
+
【表单-Form】修复表单,直接传组件,打包后功能失效的bug
|
|
7
|
+
【选择器-Selector】修复空状态不占位问题,导致下拉选择器里面空状态下拉显示超出问题
|
|
8
|
+
【选择器-Selector】修复搜索出现空状态->数据来回展示问题
|
|
9
|
+
【选择器-Selector】修复搜索出现空状态->数据来回展示问题
|
|
10
|
+
【文字提示-Tooltip】修复文字按钮显示tooltip时鼠标向上移动不消失的问题
|
|
11
|
+
【组合选择器-ComboSelect】修复单选值在ie上不垂直居中问题
|
|
12
|
+
【组合选择器-ComboSelect】修复搜索框下划线在windows高分辨率不显示问题
|
|
13
|
+
|
|
14
|
+
## 版本: 3.0.14
|
|
15
|
+
|
|
16
|
+
para-ui/core@3.0.14 发布
|
|
17
|
+
【表格-Table】修复表格重置列表,未清楚存到localStorage里面的拖拽配置数据
|
|
18
|
+
|
|
1
19
|
## 版本: 3.0.13
|
|
2
20
|
|
|
3
21
|
para-ui/core@3.0.13 发布
|
package/Selector/index.js
CHANGED
|
@@ -345,7 +345,7 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
345
345
|
}));
|
|
346
346
|
};
|
|
347
347
|
|
|
348
|
-
var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-selector-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}\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
|
|
348
|
+
var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-selector-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}";
|
|
349
349
|
styleInject(css_248z$2);
|
|
350
350
|
|
|
351
351
|
var SelectorMainContent = function SelectorMainContent(props) {
|
|
@@ -816,7 +816,8 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
816
816
|
var _useState3 = useState(false),
|
|
817
817
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
818
818
|
showSearch = _useState4[0],
|
|
819
|
-
setShowSearch = _useState4[1];
|
|
819
|
+
setShowSearch = _useState4[1]; // 显示搜索/
|
|
820
|
+
|
|
820
821
|
|
|
821
822
|
var _useState5 = useState(''),
|
|
822
823
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
@@ -866,7 +867,7 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
866
867
|
constData.current.searchTimer = setTimeout(function () {
|
|
867
868
|
setShowSearch(!!constData.current.searchStr);
|
|
868
869
|
onSearch && onSearch(constData.current.searchStr, !!bol);
|
|
869
|
-
},
|
|
870
|
+
}, 300);
|
|
870
871
|
};
|
|
871
872
|
/** 搜索dom */
|
|
872
873
|
|
|
@@ -2266,11 +2267,10 @@ var Selector = function Selector(props) {
|
|
|
2266
2267
|
switch (_context4.prev = _context4.next) {
|
|
2267
2268
|
case 0:
|
|
2268
2269
|
if (!onSearch) {
|
|
2269
|
-
_context4.next =
|
|
2270
|
+
_context4.next = 8;
|
|
2270
2271
|
break;
|
|
2271
2272
|
}
|
|
2272
2273
|
|
|
2273
|
-
setSearchLoading(true);
|
|
2274
2274
|
reqParams = {};
|
|
2275
2275
|
|
|
2276
2276
|
if (constData.current.reqParams.pagination) {
|
|
@@ -2278,15 +2278,15 @@ var Selector = function Selector(props) {
|
|
|
2278
2278
|
reqParams.page = constData.current.searchConfig.page;
|
|
2279
2279
|
}
|
|
2280
2280
|
|
|
2281
|
-
_context4.next =
|
|
2281
|
+
_context4.next = 5;
|
|
2282
2282
|
return onSearch(constData.current.searchVal, reqParams);
|
|
2283
2283
|
|
|
2284
|
-
case
|
|
2284
|
+
case 5:
|
|
2285
2285
|
_result = _context4.sent;
|
|
2286
2286
|
handReqSearchResult(_result);
|
|
2287
2287
|
return _context4.abrupt("return");
|
|
2288
2288
|
|
|
2289
|
-
case
|
|
2289
|
+
case 8:
|
|
2290
2290
|
obj = {
|
|
2291
2291
|
method: method,
|
|
2292
2292
|
url: props.url || '',
|
|
@@ -2303,15 +2303,14 @@ var Selector = function Selector(props) {
|
|
|
2303
2303
|
}
|
|
2304
2304
|
|
|
2305
2305
|
obj = props.paramsCallback ? props.paramsCallback(obj, true) : obj;
|
|
2306
|
-
|
|
2307
|
-
_context4.next = 15;
|
|
2306
|
+
_context4.next = 13;
|
|
2308
2307
|
return reqFunc(obj);
|
|
2309
2308
|
|
|
2310
|
-
case
|
|
2309
|
+
case 13:
|
|
2311
2310
|
result = _context4.sent;
|
|
2312
2311
|
handReqSearchResult(result);
|
|
2313
2312
|
|
|
2314
|
-
case
|
|
2313
|
+
case 15:
|
|
2315
2314
|
case "end":
|
|
2316
2315
|
return _context4.stop();
|
|
2317
2316
|
}
|
|
@@ -2330,10 +2329,11 @@ var Selector = function Selector(props) {
|
|
|
2330
2329
|
while (1) {
|
|
2331
2330
|
switch (_context5.prev = _context5.next) {
|
|
2332
2331
|
case 0:
|
|
2332
|
+
setSearchLoading(true);
|
|
2333
2333
|
constData.current.searchVal = val;
|
|
2334
2334
|
|
|
2335
2335
|
if (!(val === '')) {
|
|
2336
|
-
_context5.next =
|
|
2336
|
+
_context5.next = 8;
|
|
2337
2337
|
break;
|
|
2338
2338
|
}
|
|
2339
2339
|
|
|
@@ -2355,12 +2355,12 @@ var Selector = function Selector(props) {
|
|
|
2355
2355
|
|
|
2356
2356
|
return _context5.abrupt("return");
|
|
2357
2357
|
|
|
2358
|
-
case
|
|
2358
|
+
case 8:
|
|
2359
2359
|
constData.current.searchConfig.page = 1;
|
|
2360
2360
|
constData.current.searchConfig.currentSourceData = [];
|
|
2361
2361
|
reqSearch();
|
|
2362
2362
|
|
|
2363
|
-
case
|
|
2363
|
+
case 11:
|
|
2364
2364
|
case "end":
|
|
2365
2365
|
return _context5.stop();
|
|
2366
2366
|
}
|
package/Selector/interface.d.ts
CHANGED
|
@@ -9,7 +9,16 @@ export interface SearchFuncProps {
|
|
|
9
9
|
}
|
|
10
10
|
/** 搜索接口返回数据 */
|
|
11
11
|
export interface SearchReqDataProps {
|
|
12
|
-
data?:
|
|
12
|
+
data?: {
|
|
13
|
+
/**
|
|
14
|
+
* 分页
|
|
15
|
+
* data => {list: any[], total: number}
|
|
16
|
+
*
|
|
17
|
+
* 不分页
|
|
18
|
+
* data => any[]
|
|
19
|
+
* */
|
|
20
|
+
data?: any;
|
|
21
|
+
};
|
|
13
22
|
err?: any;
|
|
14
23
|
}
|
|
15
24
|
/** 面包屑 */
|
package/Table/index.js
CHANGED
|
@@ -375,14 +375,16 @@ var en = {
|
|
|
375
375
|
empty: 'Empty',
|
|
376
376
|
determine: 'Ok',
|
|
377
377
|
restoreDefault: 'Restore default',
|
|
378
|
-
serial: 'Sort'
|
|
378
|
+
serial: 'Sort',
|
|
379
|
+
loadMore: 'Load more'
|
|
379
380
|
};
|
|
380
381
|
|
|
381
382
|
var zh = {
|
|
382
383
|
empty: '清空',
|
|
383
384
|
determine: '确定',
|
|
384
385
|
restoreDefault: '恢复默认',
|
|
385
|
-
serial: '序号'
|
|
386
|
+
serial: '序号',
|
|
387
|
+
loadMore: '加载更多'
|
|
386
388
|
};
|
|
387
389
|
|
|
388
390
|
var localeJson = {
|
|
@@ -1213,9 +1215,10 @@ var TableBody = function TableBody(props) {
|
|
|
1213
1215
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
1214
1216
|
disabledExpandJson = _useState8[0],
|
|
1215
1217
|
setDisabledExpand = _useState8[1]; // 禁用加减部分嵌套
|
|
1216
|
-
// 默认是否展开所有
|
|
1217
1218
|
|
|
1218
1219
|
|
|
1220
|
+
var intl = useFormatMessage('Table', localeJson); // 默认是否展开所有
|
|
1221
|
+
|
|
1219
1222
|
useEffect(function () {
|
|
1220
1223
|
if (!defaultExpandAllRows) {
|
|
1221
1224
|
setExpandableRow({});
|
|
@@ -1680,7 +1683,9 @@ var TableBody = function TableBody(props) {
|
|
|
1680
1683
|
children: loadMoreRender ? loadMoreRender : jsx("span", Object.assign({
|
|
1681
1684
|
className: "more-btn"
|
|
1682
1685
|
}, {
|
|
1683
|
-
children:
|
|
1686
|
+
children: intl({
|
|
1687
|
+
id: 'loadMore'
|
|
1688
|
+
})
|
|
1684
1689
|
}))
|
|
1685
1690
|
}))
|
|
1686
1691
|
}));
|
|
@@ -1806,7 +1811,7 @@ var TableElement = function TableElement(props) {
|
|
|
1806
1811
|
}));
|
|
1807
1812
|
};
|
|
1808
1813
|
|
|
1809
|
-
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-table {\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: white;\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}\n.paraui-v3-table.paraui-v3-table-draggable * {\n user-select: none !important;\n}\n.paraui-v3-table.paraui-v3-table-fixed-table > .table-contain > table {\n table-layout: fixed;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-checkbox {\n left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-radio {\n left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-expandable {\n left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-radio.paraui-v3-table-check .table-radio {\n left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check .table-expandable {\n left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check.paraui-v3-table-radio .table-expandable {\n left: 80px;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table {\n height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load.paraui-v3-table-no-data > .table-container > table {\n height: auto;\n}\n.paraui-v3-table.paraui-v3-table-pagination > .table-contain {\n height: calc(100% - 60px);\n}\n.paraui-v3-table.paraui-v3-table-pagination.table-load-more > .table-contain {\n height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load-more.paraui-v3-table-pagination > .table-contain {\n height: 100%;\n}\n.paraui-v3-table > .table-contain {\n height: 100%;\n position: relative;\n}\n.paraui-v3-table > .table-contain > table {\n height: auto;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox > label {\n vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-radio > label {\n vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-radio .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-expandable > svg {\n vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table > .table-head {\n width: 100%;\n white-space: nowrap;\n}\n.paraui-v3-table > .table-contain > table > .table-head > tr th {\n height: 50px;\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-scroll tr th {\n max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n padding-right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box {\n height: 49px;\n line-height: 49px;\n position: relative;\n padding: 0 8px;\n display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n max-width: 100%;\n display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n width: 100%;\n color: rgba(46, 55, 67, 0.7);\n font-weight: 700;\n font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n width: 20px;\n height: 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n font-size: 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n position: relative;\n top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n position: relative;\n top: -3px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: rgb(235, 96, 84);\n content: \"\";\n right: 3px;\n top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n max-width: calc(100% - 40px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums {\n width: 56px;\n cursor: pointer;\n border-left: 1px solid rgba(171, 176, 185, 0.12);\n right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 55px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n width: 32px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child {\n width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body {\n width: 100%;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-scroll tr td {\n max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr {\n height: 56px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr td {\n background-color: white;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n background-color: rgb(249, 250, 251);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:hover td {\n background-color: rgb(237, 241, 249);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg {\n transition: all 0.3s;\n cursor: pointer;\n font-size: 16px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row {\n cursor: pointer;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row .more-btn {\n color: rgb(54, 102, 214);\n font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row > .td-element {\n bottom: 0;\n background: white;\n box-shadow: 4px -4px 8px 0px rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn:first-child {\n width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data {\n height: calc(100% - 50px);\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data:hover td {\n background-color: white;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data > td {\n padding: 56px 0 0 0;\n}\n.paraui-v3-table > .table-contain > .table-pos-line {\n position: absolute;\n top: 0;\n width: 1px;\n background-color: rgb(54, 102, 214);\n z-index: 1000;\n}\n.paraui-v3-table > .table-pagination {\n width: 100%;\n height: 60px;\n padding-right: 10px;\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n}\n\n.paraui-v3-table-show-colums-popover > .component-popover-content {\n width: 200px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n padding-top: 8px;\n max-height: 224px;\n overflow-y: auto;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n height: 36px;\n line-height: 36px;\n cursor: pointer;\n display: flex;\n padding: 0 4px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n width: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n color: rgb(46, 55, 67);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 32px);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .checkbox-box-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .checkbox-box-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n height: 45px;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n text-align: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n width: 100%;\n height: 100%;\n border: 0;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n font-size: 14px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n margin-right: 5px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n color: rgb(54, 102, 214);\n}\n\n.paraui-v3-filter-popover > .component-popover-content {\n width: 200px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n padding-top: 8px;\n max-height: 224px;\n overflow-y: auto;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n height: 36px;\n line-height: 36px;\n cursor: pointer;\n display: flex;\n padding: 0 4px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n width: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n color: rgb(46, 55, 67);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 32px);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .checkbox-box-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .checkbox-box-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n height: 45px;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n text-align: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n width: 50%;\n height: 100%;\n border: 0;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span {\n font-size: 14px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span {\n margin-right: 5px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n color: rgb(54, 102, 214);\n}";
|
|
1814
|
+
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-table {\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: white;\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}\n.paraui-v3-table.paraui-v3-table-draggable * {\n user-select: none !important;\n}\n.paraui-v3-table.paraui-v3-table-fixed-table > .table-contain > table {\n table-layout: fixed;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-checkbox {\n left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-radio {\n left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-expandable {\n left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-radio.paraui-v3-table-check .table-radio {\n left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check .table-expandable {\n left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check.paraui-v3-table-radio .table-expandable {\n left: 80px;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table {\n height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table .paraui-v3-empty {\n overflow: hidden;\n}\n.paraui-v3-table.paraui-v3-table-load.paraui-v3-table-no-data > .table-container > table {\n height: auto;\n}\n.paraui-v3-table.paraui-v3-table-pagination > .table-contain {\n height: calc(100% - 60px);\n}\n.paraui-v3-table.paraui-v3-table-pagination.table-load-more > .table-contain {\n height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load-more.paraui-v3-table-pagination > .table-contain {\n height: 100%;\n}\n.paraui-v3-table > .table-contain {\n height: 100%;\n position: relative;\n}\n.paraui-v3-table > .table-contain > table {\n height: auto;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox > label {\n vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-radio > label {\n vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-radio .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-expandable > svg {\n vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table > .table-head {\n width: 100%;\n white-space: nowrap;\n}\n.paraui-v3-table > .table-contain > table > .table-head > tr th {\n height: 50px;\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-scroll tr th {\n max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n padding-right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box {\n height: 49px;\n line-height: 49px;\n position: relative;\n padding: 0 8px;\n display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n max-width: 100%;\n display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n width: 100%;\n color: rgba(46, 55, 67, 0.7);\n font-weight: 700;\n font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n width: 20px;\n height: 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n font-size: 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n position: relative;\n top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n position: relative;\n top: -3px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: rgb(235, 96, 84);\n content: \"\";\n right: 3px;\n top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n max-width: calc(100% - 40px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums {\n width: 56px;\n cursor: pointer;\n border-left: 1px solid rgba(171, 176, 185, 0.12);\n right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 55px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n width: 32px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child {\n width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body {\n width: 100%;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-scroll tr td {\n max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr {\n height: 56px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr td {\n background-color: white;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n background-color: rgb(249, 250, 251);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:hover td {\n background-color: rgb(237, 241, 249);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg {\n transition: all 0.3s;\n cursor: pointer;\n font-size: 16px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row {\n cursor: pointer;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row .more-btn {\n color: rgb(54, 102, 214);\n font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row > .td-element {\n bottom: 0;\n background: white;\n box-shadow: 4px -4px 8px 0px rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn:first-child {\n width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data {\n height: calc(100% - 50px);\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data:hover td {\n background-color: white;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data > td {\n padding: 56px 0 0 0;\n}\n.paraui-v3-table > .table-contain > .table-pos-line {\n position: absolute;\n top: 0;\n width: 1px;\n background-color: rgb(54, 102, 214);\n z-index: 1000;\n}\n.paraui-v3-table > .table-pagination {\n width: 100%;\n height: 60px;\n padding-right: 10px;\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n}\n\n.paraui-v3-table-show-colums-popover > .component-popover-content {\n width: 200px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n padding-top: 8px;\n max-height: 224px;\n overflow-y: auto;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n height: 36px;\n line-height: 36px;\n cursor: pointer;\n display: flex;\n padding: 0 4px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n width: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n color: rgb(46, 55, 67);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 32px);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .checkbox-box-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .checkbox-box-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n height: 45px;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n text-align: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n width: 100%;\n height: 100%;\n border: 0;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n font-size: 14px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n margin-right: 5px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n color: rgb(54, 102, 214);\n}\n\n.paraui-v3-filter-popover > .component-popover-content {\n width: 200px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n padding-top: 8px;\n max-height: 224px;\n overflow-y: auto;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n height: 36px;\n line-height: 36px;\n cursor: pointer;\n display: flex;\n padding: 0 4px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n width: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n color: rgb(46, 55, 67);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 32px);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .checkbox-box-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .checkbox-box-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n height: 45px;\n border-top: 1px solid rgba(171, 176, 185, 0.2);\n text-align: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n width: 50%;\n height: 100%;\n border: 0;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span {\n font-size: 14px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span {\n margin-right: 5px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n color: rgb(54, 102, 214);\n}";
|
|
1810
1815
|
styleInject(css_248z);
|
|
1811
1816
|
|
|
1812
1817
|
var Table = function Table(propsInit) {
|
package/Table/lang/en_US.d.ts
CHANGED
package/Table/lang/zh_CN.d.ts
CHANGED
|
@@ -420,7 +420,7 @@ var DefaultCompoments = function DefaultCompoments(props) {
|
|
|
420
420
|
*/
|
|
421
421
|
|
|
422
422
|
var ItemType = function ItemType(props) {
|
|
423
|
-
var
|
|
423
|
+
var itemType = props.itemType,
|
|
424
424
|
error = props.error,
|
|
425
425
|
placeholder = props.placeholder,
|
|
426
426
|
label = props.label,
|
|
@@ -490,15 +490,15 @@ var ItemType = function ItemType(props) {
|
|
|
490
490
|
*/
|
|
491
491
|
|
|
492
492
|
var selectType = function selectType() {
|
|
493
|
-
if (
|
|
493
|
+
if (itemType && typeof itemType !== 'string' && (!itemType.name || itemType.name === 'InputType')) {
|
|
494
494
|
var item = Object.assign(Object.assign({}, props), {
|
|
495
495
|
setErrorMsg: setErrorMsg,
|
|
496
496
|
setAndValidateValue: setAndValidateValue
|
|
497
497
|
});
|
|
498
|
-
return
|
|
498
|
+
return itemType(item);
|
|
499
499
|
}
|
|
500
500
|
|
|
501
|
-
switch (
|
|
501
|
+
switch (itemType) {
|
|
502
502
|
case 'file':
|
|
503
503
|
return jsx(FormFile, Object.assign({}, props, {
|
|
504
504
|
defaultValue: backData[name],
|
|
@@ -597,9 +597,9 @@ var ItemType = function ItemType(props) {
|
|
|
597
597
|
}, inputProps));
|
|
598
598
|
|
|
599
599
|
default:
|
|
600
|
-
if (
|
|
600
|
+
if (itemType && typeof itemType !== 'string') {
|
|
601
601
|
return jsx(DefaultCompoments, {
|
|
602
|
-
moudle:
|
|
602
|
+
moudle: itemType,
|
|
603
603
|
error: errorStatus,
|
|
604
604
|
placeholder: tipsStr,
|
|
605
605
|
defaultValue: backData[name],
|
|
@@ -692,7 +692,9 @@ var FormItem = function FormItem(props) {
|
|
|
692
692
|
labelWidth = props.labelWidth,
|
|
693
693
|
tips = props.tips,
|
|
694
694
|
label = props.label,
|
|
695
|
-
|
|
695
|
+
itemType = props.itemType,
|
|
696
|
+
_props$InputType = props.InputType,
|
|
697
|
+
InputType = _props$InputType === void 0 ? itemType : _props$InputType,
|
|
696
698
|
setValue = props.setValue,
|
|
697
699
|
errorMessage = props.errorMessage,
|
|
698
700
|
hideLabel = props.hideLabel,
|
|
@@ -787,7 +789,7 @@ var FormItem = function FormItem(props) {
|
|
|
787
789
|
children: !props.children ? jsx(ItemType, Object.assign({
|
|
788
790
|
setError: setError,
|
|
789
791
|
error: !!errorMessage,
|
|
790
|
-
|
|
792
|
+
itemType: InputType,
|
|
791
793
|
backData: backData
|
|
792
794
|
}, props, {
|
|
793
795
|
setValue: setValue
|
|
File without changes
|
package/index.js
CHANGED
|
@@ -20,8 +20,8 @@ export { Drawer } from './Drawer/index.js';
|
|
|
20
20
|
export { Dropdown } from './Dropdown/index.js';
|
|
21
21
|
export { default as Empty } from './Empty/index.js';
|
|
22
22
|
export { default as Form } from './Form/index.js';
|
|
23
|
-
export { F as FormItem } from './_verture/index-
|
|
24
|
-
export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-
|
|
23
|
+
export { F as FormItem } from './_verture/index-d03109e6.js';
|
|
24
|
+
export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-8522aa7e.js';
|
|
25
25
|
export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
|
|
26
26
|
export { default as Help } from './Help/index.js';
|
|
27
27
|
export { default as HelperText } from './HelperText/index.js';
|