@para-ui/core 3.0.20 → 3.0.21

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.
Files changed (32) hide show
  1. package/CheckboxGroup/index.d.ts +2 -0
  2. package/CheckboxGroup/index.js +17 -0
  3. package/Form/index.js +1 -1
  4. package/FormItem/index.js +1 -1
  5. package/HelperText/index.d.ts +6 -2
  6. package/HelperText/index.js +2 -1
  7. package/InputLang/index.js +2 -1
  8. package/Menu/index.js +1 -1
  9. package/MultiBox/index.d.ts +7 -0
  10. package/MultiBox/index.js +111 -48
  11. package/MultiBox/lang/en_US.d.ts +4 -0
  12. package/MultiBox/lang/index.d.ts +9 -0
  13. package/MultiBox/lang/zh_CN.d.ts +4 -0
  14. package/PageHeader/index.js +1 -1
  15. package/README.md +10 -0
  16. package/RadioGroup/index.d.ts +2 -0
  17. package/RadioGroup/index.js +17 -0
  18. package/Search/index.js +1 -1
  19. package/Select/index.js +2 -1
  20. package/SelectInput/index.d.ts +2 -1
  21. package/SelectInput/index.js +1 -0
  22. package/SingleBox/index.d.ts +5 -0
  23. package/SingleBox/index.js +70 -23
  24. package/SingleBox/lang/en_US.d.ts +4 -0
  25. package/SingleBox/lang/index.d.ts +9 -0
  26. package/SingleBox/lang/zh_CN.d.ts +4 -0
  27. package/Transfer/box.d.ts +4 -2
  28. package/Transfer/index.d.ts +9 -5
  29. package/Transfer/index.js +89 -71
  30. package/_verture/{index-35fb8f69.js → index-b4f57a63.js} +7 -7
  31. package/index.js +3 -2
  32. package/package.json +1 -1
package/PageHeader/index.js CHANGED
@@ -1119,7 +1119,7 @@ var HorizontalMeunRight = function HorizontalMeunRight(props) {
1119
1119
  });
1120
1120
  };
1121
1121
 
1122
- 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-page-header {\n width: 100%;\n height: 100%;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: flex;\n justify-content: space-between;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n padding: 0 16px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header > .page-header-left {\n white-space: nowrap;\n display: flex;\n justify-content: left;\n align-items: center;\n}\n.paraui-v3-page-header > .menu-box {\n width: 100%;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list {\n width: 100%;\n height: 100%;\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n padding: 0 20px;\n height: 100%;\n display: flex;\n align-items: center;\n position: relative;\n white-space: nowrap;\n float: left;\n cursor: pointer;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n position: absolute;\n left: 0;\n top: 0;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n margin-right: 5px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n white-space: nowrap;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n margin-left: 2px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right {\n height: 100%;\n display: flex;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn {\n padding: 0 12px;\n height: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button {\n width: 100%;\n white-space: nowrap;\n padding: 0 10px 0 14px;\n line-height: 14px;\n font-size: 14px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button svg {\n color: white;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language {\n height: 100%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item {\n display: flex;\n padding: 0 12px;\n cursor: pointer;\n align-items: center;\n height: 100%;\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon {\n display: flex;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-label {\n font-size: 14px;\n line-height: 14px;\n color: rgba(46, 55, 67, 0.7);\n white-space: nowrap;\n margin-left: 5px;\n display: inline-block;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list {\n display: flex;\n height: 100%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item {\n display: flex;\n padding: 0 12px;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: rgb(235, 96, 84);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n font-size: 14px;\n line-height: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n margin-left: 5px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo {\n display: flex;\n padding: 0 12px;\n align-items: center;\n height: 100%;\n cursor: pointer;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo.logo-show-dialog {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n font-weight: 700;\n white-space: nowrap;\n margin-left: 12px;\n max-width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 5px;\n color: rgba(46, 55, 67, 0.7);\n font-size: 18px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow > svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 18px;\n}\n\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: 140px;\n height: 40px;\n line-height: 40px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n font-size: 20px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n font-size: 20px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n transform: rotate(270deg);\n position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n padding-left: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child {\n position: absolute;\n transform: none !important;\n left: 100% !important;\n top: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: white;\n}\n\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n height: 36px;\n line-height: 36px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n color: rgb(54, 102, 214);\n}";
1122
+ 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-page-header {\n width: 100%;\n height: 100%;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: flex;\n justify-content: space-between;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n padding: 0 16px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header > .page-header-left {\n white-space: nowrap;\n display: flex;\n justify-content: left;\n align-items: center;\n}\n.paraui-v3-page-header > .menu-box {\n width: 100%;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list {\n width: 100%;\n height: 100%;\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n padding: 0 20px;\n height: 100%;\n display: flex;\n align-items: center;\n position: relative;\n white-space: nowrap;\n float: left;\n cursor: pointer;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n position: absolute;\n left: 0;\n top: 0;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n margin-right: 5px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n white-space: nowrap;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n margin-left: 2px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right {\n height: 100%;\n display: flex;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn {\n padding: 0 12px;\n height: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button {\n width: 100%;\n white-space: nowrap;\n padding: 0 10px 0 14px;\n line-height: 14px;\n font-size: 14px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button svg {\n color: white;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language {\n height: 100%;\n margin-right: 4px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item {\n display: flex;\n padding: 0 12px;\n cursor: pointer;\n align-items: center;\n height: 100%;\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon {\n display: flex;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-label {\n font-size: 14px;\n line-height: 14px;\n color: rgba(46, 55, 67, 0.7);\n white-space: nowrap;\n margin-left: 5px;\n display: inline-block;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list {\n display: flex;\n height: 100%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item {\n display: flex;\n padding: 0 12px;\n cursor: pointer;\n align-items: center;\n margin-right: 4px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: rgb(235, 96, 84);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n font-size: 14px;\n line-height: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n margin-left: 5px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo {\n display: flex;\n padding: 0 12px;\n align-items: center;\n height: 100%;\n cursor: pointer;\n margin-left: 4px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo.logo-show-dialog {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > img {\n height: 36px;\n width: 36px;\n border-radius: 50%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n font-weight: 700;\n white-space: nowrap;\n margin-left: 12px;\n max-width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 5px;\n color: rgba(46, 55, 67, 0.7);\n font-size: 18px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow > svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 18px;\n}\n\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: 140px;\n height: 40px;\n line-height: 40px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n font-size: 20px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n font-size: 20px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n transform: rotate(270deg);\n position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n padding-left: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child {\n position: absolute;\n transform: none !important;\n left: 100% !important;\n top: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: white;\n}\n\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n height: 36px;\n line-height: 36px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n font-size: 18px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n color: rgb(54, 102, 214);\n}";
1123
1123
  styleInject(css_248z);
1124
1124
 
1125
1125
  var PageHeader = function PageHeader(props) {
package/README.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## 版本: 3.0.21
2
+ para-ui/core@3.0.21 发布
3
+ 【穿梭框-Transfer】优化穿梭框，修改onChange返回值，增加render方法
4
+ 【搜索框-Search】修改内置按钮,无按钮文字,图标间距
5
+ 【页头-PageHeader】修改页头右侧按钮间距,悬浮背景色
6
+ 【下拉框-Select】支持传入ReactNode
7
+ 【菜单-Menu】菜单增加收缩菜单选中色
8
+ 【单选框组-RadioGroup】增加spacing间距参数,又有在横向布局生效
9
+ 【复选框组-CheckboxGroup】增加spacing间距参数,又有在横向布局生效
10
+
1
11
  ## 版本: 3.0.20
2
12
 
3
13
  para-ui/core@3.0.20 发布
package/RadioGroup/index.d.ts CHANGED
@@ -16,6 +16,8 @@ export interface RadioGroupProps extends HelperTextDetailProps {
16
16
  className?: string;
17
17
  /** style */
18
18
  style?: React.CSSProperties;
19
+ /** 间距 只有在横向布局的时候生效 */
20
+ spacing?: string;
19
21
  /** 标题 */
20
22
  label?: ReactNode;
21
23
  /** 帮组提示信息 */
package/RadioGroup/index.js CHANGED
@@ -24,6 +24,8 @@ var RadioGroup = function RadioGroup(props) {
24
24
  _props$label = props.label,
25
25
  label = _props$label === void 0 ? '' : _props$label,
26
26
  labelTooltip = props.labelTooltip,
27
+ _props$spacing = props.spacing,
28
+ spacing = _props$spacing === void 0 ? '28px' : _props$spacing,
27
29
  _props$size = props.size,
28
30
  size = _props$size === void 0 ? 'large' : _props$size,
29
31
  _props$row = props.row,
@@ -90,6 +92,20 @@ var RadioGroup = function RadioGroup(props) {
90
92
  }
91
93
 
92
94
  return null;
95
+ };
96
+ /**
97
+ * @description 处理单选框每一项样式
98
+ * */
99
+
100
+
101
+ var handStyleItem = function handStyleItem(item, index) {
102
+ var obj = Object.assign({}, item.style);
103
+
104
+ if (spacing && row && list.length !== index + 1) {
105
+ obj.marginRight = spacing;
106
+ }
107
+
108
+ return obj;
93
109
  }; // 处理class
94
110
 
95
111
 
@@ -112,6 +128,7 @@ var RadioGroup = function RadioGroup(props) {
112
128
  }, {
113
129
  children: list.map(function (item, index) {
114
130
  return /*#__PURE__*/createElement(Radio, Object.assign({}, item, {
131
+ style: handStyleItem(item, index),
115
132
  checked: valueCom === item[id],
116
133
  size: size,
117
134
  disabled: Boolean(disabled || item.disabled),
package/Search/index.js CHANGED
@@ -32,7 +32,7 @@ import '@para-ui/icons/Forbid';
32
32
  import '@para-ui/icons/Down';
33
33
  import '../_verture/useFormatMessage-f4452258.js';
34
34
 
35
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-search {\n display: flex;\n width: 100%;\n}\n.paraui-v3-search > .search-text-field {\n padding: 0;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: none;\n margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after {\n padding: 0;\n background-color: white;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n border: 0;\n}\n.paraui-v3-search.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n}\n.paraui-v3-search.paraui-v3-search-value > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon {\n margin-right: 0;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-label {\n margin-left: 4px;\n}\n.paraui-v3-search.paraui-v3-search-outside > .search-button {\n margin-left: 16px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button {\n padding: 0 8px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-btntext .search-button svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 26px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 4px;\n}\n.paraui-v3-search.paraui-v3-search-medium > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 30px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-inside.search-no-btntext .search-button svg {\n font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 6px;\n}\n.paraui-v3-search.paraui-v3-search-large > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 34px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-inside.search-no-btntext .search-button svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 8px;\n}";
35
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-search {\n display: flex;\n width: 100%;\n}\n.paraui-v3-search > .search-text-field {\n padding: 0;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: none;\n margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after {\n padding: 0;\n background-color: white;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n border: 0;\n}\n.paraui-v3-search.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n}\n.paraui-v3-search.paraui-v3-search-value > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon {\n margin-right: 0;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-label {\n margin-left: 4px;\n}\n.paraui-v3-search.paraui-v3-search-outside > .search-button {\n margin-left: 16px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button {\n padding: 0 8px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button > span {\n margin-right: 0;\n}\n.paraui-v3-search.paraui-v3-search-btntext .search-button svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 26px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 4px;\n}\n.paraui-v3-search.paraui-v3-search-medium > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 30px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-inside.search-no-btntext .search-button svg {\n font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 6px;\n}\n.paraui-v3-search.paraui-v3-search-large > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n height: 34px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-inside.search-no-btntext .search-button svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n margin-right: 8px;\n}";
36
36
  styleInject(css_248z);
37
37
 
38
38
  var Search = function Search(props) {
package/Select/index.js CHANGED
@@ -416,7 +416,8 @@ var Select = function Select(props) {
416
416
 
417
417
  var handSelectList = function handSelectList(listData) {
418
418
  var arr = [];
419
- var listDeep = DeepClone(listData);
419
+
420
+ var listDeep = _toConsumableArray(listData);
420
421
 
421
422
  for (var i = 0, l = listDeep.length; i < l; i++) {
422
423
  var item = listDeep[i];
package/SelectInput/index.d.ts CHANGED
@@ -5,7 +5,8 @@
5
5
  */
6
6
  import { FunctionComponent } from 'react';
7
7
  import { SelectProps } from '../Select';
8
- export interface SelectInputProps extends SelectProps {
8
+ export interface SelectInputProps extends Omit<SelectProps, 'list'> {
9
+ list?: any[];
9
10
  }
10
11
  export declare const SelectInput: FunctionComponent<SelectInputProps>;
11
12
  export default SelectInput;
package/SelectInput/index.js CHANGED
@@ -42,6 +42,7 @@ var SelectInput = function SelectInput(props) {
42
42
  };
43
43
 
44
44
  return jsx(Select, Object.assign({}, props, {
45
+ list: props.list || [],
45
46
  className: handClass(),
46
47
  showSelect: props.showSelect,
47
48
  searchModel: props.showSelect === false ? 'outside' : props.searchModel,
package/SingleBox/index.d.ts CHANGED
@@ -30,10 +30,15 @@ export interface SingleBoxProps extends HelperTextDetailProps {
30
30
  defaultValue?: string[];
31
31
  /** 默认值 多选时为数组 单选单值 受控 */
32
32
  value?: string[];
33
+ /** 没有错误的时候,不渲染 */
34
+ hideErrorDom?: boolean;
35
+ /** 错误提示 */
36
+ helperText?: ReactNode | ReactNode[];
33
37
  /** 改变值 */
34
38
  onChange?: (val: string[]) => void;
35
39
  /** 匹配 */
36
40
  fetchSuggestions?: (val: string, cb: (data: any[]) => void) => void;
41
+ [name: string]: any;
37
42
  }
38
43
  export declare const SingleBox: FunctionComponent<SingleBoxProps>;
39
44
  export default SingleBox;
package/SingleBox/index.js CHANGED
@@ -6,9 +6,10 @@ import { useState, useEffect } from 'react';
6
6
  import { TextField } from '../TextField/index.js';
7
7
  import Label from '../Label/index.js';
8
8
  import HelperText from '../HelperText/index.js';
9
- import Plus from '@para-ui/icons/Plus';
9
+ import PlusCircleF from '@para-ui/icons/PlusCircleF';
10
10
  import Delete from '@para-ui/icons/Delete';
11
11
  import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
12
+ import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
12
13
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
13
14
  import '../_verture/tslib.es6-55ed4bd2.js';
14
15
  import '@paraview/lib';
@@ -30,7 +31,20 @@ import '../_verture/usePopupContainer-874d101b.js';
30
31
  import '../Help/index.js';
31
32
  import '@para-ui/icons/Help';
32
33
 
33
- 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-single-box {\n display: inline-block;\n width: 100%;\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-single-box > .single-box-content {\n line-height: 0;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item {\n padding-bottom: 15px;\n display: flex;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .single-box-text-field {\n width: calc(100% - 30px);\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .single-box-content-item-svg {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n cursor: pointer;\n}\n.paraui-v3-single-box > .single-box-add {\n text-align: center;\n border: 1px dashed;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-single-box > .single-box-add > svg {\n font-size: 24px;\n}\n.paraui-v3-single-box > .single-box-add:hover {\n border-color: rgb(54, 102, 214);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-add {\n height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-add {\n height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-add {\n height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .single-box-content-item-svg {\n cursor: not-allowed;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .single-box-content-item-svg > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add {\n border-color: rgba(171, 176, 185, 0.4);\n cursor: not-allowed;\n background-color: rgba(171, 176, 185, 0.12);\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add:hover {\n border-color: rgba(171, 176, 185, 0.4);\n color: rgba(46, 55, 67, 0.7);\n}";
34
+ var en = {
35
+ add: 'Newly Added'
36
+ };
37
+
38
+ var zh = {
39
+ add: '新增'
40
+ };
41
+
42
+ var localeJson = {
43
+ zh: zh,
44
+ en: en
45
+ };
46
+
47
+ 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-single-box {\n display: inline-block;\n width: 100%;\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-single-box > .single-box-content {\n line-height: 0;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item {\n display: flex;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item .content-box {\n flex: 1;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box {\n display: flex;\n align-items: center;\n margin-left: 12px;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box > .single-box-add {\n text-align: center;\n border: 1px dashed;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n cursor: pointer;\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n font-size: 14px;\n}\n.paraui-v3-single-box > .single-box-add > svg {\n font-size: 16px;\n color: rgb(54, 102, 214);\n margin-right: 8px;\n}\n.paraui-v3-single-box > .single-box-add:hover {\n border-color: rgba(54, 102, 214, 0.4);\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-content > .single-box-content-item > .opera-box {\n height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n width: 28px;\n height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-add {\n height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-content > .single-box-content-item > .opera-box {\n height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n width: 32px;\n height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-add {\n height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-content > .single-box-content-item > .opera-box {\n height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n width: 36px;\n height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-add {\n height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n cursor: not-allowed;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n background-color: transparent;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add {\n border-color: rgba(171, 176, 185, 0.4);\n cursor: not-allowed;\n background-color: rgba(171, 176, 185, 0.12);\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add > svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add:hover {\n border-color: rgba(171, 176, 185, 0.4);\n color: rgba(46, 55, 67, 0.4);\n}";
34
48
  styleInject(css_248z);
35
49
 
36
50
  var SingleBox = function SingleBox(props) {
@@ -48,14 +62,15 @@ var SingleBox = function SingleBox(props) {
48
62
  disabled = _props$disabled === void 0 ? false : _props$disabled,
49
63
  _props$required = props.required,
50
64
  required = _props$required === void 0 ? false : _props$required,
51
- _props$error = props.error,
52
- error = _props$error === void 0 ? false : _props$error,
53
65
  hideErrorDom = props.hideErrorDom,
54
66
  _props$helperText = props.helperText,
55
67
  helperText = _props$helperText === void 0 ? '' : _props$helperText,
56
68
  value = props.value,
57
69
  onChange = props.onChange,
58
70
  fetchSuggestions = props.fetchSuggestions;
71
+ var isError = helperText && typeof helperText === 'string' ? true : false;
72
+ var isErrorArr = helperText instanceof Array;
73
+ var intl = useFormatMessage('SingleBox', localeJson);
59
74
 
60
75
  var _useState = useState([]),
61
76
  _useState2 = _slicedToArray(_useState, 2),
@@ -68,8 +83,30 @@ var SingleBox = function SingleBox(props) {
68
83
  useEffect(function () {
69
84
  if (value !== undefined) setValueCom(_toConsumableArray(value));
70
85
  }, [value]);
86
+ /** 处理错误 */
87
+
88
+ var handError = function handError(index) {
89
+ var obj = {
90
+ error: false,
91
+ helperText: ''
92
+ };
93
+
94
+ if (isErrorArr) {
95
+ var errorItem = helperText[index];
96
+
97
+ if (errorItem) {
98
+ obj = {
99
+ error: true,
100
+ helperText: errorItem
101
+ };
102
+ }
103
+ }
104
+
105
+ return obj;
106
+ };
71
107
  /** 增加 */
72
108
 
109
+
73
110
  var add = function add() {
74
111
  if (disabled) return;
75
112
  valueCom.push('');
@@ -148,7 +185,6 @@ var SingleBox = function SingleBox(props) {
148
185
  var str = $prefixCls + '-single-box';
149
186
  if (className) str += ' ' + className;
150
187
  if (size) str += " ".concat($prefixCls, "-single-box-").concat(size);
151
- if (error) str += " ".concat($prefixCls, "-single-box-error");
152
188
  if (disabled) str += " ".concat($prefixCls, "-single-box-disabled");
153
189
  return str;
154
190
  };
@@ -164,34 +200,45 @@ var SingleBox = function SingleBox(props) {
164
200
  return jsxs("div", Object.assign({
165
201
  className: "single-box-content-item"
166
202
  }, {
167
- children: [jsx(TextField, {
168
- className: 'single-box-text-field',
169
- disabled: disabled,
170
- value: item,
171
- placeholder: placeholder,
172
- size: size,
173
- hideErrorDom: true,
174
- onChange: changeInput(index),
175
- fetchSuggestions: fetchSuggestions,
176
- onSelect: selectValue(index)
177
- }), jsx("span", Object.assign({
178
- className: "single-box-content-item-svg"
203
+ children: [jsx("div", Object.assign({
204
+ className: "content-box"
205
+ }, {
206
+ children: jsx(TextField, Object.assign({
207
+ className: 'single-box-text-field',
208
+ disabled: disabled,
209
+ value: item,
210
+ placeholder: placeholder,
211
+ size: size
212
+ }, handError(index), {
213
+ onChange: changeInput(index),
214
+ fetchSuggestions: fetchSuggestions,
215
+ onSelect: selectValue(index)
216
+ }))
217
+ })), jsx("div", Object.assign({
218
+ className: "opera-box"
179
219
  }, {
180
- children: jsx(Delete, {
220
+ children: jsx("span", Object.assign({
221
+ className: "del-box",
181
222
  onClick: del(index)
182
- })
223
+ }, {
224
+ children: jsx(Delete, {})
225
+ }))
183
226
  }))]
184
227
  }), index);
185
228
  })
186
- })), jsx("div", Object.assign({
229
+ })), jsxs("div", Object.assign({
187
230
  className: "single-box-add",
188
231
  onClick: add
189
232
  }, {
190
- children: jsx(Plus, {})
233
+ children: [jsx(PlusCircleF, {}), jsx("span", {
234
+ children: intl({
235
+ id: 'add'
236
+ })
237
+ })]
191
238
  })), jsx(HelperText, {
192
239
  className: "single-box-error",
193
- error: error,
194
- helperText: helperText,
240
+ error: isError,
241
+ helperText: isError ? helperText : undefined,
195
242
  hideErrorDom: hideErrorDom
196
243
  })]
197
244
  }));
package/SingleBox/lang/en_US.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ add: string;
3
+ };
4
+ export default _default;
package/SingleBox/lang/index.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ declare const _default: {
2
+ zh: {
3
+ add: string;
4
+ };
5
+ en: {
6
+ add: string;
7
+ };
8
+ };
9
+ export default _default;
package/SingleBox/lang/zh_CN.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const _default: {
2
+ add: string;
3
+ };
4
+ export default _default;
package/Transfer/box.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { ReactNode, CSSProperties } from 'react';
2
+ import Sortable from 'sortablejs';
2
3
  interface IBox {
3
4
  title: string;
4
5
  data: ItemDataProps[];
@@ -12,9 +13,9 @@ interface IBox {
12
13
  fluctuationPosition?: number;
13
14
  fluctuationOrther?: number;
14
15
  onEndSort?: (oldIndex: any, newIndex: any) => void;
15
- rightIcon: ReactNode;
16
- onRightClick: (event: any) => void;
16
+ rightIcon?: (item: ItemDataProps) => ReactNode;
17
17
  style: CSSProperties | undefined;
18
+ customKey: string;
18
19
  }
19
20
  export interface ItemDataProps {
20
21
  /** 唯一值,用来过滤 */
@@ -34,3 +35,4 @@ export interface ItemDataProps {
34
35
  }
35
36
  export declare const Box: (props: IBox) => JSX.Element;
36
37
  export default Box;
38
+ export declare const Sortablejs: typeof Sortable;
package/Transfer/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="sortablejs" />
1
2
  import { CSSProperties, ReactNode } from 'react';
2
3
  import { ItemDataProps } from './box';
3
4
  import './style/index.scss';
@@ -15,14 +16,17 @@ interface TransferProps {
15
16
  className?: string;
16
17
  style?: CSSProperties;
17
18
  data?: Array<ItemDataProps>;
18
- value?: Array<ItemDataProps>;
19
- onChange?: (data: Array<ItemDataProps>) => void;
20
- onSort?: (data: Array<ItemDataProps>) => void;
19
+ value?: Array<string>;
20
+ onChange?: (data: Array<string>) => void;
21
+ onSort?: (data: Array<string>) => void;
21
22
  titles?: Array<string>;
22
23
  trim?: boolean;
23
24
  multiple?: boolean;
24
- rightIcon?: ReactNode;
25
- onRightClick?: (data: ItemDataProps) => void;
25
+ rightIcon?: (item: ItemDataProps) => ReactNode;
26
+ render?: (data: ItemDataProps) => void;
27
+ customKey?: string;
26
28
  }
27
29
  export declare const Transfer: (props: TransferProps) => JSX.Element;
28
30
  export default Transfer;
31
+ export declare type IItemDataProps = ItemDataProps;
32
+ export declare const SSortablejs: typeof import("sortablejs");