bri-components 1.0.5 → 1.1.1

package/src/styles/plugin/iview.less

@@ -0,0 +1,34 @@
+@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);
+@input-disabled-bg      : #E5E5E5
+
+// @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;