@qn-pandora/pandora-component 4.0.3 → 4.0.5

package/es/components/FileResumable/style.less

@@ -0,0 +1,94 @@
+@import 'antd/lib/upload/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-file-resumable {
+  cursor: pointer;
+}
+
+.@{sdk-prefix}-file-resumable-run-container {
+  text-align: right;
+  .@{sdk-prefix}-file-resumable-run-container-icon {
+    color: @theme-color;
+    cursor: pointer;
+    font-size: 14px;
+    margin: 0 6px;
+  }
+
+  .@{sdk-prefix}-file-resumable-run-container-icon-disabled {
+    color: @font-disable-color;
+    &:hover {
+      cursor: not-allowed;
+    }
+  }
+}
+
+.@{sdk-prefix}-file-resumable-upload-icon {
+  font-size: 50px;
+  color: @icon-color;
+}
+
+.downloadIcon {
+  color: @theme-color;
+  cursor: pointer;
+  font-size: 20px;
+}
+
+.@{sdk-prefix}-file-resumable:hover {
+  border-color: @theme-color;
+}
+
+.@{sdk-prefix}-file-resumable-img-container {
+  background: @normal-color;
+  border: 1px dashed @border-color-1;
+  width: 50px;
+  height: 50px;
+  padding: 4px;
+  border-radius: 2px;
+  align-items: center;
+  cursor: pointer;
+  position: relative;
+  font-size: 16px;
+  display: flex;
+  justify-content: center;
+  .@{sdk-prefix}-file-resumable-img-operator {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+    top: 4px;
+    left: 4px;
+    right: 4px;
+    bottom: 4px;
+    .anticon {
+      font-size: 16px;
+    }
+  }
+  .@{sdk-prefix}-file-resumable-img-hidden-plus-icon {
+    display: none;
+  }
+
+  .@{sdk-prefix}-file-resumable-img-box {
+    max-width: 100%;
+    max-height: 100%;
+    padding: 4px;
+  }
+
+  &:hover {
+    .@{sdk-prefix}-file-resumable-img-operator {
+      background: @image-operator-hover-bg;
+      display: flex;
+      .anticon {
+        font-size: 16px;
+        color: @normal-color;
+      }
+    }
+  }
+}
+.@{sdk-prefix}-file-resumable-img.ant-upload.ant-upload-drag {
+  width: 50px;
+  height: 50px;
+  border: none;
+  .@{ant-prefix}-upload-btn {
+    padding: 0;
+  }
+}

package/es/components/FileResumable/utils.d.ts

@@ -0,0 +1 @@
+export declare const isJpgOrPngOrSvg: (type?: string, hexValue?: string) => boolean;

package/es/components/FileResumable/utils.js

@@ -0,0 +1,17 @@
+import { includes } from 'lodash';
+var MIME_IMAGE_TYPE = [
+    'image/png',
+    'image/jpeg',
+    'image/jpeg',
+    'image/svg+xml',
+    'image/vnd.microsoft.icon'
+];
+export var isJpgOrPngOrSvg = function (type, hexValue) {
+    if (type === void 0) { type = ''; }
+    if (hexValue === void 0) { hexValue = ''; }
+    return (includes(MIME_IMAGE_TYPE, type.toLocaleLowerCase()) &&
+        (includes(hexValue.toLowerCase(), '100') || // ico
+            includes(hexValue.toLowerCase(), 'ffd8ff') ||
+            includes(hexValue.toLowerCase(), '3c3f786d') || // svg
+            includes(hexValue.toLowerCase(), '89504e47')));
+};

package/es/components/Menu/Option.d.ts

@@ -14,6 +14,10 @@ export interface IOption {
      * 路由
      */
     weburl?: string;
+    /**
+     * 内部链接
+     */
+    internalUrl?: string;
     /**
      * 路由调整方式
      */

package/es/components/Table/index.js

@@ -226,9 +226,12 @@ var Table = /** @class */ (function (_super) {
             : rowClassName(record, index, indent));
     };
     Table.prototype.getDisabledStatus = function (option) {
+        var _this = this;
         var noneSelected = this.selectedRowKeys.length === 0;
         var disabled = typeof option.disabled === 'function'
-            ? option.disabled(__spread(this.undisabledData))
+            ? option.disabled(__spread(this.undisabledData.filter(function (item, index) {
+                return _this.selectedRowKeys.indexOf(_this.getRowKey(item, index)) !== -1;
+            })))
             : option.disabled;
         return noneSelected || disabled;
     };

package/es/components/Table/style.css

@@ -1512,6 +1512,9 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-table-wrapper .ant-table-tbody > tr > td:last-child {
   padding-right: 20px;
 }
+.pandora-sdk-table-wrapper .ant-table-tbody > tr > td:first-child:has(.pandora-sdk-table-empty) {
+  padding: 0;
+}
 .pandora-sdk-table-wrapper .ant-table-thead > tr > th .anticon-filter {
   line-height: 20px;
 }

package/es/components/Table/style.less

@@ -42,6 +42,11 @@
   .@{ant-prefix}-table-tbody > tr > td:last-child {
     padding-right: 20px;
   }
+  .@{ant-prefix}-table-tbody
+    > tr
+    > td:first-child:has(.@{sdk-prefix}-table-empty) {
+    padding: 0;
+  }
 
   .@{ant-prefix}-table-thead > tr > th .anticon-filter {
     line-height: 20px;

package/es/components/Transfer/List/index.js

@@ -18,9 +18,10 @@ var __spread = (this && this.__spread) || function () {
     for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
     return ar;
 };
-import React, { useState, useCallback, useContext } from 'react';
+import React, { useState, useCallback, useContext, useMemo } from 'react';
 import { Input, Checkbox } from 'antd';
 import { ConfigContext } from 'antd/es/config-provider';
+import { includes } from 'lodash';
 import { Search } from '@qn-pandora/pandora-component-icons';
 import ListBody from '../ListBody';
 import { formatString } from '../../../utils/language';
@@ -30,17 +31,23 @@ export default function List(props) {
     var _a = __read(useState(''), 2), searchValue = _a[0], setSearchValue = _a[1];
     var locale = useContext(ConfigContext).locale;
     var title = props.title, type = props.type, searchPlaceHolder = props.searchPlaceHolder, _b = props.dataSource, dataSource = _b === void 0 ? [] : _b, _c = props.targetKeys, targetKeys = _c === void 0 ? [] : _c, selectAllTitle = props.selectAllTitle, onTargetKeysChange = props.onTargetKeysChange;
+    var filterDataSource = useMemo(function () {
+        return dataSource.filter(function (item) { return item.name.includes(searchValue); });
+    }, [dataSource, searchValue]);
     var onToggleAll = useCallback(function (e) {
+        var newTargetKeys = [];
+        var allTargetKeys = filterDataSource.map(function (item) { return item.key; });
         if (e.target.checked === true) {
-            var targetKeys_1 = dataSource.map(function (item) { return item.key; });
-            onTargetKeysChange(targetKeys_1);
+            newTargetKeys = __spread(new Set(__spread(targetKeys, allTargetKeys)));
         }
         else {
-            onTargetKeysChange([]);
+            newTargetKeys = targetKeys.filter(function (item) { return !includes(allTargetKeys, item); });
         }
-    }, [dataSource, onTargetKeysChange]);
-    var selectedAllNode = (React.createElement(Checkbox, { className: SDK_PREFIX + "-transfer-mb10", checked: dataSource.every(function (item) { return item.checked; }), indeterminate: dataSource.some(function (item) { return item.checked; }) &&
-            !dataSource.every(function (item) { return item.checked; }), onChange: onToggleAll },
+        onTargetKeysChange(newTargetKeys);
+    }, [filterDataSource, targetKeys, onTargetKeysChange]);
+    var selectedAllNode = (React.createElement(Checkbox, { className: SDK_PREFIX + "-transfer-mb10", checked: !!filterDataSource.length &&
+            filterDataSource.every(function (item) { return item.checked; }), indeterminate: filterDataSource.some(function (item) { return item.checked; }) &&
+            !filterDataSource.every(function (item) { return item.checked; }), onChange: onToggleAll },
         React.createElement("strong", null, selectAllTitle || formatString(TransferLocale.select_all, locale))));
     var onCheckboxChange = useCallback(function (key, checked) {
         var keys = __spread(targetKeys);
@@ -58,5 +65,5 @@ export default function List(props) {
             React.createElement(Input, { placeholder: searchPlaceHolder ||
                     formatString(TransferLocale.placeholder, locale), value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: SDK_PREFIX + "-transfer-mb10", prefix: React.createElement(Search, { className: SDK_PREFIX + "-search-icon" }) })),
         type === "source" /* Source */ && selectedAllNode,
-        React.createElement(ListBody, { dataSource: dataSource.filter(function (item) { return item.name.includes(searchValue); }), onChange: onCheckboxChange })));
+        React.createElement(ListBody, { dataSource: filterDataSource, onChange: onCheckboxChange })));
 }

package/es/constants/language/en.js

@@ -4,11 +4,13 @@ import { range_input_en } from './range_input/en';
 import { steps_en } from './steps/en';
 import { table_en } from './table/en';
 import { transfer_en } from './transfer/en';
+import upload_en from './upload/en';
 export var component_en = {
     check_transform_list: check_transform_list_en,
     datetime: datetime_en,
     range_input: range_input_en,
     steps: steps_en,
     table: table_en,
-    transfer: transfer_en
+    transfer: transfer_en,
+    upload: upload_en
 };

package/es/constants/language/type.d.ts

@@ -4,6 +4,7 @@ import { IRangeInputLocale } from './range_input/type';
 import { IStepsLocale } from './steps/type';
 import { ITableLocale } from './table/type';
 import { ITransferLocale } from './transfer/type';
+import { IUploadLocale } from './upload/type';
 export interface IComponentLocal {
     check_transform_list: ICheckTransformListLocale;
     datetime: IDateTimeLocale;
@@ -11,5 +12,6 @@ export interface IComponentLocal {
     steps: IStepsLocale;
     table: ITableLocale;
     transfer: ITransferLocale;
+    upload: IUploadLocale;
 }
 export declare const ComponentLocale: IComponentLocal;

package/es/constants/language/upload/en.d.ts

@@ -0,0 +1,3 @@
+import { IUploadLocale } from './type';
+declare const upload_en: IUploadLocale;
+export default upload_en;

package/es/constants/language/upload/en.js

@@ -0,0 +1,20 @@
+var upload_en = {
+    play: 'Play',
+    pause: 'Pause',
+    stop: 'Stop',
+    error: 'Upload failed, try again later',
+    text: 'Drop file here to upload',
+    file: {
+        content: 'Drop your data file here',
+        steps: {
+            upload: 'Uploading',
+            complete: 'Done'
+        }
+    },
+    select_file: 'Selected',
+    min_size_error_msg: 'File size cannot be smaller than',
+    max_size_error_msg: 'File size cannot be larger than',
+    empty_file_error_msg: 'Cannot upload empty files',
+    byte: 'bytes'
+};
+export default upload_en;

package/es/constants/language/upload/type.d.ts

@@ -0,0 +1,20 @@
+export interface IUploadLocale {
+    text: string;
+    play: string;
+    pause: string;
+    stop: string;
+    error: string;
+    file: {
+        content: string;
+        steps: {
+            upload: string;
+            complete: string;
+        };
+    };
+    select_file: string;
+    min_size_error_msg: string;
+    max_size_error_msg: string;
+    empty_file_error_msg: string;
+    byte: string;
+}
+export declare const UploadLocale: IUploadLocale;

package/es/constants/language/upload/type.js

@@ -0,0 +1,4 @@
+import { languageLocale } from '../../../utils/languageLocale';
+import upload_zh from './zh';
+var prefix = 'upload.';
+export var UploadLocale = languageLocale(prefix, upload_zh);

package/es/constants/language/upload/zh.d.ts

@@ -0,0 +1,3 @@
+import { IUploadLocale } from './type';
+declare const upload_zh: IUploadLocale;
+export default upload_zh;

package/es/constants/language/upload/zh.js

@@ -0,0 +1,20 @@
+var upload_zh = {
+    play: '恢复',
+    pause: '暂停',
+    stop: '停止',
+    error: '上传文件失败，请稍后重试',
+    text: '点击或将配置文件拖拽到这里上传',
+    file: {
+        content: '点击或将文件拖拽到这里上传',
+        steps: {
+            upload: '上传文件',
+            complete: '完成'
+        }
+    },
+    select_file: '选择文件',
+    min_size_error_msg: '文件大小不能小于',
+    max_size_error_msg: '文件大小不能大于',
+    empty_file_error_msg: '不能上传空文件',
+    byte: '字节'
+};
+export default upload_zh;

package/es/constants/language/zh.js

@@ -4,11 +4,13 @@ import { range_input_zh } from './range_input/zh';
 import { steps_zh } from './steps/zh';
 import { table_zh } from './table/zh';
 import { transfer_zh } from './transfer/zh';
+import upload_zh from './upload/zh';
 export var component_zh = {
     check_transform_list: check_transform_list_zh,
     datetime: datetime_zh,
     range_input: range_input_zh,
     steps: steps_zh,
     table: table_zh,
-    transfer: transfer_zh
+    transfer: transfer_zh,
+    upload: upload_zh
 };