@nebulars/primary 0.3.105

package/components/fqa-input/index.vue

@@ -0,0 +1,47 @@
+<style lang="less">
+.fqa-input {
+  &.dark {
+    color: @color-text;
+    border: 1px solid @color-line;
+    background-color: darken(@color-app, 5%);
+
+    &:focus {
+      box-shadow: 0 0 0 2px darken(@color-line, 10%);
+    }
+  }
+
+  &::placeholder {
+    color: darken(@color-text, 30%);
+  }
+
+  &:focus {
+    &::placeholder {
+      color: darken(@color-text, 50%);
+    }
+  }
+}
+</style>
+
+<template>
+  <a-input class="fqa-input" :class="{ [theme]: true }" :value="modelValue" @blur="$emit('blur', $event)" @focus="$emit('focus', $event)" @update:value="value => $emit('update:value', value)" />
+</template>
+
+<script>
+export default {
+  name: 'fqa-input',
+
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: '',
+    },
+
+    theme: {
+      type: [String],
+      default: 'dark',
+    },
+  },
+
+  emits: ['update:value', 'blur', 'focus'],
+};
+</script>

package/components/fqa-link/index.vue

@@ -0,0 +1,184 @@
+<style lang="less" scoped>
+.fqa-link {
+  color: @color-text;
+
+  &[href]:not([href='javascript:void(0)']) {
+    color: @color-primary;
+
+    &:active,
+    &:hover {
+      color: @color-professor;
+    }
+  }
+}
+</style>
+
+<template>
+  <template v-if="clip">
+    <a class="fqa-link" href="javascript:void(0)" v-clipboard:copy="link" v-clipboard:success="copyHandler">
+      <slot />
+    </a>
+  </template>
+
+  <template v-else>
+    <template v-if="!isCompliant">
+      <a class="fqa-link" :href="link" :target="link === `javascript:void(0)` ? '_self' : '_blank'">
+        <slot />
+      </a>
+    </template>
+
+    <template v-else-if="mode === 'launch'">
+      <a class="fqa-link" href="javascript:void(0);" @click="launcher">
+        <slot />
+      </a>
+    </template>
+
+    <template v-else-if="mode === 'aovery'">
+      <a class="fqa-link" href="javascript:void(0);" @click="aoverier">
+        <slot />
+      </a>
+    </template>
+
+    <template v-else>
+      <a class="fqa-link" :href="link" :target="href ? target : `_self`" @click="handler">
+        <slot />
+      </a>
+    </template>
+  </template>
+</template>
+
+<script>
+export default {
+  props: {
+    href: {
+      type: [String],
+      default: '',
+    },
+
+    target: {
+      type: [String],
+      default: 'self',
+    },
+
+    clip: {
+      type: [Boolean],
+      default: false,
+    },
+
+    mode: {
+      type: [String],
+      default: '',
+    },
+
+    proxy: {
+      type: [Object],
+      default: {},
+    },
+  },
+
+  data() {
+    return {
+      origin: `omni-data-crafter-s3.cn-sh2.ufileos.com`,
+      domain: `s3.billionsintelligence.com`,
+    };
+  },
+
+  computed: {
+    link() {
+      return this.parse(this.href) || 'javascript:void(0)';
+    },
+
+    isCompliant() {
+      return new RegExp(`${this.origin}|${this.domain}`).test(this.href);
+    },
+  },
+
+  methods: {
+    parse(url) {
+      url = url.replace(/^http:/, 'https:');
+      url = url.replace(this.origin, this.domain);
+
+      return decodeURIComponent(url);
+    },
+
+    handler(e) {
+      if (this.clip) {
+        return (e.preventDefault(), false);
+      }
+    },
+
+    async launcher(e) {
+      // No Href No Link
+      if (!this.href) {
+        return;
+      }
+
+      // Get Query for PDF
+      const mode = /\.pdf/.test(this.href) ? 'pdf' : 'web';
+
+      // Get Address
+      const options = {
+        url: this.$util.pro(this.href),
+        query: this.proxy,
+        mode,
+      };
+
+      const { launch_key } = await this.$store.dispatch('chat/LAUNCH_TOKEN', options);
+
+      await this.$store.dispatch('chat/LAUNCH_UPDATE', { ...options, launch_key });
+      await this.$store.dispatch('adapter/STATE_UPDATE', { sider: { type: true } });
+    },
+
+    async aoverier(e) {
+      // No Href No Link
+      if (!this.href) {
+        return;
+      }
+
+      // Get Query for PDF
+      // const mode = /\.pdf/.test(this.href) ? 'pdf' : 'web';
+      const ext = this.$util.path.extname(this.href.replace(/\?.*/, ''));
+
+      // Set Mode
+      let mode;
+
+      switch (ext) {
+        case '.pdf':
+          mode = 'pdf';
+          break;
+
+        case '.csv':
+          mode = 'csv';
+          break;
+
+        case '.md':
+          mode = 'md';
+          break;
+
+        default:
+          mode = 'web';
+          break;
+      }
+
+      // Get Address
+      const options = {
+        url: this.$util.pro(this.href),
+        query: this.proxy,
+        mode,
+      };
+
+      const { launch_key } = await this.$store.dispatch('chat/LAUNCH_TOKEN', options);
+
+      await this.$store.dispatch('chat/LAUNCH_UPDATE', { ...options, launch_key });
+      await this.$store.dispatch('adapter/STATE_UPDATE', { aovery: { type: true } });
+    },
+
+    copyHandler(e) {
+      this.$util.toast.success('已复制到剪贴板，请至浏览器打开');
+
+      // In Uni
+      // ??
+    },
+  },
+};
+</script>

package/components/fqa-lister/index.vue

@@ -0,0 +1,61 @@
+<style lang="less" scoped>
+.fqa-lister {
+  &,
+  &-item {
+    gap: @gap;
+    display: flex;
+  }
+
+  & {
+    flex-direction: column;
+  }
+
+  &-item {
+    flex-direction: row;
+  }
+
+  &-head {
+    width: @size-header / 2;
+  }
+
+  &-content {
+    flex: 1;
+  }
+
+  &-think {
+    opacity: 0.75;
+  }
+}
+</style>
+
+<template>
+  <div class="fqa-lister">
+    <div class="fqa-lister-item" v-for="(item, index) in source" :key="index">
+      <div class="fqa-lister-head">
+        <slot name="head" :item="item" :index="index" />
+      </div>
+      <div class="fqa-lister-content">
+        <slot name="item" :item="item" :index="index" />
+      </div>
+    </div>
+    <!--
+    <div class="fqa-lister-item fqa-lister-think">
+      <div class="fqa-lister-head">
+        <slot name="think" />
+      </div>
+      <div class="fqa-lister-content">正在思考 ...</div>
+    </div>
+    -->
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    source: {
+      type: [Array],
+      default: [],
+    },
+  },
+};
+</script>

package/components/fqa-logo/index.vue

@@ -0,0 +1,34 @@
+<style lang="less" scoped>
+.fqa-logo {
+  display: inline-block;
+  border: 1px solid @color-line;
+  background: linear-gradient(315deg, #eeeeee 0%, #ffffff 100%);
+}
+</style>
+
+<template>
+  <span class="fqa-logo" :style="{ ...css }">
+    <a-avatar :size="120" :src="$util.uri(`logo.png`)" />
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    size: {
+      type: [String, Number],
+      default: 18,
+    },
+  },
+
+  computed: {
+    css() {
+      return {
+        padding: `${this.size * 1}px`,
+        borderRadius: `${this.size * 20}px`,
+        boxShadow: `0 ${this.size * 2}px ${this.size * 1}px rgba(0, 0, 0, 0.1)`,
+      };
+    },
+  },
+};
+</script>

package/components/fqa-markdown/index.vue

@@ -0,0 +1,109 @@
+<style lang="less" scoped>
+.markdown-body {
+  width: 100%;
+}
+</style>
+
+<style lang="less">
+.markdown-body {
+  &.mobile {
+    .markdown-table-ops {
+      display: none;
+    }
+  }
+
+  &.noneedtouch {
+    .markdown-table-ops {
+      display: none;
+    }
+
+    .markdown-notes-sup {
+      pointer-events: none;
+    }
+  }
+}
+</style>
+
+<template>
+  <div class="markdown-body" :class="{ mobile: app.mobile, noneedtouch: sseengine.mode === 'snap' || sseengine.editable }" ref="markdown" v-html="markdown" :data-html="html" />
+</template>
+
+<script>
+export default {
+  props: {
+    html: {
+      type: String,
+      default: '',
+    },
+
+    id: {
+      type: String,
+      default: '',
+    },
+
+    trace: {
+      type: String,
+      default: '',
+    },
+
+    references: {
+      type: Array,
+      default: [],
+    },
+  },
+
+  computed: {
+    markdown() {
+      // Make Context
+      const context = this.$util.process(this.html, this.id, this.trace, this.references);
+
+      // Render Context
+      const result = this.$util.markdown({}).render(context);
+
+      // For Table OPS
+      this.$nextTick(() => {
+        this.opsAffix();
+      });
+
+      // Context
+      return result;
+    },
+  },
+
+  watch: {
+    markdown() {
+      this.render();
+    },
+  },
+
+  methods: {
+    render() {
+      // Animation for Markdown
+      // this.$util.print(this.$refs.markdown);
+    },
+
+    opsAffix() {
+      // Get OPS
+      const ops = this.$util.$(this.$refs.markdown).find('.markdown-table-ops');
+
+      // Looping
+      ops.each((index, item) => {
+        // Get Container
+        const body = Array.from(item.nextSibling.childNodes)
+          .filter(n => n.tagName === 'TBODY')
+          .shift();
+
+        // Get Space
+        const space = body.clientWidth;
+
+        // Set Space
+        item.style.width = `${space}px`;
+      });
+    },
+  },
+
+  mounted() {
+    this.render();
+  },
+};
+</script>

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

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

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

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

@@ -0,0 +1,42 @@
+<style lang="less">
+.FinQA--Assist--Mask {
+  & {
+    opacity: 0;
+
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: -1;
+
+    transition: all @fast;
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  &.open {
+    opacity: 1;
+    z-index: 99;
+  }
+}
+</style>
+
+<template>
+  <div :class="{ open, 'FinQA--Assist--Mask': true }" @click="handler" />
+</template>
+
+<script>
+export default {
+  computed: {
+    open() {
+      return this.app.mobile && this.adapter.assist.type;
+    },
+  },
+
+  methods: {
+    handler() {
+      this.$store.dispatch('adapter/STATE_UPDATE', { assist: { type: false } });
+    },
+  },
+};
+</script>

package/components/fqa-pagination/index.vue

@@ -0,0 +1,44 @@
+<style lang="less" scoped>
+.fqa-pagination {
+  & {
+    display: flex;
+    padding: @gap;
+  }
+
+  &.left {
+    justify-content: flex-start;
+  }
+
+  &.right {
+    justify-content: flex-end;
+  }
+}
+</style>
+
+<template>
+  <div class="fqa-pagination" :class="{ [align]: true }" v-if="total">
+    <a-pagination :current="current" :total="total" @change="(page, size) => $emit('change', { page, size })"></a-pagination>
+  </div>
+  <div v-else></div>
+</template>
+
+<script>
+export default {
+  props: {
+    current: {
+      type: [Number],
+      default: 1,
+    },
+
+    total: {
+      type: [Number],
+      default: 0,
+    },
+
+    align: {
+      type: [String],
+      default: 'right',
+    },
+  },
+};
+</script>

package/components/fqa-pagination/modify.less

@@ -0,0 +1,66 @@
+.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;
+    }
+  }
+}