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

package/es/card/card.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 React, { forwardRef } from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
@@ -15,11 +12,18 @@ import { default as AntdCard } from 'antd/es/card';
 import { doUpperTitle } from '../utils';
 export * from 'antd/es/card';
 export const Card = forwardRef((_a, ref) => {
-    var { title } = _a, rest = __rest(_a, ["title"]);
-    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
-        return React.createElement(AntdCard, Object.assign({}, rest, { title: doUpperTitle(title), ref: ref }));
+  var {
+      title
+    } = _a,
+    rest = __rest(_a, ["title"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    return React.createElement(AntdCard, Object.assign({}, rest, {
+      title: doUpperTitle(title),
+      ref: ref
     }));
+  });
 });
 Card.Grid = AntdCard.Grid;
-Card.Meta = AntdCard.Meta;
-//# sourceMappingURL=card.js.map
+Card.Meta = AntdCard.Meta;

package/es/card/index.js

@@ -1,5 +1,4 @@
 import './style';
 import { Card } from './card';
 export * from './card';
-export default Card;
-//# sourceMappingURL=index.js.map
+export default Card;

package/es/card/style/index.js

@@ -3,5 +3,4 @@ import './index.less';
 // style dependencies
 import '../../tabs/style';
 import '../../row/style';
-import '../../col/style';
-//# sourceMappingURL=index.js.map
+import '../../col/style';

package/es/carousel/index.js

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

package/es/carousel/style/index.js

@@ -1,3 +1,2 @@
 import '../../style/index.less';
-import './index.less';
-//# sourceMappingURL=index.js.map
+import './index.less';

package/es/cascader/cascader.js

@@ -0,0 +1,30 @@
+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 AntdCascader from 'antd/es/cascader';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { connectReadonlyComponent } from '../connect';
+import { PreviewText } from '../preview-text';
+export * from 'antd/es/cascader';
+const tntPrefixCls = 'tnt-cascader';
+const Cascader = forwardRef((_a, ref) => {
+  var {
+      className,
+      children
+    } = _a,
+    rest = __rest(_a, ["className", "children"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdCascader, Object.assign({}, rest, {
+      ref: ref,
+      className: classNames(className, tntPrefixCls)
+    }), children);
+  });
+});
+export default connectReadonlyComponent(Cascader, PreviewText.Cascader);

package/es/cascader/cascader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader.js","sourceRoot":"","sources":["../../src/cascader/cascader.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,cAAc,kBAAkB,CAAA;AAShC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,CAAC,KAC7E,QAAQ,CACI,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,eAAe,wBAAwB,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA","sourcesContent":["import type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport AntdCascader from 'antd/es/cascader'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\ninterface CascaderComponent\n  extends React.ForwardRefExoticComponent<AntdCascaderProps & React.RefAttributes<AntdCascader>> {}\n\nconst tntPrefixCls = 'tnt-cascader'\n\nconst Cascader = forwardRef<AntdCascader, AntdCascaderProps>(\n  ({ className, children, ...rest }, ref) => {\n    return (\n      <ConfigConsumer>\n        {() => {\n          return (\n            <AntdCascader {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n              {children}\n            </AntdCascader>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as CascaderComponent\n\nexport default connectReadonlyComponent(Cascader, PreviewText.Cascader)\n"]}

package/es/cascader/cascader.less

@@ -0,0 +1,16 @@
+@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
+
+.tnt-cascader {
+  .@{cascader-prefix-cls}-picker {
+    &-clear {
+      width: 16px;
+      height: 16px;
+      font-size: initial;
+      margin-top: -8px;
+    }
+    &-arrow {
+      width: 16px;
+      height: 16px;
+    }
+  }
+}

package/es/cascader/index.js

@@ -1,9 +1,5 @@
-import AntdCascader from 'antd/es/cascader';
-import { connectReadonlyComponent } from '../connect';
-import { PreviewText } from '../preview-text';
+import Cascader from './cascader';
 import './style';
-export * from 'antd/es/cascader';
-// @ts-ignore
-export const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader);
-export default Cascader;
-//# sourceMappingURL=index.js.map
+import './cascader.less';
+export * from './cascader';
+export default Cascader;

package/es/cascader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,SAAS,CAAA;AAEhB,cAAc,kBAAkB,CAAA;AAMhC,aAAa;AACb,MAAM,CAAC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;AAEpF,eAAe,QAAQ,CAAA","sourcesContent":["import AntdCascader from 'antd/es/cascader'\nimport type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport './style'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\n// @ts-ignore\nexport const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader)\n\nexport default Cascader\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAS,CAAA;AAChB,OAAO,iBAAiB,CAAA;AAExB,cAAc,YAAY,CAAA;AAE1B,eAAe,QAAQ,CAAA","sourcesContent":["import Cascader from './cascader'\nimport './style'\nimport './cascader.less'\n\nexport * from './cascader'\n\nexport default Cascader\n"]}

package/es/cascader/style/index.js

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

package/es/cascader/style/index.less

@@ -101,9 +101,9 @@
       z-index: 1;
       width: 12px;
       height: 12px;
-      margin-top: -6px;
+      margin-top: -8px;
       color: @disabled-color;
-      font-size: 12px;
+      font-size: 16px;
       line-height: 12px;
       transition: transform 0.2s;
       &&-expand {

package/es/check-card/group.js

@@ -1,149 +1,197 @@
-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 _omit from "lodash/omit";
+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 useMountMergeState from 'rc-util/lib/hooks/useMergedState';
 import { Col, Row } from '../index';
 import classNames from 'classnames';
-import { omit } from 'lodash';
 import React, { createContext, useCallback, useMemo, useRef } from 'react';
 import CheckCard from './index';
-export const CardLoading = ({ prefixCls }) => {
-    const loadingBlockClass = `${prefixCls}-loading-block`;
-    return (React.createElement("div", { className: `${prefixCls}-loading-content` },
-        React.createElement(Row, { gutter: {
-                xs: 8,
-                sm: 8,
-                md: 8,
-                lg: 12,
-            } },
-            React.createElement(Col, { span: 22 },
-                React.createElement("div", { className: loadingBlockClass }))),
-        React.createElement(Row, { gutter: 8 },
-            React.createElement(Col, { span: 8 },
-                React.createElement("div", { className: loadingBlockClass })),
-            React.createElement(Col, { span: 14 },
-                React.createElement("div", { className: loadingBlockClass }))),
-        React.createElement(Row, { gutter: 8 },
-            React.createElement(Col, { span: 6 },
-                React.createElement("div", { className: loadingBlockClass })),
-            React.createElement(Col, { span: 16 },
-                React.createElement("div", { className: loadingBlockClass }))),
-        React.createElement(Row, { gutter: 8 },
-            React.createElement(Col, { span: 13 },
-                React.createElement("div", { className: loadingBlockClass })),
-            React.createElement(Col, { span: 9 },
-                React.createElement("div", { className: loadingBlockClass }))),
-        React.createElement(Row, { gutter: 8 },
-            React.createElement(Col, { span: 4 },
-                React.createElement("div", { className: loadingBlockClass })),
-            React.createElement(Col, { span: 3 },
-                React.createElement("div", { className: loadingBlockClass })),
-            React.createElement(Col, { span: 14 },
-                React.createElement("div", { className: loadingBlockClass })))));
+export const CardLoading = ({
+  prefixCls
+}) => {
+  const loadingBlockClass = `${prefixCls}-loading-block`;
+  return React.createElement("div", {
+    className: `${prefixCls}-loading-content`
+  }, React.createElement(Row, {
+    gutter: {
+      xs: 8,
+      sm: 8,
+      md: 8,
+      lg: 12
+    }
+  }, React.createElement(Col, {
+    span: 22
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))), React.createElement(Row, {
+    gutter: 8
+  }, React.createElement(Col, {
+    span: 8
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 14
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))), React.createElement(Row, {
+    gutter: 8
+  }, React.createElement(Col, {
+    span: 6
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 16
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))), React.createElement(Row, {
+    gutter: 8
+  }, React.createElement(Col, {
+    span: 13
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 9
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))), React.createElement(Row, {
+    gutter: 8
+  }, React.createElement(Col, {
+    span: 4
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 3
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 14
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))));
 };
 export const CheckCardGroupConnext = createContext(null);
-const CheckCardGroup = (props) => {
-    const { prefixCls: customizePrefixCls, className, style, options = [], loading = false, multiple = false, bordered = true, onChange } = props, restProps = __rest(props, ["prefixCls", "className", "style", "options", "loading", "multiple", "bordered", "onChange"]);
-    const getOptions = useCallback(() => {
-        return options === null || options === void 0 ? void 0 : options.map((option) => {
-            if (typeof option === 'string') {
-                return {
-                    title: option,
-                    value: option,
-                };
-            }
-            return option;
-        });
-    }, [options]);
-    const prefixCls = 'tntd-checkcard';
-    const groupPrefixCls = `${prefixCls}-group`;
-    const domProps = omit(restProps, ['children', 'defaultValue', 'value', 'disabled', 'size']);
-    const [stateValue, setStateValue] = useMountMergeState(props.defaultValue, {
-        value: props.value,
-        onChange: props.onChange,
+const CheckCardGroup = props => {
+  const {
+      prefixCls: customizePrefixCls,
+      className,
+      style,
+      options = [],
+      loading = false,
+      multiple = false,
+      bordered = true,
+      onChange
+    } = props,
+    restProps = __rest(props, ["prefixCls", "className", "style", "options", "loading", "multiple", "bordered", "onChange"]);
+  const getOptions = useCallback(() => {
+    return options === null || options === void 0 ? void 0 : options.map(option => {
+      if (typeof option === 'string') {
+        return {
+          title: option,
+          value: option
+        };
+      }
+      return option;
     });
-    const registerValueMap = useRef(new Map());
-    const registerValue = (value) => {
-        var _a;
-        (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a.set(value, true);
-    };
-    const cancelValue = (value) => {
+  }, [options]);
+  const prefixCls = 'tntd-checkcard';
+  const groupPrefixCls = `${prefixCls}-group`;
+  const domProps = _omit(restProps, ['children', 'defaultValue', 'value', 'disabled', 'size']);
+  const [stateValue, setStateValue] = useMountMergeState(props.defaultValue, {
+    value: props.value,
+    onChange: props.onChange
+  });
+  const registerValueMap = useRef(new Map());
+  const registerValue = value => {
+    var _a;
+    (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a.set(value, true);
+  };
+  const cancelValue = value => {
+    var _a;
+    (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a.delete(value);
+  };
+  const toggleOption = option => {
+    var _a;
+    if (!multiple) {
+      let changeValue;
+      changeValue = stateValue;
+      // 单选模式
+      if (changeValue === option.value) {
+        changeValue = undefined;
+      } else {
+        changeValue = option.value;
+      }
+      setStateValue === null || setStateValue === void 0 ? void 0 : setStateValue(changeValue);
+    }
+    if (multiple) {
+      let changeValue = [];
+      const stateValues = stateValue;
+      const hasOption = stateValues === null || stateValues === void 0 ? void 0 : stateValues.includes(option.value);
+      changeValue = [...(stateValues || [])];
+      if (!hasOption) {
+        changeValue.push(option.value);
+      }
+      if (hasOption) {
+        changeValue = changeValue.filter(itemValue => itemValue !== option.value);
+      }
+      const newOptions = getOptions();
+      const newValue = (_a = changeValue === null || changeValue === void 0 ? void 0 : changeValue.filter(val => registerValueMap.current.has(val))) === null || _a === void 0 ? void 0 : _a.sort((a, b) => {
+        const indexA = newOptions.findIndex(opt => opt.value === a);
+        const indexB = newOptions.findIndex(opt => opt.value === b);
+        return indexA - indexB;
+      });
+      setStateValue(newValue);
+    }
+  };
+  const children = useMemo(() => {
+    if (loading) {
+      return new Array(options.length || React.Children.toArray(props.children).length || 1).fill(0).map((_, index) => React.createElement(CheckCard, {
+        key: index,
+        loading: true
+      }));
+    }
+    if (options && options.length > 0) {
+      const optionValue = stateValue;
+      return getOptions().map(option => {
         var _a;
-        (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a.delete(value);
-    };
-    const toggleOption = (option) => {
-        var _a;
-        if (!multiple) {
-            let changeValue;
-            changeValue = stateValue;
-            // 单选模式
-            if (changeValue === option.value) {
-                changeValue = undefined;
-            }
-            else {
-                changeValue = option.value;
-            }
-            setStateValue === null || setStateValue === void 0 ? void 0 : setStateValue(changeValue);
-        }
-        if (multiple) {
-            let changeValue = [];
-            const stateValues = stateValue;
-            const hasOption = stateValues === null || stateValues === void 0 ? void 0 : stateValues.includes(option.value);
-            changeValue = [...(stateValues || [])];
-            if (!hasOption) {
-                changeValue.push(option.value);
-            }
-            if (hasOption) {
-                changeValue = changeValue.filter((itemValue) => itemValue !== option.value);
-            }
-            const newOptions = getOptions();
-            const newValue = (_a = changeValue === null || changeValue === void 0 ? void 0 : changeValue.filter((val) => registerValueMap.current.has(val))) === null || _a === void 0 ? void 0 : _a.sort((a, b) => {
-                const indexA = newOptions.findIndex((opt) => opt.value === a);
-                const indexB = newOptions.findIndex((opt) => opt.value === b);
-                return indexA - indexB;
-            });
-            setStateValue(newValue);
-        }
-    };
-    const children = useMemo(() => {
-        if (loading) {
-            return new Array(options.length || React.Children.toArray(props.children).length || 1)
-                .fill(0)
-                .map((_, index) => React.createElement(CheckCard, { key: index, loading: true }));
-        }
-        if (options && options.length > 0) {
-            const optionValue = stateValue;
-            return getOptions().map((option) => {
-                var _a;
-                return (React.createElement(CheckCard, { key: option.value.toString(), disabled: option.disabled, size: (_a = option.size) !== null && _a !== void 0 ? _a : props.size, value: option.value, checked: multiple
-                        ? optionValue === null || optionValue === void 0 ? void 0 : optionValue.includes(option.value)
-                        : optionValue === option.value, onChange: option.onChange, title: option.title, avatar: option.avatar, description: option.description, cover: option.cover }));
-            });
-        }
-        return props.children;
-    }, [getOptions, loading, multiple, options, props.children, props.size, stateValue]);
-    const classString = classNames(groupPrefixCls, className);
-    return (React.createElement(CheckCardGroupConnext.Provider, { value: {
-            toggleOption,
-            bordered,
-            value: stateValue,
-            disabled: props.disabled,
-            size: props.size,
-            loading: props.loading,
-            multiple: props.multiple,
-            // https://github.com/ant-design/ant-design/issues/16376
-            registerValue,
-            cancelValue,
-        } },
-        React.createElement("div", Object.assign({ className: classString, style: style }, domProps), children)));
+        return React.createElement(CheckCard, {
+          key: option.value.toString(),
+          disabled: option.disabled,
+          size: (_a = option.size) !== null && _a !== void 0 ? _a : props.size,
+          value: option.value,
+          checked: multiple ? optionValue === null || optionValue === void 0 ? void 0 : optionValue.includes(option.value) : optionValue === option.value,
+          onChange: option.onChange,
+          title: option.title,
+          avatar: option.avatar,
+          description: option.description,
+          cover: option.cover
+        });
+      });
+    }
+    return props.children;
+  }, [getOptions, loading, multiple, options, props.children, props.size, stateValue]);
+  const classString = classNames(groupPrefixCls, className);
+  return React.createElement(CheckCardGroupConnext.Provider, {
+    value: {
+      toggleOption,
+      bordered,
+      value: stateValue,
+      disabled: props.disabled,
+      size: props.size,
+      loading: props.loading,
+      multiple: props.multiple,
+      // https://github.com/ant-design/ant-design/issues/16376
+      registerValue,
+      cancelValue
+    }
+  }, React.createElement("div", Object.assign({
+    className: classString,
+    style: style
+  }, domProps), children));
 };
-export default CheckCardGroup;
-//# sourceMappingURL=group.js.map
+export default CheckCardGroup;