tntd 2.8.16 → 2.8.17

package/lib/date-picker/index.less

@@ -0,0 +1,294 @@
+@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/lib/input-number/inputNumber.less

@@ -0,0 +1,12 @@
+@import './style/index.less';
+
+@input-prefix-cls: ~'@{ant-prefix}-input-number';
+
+.tnt-input-number,
+.@{input-prefix-cls} {
+  border-color: @border-color-secondary;
+
+  &.@{input-prefix-cls}-focused {
+    .active();
+  }
+}

package/lib/modal/index.less

@@ -0,0 +1,36 @@
+@modal-prefix-cls: ~'@{ant-prefix}-modal';
+@confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
+
+
+.@{modal-prefix-cls}{
+  &-header{
+    font-size: @font-size-lg;
+    font-weight: 500;
+  }
+  &-close-x{
+    font-size: 20px;
+  }
+
+  &-title{
+    line-height: @line-height-lg;
+  }
+}
+
+.@{confirm-prefix-cls}{
+  &-body{
+    .anticon {
+      font-size: 22px !important;
+      margin-top: 1px;
+    }
+  }
+
+  &-body &-content{
+    margin-top: @margin-xs;
+  }
+
+  .@{confirm-prefix-cls}-btns {
+    button {
+      border-radius: @border-radius-base;
+    }
+  }
+}

package/lib/popconfirm/index.less

@@ -0,0 +1,32 @@
+@popover-prefix-cls: ~'@{ant-prefix}-popover';
+
+.@{popover-prefix-cls} {
+  &-inner-content {
+    padding: @padding-base;
+  }
+
+  &-message {
+    padding: 0 0 @padding-xs;
+
+    &>.anticon {
+      font-size: @font-size-lg;
+      top: 7px;
+    }
+  }
+
+  &-message-title {
+    padding-top: @padding-xxs;
+    padding-bottom: @padding-xxs;
+    line-height: @line-height-base;
+  }
+
+  &-buttons {
+    margin-bottom: 0;
+  }
+}
+
+.@{popover-prefix-cls}-arrow-hidden {
+  .@{popover-prefix-cls}-arrow {
+    display: none;
+  }
+}

package/lib/popover/index.less

@@ -0,0 +1,57 @@
+@popover-prefix-cls: ~'@{ant-prefix}-popover';
+
+// Base class
+.tnt-popover.@{popover-prefix-cls} {
+
+  &-dark,
+  &-light {
+    .@{popover-prefix-cls}-title {
+      border-bottom: 0px !important;
+      padding: 10px 12px 4px !important;
+      border-bottom: 0px !important;
+
+    }
+
+    .@{popover-prefix-cls}-inner {
+      &-content {
+        padding: 0px 12px 12px 12px;
+      }
+    }
+  }
+
+  &-dark {
+    .@{popover-prefix-cls}-title {
+      color: @popover-color-dark;
+    }
+
+    .@{popover-prefix-cls}-inner {
+      background-color: @popover-bg-dark;
+
+      &-content {
+        color: @popover-color-dark;
+      }
+    }
+
+    .@{popover-prefix-cls}-arrow {
+      border-color: @popover-arrow-color-dark !important;
+
+      &::before {
+        background-color: @popover-bg-dark;
+
+      }
+    }
+  }
+
+
+  // Arrows
+  &-arrow {
+    border-radius: 1px;
+  }
+}
+
+
+.@{popover-prefix-cls}-arrow-hidden {
+  .@{popover-prefix-cls}-arrow {
+    display: none;
+  }
+}

package/lib/progress/progress.less

@@ -0,0 +1,82 @@
+@import '../style/themes/index.less';
+@import '../style/mixins/index';
+@progress-prefix-cls: ~'@{ant-prefix}-progress';
+.tnt-progress.@{progress-prefix-cls} {
+    .ant-progress-text{
+    //   font-family: PingFang SC;
+      font-weight: 500;
+    }
+    .ant-progress-cus-format-label{
+      .ant-progress-cus-format-label{
+        padding-bottom: 4px;
+      }
+    }
+    &-percent-bottom{
+        .ant-progress-outer{
+          padding-right: 0;
+        }
+        .ant-progress-text{
+          width: 100%;
+          display: block;
+          text-align: right;
+          margin-left: 0;
+        }
+    }
+    &-circle-progress{
+      .@{progress-prefix-cls}-cus-format{
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+    &-small-circle{
+      .ant-progress-text{
+        height: 100%;
+      }
+      .ant-progress-inner{
+        overflow:visible;
+      }
+      .tntd-ellipsis{
+        position: absolute;
+        bottom: -1.8em;
+        font-size: 0.75em;
+        // margin-bottom: 2px;
+        // color: #8B919E;
+        color:tint(@text-color, 50%);
+        font-family: Inter;
+        font-weight: 500;
+        text-align: center;
+      }
+    }
+    &-large-circle{
+      .ant-progress-text{
+        height: 100%;
+      }
+      .tntd-ellipsis{
+        font-size: 0.55em;
+        // margin-bottom: 2px;
+        color:tint(@text-color, 50%);
+        font-family: Inter;
+        font-weight: 500;
+        text-align: center;
+      }
+    }
+    &-small-half-circle{
+      .ant-progress-text{
+        height: 40%;
+      }
+      .tntd-ellipsis{
+        bottom: -1.5em;
+      }
+    }
+    &-large-half-circle{
+      .ant-progress-inner{
+        .ant-progress-text{
+          top: 42%
+        }
+      }
+    }
+}
+

package/lib/query-form-backup/Field/Composition/FieldPopover.less

@@ -0,0 +1,35 @@
+.tnt-queryform-field-popover {
+  min-width: 280px;
+  .ant-popover-inner-content {
+    padding: @padding-sm 0;
+  }
+  .ant-calendar-picker {
+    margin: @margin-xxs 0;
+  }
+  label {
+    color: tint(@text-color, 50%);
+    margin-bottom: @margin-xs;
+    display: block;
+    padding: 0 @padding-sm;
+  }
+  .ant-select-dropdown-menu {
+    &-item {
+      padding: @padding-xxs @padding-sm;
+      &:hover {
+        background-color: @bg-color-quaternary;
+      }
+    }
+  }
+  &-content {
+    padding: @padding-xxs @padding-sm;
+  }
+  .ant-select-selected-icon {
+    position: absolute;
+    right: @margin-base;
+    top: @margin-xs;
+    color: @blue-6;
+  }
+  .tnt-highlight {
+    color: @blue-6;
+  }
+}

package/lib/query-form-backup/Field/Composition/index.less

@@ -0,0 +1,114 @@
+@import '../../../style/themes/index';
+@import '../../../style/mixins/index';
+@import '../../../input/style/mixin';
+
+.tnt-queryform-composition-input {
+  // width: 100%;
+  max-height: 162px;
+  overflow-x: hidden;
+  cursor: text;
+  padding: 2px @padding-xl;
+  position: relative;
+  box-sizing: border-box;
+  background-color: @select-background;
+  border: @border-width-base @border-style-base @select-border-color;
+  border-top-width: calc(@border-width-base + 0.02px);
+  border-radius: @border-radius-base;
+  outline: none;
+  transition: all 0.3s @ease-in-out;
+  user-select: none;
+  margin-bottom: @margin-sm;
+
+  &-prefix {
+    position: absolute;
+    left: @padding-sm;
+    top: 50%;
+    transform: translateY(-50%);
+    i.anticon {
+      color: tint(@bg-color-spotilight, 50%);
+    }
+  }
+
+  &-width {
+    height: 0;
+    opacity: 0;
+    width: auto;
+    position: absolute;
+    max-width: 100%;
+  }
+
+  &-items {
+    float: left;
+    padding: 0;
+    list-style: none;
+    margin: 0;
+    width: 100%;
+    &-item {
+      padding: 3px 0;
+    }
+    li {
+      float: left;
+      line-height: 1;
+    }
+    &-input {
+      .inputClass {
+        background: none;
+        border: none !important;
+        outline: none;
+        box-shadow: none !important;
+        width: 150px !important;
+        height: 26px;
+        line-height: 26px;
+        padding: 0;
+        input {
+          border: none !important;
+          outline: none !important;
+          box-shadow: none !important;
+          height: 26px;
+          line-height: 26px;
+          padding: 0;
+        }
+        textarea {
+          padding: 0;
+        }
+      }
+      .inputClass-with-placeholder {
+        min-width: 398px !important;
+      }
+    }
+  }
+  &-clear {
+    position: absolute;
+    right: @margin-sm;
+    top: 50%;
+    transform: translateY(-50%);
+    display: none;
+    i.anticon {
+      color: tint(@bg-color-spotilight, 50%);
+    }
+    &:hover {
+      .anticon {
+        color: @text-color-secondary !important;
+      }
+    }
+  }
+  &:hover {
+    border-color: @blue-6;
+    outline: 0;
+    .tnt-queryform-composition-input-clear {
+      display: block;
+    }
+    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
+  }
+  &:focus,
+  &:active {
+    border-color: @blue-5;
+    outline: 0;
+    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
+  }
+  .ant-tag {
+    padding: 0 @padding-xs;
+    border: none;
+    background: @fill-color-tertiary;
+  }
+}