@nebulars/primary 0.3.105

package/components/fqa-worry/index.vue

@@ -0,0 +1,148 @@
+<style lang="less" scoped>
+.fqa-worry {
+  &-control {
+    padding: @gap 0;
+    cursor: pointer;
+  }
+
+  &-container {
+    overflow: auto;
+    border-radius: @radiu;
+    max-height: 0;
+    opacity: 0;
+    transition: all @effect;
+    // border: 1px solid darken(@color-text, 50%);
+    background-color: darken(@color-app, 4%);
+
+    &.open {
+      opacity: 1;
+      max-height: 240px;
+    }
+  }
+
+  &-main {
+    line-height: 1.5;
+    padding: @gap @gap @gap 0;
+    transition: all @effect;
+  }
+
+  &-content,
+  &-right {
+    width: 100%;
+    display: block;
+  }
+
+  &-content {
+    text-align: justify;
+  }
+
+  &-right {
+    text-align: right;
+  }
+}
+</style>
+
+<template>
+  <div class="fqa-worry">
+    <!-- Control -->
+    <a-space class="fqa-worry-control" @click="open = !open">
+      <template v-if="complete">
+        <fqa-icon icon="BulbOutlined" />
+        <span>智能问答</span>
+      </template>
+      <template v-else>
+        <fqa-icon icon="LoadingOutlined" />
+        <span>智能生成中</span>
+      </template>
+      <fqa-arrow :open="open" v-if="can && !sseengine.produce" />
+    </a-space>
+
+    <!-- Container -->
+    <div class="fqa-worry-container" :class="{ open }" v-if="error">
+      <div class="fqa-worry-main">
+        <fqa-worcha :source="trees" :compliance="item.compliance" :up="item.up" :rag="item.rag" />
+      </div>
+    </div>
+
+    <div class="fqa-worry-container" :class="{ open }" v-else-if="can">
+      <div class="fqa-worry-main">
+        <fqa-worcha :source="trees" :compliance="item.compliance" :up="item.up" :rag="item.rag" @finish="value => (open = !value)" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    source: {
+      type: [Object],
+      default: {},
+    },
+
+    item: {
+      type: [Object],
+      default: {},
+    },
+
+    produce: {
+      type: [Boolean],
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      open: true,
+      complete: false,
+    };
+  },
+
+  watch: {
+    produce: {
+      async handler(value) {
+        if (this.complete) {
+          return;
+        }
+
+        if (value === false) {
+          this.complete = !value;
+        }
+      },
+    },
+
+    item: {
+      async handler({ finally_status }) {
+        if (finally_status === 1) {
+          this.complete = true;
+        }
+
+        if (finally_status === 2) {
+          this.item.compliance = false;
+        }
+      },
+
+      deep: true,
+      immediate: true,
+    },
+  },
+
+  computed: {
+    error() {
+      return this.item.finally_status === 2;
+    },
+
+    can() {
+      return this.source.length;
+    },
+
+    trees() {
+      return this.$util.thintree(this.source, [4, 12][this.item.rag - 0] * 60);
+    },
+  },
+
+  mounted() {
+    this.complete = this.item.type === 'success';
+  },
+};
+</script>

package/index.js

@@ -0,0 +1,20 @@
+// Use Vue Scaff UMD
+import { createRegister, componentRegister, lessRegister } from '@scaff/umd';
+
+// Exporting as Program
+export default app => {
+  // Register Components
+  componentRegister(
+    // App
+    app,
+
+    // Components Modules
+    import.meta.glob('./components/**/*.vue', { eager: true }),
+  );
+
+  // Register Less
+  lessRegister(
+    // Css Modules
+    import.meta.glob('./components/**/*.less', { eager: true }),
+  );
+};

package/package.json

@@ -0,0 +1,9 @@
+{
+    "name": "@nebulars/primary",
+    "version": "0.3.105",
+    "main": "index.js",
+    "type": "module",
+    "author": "Joenix",
+    "license": "MIT",
+    "gitHead": "3a5caba7a4a72e3c6ada61420f2d932c461cf7be"
+}