tntd 3.0.0-beta.1 → 3.0.0-beta.2

package/es/popover/index.less

@@ -47,5 +47,11 @@
   &-arrow {
     border-radius: 1px;
   }
+}
 
+
+.@{popover-prefix-cls}-arrow-hidden {
+  .@{popover-prefix-cls}-arrow {
+    display: none;
+  }
 }

package/es/popover/popover.js

@@ -1,13 +1,10 @@
-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 __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;
 };
 import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
@@ -15,14 +12,23 @@ import AntdPopover from 'antd/es/popover';
 import classNames from 'classnames';
 export * from 'antd/es/popover';
 const themeMap = (prefixCls, themeColor) => {
-    return `${prefixCls}-${themeColor}`;
+  return `${prefixCls}-${themeColor}`;
 };
-const Popover = (props) => {
-    const { overlayClassName, theme = '', titleDivider = false } = props, restProps = __rest(props, ["overlayClassName", "theme", "titleDivider"]);
-    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
-        const prefixCls = getPrefixCls('popover');
-        return (React.createElement(AntdPopover, Object.assign({ overlayClassName: classNames(prefixCls, 'tnt-popover', themeMap(prefixCls, theme), overlayClassName) }, restProps)));
-    }));
+const Popover = props => {
+  const {
+      overlayClassName,
+      theme = '',
+      titleDivider = false,
+      hiddenArrow = false
+    } = props,
+    restProps = __rest(props, ["overlayClassName", "theme", "titleDivider", "hiddenArrow"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('popover');
+    return React.createElement(AntdPopover, Object.assign({
+      overlayClassName: classNames(prefixCls, 'tnt-popover', themeMap(prefixCls, theme), hiddenArrow ? prefixCls + '-arrow-hidden' : '', overlayClassName)
+    }, restProps));
+  });
 };
-export default Popover;
-//# sourceMappingURL=popover.js.map
+export default Popover;

package/es/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/popover/popover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,iBAAiB,CAAA;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAmB,EAAE,EAAE;IAC1D,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAMD,MAAM,OAAO,GAAoE,CAAC,KAAK,EAAE,EAAE;IACzF,MAAM,EAAE,gBAAgB,EAAE,KAAK,GAAG,EAAE,EAAE,YAAY,GAAG,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA5E,6CAAoE,CAAQ,CAAA;IAElF,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,oBAAC,WAAW,kBACV,gBAAgB,EAAE,UAAU,CAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { PopoverProps } from 'antd/es/popover'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdPopover from 'antd/es/popover'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/popover'\nconst themeMap = (prefixCls: string, themeColor?: string) => {\n  return `${prefixCls}-${themeColor}`\n}\ninterface CurProps extends PopoverProps {\n  theme?: string\n  titleDivider?: boolean\n}\n\nconst Popover: React.FC<CurProps & { theme?: string; titleDivider?: boolean }> = (props) => {\n  const { overlayClassName, theme = '', titleDivider = false, ...restProps } = props\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('popover')\n\n        return (\n          <AntdPopover\n            overlayClassName={classNames(\n              prefixCls,\n              'tnt-popover',\n              themeMap(prefixCls, theme),\n              overlayClassName\n            )}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default Popover\n"]}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/popover/popover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,iBAAiB,CAAA;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAmB,EAAE,EAAE;IAC1D,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAMD,MAAM,OAAO,GAET,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EACJ,gBAAgB,EAChB,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,KAAK,KAEjB,KAAK,EADJ,SAAS,UACV,KAAK,EANH,4DAML,CAAQ,CAAA;IAET,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,oBAAC,WAAW,kBACV,gBAAgB,EAAE,UAAU,CAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { PopoverProps } from 'antd/es/popover'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdPopover from 'antd/es/popover'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/popover'\nconst themeMap = (prefixCls: string, themeColor?: string) => {\n  return `${prefixCls}-${themeColor}`\n}\ninterface CurProps extends PopoverProps {\n  theme?: string\n  titleDivider?: boolean\n}\n\nconst Popover: React.FC<\n  CurProps & { theme?: string; titleDivider?: boolean; hiddenArrow?: boolean }\n> = (props) => {\n  const {\n    overlayClassName,\n    theme = '',\n    titleDivider = false,\n    hiddenArrow = false,\n    ...restProps\n  } = props\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('popover')\n\n        return (\n          <AntdPopover\n            overlayClassName={classNames(\n              prefixCls,\n              'tnt-popover',\n              themeMap(prefixCls, theme),\n              hiddenArrow ? prefixCls + '-arrow-hidden' : '',\n              overlayClassName\n            )}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default Popover\n"]}

package/es/popover/style/index.js

@@ -2,5 +2,4 @@ import '../../style/index.less';
 import './index.less';
 import '../index.less';
 // style dependencies
-// deps-lint-skip: tooltip
-//# sourceMappingURL=index.js.map
+// deps-lint-skip: tooltip

package/es/popover/style/index.less

@@ -90,7 +90,8 @@
       position: absolute;
       top: 8px; // 4px for padding-top, 4px for vertical middle;
       color: @warning-color;
-      font-size: @font-size-base;
+      // font-size: @font-size-base;
+      font-size: 16px;
     }
     &-title {
       padding-left: calc(@font-size-base + 8px);

package/es/prev-locale.js

@@ -1,55 +1,57 @@
 import { getLanguageStore } from './tntd-layout/storage';
 export const zh_CN = {
-    globalNavigation: '全局导航',
-    menuSearch: '菜单搜索',
-    // QueryForm
-    search: '搜索',
-    reset: '重置',
-    moreFiltering: '更多过滤',
-    expand: '展开',
-    collapse: '收起',
-    // QueryListScene
-    totalRecords: '共%s条记录',
-    // user popover
-    nameNull: '暂无昵称',
-    personalSettings: '个人设置',
-    changePwd: '修改密码',
-    signOut: '退出',
-    // Handle
-    handleMore: '更多'
+  globalNavigation: '全局导航',
+  menuSearch: '菜单搜索',
+  // QueryForm
+  search: '搜索',
+  reset: '重置',
+  moreFiltering: '更多过滤',
+  expand: '展开',
+  collapse: '收起',
+  // QueryListScene
+  totalRecords: '共%s条记录',
+  // user popover
+  nameNull: '暂无昵称',
+  personalSettings: '个人设置',
+  changePwd: '修改密码',
+  signOut: '退出',
+  // Handle
+  handleMore: '更多'
 };
 export const en_US = {
-    globalNavigation: 'Global Navigation',
-    menuSearch: 'Menu Search',
-    // QueryForm
-    search: 'Search',
-    reset: 'Reset',
-    moreFiltering: 'More filtering',
-    expand: 'Expand',
-    collapse: 'Collapse',
-    // QueryListScene
-    totalRecords: 'Totally %s Record(s)',
-    // user popover
-    nameNull: 'No nickname yet',
-    personalSettings: 'Setting',
-    changePwd: 'Change password',
-    signOut: 'Sign out',
-    // Handle
-    handleMore: 'More'
+  globalNavigation: 'Global Navigation',
+  menuSearch: 'Menu Search',
+  // QueryForm
+  search: 'Search',
+  reset: 'Reset',
+  moreFiltering: 'More filtering',
+  expand: 'Expand',
+  collapse: 'Collapse',
+  // QueryListScene
+  totalRecords: 'Totally %s Record(s)',
+  // user popover
+  nameNull: 'No nickname yet',
+  personalSettings: 'Setting',
+  changePwd: 'Change password',
+  signOut: 'Sign out',
+  // Handle
+  handleMore: 'More'
 };
 export const getText = (key, language = 'cn', ...params) => {
-    var _a;
-    const text = (_a = ({
-        cn: zh_CN,
-        en: en_US,
-    }[language] || zh_CN)) === null || _a === void 0 ? void 0 : _a[key];
-    if (params === null || params === void 0 ? void 0 : params.length) {
-        return params.reduce((acc, cur) => {
-            return acc.replace(/%s/, cur);
-        }, text);
-    }
-    return text;
+  var _a;
+  const text = (_a = {
+    cn: zh_CN,
+    en: en_US
+  }[language] || zh_CN) === null || _a === void 0 ? void 0 : _a[key];
+  if (params === null || params === void 0 ? void 0 : params.length) {
+    return params.reduce((acc, cur) => {
+      return acc.replace(/%s/, cur);
+    }, text);
+  }
+  return text;
 };
 export const getLanguage = () => getLanguageStore() || 'cn';
-export default { en_US, zh_CN };
-//# sourceMappingURL=prev-locale.js.map
+export default {
+  en_US,
+  zh_CN
+};

package/es/preview-text/index.js

@@ -1,195 +1,265 @@
+import _isFunction from "lodash/isFunction";
+import _isNull from "lodash/isNull";
+import _isArray from "lodash/isArray";
+import _isUndefined from "lodash/isUndefined";
 import React, { useContext } from 'react';
 import Tag from '../tag';
 import cc from 'classnames';
-import { isUndefined, isArray, isNull, isFunction } from 'lodash';
 import { FormContext } from '../tntd-form/context';
 const prefixCls = 'tnt-preview-text';
-const isValid = (value) => !isUndefined(value) && !isNull(value) && value !== '';
-const usePlaceholder = (value) => {
-    const { placeholder } = useContext(FormContext);
-    return isValid(value) ? value : placeholder;
+const isValid = value => !_isUndefined(value) && !_isNull(value) && value !== '';
+const usePlaceholder = value => {
+  const {
+    placeholder
+  } = useContext(FormContext);
+  return isValid(value) ? value : placeholder;
 };
-const Input = (props) => (React.createElement("div", { className: cc([props.className]), style: props.style },
-    props.addonBefore,
-    props.prefix,
-    usePlaceholder(props.value),
-    props.suffix,
-    props.addonAfter));
-const Select = ({ options, mode, value, labelInValue, className, style }) => {
-    const dataSource = (options || []);
-    const placeholder = usePlaceholder();
-    const isMultiple = ['multiple', 'tags'].includes(mode !== null && mode !== void 0 ? mode : '') || isArray(value);
-    const getSelected = () => {
-        if (isMultiple) {
-            if (labelInValue) {
-                return isArray(value) ? value : [];
-            }
-            else {
-                return isArray(value) ? value.map((val) => ({ label: val, value: val })) : [];
-            }
-        }
-        else {
-            if (labelInValue) {
-                return isValid(value) ? [value] : [];
-            }
-            else {
-                return isValid(value) ? [{ label: value, value }] : [];
-            }
-        }
-    };
-    const getLabels = () => {
-        const selected = getSelected();
-        if (!selected.length)
-            return placeholder;
-        return selected.map(({ label, value }, key) => {
-            var _a;
-            const text = ((_a = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find((item) => item.value === value)) === null || _a === void 0 ? void 0 : _a.label) || label;
-            return isMultiple ? React.createElement(Tag, { key: key }, text || placeholder) : text || placeholder;
-        });
-    };
-    return (React.createElement("div", { className: cc([prefixCls, className]), style: style }, getLabels()));
+const Input = props => React.createElement("div", {
+  className: cc([props.className]),
+  style: props.style
+}, props.addonBefore, props.prefix, usePlaceholder(props.value), props.suffix, props.addonAfter);
+const Select = ({
+  options,
+  mode,
+  value,
+  labelInValue,
+  className,
+  style
+}) => {
+  const dataSource = options || [];
+  const placeholder = usePlaceholder();
+  const isMultiple = ['multiple', 'tags'].includes(mode !== null && mode !== void 0 ? mode : '') || _isArray(value);
+  const getSelected = () => {
+    if (isMultiple) {
+      if (labelInValue) {
+        return _isArray(value) ? value : [];
+      } else {
+        return _isArray(value) ? value.map(val => ({
+          label: val,
+          value: val
+        })) : [];
+      }
+    } else {
+      if (labelInValue) {
+        return isValid(value) ? [value] : [];
+      } else {
+        return isValid(value) ? [{
+          label: value,
+          value
+        }] : [];
+      }
+    }
+  };
+  const getLabels = () => {
+    const selected = getSelected();
+    if (!selected.length) return placeholder;
+    return selected.map(({
+      label,
+      value
+    }, key) => {
+      var _a;
+      const text = ((_a = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(item => item.value === value)) === null || _a === void 0 ? void 0 : _a.label) || label;
+      return isMultiple ? React.createElement(Tag, {
+        key: key
+      }, text || placeholder) : text || placeholder;
+    });
+  };
+  return React.createElement("div", {
+    className: cc([prefixCls, className]),
+    style: style
+  }, getLabels());
 };
-const TreeSelect = ({ value, multiple, labelInValue, treeData, className, style, }) => {
-    const placeholder = usePlaceholder();
-    const dataSource = treeData || [];
-    const getSelected = () => {
-        if (multiple) {
-            if (labelInValue) {
-                return isArray(value) ? value : [];
-            }
-            else {
-                return isArray(value) ? value.map((val) => ({ label: val, value: val })) : [];
-            }
-        }
-        else {
-            if (labelInValue) {
-                return value ? [value] : [];
-            }
-            else {
-                return value ? [{ label: value, value }] : [];
-            }
-        }
-    };
-    const findLabel = (value, dataSource) => {
-        for (let i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
-            const item = dataSource[i];
-            if ((item === null || item === void 0 ? void 0 : item.value) === value || (item === null || item === void 0 ? void 0 : item.key) === value) {
-                return item === null || item === void 0 ? void 0 : item.title;
-            }
-            else {
-                const childLabel = findLabel(value, item === null || item === void 0 ? void 0 : item.children);
-                if (childLabel)
-                    return childLabel;
-            }
-        }
-    };
-    const getLabels = () => {
-        const selected = getSelected();
-        if (!(selected === null || selected === void 0 ? void 0 : selected.length))
-            return React.createElement(Tag, null, placeholder);
-        return selected.map(({ value, label }, key) => {
-            return (React.createElement(React.Fragment, null, multiple ? (React.createElement(Tag, { key: key }, findLabel(value, dataSource) || label || placeholder)) : (findLabel(value, dataSource) || label || placeholder)));
-        });
-    };
-    return (React.createElement("div", { className: cc([prefixCls, className]), style: style }, getLabels()));
+const TreeSelect = ({
+  value,
+  multiple,
+  labelInValue,
+  treeData,
+  className,
+  style
+}) => {
+  const placeholder = usePlaceholder();
+  const dataSource = treeData || [];
+  const getSelected = () => {
+    if (multiple) {
+      if (labelInValue) {
+        return _isArray(value) ? value : [];
+      } else {
+        return _isArray(value) ? value.map(val => ({
+          label: val,
+          value: val
+        })) : [];
+      }
+    } else {
+      if (labelInValue) {
+        return value ? [value] : [];
+      } else {
+        return value ? [{
+          label: value,
+          value
+        }] : [];
+      }
+    }
+  };
+  const findLabel = (value, dataSource) => {
+    for (let i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
+      const item = dataSource[i];
+      if ((item === null || item === void 0 ? void 0 : item.value) === value || (item === null || item === void 0 ? void 0 : item.key) === value) {
+        return item === null || item === void 0 ? void 0 : item.title;
+      } else {
+        const childLabel = findLabel(value, item === null || item === void 0 ? void 0 : item.children);
+        if (childLabel) return childLabel;
+      }
+    }
+  };
+  const getLabels = () => {
+    const selected = getSelected();
+    if (!(selected === null || selected === void 0 ? void 0 : selected.length)) return React.createElement(Tag, null, placeholder);
+    return selected.map(({
+      value,
+      label
+    }, key) => {
+      return React.createElement(React.Fragment, null, multiple ? React.createElement(Tag, {
+        key: key
+      }, findLabel(value, dataSource) || label || placeholder) : findLabel(value, dataSource) || label || placeholder);
+    });
+  };
+  return React.createElement("div", {
+    className: cc([prefixCls, className]),
+    style: style
+  }, getLabels());
 };
-const Cascader = ({ options, value, className, style }) => {
-    const placeholder = usePlaceholder();
-    const dataSource = options || [];
-    const getSelected = () => {
-        return isArray(value) ? value : [];
-    };
-    const findLabel = (value, dataSource) => {
-        for (let i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
-            const item = dataSource[i];
-            if ((item === null || item === void 0 ? void 0 : item.value) === value) {
-                return item === null || item === void 0 ? void 0 : item.label;
-            }
-            else {
-                const childLabel = findLabel(value, item === null || item === void 0 ? void 0 : item.children);
-                if (childLabel)
-                    return childLabel;
-            }
-        }
-    };
-    const getLabels = () => {
-        const selected = getSelected();
-        if (!(selected === null || selected === void 0 ? void 0 : selected.length)) {
-            return placeholder;
-        }
-        return selected
-            .map((value) => {
-            return findLabel(value, dataSource) || placeholder;
-        })
-            .join('/');
-    };
-    return (React.createElement("div", { className: cc([prefixCls, className]), style: style }, getLabels()));
+const Cascader = ({
+  options,
+  value,
+  className,
+  style
+}) => {
+  const placeholder = usePlaceholder();
+  const dataSource = options || [];
+  const getSelected = () => {
+    return _isArray(value) ? value : [];
+  };
+  const findLabel = (value, dataSource) => {
+    for (let i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
+      const item = dataSource[i];
+      if ((item === null || item === void 0 ? void 0 : item.value) === value) {
+        return item === null || item === void 0 ? void 0 : item.label;
+      } else {
+        const childLabel = findLabel(value, item === null || item === void 0 ? void 0 : item.children);
+        if (childLabel) return childLabel;
+      }
+    }
+  };
+  const getLabels = () => {
+    const selected = getSelected();
+    if (!(selected === null || selected === void 0 ? void 0 : selected.length)) {
+      return placeholder;
+    }
+    return selected.map(value => {
+      return findLabel(value, dataSource) || placeholder;
+    }).join('/');
+  };
+  return React.createElement("div", {
+    className: cc([prefixCls, className]),
+    style: style
+  }, getLabels());
 };
 const formatMomentValue = (value, format, placeholder) => {
-    const formatDate = (date, format, i = 0) => {
-        if (!date)
-            return placeholder;
-        if (isArray(format)) {
-            const _format = format[i];
-            if (isFunction(_format)) {
-                return _format(date);
-            }
-            return (date === null || date === void 0 ? void 0 : date.format) ? date.format(_format) : date;
-        }
-        else {
-            if (isFunction(format)) {
-                return format(date);
-            }
-            return (date === null || date === void 0 ? void 0 : date.format) ? date.format(format) : date;
-        }
-    };
-    if (isArray(value)) {
-        return value.map((val, index) => {
-            return formatDate(val, format, index);
-        });
-    }
-    else {
-        return value ? formatDate(value, format) : value || placeholder;
+  const formatDate = (date, format, i = 0) => {
+    if (!date) return placeholder;
+    if (_isArray(format)) {
+      const _format = format[i];
+      if (_isFunction(_format)) {
+        return _format(date);
+      }
+      return (date === null || date === void 0 ? void 0 : date.format) ? date.format(_format) : date;
+    } else {
+      if (_isFunction(format)) {
+        return format(date);
+      }
+      return (date === null || date === void 0 ? void 0 : date.format) ? date.format(format) : date;
     }
+  };
+  if (_isArray(value)) {
+    return value.map((val, index) => {
+      return formatDate(val, format, index);
+    });
+  } else {
+    return value ? formatDate(value, format) : value || placeholder;
+  }
 };
-const DatePicker = ({ value, format, showTime, placeholder, className, }) => {
-    const getLabels = () => {
-        const labels = formatMomentValue(value, format || `YYYY-MM-DD${showTime ? ' HH:mm:ss' : ''}`, placeholder);
-        return isArray(labels) ? labels.join('~') : labels;
-    };
-    return React.createElement("div", { className: cc([prefixCls, className]) }, getLabels());
+const DatePicker = ({
+  value,
+  format,
+  showTime,
+  placeholder,
+  className
+}) => {
+  const getLabels = () => {
+    const labels = formatMomentValue(value, format || `YYYY-MM-DD${showTime ? ' HH:mm:ss' : ''}`, placeholder);
+    return _isArray(labels) ? labels.join('~') : labels;
+  };
+  return React.createElement("div", {
+    className: cc([prefixCls, className])
+  }, getLabels());
 };
-const TimePicker = ({ value, format, placeholder, className, style, }) => {
-    const getLabels = () => {
-        const labels = formatMomentValue(value, format || 'HH:mm:ss', placeholder);
-        return isArray(labels) ? labels.join('~') : labels;
-    };
-    return (React.createElement("div", { className: cc(prefixCls, className), style: style }, getLabels()));
+const TimePicker = ({
+  value,
+  format,
+  placeholder,
+  className,
+  style
+}) => {
+  const getLabels = () => {
+    const labels = formatMomentValue(value, format || 'HH:mm:ss', placeholder);
+    return _isArray(labels) ? labels.join('~') : labels;
+  };
+  return React.createElement("div", {
+    className: cc(prefixCls, className),
+    style: style
+  }, getLabels());
 };
-const MonthPicker = ({ value, format, placeholder, className, style, }) => {
-    const getLabels = () => {
-        const labels = formatMomentValue(value, format || 'YYYY-MM', placeholder);
-        return isArray(labels) ? labels.join('~') : labels;
-    };
-    return (React.createElement("div", { className: cc(prefixCls, className), style: style }, getLabels()));
+const MonthPicker = ({
+  value,
+  format,
+  placeholder,
+  className,
+  style
+}) => {
+  const getLabels = () => {
+    const labels = formatMomentValue(value, format || 'YYYY-MM', placeholder);
+    return _isArray(labels) ? labels.join('~') : labels;
+  };
+  return React.createElement("div", {
+    className: cc(prefixCls, className),
+    style: style
+  }, getLabels());
 };
-const WeekPicker = ({ value, format, placeholder, className, style, }) => {
-    const getLabels = () => {
-        const labels = formatMomentValue(value, format || 'gggg-wo', placeholder);
-        return isArray(labels) ? labels.join('~') : labels;
-    };
-    return (React.createElement("div", { className: cc(prefixCls, className), style: style }, getLabels()));
+const WeekPicker = ({
+  value,
+  format,
+  placeholder,
+  className,
+  style
+}) => {
+  const getLabels = () => {
+    const labels = formatMomentValue(value, format || 'gggg-wo', placeholder);
+    return _isArray(labels) ? labels.join('~') : labels;
+  };
+  return React.createElement("div", {
+    className: cc(prefixCls, className),
+    style: style
+  }, getLabels());
 };
 export const PreviewText = {
-    Input,
-    Select,
-    TreeSelect,
-    Cascader,
-    DatePicker,
-    TimePicker,
-    MonthPicker,
-    WeekPicker,
-    usePlaceholder,
+  Input,
+  Select,
+  TreeSelect,
+  Cascader,
+  DatePicker,
+  TimePicker,
+  MonthPicker,
+  WeekPicker,
+  usePlaceholder
 };
-export default PreviewText;
-//# sourceMappingURL=index.js.map
+export default PreviewText;