@nebulars/primary 0.3.105

package/components/fqa-preloading/index.vue

@@ -0,0 +1,70 @@
+<style lang="less" scoped>
+.fqa-preloading {
+  & {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9999;
+
+    background-color: @color-app;
+  }
+
+  &-svg,
+  &-text,
+  &-logo {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  &-svg {
+  }
+
+  &-text {
+    color: @color-text;
+    font-size: 18px;
+  }
+
+  &-logo {
+    filter: brightness(1.25) contrast(0.75);
+  }
+}
+</style>
+
+<template>
+  <div class="fqa-preloading">
+    <img class="fqa-preloading-svg" :style="svg" src="@/assets/preloading.svg" />
+    <img class="fqa-preloading-logo" :style="logo" src="@/assets/logo.png" />
+    <!-- <span class="fqa-preloading-text">系统加载中，请稍后 ...</span> -->
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    size: {
+      type: [Number, String],
+      default: 256,
+    },
+  },
+
+  computed: {
+    svg() {
+      return {
+        width: `${this.size}px`,
+        height: `${this.size}px`,
+      };
+    },
+
+    logo() {
+      return {
+        width: `${this.size * 0.5}px`,
+        height: `${this.size * 0.5}px`,
+      };
+    },
+  },
+};
+</script>

package/components/fqa-profile/index.vue

@@ -0,0 +1,141 @@
+<style lang="less" scoped>
+.fqa-profile {
+  &-background {
+    position: relative;
+    width: 100%;
+    height: @size-profile;
+    margin-bottom: @size-provert;
+    object-fit: cover;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+  }
+
+  &-info {
+    left: 0;
+    right: 0;
+    bottom: -@size-provert;
+    position: absolute;
+    padding-inline: @size-assispant;
+
+    h3,
+    h4 {
+      margin-bottom: 0;
+    }
+
+    h4 {
+      color: @color-subtext;
+    }
+  }
+
+  &-setting {
+    left: calc(8rem + @size-assispant);
+    bottom: 0;
+    position: absolute;
+    cursor: pointer !important;
+    transition: transform 0.3s ease;
+
+    &:hover {
+      transform: rotate(45deg);
+    }
+  }
+}
+</style>
+
+<template>
+  <div class="fqa-profile">
+    <div class="fqa-profile-background" :style="{ backgroundImage: `url(${image})` }">
+      <div class="fqa-profile-info">
+        <!-- Setting -->
+        <fqa-icon icon="SettingOutlined" class="fqa-profile-setting" :size="18" @click="setting" v-if="!app.mobile" />
+
+        <!-- Profile -->
+        <a-flex justify="space-between" align="flex-end">
+          <a-flex :gap="12" align="flex-end">
+            <a-avatar :size="92" :style="{ fontSize: `4rem`, border: `2px solid white` }" :src="app.user.avatar">{{ app.user.nickname?.charAt(0) }}</a-avatar>
+            <a-space direction="vertical" :size="4">
+              <h3>{{ app.user.nickname || app.user.phone }}</h3>
+              <h4>ID：{{ pad(app.user.id) }}</h4>
+            </a-space>
+          </a-flex>
+
+          <!-- Logout -->
+          <a-config-provider :auto-insert-space-in-button="false" v-if="false">
+            <a-button type="primary" shape="round" @click.stop="logout" v-if="!app.mobile">
+              {{ $t('account.logout') }}
+            </a-button>
+          </a-config-provider>
+        </a-flex>
+      </div>
+    </div>
+
+    <a-modal v-model:open="visible" title="个人设置" :footer="null">
+      <!-- <router-view /> -->
+      <component v-if="comp" :is="comp" />
+    </a-modal>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      comp: null,
+      visible: false,
+    };
+  },
+
+  computed: {
+    image() {
+      return `https://oss.billionsintelligence.com/finqa/fqa_profile.jpg`;
+    },
+  },
+
+  methods: {
+    pad(n, l = 8) {
+      return String(n).padStart(l, '0');
+    },
+
+    async setting() {
+      // Get Route
+      const personal = this.$router.resolve({ name: 'personal' });
+
+      // Set Comp
+      this.comp = personal.matched[1]?.components?.default;
+
+      // Set Visible
+      this.visible = true;
+
+      // Stop
+      return;
+
+      // Set Route
+      const route = { path: '/personal' };
+
+      // For Web
+      this.$util.message.send({ route }, () => {
+        // For MNP
+        this.$router.push(route);
+      });
+    },
+
+    async logout() {
+      // Remove Token
+      await this.$store.dispatch('app/LOGOUT');
+
+      // Set Route
+      const route = { name: 'login', origin: true };
+
+      // Reset Data
+      await this.$store.dispatch('chat/CLEAN');
+      await this.$store.dispatch('sseengine/CLEAN');
+
+      // For Web
+      this.$util.message.send({ route }, () => {
+        // For MNP
+        this.$router.push(route);
+      });
+    },
+  },
+};
+</script>

package/components/fqa-reissue/index.vue

@@ -0,0 +1,19 @@
+<style lang="less" scoped>
+.fqa-reissue {
+}
+</style>
+
+<template>
+  <div class="fqa-reissue"></div>
+</template>
+
+<script>
+export default {
+  props: {
+    menus: {
+      type: Array,
+      default: () => [],
+    },
+  },
+};
+</script>

package/components/fqa-selection/index.vue

@@ -0,0 +1,95 @@
+<style lang="less" scoped>
+.fqa-selection {
+  width: 100%;
+}
+</style>
+
+<template>
+  <a-form-item :label="label ? option_name : ''" :overlay-style="style">
+    <!-- single selection dropdown -->
+    <template v-if="type === `single selection dropdown`">
+      <a-select class="fqa-selection" :show-search="false" v-bind:value="modelValue" :options="options" @change="changeHandler" />
+    </template>
+
+    <!-- multiple selection dropdown -->
+    <template v-if="type === `multiple selection dropdown`">
+      <a-select class="fqa-selection" :show-search="false" v-bind:value="modelValue" mode="multiple" placeholder="已选 0" :options="options" :maxTagCount="0" @change="changeHandler">
+        <template #maxTagPlaceholder>
+          <span v-if="modelValue.length === 1">{{ modelValue[0] }}</span>
+          <span v-else>已选 {{ modelValue.length }}+</span>
+        </template>
+      </a-select>
+    </template>
+
+    <!-- toggle switch -->
+    <template v-if="type === `toggle switch`">
+      <a-switch :checked="modelValue" :checked-children="$t('global.open')" :un-checked-children="$t('global.close')" @change="changeHandler" />
+    </template>
+  </a-form-item>
+</template>
+
+<script>
+export default {
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, Array, Object],
+      default: '',
+    },
+
+    type: {
+      type: String,
+      default: '',
+    },
+
+    field_name: {
+      type: String,
+      default: '',
+    },
+
+    option_name: {
+      type: String,
+      default: '',
+    },
+
+    defaults: {
+      type: [String, Number, Boolean, Array, Object],
+      default: '',
+    },
+
+    selections: {
+      type: Array,
+      default: [],
+    },
+
+    description: {
+      type: String,
+      default: '',
+    },
+
+    label: {
+      type: [Boolean],
+      default: true,
+    },
+
+    style: {
+      type: [Object],
+      default: {},
+    },
+  },
+
+  // emits: ['update:modelValue'],
+
+  computed: {
+    options() {
+      return (this.selections || []).map(({ show_name: label, field_value: value }) => ({ label, value }));
+    },
+  },
+
+  methods: {
+    changeHandler(modelValue) {
+      modelValue = modelValue.filter(value => value);
+      return this.$emit('update:modelValue', modelValue);
+    },
+  },
+};
+</script>

package/components/fqa-selection/modify.less

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

package/components/fqa-sider/index.vue

@@ -0,0 +1,16 @@
+<style lang="less" scoped>
+.fqa-sider {
+  overflow: hidden;
+  height: 100%;
+}
+</style>
+
+<template>
+  <div class="fqa-sider">
+    <launch :src="chat.launch.url" />
+  </div>
+</template>
+
+<script>
+export default {};
+</script>

package/components/fqa-snapshot/index.vue

@@ -0,0 +1,107 @@
+<style lang="less">
+.fqa-snapshot,
+.fqa-snapshot-mobile {
+  .ant-modal {
+    max-width: 100%;
+  }
+}
+
+.fqa-snapshot {
+  .ant-modal {
+    max-width: 100%;
+  }
+
+  .ant-modal-content {
+    max-height: calc(80vh);
+  }
+  .ant-modal-body {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  &-container {
+    height: calc(80vh - 120px);
+    overflow: auto;
+  }
+
+  &-control {
+    height: 60px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: @atom;
+    color: @color-text;
+    background-color: @color-app;
+    cursor: pointer;
+    transition: all @flash;
+
+    &:hover {
+      background-color: darken(@color-app, 4%);
+    }
+  }
+}
+
+.fqa-snapshot-mobile {
+  .ant-modal {
+    max-width: 100%;
+    top: 4% !important;
+  }
+
+  .ant-modal-content {
+    max-height: calc(92vh);
+  }
+
+  .fqa-snapshot-container {
+    height: calc(92vh - 120px);
+  }
+}
+</style>
+
+<template>
+  <a-modal class="fqa-snapshot" v-model:open="open" :width="app.mobile ? '80%' : 540" :footer="null" :z-index="10" :wrap-class-name="app.mobile ? 'fqa-snapshot-mobile' : 'fqa-snapshot'">
+    <div class="fqa-snapshot-container">
+      <img :src="snap" />
+    </div>
+    <div class="fqa-snapshot-control" @click="$store.dispatch('sseengine/SNAP_DOWNLOAD', snap)">
+      <div class="fqa-snapshot-control-download">
+        <fqa-icon icon="CloudDownloadOutlined" :size="24" />
+      </div>
+      <!--
+      <div class="fqa-snapshot-control-copy" v-if="false">
+        <fqa-icon icon="CopyOutlined" :size="24" />
+      </div>
+      -->
+    </div>
+  </a-modal>
+</template>
+
+<script>
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+
+    snap: {
+      type: String,
+      default: '',
+    },
+  },
+
+  emits: ['update:visible'],
+
+  computed: {
+    open: {
+      get() {
+        return this.visible;
+      },
+      set(value) {
+        this.$emit('update:visible', value);
+      },
+    },
+  },
+};
+</script>