zmdms-webui 2.2.5 → 2.2.7

package/dist/less/components/Button/style/index.less

@@ -0,0 +1,160 @@
+@default-height: 30px; // 正常按钮高度
+@large-height: 38px; // 大按钮高度
+@small-height: 22px; // 小按钮高度
+
+@default-line-height: 16px;
+@large-line-height: 20px;
+@small-line-height: 12px;
+
+@default-font-size: 14px;
+@large-font-size: @default-font-size * 1.25;
+@small-font-size: @default-font-size * 0.75;
+
+@default-padding: 4px 15px;
+@large-padding: 6px 15px;
+@small-padding: 0 7px;
+
+.zt-btn,
+.ant-btn {
+  height: @default-height;
+  line-height: @default-line-height;
+  font-size: @default-font-size;
+  padding: @default-padding;
+  border-radius: @border-radius-base;
+  user-select: auto;
+  font-family: PingFangSC-Regular, PingFang SC;
+  // UI审查
+  // > span {
+  //   font-size: @default-font-size;
+  // }
+}
+
+.copy-btn--container {
+  > button {
+    &:first-child {
+      width: calc(100% - 40px);
+      overflow: hidden;
+      padding: 0;
+      margin-right: 10px;
+    }
+  }
+}
+.zt-btn-large {
+  height: @large-height;
+  line-height: @large-line-height;
+  font-size: @large-font-size;
+  padding: @large-padding;
+}
+.zt-btn-small {
+  height: @small-height;
+  line-height: @small-line-height;
+  font-size: @small-font-size;
+  padding: @small-padding;
+}
+
+.ant-popover .ant-btn,
+button.zt-btn-default,
+button.ant-btn-default {
+  background-color: #e0eafe;
+  color: #5b76f6;
+  border-color: #e0eafe;
+  &:focus,
+  &:active {
+    background-color: #e0eafe;
+    color: #5b76f6;
+    border-color: #e0eafe;
+  }
+  &:hover {
+    background-color: #cdd9e6;
+    color: #5b76f6;
+    border-color: #cdd9e6;
+  }
+}
+
+.zt-btn-dropdown--default {
+  > button {
+    background-color: #e0eafe;
+    color: #5b76f6;
+    border-color: #e0eafe;
+    &:focus,
+    &:active {
+      background-color: #e0eafe;
+      color: #5b76f6;
+      border-color: #e0eafe;
+    }
+    &:hover {
+      background-color: #cdd9e6;
+      color: #5b76f6;
+      border-color: #cdd9e6;
+    }
+  }
+}
+
+.ant-popover button.ant-btn-primary,
+button.zt-btn-primary,
+button.ant-btn-primary {
+  background-color: @main-color-light;
+  color: @white;
+  border-color: @main-color-light;
+  &:hover {
+    background-color: #3a3f9d;
+    color: @white;
+    border-color: #3a3f9d;
+  }
+  &:focus {
+    background-color: @main-color-light;
+    color: @white;
+    border-color: @main-color-light;
+  }
+}
+
+button.zt-btn-link {
+  color: @link-color;
+  &:hover {
+    color: @link-hover-color;
+  }
+  &.zt-btn-disabled[disabled] {
+    cursor: not-allowed;
+    background: none;
+    color: #cccccc;
+    border: none;
+    &:hover {
+      background: none;
+      color: #cccccc;
+      border: none;
+    }
+  }
+}
+
+button.zt-btn-dangerous {
+  background: #ff4d4f;
+  color: #ffffff;
+  border-color: #ff4d4f;
+  &:hover {
+    background: #ff7875;
+    color: #ffffff;
+  }
+}
+
+button.zt-btn-disabled {
+  &[disabled] {
+    cursor: not-allowed;
+    background-color: #cccccc;
+    color: #ffffff;
+    border-color: #cccccc;
+    &:hover {
+      background-color: #cccccc;
+      color: #ffffff;
+      border-color: #cccccc;
+    }
+  }
+}
+
+.ant-btn-icon-only {
+  width: @default-height;
+  height: @default-height;
+  padding: 2.4px 0;
+  font-size: 16px;
+  border-radius: 2px;
+  vertical-align: -1px;
+}

package/dist/less/components/Button/style/style.less

@@ -0,0 +1,5 @@
+// 包含antd button 和 自定义样式
+@import "antd/lib/button/style/index.less";
+
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/Cascader/style/index.less

@@ -0,0 +1,9 @@
+// 基座上面引入的antd版本和子应用的antd版本存在冲突。基座上的antd版本设置了这个框的定位，导致计算出现问题。
+// 后续会在zmdms-webui组件库中，设置这个样式，这里暂时这样处理
+.ant-cascader-menus {
+  position: static;
+}
+.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
+.ant-cascader-menu-item-loading-icon {
+  position: static;
+}

package/dist/less/components/Cascader/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/Collapse/style/index.less

@@ -0,0 +1,117 @@
+.ztxk-collapse {
+  border: 1px solid @col-line-border;
+  border-bottom: none;
+  background-color: transparent;
+  .ant-collapse-header {
+    border: 1px solid @col-line-border;
+  }
+  .ant-collapse-content-box {
+    > .ztxk-title {
+      border: 1px solid @col-line-border;
+    }
+    .ztxk-table {
+      border-radius: 0;
+      .ant-table-container {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+    }
+  }
+  &.ztxk-collapse--non-border {
+    border: none;
+    .ant-collapse-item {
+      border-bottom: none;
+    }
+  }
+  &.ztxk-collapse--item-margin {
+    > .ant-collapse-item {
+      margin-bottom: @margin-base;
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+  &.ztxk-collapse--main-bg_transparent {
+    background-color: transparent;
+  }
+  &.ztxk-collapse--main-bg_white {
+    background-color: #fff;
+  }
+  &.ztxk-collapse--custom-background {
+    .ant-collapse-item .ant-collapse-header {
+      background-color: @col-line-titleBg;
+      padding-left: 18px;
+      &::before {
+        content: "";
+        display: block;
+        width: 6px;
+        height: 16px;
+        background: #4285f4;
+        position: absolute;
+        top: 12px;
+        left: 4px;
+        border-radius: 3px;
+      }
+    }
+  }
+  .ant-collapse-item.ztxk-collapse--panel-hidden-border {
+    border-bottom: none;
+  }
+  // 图标旋转控制
+  .ant-collapse-arrow {
+    > svg {
+      transform: rotate(90deg);
+    }
+  }
+  .ant-collapse-item-active {
+    .ant-collapse-arrow {
+      > svg {
+        transform: rotate(270deg) !important;
+      }
+    }
+  }
+  // 边距
+  &.ztxk-collapse--custom-padding {
+    .ant-collapse-item {
+      .ant-collapse-content {
+        .ant-collapse-content-box {
+          padding: 10px;
+        }
+      }
+    }
+  }
+  .ant-collapse-item {
+    border-bottom: 1px solid #d4dfea;
+    .ant-collapse-header {
+      height: 38px;
+      line-height: 38px;
+      padding: 0 @padding-base;
+      background: rgba(250, 250, 250, 1);
+      border-bottom: none;
+
+      .zt-collapse--icon {
+        color: @weight-3;
+        .zt-collapse--icon-text {
+          margin-left: 5px;
+          font-size: 13px;
+        }
+      }
+      .ant-collapse-extra {
+        position: absolute;
+        top: 50%;
+        right: 64px;
+        left: auto;
+        margin: 0;
+        transform: translateY(-50%);
+      }
+    }
+
+    .ant-collapse-content {
+      background: @white;
+      border-top: none;
+      .ant-collapse-content-box {
+        padding: 0;
+      }
+    }
+  }
+}

package/dist/less/components/Collapse/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/Container/style/index.less

@@ -0,0 +1,64 @@
+.ztxk-container {
+  overflow: auto;
+  min-height: 100px;
+  position: relative;
+  .ztxk-container__loading {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    min-height: 100px;
+    background-color: @black-1;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    z-index: 10000;
+  }
+
+  .ztxk-container__content {
+    background-color: @bg-white;
+    margin: @margin-base;
+    padding: @padding-base;
+    overflow-y: auto;
+    &.ztxk-container__content--flex {
+      display: flex;
+      flex-direction: column;
+    }
+    &.ztxk-container__content--title {
+      padding: 0 !important;
+      display: flex;
+      flex-direction: column;
+      .ztxk-container__content--main {
+        padding: @padding-base;
+        // 2024-07-03 标题的高度不止38px 可能超过38px 这里改成flex布局
+        // height: calc(100% - 38px);
+        flex-grow: 1;
+        overflow-y: auto;
+      }
+      .ztxk-container__content--main--flex {
+        display: flex;
+        flex-direction: column;
+      }
+    }
+  }
+}
+
+.ztxk-container--btn-wrap {
+  &.btn-wrap--margin-top {
+    margin-top: @margin-base;
+  }
+  > button {
+    margin-bottom: @margin-base;
+    margin-right: @margin-base;
+  }
+}
+
+.ztxk-container--scroll-wrap {
+  &.scroll-wrap--margin-top {
+    margin-top: @margin-base;
+  }
+  overflow-y: auto;
+}

package/dist/less/components/Container/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/DatePicker/style/index.less

@@ -0,0 +1,7 @@
+.ant-picker-input > input {
+  font-size: 13px;
+}
+// 优化日期选择器中文字的垂直居中，目前选中year和month时，文字会偏上
+.ant-picker-body td {
+  vertical-align: middle;
+}

package/dist/less/components/DatePicker/style/style.less

@@ -0,0 +1,4 @@
+@import "antd/lib/date-picker/style/index.less";
+
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/Descriptions/style/index.less

@@ -0,0 +1,32 @@
+.ztxk-descriptions {
+  &.ant-descriptions-middle {
+    .ant-descriptions-item-label {
+      padding: 4px 4px;
+      line-height: 20px;
+    }
+    .ant-descriptions-item-content {
+      padding: 4px 4px;
+      line-height: 20px;
+    }
+  }
+  .ant-descriptions-header {
+    margin-bottom: 10px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid @col-line;
+    > .ant-descriptions-title {
+      font-size: @font-size-title;
+    }
+    > .ant-descriptions-extra {
+      color: @weight-1;
+    }
+  }
+
+  &.ant-descriptions-bordered {
+    .ant-descriptions-item-label {
+      background: @col-line;
+    }
+  }
+  .ztxk-descriptions--differences {
+    background-color: @global-color;
+  }
+}

package/dist/less/components/Descriptions/style/style.less

@@ -0,0 +1,5 @@
+// 包含antd form 和 自定义样式
+@import "antd/lib/descriptions/style/index.less";
+
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/DetailList/style/index.less

@@ -0,0 +1,105 @@
+.ztxk-grid {
+  &.ztxk-grid--default {
+    .ztxk-grid-item {
+      line-height: 18px;
+    }
+  }
+  &.ztxk-grid--large {
+    .ztxk-grid-item {
+      // line-height: 36px;
+      line-height: 32px;
+    }
+  }
+  &.ztxk-grid--border {
+    border-left: 1px solid @col-line-border;
+    &:first-child {
+      border-top: 1px solid @col-line-border;
+    }
+    .ztxk-grid-item {
+      border-right: 1px solid @col-line-border;
+      border-bottom: 1px solid @col-line-border;
+      &.ztxk-grid-item--text {
+        padding: 2px 4px;
+      }
+    }
+  }
+  &.ztxk-grid--flex {
+    .ztxk-grid-item {
+      display: flex;
+      align-items: center;
+    }
+  }
+  .ztxk-grid-item--flex {
+    display: flex;
+    align-items: center;
+  }
+  &.ztxk-grid--background {
+    .ztxk-grid-item--title {
+      background: @col-line-titleBg;
+      .ztxk-grid-item--title-text {
+        color: @weight-1;
+      }
+    }
+  }
+  .ztxk-grid-item {
+    line-height: 18px;
+    font-size: 12px;
+    overflow: hidden;
+    &.ztxk-grid-item--title {
+      padding: 2px 0 2px 4px;
+      word-wrap: break-word;
+      color: @weight-2;
+      justify-content: flex-end;
+      display: flex;
+      .ztxk-grid-item--title-text {
+        display: inline-block;
+        // /*文本不换行*/
+        // white-space: nowrap;
+        // /*超出范围隐藏*/
+        // overflow: hidden;
+        // /*文字超出用省略号*/
+        // text-overflow: ellipsis;
+      }
+      .ztxk-grid-item--title-colon {
+        padding: 0 0 0 1px;
+      }
+      .ztxk-grid-item--title-required {
+        margin: 1px 2px 0 0;
+        color: #ff4d4f !important;
+        font-size: 14px;
+        font-family: SimSun, sans-serif;
+      }
+    }
+    &.ztxk-grid-item--title-vertical-center {
+      align-items: center;
+    }
+    &.ztxk-grid-item--diff {
+      background-color: #fdfd19;
+    }
+    &.ztxk-grid-item--text {
+      padding: 3px 0;
+      word-wrap: break-word;
+      color: @weight-1;
+    }
+    &.ztxk-grid-item--text-ellipsis {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      // /*将对象作为弹性伸缩盒子模型显示*/
+      // display: -webkit-box;
+      // /*用来限制在一个块元素中显示的文本的行数*/
+      // -webkit-line-clamp: 3;
+      // /*设置伸缩盒对象的子元素的排列方式*/
+      // -webkit-box-orient: vertical;
+    }
+    &.ztxk-grid-item--text-noellipsis {
+      white-space: pre-line;
+    }
+  }
+  .ztxk-grid-item--merge {
+    display: flex;
+    .ztxk-grid-item--text {
+      flex: 1;
+    }
+  }
+}

package/dist/less/components/DetailList/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/Differences/style/index.less

@@ -0,0 +1,5 @@
+.ztxk-differences {
+  padding: 6px;
+  background-color: @global-color;
+  border-radius: 4px;
+}

package/dist/less/components/Differences/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";

package/dist/less/components/DynamicSetting/style/index.less

@@ -0,0 +1,96 @@
+.zt-sortable-new {
+  padding: 8px 0px;
+  // height: 38px;
+  line-height: 1.5;
+  text-align: left;
+  font-size: @font-size-text;
+  cursor: move;
+  overflow: hidden;
+  // border-bottom: 1px solid #f0f0f0;
+  .zt-sortable--item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 16px;
+    span {
+      white-space: break-spaces;
+    }
+  }
+  .zt-sortable--children {
+    display: flex;
+    .zt-sortable-new {
+      padding: 8px 26px;
+      // border-top: 1px solid #f0f0f0;
+      border-bottom: none;
+    }
+    span {
+      white-space: break-spaces;
+    }
+  }
+  &.no-move {
+    cursor: no-drop;
+  }
+  .zt-checkbox {
+    font-size: @font-size-text;
+  }
+  &:hover {
+    background-color: rgb(235, 243, 254);
+  }
+}
+.ztxk-dynamic--more {
+  cursor: pointer;
+  height: 20px;
+}
+.ant-dropdown-show-arrow.ztxk-dynamic--more--drop {
+  padding-top: 0;
+}
+.ztxk-dynamic--more--drop.ant-dropdown-placement-bottomRight
+  > .ant-dropdown-arrow {
+  top: -5px;
+}
+
+.dynamic-drawer {
+  .ant-drawer-header {
+    padding: 10px 12px;
+    .ant-drawer-title {
+      > div {
+        font-size: 16px;
+        color: #768696;
+        display: flex;
+        align-items: center;
+        .search-drawer--title-text {
+          margin-left: 10px;
+          font-size: 14px;
+          > span {
+            font-size: 13px;
+          }
+        }
+      }
+    }
+  }
+  .ant-drawer-body {
+    padding: 0;
+    .ant-checkbox-group {
+      width: 100%;
+    }
+  }
+  .ant-drawer-footer {
+    padding: 0;
+    display: flex;
+    justify-content: space-between;
+    border-top: none;
+    > button {
+      width: 33%;
+      height: 40px;
+      border: none;
+      border-radius: 0;
+    }
+  }
+}
+.dynamic-drawer-section-title {
+  font-weight: bold;
+  font-size: 14px;
+  background: #f5f5f5;
+  padding: 4px;
+  border-radius: 6px;
+}

package/dist/less/components/DynamicSetting/style/style.less

@@ -0,0 +1,2 @@
+@import "../../../styles/default.less";
+@import "./index.less";