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

package/es/grid-v4/row.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 classNames from 'classnames';
 import * as React from 'react';
@@ -19,123 +16,139 @@ import RowContext from './RowContext';
 const RowAligns = tuple('top', 'middle', 'bottom', 'stretch');
 const RowJustify = tuple('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly');
 function useMergePropByScreen(oriProp, screen) {
-    const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '');
-    const clacMergeAlignOrJustify = () => {
-        if (typeof oriProp === 'string') {
-            setProp(oriProp);
-        }
-        if (typeof oriProp !== 'object') {
-            return;
-        }
-        for (let i = 0; i < responsiveArray.length; i++) {
-            const breakpoint = responsiveArray[i];
-            // if do not match, do nothing
-            if (!screen[breakpoint])
-                continue;
-            const curVal = oriProp[breakpoint];
-            if (curVal !== undefined) {
-                setProp(curVal);
-                return;
-            }
-        }
-    };
-    React.useEffect(() => {
-        clacMergeAlignOrJustify();
-    }, [JSON.stringify(oriProp), screen]);
-    return prop;
+  const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '');
+  const clacMergeAlignOrJustify = () => {
+    if (typeof oriProp === 'string') {
+      setProp(oriProp);
+    }
+    if (typeof oriProp !== 'object') {
+      return;
+    }
+    for (let i = 0; i < responsiveArray.length; i++) {
+      const breakpoint = responsiveArray[i];
+      // if do not match, do nothing
+      if (!screen[breakpoint]) continue;
+      const curVal = oriProp[breakpoint];
+      if (curVal !== undefined) {
+        setProp(curVal);
+        return;
+      }
+    }
+  };
+  React.useEffect(() => {
+    clacMergeAlignOrJustify();
+  }, [JSON.stringify(oriProp), screen]);
+  return prop;
 }
 const Row = React.forwardRef((props, ref) => {
-    const { prefixCls: customizePrefixCls = 'tnt-row', justify, align, className, style, children, gutter = 0, wrap } = props, others = __rest(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
-    const { getPrefixCls, direction } = React.useContext(ConfigContext);
-    const [screens, setScreens] = React.useState({
-        xs: true,
-        sm: true,
-        md: true,
-        lg: true,
-        xl: true,
-        xxl: true,
+  const {
+      prefixCls: customizePrefixCls = 'tnt-row',
+      justify,
+      align,
+      className,
+      style,
+      children,
+      gutter = 0,
+      wrap
+    } = props,
+    others = __rest(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(ConfigContext);
+  const [screens, setScreens] = React.useState({
+    xs: true,
+    sm: true,
+    md: true,
+    lg: true,
+    xl: true,
+    xxl: true
+  });
+  // to save screens info when responsiveObserve callback had been call
+  const [curScreens, setCurScreens] = React.useState({
+    xs: false,
+    sm: false,
+    md: false,
+    lg: false,
+    xl: false,
+    xxl: false
+  });
+  // ================================== calc reponsive data ==================================
+  const mergeAlign = useMergePropByScreen(align, curScreens);
+  const mergeJustify = useMergePropByScreen(justify, curScreens);
+  const supportFlexGap = useFlexGapSupport();
+  const gutterRef = React.useRef(gutter);
+  // ================================== Effect ==================================
+  React.useEffect(() => {
+    const token = ResponsiveObserve.subscribe(screen => {
+      setCurScreens(screen);
+      const currentGutter = gutterRef.current || 0;
+      if (!Array.isArray(currentGutter) && typeof currentGutter === 'object' || Array.isArray(currentGutter) && (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object')) {
+        setScreens(screen);
+      }
     });
-    // to save screens info when responsiveObserve callback had been call
-    const [curScreens, setCurScreens] = React.useState({
-        xs: false,
-        sm: false,
-        md: false,
-        lg: false,
-        xl: false,
-        xxl: false,
+    return () => ResponsiveObserve.unsubscribe(token);
+  }, []);
+  // ================================== Render ==================================
+  const getGutter = () => {
+    const results = [undefined, undefined];
+    const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
+    normalizedGutter.forEach((g, index) => {
+      if (typeof g === 'object') {
+        for (let i = 0; i < responsiveArray.length; i++) {
+          const breakpoint = responsiveArray[i];
+          if (screens[breakpoint] && g[breakpoint] !== undefined) {
+            results[index] = g[breakpoint];
+            break;
+          }
+        }
+      } else {
+        results[index] = g;
+      }
     });
-    // ================================== calc reponsive data ==================================
-    const mergeAlign = useMergePropByScreen(align, curScreens);
-    const mergeJustify = useMergePropByScreen(justify, curScreens);
-    const supportFlexGap = useFlexGapSupport();
-    const gutterRef = React.useRef(gutter);
-    // ================================== Effect ==================================
-    React.useEffect(() => {
-        const token = ResponsiveObserve.subscribe((screen) => {
-            setCurScreens(screen);
-            const currentGutter = gutterRef.current || 0;
-            if ((!Array.isArray(currentGutter) && typeof currentGutter === 'object') ||
-                (Array.isArray(currentGutter) &&
-                    (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object'))) {
-                setScreens(screen);
-            }
-        });
-        return () => ResponsiveObserve.unsubscribe(token);
-    }, []);
-    // ================================== Render ==================================
-    const getGutter = () => {
-        const results = [undefined, undefined];
-        const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
-        normalizedGutter.forEach((g, index) => {
-            if (typeof g === 'object') {
-                for (let i = 0; i < responsiveArray.length; i++) {
-                    const breakpoint = responsiveArray[i];
-                    if (screens[breakpoint] && g[breakpoint] !== undefined) {
-                        results[index] = g[breakpoint];
-                        break;
-                    }
-                }
-            }
-            else {
-                results[index] = g;
-            }
-        });
-        return results;
-    };
-    const prefixCls = getPrefixCls('row', customizePrefixCls);
-    const gutters = getGutter();
-    const classes = classNames(prefixCls, {
-        [`${prefixCls}-no-wrap`]: wrap === false,
-        [`${prefixCls}-${mergeJustify}`]: mergeJustify,
-        [`${prefixCls}-${mergeAlign}`]: mergeAlign,
-        [`${prefixCls}-rtl`]: direction === 'rtl',
-    }, className);
-    // Add gutter related style
-    const rowStyle = {};
-    const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;
-    const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;
-    if (horizontalGutter) {
-        rowStyle.marginLeft = horizontalGutter;
-        rowStyle.marginRight = horizontalGutter;
-    }
-    if (supportFlexGap) {
-        // Set gap direct if flex gap support
-        ;
-        [, rowStyle.rowGap] = gutters;
-    }
-    else if (verticalGutter) {
-        rowStyle.marginTop = verticalGutter;
-        rowStyle.marginBottom = verticalGutter;
-    }
-    // "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
-    // So we deconstruct "gutters" variable here.
-    const [gutterH, gutterV] = gutters;
-    const rowContext = React.useMemo(() => ({ gutter: [gutterH, gutterV], wrap, supportFlexGap }), [gutterH, gutterV, wrap, supportFlexGap]);
-    return (React.createElement(RowContext.Provider, { value: rowContext },
-        React.createElement("div", Object.assign({}, others, { className: classes, style: Object.assign(Object.assign({}, rowStyle), style), ref: ref }), children)));
+    return results;
+  };
+  const prefixCls = getPrefixCls('row', customizePrefixCls);
+  const gutters = getGutter();
+  const classes = classNames(prefixCls, {
+    [`${prefixCls}-no-wrap`]: wrap === false,
+    [`${prefixCls}-${mergeJustify}`]: mergeJustify,
+    [`${prefixCls}-${mergeAlign}`]: mergeAlign,
+    [`${prefixCls}-rtl`]: direction === 'rtl'
+  }, className);
+  // Add gutter related style
+  const rowStyle = {};
+  const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;
+  const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;
+  if (horizontalGutter) {
+    rowStyle.marginLeft = horizontalGutter;
+    rowStyle.marginRight = horizontalGutter;
+  }
+  if (supportFlexGap) {
+    // Set gap direct if flex gap support
+    ;
+    [, rowStyle.rowGap] = gutters;
+  } else if (verticalGutter) {
+    rowStyle.marginTop = verticalGutter;
+    rowStyle.marginBottom = verticalGutter;
+  }
+  // "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
+  // So we deconstruct "gutters" variable here.
+  const [gutterH, gutterV] = gutters;
+  const rowContext = React.useMemo(() => ({
+    gutter: [gutterH, gutterV],
+    wrap,
+    supportFlexGap
+  }), [gutterH, gutterV, wrap, supportFlexGap]);
+  return React.createElement(RowContext.Provider, {
+    value: rowContext
+  }, React.createElement("div", Object.assign({}, others, {
+    className: classes,
+    style: Object.assign(Object.assign({}, rowStyle), style),
+    ref: ref
+  }), children));
 });
 if (process.env.NODE_ENV !== 'production') {
-    Row.displayName = 'Row';
+  Row.displayName = 'Row';
 }
-export default Row;
-//# sourceMappingURL=row.js.map
+export default Row;

package/es/grid-v4/style/index.js

@@ -1,3 +1,2 @@
 // import '../../style/index.less';
-import './index.less';
-//# sourceMappingURL=index.js.map
+import './index.less';

package/es/handle/index.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, { Fragment } from 'react';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
@@ -18,87 +15,130 @@ import Dropdown from '../dropdown';
 import Menu from '../menu';
 import './index.less';
 const clsPrefix = 'tntd-more-menus';
-export default (props) => {
-    return (React.createElement(LocaleReceiver, { componentName: "Handle" }, (locale, localeCode) => {
-        const _a = props || {}, { children = [], type, num = 3, lang, divider = true, lessOneMoreFit, popConfirmHandle, isIconBtn, stopPropagation = true, upperCaseIgnore = [], unUpperConverted = false } = _a, rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit", "popConfirmHandle", "isIconBtn", "stopPropagation", "upperCaseIgnore", "unUpperConverted"]);
-        // 非中文
-        let isCn = lang === 'cn';
-        if (!lang) {
-            isCn = localeCode === 'zh-cn';
-        }
-        let newChildren = [];
-        if (Array.isArray(children)) {
-            newChildren = (children === null || children === void 0 ? void 0 : children.filter((item) => !!item)) || [];
-        }
-        else if (children) {
-            newChildren.push(children);
-        }
-        // 非中文 且非 icon图标
-        if (!unUpperConverted && !isCn && !isIconBtn) {
-            newChildren === null || newChildren === void 0 ? void 0 : newChildren.forEach((v, i) => {
-                newChildren[i] = React.cloneElement(v, Object.assign(Object.assign({}, ((v === null || v === void 0 ? void 0 : v.props) || {})), { children: doUpperTitle(v.props.children, upperCaseIgnore) }));
-            });
+export default (props => {
+  return React.createElement(LocaleReceiver, {
+    componentName: "Handle"
+  }, (locale, localeCode) => {
+    const _a = props || {},
+      {
+        children = [],
+        type,
+        num = 3,
+        lang,
+        divider = true,
+        lessOneMoreFit,
+        popConfirmHandle,
+        isIconBtn,
+        stopPropagation = true,
+        upperCaseIgnore = [],
+        unUpperConverted = false
+      } = _a,
+      rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit", "popConfirmHandle", "isIconBtn", "stopPropagation", "upperCaseIgnore", "unUpperConverted"]);
+    // 非中文
+    let isCn = lang === 'cn';
+    if (!lang) {
+      isCn = localeCode === 'zh-cn';
+    }
+    let newChildren = [];
+    if (Array.isArray(children)) {
+      newChildren = (children === null || children === void 0 ? void 0 : children.filter(item => !!item)) || [];
+    } else if (children) {
+      newChildren.push(children);
+    }
+    // 非中文 且非 icon图标
+    if (!unUpperConverted && !isCn && !isIconBtn) {
+      newChildren === null || newChildren === void 0 ? void 0 : newChildren.forEach((v, i) => {
+        newChildren[i] = React.cloneElement(v, Object.assign(Object.assign({}, (v === null || v === void 0 ? void 0 : v.props) || {}), {
+          children: doUpperTitle(v.props.children, upperCaseIgnore)
+        }));
+      });
+    }
+    // 子元素大于1个，且不是 icon元素
+    const specialSceneDefaultShow = (newChildren === null || newChildren === void 0 ? void 0 : newChildren.length) > 1 && !isIconBtn;
+    if (specialSceneDefaultShow && (!isCn || popConfirmHandle)) {
+      newChildren === null || newChildren === void 0 ? void 0 : newChildren.forEach((v, i) => {
+        const {
+          type,
+          props
+        } = v;
+        if ((type === null || type === void 0 ? void 0 : type.name) === 'Popconfirm' || props.hasOwnProperty('onConfirm') && typeof (props === null || props === void 0 ? void 0 : props.onConfirm) === 'function') {
+          let placement = {};
+          if (!isCn || num && !isNaN(num) && i + 1 > num && !(lessOneMoreFit && newChildren.length - num === 1)) {
+            placement = {
+              placement: 'left'
+            };
+          }
+          newChildren[i] = React.cloneElement(v, Object.assign(Object.assign(Object.assign(Object.assign({
+            overlayStyle: {
+              width: 180
+            }
+          }, (v === null || v === void 0 ? void 0 : v.props) || {}), {
+            onClick: e => e.stopPropagation()
+          }), placement), {
+            trigger: 'hover',
+            getPopupContainer: trigger => trigger.parentNode
+          }));
         }
-        // 子元素大于1个，且不是 icon元素
-        const specialSceneDefaultShow = (newChildren === null || newChildren === void 0 ? void 0 : newChildren.length) > 1 && !isIconBtn;
-        if (specialSceneDefaultShow && (!isCn || popConfirmHandle)) {
-            newChildren === null || newChildren === void 0 ? void 0 : newChildren.forEach((v, i) => {
-                const { type, props } = v;
-                if ((type === null || type === void 0 ? void 0 : type.name) === 'Popconfirm' ||
-                    (props.hasOwnProperty('onConfirm') && typeof (props === null || props === void 0 ? void 0 : props.onConfirm) === 'function')) {
-                    let placement = {};
-                    if (!isCn ||
-                        (num &&
-                            !isNaN(num) &&
-                            i + 1 > num &&
-                            !(lessOneMoreFit && newChildren.length - num === 1))) {
-                        placement = {
-                            placement: 'left',
-                        };
-                    }
-                    newChildren[i] = React.cloneElement(v, Object.assign(Object.assign(Object.assign(Object.assign({ overlayStyle: { width: 180 } }, ((v === null || v === void 0 ? void 0 : v.props) || {})), { onClick: (e) => e.stopPropagation() }), placement), { trigger: 'hover', getPopupContainer: (trigger) => trigger.parentNode }));
-                }
-            });
+      });
+    }
+    let [preChildPart, lastChildPart] = [newChildren, null];
+    // 只有1个时不适配
+    if (lessOneMoreFit && newChildren.length - num === 1) {
+      preChildPart = newChildren;
+    } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
+      preChildPart = newChildren.slice(0, num);
+      lastChildPart = newChildren.slice(num);
+    }
+    if (divider && preChildPart) {
+      const preChildLen = preChildPart.length;
+      preChildPart = preChildPart.map((dom, i) => React.createElement(Fragment, {
+        key: i
+      }, dom, !(i === preChildLen - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
+      ) && React.createElement(Divider, {
+        type: "vertical"
+      })));
+    }
+    const menu = childArr => React.createElement(Menu, {
+      className: "org-pop-opera-btn"
+    }, childArr === null || childArr === void 0 ? void 0 : childArr.map((child, i) => React.createElement(Menu.Item, {
+      key: i
+    }, child)));
+    if (!isCn && specialSceneDefaultShow) {
+      return React.createElement(Dropdown, {
+        overlay: menu(newChildren || []),
+        arrow: true,
+        onClick: e => {
+          if (stopPropagation) {
+            e.stopPropagation();
+          }
         }
-        let [preChildPart, lastChildPart] = [newChildren, null];
-        // 只有1个时不适配
-        if (lessOneMoreFit && newChildren.length - num === 1) {
-            preChildPart = newChildren;
+      }, type === 'icon' ? React.createElement(Icon, {
+        type: "more"
+      }) : React.createElement("a", {
+        className: "ant-dropdown-more"
+      }, locale === null || locale === void 0 ? void 0 : locale.more, React.createElement("i", {
+        className: `${clsPrefix}-dropdown-icon`
+      }, React.createElement(Icon, {
+        type: "down"
+      }))));
+    }
+    return React.createElement("div", Object.assign({
+      onClick: e => {
+        if (stopPropagation) {
+          e.stopPropagation();
         }
-        else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
-            preChildPart = newChildren.slice(0, num);
-            lastChildPart = newChildren.slice(num);
-        }
-        if (divider && preChildPart) {
-            const preChildLen = preChildPart.length;
-            preChildPart = preChildPart.map((dom, i) => (React.createElement(Fragment, { key: i },
-                dom,
-                !((i === preChildLen - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length)) // 没有更多 且 是最后一个时 不显示 Divider
-                ) && React.createElement(Divider, { type: "vertical" }))));
-        }
-        const menu = (childArr) => (React.createElement(Menu, { className: "org-pop-opera-btn" }, childArr === null || childArr === void 0 ? void 0 : childArr.map((child, i) => (React.createElement(Menu.Item, { key: i }, child)))));
-        if (!isCn && specialSceneDefaultShow) {
-            return (React.createElement(Dropdown, { overlay: menu(newChildren || []), arrow: true, onClick: (e) => {
-                    if (stopPropagation) {
-                        e.stopPropagation();
-                    }
-                } }, type === 'icon' ?
-                React.createElement(Icon, { type: "more" }) :
-                React.createElement("a", { className: "ant-dropdown-more" }, locale === null || locale === void 0 ? void 0 :
-                    locale.more,
-                    React.createElement("i", { className: `${clsPrefix}-dropdown-icon` },
-                        React.createElement(Icon, { type: "down" })))));
-        }
-        return (React.createElement("div", Object.assign({ onClick: (e) => {
-                if (stopPropagation) {
-                    e.stopPropagation();
-                }
-            } }, rest),
-            preChildPart,
-            !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && (React.createElement(Dropdown, { overlay: menu(lastChildPart || []), arrow: true }, type === 'icon' ? (React.createElement(Icon, { type: "more" })) : (React.createElement("a", { className: "ant-dropdown-more" }, locale === null || locale === void 0 ? void 0 :
-                locale.more,
-                React.createElement("i", { className: `${clsPrefix}-dropdown-icon` },
-                    React.createElement(Icon, { type: "down" }))))))));
-    }));
-};
-//# sourceMappingURL=index.js.map
+      }
+    }, rest), preChildPart, !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && React.createElement(Dropdown, {
+      overlay: menu(lastChildPart || []),
+      arrow: true
+    }, type === 'icon' ? React.createElement(Icon, {
+      type: "more"
+    }) : React.createElement("a", {
+      className: "ant-dropdown-more"
+    }, locale === null || locale === void 0 ? void 0 : locale.more, React.createElement("i", {
+      className: `${clsPrefix}-dropdown-icon`
+    }, React.createElement(Icon, {
+      type: "down"
+    })))));
+  });
+});

package/es/icon/IconFont.js

@@ -1,52 +1,52 @@
-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 * as React from 'react';
 import Icon from './index';
 const customCache = new Set();
 export default function create(options = {}) {
-    const { scriptUrl, extraCommonProps = {} } = options;
-    /**
-     * DOM API required.
-     * Make sure in browser environment.
-     * The Custom Icon will create a <script/>
-     * that loads SVG symbols and insert the SVG Element into the document body.
-     */
-    if (typeof document !== 'undefined' &&
-        typeof window !== 'undefined' &&
-        typeof document.createElement === 'function' &&
-        typeof scriptUrl === 'string' &&
-        scriptUrl.length &&
-        !customCache.has(scriptUrl)) {
-        const script = document.createElement('script');
-        script.setAttribute('src', scriptUrl);
-        script.setAttribute('data-namespace', scriptUrl);
-        customCache.add(scriptUrl);
-        document.body.appendChild(script);
+  const {
+    scriptUrl,
+    extraCommonProps = {}
+  } = options;
+  /**
+   * DOM API required.
+   * Make sure in browser environment.
+   * The Custom Icon will create a <script/>
+   * that loads SVG symbols and insert the SVG Element into the document body.
+   */
+  if (typeof document !== 'undefined' && typeof window !== 'undefined' && typeof document.createElement === 'function' && typeof scriptUrl === 'string' && scriptUrl.length && !customCache.has(scriptUrl)) {
+    const script = document.createElement('script');
+    script.setAttribute('src', scriptUrl);
+    script.setAttribute('data-namespace', scriptUrl);
+    customCache.add(scriptUrl);
+    document.body.appendChild(script);
+  }
+  const Iconfont = props => {
+    const {
+        type,
+        children
+      } = props,
+      restProps = __rest(props
+      // component > children > type
+      , ["type", "children"]);
+    // component > children > type
+    let content = null;
+    if (props.type) {
+      content = React.createElement("use", {
+        xlinkHref: `#${type}`
+      });
     }
-    const Iconfont = (props) => {
-        const { type, children } = props, restProps = __rest(props
-        // component > children > type
-        , ["type", "children"]);
-        // component > children > type
-        let content = null;
-        if (props.type) {
-            content = React.createElement("use", { xlinkHref: `#${type}` });
-        }
-        if (children) {
-            content = children;
-        }
-        return (React.createElement(Icon, Object.assign({}, extraCommonProps, restProps), content));
-    };
-    Iconfont.displayName = 'Iconfont';
-    return Iconfont;
-}
-//# sourceMappingURL=IconFont.js.map
+    if (children) {
+      content = children;
+    }
+    return React.createElement(Icon, Object.assign({}, extraCommonProps, restProps), content);
+  };
+  Iconfont.displayName = 'Iconfont';
+  return Iconfont;
+}