@qn-pandora/pandora-component 3.0.2 → 4.0.0

package/lib/components/TreeSelector/style.css

@@ -2,10 +2,21 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
-  top: auto !important;
-  bottom: auto !important;
-  height: 14px !important;
+@-webkit-keyframes ant-tree-node-fx-do-not-use {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes ant-tree-node-fx-do-not-use {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @-webkit-keyframes antCheckboxEffect {
   0% {
@@ -92,7 +103,7 @@
 .ant-select-tree-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 22%;
+  left: 21.5%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -245,7 +256,7 @@
   border-color: rgba(0, 0, 0, 0.25);
 }
 .ant-tree-select-dropdown {
-  padding: 8px 4px 0;
+  padding: 8px 4px;
 }
 .ant-tree-select-dropdown-rtl {
   direction: rtl;
@@ -258,9 +269,6 @@
       -ms-flex-align: stretch;
           align-items: stretch;
 }
-.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode {
-  padding-bottom: 8px;
-}
 .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
   -webkit-box-flex: 1;
       -ms-flex: auto;
@@ -301,6 +309,26 @@
       -ms-flex: auto;
           flex: auto;
 }
+.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
+  position: relative;
+}
+.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 4px;
+  left: 0;
+  border: 1px solid #7a869a;
+  opacity: 0;
+  -webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
+          animation: ant-tree-node-fx-do-not-use 0.3s;
+  -webkit-animation-play-state: running;
+          animation-play-state: running;
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+  content: '';
+  pointer-events: none;
+}
 .ant-select-tree .ant-select-tree-treenode {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -338,6 +366,17 @@
   display: inline-block;
   width: 24px;
 }
+.ant-select-tree-draggable-icon {
+  width: 24px;
+  line-height: 24px;
+  text-align: center;
+  opacity: 0.2;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s;
+}
+.ant-select-tree-treenode:hover .ant-select-tree-draggable-icon {
+  opacity: 0.45;
+}
 .ant-select-tree-switcher {
   position: relative;
   -webkit-box-flex: 0;
@@ -388,16 +427,16 @@
 .ant-select-tree-switcher-leaf-line::before {
   position: absolute;
   top: 0;
+  right: 12px;
   bottom: -4px;
   margin-left: -1px;
-  border-left: 1px solid #ffffff;
+  border-right: 1px solid #ffffff;
   content: ' ';
 }
 .ant-select-tree-switcher-leaf-line::after {
   position: absolute;
   width: 10px;
   height: 14px;
-  margin-left: -1px;
   border-bottom: 1px solid #ffffff;
   content: ' ';
 }
@@ -441,14 +480,14 @@
 .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
   background-color: transparent;
 }
-.ant-select-tree-node-content-wrapper[draggable='true'] {
+.ant-select-tree-node-content-wrapper {
   line-height: 24px;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-.ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator {
+.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
   position: absolute;
   z-index: 1;
   height: 2px;
@@ -456,7 +495,7 @@
   border-radius: 1px;
   pointer-events: none;
 }
-.ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
+.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
   position: absolute;
   top: -3px;
   left: -6px;
@@ -490,7 +529,12 @@
   background: #ffffff;
 }
 .ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
-  vertical-align: -0.225em;
+  vertical-align: -0.15em;
+}
+.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
+  top: auto !important;
+  bottom: auto !important;
+  height: 14px !important;
 }
 .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
   -webkit-transform: rotate(90deg);
@@ -515,12 +559,12 @@
 .pandora-sdk-tree-select .ant-select-selection {
   background: transparent;
 }
-.pandora-sdk-tree-select .ant-select-selection__choice {
-  color: #ffffff !important;
-  background: rgba(44, 109, 210, 0.8) !important;
+.pandora-sdk-tree-select .ant-select-multiple .ant-select-selection-item {
+  color: #ffffff;
+  background: rgba(44, 109, 210, 0.8);
 }
-.pandora-sdk-tree-select .ant-select-selection__choice__remove {
-  color: #ffffff !important;
+.pandora-sdk-tree-select .ant-select-multiple .ant-select-selection-item-remove {
+  color: #ffffff;
   opacity: 0.5;
 }
 .pandora-sdk-tree-select-dropdown {

package/lib/components/TreeSelector/style.less

@@ -10,13 +10,15 @@
   .@{ant-prefix}-select-selection {
     background: @select-bg;
   }
-  .@{ant-prefix}-select-selection__choice {
-    color: @normal-color!important;
-    background: @theme-color-080!important;
-  }
-  .@{ant-prefix}-select-selection__choice__remove {
-    color: @normal-color!important;
-    opacity: 0.5;
+  .@{ant-prefix}-select-multiple {
+    .@{ant-prefix}-select-selection-item {
+      color: @normal-color;
+      background: @theme-color-080;
+    }
+    .@{ant-prefix}-select-selection-item-remove {
+      color: @normal-color;
+      opacity: 0.5;
+    }
   }
 }
 

package/lib/constants/language/check_transform_list/en.d.ts

@@ -0,0 +1,2 @@
+import { ICheckTransformListLocale } from './type';
+export declare const check_transform_list_en: ICheckTransformListLocale;

package/lib/constants/language/check_transform_list/en.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.check_transform_list_en = {
+    placeholder: 'Search',
+    select_all: 'Select all',
+    selected: 'Seletced'
+};

package/lib/constants/language/check_transform_list/type.d.ts

@@ -0,0 +1,6 @@
+export interface ICheckTransformListLocale {
+    placeholder: string;
+    select_all: string;
+    selected: string;
+}
+export declare const CheckTransformListLocale: ICheckTransformListLocale;

package/lib/constants/language/check_transform_list/type.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var languageLocale_1 = require("../../../utils/languageLocale");
+var zh_1 = require("./zh");
+exports.CheckTransformListLocale = languageLocale_1.languageLocale('check_transform_list.', zh_1.check_transform_list_zh);

package/lib/constants/language/check_transform_list/zh.d.ts

@@ -0,0 +1,2 @@
+import { ICheckTransformListLocale } from './type';
+export declare const check_transform_list_zh: ICheckTransformListLocale;

package/lib/constants/language/check_transform_list/zh.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.check_transform_list_zh = {
+    placeholder: '搜索',
+    select_all: '全选',
+    selected: '已选'
+};

package/lib/constants/language/datetime/en.d.ts

@@ -0,0 +1,2 @@
+import { IDateTimeLocale } from './type';
+export declare const datetime_en: IDateTimeLocale;

package/lib/constants/language/datetime/en.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.datetime_en = {
+    title: 'Time range',
+    clear: 'Clear custom',
+    clart_text: 'Click to apply the global time range',
+    confirm: 'Confirm',
+    range: {
+        title: 'Date & Time Range',
+        beforeTime: 'Before',
+        afterTime: 'Since',
+        betweenTime: 'Between',
+        from: 'Earliest',
+        to: 'Latest'
+    },
+    preset: {
+        title: 'Presets',
+        m5: 'Last 5 minutes',
+        m15: 'Last 15 minutes',
+        m30: 'Last 30 minutes',
+        m60: 'Last 60 minutes',
+        h3: 'Last 3 hours',
+        h4: 'Last 4 hours',
+        h6: 'Last 6 hours',
+        h12: 'Last 12 hours',
+        h24: 'Last 24 hours',
+        d3: 'Last 3 days',
+        d7: 'Last 7 days',
+        d30: 'Last 30 days',
+        today: 'Today',
+        week: 'Week to date',
+        month: 'Month to date',
+        quarter: 'Quarter to date',
+        year: 'Year to date',
+        yesterDay: 'Yesterday',
+        theDayBeforYesterDay: 'Day before Yesterday',
+        previousWeek: 'Previous week',
+        previousMonth: 'Previous month',
+        previousQuarter: 'Previous quarter',
+        previousYear: 'Previous year',
+        AllTime: 'All time'
+    },
+    relative: {
+        title: 'Relative',
+        change_time: 'Change time',
+        now_text: 'Now',
+        now: 'Now (realtime)',
+        'now-static': 'Now (fixed)',
+        s: ' seconds ago',
+        m: ' minutes ago',
+        h: ' hours ago',
+        d: ' days ago',
+        w: ' weeks ago',
+        M: ' months ago',
+        Q: ' quarters ago',
+        y: ' years ago'
+    },
+    quarter: {
+        title: 'Quarter'
+    },
+    chart: {
+        custom: 'Custom',
+        global: 'Global',
+        seconds: 'Second',
+        minutes: 'Minute',
+        hours: 'Hour',
+        days: 'Day',
+        weeks: 'Week',
+        months: 'Month',
+        quarters: 'Quarter',
+        years: 'Year'
+    },
+    mobile: {
+        title: 'Select date',
+        start_time: 'Start time',
+        end_time: 'End time'
+    },
+    error: 'Earliest time cannot be greater than latest time.',
+    to: 'to',
+    change_time: 'Change'
+};

package/lib/constants/language/datetime/type.d.ts

@@ -0,0 +1,80 @@
+export interface IDateTimeLocale {
+    title: string;
+    clear: string;
+    clart_text: string;
+    confirm: string;
+    range: {
+        title: string;
+        beforeTime: string;
+        afterTime: string;
+        betweenTime: string;
+        from: string;
+        to: string;
+    };
+    preset: {
+        title: string;
+        m5: string;
+        m15: string;
+        m30: string;
+        m60: string;
+        h3: string;
+        h4: string;
+        h6: string;
+        h12: string;
+        h24: string;
+        d3: string;
+        d7: string;
+        d30: string;
+        today: string;
+        week: string;
+        month: string;
+        quarter: string;
+        year: string;
+        yesterDay: string;
+        theDayBeforYesterDay: string;
+        previousWeek: string;
+        previousMonth: string;
+        previousQuarter: string;
+        previousYear: string;
+        AllTime: string;
+    };
+    relative: {
+        title: string;
+        change_time: string;
+        now_text: string;
+        now: string;
+        'now-static': string;
+        s: string;
+        m: string;
+        h: string;
+        d: string;
+        w: string;
+        M: string;
+        Q: string;
+        y: string;
+    };
+    quarter: {
+        title: string;
+    };
+    chart: {
+        custom: string;
+        global: string;
+        seconds: string;
+        minutes: string;
+        hours: string;
+        days: string;
+        weeks: string;
+        months: string;
+        quarters: string;
+        years: string;
+    };
+    mobile: {
+        title: string;
+        start_time: string;
+        end_time: string;
+    };
+    error: string;
+    to: string;
+    change_time: string;
+}
+export declare const DateTimeLocale: IDateTimeLocale;

package/lib/constants/language/datetime/type.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var languageLocale_1 = require("../../../utils/languageLocale");
+var zh_1 = require("./zh");
+exports.DateTimeLocale = languageLocale_1.languageLocale('datetime.', zh_1.datetime_zh);

package/lib/constants/language/datetime/zh.d.ts

@@ -0,0 +1,2 @@
+import { IDateTimeLocale } from './type';
+export declare const datetime_zh: IDateTimeLocale;

package/lib/constants/language/datetime/zh.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.datetime_zh = {
+    title: '图表时间范围',
+    clear: '清除自定义时间',
+    clart_text: '点击后本页内已添加的图表将全部使用全局时间',
+    confirm: '确认',
+    range: {
+        title: '绝对时间',
+        beforeTime: '在此之前',
+        afterTime: '在此之后',
+        betweenTime: '介于',
+        from: '起始',
+        to: '终止'
+    },
+    preset: {
+        title: '预设',
+        m5: '前5分钟',
+        m15: '前15分钟',
+        m30: '前30分钟',
+        m60: '前60分钟',
+        h3: '前3小时',
+        h4: '前4小时',
+        h6: '前6小时',
+        h12: '前12小时',
+        h24: '前24小时',
+        d3: '过去3天',
+        d7: '过去7天',
+        d30: '过去30天',
+        today: '今天',
+        week: '本周',
+        month: '本月',
+        quarter: '本季度',
+        year: '本年度',
+        yesterDay: '昨天',
+        theDayBeforYesterDay: '前天',
+        previousWeek: '上周',
+        previousMonth: '上月',
+        previousQuarter: '上季度',
+        previousYear: '上年度',
+        AllTime: '所有时间'
+    },
+    relative: {
+        title: '相对时间',
+        change_time: '改变时间',
+        now_text: '现在',
+        now: '现在(实时)',
+        'now-static': '现在(固定时间)',
+        s: '秒前',
+        m: '分钟前',
+        h: '小时前',
+        d: '天前',
+        w: '周前',
+        M: '月前',
+        Q: '季度前',
+        y: '年前'
+    },
+    quarter: {
+        title: '季度'
+    },
+    chart: {
+        custom: '自定义时间',
+        global: '全局时间',
+        seconds: '秒',
+        minutes: '分钟',
+        hours: '小时',
+        days: '天',
+        weeks: '周',
+        months: '月',
+        quarters: '季度',
+        years: '年'
+    },
+    mobile: {
+        title: '日期选择',
+        start_time: '开始时间',
+        end_time: '结束时间'
+    },
+    error: '起始时间不能大于终止时间',
+    to: '至',
+    change_time: '改变时间'
+};

package/lib/constants/language/en.d.ts

@@ -0,0 +1,2 @@
+import { IComponentLocal } from './type';
+export declare const component_en: IComponentLocal;

package/lib/constants/language/en.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var en_1 = require("./check_transform_list/en");
+var en_2 = require("./datetime/en");
+var en_3 = require("./range_input/en");
+var en_4 = require("./steps/en");
+var en_5 = require("./table/en");
+var en_6 = require("./transfer/en");
+exports.component_en = {
+    check_transform_list: en_1.check_transform_list_en,
+    datetime: en_2.datetime_en,
+    range_input: en_3.range_input_en,
+    steps: en_4.steps_en,
+    table: en_5.table_en,
+    transfer: en_6.transfer_en
+};

package/lib/constants/language/range_input/en.d.ts

@@ -0,0 +1,2 @@
+import { IRangeInputLocale } from './type';
+export declare const range_input_en: IRangeInputLocale;

package/lib/constants/language/range_input/en.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.range_input_en = {
+    placeholder: {
+        from: 'From',
+        to: 'to'
+    },
+    error: 'The range must be greater than the interval'
+};

package/lib/constants/language/range_input/type.d.ts

@@ -0,0 +1,8 @@
+export interface IRangeInputLocale {
+    placeholder: {
+        from: string;
+        to: string;
+    };
+    error: string;
+}
+export declare const RangeInputLocale: IRangeInputLocale;

package/lib/constants/language/range_input/type.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var languageLocale_1 = require("../../../utils/languageLocale");
+var zh_1 = require("./zh");
+exports.RangeInputLocale = languageLocale_1.languageLocale('range_input.', zh_1.range_input_zh);

package/lib/constants/language/range_input/zh.d.ts

@@ -0,0 +1,2 @@
+import { IRangeInputLocale } from './type';
+export declare const range_input_zh: IRangeInputLocale;

package/lib/constants/language/range_input/zh.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.range_input_zh = {
+    placeholder: {
+        from: '起始',
+        to: '终止'
+    },
+    error: '数值区间必须大于数据间隔'
+};

package/lib/constants/language/steps/en.d.ts

@@ -0,0 +1,2 @@
+import { IStepsLocale } from './type';
+export declare const steps_en: IStepsLocale;

package/lib/constants/language/steps/en.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.steps_en = {
+    previous_step: 'Previous step',
+    next_step: 'Next step'
+};

package/lib/constants/language/steps/type.d.ts

@@ -0,0 +1,5 @@
+export interface IStepsLocale {
+    previous_step: string;
+    next_step: string;
+}
+export declare const StepsLocale: IStepsLocale;

package/lib/constants/language/steps/type.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var languageLocale_1 = require("../../../utils/languageLocale");
+var zh_1 = require("./zh");
+exports.StepsLocale = languageLocale_1.languageLocale('steps.', zh_1.steps_zh);

package/lib/constants/language/steps/zh.d.ts

@@ -0,0 +1,2 @@
+import { IStepsLocale } from './type';
+export declare const steps_zh: IStepsLocale;

package/lib/constants/language/steps/zh.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.steps_zh = {
+    previous_step: '上一步',
+    next_step: '下一步'
+};

package/lib/constants/language/table/en.d.ts

@@ -0,0 +1,2 @@
+import { ITableLocale } from './type';
+export declare const table_en: ITableLocale;

package/lib/constants/language/table/en.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.table_en = {
+    empty: 'No Data',
+    selected: 'Selected'
+};

package/lib/constants/language/table/type.d.ts

@@ -0,0 +1,5 @@
+export interface ITableLocale {
+    empty: string;
+    selected: string;
+}
+export declare const TableLocale: ITableLocale;

package/lib/constants/language/table/type.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var languageLocale_1 = require("../../../utils/languageLocale");
+var zh_1 = require("./zh");
+exports.TableLocale = languageLocale_1.languageLocale('table.', zh_1.table_zh);

package/lib/constants/language/table/zh.d.ts

@@ -0,0 +1,2 @@
+import { ITableLocale } from './type';
+export declare const table_zh: ITableLocale;

package/lib/constants/language/table/zh.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.table_zh = {
+    empty: '暂无数据',
+    selected: '已选'
+};

package/lib/constants/language/transfer/en.d.ts

@@ -0,0 +1,2 @@
+import { ITransferLocale } from './type';
+export declare const transfer_en: ITransferLocale;

package/lib/constants/language/transfer/en.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transfer_en = {
+    select_all: 'Select all',
+    placeholder: 'Search'
+};

package/lib/constants/language/transfer/type.d.ts

@@ -0,0 +1,5 @@
+export interface ITransferLocale {
+    select_all: string;
+    placeholder: string;
+}
+export declare const TransferLocale: ITransferLocale;

package/lib/constants/language/transfer/type.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var languageLocale_1 = require("../../../utils/languageLocale");
+var zh_1 = require("./zh");
+exports.TransferLocale = languageLocale_1.languageLocale('check_transform_list.', zh_1.transfer_zh);