@nebulars/primary 1.3.113 → 1.3.115

package/components/fqa-fullscreen/index.vue

@@ -17,6 +17,7 @@
   .ant-modal-body {
     flex: 1;
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
   }
@@ -29,6 +30,7 @@
 
 <template>
   <a-modal class="fqa-fullscreen" v-model:open="open" width="100%" :footer="null" :z-index="10" wrap-class-name="fqa-fullscreen">
+    <div id="fullscreen-operat" class="fqa-fullscreen-operat"></div>
     <div class="markdown-body">
       <slot />
     </div>

package/index.js

@@ -9,12 +9,12 @@ export default app => {
     app,
 
     // Components Modules
-    import.meta.glob('./components/**/*.vue', { eager: true }),
+    import.meta.glob('/node_modules/@nebulars/primary/components/**/*.vue', { eager: true }),
   );
 
   // Register Less
   lessRegister(
     // Css Modules
-    import.meta.glob('./components/**/*.less', { eager: true }),
+    import.meta.glob('/node_modules/@nebulars/primary/components/**/*.less', { eager: true }),
   );
 };

package/package.json

@@ -1,12 +1,12 @@
 {
     "name": "@nebulars/primary",
     "description": "A package for Primary",
-    "version": "1.3.113",
+    "version": "1.3.115",
     "main": "index.js",
     "type": "module",
     "author": "Joenix",
     "license": "MIT",
-    "gitHead": "baa58b00f7b973e406655d2a990c60a8c57850b1",
+    "gitHead": "5ae6964199bfa3ab47cfd7d38f6abb1f2f2383a3",
     "dependencies": {
         "@scaff/umd": "^3.7.44"
     }

package/components/fqa/index.vue

@@ -1,128 +0,0 @@
-<style lang="less" scoped>
-/**
- * For Coding Pretty
- * ======== ======== ========
- */
-.FinQA {
-  /**
-   * Layout
-   * ======== ======== ========
-   */
-  & {
-    width: 100%;
-    height: 100%;
-  }
-
-  &,
-  &--Container {
-    display: flex;
-  }
-
-  & {
-    flex-direction: row;
-  }
-
-  &--Container {
-    flex-direction: column;
-  }
-
-  &--Container {
-    flex: 1;
-  }
-
-  &--Container {
-    align-items: center;
-  }
-
-  &--Container,
-  &--Assist,
-  &--Sider {
-    transition: all @fast;
-  }
-
-  /**
-   * Interface
-   * ======== ======== ========
-   */
-  &--Container {
-    max-width: 100%;
-  }
-
-  &--Assist {
-    width: @size-assist;
-  }
-
-  &--Sider {
-    width: @size-sider;
-  }
-
-  /**
-   * Colour
-   * ======== ======== ========
-   */
-  &--Container {
-    background-color: transparent;
-  }
-  &--Assist {
-    background-color: @color-assist;
-  }
-
-  &--Sider {
-    background-color: @color-sider;
-  }
-
-  /**
-   * Modify
-   * ======== ======== ========
-   */
-  &--Sider {
-    border-left: 1px solid @color-line;
-  }
-}
-</style>
-
-<template>
-  <div class="FinQA" :class="{ FinQA: true, mobile: app.mobile, [`FinQA-${$route.name}`]: true }">
-    <!-- Control -->
-    <fqa-control />
-
-    <!-- Mask -->
-    <fqa-mask />
-
-    <!-- Transition Preloading -->
-    <transition name="preloading">
-      <!-- Preloading -->
-      <slot name="preloading" />
-    </transition>
-
-    <!-- Transition Assist -->
-    <transition name="assist">
-      <div class="FinQA--Assist" v-if="adapter.assist.type">
-        <slot name="assist" />
-      </div>
-    </transition>
-
-    <!-- Transition Container -->
-    <transition name="container">
-      <!-- Container -->
-      <slot class="FinQA--Container" name="container" />
-    </transition>
-
-    <!-- Sider -->
-    <transition name="sider">
-      <div class="FinQA--Sider" v-if="adapter.sider.type">
-        <slot name="sider" />
-      </div>
-    </transition>
-
-    <!-- Attach -->
-    <fqa-attach class="FinQA--Attach" :space="app.mobile ? '82vw' : 640" />
-
-    <!-- Aovery -->
-    <fqa-aovery class="FinQA--Aovery" :space="app.mobile ? '82vw' : '50vw'" />
-  </div>
-</template>
-
-<script>
-export default {};
-</script>

package/components/fqa/markdown-notes.less

@@ -1,34 +0,0 @@
-.markdown-notes-sup {
-  & {
-    margin-inline: 0.24rem;
-    padding: 0.24rem 0.48rem;
-    border-radius: @radiu;
-    line-height: @gap;
-    font-size: @unit;
-
-    color: @color-retext;
-    background-color: lighten(@color-text, 40%);
-  }
-
-  &:hover {
-    // color: @color-retext;
-    background-color: darken(@color-subtext, 10%);
-  }
-
-  &:focus,
-  &.active {
-    color: @color-retext;
-    background-color: @color-professor;
-  }
-}
-
-.markdown-notes {
-  & {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1;
-  }
-}

package/components/fqa-aovery/modify.less

@@ -1,3 +0,0 @@
-.fqa-aovery-container {
-  position: absolute;
-}

package/components/fqa-assist/menus-modify.less

@@ -1,38 +0,0 @@
-.menus-modify {
-  & {
-    padding-inline: @size-assispant !important;
-    background-color: transparent;
-    border-inline-end: none !important;
-  }
-
-  .ant-menu-item-group {
-    margin-top: @gap;
-
-    &-title {
-      padding-inline: calc(@unit + @atom);
-    }
-  }
-
-  .ant-menu-item {
-    padding-inline: @gap !important;
-    border-radius: @radiu * 2 !important;
-
-    &.remove {
-      transition: all @effect;
-      height: 0 !important;
-      overflow: hidden;
-    }
-
-    &:active {
-      background-color: darken(@color-assist, 1%) !important;
-    }
-  }
-
-  .ant-menu-item-active {
-    background-color: darken(@color-assist, 5%);
-  }
-
-  .ant-menu-item-selected {
-    background-color: darken(@color-assist, 5%);
-  }
-}

package/components/fqa-assist/start-modify.less

@@ -1,3 +0,0 @@
-.start-modify {
-  padding-inline: @size-assispant !important;
-}

package/components/fqa-attach/modify.less

@@ -1,3 +0,0 @@
-.fqa-attach-container {
-  position: absolute;
-}

package/components/fqa-header/poping-modify.less

@@ -1,48 +0,0 @@
-.fqa-popover {
-  .ant-popover-arrow {
-    right: 12px;
-    // --antd-arrow-background-color: @color-assist;
-  }
-
-  .ant-popover-inner {
-    // background-color: @color-assist;
-  }
-
-  .ant-select-selector {
-    // background-color: @color-input;
-  }
-
-  .ant-select-focused {
-    .ant-select-selector {
-      box-shadow: 0 0 0 2px rgba(167, 168, 169, 0.1) !important;
-    }
-  }
-
-  .ant-form-item {
-    margin-bottom: @unit;
-  }
-
-  .ant-form-item-row {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-
-  .ant-form-item-control {
-    width: 100%;
-  }
-
-  .ant-form-item-label label,
-  .ant-select-open .ant-select-selection-item {
-    // color: @color-text;
-  }
-
-  .ant-select-selector {
-    // color: @color-text;
-    // border-color: darken(@color-input, 2%) !important;
-    // background-color: @color-input !important;
-  }
-
-  &-container {
-    width: 240px;
-  }
-}

package/components/fqa-markdown/table-modify.less

@@ -1,5 +0,0 @@
-.markdown-body {
-  table {
-    scrollbar-color: rgba(0, 0, 0, 0.1) transparent !important;
-  }
-}

package/components/fqa-markdown/table-ops.less

@@ -1,76 +0,0 @@
-.markdown-table-ops {
-  & {
-    width: 100%;
-    height: 0;
-
-    display: flex;
-    justify-content: flex-end;
-
-    position: relative;
-  }
-
-  &-wrapper {
-    &:after {
-      content: ' ';
-
-      z-index: 10;
-      top: 0;
-      position: absolute;
-
-      width: 16px;
-      height: 16px;
-
-      transition: all @flash;
-      background-color: transparent;
-    }
-
-    svg {
-      font-size: 16px;
-      flex: 1;
-      cursor: pointer;
-      transition: all @flash;
-    }
-
-    & {
-      z-index: 9;
-      top: 6px;
-      left: -35px;
-      // right: 6px;
-      position: absolute;
-      opacity: 0.6;
-
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-      gap: 4px;
-
-      cursor: pointer;
-      transition: all @flash;
-
-      width: 24px;
-      height: 24px;
-      border-radius: 24px;
-
-      padding: 3px;
-
-      color: @color-app;
-      border: 1px solid @color-professor;
-      background-color: @color-professor;
-    }
-
-    &:hover {
-      height: 108px;
-      opacity: 1;
-
-      &:after {
-        top: -100%;
-      }
-    }
-  }
-}
-
-.fqa-drawer {
-  .markdown-table-ops {
-    display: none;
-  }
-}

package/components/fqa-pagination/modify.less

@@ -1,66 +0,0 @@
-.fqa-pagination {
-  .ant-pagination-item {
-    a {
-      color: @color-text;
-    }
-
-    &-ellipsis {
-      color: @color-text !important;
-    }
-  }
-
-  .ant-pagination-item-active {
-    background-color: @color-app;
-
-    &:hover {
-      a {
-        color: lighten(@color-text, 5%);
-      }
-    }
-  }
-
-  .ant-pagination-item-link {
-    color: @color-text !important;
-  }
-
-  .ant-select-selector {
-    color: @color-text !important;
-    border-color: lighten(@color-line, 5%) !important;
-    background-color: @color-app !important;
-    box-shadow: none !important;
-
-    &-search {
-      &:hover {
-        color: lighten(@color-text, 5%) !important;
-      }
-    }
-  }
-
-  .ant-select-arrow {
-    color: @color-text !important;
-  }
-
-  .ant-select-open {
-    .ant-select-selection-item {
-      color: @color-text !important;
-    }
-  }
-}
-
-.ant-select-dropdown {
-  border-color: lighten(@color-line, 5%);
-  background-color: @color-app;
-
-  .rc-virtual-list-holder-inner {
-    gap: @atom;
-  }
-
-  .ant-select-item-option {
-    color: darken(@color-text, 5%) !important;
-
-    &-selected {
-      color: @color-text !important;
-      background-color: darken(@color-app, 5%) !important;
-    }
-  }
-}

package/components/fqa-selection/modify.less

@@ -1,10 +0,0 @@
-.ant-select-selection-placeholder {
-  color: @color-text !important;
-}
-
-.fqa-selection {
-  .ant-select-selector,
-  .ant-select-selection-item {
-    border-radius: @radiu;
-  }
-}

package/components/fqa-start/modify.less

@@ -1,11 +0,0 @@
-.fqa-start {
-  .slick-slide {
-    width: 120px !important;
-  }
-
-  .vue-horizontal {
-    .v-hl-container {
-      gap: @gap;
-    }
-  }
-}

package/components/fqa-table/modify.less

@@ -1,56 +0,0 @@
-.fqa-table {
-  .ant-table {
-    background-color: darken(@color-assist, 1%);
-  }
-
-  .ant-table-header {
-    background-color: darken(@color-assist, 5%);
-
-    .ant-table-cell-scrollbar {
-      box-shadow: none !important;
-    }
-  }
-
-  .ant-empty-description {
-    color: @color-text;
-  }
-
-  .ant-table-thead {
-    .ant-table-cell {
-      color: @color-text;
-      border-bottom-color: @color-line !important;
-      background-color: darken(@color-assist, 1%);
-      line-height: 0.1;
-
-      &-content {
-        line-height: 1;
-      }
-
-      &:before {
-        background-color: @color-line !important;
-      }
-    }
-  }
-
-  .ant-table-tbody {
-    .ant-table-row,
-    .ant-table-placeholder {
-      &:hover {
-        .ant-table-cell {
-          background: darken(@color-assist, 1%) !important;
-        }
-      }
-    }
-
-    .ant-table-cell {
-      color: @color-text;
-      border-top-color: @color-line !important;
-      border-bottom-color: @color-line !important;
-      background-color: @color-assist;
-    }
-
-    .ant-table-cell-row-hover {
-      background: darken(@color-assist, 1%) !important;
-    }
-  }
-}