@yelingfeng/pandora2 1.0.0 → 1.0.2

package/dist/packages/components/PdCharts/index.d.ts

@@ -3,5 +3,5 @@ export { Charts };
 export declare const PdCharts: any;
 export default PdCharts;
 export type ChartsInstance = InstanceType<typeof PdCharts>;
-export { useAutoresize, useCharts, useEventListener, useLoading, usePublicAPI } from './src/hooks/index';
+export { useAutoresize, useCharts, useLoading, usePublicAPI } from './src/hooks/index';
 export * from './src/types';

package/dist/packages/components/PdCharts/src/charts/bar/bar01.d.ts

@@ -0,0 +1 @@
+export declare const build: (originData: any, chartConfig?: Record<string, any>) => Recordable<any>;

package/dist/packages/components/PdCharts/src/charts/bar/bar02.d.ts

@@ -0,0 +1,2 @@
+import type { EChartsOption } from 'echarts';
+export declare const build: (originData: any) => EChartsOption;

package/dist/packages/components/PdCharts/src/charts/bar/index.d.ts

@@ -0,0 +1,2 @@
+declare const result: any;
+export default result;

package/dist/packages/components/PdCharts/src/charts/pie/pie01.d.ts

@@ -3,4 +3,4 @@ import type { EChartsOption } from 'echarts';
  *
  * @param originData 原始数据
  */
-export declare const build: (originData: any) => EChartsOption;
+export declare const build: (originData: any, _config?: Record<string, any>) => EChartsOption;

package/dist/packages/components/PdCharts/src/charts/pie/pie02.d.ts

@@ -3,4 +3,4 @@ import type { EChartsOption } from 'echarts';
  *
  * @param originData 原始数据
  */
-export declare const build: (originData: any) => EChartsOption;
+export declare const build: (originData: any, _config?: Record<string, any>) => EChartsOption;

package/dist/packages/components/PdCharts/src/props/index.d.ts

@@ -13,6 +13,10 @@ export declare const defaultProps: {
         type: PropType<import("echarts/types/dist/shared").ECBasicOption>;
         default: () => void;
     };
+    chartConfig: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
     group: StringConstructor;
     initOptions: PropType<import("echarts/types/dist/shared").EChartsInitOpts>;
     updateOptions: PropType<import("echarts/types/dist/shared").SetOptionOpts>;

package/dist/packages/components/PdCharts/src/transform/index.d.ts

@@ -4,15 +4,11 @@ import type { ChartTypes } from '../types/chart';
  * @param data
  * @param chartName
  */
-export declare const transformOriginDataToSeries: (data: any, chartName: ChartTypes) => {
-    series: any;
-    category: any;
-};
+export declare const transformOriginDataToSeries: (data: any, chartName: ChartTypes) => any;
 /**
  *
  * 转化饼图数据 生成 echarts Series 对象
  */
-export declare const transformPieDataToSeries: (data: any, colors: any) => {
-    category: any;
-    series: any;
-};
+export declare const transformPieDataToSeries: (data: any, colors: any) => any;
+export declare const transformGroupDataToSeries: (data: any, chartName: ChartTypes) => any;
+export declare const transformRankBarData: (data: any) => any;

package/dist/packages/components/PdCharts/src/transform/seriesHelper.d.ts

@@ -1,31 +1,34 @@
 import type { ChartTypes } from '../types/chart';
 /**
- * 多分组构建 用于线图 柱图 地图等多分组类图表
- * getGroupSeriesObj
- * @param {Array} originData 原始数据集合
- * @param {Object} props 属性集合对象
- * @param {String} __chartName__ 图表标识
- * @return  {category,xAxis,series,data}
+ * 多分组图表（bar / line / map）
  */
-export declare const getGroupSeriesObj: (originData: any, name: any) => {
+export declare const getGroupSeriesObj: (originData: any[], name: ChartTypes) => {
     category: never[];
     xAxis: never[];
     series: never[];
 } | {
-    xAxis: any;
+    xAxis: any[];
     series: any;
 };
 /**
- * 普通非分组类图表series构建方法
- * [ 2.0需求 也需要支持xAixs功能 ]
- * getNormalSeriesObj
- * @param  {Array} originData  原始数据
- * @param  {Object} props       属性对象
- * @param  {String} __chartName__ 图表表示 bar line map
- * @return
+ * 普通非分组图表
  */
-export declare const getNormalSeriesObj: (originData: any, __chartName__: ChartTypes) => {
-    category: any;
-    seriesObj: any;
+export declare const getNormalSeriesObj: (originData: any[], chartName: ChartTypes) => {
+    category: string[];
+    seriesObj: {
+        type: ChartTypes;
+        data: {
+            name: any;
+            value: any;
+            dataObj: any;
+            info: any;
+            group: string;
+        }[];
+    };
 };
-export declare const getCategory: (originData: any) => any;
+/**
+ * 获取图例
+ */
+export declare const getCategory: (originData: any[]) => {
+    name: string;
+}[];

package/dist/packages/components/PdCharts/src/types/chart.d.ts

@@ -16,4 +16,4 @@ export type ChartTypes = IChartType[keyof IChartType];
 /**
  * 二级图表
  */
-export type SubChartType = 'pie01' | 'pie02' | 'pie03';
+export type SubChartType = 'pie01' | 'pie02' | 'pie03' | 'bar01' | 'bar02';

package/dist/packages/components/PdCharts/src/types/index.d.ts

@@ -66,6 +66,7 @@ export type AutoresizeProp = boolean | {
 export interface ChartsProps {
     data?: any[];
     options?: ChartsOption;
+    chartConfig?: Record<string, any>;
     theme?: Theme;
     chartType?: string;
     subChartType?: string;

package/dist/packages/components/PdCharts/src/utils/core.d.ts

@@ -4,4 +4,4 @@ import { ChartTypes, SubChartType } from '../types/chart';
  * echarts 构建 封装
  * build
  */
-export declare const build: (data: any, chartType: ChartTypes, subChartType: SubChartType) => EChartsOption;
+export declare const build: (data: any, chartType: ChartTypes, subChartType: SubChartType, chartConfig?: Record<string, any>) => EChartsOption;

package/dist/packages/components/PdForm/index.d.ts

@@ -1,6 +1,6 @@
 import Form from './src/index.vue';
 import FormItem from './src/components/FormItem.vue';
-import type { SFCWithInstall } from '../../../src/_utils/vue/typescript';
+import type { SFCWithInstall } from '../../shared/_utils/vue/typescript';
 export { useComponentRegister } from './src/hooks/useComponentRegister';
 export { useForm } from './src/hooks/useForm';
 export declare const PdForm: SFCWithInstall<typeof Form> & {

package/dist/packages/components/PdPageLayout/index.d.ts

@@ -1,6 +1,6 @@
 import index from './index.vue';
 import tree from './tree.vue';
-import type { SFCWithInstall } from '../../../src/_utils/vue/typescript';
+import type { SFCWithInstall } from '../../shared/_utils/vue/typescript';
 export declare const PdPageLayout: SFCWithInstall<typeof index>;
 export declare const PdPageTreeLayout: SFCWithInstall<typeof tree>;
 export default PdPageLayout;

package/dist/packages/components/PdTable/index.d.ts

@@ -1,5 +1,7 @@
-export declare const PdTable: import('../../../src/_utils/vue').SFCWithInstall<import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+export declare const PdTable: import('../../shared/_utils/vue').SFCWithInstall<import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+export declare const ColorfulTable: import('../../shared/_utils/vue').SFCWithInstall<import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default PdTable;
 export type TableInstance = InstanceType<typeof PdTable>;
+export type ColorfulTableInstance = InstanceType<typeof ColorfulTable>;
+export { default as TableScreenshot } from './src/colorful/screenshot';
 export * from './src/types';
-export { useTable } from './src/hooks/useTable';

package/dist/packages/components/PdTable/src/colorful/summary.d.ts

@@ -0,0 +1,27 @@
+import { type VNodeChild } from 'vue';
+export interface SummaryMeta {
+    prop: string;
+    valueText: string;
+    color?: string;
+    tooltip?: string;
+    udFlag?: string;
+    clickable: boolean;
+}
+export interface DataCellMeta {
+    prop: string;
+    valueText: string;
+    color?: string;
+    tooltip?: string;
+    udFlag?: string;
+    clickable?: boolean;
+}
+export declare function isTimeString(v: unknown): boolean;
+export declare function shouldUnderlineText(text: string): boolean;
+export declare function formatNumberValueOnly(input: unknown, decimalPlaces?: number): string;
+export declare function formatTrafficRate(input: unknown, inputUnit?: 'kbps' | 'mbps' | 'gbps', decimalPlaces?: number): string;
+export declare function inferTrafficUnit(prop: string): 'kbps' | 'mbps' | 'gbps';
+export declare function formatValueByProp(prop: string, rawVal: any): string;
+export declare function buildSummaryMeta(row: Record<string, any>, prop: string, valueText: string, clickable: boolean): SummaryMeta;
+export declare function buildDataCellMeta(row: Record<string, any>, prop: string, valueText: string): DataCellMeta;
+export declare function renderSummaryCell(meta: SummaryMeta, onClick?: (prop: string) => void): VNodeChild;
+export declare function renderDataCell(meta: DataCellMeta, onClick?: (prop: string) => void): VNodeChild;

package/dist/packages/hooks/index.d.ts

@@ -1 +1,4 @@
 export { useForm } from '../components/PdForm/src/hooks/useForm';
+export { useTable } from '../components/PdTable/src/hooks/useTable';
+export { useAutoresize, useCharts, useLoading, usePublicAPI } from '../components/PdCharts/src/hooks/index';
+export { useEventListener as useChartsEventListener } from '../components/PdCharts/src/hooks/useEventListener';

package/dist/pandora2.css

@@ -1 +1 @@
-.vpandora-pagination{margin-top:10px}.vpandora-table{width:100%;height:100%}.vpandora-table .combo-wrapper{display:flex;align-items:center;justify-content:center}.vpandora-table .combo-wrapper .el-image{margin-right:7px}.vpandora-table>.active-thead .sort-caret.descending{border-top-color:#409eff}.vpandora-table>.active-thead .sort-caret.ascending{border-top-color:#409eff}.vpandora-table .column-wrapper{display:inline-flex;flex-direction:column;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.vpandora-table .el-radio__label{display:none}.pandora-basic-arrow[data-v-b5173730]{display:inline-block;cursor:pointer;transform:rotate(0);transition:all .3s ease .1s;transform-origin:center center}.pandora-basic-arrow--active[data-v-b5173730]{transform:rotate(90deg)}.pandora-basic-arrow.inset[data-v-b5173730]{line-height:0px}.pandora-basic-arrow.up[data-v-b5173730]{transform:rotate(-90deg)}.pandora-basic-arrow.down[data-v-b5173730],.pandora-basic-arrow.up.pandora-basic-arrow--active[data-v-b5173730]{transform:rotate(90deg)}.pandora-basic-arrow.down.pandora-basic-arrow--active[data-v-b5173730]{transform:rotate(-90deg)}.pandora-basic-help{display:block;margin-left:6px;font-size:14px;width:16px;height:16px;color:#909399;cursor:pointer;float:right;margin-top:3px}.pandora-basic-help:hover{color:#0960bd}.pandora-basic-help__wrap p{margin-bottom:0}.vpandora-form{position:relative;width:100%}.vpandora-form .el-select,.vpandora-form .el-date-editor.el-input,.vpandora-form .el-radio-group{width:100%}.vpandora-form .el-range-editor.el-input__wrapper{box-sizing:border-box;width:100%}.vpandora-form .el-input__wrapper,.vpandora-form .el-textarea__inner,.vpandora-form .el-button{border-radius:0}.vpandora-form .el-form-item__label{color:#777}.vpandora-form.collapsed .el-form-item{margin-bottom:0!important}.next-loading{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2000;overflow:hidden}.next-loading.next-open{pointer-events:none}.next-loading.next-open .next-loading-component{opacity:.7;filter:blur(1px);position:relative;pointer-events:none}.next-loading-masker{position:absolute;inset:0;z-index:99;background-color:#00000026}.next-loading-inline{display:inline-block}.next-loading-tip{display:block;position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);text-align:center}.next-loading-tip-fullscreen{top:inherit;left:inherit;transform:inherit}.next-loading-tip-placeholder{display:none}.next-loading-right-tip .next-loading-indicator{display:inline-block}.next-loading-right-tip .next-loading-tip-content{position:absolute;display:block;top:50%;right:0;transform:translateY(-50%)}.next-loading-right-tip .next-loading-tip-placeholder{display:inline-block;visibility:hidden;margin-left:1em}.next-loading-fusion-reactor{display:inline-block;width:48px;width:var(--loading-large-size, 48px);height:48px;height:var(--loading-large-size, 48px);position:relative;margin:0;animation-duration:5.6s;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:nextVectorRoute;will-change:transform}.next-loading-fusion-reactor .next-loading-dot{position:absolute;margin:auto;width:12px;width:var(--loading-large-dot-size, 12px);height:12px;height:var(--loading-large-dot-size, 12px);border-radius:50%;background:#0064c8;background:var(--loading-dot-color, #0064c8);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:1.4s;will-change:transform,opacity}.next-loading-fusion-reactor .next-loading-dot:first-child{top:0;bottom:0;left:0;animation-name:nextVectorDotsX}.next-loading-fusion-reactor .next-loading-dot:nth-child(2){left:0;right:0;top:0;opacity:.8;animation-name:nextVectorDotsY}.next-loading-fusion-reactor .next-loading-dot:nth-child(3){top:0;bottom:0;right:0;opacity:.6;animation-name:nextVectorDotsXR}.next-loading-fusion-reactor .next-loading-dot:nth-child(4){left:0;right:0;bottom:0;opacity:.2;animation-name:nextVectorDotsYR}.next-loading-medium-fusion-reactor{width:32px;width:var(--loading-medium-size, 32px);height:32px;height:var(--loading-medium-size, 32px)}.next-loading-medium-fusion-reactor .next-loading-dot{width:8px;width:var(--loading-medium-dot-size, 8px);height:8px;height:var(--loading-medium-dot-size, 8px)}.next-loading-medium-fusion-reactor .next-loading-dot:first-child{animation-name:nextVectorDotsX-medium}.next-loading-medium-fusion-reactor .next-loading-dot:nth-child(2){animation-name:nextVectorDotsY-medium}.next-loading-medium-fusion-reactor .next-loading-dot:nth-child(3){animation-name:nextVectorDotsXR-medium}.next-loading-medium-fusion-reactor .next-loading-dot:nth-child(4){animation-name:nextVectorDotsYR-medium}@keyframes nextVectorRoute{0%{transform:rotate(0)}5%{transform:rotate(90deg)}25%{transform:rotate(90deg)}30%{transform:rotate(180deg)}50%{transform:rotate(180deg)}55%{transform:rotate(270deg)}75%{transform:rotate(270deg)}80%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes nextVectorDotsYR{25%{bottom:0}45%,50%{bottom:16.8px;bottom:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{bottom:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsY{25%{top:0}45%,50%{top:16.8px;top:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{top:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsX{25%{left:0}45%,50%{left:16.8px;left:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{left:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsXR{25%{right:0}45%,50%{right:16.8px;right:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{right:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsYR-medium{25%{bottom:0}45%,50%{bottom:11.2px;bottom:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{bottom:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@keyframes nextVectorDotsY-medium{25%{top:0}45%,50%{top:11.2px;top:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{top:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@keyframes nextVectorDotsX-medium{25%{left:0}45%,50%{left:11.2px;left:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{left:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@keyframes nextVectorDotsXR-medium{25%{right:0}45%,50%{right:11.2px;right:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{right:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@media(prefers-reduced-motion:reduce){.next-loading-fusion-reactor,.next-loading-fusion-reactor .next-loading-dot{animation-duration:.01ms;animation-iteration-count:1}}.pandora-page-layout[data-v-e8e3119d]{width:100%;min-width:900px;background:#f6f8f9}.pandora-page-layout .pandora-form-section[data-v-e8e3119d]{position:relative;width:100%;background:#fff;box-shadow:0 3px 10px #0000000f;border-radius:2px;padding:10px 18px;box-sizing:border-box;display:flex;min-height:50px}.pandora-page-layout .pandora-form-section .pandora-form-content[data-v-e8e3119d]{flex:1;min-width:0;display:flex;align-items:center;min-height:inherit;flex-wrap:wrap}.pandora-page-layout .pandora-table-section[data-v-e8e3119d]{margin-top:15px;position:relative;width:100%;background:#fff;box-shadow:0 3px 10px #0000000f;border-radius:2px;padding:10px 18px;box-sizing:border-box}.pandora-page-tree-layout[data-v-1cfd0561]{display:flex;width:100%;align-items:stretch;position:relative;background:#f6f8f9}.pandora-page-tree-layout .pandora-sidebar[data-v-1cfd0561]{flex:none;background:#fff;border-right:1px solid #ebeef5;overflow:visible;position:relative;transition:width .2s ease;height:100%;z-index:10}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-inner[data-v-1cfd0561]{display:flex;flex-direction:column;height:100%;padding:10px 12px;box-sizing:border-box;overflow:hidden;white-space:nowrap}.pandora-page-tree-layout .pandora-sidebar.collapsed .pandora-sidebar-inner[data-v-1cfd0561]{padding:0;display:none}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-header[data-v-1cfd0561]{flex:none}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-content[data-v-1cfd0561]{flex:1;overflow:auto}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-handle[data-v-1cfd0561]{position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:16px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:0 2px 2px 0;box-shadow:0 4px 12px #0000001f;cursor:pointer;z-index:10}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-handle[data-v-1cfd0561]:hover{box-shadow:0 6px 16px #00000029}.pandora-page-tree-layout .pandora-content[data-v-1cfd0561]{flex:1;height:100%;overflow:hidden;position:relative;z-index:1}pandora-charts{display:block;width:100%;height:100%;min-width:0}
+pandora-charts{display:block;width:100%;height:100%;min-width:0}.pandora-basic-arrow[data-v-b5173730]{display:inline-block;cursor:pointer;transform:rotate(0);transition:all .3s ease .1s;transform-origin:center center}.pandora-basic-arrow--active[data-v-b5173730]{transform:rotate(90deg)}.pandora-basic-arrow.inset[data-v-b5173730]{line-height:0px}.pandora-basic-arrow.up[data-v-b5173730]{transform:rotate(-90deg)}.pandora-basic-arrow.down[data-v-b5173730],.pandora-basic-arrow.up.pandora-basic-arrow--active[data-v-b5173730]{transform:rotate(90deg)}.pandora-basic-arrow.down.pandora-basic-arrow--active[data-v-b5173730]{transform:rotate(-90deg)}.pandora-basic-help{display:block;margin-left:6px;font-size:14px;width:16px;height:16px;color:#909399;cursor:pointer;float:right;margin-top:3px}.pandora-basic-help:hover{color:#0960bd}.pandora-basic-help__wrap p{margin-bottom:0}.vpandora-form{position:relative;width:100%}.vpandora-form .el-select,.vpandora-form .el-date-editor.el-input,.vpandora-form .el-radio-group{width:100%}.vpandora-form .el-range-editor.el-input__wrapper{box-sizing:border-box;width:100%}.vpandora-form .el-input__wrapper,.vpandora-form .el-textarea__inner,.vpandora-form .el-button{border-radius:0}.vpandora-form .el-form-item__label{color:#777}.vpandora-form.collapsed .el-form-item{margin-bottom:0!important}.next-loading{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2000;overflow:hidden}.next-loading.next-open{pointer-events:none}.next-loading.next-open .next-loading-component{opacity:.7;filter:blur(1px);position:relative;pointer-events:none}.next-loading-masker{position:absolute;inset:0;z-index:99;background-color:#00000026}.next-loading-inline{display:inline-block}.next-loading-tip{display:block;position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);text-align:center}.next-loading-tip-fullscreen{top:inherit;left:inherit;transform:inherit}.next-loading-tip-placeholder{display:none}.next-loading-right-tip .next-loading-indicator{display:inline-block}.next-loading-right-tip .next-loading-tip-content{position:absolute;display:block;top:50%;right:0;transform:translateY(-50%)}.next-loading-right-tip .next-loading-tip-placeholder{display:inline-block;visibility:hidden;margin-left:1em}.next-loading-fusion-reactor{display:inline-block;width:48px;width:var(--loading-large-size, 48px);height:48px;height:var(--loading-large-size, 48px);position:relative;margin:0;animation-duration:5.6s;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:nextVectorRoute;will-change:transform}.next-loading-fusion-reactor .next-loading-dot{position:absolute;margin:auto;width:12px;width:var(--loading-large-dot-size, 12px);height:12px;height:var(--loading-large-dot-size, 12px);border-radius:50%;background:#0064c8;background:var(--loading-dot-color, #0064c8);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:1.4s;will-change:transform,opacity}.next-loading-fusion-reactor .next-loading-dot:first-child{top:0;bottom:0;left:0;animation-name:nextVectorDotsX}.next-loading-fusion-reactor .next-loading-dot:nth-child(2){left:0;right:0;top:0;opacity:.8;animation-name:nextVectorDotsY}.next-loading-fusion-reactor .next-loading-dot:nth-child(3){top:0;bottom:0;right:0;opacity:.6;animation-name:nextVectorDotsXR}.next-loading-fusion-reactor .next-loading-dot:nth-child(4){left:0;right:0;bottom:0;opacity:.2;animation-name:nextVectorDotsYR}.next-loading-medium-fusion-reactor{width:32px;width:var(--loading-medium-size, 32px);height:32px;height:var(--loading-medium-size, 32px)}.next-loading-medium-fusion-reactor .next-loading-dot{width:8px;width:var(--loading-medium-dot-size, 8px);height:8px;height:var(--loading-medium-dot-size, 8px)}.next-loading-medium-fusion-reactor .next-loading-dot:first-child{animation-name:nextVectorDotsX-medium}.next-loading-medium-fusion-reactor .next-loading-dot:nth-child(2){animation-name:nextVectorDotsY-medium}.next-loading-medium-fusion-reactor .next-loading-dot:nth-child(3){animation-name:nextVectorDotsXR-medium}.next-loading-medium-fusion-reactor .next-loading-dot:nth-child(4){animation-name:nextVectorDotsYR-medium}@keyframes nextVectorRoute{0%{transform:rotate(0)}5%{transform:rotate(90deg)}25%{transform:rotate(90deg)}30%{transform:rotate(180deg)}50%{transform:rotate(180deg)}55%{transform:rotate(270deg)}75%{transform:rotate(270deg)}80%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes nextVectorDotsYR{25%{bottom:0}45%,50%{bottom:16.8px;bottom:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{bottom:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsY{25%{top:0}45%,50%{top:16.8px;top:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{top:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsX{25%{left:0}45%,50%{left:16.8px;left:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{left:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsXR{25%{right:0}45%,50%{right:16.8px;right:calc(var(--loading-large-size, 48px) / 2 - var(--loading-large-dot-size, 12px) * 1.2 / 2);width:14.4px;width:calc(var(--loading-large-dot-size, 12px) * 1.2);height:14.4px;height:calc(var(--loading-large-dot-size, 12px) * 1.2)}90%{right:0;height:12px;height:var(--loading-large-dot-size, 12px);width:12px;width:var(--loading-large-dot-size, 12px)}}@keyframes nextVectorDotsYR-medium{25%{bottom:0}45%,50%{bottom:11.2px;bottom:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{bottom:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@keyframes nextVectorDotsY-medium{25%{top:0}45%,50%{top:11.2px;top:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{top:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@keyframes nextVectorDotsX-medium{25%{left:0}45%,50%{left:11.2px;left:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{left:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@keyframes nextVectorDotsXR-medium{25%{right:0}45%,50%{right:11.2px;right:calc(var(--loading-medium-size, 32px) / 2 - var(--loading-medium-dot-size, 8px) * 1.2 / 2);width:9.6px;width:calc(var(--loading-medium-dot-size, 8px) * 1.2);height:9.6px;height:calc(var(--loading-medium-dot-size, 8px) * 1.2)}90%{right:0;height:8px;height:var(--loading-medium-dot-size, 8px);width:8px;width:var(--loading-medium-dot-size, 8px)}}@media(prefers-reduced-motion:reduce){.next-loading-fusion-reactor,.next-loading-fusion-reactor .next-loading-dot{animation-duration:.01ms;animation-iteration-count:1}}.pandora-page-layout[data-v-e8e3119d]{width:100%;min-width:900px;background:#f6f8f9}.pandora-page-layout .pandora-form-section[data-v-e8e3119d]{position:relative;width:100%;background:#fff;box-shadow:0 3px 10px #0000000f;border-radius:2px;padding:10px 18px;box-sizing:border-box;display:flex;min-height:50px}.pandora-page-layout .pandora-form-section .pandora-form-content[data-v-e8e3119d]{flex:1;min-width:0;display:flex;align-items:center;min-height:inherit;flex-wrap:wrap}.pandora-page-layout .pandora-table-section[data-v-e8e3119d]{margin-top:15px;position:relative;width:100%;background:#fff;box-shadow:0 3px 10px #0000000f;border-radius:2px;padding:10px 18px;box-sizing:border-box}.pandora-page-tree-layout[data-v-1cfd0561]{display:flex;width:100%;align-items:stretch;position:relative;background:#f6f8f9}.pandora-page-tree-layout .pandora-sidebar[data-v-1cfd0561]{flex:none;background:#fff;border-right:1px solid #ebeef5;overflow:visible;position:relative;transition:width .2s ease;height:100%;z-index:10}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-inner[data-v-1cfd0561]{display:flex;flex-direction:column;height:100%;padding:10px 12px;box-sizing:border-box;overflow:hidden;white-space:nowrap}.pandora-page-tree-layout .pandora-sidebar.collapsed .pandora-sidebar-inner[data-v-1cfd0561]{padding:0;display:none}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-header[data-v-1cfd0561]{flex:none}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-content[data-v-1cfd0561]{flex:1;overflow:auto}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-handle[data-v-1cfd0561]{position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:16px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:0 2px 2px 0;box-shadow:0 4px 12px #0000001f;cursor:pointer;z-index:10}.pandora-page-tree-layout .pandora-sidebar .pandora-sidebar-handle[data-v-1cfd0561]:hover{box-shadow:0 6px 16px #00000029}.pandora-page-tree-layout .pandora-content[data-v-1cfd0561]{flex:1;height:100%;overflow:hidden;position:relative;z-index:1}.vpandora-pagination{margin-top:10px}.vpandora-table{width:100%;height:100%}.vpandora-table .combo-wrapper{display:flex;align-items:center;justify-content:center}.vpandora-table .combo-wrapper .el-image{margin-right:7px}.vpandora-table>.active-thead .sort-caret.descending{border-top-color:#409eff}.vpandora-table>.active-thead .sort-caret.ascending{border-top-color:#409eff}.vpandora-table .column-wrapper{display:inline-flex;flex-direction:column;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.vpandora-table .el-radio__label{display:none}.vpandora-colorful-table{position:relative;width:100%;height:100%}.vpandora-colorful-table .colorful-loading{position:absolute;inset:0;z-index:10}.vpandora-colorful-table .colorful-loading-mask{position:absolute;inset:0;background:#fff9}.vpandora-colorful-table .colorful-loading-indicator{position:absolute;top:50%;left:50%;width:28px;height:28px;margin-left:-14px;margin-top:-14px;border-radius:50%;border:3px solid #dcdfe6;border-top-color:#409eff;animation:colorful-spin 1s linear infinite}@keyframes colorful-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vpandora-colorful-table .colorful-summary-cell{display:inline-flex;align-items:center;justify-content:center;position:relative;gap:4px}.vpandora-colorful-table .colorful-summary-cell.is-clickable{cursor:pointer}.vpandora-colorful-table .colorful-summary-info{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid #c0c4cc;font-size:10px;line-height:12px;color:#909399;flex:0 0 auto}.vpandora-colorful-table .colorful-summary-arrow{position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-size:12px;line-height:1}.vpandora-colorful-table .el-table__footer-wrapper td:hover .colorful-underline,.vpandora-colorful-table .el-table__body td:hover .colorful-underline{text-decoration:underline}.vpandora-colorful-table .colorful-cell{display:inline-flex;align-items:center;justify-content:center;position:relative;gap:4px}.vpandora-colorful-table .colorful-cell.is-clickable{cursor:pointer}.vpandora-colorful-table .colorful-cell-info{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid #c0c4cc;font-size:10px;line-height:12px;color:#909399;flex:0 0 auto}.vpandora-colorful-table .colorful-cell-arrow{position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-size:12px;line-height:1}.vpandora-colorful-table .colorful-row-highlight{background-color:#ecf5ff!important}.vpandora-colorful-table .colorful-row-highlight:hover{background-color:#d9ecff!important}