zk/bishengWeb
Public Access
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1

Browse Source
This commit is contained in:
zhangkai
2024-06-05 14:27:06 +08:00
commit b825dcd4d5
730 changed files with 100244 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1102
src/style/applies.css Normal file
View File

File diff suppressed because it is too large Load Diff

19
src/style/classes.css Normal file
View File

@@ -0,0 +1,19 @@
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
monospace;
}
/* The style below sets the cursor property of the element with the class .react-flow__pane to the default cursor.
The cursor: default; property value restores the browser's default cursor style for the targeted element. By applying this style, the element will no longer have a custom cursor appearance such as "grab" or any other custom cursor defined elsewhere in the application. Instead, it will revert to the default cursor style determined by the browser, typically an arrow-shaped cursor. */
.react-flow__pane {
cursor: default;
}

159
src/style/index.css Normal file
View File

@@ -0,0 +1,159 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 0 0% 100%;
/* hsl(0 0% 100%) */
--foreground: 222.2 47.4% 11.2%;
/* hsl(222 47% 11%) */
--muted: 210 40% 98%;
/* hsl(210 40% 98%) */
--muted-foreground: 215.4 16.3% 46.9%;
/* hsl(215 16% 46%) */
--popover: 0 0% 100%;
/* hsl(0 0% 100%) */
--popover-foreground: 222.2 47.4% 11.2%;
/* hsl(222 47% 11%) */
--card: 0 0% 100%;
/* hsl(0 0% 100%) */
--card-foreground: 222.2 47.4% 11.2%;
/* hsl(222 47% 11%) */
--border: 214.3 21.8% 91.4%;
/* hsl(214 32% 91%) */
--input: 214.3 21.8% 91.4%;
/* hsl(214 32% 91%) */
--primary: 222.2 27% 11.2%;
/* hsl(222 27% 18%) */
--primary-foreground: 210 40% 98%;
/* hsl(210 40% 98%) */
--secondary: 210 40% 96.1%;
/* hsl(210 40% 96%) */
--secondary-foreground: 222.2 47.4% 11.2%;
/* hsl(222 47% 11%) */
--accent: 210 30% 96.1%;
/* hsl(210 30% 96%) */
--accent-foreground: 222.2 47.4% 11.2%;
/* hsl(222 47% 11%) */
--destructive: 0 100% 50%;
/* hsl(0 100% 50%) */
--destructive-foreground: 210 40% 98%;
/* hsl(210 40% 98%) */
--radius: 0.5rem;
--ring: 215 20.2% 65.1%;
/* hsl(215 20% 65%) */
--round-btn-shadow: #00000063;
--error-background: #fef2f2;
--error-foreground: #991b1b;
--success-background: #f0fdf4;
--success-foreground: #14532d;
--info-background: #f0f4fd;
--info-foreground: #141653;
--high-indigo: #4338ca;
--medium-indigo: #6366f1;
--chat-bot-icon: #afe6ef;
--chat-user-icon: #aface9;
/* Colors that are shared in dark and light mode */
--blur-shared: #151923de;
--build-trigger: #dc735b;
--chat-trigger: #5c8be1;
--chat-trigger-disabled: #b4c3da;
--status-red: #ef4444;
--status-yellow: #eab308;
--status-green: #4ade80;
--status-blue: #2563eb;
--connection: #555;
}
.dark {
--background: 224 35% 7.5%;
/* hsl(224 40% 10%) */
--foreground: 213 31% 80%;
/* hsl(213 31% 91%) */
--muted: 223 27% 11%;
/* hsl(223 27% 11%) */
--muted-foreground: 215.4 16.3% 56.9%;
/* hsl(215 16% 56%) */
--popover: 224 71% 4%;
/* hsl(224 71% 4%) */
--popover-foreground: 215 20.2% 65.1%;
/* hsl(215 20% 65%) */
--card: 224 25% 15.5%;
/* hsl(224 71% 4%) */
--card-foreground: 213 31% 80%;
/* hsl(213 31% 91%) */
--border: 216 24% 17%;
/* hsl(216 34% 17%) */
--input: 216 24% 17%;
/* hsl(216 34% 17%) */
--primary: 210 20% 80%;
/* hsl(210 20% 80%) */
--primary-foreground: 222.2 27.4% 1.2%;
/* hsl(222 47% 1%) */
--secondary: 222.2 37.4% 7.2%;
/* hsl(222 47% 11%) */
--secondary-foreground: 210 40% 80%;
/* hsl(210 40% 80%) */
--accent: 216 24% 20%;
/* hsl(216 34% 17%) */
--accent-foreground: 210 30% 98%;
/* hsl(210 40% 98%) */
--destructive: 0 63% 31%;
/* hsl(0 63% 31%) */
--destructive-foreground: 210 40% 98%;
/* hsl(210 40% 98%) */
--ring: 216 24% 30%;
/* hsl(216 24% 30%) */
--radius: 0.5rem;
--round-btn-shadow: #00000063;
--success-background: #022c22;
--success-foreground: #ecfdf5;
--error-foreground: #fef2f2;
--error-background: #450a0a;
--info-foreground: #eff6ff;
--info-background: #172554;
--high-indigo: #4338ca;
--medium-indigo: #6366f1;
/* Colors that are shared in dark and light mode */
--blur-shared: #151923d2;
--build-trigger: #dc735b;
--chat-trigger: #5c8be1;
--chat-trigger-disabled: #2d3b54;
--status-red: #ef4444;
--status-yellow: #eab308;
--status-green: #4ade80;
--status-blue: #2563eb;
--connection: #555;
--chat-bot-icon: #235d70;
--chat-user-icon: #4f3d6e;
}
}

672
src/style/knowledge.css Normal file
View File

@@ -0,0 +1,672 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
.dark {
--accent: 0 0% 100% / 8%; /* hsl(210 30% 96%) */
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
font-feature-settings: "rlig" 1, "calt" 1;
}
}
@layer components {
.knowledge-header{
margin-bottom: 18px;
line-height: 35px;
height: 35px;
.knowledge-title{
font-weight: 600;
font-size: 18px;
color: #FEFEFE;
display: inline-block;
.title-list{
display: inline-block;
.title-item{
display: inline-block;
& span {
padding: 0px 15px;
}
& label{
cursor: pointer;
}
}
.title-item:last-child label{
cursor: unset;
}
}
}
.knowledge-create-box{
float: right;
.knowledge-create{
padding: 0px 14px;
line-height: 35px;
height: 35px;
border-radius: 18px;
border: 1px solid #E6B71E;
background: transparent;
font-weight: 400;
font-size: 13px;
color: #E6B71E;
letter-spacing: 5px;
cursor: pointer;
.create-icon{
width: 14px;
height: 14px;
display: inline-block;
margin-right: 8px;
margin-bottom: 4px;
}
& label{
cursor: pointer;
}
}
}
}
.folder-list{
margin-left: -35px;
.folder-item{
width: calc(25% - 35px);
display: inline-block;
margin-left: 35px;
margin-bottom: 30px;
background: #1A1A1A;
border-radius: 14px;
padding: 1px;
cursor: pointer;
.folder-content-item{
padding: 19px;
background: #1A1A1A;
border-radius: 14px;
.folder-header{
display: flex;
height: 35px;
line-height: 35px;
.knowledge-img{
width: 35px;
border-radius: 7px;
margin-right: 14px;
height: 35px;
display: inline-block;
}
& label{
flex: 1;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
cursor: pointer;
}
.more-button{
width: 20px;
height: 4px;
margin-bottom: 15px;
margin-left: 15px;
cursor: pointer;
}
}
.folder-description{
margin: 14px 0 18px 0;
font-weight: 300;
font-size: 13px;
color: #CCCCCC;
overflow: hidden; /* 确保超出的内容会被隐藏 */
display: -webkit-box; /* 用于弹性盒子布局模型 */
-webkit-line-clamp: 3; /* 限制在3行 */
-webkit-box-orient: vertical; /* 垂直方向的子元素排列 */
text-overflow: ellipsis; /* 多行时显示省略号 */
white-space: normal; /* 允许文本换行 */
height: 75px; /* 设置最大高度以适应3行文本 */
line-height: 25px; /* 设置行高以便计算最大高度 */
box-sizing: border-box; /* 防止padding影响最大高度 */
}
.folder-type{
font-weight: 400;
font-size: 11px;
color: #666666;
width: 100%;
text-align: right;
}
}
}
.third-item{
width: calc(33.33% - 28px);
margin-left: 28px;
margin-bottom: 20px;
.folder-description{
-webkit-line-clamp: 1!important;
height: 25px!important;
}
}
.folder-item:hover{
background: linear-gradient(150deg, rgba(0,0,0,0.6), rgba(255,255,255,0.6));
}
.folder-item-active,.folder-item-active:hover{
background: #FFD025;
}
}
.third-list{
margin-left: -28px;
}
.no-folder{
& img {
width: 147px;
height: 70px;
margin: 15% auto 0 auto;
}
& p {
font-weight: 400;
font-size: 13px;
color: #666666;
width: 100%;
text-align: center;
margin-top: 20px;
}
}
.file-content{
display: flex;
height:100%;
.file-info{
width: 211px;
box-shadow: 0px 0px 35px 0px rgba(255,255,255,0.2);
.file-name{
margin: 1.5em 30px 15px 30px;
height: 35px;
line-height: 35px;
display: flex;
& label{
flex: 1;
font-weight: 400;
font-size: 15px;
color: #FFFEFE;
}
}
.folder-type{
font-weight: 400;
font-size: 13px;
color: #666666;
margin: 0px 13px 15px 13px;
}
.file-menu{
margin: 0px 21px 0 7px;
height: 42px;
line-height: 42px;
padding: 0px 21px;
font-weight: 400;
font-size: 14px;
color: #999999;
cursor: pointer;
& img{
width: 14px;
height: 14px;
margin-right: 13px;
display: inline-block;
}
}
.file-menu-active{
margin: 0px 21px 0 7px;
height: 42px;
line-height: 42px;
padding: 0px 21px;
font-weight: 400;
font-size: 14px;
color: #FFD54C;
background-color: rgba(255, 225, 128, 0.1);
border-radius: 7px;
cursor: pointer;
& img{
width: 14px;
height: 14px;
margin-right: 13px;
display: inline-block;
margin-bottom: 2px;
}
}
.back-knowledge{
position: absolute;
left: 21px;
right: 21px;
bottom: 28px;
background: #1A1A1A;
border-radius: 21px;
height: 42px;
line-height: 42px;
font-weight: 400;
font-size: 14px;
color: #FEFEFE;
text-align: center;
cursor: pointer;
& img{
width: 14px;
height: 14px;
margin-right: 13px;
display: inline-block;
margin-bottom: 2px;
}
}
}
.file-list{
flex: 1;
.search-box{
position: relative;
float: right;
margin-right: 21px;
margin-bottom: 20px;
& img{
position: absolute;
left: 14px;
width: 14px;
height: 14px;
z-index: 99;
top:10px;
}
.form-input{
background: #1A1A1A;
border-radius: 18px;
border: unset;
height: 35px;
line-height: 35px;
border-radius: 18px;
width: 432px;
padding: 0px 70px 0px 40px;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
}
.search-btn{
width: 56px;
height: 35px;
line-height: 35px;
text-align: center;
background: #E6B71E;
border-radius: 18px;
font-weight: 400;
font-size: 14px;
color: #010101;
position: absolute;
right: 0px;
}
}
.text-muted-foreground{
font-weight: 400;
font-size: 14px;
color: #FFFFFF!important;
}
.more-button{
width: 20px;
height: 4px;
margin-left: 15px;
cursor: pointer;
}
.file-row td{
color: #CCCCCC;
}
& tr{
border-color: #333333;
}
.img-icon{
width: 13px;
height: 13px;
display: inline-block;
margin-right: 8px;
}
}
}
}
.dialog-box{
background-color: #262626!important;
border-radius: 14px;
max-width: 1000px!important;
.dialog-title{
font-weight: 600;
font-size: 17px;
color: #FFFFFF;
margin-bottom: 20px;
.dialog-title-icon{
width: 17px;
height: 17px;
margin-right: 14px;
display: inline-block;
}
}
.dialog-content{
.dialog-item-title{
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
}
.select-item{
cursor: pointer;
background: #1A1A1A;
border-radius: 7px;
border: 1px solid transparent;
padding: 14px 22px;
margin-top: 15px;
& label {
color: #FFFFFF;
}
}
.select-item-active{
cursor: pointer;
background: #1A170D;
border-radius: 7px;
border: 1px solid #FFD025;
padding: 14px 22px;
margin-top: 15px;
& label {
color: #FFD54C;
}
}
.select-item,.select-item-active{
& img {
display: inline-block;
width: 14px;
height: 14px;
margin-right: 13px;
}
& label {
font-weight: 400;
font-size: 14px;
}
& p{
font-weight: 400;
font-size: 13px;
color: #999999;
margin-top: 13px;
margin-left: 28px;
}
}
.setting-content{
background: #1A1A1A;
border-radius: 7px;
padding: 14px 14px 20px 14px;
margin-top: 14px;
margin-bottom: 17px;
.form-item{
display: flex;
margin-top: 14px;
width: 100%;
height: 35px;
justify-content: space-between;
.form-title{
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
margin-right: 15px;
height: 35px;
line-height: 35px;
}
.form-input{
height: 35px;
background: #262626;
border-radius: 7px;
padding: 0 14px;
border: unset;
font-weight: 400;
font-size: 13px;
color: #ffffff;
flex: 1;
}
.form-input::placeholder{
color: #666666;
}
.form-dropdown{
flex: 1;
& button {
background: #262626;
width: 100%;
border: unset;
color: #FFFFFF;
min-height: 35px!important;
padding: 0px 14px;
}
}
.dropdown-component-display{
background: #262626;
}
.form-radio-group{
height: 35px;
line-height: 35px;
}
.change-button{
padding: 0px 12px;
height: 28px;
line-height: 28px;
text-align: center;
background: #262626;
border-radius: 14px;
font-weight: 400;
font-size: 11px;
color: #999999;
display: inline-block;
vertical-align: top;
margin-top: 4px;
& img{
display:inline-block;
width: 11px;
height: 11px;
margin-right: 6px;
}
}
}
}
}
.tip-title{
font-weight: 600;
font-size: 17px;
color: #FFFFFF;
width: 100%;
text-align: center;
margin-bottom: 20px;
.tip-title-icon{
width: 15px;
height: 15px;
margin-right: 13px;
display: inline-block;
vertical-align: baseline;
}
}
.tip-title-left{
text-align: left;
}
.tip-message{
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
text-align: center;
white-space: pre;
line-height: 25px;
}
.tip-input{
height: 35px;
background: #1A1A1A;
border-radius: 7px;
width: 100%;
font-weight: 400;
font-size: 14px;
color: #ffffff;
padding: 0px 14px;
}
.tip-input::placeholder{
color: #666666;
}
.button-box{
width: 100%;
text-align: center;
.cancel-button{
width: 127px;
height: 35px;
background: #404040;
border-radius: 18px;
line-height: 35px;
text-align: center;
font-weight: 400;
font-size: 14px;
color: #FEFEFE;
}
.confirm-button{
width: 127px;
height: 35px;
background: #FFD025;
border-radius: 18px;
font-weight: 400;
font-size: 14px;
color: #010101;
margin-left: 77px;
}
.tip-button{
width: 100px;
margin-top: 28px;
}
.tip-button-margin{
margin-left: 28px;
margin-top: 28px;
}
.delete-button{
width: 100px;
margin-top: 28px;
background: rgba(255, 96, 96, 0.2);
font-weight: 400;
font-size: 14px;
color: #FF6060;
}
}
.right-button-box{
text-align: right;
.yellow-button{
width: 98px;
height: 35px;
border-radius: 18px;
border: 1px solid #FFD025;
text-align:center;
line-height: 35px;
font-weight: 400;
font-size: 14px;
color: #FFD025;
}
}
}
.knowledge-img-bg {
width: 35px;
background: #000000;
border-radius: 7px;
margin-right: 14px;
height: 35px;
display: inline-block;
& img{
width: 21px;
height: 21px;
margin: 7px 0 0 7px;
}
}
/*dropdown*/
.bg-popover{
background-color: #2C2C2C!important;
box-shadow: 0px 2px 7px 0px rgba(51,51,51,0.5)!important;
border-radius: 7px!important;
padding: 7px!important;
}
.text-popover-foreground{
font-weight: 400!important;
font-size: 13px!important;
color: #CCCCCC!important;
}
.focus\:bg-accent:focus{
border-radius: 6px;
}

384
src/style/wang.scss Normal file
View File

@@ -0,0 +1,384 @@
.react-flow__node {
&.selected {
.generic-node-div {
border-color: #FFD025!important;
box-shadow: 0px 0px 30px 1px rgba(255, 208, 37, .5) !important;
}
}
.generic-node-div {
.w-full {
.react-flow__handle {
width: 0!important;
height: 0!important;
border-width: 8px!important;
}
.input-primary{
border: 2px solid #997e1f;
outline: 1px solid #FFD025!important;
}
}
}
}
/* 高级编排节点配置；全局简化配置 */
.edit-node-dialog-box {
background-color: #262626!important;
padding: 20px 27px 14px 27px!important;
border-radius: 14px!important;
font-family: PingFang SC;
.form-modal-iv-size {
.file-component-arrangement {
font-size: 14px;
}
span {
font-size: 14px!important;
}
.file-component-accordion-div {
div {
font-size: 14px!important;
}
}
}
.file-component-badge-div {
.peer[data-state=checked] {
background-color: #E6B71E!important;
}
.peer[data-state=unchecked] {
background-color: #666!important;
}
}
.options-box {
background: #1A1A1A!important;
border-radius: 7px;
padding: 0 14px;
.options-line {
background-color: rgba(0,0,0,0)!important;
border-bottom: 1px solid #262626;
padding: 0!important;
margin-bottom: 0!important;
&:last-child {
border-bottom: 0px!important;
}
.switch-box {
display: flex;
align-items: center;
justify-content: right;
>div {
width: 100%;
display: flex;
align-items: center;
justify-content: right;
button {
float: right;
margin-right: 0!important;
}
}
}
.left-param {
font-size: 12px!important;
color: #999999!important;
span {
color: #999999!important;
}
>div {
margin: 6px 0;
>label {
font-size: 12px!important;
}
}
}
}
}
.dialog-title {
.pr-2 {
font-weight: 600;
font-size: 16px;
color: #FFFFFF;
display: flex;
justify-content: left;
}
div:last-child {
font-weight: 400;
font-size: 12px!important;
color: #999999!important;
background-color: rgba(0,0,0,0)!important;
}
}
.text-muted-foreground {
font-weight: 400!important;
font-size: 12px!important;
color: #fff!important;
.edit-node-modal-span {
font-size: 14px;
color: #FFFFFF!important;
}
}
.edit-node-modal-box {
border-radius: 14px!important;
overflow: auto!important;
&.white-color {
background: rgba(255,255,255,0.05)!important;
box-shadow: 0px 2px 7px 0px rgba(0,1,51,0.15)!important;
}
&.black-color {
background: #131313!important;
}
.list-line-box {
padding: 7px!important;
margin: 7px!important;
background: #2E2E2E!important;
border-radius: 7px;
h3 > button {
padding: 7px 0!important;
}
.list-line {
font-weight: 400;
font-size: 12px;
color: #999999;
span,label {
font-weight: 400;
font-size: 12px!important;
color: #999999!important;
}
}
}
.peer {
//
margin-right: 14px!important;
}
.peer[data-state=checked] {
background-color: #E6B71E!important;
}
.peer[data-state=unchecked] {
background-color: #666!important;
}
table {
background: none!important;
thead {
background: #ffd54c;
background: rgba(255,213,76,0.08)!important;
tr {
th:first-child {
text-align: left!important;
}
th:last-child {
text-align: right!important;
}
}
}
tbody {
tr {
}
}
tr:hover {
background: none!important;
}
}
}
.btn-group {
display: flex;
justify-content: center!important;
button {
border-radius: 17px!important;
text-align: center;
font-size: 14px!important;
height: 34px!important;
width: 122px;
}
.cancel-btn {
background: #404040!important;
color: #FEFEFE!important;
margin-right: 41px;
}
.save-btn {
background: #FFD025!important;
color: #010101!important;
}
}
.input-edit-node{
color: #fff!important;
}
}
/* 聊天测试左侧配置 */
.file-component-variables-title {
height: 50px;
background: rgba(255,213,76,0.08);
border-radius: 14px 14px 0px 0px;
padding: 0 20px;
.file-component-variables-div:last-child {
margin-right: 0;
}
}
.table-tr-box {
border-radius: 0px 0px 14px 14px;
background: rgba(255,255,255,.05)!important;
padding-right: 20px;
.tab-accordion-badge-div {
font-size: 14px!important;
}
.file-component-badge-div > div, .tr-column > div {
padding-left: 14px!important;
font-size: 14px!important;
background-color: rgba(0,0,0,0)!important;
}
}
/* 聊天测试对话框 */
.eraser-column-arrangement {
.chat-message-div {
.human-word {
display: flex;
justify-content: right;
width: 100%;
> div:first-child {
order: 2;
}
>div:last-child {
order: 1;
background: #2E2406;
padding: 13px 20px;
border-radius: 20px;
}
}
}
.bisheng-chat-input-div {
.bisheng-chat-input {
textarea {
border-radius: 20px!important;
background-color: #1A1A1A!important;
height: 41px!important;
}
.form-modal-send-icon-position {
bottom: 50%;
margin-bottom: -20px;
right: 0;
button {
width: 81px;
height: 41px;
background-color: #FFD54C!important;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
//&.text-background {
// background-color: rgb(79,70,229)!important;
//}
svg {
color: #000000;
--tw-rotate: 0;
}
}
}
}
}
}
/* 高级编排浮动工具栏 */
.selected-toolbar {
button {
width: 27px;
height: 27px;
margin-left: 7px!important;
background-color: rgba(0,0,0,0)!important;
&.delete-icon {
background: url("../assets/toolbar/delete.png") no-repeat center/contain!important;
}
&.copy-icon {
background: url("../assets/toolbar/copy.png") no-repeat center/contain!important;
}
&.config-icon {
background: url("../assets/toolbar/config.png") no-repeat center/contain!important;
}
&.download-icon {
background: url("../assets/toolbar/download.png") no-repeat center/contain!important;
}
&.save-icon {
background: url("../assets/toolbar/save.png") no-repeat center/contain!important;
}
&.ungroup-icon {
background: url("../assets/toolbar/ungroup.png") no-repeat center/contain!important;
}
&.group-icon {
background: url("../assets/toolbar/group.png") no-repeat center/contain!important;
}
&:hover {
background-color: rgba(0,0,0,0)!important;
}
}
}
.config-bell-exit-box {
position: fixed!important;
right: 20px!important;
button {
background: #1A1A1A;
border:none!important;
padding: 12px!important;
svg {
width: 16px;
height: 16px;
}
&:nth-child(2) {
margin-left: 10px;
margin-right: 10px;
}
}
}

3807
src/style/zk.scss Normal file
View File

File diff suppressed because it is too large Load Diff