@para-ui/core 3.0.48 → 3.0.50

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 (23) hide show
  1. package/DynamicMultiBox/index.js +1 -1
  2. package/Form/index.js +1 -1
  3. package/FormItem/index.js +1 -1
  4. package/MultiBox/index.js +1 -1
  5. package/README.md +12 -0
  6. package/SingleBox/index.js +1 -1
  7. package/Table/index.js +31 -18
  8. package/Table/interface.d.ts +4 -0
  9. package/TextEditor/index.js +2 -3
  10. package/ToggleButton/index.js +70 -60
  11. package/index.js +1 -1
  12. package/package.json +1 -1
  13. package/umd/ComboSelect.js +1 -1
  14. package/umd/DynamicMultiBox.js +4 -4
  15. package/umd/Form.js +1 -1
  16. package/umd/FormItem.js +4 -4
  17. package/umd/InputLang.js +1 -1
  18. package/umd/MultiBox.js +4 -4
  19. package/umd/SingleBox.js +5 -5
  20. package/umd/Table.js +4 -4
  21. package/umd/TextEditor.js +1 -1
  22. package/umd/ToggleButton.js +4 -4
  23. /package/_verture/{index-535eb442.js → index-b30abb46.js} +0 -0
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/Form/index.js CHANGED
@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import { DeepClone } from '@paraview/lib';
5
5
  import React__default from 'react';
6
- import { F as FormItem, v as validate } from '../_verture/index-535eb442.js';
6
+ import { F as FormItem, v as validate } from '../_verture/index-b30abb46.js';
7
7
  import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
8
8
  import '../TextField/index.js';
9
9
  import '../_verture/typeof-498dd2b1.js';
package/FormItem/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import 'react/jsx-runtime';
2
2
  import 'react';
3
- export { F as default } from '../_verture/index-535eb442.js';
3
+ export { F as default } from '../_verture/index-b30abb46.js';
4
4
  import 'clsx';
5
5
  import '../Label/index.js';
6
6
  import '../_verture/constant-66aa48a1.js';
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,15 @@
1
+ ## 版本: 3.0.50
2
+ para-ui/core@3.0.50 发布
3
+ 【富文本-TextEditor】解决excludeKeys传常量时，富文本无限刷新的问题
4
+ 【表格-Table】修改表格超出文字提示宽度
5
+
6
+ ## 版本: 3.0.49
7
+ para-ui/core@3.0.49 发布
8
+ 【切换按钮-ToggleButton】文字超出新增悬浮提示
9
+ 【多值框-MultiBox】修改上下间距12px
10
+ 【单值框-SingleBox】修改上下间距12px
11
+ 【动态多值框-DynamicMultiBox】修改上下间距12px
12
+
1
13
  ## 版本: 3.0.48
2
14
  para-ui/core@3.0.48 发布
3
15
  【抽屉-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/Table/index.js CHANGED
@@ -381,7 +381,8 @@ var TableHead$1 = function TableHead(props) {
381
381
  dragColumn = props.dragColumn,
382
382
  changeColumnWidth = props.changeColumnWidth,
383
383
  headDataConfig = props.headDataConfig,
384
- getPopupContainer = props.getPopupContainer;
384
+ getPopupContainer = props.getPopupContainer,
385
+ tipMaxWidth = props.tipMaxWidth;
385
386
  var _useState = useState(false),
386
387
  _useState2 = _slicedToArray(_useState, 2),
387
388
  indeterminate = _useState2[0],
@@ -705,9 +706,11 @@ var TableHead$1 = function TableHead(props) {
705
706
  children: [jsx(Checkbox, {
706
707
  checked: checked
707
708
  }), jsx("span", {
708
- children: jsx(AutoTips, {
709
+ children: jsx(AutoTips, Object.assign({
710
+ tipMaxWidth: tipMaxWidth
711
+ }, {
709
712
  children: item.displayName
710
- })
713
+ }))
711
714
  })]
712
715
  }), index);
713
716
  });
@@ -824,7 +827,8 @@ var TableHead$1 = function TableHead(props) {
824
827
  className: "table-header-title-label"
825
828
  }, {
826
829
  children: jsx(AutoTips, Object.assign({
827
- beyondText: headCell.beyondText === undefined ? beyondText : headCell.beyondText
830
+ beyondText: headCell.beyondText === undefined ? beyondText : headCell.beyondText,
831
+ tipMaxWidth: headCell.tipMaxWidth !== undefined ? headCell.tipMaxWidth : tipMaxWidth
828
832
  }, {
829
833
  children: headCell.label
830
834
  }))
@@ -853,7 +857,7 @@ var TableHead$1 = function TableHead(props) {
853
857
  }))
854
858
  }), headCell.name || index);
855
859
  });
856
- }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer]);
860
+ }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer, tipMaxWidth]);
857
861
  // 操作栏memo
858
862
  var TableOperateMemo = useMemo(function () {
859
863
  if (operate) {
@@ -894,7 +898,8 @@ var TableHead$1 = function TableHead(props) {
894
898
  className: "table-header-title-label"
895
899
  }, {
896
900
  children: jsx(AutoTips, Object.assign({
897
- beyondText: operate.beyondText === undefined ? beyondText : operate.beyondText
901
+ beyondText: operate.beyondText === undefined ? beyondText : operate.beyondText,
902
+ tipMaxWidth: tipMaxWidth
898
903
  }, {
899
904
  children: operate.label
900
905
  }))
@@ -903,7 +908,7 @@ var TableHead$1 = function TableHead(props) {
903
908
  }))
904
909
  }));
905
910
  }
906
- }, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn]);
911
+ }, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn, tipMaxWidth]);
907
912
  // 显示列弹窗内容
908
913
  var showListContent = function showListContent() {
909
914
  return jsxs("div", Object.assign({
@@ -921,9 +926,11 @@ var TableHead$1 = function TableHead(props) {
921
926
  children: [jsx(Checkbox, {
922
927
  checked: checked
923
928
  }), jsx("span", {
924
- children: jsx(AutoTips, {
929
+ children: jsx(AutoTips, Object.assign({
930
+ tipMaxWidth: tipMaxWidth
931
+ }, {
925
932
  children: item.label
926
- })
933
+ }))
927
934
  })]
928
935
  }), index);
929
936
  })
@@ -974,7 +981,7 @@ var TableHead$1 = function TableHead(props) {
974
981
  }))
975
982
  }))
976
983
  }));
977
- }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer]);
984
+ }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer, tipMaxWidth]);
978
985
  // 处理class
979
986
  var handClass = function handClass() {
980
987
  var str = 'table-head';
@@ -1089,7 +1096,8 @@ var TableBody = function TableBody(props) {
1089
1096
  posFixed = props.posFixed,
1090
1097
  beyondText = props.beyondText,
1091
1098
  onClickRow = props.onClickRow,
1092
- rowClassMapping = props.rowClassMapping;
1099
+ rowClassMapping = props.rowClassMapping,
1100
+ tipMaxWidth = props.tipMaxWidth;
1093
1101
  var _useState = useState(0),
1094
1102
  _useState2 = _slicedToArray(_useState, 2),
1095
1103
  expandableColSpan = _useState2[0],
@@ -1437,13 +1445,14 @@ var TableBody = function TableBody(props) {
1437
1445
  style: handStyle(item)
1438
1446
  }, {
1439
1447
  children: item.autoTips === undefined || item.autoTips === true ? jsx(AutoTips, Object.assign({
1440
- beyondText: item.beyondText === undefined ? beyondText : item.beyondText
1448
+ beyondText: item.beyondText === undefined ? beyondText : item.beyondText,
1449
+ tipMaxWidth: item.tipMaxWidth !== undefined ? item.tipMaxWidth : tipMaxWidth
1441
1450
  }, {
1442
1451
  children: text
1443
1452
  })) : text
1444
1453
  }), item.name || index);
1445
1454
  });
1446
- }, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn]);
1455
+ }, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn, tipMaxWidth]);
1447
1456
  // 操作栏useCallback
1448
1457
  var TableOperateUseCallback = useCallback(function (row, rowIndex) {
1449
1458
  if (operate) {
@@ -1541,13 +1550,13 @@ var TableBody = function TableBody(props) {
1541
1550
  }, index);
1542
1551
  })
1543
1552
  });
1544
- }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping]);
1553
+ }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth]);
1545
1554
  // 内容memo
1546
1555
  var TableBodyContentMemo = useMemo(function () {
1547
1556
  return jsxs(Fragment$1, {
1548
1557
  children: [TableBodySubjectContentMemo, MoreMemo]
1549
1558
  });
1550
- }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, loadMore, loadMoreRender, onClickMore, changePage, loadMoreUrl, disabledExpandJson, onExpand, showMoreBtn, disabledArrStatus, showColumns, onClickRow, rowClassMapping]);
1559
+ }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, loadMore, loadMoreRender, onClickMore, changePage, loadMoreUrl, disabledExpandJson, onExpand, showMoreBtn, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth]);
1551
1560
  // 处理内容
1552
1561
  var handContent = function handContent() {
1553
1562
  // 无数据,且不再请求,显示暂无数据
@@ -1735,6 +1744,8 @@ var Table = function Table(propsInit) {
1735
1744
  onClickColumns = props.onClickColumns,
1736
1745
  _props$beyondText = props.beyondText,
1737
1746
  beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
1747
+ _props$tipMaxWidth = props.tipMaxWidth,
1748
+ tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth,
1738
1749
  loading = props.loading,
1739
1750
  defaultSortValue = props.defaultSortValue,
1740
1751
  defaultFilterValue = props.defaultFilterValue,
@@ -2849,10 +2860,11 @@ var Table = function Table(propsInit) {
2849
2860
  lineWidth: lineWidth,
2850
2861
  dragColumn: dragColumn,
2851
2862
  headDataConfig: headDataConfig,
2863
+ tipMaxWidth: tipMaxWidth,
2852
2864
  changeColumnWidth: changeColumnWidth,
2853
2865
  getPopupContainer: getPopupContainer
2854
2866
  });
2855
- }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig, getPopupContainer, onSort]);
2867
+ }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig, getPopupContainer, onSort, tipMaxWidth]);
2856
2868
  // 表格内容memo
2857
2869
  var TableBodyMemo = useMemo(function () {
2858
2870
  return jsx(TableBody, {
@@ -2900,9 +2912,10 @@ var Table = function Table(propsInit) {
2900
2912
  fixedColumn: fixedColumn,
2901
2913
  fixedTable: fixedTable,
2902
2914
  onClickRow: onClickRow,
2903
- rowClassMapping: rowClassMapping
2915
+ rowClassMapping: rowClassMapping,
2916
+ tipMaxWidth: tipMaxWidth
2904
2917
  });
2905
- }, [showColumns, formatter, rowKey, rowData, headDataCom, expandable, check, radio, checkJson, sortTable, orderTypeArr, orderFieldArr, radioValue, disabledJson, align, tableCell, operate, setRadio, setCheck, totalDataJson, loadMore, loadMoreRender, onClickMore, total, pageCom, sizeCom, loadMoreUrl, expandValue, expandMultiple, disabledExpand, onExpand, defaultExpandAllRows, loadState, emptyProps, url, disabledArrStatus, posFixed, beyondText, fixedTable, fixedColumn, onClickRow, rowClassMapping]);
2918
+ }, [showColumns, formatter, rowKey, rowData, headDataCom, expandable, check, radio, checkJson, sortTable, orderTypeArr, orderFieldArr, radioValue, disabledJson, align, tableCell, operate, setRadio, setCheck, totalDataJson, loadMore, loadMoreRender, onClickMore, total, pageCom, sizeCom, loadMoreUrl, expandValue, expandMultiple, disabledExpand, onExpand, defaultExpandAllRows, loadState, emptyProps, url, disabledArrStatus, posFixed, beyondText, fixedTable, fixedColumn, onClickRow, rowClassMapping, tipMaxWidth]);
2906
2919
  // 表格分页memo
2907
2920
  var TablePaginationMemo = useMemo(function () {
2908
2921
  if (constData.current.page === null || constData.current.size === null || loadMore) return;
package/Table/interface.d.ts CHANGED
@@ -79,6 +79,8 @@ export interface HeadDataProps {
79
79
  beyondText?: boolean;
80
80
  /** 超出不显示... */
81
81
  autoTips?: boolean;
82
+ /** 提示最大宽度 */
83
+ tipMaxWidth?: number | string;
82
84
  /** 排序,请求才有 */
83
85
  orderNum?: number;
84
86
  [name: string]: any;
@@ -138,6 +140,8 @@ export interface TableHeadBodyPublicProps {
138
140
  posFixed?: PosFixedProps;
139
141
  /** 超出内容显示文字还是dom */
140
142
  beyondText?: boolean;
143
+ /** 提示最大宽度 */
144
+ tipMaxWidth?: number | string;
141
145
  }
142
146
  /** 表格参数 */
143
147
  export interface TableProps extends TableHeadBodyPublicProps {
package/TextEditor/index.js CHANGED
@@ -163,14 +163,13 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
163
163
  })
164
164
  }
165
165
  };
166
- // 检测工具栏变化销毁组件重新render
166
+ // 国际化
167
167
  useEffect(function () {
168
168
  if (in18) {
169
- console.log(in18);
170
169
  i18nChangeLanguage(in18);
171
170
  }
172
171
  setToolBarKey(Math.random().toString(36).slice(-8));
173
- }, [excludeKeys, toolbarKeys, insertKeys, in18]);
172
+ }, [in18]);
174
173
  // 非受控组件赋值
175
174
  useEffect(function () {
176
175
  if (defaultValue !== undefined) {
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/index.js CHANGED
@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-77f9e0fb.js';
22
22
  export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
23
23
  export { default as Empty } from './Empty/index.js';
24
24
  export { default as Form } from './Form/index.js';
25
- export { F as FormItem } from './_verture/index-535eb442.js';
25
+ export { F as FormItem } from './_verture/index-b30abb46.js';
26
26
  export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-f70ba993.js';
27
27
  export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
28
28
  export { default as Help } from './Help/index.js';
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.50",
5
5
  "main": "./index.js",
6
6
  "typings": "./index.d.ts",
7
7
  "description": "Powered by Para FED",