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_editable_opt.beforeAddRow.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_editable_opt.kpConvertKeysWhenUploadData.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_editable_opt.optForUploadData.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_editable_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 {
@@ -183,6 +183,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 },
@@ -207,6 +213,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",
@@ -335,6 +351,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: "",
@@ -448,14 +474,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: "主鍵",
@@ -469,6 +498,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -477,6 +507,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -496,6 +527,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-table-dyn_fixIds (fix id).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 {
@@ -160,6 +160,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 },
@@ -184,6 +190,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",
@@ -312,6 +328,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: "",
@@ -425,14 +451,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: "主鍵",
@@ -446,6 +475,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -454,6 +484,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -473,6 +504,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-table-dyn_hideIds (hide mappingId).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 {
@@ -160,6 +160,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 },
@@ -184,6 +190,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",
@@ -312,6 +328,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: "",
@@ -425,14 +451,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: "主鍵",
@@ -446,6 +475,7 @@
           },
           opt4: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             beforeAddRow: function(newRow) {
               newRow.id = "id-random-" + Math.random();
@@ -454,6 +484,7 @@
           },
           opt5: {
             keys: keys2,
+            kpHeadFilterType: kpHeadFilterType2,
             rows: rows2,
             kpConvertKeysWhenUploadData: {
               makeTemp: "make",
@@ -473,6 +504,7 @@
           },
           opt7: {
             keys: keys3,
+            kpHeadFilterType: kpHeadFilterType3,
             rows: rows3,
             modifyDataWhenSave: function(rows) {
               console.log("modifyDataWhenSave", rows);

package/docs/examples/w-table-dyn_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 {
@@ -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);