@lambo-design/shared 1.0.0-beta.243 → 1.0.0-beta.246

package/nstyles/third/view-design.less

@@ -1,367 +1,367 @@
-/*
- * 更改 view-design 的默认样式
- *
- * @Author: huxuetong 
- * @Date: 2023-08-16 16:24:23 
- * @Last Modified by: huxuetong
- * @Last Modified time: 2024-04-06 14:15:41
- */
-
-// form-item
-.ivu-input {
-  height: var(--input-height);
-}
-
-.ivu-input-wrapper .ivu-input-icon,
-.ivu-select .ivu-select-input,
-.ivu-select.ivu-select .ivu-select-selection,
-.ivu-select.ivu-select .ivu-select-selection .ivu-select-placeholder,
-.ivu-select.ivu-select .ivu-select-selection .ivu-select-selected-value,
-.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
-.ivu-input-wrapper .ivu-input-prefix i,
-.ivu-select.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
-.ivu-select.ivu-select-multiple .ivu-select-selection .ivu-select-selected-value,
-.ivu-input-wrapper .ivu-input-suffix i {
-  height: var(--input-height);
-  line-height: var(--input-height);
-}
-.ivu-select .ivu-select-input,
-.ivu-select.ivu-select-multiple .ivu-select-input {
-  top: auto;
-}
-
-.ivu-page.mini .ivu-page-total,
-.ivu-page.mini .ivu-page-options-elevator,
-.ivu-page.mini .ivu-page-item {
-  height: var(--input-height);
-  line-height: var(--input-height);
-}
-
-.ivu-select-default.ivu-select-multiple .ivu-select-selection {
-  min-height: var(--input-height) !important;
-}
-
-.ivu-page.mini .ivu-page-next,
-.ivu-page.mini .ivu-page-prev,
-.ivu-page.mini .ivu-page-options-elevator input {
-  height: var(--input-height);
-  line-height: calc(var(--input-height) - 2px);
-}
-
-// 双滚动条问题，加上一个像素就好
-ul.ivu-page.mini {
-  margin-bottom: 1px !important;
-}
-
-.ivu-input,
-.ivu-select-selection,
-.ivu-input-number-input,
-.ivu-input-number,
-.ivu-radio-inner,
-.ivu-checkbox-inner,
-.ivu-table-cell-tree {
-  border-color: #ccc !important;
-}
-
-.ivu-radio-wrapper {
-  white-space: pre-wrap !important;
-}
-
-.ivu-radio .ivu-radio-inner::after {
-  top: 50%;
-  left: 50%;
-  transform: scale(1) translateX(-50%) translateY(-50%) !important;
-}
-
-.ivu-radio-checked .ivu-radio-inner,
-.ivu-checkbox-checked .ivu-checkbox-inner {
-  border-color: #488aff !important;
-}
-
-.ivu-select-multiple .ivu-select-selection > div {
-  display: flex;
-  .ivu-tag {
-    position: relative;
-    height: var(--ind-tag-height);
-    line-height: var(--ind-tag-height);
-
-    .ivu-icon {
-      position: absolute;
-      top: calc(50% + 1px);
-      transform: translateY(-50%);
-    }
-  }
-}
-
-.ivu-select-dropdown,
-.ivu-tooltip-popper {
-  z-index: 99999999 !important;
-}
-
-.ivu-select-dropdown,
-.ivu-dropdown-transfer {
-  max-height: 400px;
-}
-
-.ivu-select-item {
-  padding-top: 4px !important;
-  padding-bottom: 4px !important;
-}
-
-.selected-input {
-  .ivu-input {
-    cursor: pointer;
-  }
-
-  &.readonly {
-    .ivu-input {
-      cursor: default;
-    }
-  }
-}
-
-// button
-//全局样式，按钮高度-2022年11月11日
-.ivu-btn {
-  height: var(--ind-button-height-md);
-  padding-left: var(--ind-button-padding-md);
-  padding-right: var(--ind-button-padding-md);
-}
-.ivu-btn-small {
-  height: var(--ind-button-height-sm);
-  padding-left: var(--ind-button-padding-sm);
-  padding-right: var(--ind-button-padding-sm);
-}
-.ivu-btn-icon-only.ivu-btn {
-  width: var(--ind-button-height-sm);
-  padding-left: unset;
-  padding-right: unset;
-}
-
-// poptip
-//全局样式，树形选择框宽度-2022年11月11日
-.ivu-poptip {
-  width: 100%;
-  .ivu-poptip-rel {
-    width: 100%;
-  }
-}
-
-// tooltip
-// 领导让换个色 begin
-.ivu-tooltip-arrow {
-  border-bottom-color: rgb(232, 233, 234) !important;
-}
-.ivu-tooltip-inner {
-  background-color: rgb(232, 233, 234) !important;
-  color: #333 !important;
-}
-body > .ivu-tooltip-popper {
-  .ivu-tooltip-inner {
-    white-space: pre-wrap;
-  }
-}
-
-// 领导让换个色 end
-
-// card
-.ivu-card:hover {
-  box-shadow: none !important;
-}
-.ivu-card,
-.ivu-card-bordered {
-  border: 1px solid var(--ind-border-color);
-  .ivu-card-head {
-    padding: var(--ivu-card-head-padding) !important;
-    line-height: var(--ivu-card-head-line-height) !important;
-    height: var(--ivu-card-head-height) !important;
-    background: #ffffff;
-  }
-}
-
-.ivu-card-body {
-  padding: var(--ivu-card-body-padding);
-}
-
-// steps
-.ivu-steps.ivu-steps-small .ivu-steps-title {
-  font-size: 14px !important;
-  margin-top: 2px;
-}
-
-.ivu-steps .ivu-steps-head-inner {
-  display: block;
-  width: 26px !important;
-  height: 26px !important;
-  line-height: 24px !important;
-  margin-right: 8px !important;
-  text-align: center;
-  border: 1px solid #ccc;
-}
-
-.ivu-steps.ivu-steps-small .ivu-steps-tail {
-  top: 13px !important;
-  padding: 0 10px !important;
-}
-
-.ivu-steps .ivu-steps-head-inner > .ivu-steps-icon.ivu-icon {
-  font-size: 24px !important;
-}
-
-// modal
-.ivu-modal-close .ivu-icon-ios-close {
-  color: #444;
-}
-
-// row
-// 栅格布局的宽度为啥不是100%呢
-.ivu-row {
-  width: 100%;
-  // min-height: 100%;
-}
-
-// menu
-.ivu-menu-vertical .ivu-menu-item,
-.ivu-menu-vertical .ivu-menu-submenu-title {
-  padding-left: 8px;
-}
-
-.ivu-spin-fix {
-  // z-index: 999999998 !important;
-}
-
-// message
-.ivu-message {
-  zoom: 2;
-  z-index: 999999999 !important;
-}
-
-.ind-modal:has(.ivu-modal-confirm) {
-  z-index: 999999998 !important;
-}
-
-// tabs
-.ivu-tabs {
-  display: flex;
-  flex-direction: column;
-
-  &.ivu-tabs-auto-height {
-    height: 100%;
-  }
-
-  .ivu-tabs-bar {
-    flex-shrink: 0;
-  }
-
-  .ivu-tabs-content {
-    flex-grow: 1;
-  }
-}
-
-// collapse
-.ivu-collapse .ivu-collapse-item {
-  .ivu-collapse-header {
-    padding: var(--ivu-card-head-padding) !important;
-    line-height: var(--ivu-card-head-line-height);
-    height: var(--ivu-card-head-height);
-    // padding-bottom: 17px;
-    background-color: #ecf0f4;
-    border: 1px solid #d2dbe4;
-    border-bottom: none;
-    font-size: 16px;
-    font-weight: bold;
-    color: #333333;
-  }
-  &:last-child {
-    .ivu-collapse-header {
-      border-bottom: 1px solid #d2dbe4;
-    }
-    .ivu-collapse-content {
-      border-bottom: 1px solid #d2dbe4;
-    }
-  }
-}
-.ivu-collapse-content {
-  border: 1px solid #d2dbe4;
-  border-bottom: none;
-}
-
-// menu
-.ivu-menu {
-  .ivu-menu {
-    border-top: 1px solid var(--menu-black-active-bg);
-    border-bottom: none;
-  }
-}
-
-.ivu-menu-dark {
-  background: var(--menu-dark-active-bg) !important;
-}
-.ivu-menu-submenu-title {
-  background: var(--menu-dark-active-bg);
-}
-
-.ivu-menu-item > i {
-  margin-right: 12px !important;
-}
-
-.ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
-  margin-right: 8px !important;
-}
-
-// layout
-.ivu-layout-sider-children {
-  margin-right: 1px;
-  background-color: var(--menu-black-active-bg);
-  overflow-y: auto;
-
-  &::-webkit-scrollbar {
-    width: 0;
-  }
-  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover,
-  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover,
-  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover {
-    color: var(--main-color);
-    background: var(--selected-background-hover) !important;
-  }
-  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item,
-  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title,
-  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item {
-    font-size: var(--ivu-menu-item-font-size);
-    background-color: var(--menu-black-active-bg) !important;
-  }
-  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-child-item-active > .ivu-menu-submenu-title {
-    color: black;
-    font-size: 14px;
-  }
-  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
-  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
-    background: var(--selected-background) !important;
-    border-right: 3px solid var(--deep-mian-color);
-    color: var(--deep-menu-color) !important;
-  }
-  .ivu-menu-vertical .ivu-menu-submenu-title-icon {
-    right: 0px;
-  }
-}
-
-// table
-.ivu-table {
-  line-height: unset !important;
-}
-
-.ivu-input::-webkit-input-placeholder {
-  font-size: 12px;
-  // font-size: 14px;
-}
-
-.ivu-spin-large.ivu-spin-fix.ivu-spin-fullscreen{
-  background-color:rgba(255,255,255,0.1)
-}
-.extend-height{
-  min-height: calc(100vh - 85px);
-}
-
-.ivu-card-extra {
-  top: var(--ivu-card-extra, 3px) !important;
+/*
+ * 更改 view-design 的默认样式
+ *
+ * @Author: huxuetong 
+ * @Date: 2023-08-16 16:24:23 
+ * @Last Modified by: huxuetong
+ * @Last Modified time: 2024-04-06 14:15:41
+ */
+
+// form-item
+.ivu-input {
+  height: var(--input-height);
+}
+
+.ivu-input-wrapper .ivu-input-icon,
+.ivu-select .ivu-select-input,
+.ivu-select.ivu-select .ivu-select-selection,
+.ivu-select.ivu-select .ivu-select-selection .ivu-select-placeholder,
+.ivu-select.ivu-select .ivu-select-selection .ivu-select-selected-value,
+.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
+.ivu-input-wrapper .ivu-input-prefix i,
+.ivu-select.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
+.ivu-select.ivu-select-multiple .ivu-select-selection .ivu-select-selected-value,
+.ivu-input-wrapper .ivu-input-suffix i {
+  height: var(--input-height);
+  line-height: var(--input-height);
+}
+.ivu-select .ivu-select-input,
+.ivu-select.ivu-select-multiple .ivu-select-input {
+  top: auto;
+}
+
+.ivu-page.mini .ivu-page-total,
+.ivu-page.mini .ivu-page-options-elevator,
+.ivu-page.mini .ivu-page-item {
+  height: var(--input-height);
+  line-height: var(--input-height);
+}
+
+.ivu-select-default.ivu-select-multiple .ivu-select-selection {
+  min-height: var(--input-height) !important;
+}
+
+.ivu-page.mini .ivu-page-next,
+.ivu-page.mini .ivu-page-prev,
+.ivu-page.mini .ivu-page-options-elevator input {
+  height: var(--input-height);
+  line-height: calc(var(--input-height) - 2px);
+}
+
+// 双滚动条问题，加上一个像素就好
+ul.ivu-page.mini {
+  margin-bottom: 1px !important;
+}
+
+.ivu-input,
+.ivu-select-selection,
+.ivu-input-number-input,
+.ivu-input-number,
+.ivu-radio-inner,
+.ivu-checkbox-inner,
+.ivu-table-cell-tree {
+  border-color: #ccc !important;
+}
+
+.ivu-radio-wrapper {
+  white-space: pre-wrap !important;
+}
+
+.ivu-radio .ivu-radio-inner::after {
+  top: 50%;
+  left: 50%;
+  transform: scale(1) translateX(-50%) translateY(-50%) !important;
+}
+
+.ivu-radio-checked .ivu-radio-inner,
+.ivu-checkbox-checked .ivu-checkbox-inner {
+  border-color: #488aff !important;
+}
+
+.ivu-select-multiple .ivu-select-selection > div {
+  display: flex;
+  .ivu-tag {
+    position: relative;
+    height: var(--ind-tag-height);
+    line-height: var(--ind-tag-height);
+
+    .ivu-icon {
+      position: absolute;
+      top: calc(50% + 1px);
+      transform: translateY(-50%);
+    }
+  }
+}
+
+.ivu-select-dropdown,
+.ivu-tooltip-popper {
+  z-index: 99999999 !important;
+}
+
+.ivu-select-dropdown,
+.ivu-dropdown-transfer {
+  max-height: 400px;
+}
+
+.ivu-select-item {
+  padding-top: 4px !important;
+  padding-bottom: 4px !important;
+}
+
+.selected-input {
+  .ivu-input {
+    cursor: pointer;
+  }
+
+  &.readonly {
+    .ivu-input {
+      cursor: default;
+    }
+  }
+}
+
+// button
+//全局样式，按钮高度-2022年11月11日
+.ivu-btn {
+  height: var(--ind-button-height-md);
+  padding-left: var(--ind-button-padding-md);
+  padding-right: var(--ind-button-padding-md);
+}
+.ivu-btn-small {
+  height: var(--ind-button-height-sm);
+  padding-left: var(--ind-button-padding-sm);
+  padding-right: var(--ind-button-padding-sm);
+}
+.ivu-btn-icon-only.ivu-btn {
+  width: var(--ind-button-height-sm);
+  padding-left: unset;
+  padding-right: unset;
+}
+
+// poptip
+//全局样式，树形选择框宽度-2022年11月11日
+.ivu-poptip {
+  width: 100%;
+  .ivu-poptip-rel {
+    width: 100%;
+  }
+}
+
+// tooltip
+// 领导让换个色 begin
+.ivu-tooltip-arrow {
+  border-bottom-color: rgb(232, 233, 234) !important;
+}
+.ivu-tooltip-inner {
+  background-color: rgb(232, 233, 234) !important;
+  color: #333 !important;
+}
+body > .ivu-tooltip-popper {
+  .ivu-tooltip-inner {
+    white-space: pre-wrap;
+  }
+}
+
+// 领导让换个色 end
+
+// card
+.ivu-card:hover {
+  box-shadow: none !important;
+}
+.ivu-card,
+.ivu-card-bordered {
+  border: 1px solid var(--ind-border-color);
+  .ivu-card-head {
+    padding: var(--ivu-card-head-padding) !important;
+    line-height: var(--ivu-card-head-line-height) !important;
+    height: var(--ivu-card-head-height) !important;
+    background: #ffffff;
+  }
+}
+
+.ivu-card-body {
+  padding: var(--ivu-card-body-padding);
+}
+
+// steps
+.ivu-steps.ivu-steps-small .ivu-steps-title {
+  font-size: 14px !important;
+  margin-top: 2px;
+}
+
+.ivu-steps .ivu-steps-head-inner {
+  display: block;
+  width: 26px !important;
+  height: 26px !important;
+  line-height: 24px !important;
+  margin-right: 8px !important;
+  text-align: center;
+  border: 1px solid #ccc;
+}
+
+.ivu-steps.ivu-steps-small .ivu-steps-tail {
+  top: 13px !important;
+  padding: 0 10px !important;
+}
+
+.ivu-steps .ivu-steps-head-inner > .ivu-steps-icon.ivu-icon {
+  font-size: 24px !important;
+}
+
+// modal
+.ivu-modal-close .ivu-icon-ios-close {
+  color: #444;
+}
+
+// row
+// 栅格布局的宽度为啥不是100%呢
+.ivu-row {
+  width: 100%;
+  // min-height: 100%;
+}
+
+// menu
+.ivu-menu-vertical .ivu-menu-item,
+.ivu-menu-vertical .ivu-menu-submenu-title {
+  padding-left: 8px;
+}
+
+.ivu-spin-fix {
+  // z-index: 999999998 !important;
+}
+
+// message
+.ivu-message {
+  zoom: 2;
+  z-index: 999999999 !important;
+}
+
+.ind-modal:has(.ivu-modal-confirm) {
+  z-index: 999999998 !important;
+}
+
+// tabs
+.ivu-tabs {
+  display: flex;
+  flex-direction: column;
+
+  &.ivu-tabs-auto-height {
+    height: 100%;
+  }
+
+  .ivu-tabs-bar {
+    flex-shrink: 0;
+  }
+
+  .ivu-tabs-content {
+    flex-grow: 1;
+  }
+}
+
+// collapse
+.ivu-collapse .ivu-collapse-item {
+  .ivu-collapse-header {
+    padding: var(--ivu-card-head-padding) !important;
+    line-height: var(--ivu-card-head-line-height);
+    height: var(--ivu-card-head-height);
+    // padding-bottom: 17px;
+    background-color: #ecf0f4;
+    border: 1px solid #d2dbe4;
+    border-bottom: none;
+    font-size: 16px;
+    font-weight: bold;
+    color: #333333;
+  }
+  &:last-child {
+    .ivu-collapse-header {
+      border-bottom: 1px solid #d2dbe4;
+    }
+    .ivu-collapse-content {
+      border-bottom: 1px solid #d2dbe4;
+    }
+  }
+}
+.ivu-collapse-content {
+  border: 1px solid #d2dbe4;
+  border-bottom: none;
+}
+
+// menu
+.ivu-menu {
+  .ivu-menu {
+    border-top: 1px solid var(--menu-black-active-bg);
+    border-bottom: none;
+  }
+}
+
+.ivu-menu-dark {
+  background: var(--menu-dark-active-bg) !important;
+}
+.ivu-menu-submenu-title {
+  background: var(--menu-dark-active-bg);
+}
+
+.ivu-menu-item > i {
+  margin-right: 12px !important;
+}
+
+.ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
+  margin-right: 8px !important;
+}
+
+// layout
+.ivu-layout-sider-children {
+  margin-right: 1px;
+  background-color: var(--menu-black-active-bg);
+  overflow-y: auto;
+
+  &::-webkit-scrollbar {
+    width: 0;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover {
+    color: var(--main-color);
+    background: var(--selected-background-hover) !important;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item {
+    font-size: var(--ivu-menu-item-font-size);
+    background-color: var(--menu-black-active-bg) !important;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-child-item-active > .ivu-menu-submenu-title {
+    color: black;
+    font-size: 14px;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
+    background: var(--selected-background) !important;
+    border-right: 3px solid var(--deep-mian-color);
+    color: var(--deep-menu-color) !important;
+  }
+  .ivu-menu-vertical .ivu-menu-submenu-title-icon {
+    right: 0px;
+  }
+}
+
+// table
+.ivu-table {
+  line-height: unset !important;
+}
+
+.ivu-input::-webkit-input-placeholder {
+  font-size: 12px;
+  // font-size: 14px;
+}
+
+.ivu-spin-large.ivu-spin-fix.ivu-spin-fullscreen{
+  background-color:rgba(255,255,255,0.1)
+}
+.extend-height{
+  min-height: calc(100vh - 85px);
+}
+
+.ivu-card-extra {
+  top: var(--ivu-card-extra, 3px) !important;
 }