@cloudbase/weda-ui 0.2.9 → 0.2.13

package/src/web/wedatheme/src/styles/theme/_variables.scss

@@ -0,0 +1,140 @@
+$color-primary-0: #ECF2FE ;
+$color-primary-1: #D4E3FC ;
+$color-primary-2: #BBD3FB ;
+$color-primary-3: #96BBF8 ;
+$color-primary-4: #699EF5 ;
+$color-primary-5: #4787F0 ;
+$color-primary-6: #266FE8 ;
+$color-primary-7: #0052D9 ;
+$color-primary-8: #0034B5 ;
+$color-primary-9: #001F97 ;
+
+$color-error-0: #FDECEE ;
+$color-error-1: #F9D7D9 ;
+$color-error-2: #F8B9BE ;
+$color-error-3: #F78D94 ;
+$color-error-4: #F36D78 ;
+$color-error-5: #E34D59 ;
+$color-error-6: #C9353F ;
+$color-error-7: #B11F26 ;
+$color-error-8: #951114 ;
+$color-error-9: #680506 ;
+
+// success
+$color-success-0: #E8F8F2 ;
+$color-success-1: #BCEBDC ;
+$color-success-2: #85DBBE ;
+$color-success-3: #48C79C ;
+$color-success-4: #00A870 ;
+$color-success-5: #078D5C ;
+$color-success-6: #067945 ;
+$color-success-7: #056334 ;
+$color-success-8: #044F2A ;
+$color-success-9: #033017 ;
+
+
+// warning
+$color-warning-0: #FEF3E6 ;
+$color-warning-1: #F9E0C7 ;
+$color-warning-2: #F7C797 ;
+$color-warning-3: #F2995F ;
+$color-warning-4: #ED7B2F ;
+$color-warning-5: #D35A21 ;
+$color-warning-6: #BA431B ;
+$color-warning-7: #9E3610 ;
+$color-warning-8: #842B0B ;
+$color-warning-9: #5A1907 ;
+
+// neutral
+$color-neutral-0: #F3F3F3 ;
+$color-neutral-1: #EEEEEE ;
+$color-neutral-2: #E7E7E7 ;
+$color-neutral-3: #DCDCDC ;
+$color-neutral-4: #C5C5C5 ;
+$color-neutral-5: #A6A6A6 ;
+$color-neutral-6: #8B8B8B ;
+$color-neutral-7: #777777 ;
+$color-neutral-8: #5E5E5E ;
+$color-neutral-9: #4B4B4B ;
+$color-neutral-10: #383838 ;
+$color-neutral-11: #2C2C2C ;
+$color-neutral-12: #242424 ;
+$color-neutral-13: #181818 ;
+
+
+//##################################################
+
+$color-primary: $color-primary-7 ; // 色彩-品牌-可操作
+$color-warning: $color-warning-4 ; // 色彩-功能-警告
+$color-error: $color-error-5 ; // 色彩-功能-失败
+$color-success: $color-success-4 ; // 色彩-功能-成功
+
+// 主题色扩展
+$color-primary-hover: $color-primary-6 ;
+$color-primary-focus: $color-primary-6 ;
+$color-primary-active: $color-primary-8 ;
+$color-primary-disabled: $color-primary-2 ;
+
+// 警告色扩展
+$color-warning-hover: $color-warning-3 ;
+$color-warning-focus: $color-warning-3 ;
+$color-warning-active: $color-warning-5 ;
+$color-warning-disabled: $color-warning-2 ;
+
+// 失败/错误色扩展
+$color-error-hover: $color-error-4 ;
+$color-error-focus: $color-error-4 ;
+$color-error-active: $color-error-6 ;
+$color-error-disabled: $color-error-2 ;
+
+// 成功色扩展
+$color-success-hover: $color-success-3 ;
+$color-success-focus: $color-success-3 ;
+$color-success-active: $color-success-5 ;
+$color-success-disabled: $color-success-2 ;
+
+
+// 边框
+$color-border: $color-neutral-3 ; // 边框，描边颜色
+$color-border-hover: $color-primary-7;
+$color-border-inner: $color-neutral-2; // 内部分割线
+$color-border-disabled: $color-neutral-3;
+
+
+// 背景色
+$color-bg-fade: rgba(0, 0, 0, 0.9);
+
+$color-bg: #ffffff ;
+$color-bg-hover: $color-neutral-0 ; //本身是白底的hover色，
+$color-bg-focus: $color-neutral-3 ;  
+$color-bg-active: $color-neutral-4 ;  
+$color-bg-disabled: $color-neutral-1 ; //
+
+$color-bg-second: $color-neutral-1 ; // 用于控制台大灰底
+$color-bg-second-hover: $color-neutral-3; // 如果0号作为底色，hover则用 $color-neutral-1 色 50% 的透明
+$color-bg-gray: $color-neutral-0; // 用于白底上的灰底模块  即$color-neutral-0 色 50% 透明度
+$color-bg-gray-hover: $color-neutral-2; 
+
+// 文本色
+$color-text: rgba(0,0,0,0.9); // 默认文本颜色
+$color-text-weight: rgba(0, 0, 0, .9) ;
+$color-text-label: rgba(0, 0, 0, .4) ;
+$color-text-weak: rgba(0, 0, 0, .26) ;
+$color-text-disabled: rgba(0, 0, 0, .26) ;
+$color-text-anti-primary: #ffffff ;
+$color-text-tooltips:#ffffff ;
+
+$color-text-primary:$color-primary ;
+$color-text-success:$color-success ;
+$color-text-error:$color-error ;
+$color-text-warning:$color-warning ;
+
+$form-height: 32px;
+
+$box-shadow:0px 6px 30px 5px rgba(0, 0, 0 ,.05), 0px 16px 24px 2px rgba(0, 0, 0 ,.04), 0px 8px 10px -5px rgba(0, 0, 0 ,.08), inset 0px 0.5px 0px #dcdcdc, inset 0.5px 0px 0px #dcdcdc, inset 0px -0.5px 0px #dcdcdc, inset -0.5px 0px 0px #dcdcdc;
+
+// 圆角
+$border-radius: 3px;
+
+$font-size-default: 14px ;
+$prefix:'wedatea2td-';

package/src/web/wedatheme/src/styles/theme/index.scss

@@ -0,0 +1,91 @@
+@charset 'utf-8';
+// 引入tea所有的公共变量
+@import '../../../node_modules/@tencent/tea-component/dist/style/variables/index';
+// 重置tea的部分 公共/组件 变量
+@import './variables';
+input, textarea{
+  caret-color: $color-primary;
+}
+/* 基础 */
+
+// @import './icon';
+@import './button';
+@import './input&textarea&select';
+@import './checkbox&radio';
+@import './divider';
+@import './badge';
+// @import './image';
+
+/* 布局 */
+
+// @import './grid';
+@import './card';
+// @import './layout';
+// @import './blank-page';
+@import './blank-page-v2';
+@import './drawer';
+
+/* 导航 */
+
+@import "./pagination";
+@import "./tabs";
+@import "./steps";
+@import "./region-select";
+@import "./tree";
+@import "./breadcrumb";
+@import "./timeline";
+
+
+/* 内容 */
+
+@import './link';
+
+/* 表单 */
+
+@import './segment';
+@import './form';
+@import './dropdown';
+@import './inputnumber';
+@import './switch';
+@import './search';
+@import './tag-search';
+@import './tag';
+@import './slider';
+@import './upload';
+// @import './accordion';
+// @import './code-editor';
+
+/* 选择器 */
+
+@import './transfer';
+@import './datepicker';
+
+/* 列表、表格 */
+
+@import './table';
+@import './list';
+@import './metrics-board';
+
+/* 消息、反馈 */
+
+@import './bubble';
+// @import './tooltip';
+@import './popconfirm';
+@import './dialog';
+@import './progress';
+@import './toast';
+@import './alert';
+@import './status';
+@import './notification';
+
+/* 级联选择 */
+
+@import './cascader';
+
+/* 侧导航 */
+
+// @import './menu';
+
+/* 顶部导航 */
+
+// @import './nav';

package/src/web/wedatheme/style-package/README.md

@@ -0,0 +1,31 @@
+腾讯云 WEDATHEME 控制台项目样式包
+======================
+
+<!-- 识别每类内容的标题是否具备，同时判断页面内容字数；
+	具备内容类别数，字数大于等于类别数*200字，得到该类别的总分数 -->
+	
+## 项目介绍
+<!-- 本组织/项目的整体说明概览 -->
+仓库地址：
+
+
+## 快速上手
+<!-- 使用者如何快速上手使用本组织/项目，如下载，安装，启动，运行，教程。 -->
+
+
+## 常见问题
+<!-- 本组织/项目的常见通用问题和官方解答 -->
+
+## 行为准则
+<!-- 本组织/项目在代码协作方面需遵循的责任、范围、软件许可证、冲突解决等章程 -->
+
+
+## 如何加入
+<!-- 本组织/项目有明确的如何加入和贡献的文字说明 -->
+
+## 团队介绍
+<!-- 本组织/项目的角色分工、人名和联络方式、官方交流/沟通渠道 -->
+
+
+## 其他说明
+<!-- 其他需要补充的内容 -->