next-ui3 1.0.0

package/theme-chalk/src/image-upload.scss

@@ -0,0 +1,25 @@
+.nt-image-upload {
+  &__image {
+    width: 120px;
+    height: 120px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    outline: 1px dashed var(--el-border-color);
+    font-size: 32px;
+    color: var(--el-text-color-secondary);
+    cursor: pointer;
+    overflow: hidden;
+    &:hover {
+      outline-color: var(--el-color-primary);
+      color: var(--el-color-primary);
+    }
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+}

package/theme-chalk/src/index.scss

@@ -0,0 +1,20 @@
+@use './base.scss';
+@use './building.scss';
+@use './cascader.scss';
+@use './checkbox-group.scss';
+@use './date-picker.scss';
+@use './empty.scss';
+@use './file-select.scss';
+@use './filter.scss';
+@use './flex-text.scss';
+@use './form.scss';
+@use './image-upload.scss';
+@use './input-number.scss';
+@use './mask-text.scss';
+@use './radio-group.scss';
+@use './search.scss';
+@use './select.scss';
+@use './table.scss';
+@use './tree-panel.scss';
+@use './tree-select.scss';
+@use './upload.scss';

package/theme-chalk/src/input-number.scss

@@ -0,0 +1,16 @@
+.nt-input-number--right ::v-deep .el-input__inner {
+  text-align: right;
+}
+.nt-input-number--center ::v-deep .el-input__inner {
+  text-align: center;
+  font-family: math;
+}
+.nt-input-number--bold ::v-deep .el-input__inner {
+  font-weight: 500;
+}
+.nt-input-number--padding ::v-deep .el-input__inner {
+  padding: 0 15px;
+}
+.nt-input-number--prefix {
+  display: inline-block;
+}

package/theme-chalk/src/mask-text.scss

@@ -0,0 +1,8 @@
+.nt-mask-text {
+  font-family: Courier, 'Lucida Console', Consolas, 'Courier New', monospace;;
+
+  &__btn {
+    margin-left: 6px;
+    transform: translateY(-2px);
+  }
+}

package/theme-chalk/src/radio-group.scss

@@ -0,0 +1,204 @@
+// 自适应单行选项组
+.nt-flex-radio-group {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+
+.nt-flex-radio-container {
+  height: 36px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  flex: 1;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+.nt-flex-radio-label {
+  border-radius: 8px;
+  padding: 8px 16px;
+  color: #151b26;
+  line-height: 22px;
+  height: 20px;
+  cursor: pointer;
+  background: #fff;
+  font-weight: 500;
+  box-sizing: content-box;
+  position: relative;
+  font-size: 16px;
+  color: #999ebe;
+  &:before {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    content: '';
+    border: solid 1px #eef0f6;
+    border-radius: 8px;
+  }
+
+  &:hover {
+    color: var(--el-color-primary);
+  }
+
+  &.nt-flex-radio-label--active {
+    background: var(--el-color-primary);
+    font-weight: 500;
+    color: #fff;
+    // font-size: 18px;
+    &:before {
+      border: solid 1px transparent;
+    }
+  }
+
+  &.nt-flex-radio-label--more {
+    display: flex;
+    align-items: center;
+  }
+
+  .nt-flex-radio-icon {
+    margin-left: 3px;
+    transition: all 0.3s ease-in-out;
+  }
+
+  &.nt-flex-radio-label--visible .nt-flex-radio-icon {
+    transform: rotate(180deg);
+  }
+}
+
+.nt-flex-radio-popover {
+  min-width: auto !important;
+
+  .el-scrollbar {
+    width: calc(100% + 12px);
+    margin-right: -12px;
+    padding-right: 12px;
+    .el-scrollbar__wrap {
+      max-height: 240px;
+    }
+  }
+}
+
+.nt-flex-radio-popup {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  background: #fff;
+  width: fit-content;
+}
+
+.nt-flex-radio-popup-item {
+  padding: 0;
+  font-weight: 500;
+  line-height: 24px;
+  height: 24px;
+  box-sizing: content-box;
+  white-space: nowrap;
+  cursor: pointer;
+
+  &:hover {
+    color: var(--el-color-primary);
+  }
+
+  &.nt-flex-radio-popup-item--active {
+    color: var(--el-color-primary);
+  }
+}
+
+// 自定义单选组
+.nt-custom-radio-group {
+  display: flex;
+  gap: 12px;
+}
+.nt-custom-radio-item {
+  border: 1px solid var(--el-color-info-light-7);
+  border-radius: 8px;
+  padding: 8px 16px;
+  cursor: pointer;
+  width: var(--option-width, 160px);
+
+  &__header {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    color: var(--el-text-color-primary);
+  }
+  &__icon {
+    margin-right: 6px;
+    font-size: 18px;
+  }
+  &__content {
+    font-size: 13px;
+    line-height: 1.5;
+    color: var(--el-color-info-light-3);
+  }
+
+  &:hover {
+    .custom-radio-item__header {
+      color: var(--el-color-primary);
+    }
+  }
+  &.nt-custom-radio-item--active {
+    border-color: var(--el-color-primary);
+    background-color: #147bea0d;
+    .nt-custom-radio-item__header {
+      color: var(--el-color-primary);
+    }
+  }
+}
+// .nt-custom-radio-label {
+//   color: #151b26;
+//   line-height: 22px;
+//   height: 20px;
+//   cursor: pointer;
+//   background: #fff;
+//   font-weight: 500;
+//   box-sizing: content-box;
+//   position: relative;
+//   font-size: 16px;
+//   color: #999ebe;
+//   &:before{
+//     position: absolute;
+//     left: 0;
+//     top:0;
+//     right: 0;
+//     bottom: 0;
+//     pointer-events: none;
+//     content: "";
+//     border: solid 1px #eef0f6;
+//     border-radius: 8px;
+//   }
+//   &:hover {
+//     color: var(--el-color-primary);
+//   }
+
+//   &.nt-custom-radio-label--active {
+//     background: var(--el-color-primary);
+//     font-weight: 500;
+//     color: #fff;
+//     // font-size: 18px;
+//     &:before{
+//       border: solid 1px transparent;
+//     }
+//   }
+// }
+
+.nt-radio-group__placeholder {
+  background: #fff;
+  height: 32px;
+  font-size: var(--el-font-size-base);
+}
+.nt-radio-group__text {
+  color: var(--el-text-color-secondary);
+  display: flex;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+}
+.nt-radio-group__text--error {
+  color: var(--el-color-danger);
+  cursor: pointer;
+}

package/theme-chalk/src/search.scss

@@ -0,0 +1,5 @@
+.nt-search {
+  .el-button span {
+    transform: translateY(-2px);
+  }
+}

package/theme-chalk/src/select.scss

@@ -0,0 +1,14 @@
+.nt-select__text {
+  color: var(--el-text-color-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  text-align: center;
+  height: 34px;
+  width: 100%;
+}
+.nt-select__text--error {
+  color: var(--el-color-danger);
+  cursor: pointer;
+}

package/theme-chalk/src/table.scss

@@ -0,0 +1,24 @@
+.nt-table {
+
+  .el-table__empty-block {
+    padding-top: 20px;
+  }
+
+  .el-button.is-text {
+    padding: 6px 6px;
+    font-weight: normal;
+  }
+  .el-button+.el-button {
+    margin-left: 6px;
+  }
+  .el-button--info.is-text {
+    --el-button-text-color: var(--el-text-color-placeholder);
+  }
+
+  &-column{
+    &--flex {
+      display: inline-block;
+      white-space: nowrap;
+    }
+  }
+}

package/theme-chalk/src/tree-panel.scss

@@ -0,0 +1,113 @@
+$gap: 12px;
+
+.m-text {
+  color: var(--el-text-color-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  text-align: center;
+  height: 34px;
+  width: 100%;
+}
+.is-error {
+  color: var(--el-color-danger);
+  cursor: pointer;
+}
+
+.nt-tree-panel {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-left: -$gap;
+  margin-right: -$gap;
+
+  .el-scrollbar__view {
+    min-height: 100%;
+  }
+
+  .el-tree {
+    margin-bottom: -2px;
+  }
+
+  .el-tree-node {
+    margin-bottom: 2px;
+  }
+
+  .el-tree-node__content {
+    height: 32px;
+    border-radius: 6px;
+  }
+
+  &__header {
+    padding: 0 $gap;
+    padding-bottom: 12px;
+  }
+
+  &__title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+  }
+
+  &__title-label {
+    color: var(--el-color-info);
+  }
+
+  &__title-value {
+    margin-left: 16px;
+    position: relative;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex: 1;
+    text-align: right;
+    line-height: 1;
+    color: var(--el-text-color-primary);
+  }
+  &.nt-tree-panel--clearable .nt-tree-panel__title-value {
+    padding-right: 18px;
+  }
+
+  &__title-op {
+    position: absolute;
+    right: 0;
+    top: 0;
+    line-height: 0;
+
+    .el-link {
+      --el-link-text-color: var(--el-color-info-light-5);
+      --el-link-hover-text-color: var(--el-color-info-light-3);
+    }
+  }
+  &__tool {
+    display: flex;
+    align-items: center;
+  }
+
+  &__tool-item {
+    margin: 0 8px;
+  }
+
+  &__filter {
+    margin-top: 12px;
+  }
+
+  &__body {
+    flex: 1;
+    height: 0;
+  }
+
+  &__content {
+    padding: 0 $gap;
+  }
+
+  &__empty {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 $gap;
+  }
+}

package/theme-chalk/src/tree-select.scss

@@ -0,0 +1,14 @@
+.nt-tree-select__text {
+  color: var(--el-text-color-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  text-align: center;
+  height: 34px;
+  width: 100%;
+}
+.nt-tree-select__text--error {
+  color: var(--el-color-danger);
+  cursor: pointer;
+}

package/theme-chalk/src/upload.scss

@@ -0,0 +1,86 @@
+.nt-upload {
+  // .el-upload-dragger {
+  //   --el-border-color: #c4d9ff;
+  //   --el-upload-dragger-padding-horizontal: 30px;
+  //   .el-icon--upload::before {
+  //     content: '\e9f8';
+  //     font-family: 'c-icon-font';
+  //     color: #e8ecf3;
+  //     font-size: 56px;
+  //   }
+  //   .el-icon--upload svg {
+  //     display: none;
+  //   }
+  //   .el-upload__tip {
+  //     font-size: 14px;
+  //     color: #999;
+  //   }
+  // }
+  // .el-upload-list {
+  //   .el-upload-list__item {
+  //     margin-bottom: 12px;
+  //     border: solid 1px #e5edfc;
+  //     padding: 12px 18px;
+  //     .el-upload-list__item-info {
+  //       margin-left: 0;
+  //       display: flex;
+  //     }
+  //   }
+  //   .el-upload-list__item .el-icon--close,
+  //   .el-upload-list__item-status-label {
+  //     right: 16px;
+  //     font-size: 20px;
+  //   }
+  //   .el-icon--document {
+  //     margin-right: 10px;
+  //     svg {
+  //       display: none;
+  //     }
+  //     &::before {
+  //       content: '\e9f9';
+  //       font-family: 'c-icon-font';
+  //       color: #54c07d;
+  //       font-size: 26px;
+  //     }
+  //   }
+  //   .el-upload-list__item .el-progress__text {
+  //     top: unset;
+  //     bottom: 15px;
+  //   }
+  //   .el-upload-list__item .el-progress {
+  //     top: unset;
+  //     bottom: 0;
+  //     left: 0;
+  //   }
+  // }
+
+  .el-upload-list__item {
+    transition: none !important;
+  }
+
+  .el-upload-list--text {
+    .el-upload-list__item {
+      margin-bottom: 8px;
+    }
+    .el-progress {
+      margin-top: 0 !important;
+    }
+  }
+
+  &__tips {
+    font-size: var(--el-font-size-base);
+    color: var(--el-text-color-secondary);
+    margin-top: 6px;
+
+    .el-icon {
+      transform: translateY(2px);
+      color: var(--el-text-color-placeholder);
+    }
+  }
+
+  &--exceed {
+    .el-upload.el-upload--picture-card {
+      display: none;
+    }
+  }
+}