vxe-pc-ui 3.1.3 → 3.1.4
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/es/button/src/button.js +9 -9
- package/es/date-picker/src/date-picker.js +1 -1
- package/es/icon/style.css +1 -1
- package/es/icon-picker/src/icon-picker.js +11 -13
- package/es/input/src/input.js +1 -1
- package/es/pulldown/src/pulldown.js +10 -10
- package/es/select/src/select.js +3 -3
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tree-select/src/tree-select.js +6 -6
- package/es/ui/index.js +4 -2
- package/es/ui/src/log.js +1 -1
- package/lib/button/src/button.js +9 -8
- package/lib/button/src/button.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +1 -1
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/icon-picker/src/icon-picker.js +4 -3
- package/lib/icon-picker/src/icon-picker.min.js +1 -1
- package/lib/index.umd.js +37 -31
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +1 -1
- package/lib/input/src/input.min.js +1 -1
- package/lib/pulldown/src/pulldown.js +8 -8
- package/lib/pulldown/src/pulldown.min.js +1 -1
- package/lib/select/src/select.js +3 -2
- package/lib/select/src/select.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tree-select/src/tree-select.js +6 -5
- package/lib/tree-select/src/tree-select.min.js +1 -1
- package/lib/ui/index.js +4 -2
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +1 -1
- package/packages/button/src/button.ts +9 -9
- package/packages/date-picker/src/date-picker.ts +1 -1
- package/packages/icon-picker/src/icon-picker.ts +11 -13
- package/packages/input/src/input.ts +1 -1
- package/packages/pulldown/src/pulldown.ts +10 -10
- package/packages/select/src/select.ts +3 -3
- package/packages/tree-select/src/tree-select.ts +6 -6
- package/packages/ui/index.ts +3 -1
- package/types/components/button.d.ts +1 -1
- package/types/components/form-view.d.ts +2 -0
- package/types/components/pulldown.d.ts +1 -1
- package/types/components/table.d.ts +5 -0
- package/types/components/tree-select.d.ts +1 -1
- /package/es/icon/style/{iconfont.1727087126909.ttf → iconfont.1727151624450.ttf} +0 -0
- /package/es/icon/style/{iconfont.1727087126909.woff → iconfont.1727151624450.woff} +0 -0
- /package/es/icon/style/{iconfont.1727087126909.woff2 → iconfont.1727151624450.woff2} +0 -0
- /package/es/{iconfont.1727087126909.ttf → iconfont.1727151624450.ttf} +0 -0
- /package/es/{iconfont.1727087126909.woff → iconfont.1727151624450.woff} +0 -0
- /package/es/{iconfont.1727087126909.woff2 → iconfont.1727151624450.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1727087126909.ttf → iconfont.1727151624450.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1727087126909.woff → iconfont.1727151624450.woff} +0 -0
- /package/lib/icon/style/{iconfont.1727087126909.woff2 → iconfont.1727151624450.woff2} +0 -0
- /package/lib/{iconfont.1727087126909.ttf → iconfont.1727151624450.ttf} +0 -0
- /package/lib/{iconfont.1727087126909.woff → iconfont.1727151624450.woff} +0 -0
- /package/lib/{iconfont.1727087126909.woff2 → iconfont.1727151624450.woff2} +0 -0
|
@@ -97,7 +97,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
97
97
|
panelPlacement: null,
|
|
98
98
|
triggerFocusPanel: false,
|
|
99
99
|
visiblePanel: false,
|
|
100
|
-
|
|
100
|
+
isAniVisible: false,
|
|
101
101
|
isActivated: false
|
|
102
102
|
};
|
|
103
103
|
var internalData = {
|
|
@@ -388,7 +388,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
388
388
|
}
|
|
389
389
|
}
|
|
390
390
|
reactData.isActivated = true;
|
|
391
|
-
reactData.
|
|
391
|
+
reactData.isAniVisible = true;
|
|
392
392
|
setTimeout(function () {
|
|
393
393
|
reactData.visiblePanel = true;
|
|
394
394
|
}, 10);
|
|
@@ -402,7 +402,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
402
402
|
var internalData = $xeTreeSelect.internalData;
|
|
403
403
|
reactData.visiblePanel = false;
|
|
404
404
|
internalData.hpTimeout = window.setTimeout(function () {
|
|
405
|
-
reactData.
|
|
405
|
+
reactData.isAniVisible = false;
|
|
406
406
|
}, 350);
|
|
407
407
|
},
|
|
408
408
|
changeEvent: function changeEvent(evnt, selectValue) {
|
|
@@ -546,6 +546,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
546
546
|
loading = props.loading;
|
|
547
547
|
var initialized = reactData.initialized,
|
|
548
548
|
isActivated = reactData.isActivated,
|
|
549
|
+
isAniVisible = reactData.isAniVisible,
|
|
549
550
|
visiblePanel = reactData.visiblePanel;
|
|
550
551
|
var vSize = $xeTreeSelect.computeSize;
|
|
551
552
|
var isDisabled = $xeTreeSelect.computeIsDisabled;
|
|
@@ -609,12 +610,12 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
609
610
|
ref: 'refOptionPanel',
|
|
610
611
|
class: ['vxe-table--ignore-clear vxe-tree-select--panel', popupClassName ? _xeUtils.default.isFunction(popupClassName) ? popupClassName({
|
|
611
612
|
$treeSelect: $xeTreeSelect
|
|
612
|
-
}) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', !loading &&
|
|
613
|
+
}) : popupClassName : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', !loading && isAniVisible), 'ani--enter', !loading && visiblePanel)],
|
|
613
614
|
attrs: {
|
|
614
615
|
placement: reactData.panelPlacement
|
|
615
616
|
},
|
|
616
617
|
style: reactData.panelStyle
|
|
617
|
-
}, initialized ? [h('div', {
|
|
618
|
+
}, initialized && (visiblePanel || isAniVisible) ? [h('div', {
|
|
618
619
|
class: 'vxe-tree-select--panel-wrapper'
|
|
619
620
|
}, [headerSlot ? h('div', {
|
|
620
621
|
class: 'vxe-tree-select--panel-header'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_tree=_interopRequireDefault(require("../../tree/src/tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:function(){return _xeUtils.default.eqNull((0,_ui.getConfig)().select.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().select.placeholder}},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,options:Array,optionProps:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size}},remote:Boolean,remoteMethod:Function,treeConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeTreeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,fullOptionList:[],fullNodeMaps:{},visibleOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,visibleAnimate:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,n=e.$xeModal,i=e.$xeDrawer,o=e.$xeForm,e=e.transfer;if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(t||n||i||o)return!0}return e},computeTreeOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,this.treeConfig)},computeTreeNodeOpts:function(){var e=this.computeTreeOpts;return Object.assign({isHover:!0},e.nodeConfig)},computeTreeCheckboxOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})},computeTreeRadioOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeChildrenField:function(){return this.computePropsOpts.children||"children"},computeParentField:function(){return this.computePropsOpts.parent||"parentField"},computeHasChildField:function(){return this.computePropsOpts.hasChild||"hasChild"},computeSelectLabel:function(){var e=this.reactData,t=this.value,n=e.fullNodeMaps,i=this.computeLabelField;return(_xeUtils.default.isArray(t)?t:[t]).map(function(e){var t=n[e];return t?t.item[i]:e}).join(", ")}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$treeSelect:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},getOptid:function(e){e=e[this.computeValueField];return e?encodeURIComponent(e):""},refreshOption:function(){return this.$nextTick()},cacheItemMap:function(){var a=this,e=a.reactData,t=a.options,s=a.computeValueField,u={};_xeUtils.default.eachTree(t,function(e,t,n,i,o,l){var r=a.getOptid(e);r||(r=getOptUniqueId(),e[s]=r),u[r]={item:e,index:t,items:n,parent:o,nodes:l}},{children:a.computeChildrenField}),e.fullOptionList=t||[],e.fullNodeMaps=u,a.refreshOption()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var p=this,f=p,h=p.reactData;return p.$nextTick().then(function(){var e,t,n,i,o,l,r,a=f.placement,s=h.panelIndex,u=p.$refs.refElem,c=p.$refs.refOptionPanel,d=p.computeBtnTransfer;if(c&&u)return e=u.offsetHeight,t=u.offsetWidth,n=c.offsetHeight,c=c.offsetWidth,s={zIndex:s},i=(u=(0,_dom.getAbsolutePos)(u)).boundingTop,o=u.visibleHeight,l=u.visibleWidth,r="bottom",d?(d=i+e,"top"===a?(r="top",d=i-n):a||(o<d+n+5&&(r="top",d=i-n),d<5&&(r="bottom",d=i+e)),l<(u=u.boundingLeft)+c+5&&(u-=u+c+5-l),u<5&&(u=5),Object.assign(s,{left:"".concat(u,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===a?(r="top",s.bottom="".concat(e,"px")):a||o<i+e+n&&5<i-e-n&&(r="top",s.bottom="".concat(e,"px")),h.panelStyle=s,h.panelPlacement=r,p.$nextTick()})},showOptionPanel:function(){var e,t,n=this,i=n.reactData;n.loading||n.computeIsDisabled||(clearTimeout(n.internalData.hpTimeout),i.initialized||(i.initialized=!0,e=n.computeBtnTransfer,t=n.$refs.refOptionPanel,e&&t&&document.body.appendChild(t)),i.isActivated=!0,i.visibleAnimate=!0,setTimeout(function(){i.visiblePanel=!0},10),n.updateZindex(),n.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=window.setTimeout(function(){e.visibleAnimate=!1},350)},changeEvent:function(e,t){var n=this,i=n,o=n.reactData,l=n.$xeForm,r=n.formItemInfo,o=o.fullNodeMaps;n.emitModel(t),t!==i.value&&(i=o[t],n.dispatchEvent("change",{value:t,option:i?i.item:null},e),l)&&r&&l.triggerItemEvent(e,r.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,n,i=this,o=i.reactData,l=o.visiblePanel;i.computeIsDisabled||(t=i.$refs.refElem,n=i.$refs.refOptionPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,l&&!o.isActivated&&i.hideOptionPanel())},handleGlobalBlurEvent:function(){this.hideOptionPanel()},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},nodeClickEvent:function(e){var t=e.$event;this.dispatchEvent("node-click",e,t)},radioChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t),this.hideOptionPanel()},checkboxChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t)},renderVN:function(e){var t=this,n=t,i=t.$scopedSlots,o=t.reactData,l=n.className,r=n.value,a=n.multiple,s=n.options,u=n.popupClassName,c=n.loading,d=o.initialized,p=o.isActivated,f=o.visiblePanel,h=t.computeSize,m=t.computeIsDisabled,v=t.computeSelectLabel,g=t.computeBtnTransfer,b=i.default,x=i.header,_=i.footer,E=i.prefix,i=t.computeTreeOpts,y=t.computeTreeNodeOpts,P=t.computeTreeCheckboxOpts,O=t.computeTreeRadioOpts,C=t.computeLabelField,F=t.computeValueField,I=t.computeChildrenField,T=t.computeParentField,D=t.computeHasChildField;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-tree-select--readonly",l]},[e("div",{class:"vxe-tree-select-slots",ref:"hideOption"},b?b({}):[]),e("span",{class:"vxe-tree-select-label"},v)]):e("div",{ref:"refElem",class:["vxe-tree-select",l?_xeUtils.default.isFunction(l)?l({$treeSelect:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--visible",f),"is--disabled",m),"is--loading",c),"is--active",p)]},[e(_input.default,{ref:"refInput",props:{clearable:n.clearable,placeholder:n.placeholder,readonly:!0,disabled:m,type:"text",prefixIcon:n.prefixIcon,suffixIcon:c?(0,_ui.getIcon)().TREE_SELECT_LOADED:f?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,value:v},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,suffixClick:t.togglePanelEvent},scopedSlots:E?{prefix:function(){return E({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-tree-select--panel",u?_xeUtils.default.isFunction(u)?u({$treeSelect:t}):u:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(h),h),"is--transfer",g),"ani--leave",!c&&o.visibleAnimate),"ani--enter",!c&&f)],attrs:{placement:o.panelPlacement},style:o.panelStyle},d?[e("div",{class:"vxe-tree-select--panel-wrapper"},[x?e("div",{class:"vxe-tree-select--panel-header"},x({})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-tree-select--panel-body"},[e("div",{ref:"refOptionWrapper",class:"vxe-tree-select-option--wrapper"},[e(_tree.default,{class:"vxe-tree-select--tree",props:{data:s,indent:i.indent,showRadio:!a,radioConfig:O,checkNodeKey:a?null:r,showCheckbox:!!a,checkNodeKeys:a?r:null,checkboxConfig:P,titleField:C,valueField:F,keyField:i.keyField,childrenField:i.childrenField||I,parentField:i.parentField||T,hasChildField:i.hasChildField||D,accordion:i.accordion,nodeConfig:y,lazy:i.lazy,loadMethod:i.loadMethod,toggleMethod:i.toggleMethod,transform:i.transform,trigger:i.trigger,showIcon:i.showIcon,showLine:i.showLine,iconOpen:i.iconOpen,iconLoaded:i.iconLoaded,iconClose:i.iconClose},on:{"node-click":t.nodeClickEvent,"radio-change":t.radioChangeEvent,"checkbox-change":t.checkboxChangeEvent}})])]),_?e("div",{class:"vxe-tree-select--panel-footer"},_({})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{options:function(){this.cacheItemMap()}},created:function(){this.cacheItemMap()},mounted:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refOptionPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_tree=_interopRequireDefault(require("../../tree/src/tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:function(){return _xeUtils.default.eqNull((0,_ui.getConfig)().select.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().select.placeholder}},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,options:Array,optionProps:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size}},remote:Boolean,remoteMethod:Function,treeConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeTreeSelect:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,fullOptionList:[],fullNodeMaps:{},visibleOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeTable,n=e.$xeModal,i=e.$xeDrawer,o=e.$xeForm,e=e.transfer;if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(t||n||i||o)return!0}return e},computeTreeOpts:function(){return Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,this.treeConfig)},computeTreeNodeOpts:function(){var e=this.computeTreeOpts;return Object.assign({isHover:!0},e.nodeConfig)},computeTreeCheckboxOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})},computeTreeRadioOpts:function(){var e=this.computeTreeOpts;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})},computePropsOpts:function(){return Object.assign({},this.optionProps)},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computeChildrenField:function(){return this.computePropsOpts.children||"children"},computeParentField:function(){return this.computePropsOpts.parent||"parentField"},computeHasChildField:function(){return this.computePropsOpts.hasChild||"hasChild"},computeSelectLabel:function(){var e=this.reactData,t=this.value,n=e.fullNodeMaps,i=this.computeLabelField;return(_xeUtils.default.isArray(t)?t:[t]).map(function(e){var t=n[e];return t?t.item[i]:e}).join(", ")}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$treeSelect:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},getOptid:function(e){e=e[this.computeValueField];return e?encodeURIComponent(e):""},refreshOption:function(){return this.$nextTick()},cacheItemMap:function(){var a=this,e=a.reactData,t=a.options,s=a.computeValueField,u={};_xeUtils.default.eachTree(t,function(e,t,n,i,o,l){var r=a.getOptid(e);r||(r=getOptUniqueId(),e[s]=r),u[r]={item:e,index:t,items:n,parent:o,nodes:l}},{children:a.computeChildrenField}),e.fullOptionList=t||[],e.fullNodeMaps=u,a.refreshOption()},updateZindex:function(){var e=this.reactData;e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var p=this,f=p,h=p.reactData;return p.$nextTick().then(function(){var e,t,n,i,o,l,r,a=f.placement,s=h.panelIndex,u=p.$refs.refElem,c=p.$refs.refOptionPanel,d=p.computeBtnTransfer;if(c&&u)return e=u.offsetHeight,t=u.offsetWidth,n=c.offsetHeight,c=c.offsetWidth,s={zIndex:s},i=(u=(0,_dom.getAbsolutePos)(u)).boundingTop,o=u.visibleHeight,l=u.visibleWidth,r="bottom",d?(d=i+e,"top"===a?(r="top",d=i-n):a||(o<d+n+5&&(r="top",d=i-n),d<5&&(r="bottom",d=i+e)),l<(u=u.boundingLeft)+c+5&&(u-=u+c+5-l),u<5&&(u=5),Object.assign(s,{left:"".concat(u,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===a?(r="top",s.bottom="".concat(e,"px")):a||o<i+e+n&&5<i-e-n&&(r="top",s.bottom="".concat(e,"px")),h.panelStyle=s,h.panelPlacement=r,p.$nextTick()})},showOptionPanel:function(){var e,t,n=this,i=n.reactData;n.loading||n.computeIsDisabled||(clearTimeout(n.internalData.hpTimeout),i.initialized||(i.initialized=!0,e=n.computeBtnTransfer,t=n.$refs.refOptionPanel,e&&t&&document.body.appendChild(t)),i.isActivated=!0,i.isAniVisible=!0,setTimeout(function(){i.visiblePanel=!0},10),n.updateZindex(),n.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=window.setTimeout(function(){e.isAniVisible=!1},350)},changeEvent:function(e,t){var n=this,i=n,o=n.reactData,l=n.$xeForm,r=n.formItemInfo,o=o.fullNodeMaps;n.emitModel(t),t!==i.value&&(i=o[t],n.dispatchEvent("change",{value:t,option:i?i.item:null},e),l)&&r&&l.triggerItemEvent(e,r.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){this.clearValueEvent(t,null),this.hideOptionPanel()},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,n,i=this,o=i.reactData,l=o.visiblePanel;i.computeIsDisabled||(t=i.$refs.refElem,n=i.$refs.refOptionPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,l&&!o.isActivated&&i.hideOptionPanel())},handleGlobalBlurEvent:function(){this.hideOptionPanel()},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},nodeClickEvent:function(e){var t=e.$event;this.dispatchEvent("node-click",e,t)},radioChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t),this.hideOptionPanel()},checkboxChangeEvent:function(e){var t=e.value;this.changeEvent(e.$event,t)},renderVN:function(e){var t=this,n=t,i=t.$scopedSlots,o=t.reactData,l=n.className,r=n.value,a=n.multiple,s=n.options,u=n.popupClassName,c=n.loading,d=o.initialized,p=o.isActivated,f=o.isAniVisible,h=o.visiblePanel,m=t.computeSize,v=t.computeIsDisabled,g=t.computeSelectLabel,b=t.computeBtnTransfer,x=i.default,_=i.header,E=i.footer,y=i.prefix,i=t.computeTreeOpts,P=t.computeTreeNodeOpts,O=t.computeTreeCheckboxOpts,C=t.computeTreeRadioOpts,F=t.computeLabelField,I=t.computeValueField,T=t.computeChildrenField,D=t.computeParentField,S=t.computeHasChildField;return t.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-tree-select--readonly",l]},[e("div",{class:"vxe-tree-select-slots",ref:"hideOption"},x?x({}):[]),e("span",{class:"vxe-tree-select-label"},g)]):e("div",{ref:"refElem",class:["vxe-tree-select",l?_xeUtils.default.isFunction(l)?l({$treeSelect:t}):l:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--visible",h),"is--disabled",v),"is--loading",c),"is--active",p)]},[e(_input.default,{ref:"refInput",props:{clearable:n.clearable,placeholder:n.placeholder,readonly:!0,disabled:v,type:"text",prefixIcon:n.prefixIcon,suffixIcon:c?(0,_ui.getIcon)().TREE_SELECT_LOADED:h?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,value:g},on:{clear:t.clearEvent,click:t.clickEvent,focus:t.focusEvent,blur:t.blurEvent,suffixClick:t.togglePanelEvent},scopedSlots:y?{prefix:function(){return y({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-tree-select--panel",u?_xeUtils.default.isFunction(u)?u({$treeSelect:t}):u:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",b),"ani--leave",!c&&f),"ani--enter",!c&&h)],attrs:{placement:o.panelPlacement},style:o.panelStyle},d&&(h||f)?[e("div",{class:"vxe-tree-select--panel-wrapper"},[_?e("div",{class:"vxe-tree-select--panel-header"},_({})):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-tree-select--panel-body"},[e("div",{ref:"refOptionWrapper",class:"vxe-tree-select-option--wrapper"},[e(_tree.default,{class:"vxe-tree-select--tree",props:{data:s,indent:i.indent,showRadio:!a,radioConfig:C,checkNodeKey:a?null:r,showCheckbox:!!a,checkNodeKeys:a?r:null,checkboxConfig:O,titleField:F,valueField:I,keyField:i.keyField,childrenField:i.childrenField||T,parentField:i.parentField||D,hasChildField:i.hasChildField||S,accordion:i.accordion,nodeConfig:P,lazy:i.lazy,loadMethod:i.loadMethod,toggleMethod:i.toggleMethod,transform:i.transform,trigger:i.trigger,showIcon:i.showIcon,showLine:i.showLine,iconOpen:i.iconOpen,iconLoaded:i.iconLoaded,iconClose:i.iconClose},on:{"node-click":t.nodeClickEvent,"radio-change":t.radioChangeEvent,"checkbox-change":t.checkboxChangeEvent}})])]),E?e("div",{class:"vxe-tree-select--panel-footer"},E({})):(0,_ui.renderEmptyElement)(t)])]:[])])}},watch:{options:function(){this.cacheItemMap()}},created:function(){this.cacheItemMap()},mounted:function(){var e=this;_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.refOptionPanel;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"blur")},render:function(e){return this.renderVN(e)}});
|
package/lib/ui/index.js
CHANGED
|
@@ -27,7 +27,7 @@ Object.keys(_core).forEach(function (key) {
|
|
|
27
27
|
var _dynamics = require("../dynamics");
|
|
28
28
|
var _utils = require("./src/utils");
|
|
29
29
|
var _log = require("./src/log");
|
|
30
|
-
var version = exports.version = "3.1.
|
|
30
|
+
var version = exports.version = "3.1.4";
|
|
31
31
|
_core.VxeUI.version = version;
|
|
32
32
|
_core.VxeUI.uiVersion = version;
|
|
33
33
|
_core.VxeUI.tableVersion = '';
|
|
@@ -238,7 +238,9 @@ _core.VxeUI.setup = setup;
|
|
|
238
238
|
controls: true
|
|
239
239
|
},
|
|
240
240
|
printPageBreak: {},
|
|
241
|
-
pulldown: {
|
|
241
|
+
pulldown: {
|
|
242
|
+
destroyOnClose: true
|
|
243
|
+
},
|
|
242
244
|
radio: {
|
|
243
245
|
strict: true
|
|
244
246
|
},
|
package/lib/ui/index.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0},_core=(exports.config=config,exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_utils=require("./src/utils"),_log=require("./src/log"),version=exports.version="3.1.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={version:!0,config:!0,setup:!0},_core=(exports.config=config,exports.default=void 0,exports.setup=setup,exports.version=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics")),_utils=require("./src/utils"),_log=require("./src/log"),version=exports.version="3.1.4";function config(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.version=version,_core.VxeUI.uiVersion=version,_core.VxeUI.tableVersion="",_core.VxeUI.t=_core.VxeUI.getI18n,_core.VxeUI._t=_utils.getFuncText,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover"},buttonGroup:{},calendar:{minDate:new Date(1900,0,1),maxDate:new Date(2100,0,1),startDay:1,selectDay:1},card:{border:!0,padding:!0},carousel:{height:200,loop:!0,interval:5e3},carouselItem:{},checkbox:{},checkboxGroup:{},col:{},collapse:{},collapsePane:{},countdown:{},datePicker:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0,cancelClosable:!0,confirmClosable:!0},form:{validConfig:{showMessage:!0,autoPos:!0},tooltipConfig:{enterable:!0},titleAsterisk:!0,titleOverflow:!1,padding:!0},formDesign:{height:400,showHeader:!0,showPc:!0},formGather:{},formGroup:{},formItem:{},formView:{},icon:{},iconPicker:{icons:["home","company","comment","setting","send","envelope","envelope-open","bell","search","print","pc","goods","chart-line","edit","delete","save","folder","microphone","flag","link","location","sunny","rmb","usd","user","add-user","add-users","star","unlock","time","text","feedback","calendar","association-form","cloud-download","cloud-upload","file","subtable","chart-bar-x","chart-bar-y","chart-line","chart-pie","chart-radar"]},image:{showPreview:!0,showPrintButton:!0},imageGroup:{showPreview:!0,showPrintButton:!0},imagePreview:{showPrintButton:!0},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{},layoutBody:{},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{scrollY:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},modal:{top:16,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,padding:!0,draggable:!0,showConfirmButton:null,cancelClosable:!0,confirmClosable:!0,zoomConfig:{minimizeMaxSize:10,minimizeVerticalOffset:{top:-24,left:0},minimizeHorizontalOffset:{top:0,left:32}},storageKey:"VXE_MODAL_POSITION"},numberInput:{digits:2,controls:!0},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{},passwordInput:{controls:!0},printPageBreak:{},pulldown:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},row:{},select:{multiCharOverflow:8},switch:{},tabPane:{},tabs:{},tag:{},text:{},textarea:{resize:"none"},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300},tree:{indent:20,minHeight:60,radioConfig:{strict:!0}},treeSelect:{treeConfig:{radioConfig:{},checkboxConfig:{}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,imageStyle:{}},table:{},colgroup:{},column:{},toolbar:{},grid:{}});var iconPrefix="vxe-icon-",_default=((0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-down rotate180",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-down",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",ICON_PICKER_OPEN:iconPrefix+"caret-down rotate180",ICON_PICKER_CLOSE:iconPrefix+"caret-down",PAGER_HOME:iconPrefix+"home-page",PAGER_END:iconPrefix+"end-page",PAGER_JUMP_PREV:iconPrefix+"arrow-double-left",PAGER_JUMP_NEXT:iconPrefix+"arrow-double-right",PAGER_PREV_PAGE:iconPrefix+"arrow-left",PAGER_NEXT_PAGE:iconPrefix+"arrow-right",PAGER_JUMP_MORE:iconPrefix+"ellipsis-h",RADIO_CHECKED:iconPrefix+"radio-checked-fill",RADIO_UNCHECKED:iconPrefix+"radio-unchecked",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",NUMBER_INPUT_PREV_NUM:iconPrefix+"caret-up",NUMBER_INPUT_NEXT_NUM:iconPrefix+"caret-down",DATE_PICKER_DATE:iconPrefix+"calendar",PASSWORD_INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",PASSWORD_INPUT_HIDE_PWD:iconPrefix+"eye-fill",MODAL_ZOOM_MIN:iconPrefix+"minus",MODAL_ZOOM_REVERT:iconPrefix+"recover",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",DRAWER_CLOSE:iconPrefix+"close",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",FORM_DESIGN_STYLE_SETTING:iconPrefix+"layout",FORM_DESIGN_PROPS_PC:iconPrefix+"pc",FORM_DESIGN_PROPS_MOBILE:iconPrefix+"mobile",FORM_DESIGN_PROPS_ADD:iconPrefix+"add",FORM_DESIGN_PROPS_EDIT:iconPrefix+"edit",FORM_DESIGN_WIDGET_ADD:iconPrefix+"square-plus-fill",FORM_DESIGN_WIDGET_COPY:iconPrefix+"copy",FORM_DESIGN_WIDGET_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_SWAP_LR:iconPrefix+"swap",FORM_DESIGN_WIDGET_OPTION_DELETE:iconPrefix+"delete",FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus",LIST_DESIGN_FIELD_SETTING:iconPrefix+"custom-column",LIST_DESIGN_LIST_SETTING:iconPrefix+"menu",LIST_DESIGN_LIST_SETTING_SEARCH_DELETE:iconPrefix+"delete",LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE:iconPrefix+"delete",UPLOAD_FILE_ERROR:iconPrefix+"warning-circle-fill",UPLOAD_FILE_ADD:iconPrefix+"upload",UPLOAD_FILE_REMOVE:iconPrefix+"delete",UPLOAD_FILE_DOWNLOAD:iconPrefix+"download",UPLOAD_IMAGE_RE_UPLOAD:iconPrefix+"repeat",UPLOAD_IMAGE_ADD:iconPrefix+"add",UPLOAD_IMAGE_REMOVE:iconPrefix+"close",UPLOAD_LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",UPLOAD_FILE_TYPE_DEFAULT:iconPrefix+"file",UPLOAD_FILE_TYPE_XLSX:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_XLS:iconPrefix+"file-excel",UPLOAD_FILE_TYPE_PDF:iconPrefix+"file-pdf",UPLOAD_FILE_TYPE_PNG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_GIF:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_JPEG:iconPrefix+"file-image",UPLOAD_FILE_TYPE_MD:iconPrefix+"file-markdown",UPLOAD_FILE_TYPE_PPD:iconPrefix+"file-ppt",UPLOAD_FILE_TYPE_DOCX:iconPrefix+"file-word",UPLOAD_FILE_TYPE_DOC:iconPrefix+"file-word",UPLOAD_FILE_TYPE_ZIP:iconPrefix+"file-zip",UPLOAD_FILE_TYPE_TXT:iconPrefix+"file-txt",IMAGE_PREVIEW_CLOSE:iconPrefix+"close",IMAGE_PREVIEW_PREVIOUS:iconPrefix+"arrow-left",IMAGE_PREVIEW_NEXT:iconPrefix+"arrow-right",IMAGE_PREVIEW_PCT_FULL:iconPrefix+"pct-full",IMAGE_PREVIEW_PCT_1_1:iconPrefix+"pct-1-1",IMAGE_PREVIEW_ZOOM_OUT:iconPrefix+"search-zoom-out",IMAGE_PREVIEW_ZOOM_IN:iconPrefix+"search-zoom-in",IMAGE_PREVIEW_ROTATE_LEFT:iconPrefix+"rotate-left",IMAGE_PREVIEW_ROTATE_RIGHT:iconPrefix+"rotate-right",IMAGE_PREVIEW_PRINT:iconPrefix+"print",IMAGE_PREVIEW_DOWNLOAD:iconPrefix+"download",ALERT_CLOSE:iconPrefix+"close",ALERT_INFO:iconPrefix+"info-circle-fill",ALERT_SUCCESS:iconPrefix+"success-circle-fill",ALERT_WARNING:iconPrefix+"warning-circle-fill",ALERT_ERROR:iconPrefix+"error-circle-fill",TREE_NODE_OPEN:iconPrefix+"caret-right rotate90",TREE_NODE_CLOSE:iconPrefix+"caret-right",TREE_NODE_LOADED:iconPrefix+"spinner roll",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_LEFT:iconPrefix+"arrow-left",TABS_TAB_BUTTON_RIGHT:iconPrefix+"arrow-right",TABS_TAB_CLOSE:iconPrefix+"close",TABS_TAB_REFRESH:iconPrefix+"refresh",TABS_TAB_REFRESH_LOADING:iconPrefix+"refresh roll",TEXT_COPY:iconPrefix+"copy",TEXT_LOADING:iconPrefix+"spinner roll",CAROUSEL_HORIZONTAL_PREVIOUS:iconPrefix+"arrow-left",CAROUSEL_HORIZONTAL_NEXT:iconPrefix+"arrow-right",CAROUSEL_VERTICAL_PREVIOUS:iconPrefix+"arrow-up",CAROUSEL_VERTICAL_NEXT:iconPrefix+"arrow-down"}),exports.default=_core.VxeUI);
|
package/lib/ui/src/log.js
CHANGED
|
@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.warnLog = exports.errLog = void 0;
|
|
7
7
|
var _core = require("@vxe-ui/core");
|
|
8
|
-
var version = "ui v".concat("3.1.
|
|
8
|
+
var version = "ui v".concat("3.1.4");
|
|
9
9
|
var warnLog = exports.warnLog = _core.log.create('warn', version);
|
|
10
10
|
var errLog = exports.errLog = _core.log.create('error', version);
|
package/lib/ui/src/log.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),version="ui v".concat("3.1.
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core"),version="ui v".concat("3.1.4"),warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
|
package/package.json
CHANGED
|
@@ -115,7 +115,7 @@ export default defineVxeComponent({
|
|
|
115
115
|
const reactData: ButtonReactData = {
|
|
116
116
|
initialized: false,
|
|
117
117
|
visiblePanel: false,
|
|
118
|
-
|
|
118
|
+
isAniVisible: false,
|
|
119
119
|
isActivated: false,
|
|
120
120
|
panelIndex: 0,
|
|
121
121
|
panelStyle: {},
|
|
@@ -261,7 +261,7 @@ export default defineVxeComponent({
|
|
|
261
261
|
if (panelElem.dataset.active === 'Y') {
|
|
262
262
|
this.mouseenterDropdownEvent()
|
|
263
263
|
} else {
|
|
264
|
-
reactData.
|
|
264
|
+
reactData.isAniVisible = false
|
|
265
265
|
}
|
|
266
266
|
}, trigger === 'click' ? 50 : 250)
|
|
267
267
|
}
|
|
@@ -281,13 +281,13 @@ export default defineVxeComponent({
|
|
|
281
281
|
reactData.visiblePanel = false
|
|
282
282
|
setTimeout(() => {
|
|
283
283
|
if (panelElem.dataset.active !== 'Y') {
|
|
284
|
-
reactData.
|
|
284
|
+
reactData.isAniVisible = false
|
|
285
285
|
}
|
|
286
286
|
}, 350)
|
|
287
287
|
}
|
|
288
288
|
}, 100)
|
|
289
289
|
} else {
|
|
290
|
-
reactData.
|
|
290
|
+
reactData.isAniVisible = false
|
|
291
291
|
reactData.visiblePanel = false
|
|
292
292
|
}
|
|
293
293
|
return this.$nextTick()
|
|
@@ -427,7 +427,7 @@ export default defineVxeComponent({
|
|
|
427
427
|
reactData.visiblePanel = false
|
|
428
428
|
setTimeout(() => {
|
|
429
429
|
if (!panelElem || panelElem.dataset.active !== 'Y') {
|
|
430
|
-
reactData.
|
|
430
|
+
reactData.isAniVisible = false
|
|
431
431
|
}
|
|
432
432
|
}, 350)
|
|
433
433
|
this.dispatchEvent('dropdown-click', { name: targetElem.getAttribute('name'), $event: evnt }, evnt)
|
|
@@ -440,7 +440,7 @@ export default defineVxeComponent({
|
|
|
440
440
|
const panelElem = this.$refs.refBtnPanel as HTMLElement | undefined
|
|
441
441
|
if (panelElem) {
|
|
442
442
|
panelElem.dataset.active = 'Y'
|
|
443
|
-
reactData.
|
|
443
|
+
reactData.isAniVisible = true
|
|
444
444
|
setTimeout(() => {
|
|
445
445
|
if (panelElem.dataset.active === 'Y') {
|
|
446
446
|
reactData.visiblePanel = true
|
|
@@ -566,7 +566,7 @@ export default defineVxeComponent({
|
|
|
566
566
|
const reactData = $xeButton.reactData
|
|
567
567
|
|
|
568
568
|
const { className, popupClassName, align, trigger, title, routerLink, type, destroyOnClose, name, loading } = props
|
|
569
|
-
const { initialized, visiblePanel } = reactData
|
|
569
|
+
const { initialized, isAniVisible, visiblePanel } = reactData
|
|
570
570
|
const isFormBtn = $xeButton.computeIsFormBtn
|
|
571
571
|
const btnMode = $xeButton.computeBtnMode
|
|
572
572
|
const btnStatus = $xeButton.computeBtnStatus
|
|
@@ -659,7 +659,7 @@ export default defineVxeComponent({
|
|
|
659
659
|
ref: 'refBtnPanel',
|
|
660
660
|
class: ['vxe-button--dropdown-panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $button: $xeButton }) : popupClassName) : '', {
|
|
661
661
|
[`size--${vSize}`]: vSize,
|
|
662
|
-
'ani--leave':
|
|
662
|
+
'ani--leave': isAniVisible,
|
|
663
663
|
'ani--enter': visiblePanel
|
|
664
664
|
}],
|
|
665
665
|
attrs: {
|
|
@@ -667,7 +667,7 @@ export default defineVxeComponent({
|
|
|
667
667
|
},
|
|
668
668
|
style: reactData.panelStyle,
|
|
669
669
|
...panelOns
|
|
670
|
-
}, initialized
|
|
670
|
+
}, initialized && (visiblePanel || isAniVisible)
|
|
671
671
|
? [
|
|
672
672
|
h('div', {
|
|
673
673
|
class: 'vxe-button--dropdown-wrapper',
|
|
@@ -2284,7 +2284,7 @@ export default defineVxeComponent({
|
|
|
2284
2284
|
placement: panelPlacement
|
|
2285
2285
|
},
|
|
2286
2286
|
style: panelStyle
|
|
2287
|
-
}, initialized ? renders : [])
|
|
2287
|
+
}, initialized && (visiblePanel || isAniVisible) ? renders : [])
|
|
2288
2288
|
}
|
|
2289
2289
|
return renderEmptyElement($xeDatePicker)
|
|
2290
2290
|
},
|
|
@@ -579,7 +579,7 @@ export default defineVxeComponent({
|
|
|
579
579
|
const reactData = $xeIconPicker.reactData
|
|
580
580
|
|
|
581
581
|
const { className, popupClassName, clearable } = props
|
|
582
|
-
const { initialized, isActivated, visiblePanel, selectIcon } = reactData
|
|
582
|
+
const { initialized, isActivated, isAniVisible, visiblePanel, selectIcon } = reactData
|
|
583
583
|
const vSize = $xeIconPicker.computeSize
|
|
584
584
|
const isDisabled = $xeIconPicker.computeIsDisabled
|
|
585
585
|
const btnTransfer = $xeIconPicker.computeBtnTransfer
|
|
@@ -658,24 +658,22 @@ export default defineVxeComponent({
|
|
|
658
658
|
class: ['vxe-table--ignore-clear vxe-ico-picker--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $iconPicker: $xeIconPicker }) : popupClassName) : '', {
|
|
659
659
|
[`size--${vSize}`]: vSize,
|
|
660
660
|
'is--transfer': btnTransfer,
|
|
661
|
-
'ani--leave':
|
|
661
|
+
'ani--leave': isAniVisible,
|
|
662
662
|
'ani--enter': visiblePanel
|
|
663
663
|
}],
|
|
664
664
|
attrs: {
|
|
665
665
|
placement: reactData.panelPlacement
|
|
666
666
|
},
|
|
667
667
|
style: reactData.panelStyle
|
|
668
|
-
},
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
]
|
|
678
|
-
: [])
|
|
668
|
+
}, [
|
|
669
|
+
initialized && (visiblePanel || isAniVisible)
|
|
670
|
+
? h('div', {
|
|
671
|
+
class: 'vxe-ico-picker--panel-wrapper'
|
|
672
|
+
}, [
|
|
673
|
+
$xeIconPicker.renderIconWrapper(h)
|
|
674
|
+
])
|
|
675
|
+
: renderEmptyElement($xeIconPicker)
|
|
676
|
+
])
|
|
679
677
|
])
|
|
680
678
|
}
|
|
681
679
|
},
|
|
@@ -2650,7 +2650,7 @@ export default defineVxeComponent({
|
|
|
2650
2650
|
placement: panelPlacement
|
|
2651
2651
|
},
|
|
2652
2652
|
style: panelStyle
|
|
2653
|
-
}, initialized ? renders : [])
|
|
2653
|
+
}, initialized && (visiblePanel || isAniVisible) ? renders : [])
|
|
2654
2654
|
}
|
|
2655
2655
|
return renderEmptyElement($xeInput)
|
|
2656
2656
|
},
|
|
@@ -64,7 +64,7 @@ export default defineVxeComponent({
|
|
|
64
64
|
panelStyle: {},
|
|
65
65
|
panelPlacement: null,
|
|
66
66
|
visiblePanel: false,
|
|
67
|
-
|
|
67
|
+
isAniVisible: false,
|
|
68
68
|
isActivated: false
|
|
69
69
|
}
|
|
70
70
|
const internalData: PulldownInternalData = {
|
|
@@ -236,7 +236,7 @@ export default defineVxeComponent({
|
|
|
236
236
|
clearTimeout(internalData.hpTimeout)
|
|
237
237
|
}
|
|
238
238
|
reactData.isActivated = true
|
|
239
|
-
reactData.
|
|
239
|
+
reactData.isAniVisible = true
|
|
240
240
|
setTimeout(() => {
|
|
241
241
|
reactData.visiblePanel = true
|
|
242
242
|
$xePulldown.emitModel(true)
|
|
@@ -264,9 +264,9 @@ export default defineVxeComponent({
|
|
|
264
264
|
reactData.visiblePanel = false
|
|
265
265
|
$xePulldown.emitModel(false)
|
|
266
266
|
return new Promise<void>(resolve => {
|
|
267
|
-
if (reactData.
|
|
267
|
+
if (reactData.isAniVisible) {
|
|
268
268
|
internalData.hpTimeout = window.setTimeout(() => {
|
|
269
|
-
reactData.
|
|
269
|
+
reactData.isAniVisible = false
|
|
270
270
|
$xePulldown.$nextTick(() => {
|
|
271
271
|
resolve()
|
|
272
272
|
})
|
|
@@ -391,7 +391,7 @@ export default defineVxeComponent({
|
|
|
391
391
|
const reactData = $xePulldown.reactData
|
|
392
392
|
|
|
393
393
|
const { className, options, popupClassName, showPopupShadow, destroyOnClose, disabled } = props
|
|
394
|
-
const { initialized, isActivated,
|
|
394
|
+
const { initialized, isActivated, isAniVisible, visiblePanel, panelStyle, panelPlacement } = reactData
|
|
395
395
|
const btnTransfer = $xePulldown.computeBtnTransfer
|
|
396
396
|
const vSize = $xePulldown.computeSize
|
|
397
397
|
const defaultSlot = slots.default
|
|
@@ -421,7 +421,7 @@ export default defineVxeComponent({
|
|
|
421
421
|
[`size--${vSize}`]: vSize,
|
|
422
422
|
'is--shadow': showPopupShadow,
|
|
423
423
|
'is--transfer': btnTransfer,
|
|
424
|
-
'ani--leave':
|
|
424
|
+
'ani--leave': isAniVisible,
|
|
425
425
|
'ani--enter': visiblePanel
|
|
426
426
|
}],
|
|
427
427
|
attrs: {
|
|
@@ -432,9 +432,8 @@ export default defineVxeComponent({
|
|
|
432
432
|
? [
|
|
433
433
|
h('div', {
|
|
434
434
|
class: 'vxe-pulldown--panel-wrapper'
|
|
435
|
-
},
|
|
436
|
-
? [
|
|
437
|
-
: [
|
|
435
|
+
}, initialized && (destroyOnClose ? (visiblePanel || isAniVisible) : true)
|
|
436
|
+
? [
|
|
438
437
|
headerSlot
|
|
439
438
|
? h('div', {
|
|
440
439
|
class: 'vxe-pulldown--panel-header'
|
|
@@ -452,7 +451,8 @@ export default defineVxeComponent({
|
|
|
452
451
|
class: 'vxe-pulldown--panel-footer'
|
|
453
452
|
}, footerSlot({ $pulldown: $xePulldown }))
|
|
454
453
|
: renderEmptyElement($xePulldown)
|
|
455
|
-
]
|
|
454
|
+
]
|
|
455
|
+
: [])
|
|
456
456
|
]
|
|
457
457
|
: [])
|
|
458
458
|
])
|
|
@@ -1145,7 +1145,7 @@ export default defineVxeComponent({
|
|
|
1145
1145
|
const reactData = $xeSelect.reactData
|
|
1146
1146
|
|
|
1147
1147
|
const { className, popupClassName, loading, filterable } = props
|
|
1148
|
-
const { initialized, isActivated, visiblePanel } = reactData
|
|
1148
|
+
const { initialized, isActivated, isAniVisible, visiblePanel } = reactData
|
|
1149
1149
|
const vSize = $xeSelect.computeSize
|
|
1150
1150
|
const isDisabled = $xeSelect.computeIsDisabled
|
|
1151
1151
|
const selectLabel = $xeSelect.computeSelectLabel
|
|
@@ -1215,14 +1215,14 @@ export default defineVxeComponent({
|
|
|
1215
1215
|
class: ['vxe-table--ignore-clear vxe-select--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $select: $xeSelect }) : popupClassName) : '', {
|
|
1216
1216
|
[`size--${vSize}`]: vSize,
|
|
1217
1217
|
'is--transfer': btnTransfer,
|
|
1218
|
-
'ani--leave': !loading &&
|
|
1218
|
+
'ani--leave': !loading && isAniVisible,
|
|
1219
1219
|
'ani--enter': !loading && visiblePanel
|
|
1220
1220
|
}],
|
|
1221
1221
|
attrs: {
|
|
1222
1222
|
placement: reactData.panelPlacement
|
|
1223
1223
|
},
|
|
1224
1224
|
style: reactData.panelStyle
|
|
1225
|
-
}, initialized
|
|
1225
|
+
}, initialized && (visiblePanel || isAniVisible)
|
|
1226
1226
|
? [
|
|
1227
1227
|
filterable
|
|
1228
1228
|
? h('div', {
|
|
@@ -90,7 +90,7 @@ export default defineVxeComponent({
|
|
|
90
90
|
panelPlacement: null,
|
|
91
91
|
triggerFocusPanel: false,
|
|
92
92
|
visiblePanel: false,
|
|
93
|
-
|
|
93
|
+
isAniVisible: false,
|
|
94
94
|
isActivated: false
|
|
95
95
|
}
|
|
96
96
|
const internalData: TreeSelectInternalData = {
|
|
@@ -400,7 +400,7 @@ export default defineVxeComponent({
|
|
|
400
400
|
}
|
|
401
401
|
}
|
|
402
402
|
reactData.isActivated = true
|
|
403
|
-
reactData.
|
|
403
|
+
reactData.isAniVisible = true
|
|
404
404
|
setTimeout(() => {
|
|
405
405
|
reactData.visiblePanel = true
|
|
406
406
|
}, 10)
|
|
@@ -415,7 +415,7 @@ export default defineVxeComponent({
|
|
|
415
415
|
|
|
416
416
|
reactData.visiblePanel = false
|
|
417
417
|
internalData.hpTimeout = window.setTimeout(() => {
|
|
418
|
-
reactData.
|
|
418
|
+
reactData.isAniVisible = false
|
|
419
419
|
}, 350)
|
|
420
420
|
},
|
|
421
421
|
changeEvent (evnt: Event, selectValue: any) {
|
|
@@ -560,7 +560,7 @@ export default defineVxeComponent({
|
|
|
560
560
|
const reactData = $xeTreeSelect.reactData
|
|
561
561
|
|
|
562
562
|
const { className, value, multiple, options, popupClassName, loading } = props
|
|
563
|
-
const { initialized, isActivated, visiblePanel } = reactData
|
|
563
|
+
const { initialized, isActivated, isAniVisible, visiblePanel } = reactData
|
|
564
564
|
const vSize = $xeTreeSelect.computeSize
|
|
565
565
|
const isDisabled = $xeTreeSelect.computeIsDisabled
|
|
566
566
|
const selectLabel = $xeTreeSelect.computeSelectLabel
|
|
@@ -634,14 +634,14 @@ export default defineVxeComponent({
|
|
|
634
634
|
class: ['vxe-table--ignore-clear vxe-tree-select--panel', popupClassName ? (XEUtils.isFunction(popupClassName) ? popupClassName({ $treeSelect: $xeTreeSelect }) : popupClassName) : '', {
|
|
635
635
|
[`size--${vSize}`]: vSize,
|
|
636
636
|
'is--transfer': btnTransfer,
|
|
637
|
-
'ani--leave': !loading &&
|
|
637
|
+
'ani--leave': !loading && isAniVisible,
|
|
638
638
|
'ani--enter': !loading && visiblePanel
|
|
639
639
|
}],
|
|
640
640
|
attrs: {
|
|
641
641
|
placement: reactData.panelPlacement
|
|
642
642
|
},
|
|
643
643
|
style: reactData.panelStyle
|
|
644
|
-
}, initialized
|
|
644
|
+
}, initialized && (visiblePanel || isAniVisible)
|
|
645
645
|
? [
|
|
646
646
|
h('div', {
|
|
647
647
|
class: 'vxe-tree-select--panel-wrapper'
|
package/packages/ui/index.ts
CHANGED
|
@@ -118,7 +118,7 @@ export interface VxeButtonPrivateComputed extends ButtonPrivateComputed { }
|
|
|
118
118
|
export interface ButtonReactData {
|
|
119
119
|
initialized: boolean
|
|
120
120
|
visiblePanel: boolean
|
|
121
|
-
|
|
121
|
+
isAniVisible: boolean
|
|
122
122
|
isActivated: boolean
|
|
123
123
|
panelIndex: number
|
|
124
124
|
panelStyle: VxeComponentStyleType
|
|
@@ -25,6 +25,7 @@ export namespace VxeFormViewPropTypes {
|
|
|
25
25
|
export type ViewRender = {
|
|
26
26
|
name?: string
|
|
27
27
|
}
|
|
28
|
+
export type FormOptions<D = any> = Omit<VxeFormProps<D>, 'data' | 'items'>
|
|
28
29
|
export type CreateFormConfig = (params: VxeFormViewDefines.CreateFormConfigParams) => VxeFormProps
|
|
29
30
|
export type Size = VxeComponentSizeType
|
|
30
31
|
}
|
|
@@ -35,6 +36,7 @@ export interface VxeFormViewProps {
|
|
|
35
36
|
readonly?: VxeFormViewPropTypes.Readonly
|
|
36
37
|
disabled?: VxeFormViewPropTypes.Disabled
|
|
37
38
|
viewRender?: VxeFormViewPropTypes.ViewRender
|
|
39
|
+
formOptions?: VxeFormViewPropTypes.FormOptions
|
|
38
40
|
createFormConfig?: VxeFormViewPropTypes.CreateFormConfig
|
|
39
41
|
size?: VxeFormViewPropTypes.Size
|
|
40
42
|
}
|
|
@@ -49,6 +49,7 @@ export namespace VxeTablePropTypes {
|
|
|
49
49
|
export type MaxHeight = number | string
|
|
50
50
|
export type Resizable = boolean
|
|
51
51
|
export type Stripe = boolean
|
|
52
|
+
export type Padding = boolean
|
|
52
53
|
export type Round = boolean
|
|
53
54
|
export type Border = boolean | 'default' | 'full' | 'outer' | 'inner' | 'none' | ''
|
|
54
55
|
export type Loading = boolean
|
|
@@ -1705,6 +1706,10 @@ export interface VxeTableProps<D = any> {
|
|
|
1705
1706
|
* 是否带有斑马纹(需要注意的是,在可编辑表格场景下,临时插入的数据不会有斑马纹样式)
|
|
1706
1707
|
*/
|
|
1707
1708
|
stripe?: VxeTablePropTypes.Stripe
|
|
1709
|
+
/**
|
|
1710
|
+
* 单元格是否有边距
|
|
1711
|
+
*/
|
|
1712
|
+
padding?: VxeTablePropTypes.Padding
|
|
1708
1713
|
/**
|
|
1709
1714
|
* 是否为圆角边框
|
|
1710
1715
|
*/
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|