orion-design 0.1.29 → 0.1.31

package/dist/index.css

@@ -1 +1,797 @@
-@charset "UTF-8";:root{--orion-flex-gutter: 8px;--orion-space-gutter: 8px}.orion-space{display:inline-flex;align-items:center;gap:var(--orion-space-gutter)}.orion-space.vertical{display:flex;flex-direction:column;align-items:center;gap:var(--orion-space-gutter)}.orion-space.vertical .orion-space-item{width:100%}.orion-flex{display:flex;outline:none}.orion-flex-row{flex-direction:row;width:100%;overflow:auto}.orion-flex-justify-start{justify-content:start}.orion-flex-column{width:100%;flex-direction:column;overflow:auto}.orion-flex>.orion-flexitem{overflow:auto;outline:none}.orion-flex>.orion-flexitem-auto{flex:0 0 auto}.orion-flex>.orion-flexitem-fixed{flex:none}.orion-flex>.orion-flexitem-fill{flex:1 1 0px}.orion-pagetbale{min-height:120px;height:100%;display:flex;flex-direction:column;gap:4px}.orion-pagetbale>.pagetable-wrapper{flex:1 1 0px;overflow:auto}.orion-pagetbale>.pagination-wrapper{flex:0 0 auto}.orion-pagetbale .cell-numbercolumn{text-align:right}.orion-pagetbale .cell-linkcolumn{color:#1296db;cursor:pointer}.orion-querytable{min-height:120px;height:100%;overflow:auto}.orion-querytable .cell-numbercolumn{text-align:right}.orion-querytable .cell-linkcolumn{color:#1296db;cursor:pointer}.orion-tabs{--el-tabs-header-height: 40px;display:flex}.orion-tabs__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px;padding:0;position:relative}.orion-tabs__header-vertical{flex-direction:column}.orion-tabs__active-bar{background-color:var(--el-color-primary);bottom:0;height:2px;left:0;list-style:none;position:absolute;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);z-index:1}.orion-tabs__new-tab{align-items:center;border:1px solid var(--el-border-color);border-radius:3px;color:var(--el-text-color-primary);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:20px;margin:10px 0 10px 10px;text-align:center;transition:all .15s;width:20px}.orion-tabs__new-tab .is-icon-plus{height:inherit;transform:scale(.8);width:inherit}.orion-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.orion-tabs__new-tab:hover{color:var(--el-color-primary)}.orion-tabs__new-tab-vertical{margin-left:0}.orion-tabs__nav-wrap{flex:1 auto;margin-bottom:-1px;overflow:hidden;position:relative}.orion-tabs__nav-wrap:after{background-color:var(--el-border-color-light);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:var(--el-index-normal)}.orion-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.orion-tabs__nav-scroll{overflow:hidden}.orion-tabs__nav-next,.orion-tabs__nav-prev{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;line-height:44px;position:absolute;text-align:center;width:20px}.orion-tabs__nav-next{right:0}.orion-tabs__nav-prev{left:0}.orion-tabs__nav{display:flex;float:left;position:relative;transition:transform var(--el-transition-duration);white-space:nowrap;z-index:calc(var(--el-index-normal) + 1)}.orion-tabs__nav.is-stretch{display:flex;min-width:100%}.orion-tabs__nav.is-stretch>*{flex:1;text-align:center}.orion-tabs__item{align-items:center;box-sizing:border-box;color:var(--el-text-color-primary);display:flex;font-size:var(--el-font-size-base);font-weight:500;height:var(--el-tabs-header-height);justify-content:center;list-style:none;padding:0 20px;position:relative}.orion-tabs__item:focus,.orion-tabs__item:focus:active{outline:none}.orion-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--el-color-primary) inset}.orion-tabs__item .is-icon-close{border-radius:50%;margin-left:5px;text-align:center;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.orion-tabs__item .is-icon-close:before{display:inline-block;transform:scale(.9)}.orion-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#fff}.orion-tabs__item.is-active,.orion-tabs__item:hover{color:var(--el-color-primary)}.orion-tabs__item:hover{cursor:pointer}.orion-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.orion-tabs__content{flex-grow:1;overflow:hidden;position:relative}.orion-tabs--bottom>.orion-tabs__header .orion-tabs__item:nth-child(2),.orion-tabs--top>.orion-tabs__header .orion-tabs__item:nth-child(2){padding-left:0}.orion-tabs--bottom>.orion-tabs__header .orion-tabs__item:last-child,.orion-tabs--top>.orion-tabs__header .orion-tabs__item:last-child{padding-right:0}.orion-tabs--bottom.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item:nth-child(2),.orion-tabs--bottom.orion-tabs--card>.orion-tabs__header .orion-tabs__item:nth-child(2),.orion-tabs--top.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item:nth-child(2),.orion-tabs--top.orion-tabs--card>.orion-tabs__header .orion-tabs__item:nth-child(2){padding-left:20px}.orion-tabs--bottom.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item:last-child,.orion-tabs--bottom.orion-tabs--card>.orion-tabs__header .orion-tabs__item:last-child,.orion-tabs--top.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item:last-child,.orion-tabs--top.orion-tabs--card>.orion-tabs__header .orion-tabs__item:last-child{padding-right:20px}.orion-tabs--card>.orion-tabs__header{border-bottom:1px solid var(--el-border-color-light);height:var(--el-tabs-header-height)}.orion-tabs--card>.orion-tabs__header .orion-tabs__nav-wrap:after{content:none}.orion-tabs--card>.orion-tabs__header .orion-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.orion-tabs--card>.orion-tabs__header .orion-tabs__active-bar{display:none}.orion-tabs--card>.orion-tabs__header .orion-tabs__item .is-icon-close{font-size:12px;height:14px;overflow:hidden;position:relative;right:-2px;transform-origin:100% 50%;width:0}.orion-tabs--card>.orion-tabs__header .orion-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.orion-tabs--card>.orion-tabs__header .orion-tabs__item:first-child{border-left:none}.orion-tabs--card>.orion-tabs__header .orion-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.orion-tabs--card>.orion-tabs__header .orion-tabs__item.is-closable:hover .is-icon-close{width:14px}.orion-tabs--card>.orion-tabs__header .orion-tabs__item.is-active{border-bottom-color:var(--el-bg-color)}.orion-tabs--card>.orion-tabs__header .orion-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.orion-tabs--card>.orion-tabs__header .orion-tabs__item.is-active.is-closable .is-icon-close{width:14px}.orion-tabs--border-card{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}.orion-tabs--border-card>.orion-tabs__content{padding:15px}.orion-tabs--border-card>.orion-tabs__header{background-color:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-light);margin:0}.orion-tabs--border-card>.orion-tabs__header .orion-tabs__nav-wrap:after{content:none}.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item{border:1px solid transparent;color:var(--el-text-color-secondary);margin-top:-1px;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item+.orion-tabs__item,.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item:first-child{margin-left:-1px}.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item.is-active{background-color:var(--el-bg-color-overlay);border-left-color:var(--el-border-color);border-right-color:var(--el-border-color);color:var(--el-color-primary)}.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.orion-tabs--border-card>.orion-tabs__header .orion-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.orion-tabs--border-card>.orion-tabs__header .is-scrollable .orion-tabs__item:first-child{margin-left:0}.orion-tabs--bottom{flex-direction:column}.orion-tabs--bottom .orion-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.orion-tabs--bottom.orion-tabs--border-card .orion-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color)}.orion-tabs--bottom.orion-tabs--border-card .orion-tabs__nav-wrap.is-bottom{margin-bottom:0;margin-top:-1px}.orion-tabs--bottom.orion-tabs--border-card .orion-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.orion-tabs--bottom.orion-tabs--border-card .orion-tabs__item.is-bottom{margin:0 -1px -1px}.orion-tabs--left,.orion-tabs--right{overflow:hidden}.orion-tabs--left .orion-tabs__header.is-left,.orion-tabs--left .orion-tabs__header.is-right,.orion-tabs--left .orion-tabs__nav-scroll,.orion-tabs--left .orion-tabs__nav-wrap.is-left,.orion-tabs--left .orion-tabs__nav-wrap.is-right,.orion-tabs--right .orion-tabs__header.is-left,.orion-tabs--right .orion-tabs__header.is-right,.orion-tabs--right .orion-tabs__nav-scroll,.orion-tabs--right .orion-tabs__nav-wrap.is-left,.orion-tabs--right .orion-tabs__nav-wrap.is-right{height:100%}.orion-tabs--left .orion-tabs__active-bar.is-left,.orion-tabs--left .orion-tabs__active-bar.is-right,.orion-tabs--right .orion-tabs__active-bar.is-left,.orion-tabs--right .orion-tabs__active-bar.is-right{bottom:auto;height:auto;top:0;width:2px}.orion-tabs--left .orion-tabs__nav-wrap.is-left,.orion-tabs--left .orion-tabs__nav-wrap.is-right,.orion-tabs--right .orion-tabs__nav-wrap.is-left,.orion-tabs--right .orion-tabs__nav-wrap.is-right{margin-bottom:0}.orion-tabs--left .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-next,.orion-tabs--left .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-prev,.orion-tabs--left .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-next,.orion-tabs--left .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-prev,.orion-tabs--right .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-next,.orion-tabs--right .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-prev,.orion-tabs--right .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-next,.orion-tabs--right .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-prev{cursor:pointer;height:30px;line-height:30px;text-align:center;width:100%}.orion-tabs--left .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-next i,.orion-tabs--left .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-prev i,.orion-tabs--left .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-next i,.orion-tabs--left .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-prev i,.orion-tabs--right .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-next i,.orion-tabs--right .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-prev i,.orion-tabs--right .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-next i,.orion-tabs--right .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-prev i{transform:rotate(90deg)}.orion-tabs--left .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-prev,.orion-tabs--left .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-prev,.orion-tabs--right .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-prev,.orion-tabs--right .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-prev{left:auto;top:0}.orion-tabs--left .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-next,.orion-tabs--left .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-next,.orion-tabs--right .orion-tabs__nav-wrap.is-left>.orion-tabs__nav-next,.orion-tabs--right .orion-tabs__nav-wrap.is-right>.orion-tabs__nav-next{bottom:0;right:auto}.orion-tabs--left .orion-tabs__nav-wrap.is-left.is-scrollable,.orion-tabs--left .orion-tabs__nav-wrap.is-right.is-scrollable,.orion-tabs--right .orion-tabs__nav-wrap.is-left.is-scrollable,.orion-tabs--right .orion-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.orion-tabs--left .orion-tabs__nav-wrap.is-left:after,.orion-tabs--left .orion-tabs__nav-wrap.is-right:after,.orion-tabs--right .orion-tabs__nav-wrap.is-left:after,.orion-tabs--right .orion-tabs__nav-wrap.is-right:after{bottom:auto;height:100%;top:0;width:2px}.orion-tabs--left .orion-tabs__nav.is-left,.orion-tabs--left .orion-tabs__nav.is-right,.orion-tabs--right .orion-tabs__nav.is-left,.orion-tabs--right .orion-tabs__nav.is-right{flex-direction:column}.orion-tabs--left .orion-tabs__item.is-left,.orion-tabs--right .orion-tabs__item.is-left{justify-content:flex-end}.orion-tabs--left .orion-tabs__item.is-right,.orion-tabs--right .orion-tabs__item.is-right{justify-content:flex-start}.orion-tabs--left{flex-direction:row-reverse}.orion-tabs--left .orion-tabs__header.is-left{margin-bottom:0;margin-right:10px}.orion-tabs--left .orion-tabs__nav-wrap.is-left{margin-right:-1px}.orion-tabs--left .orion-tabs__active-bar.is-left,.orion-tabs--left .orion-tabs__nav-wrap.is-left:after{left:auto;right:0}.orion-tabs--left .orion-tabs__item.is-left{text-align:right}.orion-tabs--left.orion-tabs--card .orion-tabs__active-bar.is-left{display:none}.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left{border-bottom:none;border-left:none;border-right:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);text-align:left}.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:none;border-right:1px solid #fff}.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left.is-active:first-child{border-top:none}.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left.is-active:last-child{border-bottom:none}.orion-tabs--left.orion-tabs--card .orion-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-radius:4px 0 0 4px;border-right:none}.orion-tabs--left.orion-tabs--card .orion-tabs__new-tab{float:none}.orion-tabs--left.orion-tabs--border-card .orion-tabs__header.is-left{border-right:1px solid var(--el-border-color)}.orion-tabs--left.orion-tabs--border-card .orion-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.orion-tabs--left.orion-tabs--border-card .orion-tabs__item.is-left.is-active{border-color:rgb(209,219,229) transparent}.orion-tabs--right .orion-tabs__header.is-right{margin-bottom:0;margin-left:10px}.orion-tabs--right .orion-tabs__nav-wrap.is-right{margin-left:-1px}.orion-tabs--right .orion-tabs__nav-wrap.is-right:after{left:0;right:auto}.orion-tabs--right .orion-tabs__active-bar.is-right{left:0}.orion-tabs--right.orion-tabs--card .orion-tabs__active-bar.is-right{display:none}.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:1px solid #fff;border-right:none}.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right.is-active:first-child{border-top:none}.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right.is-active:last-child{border-bottom:none}.orion-tabs--right.orion-tabs--card .orion-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-left:none;border-radius:0 4px 4px 0}.orion-tabs--right.orion-tabs--border-card .orion-tabs__header.is-right{border-left:1px solid var(--el-border-color)}.orion-tabs--right.orion-tabs--border-card .orion-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.orion-tabs--right.orion-tabs--border-card .orion-tabs__item.is-right.is-active{border-color:rgb(209,219,229) transparent}.orion-tabs--top{flex-direction:column-reverse}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{animation:slideInRight-leave var(--el-transition-duration);left:0;position:absolute;right:0}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{animation:slideInLeft-leave var(--el-transition-duration);left:0;position:absolute;right:0}@keyframes slideInRight-enter{0%{opacity:0;transform:translate(100%);transform-origin:0 0}to{opacity:1;transform:translate(0);transform-origin:0 0}}@keyframes slideInRight-leave{0%{opacity:1;transform:translate(0);transform-origin:0 0}to{opacity:0;transform:translate(100%);transform-origin:0 0}}@keyframes slideInLeft-enter{0%{opacity:0;transform:translate(-100%);transform-origin:0 0}to{opacity:1;transform:translate(0);transform-origin:0 0}}@keyframes slideInLeft-leave{0%{opacity:1;transform:translate(0);transform-origin:0 0}to{opacity:0;transform:translate(-100%);transform-origin:0 0}}.orion-tabs{height:100%}.orion-tabs>.orion-tabs__content>.orion-tab-pane{height:100%;overflow:auto}.orion-tabs__extra-content-left,.orion-tabs__extra-content-right{flex:none}.orion-rich-text-editor—wrapper{height:100%;display:flex;flex-direction:column;box-sizing:border-box}.orion-rich-text-editor—wrapper>.orion-rich-text-editor-container{flex:1 1 0px}
+@charset "UTF-8";.orion-modal-locator[data-v-0fd5a1a9] {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  box-sizing: border-box;
+  position: relative;
+}
+.orion-modal-locator[data-v-0fd5a1a9] > .el-overlay {
+  position: absolute;
+}
+.orion-modal-locator[data-v-0fd5a1a9] > .el-overlay > .el-overlay-dialog {
+  position: absolute;
+}:root {
+  --orion-flex-gutter: 8px;
+  --orion-space-gutter: 8px;
+}.orion-space {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--orion-space-gutter);
+}
+.orion-space.vertical {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--orion-space-gutter);
+}
+.orion-space.vertical .orion-space-item {
+  width: 100%;
+}/* flexbox */
+.orion-flex {
+  display: flex;
+  outline: none;
+}
+.orion-flex-row {
+  flex-direction: row;
+  width: 100%;
+  overflow: auto;
+}
+.orion-flex-justify-start {
+  justify-content: start;
+}
+.orion-flex-column {
+  width: 100%;
+  flex-direction: column;
+  overflow: auto;
+}
+.orion-flex > .orion-flexitem {
+  overflow: auto;
+  outline: none;
+}
+.orion-flex > .orion-flexitem-auto {
+  flex: 0 0 auto;
+}
+.orion-flex > .orion-flexitem-fixed {
+  flex: none;
+}
+.orion-flex > .orion-flexitem-fill {
+  flex: 1 1 0px;
+}.orion-pagetbale {
+  min-height: 120px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.orion-pagetbale > .pagetable-wrapper {
+  flex: 1 1 0px;
+  overflow: auto;
+}
+.orion-pagetbale > .pagination-wrapper {
+  flex: 0 0 auto;
+}
+.orion-pagetbale .cell-numbercolumn {
+  text-align: right;
+}
+.orion-pagetbale .cell-linkcolumn {
+  color: #1296db;
+  cursor: pointer;
+}.orion-querytable {
+  min-height: 120px;
+  height: 100%;
+  overflow: auto;
+}
+.orion-querytable .cell-numbercolumn {
+  text-align: right;
+}
+.orion-querytable .cell-linkcolumn {
+  color: #1296db;
+  cursor: pointer;
+}.orion-tabs {
+  --el-tabs-header-height: 40px;
+  display: flex;
+}
+
+.orion-tabs__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0 0 15px;
+  padding: 0;
+  position: relative;
+}
+
+.orion-tabs__header-vertical {
+  flex-direction: column;
+}
+
+.orion-tabs__active-bar {
+  background-color: var(--el-color-primary);
+  bottom: 0;
+  height: 2px;
+  left: 0;
+  list-style: none;
+  position: absolute;
+  transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
+  z-index: 1;
+}
+
+.orion-tabs__new-tab {
+  align-items: center;
+  border: 1px solid var(--el-border-color);
+  border-radius: 3px;
+  color: var(--el-text-color-primary);
+  cursor: pointer;
+  display: flex;
+  font-size: 12px;
+  height: 20px;
+  justify-content: center;
+  line-height: 20px;
+  margin: 10px 0 10px 10px;
+  text-align: center;
+  transition: all 0.15s;
+  width: 20px;
+}
+
+.orion-tabs__new-tab .is-icon-plus {
+  height: inherit;
+  transform: scale(0.8);
+  width: inherit;
+}
+
+.orion-tabs__new-tab .is-icon-plus svg {
+  vertical-align: middle;
+}
+
+.orion-tabs__new-tab:hover {
+  color: var(--el-color-primary);
+}
+
+.orion-tabs__new-tab-vertical {
+  margin-left: 0;
+}
+
+.orion-tabs__nav-wrap {
+  flex: 1 auto;
+  margin-bottom: -1px;
+  overflow: hidden;
+  position: relative;
+}
+
+.orion-tabs__nav-wrap:after {
+  background-color: var(--el-border-color-light);
+  bottom: 0;
+  content: "";
+  height: 2px;
+  left: 0;
+  position: absolute;
+  width: 100%;
+  z-index: var(--el-index-normal);
+}
+
+.orion-tabs__nav-wrap.is-scrollable {
+  box-sizing: border-box;
+  padding: 0 20px;
+}
+
+.orion-tabs__nav-scroll {
+  overflow: hidden;
+}
+
+.orion-tabs__nav-next,
+.orion-tabs__nav-prev {
+  color: var(--el-text-color-secondary);
+  cursor: pointer;
+  font-size: 12px;
+  line-height: 44px;
+  position: absolute;
+  text-align: center;
+  width: 20px;
+}
+
+.orion-tabs__nav-next {
+  right: 0;
+}
+
+.orion-tabs__nav-prev {
+  left: 0;
+}
+
+.orion-tabs__nav {
+  display: flex;
+  float: left;
+  position: relative;
+  transition: transform var(--el-transition-duration);
+  white-space: nowrap;
+  z-index: calc(var(--el-index-normal) + 1);
+}
+
+.orion-tabs__nav.is-stretch {
+  display: flex;
+  min-width: 100%;
+}
+
+.orion-tabs__nav.is-stretch > * {
+  flex: 1;
+  text-align: center;
+}
+
+.orion-tabs__item {
+  align-items: center;
+  box-sizing: border-box;
+  color: var(--el-text-color-primary);
+  display: flex;
+  font-size: var(--el-font-size-base);
+  font-weight: 500;
+  height: var(--el-tabs-header-height);
+  justify-content: center;
+  list-style: none;
+  padding: 0 20px;
+  position: relative;
+}
+
+.orion-tabs__item:focus,
+.orion-tabs__item:focus:active {
+  outline: none;
+}
+
+.orion-tabs__item:focus-visible {
+  border-radius: 3px;
+  box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
+}
+
+.orion-tabs__item .is-icon-close {
+  border-radius: 50%;
+  margin-left: 5px;
+  text-align: center;
+  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
+}
+
+.orion-tabs__item .is-icon-close:before {
+  display: inline-block;
+  transform: scale(0.9);
+}
+
+.orion-tabs__item .is-icon-close:hover {
+  background-color: var(--el-text-color-placeholder);
+  color: #ffffff;
+}
+
+.orion-tabs__item.is-active,
+.orion-tabs__item:hover {
+  color: var(--el-color-primary);
+}
+
+.orion-tabs__item:hover {
+  cursor: pointer;
+}
+
+.orion-tabs__item.is-disabled {
+  color: var(--el-disabled-text-color);
+  cursor: not-allowed;
+}
+
+.orion-tabs__content {
+  flex-grow: 1;
+  overflow: hidden;
+  position: relative;
+}
+
+.orion-tabs--bottom > .orion-tabs__header .orion-tabs__item:nth-child(2),
+.orion-tabs--top > .orion-tabs__header .orion-tabs__item:nth-child(2) {
+  padding-left: 0;
+}
+
+.orion-tabs--bottom > .orion-tabs__header .orion-tabs__item:last-child,
+.orion-tabs--top > .orion-tabs__header .orion-tabs__item:last-child {
+  padding-right: 0;
+}
+
+.orion-tabs--bottom.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item:nth-child(2),
+.orion-tabs--bottom.orion-tabs--card > .orion-tabs__header .orion-tabs__item:nth-child(2),
+.orion-tabs--top.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item:nth-child(2),
+.orion-tabs--top.orion-tabs--card > .orion-tabs__header .orion-tabs__item:nth-child(2) {
+  padding-left: 20px;
+}
+
+.orion-tabs--bottom.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item:last-child,
+.orion-tabs--bottom.orion-tabs--card > .orion-tabs__header .orion-tabs__item:last-child,
+.orion-tabs--top.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item:last-child,
+.orion-tabs--top.orion-tabs--card > .orion-tabs__header .orion-tabs__item:last-child {
+  padding-right: 20px;
+}
+
+.orion-tabs--card > .orion-tabs__header {
+  border-bottom: 1px solid var(--el-border-color-light);
+  height: var(--el-tabs-header-height);
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__nav-wrap:after {
+  content: none;
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__nav {
+  border: 1px solid var(--el-border-color-light);
+  border-bottom: none;
+  border-radius: 4px 4px 0 0;
+  box-sizing: border-box;
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__active-bar {
+  display: none;
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__item .is-icon-close {
+  font-size: 12px;
+  height: 14px;
+  overflow: hidden;
+  position: relative;
+  right: -2px;
+  transform-origin: 100% 50%;
+  width: 0;
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__item {
+  border-bottom: 1px solid transparent;
+  border-left: 1px solid var(--el-border-color-light);
+  transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__item:first-child {
+  border-left: none;
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__item.is-closable:hover {
+  padding-left: 13px;
+  padding-right: 13px;
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__item.is-closable:hover .is-icon-close {
+  width: 14px;
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__item.is-active {
+  border-bottom-color: var(--el-bg-color);
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__item.is-active.is-closable {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.orion-tabs--card > .orion-tabs__header .orion-tabs__item.is-active.is-closable .is-icon-close {
+  width: 14px;
+}
+
+.orion-tabs--border-card {
+  background: var(--el-bg-color-overlay);
+  border: 1px solid var(--el-border-color);
+}
+
+.orion-tabs--border-card > .orion-tabs__content {
+  padding: 15px;
+}
+
+.orion-tabs--border-card > .orion-tabs__header {
+  background-color: var(--el-fill-color-light);
+  border-bottom: 1px solid var(--el-border-color-light);
+  margin: 0;
+}
+
+.orion-tabs--border-card > .orion-tabs__header .orion-tabs__nav-wrap:after {
+  content: none;
+}
+
+.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item {
+  border: 1px solid transparent;
+  color: var(--el-text-color-secondary);
+  margin-top: -1px;
+  transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
+}
+
+.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item + .orion-tabs__item,
+.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item:first-child {
+  margin-left: -1px;
+}
+
+.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item.is-active {
+  background-color: var(--el-bg-color-overlay);
+  border-left-color: var(--el-border-color);
+  border-right-color: var(--el-border-color);
+  color: var(--el-color-primary);
+}
+
+.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item:not(.is-disabled):hover {
+  color: var(--el-color-primary);
+}
+
+.orion-tabs--border-card > .orion-tabs__header .orion-tabs__item.is-disabled {
+  color: var(--el-disabled-text-color);
+}
+
+.orion-tabs--border-card > .orion-tabs__header .is-scrollable .orion-tabs__item:first-child {
+  margin-left: 0;
+}
+
+.orion-tabs--bottom {
+  flex-direction: column;
+}
+
+.orion-tabs--bottom .orion-tabs__header.is-bottom {
+  margin-bottom: 0;
+  margin-top: 10px;
+}
+
+.orion-tabs--bottom.orion-tabs--border-card .orion-tabs__header.is-bottom {
+  border-bottom: 0;
+  border-top: 1px solid var(--el-border-color);
+}
+
+.orion-tabs--bottom.orion-tabs--border-card .orion-tabs__nav-wrap.is-bottom {
+  margin-bottom: 0;
+  margin-top: -1px;
+}
+
+.orion-tabs--bottom.orion-tabs--border-card .orion-tabs__item.is-bottom:not(.is-active) {
+  border: 1px solid transparent;
+}
+
+.orion-tabs--bottom.orion-tabs--border-card .orion-tabs__item.is-bottom {
+  margin: 0 -1px -1px;
+}
+
+.orion-tabs--left,
+.orion-tabs--right {
+  overflow: hidden;
+}
+
+.orion-tabs--left .orion-tabs__header.is-left,
+.orion-tabs--left .orion-tabs__header.is-right,
+.orion-tabs--left .orion-tabs__nav-scroll,
+.orion-tabs--left .orion-tabs__nav-wrap.is-left,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right,
+.orion-tabs--right .orion-tabs__header.is-left,
+.orion-tabs--right .orion-tabs__header.is-right,
+.orion-tabs--right .orion-tabs__nav-scroll,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right {
+  height: 100%;
+}
+
+.orion-tabs--left .orion-tabs__active-bar.is-left,
+.orion-tabs--left .orion-tabs__active-bar.is-right,
+.orion-tabs--right .orion-tabs__active-bar.is-left,
+.orion-tabs--right .orion-tabs__active-bar.is-right {
+  bottom: auto;
+  height: auto;
+  top: 0;
+  width: 2px;
+}
+
+.orion-tabs--left .orion-tabs__nav-wrap.is-left,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right {
+  margin-bottom: 0;
+}
+
+.orion-tabs--left .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-next,
+.orion-tabs--left .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-prev,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-next,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-prev,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-next,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-prev,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-next,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-prev {
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 100%;
+}
+
+.orion-tabs--left .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-next i,
+.orion-tabs--left .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-prev i,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-next i,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-prev i,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-next i,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-prev i,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-next i,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-prev i {
+  transform: rotate(90deg);
+}
+
+.orion-tabs--left .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-prev,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-prev,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-prev,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-prev {
+  left: auto;
+  top: 0;
+}
+
+.orion-tabs--left .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-next,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-next,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left > .orion-tabs__nav-next,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right > .orion-tabs__nav-next {
+  bottom: 0;
+  right: auto;
+}
+
+.orion-tabs--left .orion-tabs__nav-wrap.is-left.is-scrollable,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right.is-scrollable,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left.is-scrollable,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right.is-scrollable {
+  padding: 30px 0;
+}
+
+.orion-tabs--left .orion-tabs__nav-wrap.is-left:after,
+.orion-tabs--left .orion-tabs__nav-wrap.is-right:after,
+.orion-tabs--right .orion-tabs__nav-wrap.is-left:after,
+.orion-tabs--right .orion-tabs__nav-wrap.is-right:after {
+  bottom: auto;
+  height: 100%;
+  top: 0;
+  width: 2px;
+}
+
+.orion-tabs--left .orion-tabs__nav.is-left,
+.orion-tabs--left .orion-tabs__nav.is-right,
+.orion-tabs--right .orion-tabs__nav.is-left,
+.orion-tabs--right .orion-tabs__nav.is-right {
+  flex-direction: column;
+}
+
+.orion-tabs--left .orion-tabs__item.is-left,
+.orion-tabs--right .orion-tabs__item.is-left {
+  justify-content: flex-end;
+}
+
+.orion-tabs--left .orion-tabs__item.is-right,
+.orion-tabs--right .orion-tabs__item.is-right {
+  justify-content: flex-start;
+}
+
+.orion-tabs--left {
+  flex-direction: row-reverse;
+}
+
+.orion-tabs--left .orion-tabs__header.is-left {
+  margin-bottom: 0;
+  margin-right: 10px;
+}
+
+.orion-tabs--left .orion-tabs__nav-wrap.is-left {
+  margin-right: -1px;
+}
+
+.orion-tabs--left .orion-tabs__active-bar.is-left,
+.orion-tabs--left .orion-tabs__nav-wrap.is-left:after {
+  left: auto;
+  right: 0;
+}
+
+.orion-tabs--left .orion-tabs__item.is-left {
+  text-align: right;
+}
+
+.orion-tabs--left.orion-tabs--card .orion-tabs__active-bar.is-left {
+  display: none;
+}
+
+.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left {
+  border-bottom: none;
+  border-left: none;
+  border-right: 1px solid var(--el-border-color-light);
+  border-top: 1px solid var(--el-border-color-light);
+  text-align: left;
+}
+
+.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left:first-child {
+  border-right: 1px solid var(--el-border-color-light);
+  border-top: none;
+}
+
+.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left.is-active {
+  border: 1px solid var(--el-border-color-light);
+  border-bottom: none;
+  border-left: none;
+  border-right: 1px solid #fff;
+}
+
+.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left.is-active:first-child {
+  border-top: none;
+}
+
+.orion-tabs--left.orion-tabs--card .orion-tabs__item.is-left.is-active:last-child {
+  border-bottom: none;
+}
+
+.orion-tabs--left.orion-tabs--card .orion-tabs__nav {
+  border-bottom: 1px solid var(--el-border-color-light);
+  border-radius: 4px 0 0 4px;
+  border-right: none;
+}
+
+.orion-tabs--left.orion-tabs--card .orion-tabs__new-tab {
+  float: none;
+}
+
+.orion-tabs--left.orion-tabs--border-card .orion-tabs__header.is-left {
+  border-right: 1px solid var(--el-border-color);
+}
+
+.orion-tabs--left.orion-tabs--border-card .orion-tabs__item.is-left {
+  border: 1px solid transparent;
+  margin: -1px 0 -1px -1px;
+}
+
+.orion-tabs--left.orion-tabs--border-card .orion-tabs__item.is-left.is-active {
+  border-color: rgb(209, 219, 229) transparent;
+}
+
+.orion-tabs--right .orion-tabs__header.is-right {
+  margin-bottom: 0;
+  margin-left: 10px;
+}
+
+.orion-tabs--right .orion-tabs__nav-wrap.is-right {
+  margin-left: -1px;
+}
+
+.orion-tabs--right .orion-tabs__nav-wrap.is-right:after {
+  left: 0;
+  right: auto;
+}
+
+.orion-tabs--right .orion-tabs__active-bar.is-right {
+  left: 0;
+}
+
+.orion-tabs--right.orion-tabs--card .orion-tabs__active-bar.is-right {
+  display: none;
+}
+
+.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right {
+  border-bottom: none;
+  border-top: 1px solid var(--el-border-color-light);
+}
+
+.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right:first-child {
+  border-left: 1px solid var(--el-border-color-light);
+  border-top: none;
+}
+
+.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right.is-active {
+  border: 1px solid var(--el-border-color-light);
+  border-bottom: none;
+  border-left: 1px solid #fff;
+  border-right: none;
+}
+
+.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right.is-active:first-child {
+  border-top: none;
+}
+
+.orion-tabs--right.orion-tabs--card .orion-tabs__item.is-right.is-active:last-child {
+  border-bottom: none;
+}
+
+.orion-tabs--right.orion-tabs--card .orion-tabs__nav {
+  border-bottom: 1px solid var(--el-border-color-light);
+  border-left: none;
+  border-radius: 0 4px 4px 0;
+}
+
+.orion-tabs--right.orion-tabs--border-card .orion-tabs__header.is-right {
+  border-left: 1px solid var(--el-border-color);
+}
+
+.orion-tabs--right.orion-tabs--border-card .orion-tabs__item.is-right {
+  border: 1px solid transparent;
+  margin: -1px -1px -1px 0;
+}
+
+.orion-tabs--right.orion-tabs--border-card .orion-tabs__item.is-right.is-active {
+  border-color: rgb(209, 219, 229) transparent;
+}
+
+.orion-tabs--top {
+  flex-direction: column-reverse;
+}
+
+.slideInLeft-transition,
+.slideInRight-transition {
+  display: inline-block;
+}
+
+.slideInRight-enter {
+  animation: slideInRight-enter var(--el-transition-duration);
+}
+
+.slideInRight-leave {
+  animation: slideInRight-leave var(--el-transition-duration);
+  left: 0;
+  position: absolute;
+  right: 0;
+}
+
+.slideInLeft-enter {
+  animation: slideInLeft-enter var(--el-transition-duration);
+}
+
+.slideInLeft-leave {
+  animation: slideInLeft-leave var(--el-transition-duration);
+  left: 0;
+  position: absolute;
+  right: 0;
+}
+
+@keyframes slideInRight-enter {
+  0% {
+    opacity: 0;
+    transform: translateX(100%);
+    transform-origin: 0 0;
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+    transform-origin: 0 0;
+  }
+}
+@keyframes slideInRight-leave {
+  0% {
+    opacity: 1;
+    transform: translateX(0);
+    transform-origin: 0 0;
+  }
+  to {
+    opacity: 0;
+    transform: translateX(100%);
+    transform-origin: 0 0;
+  }
+}
+@keyframes slideInLeft-enter {
+  0% {
+    opacity: 0;
+    transform: translateX(-100%);
+    transform-origin: 0 0;
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+    transform-origin: 0 0;
+  }
+}
+@keyframes slideInLeft-leave {
+  0% {
+    opacity: 1;
+    transform: translateX(0);
+    transform-origin: 0 0;
+  }
+  to {
+    opacity: 0;
+    transform: translateX(-100%);
+    transform-origin: 0 0;
+  }
+}
+.orion-tabs {
+  height: 100%;
+}
+.orion-tabs > .orion-tabs__content > .orion-tab-pane {
+  height: 100%;
+  overflow: auto;
+}
+
+.orion-tabs__extra-content-left,
+.orion-tabs__extra-content-right {
+  flex: none;
+}
+.orion-rich-text-editor—wrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+.orion-rich-text-editor—wrapper > .orion-rich-text-editor-container {
+  flex: 1 1 0px;
+}