st-comp 0.0.7 → 0.0.9

package/src/pages/Table/index.vue

@@ -1,27 +1,117 @@
-<template>
-  <div :style="{ width: '100%', height: '600px' }">
-    <st-table
-      :data="data"
-      :column="column"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-const data = [
-  { name: 'name1' },
-  { name: 'name2' },
-  { name: 'name3' },
-]
-
-const column = [
-  {
-    label: '名称',
-    prop: 'name',
-  },
-]
-</script>
-
-<style lang="scss" scoped>
-
-</style>
+<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>

package/src/router/routes.ts

@@ -1,27 +1,22 @@
 export default [
-  {
-    path: '/button',
-    name: 'Button',
-    component: () => import('@/pages/Button/index.vue'),
-  },
   {
     path: '/echarts',
     name: 'Echarts',
-    component: () => import('@/pages/Echarts/index.vue'),
+    component: () => import('../pages/Echarts/index.vue'),
   },
   {
     path: '/kline',
     name: 'Kline',
-    component: () => import('@/pages/Kline/index.vue'),
+    component: () => import('../pages/Kline/index.vue'),
   },
   {
-    path: '/list',
-    name: 'List',
-    component: () => import('@/pages/List/index.vue'),
+    path: '/pagination',
+    name: 'Pagination',
+    component: () => import('../pages/Pagination/index.vue'),
   },
   {
     path: '/table',
     name: 'Table',
-    component: () => import('@/pages/Table/index.vue'),
+    component: () => import('../pages/Table/index.vue'),
   },
 ]

package/tsconfig.json

@@ -5,7 +5,6 @@
     "module": "ESNext",
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
-
     /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
@@ -18,7 +17,13 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]

package/vite.config.ts

@@ -28,9 +28,10 @@ export default defineConfig({
       external: ['vue', 'echarts', 'element-plus'],
     }
   },
+  
   resolve: {
     alias: {
-      '@': './src'
+      '@':'./src'
     }
   },
   server: {

package/vitePlugins/createExportFile.ts

@@ -52,7 +52,7 @@ export default {
   ${filterFiles.map(fileName => `{
     path: '/${toFirstLowerCase(fileName)}',
     name: '${fileName}',
-    component: () => import('@/pages/${fileName}/index.vue'),
+    component: () => import('../pages/${fileName}/index.vue'),
   },`).join(`
   `)}
 ]

package/packages/Button/index.ts

@@ -1,8 +0,0 @@
-import { App } from "vue";
-import StButton from "./index.vue";
-
-export default {
-  install(app: App) {
-    app.component("st-button", StButton);
-  },
-}

package/packages/Button/index.vue

@@ -1,9 +0,0 @@
-<template>
-  <button>123456</button>
-</template>
-<script setup lang="ts">
-</script>
-
-<style scoped>
-
-</style>

package/packages/List/index.ts

@@ -1,8 +0,0 @@
-import { App } from "vue";
-import StList from "./index.vue";
-
-export default {
-  install(app: App) {
-    app.component("st-list", StList);
-  },
-}

package/packages/List/index.vue

@@ -1,13 +0,0 @@
-<template>
-  <ul>
-    <li>1</li>
-    <li>2</li>
-    <li>3</li>
-  </ul>
-</template>
-<script setup lang="ts" name="st-list">
-</script>
-
-<style scoped>
-
-</style>

package/src/pages/Button/index.vue

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

package/src/pages/List/index.vue

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