npm - w-component-vue - Versions diffs - 2.4.77 → 2.4.79 - Mend

w-component-vue 2.4.77 → 2.4.79

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

package/src/AppZoneWTree.vue CHANGED Viewed

@@ -36,7 +36,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                 ></w-tree>
@@ -50,7 +50,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :iconSize="20"
                 ></w-tree>
@@ -65,7 +65,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :iconSize="20"
                     :defItemHeight="24"
@@ -81,7 +81,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :iconSize="30"
                     :defItemHeight="36"
@@ -97,7 +97,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :itemRippleColor="'rgba(245,124,0,0.4)'"
                 ></w-tree>
@@ -112,7 +112,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :viewHeightMax="300"
                 ></w-tree>
@@ -127,7 +127,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :viewHeightMax="null"
                 ></w-tree>
@@ -142,7 +142,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :paddingStyle="{v:5,h:5}"
                 ></w-tree>
@@ -157,7 +157,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :indent="0.5"
                 ></w-tree>
@@ -172,7 +172,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :viewHeightMax="WTree.viewHeightMaxSync"
                     @mouseenter="mouseenter"
@@ -205,7 +205,7 @@
                 <w-tree
                     ref="ref_toggleItemsByFun"
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :viewHeightMax="WTree.viewHeightMaxSync"
                 ></w-tree>
@@ -228,7 +228,7 @@
                 <w-tree
                     ref="ref_toggleItemsAll"
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :viewHeightMax="WTree.viewHeightMaxSync"
                 ></w-tree>
@@ -243,7 +243,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :defaultDisplayLevel="1"
                 ></w-tree>
@@ -266,7 +266,7 @@
                 </div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :filterKeywords="WTree.option.keywords"
                     :noResultsText="'There are no items to show...'"
@@ -291,7 +291,7 @@
                 </div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :filterKeywords="WTree.option.keywords"
                     :funFilter="funFilter"
@@ -314,7 +314,7 @@
                 <w-tree
                     ref="ref_filterByFun"
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                 ></w-tree>
@@ -328,7 +328,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd; background:#444;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd; background:#444;"
                     :data="WTree.option.items"
                     :itemTextColor="'#ccc'"
                     :itemTextColorHover="'#eee'"
@@ -348,7 +348,7 @@
                 <div style="font-size:0.8rem;">itemActive: {{WTree.option.itemActive}}</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :activable="true"
                     :itemActive.sync="WTree.option.itemActive"
@@ -367,7 +367,7 @@
                 <div style="font-size:0.8rem;">itemActive: {{WTree.option.itemActive}}</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :activable="true"
                     :itemActive.sync="WTree.option.itemActive"
@@ -387,7 +387,7 @@
                 <div style="font-size:0.8rem;">itemActive: {{WTree.option.itemActive}}</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd; background:#444;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd; background:#444;"
                     :data="WTree.option.items"
                     :activable="true"
                     :itemActive.sync="WTree.option.itemActive"
@@ -410,7 +410,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                     :iconToggleColor="'#d39a70'"
                     :iconToggleBackgroundColor="'rgba(211,154,112,0.1)'"
@@ -427,7 +427,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.optionKeys.items"
                     :keyPrimary="'sid'"
                     :keyText="'name'"
@@ -446,7 +446,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using draggable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :draggable="true"
                     @update:data="changeData"
@@ -465,7 +465,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using draggable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :draggable="true"
                     :dgPreviewOpacity="0.9"
@@ -486,7 +486,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using draggable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :draggable="true"
                     :dgInsertLineColor="'rgba(120,220,150,0.9)'"
@@ -506,7 +506,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using draggable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :draggable="true"
                     :dgTextDisabled="'禁止拖曳至自己子節點當中'"
@@ -528,7 +528,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     @click-operate-item="clickOperateItem"
@@ -548,7 +548,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :operateBtnTooltip="'編輯'"
@@ -572,7 +572,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :operateItemIconSize="18"
@@ -594,7 +594,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :operateItemIconSize="18"
@@ -615,7 +615,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :operateBtnIconSize="20"
@@ -637,7 +637,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :operateItemBackgroundColor="'blue-grey darken-1'"
@@ -661,7 +661,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :operateItemIconForRename="mdiCommentEditOutline"
@@ -684,7 +684,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :funOperateItem="funOperateItem"
@@ -703,7 +703,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :editorRenameContentBackgroundColor="'#f2f2f2'"
@@ -725,7 +725,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :editorRenameInputTextColor="'#444'"
@@ -749,7 +749,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :editorRenameCancelBtnText="'取消'"
@@ -772,7 +772,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :editorRenameCancelBtnIcon="'fas fa-times'"
@@ -797,7 +797,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :editorRenameCancelBtnBackgroundColor="'#EFEBE9'"
@@ -819,7 +819,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :editorRenameSaveBtnText="'儲存'"
@@ -842,7 +842,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :editorRenameSaveBtnIcon="'fas fa-check'"
@@ -867,7 +867,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     :editorRenameSaveBtnBackgroundColor="'#EFEBE9'"
@@ -889,7 +889,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable or draggable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :draggable="true"
                     :operatable="true"
@@ -908,7 +908,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data="WTree.option.items"
                 >
                     <template v-slot:item="props">
@@ -954,7 +954,7 @@
                 <div style="margin-bottom:5px; color:#f26; font-size:0.8rem;">* Disable show and hide nodes when using operatable</div>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     :operatable="true"
                     @click-operate-item="clickOperateItem"
@@ -981,7 +981,7 @@
                 ></demolink>
                 <w-tree
-                    style="width:350px; border:1px solid #ddd;"
+                    style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                     :data.sync="WTree.option.items"
                     @click-operate-item="clickOperateItem"
                 >
@@ -1010,7 +1010,7 @@
                     <div style="display:table-cell; vertical-align:top;">
                         <w-tree
-                            style="width:350px; border:1px solid #ddd;"
+                            style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                             :data="WTree.option.items"
                             :selectable="true"
                             :selections.sync="WTree.option.selections"
@@ -1019,7 +1019,7 @@
                     </div>
                     <div style="display:table-cell; vertical-align:top;">
-                        <div :style="'padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
+                        <div :style="'padding:10px 20px; box-sizing:border-box; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
                             <div style="margin-bottom:5px;">selections: </div>
                             <pre style="font-size:0.7rem;">{{JSON.stringify(showSelection(WTree.option.selections),null,4)}}</pre>
                         </div>
@@ -1040,7 +1040,7 @@
                     <div style="display:table-cell; vertical-align:top;">
                         <w-tree
-                            style="width:350px; border:1px solid #ddd;"
+                            style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                             :data="WTree.option.items"
                             :selectable="true"
                             :selections.sync="WTree.option.selections"
@@ -1083,7 +1083,7 @@
                     </div>
                     <div style="display:table-cell; vertical-align:top;">
-                        <div :style="'padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
+                        <div :style="'padding:10px 20px; box-sizing:border-box; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
                             <div style="margin-bottom:5px;">selections: </div>
                             <pre style="font-size:0.7rem;">{{JSON.stringify(showSelection(WTree.option.selections),null,4)}}</pre>
                         </div>
@@ -1104,7 +1104,7 @@
                     <div style="display:table-cell; vertical-align:top;">
                         <w-tree
-                            style="width:350px; border:1px solid #ddd;"
+                            style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                             :data="WTree.option.items"
                             :selectable="true"
                             :selections.sync="WTree.option.selections"
@@ -1149,7 +1149,7 @@
                     </div>
                     <div style="display:table-cell; vertical-align:top;">
-                        <div :style="'padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
+                        <div :style="'padding:10px 20px; box-sizing:border-box; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
                             <div style="margin-bottom:5px;">selections: </div>
                             <pre style="font-size:0.7rem;">{{JSON.stringify(showSelection(WTree.option.selections),null,4)}}</pre>
                         </div>
@@ -1172,7 +1172,7 @@
                     <div style="display:table-cell; vertical-align:top;">
                         <w-tree
-                            style="width:350px; border:1px solid #ddd;"
+                            style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                             :data.sync="WTree.option.items"
                             :draggable="true"
                             :selectable="true"
@@ -1182,7 +1182,7 @@
                     </div>
                     <div style="display:table-cell; vertical-align:top;">
-                        <div :style="'padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
+                        <div :style="'padding:10px 20px; box-sizing:border-box; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
                             <div style="margin-bottom:5px;">selections: </div>
                             <pre style="font-size:0.7rem;">{{JSON.stringify(showSelection(WTree.option.selections),null,4)}}</pre>
                         </div>
@@ -1205,7 +1205,7 @@
                     <div style="display:table-cell; vertical-align:top;">
                         <w-tree
-                            style="width:350px; border:1px solid #ddd;"
+                            style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                             :data.sync="WTree.option.items"
                             :draggable="true"
                             :selectable="true"
@@ -1249,7 +1249,7 @@
                     </div>
                     <div style="display:table-cell; vertical-align:top;">
-                        <div :style="'padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
+                        <div :style="'padding:10px 20px; box-sizing:border-box; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
                             <div style="margin-bottom:5px;">selections: </div>
                             <pre style="font-size:0.7rem;">{{JSON.stringify(showSelection(WTree.option.selections),null,4)}}</pre>
                         </div>
@@ -1278,7 +1278,7 @@
                     <div style="display:table-cell; vertical-align:top;">
                         <w-tree
-                            style="width:350px; border:1px solid #ddd;"
+                            style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                             :data="WTree.option.items"
                             :selectable="true"
                             :selections.sync="WTree.option.selections"
@@ -1323,7 +1323,7 @@
                     </div>
                     <div style="display:table-cell; vertical-align:top;">
-                        <div :style="'padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
+                        <div :style="'padding:10px 20px; box-sizing:border-box; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
                             <div style="margin-bottom:5px;">selections: </div>
                             <pre style="font-size:0.7rem;">{{JSON.stringify(showSelection(WTree.option.selections),null,4)}}</pre>
                         </div>
@@ -1344,7 +1344,7 @@
                     <div style="display:table-cell; vertical-align:top;">
                         <w-tree
-                            style="width:350px; border:1px solid #ddd;"
+                            style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                             :data="WTree.optionLocked.items"
                             :selectable="true"
                             :selections.sync="WTree.optionLocked.selections"
@@ -1388,7 +1388,7 @@
                     </div>
                     <div style="display:table-cell; vertical-align:top;">
-                        <div :style="'padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
+                        <div :style="'padding:10px 20px; box-sizing:border-box; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
                             <div style="margin-bottom:5px;">selections: </div>
                             <pre style="font-size:0.7rem;">{{JSON.stringify(showSelection(WTree.optionLocked.selections),null,4)}}</pre>
                         </div>
@@ -1409,7 +1409,7 @@
                     <div style="display:table-cell; vertical-align:top;">
                         <w-tree
-                            style="width:350px; border:1px solid #ddd;"
+                            style="box-sizing:border-box; width:350px; border:1px solid #ddd;"
                             :data="WTree.optionLocked.items"
                             :selectable="true"
                             :selections.sync="WTree.optionLocked.selections"
@@ -1459,7 +1459,7 @@
                     </div>
                     <div style="display:table-cell; vertical-align:top;">
-                        <div :style="'padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
+                        <div :style="'padding:10px 20px; box-sizing:border-box; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
                             <div style="margin-bottom:5px;">selections: </div>
                             <pre style="font-size:0.7rem;">{{JSON.stringify(showSelection(WTree.optionLocked.selections),null,4)}}</pre>
                         </div>
@@ -1500,7 +1500,7 @@
                     </div>
                     <div style="display:table-cell; vertical-align:top;">
-                        <div :style="'padding:10px 20px; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
+                        <div :style="'padding:10px 20px; box-sizing:border-box; height:402px; overflow-y:auto; border:1px solid #ddd; border-left-width:0px;'">
                             <div style="margin-bottom:5px;">selections: </div>
                             <pre style="font-size:0.7rem;">{{JSON.stringify(showSelection(WTree.optionLarge.selections),null,4)}}</pre>
                         </div>

package/src/components/WColorPickAlpha.vue CHANGED Viewed

@@ -31,6 +31,7 @@
             <div :style="`
                 position:absolute; left:${curLocLeft-Math.floor(cursorSize/2)-1}px; top:-1px;
                 width:${cursorSize+2}px; height:${height+2}px;
+                box-sizing:border-box;
                 background:transparent;
                 border:1px solid #666;
                 cursor:pointer;
@@ -43,6 +44,7 @@
             <div :style="`
                 position:absolute; left:${curLocLeft-Math.floor(cursorSize/2)}px; top:0px;
                 width:${cursorSize}px; height:${height}px;
+                box-sizing:border-box;
                 background:transparent;
                 border:1px solid #fff;
                 cursor:pointer;

package/src/components/WColorPickHsv.vue CHANGED Viewed

@@ -22,6 +22,7 @@
             <div :style="`
                 position:absolute; left:${curLocLeft-Math.floor(cursorSize/2)-1}px; top:${curLocTop-Math.floor(cursorSize/2)-1}px;
                 width:${cursorSize+2}px; height:${cursorSize+2}px;
+                box-sizing:border-box;
                 background:transparent;
                 border-radius:50%;
                 border:1px solid #666;
@@ -35,6 +36,7 @@
             <div :style="`
                 position:absolute; left:${curLocLeft-Math.floor(cursorSize/2)}px; top:${curLocTop-Math.floor(cursorSize/2)}px;
                 width:${cursorSize}px; height:${cursorSize}px;
+                box-sizing:border-box;
                 background:transparent;
                 border-radius:50%;
                 border:1px solid #fff;

package/src/components/WColorPickHue.vue CHANGED Viewed

@@ -22,6 +22,7 @@
             <div :style="`
                 position:absolute; left:${curLocLeft-Math.floor(cursorSize/2)-1}px; top:-1px;
                 width:${cursorSize+2}px; height:${height+2}px;
+                box-sizing:border-box;
                 background:transparent;
                 border:1px solid #666;
                 cursor:pointer;
@@ -34,6 +35,7 @@
             <div :style="`
                 position:absolute; left:${curLocLeft-Math.floor(cursorSize/2)}px; top:0px;
                 width:${cursorSize}px; height:${height}px;
+                box-sizing:border-box;
                 background:transparent;
                 border:1px solid #fff;
                 cursor:pointer;

package/src/components/WColorSelect.vue CHANGED Viewed

@@ -25,7 +25,7 @@
                     @click="clickColor"
                 >
-                    <div :style="`border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor}; width:${colorBlockSize}px; height:${colorBlockSize}px; background:${valueOri};`"></div>
+                    <div :style="`border:${colorBlockBorderWidth}px solid ${useColorBlockBorderColor}; width:${colorBlockSize}px; height:${colorBlockSize}px; box-sizing:border-box; background:${valueOri};`"></div>
                     <template v-if="showColorText">

package/src/components/WComponentVue.vue CHANGED Viewed

@@ -33,7 +33,6 @@ import WGroupDragdrop from './WGroupDragdrop.vue'
 import WGroupIconCheck from './WGroupIconCheck.vue'
 import WGroupIconRadio from './WGroupIconRadio.vue'
 import WGroupTags from './WGroupTags.vue'
-import WHighchartsBitmapDyn from './WHighchartsBitmapDyn.vue'
 import WHighchartsVueDyn from './WHighchartsVueDyn.vue'
 import WHighstockVueDyn from './WHighstockVueDyn.vue'
 import WIcon from './WIcon.vue'
@@ -137,7 +136,6 @@ let WComponentVue = {
         Vue.component('w-group-icon-check', WGroupIconCheck)
         Vue.component('w-group-icon-radio', WGroupIconRadio)
         Vue.component('w-group-tags', WGroupTags)
-        Vue.component('w-highcharts-bitmap-dyn', WHighchartsBitmapDyn)
         Vue.component('w-highcharts-vue-dyn', WHighchartsVueDyn)
         Vue.component('w-highstock-vue-dyn', WHighstockVueDyn)
         Vue.component('w-icon', WIcon)

package/src/components/WDropfiles.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <template>
     <div
         ref="dropPanel"
-        :style="`border:${borderWidth}px solid ${useBorderColor}; border-radius:${borderRadius}px; background:${useBackgroundColor}; transition:all ${timeTransition}s linear;`"
+        :style="`border:${borderWidth}px solid ${useBorderColor}; border-radius:${borderRadius}px; box-sizing:border-box; background:${useBackgroundColor}; transition:all ${timeTransition}s linear;`"
         @mouseenter="bMouseIn=true"
         @mouseleave="bMouseIn=false"
     >

package/src/components/WGroupBaggage.vue CHANGED Viewed

@@ -95,8 +95,8 @@
 </template>
 <script>
-import get from 'lodash-es/get.js'
-import isNumber from 'lodash-es/isNumber.js'
+import get from 'lodash-es/get.js'
+import isNumber from 'lodash-es/isNumber.js'
 import replace from 'wsemi/src/replace.mjs'
 import parseSpace from '../js/parseSpace.mjs'
 import convertColor from '../js/convertColor.mjs'
@@ -391,7 +391,8 @@ export default {
             if (!isNumber(w)) {
                 return ''
             }
-            return `width:${w}px; min-width:${w}px; max-width:${w}px;`
+            //box-sizing為border-box, 因連接線區塊寬高內須含border繪製之連接線, 否則區塊會被撐大
+            return `width:${w}px; min-width:${w}px; max-width:${w}px; box-sizing:border-box;`
         },
         getTag: function(item) {