tntd 2.7.29-beta.1 → 2.7.30

package/es/cascader/style/index.less

@@ -0,0 +1,227 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../input/style/mixin';
+
+@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
+
+.@{cascader-prefix-cls} {
+  .reset-component;
+
+  &-input.@{ant-prefix}-input {
+    // Keep it static for https://github.com/ant-design/ant-design/issues/16738
+    position: static;
+    width: 100%;
+    // https://github.com/ant-design/ant-design/issues/17582
+    padding-right: 24px;
+    // Add important to fix https://github.com/ant-design/ant-design/issues/5078
+    // because input.less will compile after cascader.less
+    background-color: transparent !important;
+    cursor: pointer;
+  }
+
+  &-picker-show-search &-input.@{ant-prefix}-input {
+    position: relative;
+  }
+
+  &-picker {
+    .reset-component;
+
+    position: relative;
+    display: inline-block;
+    background-color: @component-background;
+    border-radius: @border-radius-base;
+    outline: 0;
+    cursor: pointer;
+    transition: color 0.3s;
+
+    &-with-value &-label {
+      color: transparent;
+    }
+
+    &-disabled {
+      color: @disabled-color;
+      background: @input-disabled-bg;
+      cursor: not-allowed;
+      .@{cascader-prefix-cls}-input {
+        cursor: not-allowed;
+      }
+    }
+
+    &:focus .@{cascader-prefix-cls}-input {
+      .active;
+    }
+
+    &-show-search&-focused {
+      color: @disabled-color;
+    }
+
+    &-label {
+      position: absolute;
+      top: 50%;
+      left: 0;
+      width: 100%;
+      height: 20px;
+      margin-top: -10px;
+      padding: 0 20px 0 @control-padding-horizontal;
+      overflow: hidden;
+      line-height: 20px;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    &-clear {
+      position: absolute;
+      top: 50%;
+      right: @control-padding-horizontal;
+      z-index: 2;
+      width: 12px;
+      height: 12px;
+      margin-top: -6px;
+      color: @disabled-color;
+      font-size: @font-size-sm;
+      line-height: 12px;
+      background: @component-background;
+      cursor: pointer;
+      opacity: 0;
+      transition: color 0.3s ease, opacity 0.15s ease;
+      &:hover {
+        color: @text-color-secondary;
+      }
+    }
+
+    &:hover &-clear {
+      opacity: 1;
+    }
+
+    // arrow
+    &-arrow {
+      position: absolute;
+      top: 50%;
+      right: @control-padding-horizontal;
+      z-index: 1;
+      width: 12px;
+      height: 12px;
+      margin-top: -6px;
+      color: @disabled-color;
+      font-size: 12px;
+      line-height: 12px;
+      transition: transform 0.2s;
+      &&-expand {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  // https://github.com/ant-design/ant-design/pull/12407#issuecomment-424657810
+  &-picker-label:hover + &-input {
+    .hover;
+  }
+
+  &-picker-small &-picker-clear,
+  &-picker-small &-picker-arrow {
+    right: @control-padding-horizontal-sm;
+  }
+
+  &-menus {
+    position: absolute;
+    z-index: @zindex-dropdown;
+    font-size: @cascader-dropdown-font-size;
+    white-space: nowrap;
+    background: @component-background;
+    border-radius: @border-radius-base;
+    box-shadow: @box-shadow-base;
+
+    ul,
+    ol {
+      margin: 0;
+      list-style: none;
+    }
+
+    &-empty,
+    &-hidden {
+      display: none;
+    }
+    &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
+    &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft {
+      animation-name: antSlideUpIn;
+    }
+
+    &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
+    &.slide-up-appear.slide-up-appear-active&-placement-topLeft {
+      animation-name: antSlideDownIn;
+    }
+
+    &.slide-up-leave.slide-up-leave-active&-placement-bottomLeft {
+      animation-name: antSlideUpOut;
+    }
+
+    &.slide-up-leave.slide-up-leave-active&-placement-topLeft {
+      animation-name: antSlideDownOut;
+    }
+  }
+  &-menu {
+    display: inline-block;
+    min-width: 111px;
+    height: 180px;
+    margin: 0;
+    padding: @cascader-dropdown-edge-child-vertical-padding 0;
+    overflow: auto;
+    vertical-align: top;
+    list-style: none;
+    border-right: @border-width-base @border-style-base @border-color-split;
+    -ms-overflow-style: -ms-autohiding-scrollbar; // https://github.com/ant-design/ant-design/issues/11857
+
+    &:first-child {
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+    }
+    &:last-child {
+      margin-right: -1px;
+      border-right-color: transparent;
+      border-radius: 0 @border-radius-base @border-radius-base 0;
+    }
+    &:only-child {
+      border-radius: @border-radius-base;
+    }
+  }
+  &-menu-item {
+    padding: @cascader-dropdown-vertical-padding @control-padding-horizontal;
+    line-height: @cascader-dropdown-line-height;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: all 0.3s;
+    &:hover {
+      background: @item-hover-bg;
+    }
+    &-disabled {
+      color: @disabled-color;
+      cursor: not-allowed;
+      &:hover {
+        background: transparent;
+      }
+    }
+    &-active:not(&-disabled) {
+      &,
+      &:hover {
+        font-weight: @select-item-selected-font-weight;
+        background-color: @background-color-light;
+      }
+    }
+    &-expand {
+      position: relative;
+      padding-right: 24px;
+    }
+
+    &-expand &-expand-icon,
+    &-loading-icon {
+      .iconfont-size-under-12px(10px);
+
+      position: absolute;
+      right: @control-padding-horizontal;
+      color: @text-color-secondary;
+    }
+
+    & &-keyword {
+      color: @highlight-color;
+    }
+  }
+}

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;