@fle-ui/next 1.0.0-alpha.8 → 1.0.0-alpha.9

package/es/tree/style/index.css

@@ -60,7 +60,7 @@
 }
 .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
-  background: #1890ff;
+  background: #2c68ff;
 }
 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
   color: #fff;
@@ -73,7 +73,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -89,7 +89,7 @@
 .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
 .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
 .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
-  border-color: #1890ff;
+  border-color: #2c68ff;
 }
 .ant-tree-checkbox-checked::after {
   position: absolute;
@@ -97,8 +97,8 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #1890ff;
-  border-radius: 2px;
+  border: 1px solid #2c68ff;
+  border-radius: 4px;
   visibility: hidden;
   -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
           animation: antCheckboxEffect 0.36s ease-in-out;
@@ -119,8 +119,8 @@
   height: 16px;
   direction: ltr;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
+  border: 1px solid #d2d2d2;
+  border-radius: 4px;
   border-collapse: separate;
   transition: all 0.3s;
 }
@@ -163,14 +163,14 @@
   content: ' ';
 }
 .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
-  background-color: #1890ff;
-  border-color: #1890ff;
+  background-color: #2c68ff;
+  border-color: #2c68ff;
 }
 .ant-tree-checkbox-disabled {
   cursor: not-allowed;
 }
 .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
-  border-color: rgba(0, 0, 0, 0.25);
+  border-color: #a9a9a9;
   -webkit-animation-name: none;
           animation-name: none;
 }
@@ -178,17 +178,17 @@
   cursor: not-allowed;
 }
 .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
-  background-color: #f5f5f5;
-  border-color: #d9d9d9 !important;
+  background-color: #f1f1f1;
+  border-color: #d2d2d2 !important;
 }
 .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
-  border-color: #f5f5f5;
+  border-color: #f1f1f1;
   border-collapse: separate;
   -webkit-animation-name: none;
           animation-name: none;
 }
 .ant-tree-checkbox-disabled + span {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-tree-checkbox-disabled:hover::after,
@@ -199,7 +199,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -230,7 +230,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -249,39 +249,39 @@
 }
 .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
   background-color: #fff;
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
 }
 .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
   top: 50%;
   left: 50%;
   width: 8px;
   height: 8px;
-  background-color: #1890ff;
+  background-color: #2c68ff;
   border: 0;
   transform: translate(-50%, -50%) scale(1);
   opacity: 1;
   content: ' ';
 }
 .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-color: rgba(0, 0, 0, 0.25);
+  background-color: #a9a9a9;
+  border-color: #a9a9a9;
 }
 .ant-tree {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
   list-style: none;
   font-feature-settings: 'tnum';
   background: #fff;
-  border-radius: 2px;
+  border-radius: 4px;
   transition: background-color 0.3s;
 }
 .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
-  background: #e6f7ff;
+  background: #f0f7ff;
 }
 .ant-tree-list-holder-inner {
   align-items: flex-start;
@@ -299,7 +299,7 @@
   outline: none;
 }
 .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
@@ -355,7 +355,7 @@
   transform: rotate(-90deg);
 }
 .ant-tree-switcher-loading-icon {
-  color: #1890ff;
+  color: #2c68ff;
 }
 .ant-tree-switcher-leaf-line {
   position: relative;
@@ -393,7 +393,7 @@
   color: inherit;
   line-height: 24px;
   background: transparent;
-  border-radius: 2px;
+  border-radius: 4px;
   cursor: pointer;
   transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
 }
@@ -401,7 +401,7 @@
   background-color: #f5f5f5;
 }
 .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
-  background-color: #bae7ff;
+  background-color: #cfe3ff;
 }
 .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
   display: inline-block;
@@ -428,7 +428,7 @@
   position: absolute;
   z-index: 1;
   height: 2px;
-  background-color: #1890ff;
+  background-color: #2c68ff;
   border-radius: 1px;
   pointer-events: none;
 }
@@ -439,12 +439,12 @@
   width: 8px;
   height: 8px;
   background-color: transparent;
-  border: 2px solid #1890ff;
+  border: 2px solid #2c68ff;
   border-radius: 50%;
   content: '';
 }
 .ant-tree .ant-tree-treenode.drop-container > [draggable] {
-  box-shadow: 0 0 0 2px #1890ff;
+  box-shadow: 0 0 0 2px #2c68ff;
 }
 .ant-tree-show-line .ant-tree-indent-unit {
   position: relative;
@@ -455,7 +455,7 @@
   top: 0;
   right: 12px;
   bottom: -4px;
-  border-right: 1px solid #d9d9d9;
+  border-right: 1px solid #d2d2d2;
   content: '';
 }
 .ant-tree-show-line .ant-tree-indent-unit-end::before {
@@ -489,7 +489,7 @@
   right: auto;
   left: -13px;
   border-right: none;
-  border-left: 1px solid #d9d9d9;
+  border-left: 1px solid #d2d2d2;
 }
 .ant-tree-rtl.ant-tree-checkbox {
   margin: 4px 0 0 8px;

package/es/tree/style/index.d.ts

@@ -1,2 +1,2 @@
-import '../../style/default.less';
+import '../../style/index.less';
 import './index.less';

package/es/tree/style/index.js

@@ -1,2 +1,2 @@
-import '../../style/default.less';
+import '../../style/index.less';
 import './index.less';

package/es/tree/style/index.less

@@ -1,3 +1,17 @@
-@root-entry-name: default;
+@import '../../style/themes/index';
+@import '../../style/theme.less';
+@import '../../style/mixins/index';
+@import '../../checkbox/style/mixin';
+@import './mixin';
+@import './directory';
 
-@import './index-pure.less';
+@tree-prefix-cls: ~'@{ant-prefix}-tree';
+@tree-node-prefix-cls: ~'@{tree-prefix-cls}-treenode';
+
+.antCheckboxFn(@checkbox-prefix-cls: ~'@{ant-prefix}-tree-checkbox');
+
+.@{tree-prefix-cls} {
+  .antTreeFn(@tree-prefix-cls);
+}
+
+@import './rtl';

package/es/tree-select/style/css.js

@@ -1,4 +1,4 @@
-import '../../style/default.css';
+import '../../style/index.css';
 import './index.css'; // style dependencies
 // deps-lint-skip: tree
 

package/es/tree-select/style/index.d.ts

@@ -1,4 +1,4 @@
-import '../../style/default.less';
+import '../../style/index.less';
 import './index.less';
 import '../../select/style';
 import '../../empty/style';

package/es/tree-select/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/default.less';
+import '../../style/index.less';
 import './index.less'; // style dependencies
 // deps-lint-skip: tree
 

package/es/tree-select/style/index.less

@@ -1,3 +1,58 @@
-@root-entry-name: default;
+@import '../../style/themes/index';
+@import '../../style/theme.less';
+@import '../../style/mixins/index';
+@import '../../tree/style/mixin.less';
+@import '../../checkbox/style/mixin';
 
-@import './index-pure.less';
+@tree-select-prefix-cls: ~'@{ant-prefix}-tree-select';
+@select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';
+
+.antCheckboxFn(@checkbox-prefix-cls: ~'@{select-tree-prefix-cls}-checkbox');
+
+.@{tree-select-prefix-cls} {
+  // ======================= Dropdown =======================
+  &-dropdown {
+    padding: @padding-xs (@padding-xs / 2);
+
+    &-rtl {
+      direction: rtl;
+    }
+    // ======================== Tree ========================
+    .@{select-tree-prefix-cls} {
+      border-radius: 0;
+
+      &-list-holder-inner {
+        align-items: stretch;
+
+        .@{select-tree-prefix-cls}-treenode {
+          .@{select-tree-prefix-cls}-node-content-wrapper {
+            flex: auto;
+          }
+        }
+      }
+    }
+  }
+}
+
+.@{select-tree-prefix-cls} {
+  .antTreeFn(@select-tree-prefix-cls);
+
+  // change switcher icon rotation in rtl direction
+  & &-switcher {
+    &_close {
+      .@{select-tree-prefix-cls}-switcher-icon {
+        svg {
+          .@{tree-select-prefix-cls}-dropdown-rtl & {
+            transform: rotate(90deg);
+          }
+        }
+      }
+    }
+
+    &-loading-icon {
+      .@{tree-select-prefix-cls}-dropdown-rtl & {
+        transform: scaleY(-1);
+      }
+    }
+  }
+}

package/es/typography/style/css.js

@@ -1,4 +1,4 @@
-import '../../style/default.css';
+import '../../style/index.css';
 import './index.css'; // style dependencies
 
 import '../../tooltip/style/css';

package/es/typography/style/index.d.ts

@@ -1,4 +1,4 @@
-import '../../style/default.less';
+import '../../style/index.less';
 import './index.less';
 import '../../tooltip/style';
 import '../../input/style';

package/es/typography/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/default.less';
+import '../../style/index.less';
 import './index.less'; // style dependencies
 
 import '../../tooltip/style';

package/es/typography/style/index.less

@@ -1,3 +1,288 @@
-@root-entry-name: default;
+@import '../../style/themes/index';
+@import '../../style/theme.less';
+@import '../../style/mixins/index';
 
-@import './index-pure.less';
+@typography-prefix-cls: ~'@{ant-prefix}-typography';
+
+// =============== Basic ===============
+.@{typography-prefix-cls} {
+  color: @text-color;
+  overflow-wrap: break-word;
+
+  &&-secondary {
+    color: @text-color-secondary;
+  }
+
+  &&-success {
+    color: @success-color;
+  }
+
+  &&-warning {
+    color: @warning-color;
+  }
+
+  &&-danger {
+    color: @error-color;
+    a&:active,
+    a&:focus,
+    a&:hover {
+      color: ~`colorPalette('@{error-color}', 5) `;
+    }
+  }
+
+  &&-disabled {
+    color: @disabled-color;
+    cursor: not-allowed;
+    user-select: none;
+  }
+
+  // Tag
+  div&,
+  p {
+    .typography-paragraph();
+  }
+
+  h1&,
+  h1 {
+    .typography-title-1();
+  }
+  h2&,
+  h2 {
+    .typography-title-2();
+  }
+  h3&,
+  h3 {
+    .typography-title-3();
+  }
+  h4&,
+  h4 {
+    .typography-title-4();
+  }
+  h5&,
+  h5 {
+    .typography-title-5();
+  }
+
+  h1&,
+  h2&,
+  h3&,
+  h4&,
+  h5& {
+    .@{typography-prefix-cls} + & {
+      margin-top: @typography-title-margin-top;
+    }
+  }
+
+  div,
+  ul,
+  li,
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    + h1,
+    + h2,
+    + h3,
+    + h4,
+    + h5 {
+      margin-top: @typography-title-margin-top;
+    }
+  }
+
+  a&-ellipsis,
+  span&-ellipsis {
+    display: inline-block;
+    max-width: 100%;
+  }
+
+  a&,
+  a {
+    .operation-unit();
+    text-decoration: @link-decoration;
+
+    &:active,
+    &:hover {
+      text-decoration: @link-hover-decoration;
+    }
+
+    &[disabled],
+    &.@{typography-prefix-cls}-disabled {
+      color: @disabled-color;
+      cursor: not-allowed;
+
+      &:active,
+      &:hover {
+        color: @disabled-color;
+      }
+
+      &:active {
+        pointer-events: none;
+      }
+    }
+  }
+
+  code {
+    margin: 0 0.2em;
+    padding: 0.2em 0.4em 0.1em;
+    font-size: 85%;
+    background: rgba(150, 150, 150, 0.1);
+    border: 1px solid rgba(100, 100, 100, 0.2);
+    border-radius: 3px;
+  }
+
+  kbd {
+    margin: 0 0.2em;
+    padding: 0.15em 0.4em 0.1em;
+    font-size: 90%;
+    background: rgba(150, 150, 150, 0.06);
+    border: 1px solid rgba(100, 100, 100, 0.2);
+    border-bottom-width: 2px;
+    border-radius: 3px;
+  }
+
+  mark {
+    padding: 0;
+    background-color: @gold-3;
+  }
+
+  u,
+  ins {
+    text-decoration: underline;
+    text-decoration-skip-ink: auto;
+  }
+
+  s,
+  del {
+    text-decoration: line-through;
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  // Operation
+  &-expand,
+  &-edit,
+  &-copy {
+    .operation-unit();
+
+    margin-left: 4px;
+  }
+
+  &-copy-success {
+    &,
+    &:hover,
+    &:focus {
+      color: @success-color;
+    }
+  }
+
+  // Text input area
+  &-edit-content {
+    position: relative;
+
+    div& {
+      left: -@input-padding-horizontal - 1px;
+      margin-top: -@input-padding-vertical-base - 1px;
+      // stylelint-disable-next-line function-calc-no-invalid
+      margin-bottom: calc(1em - @input-padding-vertical-base - 1px);
+    }
+
+    &-confirm {
+      position: absolute;
+      right: 10px;
+      bottom: 8px;
+      color: @text-color-secondary;
+      pointer-events: none;
+    }
+
+    // Fix Editable Textarea flash in Firefox
+    textarea {
+      -moz-transition: none;
+    }
+  }
+
+  // list
+  ul,
+  ol {
+    margin: 0 0 1em 0;
+    padding: 0;
+
+    li {
+      margin: 0 0 0 20px;
+      padding: 0 0 0 4px;
+    }
+  }
+
+  ul {
+    list-style-type: circle;
+
+    ul {
+      list-style-type: disc;
+    }
+  }
+
+  ol {
+    list-style-type: decimal;
+  }
+
+  // pre & block
+  pre,
+  blockquote {
+    margin: 1em 0;
+  }
+
+  pre {
+    padding: 0.4em 0.6em;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    background: rgba(150, 150, 150, 0.1);
+    border: 1px solid rgba(100, 100, 100, 0.2);
+    border-radius: 3px;
+
+    // Compatible for marked
+    code {
+      display: inline;
+      margin: 0;
+      padding: 0;
+      font-size: inherit;
+      font-family: inherit;
+      background: transparent;
+      border: 0;
+    }
+  }
+
+  blockquote {
+    padding: 0 0 0 0.6em;
+    border-left: 4px solid rgba(100, 100, 100, 0.2);
+    opacity: 0.85;
+  }
+
+  // ============ Ellipsis ============
+  &-single-line {
+    white-space: nowrap;
+  }
+
+  &-ellipsis-single-line {
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    // https://blog.csdn.net/iefreer/article/details/50421025
+    a&,
+    span& {
+      vertical-align: bottom;
+    }
+  }
+
+  &-ellipsis-multiple-line {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-line-clamp: 3;
+    /*! autoprefixer: ignore next */
+    -webkit-box-orient: vertical;
+  }
+}
+
+@import './rtl';

package/es/upload/index.d.ts

@@ -1,4 +1,4 @@
 import Upload from './Upload';
-export { UploadProps, UploadListProps, UploadChangeParam, RcFile } from './interface';
-export { DraggerProps } from './Dragger';
+export { UploadProps, UploadListProps, UploadChangeParam, RcFile, } from './interface';
+export type { DraggerProps } from './Dragger';
 export default Upload;

package/es/upload/style/css.js

@@ -1,4 +1,4 @@
-import '../../style/default.css';
+import '../../style/index.css';
 import './index.css'; // style dependencies
 
 import '../../button/style/css';

package/es/upload/style/index.d.ts

@@ -1,4 +1,4 @@
-import '../../style/default.less';
+import '../../style/index.less';
 import './index.less';
 import '../../button/style';
 import '../../progress/style';

package/es/upload/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/default.less';
+import '../../style/index.less';
 import './index.less'; // style dependencies
 
 import '../../button/style';