@gingkoo/pandora-explorer 0.0.1-alpha.66 → 0.0.1-alpha.68
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 +16 -80
- package/lib/es/index.js.map +1 -1
- package/package.json +3 -2
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.68
|
|
3
3
|
*/
|
|
4
4
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
5
5
|
import cx$1 from 'classnames';
|
|
@@ -6857,76 +6857,6 @@ const SelectBox = props => {
|
|
|
6857
6857
|
}
|
|
6858
6858
|
}
|
|
6859
6859
|
}
|
|
6860
|
-
//创建虚拟节点
|
|
6861
|
-
function createVDom(e) {
|
|
6862
|
-
let body = document.querySelector('body');
|
|
6863
|
-
let _box = null;
|
|
6864
|
-
let _target = null;
|
|
6865
|
-
_box = document.createElement('div');
|
|
6866
|
-
_target = document.createElement('div');
|
|
6867
|
-
const {
|
|
6868
|
-
clientX: x,
|
|
6869
|
-
clientY: y
|
|
6870
|
-
} = e;
|
|
6871
|
-
_box.className = `_selectbox ${className}`;
|
|
6872
|
-
_box.style.cssText = `
|
|
6873
|
-
position: absolute;
|
|
6874
|
-
top:1px;
|
|
6875
|
-
left: 1px;
|
|
6876
|
-
width: 0px;
|
|
6877
|
-
height: 0px;
|
|
6878
|
-
pointer-events: none;
|
|
6879
|
-
overflow: visible !important;
|
|
6880
|
-
z-index: 999;
|
|
6881
|
-
`;
|
|
6882
|
-
_target.style.cssText = `
|
|
6883
|
-
position: absolute;
|
|
6884
|
-
top:${y}px;
|
|
6885
|
-
left:${x}px;
|
|
6886
|
-
pointer-events: none;
|
|
6887
|
-
`;
|
|
6888
|
-
_dom.current.map((v, i) => {
|
|
6889
|
-
let _cur = v.cloneNode(true);
|
|
6890
|
-
let data = v.getBoundingClientRect();
|
|
6891
|
-
_cur.style.cssText = `
|
|
6892
|
-
position: absolute;
|
|
6893
|
-
top:${data.top}px;
|
|
6894
|
-
left:${data.left}px;
|
|
6895
|
-
opacity:0.5;
|
|
6896
|
-
transition: 0.3s;
|
|
6897
|
-
`;
|
|
6898
|
-
cur.current.push(_cur);
|
|
6899
|
-
_box?.appendChild(_cur);
|
|
6900
|
-
if (i > 10) return;
|
|
6901
|
-
let value = v.cloneNode(true);
|
|
6902
|
-
if (action == 'stack') {
|
|
6903
|
-
value.style.cssText = `
|
|
6904
|
-
position: absolute;
|
|
6905
|
-
top:${i * 3}px;
|
|
6906
|
-
left:${i * 3}px;
|
|
6907
|
-
z-index: ${i * -1};
|
|
6908
|
-
width:${data?.width ? data?.width : 'auto'};
|
|
6909
|
-
opacity: 1;
|
|
6910
|
-
margin:0
|
|
6911
|
-
`;
|
|
6912
|
-
} else if (action == 'rotate') {
|
|
6913
|
-
value.style.cssText = `
|
|
6914
|
-
position: absolute;
|
|
6915
|
-
top:${i}px;
|
|
6916
|
-
left:${i}px;
|
|
6917
|
-
z-index: ${i * -1};
|
|
6918
|
-
transform: rotate(${4 * (i % 2 ? i * -1 : i)}deg);
|
|
6919
|
-
opacity: 1;
|
|
6920
|
-
margin:0
|
|
6921
|
-
`;
|
|
6922
|
-
}
|
|
6923
|
-
_target?.appendChild(value);
|
|
6924
|
-
});
|
|
6925
|
-
_box?.appendChild(_target);
|
|
6926
|
-
body?.appendChild(_box);
|
|
6927
|
-
box.current = _box;
|
|
6928
|
-
target.current = _target;
|
|
6929
|
-
}
|
|
6930
6860
|
//清空
|
|
6931
6861
|
function empty() {
|
|
6932
6862
|
target.current?.remove();
|
|
@@ -6988,7 +6918,7 @@ const SelectBox = props => {
|
|
|
6988
6918
|
}, 200);
|
|
6989
6919
|
}
|
|
6990
6920
|
time = null;
|
|
6991
|
-
isDrag && createVDom(e);
|
|
6921
|
+
// isDrag && createVDom(e);
|
|
6992
6922
|
return;
|
|
6993
6923
|
}
|
|
6994
6924
|
//在区域未选中
|
|
@@ -7520,10 +7450,10 @@ const Layout$1 = props => {
|
|
|
7520
7450
|
});
|
|
7521
7451
|
};
|
|
7522
7452
|
|
|
7523
|
-
var css_248z$1 = ".frame-main-info {\n height:
|
|
7453
|
+
var css_248z$1 = ".frame-main-info {\n height: 100%;\n width: 100%;\n border-left: 1px solid #6464641a;\n}\n";
|
|
7524
7454
|
styleInject(css_248z$1);
|
|
7525
7455
|
|
|
7526
|
-
var css_248z = ".
|
|
7456
|
+
var css_248z = ".explorer-details {\n height: 100%;\n width: 100%;\n border-left: 1px solid #6464641a;\n}\n.explorer-details .info-header {\n height: 65px;\n background: #f6faff;\n background-image: linear-gradient(190deg, #e5f6ff, #fdfeff);\n border-bottom: 1px solid #eee;\n position: relative;\n z-index: 2;\n}\n.explorer-details .info-header .file-icon {\n position: absolute;\n top: 7px;\n left: 10px;\n width: 50px;\n height: 50px;\n line-height: 50px;\n text-align: center;\n overflow: hidden;\n}\n.explorer-details .info-header .file-icon > span {\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.explorer-details .info-header .file-name {\n font-size: 15px;\n color: #666;\n word-break: break-word;\n padding-right: 30px;\n vertical-align: middle;\n height: 60px;\n padding-left: 65px;\n line-height: 1.2em;\n}\n.explorer-details .info-header .file-name .title {\n width: 100%;\n max-height: 35px;\n line-height: 1.2em;\n padding-top: 12px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.explorer-details .info-header .file-name .desc {\n font-size: 0.9em;\n color: #aaa;\n padding-top: 4px;\n white-space: nowrap;\n}\n.explorer-details .info-content {\n height: calc(100% - 65px);\n width: 100%;\n overflow: hidden;\n overflow-y: auto;\n}\n.explorer-details .info-content .panel-info {\n padding: 10px 0;\n}\n.explorer-details .info-content .panel-info .panel-col {\n padding-left: 15px;\n padding-right: 10px;\n}\n.explorer-details .info-content .panel-info .panel-col > .title {\n float: left;\n color: #999;\n text-align: left;\n padding: 0;\n margin: 0;\n line-height: 25px;\n width: 27%;\n margin-right: 1%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.explorer-details .info-content .panel-info .panel-col > .content {\n float: left;\n word-break: break-word;\n color: #444;\n width: 72%;\n margin: 0;\n line-height: 25px;\n user-select: text;\n font-size: 1em;\n}\n.explorer-details .info-content .panel-info .panel-col > .content-content {\n max-height: 120px;\n text-overflow: ellipsis;\n word-break: break-word;\n overflow: hidden;\n overflow-y: auto;\n padding: 4px 2% 5px 2%;\n}\n.explorer-details .info-content .panel-info .panel-col > .content > textarea {\n border-radius: 5px;\n outline: none;\n width: 100%;\n line-height: 1.2em;\n padding: 4px 2% 4px 2%;\n border: 1px solid transparent;\n box-shadow: 0 0 0 1px #00000014;\n}\n.explorer-details .info-content .panel-info .panel-col > .content textarea:hover {\n box-shadow: 0 0 0 1px #1890ff;\n}\n.explorer-details .tab-group-line {\n margin: 0;\n background: #fafafa;\n border: none;\n text-align: center;\n position: absolute;\n z-index: 2;\n bottom: 0;\n width: 100%;\n padding: 0;\n border-top: 1px solid #eee;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.02);\n font-size: 1em;\n}\n.explorer-details-modal .viewer-modal-header {\n height: 0;\n overflow: unset;\n}\n.explorer-details-modal .header-toolbar {\n background: transparent !important;\n z-index: 10;\n}\n";
|
|
7527
7457
|
styleInject(css_248z);
|
|
7528
7458
|
|
|
7529
7459
|
function DetailsInfo(props) {
|
|
@@ -7608,7 +7538,7 @@ function DetailsInfo(props) {
|
|
|
7608
7538
|
});
|
|
7609
7539
|
}
|
|
7610
7540
|
return jsxs("div", {
|
|
7611
|
-
className: '
|
|
7541
|
+
className: 'explorer-details',
|
|
7612
7542
|
children: [jsxs("div", {
|
|
7613
7543
|
className: 'info-header',
|
|
7614
7544
|
children: [jsx("div", {
|
|
@@ -7661,10 +7591,13 @@ function ExplorerInfo(props) {
|
|
|
7661
7591
|
setInfo(curInfo);
|
|
7662
7592
|
}
|
|
7663
7593
|
}, [curInfo, dataMap, curSelect]);
|
|
7664
|
-
return
|
|
7665
|
-
|
|
7666
|
-
|
|
7667
|
-
|
|
7594
|
+
return jsxs("div", {
|
|
7595
|
+
className: 'frame-main-info',
|
|
7596
|
+
children: [jsx(DetailsInfo, {
|
|
7597
|
+
...props,
|
|
7598
|
+
info: info,
|
|
7599
|
+
getIcons: getIcons
|
|
7600
|
+
}), ";"]
|
|
7668
7601
|
});
|
|
7669
7602
|
}
|
|
7670
7603
|
|
|
@@ -7701,6 +7634,9 @@ const Layout = props => {
|
|
|
7701
7634
|
})
|
|
7702
7635
|
}), jsx("div", {
|
|
7703
7636
|
className: 'frame-main',
|
|
7637
|
+
style: {
|
|
7638
|
+
height: isNavtab ? 'calc(100% - 85px)' : '100%'
|
|
7639
|
+
},
|
|
7704
7640
|
children: jsxs(Draggable, {
|
|
7705
7641
|
className: css(_t || (_t = _`
|
|
7706
7642
|
position: absolute;
|
|
@@ -8268,7 +8204,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
8268
8204
|
}
|
|
8269
8205
|
if (key == 'info') {
|
|
8270
8206
|
openFile({
|
|
8271
|
-
className: '
|
|
8207
|
+
className: 'explorer-details-modal',
|
|
8272
8208
|
modalWidth: 450,
|
|
8273
8209
|
modalHeight: 620,
|
|
8274
8210
|
content: jsx(DetailsInfo, {
|