safecheck-client 3.0.39-14 → 3.0.39-16
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.
- package/.babelrc +5 -5
 - package/.editorconfig +9 -9
 - package/android.html +18 -18
 - package/config/dev.env.js +6 -6
 - package/config/index.js +38 -38
 - package/config/prod.env.js +3 -3
 - package/config/test.env.js +6 -6
 - package/docs/AppBase.md +22 -22
 - package/docs/Busy.md +14 -14
 - package/docs/CriteriaPaged.md +47 -47
 - package/docs/DataGrid.md +54 -54
 - package/docs/DataModel.md +22 -22
 - package/docs/Dynamic.md +42 -42
 - package/docs/GetParams.md +11 -11
 - package/docs/HttpBusy.md +13 -13
 - package/docs/HttpStore.md +29 -29
 - package/docs/MessageBox.md +28 -28
 - package/docs/PagedList.md +29 -29
 - package/docs/Pager.md +21 -21
 - package/docs/Project.md +23 -23
 - package/docs/Route.md +105 -105
 - package/docs/SafetyCheck/AdjustPlan.md +13 -13
 - package/docs/SafetyCheck/CheckerPlan.md +12 -12
 - package/docs/Task.md +46 -46
 - package/docs/TreeList.md +28 -28
 - package/docs/TreeMixin.md +18 -18
 - package/docs/all.md +10 -10
 - package/docs/list.md +42 -42
 - package/docs/partial.md +75 -75
 - package/docs/selector.md +82 -82
 - package/docs//345/274/200/345/217/221/346/226/207/346/241/243/Snippets.md +28 -28
 - package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue-strap/345/217/230/346/233/264/350/256/260/345/275/225.md +7 -7
 - package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue/345/217/230/346/233/264/350/256/260/345/275/225.md +13 -13
 - package/docs//345/274/200/345/217/221/346/226/207/346/241/243//345/274/200/345/217/221/347/216/257/345/242/203/350/256/276/347/275/256.md +77 -77
 - package/docs//347/225/214/351/235/242/345/210/266/344/275/234/350/247/204/350/214/203.md +54 -54
 - package/examples/AddressList/App.vue +13 -13
 - package/examples/AddressList/index.html +11 -11
 - package/examples/DispatchList/App.vue +10 -10
 - package/examples/DispatchList/BaseTree.vue +13 -13
 - package/examples/DispatchList/Init.vue +22 -22
 - package/examples/DispatchList/Test.vue +20 -20
 - package/examples/DispatchList/index.html +11 -11
 - package/examples/DispatchList/main.js +18 -18
 - package/home.html +16 -16
 - package/package.json +1 -1
 - package/publish.bat +7 -7
 - package/release.bat +5 -5
 - package/src/Widget.vue +13 -13
 - package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
 - package/src/android-bootstrap/less/.csscomb.json +304 -304
 - package/src/android-bootstrap/less/.csslintrc +19 -19
 - package/src/android-bootstrap/less/alerts.less +73 -73
 - package/src/android-bootstrap/less/badges.less +66 -66
 - package/src/android-bootstrap/less/bootstrap.less +56 -56
 - package/src/android-bootstrap/less/breadcrumbs.less +26 -26
 - package/src/android-bootstrap/less/button-groups.less +247 -247
 - package/src/android-bootstrap/less/buttons.less +173 -173
 - package/src/android-bootstrap/less/carousel.less +269 -269
 - package/src/android-bootstrap/less/close.less +34 -34
 - package/src/android-bootstrap/less/code.less +69 -69
 - package/src/android-bootstrap/less/component-animations.less +33 -33
 - package/src/android-bootstrap/less/grid.less +84 -84
 - package/src/android-bootstrap/less/input-groups.less +167 -167
 - package/src/android-bootstrap/less/jumbotron.less +52 -52
 - package/src/android-bootstrap/less/labels.less +64 -64
 - package/src/android-bootstrap/less/list-group.less +141 -141
 - package/src/android-bootstrap/less/media.less +66 -66
 - package/src/android-bootstrap/less/mixins/alerts.less +14 -14
 - package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
 - package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
 - package/src/android-bootstrap/less/mixins/buttons.less +69 -69
 - package/src/android-bootstrap/less/mixins/center-block.less +7 -7
 - package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
 - package/src/android-bootstrap/less/mixins/forms.less +90 -90
 - package/src/android-bootstrap/less/mixins/gradients.less +59 -59
 - package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
 - package/src/android-bootstrap/less/mixins/grid.less +122 -122
 - package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
 - package/src/android-bootstrap/less/mixins/image.less +33 -33
 - package/src/android-bootstrap/less/mixins/labels.less +12 -12
 - package/src/android-bootstrap/less/mixins/list-group.less +30 -30
 - package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
 - package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
 - package/src/android-bootstrap/less/mixins/opacity.less +8 -8
 - package/src/android-bootstrap/less/mixins/pagination.less +24 -24
 - package/src/android-bootstrap/less/mixins/panels.less +24 -24
 - package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
 - package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
 - package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
 - package/src/android-bootstrap/less/mixins/resize.less +6 -6
 - package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
 - package/src/android-bootstrap/less/mixins/size.less +10 -10
 - package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
 - package/src/android-bootstrap/less/mixins/table-row.less +44 -44
 - package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
 - package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
 - package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
 - package/src/android-bootstrap/less/mixins.less +40 -40
 - package/src/android-bootstrap/less/modals.less +151 -151
 - package/src/android-bootstrap/less/navbar.less +660 -660
 - package/src/android-bootstrap/less/navs.less +290 -290
 - package/src/android-bootstrap/less/normalize.less +424 -424
 - package/src/android-bootstrap/less/pager.less +76 -76
 - package/src/android-bootstrap/less/pagination.less +89 -89
 - package/src/android-bootstrap/less/panels.less +274 -274
 - package/src/android-bootstrap/less/popovers.less +131 -131
 - package/src/android-bootstrap/less/print.less +101 -101
 - package/src/android-bootstrap/less/progress-bars.less +87 -87
 - package/src/android-bootstrap/less/responsive-embed.less +35 -35
 - package/src/android-bootstrap/less/responsive-utilities.less +194 -194
 - package/src/android-bootstrap/less/scaffolding.less +161 -161
 - package/src/android-bootstrap/less/tables.less +262 -262
 - package/src/android-bootstrap/less/theme.less +291 -291
 - package/src/android-bootstrap/less/thumbnails.less +36 -36
 - package/src/android-bootstrap/less/tooltip.less +102 -102
 - package/src/android-bootstrap/less/type.less +303 -303
 - package/src/android-bootstrap/less/utilities.less +55 -55
 - package/src/android-bootstrap/less/variables.less +896 -896
 - package/src/android-bootstrap/less/wells.less +29 -29
 - package/src/bootstrap/less/.csscomb.json +304 -304
 - package/src/bootstrap/less/.csslintrc +19 -19
 - package/src/bootstrap/less/alerts.less +73 -73
 - package/src/bootstrap/less/badges.less +66 -66
 - package/src/bootstrap/less/breadcrumbs.less +26 -26
 - package/src/bootstrap/less/button-groups.less +247 -247
 - package/src/bootstrap/less/buttons.less +172 -172
 - package/src/bootstrap/less/carousel.less +269 -269
 - package/src/bootstrap/less/close.less +34 -34
 - package/src/bootstrap/less/code.less +69 -69
 - package/src/bootstrap/less/component-animations.less +33 -33
 - package/src/bootstrap/less/dropdowns.less +216 -216
 - package/src/bootstrap/less/grid.less +84 -84
 - package/src/bootstrap/less/input-groups.less +167 -167
 - package/src/bootstrap/less/jumbotron.less +52 -52
 - package/src/bootstrap/less/labels.less +64 -64
 - package/src/bootstrap/less/list-group.less +141 -141
 - package/src/bootstrap/less/media.less +66 -66
 - package/src/bootstrap/less/mixins/alerts.less +14 -14
 - package/src/bootstrap/less/mixins/background-variant.less +9 -9
 - package/src/bootstrap/less/mixins/border-radius.less +18 -18
 - package/src/bootstrap/less/mixins/buttons.less +69 -69
 - package/src/bootstrap/less/mixins/center-block.less +7 -7
 - package/src/bootstrap/less/mixins/clearfix.less +22 -22
 - package/src/bootstrap/less/mixins/forms.less +90 -90
 - package/src/bootstrap/less/mixins/gradients.less +59 -59
 - package/src/bootstrap/less/mixins/grid-framework.less +92 -92
 - package/src/bootstrap/less/mixins/grid.less +122 -122
 - package/src/bootstrap/less/mixins/hide-text.less +21 -21
 - package/src/bootstrap/less/mixins/image.less +33 -33
 - package/src/bootstrap/less/mixins/labels.less +12 -12
 - package/src/bootstrap/less/mixins/list-group.less +30 -30
 - package/src/bootstrap/less/mixins/nav-divider.less +10 -10
 - package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
 - package/src/bootstrap/less/mixins/opacity.less +8 -8
 - package/src/bootstrap/less/mixins/pagination.less +24 -24
 - package/src/bootstrap/less/mixins/panels.less +24 -24
 - package/src/bootstrap/less/mixins/progress-bar.less +10 -10
 - package/src/bootstrap/less/mixins/reset-filter.less +8 -8
 - package/src/bootstrap/less/mixins/reset-text.less +18 -18
 - package/src/bootstrap/less/mixins/resize.less +6 -6
 - package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
 - package/src/bootstrap/less/mixins/size.less +10 -10
 - package/src/bootstrap/less/mixins/tab-focus.less +9 -9
 - package/src/bootstrap/less/mixins/table-row.less +44 -44
 - package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
 - package/src/bootstrap/less/mixins/text-overflow.less +8 -8
 - package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
 - package/src/bootstrap/less/mixins.less +40 -40
 - package/src/bootstrap/less/modals.less +151 -151
 - package/src/bootstrap/less/navbar.less +660 -660
 - package/src/bootstrap/less/normalize.less +424 -424
 - package/src/bootstrap/less/pagination.less +89 -89
 - package/src/bootstrap/less/panels.less +275 -275
 - package/src/bootstrap/less/popovers.less +131 -131
 - package/src/bootstrap/less/print.less +101 -101
 - package/src/bootstrap/less/progress-bars.less +87 -87
 - package/src/bootstrap/less/responsive-embed.less +35 -35
 - package/src/bootstrap/less/responsive-utilities.less +194 -194
 - package/src/bootstrap/less/scaffolding.less +161 -161
 - package/src/bootstrap/less/theme.less +291 -291
 - package/src/bootstrap/less/thumbnails.less +36 -36
 - package/src/bootstrap/less/tooltip.less +102 -102
 - package/src/bootstrap/less/type.less +303 -303
 - package/src/bootstrap/less/utilities.less +55 -55
 - package/src/bootstrap/less/wells.less +29 -29
 - package/src/components/FileUpload.vue +696 -696
 - package/src/components/Hello.vue +39 -39
 - package/src/components/LeftTree.vue +27 -27
 - package/src/components/android/AttendanceTally.vue +116 -116
 - package/src/components/android/Blank.vue +10 -10
 - package/src/components/android/CheckUnplanPage.vue +56 -56
 - package/src/components/android/Checker.vue +12 -12
 - package/src/components/android/CheckerAnnual.vue +81 -81
 - package/src/components/android/CheckerAvarta.vue +82 -82
 - package/src/components/android/EquipmentInspection.vue +348 -348
 - package/src/components/android/FootprintMap.vue +120 -120
 - package/src/components/android/HiddentroubleInvestigation.vue +192 -192
 - package/src/components/android/MasterMain.vue +77 -77
 - package/src/components/android/Menu.vue +132 -132
 - package/src/components/android/PaperAlarm.vue +85 -85
 - package/src/components/android/PaperDeviceNoncivil.vue +214 -214
 - package/src/components/android/PlumberAnnual.vue +83 -83
 - package/src/components/android/PlumberAnnualDetail.vue +65 -65
 - package/src/components/android/PlumberMonthly.vue +84 -84
 - package/src/components/android/PostMap.vue +83 -83
 - package/src/components/android/QueryCheckHistory.vue +122 -122
 - package/src/components/android/QueryCheckHistoryItem.vue +62 -62
 - package/src/components/android/RepairMain.vue +60 -60
 - package/src/components/android/Repairman.vue +12 -12
 - package/src/components/android/StationMaster.vue +12 -12
 - package/src/components/defects/DefectModal.vue +101 -101
 - package/src/components/defects/DevicesAndItem.vue +39 -39
 - package/src/components/issueplan/IssuePlanMain.vue +23 -23
 - package/src/components/notice/NoticeForm.vue +100 -100
 - package/src/components/notice/NoticeIssue.vue +20 -20
 - package/src/components/paper/PicViewer.vue +18 -18
 - package/src/components/pc/SafeCheckOrder/SafeCheckOrderList.vue +248 -248
 - package/src/components/phonestate/MonthlyTraffic.vue +66 -66
 - package/src/components/phonestate/MonthlyTrafficRouter.vue +15 -15
 - package/src/components/phonestate/PostMap.vue +82 -82
 - package/src/components/querycheckpaper/PaperItem.vue +59 -59
 - package/src/components/userfile/MeterFile.vue +145 -145
 - package/src/components/userfile/MeterModify.vue +46 -46
 - package/src/components/userfileaudit/MeterAuditFile.vue +129 -129
 - package/src/filiale/hanzhong/pc/CheckHiddenDanger.vue +713 -713
 - package/src/filiale/hanzhong/pc/CheckNumberStatistics.vue +499 -499
 - package/src/filiale/hanzhong/pc/CheckSafeDetail.vue +578 -573
 - package/src/filiale/hanzhong/pc/CheckSafeStatus.vue +508 -508
 - package/src/filiale/hanzhong/pc/CheckerSafeDetail.vue +595 -595
 - package/src/filiale/hanzhong/pc/HomeEcharts.vue +153 -153
 - package/src/filiale/kelai/android/PaperFeedback.vue +1553 -1553
 - package/src/filiale/qingjian/android/PhoneUpUserinfo.vue +104 -38
 - package/src/filiale/qingjian/android/SafecheckUserInfo.vue +42 -19
 - package/src/filiale/tongchuan/pc/AMapTrailShowZk.vue +226 -226
 - package/src/filiale/tongchuan/pc/CheckSearchUser.vue +1091 -1091
 - package/src/filiale/tongchuan/pc/DefectPaperWeiXiu.vue +664 -664
 - package/src/filiale/tongchuan/pc/NoCheckplanSafecheck.vue +247 -247
 - package/src/filiale/tongchuan/pc/PaperDefectMain.vue +1094 -1094
 - package/src/filiale/tongchuan/pc/PaperList.vue +718 -718
 - package/src/filiale/tongchuan/pc/PersonTrack.vue +269 -269
 - package/src/filiale/tongchuan/pc/SelectCheckPlan.vue +336 -336
 - package/src/filiale/tongchuan/pc.js +37 -37
 - package/src/filiale/wuan/android/SafecheckOrderV.vue +2242 -2242
 - package/src/filiale/wuan/android/SafecheckUserInfo.vue +659 -659
 - package/src/plugins/LoadData.js +10 -10
 - package/src/plugins/LoadParams.js +24 -24
 - package/src/stores/wxconfig.js +10 -10
 - package/src/utils/getNowDate.js +33 -33
 - package/test/e2e/custom-assertions/elementCount.js +26 -26
 - package/test/e2e/nightwatch.conf.js +40 -40
 - package/test/e2e/runner.js +30 -30
 - package/test/e2e/specs/test.js +13 -13
 - package/test/unit/.eslintrc +5 -5
 - package/test/unit/TestUtil.js +62 -62
 - package/test/unit/context.html +20 -20
 - package/test/unit/index.js +13 -13
 
    
        package/docs/TreeList.md
    CHANGED
    
    | 
         @@ -1,28 +1,28 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            # TreeList
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            为树状组件提供数据支持。
         
     | 
| 
       4 
     | 
    
         
            -
             
     | 
| 
       5 
     | 
    
         
            -
            ## 用法
         
     | 
| 
       6 
     | 
    
         
            -
            ```
         
     | 
| 
       7 
     | 
    
         
            -
            new TreeList(url)
         
     | 
| 
       8 
     | 
    
         
            -
            ```
         
     | 
| 
       9 
     | 
    
         
            -
            查询时,采用给定url进行。
         
     | 
| 
       10 
     | 
    
         
            -
             
     | 
| 
       11 
     | 
    
         
            -
            ## 属性
         
     | 
| 
       12 
     | 
    
         
            -
             
     | 
| 
       13 
     | 
    
         
            -
            - rows:加载到的数据
         
     | 
| 
       14 
     | 
    
         
            -
            - state: 状态,字符串型,包括:初始(默认),错误,正确
         
     | 
| 
       15 
     | 
    
         
            -
            - error:出现错误时的内容
         
     | 
| 
       16 
     | 
    
         
            -
             
     | 
| 
       17 
     | 
    
         
            -
            ## 方法
         
     | 
| 
       18 
     | 
    
         
            -
             
     | 
| 
       19 
     | 
    
         
            -
            - search (condition, model): 执行后台查询过程。参数说明
         
     | 
| 
       20 
     | 
    
         
            -
              * condition: 由查询组件等产生的查询条件字符串。
         
     | 
| 
       21 
     | 
    
         
            -
              * model:由用户输入的查询内容。
         
     | 
| 
       22 
     | 
    
         
            -
            - static toTreeNode (row, parent = null, level = 0):把一条数据转换成树节点,树节点属性有:
         
     | 
| 
       23 
     | 
    
         
            -
              * loaded: false,  // 是否已加载
         
     | 
| 
       24 
     | 
    
         
            -
              * parent: null,   // 父节点
         
     | 
| 
       25 
     | 
    
         
            -
              * level: 0,       // 树节点展开层级
         
     | 
| 
       26 
     | 
    
         
            -
              * children: []    // 子节点
         
     | 
| 
       27 
     | 
    
         
            -
              * open:false     // 是否已展开,可追踪属性
         
     | 
| 
       28 
     | 
    
         
            -
              * state: '初始'   // 节点加载状态,包括:初始,正确,错误三种,可追踪
         
     | 
| 
      
 1 
     | 
    
         
            +
            # TreeList
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            为树状组件提供数据支持。
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            ## 用法
         
     | 
| 
      
 6 
     | 
    
         
            +
            ```
         
     | 
| 
      
 7 
     | 
    
         
            +
            new TreeList(url)
         
     | 
| 
      
 8 
     | 
    
         
            +
            ```
         
     | 
| 
      
 9 
     | 
    
         
            +
            查询时,采用给定url进行。
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            ## 属性
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            - rows:加载到的数据
         
     | 
| 
      
 14 
     | 
    
         
            +
            - state: 状态,字符串型,包括:初始(默认),错误,正确
         
     | 
| 
      
 15 
     | 
    
         
            +
            - error:出现错误时的内容
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            ## 方法
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            - search (condition, model): 执行后台查询过程。参数说明
         
     | 
| 
      
 20 
     | 
    
         
            +
              * condition: 由查询组件等产生的查询条件字符串。
         
     | 
| 
      
 21 
     | 
    
         
            +
              * model:由用户输入的查询内容。
         
     | 
| 
      
 22 
     | 
    
         
            +
            - static toTreeNode (row, parent = null, level = 0):把一条数据转换成树节点,树节点属性有:
         
     | 
| 
      
 23 
     | 
    
         
            +
              * loaded: false,  // 是否已加载
         
     | 
| 
      
 24 
     | 
    
         
            +
              * parent: null,   // 父节点
         
     | 
| 
      
 25 
     | 
    
         
            +
              * level: 0,       // 树节点展开层级
         
     | 
| 
      
 26 
     | 
    
         
            +
              * children: []    // 子节点
         
     | 
| 
      
 27 
     | 
    
         
            +
              * open:false     // 是否已展开,可追踪属性
         
     | 
| 
      
 28 
     | 
    
         
            +
              * state: '初始'   // 节点加载状态,包括:初始,正确,错误三种,可追踪
         
     | 
    
        package/docs/TreeMixin.md
    CHANGED
    
    | 
         @@ -1,18 +1,18 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            # TreeMixin
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            对树组件提供基础支持,Tree及GridTree均用到了TreeMixin。
         
     | 
| 
       4 
     | 
    
         
            -
             
     | 
| 
       5 
     | 
    
         
            -
            ## 用法
         
     | 
| 
       6 
     | 
    
         
            -
             
     | 
| 
       7 
     | 
    
         
            -
            在需要树状操作的组件中,加入TreeMixin
         
     | 
| 
       8 
     | 
    
         
            -
            ```
         
     | 
| 
       9 
     | 
    
         
            -
            export default {
         
     | 
| 
       10 
     | 
    
         
            -
              mixins: [TreeMixin]
         
     | 
| 
       11 
     | 
    
         
            -
            }
         
     | 
| 
       12 
     | 
    
         
            -
            ```
         
     | 
| 
       13 
     | 
    
         
            -
             
     | 
| 
       14 
     | 
    
         
            -
            ## 方法
         
     | 
| 
       15 
     | 
    
         
            -
             
     | 
| 
       16 
     | 
    
         
            -
            * toggle(node):切换树节点的展开状态。
         
     | 
| 
       17 
     | 
    
         
            -
            * isFolder(node):看节点是否有子。
         
     | 
| 
       18 
     | 
    
         
            -
            * remove(url, node):调用url中的服务删除节点,删除后,自动刷新界面。
         
     | 
| 
      
 1 
     | 
    
         
            +
            # TreeMixin
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            对树组件提供基础支持,Tree及GridTree均用到了TreeMixin。
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            ## 用法
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            在需要树状操作的组件中,加入TreeMixin
         
     | 
| 
      
 8 
     | 
    
         
            +
            ```
         
     | 
| 
      
 9 
     | 
    
         
            +
            export default {
         
     | 
| 
      
 10 
     | 
    
         
            +
              mixins: [TreeMixin]
         
     | 
| 
      
 11 
     | 
    
         
            +
            }
         
     | 
| 
      
 12 
     | 
    
         
            +
            ```
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
      
 14 
     | 
    
         
            +
            ## 方法
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
            * toggle(node):切换树节点的展开状态。
         
     | 
| 
      
 17 
     | 
    
         
            +
            * isFolder(node):看节点是否有子。
         
     | 
| 
      
 18 
     | 
    
         
            +
            * remove(url, node):调用url中的服务删除节点,删除后,自动刷新界面。
         
     | 
    
        package/docs/all.md
    CHANGED
    
    | 
         @@ -1,10 +1,10 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            # all
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            提供了vue初始化工作。
         
     | 
| 
       4 
     | 
    
         
            -
             
     | 
| 
       5 
     | 
    
         
            -
            ## 用法
         
     | 
| 
       6 
     | 
    
         
            -
             
     | 
| 
       7 
     | 
    
         
            -
            在应用的main.js中调用:
         
     | 
| 
       8 
     | 
    
         
            -
            ```
         
     | 
| 
       9 
     | 
    
         
            -
            all()
         
     | 
| 
       10 
     | 
    
         
            -
            ```
         
     | 
| 
      
 1 
     | 
    
         
            +
            # all
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            提供了vue初始化工作。
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            ## 用法
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            在应用的main.js中调用:
         
     | 
| 
      
 8 
     | 
    
         
            +
            ```
         
     | 
| 
      
 9 
     | 
    
         
            +
            all()
         
     | 
| 
      
 10 
     | 
    
         
            +
            ```
         
     | 
    
        package/docs/list.md
    CHANGED
    
    | 
         @@ -1,42 +1,42 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            # List
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            以列表方式显示一批数据。
         
     | 
| 
       4 
     | 
    
         
            -
             
     | 
| 
       5 
     | 
    
         
            -
            ## 用法
         
     | 
| 
       6 
     | 
    
         
            -
             
     | 
| 
       7 
     | 
    
         
            -
            把数据通过model参数传递给list组件,每行显示的内容通过partial传递给list组件。
         
     | 
| 
       8 
     | 
    
         
            -
            ```html
         
     | 
| 
       9 
     | 
    
         
            -
            <template>
         
     | 
| 
       10 
     | 
    
         
            -
              <div>
         
     | 
| 
       11 
     | 
    
         
            -
                <list :model='model'>
         
     | 
| 
       12 
     | 
    
         
            -
                  <div partial>{{row.name}}</div>
         
     | 
| 
       13 
     | 
    
         
            -
                </list>
         
     | 
| 
       14 
     | 
    
         
            -
              </div>
         
     | 
| 
       15 
     | 
    
         
            -
            </template>
         
     | 
| 
       16 
     | 
    
         
            -
            ```
         
     | 
| 
       17 
     | 
    
         
            -
            partail中row代表每一行数据。
         
     | 
| 
       18 
     | 
    
         
            -
             
     | 
| 
       19 
     | 
    
         
            -
            ## model参数
         
     | 
| 
       20 
     | 
    
         
            -
             
     | 
| 
       21 
     | 
    
         
            -
            传递给组件的model必须满足下述要求。
         
     | 
| 
       22 
     | 
    
         
            -
             
     | 
| 
       23 
     | 
    
         
            -
            - rows: 数组类型,存放所有数据行。
         
     | 
| 
       24 
     | 
    
         
            -
            - refresh: 函数,重新进行数据加载。
         
     | 
| 
       25 
     | 
    
         
            -
             
     | 
| 
       26 
     | 
    
         
            -
            通常使用PagedList即可,PagedList使用请参考[PageList](PagedList.md)。
         
     | 
| 
       27 
     | 
    
         
            -
             
     | 
| 
       28 
     | 
    
         
            -
            ## 行数据显示
         
     | 
| 
       29 
     | 
    
         
            -
             
     | 
| 
       30 
     | 
    
         
            -
            每行数据用row获得,如上例中的row.name显示每行数据的name属性。
         
     | 
| 
       31 
     | 
    
         
            -
             
     | 
| 
       32 
     | 
    
         
            -
            ## 删除数据
         
     | 
| 
       33 
     | 
    
         
            -
             
     | 
| 
       34 
     | 
    
         
            -
            如果要删除数据,必须使用PagedList作为模型,在删除数据的按钮上,调用model的remove方法,如下:
         
     | 
| 
       35 
     | 
    
         
            -
            ```
         
     | 
| 
       36 
     | 
    
         
            -
            model.remove(url, row)
         
     | 
| 
       37 
     | 
    
         
            -
            ```
         
     | 
| 
       38 
     | 
    
         
            -
            将url替换成要删除数据的地址即可。
         
     | 
| 
       39 
     | 
    
         
            -
             
     | 
| 
       40 
     | 
    
         
            -
            ## 选择
         
     | 
| 
       41 
     | 
    
         
            -
             
     | 
| 
       42 
     | 
    
         
            -
            list支持选择功能,具体参考[Selector](Selector.md)描述。
         
     | 
| 
      
 1 
     | 
    
         
            +
            # List
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            以列表方式显示一批数据。
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            ## 用法
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            把数据通过model参数传递给list组件,每行显示的内容通过partial传递给list组件。
         
     | 
| 
      
 8 
     | 
    
         
            +
            ```html
         
     | 
| 
      
 9 
     | 
    
         
            +
            <template>
         
     | 
| 
      
 10 
     | 
    
         
            +
              <div>
         
     | 
| 
      
 11 
     | 
    
         
            +
                <list :model='model'>
         
     | 
| 
      
 12 
     | 
    
         
            +
                  <div partial>{{row.name}}</div>
         
     | 
| 
      
 13 
     | 
    
         
            +
                </list>
         
     | 
| 
      
 14 
     | 
    
         
            +
              </div>
         
     | 
| 
      
 15 
     | 
    
         
            +
            </template>
         
     | 
| 
      
 16 
     | 
    
         
            +
            ```
         
     | 
| 
      
 17 
     | 
    
         
            +
            partail中row代表每一行数据。
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            ## model参数
         
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
            传递给组件的model必须满足下述要求。
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
      
 23 
     | 
    
         
            +
            - rows: 数组类型,存放所有数据行。
         
     | 
| 
      
 24 
     | 
    
         
            +
            - refresh: 函数,重新进行数据加载。
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
            通常使用PagedList即可,PagedList使用请参考[PageList](PagedList.md)。
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
            ## 行数据显示
         
     | 
| 
      
 29 
     | 
    
         
            +
             
     | 
| 
      
 30 
     | 
    
         
            +
            每行数据用row获得,如上例中的row.name显示每行数据的name属性。
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
            ## 删除数据
         
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
      
 34 
     | 
    
         
            +
            如果要删除数据,必须使用PagedList作为模型,在删除数据的按钮上,调用model的remove方法,如下:
         
     | 
| 
      
 35 
     | 
    
         
            +
            ```
         
     | 
| 
      
 36 
     | 
    
         
            +
            model.remove(url, row)
         
     | 
| 
      
 37 
     | 
    
         
            +
            ```
         
     | 
| 
      
 38 
     | 
    
         
            +
            将url替换成要删除数据的地址即可。
         
     | 
| 
      
 39 
     | 
    
         
            +
             
     | 
| 
      
 40 
     | 
    
         
            +
            ## 选择
         
     | 
| 
      
 41 
     | 
    
         
            +
             
     | 
| 
      
 42 
     | 
    
         
            +
            list支持选择功能,具体参考[Selector](Selector.md)描述。
         
     | 
    
        package/docs/partial.md
    CHANGED
    
    | 
         @@ -1,75 +1,75 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            # Partial
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            由父组件传递给子组件的片段,子组件编译前把父组件传递过来的片段插入到模板中指定位置。
         
     | 
| 
       4 
     | 
    
         
            -
             
     | 
| 
       5 
     | 
    
         
            -
            ## 用法
         
     | 
| 
       6 
     | 
    
         
            -
             
     | 
| 
       7 
     | 
    
         
            -
            在子组件中,用partial设置片段插入点,父组件中,给元素设置partial属性,把片段插入子组件中。
         
     | 
| 
       8 
     | 
    
         
            -
             
     | 
| 
       9 
     | 
    
         
            -
            子组件:child
         
     | 
| 
       10 
     | 
    
         
            -
            ```html
         
     | 
| 
       11 
     | 
    
         
            -
            <template>
         
     | 
| 
       12 
     | 
    
         
            -
              <div>
         
     | 
| 
       13 
     | 
    
         
            -
                <partial name='a'></partail>
         
     | 
| 
       14 
     | 
    
         
            -
              </div>
         
     | 
| 
       15 
     | 
    
         
            -
            </template>
         
     | 
| 
       16 
     | 
    
         
            -
            ```
         
     | 
| 
       17 
     | 
    
         
            -
            父组件:
         
     | 
| 
       18 
     | 
    
         
            -
            ```html
         
     | 
| 
       19 
     | 
    
         
            -
            <template>
         
     | 
| 
       20 
     | 
    
         
            -
              <div>
         
     | 
| 
       21 
     | 
    
         
            -
                <child>
         
     | 
| 
       22 
     | 
    
         
            -
                  <div partial='a'>{{data.name}}</div>
         
     | 
| 
       23 
     | 
    
         
            -
                </child>
         
     | 
| 
       24 
     | 
    
         
            -
              </div>
         
     | 
| 
       25 
     | 
    
         
            -
            </template>
         
     | 
| 
       26 
     | 
    
         
            -
            ```
         
     | 
| 
       27 
     | 
    
         
            -
            ## 默认partial
         
     | 
| 
       28 
     | 
    
         
            -
             
     | 
| 
       29 
     | 
    
         
            -
            子组件可以给partail指定名称default,父组件通过不含属性值的partial把内容传递给子组件的默认partial。例如:
         
     | 
| 
       30 
     | 
    
         
            -
             
     | 
| 
       31 
     | 
    
         
            -
            子组件:
         
     | 
| 
       32 
     | 
    
         
            -
            ```html
         
     | 
| 
       33 
     | 
    
         
            -
            <partial name='default'></partial>
         
     | 
| 
       34 
     | 
    
         
            -
            ```
         
     | 
| 
       35 
     | 
    
         
            -
            父组件:
         
     | 
| 
       36 
     | 
    
         
            -
            ```html
         
     | 
| 
       37 
     | 
    
         
            -
            <div partial></div>
         
     | 
| 
       38 
     | 
    
         
            -
            ```
         
     | 
| 
       39 
     | 
    
         
            -
            ## partial默认值
         
     | 
| 
       40 
     | 
    
         
            -
             
     | 
| 
       41 
     | 
    
         
            -
            partial支持默认值,父组件不提供内容情况下,用默认值。例如:
         
     | 
| 
       42 
     | 
    
         
            -
             
     | 
| 
       43 
     | 
    
         
            -
            子组件:
         
     | 
| 
       44 
     | 
    
         
            -
            ```html
         
     | 
| 
       45 
     | 
    
         
            -
            <partial name='default'>默认值</partial>
         
     | 
| 
       46 
     | 
    
         
            -
            ```
         
     | 
| 
       47 
     | 
    
         
            -
            父组件没有提供partial时,将显示__默认值__。
         
     | 
| 
       48 
     | 
    
         
            -
             
     | 
| 
       49 
     | 
    
         
            -
            ## a-partial属性
         
     | 
| 
       50 
     | 
    
         
            -
             
     | 
| 
       51 
     | 
    
         
            -
            table等模板元素下面不允许有partial元素,这时,可以通过a-partial属性指明元素的内容由父组件提供。例如:
         
     | 
| 
       52 
     | 
    
         
            -
            ```html
         
     | 
| 
       53 
     | 
    
         
            -
            <tr a-partial='name'>
         
     | 
| 
       54 
     | 
    
         
            -
            </tr>
         
     | 
| 
       55 
     | 
    
         
            -
            ```
         
     | 
| 
       56 
     | 
    
         
            -
            ## partial实现
         
     | 
| 
       57 
     | 
    
         
            -
             
     | 
| 
       58 
     | 
    
         
            -
            系统直接将Partial以插件方式混合到了Vue里,其具体实现如下:
         
     | 
| 
       59 
     | 
    
         
            -
             
     | 
| 
       60 
     | 
    
         
            -
            * beforeCompile ()
         
     | 
| 
       61 
     | 
    
         
            -
             
     | 
| 
       62 
     | 
    
         
            -
              子组件编译前获取下面相关内容:
         
     | 
| 
       63 
     | 
    
         
            -
             
     | 
| 
       64 
     | 
    
         
            -
              1. 从父组件传递过来的内容里获得partial,父组件传递过来的内容在$options.\_content中。
         
     | 
| 
       65 
     | 
    
         
            -
              1. 从自己的模板中获取所需partials, 模板在$options.template中。  
         
     | 
| 
       66 
     | 
    
         
            -
             
     | 
| 
       67 
     | 
    
         
            -
              子组件partial获取顺序为:
         
     | 
| 
       68 
     | 
    
         
            -
             
     | 
| 
       69 
     | 
    
         
            -
              1. 从父传递过来的内容中取
         
     | 
| 
       70 
     | 
    
         
            -
              1. 从父的partial中继承
         
     | 
| 
       71 
     | 
    
         
            -
              1. 取自己的默认值
         
     | 
| 
       72 
     | 
    
         
            -
             
     | 
| 
       73 
     | 
    
         
            -
            * created ()
         
     | 
| 
       74 
     | 
    
         
            -
             
     | 
| 
       75 
     | 
    
         
            -
              把父组件注册的子组件传递给自己,以便vue能找到相关组件。
         
     | 
| 
      
 1 
     | 
    
         
            +
            # Partial
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            由父组件传递给子组件的片段,子组件编译前把父组件传递过来的片段插入到模板中指定位置。
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            ## 用法
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            在子组件中,用partial设置片段插入点,父组件中,给元素设置partial属性,把片段插入子组件中。
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            子组件:child
         
     | 
| 
      
 10 
     | 
    
         
            +
            ```html
         
     | 
| 
      
 11 
     | 
    
         
            +
            <template>
         
     | 
| 
      
 12 
     | 
    
         
            +
              <div>
         
     | 
| 
      
 13 
     | 
    
         
            +
                <partial name='a'></partail>
         
     | 
| 
      
 14 
     | 
    
         
            +
              </div>
         
     | 
| 
      
 15 
     | 
    
         
            +
            </template>
         
     | 
| 
      
 16 
     | 
    
         
            +
            ```
         
     | 
| 
      
 17 
     | 
    
         
            +
            父组件:
         
     | 
| 
      
 18 
     | 
    
         
            +
            ```html
         
     | 
| 
      
 19 
     | 
    
         
            +
            <template>
         
     | 
| 
      
 20 
     | 
    
         
            +
              <div>
         
     | 
| 
      
 21 
     | 
    
         
            +
                <child>
         
     | 
| 
      
 22 
     | 
    
         
            +
                  <div partial='a'>{{data.name}}</div>
         
     | 
| 
      
 23 
     | 
    
         
            +
                </child>
         
     | 
| 
      
 24 
     | 
    
         
            +
              </div>
         
     | 
| 
      
 25 
     | 
    
         
            +
            </template>
         
     | 
| 
      
 26 
     | 
    
         
            +
            ```
         
     | 
| 
      
 27 
     | 
    
         
            +
            ## 默认partial
         
     | 
| 
      
 28 
     | 
    
         
            +
             
     | 
| 
      
 29 
     | 
    
         
            +
            子组件可以给partail指定名称default,父组件通过不含属性值的partial把内容传递给子组件的默认partial。例如:
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            子组件:
         
     | 
| 
      
 32 
     | 
    
         
            +
            ```html
         
     | 
| 
      
 33 
     | 
    
         
            +
            <partial name='default'></partial>
         
     | 
| 
      
 34 
     | 
    
         
            +
            ```
         
     | 
| 
      
 35 
     | 
    
         
            +
            父组件:
         
     | 
| 
      
 36 
     | 
    
         
            +
            ```html
         
     | 
| 
      
 37 
     | 
    
         
            +
            <div partial></div>
         
     | 
| 
      
 38 
     | 
    
         
            +
            ```
         
     | 
| 
      
 39 
     | 
    
         
            +
            ## partial默认值
         
     | 
| 
      
 40 
     | 
    
         
            +
             
     | 
| 
      
 41 
     | 
    
         
            +
            partial支持默认值,父组件不提供内容情况下,用默认值。例如:
         
     | 
| 
      
 42 
     | 
    
         
            +
             
     | 
| 
      
 43 
     | 
    
         
            +
            子组件:
         
     | 
| 
      
 44 
     | 
    
         
            +
            ```html
         
     | 
| 
      
 45 
     | 
    
         
            +
            <partial name='default'>默认值</partial>
         
     | 
| 
      
 46 
     | 
    
         
            +
            ```
         
     | 
| 
      
 47 
     | 
    
         
            +
            父组件没有提供partial时,将显示__默认值__。
         
     | 
| 
      
 48 
     | 
    
         
            +
             
     | 
| 
      
 49 
     | 
    
         
            +
            ## a-partial属性
         
     | 
| 
      
 50 
     | 
    
         
            +
             
     | 
| 
      
 51 
     | 
    
         
            +
            table等模板元素下面不允许有partial元素,这时,可以通过a-partial属性指明元素的内容由父组件提供。例如:
         
     | 
| 
      
 52 
     | 
    
         
            +
            ```html
         
     | 
| 
      
 53 
     | 
    
         
            +
            <tr a-partial='name'>
         
     | 
| 
      
 54 
     | 
    
         
            +
            </tr>
         
     | 
| 
      
 55 
     | 
    
         
            +
            ```
         
     | 
| 
      
 56 
     | 
    
         
            +
            ## partial实现
         
     | 
| 
      
 57 
     | 
    
         
            +
             
     | 
| 
      
 58 
     | 
    
         
            +
            系统直接将Partial以插件方式混合到了Vue里,其具体实现如下:
         
     | 
| 
      
 59 
     | 
    
         
            +
             
     | 
| 
      
 60 
     | 
    
         
            +
            * beforeCompile ()
         
     | 
| 
      
 61 
     | 
    
         
            +
             
     | 
| 
      
 62 
     | 
    
         
            +
              子组件编译前获取下面相关内容:
         
     | 
| 
      
 63 
     | 
    
         
            +
             
     | 
| 
      
 64 
     | 
    
         
            +
              1. 从父组件传递过来的内容里获得partial,父组件传递过来的内容在$options.\_content中。
         
     | 
| 
      
 65 
     | 
    
         
            +
              1. 从自己的模板中获取所需partials, 模板在$options.template中。  
         
     | 
| 
      
 66 
     | 
    
         
            +
             
     | 
| 
      
 67 
     | 
    
         
            +
              子组件partial获取顺序为:
         
     | 
| 
      
 68 
     | 
    
         
            +
             
     | 
| 
      
 69 
     | 
    
         
            +
              1. 从父传递过来的内容中取
         
     | 
| 
      
 70 
     | 
    
         
            +
              1. 从父的partial中继承
         
     | 
| 
      
 71 
     | 
    
         
            +
              1. 取自己的默认值
         
     | 
| 
      
 72 
     | 
    
         
            +
             
     | 
| 
      
 73 
     | 
    
         
            +
            * created ()
         
     | 
| 
      
 74 
     | 
    
         
            +
             
     | 
| 
      
 75 
     | 
    
         
            +
              把父组件注册的子组件传递给自己,以便vue能找到相关组件。
         
     | 
    
        package/docs/selector.md
    CHANGED
    
    | 
         @@ -1,82 +1,82 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            # Selector
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            给需要选择功能的组件提供支持。
         
     | 
| 
       4 
     | 
    
         
            -
             
     | 
| 
       5 
     | 
    
         
            -
            ## 用法
         
     | 
| 
       6 
     | 
    
         
            -
             
     | 
| 
       7 
     | 
    
         
            -
            在需要选择功能的组件中加入Selector混合,如下:
         
     | 
| 
       8 
     | 
    
         
            -
            ```
         
     | 
| 
       9 
     | 
    
         
            -
            export default {
         
     | 
| 
       10 
     | 
    
         
            -
              mixins: [Selector]
         
     | 
| 
       11 
     | 
    
         
            -
            }
         
     | 
| 
       12 
     | 
    
         
            -
            ```
         
     | 
| 
       13 
     | 
    
         
            -
            在模板中需要以不同方式显示当前选中行的地方,用如下表达式:
         
     | 
| 
       14 
     | 
    
         
            -
            ```
         
     | 
| 
       15 
     | 
    
         
            -
            v-bind:class="{ 'selected': isSelected(row) }"
         
     | 
| 
       16 
     | 
    
         
            -
            ```
         
     | 
| 
       17 
     | 
    
         
            -
            在模板中需要执行选择过程的地方,用如下表达式:
         
     | 
| 
       18 
     | 
    
         
            -
            ```
         
     | 
| 
       19 
     | 
    
         
            -
            @click="select(row)"
         
     | 
| 
       20 
     | 
    
         
            -
            ```
         
     | 
| 
       21 
     | 
    
         
            -
            ## 选择内容
         
     | 
| 
       22 
     | 
    
         
            -
             
     | 
| 
       23 
     | 
    
         
            -
            当前选中项存放在一个selectorStore里,混合了selector的组件,将遵循下面的过程获取selectStore。
         
     | 
| 
       24 
     | 
    
         
            -
             
     | 
| 
       25 
     | 
    
         
            -
            1. 从祖先中继承selectStore
         
     | 
| 
       26 
     | 
    
         
            -
            1. 如果组件没有selectStore,自动建立默认selectStore
         
     | 
| 
       27 
     | 
    
         
            -
             
     | 
| 
       28 
     | 
    
         
            -
            ## 当前选中项获取
         
     | 
| 
       29 
     | 
    
         
            -
             
     | 
| 
       30 
     | 
    
         
            -
            可以用下面方式,给具有选择功能的组件提供selectorStore:
         
     | 
| 
       31 
     | 
    
         
            -
            ```
         
     | 
| 
       32 
     | 
    
         
            -
            let selectStore = new SelectStore()
         
     | 
| 
       33 
     | 
    
         
            -
             
     | 
| 
       34 
     | 
    
         
            -
            export default {
         
     | 
| 
       35 
     | 
    
         
            -
              data {
         
     | 
| 
       36 
     | 
    
         
            -
                return {
         
     | 
| 
       37 
     | 
    
         
            -
                  selectorStore
         
     | 
| 
       38 
     | 
    
         
            -
                }
         
     | 
| 
       39 
     | 
    
         
            -
              }
         
     | 
| 
       40 
     | 
    
         
            -
            }
         
     | 
| 
       41 
     | 
    
         
            -
            ```
         
     | 
| 
       42 
     | 
    
         
            -
            这时,用`selectStore.selected`获取当前选中项。
         
     | 
| 
       43 
     | 
    
         
            -
             
     | 
| 
       44 
     | 
    
         
            -
            如果没有提供selectStore,从组件的selected中获取选中项,具体做法:
         
     | 
| 
       45 
     | 
    
         
            -
             
     | 
| 
       46 
     | 
    
         
            -
            在模板中,为选择组件指定ref。
         
     | 
| 
       47 
     | 
    
         
            -
            ```html
         
     | 
| 
       48 
     | 
    
         
            -
            <template>
         
     | 
| 
       49 
     | 
    
         
            -
              <list v-ref:list></list>
         
     | 
| 
       50 
     | 
    
         
            -
            </template>
         
     | 
| 
       51 
     | 
    
         
            -
            ```
         
     | 
| 
       52 
     | 
    
         
            -
            在父组件程序里,通过`this.$refs.list.selected`获取当前选中项。
         
     | 
| 
       53 
     | 
    
         
            -
             
     | 
| 
       54 
     | 
    
         
            -
            ## selectMode
         
     | 
| 
       55 
     | 
    
         
            -
             
     | 
| 
       56 
     | 
    
         
            -
            selectMode包括none及single。如果将多个支持选择功能的组件进行复合,例如列表中每一项是树的情形,哪个组件支持选择,必须进行指定。
         
     | 
| 
       57 
     | 
    
         
            -
            ```html
         
     | 
| 
       58 
     | 
    
         
            -
            <template>
         
     | 
| 
       59 
     | 
    
         
            -
              <list select-mode='none'>
         
     | 
| 
       60 
     | 
    
         
            -
                <tree partial></tree>
         
     | 
| 
       61 
     | 
    
         
            -
              </list>
         
     | 
| 
       62 
     | 
    
         
            -
            </template>
         
     | 
| 
       63 
     | 
    
         
            -
            ```
         
     | 
| 
       64 
     | 
    
         
            -
            通过将list的selectMode设置为none,屏蔽list的选择功能。选择内容由树节点提供。
         
     | 
| 
       65 
     | 
    
         
            -
             
     | 
| 
       66 
     | 
    
         
            -
            ## 事件
         
     | 
| 
       67 
     | 
    
         
            -
             
     | 
| 
       68 
     | 
    
         
            -
            - select-changed:选择内容发生变化了,参数为一个对象 {val: newVal, oldVal: oldVal}
         
     | 
| 
       69 
     | 
    
         
            -
             
     | 
| 
       70 
     | 
    
         
            -
            ## selectStore
         
     | 
| 
       71 
     | 
    
         
            -
             
     | 
| 
       72 
     | 
    
         
            -
            * selected:当前选中项
         
     | 
| 
       73 
     | 
    
         
            -
            * select(row):选中row
         
     | 
| 
       74 
     | 
    
         
            -
             
     | 
| 
       75 
     | 
    
         
            -
            ## selector混合
         
     | 
| 
       76 
     | 
    
         
            -
             
     | 
| 
       77 
     | 
    
         
            -
            * selectStore:选中项存放的store
         
     | 
| 
       78 
     | 
    
         
            -
            * selectMode:选择模式,字符串类型。包括: none、single(默认)
         
     | 
| 
       79 
     | 
    
         
            -
            * selected:当前选中项
         
     | 
| 
       80 
     | 
    
         
            -
            * select(row): 选择row
         
     | 
| 
       81 
     | 
    
         
            -
            * isSelected(row): 判断row是否选中
         
     | 
| 
       82 
     | 
    
         
            -
            * beforeCompile(): 处理selectStore的继承问题
         
     | 
| 
      
 1 
     | 
    
         
            +
            # Selector
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            给需要选择功能的组件提供支持。
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            ## 用法
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            在需要选择功能的组件中加入Selector混合,如下:
         
     | 
| 
      
 8 
     | 
    
         
            +
            ```
         
     | 
| 
      
 9 
     | 
    
         
            +
            export default {
         
     | 
| 
      
 10 
     | 
    
         
            +
              mixins: [Selector]
         
     | 
| 
      
 11 
     | 
    
         
            +
            }
         
     | 
| 
      
 12 
     | 
    
         
            +
            ```
         
     | 
| 
      
 13 
     | 
    
         
            +
            在模板中需要以不同方式显示当前选中行的地方,用如下表达式:
         
     | 
| 
      
 14 
     | 
    
         
            +
            ```
         
     | 
| 
      
 15 
     | 
    
         
            +
            v-bind:class="{ 'selected': isSelected(row) }"
         
     | 
| 
      
 16 
     | 
    
         
            +
            ```
         
     | 
| 
      
 17 
     | 
    
         
            +
            在模板中需要执行选择过程的地方,用如下表达式:
         
     | 
| 
      
 18 
     | 
    
         
            +
            ```
         
     | 
| 
      
 19 
     | 
    
         
            +
            @click="select(row)"
         
     | 
| 
      
 20 
     | 
    
         
            +
            ```
         
     | 
| 
      
 21 
     | 
    
         
            +
            ## 选择内容
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
      
 23 
     | 
    
         
            +
            当前选中项存放在一个selectorStore里,混合了selector的组件,将遵循下面的过程获取selectStore。
         
     | 
| 
      
 24 
     | 
    
         
            +
             
     | 
| 
      
 25 
     | 
    
         
            +
            1. 从祖先中继承selectStore
         
     | 
| 
      
 26 
     | 
    
         
            +
            1. 如果组件没有selectStore,自动建立默认selectStore
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
            ## 当前选中项获取
         
     | 
| 
      
 29 
     | 
    
         
            +
             
     | 
| 
      
 30 
     | 
    
         
            +
            可以用下面方式,给具有选择功能的组件提供selectorStore:
         
     | 
| 
      
 31 
     | 
    
         
            +
            ```
         
     | 
| 
      
 32 
     | 
    
         
            +
            let selectStore = new SelectStore()
         
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
      
 34 
     | 
    
         
            +
            export default {
         
     | 
| 
      
 35 
     | 
    
         
            +
              data {
         
     | 
| 
      
 36 
     | 
    
         
            +
                return {
         
     | 
| 
      
 37 
     | 
    
         
            +
                  selectorStore
         
     | 
| 
      
 38 
     | 
    
         
            +
                }
         
     | 
| 
      
 39 
     | 
    
         
            +
              }
         
     | 
| 
      
 40 
     | 
    
         
            +
            }
         
     | 
| 
      
 41 
     | 
    
         
            +
            ```
         
     | 
| 
      
 42 
     | 
    
         
            +
            这时,用`selectStore.selected`获取当前选中项。
         
     | 
| 
      
 43 
     | 
    
         
            +
             
     | 
| 
      
 44 
     | 
    
         
            +
            如果没有提供selectStore,从组件的selected中获取选中项,具体做法:
         
     | 
| 
      
 45 
     | 
    
         
            +
             
     | 
| 
      
 46 
     | 
    
         
            +
            在模板中,为选择组件指定ref。
         
     | 
| 
      
 47 
     | 
    
         
            +
            ```html
         
     | 
| 
      
 48 
     | 
    
         
            +
            <template>
         
     | 
| 
      
 49 
     | 
    
         
            +
              <list v-ref:list></list>
         
     | 
| 
      
 50 
     | 
    
         
            +
            </template>
         
     | 
| 
      
 51 
     | 
    
         
            +
            ```
         
     | 
| 
      
 52 
     | 
    
         
            +
            在父组件程序里,通过`this.$refs.list.selected`获取当前选中项。
         
     | 
| 
      
 53 
     | 
    
         
            +
             
     | 
| 
      
 54 
     | 
    
         
            +
            ## selectMode
         
     | 
| 
      
 55 
     | 
    
         
            +
             
     | 
| 
      
 56 
     | 
    
         
            +
            selectMode包括none及single。如果将多个支持选择功能的组件进行复合,例如列表中每一项是树的情形,哪个组件支持选择,必须进行指定。
         
     | 
| 
      
 57 
     | 
    
         
            +
            ```html
         
     | 
| 
      
 58 
     | 
    
         
            +
            <template>
         
     | 
| 
      
 59 
     | 
    
         
            +
              <list select-mode='none'>
         
     | 
| 
      
 60 
     | 
    
         
            +
                <tree partial></tree>
         
     | 
| 
      
 61 
     | 
    
         
            +
              </list>
         
     | 
| 
      
 62 
     | 
    
         
            +
            </template>
         
     | 
| 
      
 63 
     | 
    
         
            +
            ```
         
     | 
| 
      
 64 
     | 
    
         
            +
            通过将list的selectMode设置为none,屏蔽list的选择功能。选择内容由树节点提供。
         
     | 
| 
      
 65 
     | 
    
         
            +
             
     | 
| 
      
 66 
     | 
    
         
            +
            ## 事件
         
     | 
| 
      
 67 
     | 
    
         
            +
             
     | 
| 
      
 68 
     | 
    
         
            +
            - select-changed:选择内容发生变化了,参数为一个对象 {val: newVal, oldVal: oldVal}
         
     | 
| 
      
 69 
     | 
    
         
            +
             
     | 
| 
      
 70 
     | 
    
         
            +
            ## selectStore
         
     | 
| 
      
 71 
     | 
    
         
            +
             
     | 
| 
      
 72 
     | 
    
         
            +
            * selected:当前选中项
         
     | 
| 
      
 73 
     | 
    
         
            +
            * select(row):选中row
         
     | 
| 
      
 74 
     | 
    
         
            +
             
     | 
| 
      
 75 
     | 
    
         
            +
            ## selector混合
         
     | 
| 
      
 76 
     | 
    
         
            +
             
     | 
| 
      
 77 
     | 
    
         
            +
            * selectStore:选中项存放的store
         
     | 
| 
      
 78 
     | 
    
         
            +
            * selectMode:选择模式,字符串类型。包括: none、single(默认)
         
     | 
| 
      
 79 
     | 
    
         
            +
            * selected:当前选中项
         
     | 
| 
      
 80 
     | 
    
         
            +
            * select(row): 选择row
         
     | 
| 
      
 81 
     | 
    
         
            +
            * isSelected(row): 判断row是否选中
         
     | 
| 
      
 82 
     | 
    
         
            +
            * beforeCompile(): 处理selectStore的继承问题
         
     | 
| 
         @@ -1,28 +1,28 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            # Snippets
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            为vue组件编写,提供了一些代码片段,方便录入,包括:
         
     | 
| 
       4 
     | 
    
         
            -
             
     | 
| 
       5 
     | 
    
         
            -
            - 布局相关,layout开始
         
     | 
| 
       6 
     | 
    
         
            -
              * layout flex: 上下布局界面。
         
     | 
| 
       7 
     | 
    
         
            -
              * layout row: 左右布局界面。
         
     | 
| 
       8 
     | 
    
         
            -
              * layout tab:tab页签布局
         
     | 
| 
       9 
     | 
    
         
            -
             
     | 
| 
       10 
     | 
    
         
            -
            - 组件基础结构相关,comp开始
         
     | 
| 
       11 
     | 
    
         
            -
              * comp base: 基本结构
         
     | 
| 
       12 
     | 
    
         
            -
              * comp base app: 基本应用结构
         
     | 
| 
       13 
     | 
    
         
            -
              * comp form:form组件结构
         
     | 
| 
       14 
     | 
    
         
            -
             
     | 
| 
       15 
     | 
    
         
            -
            - form表单相关,form开始
         
     | 
| 
       16 
     | 
    
         
            -
              * form label:静态文本区域
         
     | 
| 
       17 
     | 
    
         
            -
              * form input: 文本输入框
         
     | 
| 
       18 
     | 
    
         
            -
              * form text:textarea区域
         
     | 
| 
       19 
     | 
    
         
            -
             
     | 
| 
       20 
     | 
    
         
            -
            - init:初始化一个vue文件。
         
     | 
| 
       21 
     | 
    
         
            -
            - flex:产生flex纵向基础布局。
         
     | 
| 
       22 
     | 
    
         
            -
            - grid-tree:产生grid-tree组件的基本模板。
         
     | 
| 
       23 
     | 
    
         
            -
            - criteria-grid-tree:带查询条件的GridTree。
         
     | 
| 
       24 
     | 
    
         
            -
            - data-comp:产生组件的data部分。
         
     | 
| 
       25 
     | 
    
         
            -
            - paged-list:产生一个基础PagedList数据。
         
     | 
| 
       26 
     | 
    
         
            -
            - select-store:产生一个新的select-store。
         
     | 
| 
       27 
     | 
    
         
            -
             
     | 
| 
       28 
     | 
    
         
            -
            - import-select-store:导入SelectStore
         
     | 
| 
      
 1 
     | 
    
         
            +
            # Snippets
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            为vue组件编写,提供了一些代码片段,方便录入,包括:
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            - 布局相关,layout开始
         
     | 
| 
      
 6 
     | 
    
         
            +
              * layout flex: 上下布局界面。
         
     | 
| 
      
 7 
     | 
    
         
            +
              * layout row: 左右布局界面。
         
     | 
| 
      
 8 
     | 
    
         
            +
              * layout tab:tab页签布局
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
      
 10 
     | 
    
         
            +
            - 组件基础结构相关,comp开始
         
     | 
| 
      
 11 
     | 
    
         
            +
              * comp base: 基本结构
         
     | 
| 
      
 12 
     | 
    
         
            +
              * comp base app: 基本应用结构
         
     | 
| 
      
 13 
     | 
    
         
            +
              * comp form:form组件结构
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            - form表单相关,form开始
         
     | 
| 
      
 16 
     | 
    
         
            +
              * form label:静态文本区域
         
     | 
| 
      
 17 
     | 
    
         
            +
              * form input: 文本输入框
         
     | 
| 
      
 18 
     | 
    
         
            +
              * form text:textarea区域
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
      
 20 
     | 
    
         
            +
            - init:初始化一个vue文件。
         
     | 
| 
      
 21 
     | 
    
         
            +
            - flex:产生flex纵向基础布局。
         
     | 
| 
      
 22 
     | 
    
         
            +
            - grid-tree:产生grid-tree组件的基本模板。
         
     | 
| 
      
 23 
     | 
    
         
            +
            - criteria-grid-tree:带查询条件的GridTree。
         
     | 
| 
      
 24 
     | 
    
         
            +
            - data-comp:产生组件的data部分。
         
     | 
| 
      
 25 
     | 
    
         
            +
            - paged-list:产生一个基础PagedList数据。
         
     | 
| 
      
 26 
     | 
    
         
            +
            - select-store:产生一个新的select-store。
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
            - import-select-store:导入SelectStore
         
     | 
| 
         @@ -1,7 +1,7 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            # V1.0.11
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            - Tabset及Tab
         
     | 
| 
       4 
     | 
    
         
            -
              * bug: tab的header变化后,要通知tabset改变header显示。
         
     | 
| 
       5 
     | 
    
         
            -
              * layout: tabset改变布局,避免滚动。
         
     | 
| 
       6 
     | 
    
         
            -
            - Modal
         
     | 
| 
       7 
     | 
    
         
            -
              * layout: 改变布局,避免高度错误。
         
     | 
| 
      
 1 
     | 
    
         
            +
            # V1.0.11
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            - Tabset及Tab
         
     | 
| 
      
 4 
     | 
    
         
            +
              * bug: tab的header变化后,要通知tabset改变header显示。
         
     | 
| 
      
 5 
     | 
    
         
            +
              * layout: tabset改变布局,避免滚动。
         
     | 
| 
      
 6 
     | 
    
         
            +
            - Modal
         
     | 
| 
      
 7 
     | 
    
         
            +
              * layout: 改变布局,避免高度错误。
         
     | 
| 
         @@ -1,13 +1,13 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            # vue变更记录
         
     | 
| 
       2 
     | 
    
         
            -
             
     | 
| 
       3 
     | 
    
         
            -
            - vue.common.js的 makeChildLinkFn 函数修改。7263行
         
     | 
| 
       4 
     | 
    
         
            -
            原内容:
         
     | 
| 
       5 
     | 
    
         
            -
            ```
         
     | 
| 
       6 
     | 
    
         
            -
            for (var i = 0, n = 0, l = linkFns.length; i < l; n++) {
         
     | 
| 
       7 
     | 
    
         
            -
            ```
         
     | 
| 
       8 
     | 
    
         
            -
            新内容:
         
     | 
| 
       9 
     | 
    
         
            -
            ```
         
     | 
| 
       10 
     | 
    
         
            -
            for (var i = 0, n = 0, l = nodes.length; n < l; n++) {
         
     | 
| 
       11 
     | 
    
         
            -
            ```
         
     | 
| 
       12 
     | 
    
         
            -
            修改原因:  
         
     | 
| 
       13 
     | 
    
         
            -
            linkFns里缓存了预先找到的节点处理函数,对节点处理应该以节点个数为准,不应当以缓存的函数个数为准。以避免节点减少时,出现bug。
         
     | 
| 
      
 1 
     | 
    
         
            +
            # vue变更记录
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            - vue.common.js的 makeChildLinkFn 函数修改。7263行
         
     | 
| 
      
 4 
     | 
    
         
            +
            原内容:
         
     | 
| 
      
 5 
     | 
    
         
            +
            ```
         
     | 
| 
      
 6 
     | 
    
         
            +
            for (var i = 0, n = 0, l = linkFns.length; i < l; n++) {
         
     | 
| 
      
 7 
     | 
    
         
            +
            ```
         
     | 
| 
      
 8 
     | 
    
         
            +
            新内容:
         
     | 
| 
      
 9 
     | 
    
         
            +
            ```
         
     | 
| 
      
 10 
     | 
    
         
            +
            for (var i = 0, n = 0, l = nodes.length; n < l; n++) {
         
     | 
| 
      
 11 
     | 
    
         
            +
            ```
         
     | 
| 
      
 12 
     | 
    
         
            +
            修改原因:  
         
     | 
| 
      
 13 
     | 
    
         
            +
            linkFns里缓存了预先找到的节点处理函数,对节点处理应该以节点个数为准,不应当以缓存的函数个数为准。以避免节点减少时,出现bug。
         
     |