tntd 2.8.0-beta.6 → 2.8.0-beta.8

package/es/date-picker/index.less

@@ -1,294 +0,0 @@
-@import '../style/themes/index';
-
-@datepicker-prefix-cls: ~'@{ant-prefix}-date-picker';
-@calendar-prefix-cls: ~'@{ant-prefix}-calendar';
-@calendar-timepicker-prefix-cls: ~'@{ant-prefix}-calendar-time-picker';
-
-.@{calendar-prefix-cls}-picker-container{
-  .@{calendar-prefix-cls}{
-    margin-top: 42px;
-    .@{calendar-prefix-cls}-input-wrap{
-      display: none;
-    }
-  }
-  .@{calendar-prefix-cls}-range{
-    margin-top: 42px;
-    .@{calendar-prefix-cls}-input-wrap,.@{calendar-prefix-cls}-range-middle{
-      display: none;
-    }
-    .@{calendar-prefix-cls}-decade-panel,.@{calendar-prefix-cls}-year-panel,.@{calendar-prefix-cls}-month-panel{
-      top: 0
-    }
-  }
-  .@{calendar-prefix-cls}-month-calendar,.@{calendar-prefix-cls}-week-number{
-    margin-top: 42px;
-  }
-  //.@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
-  //  background-color: @white;
-  //}
-  .@{calendar-prefix-cls}:not(.@{calendar-prefix-cls}-range){
-    .@{calendar-prefix-cls}-selected-date .@{calendar-prefix-cls}-date{
-      background-color: @blue-6;
-      color: @white;
-    }
-  }
-
-}
-//Picker
-.@{calendar-prefix-cls}-picker{
-  input,.@{calendar-prefix-cls}-picker-input{
-    border-color: @border-color-secondary;
-    color: @text-color;
-    &:focus{
-      border-color: @blue-5;
-    }
-  }
-  &:has(input:not([value=''])),&:hover  {
-    .@{calendar-prefix-cls}-picker-icon{
-      color: @text-color-secondary;
-    }
-  }
-  &:has(input[disabled]){
-    .@{calendar-prefix-cls}-picker-icon{
-      color: @disabled-color;
-    }
-  }
-  .@{calendar-prefix-cls}-picker-icon{
-    width: auto;
-    height: @font-size-lg;
-    font-size: @font-size-lg;
-  }
-  .@{calendar-prefix-cls}-picker-clear{
-    color: tint(@bg-color-spotilight, 50%);
-  }
-}
-.@{datepicker-prefix-cls}{
-  &-fill{
-    .@{calendar-prefix-cls}-picker{
-      &-input {
-        &.@{ant-prefix}-input {
-          background-color: @fill-color-quaternary;
-          border-color: @fill-color-quaternary;
-          &-disabled {
-            border: none;
-            pointer-events: none;
-            background: @disabled-bg;
-          }
-          &:focus{
-            background-color: @white;
-            border-color: @blue-5;
-          }
-        }
-        &:not([value='']):hover {
-          background-color: @white;
-        }
-      }
-    }
-  }
-}
-
-//Calender
-.@{calendar-prefix-cls}{
-  &-footer {
-    &-extra {
-      .@{ant-prefix}-tag{
-        color: @text-color;
-        border: none;
-        background-color: @white;
-        &:hover{
-          color: @blue-6;
-        }
-      }
-    }
-  }
-
-  thead tr{
-    border-bottom: none;
-  }
-  table th{
-    background-color: @white;
-  }
-}
-
-//RangePicker
-.@{calendar-prefix-cls}-range{
-  .@{calendar-prefix-cls}-in-range-cell,
-  .@{calendar-prefix-cls}-selected-start-date,
-  .@{calendar-prefix-cls}-selected-end-date {
-    position: relative;
-    border-radius: 0;
-    > div {
-      position: relative;
-      z-index: 1;
-    }
-    &::before {
-      position: absolute;
-      top: 3px;
-      right: 0;
-      bottom: 3px;
-      left: 0;
-      display: block;
-      background: @item-active-bg;
-      border: 0;
-      border-radius: 0;
-      content: '';
-    }
-  }
-  .@{calendar-prefix-cls}-selected-start-date{
-    &::before{
-      border-radius: @border-radius-base 0 0 @border-radius-base;
-    }
-    &::after {
-      position: absolute;
-      bottom: -2px;
-      left: 16px;
-      display: block;
-      background: @blue-6;
-      border: 0;
-      border-radius: 50%;
-      width: 4px;
-      height: 4px;
-      content: '';
-    }
-  }
-  //ant-calendar-last-day-of-month
-  //ant-calendar-last-month-cell ant-calendar-last-day-of-month
-  .@{calendar-prefix-cls}-selected-end-date{
-    &::before{
-      border-radius: 0 @border-radius-base @border-radius-base 0;
-    }
-  }
-  .@{calendar-prefix-cls}-selected-start-date.@{calendar-prefix-cls}-selected-end-date{
-    &::before{
-      border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
-    }
-  }
-  tr .@{calendar-prefix-cls}-in-range-cell:first-child{
-    &::before{
-      border-radius: @border-radius-base 0 0 @border-radius-base;
-    }
-  }
-  tr .@{calendar-prefix-cls}-selected-end-date:first-child,
-  tr .@{calendar-prefix-cls}-selected-start-date:last-child{
-    &::before{
-      border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
-    }
-  }
-  tr .@{calendar-prefix-cls}-in-range-cell:last-child{
-    &::before{
-      border-radius: 0 @border-radius-base @border-radius-base 0;
-    }
-  }
-  .@{calendar-prefix-cls}-cell{
-    height: 38px;
-  }
-}
-
-//MonthPanel
-.@{calendar-prefix-cls}-month-panel-month {
-  border-radius: @border-radius-base;
-}
-
-//WeekPicker
-.@{calendar-prefix-cls}-week-number {
-  &-cell {
-    opacity: 1;
-    font-weight: normal;
-    color: @text-color-tertiary !important;
-  }
-  .@{calendar-prefix-cls}-body tr {
-    cursor: pointer;
-    transition: all 0.3s;
-    background: @white;
-    .@{calendar-prefix-cls}-date{
-      width: auto;
-      border-radius: 0;
-      font-weight: 500;
-    }
-    &:hover {
-      background: @white;
-      td:nth-child(2){
-        .@{calendar-prefix-cls}-date{
-          border-radius: @border-radius-base 0  0 @border-radius-base;
-        }
-      }
-      td:last-child{
-        .@{calendar-prefix-cls}-date{
-          border-radius: 0 @border-radius-base @border-radius-base 0;
-        }
-      }
-      .@{calendar-prefix-cls}-cell{
-        &::before{
-          top: 8px;
-          bottom: 8px;
-        }
-        .@{calendar-prefix-cls}-date{
-          background: @background-color-base;
-          &:hover{
-            background: @background-color-base;
-          }
-        }
-        .@{calendar-prefix-cls}-selected-day{
-          background: @background-color-base;
-        }
-      }
-      .@{calendar-prefix-cls}-week-number-cell{
-        background: @white;
-      }
-    }
-    .@{calendar-prefix-cls}-selected-day .@{calendar-prefix-cls}-date,
-    .@{calendar-prefix-cls}-selected-day:hover .@{calendar-prefix-cls}-date {
-      color: @text-color;
-      background: transparent;
-    }
-    &.@{calendar-prefix-cls}-active-week {
-      background: transparent;
-      td:nth-child(2){
-        .@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
-          border-radius: @border-radius-base 0  0 @border-radius-base;
-        }
-      }
-      td:last-child{
-        .@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
-          border-radius: 0 @border-radius-base @border-radius-base 0;
-        }
-      }
-      .@{calendar-prefix-cls}-cell{
-        font-weight: bold;
-        //background: @primary-color;
-        .@{calendar-prefix-cls}-date{
-          color: @text-color-inverse;
-          background: @primary-color;
-          &:hover{
-            color: @text-color-inverse;
-            background: @primary-color;
-          }
-        }
-        .@{calendar-prefix-cls}-selected-day{
-          background: @primary-color;
-        }
-      }
-    }
-    .@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
-      //color: @text-color;
-      //font-weight: normal;
-      border-color: transparent;
-    }
-  }
-  .@{calendar-prefix-cls}-cell{
-    height: 38px;
-    position: relative;
-    &::before {
-      position: absolute;
-      top: 3px;
-      right: 0;
-      bottom: 3px;
-      left: 0;
-      display: block;
-      border: 0;
-      border-radius: 0;
-      content: '';
-    }
-  }
-}
-

package/es/drawer/index.less

@@ -1,154 +0,0 @@
-@drawer-prefix-cls: ~'@{ant-prefix}-drawer';
-
-
-.tnt-drawer.@{drawer-prefix-cls} {
-    &-top {
-        .@{drawer-prefix-cls}-wrapper-body {
-            margin-top: 48px;
-        }
-
-        .@{drawer-prefix-cls}-content-wrapper {
-            height: 480px !important;
-        }
-    }
-
-    &-bottom {
-        .@{drawer-prefix-cls}-content-wrapper {
-            height: 480px !important;
-        }
-    }
-
-    .@{drawer-prefix-cls}-wrapper-body {
-        margin-top: 48px;
-        max-height: ~'calc(100vh - 50px)';
-    }
-
-    &-footer {
-        .@{drawer-prefix-cls}-header {
-            border-bottom: none;
-            position: absolute;
-            right: 0;
-            top: 0;
-            background: #fff;
-            width: 100%;
-        }
-
-        .@{drawer-prefix-cls}-wrapper-body {
-            max-height: ~'calc(100vh - 98px)' !important;
-            margin-top: 48px !important;
-            margin-bottom: 48px !important;
-        }
-
-    }
-
-    .@{drawer-prefix-cls}-title {
-        font-size: 14px;
-        font-weight: 600;
-    }
-
-    .@{drawer-prefix-cls}-close {
-        color: fade(@text-color, 50%);
-        width: 62px;
-        top: -4px;
-
-
-        position: absolute;
-        top: -2px;
-        right: 0;
-        z-index: 10;
-        display: block;
-        width: 48px;
-        height: 48px;
-        padding: 0;
-        color: rgba(23, 35, 61, 0.8);
-        font-weight: 700;
-        font-size: 20px;
-        font-style: normal;
-        line-height: 56px;
-        text-align: center;
-        text-transform: none;
-        text-decoration: none;
-        background: transparent;
-        border: 0;
-        outline: 0;
-        cursor: pointer;
-        transition: color 0.3s;
-        text-rendering: auto;
-    }
-
-
-    .@{drawer-prefix-cls}-contain-closable {
-        .@{drawer-prefix-cls}-header {
-            padding: 12px 36px 12px 20px;
-        }
-    }
-
-    &-right {
-        .@{drawer-prefix-cls}-content {
-            border-radius: @border-radius-base 0px 0px @border-radius-base;
-            background: #F8F9FB;
-        }
-    }
-
-    &-left {
-        .@{drawer-prefix-cls}-content {
-            border-radius: 0px @border-radius-base @border-radius-base 0px;
-            background: #F8F9FB;
-        }
-    }
-
-    &-top {
-        .@{drawer-prefix-cls}-content {
-            border-radius: 0px 0px @border-radius-base @border-radius-base;
-            background: #F8F9FB;
-            padding-top: 48px;
-        }
-
-        .@{drawer-prefix-cls}-wrapper-body {
-            margin-top: 0px !important;
-        }
-    }
-
-    &-bottom {
-        .@{drawer-prefix-cls}-content {
-            border-radius: @border-radius-base @border-radius-base 0px 0px;
-            background: #F8F9FB;
-            padding-top: 48px;
-        }
-
-        .@{drawer-prefix-cls}-wrapper-body {
-            margin-top: 0px !important;
-        }
-    }
-
-
-    .@{drawer-prefix-cls}-header {
-        padding: 13px 24px;
-        border-bottom: none;
-        position: absolute;
-        right: 0;
-        top: 0;
-        width: 100%;
-        background: #fff;
-    }
-
-    .@{drawer-prefix-cls}-body {
-        padding: @padding-lg !important;
-
-    }
-
-
-    .@{drawer-prefix-cls}-wrapper-body {
-
-        .@{drawer-prefix-cls}-footer-style {
-            position: absolute;
-            right: 0;
-            bottom: 0;
-            width: 100%;
-            padding: 8px 24px;
-            background: #fff;
-            text-align: right;
-        }
-
-    }
-}

package/es/form/form.less

@@ -1,36 +0,0 @@
-@form-prefix-cls: ~'@{ant-prefix}-form';
-
-.tnt-form{
-    .@{form-prefix-cls}-item{
-        min-height: @input-height-base;
-
-        .@{form-prefix-cls}-item-required::before {
-            top: 2px;
-            position: relative;
-        }
-
-        &-with-help {
-          margin-bottom: @form-item-margin-bottom;
-        }
-
-        &-control {
-            line-height: 1;
-            min-height: @input-height-base;
-        }
-
-        &-label {
-            line-height: @input-height-base;
-        }
-
-        &-children{
-            line-height: calc(@input-height-base - 2px);
-        }
-    }
-
-    .@{form-prefix-cls}-explain,
-    .@{form-prefix-cls}-extra {
-        margin-top: 4px;
-    }
-}
-
-

package/es/grid/RowContext.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-const RowContext = createContext({});
-export default RowContext;

package/es/grid/RowContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowContext.js","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAQrC,MAAM,UAAU,GAA6B,aAAa,CAAC,EAAE,CAAC,CAAA;AAE9D,eAAe,UAAU,CAAA","sourcesContent":["import type { Context } from 'react'\nimport { createContext } from 'react'\n\nexport interface RowContextState {\n  gutter?: [number, number]\n  wrap?: boolean\n  supportFlexGap?: boolean\n}\n\nconst RowContext: Context<RowContextState> = createContext({})\n\nexport default RowContext\n"]}

package/es/grid/col.js

@@ -1,103 +0,0 @@
-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 classNames from 'classnames';
-import * as React from 'react';
-import { ConfigContext } from '../_util/context';
-import RowContext from './RowContext';
-function parseFlex(flex) {
-  if (typeof flex === 'number') {
-    return `${flex} ${flex} auto`;
-  }
-  if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
-    return `0 0 ${flex}`;
-  }
-  return flex;
-}
-const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
-const Col = React.forwardRef((props, ref) => {
-  const {
-    getPrefixCls,
-    direction
-  } = React.useContext(ConfigContext);
-  const {
-    gutter,
-    wrap,
-    supportFlexGap
-  } = React.useContext(RowContext);
-  const {
-      prefixCls: customizePrefixCls = 'tnt-col',
-      span,
-      order,
-      offset,
-      push,
-      pull,
-      className,
-      children,
-      flex,
-      style
-    } = props,
-    others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
-  const prefixCls = getPrefixCls('col', customizePrefixCls);
-  let sizeClassObj = {};
-  sizes.forEach(size => {
-    let sizeProps = {};
-    const propSize = props[size];
-    if (typeof propSize === 'number') {
-      sizeProps.span = propSize;
-    } else if (typeof propSize === 'object') {
-      sizeProps = propSize || {};
-    }
-    delete others[size];
-    sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), {
-      [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,
-      [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,
-      [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0,
-      [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,
-      [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,
-      [`${prefixCls}-rtl`]: direction === 'rtl'
-    });
-  });
-  const classes = classNames(prefixCls, {
-    [`${prefixCls}-${span}`]: span !== undefined,
-    [`${prefixCls}-order-${order}`]: order,
-    [`${prefixCls}-offset-${offset}`]: offset,
-    [`${prefixCls}-push-${push}`]: push,
-    [`${prefixCls}-pull-${pull}`]: pull
-  }, className, sizeClassObj);
-  const mergedStyle = {};
-  // Horizontal gutter use padding
-  if (gutter && gutter[0] > 0) {
-    const horizontalGutter = gutter[0] / 2;
-    mergedStyle.paddingLeft = horizontalGutter;
-    mergedStyle.paddingRight = horizontalGutter;
-  }
-  // Vertical gutter use padding when gap not support
-  if (gutter && gutter[1] > 0 && !supportFlexGap) {
-    const verticalGutter = gutter[1] / 2;
-    mergedStyle.paddingTop = verticalGutter;
-    mergedStyle.paddingBottom = verticalGutter;
-  }
-  if (flex) {
-    mergedStyle.flex = parseFlex(flex);
-    // Hack for Firefox to avoid size issue
-    // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
-    if (wrap === false && !mergedStyle.minWidth) {
-      mergedStyle.minWidth = 0;
-    }
-  }
-  return React.createElement("div", Object.assign({}, others, {
-    style: Object.assign(Object.assign({}, mergedStyle), style),
-    className: classes,
-    ref: ref
-  }), children);
-});
-if (process.env.NODE_ENV !== 'production') {
-  Col.displayName = 'Col';
-}
-export default Col;

package/es/grid/col.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"col.js","sourceRoot":"","sources":["../../src/grid/col.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,UAAU,MAAM,cAAc,CAAA;AAgCrC,SAAS,SAAS,CAAC,IAAc;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,GAAG,IAAI,IAAI,IAAI,OAAO,CAAA;KAC9B;IAED,IAAI,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC3C,OAAO,OAAO,IAAI,EAAE,CAAA;KACrB;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AACD,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAA;AAC5D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IACnE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;IAErE,MAAM,EACJ,SAAS,EAAE,kBAAkB,GAAG,SAAS,EACzC,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,KAEH,KAAK,EADJ,MAAM,UACP,KAAK,EAZH,kGAYL,CAAQ,CAAA;IAET,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;IAEzD,IAAI,YAAY,GAAG,EAAE,CAAA;IACrB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,IAAI,SAAS,GAAY,EAAE,CAAA;QAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;QAC5B,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAA;SAC1B;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YACvC,SAAS,GAAG,QAAQ,IAAI,EAAE,CAAA;SAC3B;QAED,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;QAEnB,YAAY,mCACP,YAAY,KACf,CAAC,GAAG,SAAS,IAAI,IAAI,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,KAAK,SAAS,EACxE,CAAC,GAAG,SAAS,IAAI,IAAI,UAAU,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,KAAK,CAAC,EAC3F,CAAC,GAAG,SAAS,IAAI,IAAI,WAAW,SAAS,CAAC,MAAM,EAAE,CAAC,EACjD,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAC5C,CAAC,GAAG,SAAS,IAAI,IAAI,SAAS,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EACvF,CAAC,GAAG,SAAS,IAAI,IAAI,SAAS,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EACvF,CAAC,GAAG,SAAS,MAAM,CAAC,EAAE,SAAS,KAAK,KAAK,GAC1C,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT;QACE,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,SAAS;QAC5C,CAAC,GAAG,SAAS,UAAU,KAAK,EAAE,CAAC,EAAE,KAAK;QACtC,CAAC,GAAG,SAAS,WAAW,MAAM,EAAE,CAAC,EAAE,MAAM;QACzC,CAAC,GAAG,SAAS,SAAS,IAAI,EAAE,CAAC,EAAE,IAAI;QACnC,CAAC,GAAG,SAAS,SAAS,IAAI,EAAE,CAAC,EAAE,IAAI;KACpC,EACD,SAAS,EACT,YAAY,CACb,CAAA;IAED,MAAM,WAAW,GAAwB,EAAE,CAAA;IAC3C,gCAAgC;IAChC,IAAI,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;QAC3B,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACtC,WAAW,CAAC,WAAW,GAAG,gBAAgB,CAAA;QAC1C,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAA;KAC5C;IAED,mDAAmD;IACnD,IAAI,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE;QAC9C,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACpC,WAAW,CAAC,UAAU,GAAG,cAAc,CAAA;QACvC,WAAW,CAAC,aAAa,GAAG,cAAc,CAAA;KAC3C;IAED,IAAI,IAAI,EAAE;QACR,WAAW,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;QAElC,uCAAuC;QACvC,6EAA6E;QAC7E,IAAI,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;YAC3C,WAAW,CAAC,QAAQ,GAAG,CAAC,CAAA;SACzB;KACF;IAED,OAAO,CACL,6CAAS,MAAM,IAAE,KAAK,kCAAO,WAAW,GAAK,KAAK,GAAI,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAC/E,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA;CACxB;AAED,eAAe,GAAG,CAAA","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport RowContext from './RowContext'\n\n// https://github.com/ant-design/ant-design/issues/14324\ntype ColSpanType = number | string\n\ntype FlexType = number | 'none' | 'auto' | string\n\nexport interface ColSize {\n  flex?: FlexType\n  span?: ColSpanType\n  order?: ColSpanType\n  offset?: ColSpanType\n  push?: ColSpanType\n  pull?: ColSpanType\n}\n\nexport interface ColProps extends React.HTMLAttributes<HTMLDivElement> {\n  flex?: FlexType\n  span?: ColSpanType\n  order?: ColSpanType\n  offset?: ColSpanType\n  push?: ColSpanType\n  pull?: ColSpanType\n  xs?: ColSpanType | ColSize\n  sm?: ColSpanType | ColSize\n  md?: ColSpanType | ColSize\n  lg?: ColSpanType | ColSize\n  xl?: ColSpanType | ColSize\n  xxl?: ColSpanType | ColSize\n  prefixCls?: string\n}\n\nfunction parseFlex(flex: FlexType): string {\n  if (typeof flex === 'number') {\n    return `${flex} ${flex} auto`\n  }\n\n  if (/^\\d+(\\.\\d+)?(px|em|rem|%)$/.test(flex)) {\n    return `0 0 ${flex}`\n  }\n\n  return flex\n}\nconst sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const\nconst Col = React.forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n  const { getPrefixCls, direction } = React.useContext(ConfigContext)\n  const { gutter, wrap, supportFlexGap } = React.useContext(RowContext)\n\n  const {\n    prefixCls: customizePrefixCls = 'tnt-col',\n    span,\n    order,\n    offset,\n    push,\n    pull,\n    className,\n    children,\n    flex,\n    style,\n    ...others\n  } = props\n\n  const prefixCls = getPrefixCls('col', customizePrefixCls)\n\n  let sizeClassObj = {}\n  sizes.forEach((size) => {\n    let sizeProps: ColSize = {}\n    const propSize = props[size]\n    if (typeof propSize === 'number') {\n      sizeProps.span = propSize\n    } else if (typeof propSize === 'object') {\n      sizeProps = propSize || {}\n    }\n\n    delete others[size]\n\n    sizeClassObj = {\n      ...sizeClassObj,\n      [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,\n      [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,\n      [`${prefixCls}-${size}-offset-${sizeProps.offset}`]:\n        sizeProps.offset || sizeProps.offset === 0,\n      [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,\n      [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,\n      [`${prefixCls}-rtl`]: direction === 'rtl',\n    }\n  })\n\n  const classes = classNames(\n    prefixCls,\n    {\n      [`${prefixCls}-${span}`]: span !== undefined,\n      [`${prefixCls}-order-${order}`]: order,\n      [`${prefixCls}-offset-${offset}`]: offset,\n      [`${prefixCls}-push-${push}`]: push,\n      [`${prefixCls}-pull-${pull}`]: pull,\n    },\n    className,\n    sizeClassObj\n  )\n\n  const mergedStyle: React.CSSProperties = {}\n  // Horizontal gutter use padding\n  if (gutter && gutter[0] > 0) {\n    const horizontalGutter = gutter[0] / 2\n    mergedStyle.paddingLeft = horizontalGutter\n    mergedStyle.paddingRight = horizontalGutter\n  }\n\n  // Vertical gutter use padding when gap not support\n  if (gutter && gutter[1] > 0 && !supportFlexGap) {\n    const verticalGutter = gutter[1] / 2\n    mergedStyle.paddingTop = verticalGutter\n    mergedStyle.paddingBottom = verticalGutter\n  }\n\n  if (flex) {\n    mergedStyle.flex = parseFlex(flex)\n\n    // Hack for Firefox to avoid size issue\n    // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553\n    if (wrap === false && !mergedStyle.minWidth) {\n      mergedStyle.minWidth = 0\n    }\n  }\n\n  return (\n    <div {...others} style={{ ...mergedStyle, ...style }} className={classes} ref={ref}>\n      {children}\n    </div>\n  )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n  Col.displayName = 'Col'\n}\n\nexport default Col\n"]}

package/es/grid/hooks/useBreakpoint.js

@@ -1,18 +0,0 @@
-import { useEffect, useRef } from 'react';
-import useForceUpdate from '../../_util/hooks/useForceUpdate';
-import ResponsiveObserve from '../../_util/responsiveObserve';
-function useBreakpoint(refreshOnChange = true) {
-  const screensRef = useRef({});
-  const forceUpdate = useForceUpdate();
-  useEffect(() => {
-    const token = ResponsiveObserve.subscribe(supportScreens => {
-      screensRef.current = supportScreens;
-      if (refreshOnChange) {
-        forceUpdate();
-      }
-    });
-    return () => ResponsiveObserve.unsubscribe(token);
-  }, []);
-  return screensRef.current;
-}
-export default useBreakpoint;

package/es/grid/hooks/useBreakpoint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAE7D,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAE7D,SAAS,aAAa,CAAC,kBAA2B,IAAI;IACpD,MAAM,UAAU,GAAG,MAAM,CAAY,EAAE,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE;YAC3D,UAAU,CAAC,OAAO,GAAG,cAAc,CAAA;YACnC,IAAI,eAAe,EAAE;gBACnB,WAAW,EAAE,CAAA;aACd;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAC,OAAO,CAAA;AAC3B,CAAC;AAED,eAAe,aAAa,CAAA","sourcesContent":["import { useEffect, useRef } from 'react'\nimport useForceUpdate from '../../_util/hooks/useForceUpdate'\nimport type { ScreenMap } from '../../_util/responsiveObserve'\nimport ResponsiveObserve from '../../_util/responsiveObserve'\n\nfunction useBreakpoint(refreshOnChange: boolean = true): ScreenMap {\n  const screensRef = useRef<ScreenMap>({})\n  const forceUpdate = useForceUpdate()\n\n  useEffect(() => {\n    const token = ResponsiveObserve.subscribe((supportScreens) => {\n      screensRef.current = supportScreens\n      if (refreshOnChange) {\n        forceUpdate()\n      }\n    })\n\n    return () => ResponsiveObserve.unsubscribe(token)\n  }, [])\n\n  return screensRef.current\n}\n\nexport default useBreakpoint\n"]}