@jzliu-cli/bi-engine 0.0.1

package/dist/assets/style/dashboard.less

@@ -0,0 +1,320 @@
+@base-color: hsla(0, 0%, 100%, .7);
+@color1: #2e74ff;
+.dashboard-designer {
+  background-color: #f0f2f5;
+  .text-overflow{
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .middle{
+    vertical-align: middle;
+  }
+
+  //input
+  .bi-header-name-input {
+    transition: 0.3s all;
+    width: 120px;
+    max-width: 236px;
+    min-width: 150px;
+    border: 1px solid transparent;
+    box-shadow: none;
+    font-size: 16px;
+    background-color: transparent;
+    color: #fff;
+    height: 30px;
+    padding: 0 10px;
+    outline: none;
+    &:hover {
+      border: 1px solid @color1;
+    }
+  }
+
+  //button
+  .bi-header-btn {
+    min-width: 108px;
+    height: 26px;
+    border-radius: 20px;
+    border: 1px solid @color1;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    cursor: pointer;
+  }
+
+  .bi-header-btn.primary {
+    background: @color1;
+  }
+
+  .bi-header-btn.default {
+    background: transparent;
+  }
+
+  .close-setting-panel {
+    width: 40px !important;
+
+    .el-icon-s-unfold {
+      transform: rotate(180deg);
+    }
+  }
+
+  .self-icon {
+    color: @base-color;
+    position: absolute;
+    right: 12px;
+    display: inline-flex;
+    margin-top: 14px;
+    font-size: 20px;
+    cursor: pointer;
+    transition: all .2s ease;
+  }
+
+  .chart-warp {
+    width: 100%;
+    height: 100%;
+  }
+
+  .shadow {
+    border-color: #468cff !important;
+  }
+
+  li {
+    list-style: none;
+  }
+
+  .el-button--primary {
+    width: 100%;
+    font-size: 12px;
+    font-weight: normal;
+    letter-spacing: 2px;
+    background-color: @color1;
+    border-color: @color1;
+    border-radius: 0;
+
+    &:hover {
+      background-color: #4794ff;
+      border-color: #4794ff;
+    }
+  }
+
+  .drag-warp {
+    width: 100%;
+    height: 100%;
+  }
+
+  .components-widgets {
+    display: flex;
+    align-items: center;
+  }
+
+
+  //顶部logo
+
+  .component-type-cross-table {
+    background-position: 15px -875px;
+  }
+
+  .component-type-bar {
+    background-position: -143px -875px;
+  }
+
+  .component-type-pie {
+    background-position: -543px -875px;
+  }
+
+  .component-type-line {
+    background-position: -306px -875px;
+  }
+
+  .component-type-indicator-card {
+    background-position: -63px -875px;
+  }
+
+
+  .seprate {
+    border-right: 1px solid hsla(0, 0%, 100%, .3);
+    width: 0;
+    height: 20px;
+    margin: 0 4px
+  }
+
+  .components-item {
+    width: 35px;
+    height: 35px;
+    border-radius: 2px;
+    margin: 0 2px;
+
+    :hover {
+      background-color: hsla(0, 0%, 100%, .15)
+    }
+
+    > div {
+      width: 70px;
+      height: 70px;
+      display: block;
+      position: relative;
+      left: 0;
+      top: 0;
+      background-image: url('../img/panel.png');
+      background-repeat: no-repeat;
+      -webkit-transform: scale(.5);
+      transform: scale(.5);
+      transform-origin: left top;
+      cursor: pointer;
+    }
+  }
+
+  .require-icon {
+    color: #f23c3c;
+    font-size: 14px;
+    margin-right: 4px;
+  }
+
+  .vue-grid-item.vue-grid-placeholder {
+    background: #ada3a3;
+  }
+
+  .ui-schema-antd-tree {
+    flex-grow: 1;
+    overflow-y: auto;
+    padding: 8px 12px;
+    padding-top: 0;
+    box-sizing: border-box;
+    color: rgba(0, 0, 0, .65);
+    font-size: 14px;
+    font-variant: tabular-nums;
+    line-height: 1.5;
+    list-style: none;
+    font-feature-settings: "tnum";
+    margin: 0;
+
+    > li {
+      padding: 2px 0;
+    }
+
+    li {
+      margin: 0;
+      padding: 4px 0;
+      white-space: nowrap;
+      list-style: none;
+      outline: 0;
+    }
+
+    .field-tree-left {
+      cursor: pointer;
+
+      li {
+        .field-tree-item-warp {
+          padding-left: 24px;
+        }
+      }
+
+      ul {
+        padding-left: 0;
+      }
+
+      .open-rotate {
+        transform: rotate(90deg);
+      }
+
+      .el-icon-caret-right {
+        transition: all 0.3s;
+        color: @base-color;
+        font-size: 12px;
+      }
+
+      .field-tree-item-warp {
+        transition: all 0.3s;
+
+        &:hover {
+          background-color: hsla(0, 0%, 100%, .1);
+        }
+      }
+
+      .field-tree-text {
+        color: @base-color;
+        font-size: 12px;
+        margin-left: 5px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}
+
+/* Element UI 组件 label 样式 */
+.cdsp_dashboard .el-input__label,
+.cdsp_dashboard .el-form-item__label,
+.cdsp_dashboard .el-checkbox__label,
+.cdsp_dashboard .el-radio__label,
+.cdsp_dashboard .el-select__label,
+.cdsp_dashboard .el-cascader__label,
+.cdsp_dashboard .el-date-editor__label,
+.cdsp_dashboard .el-time-picker__label,
+.cdsp_dashboard .el-switch__label,
+.cdsp_dashboard .el-slider__label,
+.cdsp_dashboard .el-rate__label,
+.cdsp_dashboard .el-color-picker__label,
+.cdsp_dashboard .el-transfer__label,
+.cdsp_dashboard .el-upload__label,
+.cdsp_dashboard .el-button__label,
+.cdsp_dashboard .el-tag__label,
+.cdsp_dashboard .el-badge__label,
+.cdsp_dashboard .el-alert__label,
+.cdsp_dashboard .el-message__label,
+.cdsp_dashboard .el-notification__label,
+.cdsp_dashboard .el-dialog__label,
+.cdsp_dashboard .el-drawer__label,
+.cdsp_dashboard .el-popover__label,
+.cdsp_dashboard .el-tooltip__label,
+.cdsp_dashboard .el-pagination__label,
+.cdsp_dashboard .el-table__label,
+.cdsp_dashboard .el-tree__label,
+.cdsp_dashboard .el-menu__label,
+.cdsp_dashboard .el-breadcrumb__label,
+.cdsp_dashboard .el-steps__label,
+.cdsp_dashboard .el-tabs__label,
+.cdsp_dashboard .el-card__label,
+.cdsp_dashboard .el-collapse__label,
+.cdsp_dashboard .el-timeline__label,
+.cdsp_dashboard .el-carousel__label,
+.cdsp_dashboard .el-image__label,
+.cdsp_dashboard .el-avatar__label,
+.cdsp_dashboard .el-skeleton__label,
+.cdsp_dashboard .el-empty__label,
+.cdsp_dashboard .el-result__label,
+.cdsp_dashboard .el-descriptions__label,
+.cdsp_dashboard .el-calendar__label,
+.cdsp_dashboard .el-backtop__label,
+.cdsp_dashboard .el-affix__label,
+.cdsp_dashboard .el-anchor__label,
+.cdsp_dashboard .el-page-header__label,
+.cdsp_dashboard .el-divider__label,
+.cdsp_dashboard .el-link__label,
+.cdsp_dashboard .el-text__label,
+.cdsp_dashboard .el-space__label,
+.cdsp_dashboard .el-scrollbar__label,
+.cdsp_dashboard .el-infinite-scroll__label,
+.cdsp_dashboard .el-loading__label,
+.cdsp_dashboard .el-message-box__label,
+.cdsp_dashboard .el-popconfirm__label,
+.cdsp_dashboard .el-autocomplete__label,
+.cdsp_dashboard .el-input-number__label,
+.cdsp_dashboard .el-rate__label,
+.cdsp_dashboard .el-slider__label,
+.cdsp_dashboard .el-switch__label,
+.cdsp_dashboard .el-time-select__label,
+.cdsp_dashboard .el-time-picker__label,
+.cdsp_dashboard .el-date-picker__label,
+.cdsp_dashboard .el-date-range-picker__label,
+.cdsp_dashboard .el-month-picker__label,
+.cdsp_dashboard .el-year-picker__label,
+.cdsp_dashboard .el-week-picker__label,
+.cdsp_dashboard .el-quarter-picker__label,
+.cdsp_dashboard .el-datetime-picker__label,
+.cdsp_dashboard .el-datetime-range-picker__label {
+  font-size: 12px !important;
+}

package/dist/assets/style/element-variables-dark.less

@@ -0,0 +1,8 @@
+@--color-sidebar-title-text: #262626;
+@--color-text-secondary: #909399;
+@--color-white: #ffffff;
+@--color-primary-light-9: #ecf5ff;
+@--color-primary-light-5: #a0cfff;
+@--color-menu-item-active-text-color: #409eff;
+@--color-menu-item-active-background: #409eff;
+@--color-menu-item-active-background-to: #409eff;

package/dist/assets/style/element-variables.less

@@ -0,0 +1,5 @@
+// @import "../element-variables-light.scss";
+@import './element-variables-dark.less';
+//@import "../element-variables-green.scss";
+// @import "../element-variables-orange.scss";
+// @import "../element-variables-blue.scss";

package/dist/assets/style/tailwind.css

@@ -0,0 +1,3 @@
+/*@import "tailwindcss/base";*/
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';

package/dist/assets/style/transition.less

@@ -0,0 +1,30 @@
+/*fade*/
+.cdsp_dashboard .fade-enter-active,
+.cdsp_dashboard .fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.cdsp_dashboard .fade-enter,
+.cdsp_dashboard .fade-leave-active {
+  opacity: 0;
+}
+
+/*fade*/
+.cdsp_dashboard .breadcrumb-enter-active,
+.cdsp_dashboard .breadcrumb-leave-active {
+  transition: all 0.5s;
+}
+
+.cdsp_dashboard .breadcrumb-enter,
+.cdsp_dashboard .breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.cdsp_dashboard .breadcrumb-move {
+  transition: all 0.5s;
+}
+
+.cdsp_dashboard .breadcrumb-leave-active {
+  position: absolute;
+}