@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.
Files changed (4) hide show
  1. package/lib/es/components/columns/index.d.ts +3 -3
  2. package/lib/es/index.js +7 -6
  3. package/lib/es/index.js.map +1 -1
  4. package/package.json +1 -1
package/lib/es/components/columns/index.d.ts CHANGED
@@ -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
- export default function Columns(props: ColumnsProps): import("react/jsx-runtime").JSX.Element;
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.89
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
- function Columns(props) {
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% - 65px);\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";
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,