@zgfe/business-lib 1.2.70-hxd.7 → 1.2.70-hxd.9

package/es/assets/styles/chunks.less

@@ -1,183 +1,183 @@
-// !!!!!!!!!!!!!!!!!!!!!!!!!!
-// 用于存放公共样式片段,公共样式不可直接当做class来使用
-// 所有代码片段，命名以双下划线为前缀
-// !!!!!!!!!!!!!!!!!!!!!!!!!!
-@import './variable.less';
-
-// 通用hover样式，适用于下拉选项等
-.__default-hover {
-  color: @primary-color;
-  background: @primary-color-hover;
-  border-color: @primary-color;
-  cursor: pointer;
-
-  .xiangxia {
-    color: @primary-color;
-  }
-}
-
-// focus 样式
-.__default-focused {
-  background-color: #fff;
-  border-color: @primary-color;
-  box-shadow: 0 0 0 4px @primary-color-hover;
-}
-
-// 下拉组件操作栏样式
-.__select-handle {
-  // padding: @padding-xss;
-  // border: 1px solid @border-color-base;
-  background: @custom-background;
-  border: 1px solid @custom-background;
-  border-radius: @border-radius-small;
-  cursor: pointer;
-  &:hover {
-    border: 1px solid @primary-color;
-  }
-  &.focus {
-    border: 1px solid @primary-color;
-    box-shadow: 0 0 0 4px @custom-focus;
-  }
-}
-
-// 下拉组件展开panel样式
-.__select-panel {
-  padding: @padding-xs;
-  background-color: #fff;
-  border-radius: @border-radius-normal;
-  box-shadow: @box-shadow-base;
-}
-
-// 下拉选项样式
-.__select-option {
-  height: @option-height;
-  padding: 0 @padding-sm;
-  line-height: @option-height;
-  border-radius: @border-radius-normal;
-  cursor: pointer;
-  .__default-overflow();
-
-  &:not(.disabled, .active):hover {
-    .__default-hover();
-  }
-
-  &.active:not(.biz-select-option-multiple) {
-    color: #fff;
-    background: @primary-color;
-    &:hover {
-      background: @primary-color !important;
-    }
-  }
-
-  &.disabled {
-    color: @disabled-color;
-    cursor: not-allowed;
-    &:hover {
-      background: none;
-    }
-  }
-}
-
-// 暂无数据样式，目前用于下拉框
-.__select-nodata {
-  height: @option-height;
-  padding: 0 @padding-sm;
-  line-height: @option-height;
-  border-radius: @border-radius-normal;
-}
-
-// 危险操作hover样式
-.__error-hover {
-  color: @error-color;
-  font-size: @font-size-lg;
-  background-color: @red-2;
-  cursor: pointer;
-}
-
-// 按钮禁用状态
-.__default-disabled {
-  color: @disabled-color;
-  cursor: not-allowed;
-
-  &:hover {
-    background-color: unset;
-  }
-}
-
-// 禁用状态
-.__disable {
-  color: @disabled-color;
-  background-color: @disabled-bg;
-  cursor: not-allowed;
-}
-
-// 超过长度用...表示
-.__default-overflow {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-// 下拉框默认样式
-.__select-default {
-  background-color: @background-color-base;
-  border: 1px solid @background-color-base;
-  border-radius: @border-radius-small;
-  cursor: pointer;
-  .__default-overflow();
-
-  &:hover:not(.disable) {
-    border-color: @primary-color;
-    box-shadow: none;
-  }
-
-  &.active:not(.disable) {
-    background-color: @white;
-    border-color: @primary-color;
-    box-shadow: @box-shadow-form;
-  }
-}
-
-// 下拉框常用样式
-.__select-normal-secondary {
-  background: @white;
-  border: 1px solid @border-color-base;
-  border-radius: @border-radius-small;
-  &:not(.disable) {
-    &:hover,
-    &.active {
-      border-color: @primary-color;
-    }
-  }
-}
-
-// 文字按钮
-.__text-btn {
-  width: fit-content;
-  padding: 2px 4px;
-  border: none;
-  border-radius: @border-radius-small;
-
-  &:hover {
-    .__default-hover();
-  }
-}
-
-// 默认按钮
-.__icon {
-  color: #9aa1a9;
-  cursor: pointer;
-  &:hover:not(.disabled) {
-    color: @primary-color;
-  }
-  &.disabled {
-    color: #ccd0d4;
-    cursor: not-allowed;
-  }
-
-  &.delete {
-    &:hover:not(.disabled) {
-      color: @error-color;
-    }
-  }
-}
+// !!!!!!!!!!!!!!!!!!!!!!!!!!
+// 用于存放公共样式片段,公共样式不可直接当做class来使用
+// 所有代码片段，命名以双下划线为前缀
+// !!!!!!!!!!!!!!!!!!!!!!!!!!
+@import './variable.less';
+
+// 通用hover样式，适用于下拉选项等
+.__default-hover {
+  color: @primary-color;
+  background: @primary-color-hover;
+  border-color: @primary-color;
+  cursor: pointer;
+
+  .xiangxia {
+    color: @primary-color;
+  }
+}
+
+// focus 样式
+.__default-focused {
+  background-color: #fff;
+  border-color: @primary-color;
+  box-shadow: 0 0 0 4px @primary-color-hover;
+}
+
+// 下拉组件操作栏样式
+.__select-handle {
+  // padding: @padding-xss;
+  // border: 1px solid @border-color-base;
+  background: @custom-background;
+  border: 1px solid @custom-background;
+  border-radius: @border-radius-small;
+  cursor: pointer;
+  &:hover {
+    border: 1px solid @primary-color;
+  }
+  &.focus {
+    border: 1px solid @primary-color;
+    box-shadow: 0 0 0 4px @custom-focus;
+  }
+}
+
+// 下拉组件展开panel样式
+.__select-panel {
+  padding: @padding-xs;
+  background-color: #fff;
+  border-radius: @border-radius-normal;
+  box-shadow: @box-shadow-base;
+}
+
+// 下拉选项样式
+.__select-option {
+  height: @option-height;
+  padding: 0 @padding-sm;
+  line-height: @option-height;
+  border-radius: @border-radius-normal;
+  cursor: pointer;
+  .__default-overflow();
+
+  &:not(.disabled, .active):hover {
+    .__default-hover();
+  }
+
+  &.active:not(.biz-select-option-multiple) {
+    color: #fff;
+    background: @primary-color;
+    &:hover {
+      background: @primary-color !important;
+    }
+  }
+
+  &.disabled {
+    color: @disabled-color;
+    cursor: not-allowed;
+    &:hover {
+      background: none;
+    }
+  }
+}
+
+// 暂无数据样式，目前用于下拉框
+.__select-nodata {
+  height: @option-height;
+  padding: 0 @padding-sm;
+  line-height: @option-height;
+  border-radius: @border-radius-normal;
+}
+
+// 危险操作hover样式
+.__error-hover {
+  color: @error-color;
+  font-size: @font-size-lg;
+  background-color: @red-2;
+  cursor: pointer;
+}
+
+// 按钮禁用状态
+.__default-disabled {
+  color: @disabled-color;
+  cursor: not-allowed;
+
+  &:hover {
+    background-color: unset;
+  }
+}
+
+// 禁用状态
+.__disable {
+  color: @disabled-color;
+  background-color: @disabled-bg;
+  cursor: not-allowed;
+}
+
+// 超过长度用...表示
+.__default-overflow {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+// 下拉框默认样式
+.__select-default {
+  background-color: @background-color-base;
+  border: 1px solid @background-color-base;
+  border-radius: @border-radius-small;
+  cursor: pointer;
+  .__default-overflow();
+
+  &:hover:not(.disable) {
+    border-color: @primary-color;
+    box-shadow: none;
+  }
+
+  &.active:not(.disable) {
+    background-color: @white;
+    border-color: @primary-color;
+    box-shadow: @box-shadow-form;
+  }
+}
+
+// 下拉框常用样式
+.__select-normal-secondary {
+  background: @white;
+  border: 1px solid @border-color-base;
+  border-radius: @border-radius-small;
+  &:not(.disable) {
+    &:hover,
+    &.active {
+      border-color: @primary-color;
+    }
+  }
+}
+
+// 文字按钮
+.__text-btn {
+  width: fit-content;
+  padding: 2px 4px;
+  border: none;
+  border-radius: @border-radius-small;
+
+  &:hover {
+    .__default-hover();
+  }
+}
+
+// 默认按钮
+.__icon {
+  color: #9aa1a9;
+  cursor: pointer;
+  &:hover:not(.disabled) {
+    color: @primary-color;
+  }
+  &.disabled {
+    color: #ccd0d4;
+    cursor: not-allowed;
+  }
+
+  &.delete {
+    &:hover:not(.disabled) {
+      color: @error-color;
+    }
+  }
+}

package/es/assets/styles/inner.less

@@ -1,3 +1,3 @@
-// 内部所有组件可直接引用在源码中
-@import './chunks.less';
-@import './variable.less';
+// 内部所有组件可直接引用在源码中
+@import './chunks.less';
+@import './variable.less';