From 65bfc608b217769586139392b8385555c631d31c Mon Sep 17 00:00:00 2001
From: mayinrain <624899618@qq.com>
Date: Tue, 2 Apr 2024 11:29:03 +0800
Subject: [PATCH 1/3] upd: add playground

---
 .gitignore                                    |  1 +
 docs/.vitepress/components/BNavBar/use.vue    |  2 +-
 docs/.vitepress/components/BNavHeader/use.vue |  2 +-
 .../components/BTableHeaderConfig/use.vue     | 10 ++++++-
 .../components/BTagSelector/multi.vue         |  2 +-
 .../components/BTagSelector/noheader.vue      |  2 +-
 .../components/BTagSelector/single.vue        |  2 +-
 .../custom/components/componentDoc.vue        | 30 ++++++++++++-------
 .../custom/components/exampleRepl.vue         | 10 +++++--
 package.json                                  |  2 +-
 10 files changed, 43 insertions(+), 20 deletions(-)

diff --git a/.gitignore b/.gitignore
index 362c7df..4233fd9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,7 @@ node_modules
 .DS_Store
 packages/traction-widget/node_modules
 packages/traction-widget/es
+types
 es
 packages/traction-widget/dist
 dist
diff --git a/docs/.vitepress/components/BNavBar/use.vue b/docs/.vitepress/components/BNavBar/use.vue
index 0f147c1..83f566a 100644
--- a/docs/.vitepress/components/BNavBar/use.vue
+++ b/docs/.vitepress/components/BNavBar/use.vue
@@ -44,7 +44,7 @@ const openDrawer = () => {
     showDrawer.value = true;
 };
 </script>
-<style lang='less' scoped>
+<style scoped>
 .eg-page {
     display: grid;
     padding: 16px 24px;
diff --git a/docs/.vitepress/components/BNavHeader/use.vue b/docs/.vitepress/components/BNavHeader/use.vue
index 4bd3c93..12464ab 100644
--- a/docs/.vitepress/components/BNavHeader/use.vue
+++ b/docs/.vitepress/components/BNavHeader/use.vue
@@ -16,7 +16,7 @@ const handleBack = () => {
     FMessage.info('自定义返回逻辑');
 };
 </script>
-<style lang='less' scoped>
+<style scoped>
 .eg-page {
     padding: 24px;
     background: #fff;
diff --git a/docs/.vitepress/components/BTableHeaderConfig/use.vue b/docs/.vitepress/components/BTableHeaderConfig/use.vue
index 2b09a54..5a52eaa 100644
--- a/docs/.vitepress/components/BTableHeaderConfig/use.vue
+++ b/docs/.vitepress/components/BTableHeaderConfig/use.vue
@@ -6,7 +6,7 @@
             <FTableColumn prop="title" label="标题" :visible="checkTColShow('title')"></FTableColumn>
             <FTableColumn prop="content" label="内容" :visible="checkTColShow('content')"></FTableColumn>
             <FTableColumn prop="action" label="操作" v-slot="{ row }" :visible="checkTColShow('action')">
-                <a href="javascript:;" @click="viewContent(row)">查看</a>
+                <a class="action-btn" href="javascript:;" @click="viewContent(row)">查看</a>
             </FTableColumn>
         </FTable>
     </div>
@@ -40,3 +40,11 @@ const viewContent = (row: {
     });
 };
 </script>
+<style>
+.action-btn {
+    font-weight: 500;
+    color: #10b981;
+    text-decoration: none;
+    transition: color 0.25s;
+}
+</style>
diff --git a/docs/.vitepress/components/BTagSelector/multi.vue b/docs/.vitepress/components/BTagSelector/multi.vue
index 6884ffd..477495a 100644
--- a/docs/.vitepress/components/BTagSelector/multi.vue
+++ b/docs/.vitepress/components/BTagSelector/multi.vue
@@ -61,7 +61,7 @@ const handleChange = (val: any) => {
     console.log(val);
 };
 </script>
-<style scoped lang="less">
+<style scoped>
 .title-text {
     font-family: PingFangSC-Medium;
     font-size: 14px;
diff --git a/docs/.vitepress/components/BTagSelector/noheader.vue b/docs/.vitepress/components/BTagSelector/noheader.vue
index 3e91b41..26ff4a2 100644
--- a/docs/.vitepress/components/BTagSelector/noheader.vue
+++ b/docs/.vitepress/components/BTagSelector/noheader.vue
@@ -13,7 +13,7 @@ const handleChange = (val: any) => {
     console.log(val);
 };
 </script>
-<style scoped lang="less">
+<style scoped>
 .title-text {
     font-family: PingFangSC-Medium;
     font-size: 14px;
diff --git a/docs/.vitepress/components/BTagSelector/single.vue b/docs/.vitepress/components/BTagSelector/single.vue
index ed15eab..6c35bfb 100644
--- a/docs/.vitepress/components/BTagSelector/single.vue
+++ b/docs/.vitepress/components/BTagSelector/single.vue
@@ -20,7 +20,7 @@ const handleClear = ()=>{
     console.log('clear all')
 }
 </script>
-<style scoped lang="less">
+<style scoped>
 .title-text {
     font-family: PingFangSC-Medium;
     font-size: 14px;
diff --git a/docs/.vitepress/custom/components/componentDoc.vue b/docs/.vitepress/custom/components/componentDoc.vue
index cf7ad5e..c5b1526 100644
--- a/docs/.vitepress/custom/components/componentDoc.vue
+++ b/docs/.vitepress/custom/components/componentDoc.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="component-doc">
+
+    <span class="play" @click="openPlayground">Play</span>
     <div class="component-doc-content">
       <slot></slot>
     </div>
     <div :class="['component-doc-code', visibleCode && 'visible-code']" v-html="code"></div>
     <div class="component-doc-header" @click="toggleCode">
-      <!-- span class="play" @click="openPlayground">play</span-->
       <!-- <LeftOutlined :class="['show-code-btn', visibleCode && 'active']" @click="toggleCode" /> -->
       {{visibleCode ? '收起代码' : '查看代码'}}
       <DownOutlined :class="['show-code-btn', visibleCode && 'active']" />
@@ -20,7 +21,7 @@ import {
 } from 'vue';
 import { DownOutlined } from '@fesjs/fes-design/icon';
 
-// import playground from './playground';
+import playground from './playground';
 import codes from './demoCode.json';
 
 const props = defineProps({
@@ -38,20 +39,32 @@ watch(
 );
 
 const visibleCode = ref(false);
-// const openPlayground = () => {
-//     playground(props.code);
-// };
+const openPlayground = () => {
+    playground(props.code);
+};
 
 const toggleCode = () => {
     visibleCode.value = !visibleCode.value;
 };
 </script>
 <style lang="less" scoped>
+.play {
+  position: absolute;
+  right: 16px;
+  top: 12px;
+  cursor: pointer;
+  &:hover {
+    color: #108981;
+  }
+}
 .component-doc {
   margin-top: 16px;
   border: 1px solid #cfd0d3;
   border-radius: 4px;
-
+  position: relative;
+  .component-doc-content {
+    padding-top: 48px;
+  }
   &-header {
     height: 48px;
     display: flex;
@@ -72,11 +85,6 @@ const toggleCode = () => {
         transform: rotateZ(-180deg);
       }
     }
-
-    .play {
-      margin-right: 20px;
-      cursor: pointer;
-    }
   }
 
   &-content {
diff --git a/docs/.vitepress/custom/components/exampleRepl.vue b/docs/.vitepress/custom/components/exampleRepl.vue
index cae6e88..fb865f0 100644
--- a/docs/.vitepress/custom/components/exampleRepl.vue
+++ b/docs/.vitepress/custom/components/exampleRepl.vue
@@ -45,6 +45,10 @@ const fesDesignSetup = `
             link.rel = 'stylesheet'
             link.href = 'https://npm.elemecdn.com/@fesjs/fes-design@latest/dist/fes-design.min.css';
             document.head.appendChild(link)
+            const twcsslink = document.createElement('link')
+            twcsslink.rel = 'stylesheet'
+            twcsslink.href = 'https://cdn.jsdelivr.net/npm/@fesjs/traction-widget/dist/traction-widget.min.css';
+            document.head.appendChild(twcsslink)
         }
         
         export function setupFesDesign() {
@@ -59,6 +63,7 @@ const fesDesignSetup = `
         `;
 
 function resolveSFCExample (demo) {
+    
     const files = {
         [mainFile]: data.app,
         'space.vue': data.space,
@@ -67,7 +72,8 @@ function resolveSFCExample (demo) {
         'import-map.json': JSON.stringify({
             imports: {
                 '@fesjs/fes-design': 'https://npm.elemecdn.com/@fesjs/fes-design@latest/dist/fes-design.esm-browser.js',
-                '@fesjs/fes-design/icon': 'https://npm.elemecdn.com/@fesjs/fes-design@latest/dist/fes-design.icon-browser.js'
+                '@fesjs/fes-design/icon': 'https://npm.elemecdn.com/@fesjs/fes-design@latest/dist/fes-design.icon-browser.js',
+                '@fesjs/traction-widget': 'https://cdn.jsdelivr.net/npm/@fesjs/traction-widget/dist/traction-widget.esm-browser.js'
             }
         })
     };
@@ -90,7 +96,7 @@ defineExpose({
     handleShow
 });
 
-watch(props.codeName, () => {
+watch(() => props.codeName, () => {
     updateExample(props.codeName);
 }, {
     immediate: true
diff --git a/package.json b/package.json
index 77f2ec1..ffd4f23 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "1.8.11",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "scripts": {
-    "docs:dev": "npm run build && vitepress dev docs",
+    "docs:dev": "npm run build && node scripts/generate-doc.js && vitepress dev docs",
     "docs:build": "npm run build && node scripts/generate-doc.js && vitepress build docs",
     "docsBuild": "npm run build && node scripts/generate-doc.js && vitepress build docs",
     "prepare": "husky install",

From a419fea194943f779d7b4c03b88043ac4810e47d Mon Sep 17 00:00:00 2001
From: mayinrain <624899618@qq.com>
Date: Tue, 2 Apr 2024 11:42:32 +0800
Subject: [PATCH 2/3] update version

---
 package.json                          | 2 +-
 packages/traction-widget/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index ffd4f23..eeff025 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.8.11",
+  "version": "1.8.12",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "scripts": {
     "docs:dev": "npm run build && node scripts/generate-doc.js && vitepress dev docs",
diff --git a/packages/traction-widget/package.json b/packages/traction-widget/package.json
index bde420e..e2d3efb 100644
--- a/packages/traction-widget/package.json
+++ b/packages/traction-widget/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.8.11",
+  "version": "1.8.12",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "main": "dist/traction-widget.min.js",
   "module": "es/components/index.js",

From 8513a4fcd6e7073c8ab8e78979c6456a1a2ddc38 Mon Sep 17 00:00:00 2001
From: mayinrain <624899618@qq.com>
Date: Tue, 2 Apr 2024 14:11:34 +0800
Subject: [PATCH 3/3] revert package version

---
 package.json                          | 2 +-
 packages/traction-widget/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index eeff025..ffd4f23 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.8.12",
+  "version": "1.8.11",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "scripts": {
     "docs:dev": "npm run build && node scripts/generate-doc.js && vitepress dev docs",
diff --git a/packages/traction-widget/package.json b/packages/traction-widget/package.json
index e2d3efb..bde420e 100644
--- a/packages/traction-widget/package.json
+++ b/packages/traction-widget/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fesjs/traction-widget",
-  "version": "1.8.12",
+  "version": "1.8.11",
   "description": "集合大型中台项目使用到的通用组件和工具函数",
   "main": "dist/traction-widget.min.js",
   "module": "es/components/index.js",