@nebulars/primary 0.3.105

package/.prettierrc.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+  arrowParens: 'avoid',
+  trailingComma: 'all',
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+  printWidth: 360,
+};

package/components/fqa/index.vue

@@ -0,0 +1,128 @@
+<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

@@ -0,0 +1,34 @@
+.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-amixer/index.vue

@@ -0,0 +1,105 @@
+<style lang="less">
+.fqa-amixer {
+  overflow: unset !important;
+  height: 100%;
+  position: relative;
+
+  background-color: @color-attach !important;
+
+  &-menus {
+    top: 30px; // calc(@space - 2px);
+    right: 100%;
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    gap: @unit;
+  }
+
+  &-menu {
+    cursor: pointer;
+    padding: @gap @unit;
+    background-color: @color-app;
+    border-radius: @atom 0 0 @atom;
+
+    &.active {
+      background-color: darken(@color-app, 5%);
+    }
+  }
+
+  .ant-drawer-body {
+    padding: 0;
+  }
+}
+</style>
+
+<template>
+  <a-drawer class="fqa-amixer" :width="space" placement="right" :closable="false" v-model:open="adapter.amixer.type" @close="closeHandler" :get-container="container">
+    <div class="fqa-amixer-menus">
+      <template v-for="[key, options] in menus">
+        <div class="fqa-amixer-menu" :class="{ active: active === key }" @click="menuHandler(options, key)">
+          <slot name="menu" :options="options" :key="key" />
+        </div>
+      </template>
+    </div>
+
+    <slot name="container" :active="active" :link="chat.launch.url" />
+  </a-drawer>
+</template>
+
+<script>
+export default {
+  props: {
+    space: {
+      type: [Number, String],
+      default: '50vw',
+    },
+    /* !!
+     * Json Member
+     * @param url { string }
+     * @param query { json }
+     * @param mode { string }
+     * ======== ======== ========
+     */
+    menus: {
+      type: [Array],
+      default: [],
+    },
+  },
+
+  data() {
+    return {
+      active: null,
+    };
+  },
+
+  watch: {
+    menus: {
+      async handler(value) {
+        if (!value.length) {
+          return;
+        }
+
+        if (!this.active) {
+          const [key, options] = value[0];
+          await this.menuHandler(options, key);
+        }
+      },
+
+      immediate: true,
+      deep: true,
+    },
+  },
+
+  methods: {
+    async menuHandler(options, key) {
+      this.active = key;
+
+      console.log('Amixer 参数:', options);
+      const { launch_key } = await this.$store.dispatch('chat/LAUNCH_TOKEN', options);
+
+      console.log('Amixer 秘钥:', launch_key);
+      await this.$store.dispatch('chat/LAUNCH_UPDATE', { ...options, launch_key });
+    },
+  },
+};
+</script>

package/components/fqa-aovery/index.vue

@@ -0,0 +1,46 @@
+<style lang="less">
+.fqa-aovery {
+  overflow: hidden;
+  height: 100%;
+
+  background-color: @color-attach !important;
+
+  .ant-drawer-body {
+    padding: 0;
+  }
+}
+</style>
+
+<template>
+  <a-drawer class="fqa-aovery" root-class-name="fqa-aovery-container" :width="space" placement="right" :closable="false" v-model:open="adapter.aovery.type" @close="closeHandler" :get-container="container">
+    <launch :src="chat.launch.url" />
+  </a-drawer>
+</template>
+
+<script>
+export default {
+  props: {
+    space: {
+      type: [Number, String],
+      default: '50vw',
+    },
+  },
+
+  data() {
+    return {
+      container: null,
+    };
+  },
+
+  methods: {
+    closeHandler(e) {
+      console.log(e);
+    },
+  },
+
+  mounted() {
+    // 勿删，该配置作用于容器推出
+    // this.container = document.querySelector('.FinQA--Container');
+  },
+};
+</script>

package/components/fqa-aovery/modify.less

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

package/components/fqa-arrow/index.vue

@@ -0,0 +1,51 @@
+<style lang="less" scoped>
+.fqa-arrow {
+  & {
+    width: 10px;
+    position: relative;
+  }
+
+  &::before,
+  &::after {
+    content: '';
+    position: absolute;
+    width: 6px;
+    height: 2px;
+    background-color: @color-text;
+    transition: transform 0.3s ease;
+  }
+
+  &::before {
+    left: 0;
+    transform: rotate(45deg);
+  }
+  &::after {
+    right: 0;
+    transform: rotate(-45deg);
+  }
+
+  &.open {
+    &::before {
+      transform: rotate(-45deg);
+    }
+    &::after {
+      transform: rotate(45deg);
+    }
+  }
+}
+</style>
+
+<template>
+  <div class="fqa-arrow" :class="{ open }"></div>
+</template>
+
+<script>
+export default {
+  props: {
+    open: {
+      type: [Boolean],
+      default: false,
+    },
+  },
+};
+</script>

package/components/fqa-assist/index.vue

@@ -0,0 +1,104 @@
+<style lang="less" scoped>
+.fqa-assist {
+  & {
+    position: relative;
+    border-right: 1px solid white;
+  }
+
+  &-mask {
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9999;
+    position: absolute;
+    background: transparent;
+  }
+
+  &-toper,
+  &-boxer {
+    padding: @unit;
+  }
+
+  &-toper {
+    height: @size-header;
+    cursor: pointer;
+
+    &-logo {
+      position: relative;
+    }
+  }
+
+  &-boxer {
+    height: @size-header;
+  }
+
+  &-menus {
+    height: calc(100vh - @size-profile - @size-provert);
+    background-color: transparent;
+  }
+
+  .fantasy {
+    width: 84px;
+    height: 28px;
+    display: inline-block;
+    background: url(@/assets/name.png) center/cover no-repeat;
+  }
+}
+</style>
+
+<template>
+  <!-- Assist -->
+  <div class="fqa-assist">
+    <!-- Profile -->
+    <fqa-profile />
+
+    <!-- Toper -->
+    <a-space class="fqa-assist-toper" v-if="false">
+      <a-avatar class="fqa-assist-toper-logo logo" :src="$util.uri(`logo.png`)" />
+      <fqa-animation animation="jello">
+        <div class="fantasy" />
+      </fqa-animation>
+    </a-space>
+
+    <!-- Menu -->
+    <div class="fqa-assist-menus scroll">
+      <!-- Menu Mask -->
+      <!-- <div class="fqa-assist-mask" v-if="sseengine.produce"></div> -->
+
+      <!-- Menu Uper -->
+      <fqa-start class="start-modify" />
+
+      <!-- Menu List -->
+      <sse-menus :menus="menus" class="menus-modify" />
+    </div>
+
+    <!-- Box -->
+    <div class="fqa-assist-boxer" v-if="app.user">
+      <fqa-boxer />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    menus() {
+      return this.$util.time.Ago(this.sseengine.list, { 1: '今天', 2: '昨天', 7: '前 7 天', 30: '前 30 天', more: '更久以前' });
+    },
+  },
+
+  watch: {
+    'app.token': {
+      handler(value) {
+        if (value) {
+          // this.$store.dispatch('sseengine/MENUS_GET');
+        }
+      },
+
+      deep: true,
+      immediate: true,
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,38 @@
+.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

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

package/components/fqa-attach/index.vue

@@ -0,0 +1,51 @@
+<style lang="less">
+.fqa-attach {
+  background-color: @color-attach !important;
+
+  .ant-drawer-body {
+    padding: 0;
+    overflow: hidden;
+  }
+}
+</style>
+
+<template>
+  <a-drawer class="fqa-attach" root-class-name="fqa-attach-container" :width="space" placement="right" :closable="false" v-model:open="adapter.attach.type" @close="closeHandler" :get-container="container">
+    <sse-drawer :thinks="attach.thinks" :references="attach.references" :workflows="attach.workflows" />
+  </a-drawer>
+</template>
+
+<script>
+export default {
+  props: {
+    space: {
+      type: [Number, String],
+      default: '50vw',
+    },
+  },
+
+  data() {
+    return {
+      container: null,
+    };
+  },
+
+  computed: {
+    attach() {
+      return this.sseengine.attach;
+    },
+  },
+
+  methods: {
+    closeHandler(e) {
+      this.$util.sup.clean();
+      console.log(e);
+    },
+  },
+
+  mounted() {
+    // 暂隐勿删，该配置作用于容器推出
+    // this.container = document.querySelector('.FinQA--Container');
+  },
+};
+</script>

package/components/fqa-attach/modify.less

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