tntd 3.0.0-beta.1 → 3.0.0-beta.2

package/lib/check-card/group.js

@@ -1,179 +1,231 @@
 "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;
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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;
-};
-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 };
+exports["default"] = exports.CheckCardGroupConnext = exports.CardLoading = void 0;
+var _omit2 = _interopRequireDefault(require("lodash/omit"));
+var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _index = require("../index");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _index2 = _interopRequireDefault(require("./index"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var __rest = void 0 && (void 0).__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;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckCardGroupConnext = exports.CardLoading = void 0;
-const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
-const index_1 = require("../index");
-const classnames_1 = __importDefault(require("classnames"));
-const lodash_1 = require("lodash");
-const react_1 = __importStar(require("react"));
-const index_2 = __importDefault(require("./index"));
-const CardLoading = ({ prefixCls }) => {
-    const loadingBlockClass = `${prefixCls}-loading-block`;
-    return (react_1.default.createElement("div", { className: `${prefixCls}-loading-content` },
-        react_1.default.createElement(index_1.Row, { gutter: {
-                xs: 8,
-                sm: 8,
-                md: 8,
-                lg: 12,
-            } },
-            react_1.default.createElement(index_1.Col, { span: 22 },
-                react_1.default.createElement("div", { className: loadingBlockClass }))),
-        react_1.default.createElement(index_1.Row, { gutter: 8 },
-            react_1.default.createElement(index_1.Col, { span: 8 },
-                react_1.default.createElement("div", { className: loadingBlockClass })),
-            react_1.default.createElement(index_1.Col, { span: 14 },
-                react_1.default.createElement("div", { className: loadingBlockClass }))),
-        react_1.default.createElement(index_1.Row, { gutter: 8 },
-            react_1.default.createElement(index_1.Col, { span: 6 },
-                react_1.default.createElement("div", { className: loadingBlockClass })),
-            react_1.default.createElement(index_1.Col, { span: 16 },
-                react_1.default.createElement("div", { className: loadingBlockClass }))),
-        react_1.default.createElement(index_1.Row, { gutter: 8 },
-            react_1.default.createElement(index_1.Col, { span: 13 },
-                react_1.default.createElement("div", { className: loadingBlockClass })),
-            react_1.default.createElement(index_1.Col, { span: 9 },
-                react_1.default.createElement("div", { className: loadingBlockClass }))),
-        react_1.default.createElement(index_1.Row, { gutter: 8 },
-            react_1.default.createElement(index_1.Col, { span: 4 },
-                react_1.default.createElement("div", { className: loadingBlockClass })),
-            react_1.default.createElement(index_1.Col, { span: 3 },
-                react_1.default.createElement("div", { className: loadingBlockClass })),
-            react_1.default.createElement(index_1.Col, { span: 14 },
-                react_1.default.createElement("div", { className: loadingBlockClass })))));
+var CardLoading = exports.CardLoading = function CardLoading(_ref) {
+  var prefixCls = _ref.prefixCls;
+  var loadingBlockClass = "".concat(prefixCls, "-loading-block");
+  return _react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-loading-content")
+  }, _react["default"].createElement(_index.Row, {
+    gutter: {
+      xs: 8,
+      sm: 8,
+      md: 8,
+      lg: 12
+    }
+  }, _react["default"].createElement(_index.Col, {
+    span: 22
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))), _react["default"].createElement(_index.Row, {
+    gutter: 8
+  }, _react["default"].createElement(_index.Col, {
+    span: 8
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 14
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))), _react["default"].createElement(_index.Row, {
+    gutter: 8
+  }, _react["default"].createElement(_index.Col, {
+    span: 6
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 16
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))), _react["default"].createElement(_index.Row, {
+    gutter: 8
+  }, _react["default"].createElement(_index.Col, {
+    span: 13
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 9
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))), _react["default"].createElement(_index.Row, {
+    gutter: 8
+  }, _react["default"].createElement(_index.Col, {
+    span: 4
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 3
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 14
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))));
 };
-exports.CardLoading = CardLoading;
-exports.CheckCardGroupConnext = (0, react_1.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 = (0, react_1.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 = (0, lodash_1.omit)(restProps, ['children', 'defaultValue', 'value', 'disabled', 'size']);
-    const [stateValue, setStateValue] = (0, useMergedState_1.default)(props.defaultValue, {
-        value: props.value,
-        onChange: props.onChange,
+var CheckCardGroupConnext = exports.CheckCardGroupConnext = (0, _react.createContext)(null);
+var CheckCardGroup = function CheckCardGroup(props) {
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    style = props.style,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? false : _props$multiple,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    onChange = props.onChange,
+    restProps = __rest(props, ["prefixCls", "className", "style", "options", "loading", "multiple", "bordered", "onChange"]);
+  var getOptions = (0, _react.useCallback)(function () {
+    return options === null || options === void 0 ? void 0 : options.map(function (option) {
+      if (typeof option === 'string') {
+        return {
+          title: option,
+          value: option
+        };
+      }
+      return option;
     });
-    const registerValueMap = (0, react_1.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) => {
+  }, [options]);
+  var prefixCls = 'tntd-checkcard';
+  var groupPrefixCls = "".concat(prefixCls, "-group");
+  var domProps = (0, _omit2["default"])(restProps, ['children', 'defaultValue', 'value', 'disabled', 'size']);
+  var _useMountMergeState = (0, _useMergedState["default"])(props.defaultValue, {
+      value: props.value,
+      onChange: props.onChange
+    }),
+    _useMountMergeState2 = _slicedToArray(_useMountMergeState, 2),
+    stateValue = _useMountMergeState2[0],
+    setStateValue = _useMountMergeState2[1];
+  var registerValueMap = (0, _react.useRef)(new Map());
+  var registerValue = function registerValue(value) {
+    var _a;
+    (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a.set(value, true);
+  };
+  var cancelValue = function cancelValue(value) {
+    var _a;
+    (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a["delete"](value);
+  };
+  var toggleOption = function toggleOption(option) {
+    var _a;
+    if (!multiple) {
+      var changeValue;
+      changeValue = stateValue;
+      // 单选模式
+      if (changeValue === option.value) {
+        changeValue = undefined;
+      } else {
+        changeValue = option.value;
+      }
+      setStateValue === null || setStateValue === void 0 ? void 0 : setStateValue(changeValue);
+    }
+    if (multiple) {
+      var _changeValue = [];
+      var stateValues = stateValue;
+      var hasOption = stateValues === null || stateValues === void 0 ? void 0 : stateValues.includes(option.value);
+      _changeValue = _toConsumableArray(stateValues || []);
+      if (!hasOption) {
+        _changeValue.push(option.value);
+      }
+      if (hasOption) {
+        _changeValue = _changeValue.filter(function (itemValue) {
+          return itemValue !== option.value;
+        });
+      }
+      var newOptions = getOptions();
+      var newValue = (_a = _changeValue === null || _changeValue === void 0 ? void 0 : _changeValue.filter(function (val) {
+        return registerValueMap.current.has(val);
+      })) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
+        var indexA = newOptions.findIndex(function (opt) {
+          return opt.value === a;
+        });
+        var indexB = newOptions.findIndex(function (opt) {
+          return opt.value === b;
+        });
+        return indexA - indexB;
+      });
+      setStateValue(newValue);
+    }
+  };
+  var children = (0, _react.useMemo)(function () {
+    if (loading) {
+      return new Array(options.length || _react["default"].Children.toArray(props.children).length || 1).fill(0).map(function (_, index) {
+        return _react["default"].createElement(_index2["default"], {
+          key: index,
+          loading: true
+        });
+      });
+    }
+    if (options && options.length > 0) {
+      var optionValue = stateValue;
+      return getOptions().map(function (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 = (0, react_1.useMemo)(() => {
-        if (loading) {
-            return new Array(options.length || react_1.default.Children.toArray(props.children).length || 1)
-                .fill(0)
-                .map((_, index) => react_1.default.createElement(index_2.default, { key: index, loading: true }));
-        }
-        if (options && options.length > 0) {
-            const optionValue = stateValue;
-            return getOptions().map((option) => {
-                var _a;
-                return (react_1.default.createElement(index_2.default, { 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 = (0, classnames_1.default)(groupPrefixCls, className);
-    return (react_1.default.createElement(exports.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_1.default.createElement("div", Object.assign({ className: classString, style: style }, domProps), children)));
+        return _react["default"].createElement(_index2["default"], {
+          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]);
+  var classString = (0, _classnames["default"])(groupPrefixCls, className);
+  return _react["default"].createElement(CheckCardGroupConnext.Provider, {
+    value: {
+      toggleOption: toggleOption,
+      bordered: 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: registerValue,
+      cancelValue: cancelValue
+    }
+  }, _react["default"].createElement("div", Object.assign({
+    className: classString,
+    style: style
+  }, domProps), children));
 };
-exports.default = CheckCardGroup;
-//# sourceMappingURL=group.js.map
+var _default = exports["default"] = CheckCardGroup;