@para-ui/core 3.0.48 → 3.0.49

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 (11) hide show
  1. package/DynamicMultiBox/index.js +1 -1
  2. package/MultiBox/index.js +1 -1
  3. package/README.md +7 -0
  4. package/SingleBox/index.js +1 -1
  5. package/ToggleButton/index.js +70 -60
  6. package/package.json +1 -1
  7. package/umd/DynamicMultiBox.js +1 -1
  8. package/umd/InputLang.js +1 -1
  9. package/umd/MultiBox.js +4 -4
  10. package/umd/SingleBox.js +5 -5
  11. package/umd/ToggleButton.js +4 -4
package/DynamicMultiBox/index.js CHANGED
@@ -889,7 +889,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
889
889
 
890
890
  } (dist));
891
891
 
892
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-dynamic-multi-box {\n width: 100%;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content {\n width: 100%;\n position: relative;\n overflow-x: auto;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n display: flex;\n flex: 1;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n display: flex;\n align-items: center;\n flex: 1;\n min-width: 180px;\n margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n flex: 0;\n min-width: 80px;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel {\n width: 36px;\n height: 36px;\n padding: 6px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 {\n width: 40px;\n display: flex;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel {\n width: 36px;\n height: 36px;\n padding: 6px;\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon {\n width: 36px;\n height: 36px;\n padding: 6px;\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover {\n background: rgba(171, 176, 185, 0.12);\n border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon {\n display: none;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .center-line {\n width: 1px;\n height: 12px;\n border: 1px solid rgba(171, 176, 185, 0.4);\n margin: 0 3px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .blank-block {\n width: 44px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-80 {\n width: 80px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form {\n width: 100%;\n display: flex;\n align-items: flex-start;\n height: 56px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n display: flex;\n align-items: flex-start;\n flex: 1;\n min-width: 180px;\n margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n flex: 0;\n box-sizing: content-box;\n align-items: center;\n height: 36px;\n min-width: 80px;\n}\n.paraui-v3-dynamic-multi-box .add-button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 36px;\n background: rgba(171, 176, 185, 0.12);\n border: 1px dashed rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .add-button .text {\n font-size: 14px;\n margin-left: 8px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-add-button-top-20 {\n margin-top: 20px;\n}\n.paraui-v3-dynamic-multi-box .normal-button {\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .normal-button .text {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .normal-button:hover {\n background: rgba(54, 102, 214, 0.05);\n border: 1px dashed rgba(54, 102, 214, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add .text {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .paraui-v3-comboselect,\n.paraui-v3-dynamic-multi-box .paraui-v3-picker-wrapper {\n width: 100%;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch-text {\n color: rgba(46, 55, 67, 0.4);\n margin-right: 4px;\n overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch {\n flex: 1;\n}\n\n.paraui-v3-dynamic-multi-box-popover .filter-config {\n width: 200px;\n max-height: 300px;\n padding-top: 16px;\n overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list {\n padding: 0 12px;\n overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .title {\n font-size: 12px;\n color: rgba(46, 55, 67, 0.4);\n margin-bottom: 12px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box {\n margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box:last-child {\n margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .restore-default {\n display: flex;\n justify-content: center;\n align-items: center;\n position: sticky;\n width: 100%;\n left: 0;\n bottom: 0;\n top: -2px;\n height: 44px;\n color: rgb(54, 102, 214);\n cursor: pointer;\n border-top: 1px solid rgba(171, 176, 185, 0.12);\n background-color: #fff;\n}\n.paraui-v3-dynamic-multi-box-popover .no-other-property {\n width: 200px;\n padding: 16px 0;\n text-align: center;\n font-size: 12px;\n color: rgba(46, 55, 67, 0.4);\n}";
892
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-dynamic-multi-box {\n width: 100%;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content {\n width: 100%;\n position: relative;\n overflow-x: auto;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n display: flex;\n flex: 1;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n display: flex;\n align-items: center;\n flex: 1;\n min-width: 180px;\n margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n flex: 0;\n min-width: 80px;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel {\n width: 36px;\n height: 36px;\n padding: 6px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 {\n width: 40px;\n display: flex;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel {\n width: 36px;\n height: 36px;\n padding: 6px;\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon {\n width: 36px;\n height: 36px;\n padding: 6px;\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover {\n background: rgba(171, 176, 185, 0.12);\n border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon {\n display: none;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .center-line {\n width: 1px;\n height: 12px;\n border: 1px solid rgba(171, 176, 185, 0.4);\n margin: 0 3px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .blank-block {\n width: 44px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-80 {\n width: 80px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form {\n width: 100%;\n display: flex;\n align-items: flex-start;\n min-height: 48px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n display: flex;\n align-items: flex-start;\n flex: 1;\n min-width: 180px;\n margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n flex: 0;\n box-sizing: content-box;\n align-items: center;\n height: 36px;\n min-width: 80px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .paraui-v3-helper-text {\n min-height: 12px;\n}\n.paraui-v3-dynamic-multi-box .add-button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 36px;\n background: rgba(171, 176, 185, 0.12);\n border: 1px dashed rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .add-button .text {\n font-size: 14px;\n margin-left: 8px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-add-button-top-20 {\n margin-top: 20px;\n}\n.paraui-v3-dynamic-multi-box .normal-button {\n cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .normal-button .text {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .normal-button:hover {\n background: rgba(54, 102, 214, 0.05);\n border: 1px dashed rgba(54, 102, 214, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add .text {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .paraui-v3-comboselect,\n.paraui-v3-dynamic-multi-box .paraui-v3-picker-wrapper {\n width: 100%;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch-text {\n color: rgba(46, 55, 67, 0.4);\n margin-right: 4px;\n overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch {\n flex: 1;\n}\n\n.paraui-v3-dynamic-multi-box-popover .filter-config {\n width: 200px;\n max-height: 300px;\n padding-top: 16px;\n overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list {\n padding: 0 12px;\n overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .title {\n font-size: 12px;\n color: rgba(46, 55, 67, 0.4);\n margin-bottom: 12px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box {\n margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box:last-child {\n margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .restore-default {\n display: flex;\n justify-content: center;\n align-items: center;\n position: sticky;\n width: 100%;\n left: 0;\n bottom: 0;\n top: -2px;\n height: 44px;\n color: rgb(54, 102, 214);\n cursor: pointer;\n border-top: 1px solid rgba(171, 176, 185, 0.12);\n background-color: #fff;\n}\n.paraui-v3-dynamic-multi-box-popover .no-other-property {\n width: 200px;\n padding: 16px 0;\n text-align: center;\n font-size: 12px;\n color: rgba(46, 55, 67, 0.4);\n}";
893
893
  styleInject(css_248z);
894
894
 
895
895
  var DynamicMultiBox = function DynamicMultiBox(props) {
package/MultiBox/index.js CHANGED
@@ -45,7 +45,7 @@ var localeJson = {
45
45
  en: en
46
46
  };
47
47
 
48
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-multi-box {\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-multi-box > .multi-box-content > .multi-box-content-item {\n display: flex;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n flex: 1;\n display: flex;\n align-items: center;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 12px;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n flex: 1;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n padding-bottom: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n margin: 0 12px;\n line-height: 1;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n display: flex;\n align-items: center;\n margin-left: 12px;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-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-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box > .multi-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-multi-box > .multi-box-add > svg {\n font-size: 16px;\n color: rgb(54, 102, 214);\n margin-right: 8px;\n}\n.paraui-v3-multi-box > .multi-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-multi-box.paraui-v3-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 0;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-add {\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 28px;\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-add {\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 32px;\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-add {\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 36px;\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n cursor: not-allowed;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: transparent;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-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-multi-box.paraui-v3-multi-box-disabled > .multi-box-add > svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add:hover {\n border-color: rgba(171, 176, 185, 0.4);\n color: rgba(46, 55, 67, 0.4);\n}";
48
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-multi-box {\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-multi-box > .multi-box-content > .multi-box-content-item {\n display: flex;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n flex: 1;\n display: flex;\n align-items: center;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 12px;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n flex: 1;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field .paraui-v3-helper-text {\n min-height: 12px;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n padding-bottom: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n margin: 0 12px;\n line-height: 1;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n display: flex;\n align-items: center;\n margin-left: 12px;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-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-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box > .multi-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-multi-box > .multi-box-add > svg {\n font-size: 16px;\n color: rgb(54, 102, 214);\n margin-right: 8px;\n}\n.paraui-v3-multi-box > .multi-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-multi-box.paraui-v3-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 0;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-add {\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 28px;\n height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-add {\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 32px;\n height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-add {\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 36px;\n height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n cursor: not-allowed;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: transparent;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-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-multi-box.paraui-v3-multi-box-disabled > .multi-box-add > svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add:hover {\n border-color: rgba(171, 176, 185, 0.4);\n color: rgba(46, 55, 67, 0.4);\n}";
49
49
  styleInject(css_248z);
50
50
 
51
51
  var MultiBox = function MultiBox(props) {
package/README.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## 版本: 3.0.49
2
+ para-ui/core@3.0.49 发布
3
+ 【切换按钮-ToggleButton】文字超出新增悬浮提示
4
+ 【多值框-MultiBox】修改上下间距12px
5
+ 【单值框-SingleBox】修改上下间距12px
6
+ 【动态多值框-DynamicMultiBox】修改上下间距12px
7
+
1
8
  ## 版本: 3.0.48
2
9
  para-ui/core@3.0.48 发布
3
10
  【抽屉-Drawer】抽屉无法配置文案修复
package/SingleBox/index.js CHANGED
@@ -45,7 +45,7 @@ var localeJson = {
45
45
  en: en
46
46
  };
47
47
 
48
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\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}";
48
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\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 .content-box .single-box-text-field .paraui-v3-helper-text {\n min-height: 12px;\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}";
49
49
  styleInject(css_248z);
50
50
 
51
51
  var SingleBox = function SingleBox(props) {
package/ToggleButton/index.js CHANGED
@@ -1,17 +1,20 @@
1
1
  import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
2
- import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
3
2
  import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
4
- import { jsx, Fragment } from 'react/jsx-runtime';
5
- import { useState, useRef, useLayoutEffect } from 'react';
3
+ import { jsx } from 'react/jsx-runtime';
4
+ import { useRef } from 'react';
6
5
  import { Button } from '../Button/index.js';
7
- import { Tooltip } from '../Tooltip/index.js';
8
6
  import { UUID } from '@paraview/lib';
9
7
  import clsx from 'clsx';
10
8
  import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
9
+ import AutoTips from '../AutoTips/index.js';
11
10
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
12
11
  import '../_verture/typeof-498dd2b1.js';
12
+ import '../_verture/slicedToArray-708dbb18.js';
13
13
  import '@para-ui/icons/LoadingF';
14
14
  import '@para-ui/icons/Forbid';
15
+ import '../Tooltip/index.js';
16
+ import 'rc-tooltip';
17
+ import 'rc-tooltip/lib/placements';
15
18
  import '@para-ui/icons/Down';
16
19
  import '../_verture/index-77f9e0fb.js';
17
20
  import 'rc-dropdown';
@@ -19,8 +22,6 @@ import '../_verture/usePopupContainer-87febeb9.js';
19
22
  import 'dayjs';
20
23
  import '../_verture/useFormatMessage-703f8b20.js';
21
24
  import '@para-ui/core/GlobalContext';
22
- import 'rc-tooltip';
23
- import 'rc-tooltip/lib/placements';
24
25
 
25
26
  var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-toggle-button.paraui-v3-button {\n height: 30px;\n padding: 0 20px;\n color: rgb(46, 55, 67);\n line-height: 30px;\n}\n.paraui-v3-toggle-button.paraui-v3-button:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-toggle-button-wrap {\n display: inline-block;\n}\n.paraui-v3-toggle-button .toggle-button-text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected {\n border-color: rgb(54, 102, 214);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected:hover {\n border-color: rgb(54, 102, 214);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected[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}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected[disabled]:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected[disabled]::before {\n border-color: rgba(46, 55, 67, 0.4);\n border-top-color: transparent;\n border-left-color: transparent;\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected::before {\n content: \" \";\n position: absolute;\n bottom: 0;\n right: 0;\n border: 10px solid rgb(54, 102, 214);\n border-top-color: transparent;\n border-left-color: transparent;\n}\n.paraui-v3-toggle-button.paraui-v3-toggle-button-selected::after {\n content: \" \";\n position: absolute;\n bottom: 2px;\n right: 3px;\n width: 4px;\n height: 8px;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n border-radius: 2px;\n transform: rotate(45deg);\n}\n.paraui-v3-toggle-button-disabled.paraui-v3-toggle-button {\n color: rgba(46, 55, 67, 0.4);\n pointer-events: auto;\n cursor: not-allowed;\n}\n.paraui-v3-toggle-button-disabled.paraui-v3-toggle-button:hover {\n color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-togglebutton-group {\n display: flex;\n flex-flow: row wrap;\n}\n.paraui-v3-togglebutton-group .paraui-v3-toggle-button {\n margin: 0 10px;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button {\n margin: 0;\n padding: 0 16px;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button:hover {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: transparent;\n border: 0;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button ~ .paraui-v3-toggle-button::before {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n content: \"\";\n width: 1px;\n height: 14px;\n background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected {\n color: rgb(54, 102, 214);\n border: 0;\n font-weight: 700;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected[disabled] {\n color: rgba(46, 55, 67, 0.4);\n background-color: transparent;\n border: 0;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected:first-child:before {\n display: none;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected:not(:first-child)::before {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n content: \"\";\n width: 1px;\n height: 14px;\n background-color: rgba(171, 176, 185, 0.4);\n border: 0;\n}\n.paraui-v3-togglebutton-group-text .paraui-v3-toggle-button-selected::after {\n display: none;\n}";
26
27
  styleInject(css_248z);
@@ -109,17 +110,13 @@ var ToggleButton = function ToggleButton(props) {
109
110
  disabled = _props$disabled === void 0 ? false : _props$disabled,
110
111
  _props$selected = props.selected,
111
112
  selected = _props$selected === void 0 ? false : _props$selected,
112
- value = props.value,
113
- _props$autoToolTipOve = props.autoToolTipOverflow,
114
- autoToolTipOverflow = _props$autoToolTipOve === void 0 ? true : _props$autoToolTipOve,
115
- _props$width = props.width,
113
+ value = props.value;
114
+ props.autoToolTipOverflow;
115
+ var _props$width = props.width,
116
116
  width = _props$width === void 0 ? 120 : _props$width,
117
117
  onClick = props.onClick,
118
118
  restProps = __rest(props, ["className", "style", "children", "disabled", "selected", "value", "autoToolTipOverflow", "width", "onClick"]);
119
- var _useState = useState(false),
120
- _useState2 = _slicedToArray(_useState, 2),
121
- hasTip = _useState2[0],
122
- setHasTip = _useState2[1];
119
+ // const [hasTip, setHasTip] = useState<boolean>(false);
123
120
  var id = useRef(UUID()).current;
124
121
  var prefixCls = "".concat($prefixCls, "-toggle-button");
125
122
  //className
@@ -128,55 +125,68 @@ var ToggleButton = function ToggleButton(props) {
128
125
  var handleClick = function handleClick(evt) {
129
126
  if (onClick) onClick(evt, value);
130
127
  };
131
- useLayoutEffect(function () {
132
- if (!autoToolTipOverflow) return;
133
- var btn = document.querySelector("[data-id=\"".concat(id, "\"]"));
134
- if (!btn) return;
135
- var span = document.createElement('span');
136
- span.textContent = children;
137
- document.body.appendChild(span);
138
- if (span.offsetWidth > btn.offsetWidth - 16 * 2) {
139
- setHasTip(true);
140
- }
141
- span === null || span === void 0 ? void 0 : span.remove();
142
- }, []);
128
+ // useLayoutEffect(() => {
129
+ // if (!autoToolTipOverflow) return;
130
+ // let btn: HTMLButtonElement | null = document.querySelector(`[data-id="${id}"]`);
131
+ // if (!btn) return;
132
+ // let span: any = document.createElement('span');
133
+ // span.textContent = children;
134
+ // document.body.appendChild(span);
135
+ // if (span.offsetWidth > (btn.offsetWidth - 16 * 2)) {
136
+ // setHasTip(true);
137
+ // }
138
+ // span?.remove();
139
+ // }, []);
143
140
  //渲染
144
- var renderToggleButton = function renderToggleButton() {
145
- var btn = jsx(Button, Object.assign({
146
- "data-id": id,
147
- variant: 'outlined',
148
- size: 'medium'
149
- }, restProps, {
150
- style: Object.assign({
151
- width: width
152
- }, style),
153
- className: makeCls,
154
- disabled: disabled,
155
- value: value,
156
- onClick: handleClick
141
+ // const renderToggleButton = () => {
142
+ // let btn = (
143
+ // <Button
144
+ // data-id={id}
145
+ // variant={'outlined'}
146
+ // size={'medium'}
147
+ // {...restProps}
148
+ // style={{ width, ...style }}
149
+ // className={makeCls}
150
+ // disabled={disabled}
151
+ // value={value}
152
+ // onClick={handleClick}>
153
+ // <span className={'toggle-button-text'}>
154
+ // {children}
155
+ // </span>
156
+ // </Button>
157
+ // );
158
+ // if (hasTip) {
159
+ // return (
160
+ // <Tooltip title={children as string}>
161
+ // <span className={`${prefixCls}-wrap`}>
162
+ // {btn}
163
+ // </span>
164
+ // </Tooltip>
165
+ // );
166
+ // }
167
+ // return btn;
168
+ // };
169
+ return jsx(Button, Object.assign({
170
+ "data-id": id,
171
+ variant: 'outlined',
172
+ size: 'medium'
173
+ }, restProps, {
174
+ style: Object.assign({
175
+ width: width
176
+ }, style),
177
+ className: makeCls,
178
+ disabled: disabled,
179
+ value: value,
180
+ onClick: handleClick
181
+ }, {
182
+ children: jsx("span", Object.assign({
183
+ className: 'toggle-button-text'
157
184
  }, {
158
- children: jsx("span", Object.assign({
159
- className: 'toggle-button-text'
160
- }, {
185
+ children: jsx(AutoTips, {
161
186
  children: children
162
- }))
163
- }));
164
- if (hasTip) {
165
- return jsx(Tooltip, Object.assign({
166
- title: children
167
- }, {
168
- children: jsx("span", Object.assign({
169
- className: "".concat(prefixCls, "-wrap")
170
- }, {
171
- children: btn
172
- }))
173
- }));
174
- }
175
- return btn;
176
- };
177
- return jsx(Fragment, {
178
- children: renderToggleButton()
179
- });
187
+ })
188
+ }))
189
+ }));
180
190
  };
181
191
 
182
192
  export { ToggleButton, ToggleButtonGroup, ToggleButton as default };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@para-ui/core",
3
3
  "private": false,
4
- "version": "3.0.48",
4
+ "version": "3.0.49",
5
5
  "main": "./index.js",
6
6
  "typings": "./index.d.ts",
7
7
  "description": "Powered by Para FED",