@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.
- package/AutoButton/index.js +2 -2
- package/Card/index.js +2 -2
- package/CollapseLayout/index.js +1 -1
- package/ComboSelect/index.js +3 -0
- package/DynamicMultiBox/index.js +1 -1
- package/Form/index.js +4 -1
- package/FormItem/index.js +4 -1
- package/InputCode/index.d.ts +82 -0
- package/InputCode/index.js +392 -0
- package/InputCode/inputCodeCard/index.d.ts +10 -0
- package/InputCode/inputCodeInput/index.d.ts +10 -0
- package/InputCode/lang/en_US.d.ts +7 -0
- package/InputCode/lang/index.d.ts +15 -0
- package/InputCode/lang/zh_CN.d.ts +7 -0
- package/PopConfirm/index.js +2 -2
- package/Querying/index.js +4 -4
- package/README.md +10 -0
- package/Select/index.js +2 -2
- package/SortBox/index.js +24 -4
- package/Table/index.js +149 -29
- package/Table/interface.d.ts +9 -1
- package/Table/lang/en_US.d.ts +1 -0
- package/Table/lang/index.d.ts +2 -0
- package/Table/lang/zh_CN.d.ts +1 -0
- package/Table/tableBodyElement/index.d.ts +5 -0
- package/Table/tableBodyInterface.d.ts +4 -0
- package/Table/tableHeadInterface.d.ts +2 -0
- package/index.d.ts +2 -0
- package/index.js +2 -1
- package/locale/en-US.d.ts +7 -0
- package/locale/index.d.ts +14 -0
- package/locale/index.js +16 -2
- package/locale/zh-CN.d.ts +7 -0
- package/package.json +1 -1
- package/umd/AutoButton.js +5 -5
- package/umd/CollapseLayout.js +1 -1
- package/umd/ComboSelect.js +19 -7
- package/umd/DynamicMultiBox.js +6 -6
- package/umd/Form.js +19 -7
- package/umd/FormItem.js +19 -7
- package/umd/InputCode.js +43 -0
- package/umd/SortBox.js +2 -2
- package/umd/Table.js +19 -7
- package/umd/locale.js +1 -1
- /package/_verture/{index-3795d730.js → index-e229330e.js} +0 -0
package/AutoButton/index.js
CHANGED
|
@@ -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}";
|
package/CollapseLayout/index.js
CHANGED
|
@@ -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({
|
package/ComboSelect/index.js
CHANGED
|
@@ -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';
|
package/DynamicMultiBox/index.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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;
|