@para-ui/core 3.0.3 → 3.0.6
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/Breadcrumbs/index.d.ts +14 -0
- package/Breadcrumbs/index.js +209 -156
- package/Breadcrumbs/lang/en_US.d.ts +4 -0
- package/Breadcrumbs/lang/index.d.ts +9 -0
- package/Breadcrumbs/lang/zh_CN.d.ts +4 -0
- package/Button/index.js +9 -3
- package/ButtonGroup/index.js +1 -1
- package/Cascader/index.js +1 -1
- package/CollapseBox/index.js +1 -18
- package/CollapseLayout/index.d.ts +51 -0
- package/CollapseLayout/index.js +190 -0
- package/ComboSelect/index.js +16 -10
- package/DatePicker/generatePicker/index.d.ts +11 -2
- package/DatePicker/index.js +46 -34
- package/Desktop/index.js +1 -1
- package/Drawer/index.js +1 -1
- package/Empty/index.js +1 -1
- package/Form/index.js +3 -3
- package/FormItem/index.js +3 -3
- package/FunctionModal/index.js +3 -3
- package/Menu/index.js +1 -0
- package/Modal/index.js +1 -1
- package/OperateBtn/index.js +1 -1
- package/PageHeader/index.js +1 -1
- package/Pagination/index.js +5 -5
- package/PopConfirm/index.js +1 -1
- package/Popover/index.js +2 -16
- package/Querying/index.js +1 -1
- package/README.md +19 -0
- package/Search/index.js +1 -1
- package/Select/index.js +1 -1
- package/SelectInput/index.js +1 -1
- package/Selector/index.js +2 -1
- package/Selector/lang/index.d.ts +2 -0
- package/SelectorPicker/index.js +2 -1
- package/Table/index.js +1 -1
- package/Tabs/index.js +1 -1
- package/TextEditor/common.d.ts +11 -0
- package/TextEditor/index.d.ts +106 -0
- package/TextEditor/index.js +20153 -0
- package/TextField/index.js +1 -1
- package/TimePicker/index.js +1 -1
- package/Title/index.js +6 -6
- package/ToggleButton/index.js +1 -1
- package/Tooltip/index.js +2 -3
- package/Transfer/index.d.ts +19 -4
- package/Transfer/index.js +118 -70
- package/Transfer/lang/index.d.ts +4 -0
- package/Tree/index.js +3 -3
- package/Upload/index.js +1 -1
- package/_verture/{index-3136f653.js → index-7b63f88e.js} +0 -0
- package/_verture/{index-77832168.js → index-e0508c99.js} +1 -1
- package/_verture/{modalContext-f1a611ab.js → modalContext-4bce2dae.js} +0 -0
- package/_verture/{useFormatMessage-ac9d6acf.js → useFormatMessage-f4452258.js} +6 -4
- package/_verture/util-a77b261e.js +19 -0
- package/index.d.ts +4 -0
- package/index.js +11 -7
- package/package.json +3 -1
package/TextField/index.js
CHANGED
|
@@ -25,7 +25,7 @@ import '@para-ui/icons/LoadingF';
|
|
|
25
25
|
import '@para-ui/core/GlobalContext';
|
|
26
26
|
import 'rc-dropdown';
|
|
27
27
|
|
|
28
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-text-field {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: inline-block;\n width: 100%;\n}\n.paraui-v3-text-field > .text-field-content {\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n width: 100%;\n position: relative;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-text-field > .text-field-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-right: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before svg {\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within {\n position: relative;\n display: flex;\n flex-grow: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n color: rgba(46, 55, 67, 0.7);\n position: relative;\n z-index: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .length-limit {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n width: 100%;\n line-height: 0;\n position: relative;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n -moz-appearance: textfield;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n width: 100%;\n height: 100%;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n width: 100% !important;\n padding: 12px;\n resize: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n font-size: 14px;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n background-color: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n width: 100%;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n cursor: text;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-left: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-right-radius: 4px;\n border-top-right-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after svg {\n font-size: 20px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n display: none;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n position: absolute;\n height: 22px;\n bottom: 0;\n border-radius: 4px;\n width: calc(100% - 12px);\n background: white;\n justify-content: flex-end;\n padding-bottom: 8px;\n margin-right: 0;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n padding-top: 12px;\n line-height: 1;\n height: calc(100% - 24px);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-before {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-after {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled.text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content:hover {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n padding-bottom: 25px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-focus > .text-field-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content {\n height: 28px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-before {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 6px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content .text-field-content-after {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content {\n height: 32px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-before {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 8px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content .text-field-content-after {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content {\n height: 36px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-before {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 10px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content .text-field-content-after {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n resize: both;\n}\n\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n display: flex;\n cursor: pointer;\n color: rgb(46, 55, 67);\n padding: 0 12px;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n height: 100px;\n position: relative;\n overflow: hidden;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-small > .text-field-select-content > .text-field-select-content-item {\n line-height: 28px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-medium > .text-field-select-content > .text-field-select-content-item {\n line-height: 32px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-large > .text-field-select-content > .text-field-select-content-item {\n line-height: 36px;\n}\n.paraui-v3-text-field-select.paraui-v3-text-field-select-data.component-tooltip {\n padding: 8px 0;\n}";
|
|
28
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-text-field {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: inline-block;\n width: 100%;\n}\n.paraui-v3-text-field > .text-field-content {\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n width: 100%;\n position: relative;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-text-field > .text-field-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-right: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before svg {\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within {\n position: relative;\n display: flex;\n flex-grow: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n color: rgba(46, 55, 67, 0.7);\n position: relative;\n z-index: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .length-limit {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n width: 100%;\n line-height: 0;\n position: relative;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n -moz-appearance: textfield;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n width: 100%;\n height: 100%;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n width: 100% !important;\n padding: 12px;\n resize: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n font-size: 14px;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n background-color: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n width: 100%;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n cursor: text;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-left: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-right-radius: 4px;\n border-top-right-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after svg {\n font-size: 20px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n display: none;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n position: absolute;\n height: 22px;\n bottom: 0;\n border-radius: 4px;\n width: calc(100% - 12px);\n background: white;\n justify-content: flex-end;\n padding-bottom: 8px;\n margin-right: 0;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n padding-top: 12px;\n line-height: 1;\n height: calc(100% - 24px);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-before {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-after {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled.text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content:hover {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n padding-bottom: 25px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-focus > .text-field-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content {\n height: 28px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-before {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 6px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content .text-field-content-after {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content {\n height: 32px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-before {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 8px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content .text-field-content-after {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content {\n height: 36px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-before {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 10px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content .text-field-content-after {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n resize: both;\n}\n\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n display: flex;\n cursor: pointer;\n color: rgb(46, 55, 67);\n padding: 0 12px;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n height: 100px;\n position: relative;\n overflow: hidden;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-small > .text-field-select-content > .text-field-select-content-item {\n line-height: 28px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-medium > .text-field-select-content > .text-field-select-content-item {\n line-height: 32px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-large > .text-field-select-content > .text-field-select-content-item {\n line-height: 36px;\n}\n.paraui-v3-text-field-select.paraui-v3-text-field-select-data.component-tooltip {\n padding: 8px 0;\n}";
|
|
29
29
|
styleInject(css_248z);
|
|
30
30
|
|
|
31
31
|
var IsNaN = function IsNaN(value) {
|
package/TimePicker/index.js
CHANGED
|
@@ -17,7 +17,7 @@ import '../_verture/style-inject.es-300983ab.js';
|
|
|
17
17
|
import '@para-ui/icons/Down';
|
|
18
18
|
import '../Dropdown/index.js';
|
|
19
19
|
import 'rc-dropdown';
|
|
20
|
-
import '../_verture/useFormatMessage-
|
|
20
|
+
import '../_verture/useFormatMessage-f4452258.js';
|
|
21
21
|
import '@para-ui/core/GlobalContext';
|
|
22
22
|
import '../Tag/index.js';
|
|
23
23
|
import '../_verture/defineProperty-0590dc61.js';
|
package/Title/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import clsx from 'clsx';
|
|
|
3
3
|
import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
|
|
4
4
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
5
5
|
|
|
6
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-title {\n display: flex;\n align-items: center;\n line-height: 20px;\n}\n.paraui-v3-title .
|
|
6
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-title {\n display: flex;\n align-items: center;\n line-height: 20px;\n}\n.paraui-v3-title .title-ink {\n width: 4px;\n height: 14px;\n background-color: rgb(54, 102, 214);\n border-radius: 2px;\n}\n.paraui-v3-title .title-icon {\n display: inline-flex;\n}\n.paraui-v3-title .title-text {\n margin-left: 8px;\n font-size: 14px;\n font-weight: 700;\n color: rgb(28, 41, 60);\n}\n.paraui-v3-title .title-subtext {\n margin-left: 12px;\n font-size: 14px;\n font-weight: 400;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-title .title-link {\n margin-left: 12px;\n text-decoration: none;\n outline: none;\n font-size: 14px;\n font-weight: 400;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-title.paraui-v3-title-large .title-icon svg {\n font-size: 30px;\n}\n.paraui-v3-title.paraui-v3-title-large .title-text {\n font-size: 18px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-icon svg {\n font-size: 24px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-text {\n font-size: 16px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-icon svg {\n font-size: 20px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-text {\n margin-left: 4px;\n}";
|
|
7
7
|
styleInject(css_248z);
|
|
8
8
|
|
|
9
9
|
var Title = function Title(props) {
|
|
@@ -22,21 +22,21 @@ var Title = function Title(props) {
|
|
|
22
22
|
style: style
|
|
23
23
|
}, {
|
|
24
24
|
children: [icon ? jsx("span", Object.assign({
|
|
25
|
-
className: "
|
|
25
|
+
className: "title-icon"
|
|
26
26
|
}, {
|
|
27
27
|
children: icon
|
|
28
28
|
})) : jsx("span", {
|
|
29
|
-
className: "
|
|
29
|
+
className: "title-ink"
|
|
30
30
|
}), jsx("span", Object.assign({
|
|
31
|
-
className: "
|
|
31
|
+
className: "title-text"
|
|
32
32
|
}, {
|
|
33
33
|
children: title
|
|
34
34
|
})), subTitle && jsx("span", Object.assign({
|
|
35
|
-
className: "
|
|
35
|
+
className: "title-subtext"
|
|
36
36
|
}, {
|
|
37
37
|
children: subTitle
|
|
38
38
|
})), link && jsx("a", Object.assign({
|
|
39
|
-
className: "
|
|
39
|
+
className: "title-link",
|
|
40
40
|
target: link.target || '_blank',
|
|
41
41
|
href: link.href,
|
|
42
42
|
onClick: link.onClick
|
package/ToggleButton/index.js
CHANGED
|
@@ -15,7 +15,7 @@ import '@para-ui/icons/Forbid';
|
|
|
15
15
|
import '@para-ui/icons/Down';
|
|
16
16
|
import '../Dropdown/index.js';
|
|
17
17
|
import 'rc-dropdown';
|
|
18
|
-
import '../_verture/useFormatMessage-
|
|
18
|
+
import '../_verture/useFormatMessage-f4452258.js';
|
|
19
19
|
import '@para-ui/core/GlobalContext';
|
|
20
20
|
import 'rc-tooltip';
|
|
21
21
|
import 'rc-tooltip/lib/placements';
|
package/Tooltip/index.js
CHANGED
|
@@ -324,7 +324,6 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
324
324
|
|
|
325
325
|
var _props$prefixCls = props.prefixCls,
|
|
326
326
|
prefixCls = _props$prefixCls === void 0 ? "".concat($rcPrefixCls, "-tooltip") : _props$prefixCls,
|
|
327
|
-
getTooltipContainer = props.getTooltipContainer,
|
|
328
327
|
getPopupContainer = props.getPopupContainer,
|
|
329
328
|
overlayClassName = props.overlayClassName,
|
|
330
329
|
overlayInnerStyle = props.overlayInnerStyle,
|
|
@@ -333,7 +332,7 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
333
332
|
placement = props.placement,
|
|
334
333
|
isPopover = props.isPopover,
|
|
335
334
|
followCursor = props.followCursor,
|
|
336
|
-
restProps = __rest(props, ["prefixCls", "
|
|
335
|
+
restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "children", "title", "placement", "isPopover", "followCursor"]);
|
|
337
336
|
|
|
338
337
|
var tempVisible = visible;
|
|
339
338
|
|
|
@@ -348,7 +347,7 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
348
347
|
prefixCls: prefixCls,
|
|
349
348
|
placement: followCursor ? 'top' : mapLegacyPlacement(placement),
|
|
350
349
|
overlayClassName: overlayCls,
|
|
351
|
-
getTooltipContainer: getPopupContainer
|
|
350
|
+
getTooltipContainer: getPopupContainer,
|
|
352
351
|
ref: tRef,
|
|
353
352
|
builtinPlacements: getTooltipPlacements(),
|
|
354
353
|
overlay: title,
|
package/Transfer/index.d.ts
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './style/index.scss';
|
|
3
|
+
interface ItemDataProps {
|
|
4
|
+
/** 唯一值,用来过滤 */
|
|
5
|
+
key?: string;
|
|
6
|
+
/** 显示名 */
|
|
7
|
+
name?: string;
|
|
8
|
+
/** 描述 */
|
|
9
|
+
description?: string;
|
|
10
|
+
/** 是否选中 */
|
|
11
|
+
checked?: boolean;
|
|
12
|
+
/** 是否禁用 */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** 是否隐藏 */
|
|
15
|
+
hide?: boolean;
|
|
16
|
+
[name: string]: any;
|
|
17
|
+
}
|
|
3
18
|
/**
|
|
4
19
|
* @description: 穿梭框
|
|
5
20
|
* @param className{string} 类名
|
|
@@ -13,10 +28,10 @@ import './style/index.scss';
|
|
|
13
28
|
interface TransferProps {
|
|
14
29
|
className?: string;
|
|
15
30
|
style?: React.CSSProperties;
|
|
16
|
-
data?: Array<
|
|
17
|
-
value?: Array<
|
|
18
|
-
onChange?: (data: Array<
|
|
31
|
+
data?: Array<ItemDataProps>;
|
|
32
|
+
value?: Array<ItemDataProps>;
|
|
33
|
+
onChange?: (data: Array<ItemDataProps>) => void;
|
|
19
34
|
titles?: Array<string>;
|
|
20
35
|
}
|
|
21
|
-
export declare const Transfer: (
|
|
36
|
+
export declare const Transfer: (props: TransferProps) => JSX.Element;
|
|
22
37
|
export default Transfer;
|
package/Transfer/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
|
|
2
2
|
import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
-
import { useState,
|
|
4
|
+
import { useState, useEffect, useCallback } from 'react';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import { Checkbox } from '../Checkbox/index.js';
|
|
7
7
|
import { Search } from '../Search/index.js';
|
|
@@ -10,8 +10,9 @@ import { Button } from '../Button/index.js';
|
|
|
10
10
|
import SearchIcon from '@para-ui/icons/Search';
|
|
11
11
|
import NavigateBefore from '@para-ui/icons/Left';
|
|
12
12
|
import Right from '@para-ui/icons/Right';
|
|
13
|
-
import { u as useFormatMessage } from '../_verture/useFormatMessage-
|
|
13
|
+
import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
|
|
14
14
|
import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
|
|
15
|
+
import { ArrayToObject } from '@paraview/lib';
|
|
15
16
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
16
17
|
import '../Label/index.js';
|
|
17
18
|
import '../Help/index.js';
|
|
@@ -22,7 +23,6 @@ import 'rc-tooltip/lib/placements';
|
|
|
22
23
|
import '@para-ui/icons/Help';
|
|
23
24
|
import '../TextField/index.js';
|
|
24
25
|
import '../_verture/typeof-498dd2b1.js';
|
|
25
|
-
import '@paraview/lib';
|
|
26
26
|
import '@para-ui/icons/PreviewClose';
|
|
27
27
|
import '@para-ui/icons/PreviewOpen';
|
|
28
28
|
import '@para-ui/icons/CloseCircle';
|
|
@@ -60,15 +60,14 @@ var localeJson = {
|
|
|
60
60
|
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-transfer {\n display: flex;\n font-size: 14px;\n}\n.paraui-v3-transfer .box {\n width: 289px;\n border-radius: 4px;\n border: 1px solid rgba(171, 176, 185, 0.368627451);\n overflow: hidden;\n}\n.paraui-v3-transfer .box .box-header {\n background: rgba(171, 176, 185, 0.2745098039);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-left: 10px;\n height: 44px;\n}\n.paraui-v3-transfer .box .box-header .count {\n margin: 0 10px 0 0;\n color: #999;\n letter-spacing: 1px;\n}\n.paraui-v3-transfer .box .context {\n height: 400px;\n overflow: auto;\n scrollbar-base-color: red;\n}\n.paraui-v3-transfer .box .text-field-content {\n border: none;\n border-radius: 0;\n border-bottom: 1px solid #ddd;\n}\n.paraui-v3-transfer ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background: #3666D6;\n}\n.paraui-v3-transfer .moveBtn {\n display: flex;\n height: 414px;\n flex-direction: column;\n justify-content: center;\n margin: 0 24px;\n}\n.paraui-v3-transfer .moveBtn .btn-left {\n margin-top: 20px;\n}\n.paraui-v3-transfer .context .item {\n padding: 0px 12px;\n height: 36px;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v3-transfer .context .item > .item-label {\n margin-left: 8px;\n flex: 1;\n overflow: hidden;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-transfer .context .item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-transfer .context .item:hover > .item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-transfer .context .item.item-disabled:hover {\n background: inherit;\n}\n.paraui-v3-transfer .context .item.item-disabled > .item-label {\n color: rgba(46, 55, 67, 0.4);\n}";
|
|
61
61
|
styleInject(css_248z);
|
|
62
62
|
|
|
63
|
-
var Transfer = function Transfer(
|
|
64
|
-
var
|
|
65
|
-
data =
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
style = _ref.style;
|
|
63
|
+
var Transfer = function Transfer(props) {
|
|
64
|
+
var _props$data = props.data,
|
|
65
|
+
data = _props$data === void 0 ? [] : _props$data,
|
|
66
|
+
value = props.value,
|
|
67
|
+
onChange = props.onChange,
|
|
68
|
+
titles = props.titles,
|
|
69
|
+
className = props.className,
|
|
70
|
+
style = props.style;
|
|
72
71
|
var intl = useFormatMessage('Transfer', localeJson);
|
|
73
72
|
|
|
74
73
|
var _useState = useState(data),
|
|
@@ -76,7 +75,7 @@ var Transfer = function Transfer(_ref) {
|
|
|
76
75
|
leftData = _useState2[0],
|
|
77
76
|
setLeftData = _useState2[1];
|
|
78
77
|
|
|
79
|
-
var _useState3 = useState(
|
|
78
|
+
var _useState3 = useState([]),
|
|
80
79
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
81
80
|
rightData = _useState4[0],
|
|
82
81
|
setRightData = _useState4[1];
|
|
@@ -111,6 +110,33 @@ var Transfer = function Transfer(_ref) {
|
|
|
111
110
|
actionRightStyle = _useState16[0],
|
|
112
111
|
setActionRightStyle = _useState16[1];
|
|
113
112
|
|
|
113
|
+
useEffect(function () {
|
|
114
|
+
if (value) {
|
|
115
|
+
setRightData(_toConsumableArray(value));
|
|
116
|
+
filterLeftData(_toConsumableArray(value));
|
|
117
|
+
}
|
|
118
|
+
}, [value]);
|
|
119
|
+
/**
|
|
120
|
+
* @description 过滤左边数据
|
|
121
|
+
* @param arr {ItemDataProps} 右边数据源
|
|
122
|
+
* */
|
|
123
|
+
|
|
124
|
+
var filterLeftData = function filterLeftData(arr) {
|
|
125
|
+
var keyJson = ArrayToObject('key', arr);
|
|
126
|
+
var nameJson = ArrayToObject('name', arr);
|
|
127
|
+
var handArr = [];
|
|
128
|
+
var leftArr = props.data || [];
|
|
129
|
+
|
|
130
|
+
for (var i = 0, l = leftArr.length; i < l; i++) {
|
|
131
|
+
var item = leftArr[i];
|
|
132
|
+
var key = item.key || item.name || '';
|
|
133
|
+
if (key && (keyJson[key] || nameJson[key])) continue;
|
|
134
|
+
handArr.push(item);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
setLeftData(handArr);
|
|
138
|
+
};
|
|
139
|
+
|
|
114
140
|
var onchange = useCallback(function (e, bol, index, direction) {
|
|
115
141
|
if (direction === 'left') {
|
|
116
142
|
leftData[index].checked = bol;
|
|
@@ -123,12 +149,12 @@ var Transfer = function Transfer(_ref) {
|
|
|
123
149
|
var queryAll = useCallback(function (e, direction) {
|
|
124
150
|
if (direction === 'left') {
|
|
125
151
|
leftData.forEach(function (item) {
|
|
126
|
-
item.checked = e.target.checked;
|
|
152
|
+
if (!item.disabled && !item.hide) item.checked = e.target.checked;
|
|
127
153
|
});
|
|
128
154
|
setLeftData(_toConsumableArray(leftData));
|
|
129
155
|
} else {
|
|
130
156
|
rightData.forEach(function (item) {
|
|
131
|
-
item.checked = e.target.checked;
|
|
157
|
+
if (!item.disabled && !item.hide) item.checked = e.target.checked;
|
|
132
158
|
});
|
|
133
159
|
setRightData(_toConsumableArray(rightData));
|
|
134
160
|
} //console.log(e.target.checked)
|
|
@@ -136,13 +162,14 @@ var Transfer = function Transfer(_ref) {
|
|
|
136
162
|
|
|
137
163
|
setleftChecked(e.target.checked);
|
|
138
164
|
}, [leftData, rightData]);
|
|
139
|
-
|
|
165
|
+
|
|
166
|
+
var onMove = function onMove(direction) {
|
|
140
167
|
var newData = [];
|
|
141
168
|
|
|
142
169
|
if (direction === 'left') {
|
|
143
170
|
newData = _toConsumableArray(rightData);
|
|
144
171
|
newData.forEach(function (item) {
|
|
145
|
-
if (item.checked) {
|
|
172
|
+
if (item.checked && !item.hide) {
|
|
146
173
|
item.checked = false;
|
|
147
174
|
leftData.push(item);
|
|
148
175
|
rightData.splice(rightData.indexOf(item), 1);
|
|
@@ -151,7 +178,7 @@ var Transfer = function Transfer(_ref) {
|
|
|
151
178
|
} else {
|
|
152
179
|
newData = _toConsumableArray(leftData);
|
|
153
180
|
newData.forEach(function (item) {
|
|
154
|
-
if (item.checked) {
|
|
181
|
+
if (item.checked && !item.hide) {
|
|
155
182
|
item.checked = false;
|
|
156
183
|
rightData.push(item);
|
|
157
184
|
leftData.splice(leftData.indexOf(item), 1);
|
|
@@ -162,56 +189,81 @@ var Transfer = function Transfer(_ref) {
|
|
|
162
189
|
setLeftData(_toConsumableArray(leftData));
|
|
163
190
|
setRightData(_toConsumableArray(rightData));
|
|
164
191
|
onChange && onChange(rightData);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
var
|
|
169
|
-
var result = [];
|
|
192
|
+
};
|
|
193
|
+
|
|
194
|
+
var onSearch = function onSearch(e, direction) {
|
|
195
|
+
var str = e.toUpperCase();
|
|
170
196
|
|
|
171
197
|
if (direction === 'left') {
|
|
172
|
-
|
|
173
|
-
|
|
198
|
+
leftData.forEach(function (item) {
|
|
199
|
+
item.hide = false;
|
|
200
|
+
var name = (item.name || '').toUpperCase();
|
|
201
|
+
var description = (item.description || '').toUpperCase();
|
|
202
|
+
|
|
203
|
+
if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
|
|
204
|
+
item.hide = true;
|
|
205
|
+
}
|
|
174
206
|
});
|
|
175
|
-
setLeftData(
|
|
207
|
+
setLeftData(_toConsumableArray(leftData));
|
|
176
208
|
} else {
|
|
177
|
-
|
|
178
|
-
|
|
209
|
+
rightData.filter(function (item) {
|
|
210
|
+
item.hide = false;
|
|
211
|
+
var name = (item.name || '').toUpperCase();
|
|
212
|
+
var description = (item.description || '').toUpperCase();
|
|
213
|
+
|
|
214
|
+
if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
|
|
215
|
+
item.hide = true;
|
|
216
|
+
}
|
|
179
217
|
});
|
|
180
|
-
setRightData(
|
|
218
|
+
setRightData(_toConsumableArray(rightData));
|
|
219
|
+
}
|
|
220
|
+
};
|
|
221
|
+
/**
|
|
222
|
+
* 计算全选,半选
|
|
223
|
+
* @return {'' | 'checked' | 'indeterminate'} 全不选 / 全选 / 半选
|
|
224
|
+
* */
|
|
225
|
+
|
|
226
|
+
|
|
227
|
+
var calculationStatus = function calculationStatus(arr) {
|
|
228
|
+
if (arr.length === 0) return ''; // 全不选
|
|
229
|
+
|
|
230
|
+
var checked = false;
|
|
231
|
+
var noChecked = false;
|
|
232
|
+
|
|
233
|
+
for (var i = 0, l = arr.length; i < l; i++) {
|
|
234
|
+
if (checked && noChecked) break;
|
|
235
|
+
var item = arr[i];
|
|
236
|
+
if (item.disabled || item.hide) continue;
|
|
237
|
+
|
|
238
|
+
if (item.checked) {
|
|
239
|
+
checked = true;
|
|
240
|
+
} else {
|
|
241
|
+
noChecked = true;
|
|
242
|
+
}
|
|
181
243
|
}
|
|
182
|
-
|
|
244
|
+
|
|
245
|
+
if (checked && !noChecked) return 'checked'; // 全选
|
|
246
|
+
|
|
247
|
+
if (checked && noChecked) return 'indeterminate'; // 半选
|
|
248
|
+
|
|
249
|
+
return '';
|
|
250
|
+
};
|
|
251
|
+
|
|
183
252
|
useEffect(function () {
|
|
184
253
|
var arr = leftData.filter(function (item) {
|
|
185
|
-
return item.checked;
|
|
254
|
+
return item.checked && !item.hide;
|
|
186
255
|
});
|
|
187
256
|
setLeftCount(arr.length);
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
setActionRightStyle('on');
|
|
192
|
-
} else if (arr.length && arr.length === leftData.length) {
|
|
193
|
-
setleftChecked('checked');
|
|
194
|
-
setActionRightStyle('on');
|
|
195
|
-
} else {
|
|
196
|
-
setleftChecked('');
|
|
197
|
-
setActionRightStyle('');
|
|
198
|
-
}
|
|
199
|
-
|
|
257
|
+
var leftType = calculationStatus(leftData);
|
|
258
|
+
setleftChecked(leftType);
|
|
259
|
+
setActionRightStyle(leftType === 'indeterminate' || leftType === 'checked' ? 'on' : '');
|
|
200
260
|
var rArr = rightData.filter(function (item) {
|
|
201
|
-
return item.checked;
|
|
261
|
+
return item.checked && !item.hide;
|
|
202
262
|
});
|
|
203
263
|
setRightCount(rArr.length);
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
setActionLeftStyle('on');
|
|
208
|
-
} else if (rArr.length && rArr.length === rightData.length) {
|
|
209
|
-
setrightChecked('checked');
|
|
210
|
-
setActionLeftStyle('on');
|
|
211
|
-
} else {
|
|
212
|
-
setrightChecked('');
|
|
213
|
-
setActionLeftStyle('');
|
|
214
|
-
}
|
|
264
|
+
var rightType = calculationStatus(rightData);
|
|
265
|
+
setrightChecked(rightType);
|
|
266
|
+
setActionLeftStyle(rightType === 'indeterminate' || rightType === 'checked' ? 'on' : '');
|
|
215
267
|
}, [leftData, rightData]);
|
|
216
268
|
return jsxs("div", Object.assign({
|
|
217
269
|
className: clsx("".concat($prefixCls, "-transfer"), className),
|
|
@@ -233,7 +285,7 @@ var Transfer = function Transfer(_ref) {
|
|
|
233
285
|
onChange: function onChange(e) {
|
|
234
286
|
queryAll(e, 'left');
|
|
235
287
|
}
|
|
236
|
-
}
|
|
288
|
+
}), jsxs("div", Object.assign({
|
|
237
289
|
className: "count"
|
|
238
290
|
}, {
|
|
239
291
|
children: [leftCount, "/", leftData.length]
|
|
@@ -245,17 +297,15 @@ var Transfer = function Transfer(_ref) {
|
|
|
245
297
|
}),
|
|
246
298
|
showBtn: false,
|
|
247
299
|
rightIcon: jsx(SearchIcon, {}),
|
|
248
|
-
onChange: function onChange(
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
var arr = (_a = e === null || e === void 0 ? void 0 : e.split('')) !== null && _a !== void 0 ? _a : [];
|
|
252
|
-
onSearch(arr, 'left');
|
|
300
|
+
onChange: function onChange(val) {
|
|
301
|
+
onSearch(val, 'left');
|
|
253
302
|
},
|
|
254
303
|
allowClear: false
|
|
255
304
|
}), jsx("div", Object.assign({
|
|
256
305
|
className: "context"
|
|
257
306
|
}, {
|
|
258
307
|
children: leftData.map(function (item, index) {
|
|
308
|
+
if (item.hide) return null;
|
|
259
309
|
return jsxs("div", Object.assign({
|
|
260
310
|
className: clsx('item', item.disabled && 'item-disabled'),
|
|
261
311
|
onClick: function onClick(e) {
|
|
@@ -271,10 +321,10 @@ var Transfer = function Transfer(_ref) {
|
|
|
271
321
|
className: "item-label"
|
|
272
322
|
}, {
|
|
273
323
|
children: jsx(AutoTips, {
|
|
274
|
-
children: item.name
|
|
324
|
+
children: item.name || item.key
|
|
275
325
|
})
|
|
276
326
|
}))]
|
|
277
|
-
}), item.name);
|
|
327
|
+
}), item.key || item.name);
|
|
278
328
|
})
|
|
279
329
|
}))]
|
|
280
330
|
})), jsxs("div", Object.assign({
|
|
@@ -341,17 +391,15 @@ var Transfer = function Transfer(_ref) {
|
|
|
341
391
|
}),
|
|
342
392
|
showBtn: false,
|
|
343
393
|
rightIcon: jsx(SearchIcon, {}),
|
|
344
|
-
onChange: function onChange(
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
var arr = (_a = e === null || e === void 0 ? void 0 : e.split('')) !== null && _a !== void 0 ? _a : [];
|
|
348
|
-
onSearch(arr, 'right');
|
|
394
|
+
onChange: function onChange(val) {
|
|
395
|
+
onSearch(val, 'right');
|
|
349
396
|
},
|
|
350
397
|
allowClear: false
|
|
351
398
|
}), jsx("div", Object.assign({
|
|
352
399
|
className: "context"
|
|
353
400
|
}, {
|
|
354
401
|
children: rightData.map(function (item, index) {
|
|
402
|
+
if (item.hide) return null;
|
|
355
403
|
return jsxs("div", Object.assign({
|
|
356
404
|
className: clsx('item', item.disabled && 'item-disabled'),
|
|
357
405
|
onClick: function onClick(e) {
|
|
@@ -367,10 +415,10 @@ var Transfer = function Transfer(_ref) {
|
|
|
367
415
|
className: "item-label"
|
|
368
416
|
}, {
|
|
369
417
|
children: jsx(AutoTips, {
|
|
370
|
-
children: item.name
|
|
418
|
+
children: item.name || item.key
|
|
371
419
|
})
|
|
372
420
|
}))]
|
|
373
|
-
}), item.name);
|
|
421
|
+
}), item.key || item.name);
|
|
374
422
|
})
|
|
375
423
|
}))]
|
|
376
424
|
}))]
|
package/Transfer/lang/index.d.ts
CHANGED
|
@@ -3,11 +3,15 @@ declare const _default: {
|
|
|
3
3
|
left: string;
|
|
4
4
|
right: string;
|
|
5
5
|
searchPlaceholder: string;
|
|
6
|
+
leftBtnTips: string;
|
|
7
|
+
rightBtnTips: string;
|
|
6
8
|
};
|
|
7
9
|
en: {
|
|
8
10
|
left: string;
|
|
9
11
|
right: string;
|
|
10
12
|
searchPlaceholder: string;
|
|
13
|
+
leftBtnTips: string;
|
|
14
|
+
rightBtnTips: string;
|
|
11
15
|
};
|
|
12
16
|
};
|
|
13
17
|
export default _default;
|
package/Tree/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as Tree } from '../_verture/index-
|
|
2
|
-
export { T as default } from '../_verture/index-
|
|
1
|
+
import { T as Tree } from '../_verture/index-e0508c99.js';
|
|
2
|
+
export { T as default } from '../_verture/index-e0508c99.js';
|
|
3
3
|
import '../_verture/toConsumableArray-f8047a75.js';
|
|
4
4
|
import '../_verture/slicedToArray-d7722f4b.js';
|
|
5
5
|
import '../_verture/defineProperty-0590dc61.js';
|
|
@@ -28,7 +28,7 @@ import '@para-ui/icons/PlusCircle';
|
|
|
28
28
|
import '@para-ui/icons/Delete';
|
|
29
29
|
import '@para-ui/icons/Forbid';
|
|
30
30
|
import '@paraview/lib';
|
|
31
|
-
import '../_verture/useFormatMessage-
|
|
31
|
+
import '../_verture/useFormatMessage-f4452258.js';
|
|
32
32
|
import '@para-ui/core/GlobalContext';
|
|
33
33
|
import '@para-ui/icons/MoreCircle';
|
|
34
34
|
import '../Empty/index.js';
|
package/Upload/index.js
CHANGED
|
@@ -16,7 +16,7 @@ import clsx from 'clsx';
|
|
|
16
16
|
import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
|
|
17
17
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
18
18
|
import Forbid from '@para-ui/icons/Forbid';
|
|
19
|
-
import { u as useFormatMessage } from '../_verture/useFormatMessage-
|
|
19
|
+
import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
|
|
20
20
|
import EditOutline from '@para-ui/icons/EditOutline';
|
|
21
21
|
import { Button } from '../Button/index.js';
|
|
22
22
|
import { Slider } from '../Slider/index.js';
|
|
File without changes
|
|
@@ -20,7 +20,7 @@ import Delete from '@para-ui/icons/Delete';
|
|
|
20
20
|
import Forbid from '@para-ui/icons/Forbid';
|
|
21
21
|
import { Tooltip } from '../Tooltip/index.js';
|
|
22
22
|
import { UUID, Request } from '@paraview/lib';
|
|
23
|
-
import { u as useFormatMessage } from './useFormatMessage-
|
|
23
|
+
import { u as useFormatMessage } from './useFormatMessage-f4452258.js';
|
|
24
24
|
import { s as styleInject } from './style-inject.es-300983ab.js';
|
|
25
25
|
import MoreOutlinedIcon from '@para-ui/icons/MoreCircle';
|
|
26
26
|
import Empty from '../Empty/index.js';
|
|
File without changes
|
|
@@ -2,17 +2,19 @@ import React__default from 'react';
|
|
|
2
2
|
import GlobalContext from '@para-ui/core/GlobalContext';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
|
-
* @author linhd
|
|
6
|
-
* @date 2022/3/15 4:03 PM
|
|
7
|
-
* @description 国际化钩子
|
|
8
|
-
*/
|
|
5
|
+
* @author linhd
|
|
6
|
+
* @date 2022/3/15 4:03 PM
|
|
7
|
+
* @description 国际化钩子
|
|
8
|
+
*/
|
|
9
9
|
|
|
10
10
|
var useFormatMessage = function useFormatMessage(comName, defI18nData) {
|
|
11
11
|
var _React$useContext = React__default.useContext(GlobalContext),
|
|
12
12
|
intlFormat = _React$useContext.intlFormat;
|
|
13
13
|
|
|
14
14
|
defI18nData.zh_CN = defI18nData.zh;
|
|
15
|
+
defI18nData['zh-CN'] = defI18nData.zh;
|
|
15
16
|
defI18nData.en_US = defI18nData.en;
|
|
17
|
+
defI18nData['en-US'] = defI18nData.en;
|
|
16
18
|
var intl = intlFormat && intlFormat(comName, defI18nData);
|
|
17
19
|
return intl;
|
|
18
20
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
function getTransitionProps(props, options) {
|
|
2
|
+
var timeout = props.timeout,
|
|
3
|
+
_props$style = props.style,
|
|
4
|
+
style = _props$style === void 0 ? {} : _props$style;
|
|
5
|
+
return {
|
|
6
|
+
duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,
|
|
7
|
+
delay: style.transitionDelay
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
function getAutoHeightDuration(height) {
|
|
11
|
+
if (!height) {
|
|
12
|
+
return 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
var constant = height / 36;
|
|
16
|
+
return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { getAutoHeightDuration as a, getTransitionProps as g };
|
package/index.d.ts
CHANGED
|
@@ -20,6 +20,8 @@ export { default as Collapse } from './Collapse';
|
|
|
20
20
|
export * from './Collapse';
|
|
21
21
|
export { default as CollapseBox } from './CollapseBox';
|
|
22
22
|
export * from './CollapseBox';
|
|
23
|
+
export { default as CollapseLayout } from './CollapseLayout';
|
|
24
|
+
export * from './CollapseLayout';
|
|
23
25
|
export { default as ColorPicker } from './ColorPicker';
|
|
24
26
|
export * from './ColorPicker';
|
|
25
27
|
export { default as ComboSelect } from './ComboSelect';
|
|
@@ -114,6 +116,8 @@ export { default as Tag } from './Tag';
|
|
|
114
116
|
export * from './Tag';
|
|
115
117
|
export { default as Test } from './Test';
|
|
116
118
|
export * from './Test';
|
|
119
|
+
export { default as TextEditor } from './TextEditor';
|
|
120
|
+
export * from './TextEditor';
|
|
117
121
|
export { default as TextField } from './TextField';
|
|
118
122
|
export * from './TextField';
|
|
119
123
|
export { default as TimePicker } from './TimePicker';
|