zmdms-webui 2.3.2 → 2.3.3

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: @system-color;
+  color: @primary-color;
+  border-color: @system-color;
+  &:focus,
+  &:active {
+    background-color: @system-color;
+    color: @primary-color;
+    border-color: @system-color;
+  }
+  &:hover {
+    background-color: @tabs-nav-color-split;
+    color: @primary-color;
+    border-color: @tabs-nav-color-split;
+  }
+}
+
+.zt-btn-dropdown--default {
+  > button {
+    background-color: @system-color;
+    color: @primary-color;
+    border-color: @system-color;
+    &:focus,
+    &:active {
+      background-color: @system-color;
+      color: @primary-color;
+      border-color: @system-color;
+    }
+    &:hover {
+      background-color: @tabs-nav-color-split;
+      color: @primary-color;
+      border-color: @tabs-nav-color-split;
+    }
+  }
+}
+
+.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: @main-color-light-hover;
+    color: @white;
+    border-color: @main-color-light-hover;
+  }
+  &: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: @danger-color;
+  color: #ffffff;
+  border-color: @danger-color;
+  &:hover {
+    background: @danger-color-hover;
+    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/CanvasTable/style/index.less

@@ -0,0 +1,104 @@
+.canvas-table-container {
+  position: relative;
+  overflow: hidden;
+  background: #fff;
+  border: 1px solid rgb(222, 233, 246);
+  box-sizing: border-box;
+
+  // 防止滚动穿透
+  touch-action: none;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: auto;
+
+  canvas {
+    cursor: default;
+    touch-action: none;
+  }
+
+  .canvas-table-filter-popover {
+    background: #fff;
+    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+    border-radius: 2px;
+
+    .ant-checkbox-wrapper {
+      width: 100%;
+
+      &:hover {
+        background-color: #f5f5f5;
+      }
+    }
+  }
+
+  .canvas-table-cell-overlay {
+    // 覆盖层可以接收用户交互
+    pointer-events: auto;
+    box-sizing: border-box;
+
+    // 确保内容在覆盖层内居中对齐
+    display: flex;
+    align-items: center;
+
+    // 处理溢出
+    overflow: hidden;
+
+    // 确保覆盖层在Canvas之上，使用绝对定位
+    position: absolute;
+
+    // 固定列覆盖层的z-index会通过内联样式设置为更高值
+
+    // 覆盖层内的按钮、链接等元素可以正常交互
+    a,
+    button,
+    input,
+    select,
+    textarea {
+      pointer-events: auto;
+    }
+  }
+
+  // 单元格内容容器的直接子元素可以响应事件
+  .canvas-table-cell-content > * {
+    pointer-events: auto;
+  }
+
+  // Canvas 元素在覆盖层下方
+  canvas {
+    position: relative;
+    z-index: 0;
+  }
+
+  // 全屏样式
+  &.canvas-table--fullscreen {
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    width: 100% !important;
+    height: 100% !important;
+    z-index: 9999 !important;
+    margin: 0 !important;
+    background-color: #fff;
+  }
+
+  // 退出全屏按钮
+  .canvas-table--exit-fullscreen {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    padding: 8px 16px;
+    background: rgba(0, 0, 0, 0.7);
+    color: #fff;
+    border-radius: 4px;
+    cursor: pointer;
+    z-index: 10000;
+    font-size: 14px;
+    user-select: none;
+    transition: background 0.3s;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.9);
+    }
+  }
+}

package/dist/less/components/CanvasTable/style/style.less

@@ -0,0 +1 @@
+@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";