@nebulars/primary 0.3.105

package/components/fqa-boxer/index.vue

@@ -0,0 +1,130 @@
+<style lang="less" scoped>
+.fqa-boxer {
+  & {
+    position: relative;
+  }
+
+  &-container {
+    width: 240px;
+    padding: @atom;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: -1;
+    opacity: 0;
+    transition: all @fast;
+    background-color: @color-app;
+    border-radius: @atom;
+    overflow: hidden;
+
+    &.keep {
+      bottom: calc(100% + @atom);
+      opacity: 1;
+      z-index: 1;
+    }
+  }
+
+  &-button {
+    position: relative;
+    z-index: 1;
+  }
+
+  &-item {
+    display: flex;
+    gap: @atom;
+    line-height: @vast;
+    padding-inline: @gap;
+    transition: all @fast;
+    border-radius: @atom;
+    cursor: pointer;
+    background-color: transparent;
+
+    &:active,
+    &:hover {
+      background-color: darken(@color-app, 5%);
+    }
+  }
+}
+</style>
+
+<template>
+  <div class="fqa-boxer">
+    <!-- Container -->
+    <div :class="{ 'fqa-boxer-container': true, keep: visible }">
+      <div class="fqa-boxer-item" v-if="false">
+        <fqa-icon icon="UserOutlined" />
+        <span>{{ $t('account.profile') }}</span>
+      </div>
+      <div class="fqa-boxer-item" @click.stop="logout">
+        <fqa-icon icon="PoweroffOutlined" />
+        <span>{{ $t('account.logout') }}</span>
+      </div>
+    </div>
+
+    <!-- Button -->
+    <!-- <fqa-button class="fqa-boxer-button" justify="flex-start" :keep="visible" :width="240" :height="40" :instance="4" hover="#2a2b2c" @click.stop="visible = !visible" @touchend.prevent="visible = !visible"> -->
+    <fqa-button class="fqa-boxer-button" justify="flex-start" :keep="visible" :width="240" :height="40" :instance="4" hover="#2a2b2c" @click.stop="visible = !visible">
+      <a-space>
+        <a-avatar :size="32" :src="app.user.avatar">{{ app.user.nickname?.charAt(0) }}</a-avatar>
+        <a-space>
+          <div>{{ app.user.nickname }}</div>
+        </a-space>
+      </a-space>
+    </fqa-button>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      visible: false,
+    };
+  },
+
+  methods: {
+    handler(e) {
+      if (!this.$el.contains(e.target)) {
+        this.visible = false;
+      }
+    },
+
+    async logout() {
+      // Remove Token
+      await this.$store.dispatch('app/LOGOUT');
+
+      // Set Route
+      const route = { name: 'login' };
+
+      // For Web
+      this.$util.message.send({ route }, () => {
+        // For MNP
+        this.$router.push(route);
+      });
+    },
+  },
+
+  created() {
+    // Polling for Sync Info
+    this.$util.polling(async () => {
+      // Get Token
+      const token = localStorage.getItem('token');
+
+      // No Token No Check
+      if (token) {
+        // 1. Get User Info
+        await this.$store.dispatch('app/TOKEN_CHECK');
+      }
+    });
+  },
+
+  mounted() {
+    document.addEventListener('click', this.handler);
+  },
+
+  beforeUnmount() {
+    document.removeEventListener('click', this.handler);
+  },
+};
+</script>

package/components/fqa-button/index.vue

@@ -0,0 +1,105 @@
+<style lang="less" scoped>
+.fqa-button {
+  & {
+    display: flex;
+    justify-content: var(--fqa-button-justify);
+    align-items: var(--fqa-button-align);
+    padding-inline: var(--fqa-button-instance);
+    color: var(--fqa-button-color);
+
+    cursor: pointer;
+    transition: all @fast;
+  }
+
+  &.keep {
+    color: var(--fqa-button-text);
+    background-color: var(--fqa-button-hover);
+  }
+
+  &:hover {
+    color: var(--fqa-button-text);
+    background-color: var(--fqa-button-hover);
+  }
+}
+</style>
+
+<template>
+  <div
+    :class="{ 'fqa-button': true, keep }"
+    :style="{
+      width: `${size || width}px`,
+      height: `${size || height}px`,
+      '--fqa-button-color': color,
+      'border-radius': `${radius}px`,
+      border: `1px solid ${border}`,
+      '--fqa-button-text': text,
+      '--fqa-button-hover': hover,
+      '--fqa-button-instance': `${instance}px`,
+      '--fqa-button-justify': justify,
+      '--fqa-button-align': align,
+    }"
+  >
+    <slot />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    keep: {
+      type: Boolean,
+      default: false,
+    },
+    size: {
+      type: [Number, String],
+      default: 0,
+    },
+    width: {
+      type: [Number, String],
+      default: 40,
+    },
+    height: {
+      type: [Number, String],
+      default: 40,
+    },
+    radius: {
+      type: [Number, String],
+      default: 6,
+    },
+    text: {
+      type: String,
+      default: '#484848',
+    },
+    color: {
+      type: String,
+      default: '#484848',
+    },
+    hover: {
+      type: String,
+      default: 'transparent',
+    },
+    border: {
+      type: String,
+      default: 'transparent',
+    },
+    instance: {
+      type: Number,
+      default: 0,
+    },
+    justify: {
+      type: String,
+      default: 'center',
+    },
+    align: {
+      type: String,
+      default: 'center',
+    },
+  },
+
+  methods: {
+    onClick() {
+      this.$emit('click');
+    },
+  },
+};
+</script>

package/components/fqa-control/index.vue

@@ -0,0 +1,47 @@
+<style lang="less" scoped>
+/**
+ * Assist Control
+ * ======== ======== ========
+ */
+.FinQA--Assist--Control {
+  @distance: calc(@size-menu / 2);
+
+  & {
+    position: fixed;
+    top: @distance;
+    left: @distance;
+    z-index: 9;
+  }
+
+  &.open {
+    left: calc(@size-assist - @size-header + @distance);
+  }
+}
+</style>
+
+<template>
+  <fqa-button :class="{ open, 'FinQA--Assist--Control': true }" :width="40" :height="40" text="#ffffff" hover="#a8a8a8" @click="handler">
+    <fqa-icon :icon="icon" :size="20" cursor="pointer" />
+  </fqa-button>
+</template>
+
+<script>
+export default {
+  computed: {
+    open() {
+      return this.adapter.assist.type;
+    },
+
+    icon() {
+      return this.open ? 'MenuFoldOutlined' : 'MenuUnfoldOutlined';
+    },
+  },
+
+  methods: {
+    handler() {
+      const { type } = this.adapter.assist;
+      this.$store.dispatch('adapter/STATE_UPDATE', { assist: { type: !type } });
+    },
+  },
+};
+</script>

package/components/fqa-debug/index.vue

@@ -0,0 +1,49 @@
+<template>
+  <a-modal v-model:open="visual" title="Debugging" :footer="null">
+    <a-form autocomplete="off">
+      <a-form-item v-for="(item, key) in parts" :label="key">
+        {{ item.type }}
+        <a-switch v-model:checked="item.type" />
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      visual: false,
+
+      parts: {},
+    };
+  },
+
+  watch: {
+    adapter: {
+      handler(parts) {
+        this.parts = parts;
+      },
+
+      deep: true,
+      immediate: true,
+    },
+  },
+
+  methods: {
+    keyboardHandler(e) {
+      if (e.altKey && e.which === 68) {
+        this.visual = !this.visual;
+      }
+    },
+  },
+
+  mounted() {
+    window.addEventListener('keydown', this.keyboardHandler);
+  },
+
+  beforeUnmount() {
+    window.removeEventListener('keydown', this.keyboardHandler);
+  },
+};
+</script>

package/components/fqa-download/index.vue

@@ -0,0 +1,65 @@
+<style lang="less" scoped>
+.fqa-download {
+  &-board {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-repeat: no-repeat;
+    background-position: top right;
+    background-size: 50% 50%;
+    background-color: rgba(0, 0, 0, 0.5);
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAOnRSTlMA+xTR94XeCxkd7yJD4/PrsQePVcGIcCe7tWdeeASbETrnrGssgltQSzHH1dnOyw+WYn6jp58/NXRI0UcK0wAAF4NJREFUeNrs1MFKQlEYReFjer1FRDVQCiScNJNIceL//g/mHoioeMGhstb3CnuxmyRJkiRJkiRJkiRJugP9cr2Ybea75yaefv01qYPV72sTyufmvU6NtiZAspzWpcmiiWI+qiu++yaErq77e2oC6GrI2AIAsr8FgGV/CwDL/hYAlv0tACz7WwBY9rcAsOxvAWDZ3wLAsr8FgGV/CwDL/hYAlv0tACz7WwBY9rcAsOxvAWDZ3wLAsr8FgGV/CwDL/hYAlv0tACz7WwBY9rcAsOxvAWDZ3wLAsr8FgGV/CwDL/hYAlv0tACz7WwBYV2EBWIf9LQDquL8FIJ3sbwFAZ/tbAM6szlgAzC37/49rwMebBTy2W/7/p61qQPcytYBHtmfnTrTSBqMgAE96wqLBsCayCwIugBZQW5n3f7Au9By63RJuNfon93uFmUxMfkOy/CGmPIM1wGUJ88eYgj6sAQ5Lmj+qFDzDGuCuJPmv8E1IQQxrgLOS5w+fgi6sAa5Kkn8DO5SsYQ1w1DH51ynpwRrgpmPyR4mSJqwBTjoqf3yg5BrWABcdlz/KlNzAGuCgiIdF2Aso2WIvsHMBRxSOzB/nlIwA2wDXRDysgJ9NKbkFbAMck/j63xtREgC2AW5R5I8tJWVYA9yiyR9NSkqwBjhFlT/WFHiANcAlSfLf4A8xBSGsAS6JdPljQ8EYO/Ys4IRYmT8aFCzxN0GRB83rMCmreDyoj78ZUnAHaDdgCJOuQVF5/QOXFLQA9QZ8gklVV50/OhR0oG9ACyZVCx7yDMGcgkcA6rvALUyKAh7S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);
+
+    transition: opacity @fast;
+
+    opacity: 0;
+    z-index: -10000;
+
+    &.visible {
+      opacity: 1;
+      z-index: 10000;
+    }
+  }
+}
+</style>
+
+<template>
+  <span class="fqa-download" @click="download">
+    <slot />
+    <div class="fqa-download-board" :class="{ visible }" ref="board" @click.stop="close"></div>
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    src: {
+      type: [String],
+      default: '',
+    },
+  },
+
+  data() {
+    return {
+      visible: false,
+    };
+  },
+
+  methods: {
+    async download() {
+      if (this.app) {
+        this.visible = true;
+        return await this.$util.copy(this.src);
+      }
+
+      this.$util.download(this.src);
+    },
+
+    close() {
+      this.visible = false;
+    },
+  },
+};
+</script>

package/components/fqa-footer/index.vue

@@ -0,0 +1,25 @@
+<style lang="less" scoped>
+.fqa-footer {
+  & {
+    font-size: 12px;
+    flex: 1;
+  }
+
+  .notice {
+    color: @color-subtext;
+  }
+}
+</style>
+
+<template>
+  <a-flex class="fqa-footer" justify="center">
+    <a-space :size="4" class="notice">
+      <fqa-icon icon="ExclamationCircleOutlined" />
+      <span>{{ $t('replenish.tip') }}</span>
+    </a-space>
+  </a-flex>
+</template>
+
+<script>
+export default {};
+</script>

package/components/fqa-fullscreen/index.vue

@@ -0,0 +1,60 @@
+<style lang="less">
+.fqa-fullscreen {
+  .ant-modal {
+    max-width: 100%;
+    top: 0;
+    padding-bottom: 0;
+    margin: 0;
+  }
+  .ant-modal-content {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh);
+    background-color: transparent !important;
+    box-shadow: none !important;
+    overflow: auto;
+  }
+  .ant-modal-body {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .ant-modal-close {
+    background-color: white;
+  }
+}
+</style>
+
+<template>
+  <a-modal class="fqa-fullscreen" v-model:open="open" width="100%" :footer="null" :z-index="10" wrap-class-name="fqa-fullscreen">
+    <div class="markdown-body">
+      <slot />
+    </div>
+  </a-modal>
+</template>
+
+<script>
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  emits: ['update:visible'],
+
+  computed: {
+    open: {
+      get() {
+        return this.visible;
+      },
+      set(value) {
+        this.$emit('update:visible', value);
+      },
+    },
+  },
+};
+</script>

package/components/fqa-gap/index.vue

@@ -0,0 +1,10 @@
+<style lang="less" scoped>
+.fqa-gap {
+  width: @gap;
+  height: @gap;
+}
+</style>
+
+<template>
+  <div class="fqa-gap"></div>
+</template>

package/components/fqa-header/index.vue

@@ -0,0 +1,105 @@
+<style lang="less" scoped>
+.fqa-header {
+  & {
+    flex: 1;
+    display: flex;
+
+    // transition: all @fast;
+    // background: url(@/assets/title.png) center / 36% no-repeat;
+  }
+
+  &.close {
+    margin-left: calc(@size-menu + 20px);
+    transition-delay: @fast;
+  }
+
+  h1 {
+    line-height: 20px;
+    font-size: 1.75rem;
+    font-weight: normal;
+    margin-bottom: 0;
+    padding-left: 0;
+    transition: all @fast;
+  }
+
+  .fqa-popover-open {
+    transform: rotate(-90deg);
+  }
+
+  &-tools {
+    & {
+      width: 60px;
+      justify-content: flex-end;
+    }
+
+    &-icon {
+      cursor: pointer !important;
+      transition: all @flash;
+
+      &:hover {
+        color: @color-primary !important;
+      }
+    }
+  }
+}
+
+.fqa-setting {
+  &:hover {
+    color: @color-retext;
+  }
+}
+</style>
+
+<template>
+  <a-flex :class="{ 'fqa-header': true, close: !adapter.assist.type }" justify="space-between" align="center">
+    <!-- Title -->
+    <h1>{{ sseengine.info.title }}</h1>
+
+    <!-- Poping -->
+    <a-popover v-if="pop" class="fqa-setting" overlay-class-name="fqa-popover" dropdown-class-name="fqa-dropdown" v-model:open="visible" placement="bottomRight" trigger="click">
+      <!-- Options -->
+      <template #content>
+        <div class="fqa-popover-container">
+          <fqa-selection v-for="(param, index) in sseengine.presets" :key="index" v-bind="param" v-model="sseengine.options[param.field_name]" />
+        </div>
+      </template>
+
+      <!-- Setting -->
+      <fqa-button :size="40" :radius="40" hover="#a8a8a8" v-if="false">
+        <fqa-icon :class="{ 'fqa-popover-open': visible }" icon="SettingOutlined" :size="20" />
+      </fqa-button>
+    </a-popover>
+
+    <!-- Tools -->
+    <a-space class="fqa-header-tools" :class="{ notouch: sseengine.produce || sseengine.editable }" v-if="sseengine.info.title && !app.mobile && app.online">
+      <!-- Share -->
+      <fqa-icon class="fqa-header-tools-icon" icon="ShareAltOutlined" :size="20" @click="change" />
+    </a-space>
+  </a-flex>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      visible: false,
+    };
+  },
+
+  computed: {
+    pop() {
+      return this.app.admin && this.sseengine.presets?.length;
+    },
+  },
+
+  methods: {
+    async change() {
+      // Mode Change
+      await this.$store.dispatch('sseengine/SNAP_MODE');
+
+      // Choosen All
+      await this.$store.dispatch('sseengine/SNAP_ALL');
+    },
+  },
+};
+</script>

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

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

@@ -0,0 +1,36 @@
+<style lang="less" scoped>
+.fqa-icon {
+  transition: all @effect;
+}
+</style>
+
+<template>
+  <component class="fqa-icon" :is="icon" :style="{ fontSize: `${size}px`, color, cursor, transitionDuration: `${duration}s` }" />
+</template>
+
+<script>
+export default {
+  props: {
+    icon: {
+      type: String,
+      default: '',
+    },
+    size: {
+      type: [Number, String],
+      default: 14,
+    },
+    color: {
+      type: String,
+      default: 'inherit',
+    },
+    cursor: {
+      type: String,
+      default: 'default',
+    },
+    duration: {
+      type: [Number, String],
+      default: 0.36,
+    },
+  },
+};
+</script>