@gingkoo/pandora-explorer 0.0.1-alpha.93 → 0.0.1-alpha.94
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/lib/es/index.js +58 -40
- package/lib/es/index.js.map +1 -1
- package/lib/es/types.d.ts +1 -0
- package/package.json +1 -1
package/lib/es/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @gingkoo/pandora-explorer v0.0.1-alpha.
|
|
2
|
+
* @gingkoo/pandora-explorer v0.0.1-alpha.94
|
|
3
3
|
*/
|
|
4
4
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
5
5
|
import cx$1 from 'classnames';
|
|
@@ -2515,7 +2515,7 @@ function Slider(props) {
|
|
|
2515
2515
|
var css_248z$8 = ".explorer-menu {\n height: 100%;\n}\n";
|
|
2516
2516
|
styleInject(css_248z$8);
|
|
2517
2517
|
|
|
2518
|
-
var css_248z$7 = ".explorer-tree {\n width: 100%;\n height: 100%;\n}\n.explorer-tree-switch {\n height: 31px;\n width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n vertical-align: top !important;\n color: #aaa;\n border-radius: 2px;\n}\n.explorer-tree-switch:hover {\n color: #1890ff;\n background-color: rgba(0, 0, 0, 0.03);\n}\n.explorer-tree-switch.open {\n color: #1890ff;\n}\n.explorer-tree-switch.open > svg {\n transform: rotate(90deg);\n}\n.explorer-tree-switch.loading {\n background: transparent;\n animation: rotate 1s linear infinite;\n}\n.explorer-tree-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n margin: 6px 0px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n border-radius: 5px;\n font-style: normal;\n pointer-events: none;\n vertical-align: top;\n}\n.explorer-tree-node {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.explorer-tree-node .node-title {\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.explorer-tree-node .node-menu {\n display: none;\n flex-shrink: 0;\n width: 30px;\n justify-content: center;\n align-items: center;\n}\n.explorer-tree-node .node-menu .node-menu-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 14px;\n height: 14px;\n border: 1px solid #ccc;\n border-radius: 2px;\n cursor: pointer;\n z-index: 50;\n background: #fff;\n color: #ccc;\n font-size: 7px;\n transition: 0.3s;\n}\n.explorer-tree-node .node-menu .node-menu-icon > svg {\n transform: rotate(90deg);\n}\n.explorer-tree-node .node-menu .node-menu-icon:hover {\n border: 1px solid #1890ff;\n color: #1890ff;\n}\n.explorer-tree-node .node-input {\n display: inline-block;\n width: 100%;\n height: 24px;\n outline: 0;\n border: 1px solid #eee;\n border-radius: 3px;\n transition: 0.3s;\n padding: 0 5px;\n}\n.explorer-tree-node .node-input:hover {\n border: 1px solid #1890ff;\n}\n.explorer-tree-node .node-input:focus {\n border: 1px solid #1890ff;\n}\n.explorer-tree-node:hover .node-menu {\n display: flex;\n}\n.explorer-tree-row {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n}\n.explorer-tree-row .row-item {\n display: flex;\n padding: 0 10px;\n flex: 1 0 0;\n user-select: none;\n}\n.explorer-tree-row .row-item .row-item-content {\n flex: 1 0 0;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.explorer-tree-row .row-item .row-item-content > input {\n height: 24px;\n outline: none;\n width: 100%;\n outline: 0;\n border: 0;\n}\n.explorer-tree-row .row-item-check {\n display: flex;\n width: 19px;\n align-items: center;\n box-sizing: border-box;\n pointer-events: all;\n}\n.explorer-tree-row .row-item-check .btn-check {\n display: inline-block;\n height: 19px;\n width: 19px;\n flex-shrink: 0;\n z-index: 11;\n font-size: 20px;\n text-align: center;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.05);\n color: #fff;\n line-height: 0;\n opacity: 0;\n cursor: pointer;\n transition: opacity 0.3s;\n margin: 2px;\n}\n.explorer-tree-row .row-item-check .btn-check > svg {\n position: relative;\n width: 23px;\n height: 23px;\n left: -2px;\n top: -2px;\n}\n.explorer-tree-row .row-item-check.active .btn-check {\n opacity: 1;\n background: #3b8cff;\n}\n.explorer-tree-row.disable {\n opacity: 0.4;\n}\n.explorer-tree.table .tree-scroll-x {\n width: 100%;\n overflow: hidden;\n overflow-x: auto;\n}\n.explorer-tree.table .tree-scroll-x::-webkit-scrollbar {\n display: none;\n}\n.explorer-tree.table .tree-scroll {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 10;\n overflow: auto;\n}\n.explorer-tree.table .rc-tree {\n height: calc(100% - 24px);\n}\n.explorer-tree.table .rc-tree-list-holder-inner {\n overflow: auto;\n}\n.explorer-tree.table .rc-tree-list {\n height: 100%;\n}\n.explorer-tree.table .rc-tree-checkbox {\n display: none !important;\n}\n.explorer-tree.table .rc-tree-treenode {\n border-radius: 2px;\n width: fit-content;\n opacity: 0.8;\n z-index: 100;\n pointer-events: all;\n margin-bottom: 2px;\n}\n.explorer-tree.table .rc-tree-treenode.rc-tree-treenode-selected {\n background: #4581a60d !important;\n}\n.explorer-tree.table .rc-tree-treenode.odd {\n background: #4664780d;\n}\n.explorer-tree.table .rc-tree-treenode.drags {\n background: #e5f3ff !important;\n border-color: #1677ff;\n}\n.explorer-tree.table .rc-tree-treenode.dragging {\n opacity: 0.4;\n height: auto !important;\n}\n.explorer-tree.table .rc-tree-list-holder-inner {\n padding: 8px 0 0 8px;\n}\n.explorer-tree.table .rc-tree-treenode-leaf-last:last-child {\n height: 200px;\n opacity: 0;\n width: 1px;\n}\n.explorer-tree.table .rc-tree-treenode-checkbox-checked {\n background: #cce8ff !important;\n border: 1px solid #99d1ff;\n}\n.explorer-tree .rc-tree-iconEle {\n height: 31px !important;\n vertical-align: top !important;\n width: auto !important;\n}\n.explorer-tree .rc-tree-treenode {\n position: relative;\n height: 31px;\n line-height: 31px;\n border: 1px solid transparent;\n user-select: none;\n display: flex;\n}\n.explorer-tree .rc-tree-treenode > .rc-tree-node-content-wrapper {\n height: 31px !important;\n display: flex !important;\n flex: 1;\n margin-left: calc(24px - 20px);\n overflow: hidden;\n}\n.explorer-tree .rc-tree-treenode > .rc-tree-node-selected {\n background-color: transparent;\n box-shadow: none;\n opacity: 1;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-selected {\n background-color: #cce8ff !important;\n border: 1px solid #1890ff;\n opacity: 0.8;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-selected .node-menu {\n display: flex;\n}\n.explorer-tree .rc-tree-treenode:hover {\n background: #e5f3ff !important;\n box-shadow: 0 0 0 1px transparent;\n}\n.explorer-tree .rc-tree-treenode.hover {\n background: #e5f3ff !important;\n}\n.explorer-tree .rc-tree-switcher {\n flex-shrink: 0;\n width: 20px !important;\n height: 31px !important;\n vertical-align: top !important;\n background-image: none !important;\n}\n.explorer-tree .rc-tree-title {\n display: inline-block;\n height: 31px;\n width: 100%;\n overflow: hidden;\n}\n.explorer-tree.showLine .rc-tree-indent {\n height: 31px;\n}\n.explorer-tree.showLine .rc-tree-indent > .rc-tree-indent-unit {\n position: relative;\n}\n.explorer-tree.showLine .rc-tree-indent > .rc-tree-indent-unit::after {\n display: inline-block;\n position: absolute;\n content: '';\n width: 1px;\n left: 10px;\n height: 31px;\n background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-indent-unit {\n width: 20px;\n height: 31px;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child {\n position: relative;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child::before {\n content: '';\n display: inline-block;\n position: absolute;\n width: 8px;\n top: calc(31px / 2);\n left: 10px;\n height: 1px;\n background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child::after {\n display: inline-block;\n position: absolute;\n content: '';\n width: 1px;\n left: 10px;\n top: 0;\n height: calc(31px / 2);\n background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child {\n position: relative;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child::before {\n display: none;\n content: '';\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child::after {\n display: inline-block;\n position: absolute;\n content: '';\n width: 1px;\n left: 10px;\n height: 31px;\n background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.explorer-checks .rc-tree-treenode:hover .row-item-check .btn-check {\n opacity: 1;\n}\n.explorer-tree .rc-tree-list-scrollbar-thumb {\n background: #bbb !important;\n}\n.explorer-tree .rc-tree-list-scrollbar {\n width: 5px !important;\n height: 5px !important;\n}\n.explorer-tree .node-motion {\n transition: all 0.3s;\n overflow-y: hidden;\n}\n.explorer-tree .rc-tree-child-tree {\n display: block;\n}\n.explorer-table-header {\n display: flex;\n width: fit-content;\n min-width: 100%;\n height: 25px;\n line-height: 25px;\n color: #448;\n border-bottom: 1px solid #e3e3e3;\n box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);\n background: #fff;\n}\n.explorer-table-header .item {\n padding: 0 10px 0 0;\n flex: 1 0 0;\n margin-left: -10px;\n border-right: 1px solid #eee;\n user-select: none;\n min-width: 80px;\n}\n.explorer-table-header .item:first-child {\n padding-left: 20px;\n}\n.explorer-table-header .resize {\n position: relative;\n flex: 0 0 20px;\n width: 20px;\n z-index: 10;\n cursor: col-resize;\n left: -10px;\n transition: background 0.2s;\n}\n.explorer-table-header .resize::before {\n content: '';\n position: fixed;\n width: 1px;\n height: 2000px;\n z-index: 10;\n margin-left: 10px;\n visibility: hidden;\n opacity: 0;\n transition: all 0.2s;\n}\n.explorer-table-header .resize:hover {\n background: #1890ff30;\n}\n.explorer-table-header .resize.resize-focus {\n z-index: 9999;\n}\n.explorer-table-header .resize.resize-focus:before {\n opacity: 1;\n background: #1890ff;\n visibility: visible;\n}\n.explorer-table-header .resize:last-child {\n flex: 0 0 10px;\n width: 10px;\n}\n.explorer-table-header.item-resize {\n z-index: 10;\n}\n@keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n";
|
|
2518
|
+
var css_248z$7 = ".explorer-tree {\n width: 100%;\n height: 100%;\n}\n.explorer-tree-switch {\n height: 31px;\n width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n vertical-align: top !important;\n color: #aaa;\n border-radius: 2px;\n}\n.explorer-tree-switch:hover {\n color: #1890ff;\n background-color: rgba(0, 0, 0, 0.03);\n}\n.explorer-tree-switch.open {\n color: #1890ff;\n}\n.explorer-tree-switch.open > svg {\n transform: rotate(90deg);\n}\n.explorer-tree-switch.loading {\n background: transparent;\n animation: rotate 1s linear infinite;\n}\n.explorer-tree-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n margin: 6px 0px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n border-radius: 5px;\n font-style: normal;\n pointer-events: none;\n vertical-align: top;\n}\n.explorer-tree-node {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.explorer-tree-node .node-title {\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.explorer-tree-node .node-menu {\n display: none;\n flex-shrink: 0;\n width: 30px;\n justify-content: center;\n align-items: center;\n}\n.explorer-tree-node .node-menu .node-menu-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 14px;\n height: 14px;\n border: 1px solid #ccc;\n border-radius: 2px;\n cursor: pointer;\n z-index: 50;\n background: #fff;\n color: #ccc;\n font-size: 7px;\n transition: 0.3s;\n}\n.explorer-tree-node .node-menu .node-menu-icon > svg {\n transform: rotate(90deg);\n}\n.explorer-tree-node .node-menu .node-menu-icon:hover {\n border: 1px solid #1890ff;\n color: #1890ff;\n}\n.explorer-tree-node .node-input {\n display: inline-block;\n width: 100%;\n height: 24px;\n outline: 0;\n border: 1px solid #eee;\n border-radius: 3px;\n transition: 0.3s;\n padding: 0 5px;\n}\n.explorer-tree-node .node-input:hover {\n border: 1px solid #1890ff;\n}\n.explorer-tree-node .node-input:focus {\n border: 1px solid #1890ff;\n}\n.explorer-tree-node:hover .node-menu {\n display: flex;\n}\n.explorer-tree-row {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n}\n.explorer-tree-row .row-item {\n display: flex;\n padding: 0 10px;\n flex: 1 0 0;\n user-select: none;\n}\n.explorer-tree-row .row-item .row-item-content {\n flex: 1 0 0;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.explorer-tree-row .row-item .row-item-content > input {\n height: 24px;\n outline: none;\n width: 100%;\n outline: 0;\n border: 0;\n}\n.explorer-tree-row .row-item .row-item-tool {\n display: flex;\n align-items: center;\n}\n.explorer-tree-row .row-item-check {\n display: flex;\n width: 19px;\n align-items: center;\n box-sizing: border-box;\n pointer-events: all;\n}\n.explorer-tree-row .row-item-check .btn-check {\n display: inline-block;\n height: 19px;\n width: 19px;\n flex-shrink: 0;\n z-index: 11;\n font-size: 20px;\n text-align: center;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.05);\n color: #fff;\n line-height: 0;\n opacity: 0;\n cursor: pointer;\n transition: opacity 0.3s;\n margin: 2px;\n}\n.explorer-tree-row .row-item-check .btn-check > svg {\n position: relative;\n width: 23px;\n height: 23px;\n left: -2px;\n top: -2px;\n}\n.explorer-tree-row .row-item-check.active .btn-check {\n opacity: 1;\n background: #3b8cff;\n}\n.explorer-tree-row.disable {\n opacity: 0.4;\n}\n.explorer-tree.table .tree-scroll-x {\n width: 100%;\n overflow: hidden;\n overflow-x: auto;\n}\n.explorer-tree.table .tree-scroll-x::-webkit-scrollbar {\n display: none;\n}\n.explorer-tree.table .tree-scroll {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 10;\n overflow: auto;\n}\n.explorer-tree.table .rc-tree {\n height: calc(100% - 24px);\n}\n.explorer-tree.table .rc-tree-list-holder-inner {\n overflow: auto;\n}\n.explorer-tree.table .rc-tree-list {\n height: 100%;\n}\n.explorer-tree.table .rc-tree-checkbox {\n display: none !important;\n}\n.explorer-tree.table .rc-tree-treenode {\n border-radius: 2px;\n width: fit-content;\n opacity: 0.8;\n z-index: 100;\n pointer-events: all;\n margin-bottom: 2px;\n}\n.explorer-tree.table .rc-tree-treenode.rc-tree-treenode-selected {\n background: #4581a60d !important;\n}\n.explorer-tree.table .rc-tree-treenode.odd {\n background: #4664780d;\n}\n.explorer-tree.table .rc-tree-treenode.drags {\n background: #e5f3ff !important;\n border-color: #1677ff;\n}\n.explorer-tree.table .rc-tree-treenode.dragging {\n opacity: 0.4;\n height: auto !important;\n}\n.explorer-tree.table .rc-tree-list-holder-inner {\n padding: 8px 0 0 8px;\n}\n.explorer-tree.table .rc-tree-treenode-leaf-last:last-child {\n height: 200px;\n opacity: 0;\n width: 1px;\n}\n.explorer-tree.table .rc-tree-treenode-checkbox-checked {\n background: #cce8ff !important;\n border: 1px solid #99d1ff;\n}\n.explorer-tree .rc-tree-iconEle {\n height: 31px !important;\n vertical-align: top !important;\n width: auto !important;\n}\n.explorer-tree .rc-tree-treenode {\n position: relative;\n height: 31px;\n line-height: 31px;\n border: 1px solid transparent;\n user-select: none;\n display: flex;\n}\n.explorer-tree .rc-tree-treenode > .rc-tree-node-content-wrapper {\n height: 31px !important;\n display: flex !important;\n flex: 1;\n margin-left: calc(24px - 20px);\n overflow: hidden;\n}\n.explorer-tree .rc-tree-treenode > .rc-tree-node-selected {\n background-color: transparent;\n box-shadow: none;\n opacity: 1;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-selected {\n background-color: #cce8ff !important;\n border: 1px solid #1890ff;\n opacity: 0.8;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-selected .node-menu {\n display: flex;\n}\n.explorer-tree .rc-tree-treenode:hover {\n background: #e5f3ff !important;\n box-shadow: 0 0 0 1px transparent;\n}\n.explorer-tree .rc-tree-treenode.hover {\n background: #e5f3ff !important;\n}\n.explorer-tree .rc-tree-switcher {\n flex-shrink: 0;\n width: 20px !important;\n height: 31px !important;\n vertical-align: top !important;\n background-image: none !important;\n}\n.explorer-tree .rc-tree-title {\n display: inline-block;\n height: 31px;\n width: 100%;\n overflow: hidden;\n}\n.explorer-tree.showLine .rc-tree-indent {\n height: 31px;\n}\n.explorer-tree.showLine .rc-tree-indent > .rc-tree-indent-unit {\n position: relative;\n}\n.explorer-tree.showLine .rc-tree-indent > .rc-tree-indent-unit::after {\n display: inline-block;\n position: absolute;\n content: '';\n width: 1px;\n left: 10px;\n height: 31px;\n background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-indent-unit {\n width: 20px;\n height: 31px;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child {\n position: relative;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child::before {\n content: '';\n display: inline-block;\n position: absolute;\n width: 8px;\n top: calc(31px / 2);\n left: 10px;\n height: 1px;\n background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child::after {\n display: inline-block;\n position: absolute;\n content: '';\n width: 1px;\n left: 10px;\n top: 0;\n height: calc(31px / 2);\n background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child {\n position: relative;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child::before {\n display: none;\n content: '';\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child::after {\n display: inline-block;\n position: absolute;\n content: '';\n width: 1px;\n left: 10px;\n height: 31px;\n background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.explorer-checks .rc-tree-treenode:hover .row-item-check .btn-check {\n opacity: 1;\n}\n.explorer-tree .rc-tree-list-scrollbar-thumb {\n background: #bbb !important;\n}\n.explorer-tree .rc-tree-list-scrollbar {\n width: 5px !important;\n height: 5px !important;\n}\n.explorer-tree .node-motion {\n transition: all 0.3s;\n overflow-y: hidden;\n}\n.explorer-tree .rc-tree-child-tree {\n display: block;\n}\n.explorer-table-header {\n display: flex;\n width: fit-content;\n min-width: 100%;\n height: 25px;\n line-height: 25px;\n color: #448;\n border-bottom: 1px solid #e3e3e3;\n box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);\n background: #fff;\n}\n.explorer-table-header .item {\n padding: 0 10px 0 0;\n flex: 1 0 0;\n margin-left: -10px;\n border-right: 1px solid #eee;\n user-select: none;\n min-width: 80px;\n}\n.explorer-table-header .item:first-child {\n padding-left: 20px;\n}\n.explorer-table-header .resize {\n position: relative;\n flex: 0 0 20px;\n width: 20px;\n z-index: 10;\n cursor: col-resize;\n left: -10px;\n transition: background 0.2s;\n}\n.explorer-table-header .resize::before {\n content: '';\n position: fixed;\n width: 1px;\n height: 2000px;\n z-index: 10;\n margin-left: 10px;\n visibility: hidden;\n opacity: 0;\n transition: all 0.2s;\n}\n.explorer-table-header .resize:hover {\n background: #1890ff30;\n}\n.explorer-table-header .resize.resize-focus {\n z-index: 9999;\n}\n.explorer-table-header .resize.resize-focus:before {\n opacity: 1;\n background: #1890ff;\n visibility: visible;\n}\n.explorer-table-header .resize:last-child {\n flex: 0 0 10px;\n width: 10px;\n}\n.explorer-table-header.item-resize {\n z-index: 10;\n}\n@keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n";
|
|
2519
2519
|
styleInject(css_248z$7);
|
|
2520
2520
|
|
|
2521
2521
|
/**
|
|
@@ -5596,8 +5596,9 @@ function TableItem(props) {
|
|
|
5596
5596
|
children: [jsxs("div", {
|
|
5597
5597
|
className: 'row-item-content',
|
|
5598
5598
|
children: [" ", v.render?.(param, v.key)]
|
|
5599
|
-
}),
|
|
5600
|
-
|
|
5599
|
+
}), jsx("div", {
|
|
5600
|
+
className: 'row-item-tool',
|
|
5601
|
+
children: v?.renderTool ? v?.renderTool(param, v.key) : !i && jsx("div", {
|
|
5601
5602
|
className: cx$1('row-item-check', {
|
|
5602
5603
|
active: active
|
|
5603
5604
|
}),
|
|
@@ -5605,6 +5606,7 @@ function TableItem(props) {
|
|
|
5605
5606
|
e.stopPropagation();
|
|
5606
5607
|
},
|
|
5607
5608
|
onClick: e => {
|
|
5609
|
+
if (disable) return;
|
|
5608
5610
|
e.stopPropagation();
|
|
5609
5611
|
e.preventDefault();
|
|
5610
5612
|
onCheck?.();
|
|
@@ -5676,22 +5678,25 @@ function TableItem(props) {
|
|
|
5676
5678
|
children: [jsx("div", {
|
|
5677
5679
|
className: 'row-item-content',
|
|
5678
5680
|
children: param[v?.key] || ''
|
|
5679
|
-
}),
|
|
5680
|
-
className:
|
|
5681
|
-
|
|
5682
|
-
|
|
5683
|
-
|
|
5684
|
-
|
|
5685
|
-
|
|
5686
|
-
|
|
5687
|
-
|
|
5688
|
-
e
|
|
5689
|
-
|
|
5690
|
-
|
|
5691
|
-
|
|
5692
|
-
|
|
5693
|
-
|
|
5694
|
-
children: jsx(
|
|
5681
|
+
}), jsx("div", {
|
|
5682
|
+
className: 'row-item-tool',
|
|
5683
|
+
children: v?.renderTool ? v?.renderTool(param, v.key) : !i && jsx("div", {
|
|
5684
|
+
className: cx$1('row-item-check', {
|
|
5685
|
+
active: active
|
|
5686
|
+
}),
|
|
5687
|
+
onMouseDown: e => {
|
|
5688
|
+
e.stopPropagation();
|
|
5689
|
+
},
|
|
5690
|
+
onClick: e => {
|
|
5691
|
+
if (disable) return;
|
|
5692
|
+
e.stopPropagation();
|
|
5693
|
+
e.preventDefault();
|
|
5694
|
+
onCheck?.();
|
|
5695
|
+
},
|
|
5696
|
+
children: jsx("span", {
|
|
5697
|
+
className: 'btn-check',
|
|
5698
|
+
children: jsx(CircleCheckSvg, {})
|
|
5699
|
+
})
|
|
5695
5700
|
})
|
|
5696
5701
|
})]
|
|
5697
5702
|
}, i);
|
|
@@ -6711,7 +6716,7 @@ const Tile = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
6711
6716
|
});
|
|
6712
6717
|
});
|
|
6713
6718
|
|
|
6714
|
-
var css_248z$3 = ".explorer-drop-tip {\n position: absolute;\n display: inline-block;\n padding: 3px 5px;\n background: #00000044;\n color: #fff;\n border-radius: 3px;\n white-space: nowrap;\n}\n.explorer-drop-tip.select {\n background: #1677ff;\n}\n.explorer-drop-tip .drop-tip-content {\n font-size: 14px;\n margin-right: 5px;\n}\n.explorer-drop-tip .drop-tip-content .content-icon {\n display: inline-block;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: #52c41a;\n color: #fff;\n text-align: center;\n line-height: 20px;\n margin-right: 5px;\n}\n.explorer-drop-tip .drop-tip-content .content-icon > svg {\n fill: #fff;\n width: 1em;\n height: 1em;\n position: relative;\n top: 0.125em;\n}\n.explorer-drop-tip .drop-tip-title {\n font-size: 14px;\n display: inline-block;\n padding: 2px;\n background: rgba(0, 0, 0, 0.2);\n font-weight: 500;\n padding: 3px 5px;\n line-height: 1;\n border-right: 4px;\n}\n.file-select-box {\n width: 100%;\n border: 2px solid transparent;\n}\n";
|
|
6719
|
+
var css_248z$3 = ".explorer-drop-tip {\n position: absolute;\n display: inline-block;\n padding: 3px 5px;\n background: #00000044;\n color: #fff;\n border-radius: 3px;\n white-space: nowrap;\n}\n.explorer-drop-tip.select {\n background: #1677ff;\n}\n.explorer-drop-tip .drop-tip-content {\n font-size: 14px;\n margin-right: 5px;\n}\n.explorer-drop-tip .drop-tip-content .content-icon {\n display: inline-block;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n background: #52c41a;\n color: #fff;\n text-align: center;\n line-height: 20px;\n margin-right: 5px;\n}\n.explorer-drop-tip .drop-tip-content .content-icon > svg {\n fill: #fff;\n width: 1em;\n height: 1em;\n position: relative;\n top: 0.125em;\n}\n.explorer-drop-tip .drop-tip-title {\n font-size: 14px;\n display: inline-block;\n padding: 2px;\n background: rgba(0, 0, 0, 0.2);\n font-weight: 500;\n padding: 3px 5px;\n line-height: 1;\n border-right: 4px;\n}\n.file-select-box {\n width: 100%;\n border: 2px solid transparent;\n}\n.file-select-box .rc-tree-treenode:last-child {\n width: auto !important;\n}\n";
|
|
6715
6720
|
styleInject(css_248z$3);
|
|
6716
6721
|
|
|
6717
6722
|
const NotUpLoad = ['.DS_Store'];
|
|
@@ -6757,8 +6762,11 @@ const SelectBox = props => {
|
|
|
6757
6762
|
});
|
|
6758
6763
|
//判断单机还双击
|
|
6759
6764
|
const isDclick = useRef(null);
|
|
6765
|
+
//是否可以多动文件
|
|
6760
6766
|
const [isDragFiles, setIsDragFiles] = useState(false);
|
|
6767
|
+
//是否可以拖动上传
|
|
6761
6768
|
const [isDragUpload, setIsDragUpload] = useState(false);
|
|
6769
|
+
const [dragging, setDragging] = useState(false);
|
|
6762
6770
|
const [selects, setSelect] = useState([]);
|
|
6763
6771
|
const [stageClickInfo, setStageClickInfo] = useState({
|
|
6764
6772
|
show: false
|
|
@@ -6919,6 +6927,7 @@ const SelectBox = props => {
|
|
|
6919
6927
|
}
|
|
6920
6928
|
//鼠标松开
|
|
6921
6929
|
function handleBodyMouseup(e) {
|
|
6930
|
+
setDragging(false);
|
|
6922
6931
|
setIsDragFiles(false);
|
|
6923
6932
|
setStageClickInfo({
|
|
6924
6933
|
show: false
|
|
@@ -7132,7 +7141,7 @@ const SelectBox = props => {
|
|
|
7132
7141
|
let _text = null;
|
|
7133
7142
|
_text = document.createElement('div');
|
|
7134
7143
|
text.current = createRoot(_text);
|
|
7135
|
-
if (textBox.current) {
|
|
7144
|
+
if (textBox.current && text.current) {
|
|
7136
7145
|
textBox.current?.appendChild(text);
|
|
7137
7146
|
} else {
|
|
7138
7147
|
body = document.querySelector('body');
|
|
@@ -7492,6 +7501,7 @@ const SelectBox = props => {
|
|
|
7492
7501
|
clientX: x,
|
|
7493
7502
|
clientY: y
|
|
7494
7503
|
} = e;
|
|
7504
|
+
setDragging(true);
|
|
7495
7505
|
let body = document.querySelector('body');
|
|
7496
7506
|
let _box = null;
|
|
7497
7507
|
//执行动画
|
|
@@ -7834,17 +7844,6 @@ const SelectBox = props => {
|
|
|
7834
7844
|
y: e.clientY,
|
|
7835
7845
|
startkey: curColumnkey
|
|
7836
7846
|
});
|
|
7837
|
-
if (checkMode == 'check') {
|
|
7838
|
-
if (!checks.includes(type?.[0])) {
|
|
7839
|
-
let arr = [...selects, ...type];
|
|
7840
|
-
setSelect(arr);
|
|
7841
|
-
onChange(arr);
|
|
7842
|
-
} else {
|
|
7843
|
-
let arr = checks.filter(v => v !== type?.[0]);
|
|
7844
|
-
setSelect(arr);
|
|
7845
|
-
onChange(arr);
|
|
7846
|
-
}
|
|
7847
|
-
}
|
|
7848
7847
|
if (checkMode == 'check' && checks?.length > 1) return;
|
|
7849
7848
|
}
|
|
7850
7849
|
//在区域未选中
|
|
@@ -7873,6 +7872,23 @@ const SelectBox = props => {
|
|
|
7873
7872
|
scrolly: startPosition?.y || 0
|
|
7874
7873
|
});
|
|
7875
7874
|
},
|
|
7875
|
+
onMouseUp: e => {
|
|
7876
|
+
let type = isSelectTarget(e, checkType);
|
|
7877
|
+
//控制选中反选
|
|
7878
|
+
if (type?.[0] && !stageClickInfo.show && !dragging) {
|
|
7879
|
+
if (checkMode == 'check') {
|
|
7880
|
+
if (!checks.includes(type?.[0])) {
|
|
7881
|
+
let arr = [...selects, ...type];
|
|
7882
|
+
setSelect(arr);
|
|
7883
|
+
onChange(arr);
|
|
7884
|
+
} else {
|
|
7885
|
+
let arr = checks.filter(v => v !== type?.[0]);
|
|
7886
|
+
setSelect(arr);
|
|
7887
|
+
onChange(arr);
|
|
7888
|
+
}
|
|
7889
|
+
}
|
|
7890
|
+
}
|
|
7891
|
+
},
|
|
7876
7892
|
onContextMenu: e => {
|
|
7877
7893
|
let x = 0;
|
|
7878
7894
|
let y = 0;
|
|
@@ -9671,17 +9687,19 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
9671
9687
|
setTimeout(() => {
|
|
9672
9688
|
let cur = _menu.getBoundingClientRect();
|
|
9673
9689
|
if (cur.height + y > _box.bottom) {
|
|
9674
|
-
|
|
9690
|
+
let shift = cur.height + y - _box.bottom;
|
|
9691
|
+
y = y - shift - 10;
|
|
9675
9692
|
}
|
|
9676
9693
|
if (cur.width + x > _box.right) {
|
|
9677
|
-
|
|
9694
|
+
let shift = cur.width + x - _box.right;
|
|
9695
|
+
x = x - shift - 10;
|
|
9678
9696
|
}
|
|
9679
9697
|
_menu.style.cssText = `
|
|
9680
9698
|
position:absolute;
|
|
9681
9699
|
top: ${y}px;
|
|
9682
9700
|
left:${x}px;
|
|
9683
9701
|
background: #fff;
|
|
9684
|
-
|
|
9702
|
+
`;
|
|
9685
9703
|
}, 100);
|
|
9686
9704
|
}
|
|
9687
9705
|
/* *********** 拦截进行特殊处理 *********** */
|
|
@@ -9782,11 +9800,11 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
9782
9800
|
if (curSelectFile && dataMap?.[curSelectFile]) {
|
|
9783
9801
|
param = dataMap?.[curSelectFile];
|
|
9784
9802
|
}
|
|
9785
|
-
if (curInfo) {
|
|
9803
|
+
if (curInfo || !isNavtab) {
|
|
9786
9804
|
setLoading(ApiStatusEnum.LOADING);
|
|
9787
9805
|
await createFile?.(value, param, info);
|
|
9788
|
-
await loadData(curInfo
|
|
9789
|
-
reloadNode(curInfo?.key, param);
|
|
9806
|
+
await loadData(curInfo?.key || '', null, false);
|
|
9807
|
+
reloadNode(curInfo?.key || '', param);
|
|
9790
9808
|
setLoading(ApiStatusEnum.READY);
|
|
9791
9809
|
}
|
|
9792
9810
|
} else {
|
|
@@ -9804,7 +9822,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
9804
9822
|
});
|
|
9805
9823
|
}
|
|
9806
9824
|
} else {
|
|
9807
|
-
curInfo?.key && loadData(curInfo?.key);
|
|
9825
|
+
curInfo?.key && loadData(curInfo?.key || '');
|
|
9808
9826
|
updata(key, {
|
|
9809
9827
|
title: value
|
|
9810
9828
|
});
|