feat: manually mirror opencoze's code from bytedance
Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf
@@ -0,0 +1,11 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_3530_1794" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
|
||||
<path d="M0 0H16V16H0V0Z" fill="black" />
|
||||
</mask>
|
||||
<g mask="url(#mask0_3530_1794)">
|
||||
<path
|
||||
d="M5.00781 11.1694L7.22266 4.82812H8.78271L10.9932 11.1694H9.6001L9.12109 9.63135H6.87988L6.40088 11.1694H5.00781ZM7.9873 6.05859L7.1875 8.63818H8.81348L8.01367 6.05859H7.9873Z"
|
||||
fill="currentColor" />
|
||||
<rect x="1.5" y="1.5" width="13" height="13" rx="6.5" stroke="currentColor" stroke-width="1.33" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 644 B |
|
After Width: | Height: | Size: 3.2 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="36" height="36" fill="#FFBF00"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.1167 12.8149C28.1167 15.6088 23.5869 17.8737 17.9991 17.8737C12.4113 17.8737 7.88151 15.6088 7.88151 12.8149C7.88151 10.021 12.4113 7.7561 17.9991 7.7561C23.5869 7.7561 28.1167 10.021 28.1167 12.8149ZM28.1083 15.3452C28.1053 15.3452 28.1028 15.3474 28.1025 15.3504C27.834 18.0245 23.4127 20.1514 17.9978 20.1514C12.5838 20.1514 8.16296 18.0252 7.89325 15.3516C7.89287 15.348 7.88978 15.3452 7.88609 15.3452C7.88212 15.3452 7.87891 15.3484 7.87891 15.3523V18.1279V18.3739C7.87891 18.3775 7.88182 18.3804 7.88541 18.3804C7.88875 18.3804 7.89155 18.383 7.89188 18.3863C8.16098 21.0601 12.5821 23.1867 17.9965 23.1867C23.411 23.1867 27.832 21.0601 28.1011 18.3863C28.1015 18.383 28.1043 18.3804 28.1076 18.3804C28.1112 18.3804 28.1141 18.3775 28.1141 18.3739V18.1279V15.351C28.1141 15.3478 28.1115 15.3452 28.1083 15.3452ZM28.101 20.4093C28.1013 20.4059 28.1042 20.4033 28.1075 20.4033C28.1112 20.4033 28.1141 20.4063 28.1141 20.4099V23.186V23.4321C28.1141 23.4357 28.1112 23.4386 28.1076 23.4386C28.1043 23.4386 28.1015 23.4411 28.1011 23.4445C27.832 26.1183 23.411 28.2448 17.9965 28.2448C12.5821 28.2448 8.16098 26.1183 7.89188 23.4445C7.89155 23.4411 7.88875 23.4386 7.88541 23.4386C7.88182 23.4386 7.87891 23.4357 7.87891 23.4321V23.186V20.4099C7.87891 20.4063 7.88185 20.4033 7.88549 20.4033C7.88887 20.4033 7.8917 20.4059 7.89204 20.4093C8.16274 23.0823 12.5831 25.208 17.9965 25.208C23.4099 25.208 27.8303 23.0823 28.101 20.4093Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.33398 2.99992C8.33398 1.52716 9.52789 0.333252 11.0007 0.333252H27.0006C28.4734 0.333252 29.6673 1.52716 29.6673 2.99992V18.9999C29.6673 20.4727 28.4734 21.6666 27.0006 21.6666H21.6673V26.9999C21.6673 28.4727 20.4734 29.6666 19.0007 29.6666H3.00065C1.52789 29.6666 0.333984 28.4727 0.333984 26.9999V10.9999C0.333984 9.52716 1.52789 8.33325 3.00065 8.33325H8.33398V2.99992ZM8.33398 10.9999H3.00065V26.9999H19.0007V21.6666H11.0007C9.52789 21.6666 8.33398 20.4727 8.33398 18.9999V10.9999ZM19.0007 18.9999H11.0007V10.9999H19.0007V18.9999ZM21.6673 18.9999V10.9999C21.6673 9.52716 20.4734 8.33325 19.0007 8.33325H11.0007V2.99992H27.0006V18.9999H21.6673Z" fill="#1D1C23" fill-opacity="0.35"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 841 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,13 @@
|
||||
@common-box-shadow: 0px 2px 8px 0px rgba(31, 35, 41, 0.02),
|
||||
0px 2px 4px 0px rgba(31, 35, 41, 0.02), 0px 2px 2px 0px rgba(31, 35, 41, 0.02);
|
||||
|
||||
.common-svg-icon(@size:14px, @color:#3370ff) {
|
||||
> svg {
|
||||
width: @size;
|
||||
height: @size;
|
||||
|
||||
> path {
|
||||
fill: @color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,182 @@
|
||||
/* stylelint-disable declaration-no-important */
|
||||
@import './common.less';
|
||||
|
||||
.wrapper {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
background: #f7f7fa;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: calc(100% - 80px);
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.spin {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
background-color: rgb(255 255 255 / 50%);
|
||||
}
|
||||
|
||||
.playground-neat {
|
||||
.message-area {
|
||||
min-width: 258px;
|
||||
}
|
||||
}
|
||||
|
||||
.develop-area {
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.develop-area-scroll {
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.setting-area {
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex: 1 1;
|
||||
flex-direction: column;
|
||||
border-left: 1px solid rgb(28 29 35 / 12%);
|
||||
|
||||
.setting-title-block {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
.setting-area-scroll {
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
:global {
|
||||
.semi-collapse-item {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.semi-collapse-header {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.semi-collapse-content {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.semi-select {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
:global {
|
||||
.semi-collapsible-wrapper {
|
||||
padding-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.message-area {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
min-width: 404px;
|
||||
transition: min-width 0.2s ease;
|
||||
}
|
||||
|
||||
.playground-neat {
|
||||
.message-area {
|
||||
min-width: 258px;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: 8px 0 0 4px !important;
|
||||
}
|
||||
|
||||
.sheet-title-node-cover {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.bj-cover {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%),
|
||||
0 0 1px 0 rgb(0 0 0 / 8%);
|
||||
}
|
||||
|
||||
.border-cover {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.spin-wrapper.top-level {
|
||||
width: 100%;
|
||||
height: 100% !important;
|
||||
|
||||
:global {
|
||||
.semi-spin-children {
|
||||
.wrapper();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sheet-view-left-header {
|
||||
padding: 16px 28px !important;
|
||||
}
|
||||
|
||||
.icon-button-16 {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
:global {
|
||||
.semi-button {
|
||||
&.semi-button-size-small {
|
||||
padding: 1px !important;
|
||||
height: 16px;
|
||||
|
||||
svg {
|
||||
@apply text-foreground-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 能力模块默认说明文案样式
|
||||
.tip-text {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
color: var(--light-usage-text-color-text-2, rgb(28 29 35 / 60%));
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
.border-line(@radius: 8px, @color: #eceef0) {
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform-origin: 0 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
transform: scale(0.5, 0.5);
|
||||
box-sizing: border-box;
|
||||
pointer-events: none;
|
||||
color: @color;
|
||||
border-color: @color;
|
||||
border-radius: @radius;
|
||||
}
|
||||
}
|
||||
|
||||
.base-border-line(@color: #eceef0) {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
background: @color;
|
||||
}
|
||||
|
||||
.border-left-line(@color: #eceef0) {
|
||||
&::after {
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
transform: scaleX(0.5);
|
||||
.base-border-line(@color);
|
||||
}
|
||||
}
|
||||
.border-right-line(@color: #eceef0) {
|
||||
&::after {
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
transform: scaleX(0.5);
|
||||
.base-border-line(@color);
|
||||
}
|
||||
}
|
||||
.border-top-line(@color: #eceef0) {
|
||||
&::after {
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 1px;
|
||||
transform: scaleY(0.5);
|
||||
.base-border-line(@color);
|
||||
}
|
||||
}
|
||||
.border-bottom-line(@color: #eceef0) {
|
||||
&::after {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 1px;
|
||||
transform: scaleY(0.5);
|
||||
.base-border-line(@color);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.semi-modal-body {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
// 统一button样式
|
||||
.semi-button {
|
||||
font-size: 12px;
|
||||
.semi-button-content-right {
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
// borderless取消hover样式
|
||||
.semi-button-borderless:not(.semi-button-disabled):hover {
|
||||
background-color: inherit;
|
||||
border: none;
|
||||
}
|
||||
.semi-button.semi-button-primary:focus-visible,
|
||||
.semi-button.semi-button-secondary:focus-visible,
|
||||
.semi-button.semi-button-tertiary:focus-visible,
|
||||
.semi-button.semi-button-warning:focus-visible,
|
||||
.semi-button.semi-button-danger:focus-visible {
|
||||
outline: none;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
@bg-gray-blue: rgba(
|
||||
240,
|
||||
245,
|
||||
255,
|
||||
0.81
|
||||
); // highlight the area of the background
|
||||
@text-gray-blue: #536eb1; // highlight the area of the text
|
||||
|
||||
@bg-white-smoke: #f5f5f5; // background of input/table/btn TODO:rgba(46, 50, 56, 0.05)) #2e3238
|
||||
@border-light-gray: rgba(28, 29, 35, 0.12);
|
||||
@error-red: #f93920;
|
||||
@text-title-black: #2e3238;
|
||||
@text-highlight-blue: #3370ff;
|
||||