@gingkoo/pandora-explorer 0.0.1-alpha.89 → 0.0.1-alpha.90
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './index.less';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import { FC, ReactNode } from 'react';
|
|
3
3
|
interface ColumnsProps {
|
|
4
4
|
data: any[];
|
|
5
5
|
className?: string;
|
|
@@ -12,5 +12,5 @@ interface ColumnsProps {
|
|
|
12
12
|
onClick?: (key: any, param: any) => any;
|
|
13
13
|
[key: string]: any;
|
|
14
14
|
}
|
|
15
|
-
|
|
16
|
-
export
|
|
15
|
+
declare const Columns: FC<ColumnsProps>;
|
|
16
|
+
export default Columns;
|
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.90
|
|
3
3
|
*/
|
|
4
4
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
5
5
|
import cx$1 from 'classnames';
|
|
@@ -929,7 +929,7 @@ function UploadSvg() {
|
|
|
929
929
|
});
|
|
930
930
|
}
|
|
931
931
|
|
|
932
|
-
var css_248z$d = ".app-wrapper {\n height: 100%;\n}\n.frame-explorer-main {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.frame-left {\n position: relative;\n border-right: 1px solid rgba(100, 100, 100, 0.1);\n height: 100%;\n}\n.frame-left::after {\n position: absolute;\n content: ' ';\n top: 50%;\n right: 1px;\n width: 1px;\n height: 18px;\n margin-left: -1px;\n margin-top: -9px;\n border: 1px solid #ddd;\n border-top: none;\n border-bottom: none;\n backdrop-filter: none;\n border-radius: 0;\n background: transparent;\n box-sizing: content-box;\n -webkit-backdrop-filter: blur(10px);\n z-index: 2;\n}\n.frame-right {\n border-right: 1px solid #f5f5f5;\n height: 100%;\n}\n.frame-right .frame-header {\n width: 100%;\n height: 85px;\n min-width: 400px;\n position: relative;\n background: #fff;\n}\n.frame-right .frame-main {\n position: relative;\n height: 100%;\n}\n.box {\n display: flex;\n}\n.box .item {\n position: relative;\n width: 100px;\n height: 100px;\n background: red;\n margin-left: 20px;\n transition: 0.3s;\n top: 0;\n left: 0;\n}\n.explorer-label-icon {\n display: inline-block;\n position: relative;\n box-sizing: border-box !important;\n}\n.explorer-label-icon > div {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50% !important;\n}\n.explorer-label-icon > div::after {\n width: 40%;\n height: 40%;\n border-radius: 50%;\n content: ' ';\n background: linear-gradient(45deg, #ffffff7d, #ffffff00);\n margin-top: 4px;\n position: absolute;\n right: 15%;\n top: 15%;\n}\n";
|
|
932
|
+
var css_248z$d = ".app-wrapper {\n height: 100%;\n}\n.frame-explorer-main {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n* {\n user-select: none;\n}\n.frame-left {\n position: relative;\n border-right: 1px solid rgba(100, 100, 100, 0.1);\n height: 100%;\n}\n.frame-left::after {\n position: absolute;\n content: ' ';\n top: 50%;\n right: 1px;\n width: 1px;\n height: 18px;\n margin-left: -1px;\n margin-top: -9px;\n border: 1px solid #ddd;\n border-top: none;\n border-bottom: none;\n backdrop-filter: none;\n border-radius: 0;\n background: transparent;\n box-sizing: content-box;\n -webkit-backdrop-filter: blur(10px);\n z-index: 2;\n}\n.frame-right {\n border-right: 1px solid #f5f5f5;\n height: 100%;\n}\n.frame-right .frame-header {\n width: 100%;\n height: 85px;\n min-width: 400px;\n position: relative;\n background: #fff;\n}\n.frame-right .frame-main {\n position: relative;\n height: 100%;\n}\n.box {\n display: flex;\n}\n.box .item {\n position: relative;\n width: 100px;\n height: 100px;\n background: red;\n margin-left: 20px;\n transition: 0.3s;\n top: 0;\n left: 0;\n}\n.explorer-label-icon {\n display: inline-block;\n position: relative;\n box-sizing: border-box !important;\n}\n.explorer-label-icon > div {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50% !important;\n}\n.explorer-label-icon > div::after {\n width: 40%;\n height: 40%;\n border-radius: 50%;\n content: ' ';\n background: linear-gradient(45deg, #ffffff7d, #ffffff00);\n margin-top: 4px;\n position: absolute;\n right: 15%;\n top: 15%;\n}\n";
|
|
933
933
|
styleInject(css_248z$d);
|
|
934
934
|
|
|
935
935
|
const {
|
|
@@ -8058,7 +8058,7 @@ function Item(props) {
|
|
|
8058
8058
|
})]
|
|
8059
8059
|
});
|
|
8060
8060
|
}
|
|
8061
|
-
|
|
8061
|
+
const Columns = /*#__PURE__*/forwardRef((props, _ref) => {
|
|
8062
8062
|
const {
|
|
8063
8063
|
store,
|
|
8064
8064
|
width: _w,
|
|
@@ -8533,7 +8533,7 @@ function Columns(props) {
|
|
|
8533
8533
|
})
|
|
8534
8534
|
})]
|
|
8535
8535
|
});
|
|
8536
|
-
}
|
|
8536
|
+
});
|
|
8537
8537
|
|
|
8538
8538
|
/**
|
|
8539
8539
|
* 优化方案
|
|
@@ -8814,7 +8814,7 @@ const Layout$1 = props => {
|
|
|
8814
8814
|
children: [jsx("span", {
|
|
8815
8815
|
className: 'desc-title',
|
|
8816
8816
|
children: `${store.totalNum + '个'}项目`
|
|
8817
|
-
}), store?.curSelect && store.dataMap && store.dataMap[store?.curSelect]?.size && jsx("span", {
|
|
8817
|
+
}), store?.curSelect && store.dataMap && typeof store.dataMap[store?.curSelect]?.size == 'number' && jsx("span", {
|
|
8818
8818
|
className: 'desc-size',
|
|
8819
8819
|
children: convertBytesToSize(store.dataMap[store?.curSelect]?.size)
|
|
8820
8820
|
})]
|
|
@@ -8845,7 +8845,7 @@ const Layout$1 = props => {
|
|
|
8845
8845
|
var css_248z$1 = ".frame-main-info {\n height: 100%;\n width: 100%;\n border-left: 1px solid #6464641a;\n}\n.frame-main-info * {\n user-select: none;\n}\n";
|
|
8846
8846
|
styleInject(css_248z$1);
|
|
8847
8847
|
|
|
8848
|
-
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.background .info-header-background {\n position: relative;\n height: 150px;\n}\n.explorer-details.background .info-header-background img {\n width: 100%;\n height: 100%;\n border-radius: 0;\n max-width: inherit;\n max-height: inherit;\n box-shadow: none;\n object-fit: cover;\n}\n.explorer-details.background .info-header-background .title {\n width: 100%;\n position: absolute;\n bottom: 0;\n background: #00000030;\n color: #fff;\n padding: 0 10px;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.explorer-details.background .info-content {\n height: calc(100% -
|
|
8848
|
+
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.background .info-header-background {\n user-select: none;\n position: relative;\n height: 150px;\n}\n.explorer-details.background .info-header-background img {\n width: 100%;\n height: 100%;\n border-radius: 0;\n max-width: inherit;\n max-height: inherit;\n box-shadow: none;\n object-fit: cover;\n pointer-events: none;\n}\n.explorer-details.background .info-header-background .title {\n width: 100%;\n position: absolute;\n bottom: 0;\n background: #00000030;\n color: #fff;\n padding: 0 10px;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.explorer-details.background .info-content {\n height: calc(100% - 150px);\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";
|
|
8849
8849
|
styleInject(css_248z);
|
|
8850
8850
|
|
|
8851
8851
|
// const Image = (src: string) => {
|
|
@@ -9721,6 +9721,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
9721
9721
|
className: 'explorer-details-modal',
|
|
9722
9722
|
modalWidth: 450,
|
|
9723
9723
|
modalHeight: 620,
|
|
9724
|
+
draggable: true,
|
|
9724
9725
|
content: jsx(DetailsInfo, {
|
|
9725
9726
|
info: param,
|
|
9726
9727
|
getIcons: Icons,
|