tntd 3.0.0-beta → 3.0.0-beta.1

package/es/tntd-form/FormItemLabel.js

@@ -1,10 +1,13 @@
-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 Icon from '../icon';
 import classNames from 'classnames';
@@ -13,86 +16,58 @@ import Col from '../grid-v4/col';
 import Tooltip from '../tooltip';
 import { FormContext } from './context';
 function toTooltipProps(tooltip) {
-  if (!tooltip) {
-    return null;
-  }
-  if (typeof tooltip === 'object' && !React.isValidElement(tooltip)) {
-    return tooltip;
-  }
-  return {
-    title: tooltip
-  };
-}
-const FormItemLabel = ({
-  prefixCls,
-  label,
-  htmlFor,
-  labelCol,
-  labelAlign,
-  colon,
-  required,
-  requiredMark,
-  tooltip
-}) => {
-  // const [formLocale] = useLocaleReceiver('Form');
-  if (!label) return null;
-  return React.createElement(FormContext.Consumer, {
-    key: "label"
-  }, ({
-    vertical,
-    labelAlign: contextLabelAlign,
-    labelCol: contextLabelCol,
-    labelWrap,
-    colon: contextColon
-  }) => {
-    const mergedLabelCol = labelCol || contextLabelCol || {};
-    const mergedLabelAlign = labelAlign || contextLabelAlign;
-    const labelClsBasic = `${prefixCls}-item-label`;
-    const labelColClassName = classNames(labelClsBasic, mergedLabelAlign === 'left' && `${labelClsBasic}-left`, mergedLabelCol.className, {
-      [`${labelClsBasic}-wrap`]: !!labelWrap
-    });
-    let labelChildren = label;
-    // Keep label is original where there should have no colon
-    const computedColon = colon === true || contextColon !== false && colon !== false;
-    const haveColon = computedColon && !vertical;
-    // Remove duplicated user input colon
-    if (haveColon && typeof label === 'string' && label.trim() !== '') {
-      labelChildren = label.replace(/[:|：]\s*$/, '');
-    }
-    // Tooltip
-    const tooltipProps = toTooltipProps(tooltip);
-    if (tooltipProps) {
-      const {
-          icon = React.createElement(Icon, {
-            type: "question-circle"
-          })
-        } = tooltipProps,
-        restTooltipProps = __rest(tooltipProps, ["icon"]);
-      const tooltipNode = React.createElement(Tooltip, Object.assign({}, restTooltipProps), React.cloneElement(icon, {
-        className: `${prefixCls}-item-tooltip`,
-        title: ''
-      }));
-      labelChildren = React.createElement(React.Fragment, null, labelChildren, tooltipNode);
+    if (!tooltip) {
+        return null;
     }
-    // Add required mark if optional
-    if (requiredMark === 'optional' && !required) {
-      labelChildren = React.createElement(React.Fragment, null, labelChildren, React.createElement("span", {
-        className: `${prefixCls}-item-optional`,
-        title: ""
-      }));
+    if (typeof tooltip === 'object' && !React.isValidElement(tooltip)) {
+        return tooltip;
     }
-    const labelClassName = classNames({
-      [`${prefixCls}-item-required`]: required,
-      [`${prefixCls}-item-required-mark-optional`]: requiredMark === 'optional',
-      [`${prefixCls}-item-no-colon`]: !computedColon
-    });
-    return React.createElement(Col, Object.assign({}, mergedLabelCol, {
-      className: labelColClassName
-    }), React.createElement("label", {
-      htmlFor: htmlFor,
-      className: labelClassName,
-      title: typeof label === 'string' ? label : ''
-    }, labelChildren));
-  });
+    return {
+        title: tooltip,
+    };
+}
+const FormItemLabel = ({ prefixCls, label, htmlFor, labelCol, labelAlign, colon, required, requiredMark, tooltip, }) => {
+    // const [formLocale] = useLocaleReceiver('Form');
+    if (!label)
+        return null;
+    return (React.createElement(FormContext.Consumer, { key: "label" }, ({ vertical, labelAlign: contextLabelAlign, labelCol: contextLabelCol, labelWrap, colon: contextColon, }) => {
+        const mergedLabelCol = labelCol || contextLabelCol || {};
+        const mergedLabelAlign = labelAlign || contextLabelAlign;
+        const labelClsBasic = `${prefixCls}-item-label`;
+        const labelColClassName = classNames(labelClsBasic, mergedLabelAlign === 'left' && `${labelClsBasic}-left`, mergedLabelCol.className, {
+            [`${labelClsBasic}-wrap`]: !!labelWrap,
+        });
+        let labelChildren = label;
+        // Keep label is original where there should have no colon
+        const computedColon = colon === true || (contextColon !== false && colon !== false);
+        const haveColon = computedColon && !vertical;
+        // Remove duplicated user input colon
+        if (haveColon && typeof label === 'string' && label.trim() !== '') {
+            labelChildren = label.replace(/[:|：]\s*$/, '');
+        }
+        // Tooltip
+        const tooltipProps = toTooltipProps(tooltip);
+        if (tooltipProps) {
+            const { icon = React.createElement(Icon, { type: "question-circle" }) } = tooltipProps, restTooltipProps = __rest(tooltipProps, ["icon"]);
+            const tooltipNode = (React.createElement(Tooltip, Object.assign({}, restTooltipProps), React.cloneElement(icon, { className: `${prefixCls}-item-tooltip`, title: '' })));
+            labelChildren = (React.createElement(React.Fragment, null,
+                labelChildren,
+                tooltipNode));
+        }
+        // Add required mark if optional
+        if (requiredMark === 'optional' && !required) {
+            labelChildren = (React.createElement(React.Fragment, null,
+                labelChildren,
+                React.createElement("span", { className: `${prefixCls}-item-optional`, title: "" })));
+        }
+        const labelClassName = classNames({
+            [`${prefixCls}-item-required`]: required,
+            [`${prefixCls}-item-required-mark-optional`]: requiredMark === 'optional',
+            [`${prefixCls}-item-no-colon`]: !computedColon,
+        });
+        return (React.createElement(Col, Object.assign({}, mergedLabelCol, { className: labelColClassName }),
+            React.createElement("label", { htmlFor: htmlFor, className: labelClassName, title: typeof label === 'string' ? label : '' }, labelChildren)));
+    }));
 };
-export default FormItemLabel;
+export default FormItemLabel;
+//# sourceMappingURL=FormItemLabel.js.map

package/es/tntd-form/FormList.js

@@ -1,40 +1,34 @@
-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 { List } from 'rc-field-form';
 import * as React from 'react';
 import { ConfigContext } from '../config-provider';
 import warning from '../_util/warning';
 import { FormItemPrefixContext } from './context';
-const FormList = _a => {
-  var {
-      prefixCls: customizePrefixCls,
-      children
-    } = _a,
-    props = __rest(_a, ["prefixCls", "children"]);
-  warning(!!props.name, 'Form.List', 'Miss `name` prop.');
-  // TODO
-  // @ts-ignore
-  const {
-    getPrefixCls
-  } = React.useContext(ConfigContext);
-  const prefixCls = getPrefixCls('form', customizePrefixCls);
-  const contextValue = React.useMemo(() => ({
-    prefixCls,
-    status: 'error'
-  }), [prefixCls]);
-  return React.createElement(List, Object.assign({}, props), (fields, operation, meta) => React.createElement(FormItemPrefixContext.Provider, {
-    value: contextValue
-  }, children(fields.map(field => Object.assign(Object.assign({}, field), {
-    fieldKey: field.key
-  })), operation, {
-    errors: meta.errors,
-    warnings: meta.warnings
-  })));
+const FormList = (_a) => {
+    var { prefixCls: customizePrefixCls, children } = _a, props = __rest(_a, ["prefixCls", "children"]);
+    warning(!!props.name, 'Form.List', 'Miss `name` prop.');
+    // TODO
+    // @ts-ignore
+    const { getPrefixCls } = React.useContext(ConfigContext);
+    const prefixCls = getPrefixCls('form', customizePrefixCls);
+    const contextValue = React.useMemo(() => ({
+        prefixCls,
+        status: 'error',
+    }), [prefixCls]);
+    return (React.createElement(List, Object.assign({}, props), (fields, operation, meta) => (React.createElement(FormItemPrefixContext.Provider, { value: contextValue }, children(fields.map((field) => (Object.assign(Object.assign({}, field), { fieldKey: field.key }))), operation, {
+        errors: meta.errors,
+        warnings: meta.warnings,
+    })))));
 };
-export default FormList;
+export default FormList;
+//# sourceMappingURL=FormList.js.map

package/es/tntd-form/context.js

@@ -3,38 +3,33 @@ import omit from 'rc-util/lib/omit';
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
 export const FormContext = React.createContext({
-  labelAlign: 'right',
-  vertical: false,
-  itemRef: () => {}
+    labelAlign: 'right',
+    vertical: false,
+    itemRef: (() => { }),
 });
 export const NoStyleItemContext = React.createContext(null);
-export const FormProvider = props => {
-  const providerProps = omit(props, ['prefixCls']);
-  return React.createElement(RcFormProvider, Object.assign({}, providerProps));
+export const FormProvider = (props) => {
+    const providerProps = omit(props, ['prefixCls']);
+    return React.createElement(RcFormProvider, Object.assign({}, providerProps));
 };
 export const FormItemPrefixContext = React.createContext({
-  prefixCls: ''
+    prefixCls: '',
 });
 export const FormItemInputContext = React.createContext({});
-export const NoFormStyle = ({
-  children,
-  status,
-  override
-}) => {
-  const formItemInputContext = useContext(FormItemInputContext);
-  const newFormItemInputContext = useMemo(() => {
-    const newContext = Object.assign({}, formItemInputContext);
-    if (override) {
-      delete newContext.isFormItemInput;
-    }
-    if (status) {
-      delete newContext.status;
-      delete newContext.hasFeedback;
-      delete newContext.feedbackIcon;
-    }
-    return newContext;
-  }, [status, override, formItemInputContext]);
-  return React.createElement(FormItemInputContext.Provider, {
-    value: newFormItemInputContext
-  }, children);
-};
+export const NoFormStyle = ({ children, status, override }) => {
+    const formItemInputContext = useContext(FormItemInputContext);
+    const newFormItemInputContext = useMemo(() => {
+        const newContext = Object.assign({}, formItemInputContext);
+        if (override) {
+            delete newContext.isFormItemInput;
+        }
+        if (status) {
+            delete newContext.status;
+            delete newContext.hasFeedback;
+            delete newContext.feedbackIcon;
+        }
+        return newContext;
+    }, [status, override, formItemInputContext]);
+    return (React.createElement(FormItemInputContext.Provider, { value: newFormItemInputContext }, children));
+};
+//# sourceMappingURL=context.js.map

package/es/tntd-form/hooks/useDebounce.js

@@ -1,13 +1,14 @@
 import * as React from 'react';
 export default function useDebounce(value) {
-  const [cacheValue, setCacheValue] = React.useState(value);
-  React.useEffect(() => {
-    const timeout = setTimeout(() => {
-      setCacheValue(value);
-    }, value.length ? 0 : 10);
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [value]);
-  return cacheValue;
-}
+    const [cacheValue, setCacheValue] = React.useState(value);
+    React.useEffect(() => {
+        const timeout = setTimeout(() => {
+            setCacheValue(value);
+        }, value.length ? 0 : 10);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, [value]);
+    return cacheValue;
+}
+//# sourceMappingURL=useDebounce.js.map

package/es/tntd-form/hooks/useForm.js

@@ -3,38 +3,33 @@ import * as React from 'react';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { getFieldId, toArray } from '../util';
 function toNamePathStr(name) {
-  const namePath = toArray(name);
-  return namePath.join('_');
+    const namePath = toArray(name);
+    return namePath.join('_');
 }
 export default function useForm(form) {
-  const [rcForm] = useRcForm();
-  const itemsRef = React.useRef({});
-  const wrapForm = React.useMemo(() => form !== null && form !== void 0 ? form : Object.assign(Object.assign({}, rcForm), {
-    __INTERNAL__: {
-      itemRef: name => node => {
-        const namePathStr = toNamePathStr(name);
-        if (node) {
-          itemsRef.current[namePathStr] = node;
-        } else {
-          delete itemsRef.current[namePathStr];
-        }
-      }
-    },
-    scrollToField: (name, options = {}) => {
-      const namePath = toArray(name);
-      const fieldId = getFieldId(namePath, wrapForm.__INTERNAL__.name);
-      const node = fieldId ? document.getElementById(fieldId) : null;
-      if (node) {
-        scrollIntoView(node, Object.assign({
-          scrollMode: 'if-needed',
-          block: 'nearest'
-        }, options));
-      }
-    },
-    getFieldInstance: name => {
-      const namePathStr = toNamePathStr(name);
-      return itemsRef.current[namePathStr];
-    }
-  }), [form, rcForm]);
-  return [wrapForm];
-}
+    const [rcForm] = useRcForm();
+    const itemsRef = React.useRef({});
+    const wrapForm = React.useMemo(() => form !== null && form !== void 0 ? form : Object.assign(Object.assign({}, rcForm), { __INTERNAL__: {
+            itemRef: (name) => (node) => {
+                const namePathStr = toNamePathStr(name);
+                if (node) {
+                    itemsRef.current[namePathStr] = node;
+                }
+                else {
+                    delete itemsRef.current[namePathStr];
+                }
+            },
+        }, scrollToField: (name, options = {}) => {
+            const namePath = toArray(name);
+            const fieldId = getFieldId(namePath, wrapForm.__INTERNAL__.name);
+            const node = fieldId ? document.getElementById(fieldId) : null;
+            if (node) {
+                scrollIntoView(node, Object.assign({ scrollMode: 'if-needed', block: 'nearest' }, options));
+            }
+        }, getFieldInstance: (name) => {
+            const namePathStr = toNamePathStr(name);
+            return itemsRef.current[namePathStr];
+        } }), [form, rcForm]);
+    return [wrapForm];
+}
+//# sourceMappingURL=useForm.js.map

package/es/tntd-form/hooks/useFormInstance.js

@@ -1,8 +1,7 @@
 import { useContext } from 'react';
 import { FormContext } from '../context';
 export default function useFormInstance() {
-  const {
-    form
-  } = useContext(FormContext);
-  return form;
-}
+    const { form } = useContext(FormContext);
+    return form;
+}
+//# sourceMappingURL=useFormInstance.js.map

package/es/tntd-form/hooks/useFormItemStatus.js

@@ -2,12 +2,9 @@ import { useContext } from 'react';
 import { FormItemInputContext } from '../context';
 import warning from '../../_util/warning';
 const useFormItemStatus = () => {
-  const {
-    status
-  } = useContext(FormItemInputContext);
-  warning(status !== undefined, 'Form.Item', `Form.Item.useStatus should be used under Form.Item component. For more information: ${window.location.protocol}//${window.location.host}/components/form-cn/#Form.Item.useStatus`);
-  return {
-    status
-  };
+    const { status } = useContext(FormItemInputContext);
+    warning(status !== undefined, 'Form.Item', `Form.Item.useStatus should be used under Form.Item component. For more information: ${window.location.protocol}//${window.location.host}/components/form-cn/#Form.Item.useStatus`);
+    return { status };
 };
-export default useFormItemStatus;
+export default useFormItemStatus;
+//# sourceMappingURL=useFormItemStatus.js.map

package/es/tntd-form/hooks/useFrameState.js

@@ -2,36 +2,37 @@ import raf from 'rc-util/lib/raf';
 import * as React from 'react';
 import { useRef } from 'react';
 export default function useFrameState(defaultValue) {
-  const [value, setValue] = React.useState(defaultValue);
-  const frameRef = useRef(null);
-  const batchRef = useRef([]);
-  const destroyRef = useRef(false);
-  React.useEffect(() => {
-    destroyRef.current = false;
-    return () => {
-      destroyRef.current = true;
-      raf.cancel(frameRef.current);
-      frameRef.current = null;
-    };
-  }, []);
-  function setFrameValue(updater) {
-    if (destroyRef.current) {
-      return;
+    const [value, setValue] = React.useState(defaultValue);
+    const frameRef = useRef(null);
+    const batchRef = useRef([]);
+    const destroyRef = useRef(false);
+    React.useEffect(() => {
+        destroyRef.current = false;
+        return () => {
+            destroyRef.current = true;
+            raf.cancel(frameRef.current);
+            frameRef.current = null;
+        };
+    }, []);
+    function setFrameValue(updater) {
+        if (destroyRef.current) {
+            return;
+        }
+        if (frameRef.current === null) {
+            batchRef.current = [];
+            frameRef.current = raf(() => {
+                frameRef.current = null;
+                setValue((prevValue) => {
+                    let current = prevValue;
+                    batchRef.current.forEach((func) => {
+                        current = func(current);
+                    });
+                    return current;
+                });
+            });
+        }
+        batchRef.current.push(updater);
     }
-    if (frameRef.current === null) {
-      batchRef.current = [];
-      frameRef.current = raf(() => {
-        frameRef.current = null;
-        setValue(prevValue => {
-          let current = prevValue;
-          batchRef.current.forEach(func => {
-            current = func(current);
-          });
-          return current;
-        });
-      });
-    }
-    batchRef.current.push(updater);
-  }
-  return [value, setFrameValue];
-}
+    return [value, setFrameValue];
+}
+//# sourceMappingURL=useFrameState.js.map

package/es/tntd-form/hooks/useItemRef.js

@@ -2,19 +2,18 @@ import { composeRef } from 'rc-util/lib/ref';
 import * as React from 'react';
 import { FormContext } from '../context';
 export default function useItemRef() {
-  const {
-    itemRef
-  } = React.useContext(FormContext);
-  const cacheRef = React.useRef({});
-  function getRef(name, children) {
-    const childrenRef = children && typeof children === 'object' && children.ref;
-    const nameStr = name.join('_');
-    if (cacheRef.current.name !== nameStr || cacheRef.current.originRef !== childrenRef) {
-      cacheRef.current.name = nameStr;
-      cacheRef.current.originRef = childrenRef;
-      cacheRef.current.ref = composeRef(itemRef(name), childrenRef);
+    const { itemRef } = React.useContext(FormContext);
+    const cacheRef = React.useRef({});
+    function getRef(name, children) {
+        const childrenRef = children && typeof children === 'object' && children.ref;
+        const nameStr = name.join('_');
+        if (cacheRef.current.name !== nameStr || cacheRef.current.originRef !== childrenRef) {
+            cacheRef.current.name = nameStr;
+            cacheRef.current.originRef = childrenRef;
+            cacheRef.current.ref = composeRef(itemRef(name), childrenRef);
+        }
+        return cacheRef.current.ref;
     }
-    return cacheRef.current.ref;
-  }
-  return getRef;
-}
+    return getRef;
+}
+//# sourceMappingURL=useItemRef.js.map

package/es/tntd-form/index.js

@@ -13,4 +13,5 @@ Form.useForm = useForm;
 Form.useFormInstance = useFormInstance;
 Form.useWatch = useWatch;
 Form.Provider = FormProvider;
-export default Form;
+export default Form;
+//# sourceMappingURL=index.js.map

package/es/tntd-form/interface.js

@@ -1,2 +1,3 @@
 export {} from 'rc-field-form/lib/interface';
-export {} from 'scroll-into-view-if-needed';
+export {} from 'scroll-into-view-if-needed';
+//# sourceMappingURL=interface.js.map

package/es/tntd-form/style/index.js

@@ -2,4 +2,5 @@ import '../../style/index.less';
 import './index.less';
 // style dependencies
 import '../../grid-v4/style';
-import '../../tooltip/style';
+import '../../tooltip/style';
+//# sourceMappingURL=index.js.map

package/es/tntd-form/util.js

@@ -4,15 +4,18 @@ const formItemNameBlackList = ['parentNode'];
 // default form item id prefix.
 const defaultItemNamePrefixCls = 'form_item';
 export function toArray(candidate) {
-  if (candidate === undefined || candidate === false) return [];
-  return Array.isArray(candidate) ? candidate : [candidate];
+    if (candidate === undefined || candidate === false)
+        return [];
+    return Array.isArray(candidate) ? candidate : [candidate];
 }
 export function getFieldId(namePath, formName) {
-  if (!namePath.length) return undefined;
-  const mergedId = namePath.join('_');
-  if (formName) {
-    return `${formName}_${mergedId}`;
-  }
-  const isIllegalName = formItemNameBlackList.includes(mergedId);
-  return isIllegalName ? `${defaultItemNamePrefixCls}_${mergedId}` : mergedId;
-}
+    if (!namePath.length)
+        return undefined;
+    const mergedId = namePath.join('_');
+    if (formName) {
+        return `${formName}_${mergedId}`;
+    }
+    const isIllegalName = formItemNameBlackList.includes(mergedId);
+    return isIllegalName ? `${defaultItemNamePrefixCls}_${mergedId}` : mergedId;
+}
+//# sourceMappingURL=util.js.map

package/es/tntd-form/validateMessagesContext.js

@@ -2,4 +2,5 @@ import { createContext } from 'react';
 // ZombieJ: We export single file here since
 // ConfigProvider use this which will make loop deps
 // to import whole `rc-field-form`
-export default createContext(undefined);
+export default createContext(undefined);
+//# sourceMappingURL=validateMessagesContext.js.map