vue-lazy-cascader 0.1.18 → 0.2.1

package/README.md

@@ -44,7 +44,27 @@ pnpm install vue-lazy-cascader --save
 
   - [demo](https://jyj1202.github.io/vue-lazy-cascader/vue-lazy-cascader.html)
 
+## description
+
+### Added Prop
+
+| 属性名            | 类型      | 描述               |
+|----------------|-----------|--------------------|
+| remote         | boolean   | 是否开启远程搜索     |
+| props.remoteMethod | (query: string, resolve: (any[]) => void)  | 远程搜索方法，回调接收搜索的数据作为参数，会将未加载的数据插入到级联的数据store中      |
+| props.total | string  | 指定选项子节点总数为选项对象的某个属性值，默认'total'     |
+
+
+### Added Events
+
+| event name       |      callback parameter      | description                    |
+|------------------|------------------------------|--------------------------------|
+| menu-scroll-bottom     | (parentNode: Node, resolve: (any[]) => void) | 当菜单滚动到底部时触发，回调接收滚动加载的新数据作为参数，会将传入的未加载的数据插入到级联的数据store中。                                    |
+| suggestion-scroll-bottom | (query: string, resolve: (any[]) => void) | 当搜索列表滚动到底部时触发，回调接收搜索的数据作为参数，会将未加载的数据插入到级联的数据store中。                                  |
+
+
 ## Tip
-- 由于该组件并未打包element-ui相关组件，所以使用时，必须已经安装element-ui。
+- 该组件打包了所需的element-ui组件，但是并没有引入element-ui样式，所以在使用前必须引入'element-ui/lib/theme-chalk/index.css'
 - 级联value必须唯一，否则会出错。例如相同value的子节点无法插入到不同的父节点下（待修复）
 - 是否是最后一页要判断准确，不能单纯用已加载和接口返回相加数量 == total进行判断，因为接口返回的可能已经加载过了。[详情请看代码（搜索时候会把搜索结果append到节点store中）](./src/components/cascader/src/cascader.vue)
+- pop的层级如果不对，可以将appendToBody设置为false

package/dist/lib/vue-lazy-cascader.common.js

@@ -1606,19 +1606,19 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_vue-template-compiler@2.6.14_webpack@5.91.0/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_vue-template-compiler@2.6.14_webpack@5.91.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/cascader/src/cascader.vue?vue&type=template&id=2dd9cd90
+;// CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_vue-template-compiler@2.6.14_webpack@5.91.0/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@6.11.0_vue-template-compiler@2.6.14_webpack@5.91.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/cascader/src/cascader.vue?vue&type=template&id=73016d71
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(function () { return _vm.toggleDropDownVisible(false); }),expression:"() => toggleDropDownVisible(false)"}],ref:"reference",class:[
     'el-cascader',
     _vm.realSize && ("el-cascader--" + _vm.realSize),
     { 'is-disabled': _vm.isDisabled }
-  ],on:{"mouseenter":function($event){_vm.inputHover = true},"mouseleave":function($event){_vm.inputHover = false},"click":function () { return _vm.toggleDropDownVisible(_vm.readonly ? undefined : true); },"keydown":_vm.handleKeyDown}},[_c('el-input',{ref:"input",class:{ 'is-focus': _vm.dropDownVisible },attrs:{"size":_vm.realSize,"placeholder":_vm.placeholder,"readonly":_vm.readonly,"disabled":_vm.isDisabled,"validate-event":false},on:{"focus":_vm.handleFocus,"blur":_vm.handleBlur,"input":_vm.handleInput},model:{value:(_vm.multiple ? _vm.presentText : _vm.inputValue),callback:function ($$v) {_vm.multiple ? _vm.presentText : _vm.inputValue=$$v},expression:"multiple ? presentText : inputValue"}},[_c('template',{slot:"suffix"},[(_vm.clearBtnVisible)?_c('i',{key:"clear",staticClass:"el-input__icon el-icon-circle-close",on:{"click":function($event){$event.stopPropagation();return _vm.handleClear.apply(null, arguments)}}}):_c('i',{key:"arrow-down",class:[
+  ],on:{"mouseenter":function($event){_vm.inputHover = true},"mouseleave":function($event){_vm.inputHover = false},"click":function () { return _vm.toggleDropDownVisible(_vm.readonly ? undefined : true); },"keydown":_vm.handleKeyDown}},[_c('el-input',{ref:"input",class:{ 'is-focus': _vm.dropDownVisible },attrs:{"size":_vm.realSize,"placeholder":_vm.presentTags.length ? '' : _vm.placeholder,"readonly":_vm.readonly,"disabled":_vm.isDisabled,"validate-event":false},on:{"focus":_vm.handleFocus,"blur":_vm.handleBlur,"input":_vm.handleInput},model:{value:(_vm.multiple ? _vm.presentText : _vm.inputValue),callback:function ($$v) {_vm.multiple ? _vm.presentText : _vm.inputValue=$$v},expression:"multiple ? presentText : inputValue"}},[_c('template',{slot:"suffix"},[(_vm.clearBtnVisible)?_c('i',{key:"clear",staticClass:"el-input__icon el-icon-circle-close",on:{"click":function($event){$event.stopPropagation();return _vm.handleClear.apply(null, arguments)}}}):_c('i',{key:"arrow-down",class:[
           'el-input__icon',
           'el-icon-arrow-down',
           _vm.dropDownVisible && 'is-reverse'
-        ],on:{"click":function($event){$event.stopPropagation();return _vm.toggleDropDownVisible()}}})])],2),(_vm.multiple)?_c('div',{staticClass:"el-cascader__tags"},[_vm._l((_vm.presentTags),function(tag){return _c('el-tag',{key:tag.key,attrs:{"type":"info","size":_vm.tagSize,"hit":tag.hitState,"closable":tag.closable,"disable-transitions":""},on:{"close":function($event){return _vm.deleteTag(tag)}}},[_c('span',[_vm._v(_vm._s(tag.text))])])}),(_vm.filterable && !_vm.isDisabled)?_c('input',{directives:[{name:"model",rawName:"v-model.trim",value:(_vm.inputValue),expression:"inputValue",modifiers:{"trim":true}}],staticClass:"el-cascader__search-input",attrs:{"type":"text","placeholder":_vm.presentTags.length ? '' : _vm.placeholder},domProps:{"value":(_vm.inputValue)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.inputValue=$event.target.value.trim()},function (e) { return _vm.handleInput(_vm.inputValue, e); }],"click":function($event){$event.stopPropagation();return _vm.toggleDropDownVisible(true)},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"delete",[8,46],$event.key,["Backspace","Delete","Del"])){ return null; }return _vm.handleDelete.apply(null, arguments)},"blur":function($event){return _vm.$forceUpdate()}}}):_vm._e()],2):_vm._e(),_c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-leave":_vm.handleDropdownLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.dropDownVisible),expression:"dropDownVisible"}],ref:"popper",class:['el-popper', 'el-cascader__dropdown', _vm.popperClass]},[_c('cascader-panel',{directives:[{name:"show",rawName:"v-show",value:(!_vm.filtering),expression:"!filtering"}],ref:"panel",attrs:{"options":_vm.options,"props":_vm.config,"border":false,"render-label":_vm.$scopedSlots.default},on:{"expand-change":_vm.handleExpandChange,"close":function($event){return _vm.toggleDropDownVisible(false)},"menu-scroll-bottom":function (parentNode, resolve) { return _vm.$emit('menu-scroll-bottom', parentNode, resolve); }},model:{value:(_vm.checkedValue),callback:function ($$v) {_vm.checkedValue=$$v},expression:"checkedValue"}}),(_vm.filterable)?_c('el-scrollbar',{directives:[{name:"show",rawName:"v-show",value:(_vm.filtering),expression:"filtering"}],ref:"suggestionPanel",staticClass:"el-cascader__suggestion-panel",attrs:{"tag":"ul","view-class":"el-cascader__suggestion-list"},nativeOn:{"keydown":function($event){return _vm.handleSuggestionKeyDown.apply(null, arguments)}}},[(_vm.suggestions.length)?_vm._l((_vm.suggestions),function(item,index){return _c('li',{key:item.uid,class:[
-              'el-cascader__suggestion-item',
-              item.checked && 'is-checked'
-            ],attrs:{"tabindex":-1},on:{"click":function($event){return _vm.handleSuggestionClick(index)}}},[_c('span',[_vm._v(_vm._s(item.text))]),(item.checked)?_c('i',{staticClass:"el-icon-check"}):_vm._e()])}):_vm._t("empty",function(){return [_c('li',{staticClass:"el-cascader__empty-text"},[_vm._v(_vm._s(_vm.t('el.cascader.noMatch')))])]})],2):_vm._e()],1)])],1)}
+        ],on:{"click":function($event){$event.stopPropagation();return _vm.toggleDropDownVisible()}}})])],2),(_vm.multiple)?_c('div',{staticClass:"el-cascader__tags"},[_vm._l((_vm.presentTags),function(tag){return _c('el-tag',{key:tag.key,attrs:{"type":"info","size":_vm.tagSize,"hit":tag.hitState,"closable":tag.closable,"disable-transitions":""},on:{"close":function($event){return _vm.deleteTag(tag)}}},[_c('span',[_vm._v(_vm._s(tag.text))])])}),(_vm.filterable && !_vm.isDisabled)?_c('input',{directives:[{name:"model",rawName:"v-model.trim",value:(_vm.inputValue),expression:"inputValue",modifiers:{"trim":true}}],staticClass:"el-cascader__search-input",attrs:{"type":"text","placeholder":_vm.presentTags.length ? '' : _vm.placeholder},domProps:{"value":(_vm.inputValue)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.inputValue=$event.target.value.trim()},function (e) { return _vm.handleInput(_vm.inputValue, e); }],"click":function($event){$event.stopPropagation();return _vm.toggleDropDownVisible(true)},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"delete",[8,46],$event.key,["Backspace","Delete","Del"])){ return null; }return _vm.handleDelete.apply(null, arguments)},"blur":function($event){return _vm.$forceUpdate()}}}):_vm._e()],2):_vm._e(),_c('transition',{attrs:{"name":"el-zoom-in-top"},on:{"after-leave":_vm.handleDropdownLeave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.dropDownVisible),expression:"dropDownVisible"}],ref:"popper",class:['el-popper', 'el-cascader__dropdown', _vm.popperClass]},[_c('cascader-panel',{directives:[{name:"show",rawName:"v-show",value:(!_vm.filtering),expression:"!filtering"}],ref:"panel",attrs:{"options":_vm.options,"props":_vm.config,"border":false,"render-label":_vm.$scopedSlots.default},on:{"expand-change":_vm.handleExpandChange,"close":function($event){return _vm.toggleDropDownVisible(false)},"menu-scroll-bottom":function (parentNode, resolve) { return _vm.$emit('menu-scroll-bottom', parentNode, resolve); }},model:{value:(_vm.checkedValue),callback:function ($$v) {_vm.checkedValue=$$v},expression:"checkedValue"}}),(_vm.filterable)?_c('el-scrollbar',{directives:[{name:"show",rawName:"v-show",value:(_vm.filtering),expression:"filtering"}],ref:"suggestionPanel",staticClass:"el-cascader__suggestion-panel",attrs:{"tag":"ul","view-class":"el-cascader__suggestion-list"},nativeOn:{"keydown":function($event){return _vm.handleSuggestionKeyDown.apply(null, arguments)}}},[(_vm.suggestionLoading)?_c('span',{staticStyle:{"text-align":"center"}},[_vm._v("加载中")]):[(_vm.suggestions.length)?_vm._l((_vm.suggestions),function(item,index){return _c('li',{key:item.uid,class:[
+                'el-cascader__suggestion-item',
+                item.checked && 'is-checked'
+              ],attrs:{"tabindex":-1},on:{"click":function($event){return _vm.handleSuggestionClick(index)}}},[_c('span',[_vm._v(_vm._s(item.text))]),(item.checked)?_c('i',{staticClass:"el-icon-check"}):_vm._e()])}):_vm._t("empty",function(){return [_c('li',{staticClass:"el-cascader__empty-text"},[_vm._v(_vm._s(_vm.t('el.cascader.noMatch')))])]})]],2):_vm._e()],1)])],1)}
 var staticRenderFns = []
 
 
@@ -5487,13 +5487,14 @@ const stopPropagation = e => e.stopPropagation();
       const {
         isLeaf,
         isChecked,
-        config
+        config,
+        node
       } = this;
       const {
         checkStrictly,
         multiple
       } = config;
-      if (multiple) {
+      if (multiple && !node.data.hideMultiple) {
         return this.renderCheckbox(h);
       } else if (checkStrictly) {
         return this.renderRadio(h);
@@ -5520,6 +5521,7 @@ const stopPropagation = e => e.stopPropagation();
         config,
         isDisabled
       } = this;
+      const disabled = node.data.selfDisabled || isDisabled;
       const events = {
         on: {
           change: this.handleMultiCheckChange
@@ -5534,7 +5536,7 @@ const stopPropagation = e => e.stopPropagation();
         "attrs": {
           "value": node.checked,
           "indeterminate": node.indeterminate,
-          "disabled": isDisabled
+          "disabled": disabled
         }
       }, events]));
     },
@@ -6791,6 +6793,9 @@ var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce);
 //
 //
 //
+//
+//
+//
 
 
 
@@ -6919,7 +6924,8 @@ const InputSizeMap = {
       filtering: false,
       suggestions: [],
       inputInitialHeight: 0,
-      pressDeleteCount: 0
+      pressDeleteCount: 0,
+      suggestionLoading: false /** @author jyj */
     };
   },
   computed: {
@@ -7053,6 +7059,8 @@ const InputSizeMap = {
         remoteMethod
       } = this.config;
       if (this.remote && remoteMethod) {
+        // this.suggestions = []
+        this.suggestionLoading = true;
         remoteMethod(inputValue, this.remoteSearchResolve(inputValue));
         return;
       }
@@ -7381,6 +7389,7 @@ const InputSizeMap = {
      */
     remoteSearchResolve(inputValue) {
       const resolve = data => {
+        this.suggestionLoading = false;
         if (isEmpty(data)) {
           this.getSuggestions();
           return;