tntd 2.7.1 → 2.7.3

package/es/color-picker/ColorPicker.js

@@ -1,136 +1,90 @@
-import "antd/es/icon/style";
-import _Icon from "antd/es/icon";
-import "antd/es/popover/style";
-import _Popover from "antd/es/popover";
-import _toLower from "lodash/toLower";
-import _upperFirst from "lodash/upperFirst";
-import _isObject from "lodash/isObject";
-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, { useState, useCallback, useEffect, useMemo } from 'react';
-import { AlphaPicker, BlockPicker, ChromePicker, CirclePicker, CompactPicker, GithubPicker, HuePicker, MaterialPicker, PhotoshopPicker, SketchPicker, SliderPicker, SwatchesPicker, TwitterPicker } from 'react-color';
+import { Popover, Icon } from 'antd';
+import { AlphaPicker, BlockPicker, ChromePicker, CirclePicker, CompactPicker, GithubPicker, HuePicker, MaterialPicker, PhotoshopPicker, SketchPicker, SliderPicker, SwatchesPicker, TwitterPicker, } from 'react-color';
 import cn from 'classnames';
+import { isObject, upperFirst, toLower } from 'lodash';
 import imgSrc from './tip.svg';
 const prefixCls = 'tnt-color-picker';
 const modeMap = {
-  AlphaPicker,
-  BlockPicker,
-  ChromePicker,
-  CirclePicker,
-  CompactPicker,
-  GithubPicker,
-  HuePicker,
-  MaterialPicker,
-  PhotoshopPicker,
-  SketchPicker,
-  SliderPicker,
-  SwatchesPicker,
-  TwitterPicker
+    AlphaPicker,
+    BlockPicker,
+    ChromePicker,
+    CirclePicker,
+    CompactPicker,
+    GithubPicker,
+    HuePicker,
+    MaterialPicker,
+    PhotoshopPicker,
+    SketchPicker,
+    SliderPicker,
+    SwatchesPicker,
+    TwitterPicker,
 };
 const propsFormatMap = {
-  SketchPicker: _a => {
-    var {
-        colors
-      } = _a,
-      otherProps = __rest(_a, ["colors"]);
-    if (colors) {
-      return Object.assign({
-        presetColors: colors
-      }, otherProps);
-    }
-    return otherProps;
-  }
+    SketchPicker: (_a) => {
+        var { colors } = _a, otherProps = __rest(_a, ["colors"]);
+        if (colors) {
+            return Object.assign({ presetColors: colors }, otherProps);
+        }
+        return otherProps;
+    },
 };
 export default function ColorPicker(_a) {
-  var {
-      value: _value,
-      onChange,
-      visible: vs,
-      allowClear,
-      disabled,
-      className,
-      mode = 'sketch',
-      style = {},
-      size,
-      placeholder,
-      placement = 'bottomLeft',
-      locale
-    } = _a,
-    otherProps = __rest(_a, ["value", "onChange", "visible", "allowClear", "disabled", "className", "mode", "style", "size", "placeholder", "placement", "locale"]);
-  const [visible, setVisible] = useState(vs);
-  const [value, setValue] = useState(_value);
-  useEffect(() => {
-    setValue(_value);
-  }, [_value]);
-  const handleChange = useCallback(color => {
-    let value;
-    if (_isObject(color === null || color === void 0 ? void 0 : color.rgb)) {
-      value = `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`;
-    }
-    if (onChange) {
-      onChange(value);
-    } else {
-      setValue(value);
-    }
-  }, [onChange]);
-  const domClick = useCallback(() => {
-    setVisible(true);
-  }, []);
-  const doClear = useCallback(e => {
-    e.stopPropagation();
-    handleChange();
-  }, [handleChange]);
-  const [ModePicker, propsFormat] = useMemo(() => {
-    const modeKey = _upperFirst(_toLower(mode)) + 'Picker' || 'SketchPicker';
-    const ModePicker = modeMap[modeKey] || SketchPicker;
-    return [ModePicker, propsFormatMap[modeKey] || (p => p)];
-  }, [mode]);
-  return React.createElement(_Popover, {
-    placement: placement,
-    trigger: "click",
-    visible: visible && !disabled,
-    onVisibleChange: setVisible,
-    content: React.createElement(ModePicker, Object.assign({}, propsFormat(otherProps), {
-      color: value,
-      onChangeComplete: handleChange
-    })),
-    overlayClassName: `${prefixCls}-pop`
-  }, React.createElement("div", {
-    className: cn(prefixCls, className, {
-      [`${prefixCls}-selected`]: !!value,
-      [`${prefixCls}-disabled`]: disabled,
-      [`${prefixCls}-active`]: visible && !disabled,
-      [`${prefixCls}-sm`]: size === 'small',
-      [`${prefixCls}-lg`]: size === 'large'
-    }),
-    style: style,
-    onClick: domClick
-  }, React.createElement("div", {
-    className: `${prefixCls}-inner`
-  }, !!value ? React.createElement("div", {
-    className: `${prefixCls}-value`
-  }, React.createElement("div", {
-    className: `${prefixCls}-value-bg`,
-    style: {
-      background: value
-    }
-  })) : React.createElement("div", {
-    className: `${prefixCls}-placeholder`
-  }, placeholder), React.createElement("span", {
-    className: `${prefixCls}-img`
-  }, React.createElement("img", {
-    src: imgSrc
-  })), allowClear && !!value && !disabled && React.createElement("span", {
-    className: `${prefixCls}-clear`,
-    onClick: doClear
-  }, React.createElement(_Icon, {
-    type: "close-circle",
-    theme: "filled"
-  })))));
-}
+    var { value: _value, onChange, visible: vs, allowClear, disabled, className, mode = 'sketch', style = {}, size, placeholder, placement = 'bottomLeft', locale } = _a, otherProps = __rest(_a, ["value", "onChange", "visible", "allowClear", "disabled", "className", "mode", "style", "size", "placeholder", "placement", "locale"]);
+    const [visible, setVisible] = useState(vs);
+    const [value, setValue] = useState(_value);
+    useEffect(() => {
+        setValue(_value);
+    }, [_value]);
+    const handleChange = useCallback((color) => {
+        let value;
+        if (isObject(color === null || color === void 0 ? void 0 : color.rgb)) {
+            value = `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`;
+        }
+        if (onChange) {
+            onChange(value);
+        }
+        else {
+            setValue(value);
+        }
+    }, [onChange]);
+    const domClick = useCallback(() => {
+        setVisible(true);
+    }, []);
+    const doClear = useCallback((e) => {
+        e.stopPropagation();
+        handleChange();
+    }, [handleChange]);
+    const [ModePicker, propsFormat] = useMemo(() => {
+        const modeKey = upperFirst(toLower(mode)) + 'Picker' || 'SketchPicker';
+        const ModePicker = modeMap[modeKey] || SketchPicker;
+        return [ModePicker, propsFormatMap[modeKey] || ((p) => p)];
+    }, [mode]);
+    return (React.createElement(Popover, { placement: placement, trigger: "click", visible: visible && !disabled, onVisibleChange: setVisible, content: React.createElement(ModePicker, Object.assign({}, propsFormat(otherProps), { color: value, onChangeComplete: handleChange })), overlayClassName: `${prefixCls}-pop` },
+        React.createElement("div", { className: cn(prefixCls, className, {
+                [`${prefixCls}-selected`]: !!value,
+                [`${prefixCls}-disabled`]: disabled,
+                [`${prefixCls}-active`]: visible && !disabled,
+                [`${prefixCls}-sm`]: size === 'small',
+                [`${prefixCls}-lg`]: size === 'large',
+            }), style: style, onClick: domClick },
+            React.createElement("div", { className: `${prefixCls}-inner` },
+                !!value ? (React.createElement("div", { className: `${prefixCls}-value` },
+                    React.createElement("div", { className: `${prefixCls}-value-bg`, style: { background: value } }))) : (React.createElement("div", { className: `${prefixCls}-placeholder` }, placeholder)),
+                React.createElement("span", { className: `${prefixCls}-img` },
+                    React.createElement("img", { src: imgSrc })),
+                allowClear && !!value && !disabled && (React.createElement("span", { className: `${prefixCls}-clear`, onClick: doClear },
+                    React.createElement(Icon, { type: "close-circle", theme: "filled" })))))));
+}
+//# sourceMappingURL=ColorPicker.js.map

package/es/color-picker/index.js

@@ -4,11 +4,8 @@ import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import ColorPicker from './ColorPicker';
 import './index.less';
 export default function (props) {
-  return React.createElement(LocaleReceiver, {
-    componentName: "ColorPicker"
-  }, locale => {
-    return React.createElement(ColorPicker, Object.assign({
-      locale: locale
-    }, props));
-  });
-}
+    return (React.createElement(LocaleReceiver, { componentName: "ColorPicker" }, (locale) => {
+        return React.createElement(ColorPicker, Object.assign({ locale: locale }, props));
+    }));
+}
+//# sourceMappingURL=index.js.map

package/es/color-picker/index.less

@@ -41,6 +41,7 @@
   box-sizing: border-box;
   display: inline-block;
   border: @border-width-base @border-style-base @select-border-color;
+  background: @component-background;
   border-radius: @border-radius-base;
   cursor: pointer;
   position: relative;
@@ -96,6 +97,9 @@
   &-disabled {
     background: @input-disabled-bg;
     cursor: not-allowed;
+    &:hover {
+      border-color:  @border-width-base;
+    }
     .@{prefixCls}-img {
       background: #e9edf3;
     }

package/es/columns/index.js

@@ -1,75 +1,39 @@
-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 React from 'react';
 import { Row, Col } from '../';
 import './index.less';
 const clsPrefix = 'tnt-columns';
-export const Item = props => {
-  const {
-    children,
-    span,
-    extra,
-    title,
-    tabList,
-    defaultActiveTabKey,
-    activeTabKey,
-    tabType,
-    onTabChange
-  } = props;
-  const realActiveKey = activeTabKey || defaultActiveTabKey;
-  return React.createElement(Col, {
-    className: `${clsPrefix}-col`,
-    span: span < 4 ? 4 : span
-  }, React.createElement("div", null, (!tabList || tabList.length < 0) && React.createElement("div", {
-    className: `${clsPrefix}-col-header`
-  }, React.createElement("div", {
-    className: "title-left"
-  }, title), extra && React.createElement("div", {
-    className: "title-extra"
-  }, extra)), (tabList === null || tabList === void 0 ? void 0 : tabList.length) > 0 && React.createElement("div", {
-    className: `${clsPrefix}-col-tabs`,
-    tabType: tabType,
-    tabList: tabList
-  }, tabList.map(({
-    tab,
-    key
-  }) => React.createElement("span", {
-    className: classnames('tab-item', {
-      'active-tab': realActiveKey === key
-    }),
-    style: {
-      width: tabList && tabType === 'default' ? 'auto' : `${100 / tabList.length}%`
-    },
-    key: key,
-    onClick: () => onTabChange(key)
-  }, tab))), React.createElement("div", {
-    className: `${clsPrefix}-col-body`
-  }, children)));
+export const Item = (props) => {
+    const { children, span, extra, title, tabList, defaultActiveTabKey, activeTabKey, tabType, onTabChange, } = props;
+    const realActiveKey = activeTabKey || defaultActiveTabKey;
+    return (React.createElement(Col, { className: `${clsPrefix}-col`, span: span < 4 ? 4 : span },
+        React.createElement("div", null,
+            (!tabList || tabList.length < 0) && (React.createElement("div", { className: `${clsPrefix}-col-header` },
+                React.createElement("div", { className: "title-left" }, title),
+                extra && React.createElement("div", { className: "title-extra" }, extra))),
+            (tabList === null || tabList === void 0 ? void 0 : tabList.length) > 0 && (React.createElement("div", { className: `${clsPrefix}-col-tabs`, tabType: tabType, tabList: tabList }, tabList.map(({ tab, key }) => (React.createElement("span", { className: classnames('tab-item', {
+                    'active-tab': realActiveKey === key,
+                }), style: {
+                    width: tabList && tabType === 'default' ? 'auto' : `${100 / tabList.length}%`,
+                }, key: key, onClick: () => onTabChange(key) }, tab))))),
+            React.createElement("div", { className: `${clsPrefix}-col-body` }, children))));
 };
-const Columns = props => {
-  const {
-      children,
-      height,
-      gutter = 0,
-      style
-    } = props,
-    rest = __rest(props, ["children", "height", "gutter", "style"]);
-  const rowStyle = Object.assign(Object.assign({}, style), {
-    height: props.height ? `${props.height}px` : 'calc(100vh)'
-  });
-  return React.createElement(Row, Object.assign({
-    className: classnames(clsPrefix, {
-      gutter
-    }),
-    style: rowStyle
-  }, rest), children);
+const Columns = (props) => {
+    const { children, height, gutter = 0, style } = props, rest = __rest(props, ["children", "height", "gutter", "style"]);
+    const rowStyle = Object.assign(Object.assign({}, style), { height: props.height ? `${props.height}px` : 'calc(100vh)' });
+    return (React.createElement(Row, Object.assign({ className: classnames(clsPrefix, { gutter }), style: rowStyle }, rest), children));
 };
 Columns.Item = Item;
-export default Columns;
+export default Columns;
+//# sourceMappingURL=index.js.map

package/es/columns/style/index.js

@@ -1 +1,2 @@
-"use strict";
+"use strict";
+//# sourceMappingURL=index.js.map

package/es/comment/index.js

@@ -1,4 +1,5 @@
 import Comment from 'antd/es/comment';
 import 'antd/es/comment/style';
 export * from 'antd/es/comment';
-export default Comment;
+export default Comment;
+//# sourceMappingURL=index.js.map

package/es/config-provider/DisabledContext.js

@@ -1,12 +1,8 @@
 import * as React from 'react';
 const DisabledContext = React.createContext(false);
-export const DisabledContextProvider = ({
-  children,
-  disabled
-}) => {
-  const originDisabled = React.useContext(DisabledContext);
-  return React.createElement(DisabledContext.Provider, {
-    value: disabled !== null && disabled !== void 0 ? disabled : originDisabled
-  }, children);
+export const DisabledContextProvider = ({ children, disabled }) => {
+    const originDisabled = React.useContext(DisabledContext);
+    return (React.createElement(DisabledContext.Provider, { value: disabled !== null && disabled !== void 0 ? disabled : originDisabled }, children));
 };
-export default DisabledContext;
+export default DisabledContext;
+//# sourceMappingURL=DisabledContext.js.map

package/es/config-provider/SizeContext.js

@@ -1,9 +1,5 @@
 import * as React from 'react';
 const SizeContext = React.createContext(undefined);
-export const SizeContextProvider = ({
-  children,
-  size
-}) => React.createElement(SizeContext.Consumer, null, originSize => React.createElement(SizeContext.Provider, {
-  value: size || originSize
-}, children));
-export default SizeContext;
+export const SizeContextProvider = ({ children, size }) => (React.createElement(SizeContext.Consumer, null, (originSize) => (React.createElement(SizeContext.Provider, { value: size || originSize }, children))));
+export default SizeContext;
+//# sourceMappingURL=SizeContext.js.map

package/es/config-provider/config-provider.js

@@ -1,2 +1,3 @@
 import ConfigProvider from 'antd/es/config-provider';
-export { ConfigProvider };
+export { ConfigProvider };
+//# sourceMappingURL=config-provider.js.map

package/es/page/index.js

@@ -82,7 +82,7 @@ const PageLayout = (_a) => {
             }
             const extraProps = Object.assign({ headerHeight: computedHeaderHeight, size, height: computedHeight, contentTotalMargin: inLayout ? '32px' : '0px', inLayout }, child.props);
             if (!isPageBox(child)) {
-                return React.cloneElement(child, extraProps);
+                return React.cloneElement(child, {}); // 如果是自定义的children，不需要读取参数
             }
             const { mode = 'gray', width } = child.props;
             const style = {

package/es/page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":"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","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport Icon from '../tntd-icon'\nimport Box from './Box'\nimport { addUnitForValue, computeWidth } from './utils'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n  height = '100vh',\n  headerHeight = 50,\n  children,\n  title,\n  goBack,\n  goBackText,\n  center,\n  extra,\n  size = 'small',\n  inLayout = false,\n  className,\n  ...restProps\n}) => {\n  // 如果传入只有数字，需要默认加px\n  let computedHeaderHeight = addUnitForValue(headerHeight)\n  let computedHeight = addUnitForValue(height)\n\n  // 判断是否有标题栏\n  if (!(title || extra || center)) {\n    computedHeaderHeight = '0px'\n  }\n\n  if (inLayout) {\n    computedHeaderHeight = '40px'\n  }\n\n  // 计算中间的zIndex，灰色递减，白色递增\n  let whiteCols = 0\n  let childrenToArray = []\n\n  // 计算children type是box的数量\n  let boxCount = 0\n\n  // 如果children是单个节点，统一转为数组处理计算层级\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n  const total = childrenToArray?.length + 5\n  let startIndex = total - whiteCols - 1\n  let endIndex = total - 2\n  const headerStyle = {\n    height: computedHeaderHeight,\n    padding: `${size === 'small' ? 20 : 24}px`,\n    zIndex: inLayout ? 1 : total || 1,\n  }\n  const contentStyle = {\n    display: boxCount > 0 ? 'flex' : 'block',\n    marginTop: computedHeaderHeight,\n    padding: inLayout ? '16px 20px' : '0px',\n  }\n\n  return (\n    <section\n      className={cn(clsPrefix, {\n        [className]: className,\n        'in-layout': inLayout,\n        'not-in-layout': !inLayout,\n      })}\n      {...restProps}\n    >\n      {(title || goBack || center || extra) && (\n        <div className={`${clsPrefix}-header`} style={headerStyle}>\n          <div className={`${clsPrefix}-header-section`}>\n            {goBack && (\n              <div\n                className=\"page-header-section-back\"\n                onClick={() => {\n                  goBack()\n                }}\n              >\n                <Icon type=\"left\" />\n                <span>{goBackText ? goBackText : '返回'}</span>\n              </div>\n            )}\n            {title}\n          </div>\n          {[center, extra].map((item, i) => (\n            <div className={`${clsPrefix}-header-section`} key={i}>\n              {item}\n            </div>\n          ))}\n        </div>\n      )}\n      <div className={`${clsPrefix}-content`} style={contentStyle}>\n        {React.Children.map(children, (child) => {\n          // 如果children不是Box,就不需要多列布局\n          if (!child.type) {\n            return React.cloneElement(<div>{child}</div>)\n          }\n\n          const extraProps = {\n            headerHeight: computedHeaderHeight,\n            size,\n            height: computedHeight,\n            contentTotalMargin: inLayout ? '32px' : '0px',\n            inLayout,\n            ...child.props,\n          }\n\n          if (!isPageBox(child)) {\n            return React.cloneElement(child, extraProps)\n          }\n\n          const { mode = 'gray', width } = child.props\n\n          const style = {\n            flex: computeWidth(width),\n            // 设置cols层级关系\n            zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n          }\n\n          const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n          return React.createElement(\n            'div',\n            { className, style },\n            React.cloneElement(child, extraProps)\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":"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","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport Icon from '../tntd-icon'\nimport Box from './Box'\nimport { addUnitForValue, computeWidth } from './utils'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n  height = '100vh',\n  headerHeight = 50,\n  children,\n  title,\n  goBack,\n  goBackText,\n  center,\n  extra,\n  size = 'small',\n  inLayout = false,\n  className,\n  ...restProps\n}) => {\n  // 如果传入只有数字，需要默认加px\n  let computedHeaderHeight = addUnitForValue(headerHeight)\n  let computedHeight = addUnitForValue(height)\n\n  // 判断是否有标题栏\n  if (!(title || extra || center)) {\n    computedHeaderHeight = '0px'\n  }\n\n  if (inLayout) {\n    computedHeaderHeight = '40px'\n  }\n\n  // 计算中间的zIndex，灰色递减，白色递增\n  let whiteCols = 0\n  let childrenToArray = []\n\n  // 计算children type是box的数量\n  let boxCount = 0\n\n  // 如果children是单个节点，统一转为数组处理计算层级\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n  const total = childrenToArray?.length + 5\n  let startIndex = total - whiteCols - 1\n  let endIndex = total - 2\n  const headerStyle = {\n    height: computedHeaderHeight,\n    padding: `${size === 'small' ? 20 : 24}px`,\n    zIndex: inLayout ? 1 : total || 1,\n  }\n  const contentStyle = {\n    display: boxCount > 0 ? 'flex' : 'block',\n    marginTop: computedHeaderHeight,\n    padding: inLayout ? '16px 20px' : '0px',\n  }\n\n  return (\n    <section\n      className={cn(clsPrefix, {\n        [className]: className,\n        'in-layout': inLayout,\n        'not-in-layout': !inLayout,\n      })}\n      {...restProps}\n    >\n      {(title || goBack || center || extra) && (\n        <div className={`${clsPrefix}-header`} style={headerStyle}>\n          <div className={`${clsPrefix}-header-section`}>\n            {goBack && (\n              <div\n                className=\"page-header-section-back\"\n                onClick={() => {\n                  goBack()\n                }}\n              >\n                <Icon type=\"left\" />\n                <span>{goBackText ? goBackText : '返回'}</span>\n              </div>\n            )}\n            {title}\n          </div>\n          {[center, extra].map((item, i) => (\n            <div className={`${clsPrefix}-header-section`} key={i}>\n              {item}\n            </div>\n          ))}\n        </div>\n      )}\n      <div className={`${clsPrefix}-content`} style={contentStyle}>\n        {React.Children.map(children, (child) => {\n          // 如果children不是Box,就不需要多列布局\n          if (!child.type) {\n            return React.cloneElement(<div>{child}</div>)\n          }\n\n          const extraProps = {\n            headerHeight: computedHeaderHeight,\n            size,\n            height: computedHeight,\n            contentTotalMargin: inLayout ? '32px' : '0px',\n            inLayout,\n            ...child.props,\n          }\n\n          if (!isPageBox(child)) {\n            return React.cloneElement(child, {})  // 如果是自定义的children，不需要读取参数\n          }\n\n          const { mode = 'gray', width } = child.props\n\n          const style = {\n            flex: computeWidth(width),\n            // 设置cols层级关系\n            zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n          }\n\n          const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n          return React.createElement(\n            'div',\n            { className, style },\n            React.cloneElement(child, extraProps)\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}

package/es/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,UAAU,MAAM,gBAAgB,CAAA;AAEvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAErD,OAAO,sBAAsB,CAAA;AAE7B,cAAc,gBAAgB,CAAA;AAM9B,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACpE,oBAAC,UAAU,oBAAK,KAAK,IAAE,QAAQ,UAAG,CACnC,CAAC,CAAA;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport AntdSwitch from 'antd/es/switch'\nimport type { SwitchProps as AntdSwitchProps } from 'antd/es/switch'\nimport { connectReadonlyComponent } from '../connect'\n\nimport 'antd/es/switch/style'\n\nexport * from 'antd/es/switch'\n\nexport type SwitchProps = AntdSwitchProps & {\n  readonly?: boolean\n}\n\nexport const Switch = connectReadonlyComponent(AntdSwitch, (props) => (\n  <AntdSwitch {...props} disabled />\n))\n\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,UAAU,MAAM,gBAAgB,CAAA;AAEvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAErD,OAAO,sBAAsB,CAAA;AAE7B,cAAc,gBAAgB,CAAA;AAM9B,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACpE,oBAAC,UAAU,oBAAK,KAAK,IAAE,QAAQ,UAAG,CACnC,CAAoB,CAAA;AAErB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport type { FC } from 'react'\nimport AntdSwitch from 'antd/es/switch'\nimport type { SwitchProps as AntdSwitchProps } from 'antd/es/switch'\nimport { connectReadonlyComponent } from '../connect'\n\nimport 'antd/es/switch/style'\n\nexport * from 'antd/es/switch'\n\nexport type SwitchProps = AntdSwitchProps & {\n  readonly?: boolean\n}\n\nexport const Switch = connectReadonlyComponent(AntdSwitch, (props) => (\n  <AntdSwitch {...props} disabled />\n)) as FC<SwitchProps>\n\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"]}

package/es/tntd-form/Form.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import classNames from 'classnames';
 import FieldForm, { List, useWatch } from 'rc-field-form';
 import * as React from 'react';
-import { useMemo } from 'react';
+import { useMemo, useEffect } from 'react';
 import { ConfigContext } from '../config-provider';
 import DisabledContext, { DisabledContextProvider } from '../config-provider/DisabledContext';
 import SizeContext, { SizeContextProvider } from '../config-provider/SizeContext';
@@ -86,6 +86,18 @@ const InternalForm = (props, ref) => {
             wrapForm.scrollToField(errorInfo.errorFields[0].name, defaultScrollToFirstError);
         }
     };
+    useEffect(() => {
+        // set initial values
+        if (restFormProps.initialValues) {
+            form === null || form === void 0 ? void 0 : form.setFieldsValue(restFormProps.initialValues);
+        }
+        // clear form fields value after unmount
+        return () => form.setFieldsValue(Object.keys(form.getFieldsValue() || {}).reduce((acc, cur) => {
+            acc[cur] = undefined;
+            return acc;
+        }, {}));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return (React.createElement(DisabledContextProvider, { disabled: disabled },
         React.createElement(SizeContextProvider, { size: size },
             React.createElement(FormProvider, Object.assign({}, {

package/es/tntd-form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/tntd-form/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport FieldForm, { List, useWatch } from 'rc-field-form'\nimport type { FormProps as RcFormProps } from 'rc-field-form/lib/Form'\nimport type { ValidateErrorEntity } from 'rc-field-form/lib/interface'\nimport * as React from 'react'\nimport { useMemo } from 'react'\nimport type { Options } from 'scroll-into-view-if-needed'\nimport { ConfigContext } from '../config-provider'\nimport DisabledContext, { DisabledContextProvider } from '../config-provider/DisabledContext'\nimport type { SizeType } from '../config-provider/SizeContext'\nimport SizeContext, { SizeContextProvider } from '../config-provider/SizeContext'\nimport type { ColProps } from '../col'\nimport type { FormContextProps } from './context'\nimport { FormContext, FormProvider } from './context'\nimport ValidateMessagesContext from './validateMessagesContext'\nimport useForm, { FormInstance } from './hooks/useForm'\nimport type { FormLabelAlign } from './interface'\n\nexport type RequiredMark = boolean | 'optional'\nexport type FormLayout = 'horizontal' | 'inline' | 'vertical'\n\nexport interface FormProps<Values = any> extends Omit<RcFormProps<Values>, 'form'> {\n  prefixCls?: string\n  colon?: boolean\n  name?: string\n  layout?: FormLayout\n  labelAlign?: FormLabelAlign\n  labelWrap?: boolean\n  labelCol?: ColProps\n  wrapperCol?: ColProps\n  form?: FormInstance<Values>\n  size?: SizeType\n  disabled?: boolean\n  readonly?: boolean\n  scrollToFirstError?: Options | boolean\n  requiredMark?: RequiredMark\n  /** @deprecated Will warning in future branch. Pls use `requiredMark` instead. */\n  hideRequiredMark?: boolean\n}\n\nconst InternalForm: React.ForwardRefRenderFunction<FormInstance, FormProps> = (props, ref) => {\n  const contextSize = React.useContext(SizeContext)\n  const contextDisabled = React.useContext(DisabledContext)\n  // TODO\n  // @ts-ignore\n  const { getPrefixCls, direction, form: contextForm } = React.useContext(ConfigContext)\n\n  const {\n    prefixCls: customizePrefixCls,\n    className = '',\n    size = contextSize,\n    disabled = contextDisabled,\n    form,\n    colon,\n    labelAlign,\n    labelWrap,\n    labelCol,\n    wrapperCol,\n    hideRequiredMark,\n    layout = 'horizontal',\n    scrollToFirstError,\n    requiredMark,\n    onFinishFailed,\n    name,\n    readonly,\n    ...restFormProps\n  } = props\n\n  const contextValidateMessages = React.useContext(ValidateMessagesContext)\n\n  const mergedRequiredMark = useMemo(() => {\n    if (requiredMark !== undefined) {\n      return requiredMark\n    }\n\n    if (contextForm && contextForm.requiredMark !== undefined) {\n      return contextForm.requiredMark\n    }\n\n    if (hideRequiredMark) {\n      return false\n    }\n\n    return true\n  }, [hideRequiredMark, requiredMark, contextForm])\n\n  const mergedColon = colon ?? contextForm?.colon\n\n  const prefixCls = getPrefixCls('form', customizePrefixCls)\n\n  const formClassName = classNames(\n    prefixCls,\n    {\n      [`${prefixCls}-tntd`]: true,\n      [`${prefixCls}-${layout}`]: true,\n      [`${prefixCls}-hide-required-mark`]: mergedRequiredMark === false,\n      [`${prefixCls}-rtl`]: direction === 'rtl',\n      [`${prefixCls}-${size}`]: size,\n    },\n    className\n  )\n\n  const [wrapForm] = useForm(form)\n  const { __INTERNAL__ } = wrapForm\n  __INTERNAL__.name = name\n\n  const formContextValue = useMemo<FormContextProps>(\n    () => ({\n      name,\n      labelAlign,\n      labelCol,\n      labelWrap,\n      wrapperCol,\n      vertical: layout === 'vertical',\n      colon: mergedColon,\n      requiredMark: mergedRequiredMark,\n      itemRef: __INTERNAL__.itemRef,\n      form: wrapForm,\n      readonly,\n    }),\n    [\n      name,\n      labelAlign,\n      labelCol,\n      labelWrap,\n      wrapperCol,\n      layout,\n      mergedColon,\n      mergedRequiredMark,\n      wrapForm,\n      readonly,\n    ]\n  )\n\n  React.useImperativeHandle(ref, () => wrapForm)\n\n  const onInternalFinishFailed = (errorInfo: ValidateErrorEntity) => {\n    onFinishFailed?.(errorInfo)\n\n    let defaultScrollToFirstError: Options = { block: 'nearest' }\n\n    if (scrollToFirstError && errorInfo.errorFields.length) {\n      if (typeof scrollToFirstError === 'object') {\n        defaultScrollToFirstError = scrollToFirstError\n      }\n      wrapForm.scrollToField(errorInfo.errorFields[0].name, defaultScrollToFirstError)\n    }\n  }\n\n  return (\n    <DisabledContextProvider disabled={disabled}>\n      <SizeContextProvider size={size}>\n        <FormProvider\n          {...{\n            // This is not list in API, we pass with spread\n            validateMessages: contextValidateMessages,\n          }}\n        >\n          <FormContext.Provider value={formContextValue}>\n            <FieldForm\n              id={name}\n              {...restFormProps}\n              name={name}\n              onFinishFailed={onInternalFinishFailed}\n              form={wrapForm}\n              className={formClassName}\n            />\n          </FormContext.Provider>\n        </FormProvider>\n      </SizeContextProvider>\n    </DisabledContextProvider>\n  )\n}\n\nconst Form = React.forwardRef<FormInstance, FormProps>(InternalForm) as <Values = any>(\n  props: React.PropsWithChildren<FormProps<Values>> & { ref?: React.Ref<FormInstance<Values>> }\n) => React.ReactElement\n\nexport { useForm, List, FormInstance, useWatch }\n\nexport default Form\n"]}
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/tntd-form/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport FieldForm, { List, useWatch } from 'rc-field-form'\nimport type { FormProps as RcFormProps } from 'rc-field-form/lib/Form'\nimport type { ValidateErrorEntity } from 'rc-field-form/lib/interface'\nimport * as React from 'react'\nimport { useMemo, useEffect } from 'react'\nimport type { Options } from 'scroll-into-view-if-needed'\nimport { ConfigContext } from '../config-provider'\nimport DisabledContext, { DisabledContextProvider } from '../config-provider/DisabledContext'\nimport type { SizeType } from '../config-provider/SizeContext'\nimport SizeContext, { SizeContextProvider } from '../config-provider/SizeContext'\nimport type { ColProps } from '../col'\nimport type { FormContextProps } from './context'\nimport { FormContext, FormProvider } from './context'\nimport ValidateMessagesContext from './validateMessagesContext'\nimport useForm, { FormInstance } from './hooks/useForm'\nimport type { FormLabelAlign } from './interface'\n\nexport type RequiredMark = boolean | 'optional'\nexport type FormLayout = 'horizontal' | 'inline' | 'vertical'\n\nexport interface FormProps<Values = any> extends Omit<RcFormProps<Values>, 'form'> {\n  prefixCls?: string\n  colon?: boolean\n  name?: string\n  layout?: FormLayout\n  labelAlign?: FormLabelAlign\n  labelWrap?: boolean\n  labelCol?: ColProps\n  wrapperCol?: ColProps\n  form?: FormInstance<Values>\n  size?: SizeType\n  disabled?: boolean\n  readonly?: boolean\n  scrollToFirstError?: Options | boolean\n  requiredMark?: RequiredMark\n  /** @deprecated Will warning in future branch. Pls use `requiredMark` instead. */\n  hideRequiredMark?: boolean\n}\n\nconst InternalForm: React.ForwardRefRenderFunction<FormInstance, FormProps> = (props, ref) => {\n  const contextSize = React.useContext(SizeContext)\n  const contextDisabled = React.useContext(DisabledContext)\n  // TODO\n  // @ts-ignore\n  const { getPrefixCls, direction, form: contextForm } = React.useContext(ConfigContext)\n\n  const {\n    prefixCls: customizePrefixCls,\n    className = '',\n    size = contextSize,\n    disabled = contextDisabled,\n    form,\n    colon,\n    labelAlign,\n    labelWrap,\n    labelCol,\n    wrapperCol,\n    hideRequiredMark,\n    layout = 'horizontal',\n    scrollToFirstError,\n    requiredMark,\n    onFinishFailed,\n    name,\n    readonly,\n    ...restFormProps\n  } = props\n\n  const contextValidateMessages = React.useContext(ValidateMessagesContext)\n\n  const mergedRequiredMark = useMemo(() => {\n    if (requiredMark !== undefined) {\n      return requiredMark\n    }\n\n    if (contextForm && contextForm.requiredMark !== undefined) {\n      return contextForm.requiredMark\n    }\n\n    if (hideRequiredMark) {\n      return false\n    }\n\n    return true\n  }, [hideRequiredMark, requiredMark, contextForm])\n\n  const mergedColon = colon ?? contextForm?.colon\n\n  const prefixCls = getPrefixCls('form', customizePrefixCls)\n\n  const formClassName = classNames(\n    prefixCls,\n    {\n      [`${prefixCls}-tntd`]: true,\n      [`${prefixCls}-${layout}`]: true,\n      [`${prefixCls}-hide-required-mark`]: mergedRequiredMark === false,\n      [`${prefixCls}-rtl`]: direction === 'rtl',\n      [`${prefixCls}-${size}`]: size,\n    },\n    className\n  )\n\n  const [wrapForm] = useForm(form)\n  const { __INTERNAL__ } = wrapForm\n  __INTERNAL__.name = name\n\n  const formContextValue = useMemo<FormContextProps>(\n    () => ({\n      name,\n      labelAlign,\n      labelCol,\n      labelWrap,\n      wrapperCol,\n      vertical: layout === 'vertical',\n      colon: mergedColon,\n      requiredMark: mergedRequiredMark,\n      itemRef: __INTERNAL__.itemRef,\n      form: wrapForm,\n      readonly,\n    }),\n    [\n      name,\n      labelAlign,\n      labelCol,\n      labelWrap,\n      wrapperCol,\n      layout,\n      mergedColon,\n      mergedRequiredMark,\n      wrapForm,\n      readonly,\n    ]\n  )\n\n  React.useImperativeHandle(ref, () => wrapForm)\n\n  const onInternalFinishFailed = (errorInfo: ValidateErrorEntity) => {\n    onFinishFailed?.(errorInfo)\n\n    let defaultScrollToFirstError: Options = { block: 'nearest' }\n\n    if (scrollToFirstError && errorInfo.errorFields.length) {\n      if (typeof scrollToFirstError === 'object') {\n        defaultScrollToFirstError = scrollToFirstError\n      }\n      wrapForm.scrollToField(errorInfo.errorFields[0].name, defaultScrollToFirstError)\n    }\n  }\n\n  useEffect(() => {\n    // set initial values\n    if (restFormProps.initialValues) {\n      form?.setFieldsValue(restFormProps.initialValues)\n    }\n\n    // clear form fields value after unmount\n    return () =>\n      form.setFieldsValue(\n        Object.keys(form.getFieldsValue() || {}).reduce((acc, cur) => {\n          acc[cur] = undefined\n          return acc\n        }, {})\n      )\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return (\n    <DisabledContextProvider disabled={disabled}>\n      <SizeContextProvider size={size}>\n        <FormProvider\n          {...{\n            // This is not list in API, we pass with spread\n            validateMessages: contextValidateMessages,\n          }}\n        >\n          <FormContext.Provider value={formContextValue}>\n            <FieldForm\n              id={name}\n              {...restFormProps}\n              name={name}\n              onFinishFailed={onInternalFinishFailed}\n              form={wrapForm}\n              className={formClassName}\n            />\n          </FormContext.Provider>\n        </FormProvider>\n      </SizeContextProvider>\n    </DisabledContextProvider>\n  )\n}\n\nconst Form = React.forwardRef<FormInstance, FormProps>(InternalForm) as <Values = any>(\n  props: React.PropsWithChildren<FormProps<Values>> & { ref?: React.Ref<FormInstance<Values>> }\n) => React.ReactElement\n\nexport { useForm, List, FormInstance, useWatch }\n\nexport default Form\n"]}

package/es/tntd-form/tntd-form.stories.js

@@ -14,6 +14,7 @@ import Form from './index';
 import { Input, InputNumber, Checkbox, Button, Select, Radio, Row, message, Icon, Modal, Drawer, Cascader, DatePicker, TimePicker, TreeSelect, Switch, Upload, } from '../index';
 import moment from 'moment';
 const { Option } = Select;
+const { TreeNode } = TreeSelect;
 const options = [
     { label: 'Apple', value: 'apple' },
     { label: 'Pear', value: 'pear' },
@@ -49,6 +50,14 @@ Basic.args = {
             React.createElement(Input, null)),
         React.createElement(Form.Item, { label: "Password", name: "password", rules: [{ required: true, message: 'Please input your password!' }] },
             React.createElement(Input.Password, null)),
+        React.createElement(Form.Item, { label: "TreeSelect", name: "treeSelect", rules: [{ required: true, message: 'Please select one node' }] },
+            React.createElement(TreeSelect, { showSearch: true, treeDefaultExpandAll: true, allowClear: true },
+                React.createElement(TreeNode, { value: "parent 1", title: "parent 1", key: "0-1" },
+                    React.createElement(TreeNode, { value: "parent 1-0", title: "parent 1-0", key: "0-1-1" },
+                        React.createElement(TreeNode, { value: "leaf1", title: "my leaf", key: "random" }),
+                        React.createElement(TreeNode, { value: "leaf2", title: "your leaf", key: "random1" })),
+                    React.createElement(TreeNode, { value: "parent 1-1", title: "parent 1-1", key: "random2" },
+                        React.createElement(TreeNode, { value: "sss", title: React.createElement("b", { style: { color: '#08c' } }, "sss"), key: "random3" }))))),
         React.createElement(Form.Item, { name: "remember", valuePropName: "checked", wrapperCol: { offset: 8, span: 16 } },
             React.createElement(Checkbox, null, "Remember me")),
         React.createElement(Form.Item, { wrapperCol: { offset: 8, span: 16 } },
@@ -259,12 +268,14 @@ export const DynamicItemsComplex = DynamicItemsComplexTpl.bind({});
 // 弹窗中表单
 const FormInModalTpl = () => {
     const [data, setData] = useState({});
+    const [destroyOnClose, setDestroyOnClose] = useState(true);
     const [popupType, setPopupType] = useState('modal');
     const PopupCom = {
         modal: Modal,
         drawer: Drawer,
     }[popupType];
     const close = () => setData(null);
+    const [form] = Form.useForm();
     return (React.createElement(React.Fragment, null,
         React.createElement(Button, { type: "primary", onClick: () => setData({}), style: { marginRight: 12 } }, "\u65B0\u5EFA"),
         React.createElement(Button, { type: "primary", style: { marginRight: 12, marginBottom: 12 }, onClick: () => setData({
@@ -276,8 +287,9 @@ const FormInModalTpl = () => {
         React.createElement(Radio.Group, { value: popupType, onChange: (evt) => setPopupType(evt.target.value) },
             React.createElement(Radio.Button, { value: "modal" }, "\u5F39\u7A97"),
             React.createElement(Radio.Button, { value: "drawer" }, "\u62BD\u5C49")),
-        React.createElement(PopupCom, { title: `${(data === null || data === void 0 ? void 0 : data.id) ? '编辑' : '新建'}`, visible: !!data, width: "40%", destroyOnClose: true, onClose: close, onCancel: close, onOk: close },
-            React.createElement(Form, { initialValues: data },
+        React.createElement(Switch, { onClick: () => setDestroyOnClose(!destroyOnClose), checked: destroyOnClose, checkedChildren: "\u5173\u95ED\u65F6\u9500\u6BC1\u5B50\u5143\u7D20", unCheckedChildren: "\u5173\u95ED\u65F6\u4E0D\u9500\u6BC1\u5B50\u5143\u7D20" }),
+        React.createElement(PopupCom, { title: `${(data === null || data === void 0 ? void 0 : data.id) ? '编辑' : '新建'}`, visible: !!data, width: "40%", destroyOnClose: destroyOnClose, onClose: close, onCancel: close, onOk: close },
+            React.createElement(Form, { initialValues: data, form: form },
                 React.createElement(Form.Item, { name: "name", label: "\u540D\u79F0" },
                     React.createElement(Input, null)),
                 React.createElement(Form.Item, { name: "desc", label: "\u63CF\u8FF0" },