st-comp 0.0.277 → 0.0.279

package/src/pages/LinearLegend/index.vue

@@ -1,92 +0,0 @@
-<template>
-  <div>
-    <st-linearLegend ref="linearLegendRef" :data="data" :unit="'%'"/>
-  </div>
-  <div>
-    <st-linearLegend :data="data2" :unit="'亿'"/>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { ref, onMounted } from 'vue'
-
-  const linearLegendRef = ref()
-
-  const data = [
-    {
-      range: [-7],
-      type: '<',
-      color: 'rgba(0, 128, 0, 0.4)',
-    },
-    {
-      range: [-7, -5],
-      type: '[)',
-      color: 'rgba(0, 128, 0, 0.6)',
-    },
-    {
-      range: [-5, -3],
-      type: '[)',
-      color: 'rgba(0, 128, 0, 0.8)',
-    },
-    {
-      range: [-3, 0],
-      type: '[)',
-      color: 'rgba(0, 128, 0, 1)',
-    },
-    {
-      range: [0],
-      type: '=',
-      color: '#000',
-    },
-    {
-      range: [0, 3],
-      type: '(]',
-      color: 'rgba(255, 0, 0, 1)',
-    },
-    {
-      range: [3, 5],
-      type: '(]',
-      color: 'rgba(255, 0, 0, 0.8)',
-    },
-    {
-      range: [5, 7],
-      type: '(]',
-      color: 'rgba(255, 0, 0, 0.6)',
-    },
-    {
-      range: [7],
-      type: '>',
-      color: 'rgba(255, 0, 0, 0.4)',
-    },
-  ]
-  const data2 = [
-    {
-      range: [0, 0.5],
-      type: '[)',
-      color: '#000',
-    },
-    {
-      range: [0.5, 1],
-      type: '[)',
-      color: 'rgba(255, 235, 59, 1)',
-    },
-    {
-      range: [1, 5],
-      type: '[)',
-      color: 'rgba(255, 235, 59, 0.6)',
-    },
-    {
-      range: [5, Infinity],
-      type: '>=',
-      color: 'rgba(255, 235, 59, 0.4)',
-    }
-  ]
-
-  onMounted(() => {
-    console.log(linearLegendRef.value.numberToColor(0))
-  })
-</script>
-
-<style lang="scss" scoped>
-
-</style>

package/src/pages/Map/index.vue

@@ -1,62 +0,0 @@
-<template>
-  <div style="width: 100%;height: 100%;">
-    <st-map
-      :data="data"
-      :pieces="pieces"
-      :config="config"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-  const config = {
-    tooltipFormatter: (params: any) => {
-      if (params.data) {
-        return `<div>
-          <div>${params.data.name} 18</div>
-          <div>中国石化 三一重工 中国联通 长江电力</div>
-        </div>`
-      }
-      return null
-    }
-  }
-  const pieces = [
-    {
-      gt: 0,
-      lte: 50,
-      color: '#93CE07'
-    },
-    {
-      gt: 50,
-      lte: 100,
-      color: '#FBDB0F'
-    },
-    {
-      gt: 100,
-      lte: 150,
-      color: '#FC7D02'
-    },
-    {
-      gt: 150,
-      lte: 200,
-      color: '#FD0100'
-    },
-    {
-      gt: 200,
-      lte: 300,
-      color: '#AA069F'
-    },
-    {
-      gt: 300,
-      color: '#AC3B2A'
-    }
-  ]
-  const data = [
-    { name: '黑龙江省', value: 20057.34 },
-    { name: '浙江省', value: 15477.48 },
-  ]
-</script>
-
-<style lang="scss" scoped>
-
-</style>

package/src/pages/MonacoEditor/index.vue

@@ -1,63 +0,0 @@
-<template>
-  <el-button @click="consoleFn">打印</el-button>
-  <el-button @click="resetFn">重置</el-button>
-  <el-button @click="setReadOnly(true)">只读</el-button>
-  <el-button @click="setReadOnly(false)">取消只读</el-button>
-  <div style="width: 800px; height: 500px; border: 1px solid #000;">
-    <st-monacoEditor
-      ref="monacoEditorRef"
-      :defaultValue="value"
-      :suggestionEnable="true"
-      :variableEnable="true"
-      @change="changeCode"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue'
-
-const defaultValue = `def add(x, y):
-  return x + y
-
-def subtract(x, y):
-  return x - y
-
-def multiply(x, y):
-  return x * y
-
-def divide(x, y):
-  if y == 0:
-    return "Undefined (division by zero)"
-  return x / y
-
-# 测试
-print(add(5, 3))
-print(subtract(5, 3))
-print(multiply(5, 3))
-print(divide(5, 3))
-`
-
-const monacoEditorRef = ref(null)
-const value = ref(defaultValue)
-
-const consoleFn = () => {
-  console.log(monacoEditorRef.value.getValue())
-}
-
-const resetFn = () => {
-  monacoEditorRef.value.setValue(defaultValue)
-}
-
-const changeCode = (val) => {
-  // console.log('changeCode', val)
-}
-
-const setReadOnly = (readOnly) => {
-  monacoEditorRef.value.setReadOnly(readOnly)
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

package/src/pages/Pagination/index.vue

@@ -1,24 +0,0 @@
-<template>
-  <st-pagination
-    :total="total"
-    v-model:pageData="pageData"
-    @change="getTableData"
-  />
-</template>
-
-<script setup lang="ts">
-  import { ref } from 'vue'
-
-  const pageData = ref({
-    pageNum: 1,
-    pageSize: 10,
-  })
-  const total = ref(100)
-
-  // 模拟表格数据接口请求发送函数
-  const getTableData = () => {
-    console.log('分页数据自动更新:', pageData.value)
-  }
-</script>
-
-<style lang="scss" scoped></style>

package/src/pages/PasswordPrompt/index.vue

@@ -1,12 +0,0 @@
-<template>
-  <div>
-    PasswordPrompt
-  </div>
-</template>
-
-<script setup lang="ts">
-</script>
-
-<style lang="scss" scoped>
-
-</style>

package/src/pages/Pie/index.vue

@@ -1,36 +0,0 @@
-<template>
-  <div style="width: 100%;height: 100%;">
-    <st-pie :data="data" :config="config" />
-  </div>
-</template>
-
-<script setup lang="ts">
-const config = {
-  tooltipFormatter: (params: any) => {
-    if (params.data) {
-      return `<div>
-        <div>${params.data.name} 18</div>
-        <div>中国石化 三一重工 中国联通 长江电力</div>
-      </div>`
-    }
-    return null
-  }
-}
-const data: any = []
-let value: any = 300
-while(value > 100) {
-  data.push({
-    name: `title-${value}`,
-    value,
-  })
-  value = value - Math.ceil(Math.random() * 20)
-}
-data.push({
-    name: `title-${0}`,
-    value: 0,
-})
-</script>
-
-<style lang="scss" scoped>
-
-</style>

package/src/pages/Table/index.vue

@@ -1,117 +0,0 @@
-<template>
-  <div :style="{ width: '100%', height: '600px' }">
-    <st-table
-      :data="data"
-      :column="column"
-    >
-      <template #slotName="scope">
-        <h3>{{ scope.row.slotText }}</h3>
-      </template>
-    </st-table>
-  </div>
-</template>
-
-<script setup lang="ts">
-const column = [
-  {
-    label: '名称',
-    prop: 'name',
-    width: '260px',
-  },
-  {
-    label: '自定义显示文案',
-    prop: 'name',
-    type: 'formatter',
-    formatter: (value: any) => `名称：${value}`
-  },
-  {
-    label: '自定义样式',
-    prop: 'color',
-    type: 'formatter',
-    style: (value: any) => {
-      return {
-        color: value
-      }
-    },
-  },
-  {
-    label: '插槽',
-    prop: 'slotText',
-    type: 'slot',
-    slot: 'slotName',
-  },
-  {
-    label: '操作',
-    prop: 'action',
-    type: 'btns',
-    width: '260px',
-    btns: [
-      {
-        text: (data: any) => {
-          return data.btnText as string
-        },
-        onClick: (data: any) => {
-          console.log(data)
-        },
-      },
-      {
-        text: '绩效分析',
-        disabled: (data: any) => {
-          return data.disabledBtn
-        },
-        onClick: (data: any) => {
-          console.log('绩效分析', data)
-        }
-      },
-      {
-        children: [
-          {
-            needCheck: {
-              title: '确认是否删除该项训练记录'
-            },
-            text: '删除',
-            onClick: (data: any) => {
-              console.log('删除', data)
-            }
-          },
-          {
-            text: '分享',
-            show: false,
-            onClick: (data: any) => {
-              console.log('分享', data)
-            }
-          },
-        ]
-      }
-    ]
-  }
-]
-
-const data = [
-  {
-    name: 'name1',
-    btnText: '按钮1',
-    disabledBtn: true,
-    color: 'red',
-    slotText: '插槽内容1',
-  },
-  {
-    name: 'name2',
-    btnText: '按钮2',
-    disabledBtn: false,
-    color: 'green',
-    slotText: '插槽内容2',
-  },
-  {
-    name: 'name3',
-    btnText: '按钮3',
-    disabledBtn: false,
-    color: 'blue',
-    slotText: '插槽内容3',
-  },
-]
-</script>
-
-<style lang="scss" scoped>
-
-</style>