npm - w-component-vue - Versions diffs - 2.1.86 → 2.2.2 - Mend

w-component-vue 2.1.86 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (828) hide show

package/docs/examples/w-dialog_icon (fontawesome).html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-dialog_maxWidth, for narrow width.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-dialog_multi dialogs.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-dialog_saveBtnTooltip_closeBtnTooltip.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-dialog_scrollable.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-dialog_separate for slot content.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-dialog_slot content.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-dialog_slot header-left_header-right.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-dialog_table in slot content.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-dialog_title.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-drawer_afloat.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -193,62 +193,49 @@
             "Here is an article content, texts are from Vuetify. There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",
           listItems: [
             {
-              text: "宜蘭測站",
-              icon: "fas fa-binoculars"
+              text: "Interpreting",
+              icon: "fas fa-american-sign-language-interpreting"
             },
             {
-              text: "台南測站A",
-              icon: "fas fa-binoculars"
+              text: "Search",
+              icon: "fas fa-search"
             },
             {
-              text: "台南測站B",
+              text: "Binoculars",
               icon: "fas fa-binoculars"
+            },
+            {
+              text: "Building",
+              icon: "fa-regular fa-building"
+            },
+            {
+              text: "Tachometer-alt",
+              icon: "fas fa-tachometer-alt"
+            },
+            {
+              text: "Chess-king",
+              icon: "fas fa-chess-king"
+            },
+            {
+              text: "Calendar",
+              icon: "fas fa-calendar-alt"
+            },
+            {
+              text: "chart",
+              icon: "fas fa-chart-bar"
+            },
+            {
+              text: "Cloud-meatball",
+              icon: "fas fa-cloud-meatball"
+            },
+            {
+              text: "Cubes",
+              icon: "fas fa-cubes"
+            },
+            {
+              text: "Dungeon",
+              icon: "fas fa-dungeon"
             }
-            // {
-            //     text: 'Interpreting',
-            //     icon: 'fas fa-american-sign-language-interpreting',
-            // },
-            // {
-            //     text: 'Search',
-            //     icon: 'fas fa-search',
-            // },
-            // {
-            //     text: 'Binoculars',
-            //     icon: 'fas fa-binoculars',
-            // },
-            // {
-            //     text: 'Building',
-            //     icon: 'fa-regular fa-building',
-            // },
-            // {
-            //     text: 'Tachometer-alt',
-            //     icon: 'fas fa-tachometer-alt',
-            // },
-            // {
-            //     text: 'Chess-king',
-            //     icon: 'fas fa-chess-king',
-            // },
-            // {
-            //     text: 'Calendar',
-            //     icon: 'fas fa-calendar-alt',
-            // },
-            // {
-            //     text: 'chart',
-            //     icon: 'fas fa-chart-bar',
-            // },
-            // {
-            //     text: 'Cloud-meatball',
-            //     icon: 'fas fa-cloud-meatball',
-            // },
-            // {
-            //     text: 'Cubes',
-            //     icon: 'fas fa-cubes',
-            // },
-            // {
-            //     text: 'Dungeon',
-            //     icon: 'fas fa-dungeon',
-            // },
           ],
           listPkgs: [
             {

package/docs/examples/w-drawer_afloat_afloatByFix.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -194,62 +194,49 @@
             "Here is an article content, texts are from Vuetify. There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",
           listItems: [
             {
-              text: "宜蘭測站",
-              icon: "fas fa-binoculars"
+              text: "Interpreting",
+              icon: "fas fa-american-sign-language-interpreting"
             },
             {
-              text: "台南測站A",
-              icon: "fas fa-binoculars"
+              text: "Search",
+              icon: "fas fa-search"
             },
             {
-              text: "台南測站B",
+              text: "Binoculars",
               icon: "fas fa-binoculars"
+            },
+            {
+              text: "Building",
+              icon: "fa-regular fa-building"
+            },
+            {
+              text: "Tachometer-alt",
+              icon: "fas fa-tachometer-alt"
+            },
+            {
+              text: "Chess-king",
+              icon: "fas fa-chess-king"
+            },
+            {
+              text: "Calendar",
+              icon: "fas fa-calendar-alt"
+            },
+            {
+              text: "chart",
+              icon: "fas fa-chart-bar"
+            },
+            {
+              text: "Cloud-meatball",
+              icon: "fas fa-cloud-meatball"
+            },
+            {
+              text: "Cubes",
+              icon: "fas fa-cubes"
+            },
+            {
+              text: "Dungeon",
+              icon: "fas fa-dungeon"
             }
-            // {
-            //     text: 'Interpreting',
-            //     icon: 'fas fa-american-sign-language-interpreting',
-            // },
-            // {
-            //     text: 'Search',
-            //     icon: 'fas fa-search',
-            // },
-            // {
-            //     text: 'Binoculars',
-            //     icon: 'fas fa-binoculars',
-            // },
-            // {
-            //     text: 'Building',
-            //     icon: 'fa-regular fa-building',
-            // },
-            // {
-            //     text: 'Tachometer-alt',
-            //     icon: 'fas fa-tachometer-alt',
-            // },
-            // {
-            //     text: 'Chess-king',
-            //     icon: 'fas fa-chess-king',
-            // },
-            // {
-            //     text: 'Calendar',
-            //     icon: 'fas fa-calendar-alt',
-            // },
-            // {
-            //     text: 'chart',
-            //     icon: 'fas fa-chart-bar',
-            // },
-            // {
-            //     text: 'Cloud-meatball',
-            //     icon: 'fas fa-cloud-meatball',
-            // },
-            // {
-            //     text: 'Cubes',
-            //     icon: 'fas fa-cubes',
-            // },
-            // {
-            //     text: 'Dungeon',
-            //     icon: 'fas fa-dungeon',
-            // },
           ],
           listPkgs: [
             {

package/docs/examples/w-drawer_afloat_afloatByFix_mode.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -195,62 +195,49 @@
             "Here is an article content, texts are from Vuetify. There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",
           listItems: [
             {
-              text: "宜蘭測站",
-              icon: "fas fa-binoculars"
+              text: "Interpreting",
+              icon: "fas fa-american-sign-language-interpreting"
             },
             {
-              text: "台南測站A",
-              icon: "fas fa-binoculars"
+              text: "Search",
+              icon: "fas fa-search"
             },
             {
-              text: "台南測站B",
+              text: "Binoculars",
               icon: "fas fa-binoculars"
+            },
+            {
+              text: "Building",
+              icon: "fa-regular fa-building"
+            },
+            {
+              text: "Tachometer-alt",
+              icon: "fas fa-tachometer-alt"
+            },
+            {
+              text: "Chess-king",
+              icon: "fas fa-chess-king"
+            },
+            {
+              text: "Calendar",
+              icon: "fas fa-calendar-alt"
+            },
+            {
+              text: "chart",
+              icon: "fas fa-chart-bar"
+            },
+            {
+              text: "Cloud-meatball",
+              icon: "fas fa-cloud-meatball"
+            },
+            {
+              text: "Cubes",
+              icon: "fas fa-cubes"
+            },
+            {
+              text: "Dungeon",
+              icon: "fas fa-dungeon"
             }
-            // {
-            //     text: 'Interpreting',
-            //     icon: 'fas fa-american-sign-language-interpreting',
-            // },
-            // {
-            //     text: 'Search',
-            //     icon: 'fas fa-search',
-            // },
-            // {
-            //     text: 'Binoculars',
-            //     icon: 'fas fa-binoculars',
-            // },
-            // {
-            //     text: 'Building',
-            //     icon: 'fa-regular fa-building',
-            // },
-            // {
-            //     text: 'Tachometer-alt',
-            //     icon: 'fas fa-tachometer-alt',
-            // },
-            // {
-            //     text: 'Chess-king',
-            //     icon: 'fas fa-chess-king',
-            // },
-            // {
-            //     text: 'Calendar',
-            //     icon: 'fas fa-calendar-alt',
-            // },
-            // {
-            //     text: 'chart',
-            //     icon: 'fas fa-chart-bar',
-            // },
-            // {
-            //     text: 'Cloud-meatball',
-            //     icon: 'fas fa-cloud-meatball',
-            // },
-            // {
-            //     text: 'Cubes',
-            //     icon: 'fas fa-cubes',
-            // },
-            // {
-            //     text: 'Dungeon',
-            //     icon: 'fas fa-dungeon',
-            // },
           ],
           listPkgs: [
             {

package/docs/examples/w-drawer_afloat_mode.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -194,62 +194,49 @@
             "Here is an article content, texts are from Vuetify. There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",
           listItems: [
             {
-              text: "宜蘭測站",
-              icon: "fas fa-binoculars"
+              text: "Interpreting",
+              icon: "fas fa-american-sign-language-interpreting"
             },
             {
-              text: "台南測站A",
-              icon: "fas fa-binoculars"
+              text: "Search",
+              icon: "fas fa-search"
             },
             {
-              text: "台南測站B",
+              text: "Binoculars",
               icon: "fas fa-binoculars"
+            },
+            {
+              text: "Building",
+              icon: "fa-regular fa-building"
+            },
+            {
+              text: "Tachometer-alt",
+              icon: "fas fa-tachometer-alt"
+            },
+            {
+              text: "Chess-king",
+              icon: "fas fa-chess-king"
+            },
+            {
+              text: "Calendar",
+              icon: "fas fa-calendar-alt"
+            },
+            {
+              text: "chart",
+              icon: "fas fa-chart-bar"
+            },
+            {
+              text: "Cloud-meatball",
+              icon: "fas fa-cloud-meatball"
+            },
+            {
+              text: "Cubes",
+              icon: "fas fa-cubes"
+            },
+            {
+              text: "Dungeon",
+              icon: "fas fa-dungeon"
             }
-            // {
-            //     text: 'Interpreting',
-            //     icon: 'fas fa-american-sign-language-interpreting',
-            // },
-            // {
-            //     text: 'Search',
-            //     icon: 'fas fa-search',
-            // },
-            // {
-            //     text: 'Binoculars',
-            //     icon: 'fas fa-binoculars',
-            // },
-            // {
-            //     text: 'Building',
-            //     icon: 'fa-regular fa-building',
-            // },
-            // {
-            //     text: 'Tachometer-alt',
-            //     icon: 'fas fa-tachometer-alt',
-            // },
-            // {
-            //     text: 'Chess-king',
-            //     icon: 'fas fa-chess-king',
-            // },
-            // {
-            //     text: 'Calendar',
-            //     icon: 'fas fa-calendar-alt',
-            // },
-            // {
-            //     text: 'chart',
-            //     icon: 'fas fa-chart-bar',
-            // },
-            // {
-            //     text: 'Cloud-meatball',
-            //     icon: 'fas fa-cloud-meatball',
-            // },
-            // {
-            //     text: 'Cubes',
-            //     icon: 'fas fa-cubes',
-            // },
-            // {
-            //     text: 'Dungeon',
-            //     icon: 'fas fa-dungeon',
-            // },
           ],
           listPkgs: [
             {

package/docs/examples/w-drawer_afloat_overlayOpacity.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.86/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.2/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -194,62 +194,49 @@
             "Here is an article content, texts are from Vuetify. There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application's compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.",
           listItems: [
             {
-              text: "宜蘭測站",
-              icon: "fas fa-binoculars"
+              text: "Interpreting",
+              icon: "fas fa-american-sign-language-interpreting"
             },
             {
-              text: "台南測站A",
-              icon: "fas fa-binoculars"
+              text: "Search",
+              icon: "fas fa-search"
             },
             {
-              text: "台南測站B",
+              text: "Binoculars",
               icon: "fas fa-binoculars"
+            },
+            {
+              text: "Building",
+              icon: "fa-regular fa-building"
+            },
+            {
+              text: "Tachometer-alt",
+              icon: "fas fa-tachometer-alt"
+            },
+            {
+              text: "Chess-king",
+              icon: "fas fa-chess-king"
+            },
+            {
+              text: "Calendar",
+              icon: "fas fa-calendar-alt"
+            },
+            {
+              text: "chart",
+              icon: "fas fa-chart-bar"
+            },
+            {
+              text: "Cloud-meatball",
+              icon: "fas fa-cloud-meatball"
+            },
+            {
+              text: "Cubes",
+              icon: "fas fa-cubes"
+            },
+            {
+              text: "Dungeon",
+              icon: "fas fa-dungeon"
             }
-            // {
-            //     text: 'Interpreting',
-            //     icon: 'fas fa-american-sign-language-interpreting',
-            // },
-            // {
-            //     text: 'Search',
-            //     icon: 'fas fa-search',
-            // },
-            // {
-            //     text: 'Binoculars',
-            //     icon: 'fas fa-binoculars',
-            // },
-            // {
-            //     text: 'Building',
-            //     icon: 'fa-regular fa-building',
-            // },
-            // {
-            //     text: 'Tachometer-alt',
-            //     icon: 'fas fa-tachometer-alt',
-            // },
-            // {
-            //     text: 'Chess-king',
-            //     icon: 'fas fa-chess-king',
-            // },
-            // {
-            //     text: 'Calendar',
-            //     icon: 'fas fa-calendar-alt',
-            // },
-            // {
-            //     text: 'chart',
-            //     icon: 'fas fa-chart-bar',
-            // },
-            // {
-            //     text: 'Cloud-meatball',
-            //     icon: 'fas fa-cloud-meatball',
-            // },
-            // {
-            //     text: 'Cubes',
-            //     icon: 'fas fa-cubes',
-            // },
-            // {
-            //     text: 'Dungeon',
-            //     icon: 'fas fa-dungeon',
-            // },
           ],
           listPkgs: [
             {