@para-ui/core 4.0.31 → 4.0.33

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 (45) hide show
  1. package/AutoButton/index.js +2 -2
  2. package/Card/index.js +2 -2
  3. package/CollapseLayout/index.js +1 -1
  4. package/ComboSelect/index.js +3 -0
  5. package/DynamicMultiBox/index.js +1 -1
  6. package/Form/index.js +4 -1
  7. package/FormItem/index.js +4 -1
  8. package/InputCode/index.d.ts +82 -0
  9. package/InputCode/index.js +392 -0
  10. package/InputCode/inputCodeCard/index.d.ts +10 -0
  11. package/InputCode/inputCodeInput/index.d.ts +10 -0
  12. package/InputCode/lang/en_US.d.ts +7 -0
  13. package/InputCode/lang/index.d.ts +15 -0
  14. package/InputCode/lang/zh_CN.d.ts +7 -0
  15. package/PopConfirm/index.js +2 -2
  16. package/Querying/index.js +4 -4
  17. package/README.md +10 -0
  18. package/Select/index.js +2 -2
  19. package/SortBox/index.js +24 -4
  20. package/Table/index.js +149 -29
  21. package/Table/interface.d.ts +9 -1
  22. package/Table/lang/en_US.d.ts +1 -0
  23. package/Table/lang/index.d.ts +2 -0
  24. package/Table/lang/zh_CN.d.ts +1 -0
  25. package/Table/tableBodyElement/index.d.ts +5 -0
  26. package/Table/tableBodyInterface.d.ts +4 -0
  27. package/Table/tableHeadInterface.d.ts +2 -0
  28. package/index.d.ts +2 -0
  29. package/index.js +2 -1
  30. package/locale/en-US.d.ts +7 -0
  31. package/locale/index.d.ts +14 -0
  32. package/locale/index.js +16 -2
  33. package/locale/zh-CN.d.ts +7 -0
  34. package/package.json +1 -1
  35. package/umd/AutoButton.js +5 -5
  36. package/umd/CollapseLayout.js +1 -1
  37. package/umd/ComboSelect.js +19 -7
  38. package/umd/DynamicMultiBox.js +6 -6
  39. package/umd/Form.js +19 -7
  40. package/umd/FormItem.js +19 -7
  41. package/umd/InputCode.js +43 -0
  42. package/umd/SortBox.js +2 -2
  43. package/umd/Table.js +19 -7
  44. package/umd/locale.js +1 -1
  45. /package/_verture/{index-3795d730.js → index-e229330e.js} +0 -0
@@ -34,7 +34,7 @@ var localeJson = {
34
34
  en
35
35
  };
36
36
 
37
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-button {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn {\n height: 30px;\n line-height: 30px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn > .paraui-v4-auto-tips {\n padding: 0 10px;\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn.item-btn-disabled {\n background-color: rgb(255, 255, 255);\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}";
37
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-button {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content {\n border-radius: 4px;\n overflow: hidden;\n padding: 4px 0;\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn {\n height: 30px;\n line-height: 30px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn > .paraui-v4-auto-tips {\n padding: 0 10px;\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-auto-button-dropdown .auto-button-dropdown-content .item-btn.item-btn-disabled {\n background-color: rgb(255, 255, 255);\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}";
38
38
  styleInject(css_248z);
39
39
 
40
40
  const AutoButton = props => {
@@ -164,7 +164,7 @@ const AutoButton = props => {
164
164
  children: children
165
165
  }));
166
166
  if (buttonType === 'icon') {
167
- Dom = jsx(Button, Object.assign({
167
+ Dom = jsx(Button.IconButton, Object.assign({
168
168
  variant: "outlined",
169
169
  className: "auto-button-more"
170
170
  }, {
package/Card/index.js CHANGED
@@ -19,8 +19,8 @@ var zh = {
19
19
  };
20
20
 
21
21
  var localeJson = {
22
- zh,
23
- en
22
+ zh: zh,
23
+ en: en
24
24
  };
25
25
 
26
26
  var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-card {\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n.paraui-v4-card > .card-list {\n display: flex;\n flex-wrap: wrap;\n}\n.paraui-v4-card > .card-list > .card-item {\n border-radius: 4px;\n overflow: auto;\n}\n.paraui-v4-card > .more {\n text-align: center;\n}\n.paraui-v4-card > .more > .more-content {\n font-size: 14px;\n text-align: center;\n color: rgb(161, 168, 179);\n display: inline-block;\n}\n.paraui-v4-card.paraui-v4-card-more > .more > .more-content {\n cursor: pointer;\n}\n.paraui-v4-card.paraui-v4-card-more > .more > .more-content:hover {\n color: rgb(46, 101, 230);\n}";
@@ -7,7 +7,7 @@ import clsx from 'clsx';
7
7
  import { a as getAutoHeightDuration } from '../_verture/util-82646c4f.js';
8
8
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
9
9
 
10
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-collapse-layout {\n height: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-top {\n transform: rotate(90deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-bottom {\n transform: rotate(-90deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-right {\n transform: rotate(180deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-display {\n overflow: hidden;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click {\n position: absolute;\n z-index: 1;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click span {\n font-size: 12px;\n font-weight: 400;\n text-align: center;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n z-index: 9;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn:hover > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn:hover > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn:hover > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn:hover > .bg-svg svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn:hover svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn:hover svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn:hover svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn:hover svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn > .bg-svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn > .bg-svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn > .bg-svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn > .bg-svg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn > .bg-svg svg {\n fill: currentColor;\n color: rgb(234, 236, 241);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn svg {\n font-size: 14px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line {\n display: none;\n cursor: no-drop;\n z-index: 10;\n position: absolute;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after {\n position: absolute;\n content: \"\";\n background: rgb(234, 236, 241);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move {\n user-select: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after {\n background: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-default {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line {\n display: inline-block;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn {\n right: 0px;\n position: absolute;\n top: 50%;\n left: \"\";\n width: 20px;\n height: 80px;\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: right;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-radius: 4px 0 0 4px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn > .bg-svg {\n transform: rotate(180deg);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow {\n transition-property: margin-right;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn {\n position: absolute;\n top: 50%;\n left: 0;\n width: 20px;\n height: 80px;\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow {\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > div {\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow {\n height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-default {\n transition: width;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click {\n flex-direction: column;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn {\n transform: translateY(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line {\n width: 10px;\n height: 100%;\n left: 100%;\n top: 0;\n transform: translateX(-50%);\n cursor: col-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after {\n left: 5px;\n width: 1px;\n height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn {\n position: absolute;\n top: 0;\n left: 50%;\n width: 80px;\n height: 20px;\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: top;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-radius: 0 0 4px 4px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn > .bg-svg {\n transform: rotate(90deg);\n left: 30px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow {\n transition-property: margin-top;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n position: absolute;\n top: \"\";\n left: 50%;\n width: 80px;\n height: 20px;\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: bottom;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n bottom: 0px;\n border-radius: 4px 4px 0 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn > .bg-svg {\n transform: rotate(270deg);\n left: -30px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow {\n transition-property: margin-bottom;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > div {\n display: block;\n width: 100%;\n position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-default {\n transition-property: height;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow {\n width: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n transform: translateX(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line {\n width: 100%;\n height: 10px;\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n cursor: row-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after {\n top: 5px;\n height: 1px;\n width: 100%;\n}";
10
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-collapse-layout {\n height: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n}\n.paraui-v4-collapse-layout > .collapse-layout-click > .switch-btn > .collapse-layout-icon-transform-top {\n transform: rotate(90deg);\n}\n.paraui-v4-collapse-layout > .collapse-layout-click > .switch-btn > .collapse-layout-icon-transform-bottom {\n transform: rotate(-90deg);\n}\n.paraui-v4-collapse-layout > .collapse-layout-click > .switch-btn > .collapse-layout-icon-transform-right {\n transform: rotate(180deg);\n}\n.paraui-v4-collapse-layout > .collapse-layout-display {\n overflow: hidden;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click {\n position: absolute;\n z-index: 1;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click span {\n font-size: 12px;\n font-weight: 400;\n text-align: center;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click .switch-btn {\n z-index: 9;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click .switch-btn:hover > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click .switch-btn:hover > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click .switch-btn:hover > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click .switch-btn:hover > .bg-svg svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click .switch-btn:hover svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click .switch-btn:hover svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click .switch-btn:hover svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click .switch-btn:hover svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click .switch-btn > .bg-svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click .switch-btn > .bg-svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click .switch-btn > .bg-svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click .switch-btn > .bg-svg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click .switch-btn > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click .switch-btn > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click .switch-btn > .bg-svg svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click .switch-btn > .bg-svg svg {\n fill: currentColor;\n color: rgb(234, 236, 241);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click .switch-btn svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click .switch-btn svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click .switch-btn svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click .switch-btn svg {\n font-size: 14px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click .drag-line {\n display: none;\n cursor: no-drop;\n z-index: 10;\n position: absolute;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click .drag-line:after {\n position: absolute;\n content: \"\";\n background: rgb(234, 236, 241);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move {\n user-select: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move > .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move > .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move > .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move > .collapse-layout-click {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move > .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move > .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move > .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move > .collapse-layout-click .switch-btn {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move > .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move > .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move > .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move > .collapse-layout-click .drag-line:after {\n background: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move > .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move > .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move > .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move > .collapse-layout-display {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move > .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move > .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move > .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move > .collapse-layout-display .collapse-layout-display-shadow {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move > .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move > .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move > .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move > .collapse-layout-default {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true > .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true > .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true > .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true > .collapse-layout-click .drag-line {\n display: inline-block;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click > .switch-btn {\n right: 0px;\n position: absolute;\n top: 50%;\n left: \"\";\n width: 20px;\n height: 80px;\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: right;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-radius: 4px 0 0 4px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click > .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click > .switch-btn > .bg-svg {\n transform: rotate(180deg);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-display > .collapse-layout-display-shadow {\n transition-property: margin-right;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click > .switch-btn {\n position: absolute;\n top: 50%;\n left: 0;\n width: 20px;\n height: 80px;\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click > .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-display > .collapse-layout-display-shadow {\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > div {\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-display > .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-display > .collapse-layout-display-shadow {\n height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-default {\n transition: width;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click {\n flex-direction: column;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click > .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click > .switch-btn {\n transform: translateY(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click > .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click > .drag-line {\n width: 10px;\n height: 100%;\n left: 100%;\n top: 0;\n transform: translateX(-50%);\n cursor: col-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > .collapse-layout-click > .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > .collapse-layout-click > .drag-line:after {\n left: 5px;\n width: 1px;\n height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click > .switch-btn {\n position: absolute;\n top: 0;\n left: 50%;\n width: 80px;\n height: 20px;\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: top;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-radius: 0 0 4px 4px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click > .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click > .switch-btn > .bg-svg {\n transform: rotate(90deg);\n left: 30px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-display > .collapse-layout-display-shadow {\n transition-property: margin-top;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click > .switch-btn {\n position: absolute;\n top: \"\";\n left: 50%;\n width: 80px;\n height: 20px;\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: bottom;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n bottom: 0px;\n border-radius: 4px 4px 0 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click > .switch-btn > .bg-svg {\n transform: rotate(270deg);\n left: -30px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click > .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-display > .collapse-layout-display-shadow {\n transition-property: margin-bottom;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > div {\n display: block;\n width: 100%;\n position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-default {\n transition-property: height;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-display > .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-display > .collapse-layout-display-shadow {\n width: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click > .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click > .switch-btn {\n transform: translateX(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click > .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click > .drag-line {\n width: 100%;\n height: 10px;\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n cursor: row-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > .collapse-layout-click > .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > .collapse-layout-click > .drag-line:after {\n top: 5px;\n height: 1px;\n width: 100%;\n}";
11
11
  styleInject(css_248z);
12
12
 
13
13
  const SvgDrag = () => jsx("svg", Object.assign({
@@ -38,6 +38,8 @@ import '@para-ui/icons/DownTriangleF';
38
38
  import '@para-ui/icons/Panel';
39
39
  import '../Empty/index.js';
40
40
  import '../_verture/defineProperty-6f62bb2a.js';
41
+ import '../_verture/index-c8cb6751.js';
42
+ import '../_verture/sortable.esm-76fe46a4.js';
41
43
  import '../Radio/index.js';
42
44
  import '../OperateBtn/index.js';
43
45
  import '@para-ui/icons/More';
@@ -46,6 +48,7 @@ import '@para-ui/icons/CheckCircleF';
46
48
  import '@para-ui/icons/WarningCircle';
47
49
  import '@para-ui/icons/WarningCircleF';
48
50
  import '../_verture/usePopupContainer-635f66f4.js';
51
+ import '@para-ui/icons/Drag';
49
52
  import '@para-ui/icons/Refresh';
50
53
  import '../Pagination/index.js';
51
54
  import '../TextField/index.js';
@@ -85,6 +85,7 @@ import '@para-ui/icons/PlusCircle';
85
85
  import '@para-ui/icons/MoreCircle';
86
86
  import '../_verture/utils-c17b5265.js';
87
87
  import '../Search/index.js';
88
+ import '../_verture/sortable.esm-76fe46a4.js';
88
89
  import 'rc-picker/es/generate/dayjs';
89
90
  import '../Tag/index.js';
90
91
  import '@para-ui/icons/EditOutline';
@@ -96,7 +97,6 @@ import '@para-ui/icons/Time';
96
97
  import 'rc-picker/lib/locale/en_US';
97
98
  import 'rc-picker/lib/locale/zh_CN';
98
99
  import '@para-ui/icons/SortRight';
99
- import '../_verture/sortable.esm-76fe46a4.js';
100
100
 
101
101
  var FormItem = function FormItem(props) {
102
102
  var onChange = props.onChange,
package/Form/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { DeepClone } from '@paraview/lib';
3
3
  import React__default from 'react';
4
- import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-3795d730.js';
4
+ import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-e229330e.js';
5
5
  import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
6
6
  import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
7
7
  import '../TextField/index.js';
@@ -57,12 +57,15 @@ import '@para-ui/icons/UpTriangleF';
57
57
  import '@para-ui/icons/DownTriangleF';
58
58
  import '@para-ui/icons/Panel';
59
59
  import '../_verture/defineProperty-6f62bb2a.js';
60
+ import '../_verture/index-c8cb6751.js';
61
+ import '../_verture/sortable.esm-76fe46a4.js';
60
62
  import '../OperateBtn/index.js';
61
63
  import '@para-ui/icons/More';
62
64
  import '../PopConfirm/index.js';
63
65
  import '@para-ui/icons/CheckCircleF';
64
66
  import '@para-ui/icons/WarningCircle';
65
67
  import '@para-ui/icons/WarningCircleF';
68
+ import '@para-ui/icons/Drag';
66
69
  import '@para-ui/icons/Refresh';
67
70
  import '../Pagination/index.js';
68
71
  import '@para-ui/icons/Left';
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-3795d730.js';
3
+ export { F as default } from '../_verture/index-e229330e.js';
4
4
  import 'clsx';
5
5
  import '../Label/index.js';
6
6
  import '../_verture/constant-5317fc89.js';
@@ -57,12 +57,15 @@ import '@para-ui/icons/UpTriangleF';
57
57
  import '@para-ui/icons/DownTriangleF';
58
58
  import '@para-ui/icons/Panel';
59
59
  import '../_verture/defineProperty-6f62bb2a.js';
60
+ import '../_verture/index-c8cb6751.js';
61
+ import '../_verture/sortable.esm-76fe46a4.js';
60
62
  import '../OperateBtn/index.js';
61
63
  import '@para-ui/icons/More';
62
64
  import '../PopConfirm/index.js';
63
65
  import '@para-ui/icons/CheckCircleF';
64
66
  import '@para-ui/icons/WarningCircle';
65
67
  import '@para-ui/icons/WarningCircleF';
68
+ import '@para-ui/icons/Drag';
66
69
  import '@para-ui/icons/Refresh';
67
70
  import '../Pagination/index.js';
68
71
  import '@para-ui/icons/Left';
@@ -0,0 +1,82 @@
1
+ /**
2
+ * @author linhd
3
+ * @date 2024/8/16 16:33
4
+ * @description 验证码
5
+ */
6
+ import React, { ReactNode } from 'react';
7
+ import { HelperTextDetailProps } from "../HelperText";
8
+ import InputCodeCard from './inputCodeCard';
9
+ import InputCodeInput from './inputCodeInput';
10
+ import './index.scss';
11
+ import { TextFieldProps } from "../TextField";
12
+ import { LabelTooltipProps } from "../Label";
13
+ export interface InputCodeCardProps extends HelperTextDetailProps {
14
+ /** 样式class */
15
+ className?: string;
16
+ /** style */
17
+ style?: React.CSSProperties;
18
+ /** 大小 */
19
+ size?: 'small' | 'medium' | 'large';
20
+ /** 类型 */
21
+ type?: 'card' | 'underline';
22
+ /** 卡片数量 */
23
+ cardNumber?: number;
24
+ /** 分隔符 没值 不带 */
25
+ separator?: ReactNode;
26
+ /** 辅助文案 */
27
+ sendText?: ReactNode;
28
+ /** 倒计时 */
29
+ countdown?: number;
30
+ /** 倒计时开始计时,不等于undefined就开始计时 */
31
+ refreshCountdown?: number | undefined;
32
+ /** 默认值 不受控 */
33
+ defaultValue?: string[];
34
+ /** 默认值 受控 */
35
+ value?: string[];
36
+ /** 输入框props */
37
+ inputProps?: (index: number) => TextFieldProps;
38
+ onChange?: (val: string[]) => void;
39
+ /** 最后一个输入框完成输入 */
40
+ onFinish?: (val: string) => void;
41
+ /** 重新发送 */
42
+ onReset?: () => Promise<boolean> | boolean;
43
+ [name: string]: any;
44
+ }
45
+ export interface InputCodeInputProps extends HelperTextDetailProps {
46
+ /** 样式class */
47
+ className?: string;
48
+ /** style */
49
+ style?: React.CSSProperties;
50
+ /** 大小 */
51
+ size?: 'small' | 'medium' | 'large';
52
+ /** 类型 */
53
+ type?: 'btnIntegrated' | 'btnSplit';
54
+ /** 标题 */
55
+ label?: ReactNode;
56
+ /** label 提示信息 */
57
+ labelTooltip?: LabelTooltipProps;
58
+ /** 提示语 */
59
+ placeholder?: ReactNode;
60
+ /** 是否必填 */
61
+ required?: boolean;
62
+ /** 倒计时 */
63
+ countdown?: number;
64
+ /** 默认值 不受控 */
65
+ defaultValue?: string;
66
+ /** 默认值 受控 */
67
+ value?: string;
68
+ /** 获取验证码宽度 */
69
+ getCodeWidth?: string;
70
+ /** 输入框props */
71
+ inputProps?: TextFieldProps;
72
+ onChange?: (val: string) => void;
73
+ /** 获取验证码事件 */
74
+ onGetCode?: () => Promise<boolean> | boolean;
75
+ [name: string]: any;
76
+ }
77
+ type MergedInputCode = {
78
+ Card: typeof InputCodeCard;
79
+ Input: typeof InputCodeInput;
80
+ };
81
+ export declare const InputCode: MergedInputCode;
82
+ export default InputCode;