tntd 2.0.2 → 2.0.3

package/lib/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  console.log('children', children)\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  console.log('React.Children', React.Children)\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  console.log(boxCount)\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) => (\n            <div className={`${clsPrefix}-header-section`}>{item}</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            // console.log(\"没有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  console.log('children', children)\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  console.log('React.Children', React.Children)\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  console.log(boxCount)\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}>{item}</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            // console.log(\"没有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"]}

package/lib/prev-locale.d.ts

@@ -7,9 +7,11 @@ export namespace zh_CN {
     const expand: string;
     const collapse: string;
     const totalRecords: string;
+    const nameNull: string;
     const personalSettings: string;
     const changePwd: string;
     const signOut: string;
+    const handleMore: string;
 }
 export namespace en_US {
     const globalNavigation_1: string;
@@ -28,12 +30,16 @@ export namespace en_US {
     export { collapse_1 as collapse };
     const totalRecords_1: string;
     export { totalRecords_1 as totalRecords };
+    const nameNull_1: string;
+    export { nameNull_1 as nameNull };
     const personalSettings_1: string;
     export { personalSettings_1 as personalSettings };
     const changePwd_1: string;
     export { changePwd_1 as changePwd };
     const signOut_1: string;
     export { signOut_1 as signOut };
+    const handleMore_1: string;
+    export { handleMore_1 as handleMore };
 }
 export function getText(key: any, language?: string, ...params: any[]): any;
 export function getLanguage(): string;

package/lib/prev-locale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prev-locale.d.ts","sourceRoot":"","sources":["../src/prev-locale.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCO,4EAaN;AAEM,sCAA8D"}
+{"version":3,"file":"prev-locale.d.ts","sourceRoot":"","sources":["../src/prev-locale.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDO,4EAaN;AAEM,sCAA8D"}

package/lib/prev-locale.js

@@ -13,9 +13,12 @@ exports.zh_CN = {
     // QueryListScene
     totalRecords: '共%s条记录',
     // user popover
+    nameNull: '暂无昵称',
     personalSettings: '个人设置',
     changePwd: '修改密码',
     signOut: '退出',
+    // Handle
+    handleMore: '更多'
 };
 exports.en_US = {
     globalNavigation: 'Global Navigation',
@@ -29,9 +32,12 @@ exports.en_US = {
     // QueryListScene
     totalRecords: 'Total of %s records',
     // user popover
-    personalSettings: 'Personal settings',
+    nameNull: 'No nickname yet',
+    personalSettings: 'Setting',
     changePwd: 'Change password',
     signOut: 'Sign out',
+    // Handle
+    handleMore: 'More'
 };
 const getText = (key, language = 'cn', ...params) => {
     var _a;

package/lib/prev-locale.js.map

@@ -1 +1 @@
-{"version":3,"file":"prev-locale.js","sourceRoot":"","sources":["../src/prev-locale.js"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;IACnB,gBAAgB,EAAE,MAAM;IACxB,UAAU,EAAE,MAAM;IAElB,YAAY;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,IAAI;IAEd,iBAAiB;IACjB,YAAY,EAAE,QAAQ;IAEtB,eAAe;IACf,gBAAgB,EAAE,MAAM;IACxB,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,IAAI;CACd,CAAA;AAEY,QAAA,KAAK,GAAG;IACnB,gBAAgB,EAAE,mBAAmB;IACrC,UAAU,EAAE,aAAa;IAEzB,YAAY;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,gBAAgB;IAC/B,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IAEpB,iBAAiB;IACjB,YAAY,EAAE,qBAAqB;IAEnC,eAAe;IACf,gBAAgB,EAAE,mBAAmB;IACrC,SAAS,EAAE,iBAAiB;IAC5B,OAAO,EAAE,UAAU;CACpB,CAAA;AAEM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,MAAM,EAAE,EAAE;;IACzD,MAAM,IAAI,GAAG,MAAA,CAAC;QACZ,EAAE,EAAE,aAAK;QACT,EAAE,EAAE,aAAK;KACV,CAAC,QAAQ,CAAC,IAAI,aAAK,CAAC,0CAAG,GAAG,CAAC,CAAA;IAE5B,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE;QAClB,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAChC,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAA;KACT;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAbY,QAAA,OAAO,WAanB;AAEM,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;AAAxD,QAAA,WAAW,eAA6C;AAErE,kBAAe,EAAE,KAAK,EAAL,aAAK,EAAE,KAAK,EAAL,aAAK,EAAE,CAAA","sourcesContent":["export const zh_CN = {\n  globalNavigation: '全局导航',\n  menuSearch: '菜单搜索',\n\n  // QueryForm\n  search: '搜索',\n  reset: '重置',\n  moreFiltering: '更多过滤',\n  expand: '展开',\n  collapse: '收起',\n\n  // QueryListScene\n  totalRecords: '共%s条记录',\n\n  // user popover\n  personalSettings: '个人设置',\n  changePwd: '修改密码',\n  signOut: '退出',\n}\n\nexport const en_US = {\n  globalNavigation: 'Global Navigation',\n  menuSearch: 'Menu Search',\n\n  // QueryForm\n  search: 'Search',\n  reset: 'Reset',\n  moreFiltering: 'More filtering',\n  expand: 'Expand',\n  collapse: 'Collapse',\n\n  // QueryListScene\n  totalRecords: 'Total of %s records',\n\n  // user popover\n  personalSettings: 'Personal settings',\n  changePwd: 'Change password',\n  signOut: 'Sign out',\n}\n\nexport const getText = (key, language = 'cn', ...params) => {\n  const text = ({\n    cn: zh_CN,\n    en: en_US,\n  }[language] || zh_CN)?.[key]\n\n  if (params?.length) {\n    return params.reduce((acc, cur) => {\n      return acc.replace(/%s/, cur)\n    }, text)\n  }\n\n  return text\n}\n\nexport const getLanguage = () => localStorage.getItem('lang') || 'cn'\n\nexport default { en_US, zh_CN }\n"]}
+{"version":3,"file":"prev-locale.js","sourceRoot":"","sources":["../src/prev-locale.js"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;IACnB,gBAAgB,EAAE,MAAM;IACxB,UAAU,EAAE,MAAM;IAElB,YAAY;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,IAAI;IAEd,iBAAiB;IACjB,YAAY,EAAE,QAAQ;IAEtB,eAAe;IACf,QAAQ,EAAE,MAAM;IAChB,gBAAgB,EAAE,MAAM;IACxB,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,IAAI;IAEb,SAAS;IACT,UAAU,EAAC,IAAI;CAChB,CAAA;AAEY,QAAA,KAAK,GAAG;IACnB,gBAAgB,EAAE,mBAAmB;IACrC,UAAU,EAAE,aAAa;IAGzB,YAAY;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,gBAAgB;IAC/B,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IAEpB,iBAAiB;IACjB,YAAY,EAAE,qBAAqB;IAEnC,eAAe;IACf,QAAQ,EAAE,iBAAiB;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,SAAS,EAAE,iBAAiB;IAC5B,OAAO,EAAE,UAAU;IAEnB,SAAS;IACT,UAAU,EAAC,MAAM;CAClB,CAAA;AAEM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,MAAM,EAAE,EAAE;;IACzD,MAAM,IAAI,GAAG,MAAA,CAAC;QACZ,EAAE,EAAE,aAAK;QACT,EAAE,EAAE,aAAK;KACV,CAAC,QAAQ,CAAC,IAAI,aAAK,CAAC,0CAAG,GAAG,CAAC,CAAA;IAE5B,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE;QAClB,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAChC,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAA;KACT;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAbY,QAAA,OAAO,WAanB;AAEM,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;AAAxD,QAAA,WAAW,eAA6C;AAErE,kBAAe,EAAE,KAAK,EAAL,aAAK,EAAE,KAAK,EAAL,aAAK,EAAE,CAAA","sourcesContent":["export const zh_CN = {\n  globalNavigation: '全局导航',\n  menuSearch: '菜单搜索',\n\n  // QueryForm\n  search: '搜索',\n  reset: '重置',\n  moreFiltering: '更多过滤',\n  expand: '展开',\n  collapse: '收起',\n\n  // QueryListScene\n  totalRecords: '共%s条记录',\n\n  // user popover\n  nameNull: '暂无昵称',\n  personalSettings: '个人设置',\n  changePwd: '修改密码',\n  signOut: '退出',\n\n  // Handle\n  handleMore:'更多'\n}\n\nexport const en_US = {\n  globalNavigation: 'Global Navigation',\n  menuSearch: 'Menu Search',\n\n\n  // QueryForm\n  search: 'Search',\n  reset: 'Reset',\n  moreFiltering: 'More filtering',\n  expand: 'Expand',\n  collapse: 'Collapse',\n\n  // QueryListScene\n  totalRecords: 'Total of %s records',\n\n  // user popover\n  nameNull: 'No nickname yet',\n  personalSettings: 'Setting',\n  changePwd: 'Change password',\n  signOut: 'Sign out',\n\n  // Handle\n  handleMore:'More'\n}\n\nexport const getText = (key, language = 'cn', ...params) => {\n  const text = ({\n    cn: zh_CN,\n    en: en_US,\n  }[language] || zh_CN)?.[key]\n\n  if (params?.length) {\n    return params.reduce((acc, cur) => {\n      return acc.replace(/%s/, cur)\n    }, text)\n  }\n\n  return text\n}\n\nexport const getLanguage = () => localStorage.getItem('lang') || 'cn'\n\nexport default { en_US, zh_CN }\n"]}

package/lib/steps/index.d.ts

@@ -1,6 +1,6 @@
 import 'antd/es/steps/style';
-import Steps from 'antd/es/steps';
+import { Steps } from './steps';
 import './style/index.less';
-export * from 'antd/es/steps';
+export * from './steps';
 export default Steps;
 //# sourceMappingURL=index.d.ts.map

package/lib/steps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,oBAAoB,CAAA;AAE3B,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,oBAAoB,CAAA;AAE3B,cAAc,SAAS,CAAA;AAEvB,eAAe,KAAK,CAAA"}

package/lib/steps/index.js

@@ -13,13 +13,10 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 require("antd/es/steps/style");
-const steps_1 = __importDefault(require("antd/es/steps"));
+const steps_1 = require("./steps");
 require("./style/index.less");
-__exportStar(require("antd/es/steps"), exports);
-exports.default = steps_1.default;
+__exportStar(require("./steps"), exports);
+exports.default = steps_1.Steps;
 //# sourceMappingURL=index.js.map

package/lib/steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,+BAA4B;AAC5B,0DAAiC;AACjC,8BAA2B;AAE3B,gDAA6B;AAE7B,kBAAe,eAAK,CAAA","sourcesContent":["import 'antd/es/steps/style'\nimport Steps from 'antd/es/steps'\nimport './style/index.less'\n\nexport * from 'antd/es/steps'\n\nexport default Steps\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+BAA4B;AAC5B,mCAA+B;AAC/B,8BAA2B;AAE3B,0CAAuB;AAEvB,kBAAe,aAAK,CAAA","sourcesContent":["import 'antd/es/steps/style'\nimport { Steps } from './steps'\nimport './style/index.less'\n\nexport * from './steps'\n\nexport default Steps\n"]}

package/lib/steps/steps.d.ts

@@ -0,0 +1,12 @@
+import type { StepsProps as AntdStepsProps } from 'antd/es/steps';
+import type { StepProps as AntdStepProps } from 'antd/es/steps';
+import React from 'react';
+export * from 'antd/es/steps';
+export interface StepsProps extends AntdStepsProps {
+    children?: Array<React.ReactElement>;
+}
+export declare function Steps({ className, type, children, ...rest }: StepsProps): JSX.Element;
+export declare namespace Steps {
+    var Step: ({ description, className, ...rest }: AntdStepProps) => JSX.Element;
+}
+//# sourceMappingURL=steps.d.ts.map

package/lib/steps/steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../src/steps/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,KAAoB,MAAM,OAAO,CAAA;AAKxC,cAAc,eAAe,CAAA;AAE7B,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;CACrC;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,eAkCvE;yBAlCe,KAAK"}

package/lib/steps/steps.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Steps = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const config_provider_1 = require("antd/es/config-provider");
+const steps_1 = __importDefault(require("antd/es/steps"));
+__exportStar(require("antd/es/steps"), exports);
+function Steps(_a) {
+    var { className, type, children } = _a, rest = __rest(_a, ["className", "type", "children"]);
+    let navContainDesc = false;
+    if (children) {
+        if (Array.isArray(children)) {
+            navContainDesc = children.some((child) => {
+                if (child && child instanceof Object && child.props && child.props instanceof Object) {
+                    return child.props.description;
+                }
+            });
+        }
+    }
+    return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('steps');
+        return (react_1.default.createElement(steps_1.default, Object.assign({ className: (0, classnames_1.default)(prefixCls, {
+                [`${prefixCls}-tntd-navigation`]: type === 'navigation',
+                [`${prefixCls}-tntd-navigation-contain-desc`]: type === 'navigation' && navContainDesc,
+            }, className), type: type, children: children }, rest)));
+    }));
+}
+exports.Steps = Steps;
+Steps.Step = function (_a) {
+    var { description, className } = _a, rest = __rest(_a, ["description", "className"]);
+    return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('step');
+        return (react_1.default.createElement(steps_1.default.Step, Object.assign({ className: (0, classnames_1.default)(prefixCls, {
+                [`${prefixCls}-tntd-navigation-desc`]: !!description,
+            }, className), description: description }, rest)));
+    }));
+};
+//# sourceMappingURL=steps.js.map

package/lib/steps/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/steps/steps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,4DAAmC;AACnC,kDAAwC;AAExC,6DAAwD;AACxD,0DAAoD;AAEpD,gDAA6B;AAM7B,SAAgB,KAAK,CAAC,EAAkD;QAAlD,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,OAAuB,EAAlB,IAAI,cAApC,iCAAsC,CAAF;IACxD,IAAI,cAAc,GAAY,KAAK,CAAA;IACnC,IAAI,QAAQ,EAAE;QACZ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;gBACvC,IAAI,KAAK,IAAI,KAAK,YAAY,MAAM,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,YAAY,MAAM,EAAE;oBACpF,OAAO,KAAK,CAAC,KAAK,CAAC,WAAW,CAAA;iBAC/B;YACH,CAAC,CAAC,CAAA;SACH;KACF;IACD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QACvC,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,EACT;gBACE,CAAC,GAAG,SAAS,kBAAkB,CAAC,EAAE,IAAI,KAAK,YAAY;gBACvD,CAAC,GAAG,SAAS,+BAA+B,CAAC,EAC3C,IAAI,KAAK,YAAY,IAAI,cAAc;aAC1C,EACD,SAAS,CACV,EACD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AAlCD,sBAkCC;AAED,KAAK,CAAC,IAAI,GAAG,UAAU,EAAkD;QAAlD,EAAE,WAAW,EAAE,SAAS,OAA0B,EAArB,IAAI,cAAjC,4BAAmC,CAAF;IACtD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QACtC,OAAO,CACL,8BAAC,eAAS,CAAC,IAAI,kBACb,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,EACT;gBACE,CAAC,GAAG,SAAS,uBAAuB,CAAC,EAAE,CAAC,CAAC,WAAW;aACrD,EACD,SAAS,CACV,EACD,WAAW,EAAE,WAAW,IACpB,IAAI,EACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { StepsProps as AntdStepsProps } from 'antd/es/steps'\nimport type { StepProps as AntdStepProps } from 'antd/es/steps'\nimport classNames from 'classnames'\nimport React, { ReactNode } from 'react'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdSteps } from 'antd/es/steps'\n\nexport * from 'antd/es/steps'\n\nexport interface StepsProps extends AntdStepsProps {\n  children?: Array<React.ReactElement>\n}\n\nexport function Steps({ className, type, children, ...rest }: StepsProps) {\n  let navContainDesc: boolean = false\n  if (children) {\n    if (Array.isArray(children)) {\n      navContainDesc = children.some((child) => {\n        if (child && child instanceof Object && child.props && child.props instanceof Object) {\n          return child.props.description\n        }\n      })\n    }\n  }\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('steps')\n        return (\n          <AntdSteps\n            className={classNames(\n              prefixCls,\n              {\n                [`${prefixCls}-tntd-navigation`]: type === 'navigation',\n                [`${prefixCls}-tntd-navigation-contain-desc`]:\n                  type === 'navigation' && navContainDesc,\n              },\n              className\n            )}\n            type={type}\n            children={children}\n            {...rest}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nSteps.Step = function ({ description, className, ...rest }: AntdStepProps) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('step')\n        return (\n          <AntdSteps.Step\n            className={classNames(\n              prefixCls,\n              {\n                [`${prefixCls}-tntd-navigation-desc`]: !!description,\n              },\n              className\n            )}\n            description={description}\n            {...rest}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}

package/lib/steps/style/nav.less

@@ -1,150 +1,246 @@
-.@{steps-prefix-cls}-navigation {
+@normal-steps-desc-height: 68px;
+@normal-steps-height: 48px;
+@small-steps-height: 36px;
+@color-white: #fff;
+@container-padding-left: 40px;
+
+.@{steps-prefix-cls}-tntd-navigation.@{steps-prefix-cls}-horizontal{
+    overflow: hidden;
     padding-top: 12px;
-   
-    .@{steps-prefix-cls}-item-icon{
-        display: none;
-    }
-    
+
+    // 小尺寸
     &.@{steps-prefix-cls}-small {
       .@{steps-prefix-cls}-item {
+        height: @small-steps-height;
+        min-height: @small-steps-height;
         &-container {
           margin-left: 0;
           padding-bottom:0;
         }
+
+        &::after {
+            content: '';
+            border-top: @small-steps-height/2 solid transparent;
+            border-bottom: @small-steps-height/2 solid transparent;
+            border-left: @small-steps-height/2 solid @border-color-split;
+            right: -@small-steps-height/2;
+          }
+
+        &::before {
+            content: '';
+            border-top: @small-steps-height/2 solid @border-color-split;
+            border-bottom: @small-steps-height/2 solid @border-color-split;
+            border-left: @small-steps-height/2 solid @color-white;
+        }
       }
     }
-  
+
+    // 默认尺寸
     .@{steps-prefix-cls}-item {
       overflow: visible;
       position: relative;
       text-align: left;
-      display: inline-block;
-      height: 48px;
-      padding-left: 64px;
+      display: flex;
+      min-height: @normal-steps-height;
       margin-right: 2px !important;
       background: @border-color-split;
-
+      width : 0 !important;
       &-container {
         display: flex;
         align-items: center;
+        width: 100%;
         text-align: left;
-        height: 100%;
-        margin-left: 0;
+        padding-left: @container-padding-left + 24px;
         padding-bottom: 0;
+        margin-left: 0;
         transition: opacity 0.3s;
-        
+        z-index: 11;
+
         .@{steps-prefix-cls}-item-content {
-          max-width: @steps-nav-content-max-width;
+          max-width: calc(100% - @container-padding-left);
         }
-  
+        
         .@{steps-prefix-cls}-item-title {
           max-width: 100%;
           padding-right: 0;
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
-  
+          line-height: 14px;
+          font-size: 14px;
+          font-weight: normal;
+          color:@txt-normal;
           &::after {
             display: none;
           }
+          .@{steps-prefix-cls}-item-subtitle{
+            color:fade(@txt-normal,80%);
+          }
         }
-      }
-  
-      &:not(.@{steps-prefix-cls}-item-active) {
+
+        .@{steps-prefix-cls}-item-description{
+            margin-top: 5px;
+            line-height: 14px;
+            font-size: 12px;
+            max-width: 100%;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+    }
+
+    &:not(.@{steps-prefix-cls}-item-active) {
         .@{steps-prefix-cls}-item-container[role='button'] {
           cursor: pointer;
           &:hover {
             opacity: 0.85;
           }
         }
-      }
-  
-      &:last-child {
+    }
+
+    &:last-child {
         flex: 1;
         &::after {
           display: none;
         }
-      }
-  
-      &:first-child {
-        padding-left: 40px;
+    }
+
+    &:first-child {
+        &.@{steps-prefix-cls}-item-container{
+            padding-left: @container-padding-left;
+        }
         &:before {
             display: none;
         }
-     }
+    }
 
-      &::after {
+    &::after {
         content: '';
         display: block;
         border:none;
-        border-top: 24px solid transparent;
-        border-bottom: 24px solid transparent;
-        border-left: 24px solid @border-color-split;
+        border-top: @normal-steps-height/2 solid transparent;
+        border-bottom: @normal-steps-height/2 solid transparent;
+        border-left: @normal-steps-height/2 solid @border-color-split;
         position: absolute;
-        right: -24px;
+        right: -@normal-steps-height/2;
         top: 0;
         z-index: 10;
         transform: rotate(0deg);
         margin-top:0;
         margin-left: 0;
-      }
-  
-      &::before {
+    }
+
+    &::before {
         content: '';
         display: block;
         background: none;;
-        border-top: 24px solid @border-color-split;
-        border-bottom: 24px solid @border-color-split;
-        border-left: 24px solid #fff;
+        border-top: @normal-steps-height/2 solid @border-color-split;
+        border-bottom: @normal-steps-height/2 solid @border-color-split;
+        border-left: @normal-steps-height/2 solid @color-white;
         position: absolute;
         height: 0;
         width: 0;
         left: 0px;
         top: 0;
         transition: none;
-      }
+    }
 
-      &-finish{
-        background-color:  @steps-nav-finish-color;
+    &-finish{
+        background-color:  @steps-nav-finish-color !important;
+        border-color: @steps-nav-finish-color !important;
         &::before{
-            border-top-color:  @steps-nav-finish-color;
-            border-bottom-color:  @steps-nav-finish-color;
+            border-top-color:  @steps-nav-finish-color !important;
+            border-bottom-color:  @steps-nav-finish-color !important;
         }
         &::after{
-            border-left-color:  @steps-nav-finish-color;
+            border-left-color:  @steps-nav-finish-color !important;
         }
         .@{steps-prefix-cls}-item-title,
-        .@{steps-prefix-cls}-item-subtitle,
+        .@{steps-prefix-cls}-item-subtitle{
+            color:@color-white !important;
+        }
         .@{steps-prefix-cls}-item-description{
-            color:#fff !important;
-            cursor: not-allowed;
+            color:fade(@color-white,80%) !important;
         }
-      }
-      &-process{
+    }
+
+    &-process{
         background-color:  @steps-nav-active-color !important;
+        border-color: @steps-nav-active-color !important;
         &::before{
-            border-top-color:  @steps-nav-active-color;
-            border-bottom-color:  @steps-nav-active-color;
+            border-top-color:  @steps-nav-active-color !important;
+            border-bottom-color:  @steps-nav-active-color !important;
         }
         &::after{
-            border-left-color:  @steps-nav-active-color;
+            border-left-color:  @steps-nav-active-color !important;
         }
         .@{steps-prefix-cls}-item-title,
-        .@{steps-prefix-cls}-item-subtitle,
+        .@{steps-prefix-cls}-item-subtitle{
+            color:@color-white !important;
+        }
         .@{steps-prefix-cls}-item-description{
-            color:#fff !important;
+            color:fade(@color-white,80%) !important;
         }
       }
     }
 
-    .@{steps-prefix-cls}-item.@{steps-prefix-cls}-item-active::before {
-      left: 0;
-      width: 0;
+    // 存在描述的导航步骤
+    &.@{steps-prefix-cls}-tntd-navigation-contain-desc{
+        .@{steps-prefix-cls}-item {
+            height: @normal-steps-desc-height;
+            &::after {
+                content: '';
+                border-top: @normal-steps-desc-height/2 solid transparent;
+                border-bottom: @normal-steps-desc-height/2 solid transparent;
+                border-left: @normal-steps-desc-height/2 solid @border-color-split;
+                position: absolute;
+                right: -@normal-steps-desc-height/2;
+            }
+            &::before {
+                content: '';
+                border-top: @normal-steps-desc-height/2 solid @border-color-split;
+                border-bottom: @normal-steps-desc-height/2 solid @border-color-split;
+                border-left: @normal-steps-desc-height/2 solid @color-white;
+                position: absolute;
+                height: 0;
+                width: 0;
+                left: 0px;
+                top: 0;
+                transition: none;
+            }
+        }
+    }
+
+    // icon控制
+    .@{steps-prefix-cls}-item-icon{
+        display: none;
     }
-  }
-  
+    .@{steps-prefix-cls}-item.@{steps-prefix-cls}-item-active{
+        .@{steps-prefix-cls}-item-container{
+            border-top:1px solid @steps-nav-active-color !important;
+            border-bottom:1px solid @steps-nav-active-color !important;
+        }
+        &.ant-step-tntd-navigation-desc{
+            .@{steps-prefix-cls}-item-icon{
+                margin-top: -18px;
+            }
+        }
+        .@{steps-prefix-cls}-item-icon{
+            .@{steps-prefix-cls}-icon{
+                display: none;
+            }
+            display: inline-block;
+            width: 6px;
+            height:6px;
+            border-radius: 100%;
+            background: @color-white;
+            border: 1px solid @color-white;
+            margin-right: 6px;
+        }
+    }
+}
+
   @media (max-width: @screen-xs) {
-    .@{steps-prefix-cls}-navigation {
       > .@{steps-prefix-cls}-item {
         margin-right: 0 !important;
         &::before {
@@ -174,6 +270,4 @@
         }
       }
     }
-  }
-  
-   
+

package/lib/tntd-cascader/AntdCascader/component/DisabledContext.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export declare type DisabledType = true | false | undefined;
+declare const DisabledContext: React.Context<DisabledType>;
+export interface DisabledContextProps {
+    disabled?: DisabledType;
+    children?: React.ReactNode;
+}
+export declare const DisabledContextProvider: React.FC<DisabledContextProps>;
+export default DisabledContext;
+//# sourceMappingURL=DisabledContext.d.ts.map

package/lib/tntd-cascader/AntdCascader/component/DisabledContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledContext.d.ts","sourceRoot":"","sources":["../../../../src/tntd-cascader/AntdCascader/component/DisabledContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,YAAY,GAAG,IAAI,GAAG,KAAK,GAAG,SAAS,CAAC;AAEpD,QAAA,MAAM,eAAe,6BAA2C,CAAC;AAEjE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAOlE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/tntd-cascader/AntdCascader/component/DisabledContext.js

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisabledContextProvider = void 0;
+const React = __importStar(require("react"));
+const DisabledContext = React.createContext(false);
+const DisabledContextProvider = ({ children, disabled }) => {
+    const originDisabled = React.useContext(DisabledContext);
+    return (React.createElement(DisabledContext.Provider, { value: disabled !== null && disabled !== void 0 ? disabled : originDisabled }, children));
+};
+exports.DisabledContextProvider = DisabledContextProvider;
+exports.default = DisabledContext;
+//# sourceMappingURL=DisabledContext.js.map

package/lib/tntd-cascader/AntdCascader/component/DisabledContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledContext.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/AntdCascader/component/DisabledContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAI/B,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAe,KAAK,CAAC,CAAC;AAO1D,MAAM,uBAAuB,GAAmC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChG,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACzD,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,cAAc,IACxD,QAAQ,CACgB,CAC5B,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,uBAAuB,2BAOlC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type DisabledType = true | false | undefined;\n\nconst DisabledContext = React.createContext<DisabledType>(false);\n\nexport interface DisabledContextProps {\n  disabled?: DisabledType;\n  children?: React.ReactNode;\n}\n\nexport const DisabledContextProvider: React.FC<DisabledContextProps> = ({ children, disabled }) => {\n  const originDisabled = React.useContext(DisabledContext);\n  return (\n    <DisabledContext.Provider value={disabled ?? originDisabled}>\n      {children}\n    </DisabledContext.Provider>\n  );\n};\n\nexport default DisabledContext;\n"]}

package/lib/tntd-cascader/AntdCascader/component/FormItemInputContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { FormItemStatusContextProps } from '../interface';
+export declare const FormItemInputContext: React.Context<FormItemStatusContextProps>;
+//# sourceMappingURL=FormItemInputContext.d.ts.map

package/lib/tntd-cascader/AntdCascader/component/FormItemInputContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemInputContext.d.ts","sourceRoot":"","sources":["../../../../src/tntd-cascader/AntdCascader/component/FormItemInputContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE/D,eAAO,MAAM,oBAAoB,2CAAsD,CAAC"}