@para-ui/core 2.2.5-beta → 2.2.7

package/ComboSelect/interface.d.ts

@@ -0,0 +1,143 @@
+/**
+ * @author Hanz
+ * @date 2021/8/19 下午1:47
+ * @description 接口
+ */
+import React, { ReactNode } from 'react';
+import { TableProps as ITableProps } from '../Table/interface';
+import { TreeProps, TreeNodeProps } from '../Tree/interface';
+import { TooltipProps } from "../Tooltip";
+import { LabelTooltipProps } from "../Label";
+import { EmptyProps } from '../Empty';
+declare type TableProps = ITableProps & {
+    /** table 参数 */
+    params?: Object;
+    /** 替换显示字段 */
+    replaceFields?: {
+        key?: string;
+        title?: string;
+    };
+};
+export type { TableProps, TreeProps };
+export declare type SelectOpt = {
+    disabled?: boolean;
+    closable?: boolean;
+    [key: string]: any;
+};
+export declare type SelectedOptions = Array<SelectOpt>;
+export type { TreeNodeProps };
+export interface ComboSelectProps {
+    /**选择器模式*/
+    mode?: 'table' | 'tree' | 'list';
+    /**占位符*/
+    placeholder?: string;
+    /**search 占位符*/
+    searchPlaceholder?: string;
+    /**最大显示数*/
+    maxCount?: number;
+    /**禁用选择器*/
+    disabled?: boolean;
+    /** 支持清除 */
+    allowClear?: boolean;
+    /**cls*/
+    className?: string;
+    /**样式*/
+    style?: React.CSSProperties;
+    /**弹出层className*/
+    popoverClassName?: string;
+    /**容器最大高度*/
+    maxHeight?: number;
+    /**容器高度*/
+    height?: number;
+    /**大小*/
+    size?: 'large' | 'medium' | 'small';
+    /**选择器footer actions*/
+    popoverActions?: React.ReactNode;
+    /**是否显示footer actions*/
+    showPopoverActions?: boolean;
+    /**是否默认打开*/
+    defaultOpen?: boolean;
+    /**默认值 checkable为true SelectOpt[]，为false SelectOpt */
+    defaultValue?: SelectOpt[] | SelectOpt;
+    /**替换显示字段 {key: 'key', title: 'title', children: 'children'} */
+    replaceFields?: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+    /**出参字段 {outputKey: 'key', outputTitle: 'label'} */
+    outputFields?: {
+        outputKey?: string;
+        outputTitle?: string;
+    };
+    /**当前选中值 checkable为true SelectOpt[]，为false SelectOpt*/
+    value?: SelectOpt[] | SelectOpt;
+    /**刷新标识*/
+    refresh?: number;
+    /**位置*/
+    placement?: TooltipProps['placement'];
+    /**搜索回调*/
+    onSearch?: (searchKey: string) => void;
+    /**footer actions 取消回调*/
+    onCancel?: () => void;
+    /**footer actions 确定回调*/
+    onOk?: (options: SelectedOptions) => void;
+    /** 关闭选择器回调 */
+    onClose?: () => void;
+    /**value发生变化时回调*/
+    onChange?: (options: SelectOpt[] | SelectOpt, prevOptions?: SelectOpt[] | SelectOpt, originData?: TreeNodeProps[] | TreeNodeProps) => void;
+    /**table组件属性*/
+    TableProps?: TableProps;
+    /**tree组件属性*/
+    TreeProps?: TreeProps;
+    /**请求url*/
+    url?: string;
+    /**请求上下文*/
+    ctx?: string;
+    /**请求参数*/
+    params?: Object;
+    /**请求方法*/
+    method?: 'Get' | 'Post';
+    /**单选或多选*/
+    checkable?: boolean;
+    /**是否显示搜索*/
+    showSearch?: boolean;
+    /**错误状态*/
+    error?: boolean;
+    /**辅助文本*/
+    helperText?: React.ReactNode;
+    /**参数处理回调*/
+    paramsCallback?: (params: {
+        [name: string]: any;
+    }) => any;
+    /**路径字段*/
+    fullPathKey?: string;
+    /** 自定义路径节点 */
+    fullPathRender?: (node: TreeNodeProps) => React.ReactNode;
+    /** 禁用弹框模式 */
+    disablePopup?: boolean;
+    /** 自定义渲染tag */
+    tagRender?: (option: SelectOpt) => React.ReactNode;
+    /** tag 删除回调*/
+    onTagRemove?: (currentOpt?: SelectOpt) => void;
+    /** 暴露给外部的行为，可扩展*/
+    action?: React.Ref<{
+        closePopup(): void;
+    }>;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮助提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 是否必填 */
+    required?: boolean;
+    /** 空状态属性 */
+    emptyProps?: EmptyProps;
+    /** 单选时可切换选中值 checkable 为 false 时有效 */
+    toggleSelectedOnSingle?: boolean;
+    /** 自定义渲染列表option */
+    optionRender?: (nodeData: TreeNodeProps) => React.ReactNode;
+    /** 获得option label */
+    getOptionLabel?: (nodeData: TreeNodeProps) => string;
+    /** 下拉匹配选择框宽度 */
+    dropdownMatchSelectWidth?: boolean | number;
+}

package/ComboSelect/lang/en_US.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    searchPlaceholder: string;
+    cancel: string;
+    ok: string;
+    fullPath: string;
+    pleaseSelect: string;
+};
+export default _default;

package/ComboSelect/lang/index.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    zh: {
+        searchPlaceholder: string;
+        cancel: string;
+        ok: string;
+        fullPath: string;
+        pleaseSelect: string;
+    };
+    en: {
+        searchPlaceholder: string;
+        cancel: string;
+        ok: string;
+        fullPath: string;
+        pleaseSelect: string;
+    };
+};
+export default _default;

package/ComboSelect/lang/zh_CN.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    searchPlaceholder: string;
+    cancel: string;
+    ok: string;
+    fullPath: string;
+    pleaseSelect: string;
+};
+export default _default;

package/ComboSelect/utils.d.ts

@@ -0,0 +1,12 @@
+export declare const anchorOriginMap: {
+    [index: string]: any;
+};
+export declare const getReplaceField: (mode: string, repl: any, tableP: any, treeP: any) => any;
+export declare const toArray: (list: any) => any[];
+export declare const isRemoteLoad: (mode: string, props: any) => boolean;
+export declare const getOverlaySize: (mode: string, isRemoteLoad?: boolean, maxHeight?: number, height?: number) => {
+    height: string;
+} | {
+    [x: string]: string;
+    height?: undefined;
+};

package/Container/index.d.ts

@@ -1,9 +1,5 @@
-import React__default from 'react';
-import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".para-container {\n  width: 100%;\n  height: 100%;\n}\n.para-container > .para-body {\n  overflow: auto;\n}\n.para-container.tlr > .para-body {\n  display: table;\n}\n.para-container.tlr > .para-body > .para-body-right {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.tlr > .para-body > .para-container-left {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.tlrb > .para-body {\n  display: table;\n}\n.para-container.tlrb > .para-body > .para-container-left {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.tlrb > .para-body > .para-container-right {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.ltrb {\n  display: table;\n}\n.para-container.ltrb > .para-body {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.ltrb > .para-container-left {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container-top {\n  transition: width 0.3s, height 0.3s;\n}\n.para-container-left {\n  transition: width 0.3s, height 0.3s;\n}\n.para-container-right {\n  transition: width 0.3s, height 0.3s;\n  overflow: auto;\n}\n.para-container-bottom {\n  transition: width 0.3s, height 0.3s;\n}";
-styleInject(css_248z);
-
+import React from "react";
+import "./index.scss";
 interface Props {
     /**
      * 容器自定义className
@@ -51,7 +47,7 @@ interface Props {
     /**
      * 顶部容器样式
      */
-    topStyle?: React__default.CSSProperties;
+    topStyle?: React.CSSProperties;
     /**
      * 左侧容器
      */
@@ -59,7 +55,7 @@ interface Props {
     /**
      * 左侧容器样式
      */
-    leftStyle?: React__default.CSSProperties;
+    leftStyle?: React.CSSProperties;
     /**
      * 右侧容器
      */
@@ -67,7 +63,7 @@ interface Props {
     /**
      * 右侧容器样式
      */
-    rightStyle?: React__default.CSSProperties;
+    rightStyle?: React.CSSProperties;
     /**
      * 底部容器
      */
@@ -75,8 +71,7 @@ interface Props {
     /**
      * 底部容器样式
      */
-    bottomStyle?: React__default.CSSProperties;
+    bottomStyle?: React.CSSProperties;
 }
-declare const Container: (props?: Props) => JSX.Element;
-
-export { Container, Container as default };
+export declare const Container: (props?: Props) => JSX.Element;
+export default Container;

package/Container/index.js

@@ -1,239 +1,15 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-
-var css_248z = ".para-container {\n  width: 100%;\n  height: 100%;\n}\n.para-container > .para-body {\n  overflow: auto;\n}\n.para-container.tlr > .para-body {\n  display: table;\n}\n.para-container.tlr > .para-body > .para-body-right {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.tlr > .para-body > .para-container-left {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.tlrb > .para-body {\n  display: table;\n}\n.para-container.tlrb > .para-body > .para-container-left {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.tlrb > .para-body > .para-container-right {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.ltrb {\n  display: table;\n}\n.para-container.ltrb > .para-body {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container.ltrb > .para-container-left {\n  display: table-cell;\n  vertical-align: top;\n}\n.para-container-top {\n  transition: width 0.3s, height 0.3s;\n}\n.para-container-left {\n  transition: width 0.3s, height 0.3s;\n}\n.para-container-right {\n  transition: width 0.3s, height 0.3s;\n  overflow: auto;\n}\n.para-container-bottom {\n  transition: width 0.3s, height 0.3s;\n}";
-styleInject(css_248z);
-
-var Container = function Container() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
-      top = props.top,
-      _props$topStyle = props.topStyle,
-      topStyle = _props$topStyle === void 0 ? {} : _props$topStyle,
-      left = props.left,
-      _props$leftStyle = props.leftStyle,
-      leftStyle = _props$leftStyle === void 0 ? {} : _props$leftStyle,
-      right = props.right,
-      _props$rightStyle = props.rightStyle,
-      rightStyle = _props$rightStyle === void 0 ? {} : _props$rightStyle,
-      bottom = props.bottom,
-      _props$bottomStyle = props.bottomStyle,
-      bottomStyle = _props$bottomStyle === void 0 ? {} : _props$bottomStyle,
-      _props$type = props.type,
-      type = _props$type === void 0 ? "tlr" : _props$type;
-  var topSty, leftSty, rightSty, bottomSty, bodySty;
-  var position = React__default.useMemo(function () {
-    switch (type) {
-      case "tlr":
-        // 上 左右
-        topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
-        }, topStyle);
-        leftSty = Object.assign({
-          height: "100%",
-          width: "auto"
-        }, leftStyle);
-        bottomSty = Object.assign({
-          height: bottom ? "20px" : "0",
-          width: "100%"
-        }, bottomStyle);
-        rightSty = Object.assign({
-          height: "calc(100% - ".concat(bottomSty.height, ")"),
-          width: "auto"
-        }, rightStyle);
-        bodySty = {
-          width: "100%",
-          height: "calc(100% - ".concat(topSty.height, ")")
-        };
-        return jsxs("div", Object.assign({
-          className: "para-container tlr " + className
-        }, {
-          children: [jsx("div", Object.assign({
-            className: "para-container-top",
-            style: topSty
-          }, {
-            children: top
-          })), jsxs("div", Object.assign({
-            className: "para-body",
-            style: bodySty
-          }, {
-            children: [jsx("div", Object.assign({
-              className: "para-container-left",
-              style: leftSty
-            }, {
-              children: left
-            })), jsxs("div", Object.assign({
-              className: "para-body-right",
-              style: {
-                width: "auto",
-                height: "100%"
-              }
-            }, {
-              children: [jsx("div", Object.assign({
-                className: "para-container-right",
-                style: rightSty
-              }, {
-                children: right
-              })), jsx("div", Object.assign({
-                className: "para-container-bottom",
-                style: bottomSty
-              }, {
-                children: bottom
-              }))]
-            }))]
-          }))]
-        }));
-
-      case "tlrb":
-        // 上 左右 下
-        topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
-        }, topStyle);
-        leftSty = Object.assign({
-          height: "100%",
-          width: "auto"
-        }, leftStyle);
-        rightSty = Object.assign({
-          height: "100%",
-          width: "auto"
-        }, rightStyle);
-        bottomSty = Object.assign({
-          height: bottom ? "20px" : "0px",
-          width: "100%"
-        }, bottomStyle);
-        bodySty = {
-          width: "100%",
-          height: "calc(100% - ".concat(topSty.height, "  - ").concat(bottomSty.height, ")")
-        };
-        return jsxs("div", Object.assign({
-          className: "para-container tlrb " + className
-        }, {
-          children: [jsx("div", Object.assign({
-            className: "para-container-top",
-            style: topSty
-          }, {
-            children: top
-          })), jsxs("div", Object.assign({
-            className: "para-body",
-            style: bodySty
-          }, {
-            children: [jsx("div", Object.assign({
-              className: "para-container-left",
-              style: leftSty
-            }, {
-              children: left
-            })), jsx("div", Object.assign({
-              className: "para-container-right",
-              style: rightSty
-            }, {
-              children: right
-            }))]
-          })), jsx("div", Object.assign({
-            className: "para-container-bottom",
-            style: bottomSty
-          }, {
-            children: bottom
-          }))]
-        }));
-
-      case "ltrb":
-        // 左 上右下
-        leftSty = Object.assign({
-          height: "100%",
-          width: "auto"
-        }, leftStyle);
-        topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
-        }, topStyle);
-        bottomSty = Object.assign({
-          height: bottom ? "30px" : "0px",
-          width: "100%"
-        }, bottomStyle);
-        rightSty = Object.assign({
-          height: "calc(100% - ".concat(topSty.height, "px  - ").concat(bottomSty.height, ")"),
-          width: "100%"
-        }, rightStyle);
-        bodySty = {
-          width: "auto",
-          height: "100%"
-        };
-        return jsxs("div", Object.assign({
-          className: "para-container ltrb " + className
-        }, {
-          children: [jsx("div", Object.assign({
-            className: "para-container-left",
-            style: leftSty
-          }, {
-            children: left
-          })), jsxs("div", Object.assign({
-            className: "para-body",
-            style: bodySty
-          }, {
-            children: [jsx("div", Object.assign({
-              className: "para-container-top",
-              style: topSty
-            }, {
-              children: top
-            })), jsx("div", Object.assign({
-              className: "para-container-right",
-              style: rightSty
-            }, {
-              children: right
-            })), jsx("div", Object.assign({
-              className: "para-container-bottom",
-              style: bottomSty
-            }, {
-              children: bottom
-            }))]
-          }))]
-        }));
-
-      case "trb":
-        // 上 中 下
-        topSty = Object.assign({
-          height: top ? "50px" : '0',
-          width: "100%"
-        }, topStyle);
-        bottomSty = Object.assign({
-          height: bottom ? "30px" : "0px",
-          width: "100%"
-        }, bottomStyle);
-        rightSty = Object.assign({
-          height: "calc(100% - ".concat(topSty.height, "px  - ").concat(bottomSty.height, ")"),
-          width: "100%"
-        }, rightStyle);
-        return jsxs("div", Object.assign({
-          className: "para-container trb " + className
-        }, {
-          children: [jsx("div", Object.assign({
-            className: "para-container-top",
-            style: topSty
-          }, {
-            children: top
-          })), jsx("div", Object.assign({
-            className: "para-container-right",
-            style: rightSty
-          }, {
-            children: right
-          })), jsx("div", Object.assign({
-            className: "para-container-bottom",
-            style: bottomSty
-          }, {
-            children: bottom
-          }))]
-        }));
-    }
-
-    return jsx("div", {
-      children: "Error Position"
-    });
-  }, [type, className, top, topStyle, left, leftStyle, right, rightStyle, bottom, bottomStyle]);
-  return position;
-};
-
-export { Container, Container as default };
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.ParaUI=e(require("react")):t.ParaUI=e(t.react)}(self,(function(t){return function(){var e={6461:function(t,e,r){(e=r(3645)(!1)).push([t.id,".para-container{width:100%;height:100%}.para-container>.para-body{overflow:auto}.para-container.tlr>.para-body{display:table}.para-container.tlr>.para-body>.para-body-right{display:table-cell;vertical-align:top}.para-container.tlr>.para-body>.para-container-left{display:table-cell;vertical-align:top}.para-container.tlrb>.para-body{display:table}.para-container.tlrb>.para-body>.para-container-left{display:table-cell;vertical-align:top}.para-container.tlrb>.para-body>.para-container-right{display:table-cell;vertical-align:top}.para-container.ltrb{display:table}.para-container.ltrb>.para-body{display:table-cell;vertical-align:top}.para-container.ltrb>.para-container-left{display:table-cell;vertical-align:top}.para-container-top{transition:width .3s,height .3s}.para-container-left{transition:width .3s,height .3s}.para-container-right{transition:width .3s,height .3s;overflow:auto}.para-container-bottom{transition:width .3s,height .3s}",""]),t.exports=e},3645:function(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r=function(t,e){var r=t[1]||"",n=t[3];if(!n)return r;if(e&&"function"==typeof btoa){var a=(o=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),i=n.sources.map((function(t){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(t," */")}));return[r].concat(i).concat([a]).join("\n")}var o,c,s;return[r].join("\n")}(e,t);return e[2]?"@media ".concat(e[2]," {").concat(r,"}"):r})).join("")},e.i=function(t,r,n){"string"==typeof t&&(t=[[null,t,""]]);var a={};if(n)for(var i=0;i<this.length;i++){var o=this[i][0];null!=o&&(a[o]=!0)}for(var c=0;c<t.length;c++){var s=[].concat(t[c]);n&&a[s[0]]||(r&&(s[2]?s[2]="".concat(r," and ").concat(s[2]):s[2]=r),e.push(s))}},e}},7418:function(t){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var e=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function a(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},r=0;r<10;r++)e["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(e).map((function(t){return e[t]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(t){n[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(t){return!1}}()?Object.assign:function(t,i){for(var o,c,s=a(t),l=1;l<arguments.length;l++){for(var d in o=Object(arguments[l]))r.call(o,d)&&(s[d]=o[d]);if(e){c=e(o);for(var p=0;p<c.length;p++)n.call(o,c[p])&&(s[c[p]]=o[c[p]])}}return s}},5251:function(t,e,r){"use strict";
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+r(7418);var n=r(8156),a=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;a=i("react.element"),i("react.fragment")}var o=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function l(t,e,r){var n,i={},l=null,d=null;for(n in void 0!==r&&(l=""+r),void 0!==e.key&&(l=""+e.key),void 0!==e.ref&&(d=e.ref),e)c.call(e,n)&&!s.hasOwnProperty(n)&&(i[n]=e[n]);if(t&&t.defaultProps)for(n in e=t.defaultProps)void 0===i[n]&&(i[n]=e[n]);return{$$typeof:a,type:t,key:l,ref:d,props:i,_owner:o.current}}e.jsx=l,e.jsxs=l},5893:function(t,e,r){"use strict";t.exports=r(5251)},462:function(t,e,r){var n=r(3379),a=r(6461);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[t.id,a,""]]);var i={insert:("body","body"),singleton:!1};n(a,i);t.exports=a.locals||{}},3379:function(t,e,r){"use strict";var n,a=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},i=function(){var t={};return function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}t[e]=r}return t[e]}}(),o=[];function c(t){for(var e=-1,r=0;r<o.length;r++)if(o[r].identifier===t){e=r;break}return e}function s(t,e){for(var r={},n=[],a=0;a<t.length;a++){var i=t[a],s=e.base?i[0]+e.base:i[0],l=r[s]||0,d="".concat(s," ").concat(l);r[s]=l+1;var p=c(d),u={css:i[1],media:i[2],sourceMap:i[3]};-1!==p?(o[p].references++,o[p].updater(u)):o.push({identifier:d,updater:y(u,e),references:1}),n.push(d)}return n}function l(t){var e=document.createElement("style"),n=t.attributes||{};if(void 0===n.nonce){var a=r.nc;a&&(n.nonce=a)}if(Object.keys(n).forEach((function(t){e.setAttribute(t,n[t])})),"function"==typeof t.insert)t.insert(e);else{var o=i(t.insert||"head");if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(e)}return e}var d,p=(d=[],function(t,e){return d[t]=e,d.filter(Boolean).join("\n")});function u(t,e,r,n){var a=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(t.styleSheet)t.styleSheet.cssText=p(e,a);else{var i=document.createTextNode(a),o=t.childNodes;o[e]&&t.removeChild(o[e]),o.length?t.insertBefore(i,o[e]):t.appendChild(i)}}function h(t,e,r){var n=r.css,a=r.media,i=r.sourceMap;if(a?t.setAttribute("media",a):t.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var f=null,v=0;function y(t,e){var r,n,a;if(e.singleton){var i=v++;r=f||(f=l(e)),n=u.bind(null,r,i,!1),a=u.bind(null,r,i,!0)}else r=l(e),n=h.bind(null,r,e),a=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(r)};return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else a()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=a());var r=s(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var n=0;n<r.length;n++){var a=c(r[n]);o[a].references--}for(var i=s(t,e),l=0;l<r.length;l++){var d=c(r[l]);0===o[d].references&&(o[d].updater(),o.splice(d,1))}r=i}}}},8156:function(e){"use strict";e.exports=t}},r={};function n(t){var a=r[t];if(void 0!==a)return a.exports;var i=r[t]={id:t,exports:{}};return e[t](i,i.exports,n),i.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.nc=void 0;var a={};return function(){"use strict";n.r(a),n.d(a,{Container:function(){return o}});var t=n(5893),e=n(8156),r=n.n(e),i=(n(462),function(){return i=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},i.apply(this,arguments)}),o=function(e){void 0===e&&(e={});var n,a,o,c,s,l=e.className,d=void 0===l?"":l,p=e.top,u=e.topStyle,h=void 0===u?{}:u,f=e.left,v=e.leftStyle,y=void 0===v?{}:v,b=e.right,g=e.rightStyle,m=void 0===g?{}:g,j=e.bottom,x=e.bottomStyle,w=void 0===x?{}:x,N=e.type,O=void 0===N?"tlr":N;return r().useMemo((function(){switch(O){case"tlr":return n=i({height:p?"50px":"0",width:"100%"},h),a=i({height:"100%",width:"auto"},y),c=i({height:j?"20px":"0",width:"100%"},w),o=i({height:"calc(100% - ".concat(c.height,")"),width:"auto"},m),s={width:"100%",height:"calc(100% - ".concat(n.height,")")},(0,t.jsxs)("div",i({className:"para-container tlr "+d},{children:[(0,t.jsx)("div",i({className:"para-container-top",style:n},{children:p})),(0,t.jsxs)("div",i({className:"para-body",style:s},{children:[(0,t.jsx)("div",i({className:"para-container-left",style:a},{children:f})),(0,t.jsxs)("div",i({className:"para-body-right",style:{width:"auto",height:"100%"}},{children:[(0,t.jsx)("div",i({className:"para-container-right",style:o},{children:b})),(0,t.jsx)("div",i({className:"para-container-bottom",style:c},{children:j}))]}))]}))]}));case"tlrb":return n=i({height:p?"50px":"0",width:"100%"},h),a=i({height:"100%",width:"auto"},y),o=i({height:"100%",width:"auto"},m),c=i({height:j?"20px":"0px",width:"100%"},w),s={width:"100%",height:"calc(100% - ".concat(n.height,"  - ").concat(c.height,")")},(0,t.jsxs)("div",i({className:"para-container tlrb "+d},{children:[(0,t.jsx)("div",i({className:"para-container-top",style:n},{children:p})),(0,t.jsxs)("div",i({className:"para-body",style:s},{children:[(0,t.jsx)("div",i({className:"para-container-left",style:a},{children:f})),(0,t.jsx)("div",i({className:"para-container-right",style:o},{children:b}))]})),(0,t.jsx)("div",i({className:"para-container-bottom",style:c},{children:j}))]}));case"ltrb":return a=i({height:"100%",width:"auto"},y),n=i({height:p?"50px":"0",width:"100%"},h),c=i({height:j?"30px":"0px",width:"100%"},w),o=i({height:"calc(100% - ".concat(n.height,"px  - ").concat(c.height,")"),width:"100%"},m),s={width:"auto",height:"100%"},(0,t.jsxs)("div",i({className:"para-container ltrb "+d},{children:[(0,t.jsx)("div",i({className:"para-container-left",style:a},{children:f})),(0,t.jsxs)("div",i({className:"para-body",style:s},{children:[(0,t.jsx)("div",i({className:"para-container-top",style:n},{children:p})),(0,t.jsx)("div",i({className:"para-container-right",style:o},{children:b})),(0,t.jsx)("div",i({className:"para-container-bottom",style:c},{children:j}))]}))]}));case"trb":return n=i({height:p?"50px":"0",width:"100%"},h),c=i({height:j?"30px":"0px",width:"100%"},w),o=i({height:"calc(100% - ".concat(n.height,"px  - ").concat(c.height,")"),width:"100%"},m),(0,t.jsxs)("div",i({className:"para-container trb "+d},{children:[(0,t.jsx)("div",i({className:"para-container-top",style:n},{children:p})),(0,t.jsx)("div",i({className:"para-container-right",style:o},{children:b})),(0,t.jsx)("div",i({className:"para-container-bottom",style:c},{children:j}))]}))}return(0,t.jsx)("div",{children:"Error Position"})}),[O,d,p,h,f,y,b,m,j,w])};a.default=o}(),a}()}));

package/DatePicker/PickerButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button';
+export default function PickerButton(props: ButtonProps): JSX.Element;

package/DatePicker/PickerTag.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TagProps } from '../Tag';
+export default function PickerTag(props: TagProps): JSX.Element;

package/DatePicker/generatePicker/generateRangePicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { GenerateConfig } from 'rc-picker/lib/generate/index';
+import { RangePickerProps } from '.';
+export default function generateRangePicker<DateType>(generateConfig: GenerateConfig<DateType>): React.ComponentClass<RangePickerProps<DateType>>;

package/DatePicker/generatePicker/generateSinglePicker.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { GenerateConfig } from 'rc-picker/lib/generate/index';
+import { PickerProps, PickerDateProps, PickerTimeProps } from '.';
+export default function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): {
+    DatePicker: React.ComponentClass<PickerProps<DateType>, any>;
+    WeekPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    MonthPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    YearPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    TimePicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+    QuarterPicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+};

package/DatePicker/generatePicker/index.d.ts

@@ -0,0 +1,77 @@
+import React, { ReactNode } from 'react';
+import { GenerateConfig } from 'rc-picker/lib/generate/index';
+import { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from 'rc-picker/lib/Picker';
+import { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from 'rc-picker/lib/RangePicker';
+import { Locale as RcPickerLocale } from 'rc-picker/lib/interface';
+import PickerButton from '../PickerButton';
+import PickerTag from '../PickerTag';
+import { Moment } from "moment";
+import { LabelTooltipProps } from "../../Label";
+declare type SizeType = 'small' | 'medium' | 'large' | undefined;
+export interface TimePickerLocale {
+    placeholder?: string;
+    rangePlaceholder?: [string, string];
+}
+export declare type NullableDateType<DateType> = DateType | null | undefined | string;
+export declare type Value<DateType> = NullableDateType<DateType>;
+export declare type RangeValue<DateType> = [NullableDateType<DateType>, NullableDateType<DateType>] | null;
+export declare const Components: {
+    button: typeof PickerButton;
+    rangeItem: typeof PickerTag;
+};
+declare type InjectDefaultProps<Props, Type> = Omit<Props, 'locale' | 'generateConfig' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon' | 'hideHeader' | 'components' | 'value' | 'defaultValue'> & {
+    locale?: 'zh' | 'en';
+    size?: SizeType;
+    bordered?: boolean;
+    error?: boolean;
+    helperText?: React.ReactNode;
+    value?: Type extends 'range' ? RangeValue<Moment> : NullableDateType<Moment>;
+    defaultValue?: Type extends 'range' ? RangeValue<Moment> : NullableDateType<Moment>;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮助提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 是否必填 */
+    required?: boolean;
+};
+export declare const pickerFormatMap: {
+    [index: string]: string;
+};
+export declare type PickerLocale = {
+    lang: RcPickerLocale & AdditionalPickerLocaleLangProps;
+    timePickerLocale: TimePickerLocale;
+} & AdditionalPickerLocaleProps;
+export declare type AdditionalPickerLocaleProps = {
+    dateFormat?: string;
+    dateTimeFormat?: string;
+    weekFormat?: string;
+    monthFormat?: string;
+};
+export declare type AdditionalPickerLocaleLangProps = {
+    placeholder?: string;
+    yearPlaceholder?: string;
+    quarterPlaceholder?: string;
+    monthPlaceholder?: string;
+    weekPlaceholder?: string;
+    rangeYearPlaceholder?: [string, string];
+    rangeMonthPlaceholder?: [string, string];
+    rangeWeekPlaceholder?: [string, string];
+    rangePlaceholder?: [string, string];
+};
+export declare type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>, ''>;
+export declare type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>, ''>;
+export declare type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>, ''>;
+export declare type PickerProps<DateType> = PickerBaseProps<DateType> | PickerDateProps<DateType> | PickerTimeProps<DateType>;
+export declare type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>, 'range'>;
+export declare type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>, 'range'>;
+export declare type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>, 'range'>;
+export declare type RangePickerProps<DateType> = RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType>;
+declare function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): React.ComponentClass<PickerProps<DateType>, any> & {
+    WeekPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    MonthPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    YearPicker: React.ComponentClass<Omit<PickerDateProps<DateType>, "picker">, any>;
+    RangePicker: React.ComponentClass<RangePickerProps<DateType>>;
+    TimePicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+    QuarterPicker: React.ComponentClass<Omit<PickerTimeProps<DateType>, "picker">, any>;
+};
+export default generatePicker;