@qn-pandora/pandora-component 3.0.1 → 3.1.1

package/lib/components/DateTimePicker/Collapse/Panel/index.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+interface IPanelProps {
+    /**
+     * 当前panel的key
+     */
+    panelKey?: string;
+    /**
+     * tab的标题
+     */
+    title: string;
+    /**
+     * 当前panel是都激活
+     * @default true
+     */
+    isActive?: boolean;
+    /**
+     * title的样式
+     */
+    titleClassName?: string;
+    /**
+     * content的样式
+     */
+    contentClassName?: string;
+    /**
+     * 容器样式
+     */
+    className?: string;
+    /**
+     * panel折叠状态发生变化
+     */
+    onToggle?: (isActive: boolean, key?: string) => void;
+    /**
+     * 是否禁止toggle
+     */
+    disableToggle?: boolean;
+}
+/**
+ * 折叠面板组件封装
+ */
+export default function Panel(props: React.PropsWithChildren<IPanelProps>): JSX.Element;
+export {};

package/lib/components/DateTimePicker/Collapse/Panel/index.js

@@ -0,0 +1,64 @@
+"use strict";
+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;
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var compatible_1 = require("@ant-design/compatible");
+var style_1 = require("../../../../constants/style");
+var useEffect = React.useEffect, useCallback = React.useCallback, useState = React.useState;
+/**
+ * 折叠面板组件封装
+ */
+function Panel(props) {
+    var _a, _b;
+    var _c = props.isActive, baseIsActive = _c === void 0 ? true : _c, disableToggle = props.disableToggle, onToggle = props.onToggle, panelKey = props.panelKey, title = props.title, titleClassName = props.titleClassName, className = props.className, contentClassName = props.contentClassName;
+    var _d = __read(useState(baseIsActive || false), 2), isActive = _d[0], setIsActive = _d[1];
+    useEffect(function () {
+        if (baseIsActive !== isActive) {
+            setIsActive(baseIsActive || false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [baseIsActive]);
+    var onTogglePanel = useCallback(function () {
+        if (disableToggle) {
+            return;
+        }
+        setIsActive(!isActive);
+        if (onToggle) {
+            onToggle(!isActive, panelKey);
+        }
+    }, [disableToggle, panelKey, isActive, onToggle]);
+    return (React.createElement("div", { className: classnames_1.default(style_1.SDK_PREFIX + "-panel", className), key: panelKey },
+        React.createElement("div", { className: classnames_1.default(titleClassName, (_a = {}, _a[style_1.SDK_PREFIX + "-panel-disable"] = disableToggle, _a), style_1.SDK_PREFIX + "-panel-title"), onClick: onTogglePanel },
+            React.createElement("span", null, title),
+            disableToggle ? null : (React.createElement(compatible_1.Icon, { type: isActive ? 'down' : 'up', className: style_1.SDK_PREFIX + "-panel-icon" }))),
+        React.createElement("div", { className: classnames_1.default(style_1.SDK_PREFIX + "-panel-content", contentClassName, (_b = {},
+                _b[style_1.SDK_PREFIX + "-panel-hidden"] = !isActive,
+                _b)) }, props.children)));
+}
+exports.default = Panel;

package/lib/components/{Collapse → DateTimePicker/Collapse}/Panel/style.less

@@ -1,4 +1,4 @@
-@import '../../../style/theme.less';
+@import '../../../../style/theme.less';
 
 .@{sdk-prefix}-panel-title {
   display: flex;

package/lib/components/DateTimePicker/Collapse/index.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+interface ICollapseProps {
+    /**
+     * 根节点 class name
+     */
+    className?: string;
+    /**
+     * 默认展开的panel的keys
+     */
+    defaultActiveKey?: string[] | 'all' | 'none';
+    /**
+     * 手风琴模式，最多智能打开一个折叠板
+     * @default false
+     */
+    accordion?: boolean;
+}
+/**
+ * 折叠面板组件封装
+ */
+declare function Collapse(props: React.PropsWithChildren<ICollapseProps>): JSX.Element;
+declare namespace Collapse {
+    var Panel: typeof import("./Panel").default;
+}
+export default Collapse;

package/lib/components/DateTimePicker/Collapse/index.js

@@ -0,0 +1,54 @@
+"use strict";
+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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var lodash_1 = require("lodash");
+var Panel_1 = __importDefault(require("./Panel"));
+/**
+ * 折叠面板组件封装
+ */
+function Collapse(props) {
+    var children = props.children, defaultActiveKey = props.defaultActiveKey, className = props.className;
+    var getPanels = React.useCallback(function () {
+        var newChildren = [];
+        React.Children.forEach(children, function (child, index) {
+            if (!child) {
+                return;
+            }
+            var key = lodash_1.get(child, 'key') || "" + index;
+            var isActive = false;
+            if (defaultActiveKey && typeof defaultActiveKey === 'string') {
+                isActive = defaultActiveKey === 'none' ? false : true;
+            }
+            else {
+                isActive = (defaultActiveKey || []).indexOf(key) > -1;
+            }
+            var props = __assign(__assign({}, child.props), { panelKey: key, isActive: isActive });
+            newChildren.push(React.cloneElement(child, props));
+        });
+        return newChildren;
+    }, [children, defaultActiveKey]);
+    return React.createElement("div", { className: className }, getPanels());
+}
+Collapse.Panel = Panel_1.default;
+exports.default = Collapse;

package/lib/components/DateTimePicker/DisplayInput/index.d.ts

@@ -7,5 +7,6 @@ export interface IInputProps extends InputProps {
     presets?: IPreset[];
 }
 export default class DisplayInput extends React.PureComponent<IInputProps, any> {
+    static contextType: React.Context<import("antd/es/config-provider").ConfigConsumerProps>;
     render(): JSX.Element;
 }

package/lib/components/DateTimePicker/DisplayInput/index.js

@@ -48,6 +48,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var icons_1 = require("@ant-design/icons");
 var antd_1 = require("antd");
+var config_provider_1 = require("antd/es/config-provider");
 var time_1 = __importDefault(require("../time"));
 var DisplayInput = /** @class */ (function (_super) {
     __extends(DisplayInput, _super);
@@ -56,9 +57,11 @@ var DisplayInput = /** @class */ (function (_super) {
     }
     DisplayInput.prototype.render = function () {
         var _a = this.props, className = _a.className, value = _a.value, timeFormat = _a.timeFormat, presets = _a.presets, otherProps = __rest(_a, ["className", "value", "timeFormat", "presets"]);
-        var text = new time_1.default(value || {}, { presets: presets }).getDisplayText(timeFormat);
+        var locale = this.context.locale;
+        var text = new time_1.default(value || {}, { presets: presets }).getDisplayText(timeFormat, locale);
         return (React.createElement(antd_1.Input, __assign({ readOnly: true, className: className, suffix: React.createElement(icons_1.CalendarOutlined, { onClick: this.props.onClick }), value: text }, otherProps)));
     };
+    DisplayInput.contextType = config_provider_1.ConfigContext;
     return DisplayInput;
 }(React.PureComponent));
 exports.default = DisplayInput;

package/lib/components/DateTimePicker/DisplayInput/style.css

@@ -132,8 +132,8 @@ textarea.ant-input-affix-wrapper {
   outline: none;
 }
 .ant-input-affix-wrapper > input.ant-input:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
 }
 .ant-input-affix-wrapper::before {
   width: 0;
@@ -158,7 +158,7 @@ textarea.ant-input-affix-wrapper {
 .ant-input-suffix {
   margin-left: 4px;
 }
-.ant-input-clear-icon {
+.anticon.ant-input-clear-icon {
   margin: 0 4px;
   color: rgba(0, 0, 0, 0.25);
   font-size: 12px;
@@ -167,16 +167,16 @@ textarea.ant-input-affix-wrapper {
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
 }
-.ant-input-clear-icon:hover {
+.anticon.ant-input-clear-icon:hover {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-input-clear-icon:active {
+.anticon.ant-input-clear-icon:active {
   color: rgba(0, 0, 0, 0.65);
 }
-.ant-input-clear-icon-hidden {
+.anticon.ant-input-clear-icon-hidden {
   visibility: hidden;
 }
-.ant-input-clear-icon:last-child {
+.anticon.ant-input-clear-icon:last-child {
   margin-right: 0;
 }
 .ant-input-affix-wrapper-textarea-with-clear-btn {
@@ -391,6 +391,16 @@ textarea.ant-input {
 .ant-input-group-addon .ant-select-focused .ant-select-selector {
   color: #7a869a;
 }
+.ant-input-group-addon .ant-cascader-picker {
+  margin: -9px -12px;
+  background-color: transparent;
+}
+.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
+  text-align: left;
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
 .ant-input-group > .ant-input:first-child,
 .ant-input-group-addon:first-child {
   border-top-right-radius: 0;

package/lib/components/DateTimePicker/constants.d.ts

@@ -17,11 +17,6 @@ export declare enum RangePreset {
     AfterTime = "afterTime",
     BetweenTime = "betweenTime"
 }
-export declare const rangePresetMapping: {
-    beforeTime: string;
-    afterTime: string;
-    betweenTime: string;
-};
 export declare const rangePresetOptions: {
     value: RangePreset;
     text: string;
@@ -197,6 +192,10 @@ export interface IBaseProps {
      * 绝对时间的标题
      */
     absoluteTitle?: string;
+    /**
+     * 语言
+     */
+    locale?: string;
 }
 export interface ITimeRange {
     relative?: IRelativeTime;

package/lib/components/DateTimePicker/constants.js

@@ -13,9 +13,9 @@ var __assign = (this && this.__assign) || function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var moment_1 = __importDefault(require("moment"));
+var type_1 = require("../../constants/language/datetime/type");
 var TimeType;
 (function (TimeType) {
     TimeType["Preset"] = "1";
@@ -34,28 +34,23 @@ var RangePreset;
     RangePreset["AfterTime"] = "afterTime";
     RangePreset["BetweenTime"] = "betweenTime";
 })(RangePreset = exports.RangePreset || (exports.RangePreset = {}));
-exports.rangePresetMapping = (_a = {},
-    _a[RangePreset.BeforeTime] = '在此之前',
-    _a[RangePreset.AfterTime] = '在此之后',
-    _a[RangePreset.BetweenTime] = '介于',
-    _a);
 exports.rangePresetOptions = [
     {
         value: RangePreset.BeforeTime,
-        text: exports.rangePresetMapping[RangePreset.BeforeTime]
+        text: type_1.DateTimeLocale.range.beforeTime
     },
     {
         value: RangePreset.BetweenTime,
-        text: exports.rangePresetMapping[RangePreset.BetweenTime]
+        text: type_1.DateTimeLocale.range.betweenTime
     },
     {
         value: RangePreset.AfterTime,
-        text: exports.rangePresetMapping[RangePreset.AfterTime]
+        text: type_1.DateTimeLocale.range.afterTime
     }
 ];
 exports.defaultPresets = [
     {
-        text: '前5分钟',
+        text: type_1.DateTimeLocale.preset.m5,
         value: 'm5',
         time: function () { return ({
             start: moment_1.default().subtract(5, 'minutes'),
@@ -63,7 +58,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前15分钟',
+        text: type_1.DateTimeLocale.preset.m15,
         value: 'm15',
         time: function () { return ({
             start: moment_1.default().subtract(15, 'minutes'),
@@ -71,7 +66,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前30分钟',
+        text: type_1.DateTimeLocale.preset.m30,
         value: 'm30',
         time: function () { return ({
             start: moment_1.default().subtract(30, 'minutes'),
@@ -79,7 +74,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前60分钟',
+        text: type_1.DateTimeLocale.preset.m60,
         value: 'm60',
         time: function () { return ({
             start: moment_1.default().subtract(60, 'minutes'),
@@ -87,7 +82,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前3小时',
+        text: type_1.DateTimeLocale.preset.h3,
         value: 'h3',
         time: function () { return ({
             start: moment_1.default().subtract(3, 'hours'),
@@ -95,7 +90,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前4小时',
+        text: type_1.DateTimeLocale.preset.h4,
         value: 'h4',
         time: function () { return ({
             start: moment_1.default().subtract(4, 'hours'),
@@ -103,7 +98,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前6小时',
+        text: type_1.DateTimeLocale.preset.h6,
         value: 'h6',
         time: function () { return ({
             start: moment_1.default().subtract(6, 'hours'),
@@ -111,7 +106,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前12小时',
+        text: type_1.DateTimeLocale.preset.h12,
         value: 'h12',
         time: function () { return ({
             start: moment_1.default().subtract(12, 'hours'),
@@ -119,7 +114,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前24小时',
+        text: type_1.DateTimeLocale.preset.h24,
         value: 'h24',
         time: function () { return ({
             start: moment_1.default().subtract(24, 'hours'),
@@ -127,7 +122,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '过去3天',
+        text: type_1.DateTimeLocale.preset.d3,
         value: 'd3',
         time: function () { return ({
             start: moment_1.default().subtract(3, 'days'),
@@ -135,7 +130,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '过去7天',
+        text: type_1.DateTimeLocale.preset.d7,
         value: 'd7',
         time: function () { return ({
             start: moment_1.default().subtract(7, 'days'),
@@ -143,7 +138,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '过去30天',
+        text: type_1.DateTimeLocale.preset.d30,
         value: 'd30',
         time: function () { return ({
             start: moment_1.default().subtract(30, 'days'),
@@ -151,32 +146,32 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '今天',
+        text: type_1.DateTimeLocale.preset.today,
         value: 'today',
         time: function () { return ({ start: moment_1.default().startOf('day'), end: moment_1.default() }); }
     },
     {
-        text: '本周',
+        text: type_1.DateTimeLocale.preset.week,
         value: 'week',
         time: function () { return ({ start: moment_1.default().startOf('week'), end: moment_1.default() }); }
     },
     {
-        text: '本月',
+        text: type_1.DateTimeLocale.preset.month,
         value: 'month',
         time: function () { return ({ start: moment_1.default().startOf('month'), end: moment_1.default() }); }
     },
     {
-        text: '本季度',
+        text: type_1.DateTimeLocale.preset.quarter,
         value: 'quarter',
         time: function () { return ({ start: moment_1.default().startOf('quarter'), end: moment_1.default() }); }
     },
     {
-        text: '本年度',
+        text: type_1.DateTimeLocale.preset.year,
         value: 'year',
         time: function () { return ({ start: moment_1.default().startOf('year'), end: moment_1.default() }); }
     },
     {
-        text: '昨天',
+        text: type_1.DateTimeLocale.preset.yesterDay,
         value: 'yesterDay',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'days').startOf('day'),
@@ -184,7 +179,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前天',
+        text: type_1.DateTimeLocale.preset.theDayBeforYesterDay,
         value: 'theDayBeforYesterDay',
         time: function () { return ({
             start: moment_1.default().subtract(2, 'days').startOf('day'),
@@ -192,7 +187,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上周',
+        text: type_1.DateTimeLocale.preset.previousWeek,
         value: 'previousWeek',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'weeks').startOf('weeks'),
@@ -200,7 +195,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上月',
+        text: type_1.DateTimeLocale.preset.previousMonth,
         value: 'previousMonth',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'months').startOf('months'),
@@ -208,7 +203,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上季度',
+        text: type_1.DateTimeLocale.preset.previousQuarter,
         value: 'previousQuarter',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'quarters').startOf('quarters'),
@@ -216,7 +211,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上年度',
+        text: type_1.DateTimeLocale.preset.previousYear,
         value: 'previousYear',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'years').startOf('years'),
@@ -224,7 +219,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '所有时间',
+        text: type_1.DateTimeLocale.preset.AllTime,
         value: 'AllTime',
         time: function () { return ({
             start: moment_1.default(0),
@@ -254,52 +249,52 @@ var RelativeUnitValue;
 })(RelativeUnitValue = exports.RelativeUnitValue || (exports.RelativeUnitValue = {}));
 exports.relativeTimeUnits = [
     {
-        text: '现在(实时)',
+        text: type_1.DateTimeLocale.relative.now,
         value: RelativeUnitValue.Now,
         time: function (_) { return moment_1.default(); }
     },
     {
-        text: '现在(固定时间)',
+        text: type_1.DateTimeLocale.relative['now-static'],
         value: RelativeUnitValue.NowStatic,
         time: function (_) { return moment_1.default(); }
     },
     {
-        text: '秒前',
+        text: type_1.DateTimeLocale.relative.s,
         value: RelativeUnitValue.Second,
         time: function (num) { return moment_1.default().subtract(num, 'seconds'); }
     },
     {
-        text: '分钟前',
+        text: type_1.DateTimeLocale.relative.m,
         value: RelativeUnitValue.Minute,
         time: function (num) { return moment_1.default().subtract(num, 'minutes'); }
     },
     {
-        text: '小时前',
+        text: type_1.DateTimeLocale.relative.h,
         value: RelativeUnitValue.Hour,
         time: function (num) { return moment_1.default().subtract(num, 'hours'); }
     },
     {
-        text: '天前',
+        text: type_1.DateTimeLocale.relative.d,
         value: RelativeUnitValue.Day,
         time: function (num) { return moment_1.default().subtract(num, 'days'); }
     },
     {
-        text: '周前',
+        text: type_1.DateTimeLocale.relative.w,
         value: RelativeUnitValue.Week,
         time: function (num) { return moment_1.default().subtract(num, 'weeks'); }
     },
     {
-        text: '周前',
+        text: type_1.DateTimeLocale.relative.M,
         value: RelativeUnitValue.Month,
         time: function (num) { return moment_1.default().subtract(num, 'months'); }
     },
     {
-        text: '季度前',
+        text: type_1.DateTimeLocale.relative.Q,
         value: RelativeUnitValue.Quarter,
         time: function (num) { return moment_1.default().subtract(num, 'quarters'); }
     },
     {
-        text: '年前',
+        text: type_1.DateTimeLocale.relative.y,
         value: RelativeUnitValue.Year,
         time: function (num) { return moment_1.default().subtract(num, 'years'); }
     }
@@ -308,7 +303,7 @@ exports.relativeTimeUnitsWithoutNowStatic = exports.relativeTimeUnits
     .filter(function (item) { return item.value !== RelativeUnitValue.NowStatic; })
     .map(function (item) {
     return item.value === RelativeUnitValue.Now
-        ? __assign(__assign({}, item), { text: '现在' }) : __assign({}, item);
+        ? __assign(__assign({}, item), { text: type_1.DateTimeLocale.relative.now_text }) : __assign({}, item);
 });
 exports.relativeMap = (function () {
     var res = {};