vxe-pc-ui 4.11.43 → 4.11.45
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 +18 -6
- package/es/date-picker/src/date-picker.js +17 -5
- package/es/date-range-picker/src/date-range-picker.js +17 -5
- package/es/icon/style.css +1 -1
- package/es/icon-picker/src/icon-picker.js +36 -74
- package/es/pulldown/src/pulldown.js +26 -6
- package/es/select/src/select.js +55 -16
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/table-select/src/table-select.js +17 -7
- package/es/tree-select/src/tree-select.js +21 -7
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/button/src/button.js +18 -9
- package/lib/button/src/button.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +19 -7
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +19 -7
- package/lib/date-range-picker/src/date-range-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 +39 -80
- package/lib/icon-picker/src/icon-picker.min.js +1 -1
- package/lib/index.umd.js +220 -157
- package/lib/index.umd.min.js +1 -1
- package/lib/pulldown/src/pulldown.js +26 -9
- package/lib/pulldown/src/pulldown.min.js +1 -1
- package/lib/select/src/select.js +57 -21
- package/lib/select/src/select.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/table-select/src/table-select.js +18 -12
- package/lib/table-select/src/table-select.min.js +1 -1
- package/lib/tree-select/src/tree-select.js +22 -10
- package/lib/tree-select/src/tree-select.min.js +1 -1
- package/lib/ui/index.js +1 -1
- 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 +19 -6
- package/packages/date-picker/src/date-picker.ts +18 -5
- package/packages/date-range-picker/src/date-range-picker.ts +18 -5
- package/packages/icon-picker/src/icon-picker.ts +37 -71
- package/packages/pulldown/src/pulldown.ts +27 -6
- package/packages/select/src/select.ts +54 -16
- package/packages/table-select/src/table-select.ts +17 -7
- package/packages/tree-select/src/tree-select.ts +21 -7
- package/types/components/button.d.ts +18 -0
- package/types/components/date-picker.d.ts +8 -0
- package/types/components/date-range-picker.d.ts +8 -0
- package/types/components/icon-picker.d.ts +24 -0
- package/types/components/pulldown.d.ts +28 -0
- package/types/components/select.d.ts +70 -0
- package/types/components/table-select.d.ts +16 -1
- package/types/components/table.d.ts +2 -2
- package/types/components/tree-select.d.ts +20 -2
- package/types/components/upload.d.ts +1 -1
- /package/es/icon/{iconfont.1768192734102.ttf → iconfont.1768381374840.ttf} +0 -0
- /package/es/icon/{iconfont.1768192734102.woff → iconfont.1768381374840.woff} +0 -0
- /package/es/icon/{iconfont.1768192734102.woff2 → iconfont.1768381374840.woff2} +0 -0
- /package/es/{iconfont.1768192734102.ttf → iconfont.1768381374840.ttf} +0 -0
- /package/es/{iconfont.1768192734102.woff → iconfont.1768381374840.woff} +0 -0
- /package/es/{iconfont.1768192734102.woff2 → iconfont.1768381374840.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1768192734102.ttf → iconfont.1768381374840.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1768192734102.woff → iconfont.1768381374840.woff} +0 -0
- /package/lib/icon/style/{iconfont.1768192734102.woff2 → iconfont.1768381374840.woff2} +0 -0
- /package/lib/{iconfont.1768192734102.ttf → iconfont.1768381374840.ttf} +0 -0
- /package/lib/{iconfont.1768192734102.woff → iconfont.1768381374840.woff} +0 -0
- /package/lib/{iconfont.1768192734102.woff2 → iconfont.1768381374840.woff2} +0 -0
|
@@ -51,6 +51,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
51
51
|
options: Array,
|
|
52
52
|
optionProps: Object,
|
|
53
53
|
lazyOptions: Array,
|
|
54
|
+
/**
|
|
55
|
+
* 已废弃,请使用 popupConfig.zIndex
|
|
56
|
+
* @deprecated
|
|
57
|
+
*/
|
|
54
58
|
zIndex: Number,
|
|
55
59
|
size: {
|
|
56
60
|
type: String,
|
|
@@ -128,8 +132,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
128
132
|
const {
|
|
129
133
|
transfer
|
|
130
134
|
} = props;
|
|
135
|
+
const popupOpts = computePopupOpts.value;
|
|
136
|
+
if (_xeUtils.default.isBoolean(popupOpts.transfer)) {
|
|
137
|
+
return popupOpts.transfer;
|
|
138
|
+
}
|
|
131
139
|
if (transfer === null) {
|
|
132
|
-
const globalTransfer = (0, _ui.getConfig)().
|
|
140
|
+
const globalTransfer = (0, _ui.getConfig)().tableSelect.transfer;
|
|
133
141
|
if (_xeUtils.default.isBoolean(globalTransfer)) {
|
|
134
142
|
return globalTransfer;
|
|
135
143
|
}
|
|
@@ -403,11 +411,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
403
411
|
updateModel(props.modelValue);
|
|
404
412
|
};
|
|
405
413
|
const updateZindex = () => {
|
|
406
|
-
const
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
reactData.panelIndex = zIndex;
|
|
414
|
+
const popupOpts = computePopupOpts.value;
|
|
415
|
+
const customZIndex = popupOpts.zIndex || props.zIndex;
|
|
416
|
+
if (customZIndex) {
|
|
417
|
+
reactData.panelIndex = _xeUtils.default.toNumber(customZIndex);
|
|
411
418
|
} else if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
|
|
412
419
|
reactData.panelIndex = (0, _utils.nextZIndex)();
|
|
413
420
|
}
|
|
@@ -422,9 +429,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
422
429
|
const targetElem = refElem.value;
|
|
423
430
|
const panelElem = refOptionPanel.value;
|
|
424
431
|
const btnTransfer = computeBtnTransfer.value;
|
|
432
|
+
const popupOpts = computePopupOpts.value;
|
|
425
433
|
const handleStyle = () => {
|
|
426
434
|
const ppObj = (0, _dom.updatePanelPlacement)(targetElem, panelElem, {
|
|
427
|
-
placement,
|
|
435
|
+
placement: popupOpts.placement || placement,
|
|
428
436
|
teleportTo: btnTransfer
|
|
429
437
|
});
|
|
430
438
|
const panelStyle = Object.assign(ppObj.style, {
|
|
@@ -639,15 +647,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
639
647
|
const btnTransfer = computeBtnTransfer.value;
|
|
640
648
|
const formReadonly = computeFormReadonly.value;
|
|
641
649
|
const popupOpts = computePopupOpts.value;
|
|
642
|
-
const {
|
|
643
|
-
className: popupClassName
|
|
644
|
-
} = popupOpts;
|
|
645
650
|
const selectGridOpts = computeSelectGridOpts.value;
|
|
646
651
|
const rowOpts = computeRowOpts.value;
|
|
647
652
|
const popupWrapperStyle = computePopupWrapperStyle.value;
|
|
648
653
|
const headerSlot = slots.header;
|
|
649
654
|
const footerSlot = slots.footer;
|
|
650
655
|
const prefixSlot = slots.prefix;
|
|
656
|
+
const ppClassName = popupOpts.className;
|
|
651
657
|
if (formReadonly) {
|
|
652
658
|
return (0, _vue.h)('div', {
|
|
653
659
|
ref: refElem,
|
|
@@ -689,9 +695,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
689
695
|
disabled: btnTransfer ? !initialized : true
|
|
690
696
|
}, [(0, _vue.h)('div', {
|
|
691
697
|
ref: refOptionPanel,
|
|
692
|
-
class: ['vxe-table--ignore-clear vxe-table-select--panel',
|
|
698
|
+
class: ['vxe-table--ignore-clear vxe-table-select--panel', ppClassName ? _xeUtils.default.isFunction(ppClassName) ? ppClassName({
|
|
693
699
|
$tableSelect: $xeTableSelect
|
|
694
|
-
}) :
|
|
700
|
+
}) : ppClassName : '', {
|
|
695
701
|
[`size--${vSize}`]: vSize,
|
|
696
702
|
'is--transfer': btnTransfer,
|
|
697
703
|
'ani--leave': !loading && isAniVisible,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getRowUniqueId=getRowUniqueId;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}function createInternalData(){return{fullRowMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().tableSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().tableSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,columns:Array,options:Array,optionProps:Object,lazyOptions:Array,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().tableSelect.size||(0,_ui.getConfig)().size},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","form-submit","form-reset","form-collapse","page-change"],setup(h,e){const{emit:i,slots:C}=e,y=_ui.VxeUI.getComponent("vxe-grid"),l=(0,_vue.inject)("$xeModal",null),a=(0,_vue.inject)("$xeDrawer",null),$=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),u=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const V=(0,_ui.useSize)(h)["computeSize"],E=(0,_vue.ref)(),T=(0,_vue.ref)(),L=(0,_vue.ref)(),I=(0,_vue.ref)(),w=(0,_vue.ref)(),S=(0,_vue.reactive)({initialized:!1,tableColumns:[],fullOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),s=createInternalData(),k={refElem:E},F=(0,_vue.computed)(()=>{var e=h["readonly"];return null===e?!!n&&n.props.readonly:e}),U=(0,_vue.computed)(()=>{var e=h["disabled"];return null===e?!!n&&n.props.disabled:e}),O=(0,_vue.computed)(()=>{var e=h["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if($||l||a||n)return!0}return e}),o=(0,_vue.computed)(()=>h.optionProps||{}),P=(0,_vue.computed)(()=>{var e=d.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),v=(0,_vue.computed)(()=>{return P.value.keyField||"_X_ROW_KEY"}),N=(0,_vue.computed)(()=>{return o.value.label||"label"}),c=(0,_vue.computed)(()=>{return o.value.value||"value"}),j=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,h.popupConfig)),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,h.gridConfig,{data:void 0})),D=(0,_vue.computed)(()=>{var e=d.value;const{pagerConfig:a,proxyConfig:t}=e;if(t){var l=t.ajax;if(l&&l.query){var i=_xeUtils.default.clone(t,!0);const n=l.query;if(n){const u=t.response||t.props||{};Object.assign(i.ajax,{query(e,...t){return Promise.resolve(n(e,...t)).then(e=>{let t=[];var l;return t=a?(l=u.result,(_xeUtils.default.isFunction(l)?l({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,l||"result"))||[]):((l=u.list)?_xeUtils.default.isFunction(l)?l({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,l):e)||[],f(t||[]),e})}})}return Object.assign({},e,{proxyConfig:i})}}return e}),B=(0,_vue.computed)(()=>{const{modelValue:e,lazyOptions:l}=h;var t=S["fullOptionList"];const a=s["fullRowMaps"],i=c.value,n=N.value;return t?(_xeUtils.default.isArray(e)?e:[e]).map(t=>{var e=a[t];if(e)return e.item[n];if(l){e=l.find(e=>e[i]===t);if(e)return e[n]}return t}).join(", "):""}),M=(0,_vue.computed)(()=>{var{height:e,width:t}=j.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e)),l}),K={},q={xID:t,props:h,context:e,reactData:S,getRefMaps:()=>k,getComputeMaps:()=>K};const A={},r=(["form-submit","form-reset","form-collapse","page-change"].forEach(t=>{A[(0,_vn.getOnName)(_xeUtils.default.camelCase(t))]=e=>{r(t,e,e.$event)}}),(e,t,l)=>{i(e,(0,_ui.createEvent)(l,{$tableSelect:q},t))});t={dispatchEvent:r};const Z=e=>{const t=s["fullRowMaps"],l=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=t[e];e&&l.push(e.item)}),l},p=l=>{const a=h["multiple"];(0,_vue.nextTick)(()=>{var e,t=w.value;t&&(e=Z(l)).length&&(a?t.setCheckboxRow(e,!0):t.setRadioRow(e[0]))})},g=e=>{if(e&&e.length){var a=h["multiple"];const i=[];let t=!1,l=!1;e.forEach(e=>{t||"radio"!==e.type?l||"checkbox"!==e.type||(l=!0):t=!0,i.push(e)}),a?l||i.unshift({type:"checkbox",width:70}):t||i.unshift({type:"radio",width:70}),S.tableColumns=i}},f=e=>{var t=h["options"];const n=v.value,u=c.value;var{treeConfig:l,pagerConfig:a}=d.value;const o={},r={};l||_xeUtils.default.arrayEach(e||t||[],(e,t,l)=>{let a=(e=>{e=e[v.value];return e?encodeURIComponent(e):""})(e);a=a||getRowUniqueId(),r[a]&&(0,_log.errLog)("vxe.error.repeatKey",["[table-select] "+n,a]),r[a]=!0;var i=e[u];o[i]&&(0,_log.errLog)("vxe.error.repeatKey",["[table-select] "+u,i]),o[i]={item:e,index:t,items:l,parent:null,nodes:[]}}),S.fullOptionList=e||t||[],s.fullRowMaps=a?Object.assign({},s.fullRowMaps,o):o,p(h.modelValue)},_=()=>{const l=h["placement"],a=S["panelIndex"],i=E.value,n=I.value,u=O.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,n,{placement:l,teleportTo:u}),t=Object.assign(e.style,{zIndex:a});S.panelStyle=t,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},m=()=>{var e=h["loading"],t=U.value;e||t||(s.vpTimeout&&clearTimeout(s.vpTimeout),s.hpTimeout&&clearTimeout(s.hpTimeout),S.initialized||(S.initialized=!0),S.isActivated=!0,S.isAniVisible=!0,s.vpTimeout=setTimeout(()=>{S.visiblePanel=!0,p(h.modelValue),s.vpTimeout=void 0},10),(e=h.zIndex)?S.panelIndex=e:S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)()),_())},b=()=>{S.visiblePanel=!1,s.vpTimeout&&clearTimeout(s.vpTimeout),s.hpTimeout&&clearTimeout(s.hpTimeout),s.hpTimeout=setTimeout(()=>{S.isAniVisible=!1,s.hpTimeout=void 0},350)},x=(e,t,l)=>{var a;a=t,i("update:modelValue",a),t!==h.modelValue&&(r("change",{value:t,row:l,option:l},e),n)&&u&&n.triggerItemEvent(e,u.itemConfig.field,t)},W=(e,t)=>{x(e,t,null),r("clear",{value:t},e)},X=(e,t)=>{W(t,null),b()},Y=e=>{var t=S["visiblePanel"];U.value||t&&(t=I.value,((0,_dom.getEventTargetNode)(e,t).flag?_:b)())},G=e=>{var t,l,a=S["visiblePanel"];U.value||(t=E.value,l=I.value,S.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!S.isActivated&&b())},H=()=>{var{visiblePanel:e,isActivated:t}=S;e&&b(),t&&(S.isActivated=!1),(e||t)&&(e=T.value)&&e.blur()},J=()=>{var e=S["visiblePanel"];e&&_()},Q=e=>{U.value||S.visiblePanel||(S.triggerFocusPanel=!0,m(),setTimeout(()=>{S.triggerFocusPanel=!1},150)),r("focus",{},e)},ee=e=>{R(e),r("click",{},e)},te=e=>{S.isActivated=!1,r("blur",{},e)},R=e=>{e=e.$event;e.preventDefault(),S.triggerFocusPanel?S.triggerFocusPanel=!1:(S.visiblePanel?b:m)()},le=e=>{var{$event:e,row:t}=e,l=t[c.value];x(e,l,t),b()},z=e=>{var{$grid:e,$event:t,row:l}=e;const a=c.value;e&&(e=e.getCheckboxRecords().map(e=>e[a]),x(t,e,l))},ae=e=>{z(e)};Object.assign(q,t,{});return(0,_vue.watch)(()=>h.options,()=>{f()}),(0,_vue.watch)(()=>h.columns,e=>{g(e)}),(0,_vue.watch)(()=>h.modelValue,e=>{p(e)}),g(h.columns),f(),(0,_vue.onMounted)(()=>{var e=h["gridConfig"];e&&e.proxyConfig&&!1!==e.proxyConfig.autoLoad&&(S.initialized=!0),_ui.globalEvents.on(q,"mousewheel",Y),_ui.globalEvents.on(q,"mousedown",G),_ui.globalEvents.on(q,"blur",H),_ui.globalEvents.on(q,"resize",J)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(q,"mousewheel"),_ui.globalEvents.off(q,"mousedown"),_ui.globalEvents.off(q,"blur"),_ui.globalEvents.off(q,"resize"),_xeUtils.default.assign(s,createInternalData())}),(0,_vue.nextTick)(()=>{y||(0,_log.errLog)("vxe.error.reqComp",["[table-select] vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",q),q.renderVN=()=>{var{className:e,options:t,loading:l}=h,{initialized:a,isActivated:i,isAniVisible:n,visiblePanel:u,tableColumns:o}=S,r=V.value,s=U.value,v=B.value,c=O.value,d=F.value,p=j.value["className"],g=D.value,f=P.value,_=M.value,m=C.header,b=C.footer;const x=C.prefix;return d?(0,_vue.h)("div",{ref:E,class:["vxe-table-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-table-select-label"},v)]):(0,_vue.h)("div",{ref:E,class:["vxe-table-select",e?_xeUtils.default.isFunction(e)?e({$tableSelect:q}):e:"",{["size--"+r]:r,"is--visible":u,"is--disabled":s,"is--loading":l,"is--active":i}]},[(0,_vue.h)(_input.default,{ref:T,clearable:h.clearable,placeholder:l?(0,_ui.getI18n)("vxe.select.loadingText"):h.placeholder,readonly:!0,disabled:s,type:"text",prefixIcon:h.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().TABLE_SELECT_LOADED:u?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:l?"":v,onClear:X,onClick:ee,onFocus:Q,onBlur:te,onSuffixClick:R},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!a},[(0,_vue.h)("div",{ref:I,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:q}):p:"",{["size--"+r]:r,"is--transfer":c,"ani--leave":!l&&n,"ani--enter":!l&&u}],placement:S.panelPlacement,style:S.panelStyle},a?[(0,_vue.h)("div",{class:"vxe-table-select--panel-wrapper"},[m?(0,_vue.h)("div",{class:"vxe-table-select--panel-header"},m({})):(0,_ui.renderEmptyElement)(q),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:L,class:"vxe-table-select-grid--wrapper",style:_},[y?(0,_vue.h)(y,Object.assign(Object.assign(Object.assign({},g),A),{class:"vxe-table-select--grid",ref:w,rowConfig:f,data:t,columns:o.length?o:g.columns,height:"100%",autoResize:!0,onRadioChange:le,onCheckboxChange:z,onCheckboxAll:ae}),Object.assign({},C,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(q)])]),b?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},b({})):(0,_ui.renderEmptyElement)(q)])]:[])])])},q},render(){return this.renderVN()}});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getRowUniqueId=getRowUniqueId;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}function createInternalData(){return{fullRowMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().tableSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().tableSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,columns:Array,options:Array,optionProps:Object,lazyOptions:Array,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().tableSelect.size||(0,_ui.getConfig)().size},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","form-submit","form-reset","form-collapse","page-change"],setup(h,e){const{emit:i,slots:C}=e,y=_ui.VxeUI.getComponent("vxe-grid"),l=(0,_vue.inject)("$xeModal",null),a=(0,_vue.inject)("$xeDrawer",null),$=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),u=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const V=(0,_ui.useSize)(h)["computeSize"],E=(0,_vue.ref)(),T=(0,_vue.ref)(),L=(0,_vue.ref)(),I=(0,_vue.ref)(),w=(0,_vue.ref)(),S=(0,_vue.reactive)({initialized:!1,tableColumns:[],fullOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),s=createInternalData(),N={refElem:E},k=(0,_vue.computed)(()=>{var e=h["readonly"];return null===e?!!n&&n.props.readonly:e}),U=(0,_vue.computed)(()=>{var e=h["disabled"];return null===e?!!n&&n.props.disabled:e}),O=(0,_vue.computed)(()=>{var e=h["transfer"],t=j.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().tableSelect.transfer;if(_xeUtils.default.isBoolean(t))return t;if($||l||a||n)return!0}return e}),r=(0,_vue.computed)(()=>h.optionProps||{}),P=(0,_vue.computed)(()=>{var e=d.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),v=(0,_vue.computed)(()=>{return P.value.keyField||"_X_ROW_KEY"}),F=(0,_vue.computed)(()=>{return r.value.label||"label"}),c=(0,_vue.computed)(()=>{return r.value.value||"value"}),j=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,h.popupConfig)),d=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,h.gridConfig,{data:void 0})),B=(0,_vue.computed)(()=>{var e=d.value;const{pagerConfig:a,proxyConfig:t}=e;if(t){var l=t.ajax;if(l&&l.query){var i=_xeUtils.default.clone(t,!0);const n=l.query;if(n){const u=t.response||t.props||{};Object.assign(i.ajax,{query(e,...t){return Promise.resolve(n(e,...t)).then(e=>{let t=[];var l;return t=a?(l=u.result,(_xeUtils.default.isFunction(l)?l({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,l||"result"))||[]):((l=u.list)?_xeUtils.default.isFunction(l)?l({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,l):e)||[],g(t||[]),e})}})}return Object.assign({},e,{proxyConfig:i})}}return e}),D=(0,_vue.computed)(()=>{const{modelValue:e,lazyOptions:l}=h;var t=S["fullOptionList"];const a=s["fullRowMaps"],i=c.value,n=F.value;return t?(_xeUtils.default.isArray(e)?e:[e]).map(t=>{var e=a[t];if(e)return e.item[n];if(l){e=l.find(e=>e[i]===t);if(e)return e[n]}return t}).join(", "):""}),M=(0,_vue.computed)(()=>{var{height:e,width:t}=j.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e)),l}),K={},q={xID:t,props:h,context:e,reactData:S,getRefMaps:()=>N,getComputeMaps:()=>K};const A={},o=(["form-submit","form-reset","form-collapse","page-change"].forEach(t=>{A[(0,_vn.getOnName)(_xeUtils.default.camelCase(t))]=e=>{o(t,e,e.$event)}}),(e,t,l)=>{i(e,(0,_ui.createEvent)(l,{$tableSelect:q},t))});t={dispatchEvent:o};const Z=e=>{const t=s["fullRowMaps"],l=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=t[e];e&&l.push(e.item)}),l},p=l=>{const a=h["multiple"];(0,_vue.nextTick)(()=>{var e,t=w.value;t&&(e=Z(l)).length&&(a?t.setCheckboxRow(e,!0):t.setRadioRow(e[0]))})},f=e=>{if(e&&e.length){var a=h["multiple"];const i=[];let t=!1,l=!1;e.forEach(e=>{t||"radio"!==e.type?l||"checkbox"!==e.type||(l=!0):t=!0,i.push(e)}),a?l||i.unshift({type:"checkbox",width:70}):t||i.unshift({type:"radio",width:70}),S.tableColumns=i}},g=e=>{var t=h["options"];const n=v.value,u=c.value;var{treeConfig:l,pagerConfig:a}=d.value;const r={},o={};l||_xeUtils.default.arrayEach(e||t||[],(e,t,l)=>{let a=(e=>{e=e[v.value];return e?encodeURIComponent(e):""})(e);a=a||getRowUniqueId(),o[a]&&(0,_log.errLog)("vxe.error.repeatKey",["[table-select] "+n,a]),o[a]=!0;var i=e[u];r[i]&&(0,_log.errLog)("vxe.error.repeatKey",["[table-select] "+u,i]),r[i]={item:e,index:t,items:l,parent:null,nodes:[]}}),S.fullOptionList=e||t||[],s.fullRowMaps=a?Object.assign({},s.fullRowMaps,r):r,p(h.modelValue)},_=()=>{const l=h["placement"],a=S["panelIndex"],i=E.value,n=I.value,u=O.value,r=j.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,n,{placement:r.placement||l,teleportTo:u}),t=Object.assign(e.style,{zIndex:a});S.panelStyle=t,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},m=()=>{var e=h["loading"],t=U.value;e||t||(s.vpTimeout&&clearTimeout(s.vpTimeout),s.hpTimeout&&clearTimeout(s.hpTimeout),S.initialized||(S.initialized=!0),S.isActivated=!0,S.isAniVisible=!0,s.vpTimeout=setTimeout(()=>{S.visiblePanel=!0,p(h.modelValue),s.vpTimeout=void 0},10),(e=j.value.zIndex||h.zIndex)?S.panelIndex=_xeUtils.default.toNumber(e):S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)()),_())},b=()=>{S.visiblePanel=!1,s.vpTimeout&&clearTimeout(s.vpTimeout),s.hpTimeout&&clearTimeout(s.hpTimeout),s.hpTimeout=setTimeout(()=>{S.isAniVisible=!1,s.hpTimeout=void 0},350)},x=(e,t,l)=>{var a;a=t,i("update:modelValue",a),t!==h.modelValue&&(o("change",{value:t,row:l,option:l},e),n)&&u&&n.triggerItemEvent(e,u.itemConfig.field,t)},W=(e,t)=>{x(e,t,null),o("clear",{value:t},e)},X=(e,t)=>{W(t,null),b()},Y=e=>{var t=S["visiblePanel"];U.value||t&&(t=I.value,((0,_dom.getEventTargetNode)(e,t).flag?_:b)())},G=e=>{var t,l,a=S["visiblePanel"];U.value||(t=E.value,l=I.value,S.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!S.isActivated&&b())},H=()=>{var{visiblePanel:e,isActivated:t}=S;e&&b(),t&&(S.isActivated=!1),(e||t)&&(e=T.value)&&e.blur()},J=()=>{var e=S["visiblePanel"];e&&_()},Q=e=>{U.value||S.visiblePanel||(S.triggerFocusPanel=!0,m(),setTimeout(()=>{S.triggerFocusPanel=!1},150)),o("focus",{},e)},ee=e=>{z(e),o("click",{},e)},te=e=>{S.isActivated=!1,o("blur",{},e)},z=e=>{e=e.$event;e.preventDefault(),S.triggerFocusPanel?S.triggerFocusPanel=!1:(S.visiblePanel?b:m)()},le=e=>{var{$event:e,row:t}=e,l=t[c.value];x(e,l,t),b()},R=e=>{var{$grid:e,$event:t,row:l}=e;const a=c.value;e&&(e=e.getCheckboxRecords().map(e=>e[a]),x(t,e,l))},ae=e=>{R(e)};Object.assign(q,t,{});return(0,_vue.watch)(()=>h.options,()=>{g()}),(0,_vue.watch)(()=>h.columns,e=>{f(e)}),(0,_vue.watch)(()=>h.modelValue,e=>{p(e)}),f(h.columns),g(),(0,_vue.onMounted)(()=>{var e=h["gridConfig"];e&&e.proxyConfig&&!1!==e.proxyConfig.autoLoad&&(S.initialized=!0),_ui.globalEvents.on(q,"mousewheel",Y),_ui.globalEvents.on(q,"mousedown",G),_ui.globalEvents.on(q,"blur",H),_ui.globalEvents.on(q,"resize",J)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(q,"mousewheel"),_ui.globalEvents.off(q,"mousedown"),_ui.globalEvents.off(q,"blur"),_ui.globalEvents.off(q,"resize"),_xeUtils.default.assign(s,createInternalData())}),(0,_vue.nextTick)(()=>{y||(0,_log.errLog)("vxe.error.reqComp",["[table-select] vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",q),q.renderVN=()=>{var{className:e,options:t,loading:l}=h,{initialized:a,isActivated:i,isAniVisible:n,visiblePanel:u,tableColumns:r}=S,o=V.value,s=U.value,v=D.value,c=O.value,d=k.value,p=j.value,f=B.value,g=P.value,_=M.value,m=C.header,b=C.footer;const x=C.prefix;p=p.className;return d?(0,_vue.h)("div",{ref:E,class:["vxe-table-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-table-select-label"},v)]):(0,_vue.h)("div",{ref:E,class:["vxe-table-select",e?_xeUtils.default.isFunction(e)?e({$tableSelect:q}):e:"",{["size--"+o]:o,"is--visible":u,"is--disabled":s,"is--loading":l,"is--active":i}]},[(0,_vue.h)(_input.default,{ref:T,clearable:h.clearable,placeholder:l?(0,_ui.getI18n)("vxe.select.loadingText"):h.placeholder,readonly:!0,disabled:s,type:"text",prefixIcon:h.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().TABLE_SELECT_LOADED:u?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:l?"":v,onClear:X,onClick:ee,onFocus:Q,onBlur:te,onSuffixClick:z},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!a},[(0,_vue.h)("div",{ref:I,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:q}):p:"",{["size--"+o]:o,"is--transfer":c,"ani--leave":!l&&n,"ani--enter":!l&&u}],placement:S.panelPlacement,style:S.panelStyle},a?[(0,_vue.h)("div",{class:"vxe-table-select--panel-wrapper"},[m?(0,_vue.h)("div",{class:"vxe-table-select--panel-header"},m({})):(0,_ui.renderEmptyElement)(q),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:L,class:"vxe-table-select-grid--wrapper",style:_},[y?(0,_vue.h)(y,Object.assign(Object.assign(Object.assign({},f),A),{class:"vxe-table-select--grid",ref:w,rowConfig:g,data:t,columns:r.length?r:f.columns,height:"100%",autoResize:!0,onRadioChange:le,onCheckboxChange:R,onCheckboxAll:ae}),Object.assign({},C,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(q)])]),b?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},b({})):(0,_ui.renderEmptyElement)(q)])]:[])])])},q},render(){return this.renderVN()}});
|
|
@@ -49,12 +49,20 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
49
49
|
filterConfig: Object,
|
|
50
50
|
multiple: Boolean,
|
|
51
51
|
className: [String, Function],
|
|
52
|
+
/**
|
|
53
|
+
* 已废弃,请使用 popupConfig.className
|
|
54
|
+
* @deprecated
|
|
55
|
+
*/
|
|
52
56
|
popupClassName: [String, Function],
|
|
53
57
|
prefixIcon: String,
|
|
54
58
|
placement: String,
|
|
55
59
|
lazyOptions: Array,
|
|
56
60
|
options: Array,
|
|
57
61
|
optionProps: Object,
|
|
62
|
+
/**
|
|
63
|
+
* 已废弃,请使用 popupConfig.zIndex
|
|
64
|
+
* @deprecated
|
|
65
|
+
*/
|
|
58
66
|
zIndex: Number,
|
|
59
67
|
size: {
|
|
60
68
|
type: String,
|
|
@@ -161,8 +169,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
161
169
|
const {
|
|
162
170
|
transfer
|
|
163
171
|
} = props;
|
|
172
|
+
const popupOpts = computePopupOpts.value;
|
|
173
|
+
if (_xeUtils.default.isBoolean(popupOpts.transfer)) {
|
|
174
|
+
return popupOpts.transfer;
|
|
175
|
+
}
|
|
164
176
|
if (transfer === null) {
|
|
165
|
-
const globalTransfer = (0, _ui.getConfig)().
|
|
177
|
+
const globalTransfer = (0, _ui.getConfig)().treeSelect.transfer;
|
|
166
178
|
if (_xeUtils.default.isBoolean(globalTransfer)) {
|
|
167
179
|
return globalTransfer;
|
|
168
180
|
}
|
|
@@ -369,11 +381,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
369
381
|
internalData.fullNodeMaps = nodeMaps;
|
|
370
382
|
};
|
|
371
383
|
const updateZindex = () => {
|
|
372
|
-
const
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
reactData.panelIndex = zIndex;
|
|
384
|
+
const popupOpts = computePopupOpts.value;
|
|
385
|
+
const customZIndex = popupOpts.zIndex || props.zIndex;
|
|
386
|
+
if (customZIndex) {
|
|
387
|
+
reactData.panelIndex = _xeUtils.default.toNumber(customZIndex);
|
|
377
388
|
} else if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
|
|
378
389
|
reactData.panelIndex = (0, _utils.nextZIndex)();
|
|
379
390
|
}
|
|
@@ -388,9 +399,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
388
399
|
const targetElem = refElem.value;
|
|
389
400
|
const panelElem = refOptionPanel.value;
|
|
390
401
|
const btnTransfer = computeBtnTransfer.value;
|
|
402
|
+
const popupOpts = computePopupOpts.value;
|
|
391
403
|
const handleStyle = () => {
|
|
392
404
|
const ppObj = (0, _dom.updatePanelPlacement)(targetElem, panelElem, {
|
|
393
|
-
placement,
|
|
405
|
+
placement: popupOpts.placement || placement,
|
|
394
406
|
teleportTo: btnTransfer
|
|
395
407
|
});
|
|
396
408
|
const panelStyle = Object.assign(ppObj.style, {
|
|
@@ -713,7 +725,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
713
725
|
const footerSlot = slots.footer;
|
|
714
726
|
const prefixSlot = slots.prefix;
|
|
715
727
|
const popupOpts = computePopupOpts.value;
|
|
716
|
-
const
|
|
728
|
+
const ppClassName = popupOpts.className || props.popupClassName;
|
|
717
729
|
if (formReadonly) {
|
|
718
730
|
return (0, _vue.h)('div', {
|
|
719
731
|
ref: refElem,
|
|
@@ -791,9 +803,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
791
803
|
disabled: btnTransfer ? !initialized : true
|
|
792
804
|
}, [(0, _vue.h)('div', {
|
|
793
805
|
ref: refOptionPanel,
|
|
794
|
-
class: ['vxe-table--ignore-clear vxe-tree-select--panel',
|
|
806
|
+
class: ['vxe-table--ignore-clear vxe-tree-select--panel', ppClassName ? _xeUtils.default.isFunction(ppClassName) ? ppClassName({
|
|
795
807
|
$treeSelect: $xeTreeSelect
|
|
796
|
-
}) :
|
|
808
|
+
}) : ppClassName : '', {
|
|
797
809
|
[`size--${vSize}`]: vSize,
|
|
798
810
|
'is--transfer': btnTransfer,
|
|
799
811
|
'ani--leave': !loading && isAniVisible,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_util=require("../../tree/src/util"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input")),_button=_interopRequireDefault(require("../../button")),_tree=_interopRequireDefault(require("../../tree")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}function createInternalData(){return{fullOptionList:[],fullNodeMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().treeSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().treeSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},filterable:Boolean,filterConfig:Object,multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,lazyOptions:Array,options:Array,optionProps:Object,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().treeSelect.size||(0,_ui.getConfig)().size},remote:Boolean,remoteConfig:Function,popupConfig:Object,treeConfig:Object,menuConfig:Object,virtualYConfig:Object,autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.autoClose},showTotalButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showTotalButoon},showCheckedButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showCheckedButoon},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showClearButton},showExpandButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showExpandButton},transfer:{type:Boolean,default:null},remoteMethod:Function},emits:["update:modelValue","change","all-change","clear","blur","focus","click","node-click"],setup(H,e){const{emit:a,slots:K}=e,l=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),i=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null),u=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const de=(0,_ui.useSize)(H)["computeSize"],Y=(0,_vue.ref)(),Z=(0,_vue.ref)(),G=(0,_vue.ref)(),ce=(0,_vue.ref)(),J=(0,_vue.ref)(),Q=(0,_vue.ref)(),W=(0,_vue.reactive)({initialized:!1,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),v=createInternalData(),h={refElem:Y},ve=(0,_vue.computed)(()=>{var e=H["readonly"];return null===e?!!o&&o.props.readonly:e}),X=(0,_vue.computed)(()=>{var e=H["disabled"];return null===e?!!o&&o.props.disabled:e}),ee=(0,_vue.computed)(()=>{var e=H["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(i||l||n||o)return!0}return e}),te=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.popupConfig,H.popupConfig)),le=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,H.treeConfig,{data:void 0})),pe=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.menuConfig,H.menuConfig)),_e=(0,_vue.computed)(()=>{var e=le.value;return Object.assign({isHover:!0},e.nodeConfig)}),ge=(0,_vue.computed)(()=>{var e=le.value;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})}),fe=(0,_vue.computed)(()=>{var e=le.value;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})}),r=(0,_vue.computed)(()=>H.optionProps||{}),ne=(0,_vue.computed)(()=>{return le.value.keyField||"id"}),ae=(0,_vue.computed)(()=>{return r.value.label||"label"}),ie=(0,_vue.computed)(()=>{return r.value.value||"value"}),oe=(0,_vue.computed)(()=>{return r.value.children||"children"}),he=(0,_vue.computed)(()=>{return r.value.parent||"parentField"}),me=(0,_vue.computed)(()=>{return r.value.hasChild||"hasChild"}),xe=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.virtualYConfig,H.virtualYConfig)),s=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.remoteConfig,H.remoteConfig)),Ce=(0,_vue.computed)(()=>{var e=le.value;return Object.assign({},e.filterConfig,H.filterConfig)}),be=(0,_vue.computed)(()=>{const{modelValue:e,lazyOptions:l}=H,n=v["fullNodeMaps"],a=ie.value,i=ae.value;return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).map(t=>{var e=n[t];if(e)return e.item[i];if(l){e=l.find(e=>e[a]===t);if(e)return e[i]}return t}).join(", ")}),Ee=(0,_vue.computed)(()=>{var{height:e,width:t}=te.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e),l.maxHeight=(0,_dom.toCssUnit)(e)),l}),m={},ue={xID:t,props:H,context:e,reactData:W,internalData:v,getRefMaps:()=>h,getComputeMaps:()=>m},d=(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$treeSelect:ue},t))},re=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=K[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];t={dispatchEvent:d};const c=()=>{var e=H["options"],t=le.value;const r=ne.value;var l=oe.value;const s=ie.value;t=t.transform;const d={},c={},n=(e,t,l,n,a,i)=>{let o=(e=>{e=e[ne.value];return e?encodeURIComponent(e):""})(e);o=o||getOptUniqueId(),c[o]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+r,o]),c[o]=!0;var u=e[s];d[u]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+s,u]),d[u]={item:e,index:t,items:l,parent:a,nodes:i}};e&&(t?e.forEach((e,t,l)=>{n(e,t,l,0,null,[])}):_xeUtils.default.eachTree(e,n,{children:l})),v.fullOptionList=e||[],v.fullNodeMaps=d},p=()=>{const l=H["placement"],n=W["panelIndex"],a=Y.value,i=J.value,o=ee.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(a,i,{placement:l,teleportTo:o}),t=Object.assign(e.style,{zIndex:n});W.panelStyle=t,W.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},_=()=>{var{loading:e,remote:t,filterable:l}=H,n=v["fullOptionList"],a=X.value,i=s.value;e||a||(clearTimeout(v.hpTimeout),W.initialized||(W.initialized=!0),W.isActivated=!0,W.isAniVisible=!0,l&&t&&i.enabled&&i.autoLoad&&!n.length&&({modelValue:e,remote:a,remoteMethod:l}=H,t=W["searchValue"],i=s.value,n=i.queryMethod||l,a)&&n&&i.enabled&&(W.searchLoading=!0,Promise.resolve(n({$treeSelect:ue,searchValue:t,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{W.searchLoading=!1})),setTimeout(()=>{W.visiblePanel=!0,H.filterable&&(0,_vue.nextTick)(()=>{var e=G.value;e&&e.focus()})},10),(l=H.zIndex)?W.panelIndex=l:W.panelIndex<(0,_utils.getLastZIndex)()&&(W.panelIndex=(0,_utils.nextZIndex)()),p())},g=()=>{W.visiblePanel=!1,v.hpTimeout=setTimeout(()=>{W.isAniVisible=!1},350)},f=(e,t,l)=>{var n,t=_xeUtils.default.isArray(t)?t.map(_util.deNodeValue):(0,_util.deNodeValue)(t);n=t,a("update:modelValue",n),t!==H.modelValue&&(d("change",{value:t,node:l,option:l},e),o)&&u&&o.triggerItemEvent(e,u.itemConfig.field,t)},x=(e,t)=>{f(e,t,null),d("clear",{value:t},e)},ye=(e,t)=>{x(t,null),g()},Se=e=>{const l=e["$event"],{multiple:t,autoClose:n}=H;e=Q.value;t&&e&&e.setAllCheckboxNode(!0).then(({checkNodeKeys:e,checkNodes:t})=>{f(l,e,t[0]),d("all-change",{value:e},l),n&&g()})},Ie=e=>{e=e.$event;const{multiple:t,autoClose:l}=H;var n,a=Q.value;a&&(n=t?[]:null,a.clearCheckboxNode().then(()=>{l&&g()}),f(e,n,null),d("clear",{value:n},e))},Ne=()=>{var e=Q.value;e&&e.setAllExpandNode(!0)},ke=()=>{var e=Q.value;e&&e.clearAllExpandNode()},C=e=>{var t=W["visiblePanel"];X.value||t&&(t=J.value,((0,_dom.getEventTargetNode)(e,t).flag?p:g)())},b=e=>{var t,l,n=W["visiblePanel"];X.value||(t=Y.value,l=J.value,W.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,n&&!W.isActivated&&g())},E=()=>{var{visiblePanel:e,isActivated:t}=W;e&&g(),t&&(W.isActivated=!1),(e||t)&&(e=Z.value)&&e.blur()},y=()=>{var e=W["visiblePanel"];e&&p()},we=e=>{X.value||W.visiblePanel||(W.triggerFocusPanel=!0,_(),setTimeout(()=>{W.triggerFocusPanel=!1},150)),d("focus",{},e)},Oe=e=>{se(e),d("click",{},e)},Te=e=>{W.isActivated=!1,d("blur",{},e)},Be=e=>{W.searchValue=e},se=e=>{e=e.$event;e.preventDefault(),W.triggerFocusPanel?W.triggerFocusPanel=!1:(W.visiblePanel?g:_)()},Ve=()=>{p()},Fe=e=>{var t=e["$event"];d("node-click",e,t)},Pe=e=>{var{value:e,$event:t,node:l}=e;f(t,e,l),g()},qe=e=>{var{value:e,$event:t,node:l}=e;f(t,e,l)},Ae=()=>{c()};Object.assign(ue,t,{});return(0,_vue.watch)(()=>H.options,()=>{c()}),c(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(ue,"mousewheel",C),_ui.globalEvents.on(ue,"mousedown",b),_ui.globalEvents.on(ue,"blur",E),_ui.globalEvents.on(ue,"resize",y)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(ue,"mousewheel"),_ui.globalEvents.off(ue,"mousedown"),_ui.globalEvents.off(ue,"blur"),_ui.globalEvents.off(ue,"resize"),_xeUtils.default.assign(v,createInternalData())}),(0,_vue.provide)("$xeTreeSelect",ue),ue.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:n,loading:a,menuConfig:i,filterable:o,showTotalButoon:u,showCheckedButoon:r,showClearButton:s,showExpandButton:d}=H,{initialized:c,isActivated:v,isAniVisible:p,visiblePanel:_,searchValue:g}=W,f=de.value,h=X.value,m=be.value,x=ee.value,C=ve.value,b=Ee.value,E=K.header,y=K.footer;const S=K.prefix;var I=te.value,N=I.className||H.popupClassName;if(C)return(0,_vue.h)("div",{ref:Y,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-tree-select-label"},m)]);var C=le.value,k=pe.value,w=_e.value,O=ge.value,T=fe.value,A=ne.value,U=ae.value,j=ie.value,z=oe.value,L=he.value,M=me.value,D=xe.value,R=Ce.value,B=C["slots"],$=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],V={};if(B){const{icon:F,title:P,extra:q}=B;F&&(V.icon=e=>re(F,e)),P&&(V.title=e=>re(P,e)),q&&(V.extra=e=>re(q,e))}return(0,_vue.h)("div",{ref:Y,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:ue}):e:"",{["size--"+f]:f,"is--filterable":o,"is--visible":_,"is--disabled":h,"is--loading":a,"is--active":v}]},[(0,_vue.h)(_input.default,{ref:Z,clearable:H.clearable,placeholder:a?(0,_ui.getI18n)("vxe.select.loadingText"):H.placeholder,readonly:!0,disabled:h,type:"text",prefixIcon:H.prefixIcon,suffixIcon:a?(0,_ui.getIcon)().TREE_SELECT_LOADED:_?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:a?"":m,title:m,onClear:ye,onClick:Oe,onFocus:we,onBlur:Te,onSuffixClick:se},S?{prefix:()=>S({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!x||!c},[(0,_vue.h)("div",{ref:J,class:["vxe-table--ignore-clear vxe-tree-select--panel",N?_xeUtils.default.isFunction(N)?N({$treeSelect:ue}):N:"",{["size--"+f]:f,"is--transfer":x,"ani--leave":!a&&p,"ani--enter":!a&&_}],placement:W.panelPlacement,style:W.panelStyle},c?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[o?(0,_vue.h)("div",{class:"vxe-tree-select--panel-search"},[(0,_vue.h)(_input.default,{ref:G,class:"vxe-tree-select-search--input",modelValue:g,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.treeSelect.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":Be})]):(0,_ui.renderEmptyElement)(ue),u||r&&l||s||d||E?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},E?E({}):[(0,_vue.h)("div",{class:"vxe-tree-select--header-button"},[u?(0,_vue.h)("div",{class:"vxe-tree-select--header-total"},(0,_ui.getI18n)("vxe.treeSelect.total",[$.length])):(0,_ui.renderEmptyElement)(ue),(0,_vue.h)("div",{class:"vxe-tree-select--header-btns"},[r&&l?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allChecked"),mode:"text",onClick:Se}):(0,_ui.renderEmptyElement)(ue),s?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearChecked"),mode:"text",onClick:Ie}):(0,_ui.renderEmptyElement)(ue),d?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allExpand"),mode:"text",onClick:Ne}):(0,_ui.renderEmptyElement)(ue),d?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearExpand"),mode:"text",onClick:ke}):(0,_ui.renderEmptyElement)(ue)])])]):(0,_ui.renderEmptyElement)(ue),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:ce,class:"vxe-tree-select-tree--wrapper",style:b},[(0,_vue.h)(_tree.default,{ref:Q,class:"vxe-tree-select--tree",height:I.height?"100%":C.height,minHeight:C.minHeight,maxHeight:I.height?"":C.maxHeight,autoResize:!0,data:n,indent:C.indent,showRadio:!l,radioConfig:T,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:O,titleField:U,valueField:j,keyField:A,childrenField:C.childrenField||z,parentField:C.parentField||L,hasChildField:C.hasChildField||M,accordion:C.accordion,expandAll:C.expandAll,expandNodeKeys:C.expandNodeKeys,nodeConfig:w,lazy:C.lazy,loadMethod:C.loadMethod,toggleMethod:C.toggleMethod,transform:C.transform,trigger:C.trigger,showIcon:C.showIcon,showLine:C.showLine,iconOpen:C.iconOpen,iconLoaded:C.iconLoaded,iconClose:C.iconClose,filterValue:g,filterConfig:R,menuConfig:i?k:void 0,virtualYConfig:D,onNodeExpand:Ve,onNodeClick:Fe,onRadioChange:Pe,onCheckboxChange:qe,onLoadSuccess:Ae},V)])]),y?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},y({})):(0,_ui.renderEmptyElement)(ue)])]:[])])])},ue},render(){return this.renderVN()}});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_util=require("../../tree/src/util"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input")),_button=_interopRequireDefault(require("../../button")),_tree=_interopRequireDefault(require("../../tree")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}function createInternalData(){return{fullOptionList:[],fullNodeMaps:{}}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTreeSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().treeSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().treeSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},filterable:Boolean,filterConfig:Object,multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,lazyOptions:Array,options:Array,optionProps:Object,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().treeSelect.size||(0,_ui.getConfig)().size},remote:Boolean,remoteConfig:Function,popupConfig:Object,treeConfig:Object,menuConfig:Object,virtualYConfig:Object,autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.autoClose},showTotalButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showTotalButoon},showCheckedButoon:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showCheckedButoon},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showClearButton},showExpandButton:{type:Boolean,default:()=>(0,_ui.getConfig)().treeSelect.showExpandButton},transfer:{type:Boolean,default:null},remoteMethod:Function},emits:["update:modelValue","change","all-change","clear","blur","focus","click","node-click"],setup(H,e){const{emit:a,slots:K}=e,l=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),i=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null),u=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const de=(0,_ui.useSize)(H)["computeSize"],Y=(0,_vue.ref)(),Z=(0,_vue.ref)(),G=(0,_vue.ref)(),ce=(0,_vue.ref)(),J=(0,_vue.ref)(),Q=(0,_vue.ref)(),W=(0,_vue.reactive)({initialized:!1,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),v=createInternalData(),h={refElem:Y},ve=(0,_vue.computed)(()=>{var e=H["readonly"];return null===e?!!o&&o.props.readonly:e}),X=(0,_vue.computed)(()=>{var e=H["disabled"];return null===e?!!o&&o.props.disabled:e}),ee=(0,_vue.computed)(()=>{var e=H["transfer"],t=te.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().treeSelect.transfer;if(_xeUtils.default.isBoolean(t))return t;if(i||l||n||o)return!0}return e}),te=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.popupConfig,H.popupConfig)),le=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,H.treeConfig,{data:void 0})),pe=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.menuConfig,H.menuConfig)),_e=(0,_vue.computed)(()=>{var e=le.value;return Object.assign({isHover:!0},e.nodeConfig)}),fe=(0,_vue.computed)(()=>{var e=le.value;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})}),ge=(0,_vue.computed)(()=>{var e=le.value;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})}),r=(0,_vue.computed)(()=>H.optionProps||{}),ne=(0,_vue.computed)(()=>{return le.value.keyField||"id"}),ae=(0,_vue.computed)(()=>{return r.value.label||"label"}),ie=(0,_vue.computed)(()=>{return r.value.value||"value"}),oe=(0,_vue.computed)(()=>{return r.value.children||"children"}),he=(0,_vue.computed)(()=>{return r.value.parent||"parentField"}),me=(0,_vue.computed)(()=>{return r.value.hasChild||"hasChild"}),xe=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.virtualYConfig,H.virtualYConfig)),s=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.remoteConfig,H.remoteConfig)),be=(0,_vue.computed)(()=>{var e=le.value;return Object.assign({},e.filterConfig,H.filterConfig)}),Ce=(0,_vue.computed)(()=>{const{modelValue:e,lazyOptions:l}=H,n=v["fullNodeMaps"],a=ie.value,i=ae.value;return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).map(t=>{var e=n[t];if(e)return e.item[i];if(l){e=l.find(e=>e[a]===t);if(e)return e[i]}return t}).join(", ")}),Ee=(0,_vue.computed)(()=>{var{height:e,width:t}=te.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e),l.maxHeight=(0,_dom.toCssUnit)(e)),l}),m={},ue={xID:t,props:H,context:e,reactData:W,internalData:v,getRefMaps:()=>h,getComputeMaps:()=>m},d=(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$treeSelect:ue},t))},re=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=K[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];t={dispatchEvent:d};const c=()=>{var e=H["options"],t=le.value;const r=ne.value;var l=oe.value;const s=ie.value;t=t.transform;const d={},c={},n=(e,t,l,n,a,i)=>{let o=(e=>{e=e[ne.value];return e?encodeURIComponent(e):""})(e);o=o||getOptUniqueId(),c[o]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+r,o]),c[o]=!0;var u=e[s];d[u]&&(0,_log.errLog)("vxe.error.repeatKey",["[tree-select] "+s,u]),d[u]={item:e,index:t,items:l,parent:a,nodes:i}};e&&(t?e.forEach((e,t,l)=>{n(e,t,l,0,null,[])}):_xeUtils.default.eachTree(e,n,{children:l})),v.fullOptionList=e||[],v.fullNodeMaps=d},p=()=>{const l=H["placement"],n=W["panelIndex"],a=Y.value,i=J.value,o=ee.value,u=te.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(a,i,{placement:u.placement||l,teleportTo:o}),t=Object.assign(e.style,{zIndex:n});W.panelStyle=t,W.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},_=()=>{var{loading:e,remote:t,filterable:l}=H,n=v["fullOptionList"],a=X.value,i=s.value;e||a||(clearTimeout(v.hpTimeout),W.initialized||(W.initialized=!0),W.isActivated=!0,W.isAniVisible=!0,l&&t&&i.enabled&&i.autoLoad&&!n.length&&({modelValue:e,remote:a,remoteMethod:l}=H,t=W["searchValue"],i=s.value,n=i.queryMethod||l,a)&&n&&i.enabled&&(W.searchLoading=!0,Promise.resolve(n({$treeSelect:ue,searchValue:t,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{W.searchLoading=!1})),setTimeout(()=>{W.visiblePanel=!0,H.filterable&&(0,_vue.nextTick)(()=>{var e=G.value;e&&e.focus()})},10),(l=te.value.zIndex||H.zIndex)?W.panelIndex=_xeUtils.default.toNumber(l):W.panelIndex<(0,_utils.getLastZIndex)()&&(W.panelIndex=(0,_utils.nextZIndex)()),p())},f=()=>{W.visiblePanel=!1,v.hpTimeout=setTimeout(()=>{W.isAniVisible=!1},350)},g=(e,t,l)=>{var n,t=_xeUtils.default.isArray(t)?t.map(_util.deNodeValue):(0,_util.deNodeValue)(t);n=t,a("update:modelValue",n),t!==H.modelValue&&(d("change",{value:t,node:l,option:l},e),o)&&u&&o.triggerItemEvent(e,u.itemConfig.field,t)},x=(e,t)=>{g(e,t,null),d("clear",{value:t},e)},ye=(e,t)=>{x(t,null),f()},Se=e=>{const l=e["$event"],{multiple:t,autoClose:n}=H;e=Q.value;t&&e&&e.setAllCheckboxNode(!0).then(({checkNodeKeys:e,checkNodes:t})=>{g(l,e,t[0]),d("all-change",{value:e},l),n&&f()})},Ie=e=>{e=e.$event;const{multiple:t,autoClose:l}=H;var n,a=Q.value;a&&(n=t?[]:null,a.clearCheckboxNode().then(()=>{l&&f()}),g(e,n,null),d("clear",{value:n},e))},Ne=()=>{var e=Q.value;e&&e.setAllExpandNode(!0)},ke=()=>{var e=Q.value;e&&e.clearAllExpandNode()},b=e=>{var t=W["visiblePanel"];X.value||t&&(t=J.value,((0,_dom.getEventTargetNode)(e,t).flag?p:f)())},C=e=>{var t,l,n=W["visiblePanel"];X.value||(t=Y.value,l=J.value,W.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,n&&!W.isActivated&&f())},E=()=>{var{visiblePanel:e,isActivated:t}=W;e&&f(),t&&(W.isActivated=!1),(e||t)&&(e=Z.value)&&e.blur()},y=()=>{var e=W["visiblePanel"];e&&p()},we=e=>{X.value||W.visiblePanel||(W.triggerFocusPanel=!0,_(),setTimeout(()=>{W.triggerFocusPanel=!1},150)),d("focus",{},e)},Oe=e=>{se(e),d("click",{},e)},Te=e=>{W.isActivated=!1,d("blur",{},e)},Be=e=>{W.searchValue=e},se=e=>{e=e.$event;e.preventDefault(),W.triggerFocusPanel?W.triggerFocusPanel=!1:(W.visiblePanel?f:_)()},Ue=()=>{p()},Ve=e=>{var t=e["$event"];d("node-click",e,t)},Fe=e=>{var{value:e,$event:t,node:l}=e;g(t,e,l),f()},Pe=e=>{var{value:e,$event:t,node:l}=e;g(t,e,l)},qe=()=>{c()};Object.assign(ue,t,{});return(0,_vue.watch)(()=>H.options,()=>{c()}),c(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(ue,"mousewheel",b),_ui.globalEvents.on(ue,"mousedown",C),_ui.globalEvents.on(ue,"blur",E),_ui.globalEvents.on(ue,"resize",y)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(ue,"mousewheel"),_ui.globalEvents.off(ue,"mousedown"),_ui.globalEvents.off(ue,"blur"),_ui.globalEvents.off(ue,"resize"),_xeUtils.default.assign(v,createInternalData())}),(0,_vue.provide)("$xeTreeSelect",ue),ue.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:n,loading:a,menuConfig:i,filterable:o,showTotalButoon:u,showCheckedButoon:r,showClearButton:s,showExpandButton:d}=H,{initialized:c,isActivated:v,isAniVisible:p,visiblePanel:_,searchValue:f}=W,g=de.value,h=X.value,m=Ce.value,x=ee.value,b=ve.value,C=Ee.value,E=K.header,y=K.footer;const S=K.prefix;var I=te.value,N=I.className||H.popupClassName;if(b)return(0,_vue.h)("div",{ref:Y,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-tree-select-label"},m)]);var b=le.value,k=pe.value,w=_e.value,O=fe.value,T=ge.value,q=ne.value,A=ae.value,j=ie.value,z=oe.value,L=he.value,M=me.value,D=xe.value,R=be.value,B=b["slots"],$=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],U={};if(B){const{icon:V,title:F,extra:P}=B;V&&(U.icon=e=>re(V,e)),F&&(U.title=e=>re(F,e)),P&&(U.extra=e=>re(P,e))}return(0,_vue.h)("div",{ref:Y,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:ue}):e:"",{["size--"+g]:g,"is--filterable":o,"is--visible":_,"is--disabled":h,"is--loading":a,"is--active":v}]},[(0,_vue.h)(_input.default,{ref:Z,clearable:H.clearable,placeholder:a?(0,_ui.getI18n)("vxe.select.loadingText"):H.placeholder,readonly:!0,disabled:h,type:"text",prefixIcon:H.prefixIcon,suffixIcon:a?(0,_ui.getIcon)().TREE_SELECT_LOADED:_?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:a?"":m,title:m,onClear:ye,onClick:Oe,onFocus:we,onBlur:Te,onSuffixClick:se},S?{prefix:()=>S({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!x||!c},[(0,_vue.h)("div",{ref:J,class:["vxe-table--ignore-clear vxe-tree-select--panel",N?_xeUtils.default.isFunction(N)?N({$treeSelect:ue}):N:"",{["size--"+g]:g,"is--transfer":x,"ani--leave":!a&&p,"ani--enter":!a&&_}],placement:W.panelPlacement,style:W.panelStyle},c?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[o?(0,_vue.h)("div",{class:"vxe-tree-select--panel-search"},[(0,_vue.h)(_input.default,{ref:G,class:"vxe-tree-select-search--input",modelValue:f,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.treeSelect.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":Be})]):(0,_ui.renderEmptyElement)(ue),u||r&&l||s||d||E?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},E?E({}):[(0,_vue.h)("div",{class:"vxe-tree-select--header-button"},[u?(0,_vue.h)("div",{class:"vxe-tree-select--header-total"},(0,_ui.getI18n)("vxe.treeSelect.total",[$.length])):(0,_ui.renderEmptyElement)(ue),(0,_vue.h)("div",{class:"vxe-tree-select--header-btns"},[r&&l?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allChecked"),mode:"text",onClick:Se}):(0,_ui.renderEmptyElement)(ue),s?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearChecked"),mode:"text",onClick:Ie}):(0,_ui.renderEmptyElement)(ue),d?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allExpand"),mode:"text",onClick:Ne}):(0,_ui.renderEmptyElement)(ue),d?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearExpand"),mode:"text",onClick:ke}):(0,_ui.renderEmptyElement)(ue)])])]):(0,_ui.renderEmptyElement)(ue),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:ce,class:"vxe-tree-select-tree--wrapper",style:C},[(0,_vue.h)(_tree.default,{ref:Q,class:"vxe-tree-select--tree",height:I.height?"100%":b.height,minHeight:b.minHeight,maxHeight:I.height?"":b.maxHeight,autoResize:!0,data:n,indent:b.indent,showRadio:!l,radioConfig:T,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:O,titleField:A,valueField:j,keyField:q,childrenField:b.childrenField||z,parentField:b.parentField||L,hasChildField:b.hasChildField||M,accordion:b.accordion,expandAll:b.expandAll,expandNodeKeys:b.expandNodeKeys,nodeConfig:w,lazy:b.lazy,loadMethod:b.loadMethod,toggleMethod:b.toggleMethod,transform:b.transform,trigger:b.trigger,showIcon:b.showIcon,showLine:b.showLine,iconOpen:b.iconOpen,iconLoaded:b.iconLoaded,iconClose:b.iconClose,filterValue:f,filterConfig:R,menuConfig:i?k:void 0,virtualYConfig:D,onNodeExpand:Ue,onNodeClick:Ve,onRadioChange:Fe,onCheckboxChange:Pe,onLoadSuccess:qe},U)])]),y?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},y({})):(0,_ui.renderEmptyElement)(ue)])]:[])])])},ue},render(){return this.renderVN()}});
|
package/lib/ui/index.js
CHANGED
|
@@ -26,7 +26,7 @@ Object.keys(_core).forEach(function (key) {
|
|
|
26
26
|
});
|
|
27
27
|
var _dynamics = require("../dynamics");
|
|
28
28
|
var _log = require("./src/log");
|
|
29
|
-
const version = exports.version = "4.11.
|
|
29
|
+
const version = exports.version = "4.11.45";
|
|
30
30
|
_core.VxeUI.uiVersion = version;
|
|
31
31
|
_core.VxeUI.dynamicApp = _dynamics.dynamicApp;
|
|
32
32
|
function config(options) {
|
package/lib/ui/index.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";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")),_log=require("./src/log");const version=exports.version="4.11.43";function config(e){return(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.uiVersion=version,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},avatar:{},backtop:{showIcon:!0,showContent:!0,showTop:!0,showBottom:!0,shadow:!0,threshold:20},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!0},showDropdownIcon:!0},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:{},cascader:{autoClose:!0},checkbox:{},checkboxButton:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},contextMenu:{autoLocate:!0},countdown:{},colorPicker:{type:"rgb",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},datePanel:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},datePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,autoClose:!0,showClearButton:null,showConfirmButton:null},dateRangePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,separator:" ~ ",autoClose:!0,showClearButton:null,showConfirmButton:null},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0,cancelClosable:!0,confirmClosable:!0},empty:{},form:{validConfig:{showErrorMessage:!0,autoPos:!0,theme:"beautify"},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,maskClosable:!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:{backtopConfig:{position:"fixed"}},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{virtualYConfig:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},menu:{},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"},noticeBar:{},numberInput:{digits:2,autoFill:!0,controlConfig:{enabled:!0,layout:"right",showButton:!0,isWheel:!0,isArrow:!0}},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{pageStyle:{}},passwordInput:{controls:!0},printPageBreak:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},segmented:{},select:{multiCharOverflow:8,remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},splitter:{resize:!0,itemConfig:{minWidth:40,minHeight:40},resizeConfig:{showTip:!0}},splitterPanel:{},slider:{max:100,min:0},steps:{},switch:{},tabPane:{},tableSelect:{gridConfig:{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,rowConfig:{isHover:!0},virtualXConfig:{enabled:!0,gt:0},virtualYConfig:{enabled:!0,gt:0}}},tabs:{},tag:{},textEllipsis:{underline:!0},text:{copyConfig:{showMessage:!0}},textarea:{resize:"none"},timeline:{},timelineItem:{},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0},tree:{indent:20,minHeight:60,radioConfig:{strict:!0},dragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},treeSelect:{autoClose:!0,virtualYConfig:{enabled:!0,gt:0,oSize:2},treeConfig:{maxHeight:300,radioConfig:{},checkboxConfig:{},filterConfig:{autoExpandAll:!0}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,dragToUpload:!0,showLimitSize:!0,showLimitCount:!0,autoSubmit:!0,maxSimultaneousUploads:5},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{},gantt:{}});const iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",BUTTON_TOOLTIP_ICON:iconPrefix+"question-circle-fill",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",SELECT_ADD_OPTION:iconPrefix+"add",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",RADIO_DISABLED_UNCHECKED:iconPrefix+"radio-unchecked-fill",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",CHECKBOX_DISABLED_UNCHECKED:iconPrefix+"checkbox-unchecked-fill",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",INPUT_PLUS_NUM:iconPrefix+"caret-up",INPUT_MINUS_NUM:iconPrefix+"caret-down",NUMBER_INPUT_MINUS_NUM:iconPrefix+"minus",NUMBER_INPUT_PLUS_NUM:iconPrefix+"add",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_VALID_ERROR_ICON:iconPrefix+"warning-circle-fill",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_UPLOAD:iconPrefix+"upload",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_DRAG:iconPrefix+"drag-handle",TREE_DRAG_STATUS_NODE:iconPrefix+"sort",TREE_DRAG_STATUS_SUB_NODE:iconPrefix+"add-sub",TREE_DRAG_DISABLED:iconPrefix+"no-drop",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABLE_SELECT_LOADED:iconPrefix+"spinner roll",TABLE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TABLE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_TOP:iconPrefix+"arrow-up",TABS_TAB_BUTTON_BOTTOM:iconPrefix+"arrow-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",TAG_CLOSE:iconPrefix+"close",TAG_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",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star",COLOR_PICKER_COLOR_COPY:iconPrefix+"copy",COLOR_PICKER_EYE_DROPPER:iconPrefix+"dropper",COLOR_PICKER_TPTY_OPEN:iconPrefix+"arrow-down rotate180",COLOR_PICKER_TPTY_CLOSE:iconPrefix+"arrow-down",SPLIT_TOP_ACTION:iconPrefix+"arrow-up",SPLIT_BOTTOM_ACTION:iconPrefix+"arrow-down",SPLIT_LEFT_ACTION:iconPrefix+"arrow-left",SPLIT_RIGHT_ACTION:iconPrefix+"arrow-right",BACKTOP_TOP:iconPrefix+"top",CONTEXT_MENU_OPTION_LOADING:iconPrefix+"spinner roll",CONTEXT_MENU_CHILDREN:iconPrefix+"arrow-right"});var _default=exports.default=_core.VxeUI;
|
|
1
|
+
"use strict";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")),_log=require("./src/log");const version=exports.version="4.11.45";function config(e){return(0,_log.warnLog)("vxe.error.delFunc",["config","setConfig"]),(0,_core.setConfig)(e)}function setup(e){return(0,_log.warnLog)("vxe.error.delFunc",["setup","setConfig"]),(0,_core.setConfig)(e)}_core.VxeUI.uiVersion=version,_core.VxeUI.dynamicApp=_dynamics.dynamicApp,_core.VxeUI.config=config,_core.VxeUI.setup=setup,(0,_core.setConfig)({alert:{},anchor:{},anchorLink:{},avatar:{},backtop:{showIcon:!0,showContent:!0,showTop:!0,showBottom:!0,shadow:!0,threshold:20},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!0},showDropdownIcon:!0},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:{},cascader:{autoClose:!0},checkbox:{},checkboxButton:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},contextMenu:{autoLocate:!0},countdown:{},colorPicker:{type:"rgb",clearable:!0,showAlpha:!0,clickToCopy:!0,showColorExtractor:!0,showQuick:!0},datePanel:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1},datePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,autoClose:!0,showClearButton:null,showConfirmButton:null},dateRangePicker:{shortcutConfig:{align:"left",mode:"text",autoClose:!0},startDay:1,selectDay:1,separator:" ~ ",autoClose:!0,showClearButton:null,showConfirmButton:null},drawer:{position:"right",showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0,padding:!0,cancelClosable:!0,confirmClosable:!0},empty:{},form:{validConfig:{showErrorMessage:!0,autoPos:!0,theme:"beautify"},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,maskClosable:!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:{backtopConfig:{position:"fixed"}},layoutContainer:{},layoutFooter:{},layoutHeader:{},link:{underline:!0},listDesign:{height:400,showPc:!0},listView:{},list:{virtualYConfig:{enabled:!0,gt:100}},loading:{showIcon:!0,showText:!0},menu:{},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"},noticeBar:{},numberInput:{digits:2,autoFill:!0,controlConfig:{enabled:!0,layout:"right",showButton:!0,isWheel:!0,isArrow:!0}},optgroup:{},option:{},pager:{pageSizePlacement:"top"},print:{pageStyle:{}},passwordInput:{controls:!0},printPageBreak:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},segmented:{},select:{multiCharOverflow:8,remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},splitter:{resize:!0,itemConfig:{minWidth:40,minHeight:40},resizeConfig:{showTip:!0}},splitterPanel:{},slider:{max:100,min:0},steps:{},switch:{},tabPane:{},tableSelect:{gridConfig:{showOverflow:!0,showHeaderOverflow:!0,showFooterOverflow:!0,rowConfig:{isHover:!0},virtualXConfig:{enabled:!0,gt:0},virtualYConfig:{enabled:!0,gt:0}}},tabs:{},tag:{},textEllipsis:{underline:!0},text:{copyConfig:{showMessage:!0}},textarea:{resize:"none"},timeline:{},timelineItem:{},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0},tree:{indent:20,minHeight:60,radioConfig:{strict:!0},dragConfig:{showIcon:!0,animation:!0,showGuidesStatus:!0,showDragTip:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},treeSelect:{autoClose:!0,virtualYConfig:{enabled:!0,gt:0,oSize:2},treeConfig:{maxHeight:300,radioConfig:{},checkboxConfig:{},filterConfig:{autoExpandAll:!0}}},upload:{mode:"all",imageTypes:["jpg","jpeg","png","gif"],showList:!0,showUploadButton:!0,showButtonText:!0,showRemoveButton:!0,showButtonIcon:!0,showPreview:!0,dragToUpload:!0,showLimitSize:!0,showLimitCount:!0,autoSubmit:!0,maxSimultaneousUploads:5},watermark:{rotate:-30,gap:[100,100]},table:{},colgroup:{},column:{},toolbar:{},grid:{},gantt:{}});const iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",BUTTON_TOOLTIP_ICON:iconPrefix+"question-circle-fill",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",SELECT_ADD_OPTION:iconPrefix+"add",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",RADIO_DISABLED_UNCHECKED:iconPrefix+"radio-unchecked-fill",CHECKBOX_INDETERMINATE:iconPrefix+"checkbox-indeterminate-fill",CHECKBOX_CHECKED:iconPrefix+"checkbox-checked-fill",CHECKBOX_UNCHECKED:iconPrefix+"checkbox-unchecked",CHECKBOX_DISABLED_UNCHECKED:iconPrefix+"checkbox-unchecked-fill",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_SEARCH:iconPrefix+"search",INPUT_PLUS_NUM:iconPrefix+"caret-up",INPUT_MINUS_NUM:iconPrefix+"caret-down",NUMBER_INPUT_MINUS_NUM:iconPrefix+"minus",NUMBER_INPUT_PLUS_NUM:iconPrefix+"add",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_VALID_ERROR_ICON:iconPrefix+"warning-circle-fill",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_UPLOAD:iconPrefix+"upload",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_DRAG:iconPrefix+"drag-handle",TREE_DRAG_STATUS_NODE:iconPrefix+"sort",TREE_DRAG_STATUS_SUB_NODE:iconPrefix+"add-sub",TREE_DRAG_DISABLED:iconPrefix+"no-drop",TREE_SELECT_LOADED:iconPrefix+"spinner roll",TREE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TREE_SELECT_CLOSE:iconPrefix+"caret-down",TABLE_SELECT_LOADED:iconPrefix+"spinner roll",TABLE_SELECT_OPEN:iconPrefix+"caret-down rotate180",TABLE_SELECT_CLOSE:iconPrefix+"caret-down",TABS_TAB_BUTTON_TOP:iconPrefix+"arrow-up",TABS_TAB_BUTTON_BOTTOM:iconPrefix+"arrow-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",TAG_CLOSE:iconPrefix+"close",TAG_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",COLLAPSE_OPEN:iconPrefix+"arrow-right rotate90",COLLAPSE_CLOSE:iconPrefix+"arrow-right",EMPTY_DEFAULT:iconPrefix+"empty",RESULT_INFO:iconPrefix+"info-circle-fill",RESULT_SUCCESS:iconPrefix+"success-circle-fill",RESULT_WARNING:iconPrefix+"warning-circle-fill",RESULT_ERROR:iconPrefix+"error-circle-fill",RESULT_QUESTION:iconPrefix+"question-circle-fill",RESULT_LOADING:iconPrefix+"spinner roll",RATE_CHECKED:iconPrefix+"star-fill",RATE_UNCHECKED:iconPrefix+"star",COLOR_PICKER_COLOR_COPY:iconPrefix+"copy",COLOR_PICKER_EYE_DROPPER:iconPrefix+"dropper",COLOR_PICKER_TPTY_OPEN:iconPrefix+"arrow-down rotate180",COLOR_PICKER_TPTY_CLOSE:iconPrefix+"arrow-down",SPLIT_TOP_ACTION:iconPrefix+"arrow-up",SPLIT_BOTTOM_ACTION:iconPrefix+"arrow-down",SPLIT_LEFT_ACTION:iconPrefix+"arrow-left",SPLIT_RIGHT_ACTION:iconPrefix+"arrow-right",BACKTOP_TOP:iconPrefix+"top",CONTEXT_MENU_OPTION_LOADING:iconPrefix+"spinner roll",CONTEXT_MENU_CHILDREN:iconPrefix+"arrow-right"});var _default=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
|
-
const version = `ui v${"4.11.
|
|
8
|
+
const version = `ui v${"4.11.45"}`;
|
|
9
9
|
const warnLog = exports.warnLog = _core.log.create('warn', version);
|
|
10
10
|
const errLog = exports.errLog = _core.log.create('error', version);
|
package/lib/ui/src/log.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.11.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.11.45",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
|
package/package.json
CHANGED
|
@@ -105,6 +105,7 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
105
105
|
type: Boolean as PropType<VxeButtonPropTypes.DestroyOnClose>,
|
|
106
106
|
default: () => getConfig().button.destroyOnClose
|
|
107
107
|
},
|
|
108
|
+
popupConfig: Object as PropType<VxeButtonPropTypes.PopupConfig>,
|
|
108
109
|
/**
|
|
109
110
|
* 是否将弹框容器插入于 body 内
|
|
110
111
|
*/
|
|
@@ -173,6 +174,10 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
173
174
|
|
|
174
175
|
const computeBtnTransfer = computed(() => {
|
|
175
176
|
const { transfer } = props
|
|
177
|
+
const popupOpts = computePopupOpts.value
|
|
178
|
+
if (XEUtils.isBoolean(popupOpts.transfer)) {
|
|
179
|
+
return popupOpts.transfer
|
|
180
|
+
}
|
|
176
181
|
if (transfer === null) {
|
|
177
182
|
const globalTransfer = getConfig().button.transfer
|
|
178
183
|
if (XEUtils.isBoolean(globalTransfer)) {
|
|
@@ -262,6 +267,10 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
262
267
|
return []
|
|
263
268
|
})
|
|
264
269
|
|
|
270
|
+
const computePopupOpts = computed(() => {
|
|
271
|
+
return Object.assign({}, getConfig().button.popupConfig, props.popupConfig)
|
|
272
|
+
})
|
|
273
|
+
|
|
265
274
|
const computePrefixTipOpts = computed(() => {
|
|
266
275
|
return Object.assign({}, getConfig().button.prefixTooltip, props.prefixTooltip)
|
|
267
276
|
})
|
|
@@ -271,9 +280,10 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
271
280
|
})
|
|
272
281
|
|
|
273
282
|
const updateZindex = () => {
|
|
274
|
-
const
|
|
275
|
-
|
|
276
|
-
|
|
283
|
+
const popupOpts = computePopupOpts.value
|
|
284
|
+
const customZIndex = popupOpts.zIndex || props.zIndex
|
|
285
|
+
if (customZIndex) {
|
|
286
|
+
reactData.panelIndex = XEUtils.toNumber(customZIndex)
|
|
277
287
|
} else if (reactData.panelIndex < getLastZIndex()) {
|
|
278
288
|
reactData.panelIndex = nextZIndex()
|
|
279
289
|
}
|
|
@@ -285,9 +295,10 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
285
295
|
const targetElem = refButton.value
|
|
286
296
|
const panelElem = refBtnPanel.value
|
|
287
297
|
const btnTransfer = computeBtnTransfer.value
|
|
298
|
+
const popupOpts = computePopupOpts.value
|
|
288
299
|
const handleStyle = () => {
|
|
289
300
|
const ppObj = updatePanelPlacement(targetElem, panelElem, {
|
|
290
|
-
placement,
|
|
301
|
+
placement: popupOpts.placement || placement,
|
|
291
302
|
teleportTo: btnTransfer
|
|
292
303
|
})
|
|
293
304
|
const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {
|
|
@@ -603,7 +614,7 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
603
614
|
Object.assign($xeButton, buttonMethods)
|
|
604
615
|
|
|
605
616
|
const renderVN = () => {
|
|
606
|
-
const { className,
|
|
617
|
+
const { className, trigger, title, routerLink, type, destroyOnClose, name, loading, shadow, showDropdownIcon } = props
|
|
607
618
|
const { initialized, isAniVisible, visiblePanel } = reactData
|
|
608
619
|
const isFormBtn = computeIsFormBtn.value
|
|
609
620
|
const btnMode = computeBtnMode.value
|
|
@@ -615,8 +626,10 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
615
626
|
const btnDisabled = computeBtnDisabled.value
|
|
616
627
|
const permissionInfo = computePermissionInfo.value
|
|
617
628
|
const downBtnList = computeDownBtnList.value
|
|
629
|
+
const popupOpts = computePopupOpts.value
|
|
618
630
|
const vSize = computeSize.value
|
|
619
631
|
const dropdownsSlot = slots.dropdowns
|
|
632
|
+
const ppClassName = popupOpts.className || props.popupClassName
|
|
620
633
|
|
|
621
634
|
if (!permissionInfo.visible) {
|
|
622
635
|
return renderEmptyElement($xeButton)
|
|
@@ -701,7 +714,7 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
701
714
|
}, [
|
|
702
715
|
h('div', {
|
|
703
716
|
ref: refBtnPanel,
|
|
704
|
-
class: ['vxe-button--dropdown-panel',
|
|
717
|
+
class: ['vxe-button--dropdown-panel', ppClassName ? (XEUtils.isFunction(ppClassName) ? ppClassName({ $button: $xeButton }) : ppClassName) : '', {
|
|
705
718
|
[`size--${vSize}`]: vSize,
|
|
706
719
|
'is--transfer': btnTransfer,
|
|
707
720
|
'ani--leave': isAniVisible,
|
|
@@ -116,6 +116,7 @@ export default defineVxeComponent({
|
|
|
116
116
|
default: null
|
|
117
117
|
},
|
|
118
118
|
|
|
119
|
+
popupConfig: Object as PropType<VxeDatePickerPropTypes.PopupConfig>,
|
|
119
120
|
shortcutConfig: Object as PropType<VxeDatePickerPropTypes.ShortcutConfig>,
|
|
120
121
|
|
|
121
122
|
// 已废弃 startWeek,被 startDay 替换
|
|
@@ -191,6 +192,10 @@ export default defineVxeComponent({
|
|
|
191
192
|
|
|
192
193
|
const computeBtnTransfer = computed(() => {
|
|
193
194
|
const { transfer } = props
|
|
195
|
+
const popupOpts = computePopupOpts.value
|
|
196
|
+
if (XEUtils.isBoolean(popupOpts.transfer)) {
|
|
197
|
+
return popupOpts.transfer
|
|
198
|
+
}
|
|
194
199
|
if (transfer === null) {
|
|
195
200
|
const globalTransfer = getConfig().datePicker.transfer
|
|
196
201
|
if (XEUtils.isBoolean(globalTransfer)) {
|
|
@@ -262,6 +267,10 @@ export default defineVxeComponent({
|
|
|
262
267
|
return immediate
|
|
263
268
|
})
|
|
264
269
|
|
|
270
|
+
const computePopupOpts = computed(() => {
|
|
271
|
+
return Object.assign({}, getConfig().datePicker.popupConfig, props.popupConfig)
|
|
272
|
+
})
|
|
273
|
+
|
|
265
274
|
const computeShortcutOpts = computed(() => {
|
|
266
275
|
return Object.assign({}, getConfig().datePicker.shortcutConfig, props.shortcutConfig)
|
|
267
276
|
})
|
|
@@ -559,9 +568,10 @@ export default defineVxeComponent({
|
|
|
559
568
|
|
|
560
569
|
// 弹出面板
|
|
561
570
|
const updateZindex = () => {
|
|
562
|
-
const
|
|
563
|
-
|
|
564
|
-
|
|
571
|
+
const popupOpts = computePopupOpts.value
|
|
572
|
+
const customZIndex = popupOpts.zIndex || props.zIndex
|
|
573
|
+
if (customZIndex) {
|
|
574
|
+
reactData.panelIndex = XEUtils.toNumber(customZIndex)
|
|
565
575
|
} else if (reactData.panelIndex < getLastZIndex()) {
|
|
566
576
|
reactData.panelIndex = nextZIndex()
|
|
567
577
|
}
|
|
@@ -573,9 +583,10 @@ export default defineVxeComponent({
|
|
|
573
583
|
const targetElem = refInputTarget.value
|
|
574
584
|
const panelElem = refInputPanel.value
|
|
575
585
|
const btnTransfer = computeBtnTransfer.value
|
|
586
|
+
const popupOpts = computePopupOpts.value
|
|
576
587
|
const handleStyle = () => {
|
|
577
588
|
const ppObj = updatePanelPlacement(targetElem, panelElem, {
|
|
578
|
-
placement,
|
|
589
|
+
placement: popupOpts.placement || placement,
|
|
579
590
|
teleportTo: btnTransfer
|
|
580
591
|
})
|
|
581
592
|
const panelStyle: { [key: string]: string | number } = Object.assign(ppObj.style, {
|
|
@@ -743,6 +754,7 @@ export default defineVxeComponent({
|
|
|
743
754
|
const isClearable = computeIsClearable.value
|
|
744
755
|
const isDateTimeType = computeIsDateTimeType.value
|
|
745
756
|
const shortcutList = computeShortcutList.value
|
|
757
|
+
const popupOpts = computePopupOpts.value
|
|
746
758
|
const { position } = shortcutOpts
|
|
747
759
|
const headerSlot = slots.header
|
|
748
760
|
const footerSlot = slots.footer
|
|
@@ -750,6 +762,7 @@ export default defineVxeComponent({
|
|
|
750
762
|
const bottomSlot = slots.bottom
|
|
751
763
|
const leftSlot = slots.left
|
|
752
764
|
const rightSlot = slots.right
|
|
765
|
+
const ppClassName = popupOpts.className
|
|
753
766
|
const hasShortcutBtn = shortcutList.length > 0
|
|
754
767
|
const showConfirmBtn = (showConfirmButton === null ? (isDateTimeType || multiple) : showConfirmButton)
|
|
755
768
|
const showClearBtn = (showClearButton === null ? (isClearable && showConfirmBtn && type !== 'time') : showClearButton)
|
|
@@ -759,7 +772,7 @@ export default defineVxeComponent({
|
|
|
759
772
|
}, [
|
|
760
773
|
h('div', {
|
|
761
774
|
ref: refInputPanel,
|
|
762
|
-
class: ['vxe-table--ignore-clear vxe-date-picker--panel', `type--${type}`, {
|
|
775
|
+
class: ['vxe-table--ignore-clear vxe-date-picker--panel', `type--${type}`, ppClassName ? (XEUtils.isFunction(ppClassName) ? ppClassName({ $datePicker: $xeDatePicker }) : ppClassName) : '', {
|
|
763
776
|
[`size--${vSize}`]: vSize,
|
|
764
777
|
'is--transfer': btnTransfer,
|
|
765
778
|
'ani--leave': isAniVisible,
|