bri-components 1.0.3 → 1.1.0

package/src/styles/components/small/DshControlDefine.less

@@ -1,7 +1,7 @@
 .dsh-control-define {
     height: 32px;
     padding: 2px 6px;
-    border: 1px solid @formBorderColor;
+    border: 1px solid @borderColor;
     border-radius: 0px;
     line-height: 22px;
     text-align: left;
@@ -29,7 +29,7 @@
     }
 
     &-disabled {
-        border-color: @readonlyBorderColor !important;
+        border-color: @border-disabled !important;
     }
 
     &-text {

package/src/styles/components/small/DshDropdown.less

@@ -27,7 +27,7 @@
                     
                     &:hover {
                         background-color: #FFF;
-                        color: @tabTextActiveColor;
+                        color: @themeColor;
                     }
         
                     &-disabled {

package/src/styles/components/small/DshPage.less

@@ -42,7 +42,7 @@
     .ivu-page-prev {
         background: @white;
         min-width: 26px;
-        border: 1px solid @borderGrey;
+        border: 1px solid #d9d9d9;
         a {
             color: #000;
             font-weight: bold;

package/src/styles/components/small/DshTabs.less

@@ -24,7 +24,7 @@
         &-active {
             background-color: @bgColor;
             font-weight: 600;
-            color: @activeDarkGreyColor;
+            color: #515a6e;
         }
         &:hover {
             .DshTabs-item-delete,
@@ -73,7 +73,7 @@
             background-color: @bgColor;
             line-height: 16px;
             font-size: 12px;
-            color: @activeDarkGreyColor;
+            color: #515a6e;
             &:focus {
                 box-shadow: none;
             }

package/src/styles/components/unit/DshFormItem.less

@@ -23,7 +23,7 @@
         padding: 5px 0px 5px;
         min-width: 0px;
         line-height: 20px;
-        font-size: @tipTextSize;
+        font-size: @smallSize;
         margin-bottom: 3px;
         display: flex;
         align-items: center;
@@ -41,9 +41,8 @@
         }
 
         &-name {
-            color: @formLabelColor;
-            font-size: @formLabelSize;
-            font-family: "Microsoft YaHei";
+            color: @contentColor;
+            font-size: @textSize;
 
             &-sign {
                 #dsh-sign-change();
@@ -51,14 +50,14 @@
         }
 
         &-description {
-            color: @tipTextColor;
+            color: #60c0ec;
         }
     }
 
     &-control {
         min-height: 30px;
 
-        .DshPackage-edit{
+        .DshPackage-edit {
             border: none;
             padding: 0;
         }

package/src/styles/index.less

@@ -1,10 +1,6 @@
-// @import '~view-design/src/styles/index.less'; // 第三方库样式
-
 @import "./variables.less"; // iview重置样式
-@import "./view_reset.less"; // iview重置样式
+@import "./plugin/index.less"; // 插件定制化样式
 @import "./reset.less"; // 自定义重置样式
 @import "./common/index.less"; // 共用样式
-@import "./define.less"; // 自定义样式
 @import "./animate.less"; // 动画样式
-
 @import "./components/index.less"; // 组件样式

package/src/styles/plugin/easytable.less

@@ -0,0 +1,22 @@
+@import '~vue-easytable/packages/theme-default/index.less'; // 引入官方提供的 less 样式入口文件
+// 可替换列表 https://github.com/Happy-Coding-Clans/vue-easytable/blob/master/packages/theme-default/var.less
+@ve-primary-color                            : @themeColor;
+@ve-default-text-color                       : @textColor;
+@ve-table-border-color                       : @borderColor;
+@ve-table-body-row-hover-background-color    : tint(@themeColor, 90%);
+@ve-table-body-row-highlight-background-color: tint(@themeColor, 90%);
+@ve-table-head-text-color                    : @contentColor;
+@ve-table-foot-text-color                    : @textColor;
+@ve-table-header-background-color            : @btn-hover;
+@ve-table-foot-background-color              : @white;
+@ve-table-sort-icon-default-color            : @tableSeatchColor;
+@ve-table-header-filter-icon-color           : @tableSeatchColor;
+@ve-dropdown-z-index                         : 99999;
+@ve-table-head-row-height                    : 40px;
+@ve-table-body-row-height                    : 40px;
+@ve-table-foot-row-height                    : 40px;
+@ve-table-head-row-td-padding                : 4px 20px;
+@ve-table-body-row-td-padding                : 4px 20px;
+@ve-table-foot-row-td-padding                : 4px 20px;
+@ve-table-column-fixed-border-color          : @borderColor;
+

package/src/styles/plugin/index.less

@@ -0,0 +1,2 @@
+@import "./iview.less"; // iview重置样式
+@import "./easytable.less"; // iview重置样式

package/src/styles/plugin/iview.less

@@ -0,0 +1,33 @@
+@import '~view-design/src/styles/index.less';
+
+// 可替换样式 https://github.com/view-design/ViewUI/blob/master/src/styles/custom.less
+// 直接引入变量custom_web报错，其他项目不报错，
+@primary-color          : #3DB8C5; // @themeColor;
+@text-color             : rgba(0, 0, 0, 0.9);
+@border-radius-base     : 4px;
+@border-color-base      : #E5E5E5;
+@background-color-base  : #F5F5F5;
+@font-family            : "PingFang SC","Microsoft YaHei","微软雅黑";
+
+// Button
+@btn-primary-color      : rgba(255, 255,255, 0.9);
+@btn-font-weight        : 700;
+@btn-border-radius-small: 4px;
+@btn-disable-color      : rgba(0, 0,0,0.26);
+@btn-disable-bg         : #E5E5E5;
+@btn-disable-border     : #ccc;
+@btn-font-size-small    : 12px;
+@btn-ghost-color        : #3DB8C5;
+@btn-ghost-bg           : rgba(255, 255,255, 0.9);
+@btn-ghost-border       : #E5E5E5;
+
+// input
+@input-placeholder-color: rgba(0, 0, 0, 0.4);
+// @btn-padding-base-icon  : 5px 15px 6px;
+// @btn-padding-large-icon : 6px 15px 6px 15px;
+// @btn-padding-small-icon : 1px 7px 2px;
+// @btn-padding-base       : 0 @padding-md - 1px;
+// @btn-padding-large      : @btn-padding-base;
+// @btn-padding-small      : 0 @padding-xs - 1px;
+
+

package/src/styles/variables.less

@@ -1,98 +1,81 @@
-/*主色start*/
-@themeColor: #3DB8C5; // 主题颜色
-@primaryColor: #0875FF; // button primary颜色
-@themeDarkColor: #0E3161; //深色导航背景
-@themeHelpColor: @themeColor; //辅助色1   原#34527A;
-@themeHelpColor1: @themeColor; //辅助色2  原#285AD8
-@progressColor: @themeColor; //进度条绿色 原#6CACEE
-@borderColor: @themeColor; // 边框颜色 原#BAC9F0
-@bgColor: #F4F5FA; // 背景颜色
-@btnBg: @themeColor; //按钮色
-@disabledColor: #8A92A5; // 辅助图标
-@shenpi-themeColor:#3D84EE; // 审批端表单编辑改版主题色
-/*主色end*/
+// 主题色
+@themeColor            : #3DB8C5; // 主题颜色
+@theme-hover           : #7DD0D8;
+@theme-active          : #298089;
+@theme-focus           : #DCF2F4;
+@theme-disabled        : #BCE7EB;
+@brand2                : #5EC4CF; // 暂时未用到，名字待修改
+@brand3                : #329EA9;
+@brand5                : #9DDBE2;
+@brand9                : #20636A;
 
-/*辅色start*/
-@warningDanger: #F5222D; //警示红
-@warningOrange: #FA8C16; //警示橙
-@warningYellow: #FACF16; //警示黄
-@tipSuccess: #13C282; //通过绿
-/*辅色end*/
+// 背景色
+@bgColor               : #F5F5F5;
+@white                 : #FFF;
+@black                 : #000;
 
-/*字色start*/
-@contentColor: #596278; // 正文颜色
-@textColor: #8c8c8c; // 文字颜色
-@minorTextColor: #8A92A5; //次要文字颜色
-@subColor: #B8BECC; //弱文字颜色
-@greyColor: #E3E7F0; // 弱文字色，当前激活若背景色
-@deleteColor: @warningDanger; //删除文字颜色
-@titleColor: #19233B; // title文字颜色
-/*字色end*/
+// border
+@borderColor           : #E5E5E5;
+@border-hover          : @theme-hover;
+@border-active         : @theme-active;
+@border-readonly       : @borderColor;
+@border-disabled       : #CCC;
+@grey3                 : #999999;
+@gray6                 : #666666;
+@gray5                 : #333333;
 
-/*字体大小规范start*/
-@largeTitleSize: 24px; // 最大title字体大小
-@titleSize: 20px; // 用于导航文字 大标题文字
-@commonTitleSize: 18px; //用于主页重要标题信息
-@smallTitleSize: 16px; //用于小标题类文字信息
-@textSize: 14px; //用于主要信息类文字
-@textSmallSize: 13px;
-@tipTextSize: 12px; //用于辅助信息类文字
-@bannerTitleSize: 54px;
-/*字体大小规范end*/
+// input背景色
+@inputBg               : @white;
+@inputBg-readonly      : #F5F5F5;
+@inputBg-disabled      : @borderColor;
 
+// btn背景色
+@btnBg                 : @white;
+@btn-hover             : #F0F0F0;
+@btn-click             : @borderColor;
+@btn-disabled          : @white;
 
-@shadowColor: #828499; // 阴影颜色
-@textActiveColor: #262626; // 文字选中颜色
-@tabTextActiveColor: @themeColor; // tab选中的背景颜色
-@tabBgActiveColor: #F7FCFC; // tab选中的背景颜色
-@tipTextColor: #60c0ec; // 提示文字的颜色
+// 文字&图标色
+@textColor             : rgba(0, 0, 0, 0.9);
+@contentColor          : rgba(0, 0, 0, 0.6); // 正文颜色
+@titleColor            : @textColor; // title文字颜色
+@placeholderColor      : rgba(0, 0, 0, 0.4);
+@textColor-readonly    : @textColor;
+@textColor-disabled    : rgba(0, 0, 0, 0.26);
+@textWhColor           : rgba(255, 255, 255, 0.9);
+@fontWh2               : rgba(255, 255, 255, 0.55);
+@fontWh3               : rgba(255, 255, 255, 0.35);
+@fontWh4               : rgba(255, 255, 255, 0.22);
 
-@titleFontFamily: SourceHanSansCN-Bold, SourceHanSansCN; // title字体
+// 字体使用规则,字体大小和行高
+@bannerTitleSize       : 36px;
+@bannerTitleHeight     : 44px;
+@largeTitleSize        : 24px; // 最大title字体大小
+@largeTitleHeight      : 32px; // 最大title行高
+@titleSize             : 20px; // 用于导航文字 大标题文字
+@titleHeight           : 28px; // 用于导航文字 大标题行高
+@commonTitleSize       : 18px;
+@smallTitleSize        : 16px; //用于主页重要标题信息
+@smallTitleHeight      : 24px; //用于主页重要标题行高
+@textSize              : 14px; //用于主要信息类文字
+@textHeight            : 22px; //用于主要信息类文字行高
+@smallSize             : 12px; //用于辅助信息类文字
+@smallHeight           : 20px; //用于辅助信息类文字行高
+@fontNormal            : normal;
+@fontBold              : 700;
 
-@numberFontFamily: DINAlternate-Bold, DINAlternate; //数字字体
-@textFontFamily: PingFang SC; //中文文字字体
-@hoverBg: #E8F3FD;
-@white: #fff;
-@formLabelColor: #666; //表单label
-@formTextColor: #333; //表单label
-@formLabelSize: 14px; //表单label
-@formBorderColor: #E5E5E5; // 表单边框 
-@formBgColor: #F5F5F5; // 表单背景色 
-@formFocusBorderColor: @themeColor; // 表单选中边框 
-@uploadBackgroundColor: transparent; //上传icon背景
-@iconDefaultGreyColor: #BABABA; //icon默认灰色
-@ghostBg: #F4F8FF; //btn 浅背景色
-@inputPlaceholderColor: #BCBCBC; //input框内部placeholder
-@sheetSearchTitleColor: #333333; //工作表筛选两级title颜色
-@activeDarkGreyColor: #515a6e; // active时字体深灰颜色
-@readonlyBorderColor: #eee; //readonly状态下border颜色
-@disabledBgColor: rgb(250, 250, 250);
-// @disabledColor: #666;
+// shadow 圆角
+@hoverShadow           : 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
+@boxShadow             : 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
+@modalShadow           : 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
+@borderRadius          : 4px;
 
-@mainBg: #ecf1f9;
-@boxShadow: 0px 2px 20px 0px rgba(116, 138, 163, 0.38);
-@boxShadowRight: 5px 0px 9px rgba(0, 0, 0, 0.1);
+// 辅色
+@warning-color         : #EB920E;
+@error-color           : #E83636;
+@scuess-color          : #37C45E;
 
-@cscecBg: #F4F5FA;
-@cscecTableTitleBg: #fafbfd;
-@dasTextColor: @contentColor;
-@cscecInputBg: #fff;
 
-@borderGrey: #d9d9d9;
-
-@resourceColor: #3D84EE,
-    #F4A135,
-    #32B5A5,
-    #A3CF26,
-    #C36625,
-    #793CB7,
-    #E94829,
-    #E8BB1F,
-    #52A829,
-    #37B653,
-    #1DD9E6,
-    #1457BC,
-    #4B5CC4,
-    #7471F7,
-    #C434DB,
-    #252F36;
+// 老版本待优化
+@resourceColor         : #3D84EE,#F4A135, #32B5A5, #A3CF26, #C36625,  #793CB7, #E94829,
+                       #E8BB1F, #52A829, #37B653, #1DD9E6,  #1457BC, #4B5CC4, #7471F7, #C434DB, #252F36;