w-plot-vue 1.0.19 → 1.0.21

package/src/AppZoneWRose.vue

@@ -10,6 +10,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set'"
                 ></demolink>
@@ -25,6 +26,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set & marginLeft & marginRight & marginTop & marginBottom'"
                 ></demolink>
@@ -44,6 +46,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set & roseBorderWidth'"
                 ></demolink>
@@ -60,6 +63,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set & roseWidthRatio'"
                 ></demolink>
@@ -76,6 +80,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set & showLegend'"
                 ></demolink>
@@ -92,6 +97,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set & showLegend & legendPosition'"
                 ></demolink>
@@ -109,6 +115,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set(color)'"
                 ></demolink>
@@ -124,6 +131,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set(color, gradient)'"
                 ></demolink>
@@ -139,6 +147,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set & roseKpColor'"
                 ></demolink>
@@ -162,6 +171,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set & roseKpColor(gradient)'"
                 ></demolink>
@@ -185,6 +195,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'one-set & roseShowLabels'"
                 ></demolink>
@@ -201,6 +212,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set'"
                 ></demolink>
@@ -218,6 +230,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set & roseBorderWidth'"
                 ></demolink>
@@ -236,6 +249,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set & roseWidthRatio'"
                 ></demolink>
@@ -254,6 +268,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set(series color)'"
                 ></demolink>
@@ -271,6 +286,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set(series color, gradient)'"
                 ></demolink>
@@ -288,6 +304,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set(color)'"
                 ></demolink>
@@ -305,6 +322,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set(color, gradient)'"
                 ></demolink>
@@ -322,6 +340,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set & roseKpColor'"
                 ></demolink>
@@ -353,6 +372,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set & roseKpColor(gradient)'"
                 ></demolink>
@@ -384,6 +404,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set && show labels'"
                 ></demolink>
@@ -401,6 +422,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-rose'"
                     :casename="'multi-set && hide legned'"
                 ></demolink>
@@ -423,7 +445,7 @@
 </template>
 
 <script>
-import demolink from './components/demolink.vue'
+import demolink from 'w-component-vue/src/components/demolink.vue'
 import WRose from './components/WRose.vue'
 
 export default {

package/src/AppZoneWSetMulti.vue

@@ -10,6 +10,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-multi'"
                     :casename="'default'"
                 ></demolink>
@@ -25,6 +26,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-multi'"
                     :casename="'keySelect'"
                 ></demolink>
@@ -45,6 +47,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-multi'"
                     :casename="'textPlotType & kpSelectText & widthSelect'"
                 ></demolink>
@@ -72,6 +75,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-multi'"
                     :casename="'hide labels'"
                 ></demolink>
@@ -88,6 +92,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-multi'"
                     :casename="'hide legned'"
                 ></demolink>
@@ -104,6 +109,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-multi'"
                     :casename="'slot head'"
                 ></demolink>
@@ -130,7 +136,7 @@
 </template>
 
 <script>
-import demolink from './components/demolink.vue'
+import demolink from 'w-component-vue/src/components/demolink.vue'
 import WSetMulti from './components/WSetMulti.vue'
 
 export default {

package/src/AppZoneWSetOne.vue

@@ -10,6 +10,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-one'"
                     :casename="'default'"
                 ></demolink>
@@ -25,6 +26,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-one'"
                     :casename="'keySelect'"
                 ></demolink>
@@ -45,6 +47,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-one'"
                     :casename="'textPlotType & kpSelectText & widthSelect'"
                 ></demolink>
@@ -69,6 +72,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-one'"
                     :casename="'hide labels'"
                 ></demolink>
@@ -85,6 +89,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-one'"
                     :casename="'show legned'"
                 ></demolink>
@@ -101,6 +106,7 @@
 
             <div class="bk">
                 <demolink
+                    :pkgname="'w-plot-vue'"
                     :kbname="'w-set-one'"
                     :casename="'slot head'"
                 ></demolink>
@@ -127,7 +133,7 @@
 </template>
 
 <script>
-import demolink from './components/demolink.vue'
+import demolink from 'w-component-vue/src/components/demolink.vue'
 import WSetOne from './components/WSetOne.vue'
 
 export default {

package/src/components/demolink.vue

@@ -1,105 +0,0 @@
-<template>
-    <div class="item">
-
-        <div style="display:inline-block;">
-            {{casename}}
-        </div>
-
-        <div style="padding-left:5px;"></div>
-
-        <w-button-circle
-            :paddingStyle="{v:3,h:3}"
-            :icon="mdiLaunch"
-            :iconSize="16"
-            :iconColor="'red darken-1'"
-            :iconColorHover="'red darken-1'"
-            :iconColorFocus="'red darken-1'"
-            :backgroundColor="'#fff'"
-            :backgroundColorHover="'#fff5f5'"
-            :backgroundColorFocus="'#fff2f2'"
-            :tooltip="'example'"
-            @click="ckExample"
-        ></w-button-circle>
-
-        <div style="padding-left:5px;"></div>
-
-        <w-button-circle
-            :paddingStyle="{v:3,h:3}"
-            :icon="mdiUnfoldMoreVertical"
-            :iconSize="16"
-            :iconColor="'red darken-1'"
-            :iconColorHover="'red darken-1'"
-            :iconColorFocus="'red darken-1'"
-            :backgroundColor="'#fff'"
-            :backgroundColorHover="'#fff5f5'"
-            :backgroundColorFocus="'#fff2f2'"
-            :tooltip="'code'"
-            @click="ckCode"
-        ></w-button-circle>
-
-    </div>
-</template>
-
-<script>
-import { mdiLaunch, mdiUnfoldMoreVertical } from '@mdi/js'
-import cvCasename from '../../toolg/cvCasename.mjs'
-import WButtonCircle from 'w-component-vue/src/components/WButtonCircle.vue'
-
-
-export default {
-    components: {
-        WButtonCircle,
-    },
-    props: {
-        kbname: {
-            type: String,
-        },
-        casename: {
-            type: String,
-        },
-    },
-    data: function() {
-        return {
-            mdiLaunch,
-            mdiUnfoldMoreVertical
-        }
-    },
-    mounted: function() {
-    },
-    computed: {
-
-        fn: function() {
-            let fnc = `${this.casename}`
-            return `${this.kbname}_${cvCasename(fnc)}`
-        },
-
-    },
-    methods: {
-
-        ckExample: function() {
-            let vo = this
-            let url = 'https://yuda-lyu.github.io/w-plot-vue/examples/' + vo.fn + '.html'
-            window.open(url, '_blank')
-        },
-
-        ckCode: function() {
-            let vo = this
-            let url = 'https://github.com/yuda-lyu/w-plot-vue/blob/master/docs/examples/' + vo.fn + '.html'
-            window.open(url, '_blank')
-        },
-
-    },
-}
-</script>
-
-<style scoped>
-.item {
-    border-left: 3px solid #ffba75;
-    margin: 5px 5px 8px 0px;
-    padding: 3px 3px 5px 10px;
-    font-size: 0.9rem;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-}
-</style>