tntd 2.0.25 → 2.1.0

package/es/page/index.js

@@ -1,13 +1,10 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
 import cn from 'classnames';
 import React from 'react';
@@ -16,88 +13,122 @@ import Box from './Box';
 import { addUnitForValue, computeWidth } from './utils';
 import './index.less';
 const clsPrefix = 'tnt-page';
-const isPageBox = (child) => { var _a; return (child === null || child === void 0 ? void 0 : child.type) === Box || ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.pageBox); };
-const PageLayout = (_a) => {
-    var _b;
-    var { height = '100vh', headerHeight = 50, children, title, goBack, goBackText, center, extra, size = 'small', inLayout = false, className } = _a, restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
-    // 如果传入只有数字，需要默认加px
-    let computedHeaderHeight = addUnitForValue(headerHeight);
-    let computedHeight = addUnitForValue(height);
-    // 判断是否有标题栏
-    if (!(title || extra || center)) {
-        computedHeaderHeight = '0px';
+const isPageBox = child => {
+  var _a;
+  return (child === null || child === void 0 ? void 0 : child.type) === Box || ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.pageBox);
+};
+const PageLayout = _a => {
+  var _b;
+  var {
+      height = '100vh',
+      headerHeight = 50,
+      children,
+      title,
+      goBack,
+      goBackText,
+      center,
+      extra,
+      size = 'small',
+      inLayout = false,
+      className
+    } = _a,
+    restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
+  // 如果传入只有数字，需要默认加px
+  let computedHeaderHeight = addUnitForValue(headerHeight);
+  let computedHeight = addUnitForValue(height);
+  // 判断是否有标题栏
+  if (!(title || extra || center)) {
+    computedHeaderHeight = '0px';
+  }
+  if (inLayout) {
+    computedHeaderHeight = '40px';
+  }
+  // 计算中间的zIndex，灰色递减，白色递增
+  let whiteCols = 0;
+  let childrenToArray = [];
+  // 计算children type是box的数量
+  let boxCount = 0;
+  // 如果children是单个节点，统一转为数组处理计算层级
+  if (typeof children === 'object') {
+    childrenToArray = [children];
+  } else if (Array.isArray(children)) {
+    childrenToArray = [...children];
+  }
+  React.Children.map(children, child => {
+    if (isPageBox(child)) {
+      boxCount += 1;
     }
-    if (inLayout) {
-        computedHeaderHeight = '40px';
+  });
+  whiteCols = (_b = childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.filter(({
+    props
+  }) => (props === null || props === void 0 ? void 0 : props.mode) === 'white')) === null || _b === void 0 ? void 0 : _b.length;
+  const total = (childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.length) + 5;
+  let startIndex = total - whiteCols - 1;
+  let endIndex = total - 2;
+  const headerStyle = {
+    height: computedHeaderHeight,
+    padding: `${size === 'small' ? 20 : 24}px`,
+    zIndex: inLayout ? 1 : total || 1
+  };
+  const contentStyle = {
+    display: boxCount > 0 ? 'flex' : 'block',
+    marginTop: computedHeaderHeight,
+    padding: inLayout ? '16px 20px' : '0px'
+  };
+  return React.createElement("section", Object.assign({
+    className: cn(clsPrefix, {
+      [className]: className,
+      'in-layout': inLayout,
+      'not-in-layout': !inLayout
+    })
+  }, restProps), (title || goBack || center || extra) && React.createElement("div", {
+    className: `${clsPrefix}-header`,
+    style: headerStyle
+  }, React.createElement("div", {
+    className: `${clsPrefix}-header-section`
+  }, goBack && React.createElement("div", {
+    className: "page-header-section-back",
+    onClick: () => {
+      goBack();
     }
-    // 计算中间的zIndex，灰色递减，白色递增
-    let whiteCols = 0;
-    let childrenToArray = [];
-    // 计算children type是box的数量
-    let boxCount = 0;
-    // 如果children是单个节点，统一转为数组处理计算层级
-    console.log('children', children);
-    if (typeof children === 'object') {
-        childrenToArray = [children];
+  }, React.createElement(Icon, {
+    type: "left"
+  }), React.createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map((item, i) => React.createElement("div", {
+    className: `${clsPrefix}-header-section`,
+    key: i
+  }, item))), React.createElement("div", {
+    className: `${clsPrefix}-content`,
+    style: contentStyle
+  }, React.Children.map(children, child => {
+    // 如果children不是Box,就不需要多列布局
+    if (!child.type) {
+      return React.cloneElement(React.createElement("div", null, child));
     }
-    else if (Array.isArray(children)) {
-        childrenToArray = [...children];
+    const extraProps = Object.assign({
+      headerHeight: computedHeaderHeight,
+      size,
+      height: computedHeight,
+      contentTotalMargin: inLayout ? '32px' : '0px',
+      inLayout
+    }, child.props);
+    if (!isPageBox(child)) {
+      return React.cloneElement(child, extraProps);
     }
-    console.log('React.Children', React.Children);
-    React.Children.map(children, (child) => {
-        if (isPageBox(child)) {
-            boxCount += 1;
-        }
-    });
-    console.log(boxCount);
-    whiteCols = (_b = childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.filter(({ props }) => (props === null || props === void 0 ? void 0 : props.mode) === 'white')) === null || _b === void 0 ? void 0 : _b.length;
-    const total = (childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.length) + 5;
-    let startIndex = total - whiteCols - 1;
-    let endIndex = total - 2;
-    const headerStyle = {
-        height: computedHeaderHeight,
-        padding: `${size === 'small' ? 20 : 24}px`,
-        zIndex: inLayout ? 1 : total || 1,
-    };
-    const contentStyle = {
-        display: boxCount > 0 ? 'flex' : 'block',
-        marginTop: computedHeaderHeight,
-        padding: inLayout ? '16px 20px' : '0px',
+    const {
+      mode = 'gray',
+      width
+    } = child.props;
+    const style = {
+      flex: computeWidth(width),
+      // 设置cols层级关系
+      zIndex: mode === 'gray' ? endIndex-- : startIndex++
     };
-    return (React.createElement("section", Object.assign({ className: cn(clsPrefix, {
-            [className]: className,
-            'in-layout': inLayout,
-            'not-in-layout': !inLayout,
-        }) }, restProps),
-        (title || goBack || center || extra) && (React.createElement("div", { className: `${clsPrefix}-header`, style: headerStyle },
-            React.createElement("div", { className: `${clsPrefix}-header-section` },
-                goBack && (React.createElement("div", { className: "page-header-section-back", onClick: () => {
-                        goBack();
-                    } },
-                    React.createElement(Icon, { type: "left" }),
-                    React.createElement("span", null, goBackText ? goBackText : '返回'))),
-                title),
-            [center, extra].map((item, i) => (React.createElement("div", { className: `${clsPrefix}-header-section`, key: i }, item))))),
-        React.createElement("div", { className: `${clsPrefix}-content`, style: contentStyle }, React.Children.map(children, (child) => {
-            // 如果children不是Box,就不需要多列布局
-            if (!child.type) {
-                // console.log("没有type");
-                return React.cloneElement(React.createElement("div", null, child));
-            }
-            const extraProps = Object.assign({ headerHeight: computedHeaderHeight, size, height: computedHeight, contentTotalMargin: inLayout ? '32px' : '0px', inLayout }, child.props);
-            if (!isPageBox(child)) {
-                return React.cloneElement(child, extraProps);
-            }
-            const { mode = 'gray', width } = child.props;
-            const style = {
-                flex: computeWidth(width),
-                // 设置cols层级关系
-                zIndex: mode === 'gray' ? endIndex-- : startIndex++,
-            };
-            const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);
-            return React.createElement('div', { className, style }, React.cloneElement(child, extraProps));
-        }))));
+    const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);
+    return React.createElement('div', {
+      className,
+      style
+    }, React.cloneElement(child, extraProps));
+  })));
 };
 PageLayout.Box = Box;
-export default PageLayout;
-//# sourceMappingURL=index.js.map
+export default PageLayout;

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  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"]}
+{"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"]}

package/es/page/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/es/page/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/page/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/es/page/utils.js

@@ -1,15 +1,13 @@
-const computeWidth = (width) => {
-    let flex = '1';
-    const validNumber = isValidNumber(width);
-    if (/(%|px)$/.test(width) && validNumber) {
-        flex = `0 0 ${width}`;
-    }
-    else if (!isNaN(width)) {
-        flex = `0 0 ${width}px`;
-    }
-    return flex;
+const computeWidth = width => {
+  let flex = '1';
+  const validNumber = isValidNumber(width);
+  if (/(%|px)$/.test(width) && validNumber) {
+    flex = `0 0 ${width}`;
+  } else if (!isNaN(width)) {
+    flex = `0 0 ${width}px`;
+  }
+  return flex;
 };
-const isValidNumber = (value) => !isNaN(parseFloat(value));
-const addUnitForValue = (value, unit = 'px') => (!isNaN(value) ? `${value}${unit}` : value);
-export { computeWidth, isValidNumber, addUnitForValue };
-//# sourceMappingURL=utils.js.map
+const isValidNumber = value => !isNaN(parseFloat(value));
+const addUnitForValue = (value, unit = 'px') => !isNaN(value) ? `${value}${unit}` : value;
+export { computeWidth, isValidNumber, addUnitForValue };

package/es/page-header/index.js

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

package/es/pagination/index.js

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

package/es/popconfirm/index.js

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

package/es/popover/index.js

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

package/es/prev-locale.js

@@ -1,54 +1,56 @@
 export const zh_CN = {
-    globalNavigation: '全局导航',
-    menuSearch: '菜单搜索',
-    // QueryForm
-    search: '搜索',
-    reset: '重置',
-    moreFiltering: '更多过滤',
-    expand: '展开',
-    collapse: '收起',
-    // QueryListScene
-    totalRecords: '共%s条记录',
-    // user popover
-    nameNull: '暂无昵称',
-    personalSettings: '个人设置',
-    changePwd: '修改密码',
-    signOut: '退出',
-    // Handle
-    handleMore: '更多'
+  globalNavigation: '全局导航',
+  menuSearch: '菜单搜索',
+  // QueryForm
+  search: '搜索',
+  reset: '重置',
+  moreFiltering: '更多过滤',
+  expand: '展开',
+  collapse: '收起',
+  // QueryListScene
+  totalRecords: '共%s条记录',
+  // user popover
+  nameNull: '暂无昵称',
+  personalSettings: '个人设置',
+  changePwd: '修改密码',
+  signOut: '退出',
+  // Handle
+  handleMore: '更多'
 };
 export const en_US = {
-    globalNavigation: 'Global Navigation',
-    menuSearch: 'Menu Search',
-    // QueryForm
-    search: 'Search',
-    reset: 'Reset',
-    moreFiltering: 'More filtering',
-    expand: 'Expand',
-    collapse: 'Collapse',
-    // QueryListScene
-    totalRecords: 'Total of %s records',
-    // user popover
-    nameNull: 'No nickname yet',
-    personalSettings: 'Setting',
-    changePwd: 'Change password',
-    signOut: 'Sign out',
-    // Handle
-    handleMore: 'More'
+  globalNavigation: 'Global Navigation',
+  menuSearch: 'Menu Search',
+  // QueryForm
+  search: 'Search',
+  reset: 'Reset',
+  moreFiltering: 'More filtering',
+  expand: 'Expand',
+  collapse: 'Collapse',
+  // QueryListScene
+  totalRecords: 'Total of %s records',
+  // user popover
+  nameNull: 'No nickname yet',
+  personalSettings: 'Setting',
+  changePwd: 'Change password',
+  signOut: 'Sign out',
+  // Handle
+  handleMore: 'More'
 };
 export const getText = (key, language = 'cn', ...params) => {
-    var _a;
-    const text = (_a = ({
-        cn: zh_CN,
-        en: en_US,
-    }[language] || zh_CN)) === null || _a === void 0 ? void 0 : _a[key];
-    if (params === null || params === void 0 ? void 0 : params.length) {
-        return params.reduce((acc, cur) => {
-            return acc.replace(/%s/, cur);
-        }, text);
-    }
-    return text;
+  var _a;
+  const text = (_a = {
+    cn: zh_CN,
+    en: en_US
+  }[language] || zh_CN) === null || _a === void 0 ? void 0 : _a[key];
+  if (params === null || params === void 0 ? void 0 : params.length) {
+    return params.reduce((acc, cur) => {
+      return acc.replace(/%s/, cur);
+    }, text);
+  }
+  return text;
 };
 export const getLanguage = () => localStorage.getItem('lang') || 'cn';
-export default { en_US, zh_CN };
-//# sourceMappingURL=prev-locale.js.map
+export default {
+  en_US,
+  zh_CN
+};

package/es/progress/index.js

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

package/es/query-form/Field/Checkbox.js

@@ -1,20 +1,23 @@
-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 from 'react';
 import Checkbox from '../../checkbox';
-export default (_a) => {
-    var { value, onChange } = _a, props = __rest(_a, ["value", "onChange"]);
-    return (React.createElement(Checkbox, Object.assign({}, props, { checked: value, onChange: (evt) => {
-            onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.checked);
-        } })));
-};
-//# sourceMappingURL=Checkbox.js.map
+export default (_a => {
+  var {
+      value,
+      onChange
+    } = _a,
+    props = __rest(_a, ["value", "onChange"]);
+  return React.createElement(Checkbox, Object.assign({}, props, {
+    checked: value,
+    onChange: evt => {
+      onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.checked);
+    }
+  }));
+});

package/es/query-form/Field/Select.js

@@ -1,44 +1,59 @@
-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, useEffect } from 'react';
 import Select from '../../select';
-const { Option } = Select;
-export default (props) => {
-    const { options, params, queryKey = 'name', fieldNames = {
+const {
+  Option
+} = Select;
+export default (props => {
+  const {
+      options,
+      params,
+      queryKey = 'name',
+      fieldNames = {
         label: 'label',
-        value: 'value',
-    }, loadData } = props, rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
-    const [items, setItems] = useState(options || []);
-    const [query, setQuery] = useState('');
-    const onSearch = (val) => {
-        setQuery(val);
-    };
-    if (loadData) {
-        useEffect(() => {
-            loadData(Object.assign({ [queryKey]: query }, (params || {}))).then((items) => {
-                setItems(items);
-            });
-        }, [params, query]);
-    }
+        value: 'value'
+      },
+      loadData
+    } = props,
+    rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
+  const [items, setItems] = useState(options || []);
+  const [query, setQuery] = useState('');
+  const onSearch = val => {
+    setQuery(val);
+  };
+  if (loadData) {
     useEffect(() => {
-        setItems(options || []);
-    }, [options]);
-    return (React.createElement(Select, Object.assign({ allowClear: true, showSearch: true, optionFilterProp: "children", onSearch: onSearch }, rest), items.map((item) => {
-        const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
-        const valueKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value';
-        const value = item instanceof Object ? item[valueKey] : item;
-        const label = item instanceof Object ? item[labelKey] : item;
-        const optionProps = item instanceof Object ? item : {};
-        return (React.createElement(Option, Object.assign({}, optionProps, { key: value, value: value }), label));
-    })));
-};
-//# sourceMappingURL=Select.js.map
+      loadData(Object.assign({
+        [queryKey]: query
+      }, params || {})).then(items => {
+        setItems(items);
+      });
+    }, [params, query]);
+  }
+  useEffect(() => {
+    setItems(options || []);
+  }, [options]);
+  return React.createElement(Select, Object.assign({
+    allowClear: true,
+    showSearch: true,
+    optionFilterProp: "children",
+    onSearch: onSearch
+  }, rest), items.map(item => {
+    const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
+    const valueKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value';
+    const value = item instanceof Object ? item[valueKey] : item;
+    const label = item instanceof Object ? item[labelKey] : item;
+    const optionProps = item instanceof Object ? item : {};
+    return React.createElement(Option, Object.assign({}, optionProps, {
+      key: value,
+      value: value
+    }), label);
+  }));
+});