init

node_modules/ng-zorro-antd/transfer/style/customize.less

@@ -0,0 +1,52 @@
+@import '../../style/themes/index';
+
+@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
+
+@table-prefix-cls: ~'@{ant-prefix}-table';
+@input-prefix-cls: ~'@{ant-prefix}-input';
+
+.@{transfer-prefix-cls}-customize-list {
+  .@{transfer-prefix-cls}-list {
+    flex: 1 1 50%;
+    width: auto;
+    height: auto;
+    min-height: @transfer-list-height;
+  }
+
+  // =================== Hook Components ===================
+  .@{table-prefix-cls}-wrapper {
+    .@{table-prefix-cls}-small {
+      border: 0;
+      border-radius: 0;
+
+      .@{table-prefix-cls}-selection-column {
+        width: 40px;
+        min-width: 40px;
+      }
+
+      > .@{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;
+    }
+  }
+  .@{input-prefix-cls} {
+    &[disabled] {
+      background-color: transparent;
+    }
+  }
+}

node_modules/ng-zorro-antd/transfer/style/entry.less

@@ -0,0 +1,6 @@
+@import './index.less';
+// style dependencies
+@import '../../empty/style/entry.less';
+@import '../../checkbox/style/entry.less';
+@import '../../button/style/entry.less';
+@import '../../input/style/entry.less';

node_modules/ng-zorro-antd/transfer/style/index.less

@@ -0,0 +1,222 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../checkbox/style/mixin';
+@import './customize';
+@import './status';
+
+@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
+
+@transfer-header-vertical-padding: ceil(
+  ((@transfer-header-height - 1px - @font-size-base * @line-height-base) / 2)
+);
+
+.@{transfer-prefix-cls} {
+  .reset-component();
+
+  position: relative;
+  display: flex;
+  align-items: stretch;
+
+  &-disabled {
+    .@{transfer-prefix-cls}-list {
+      background: @transfer-disabled-bg;
+    }
+  }
+
+  &-list {
+    display: flex;
+    flex-direction: column;
+    width: 180px;
+    height: @transfer-list-height;
+    border: @border-width-base @border-style-base @border-color-base;
+    border-radius: @border-radius-base;
+
+    &-with-pagination {
+      width: 250px;
+      height: auto;
+    }
+
+    &-search {
+      .anticon-search {
+        color: @disabled-color;
+      }
+    }
+
+    &-header {
+      display: flex;
+      flex: none;
+      align-items: center;
+      height: @transfer-header-height;
+      // border-top is on the transfer dom. We should minus 1px for this
+      padding: (@transfer-header-vertical-padding - 1px) @control-padding-horizontal
+        @transfer-header-vertical-padding;
+      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;
+
+      > *:not(:last-child) {
+        margin-right: 4px;
+      }
+
+      > * {
+        flex: none;
+      }
+
+      &-title {
+        flex: auto;
+        overflow: hidden;
+        white-space: nowrap;
+        text-align: right;
+        text-overflow: ellipsis;
+      }
+
+      &-dropdown {
+        font-size: 10px;
+        transform: translateY(10%);
+        cursor: pointer;
+
+        &[disabled] {
+          cursor: not-allowed;
+        }
+      }
+    }
+
+    &-body {
+      display: flex;
+      flex: auto;
+      flex-direction: column;
+      overflow: hidden;
+      font-size: @font-size-base;
+
+      &-search-wrapper {
+        position: relative;
+        flex: none;
+        padding: @padding-sm;
+      }
+    }
+
+    &-content {
+      flex: auto;
+      margin: 0;
+      padding: 0;
+      overflow: auto;
+      list-style: none;
+
+      &-item {
+        display: flex;
+        align-items: center;
+        min-height: @transfer-item-height;
+        padding: @transfer-item-padding-vertical @control-padding-horizontal;
+        line-height: @transfer-item-height - 2 * @transfer-item-padding-vertical;
+        transition: all 0.3s;
+
+        > *:not(:last-child) {
+          margin-right: 8px;
+        }
+
+        > * {
+          flex: none;
+        }
+
+        &-text {
+          flex: auto;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+
+        &-remove {
+          position: relative;
+          color: @border-color-base;
+          cursor: pointer;
+          transition: all 0.3s;
+
+          &:hover {
+            color: @link-hover-color;
+          }
+
+          &::after {
+            position: absolute;
+            top: -@transfer-item-padding-vertical;
+            right: -50%;
+            bottom: -@transfer-item-padding-vertical;
+            left: -50%;
+            content: '';
+          }
+        }
+      }
+
+      &-item:not(&-item-disabled) {
+        &:hover {
+          background-color: @transfer-item-hover-bg;
+          cursor: pointer;
+        }
+
+        &.@{transfer-prefix-cls}-list-content-item-checked:hover {
+          background-color: @transfer-item-selected-hover-bg;
+        }
+      }
+
+      // Do not change hover style when `oneWay` mode
+      &-show-remove &-item:not(&-item-disabled):hover {
+        background: transparent;
+        cursor: default;
+      }
+
+      &-item-checked {
+        background-color: @item-active-bg;
+      }
+
+      &-item-disabled {
+        color: @btn-disable-color;
+        cursor: not-allowed;
+      }
+    }
+
+    &-pagination {
+      padding: @padding-xs 0;
+      text-align: right;
+      border-top: @border-width-base @border-style-base @border-color-split;
+    }
+
+    &-body-not-found {
+      flex: none;
+      width: 100%;
+      margin: auto 0;
+      color: @disabled-color;
+      text-align: center;
+    }
+
+    &-footer {
+      border-top: @border-width-base @border-style-base @border-color-split;
+    }
+  }
+
+  &-operation {
+    display: flex;
+    flex: none;
+    flex-direction: column;
+    align-self: center;
+    margin: 0 8px;
+    vertical-align: middle;
+
+    .@{ant-prefix}-btn {
+      display: block;
+
+      &:first-child {
+        margin-bottom: 4px;
+      }
+
+      .@{iconfont-css-prefix} {
+        font-size: 12px;
+      }
+    }
+  }
+
+  .@{ant-prefix}-empty-image {
+    max-height: (@transfer-header-height / 2) - 22;
+  }
+}
+
+@import './rtl';

node_modules/ng-zorro-antd/transfer/style/rtl.less

@@ -0,0 +1,71 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../checkbox/style/mixin';
+
+@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
+
+.@{transfer-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-list {
+    &-search {
+      .@{transfer-prefix-cls}-rtl & {
+        padding-right: @control-padding-horizontal-sm;
+        padding-left: 24px;
+      }
+
+      &-action {
+        .@{transfer-prefix-cls}-rtl & {
+          right: auto;
+          left: 12px;
+        }
+      }
+    }
+
+    &-header {
+      > *:not(:last-child) {
+        .@{transfer-prefix-cls}-rtl & {
+          margin-right: 0;
+          margin-left: 4px;
+        }
+      }
+
+      .@{transfer-prefix-cls}-rtl & {
+        right: 0;
+        left: auto;
+      }
+
+      &-title {
+        .@{transfer-prefix-cls}-rtl & {
+          text-align: left;
+        }
+      }
+    }
+
+    &-content {
+      &-item {
+        > *:not(:last-child) {
+          .@{transfer-prefix-cls}-rtl & {
+            margin-right: 0;
+            margin-left: 8px;
+          }
+        }
+      }
+    }
+
+    &-pagination {
+      .@{transfer-prefix-cls}-rtl & {
+        text-align: left;
+      }
+    }
+
+    &-footer {
+      .@{transfer-prefix-cls}-rtl & {
+        right: 0;
+        left: auto;
+      }
+    }
+  }
+}

node_modules/ng-zorro-antd/transfer/style/status.less

@@ -0,0 +1,31 @@
+@import '../../input/style/mixin';
+
+@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
+
+.transfer-status-color(@color) {
+  .@{transfer-prefix-cls}-list {
+    border-color: @color;
+
+    &-search:not([disabled]) {
+      border-color: @input-border-color;
+
+      &:hover {
+        .hover();
+      }
+
+      &:focus {
+        .active();
+      }
+    }
+  }
+}
+
+.@{transfer-prefix-cls} {
+  &-status-error {
+    .transfer-status-color(@error-color);
+  }
+
+  &-status-warning {
+    .transfer-status-color(@warning-color);
+  }
+}