st-comp 0.0.13 → 0.0.16

package/packages/Table/components/Button/index.vue

@@ -9,6 +9,7 @@
         <el-button
           :type="option.type"
           :disabled="typeof option.disabled === 'function' ? option.disabled(scope.row, scope.$index) : option.disabled"
+          :style="{ marginTop: showMargin ? '10px' : 0 }"
         >
           {{ typeof option.text === 'function' ? option.text(scope.row, scope.$index) : option.text }}
         </el-button>
@@ -18,11 +19,13 @@
       v-else
       :type="option.type"
       :disabled="typeof option.disabled === 'function' ? option.disabled(scope.row, scope.$index) : option.disabled"
+      :style="{ marginTop: showMargin ? '10px' : 0 }"
       @click="option.onClick(scope.row, scope.$index)"
     >
       {{ typeof option.text === 'function' ? option.text(scope.row, scope.$index) : option.text }}
     </el-button>
   </template>
+  <template v-else></template>
 </template>
 
 <script setup lang="ts">
@@ -36,6 +39,10 @@
     scope: {
       type: Object,
       required: true
+    },
+    showMargin: {
+      type: Boolean,
+      default: () => false
     }
   })
 

package/packages/Table/index.vue

@@ -43,31 +43,33 @@
             v-for="(btn, btnIndex) in item.btns"
             :key="`${btn.text}-${btnIndex}`"
           >
-            <el-popover
-              v-if="btn.children"
-              placement="bottom"
-              trigger="hover"
-              :popper-style="{ minWidth: '0px', width: null }"
-            >
-              <template #reference>
-                <el-icon
-                  :style="{ marginLeft: '10px', verticalAlign: '-5px', cursor: 'pointer' }"
-                  size="20"
-                >
-                  <MoreFilled />
-                </el-icon>
-              </template>
-              <div
-                v-for="(subBtn, subBtnIndex) in btn.children"
-                :key="`${subBtn.text}-${subBtnIndex}`"
-                :style="{ marginTop: subBtnIndex === 0 ? 0 : '10px'}"
+            <template v-if="btn.children">
+              <el-popover
+                v-if="getShowChildren(btn.children, scope).length"
+                placement="bottom"
+                trigger="hover"
+                :popper-style="{ minWidth: '0px', width: null }"
               >
-                <Button
-                  :option="subBtn"
-                  :scope="scope"
-                />
-              </div>
-            </el-popover>
+                <template #reference>
+                  <el-icon
+                    :style="{ marginLeft: '10px', verticalAlign: '-5px', cursor: 'pointer' }"
+                    size="20"
+                  >
+                    <MoreFilled />
+                  </el-icon>
+                </template>
+                <div
+                  v-for="(subBtn, subBtnIndex) in getShowChildren(btn.children, scope)"
+                  :key="`${subBtn.text}-${subBtnIndex}`"
+                >
+                  <Button
+                    :option="subBtn"
+                    :scope="scope"
+                    :showMargin="subBtnIndex !== 0"
+                  />
+                </div>
+              </el-popover>
+            </template>
             <Button
               v-else
               :option="btn"
@@ -114,6 +116,17 @@
   const sortChange = (params: any) => {
     emit('sortChange', params)
   }
+
+  const getShowChildren = (children: any[], scope: any) => {
+    return children.filter(item => {
+      if(typeof item.show === 'function' && item.show(scope.row, scope.$index) === false) {
+        return false
+      } else if (item.show === false) {
+        return false
+      }
+      return true
+    })
+  }
 </script>
 
 <style lang="scss" scoped>

package/packages/index.ts

@@ -1,7 +1,6 @@
 import { App } from "vue"
 import StChartLayout from "./ChartLayout/index.ts"
 import StDialog from "./Dialog/index.ts"
-import StEcharts from "./Echarts/index.ts"
 import StKline from "./Kline/index.ts"
 import StPagination from "./Pagination/index.ts"
 import StTable from "./Table/index.ts"
@@ -10,7 +9,6 @@ export default {
   install(app: App) {
     StChartLayout.install(app)
     StDialog.install(app)
-    StEcharts.install(app)
     StKline.install(app)
     StPagination.install(app)
     StTable.install(app)

package/src/pages/ChartLayout/index.vue

@@ -1,22 +1,22 @@
-<template>
-  <div style="width: 100%;height: 100%;">
-    <st-chartLayout
-      :data="data"
-      :row="2"
-      :col="3"
-    >
-      <template #default="{ data }">
-        <div style="width: 100%;height: 100%;;background: #ccc">{{ data }}</div>
-      </template>
-    </st-chartLayout>
-  </div>
-</template>
-
-<script setup lang="ts">
-const data = [
-  1,2,3,4,5,6
-]
-</script>
-
-<style lang="scss" scoped>
-</style>
+<template>
+  <div style="width: 100%;height: 100%;">
+    <st-chartLayout
+      :data="data"
+      :row="2"
+      :col="3"
+    >
+      <template #default="{ data }">
+        <div style="width: 100%;height: 100%;;background: #ccc">{{ data }}</div>
+      </template>
+    </st-chartLayout>
+  </div>
+</template>
+
+<script setup lang="ts">
+const data = [
+  1,2,3,4,5,6
+]
+</script>
+
+<style lang="scss" scoped>
+</style>

package/src/pages/Kline/api.ts

@@ -0,0 +1,57 @@
+import axios from 'axios'
+
+/**
+ * @description: 通用接口-单品种单周期K线数据
+*/
+export const getSingleCycleSingleVariety = async (data: any) => {
+  return axios({
+    method: 'post',
+    headers: {
+      token: '49d4a41f8776c86d36dd560969117785',
+    },
+    url: 'http://192.168.12.49:88/common/qt/getSingleCycleSingleVariety',
+    data,
+  })
+}
+
+/**
+ * @description: 通用接口-单品种多周期K线数据
+*/
+export const getMultiCycleSingleVariety = async (data: any) => {
+  return axios({
+    method: 'post',
+    headers: {
+      token: '49d4a41f8776c86d36dd560969117785',
+    },
+    url: 'http://192.168.12.49:88/common/qt/getMultiCycleSingleVariety',
+    data,
+  })
+}
+
+/**
+ * @description: 通用接口-字典
+*/
+export const getDict = async (data: any) => {
+  return axios({
+    method: 'post',
+    headers: {
+      token: '49d4a41f8776c86d36dd560969117785',
+    },
+    url: 'http://192.168.12.49:88/common/qt/getDict',
+    data,
+  })
+}
+
+/**
+ * @description: 获取指标配置表
+ * 后续会通过前端函数库进行自维护获取,而不是依赖接口拉表
+*/
+export const getIndicatorConfig = async () => {
+  return axios({
+    method: 'get',
+    headers: {
+      token: '49d4a41f8776c86d36dd560969117785',
+    },
+    url: 'http://116.62.161.92:8005/get_indicator'
+  })
+}