st-comp 0.0.146 → 0.0.147

package/src/pages/Kline/index.vue

@@ -1,90 +0,0 @@
-<!-- 业务K线组件Demo页面 -->
-<script setup lang="ts">
-  import { ref, computed } from 'vue'
-  import SingleCycleSingleVariety from './components/SingleCycleSingleVariety.vue'
-  import MultiCycleSingleVariety from './components/MultiCycleSingleVariety.vue'
-  // 当前选择的标签页值
-  const elTab = ref(1)
-  // 当前加载的动态组件
-  const componentName = computed(() => {
-    const componentMap = new Map([
-      [1, SingleCycleSingleVariety],
-      [2, MultiCycleSingleVariety],
-    ])
-    return componentMap.get(elTab.value)
-  })
-  // 调试按钮
-  const deBugValue = ref(1)
-
-  const elTabChange = () => {
-    deBugValue.value = 1
-  }
-</script>
-
-<template>
-  <div id="kline-page">
-    <el-tabs v-model="elTab" @tab-change="elTabChange">
-      <el-tab-pane
-        label="单品种单周期"
-        :name="1"
-      />
-      <el-tab-pane
-        label="单品种多周期"
-        :name="2"
-      />
-    </el-tabs>
-    <!-- 调试按钮 -->
-    <el-radio-group
-      class="deBugGroup"
-      v-model="deBugValue"
-    >
-      <el-radio-button :label="1">正常模式</el-radio-button>
-      <el-radio-button :label="2">网络请求错误</el-radio-button>
-      <el-radio-button :label="3">空数据</el-radio-button>
-    </el-radio-group>
-    <div class="kline-page-body">
-      <Transition
-        name="animation"
-        mode="out-in"
-      >
-        <component
-          :is="componentName"
-          :deBugValue="deBugValue"
-        />
-      </Transition>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-  #kline-page {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    .deBugGroup {
-      position: absolute;
-      right: 0;
-      top: 7px;
-    }
-    .kline-page-body {
-      flex: 1;
-      overflow: hidden;
-      // 进入和离开的两个过程
-      .animation-enter-active,
-      .animation-leave-active {
-        transition: all 0.3s ease-in-out;
-      }
-      // 进入的动画初始样式
-      .animation-enter-from {
-        transform: translateY(-500px);
-        opacity: 0;
-      }
-      // 离开的动画初始样式
-      .animation-leave-to {
-        transform: translateY(500px);
-        opacity: 0;
-      }
-    }
-  }
-</style>