tntd 2.7.30 → 2.7.31

package/lib/tntd-select/rc-select/utils/warningPropsUtil.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"warningPropsUtil.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/utils/warningPropsUtil.ts"],"names":[],"mappings":"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","sourcesContent":["import toNodeArray from 'rc-util/lib/Children/toArray';\nimport warning, { noteOnce } from 'rc-util/lib/warning';\nimport * as React from 'react';\nimport { isMultiple } from '../BaseSelect';\nimport type {\n  BaseOptionType,\n  DefaultOptionType,\n  FieldNames,\n  LabelInValueType,\n  RawValueType,\n  SelectProps,\n} from '../Select';\nimport { toArray } from './commonUtil';\nimport { convertChildrenToData } from './legacyUtil';\n\nfunction warningProps(props: SelectProps) {\n  const {\n    mode,\n    options,\n    children,\n    backfill,\n    allowClear,\n    placeholder,\n    getInputElement,\n    showSearch,\n    onSearch,\n    defaultOpen,\n    autoFocus,\n    labelInValue,\n    value,\n    inputValue,\n    optionLabelProp,\n  } = props;\n\n  const multiple = isMultiple(mode);\n  const mergedShowSearch = showSearch !== undefined ? showSearch : multiple || mode === 'combobox';\n  const mergedOptions = options || convertChildrenToData(children);\n\n  // `tags` should not set option as disabled\n  warning(\n    mode !== 'tags' || mergedOptions.every((opt: { disabled?: boolean }) => !opt.disabled),\n    'Please avoid setting option to disabled in tags mode since user can always type text as tag.',\n  );\n\n  // `combobox` & `tags` should option be `string` type\n  if (mode === 'tags' || mode === 'combobox') {\n    const hasNumberValue = mergedOptions.some((item) => {\n      if (item.options) {\n        return item.options.some(\n          (opt: BaseOptionType) => typeof ('value' in opt ? opt.value : opt.key) === 'number',\n        );\n      }\n      return typeof ('value' in item ? item.value : item.key) === 'number';\n    });\n\n    warning(\n      !hasNumberValue,\n      '`value` of Option should not use number type when `mode` is `tags` or `combobox`.',\n    );\n  }\n\n  // `combobox` should not use `optionLabelProp`\n  warning(\n    mode !== 'combobox' || !optionLabelProp,\n    '`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly.',\n  );\n\n  // Only `combobox` support `backfill`\n  warning(mode === 'combobox' || !backfill, '`backfill` only works with `combobox` mode.');\n\n  // Only `combobox` support `getInputElement`\n  warning(\n    mode === 'combobox' || !getInputElement,\n    '`getInputElement` only work with `combobox` mode.',\n  );\n\n  // Customize `getInputElement` should not use `allowClear` & `placeholder`\n  noteOnce(\n    mode !== 'combobox' || !getInputElement || !allowClear || !placeholder,\n    'Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`.',\n  );\n\n  // `onSearch` should use in `combobox` or `showSearch`\n  if (onSearch && !mergedShowSearch && mode !== 'combobox' && mode !== 'tags') {\n    warning(false, '`onSearch` should work with `showSearch` instead of use alone.');\n  }\n\n  noteOnce(\n    !defaultOpen || autoFocus,\n    '`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autoFocus` if needed.',\n  );\n\n  if (value !== undefined && value !== null) {\n    const values = toArray<RawValueType | LabelInValueType>(value);\n    warning(\n      !labelInValue ||\n        values.every((val) => typeof val === 'object' && ('key' in val || 'value' in val)),\n      '`value` should in shape of `{ value: string | number, label?: ReactNode }` when you set `labelInValue` to `true`',\n    );\n\n    warning(\n      !multiple || Array.isArray(value),\n      '`value` should be array when `mode` is `multiple` or `tags`',\n    );\n  }\n\n  // Syntactic sugar should use correct children type\n  if (children) {\n    let invalidateChildType = null;\n    toNodeArray(children).some((node: React.ReactNode) => {\n      if (!React.isValidElement(node) || !node.type) {\n        return false;\n      }\n\n      const { type } = node as { type: { isSelectOption?: boolean; isSelectOptGroup?: boolean } };\n\n      if (type.isSelectOption) {\n        return false;\n      }\n      if (type.isSelectOptGroup) {\n        const allChildrenValid = toNodeArray(node.props.children).every(\n          (subNode: React.ReactElement) => {\n            if (\n              !React.isValidElement(subNode) ||\n              !node.type ||\n              (subNode.type as { isSelectOption?: boolean }).isSelectOption\n            ) {\n              return true;\n            }\n            invalidateChildType = subNode.type;\n            return false;\n          },\n        );\n\n        if (allChildrenValid) {\n          return false;\n        }\n        return true;\n      }\n      invalidateChildType = type;\n      return true;\n    });\n\n    if (invalidateChildType) {\n      warning(\n        false,\n        `\\`children\\` should be \\`Select.Option\\` or \\`Select.OptGroup\\` instead of \\`${\n          invalidateChildType.displayName || invalidateChildType.name || invalidateChildType\n        }\\`.`,\n      );\n    }\n\n    warning(\n      inputValue === undefined,\n      '`inputValue` is deprecated, please use `searchValue` instead.',\n    );\n  }\n}\n\n// value in Select option should not be null\n// note: OptGroup has options too\nexport function warningNullOptions(options: DefaultOptionType[], fieldNames: FieldNames) {\n  if (options) {\n    const recursiveOptions = (optionsList: DefaultOptionType[], inGroup: boolean = false) => {\n      for (let i = 0; i < optionsList.length; i++) {\n        const option = optionsList[i];\n\n        if (option[fieldNames?.value] === null) {\n          warning(false, '`value` in Select options should not be `null`.');\n          return true;\n        }\n\n        if (\n          !inGroup &&\n          Array.isArray(option[fieldNames?.options]) &&\n          recursiveOptions(option[fieldNames?.options], true)\n        ) {\n          break;\n        }\n      }\n    };\n\n    recursiveOptions(options);\n  }\n}\n\nexport default warningProps;\n"]}

package/lib/tooltip/style/index.less

@@ -1,187 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';
-
-@tooltip-arrow-shadow-width: 3px;
-
-@tooltip-arrow-rotate-width: sqrt(@tooltip-arrow-width * @tooltip-arrow-width * 2) +
-  @tooltip-arrow-shadow-width * 2;
-
-@tooltip-arrow-offset-vertical: 5px; // 8 - 3px
-@tooltip-arrow-offset-horizontal: 13px; // 16 - 3px
-
-// Base class
-.@{tooltip-prefix-cls} {
-  .reset-component;
-
-  position: absolute;
-  z-index: @zindex-tooltip;
-  display: block;
-  max-width: @tooltip-max-width;
-  visibility: visible;
-
-  &-hidden {
-    display: none;
-  }
-
-  &-placement-top,
-  &-placement-topLeft,
-  &-placement-topRight {
-    padding-bottom: @tooltip-distance;
-  }
-
-  &-placement-right,
-  &-placement-rightTop,
-  &-placement-rightBottom {
-    padding-left: @tooltip-distance;
-  }
-
-  &-placement-bottom,
-  &-placement-bottomLeft,
-  &-placement-bottomRight {
-    padding-top: @tooltip-distance;
-  }
-
-  &-placement-left,
-  &-placement-leftTop,
-  &-placement-leftBottom {
-    padding-right: @tooltip-distance;
-  }
-
-  // Wrapper for the tooltip content
-  &-inner {
-    min-width: 30px;
-    min-height: 32px;
-    padding: 6px 8px;
-    color: @tooltip-color;
-    text-align: left;
-    text-decoration: none;
-    word-wrap: break-word;
-    background-color: @tooltip-bg;
-    border-radius: @border-radius-base;
-    box-shadow: @box-shadow-base;
-  }
-
-  // Arrows
-  &-arrow {
-    position: absolute;
-    display: block;
-    width: @tooltip-arrow-rotate-width;
-    height: @tooltip-arrow-rotate-width;
-    overflow: hidden;
-    background: transparent;
-    pointer-events: none;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      display: block;
-      width: @tooltip-arrow-width;
-      height: @tooltip-arrow-width;
-      margin: auto;
-      background-color: @tooltip-bg;
-      content: '';
-      pointer-events: auto;
-    }
-  }
-
-  &-placement-top &-arrow,
-  &-placement-topLeft &-arrow,
-  &-placement-topRight &-arrow {
-    bottom: calc(@tooltip-distance - @tooltip-arrow-rotate-width);
-
-    &::before {
-      box-shadow: @tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
-      transform: translateY(-@tooltip-arrow-rotate-width / 2) rotate(45deg);
-    }
-  }
-
-  &-placement-top &-arrow {
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  &-placement-topLeft &-arrow {
-    left: @tooltip-arrow-offset-horizontal;
-  }
-
-  &-placement-topRight &-arrow {
-    right: @tooltip-arrow-offset-horizontal;
-  }
-
-  &-placement-right &-arrow,
-  &-placement-rightTop &-arrow,
-  &-placement-rightBottom &-arrow {
-    left: calc(@tooltip-distance - @tooltip-arrow-rotate-width);
-
-    &::before {
-      box-shadow: -@tooltip-arrow-shadow-width @tooltip-arrow-shadow-width 7px fade(@black, 7%);
-      transform: translateX(@tooltip-arrow-rotate-width / 2) rotate(45deg);
-    }
-  }
-
-  &-placement-right &-arrow {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  &-placement-rightTop &-arrow {
-    top: @tooltip-arrow-offset-vertical;
-  }
-
-  &-placement-rightBottom &-arrow {
-    bottom: @tooltip-arrow-offset-vertical;
-  }
-
-  &-placement-left &-arrow,
-  &-placement-leftTop &-arrow,
-  &-placement-leftBottom &-arrow {
-    right: calc(@tooltip-distance - @tooltip-arrow-rotate-width);
-
-    &::before {
-      box-shadow: @tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
-      transform: translateX(-@tooltip-arrow-rotate-width / 2) rotate(45deg);
-    }
-  }
-
-  &-placement-left &-arrow {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  &-placement-leftTop &-arrow {
-    top: @tooltip-arrow-offset-vertical;
-  }
-
-  &-placement-leftBottom &-arrow {
-    bottom: @tooltip-arrow-offset-vertical;
-  }
-
-  &-placement-bottom &-arrow,
-  &-placement-bottomLeft &-arrow,
-  &-placement-bottomRight &-arrow {
-    top: calc(@tooltip-distance - @tooltip-arrow-rotate-width);
-
-    &::before {
-      box-shadow: -@tooltip-arrow-shadow-width -@tooltip-arrow-shadow-width 7px fade(@black, 7%);
-      transform: translateY(@tooltip-arrow-rotate-width / 2) rotate(45deg);
-    }
-  }
-
-  &-placement-bottom &-arrow {
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  &-placement-bottomLeft &-arrow {
-    left: @tooltip-arrow-offset-horizontal;
-  }
-
-  &-placement-bottomRight &-arrow {
-    right: @tooltip-arrow-offset-horizontal;
-  }
-}

package/lib/transfer/style/customize.less

@@ -1,62 +0,0 @@
-@import './index.less';
-
-@table-prefix-cls: ~'@{ant-prefix}-table';
-
-.@{transfer-prefix-cls}-customize-list {
-  display: flex;
-
-  .@{transfer-prefix-cls}-operation {
-    flex: none;
-    align-self: center;
-  }
-
-  .@{transfer-prefix-cls}-list {
-    flex: auto;
-    width: auto;
-    height: auto;
-    min-height: @transfer-list-height;
-
-    &-body {
-      &-with-search {
-        padding-top: 0;
-      }
-
-      // Search box in customize mode do not need fix top
-      &-search-wrapper {
-        position: relative;
-        padding-bottom: 0;
-      }
-
-      &-customize-wrapper {
-        padding: 12px;
-      }
-    }
-  }
-
-  // =================== Hook Components ===================
-  .@{table-prefix-cls}-wrapper {
-    .@{table-prefix-cls}-small {
-      border: 0;
-      border-radius: 0;
-
-      > .@{table-prefix-cls}-content {
-        // Header background color
-        > .@{table-prefix-cls}-body > table > .@{table-prefix-cls}-thead > tr > th {
-          background: @table-header-bg;
-        }
-
-        .@{table-prefix-cls}-row:last-child td {
-          border-bottom: @border-width-base @border-style-base @border-color-split;
-        }
-      }
-
-      .@{table-prefix-cls}-body {
-        margin: 0;
-      }
-    }
-
-    .@{table-prefix-cls}-pagination.@{ant-prefix}-pagination {
-      margin: 16px 0 4px;
-    }
-  }
-}

package/lib/transfer/style/index.less

@@ -1,191 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../checkbox/style/mixin';
-@import './customize.less';
-
-@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
-
-@transfer-header-vertical-padding: (
-    @transfer-header-height - 1px - @font-size-base * @line-height-base
-  ) / 2;
-
-.@{transfer-prefix-cls} {
-  .reset-component;
-
-  position: relative;
-
-  &-disabled {
-    .@{transfer-prefix-cls}-list {
-      background: @transfer-disabled-bg;
-    }
-  }
-
-  &-list {
-    position: relative;
-    display: inline-block;
-    width: 180px;
-    height: @transfer-list-height;
-    padding-top: @transfer-header-height;
-    vertical-align: middle;
-    border: @border-width-base @border-style-base @border-color-base;
-    border-radius: @border-radius-base;
-
-    &-with-footer {
-      padding-bottom: 34px;
-    }
-
-    &-search {
-      padding: 0 24px 0 @control-padding-horizontal-sm;
-      &-action {
-        position: absolute;
-        top: 12px;
-        right: 12px;
-        bottom: 12px;
-        width: 28px;
-        color: @disabled-color;
-        line-height: @input-height-base;
-        text-align: center;
-        .@{iconfont-css-prefix} {
-          color: @disabled-color;
-          transition: all 0.3s;
-          &:hover {
-            color: @text-color-secondary;
-          }
-        }
-        span& {
-          pointer-events: none;
-        }
-      }
-    }
-
-    &-header {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      // border-top is on the transfer dom. We should minus 1px for this
-      padding: calc((@transfer-header-vertical-padding - 1px)) @control-padding-horizontal
-        @transfer-header-vertical-padding;
-      overflow: hidden;
-      color: @text-color;
-      background: @component-background;
-      border-bottom: @border-width-base @border-style-base @border-color-split;
-      border-radius: @border-radius-base @border-radius-base 0 0;
-
-      &-title {
-        position: absolute;
-        right: 12px;
-      }
-
-      .@{ant-prefix}-checkbox-wrapper + span {
-        padding-left: 8px;
-      }
-    }
-
-    &-body {
-      position: relative;
-      height: 100%;
-      font-size: @font-size-base;
-
-      &-search-wrapper {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        padding: 12px;
-      }
-    }
-
-    &-body-with-search {
-      padding-top: calc(@input-height-base + 24px);
-    }
-
-    &-content {
-      height: 100%;
-      margin: 0;
-      padding: 0;
-      overflow: auto;
-      list-style: none;
-      > .LazyLoad {
-        animation: transferHighlightIn 1s;
-      }
-
-      &-item {
-        min-height: 32px;
-        padding: 6px @control-padding-horizontal;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        transition: all 0.3s;
-        > span {
-          padding-right: 0;
-        }
-        &-text {
-          padding-left: 8px;
-        }
-      }
-
-      &-item:not(&-item-disabled):hover {
-        background-color: @item-hover-bg;
-        cursor: pointer;
-      }
-
-      &-item-disabled {
-        color: @btn-disable-color;
-        cursor: not-allowed;
-      }
-    }
-
-    &-body-not-found {
-      position: absolute;
-      top: 50%;
-      width: 100%;
-      padding-top: 0;
-      color: @disabled-color;
-      text-align: center;
-      transform: translateY(-50%);
-
-      // with filter should offset the search box height
-      .@{transfer-prefix-cls}-list-body-with-search & {
-        margin-top: calc(@input-height-base / 2);
-      }
-    }
-
-    &-footer {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      border-top: @border-width-base @border-style-base @border-color-split;
-      border-radius: 0 0 @border-radius-base @border-radius-base;
-    }
-  }
-
-  &-operation {
-    display: inline-block;
-    margin: 0 8px;
-    overflow: hidden;
-    vertical-align: middle;
-
-    .@{ant-prefix}-btn {
-      display: block;
-
-      &:first-child {
-        margin-bottom: 4px;
-      }
-
-      .@{iconfont-css-prefix} {
-        font-size: 12px;
-      }
-    }
-  }
-}
-
-@keyframes transferHighlightIn {
-  0% {
-    background: @primary-2;
-  }
-  100% {
-    background: transparent;
-  }
-}

package/lib/tree/style/directory.less

@@ -1,95 +0,0 @@
-@import '../../style/themes/index';
-
-@tree-prefix-cls: ~'@{ant-prefix}-tree';
-
-.@{tree-prefix-cls} {
-  &.@{tree-prefix-cls}-directory {
-    position: relative;
-
-    // Stretch selector width
-    > li,
-    .@{tree-prefix-cls}-child-tree > li {
-      span {
-        &.@{tree-prefix-cls}-switcher {
-          position: relative;
-          z-index: 1;
-
-          &.@{tree-prefix-cls}-switcher-noop {
-            pointer-events: none;
-          }
-        }
-
-        &.@{tree-prefix-cls}-checkbox {
-          position: relative;
-          z-index: 1;
-        }
-
-        &.@{tree-prefix-cls}-node-content-wrapper {
-          border-radius: 0;
-          user-select: none;
-
-          &:hover {
-            background: transparent;
-
-            &::before {
-              background: @item-hover-bg;
-            }
-          }
-
-          &.@{tree-prefix-cls}-node-selected {
-            color: @tree-directory-selected-color;
-            background: transparent;
-          }
-
-          &::before {
-            position: absolute;
-            right: 0;
-            left: 0;
-            height: @tree-title-height;
-            transition: all 0.3s;
-            content: '';
-          }
-
-          > span {
-            position: relative;
-            z-index: 1;
-          }
-        }
-      }
-
-      &.@{tree-prefix-cls}-treenode-selected {
-        > span {
-          &.@{tree-prefix-cls}-switcher {
-            color: @tree-directory-selected-color;
-          }
-
-          &.@{tree-prefix-cls}-checkbox {
-            .@{tree-prefix-cls}-checkbox-inner {
-              border-color: @primary-color;
-            }
-
-            &.@{tree-prefix-cls}-checkbox-checked {
-              &::after {
-                border-color: @checkbox-check-color;
-              }
-
-              .@{tree-prefix-cls}-checkbox-inner {
-                background: @checkbox-check-color;
-
-                &::after {
-                  border-color: @primary-color;
-                }
-              }
-            }
-          }
-
-          &.@{tree-prefix-cls}-node-content-wrapper {
-            &::before {
-              background: @tree-directory-selected-bg;
-            }
-          }
-        }
-      }
-    }
-  }
-}