@para-ui/core 4.0.32 → 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/Cascader/index.js +6 -5
- package/CollapseLayout/index.js +1 -1
- package/ComboSelect/index.js +8 -4
- package/CycleSelector/index.js +4 -1
- package/DatePicker/index.js +4 -1
- package/DynamicMultiBox/index.js +7 -6
- package/Form/index.js +9 -5
- package/FormItem/index.js +9 -5
- package/Image/index.js +3 -2
- package/Querying/index.js +4 -4
- package/QuickReply/index.js +1 -1
- package/README.md +5 -0
- package/Selector/index.js +281 -223
- package/SelectorPicker/index.js +4 -4
- package/SingleBox/index.js +2 -2
- package/SortBox/index.d.ts +0 -2
- package/SortBox/index.js +10 -10
- package/Stepper/index.js +1 -1
- package/Switch/index.js +2 -2
- package/Table/index.js +151 -30
- 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/Tabs/index.js +2 -2
- package/Tag/index.js +82 -53
- package/TextEditor/index.js +3 -3
- package/TimePicker/index.js +4 -1
- package/Timeline/index.js +2 -1
- package/ToggleButton/index.js +25 -26
- package/Tree/index.js +6 -5
- package/Upload/index.js +5 -4
- package/_verture/{Portal-42560ff0.js → Portal-edd94cac.js} +2 -1
- package/_verture/{defineProperty-f0e15205.js → defineProperty-6f62bb2a.js} +2 -10
- package/_verture/{index-44152845.js → index-567b5779.js} +3 -2
- package/_verture/{index-519d0a1f.js → index-8752ccab.js} +4 -3
- package/_verture/{index-8ac46bd9.js → index-94e24006.js} +1 -1
- package/_verture/typeof-adeedc13.js +11 -0
- package/index.js +9 -8
- package/locale/en-US.d.ts +1 -0
- package/locale/index.d.ts +2 -0
- package/locale/index.js +4 -2
- package/locale/zh-CN.d.ts +1 -0
- package/package.json +2 -3
- 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/SortBox.js +1 -1
- package/umd/Table.js +19 -7
- package/umd/locale.js +1 -1
- /package/_verture/{index-0f5ee6f7.js → index-c8cb6751.js} +0 -0
- /package/_verture/{index-b037486c.js → index-e229330e.js} +0 -0
- /package/_verture/{typeof-6ec38efd.js → typeof-4646b22c.js} +0 -0
package/Tabs/index.js
CHANGED
|
@@ -42,8 +42,8 @@ var zh = {
|
|
|
42
42
|
};
|
|
43
43
|
|
|
44
44
|
var localeJson = {
|
|
45
|
-
zh,
|
|
46
|
-
en
|
|
45
|
+
zh: zh,
|
|
46
|
+
en: en
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:29\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav {\n height: 32px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-tab {\n height: 24px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-nav-operations {\n height: 100%;\n}\n\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:44\n* @description\n*/\n.paraui-v4-tabs.component-tabs-top, .paraui-v4-tabs.component-tabs-bottom {\n flex-direction: column;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > div > .component-tabs-nav {\n padding: 0 20px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > div > .component-tabs-nav {\n padding: 20px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n margin: 0 0 16px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n position: absolute;\n right: 0;\n left: 0;\n border-bottom: 1px solid rgb(234, 236, 241);\n content: \"\";\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n height: 1px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n transition: width 0.3s, left 0.3s, right 0.3s;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n top: 0;\n bottom: 0;\n width: 30px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n left: 0;\n box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n right: 0;\n box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before {\n bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar {\n bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n order: 1;\n margin-top: 16px;\n margin-bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-content-holder {\n order: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n flex-direction: column;\n min-width: 50px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab {\n padding: 0 12px;\n text-align: center;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n margin: 8px 0 0 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap {\n flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n right: 0;\n left: 0;\n height: 30px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n top: 0;\n box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n bottom: 0;\n box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n width: 1px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n transition: height 0.3s, top 0.3s;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-operations {\n flex: 1 0 auto;\n flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar {\n right: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder {\n margin-left: -1px;\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n padding-left: 20px;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n order: 1;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n left: 0;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder {\n order: 0;\n margin-right: -1px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n padding-right: 20px;\n}\n\n.component-tabs-dropdown {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.85);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: absolute;\n top: -9999px;\n left: -9999px;\n z-index: 1050;\n display: block;\n}\n.component-tabs-dropdown.component-tabs-dropdown-hidden {\n display: none;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu {\n max-height: 200px;\n margin: 0;\n padding: 4px 0;\n overflow-x: hidden;\n overflow-y: auto;\n text-align: left;\n list-style-type: none;\n background-color: rgb(255, 255, 255);\n background-clip: padding-box;\n border-radius: 4px;\n outline: none;\n box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item {\n display: flex;\n align-items: center;\n min-width: 140px;\n margin: 0;\n padding: 5px 10px;\n overflow: hidden;\n color: rgb(29, 33, 38);\n font-weight: normal;\n font-size: 14px;\n line-height: 20px;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help {\n display: inline-flex;\n flex-direction: row-reverse;\n align-items: center;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help {\n display: inline-flex;\n margin-left: 4px;\n font-size: 14px;\n color: rgb(161, 168, 179);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help svg {\n color: inherit;\n font-size: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item > span {\n flex: 1;\n white-space: nowrap;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove {\n flex: none;\n margin-left: 12px;\n margin-top: 2px;\n color: rgb(92, 101, 115);\n background: transparent;\n border: 0;\n cursor: pointer;\n transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove svg {\n color: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove:hover {\n color: rgb(87, 131, 235);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item:hover {\n background: rgb(247, 248, 250);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled,\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled:hover {\n color: rgb(161, 168, 179);\n background: transparent;\n cursor: not-allowed;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tabs-slide-up-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tabs-slide-up-enter.component-tabs-slide-up-enter-active,\n.component-tabs-slide-up-appear.component-tabs-slide-up-appear-active {\n animation-name: componentTabsSlideUpIn;\n animation-play-state: running;\n}\n\n.component-tabs-slide-up-leave.component-tabs-slide-up-leave-active {\n animation-name: componentTabsSlideUpOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.component-tabs-slide-up-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n\n@keyframes componentTabsSlideUpIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n}\n@keyframes componentTabsSlideUpOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n}\n.paraui-v4-tabs {\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1.5715;\n display: flex;\n background-color: rgb(255, 255, 255);\n overflow: hidden;\n flex-shrink: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav {\n position: relative;\n display: flex;\n flex: none;\n align-items: center;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap {\n position: relative;\n display: flex;\n flex: auto;\n align-self: stretch;\n overflow: hidden;\n white-space: nowrap;\n transform: translate(0);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n position: absolute;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.3s;\n content: \"\";\n pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-list {\n position: relative;\n display: flex;\n flex-shrink: 0;\n transition: transform 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations {\n display: flex;\n align-self: stretch;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations-hidden, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations-hidden {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more {\n position: relative;\n padding: 8px;\n background: transparent;\n border: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more:hover svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more:hover svg {\n color: rgb(46, 101, 230);\n transition: all 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more svg {\n font-size: 18px;\n vertical-align: top;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more::after {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 5px;\n transform: translateY(100%);\n content: \"\";\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add {\n min-width: 40px;\n margin-left: 2px;\n padding: 0 8px;\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n color: rgb(29, 33, 38);\n outline: none;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add svg {\n color: inherit;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add:hover, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add:hover {\n color: rgb(46, 101, 230);\n border: 1px solid rgb(87, 131, 235);\n}\n.paraui-v4-tabs .component-tabs-extra-content {\n flex: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-centered > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.paraui-v4-tabs-centered > div > .component-tabs-nav .component-tabs-nav-wrap {\n justify-content: center;\n}\n.paraui-v4-tabs .component-tabs-ink-bar {\n position: absolute;\n background: rgb(46, 101, 230);\n pointer-events: none;\n}\n.paraui-v4-tabs .component-tabs-tab {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n height: 40px;\n padding: 0 10px;\n font-size: 14px;\n background: transparent;\n border: 0;\n outline: none;\n cursor: pointer;\n}\n.paraui-v4-tabs .component-tabs-tab:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-btn {\n outline: none;\n transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help {\n display: flex;\n align-items: center;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help {\n display: inline-flex;\n margin-left: 4px;\n font-size: 16px;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help svg {\n margin-right: 0;\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .paraui-v4-radio {\n margin-right: 8px;\n}\n.paraui-v4-tabs .component-tabs-tab-remove {\n display: inline-flex;\n flex: none;\n margin-right: -4px;\n margin-left: 4px;\n color: rgb(92, 101, 115);\n font-size: 14px;\n background: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-remove:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-remove svg {\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-remove span {\n display: inline-flex;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active {\n color: rgb(46, 101, 230);\n font-weight: 400;\n text-shadow: 0 0 0.25px currentcolor;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active .component-tabs-tab-btn {\n color: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-disabled {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-tabs .component-tabs-tab .component-tabs-tab-remove svg {\n margin: 0;\n}\n.paraui-v4-tabs .component-tabs-tab svg {\n margin-right: 12px;\n}\n.paraui-v4-tabs .component-tabs-tab + .component-tabs-tab {\n margin: 0;\n}\n.paraui-v4-tabs .component-tabs-content {\n display: flex;\n width: 100%;\n}\n.paraui-v4-tabs .component-tabs-content-holder {\n flex: auto;\n min-width: 0;\n min-height: 0;\n}\n.paraui-v4-tabs .component-tabs-content-animated {\n transition: margin 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tabpane {\n flex: none;\n width: 100%;\n outline: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-line .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-nav .component-tabs-nav-add {\n min-width: initial;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n align-self: center;\n margin-left: 10px;\n padding: 0;\n background-color: rgb(255, 255, 255);\n border-color: rgb(212, 218, 227);\n border-radius: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track {\n display: inline-flex;\n max-width: 100%;\n border-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav {\n height: 36px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-wrap {\n padding: 0 4px;\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add {\n margin-right: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav:before {\n display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-ink-bar {\n visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab {\n height: 28px;\n margin: 4px 0;\n padding: 0 10px;\n border-radius: 2px;\n transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n color: rgb(46, 101, 230);\n text-shadow: none;\n background-color: rgb(255, 255, 255);\n font-weight: 400;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-nav {\n max-width: 200px;\n height: auto;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-content-holder, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-content-holder {\n border-left: 0;\n border-right: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n padding: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track {\n border-radius: 4px 0 0 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track .component-tabs-nav {\n border-radius: 4px;\n}\n.paraui-v4-tabs.component-tabs.paraui-v4-tabs-track > .component-tabs-nav .component-tabs-nav-more {\n background-color: rgb(247, 248, 250);\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab {\n margin: 0;\n padding: 0 10px;\n background: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove {\n margin-left: 8px;\n font-size: 14px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab-active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-ink-bar {\n visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n margin-left: 0;\n border-left: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:first-child {\n border-top-left-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:nth-last-child(2) {\n border-top-right-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab-active {\n border-bottom-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab-active {\n border-top-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n margin-top: 0;\n border-top: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab {\n margin-left: 0;\n margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab-active {\n border-right-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab-active {\n border-left-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right .component-tabs-nav .component-tabs-nav-add {\n margin-left: 0;\n margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left .component-tabs-nav .component-tabs-nav-add {\n margin-left: 0;\n margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav:before {\n display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab {\n border: 0;\n transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n border-radius: 4px 4px 0 0;\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-content {\n margin-top: -16px;\n padding: 16px;\n background-color: rgb(247, 248, 250);\n border-radius: 0 0 4px 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-no-child:not(.paraui-v4-tabs-card-container) .component-tabs-nav {\n margin: 0;\n}";
|
package/Tag/index.js
CHANGED
|
@@ -4,6 +4,9 @@ import { useState, useRef, useEffect } from 'react';
|
|
|
4
4
|
import CloseIcon from '@para-ui/icons/Close';
|
|
5
5
|
import EditOutline from '@para-ui/icons/EditOutline';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
|
+
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-c7a8028f.js';
|
|
8
|
+
import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
|
|
9
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
|
|
7
10
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
8
11
|
import AutoTips from '../AutoTips/index.js';
|
|
9
12
|
import { t as tinycolor } from '../_verture/tinycolor-ece3542d.js';
|
|
@@ -19,97 +22,121 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/1/12 上
|
|
|
19
22
|
styleInject(css_248z);
|
|
20
23
|
|
|
21
24
|
//tag group
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
size = 'large',
|
|
26
|
-
style,
|
|
27
|
-
defaultInputValue,
|
|
28
|
-
increased =
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
25
|
+
var TagGroup = function TagGroup(props) {
|
|
26
|
+
var className = props.className,
|
|
27
|
+
_props$size = props.size,
|
|
28
|
+
size = _props$size === void 0 ? 'large' : _props$size,
|
|
29
|
+
style = props.style,
|
|
30
|
+
defaultInputValue = props.defaultInputValue,
|
|
31
|
+
_props$increased = props.increased,
|
|
32
|
+
increased = _props$increased === void 0 ? false : _props$increased,
|
|
33
|
+
increasedTag = props.increasedTag,
|
|
34
|
+
inputClassName = props.inputClassName,
|
|
35
|
+
inputWidth = props.inputWidth,
|
|
36
|
+
onChange = props.onChange;
|
|
37
|
+
var _useState = useState([]),
|
|
38
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
39
|
+
inData = _useState2[0],
|
|
40
|
+
setInData = _useState2[1]; //数据源
|
|
41
|
+
var _useState3 = useState(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : ''),
|
|
42
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
43
|
+
inputValue = _useState4[0],
|
|
44
|
+
setInputValue = _useState4[1]; //input value
|
|
45
|
+
var _useState5 = useState(false),
|
|
46
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
47
|
+
inputVisible = _useState6[0],
|
|
48
|
+
setInputVisible = _useState6[1]; //input visible
|
|
49
|
+
var inputRef = useRef(); //input ref
|
|
50
|
+
var _useState7 = useState(),
|
|
51
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
52
|
+
increasedInputWidth = _useState8[0],
|
|
53
|
+
setIncreasedInputWidth = _useState8[1]; //添加标签的最小宽
|
|
54
|
+
useEffect(function () {
|
|
40
55
|
if (props.data) {
|
|
41
|
-
|
|
56
|
+
var tArr = props.data;
|
|
42
57
|
//Item[]
|
|
43
|
-
|
|
58
|
+
var unObjType = tArr.some(function (v) {
|
|
59
|
+
return ['string', 'number'].includes(_typeof(v));
|
|
60
|
+
});
|
|
44
61
|
if (unObjType) {
|
|
45
|
-
tArr = tArr.map(_
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
62
|
+
tArr = tArr.map(function (_) {
|
|
63
|
+
return {
|
|
64
|
+
value: _,
|
|
65
|
+
label: _
|
|
66
|
+
};
|
|
67
|
+
});
|
|
49
68
|
}
|
|
50
|
-
setInData(
|
|
69
|
+
setInData(_toConsumableArray(tArr));
|
|
51
70
|
}
|
|
52
71
|
}, [props.data]);
|
|
53
72
|
//tag value
|
|
54
|
-
|
|
55
|
-
return data.map(
|
|
73
|
+
var getTagGroupVal = function getTagGroupVal(data) {
|
|
74
|
+
return data.map(function (_) {
|
|
75
|
+
return _.value;
|
|
76
|
+
});
|
|
56
77
|
};
|
|
57
78
|
//show input
|
|
58
|
-
|
|
79
|
+
var showInput = function showInput() {
|
|
59
80
|
setInputVisible(true);
|
|
60
|
-
setTimeout(()
|
|
81
|
+
setTimeout(function () {
|
|
61
82
|
var _a;
|
|
62
83
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
63
84
|
});
|
|
64
85
|
};
|
|
65
|
-
|
|
86
|
+
var handleTagEdit = function handleTagEdit(value, idx) {
|
|
66
87
|
inData[idx].value = value;
|
|
67
|
-
setInData(
|
|
88
|
+
setInData(_toConsumableArray(inData));
|
|
68
89
|
onChange === null || onChange === void 0 ? void 0 : onChange(inData, getTagGroupVal(inData));
|
|
69
90
|
};
|
|
70
91
|
//input change
|
|
71
|
-
|
|
92
|
+
var handleInputChange = function handleInputChange(e) {
|
|
72
93
|
setInputValue(e.target.value);
|
|
73
94
|
};
|
|
74
95
|
//input confirm
|
|
75
|
-
|
|
76
|
-
|
|
96
|
+
var handleInputConfirm = function handleInputConfirm() {
|
|
97
|
+
var val = inputValue.trim();
|
|
77
98
|
if (val !== '') {
|
|
78
99
|
inData.push({
|
|
79
100
|
value: val,
|
|
80
101
|
label: val,
|
|
81
102
|
closable: true
|
|
82
103
|
});
|
|
83
|
-
setInData(
|
|
104
|
+
setInData(_toConsumableArray(inData));
|
|
84
105
|
onChange === null || onChange === void 0 ? void 0 : onChange(inData, getTagGroupVal(inData));
|
|
85
106
|
}
|
|
86
107
|
setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : '');
|
|
87
108
|
setInputVisible(false);
|
|
88
109
|
};
|
|
89
110
|
//input enter
|
|
90
|
-
|
|
111
|
+
var handleInputEnter = function handleInputEnter(e) {
|
|
91
112
|
if (e.keyCode === 13 || e.which === 13) {
|
|
92
113
|
handleInputConfirm();
|
|
93
114
|
}
|
|
94
115
|
};
|
|
95
116
|
//handle close
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
117
|
+
var handleClose = function handleClose(item) {
|
|
118
|
+
return function (e) {
|
|
119
|
+
var idx = inData.findIndex(function (_) {
|
|
120
|
+
return _.value === item.value;
|
|
121
|
+
});
|
|
122
|
+
if (idx > -1) {
|
|
123
|
+
inData.splice(idx, 1);
|
|
124
|
+
setInData(_toConsumableArray(inData));
|
|
125
|
+
}
|
|
126
|
+
if (item.onClose) item.onClose(e);
|
|
127
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(inData, getTagGroupVal(inData));
|
|
128
|
+
};
|
|
104
129
|
};
|
|
105
130
|
//渲染Tag组
|
|
106
|
-
|
|
131
|
+
var renderTagGroup = function renderTagGroup() {
|
|
107
132
|
if (!(inData === null || inData === void 0 ? void 0 : inData.length)) return null;
|
|
108
|
-
return inData.map((item, idx)
|
|
133
|
+
return inData.map(function (item, idx) {
|
|
109
134
|
return jsx(Tag, Object.assign({}, item, {
|
|
110
135
|
size: size,
|
|
111
136
|
visible: true,
|
|
112
|
-
tagChange:
|
|
137
|
+
tagChange: function tagChange(value) {
|
|
138
|
+
return handleTagEdit(value, idx);
|
|
139
|
+
},
|
|
113
140
|
onClose: handleClose(item)
|
|
114
141
|
}, {
|
|
115
142
|
children: item.label
|
|
@@ -117,10 +144,10 @@ const TagGroup = props => {
|
|
|
117
144
|
});
|
|
118
145
|
};
|
|
119
146
|
//动态增加tag
|
|
120
|
-
|
|
147
|
+
var renderNewInput = function renderNewInput() {
|
|
121
148
|
var _a;
|
|
122
149
|
if (inputVisible) {
|
|
123
|
-
|
|
150
|
+
var inputCls = clsx('tag-group-input', {
|
|
124
151
|
'tag-group-input-large': size === 'large'
|
|
125
152
|
}, inputClassName);
|
|
126
153
|
return jsx("input", {
|
|
@@ -137,17 +164,19 @@ const TagGroup = props => {
|
|
|
137
164
|
onKeyDown: handleInputEnter
|
|
138
165
|
});
|
|
139
166
|
}
|
|
140
|
-
|
|
141
|
-
|
|
167
|
+
var icon = jsx(Plus, {});
|
|
168
|
+
var text = 'New Tag';
|
|
142
169
|
if (increasedTag) {
|
|
143
170
|
icon = increasedTag.icon || jsx(Plus, {});
|
|
144
171
|
text = (_a = increasedTag.text) !== null && _a !== void 0 ? _a : 'New Tag';
|
|
145
172
|
}
|
|
146
|
-
|
|
173
|
+
var newCls = clsx('tag-group-new', {
|
|
147
174
|
'tag-group-new-icon': !text
|
|
148
175
|
}, 'tag-group-add-btn');
|
|
149
176
|
return jsx(Tag, Object.assign({
|
|
150
|
-
getWidth:
|
|
177
|
+
getWidth: function getWidth(width) {
|
|
178
|
+
return setIncreasedInputWidth(width);
|
|
179
|
+
},
|
|
151
180
|
className: newCls,
|
|
152
181
|
size: size,
|
|
153
182
|
icon: icon,
|
package/TextEditor/index.js
CHANGED
|
@@ -23,7 +23,7 @@ import '../_verture/index-ca413216.js';
|
|
|
23
23
|
* @date 2022/09/06 18:00
|
|
24
24
|
* @description 存放富文本编辑器的一些默认配置
|
|
25
25
|
*/
|
|
26
|
-
|
|
26
|
+
var TOOL_BAR_CONFIG = ['headerSelect', 'blockquote', '|', 'bold', 'underline', 'italic', {
|
|
27
27
|
key: 'group-more-style',
|
|
28
28
|
title: '更多',
|
|
29
29
|
iconSvg: '<svg viewBox="0 0 1024 1024"><path d="M204.8 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path><path d="M505.6 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path><path d="M806.4 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path></svg>',
|
|
@@ -59,8 +59,8 @@ var zh = {
|
|
|
59
59
|
};
|
|
60
60
|
|
|
61
61
|
var localeJson = {
|
|
62
|
-
zh,
|
|
63
|
-
en
|
|
62
|
+
zh: zh,
|
|
63
|
+
en: en
|
|
64
64
|
};
|
|
65
65
|
|
|
66
66
|
var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-text-editor .w-e-max-length-info {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-text-editor .w-e-bar-item > button:hover {\n background: rgb(247, 248, 250);\n border-radius: 2px;\n}\n.paraui-v4-text-editor .w-e-bar-item-menus-container .w-e-bar-item {\n padding-left: 0;\n padding-right: 0;\n display: flex;\n}\n.paraui-v4-text-editor .w-e-bar-item-menus-container .w-e-bar-item > button {\n flex: 1;\n display: flex;\n justify-content: flex-start;\n}\n.paraui-v4-text-editor .w-e-bar-item-menus-container .w-e-bar-item > button:hover {\n background: rgb(247, 248, 250);\n border-radius: 2px;\n}\n.paraui-v4-text-editor .w-e-full-screen-container {\n z-index: 1000;\n}\n.paraui-v4-text-editor .text-editor-content {\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n padding: 1px 0;\n background-color: #fff;\n}\n.paraui-v4-text-editor .text-editor-content > div:nth-child(1) {\n border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-text-editor .text-editor-content div[contenteditable=false] {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-text-editor .text-editor-content div[contenteditable=false]:hover {\n border-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-text-editor .preview-mode > div:nth-child(1) {\n border-bottom: none;\n}";
|
package/TimePicker/index.js
CHANGED
|
@@ -24,9 +24,12 @@ import '@para-ui/icons/Forbid';
|
|
|
24
24
|
import '../Tag/index.js';
|
|
25
25
|
import '@para-ui/icons/Close';
|
|
26
26
|
import '@para-ui/icons/EditOutline';
|
|
27
|
+
import '../_verture/toConsumableArray-c7a8028f.js';
|
|
28
|
+
import '../_verture/slicedToArray-75fa4188.js';
|
|
29
|
+
import '../_verture/typeof-adeedc13.js';
|
|
27
30
|
import '../_verture/tinycolor-ece3542d.js';
|
|
28
31
|
import '@para-ui/icons/Plus';
|
|
29
|
-
import '../_verture/defineProperty-
|
|
32
|
+
import '../_verture/defineProperty-6f62bb2a.js';
|
|
30
33
|
import 'rc-picker';
|
|
31
34
|
import '@para-ui/icons/CloseCircleF';
|
|
32
35
|
import '@para-ui/icons/Calendar';
|
package/Timeline/index.js
CHANGED
|
@@ -2,9 +2,10 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
|
-
import {
|
|
5
|
+
import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
|
|
6
6
|
import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
7
7
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
8
|
+
import '../_verture/typeof-adeedc13.js';
|
|
8
9
|
|
|
9
10
|
//TimelineItem
|
|
10
11
|
var TimelineItem = function TimelineItem(props) {
|
package/ToggleButton/index.js
CHANGED
|
@@ -2,6 +2,7 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { Button } from '../Button/index.js';
|
|
5
|
+
import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
|
|
5
6
|
import { UUID } from '@paraview/lib';
|
|
6
7
|
import clsx from 'clsx';
|
|
7
8
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
@@ -19,36 +20,36 @@ import '../_verture/usePopupContainer-635f66f4.js';
|
|
|
19
20
|
import 'dayjs';
|
|
20
21
|
import '../_verture/useFormatMessage-1fc7c957.js';
|
|
21
22
|
import '../_verture/index-ca413216.js';
|
|
23
|
+
import '../_verture/typeof-adeedc13.js';
|
|
22
24
|
|
|
23
25
|
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-toggle-button.paraui-v4-button-text {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-button-text:hover[disabled] {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button-wrap {\n display: inline-block;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected {\n border-color: rgb(46, 101, 230);\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected:hover {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio[disabled] {\n color: rgb(161, 168, 179);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio[disabled]:hover {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-radio[disabled].paraui-v4-toggle-button-selected {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check::before {\n content: \" \";\n position: absolute;\n bottom: 0;\n right: 0;\n border: 8px solid rgb(212, 218, 227);\n border-top-color: transparent;\n border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check::after {\n content: \" \";\n width: 8px;\n height: 8px;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAM5JREFUOE/NkQENwjAURFcFIAEHgIM5YCgAHCABFBAUAA5wABI2CTgABeUd+V06BqFkCeEnl6X9d7d/vy7rWK6jPvu9gfe+z9QnsHDOlV9NgHhk4gpxrvjJBogL+DtwATkG12QDxEvIG3AzcRmW/5gAgsaR+1S54peht+c8s7vxc7+OAFHCIVhBWkfLUm6VliazRsUGAzoy6YEz0LaDeItYMVrVWCJ/nVuUmHhArPuX1XoFTI4wJ8au+NYb/ziBCJZdJqoiPFfyBO+I/2twBz0qQBFvrubpAAAAAElFTkSuQmCC\");\n background-size: 8px 8px;\n background-repeat: no-repeat;\n position: absolute;\n bottom: 1px;\n right: 1px;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check:hover::before {\n border-color: rgb(87, 131, 235);\n border-top-color: transparent;\n border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected {\n border-color: rgb(46, 101, 230);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected::before {\n border-color: rgb(46, 101, 230);\n border-top-color: transparent;\n border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled] {\n color: rgb(161, 168, 179);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled]::before {\n border-color: rgb(212, 218, 227);\n border-top-color: transparent;\n border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled]:hover {\n color: rgb(161, 168, 179);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled]:hover::before {\n border-color: rgb(212, 218, 227);\n border-top-color: transparent;\n border-left-color: transparent;\n}\n.paraui-v4-toggle-button.paraui-v4-toggle-button-check[disabled].paraui-v4-toggle-button-selected {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-toggle-button .toggle-button-text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button .toggle-button-badge {\n position: absolute;\n right: 0;\n bottom: 16px;\n}\n.paraui-v4-toggle-button .toggle-button-badge > div {\n position: absolute;\n top: 0;\n right: 0;\n border: 8px solid rgb(46, 101, 230);\n border-top-color: transparent;\n border-left-color: transparent;\n}\n.paraui-v4-toggle-button .toggle-button-badge > svg {\n position: absolute;\n top: 7px;\n right: 1px;\n color: #fff;\n font-weight: 600;\n width: 8px;\n height: 8px;\n}\n\n.paraui-v4-togglebutton-group {\n display: flex;\n flex-flow: row wrap;\n}\n.paraui-v4-togglebutton-group .toggle-button-item {\n margin: 0 10px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button {\n margin: 0;\n padding: 0 16px;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button[disabled] {\n color: rgb(161, 168, 179);\n background-color: transparent;\n border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button[disabled]:hover {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button ~ .paraui-v4-toggle-button::before {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n content: \"\";\n width: 1px;\n height: 14px;\n background-color: rgb(212, 218, 227);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected {\n color: rgb(46, 101, 230);\n border: 0;\n font-weight: 700;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled] {\n color: rgb(92, 101, 115);\n background-color: transparent;\n border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:first-child:before {\n display: none;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected:not(:first-child)::before {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n content: \"\";\n width: 1px;\n height: 14px;\n background-color: rgb(212, 218, 227);\n border: 0;\n}\n.paraui-v4-togglebutton-group-text .paraui-v4-toggle-button-selected::after {\n display: none;\n}";
|
|
24
26
|
styleInject(css_248z);
|
|
25
27
|
|
|
26
28
|
//切换按钮组
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
type = 'outlined',
|
|
30
|
-
className,
|
|
31
|
-
style,
|
|
32
|
-
exclusive =
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
29
|
+
var ToggleButtonGroup = function ToggleButtonGroup(props) {
|
|
30
|
+
var _props$type = props.type,
|
|
31
|
+
type = _props$type === void 0 ? 'outlined' : _props$type,
|
|
32
|
+
className = props.className,
|
|
33
|
+
style = props.style,
|
|
34
|
+
_props$exclusive = props.exclusive,
|
|
35
|
+
exclusive = _props$exclusive === void 0 ? false : _props$exclusive,
|
|
36
|
+
_props$toggleable = props.toggleable,
|
|
37
|
+
toggleable = _props$toggleable === void 0 ? true : _props$toggleable,
|
|
38
|
+
data = props.data,
|
|
39
|
+
value = props.value,
|
|
40
|
+
onChange = props.onChange;
|
|
38
41
|
if (type === 'text' && !('exclusive' in props)) {
|
|
39
42
|
exclusive = true;
|
|
40
43
|
}
|
|
41
|
-
|
|
42
|
-
["".concat($prefixCls, "-togglebutton-group-text")]: type === 'text'
|
|
43
|
-
});
|
|
44
|
+
var makeCls = clsx("".concat($prefixCls, "-togglebutton-group"), className, _defineProperty({}, "".concat($prefixCls, "-togglebutton-group-text"), type === 'text'));
|
|
44
45
|
//多选
|
|
45
|
-
|
|
46
|
+
var handleChange = function handleChange(evt, buttonValue) {
|
|
46
47
|
if (!onChange) return;
|
|
47
48
|
if (!Array.isArray(value)) {
|
|
48
49
|
return;
|
|
49
50
|
}
|
|
50
|
-
|
|
51
|
-
|
|
51
|
+
var index = value && (value === null || value === void 0 ? void 0 : value.indexOf(buttonValue));
|
|
52
|
+
var newValue;
|
|
52
53
|
if (value && index >= 0) {
|
|
53
54
|
newValue = value.slice();
|
|
54
55
|
newValue.splice(index, 1);
|
|
@@ -58,7 +59,7 @@ const ToggleButtonGroup = props => {
|
|
|
58
59
|
onChange(evt, newValue);
|
|
59
60
|
};
|
|
60
61
|
//单选
|
|
61
|
-
|
|
62
|
+
var handleExclusiveChange = function handleExclusiveChange(evt, buttonValue) {
|
|
62
63
|
if (!onChange) return;
|
|
63
64
|
if (!toggleable) {
|
|
64
65
|
if (value === buttonValue) return;
|
|
@@ -68,7 +69,7 @@ const ToggleButtonGroup = props => {
|
|
|
68
69
|
onChange(evt, value === buttonValue ? null : buttonValue);
|
|
69
70
|
};
|
|
70
71
|
//是否选中
|
|
71
|
-
|
|
72
|
+
var hasValueSelected = function hasValueSelected(value, candidate) {
|
|
72
73
|
if (candidate === undefined || value === undefined) return false;
|
|
73
74
|
if (Array.isArray(candidate)) {
|
|
74
75
|
return candidate.includes(value);
|
|
@@ -76,15 +77,13 @@ const ToggleButtonGroup = props => {
|
|
|
76
77
|
return value === candidate;
|
|
77
78
|
};
|
|
78
79
|
//渲染组
|
|
79
|
-
|
|
80
|
+
var renderGroup = function renderGroup() {
|
|
80
81
|
if (!data || !(data === null || data === void 0 ? void 0 : data.length)) return null;
|
|
81
|
-
return data.map((item, idx)
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
selected
|
|
85
|
-
} = item,
|
|
82
|
+
return data.map(function (item, idx) {
|
|
83
|
+
var label = item.label,
|
|
84
|
+
selected = item.selected,
|
|
86
85
|
rest = __rest(item, ["label", "selected"]);
|
|
87
|
-
|
|
86
|
+
var hasSelected = selected === undefined ? hasValueSelected(rest.value, value) : selected;
|
|
88
87
|
return jsx("div", Object.assign({
|
|
89
88
|
className: 'toggle-button-item'
|
|
90
89
|
}, {
|
package/Tree/index.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { T as Tree } from '../_verture/index-
|
|
2
|
-
export { T as default } from '../_verture/index-
|
|
1
|
+
import { T as Tree } from '../_verture/index-567b5779.js';
|
|
2
|
+
export { T as default } from '../_verture/index-567b5779.js';
|
|
3
3
|
import '../_verture/toConsumableArray-c7a8028f.js';
|
|
4
4
|
import '../_verture/slicedToArray-75fa4188.js';
|
|
5
|
-
import '../_verture/defineProperty-
|
|
6
|
-
import '../_verture/
|
|
7
|
-
import '../_verture/
|
|
5
|
+
import '../_verture/defineProperty-6f62bb2a.js';
|
|
6
|
+
import '../_verture/typeof-adeedc13.js';
|
|
7
|
+
import '../_verture/index-94e24006.js';
|
|
8
|
+
import '../_verture/typeof-4646b22c.js';
|
|
8
9
|
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
9
10
|
import 'react/jsx-runtime';
|
|
10
11
|
import 'react';
|
package/Upload/index.js
CHANGED
|
@@ -6,9 +6,9 @@ import clsx from 'clsx';
|
|
|
6
6
|
import UploadIcon from '@para-ui/icons/UploadFile';
|
|
7
7
|
import LoadingIcon from '@para-ui/icons/Loading';
|
|
8
8
|
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-c7a8028f.js';
|
|
9
|
-
import { _ as _typeof } from '../_verture/
|
|
9
|
+
import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
|
|
10
10
|
import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
|
|
11
|
-
import { r as regenerator } from '../_verture/index-
|
|
11
|
+
import { r as regenerator } from '../_verture/index-94e24006.js';
|
|
12
12
|
import EditOutline from '@para-ui/icons/EditOutline';
|
|
13
13
|
import CloseIcon from '@para-ui/icons/Close';
|
|
14
14
|
import Delete from '@para-ui/icons/Delete';
|
|
@@ -32,12 +32,13 @@ import TurnRight from '@para-ui/icons/TurnRight';
|
|
|
32
32
|
import TurnLeft from '@para-ui/icons/TurnLeft';
|
|
33
33
|
import { Slider } from '../Slider/index.js';
|
|
34
34
|
import { Modal } from '../Modal/index.js';
|
|
35
|
-
import '../_verture/typeof-
|
|
35
|
+
import '../_verture/typeof-4646b22c.js';
|
|
36
36
|
import 'rc-tooltip';
|
|
37
37
|
import 'rc-tooltip/lib/placements';
|
|
38
38
|
import '@paraview/lib';
|
|
39
|
-
import '../_verture/Portal-
|
|
39
|
+
import '../_verture/Portal-edd94cac.js';
|
|
40
40
|
import 'react-dom';
|
|
41
|
+
import '../_verture/defineProperty-6f62bb2a.js';
|
|
41
42
|
import 'rc-dialog';
|
|
42
43
|
import 'rc-motion';
|
|
43
44
|
import '@para-ui/icons/Sort';
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { _ as _slicedToArray } from './slicedToArray-75fa4188.js';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
|
-
import {
|
|
4
|
+
import { _ as _typeof } from './typeof-adeedc13.js';
|
|
5
5
|
import { _ as _toConsumableArray } from './toConsumableArray-c7a8028f.js';
|
|
6
|
+
import { _ as _defineProperty } from './defineProperty-6f62bb2a.js';
|
|
6
7
|
|
|
7
8
|
function _extends() {
|
|
8
9
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
"@babel/helpers - typeof";
|
|
3
|
-
|
|
4
|
-
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
5
|
-
return typeof o;
|
|
6
|
-
} : function (o) {
|
|
7
|
-
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
8
|
-
}, _typeof(o);
|
|
9
|
-
}
|
|
1
|
+
import { _ as _typeof } from './typeof-adeedc13.js';
|
|
10
2
|
|
|
11
3
|
function toPrimitive(t, r) {
|
|
12
4
|
if ("object" != _typeof(t) || !t) return t;
|
|
@@ -39,4 +31,4 @@ function _defineProperty(obj, key, value) {
|
|
|
39
31
|
return obj;
|
|
40
32
|
}
|
|
41
33
|
|
|
42
|
-
export {
|
|
34
|
+
export { _defineProperty as _, toPropertyKey as t };
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { _ as _toConsumableArray } from './toConsumableArray-c7a8028f.js';
|
|
2
|
-
import { _ as
|
|
2
|
+
import { _ as _defineProperty } from './defineProperty-6f62bb2a.js';
|
|
3
3
|
import { _ as _slicedToArray } from './slicedToArray-75fa4188.js';
|
|
4
|
-
import { r as regenerator } from './index-
|
|
4
|
+
import { r as regenerator } from './index-94e24006.js';
|
|
5
5
|
import { _ as __rest, a as __awaiter } from './tslib.es6-55ed4bd2.js';
|
|
6
6
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
7
7
|
import React__default, { isValidElement, cloneElement, useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
|
|
8
8
|
import RcTree from 'rc-tree';
|
|
9
9
|
import clsx from 'clsx';
|
|
10
|
+
import { _ as _typeof } from './typeof-adeedc13.js';
|
|
10
11
|
import LoadingOutlined from '@para-ui/icons/LoadingF';
|
|
11
12
|
import FileOutlined from '@para-ui/icons/Document';
|
|
12
13
|
import SolidArrowDown from '@para-ui/icons/DownTriangleF';
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { _ as __rest } from './tslib.es6-55ed4bd2.js';
|
|
2
2
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { c as clsx, _ as _objectSpread2, r as reactIs, s as supportRef, u as useComposeRef, w as warning, a as _extends, b as _objectWithoutProperties, d as wrapperRaf, e as useEvent$2, f as useLayoutEffect$3, g as composeRef, K as KeyCode, h as fillRef, P as Portal, i as warningOnce, j as useMergedState$2, k as canUseDom$1, l as useMemo$1, n as noteOnce } from './Portal-
|
|
3
|
+
import { c as clsx, _ as _objectSpread2, r as reactIs, s as supportRef, u as useComposeRef, w as warning, a as _extends, b as _objectWithoutProperties, d as wrapperRaf, e as useEvent$2, f as useLayoutEffect$3, g as composeRef, K as KeyCode, h as fillRef, P as Portal, i as warningOnce, j as useMergedState$2, k as canUseDom$1, l as useMemo$1, n as noteOnce } from './Portal-edd94cac.js';
|
|
4
4
|
import { _ as _toConsumableArray, a as _iterableToArray } from './toConsumableArray-c7a8028f.js';
|
|
5
|
-
import {
|
|
5
|
+
import { t as toPropertyKey, _ as _defineProperty } from './defineProperty-6f62bb2a.js';
|
|
6
6
|
import { _ as _slicedToArray, a as _arrayWithHoles, b as _unsupportedIterableToArray, c as _nonIterableRest } from './slicedToArray-75fa4188.js';
|
|
7
|
+
import { _ as _typeof$1 } from './typeof-adeedc13.js';
|
|
7
8
|
import * as React$4 from 'react';
|
|
8
9
|
import React__default, { useState as useState$1, useMemo, useCallback, useRef, useEffect } from 'react';
|
|
9
10
|
import ReactDOM, { unstable_batchedUpdates, flushSync } from 'react-dom';
|
|
10
11
|
import CSSMotion from 'rc-motion';
|
|
11
12
|
import clsx$1 from 'clsx';
|
|
12
|
-
import { _ as _typeof$2 } from './typeof-
|
|
13
|
+
import { _ as _typeof$2 } from './typeof-4646b22c.js';
|
|
13
14
|
import { conductCheck } from 'rc-tree/lib/utils/conductUtil';
|
|
14
15
|
import Right from '@para-ui/icons/Right';
|
|
15
16
|
import Down from '@para-ui/icons/Down';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
function _typeof(o) {
|
|
2
|
+
"@babel/helpers - typeof";
|
|
3
|
+
|
|
4
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
5
|
+
return typeof o;
|
|
6
|
+
} : function (o) {
|
|
7
|
+
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
8
|
+
}, _typeof(o);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { _typeof as _ };
|