sone-ui-component-3.2.4 2.1.42 → 2.1.44

package/Notice.md

@@ -0,0 +1,106 @@
+# sone-ui-component
+
+## Sone UI 组件开发文档
+
+## 基本介绍
+
+### 开发说明
+
+1. 安装依赖
+
+``` bash
+npm i
+```
+
+### 脚手架
+  - [Vue-cli3.x](https://cli.vuejs.org/zh/)
+
+### 主要框架和库
+  - 核心：[Vue2.x](https://cn.vuejs.org/v2/guide/)
+  - 打包：[webpack4.x](https://webpack.js.org/concepts/)
+  - UI库：[element-ui](https://element.eleme.cn/#/zh-CN/guide/design)
+  
+### 主要目录结构
+
+``` bash
+    ├─build           构建配置文件
+    ├─docs            组件的文档项目
+    ├─demo            组件的本地测试
+    ├─lib             组件UMD打包的目录
+    ├─packages        组件定义目录
+    ├─public          公共目录
+    └─src             组件引用的目录
+```
+
+## 运行指令说明
+
+### 在定义好组件后，运行以下命令生成组件被使用的入口文件，用于组件注册和单独引入
+
+``` bash
+npm run build:file
+```
+
+### 组件打包成UMD
+
+``` bash
+npm run lib
+```
+
+### 组件库在发布之前，最好运行，以保证最新的组件入口文件和UMD生成
+
+``` bash
+npm run publish:pre
+```
+
+### 在定义好组件后维护组件文档，想要在组件的文档（markdown）中使用组件做示例时，使用以下命令，自动在vuepress 生成定义好的组件文件[慎用！！！]
+
+``` bash
+npm run build:docs
+```
+
+[慎用！！！]：此操作会覆盖原有的组件文件，可能会出现对象未定义（nodejs）
+
+### 本地启动组件的文档项目
+
+``` bash
+npm run docs:dev
+```
+
+### 组件的文档项目打包
+
+``` bash
+npm run docs:build
+```
+
+### 本地组件测试：在demo文件夹的App.vue,使用你想要查看效果的组件
+
+``` bash
+npm run dev:demo
+```
+
+## 主要流程
+
+### 定义组件
+
+1. 在`src`文件夹下，定义组件；
+2. 在`components.json`文件中，维护好组件的地址；
+3. 运行`npm run build:file`, 生成组件的入口文件；
+
+### 测试组件效果
+
+定义组件后，测试组件
+
+1. 在`demo`文件夹下的`*.vue`，书写相关组件的测试代码；
+2. 运行`npm run dev:demo`，查看效果；
+
+### 组件文档维护
+
+1. 当有新的组件定义，就需要运行`npm run build:docs`, 将组件复制到docs项目内部；
+2. 在`docs`文件夹的`components`文件夹内，维护组件markdown文件；
+3. 在`docs`文件夹的`.vuepress`的`config.js`内，定义组件的导航路径；
+4. 运行`npm run docs:dev`，查看效果；
+
+## 参考
+
+[element](https://github.com/ElemeFE/element)
+[vuepress](https://www.vuepress.cn/guide/directory-structure.html)

package/lib/sone-ui.common.js

@@ -206,6 +206,13 @@ var deepmerge_1 = deepmerge;
 module.exports = deepmerge_1;
 
 
+/***/ }),
+
+/***/ "4a9d":
+/***/ (function(module, exports) {
+
+module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAYAAABRVo5BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEkSURBVHgB7dQ/TgJBFAbwb8bNqiEKSmJtZatyAKOFlZWVra3xEOARqCkMJ1ALaxcPgENiBQVLRQVsAgTYwAzDEMhumFn+VBR8ySYvm/ebzUveDkGukQbILbgoAIJhyF28njEsCUGuKTTvPfkwCF6CgKM7zARNcdRhFM66cB6KDbODq8LqUxzvNzFV/zwc4e/xGAmbLIf5io/nC1vhr5qPq+SeOkCHQzBT7OGt2Ff48tRStQkvzBjEcRtz/HEfi4aTzHaQBOrEPo2G6dQhMqkD5Ms+Wj5UzZoj3H23zTCIqh0eQt5AmOFkruy/nO+3i+skRaE+1KLpGLvfaougtUavJ/evJpfQAaGfVkRTSd3soAwjeZ++nLjhLxKRBSfnssk1NekyBppNgZvbYe1eAAAAAElFTkSuQmCC"
+
 /***/ }),
 
 /***/ "5ca1":
@@ -25156,6 +25163,13 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 }));
 
 
+/***/ }),
+
+/***/ "8a87":
+/***/ (function(module, exports) {
+
+module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAYAAABRVo5BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEvSURBVHgB7ZW7TgJBFIb/swsKyRo3sbJybaxM3FDZORZWNlrZ8gi+AfgEhopEK97Axhr1AQiFlRbaURAuCRAuYXc4uwTCwuxySej4k0nOZP7vzCUzZwirKF+xoMcFRzagnYDkP0WaSLsYm2HO2wj5qoBOd2y64r6lMqkUQ0wvYgNp2FA7cF3Q3CMUbw283Rh+//kyib+Hw2hwDB1AHMdRrg2RSSXxeJ5A4bcfDk4g+0jHU6kLyRcrm0r4cbbUCwdXhZRL9SS5nRraNFYpAF6/t3hfDs/Eh9F2UPgZ+HGGZ44EmwMZgMv1YSi8sNRZ2DvZ9FcHue8+0mf7AR/htR62jUjtXsd2QHLvIWWO79bnOuBiQX5p2JzOgusKHuaiDK8om8tBlSbJHJcTkeAv4GME6JxnN13MExAAAAAASUVORK5CYII="
+
 /***/ }),
 
 /***/ "8bbf":
@@ -25993,12 +26007,20 @@ src_main.install = function(Vue) {
 
 
 /* harmony default export */ var messageBox = (src_main);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de981356-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/main.vue?vue&type=template&id=70eba772&scoped=true&
-var mainvue_type_template_id_70eba772_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"height":"100%"}},[(_vm.type === 'normal')?_c('div',{staticClass:"sone-tree"},[(_vm.lineDirection === 'left')?_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",style:(_vm.showStyle2),on:{"click":function($event){return _vm.onShow(2)}}})]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"menu",staticClass:"tree-wrap",style:('width:' + _vm.defaultWidth + 'px')},[_c('div',{staticClass:"sone-tree-title"},[(_vm.treeData.length>1)?_c('el-select',{staticClass:"sone-tree-components-class",on:{"change":_vm.changeTreeData},model:{value:(_vm.checkedTreeData),callback:function ($$v) {_vm.checkedTreeData=$$v},expression:"checkedTreeData"}},_vm._l((_vm.treeData),function(item,index){return _c('el-option',{key:index,attrs:{"label":item.title,"value":item.title}})}),1):_c('span',[_vm._v(_vm._s(_vm.treeData && _vm.treeData[0] && _vm.treeData[0].title))])],1),_c('el-input',{attrs:{"placeholder":_vm.placeholder,"clearable":_vm.clearable},on:{"clear":function($event){return _vm.$emit('clear', '')}},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:"filterText"}}),_c('div',{staticClass:"sone-tree-wrap"},[_c('el-tree',{ref:"tree",staticClass:"filter-tree",attrs:{"data":_vm.data,"props":_vm.treeProps,"node-key":_vm.nodeKey,"filter-node-method":_vm.filterNode,"empty-text":_vm.emptyText,"highlight-current":_vm.highlightCurrent,"default-expand-all":_vm.defaultExpandAll,"expand-on-click-node":_vm.expandOnClickNode,"default-expanded-keys":_vm.defaultExpandedKeys,"show-checkbox":_vm.showCheckbox,"check-strictly":_vm.checkStrictly,"default-checked-keys":_vm.defaultCheckedKeys,"current-node-key":_vm.currentNodeKey,"indent":_vm.indent,"icon-class":_vm.iconClass,"draggable":_vm.draggable,"allow-drop":_vm.allowDrop,"allow-drag":_vm.allowDrag},on:{"node-click":_vm.handleNodeClick,"node-contextmenu":_vm.handleContextmenu,"check-change":_vm.handleCheckChange,"check":_vm.handleCheck,"current-change":_vm.handleCurrentChange,"node-expand":_vm.handleNodeExpand,"node-collapse":_vm.handleNodeCollapse,"node-drag-start":_vm.handleDragStart,"node-drag-enter":_vm.handleDragEnter,"node-drag-leave":_vm.handleDragLeave,"node-drag-over":_vm.handleDragOver,"node-drag-end":_vm.handleDragEnd,"node-drop":_vm.handleDrop}})],1)],1),(_vm.lineDirection === 'right')?_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",style:(_vm.showStyle),on:{"click":function($event){return _vm.onShow(1)}}})]):_vm._e()]):_c('div',{staticClass:"sone-tree"},[(_vm.lineDirection === 'left')?_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",style:(_vm.showStyle2),on:{"click":function($event){return _vm.onShow(2)}}})]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"menu",staticClass:"tree-wrap",style:('width:' + _vm.defaultWidth + 'px')},[_c('div',{staticClass:"sone-tree-title"},[_c('span',[_vm._v(_vm._s(_vm.handleTypeTitle))]),(_vm.showTitleButton)?_c('el-popover',{attrs:{"placement":"bottom","width":"100","trigger":"click","popper-class":"sone-components-tree-popover"}},[_c('div',{staticClass:"tree-box"},[_vm._t("handleTitleMenu")],2),_c('el-button',{attrs:{"slot":"reference","type":"text","icon":("iconfont iconfont-single " + (_vm.titleIcon || _vm.handleTypeTitleIcon))},on:{"click":function($event){return _vm.$emit('handleTypeTitle')}},slot:"reference"})],1):_vm._e()],1),_c('el-input',{attrs:{"placeholder":_vm.placeholder,"clearable":_vm.clearable},on:{"clear":function($event){return _vm.$emit('clear', '')}},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:"filterText"}}),_c('div',{ref:"soneTreeWrap",staticClass:"sone-tree-wrap"},[_c('el-tree',{ref:"tree",staticClass:"filter-tree",attrs:{"data":_vm.handleTypeData,"props":_vm.treeProps,"node-key":_vm.nodeKey,"filter-node-method":_vm.filterNode,"empty-text":_vm.emptyText,"highlight-current":_vm.highlightCurrent,"default-expand-all":_vm.defaultExpandAll,"expand-on-click-node":_vm.expandOnClickNode,"default-expanded-keys":_vm.defaultExpandedKeys,"show-checkbox":_vm.showCheckbox,"check-strictly":_vm.checkStrictly,"default-checked-keys":_vm.defaultCheckedKeys,"current-node-key":_vm.currentNodeKey,"indent":_vm.indent,"icon-class":_vm.iconClass,"draggable":_vm.draggable,"allow-drop":_vm.allowDrop,"allow-drag":_vm.allowDrag},on:{"node-click":_vm.handleNodeClick,"node-contextmenu":_vm.handleContextmenu,"check-change":_vm.handleCheckChange,"check":_vm.handleCheck,"current-change":_vm.handleCurrentChange,"node-expand":_vm.handleNodeExpand,"node-collapse":_vm.handleNodeCollapse,"node-drag-start":_vm.handleDragStart,"node-drag-enter":_vm.handleDragEnter,"node-drag-leave":_vm.handleDragLeave,"node-drag-over":_vm.handleDragOver,"node-drag-end":_vm.handleDragEnd,"node-drop":_vm.handleDrop},scopedSlots:_vm._u([{key:"default",fn:function(scope){return _c('span',{ref:("treeNode-" + (scope.node[_vm.nodeKey])),staticClass:"custom-tree-node",staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"font-size":"12px"}},[_c('i',{class:("iconfont iconfont-single  " + (scope.node.data.iconClass))}),_vm._v("    "),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.showLabel),expression:"showLabel"}]},[_vm._v(_vm._s(scope.node.label))]),_vm._t("labelSlot",null,{"node":scope.node})],2),_c('div',[(!scope.node.data.noMoreBtn)?_c('span',{staticClass:"sone-components-tree-more-btn-color"},[_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.showMoreBtn),expression:"showMoreBtn"}],attrs:{"type":"text","size":"mini","icon":"iconfont iconfont-single icon-more"},on:{"click":function($event){$event.stopPropagation();return _vm.showTreeMenu(scope,$event)}}})],1):_vm._e()])])}}],null,true)}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.handleMenuFlag),expression:"handleMenuFlag"}],ref:"handleMenu",staticClass:"sone-tree-components-handleMenu"},[_vm._t("handleMenu",null,{"node":_vm.node})],2)],1)],1),(_vm.lineDirection === 'right')?_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",style:(_vm.showStyle),on:{"click":function($event){return _vm.onShow(1)}}})]):_vm._e()])])}
-var mainvue_type_template_id_70eba772_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de981356-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/main.vue?vue&type=template&id=b9dd9742&scoped=true&
+var mainvue_type_template_id_b9dd9742_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"height":"100%"}},[(_vm.type === 'normal')?_c('div',{staticClass:"sone-tree"},[(_vm.lineDirection === 'left')?_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",on:{"click":function($event){return _vm.onShow(2)}}},[_c('img',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],attrs:{"src":_vm.leftImg}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.show),expression:"!show"}],attrs:{"src":_vm.rightImg}})])]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"menu",staticClass:"tree-wrap",style:('width:' + _vm.defaultWidth + 'px')},[_c('div',{staticClass:"sone-tree-title"},[(_vm.treeData.length>1)?_c('el-select',{staticClass:"sone-tree-components-class",on:{"change":_vm.changeTreeData},model:{value:(_vm.checkedTreeData),callback:function ($$v) {_vm.checkedTreeData=$$v},expression:"checkedTreeData"}},_vm._l((_vm.treeData),function(item,index){return _c('el-option',{key:index,attrs:{"label":item.title,"value":item.title}})}),1):_c('span',[_vm._v(_vm._s(_vm.treeData && _vm.treeData[0] && _vm.treeData[0].title))])],1),_c('el-input',{attrs:{"placeholder":_vm.placeholder,"clearable":_vm.clearable},on:{"clear":function($event){return _vm.$emit('clear', '')}},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:"filterText"}}),_c('div',{staticClass:"sone-tree-wrap"},[_c('el-tree',{ref:"tree",staticClass:"filter-tree",attrs:{"data":_vm.data,"props":_vm.treeProps,"node-key":_vm.nodeKey,"filter-node-method":_vm.filterNode,"empty-text":_vm.emptyText,"highlight-current":_vm.highlightCurrent,"default-expand-all":_vm.defaultExpandAll,"expand-on-click-node":_vm.expandOnClickNode,"default-expanded-keys":_vm.defaultExpandedKeys,"show-checkbox":_vm.showCheckbox,"check-strictly":_vm.checkStrictly,"default-checked-keys":_vm.defaultCheckedKeys,"current-node-key":_vm.currentNodeKey,"indent":_vm.indent,"icon-class":_vm.iconClass,"draggable":_vm.draggable,"allow-drop":_vm.allowDrop,"allow-drag":_vm.allowDrag},on:{"node-click":_vm.handleNodeClick,"node-contextmenu":_vm.handleContextmenu,"check-change":_vm.handleCheckChange,"check":_vm.handleCheck,"current-change":_vm.handleCurrentChange,"node-expand":_vm.handleNodeExpand,"node-collapse":_vm.handleNodeCollapse,"node-drag-start":_vm.handleDragStart,"node-drag-enter":_vm.handleDragEnter,"node-drag-leave":_vm.handleDragLeave,"node-drag-over":_vm.handleDragOver,"node-drag-end":_vm.handleDragEnd,"node-drop":_vm.handleDrop}})],1)],1),(_vm.lineDirection === 'right')?_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",on:{"click":function($event){return _vm.onShow(1)}}},[_c('img',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],attrs:{"src":_vm.leftImg}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.show),expression:"!show"}],attrs:{"src":_vm.rightImg}})])]):_vm._e()]):_c('div',{staticClass:"sone-tree"},[(_vm.lineDirection === 'left')?_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",on:{"click":function($event){return _vm.onShow(2)}}},[_c('img',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],attrs:{"src":_vm.leftImg}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.show),expression:"!show"}],attrs:{"src":_vm.rightImg}})])]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"menu",staticClass:"tree-wrap",style:('width:' + _vm.defaultWidth + 'px')},[_c('div',{staticClass:"sone-tree-title"},[_c('span',[_vm._v(_vm._s(_vm.handleTypeTitle))]),(_vm.showTitleButton)?_c('el-popover',{attrs:{"placement":"bottom","width":"100","trigger":"click","popper-class":"sone-components-tree-popover"}},[_c('div',{staticClass:"tree-box"},[_vm._t("handleTitleMenu")],2),_c('el-button',{attrs:{"slot":"reference","type":"text","icon":("iconfont iconfont-single " + (_vm.titleIcon || _vm.handleTypeTitleIcon))},on:{"click":function($event){return _vm.$emit('handleTypeTitle')}},slot:"reference"})],1):_vm._e()],1),_c('el-input',{attrs:{"placeholder":_vm.placeholder,"clearable":_vm.clearable},on:{"clear":function($event){return _vm.$emit('clear', '')}},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:"filterText"}}),_c('div',{ref:"soneTreeWrap",staticClass:"sone-tree-wrap"},[_c('el-tree',{ref:"tree",staticClass:"filter-tree",attrs:{"data":_vm.handleTypeData,"props":_vm.treeProps,"node-key":_vm.nodeKey,"filter-node-method":_vm.filterNode,"empty-text":_vm.emptyText,"highlight-current":_vm.highlightCurrent,"default-expand-all":_vm.defaultExpandAll,"expand-on-click-node":_vm.expandOnClickNode,"default-expanded-keys":_vm.defaultExpandedKeys,"show-checkbox":_vm.showCheckbox,"check-strictly":_vm.checkStrictly,"default-checked-keys":_vm.defaultCheckedKeys,"current-node-key":_vm.currentNodeKey,"indent":_vm.indent,"icon-class":_vm.iconClass,"draggable":_vm.draggable,"allow-drop":_vm.allowDrop,"allow-drag":_vm.allowDrag},on:{"node-click":_vm.handleNodeClick,"node-contextmenu":_vm.handleContextmenu,"check-change":_vm.handleCheckChange,"check":_vm.handleCheck,"current-change":_vm.handleCurrentChange,"node-expand":_vm.handleNodeExpand,"node-collapse":_vm.handleNodeCollapse,"node-drag-start":_vm.handleDragStart,"node-drag-enter":_vm.handleDragEnter,"node-drag-leave":_vm.handleDragLeave,"node-drag-over":_vm.handleDragOver,"node-drag-end":_vm.handleDragEnd,"node-drop":_vm.handleDrop},scopedSlots:_vm._u([{key:"default",fn:function(scope){return _c('span',{ref:("treeNode-" + (scope.node[_vm.nodeKey])),staticClass:"custom-tree-node",staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"font-size":"12px"}},[_c('i',{class:("iconfont iconfont-single  " + (scope.node.data.iconClass))}),_vm._v("    "),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.showLabel),expression:"showLabel"}]},[_vm._v(_vm._s(scope.node.label))]),_vm._t("labelSlot",null,{"node":scope.node})],2),_c('div',[(!scope.node.data.noMoreBtn)?_c('span',{staticClass:"sone-components-tree-more-btn-color"},[_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.showMoreBtn),expression:"showMoreBtn"}],attrs:{"type":"text","size":"mini","icon":"iconfont iconfont-single icon-more"},on:{"click":function($event){$event.stopPropagation();return _vm.showTreeMenu(scope,$event)}}})],1):_vm._e()])])}}],null,true)}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.handleMenuFlag),expression:"handleMenuFlag"}],ref:"handleMenu",staticClass:"sone-tree-components-handleMenu"},[_vm._t("handleMenu",null,{"node":_vm.node})],2)],1)],1),(_vm.lineDirection === 'right')?_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",on:{"click":function($event){return _vm.onShow(1)}}},[_c('img',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],attrs:{"src":_vm.leftImg}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.show),expression:"!show"}],attrs:{"src":_vm.rightImg}})])]):_vm._e()])])}
+var mainvue_type_template_id_b9dd9742_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/tree/src/main.vue?vue&type=template&id=70eba772&scoped=true&
+// CONCATENATED MODULE: ./packages/tree/src/main.vue?vue&type=template&id=b9dd9742&scoped=true&
+
+// EXTERNAL MODULE: ./packages/tree/img/left.png
+var left = __webpack_require__("8a87");
+var left_default = /*#__PURE__*/__webpack_require__.n(left);
+
+// EXTERNAL MODULE: ./packages/tree/img/right.png
+var right = __webpack_require__("4a9d");
+var right_default = /*#__PURE__*/__webpack_require__.n(right);
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/main.vue?vue&type=script&lang=js&
 //
@@ -26166,8 +26188,22 @@ var mainvue_type_template_id_70eba772_scoped_true_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 // import { deepClone } from '../../../../src/utils/util';
+
+
 const mainvue_type_script_lang_js_getObjType = obj => {
   var toString = Object.prototype.toString
   var map = {
@@ -26284,6 +26320,8 @@ const mainvue_type_script_lang_js_deepClone = data => {
   },
   data() {
     return {
+      leftImg: left_default.a,
+      rightImg: right_default.a,
       show: true,
       showStyle: "border-right: 6px solid #019bee;transform: translate(-100%,-50%)",
       showStyle2: "border-left: 6px solid #019bee;transform: translate(0,-50%)",
@@ -26490,11 +26528,11 @@ const mainvue_type_script_lang_js_deepClone = data => {
 
 var src_main_component = normalizeComponent(
   packages_tree_src_mainvue_type_script_lang_js_,
-  mainvue_type_template_id_70eba772_scoped_true_render,
-  mainvue_type_template_id_70eba772_scoped_true_staticRenderFns,
+  mainvue_type_template_id_b9dd9742_scoped_true_render,
+  mainvue_type_template_id_b9dd9742_scoped_true_staticRenderFns,
   false,
   null,
-  "70eba772",
+  "b9dd9742",
   null
   
 )
@@ -27368,8 +27406,8 @@ Watermark.clearAll = function () {
 
 /* harmony default export */ var watermark = (watermark_src_main);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de981356-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/mainNoDrag.vue?vue&type=template&id=7165c062&
-var mainNoDragvue_type_template_id_7165c062_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-form',{ref:"sone-form",staticClass:"sone-form-box",style:({ 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de981356-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/mainNoDrag.vue?vue&type=template&id=683e8492&
+var mainNoDragvue_type_template_id_683e8492_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-form',{ref:"sone-form",staticClass:"sone-form-box",style:({ 
 		height: _vm.showCollapse && !_vm.isBottomCollapse ? _vm.rowHeight * _vm.rowHideCount + 4 + 'px' : 'auto', 
 		'overflow-y': _vm.showCollapse && _vm.isBottomCollapse ? 'auto' : 'hidden' 
 	}),attrs:{"label-position":"top","label-width":"80px","show-message":false,"model":_vm.form,"disabled":_vm.disabled},nativeOn:{"submit":function($event){$event.preventDefault();}}},[_c('el-row',{attrs:{"gutter":_vm.gutter}},[_vm._l((_vm.layout),function(item){return [(item.hasOwnProperty('show') ? item.show : true)?_c('el-col',{key:item.i,attrs:{"span":item.span || 6}},[_c('el-form-item',{directives:[{name:"loading",rawName:"v-loading",value:(item.loading),expression:"item.loading"}],class:{
@@ -27382,13 +27420,11 @@ var mainNoDragvue_type_template_id_7165c062_render = function () {var _vm=this;v
 						item.layoutType === 'month' ||
 						item.layoutType === 'date' ||
 						item.layoutType === 'datetime') && 
-						_vm.form.hasOwnProperty(item.fieldName))?[(item.layoutType === 'datetime')?_c('el-date-picker',{attrs:{"clearable":item.hasOwnProperty('clearable') ? item.clearable : true,"type":item.layoutType,"placeholder":item.placeholder,"disabled":item.disabled,"value-format":item.valueFormat},on:{"focus":function($event){return _vm.focusFn(item.fieldName)}},model:{value:(_vm.form[item.fieldName]),callback:function ($$v) {_vm.$set(_vm.form, item.fieldName, $$v)},expression:"form[item.fieldName]"}}):_c('el-date-picker',{attrs:{"clearable":item.hasOwnProperty('clearable') ? item.clearable : true,"type":item.layoutType,"format":item.format,"placeholder":item.placeholder,"disabled":item.disabled,"value-format":item.valueFormat},on:{"focus":function($event){return _vm.focusFn(item.fieldName)}},model:{value:(_vm.form[item.fieldName]),callback:function ($$v) {_vm.$set(_vm.form, item.fieldName, $$v)},expression:"form[item.fieldName]"}})]:_vm._e(),((item.layoutType === 'daterange' ||
-						item.layoutType === 'datetimerange' ) && 
-						_vm.form.hasOwnProperty(item.fieldName))?[_c('el-date-picker',{attrs:{"clearable":item.hasOwnProperty('clearable') ? item.clearable : true,"type":item.layoutType,"format":item.format,"range-separator":item.rangeSeparator,"start-placeholder":item.startPlaceholder,"end-placeholder":item.endPlaceholder,"disabled":item.disabled,"value-format":item.valueFormat,"default-time":item.defaultTime},on:{"focus":function($event){return _vm.focusFn(item.fieldName)},"change":function (val) { return _vm.updateDate(val, item); }},model:{value:(_vm.form[item.fieldName]),callback:function ($$v) {_vm.$set(_vm.form, item.fieldName, $$v)},expression:"form[item.fieldName]"}})]:_vm._e(),(item.layoutType && item.layoutType.indexOf('slot') !== -1)?[_vm._t("default",null,{"data":item})]:_vm._e()],2)],1):_vm._e()]})],2),(_vm.showCollapse)?_c('div',{class:['more-line', _vm.isBottomCollapse ? 'more-collapse': ''],on:{"click":_vm.toggle}}):_vm._e(),(_vm.showDefaultFooter && !_vm.disabled)?[_c('el-form-item',{staticClass:"sone-form-footer"},[_c('el-button',{staticClass:"iconfont icon-close",on:{"click":_vm.cancel}}),(_vm.showResetBtn)?_c('el-button',{staticClass:"iconfont icon-redo",on:{"click":_vm.reset}}):_vm._e(),_c('el-button',{staticClass:"iconfont icon-confirm",attrs:{"type":"primary"},on:{"click":_vm.submit}})],1)]:_vm._e(),(!_vm.showDefaultFooter && !_vm.disabled)?[_vm._t("footer")]:_vm._e()],2)}
-var mainNoDragvue_type_template_id_7165c062_staticRenderFns = []
+						_vm.form.hasOwnProperty(item.fieldName))?[(item.layoutType === 'datetime')?_c('el-date-picker',{attrs:{"clearable":item.hasOwnProperty('clearable') ? item.clearable : true,"type":item.layoutType,"placeholder":item.placeholder,"disabled":item.disabled,"value-format":item.valueFormat},on:{"focus":function($event){return _vm.focusFn(item.fieldName)}},model:{value:(_vm.form[item.fieldName]),callback:function ($$v) {_vm.$set(_vm.form, item.fieldName, $$v)},expression:"form[item.fieldName]"}}):_c('el-date-picker',{attrs:{"clearable":item.hasOwnProperty('clearable') ? item.clearable : true,"type":item.layoutType,"format":item.format,"placeholder":item.placeholder,"disabled":item.disabled,"value-format":item.valueFormat},on:{"focus":function($event){return _vm.focusFn(item.fieldName)}},model:{value:(_vm.form[item.fieldName]),callback:function ($$v) {_vm.$set(_vm.form, item.fieldName, $$v)},expression:"form[item.fieldName]"}})]:_vm._e(),(['daterange', 'datetimerange', 'monthrange'].includes(item.layoutType) && _vm.form.hasOwnProperty(item.fieldName))?[_c('el-date-picker',{attrs:{"clearable":item.hasOwnProperty('clearable') ? item.clearable : true,"type":item.layoutType,"format":item.format,"range-separator":item.rangeSeparator,"start-placeholder":item.startPlaceholder,"end-placeholder":item.endPlaceholder,"disabled":item.disabled,"value-format":item.valueFormat,"default-time":item.defaultTime,"picker-options":item.layoutType === 'monthrange'? _vm.monthPickerOptions : _vm.pickerOptions},on:{"focus":function($event){return _vm.focusFn(item.fieldName)},"change":function (val) { return _vm.updateDate(val, item); }},model:{value:(_vm.form[item.fieldName]),callback:function ($$v) {_vm.$set(_vm.form, item.fieldName, $$v)},expression:"form[item.fieldName]"}})]:_vm._e(),(item.layoutType && item.layoutType.indexOf('slot') !== -1)?[_vm._t("default",null,{"data":item})]:_vm._e()],2)],1):_vm._e()]})],2),(_vm.showCollapse)?_c('div',{class:['more-line', _vm.isBottomCollapse ? 'more-collapse': ''],on:{"click":_vm.toggle}}):_vm._e(),(_vm.showDefaultFooter && !_vm.disabled)?[_c('el-form-item',{staticClass:"sone-form-footer"},[_c('el-button',{staticClass:"iconfont icon-close",on:{"click":_vm.cancel}}),(_vm.showResetBtn)?_c('el-button',{staticClass:"iconfont icon-redo",on:{"click":_vm.reset}}):_vm._e(),_c('el-button',{staticClass:"iconfont icon-confirm",attrs:{"type":"primary"},on:{"click":_vm.submit}})],1)]:_vm._e(),(!_vm.showDefaultFooter && !_vm.disabled)?[_vm._t("footer")]:_vm._e()],2)}
+var mainNoDragvue_type_template_id_683e8492_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/form/src/mainNoDrag.vue?vue&type=template&id=7165c062&
+// CONCATENATED MODULE: ./packages/form/src/mainNoDrag.vue?vue&type=template&id=683e8492&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/mainNoDrag.vue?vue&type=script&lang=js&
 //
@@ -27623,8 +27659,6 @@ var mainNoDragvue_type_template_id_7165c062_staticRenderFns = []
 //
 //
 //
-//
-//
 
 /* harmony default export */ var mainNoDragvue_type_script_lang_js_ = ({
   name: "SoneForm",
@@ -27698,6 +27732,56 @@ var mainNoDragvue_type_template_id_7165c062_staticRenderFns = []
 	data() {
 		return {
 			isBottomCollapse: false,
+			monthPickerOptions: {
+				shortcuts: [{
+					text: '本月',
+					onClick(picker) {
+						picker.$emit('pick', [new Date(), new Date()]);
+					}
+				}, {
+					text: '今年至今',
+					onClick(picker) {
+						const end = new Date();
+						const start = new Date(new Date().getFullYear(), 0);
+						picker.$emit('pick', [start, end]);
+					}
+				}, {
+					text: '最近六个月',
+					onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setMonth(start.getMonth() - 6);
+						picker.$emit('pick', [start, end]);
+					}
+				}]
+			},
+			pickerOptions: {
+				shortcuts: [{
+					text: '最近一周',
+					onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+						picker.$emit('pick', [start, end]);
+					}
+				}, {
+					text: '最近一个月',
+					onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+						picker.$emit('pick', [start, end]);
+					}
+				}, {
+					text: '最近三个月',
+					onClick(picker) {
+						const end = new Date();
+						const start = new Date();
+						start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+						picker.$emit('pick', [start, end]);
+					}
+				}]
+			},
 		}
   },
   methods: {
@@ -27854,7 +27938,37 @@ var mainNoDragvue_type_template_id_7165c062_staticRenderFns = []
       this.$refs['sone-form'].$el.scrollTop = 0;
 			this.isBottomCollapse = !this.isBottomCollapse;
 			this.$emit('toggle', this.isBottomCollapse);
-		}
+		},
+
+		// pickerOptions(){
+		// 	return {
+		// 		shortcuts: [{
+		// 			text: '最近一周',
+		// 			onClick(picker) {
+		// 				const end = new Date();
+		// 				const start = new Date();
+		// 				start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+		// 				picker.$emit('pick', [start, end]);
+		// 			}
+		// 		}, {
+		// 			text: '最近一个月',
+		// 			onClick(picker) {
+		// 				const end = new Date();
+		// 				const start = new Date();
+		// 				start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+		// 				picker.$emit('pick', [start, end]);
+		// 			}
+		// 		}, {
+		// 			text: '最近三个月',
+		// 			onClick(picker) {
+		// 				const end = new Date();
+		// 				const start = new Date();
+		// 				start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+		// 				picker.$emit('pick', [start, end]);
+		// 			}
+		// 		}]
+		// 	}
+		// }
   },
 });
 
@@ -27870,8 +27984,8 @@ var mainNoDragvue_type_template_id_7165c062_staticRenderFns = []
 
 var mainNoDrag_component = normalizeComponent(
   src_mainNoDragvue_type_script_lang_js_,
-  mainNoDragvue_type_template_id_7165c062_render,
-  mainNoDragvue_type_template_id_7165c062_staticRenderFns,
+  mainNoDragvue_type_template_id_683e8492_render,
+  mainNoDragvue_type_template_id_683e8492_staticRenderFns,
   false,
   null,
   null,
@@ -37955,7 +38069,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 /* harmony default export */ var src_0 = ({
-  version: '2.1.42',
+  version: '2.1.44',
   locale: locale.use,
   i18n: locale.i18n,
   install,