tntd 3.0.0-beta.1 → 3.0.0-beta.11

package/es/tntd-form/FormItemLabel.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 Icon from '../icon';
 import classNames from 'classnames';
@@ -16,58 +13,86 @@ import Col from '../grid-v4/col';
 import Tooltip from '../tooltip';
 import { FormContext } from './context';
 function toTooltipProps(tooltip) {
-    if (!tooltip) {
-        return null;
+  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*$/, '');
     }
-    if (typeof tooltip === 'object' && !React.isValidElement(tooltip)) {
-        return tooltip;
+    // 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);
     }
-    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)));
-    }));
+    // 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;
-//# sourceMappingURL=FormItemLabel.js.map
+export default FormItemLabel;

package/es/tntd-form/FormList.js

@@ -1,34 +1,40 @@
-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;
-//# sourceMappingURL=FormList.js.map
+export default FormList;

package/es/tntd-form/context.js

@@ -3,33 +3,38 @@ 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));
-};
-//# sourceMappingURL=context.js.map
+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);
+};

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

@@ -1,14 +1,13 @@
 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;
-}
-//# sourceMappingURL=useDebounce.js.map
+  const [cacheValue, setCacheValue] = React.useState(value);
+  React.useEffect(() => {
+    const timeout = setTimeout(() => {
+      setCacheValue(value);
+    }, value.length ? 0 : 10);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [value]);
+  return cacheValue;
+}

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

@@ -3,33 +3,38 @@ 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];
-}
-//# sourceMappingURL=useForm.js.map
+  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];
+}

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

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

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

@@ -2,9 +2,12 @@ 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;
-//# sourceMappingURL=useFormItemStatus.js.map
+export default useFormItemStatus;

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

@@ -2,37 +2,36 @@ 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;
-        }
-        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);
+  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;
     }
-    return [value, setFrameValue];
-}
-//# sourceMappingURL=useFrameState.js.map
+    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];
+}

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

@@ -2,18 +2,19 @@ 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);
-        }
-        return cacheRef.current.ref;
+  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 getRef;
-}
-//# sourceMappingURL=useItemRef.js.map
+    return cacheRef.current.ref;
+  }
+  return getRef;
+}

package/es/tntd-form/index.js

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

package/es/tntd-form/interface.js

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

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

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

package/es/tntd-form/util.js

@@ -4,18 +4,15 @@ 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;
-}
-//# sourceMappingURL=util.js.map
+  if (!namePath.length) return undefined;
+  const mergedId = namePath.join('_');
+  if (formName) {
+    return `${formName}_${mergedId}`;
+  }
+  const isIllegalName = formItemNameBlackList.includes(mergedId);
+  return isIllegalName ? `${defaultItemNamePrefixCls}_${mergedId}` : mergedId;
+}

package/es/tntd-form/validateMessagesContext.js

@@ -2,5 +2,4 @@ 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);
-//# sourceMappingURL=validateMessagesContext.js.map
+export default createContext(undefined);