npm - w-component-vue - Versions diffs - 2.1.73 → 2.1.76 - Mend

w-component-vue 2.1.73 → 2.1.76

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

package/docs/examples/w-tinymce-vue-dyn_not editable.html CHANGED Viewed

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

package/docs/examples/w-tinymce-vue-dyn_settings.html CHANGED Viewed

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -156,6 +156,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -543,6 +544,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -160,6 +160,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -547,6 +548,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -164,6 +164,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -551,6 +552,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -169,6 +169,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -556,6 +557,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -170,6 +170,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -557,6 +558,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -171,6 +171,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -558,6 +559,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -169,6 +169,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -556,6 +557,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -238,6 +238,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -625,6 +626,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -160,6 +160,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -547,6 +548,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -161,6 +161,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -548,6 +549,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -164,6 +164,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -551,6 +552,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -160,6 +160,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -547,6 +548,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -162,6 +162,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -549,6 +550,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

package/docs/examples/w-tree_mouseenter_mouseleave_click_change-view-items.html CHANGED Viewed

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -165,6 +165,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -552,6 +553,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -165,6 +165,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -552,6 +553,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -170,6 +170,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -557,6 +558,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {

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

@@ -37,7 +37,7 @@
     <!-- mdi, 各組件使用mdi/js會於轉單頁時改為mdi icon, 故需引用mdi/css -->
     <link
-        href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css"
+        href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css"
         rel="stylesheet"
     />
@@ -85,7 +85,7 @@
     </script>
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.73/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.1.76/dist/w-component-vue.umd.js"></script>
     <style>
   .v-application--wrap {
@@ -172,6 +172,7 @@
     data: function() {
       return {
         WTree: {
+          viewHeightMaxSync: 400,
           option: {
             keywords: "abr care att",
             selections: [
@@ -559,6 +560,10 @@
     },
     computed: {},
     methods: {
+      changeHeightOfItems: function(msg) {
+        console.log("changeHeightOfItems", msg);
+        this.WTree.viewHeightMaxSync = msg.height;
+      },
       showSelection: function(selections) {
         let ss = {};
         for (let i = 0; i < selections.length; i++) {