npm - w-component-vue - Versions diffs - 2.3.30 → 2.3.32 - Mend

w-component-vue 2.3.30 → 2.3.32

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 (1253) hide show

package/docs/examples/w-table-dyn_no enableInfor.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.30/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.32/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -159,6 +159,12 @@
     vuetify: new Vuetify(),
     data: function() {
       let keys1 = ["make", "model", "price"];
+      let kpHeadFilterType1 = {
+        //default: num (num,text,time,set)
+        make: "text",
+        model: "text",
+        price: "num"
+      };
       let rows1 = [
         { make: "Toyota", model: "Celica", price: 35000 },
         { make: "Ford", model: "Mondeo", price: 32000 },
@@ -183,6 +189,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType2 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows2 = [
         {
           id: "id-Toyota",
@@ -311,6 +327,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType3 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows3 = [
         {
           id: "",
@@ -424,14 +450,17 @@
             "The relationship between different car types and prices",
           opt1: {
             keys: keys1,
+            kpHeadFilterType: kpHeadFilterType1,
             rows: rows1
           },
           opt2: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2
           },
           opt3: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpHead: {
               id: "主鍵",
@@ -445,6 +474,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -453,6 +483,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -472,6 +503,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-table-dyn_no enableMenu.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.30/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.32/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -159,6 +159,12 @@
     vuetify: new Vuetify(),
     data: function() {
       let keys1 = ["make", "model", "price"];
+      let kpHeadFilterType1 = {
+        //default: num (num,text,time,set)
+        make: "text",
+        model: "text",
+        price: "num"
+      };
       let rows1 = [
         { make: "Toyota", model: "Celica", price: 35000 },
         { make: "Ford", model: "Mondeo", price: 32000 },
@@ -183,6 +189,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType2 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows2 = [
         {
           id: "id-Toyota",
@@ -311,6 +327,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType3 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows3 = [
         {
           id: "",
@@ -424,14 +450,17 @@
             "The relationship between different car types and prices",
           opt1: {
             keys: keys1,
+            kpHeadFilterType: kpHeadFilterType1,
             rows: rows1
           },
           opt2: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2
           },
           opt3: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpHead: {
               id: "主鍵",
@@ -445,6 +474,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -453,6 +483,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -472,6 +503,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-table-dyn_opt.kpHead.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.30/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.32/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -158,6 +158,12 @@
     vuetify: new Vuetify(),
     data: function() {
       let keys1 = ["make", "model", "price"];
+      let kpHeadFilterType1 = {
+        //default: num (num,text,time,set)
+        make: "text",
+        model: "text",
+        price: "num"
+      };
       let rows1 = [
         { make: "Toyota", model: "Celica", price: 35000 },
         { make: "Ford", model: "Mondeo", price: 32000 },
@@ -182,6 +188,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType2 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows2 = [
         {
           id: "id-Toyota",
@@ -310,6 +326,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType3 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows3 = [
         {
           id: "",
@@ -423,14 +449,17 @@
             "The relationship between different car types and prices",
           opt1: {
             keys: keys1,
+            kpHeadFilterType: kpHeadFilterType1,
             rows: rows1
           },
           opt2: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2
           },
           opt3: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpHead: {
               id: "主鍵",
@@ -444,6 +473,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -452,6 +482,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -471,6 +502,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-table-dyn_removeIdsWhenDownload (remove id, mappingId, order, isActive).html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.30/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.32/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -161,6 +161,12 @@
     vuetify: new Vuetify(),
     data: function() {
       let keys1 = ["make", "model", "price"];
+      let kpHeadFilterType1 = {
+        //default: num (num,text,time,set)
+        make: "text",
+        model: "text",
+        price: "num"
+      };
       let rows1 = [
         { make: "Toyota", model: "Celica", price: 35000 },
         { make: "Ford", model: "Mondeo", price: 32000 },
@@ -185,6 +191,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType2 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows2 = [
         {
           id: "id-Toyota",
@@ -313,6 +329,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType3 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows3 = [
         {
           id: "",
@@ -426,14 +452,17 @@
             "The relationship between different car types and prices",
           opt1: {
             keys: keys1,
+            kpHeadFilterType: kpHeadFilterType1,
             rows: rows1
           },
           opt2: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2
           },
           opt3: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpHead: {
               id: "主鍵",
@@ -447,6 +476,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -455,6 +485,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -474,6 +505,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-table-dyn_slot btns.html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.30/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.32/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -182,6 +182,12 @@
     vuetify: new Vuetify(),
     data: function() {
       let keys1 = ["make", "model", "price"];
+      let kpHeadFilterType1 = {
+        //default: num (num,text,time,set)
+        make: "text",
+        model: "text",
+        price: "num"
+      };
       let rows1 = [
         { make: "Toyota", model: "Celica", price: 35000 },
         { make: "Ford", model: "Mondeo", price: 32000 },
@@ -206,6 +212,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType2 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows2 = [
         {
           id: "id-Toyota",
@@ -334,6 +350,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType3 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows3 = [
         {
           id: "",
@@ -447,14 +473,17 @@
             "The relationship between different car types and prices",
           opt1: {
             keys: keys1,
+            kpHeadFilterType: kpHeadFilterType1,
             rows: rows1
           },
           opt2: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2
           },
           opt3: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpHead: {
               id: "主鍵",
@@ -468,6 +497,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -476,6 +506,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -495,6 +526,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-table-dyn_slot infor (name_description).html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.30/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.32/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -175,6 +175,12 @@
     vuetify: new Vuetify(),
     data: function() {
       let keys1 = ["make", "model", "price"];
+      let kpHeadFilterType1 = {
+        //default: num (num,text,time,set)
+        make: "text",
+        model: "text",
+        price: "num"
+      };
       let rows1 = [
         { make: "Toyota", model: "Celica", price: 35000 },
         { make: "Ford", model: "Mondeo", price: 32000 },
@@ -199,6 +205,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType2 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows2 = [
         {
           id: "id-Toyota",
@@ -327,6 +343,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType3 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows3 = [
         {
           id: "",
@@ -440,14 +466,17 @@
             "The relationship between different car types and prices",
           opt1: {
             keys: keys1,
+            kpHeadFilterType: kpHeadFilterType1,
             rows: rows1
           },
           opt2: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2
           },
           opt3: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpHead: {
               id: "主鍵",
@@ -461,6 +490,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -469,6 +499,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -488,6 +519,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-table-dyn_sortColIds (sort by order).html CHANGED Viewed

@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.30/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.32/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -159,6 +159,12 @@
     vuetify: new Vuetify(),
     data: function() {
       let keys1 = ["make", "model", "price"];
+      let kpHeadFilterType1 = {
+        //default: num (num,text,time,set)
+        make: "text",
+        model: "text",
+        price: "num"
+      };
       let rows1 = [
         { make: "Toyota", model: "Celica", price: 35000 },
         { make: "Ford", model: "Mondeo", price: 32000 },
@@ -183,6 +189,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType2 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows2 = [
         {
           id: "id-Toyota",
@@ -311,6 +327,16 @@
         "price",
         "isActive"
       ];
+      let kpHeadFilterType3 = {
+        //default: num (num,text,time,set)
+        id: "text",
+        mappingId: "text",
+        order: "num",
+        make: "text",
+        model: "text",
+        price: "num",
+        isActive: "text"
+      };
       let rows3 = [
         {
           id: "",
@@ -424,14 +450,17 @@
             "The relationship between different car types and prices",
           opt1: {
             keys: keys1,
+            kpHeadFilterType: kpHeadFilterType1,
             rows: rows1
           },
           opt2: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2
           },
           opt3: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpHead: {
               id: "主鍵",
@@ -445,6 +474,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -453,6 +483,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -472,6 +503,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-text-int_borderRadius.html CHANGED Viewed

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

package/docs/examples/w-text-int_border_backgroundColor_backgroundColorHover_backgroundColorFocus.html CHANGED Viewed

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

package/docs/examples/w-text-int_border_borderRadius.html CHANGED Viewed

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