@qn-pandora/pandora-component 4.0.2 → 4.0.4

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/Selector/SelectorWidthChildren.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ISelectorProps, SelectValue } from './index';
+declare type IValue = string | number;
+export interface ISelectorOption {
+    key?: string;
+    text: string | React.ReactNode;
+    value: IValue;
+    disabled?: boolean;
+    filterText?: string;
+}
+export interface ISelectorWidthChildrenProps<VT> extends ISelectorProps<VT> {
+    options?: ISelectorOption[];
+}
+export default function SelectorWidthChildren<VT extends SelectValue>(props: ISelectorWidthChildrenProps<VT>): JSX.Element;
+export {};

package/es/components/Selector/SelectorWidthChildren.js

@@ -0,0 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React, { useEffect, useMemo, useState } from 'react';
+import { includes } from 'lodash';
+import Selector from './index';
+// 下拉选项的是element时用于筛选过滤options
+export default function SelectorWidthChildren(props) {
+    var _a = __read(useState(''), 2), prefix = _a[0], setPrefix = _a[1];
+    var options = props.options, rest = __rest(props, ["options"]);
+    useEffect(function () {
+        setPrefix('');
+    }, []);
+    var filterOptions = useMemo(function () {
+        var search = prefix.toLowerCase();
+        return prefix && options
+            ? options.filter(function (option) {
+                return option.filterText &&
+                    includes(option.filterText.toLowerCase(), search);
+            })
+            : options;
+    }, [prefix, options]);
+    return (React.createElement(Selector, __assign({}, rest, { onSearch: setPrefix, searchValue: prefix, options: filterOptions, isCustomFilter: true })));
+}

package/es/components/Selector/index.d.ts

@@ -52,6 +52,7 @@ export interface ISelectorProps<VT> extends Omit<SelectProps<VT>, 'options'> {
      * 下拉选项超出时用 '...' 来表示，默认 true
      */
     ellipsis?: boolean;
+    isCustomFilter?: boolean;
 }
 /**
  * 下拉选择组件封装
@@ -64,5 +65,6 @@ export default class Selector<VT extends SelectValue> extends React.Component<IS
         ellipsis: boolean;
     };
     handleCreateClick(e: any): void;
+    handleFilter(inputValue: string, option: any): boolean;
     render(): JSX.Element;
 }

package/es/components/Selector/index.js

@@ -43,7 +43,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import { isArray, concat, isNumber, toString } from 'lodash';
+import { isArray, concat, isNumber, toString, isString } from 'lodash';
 import classnames from 'classnames';
 import { Checkbox, Select } from 'antd';
 import PropTypes from 'prop-types';
@@ -117,10 +117,18 @@ var Selector = /** @class */ (function (_super) {
             createOptionClick();
         }
     };
+    Selector.prototype.handleFilter = function (inputValue, option) {
+        if (this.props.isCustomFilter) {
+            return true;
+        }
+        return isString(option === null || option === void 0 ? void 0 : option.children)
+            ? (option === null || option === void 0 ? void 0 : option.children.toLowerCase().indexOf(inputValue.toLowerCase())) >= 0
+            : true;
+    };
     Selector.prototype.render = function () {
         var _a;
-        var _b = this.props, options = _b.options, groupOptions = _b.groupOptions, createOptionText = _b.createOptionText, selectAllOptionText = _b.selectAllOptionText, className = _b.className, dropdownClassName = _b.dropdownClassName, getPopupContainer = _b.getPopupContainer, ellipsis = _b.ellipsis, _c = _b.showArrow, showArrow = _c === void 0 ? true : _c, otherProps = __rest(_b, ["options", "groupOptions", "createOptionText", "selectAllOptionText", "className", "dropdownClassName", "getPopupContainer", "ellipsis", "showArrow"]);
-        return (React.createElement(Select, __assign({ className: classnames(SDK_PREFIX + "-selector", className), dropdownClassName: classnames(SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), getPopupContainer: getPopupContainer || this.context.getPopupContainer }, otherProps, { removeIcon: React.createElement(Icon, { type: "close-circle", theme: "filled", className: SDK_PREFIX + "-close-icon" }), showArrow: showArrow }),
+        var _b = this.props, options = _b.options, groupOptions = _b.groupOptions, createOptionText = _b.createOptionText, selectAllOptionText = _b.selectAllOptionText, className = _b.className, dropdownClassName = _b.dropdownClassName, getPopupContainer = _b.getPopupContainer, ellipsis = _b.ellipsis, _c = _b.showArrow, showArrow = _c === void 0 ? true : _c, isCustomFilter = _b.isCustomFilter, otherProps = __rest(_b, ["options", "groupOptions", "createOptionText", "selectAllOptionText", "className", "dropdownClassName", "getPopupContainer", "ellipsis", "showArrow", "isCustomFilter"]);
+        return (React.createElement(Select, __assign({ className: classnames(SDK_PREFIX + "-selector", className), dropdownClassName: classnames(SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), getPopupContainer: getPopupContainer || this.context.getPopupContainer, filterOption: this.handleFilter }, otherProps, { removeIcon: React.createElement(Icon, { type: "close-circle", theme: "filled", className: SDK_PREFIX + "-close-icon" }), showArrow: showArrow, showSearch: true }),
             createOptionText && (React.createElement(Select.Option, __assign({}, { className: SDK_PREFIX + "-selector-create-option" }, { key: "selector_create", disabled: true }, noneValueOption),
                 React.createElement("a", { className: SDK_PREFIX + "-selector-create-lint", onClick: this.handleCreateClick }, createOptionText))),
             selectAllOptionText && (React.createElement(Select.Option, __assign({}, { className: SDK_PREFIX + "-selector-create-option" }, { key: "selector_select_all", disabled: true }, noneValueOption),
@@ -139,6 +147,12 @@ var Selector = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], Selector.prototype, "handleCreateClick", null);
+    __decorate([
+        bind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [String, Object]),
+        __metadata("design:returntype", void 0)
+    ], Selector.prototype, "handleFilter", null);
     return Selector;
 }(React.Component));
 export default Selector;

package/es/components/TreeSelector/index.js

@@ -26,7 +26,7 @@ import { TreeSelect } from 'antd';
 import { SDK_PREFIX } from '../../constants/style';
 export function TreeSelector(props) {
     var className = props.className, dropdownClassName = props.dropdownClassName, restProps = __rest(props, ["className", "dropdownClassName"]);
-    return (React.createElement(TreeSelect, __assign({ className: classnames(SDK_PREFIX + "-tree-select", className), dropdownClassName: classnames(SDK_PREFIX + "-tree-select-dropdown", dropdownClassName) }, restProps)));
+    return (React.createElement(TreeSelect, __assign({ className: classnames(SDK_PREFIX + "-tree-select", className), dropdownClassName: classnames(SDK_PREFIX + "-tree-select-dropdown", dropdownClassName), showSearch: true, treeNodeFilterProp: "title" }, restProps)));
 }
 export default TreeSelector;
 TreeSelector.SHOW_ALL = TreeSelect.SHOW_ALL;

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
 };