vxe-pc-ui 4.9.20 → 4.9.22
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/README.en.md +3 -1
- package/README.ja-JP.md +3 -1
- package/README.md +3 -1
- package/README.zh-TW.md +3 -1
- package/es/button/src/button.js +6 -1
- package/es/date-picker/src/date-picker.js +6 -1
- package/es/date-range-picker/src/date-range-picker.js +6 -1
- package/es/icon/style.css +1 -1
- package/es/image/src/group.js +7 -2
- package/es/image/src/image.js +3 -1
- package/es/image/src/preview.js +1 -0
- package/es/image/src/util.js +2 -1
- package/es/pulldown/src/pulldown.js +10 -2
- package/es/select/src/select.js +6 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/table-select/src/table-select.js +7 -2
- package/es/tree-select/src/tree-select.js +6 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/button/src/button.js +7 -1
- package/lib/button/src/button.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +7 -1
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +7 -1
- 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/image/src/group.js +4 -1
- package/lib/image/src/group.min.js +1 -1
- package/lib/image/src/image.js +4 -1
- package/lib/image/src/image.min.js +1 -1
- package/lib/image/src/preview.js +1 -0
- package/lib/image/src/preview.min.js +1 -1
- package/lib/image/src/util.js +3 -1
- package/lib/image/src/util.min.js +1 -1
- package/lib/index.umd.js +65 -14
- package/lib/index.umd.min.js +1 -1
- package/lib/pulldown/src/pulldown.js +8 -2
- package/lib/pulldown/src/pulldown.min.js +1 -1
- package/lib/select/src/select.js +7 -1
- 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 +8 -2
- package/lib/table-select/src/table-select.min.js +1 -1
- package/lib/tree-select/src/tree-select.js +7 -1
- 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 +5 -1
- package/packages/date-picker/src/date-picker.ts +5 -1
- package/packages/date-range-picker/src/date-range-picker.ts +5 -1
- package/packages/image/src/group.ts +7 -2
- package/packages/image/src/image.ts +3 -1
- package/packages/image/src/preview.ts +1 -0
- package/packages/image/src/util.ts +2 -1
- package/packages/pulldown/src/pulldown.ts +9 -2
- package/packages/select/src/select.ts +5 -1
- package/packages/table-select/src/table-select.ts +6 -2
- package/packages/tree-select/src/tree-select.ts +5 -1
- package/types/components/button.d.ts +2 -0
- package/types/components/date-picker.d.ts +2 -0
- package/types/components/date-range-picker.d.ts +2 -0
- package/types/components/image-group.d.ts +2 -0
- package/types/components/image-preview.d.ts +2 -0
- package/types/components/image.d.ts +2 -0
- package/types/components/pulldown.d.ts +2 -0
- package/types/components/select.d.ts +2 -0
- package/types/components/table-select.d.ts +2 -0
- package/types/components/table.d.ts +5 -1
- package/types/components/tree-select.d.ts +2 -0
- /package/es/icon/{iconfont.1757386401857.ttf → iconfont.1757414121087.ttf} +0 -0
- /package/es/icon/{iconfont.1757386401857.woff → iconfont.1757414121087.woff} +0 -0
- /package/es/icon/{iconfont.1757386401857.woff2 → iconfont.1757414121087.woff2} +0 -0
- /package/es/{iconfont.1757386401857.ttf → iconfont.1757414121087.ttf} +0 -0
- /package/es/{iconfont.1757386401857.woff → iconfont.1757414121087.woff} +0 -0
- /package/es/{iconfont.1757386401857.woff2 → iconfont.1757414121087.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1757386401857.ttf → iconfont.1757414121087.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1757386401857.woff → iconfont.1757414121087.woff} +0 -0
- /package/lib/icon/style/{iconfont.1757386401857.woff2 → iconfont.1757414121087.woff2} +0 -0
- /package/lib/{iconfont.1757386401857.ttf → iconfont.1757414121087.ttf} +0 -0
- /package/lib/{iconfont.1757386401857.woff → iconfont.1757414121087.woff} +0 -0
- /package/lib/{iconfont.1757386401857.woff2 → iconfont.1757414121087.woff2} +0 -0
|
@@ -43,9 +43,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
43
43
|
columns: Array,
|
|
44
44
|
options: Array,
|
|
45
45
|
optionProps: Object,
|
|
46
|
+
zIndex: Number,
|
|
46
47
|
size: {
|
|
47
48
|
type: String,
|
|
48
|
-
default: () => (0, _ui.getConfig)().
|
|
49
|
+
default: () => (0, _ui.getConfig)().tableSelect.size || (0, _ui.getConfig)().size
|
|
49
50
|
},
|
|
50
51
|
popupConfig: Object,
|
|
51
52
|
gridConfig: Object,
|
|
@@ -331,7 +332,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
331
332
|
updateModel(props.modelValue);
|
|
332
333
|
};
|
|
333
334
|
const updateZindex = () => {
|
|
334
|
-
|
|
335
|
+
const {
|
|
336
|
+
zIndex
|
|
337
|
+
} = props;
|
|
338
|
+
if (zIndex) {
|
|
339
|
+
reactData.panelIndex = zIndex;
|
|
340
|
+
} else if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
|
|
335
341
|
reactData.panelIndex = (0, _utils.nextZIndex)();
|
|
336
342
|
}
|
|
337
343
|
};
|
|
@@ -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_")}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,size:{type:String,default:()=>(0,_ui.getConfig)().
|
|
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_")}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,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:a,slots:C}=e,E=_ui.VxeUI.getComponent("vxe-grid"),l=(0,_vue.inject)("$xeModal",null),i=(0,_vue.inject)("$xeDrawer",null),x=(0,_vue.inject)("$xeTable",null),u=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const k=(0,_ui.useSize)(h)["computeSize"],T=(0,_vue.ref)(),y=(0,_vue.ref)(),L=(0,_vue.ref)(),I=(0,_vue.ref)(),w=(0,_vue.ref)(),S=(0,_vue.reactive)({initialized:!1,tableColumns:[],fullOptionList:[],fullRowMaps:{},panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),o={},N={refElem:T},$=(0,_vue.computed)(()=>{var e=h["readonly"];return null===e?!!u&&u.props.readonly:e}),P=(0,_vue.computed)(()=>{var e=h["disabled"];return null===e?!!u&&u.props.disabled:e}),A=(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(x||l||i||u)return!0}return e}),r=(0,_vue.computed)(()=>h.optionProps||{}),q=(0,_vue.computed)(()=>{var e=O.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),s=(0,_vue.computed)(()=>{return q.value.keyField||"_X_ROW_KEY"}),F=(0,_vue.computed)(()=>{return r.value.label||"label"}),v=(0,_vue.computed)(()=>{return r.value.value||"value"}),U=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,h.popupConfig)),O=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,h.gridConfig,{data:void 0,columns:void 0})),B=(0,_vue.computed)(()=>{var e=h["modelValue"];const l=S["fullRowMaps"],i=F.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var t=l[e];return t?t.item[i]:e}).join(", ")}),M=(0,_vue.computed)(()=>{var{height:e,width:t}=U.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e)),l}),D={},R={xID:t,props:h,context:e,reactData:S,getRefMaps:()=>N,getComputeMaps:()=>D};const j={},c=(["form-submit","form-reset","form-collapse","page-change"].forEach(t=>{j[(0,_vn.getOnName)(_xeUtils.default.camelCase(t))]=e=>{c(t,e,e.$event)}}),(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$tableSelect:R},t))});t={dispatchEvent:c};const K=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},d=l=>{const i=h["multiple"];(0,_vue.nextTick)(()=>{var e,t=w.value;t&&(e=K(l)).length&&(i?t.setCheckboxRow(e,!0):t.setRadioRow(e[0]))})},p=e=>{var t=h["multiple"];const l=[];let i=!1,a=!1;e.forEach(e=>{i||"radio"!==e.type?a||"checkbox"!==e.type||(a=!0):i=!0,l.push(e)}),t?a||l.unshift({type:"checkbox",width:70}):i||l.unshift({type:"radio",width:70}),S.tableColumns=l},_=()=>{var e=h["options"];const u=s.value,n=v.value;var t=O.value["treeConfig"];const o={},r={};t||_xeUtils.default.arrayEach(e||[],(e,t,l)=>{let i=(e=>{e=e[s.value];return e?encodeURIComponent(e):""})(e);i=i||getRowUniqueId(),r[i]&&(0,_log.errLog)("vxe.error.repeatKey",[u,i]),r[i]=!0;var a=e[n];o[a]&&(0,_log.errLog)("vxe.error.repeatKey",[n,a]),o[a]={item:e,index:t,items:l,parent:null,nodes:[]}}),S.fullOptionList=e||[],S.fullRowMaps=o,d(h.modelValue)},m=()=>{const l=h["placement"],i=S["panelIndex"],a=T.value,u=I.value,n=A.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(a,u,{placement:l,teleportTo:n}),t=Object.assign(e.style,{zIndex:i});S.panelStyle=t,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},g=()=>{var e=h["loading"],t=P.value;e||t||(o.vpTimeout&&clearTimeout(o.vpTimeout),o.hpTimeout&&clearTimeout(o.hpTimeout),S.initialized||(S.initialized=!0),S.isActivated=!0,S.isAniVisible=!0,o.vpTimeout=setTimeout(()=>{S.visiblePanel=!0,d(h.modelValue),o.vpTimeout=void 0},10),(e=h.zIndex)?S.panelIndex=e:S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)()),m())},f=()=>{S.visiblePanel=!1,o.vpTimeout&&clearTimeout(o.vpTimeout),o.hpTimeout&&clearTimeout(o.hpTimeout),o.hpTimeout=setTimeout(()=>{S.isAniVisible=!1,o.hpTimeout=void 0},350)},b=(e,t,l)=>{var i;i=t,a("update:modelValue",i),t!==h.modelValue&&(c("change",{value:t,row:l,option:l},e),u)&&n&&u.triggerItemEvent(e,n.itemConfig.field,t)},Z=(e,t)=>{b(e,t,null),c("clear",{value:t},e)},W=(e,t)=>{Z(t,null),f()},X=e=>{var t=S["visiblePanel"];P.value||t&&(t=I.value,((0,_dom.getEventTargetNode)(e,t).flag?m:f)())},Y=e=>{var t,l,i=S["visiblePanel"];P.value||(t=T.value,l=I.value,S.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,i&&!S.isActivated&&f())},G=()=>{var{visiblePanel:e,isActivated:t}=S;e&&f(),t&&(S.isActivated=!1),(e||t)&&(e=y.value)&&e.blur()},H=()=>{var e=S["visiblePanel"];e&&m()},J=e=>{P.value||S.visiblePanel||(S.triggerFocusPanel=!0,g(),setTimeout(()=>{S.triggerFocusPanel=!1},150)),c("focus",{},e)},Q=e=>{V(e),c("click",{},e)},ee=e=>{S.isActivated=!1,c("blur",{},e)},V=e=>{e=e.$event;e.preventDefault(),S.triggerFocusPanel?S.triggerFocusPanel=!1:(S.visiblePanel?f:g)()},te=e=>{var{$event:e,row:t}=e,l=t[v.value];b(e,l,t),f()},z=e=>{var{$grid:e,$event:t,row:l}=e;const i=v.value;e&&(e=e.getCheckboxRecords().map(e=>e[i]),b(t,e,l))},le=e=>{z(e)};Object.assign(R,t,{});return(0,_vue.watch)(()=>h.options,()=>{_()}),(0,_vue.watch)(()=>h.columns,e=>{p(e||[])}),(0,_vue.watch)(()=>h.modelValue,e=>{d(e)}),p(h.columns||[]),_(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(R,"mousewheel",X),_ui.globalEvents.on(R,"mousedown",Y),_ui.globalEvents.on(R,"blur",G),_ui.globalEvents.on(R,"resize",H)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(R,"mousewheel"),_ui.globalEvents.off(R,"mousedown"),_ui.globalEvents.off(R,"blur"),_ui.globalEvents.off(R,"resize")}),(0,_vue.nextTick)(()=>{E||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",R),R.renderVN=()=>{var{className:e,options:t,loading:l}=h,{initialized:i,isActivated:a,isAniVisible:u,visiblePanel:n,tableColumns:o}=S,r=k.value,s=P.value,v=B.value,c=A.value,d=$.value,p=U.value["className"],_=O.value,m=q.value,g=M.value,f=C.header,b=C.footer;const x=C.prefix;return d?(0,_vue.h)("div",{ref:T,class:["vxe-table-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-table-select-label"},v)]):(0,_vue.h)("div",{ref:T,class:["vxe-table-select",e?_xeUtils.default.isFunction(e)?e({$tableSelect:R}):e:"",{["size--"+r]:r,"is--visible":n,"is--disabled":s,"is--loading":l,"is--active":a}]},[(0,_vue.h)(_input.default,{ref:y,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:n?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:l?"":v,onClear:W,onClick:Q,onFocus:J,onBlur:ee,onSuffixClick:V},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!i},[(0,_vue.h)("div",{ref:I,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:R}):p:"",{["size--"+r]:r,"is--transfer":c,"ani--leave":!l&&u,"ani--enter":!l&&n}],placement:S.panelPlacement,style:S.panelStyle},i?[(0,_vue.h)("div",{class:"vxe-table-select--panel-wrapper"},[f?(0,_vue.h)("div",{class:"vxe-table-select--panel-header"},f({})):(0,_ui.renderEmptyElement)(R),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:L,class:"vxe-table-select-grid--wrapper",style:g},[E?(0,_vue.h)(E,Object.assign(Object.assign(Object.assign({},_),j),{class:"vxe-table-select--grid",ref:w,rowConfig:m,data:t,columns:o,height:"100%",autoResize:!0,onRadioChange:te,onCheckboxChange:z,onCheckboxAll:le}),Object.assign({},C,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(R)])]),b?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},b({})):(0,_ui.renderEmptyElement)(R)])]:[])])])},R},render(){return this.renderVN()}});
|
|
@@ -53,6 +53,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
53
53
|
placement: String,
|
|
54
54
|
options: Array,
|
|
55
55
|
optionProps: Object,
|
|
56
|
+
zIndex: Number,
|
|
56
57
|
size: {
|
|
57
58
|
type: String,
|
|
58
59
|
default: () => (0, _ui.getConfig)().treeSelect.size || (0, _ui.getConfig)().size
|
|
@@ -340,7 +341,12 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
340
341
|
internalData.fullNodeMaps = nodeMaps;
|
|
341
342
|
};
|
|
342
343
|
const updateZindex = () => {
|
|
343
|
-
|
|
344
|
+
const {
|
|
345
|
+
zIndex
|
|
346
|
+
} = props;
|
|
347
|
+
if (zIndex) {
|
|
348
|
+
reactData.panelIndex = zIndex;
|
|
349
|
+
} else if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
|
|
344
350
|
reactData.panelIndex = (0, _utils.nextZIndex)();
|
|
345
351
|
}
|
|
346
352
|
};
|
|
@@ -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/src/input")),_button=_interopRequireDefault(require("../../button/src/button")),_tree=_interopRequireDefault(require("../../tree/src/tree"));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,options:Array,optionProps:Object,size:{type:String,default:()=>(0,_ui.getConfig)().treeSelect.size||(0,_ui.getConfig)().size},remote:Boolean,remoteConfig:Function,popupConfig:Object,treeConfig: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(j,e){const{emit:n,slots:L}=e,l=(0,_vue.inject)("$xeModal",null),a=(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 z=(0,_ui.useSize)(j)["computeSize"],M=(0,_vue.ref)(),D=(0,_vue.ref)(),R=(0,_vue.ref)(),ae=(0,_vue.ref)(),$=(0,_vue.ref)(),H=(0,_vue.ref)(),K=(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:M},ne=(0,_vue.computed)(()=>{var e=j["readonly"];return null===e?!!o&&o.props.readonly:e}),Y=(0,_vue.computed)(()=>{var e=j["disabled"];return null===e?!!o&&o.props.disabled:e}),Z=(0,_vue.computed)(()=>{var e=j["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(i||l||a||o)return!0}return e}),G=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.popupConfig,j.popupConfig)),J=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,j.treeConfig,{data:void 0})),ie=(0,_vue.computed)(()=>{var e=J.value;return Object.assign({isHover:!0},e.nodeConfig)}),oe=(0,_vue.computed)(()=>{var e=J.value;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})}),ue=(0,_vue.computed)(()=>{var e=J.value;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})}),r=(0,_vue.computed)(()=>j.optionProps||{}),Q=(0,_vue.computed)(()=>{return J.value.keyField||"id"}),W=(0,_vue.computed)(()=>{return r.value.label||"label"}),X=(0,_vue.computed)(()=>{return r.value.value||"value"}),ee=(0,_vue.computed)(()=>{return r.value.children||"children"}),re=(0,_vue.computed)(()=>{return r.value.parent||"parentField"}),se=(0,_vue.computed)(()=>{return r.value.hasChild||"hasChild"}),ce=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.virtualYConfig,j.virtualYConfig)),s=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.remoteConfig,j.remoteConfig)),de=(0,_vue.computed)(()=>{var e=J.value;return Object.assign({},e.filterConfig,j.filterConfig)}),ve=(0,_vue.computed)(()=>{var e=j["modelValue"];const l=v["fullNodeMaps"],a=W.value;return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).map(e=>{var t=l[e];return t?t.item[a]:e}).join(", ")}),pe=(0,_vue.computed)(()=>{var{height:e,width:t}=G.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={},te={xID:t,props:j,context:e,reactData:K,internalData:v,getRefMaps:()=>h,getComputeMaps:()=>m},c=(e,t,l)=>{n(e,(0,_ui.createEvent)(l,{$treeSelect:te},t))};t={dispatchEvent:c};const d=()=>{var e=j["options"],t=J.value;const r=Q.value;var l=ee.value;const s=X.value;t=t.transform;const c={},d={},a=(e,t,l,a,n,i)=>{let o=(e=>{e=e[Q.value];return e?encodeURIComponent(e):""})(e);o=o||getOptUniqueId(),d[o]&&(0,_log.errLog)("vxe.error.repeatKey",[r,o]),d[o]=!0;var u=e[s];c[u]&&(0,_log.errLog)("vxe.error.repeatKey",[s,u]),c[u]={item:e,index:t,items:l,parent:n,nodes:i}};e&&(t?e.forEach((e,t,l)=>{a(e,t,l,0,null,[])}):_xeUtils.default.eachTree(e,a,{children:l})),v.fullOptionList=e||[],v.fullNodeMaps=c},p=()=>{const l=j["placement"],a=K["panelIndex"],n=M.value,i=$.value,o=Z.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(n,i,{placement:l,teleportTo:o}),t=Object.assign(e.style,{zIndex:a});K.panelStyle=t,K.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},_=()=>{var{loading:e,remote:t,filterable:l}=j,a=v["fullOptionList"],n=Y.value,i=s.value;e||n||(clearTimeout(v.hpTimeout),K.initialized||(K.initialized=!0),K.isActivated=!0,K.isAniVisible=!0,l&&t&&i.enabled&&i.autoLoad&&!a.length&&({modelValue:e,remote:n,remoteMethod:l}=j,t=K["searchValue"],i=s.value,a=i.queryMethod||l,n)&&a&&i.enabled&&(K.searchLoading=!0,Promise.resolve(a({$treeSelect:te,searchValue:t,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{K.searchLoading=!1})),setTimeout(()=>{K.visiblePanel=!0,j.filterable&&(0,_vue.nextTick)(()=>{var e=R.value;e&&e.focus()})},10),K.panelIndex<(0,_utils.getLastZIndex)()&&(K.panelIndex=(0,_utils.nextZIndex)()),p())},g=()=>{K.visiblePanel=!1,v.hpTimeout=setTimeout(()=>{K.isAniVisible=!1},350)},f=(e,t,l)=>{var a,t=_xeUtils.default.isArray(t)?t.map(_util.deNodeValue):(0,_util.deNodeValue)(t);a=t,n("update:modelValue",a),t!==j.modelValue&&(c("change",{value:t,node:l,option:l},e),o)&&u&&o.triggerItemEvent(e,u.itemConfig.field,t)},x=(e,t)=>{f(e,t,null),c("clear",{value:t},e)},_e=(e,t)=>{x(t,null),g()},ge=e=>{const l=e["$event"],{multiple:t,autoClose:a}=j;e=H.value;t&&e&&e.setAllCheckboxNode(!0).then(({checkNodeKeys:e,checkNodes:t})=>{f(l,e,t[0]),c("all-change",{value:e},l),a&&g()})},fe=e=>{e=e.$event;const{multiple:t,autoClose:l}=j;var a,n=H.value;n&&(a=t?[]:null,n.clearCheckboxNode().then(()=>{l&&g()}),f(e,a,null),c("clear",{value:a},e))},he=()=>{var e=H.value;e&&e.setAllExpandNode(!0)},me=()=>{var e=H.value;e&&e.clearAllExpandNode()},b=e=>{var t=K["visiblePanel"];Y.value||t&&(t=$.value,((0,_dom.getEventTargetNode)(e,t).flag?p:g)())},C=e=>{var t,l,a=K["visiblePanel"];Y.value||(t=M.value,l=$.value,K.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!K.isActivated&&g())},E=()=>{var{visiblePanel:e,isActivated:t}=K;e&&g(),t&&(K.isActivated=!1),(e||t)&&(e=D.value)&&e.blur()},y=()=>{var e=K["visiblePanel"];e&&p()},xe=e=>{Y.value||K.visiblePanel||(K.triggerFocusPanel=!0,_(),setTimeout(()=>{K.triggerFocusPanel=!1},150)),c("focus",{},e)},be=e=>{le(e),c("click",{},e)},Ce=e=>{K.isActivated=!1,c("blur",{},e)},Ee=e=>{K.searchValue=e},le=e=>{e=e.$event;e.preventDefault(),K.triggerFocusPanel?K.triggerFocusPanel=!1:(K.visiblePanel?g:_)()},ye=e=>{var t=e["$event"];c("node-click",e,t)},Se=e=>{var{value:e,$event:t,node:l}=e;f(t,e,l),g()},Ie=e=>{var{value:e,$event:t,node:l}=e;f(t,e,l)},ke=()=>{d()};Object.assign(te,t,{});return(0,_vue.watch)(()=>j.options,()=>{d()}),d(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(te,"mousewheel",b),_ui.globalEvents.on(te,"mousedown",C),_ui.globalEvents.on(te,"blur",E),_ui.globalEvents.on(te,"resize",y)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(te,"mousewheel"),_ui.globalEvents.off(te,"mousedown"),_ui.globalEvents.off(te,"blur"),_ui.globalEvents.off(te,"resize"),_xeUtils.default.assign(v,createInternalData())}),(0,_vue.provide)("$xeTreeSelect",te),te.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:a,loading:n,filterable:i,showTotalButoon:o,showCheckedButoon:u,showClearButton:r,showExpandButton:s}=j,{initialized:c,isActivated:d,isAniVisible:v,visiblePanel:p,searchValue:_}=K,g=z.value,f=Y.value,h=ve.value,m=Z.value,x=ne.value,b=pe.value,C=L.header,E=L.footer;const y=L.prefix;var S=G.value,I=S.className||j.popupClassName,k=J.value,w=ie.value,N=oe.value,T=ue.value,B=Q.value,O=W.value,P=X.value,V=ee.value,F=re.value,q=se.value,A=ce.value,U=de.value;return x?(0,_vue.h)("div",{ref:M,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-tree-select-label"},h)]):(x=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],(0,_vue.h)("div",{ref:M,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:te}):e:"",{["size--"+g]:g,"is--filterable":i,"is--visible":p,"is--disabled":f,"is--loading":n,"is--active":d}]},[(0,_vue.h)(_input.default,{ref:D,clearable:j.clearable,placeholder:n?(0,_ui.getI18n)("vxe.select.loadingText"):j.placeholder,readonly:!0,disabled:f,type:"text",prefixIcon:j.prefixIcon,suffixIcon:n?(0,_ui.getIcon)().TREE_SELECT_LOADED:p?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:n?"":h,title:h,onClear:_e,onClick:be,onFocus:xe,onBlur:Ce,onSuffixClick:le},y?{prefix:()=>y({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!m||!c},[(0,_vue.h)("div",{ref:$,class:["vxe-table--ignore-clear vxe-tree-select--panel",I?_xeUtils.default.isFunction(I)?I({$treeSelect:te}):I:"",{["size--"+g]:g,"is--transfer":m,"ani--leave":!n&&v,"ani--enter":!n&&p}],placement:K.panelPlacement,style:K.panelStyle},c?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[i?(0,_vue.h)("div",{class:"vxe-tree-select--panel-search"},[(0,_vue.h)(_input.default,{ref:R,class:"vxe-tree-select-search--input",modelValue:_,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.treeSelect.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":Ee})]):(0,_ui.renderEmptyElement)(te),o||u&&l||r||s||C?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},C?C({}):[(0,_vue.h)("div",{class:"vxe-tree-select--header-button"},[o?(0,_vue.h)("div",{class:"vxe-tree-select--header-total"},(0,_ui.getI18n)("vxe.treeSelect.total",[x.length])):(0,_ui.renderEmptyElement)(te),(0,_vue.h)("div",{class:"vxe-tree-select--header-btns"},[u&&l?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allChecked"),mode:"text",onClick:ge}):(0,_ui.renderEmptyElement)(te),r?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearChecked"),mode:"text",onClick:fe}):(0,_ui.renderEmptyElement)(te),s?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allExpand"),mode:"text",onClick:he}):(0,_ui.renderEmptyElement)(te),s?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearExpand"),mode:"text",onClick:me}):(0,_ui.renderEmptyElement)(te)])])]):(0,_ui.renderEmptyElement)(te),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:ae,class:"vxe-tree-select-tree--wrapper",style:b},[(0,_vue.h)(_tree.default,{ref:H,class:"vxe-tree-select--tree",height:S.height?"100%":k.height,minHeight:k.minHeight,maxHeight:S.height?"":k.maxHeight,autoResize:!0,data:a,indent:k.indent,showRadio:!l,radioConfig:T,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:N,titleField:O,valueField:P,keyField:B,childrenField:k.childrenField||V,parentField:k.parentField||F,hasChildField:k.hasChildField||q,accordion:k.accordion,expandAll:k.expandAll,nodeConfig:w,lazy:k.lazy,loadMethod:k.loadMethod,toggleMethod:k.toggleMethod,transform:k.transform,trigger:k.trigger,showIcon:k.showIcon,showLine:k.showLine,iconOpen:k.iconOpen,iconLoaded:k.iconLoaded,iconClose:k.iconClose,filterValue:_,filterConfig:U,virtualYConfig:A,onNodeClick:ye,onRadioChange:Se,onCheckboxChange:Ie,onLoadSuccess:ke})])]),E?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},E({})):(0,_ui.renderEmptyElement)(te)])]:[])])]))},te},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/src/input")),_button=_interopRequireDefault(require("../../button/src/button")),_tree=_interopRequireDefault(require("../../tree/src/tree"));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,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,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(j,e){const{emit:n,slots:L}=e,l=(0,_vue.inject)("$xeModal",null),a=(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 z=(0,_ui.useSize)(j)["computeSize"],M=(0,_vue.ref)(),D=(0,_vue.ref)(),R=(0,_vue.ref)(),ae=(0,_vue.ref)(),$=(0,_vue.ref)(),H=(0,_vue.ref)(),K=(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:M},ne=(0,_vue.computed)(()=>{var e=j["readonly"];return null===e?!!o&&o.props.readonly:e}),Y=(0,_vue.computed)(()=>{var e=j["disabled"];return null===e?!!o&&o.props.disabled:e}),Z=(0,_vue.computed)(()=>{var e=j["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(i||l||a||o)return!0}return e}),G=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.popupConfig,j.popupConfig)),J=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,j.treeConfig,{data:void 0})),ie=(0,_vue.computed)(()=>{var e=J.value;return Object.assign({isHover:!0},e.nodeConfig)}),oe=(0,_vue.computed)(()=>{var e=J.value;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})}),ue=(0,_vue.computed)(()=>{var e=J.value;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})}),r=(0,_vue.computed)(()=>j.optionProps||{}),Q=(0,_vue.computed)(()=>{return J.value.keyField||"id"}),W=(0,_vue.computed)(()=>{return r.value.label||"label"}),X=(0,_vue.computed)(()=>{return r.value.value||"value"}),ee=(0,_vue.computed)(()=>{return r.value.children||"children"}),re=(0,_vue.computed)(()=>{return r.value.parent||"parentField"}),se=(0,_vue.computed)(()=>{return r.value.hasChild||"hasChild"}),ce=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.virtualYConfig,j.virtualYConfig)),s=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.remoteConfig,j.remoteConfig)),de=(0,_vue.computed)(()=>{var e=J.value;return Object.assign({},e.filterConfig,j.filterConfig)}),ve=(0,_vue.computed)(()=>{var e=j["modelValue"];const l=v["fullNodeMaps"],a=W.value;return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).map(e=>{var t=l[e];return t?t.item[a]:e}).join(", ")}),pe=(0,_vue.computed)(()=>{var{height:e,width:t}=G.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={},te={xID:t,props:j,context:e,reactData:K,internalData:v,getRefMaps:()=>h,getComputeMaps:()=>m},c=(e,t,l)=>{n(e,(0,_ui.createEvent)(l,{$treeSelect:te},t))};t={dispatchEvent:c};const d=()=>{var e=j["options"],t=J.value;const r=Q.value;var l=ee.value;const s=X.value;t=t.transform;const c={},d={},a=(e,t,l,a,n,i)=>{let o=(e=>{e=e[Q.value];return e?encodeURIComponent(e):""})(e);o=o||getOptUniqueId(),d[o]&&(0,_log.errLog)("vxe.error.repeatKey",[r,o]),d[o]=!0;var u=e[s];c[u]&&(0,_log.errLog)("vxe.error.repeatKey",[s,u]),c[u]={item:e,index:t,items:l,parent:n,nodes:i}};e&&(t?e.forEach((e,t,l)=>{a(e,t,l,0,null,[])}):_xeUtils.default.eachTree(e,a,{children:l})),v.fullOptionList=e||[],v.fullNodeMaps=c},p=()=>{const l=j["placement"],a=K["panelIndex"],n=M.value,i=$.value,o=Z.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(n,i,{placement:l,teleportTo:o}),t=Object.assign(e.style,{zIndex:a});K.panelStyle=t,K.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},_=()=>{var{loading:e,remote:t,filterable:l}=j,a=v["fullOptionList"],n=Y.value,i=s.value;e||n||(clearTimeout(v.hpTimeout),K.initialized||(K.initialized=!0),K.isActivated=!0,K.isAniVisible=!0,l&&t&&i.enabled&&i.autoLoad&&!a.length&&({modelValue:e,remote:n,remoteMethod:l}=j,t=K["searchValue"],i=s.value,a=i.queryMethod||l,n)&&a&&i.enabled&&(K.searchLoading=!0,Promise.resolve(a({$treeSelect:te,searchValue:t,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{K.searchLoading=!1})),setTimeout(()=>{K.visiblePanel=!0,j.filterable&&(0,_vue.nextTick)(()=>{var e=R.value;e&&e.focus()})},10),(l=j.zIndex)?K.panelIndex=l:K.panelIndex<(0,_utils.getLastZIndex)()&&(K.panelIndex=(0,_utils.nextZIndex)()),p())},g=()=>{K.visiblePanel=!1,v.hpTimeout=setTimeout(()=>{K.isAniVisible=!1},350)},f=(e,t,l)=>{var a,t=_xeUtils.default.isArray(t)?t.map(_util.deNodeValue):(0,_util.deNodeValue)(t);a=t,n("update:modelValue",a),t!==j.modelValue&&(c("change",{value:t,node:l,option:l},e),o)&&u&&o.triggerItemEvent(e,u.itemConfig.field,t)},x=(e,t)=>{f(e,t,null),c("clear",{value:t},e)},_e=(e,t)=>{x(t,null),g()},ge=e=>{const l=e["$event"],{multiple:t,autoClose:a}=j;e=H.value;t&&e&&e.setAllCheckboxNode(!0).then(({checkNodeKeys:e,checkNodes:t})=>{f(l,e,t[0]),c("all-change",{value:e},l),a&&g()})},fe=e=>{e=e.$event;const{multiple:t,autoClose:l}=j;var a,n=H.value;n&&(a=t?[]:null,n.clearCheckboxNode().then(()=>{l&&g()}),f(e,a,null),c("clear",{value:a},e))},he=()=>{var e=H.value;e&&e.setAllExpandNode(!0)},me=()=>{var e=H.value;e&&e.clearAllExpandNode()},b=e=>{var t=K["visiblePanel"];Y.value||t&&(t=$.value,((0,_dom.getEventTargetNode)(e,t).flag?p:g)())},C=e=>{var t,l,a=K["visiblePanel"];Y.value||(t=M.value,l=$.value,K.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,a&&!K.isActivated&&g())},E=()=>{var{visiblePanel:e,isActivated:t}=K;e&&g(),t&&(K.isActivated=!1),(e||t)&&(e=D.value)&&e.blur()},y=()=>{var e=K["visiblePanel"];e&&p()},xe=e=>{Y.value||K.visiblePanel||(K.triggerFocusPanel=!0,_(),setTimeout(()=>{K.triggerFocusPanel=!1},150)),c("focus",{},e)},be=e=>{le(e),c("click",{},e)},Ce=e=>{K.isActivated=!1,c("blur",{},e)},Ee=e=>{K.searchValue=e},le=e=>{e=e.$event;e.preventDefault(),K.triggerFocusPanel?K.triggerFocusPanel=!1:(K.visiblePanel?g:_)()},ye=e=>{var t=e["$event"];c("node-click",e,t)},Ie=e=>{var{value:e,$event:t,node:l}=e;f(t,e,l),g()},Se=e=>{var{value:e,$event:t,node:l}=e;f(t,e,l)},ke=()=>{d()};Object.assign(te,t,{});return(0,_vue.watch)(()=>j.options,()=>{d()}),d(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(te,"mousewheel",b),_ui.globalEvents.on(te,"mousedown",C),_ui.globalEvents.on(te,"blur",E),_ui.globalEvents.on(te,"resize",y)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(te,"mousewheel"),_ui.globalEvents.off(te,"mousedown"),_ui.globalEvents.off(te,"blur"),_ui.globalEvents.off(te,"resize"),_xeUtils.default.assign(v,createInternalData())}),(0,_vue.provide)("$xeTreeSelect",te),te.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:a,loading:n,filterable:i,showTotalButoon:o,showCheckedButoon:u,showClearButton:r,showExpandButton:s}=j,{initialized:c,isActivated:d,isAniVisible:v,visiblePanel:p,searchValue:_}=K,g=z.value,f=Y.value,h=ve.value,m=Z.value,x=ne.value,b=pe.value,C=L.header,E=L.footer;const y=L.prefix;var I=G.value,S=I.className||j.popupClassName,k=J.value,w=ie.value,N=oe.value,T=ue.value,B=Q.value,O=W.value,P=X.value,V=ee.value,F=re.value,q=se.value,A=ce.value,U=de.value;return x?(0,_vue.h)("div",{ref:M,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-tree-select-label"},h)]):(x=_xeUtils.default.eqNull(t)?[]:_xeUtils.default.isArray(t)?t:[t],(0,_vue.h)("div",{ref:M,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:te}):e:"",{["size--"+g]:g,"is--filterable":i,"is--visible":p,"is--disabled":f,"is--loading":n,"is--active":d}]},[(0,_vue.h)(_input.default,{ref:D,clearable:j.clearable,placeholder:n?(0,_ui.getI18n)("vxe.select.loadingText"):j.placeholder,readonly:!0,disabled:f,type:"text",prefixIcon:j.prefixIcon,suffixIcon:n?(0,_ui.getIcon)().TREE_SELECT_LOADED:p?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:n?"":h,title:h,onClear:_e,onClick:be,onFocus:xe,onBlur:Ce,onSuffixClick:le},y?{prefix:()=>y({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!m||!c},[(0,_vue.h)("div",{ref:$,class:["vxe-table--ignore-clear vxe-tree-select--panel",S?_xeUtils.default.isFunction(S)?S({$treeSelect:te}):S:"",{["size--"+g]:g,"is--transfer":m,"ani--leave":!n&&v,"ani--enter":!n&&p}],placement:K.panelPlacement,style:K.panelStyle},c?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[i?(0,_vue.h)("div",{class:"vxe-tree-select--panel-search"},[(0,_vue.h)(_input.default,{ref:R,class:"vxe-tree-select-search--input",modelValue:_,clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.treeSelect.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":Ee})]):(0,_ui.renderEmptyElement)(te),o||u&&l||r||s||C?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},C?C({}):[(0,_vue.h)("div",{class:"vxe-tree-select--header-button"},[o?(0,_vue.h)("div",{class:"vxe-tree-select--header-total"},(0,_ui.getI18n)("vxe.treeSelect.total",[x.length])):(0,_ui.renderEmptyElement)(te),(0,_vue.h)("div",{class:"vxe-tree-select--header-btns"},[u&&l?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allChecked"),mode:"text",onClick:ge}):(0,_ui.renderEmptyElement)(te),r?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearChecked"),mode:"text",onClick:fe}):(0,_ui.renderEmptyElement)(te),s?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.allExpand"),mode:"text",onClick:he}):(0,_ui.renderEmptyElement)(te),s?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.treeSelect.clearExpand"),mode:"text",onClick:me}):(0,_ui.renderEmptyElement)(te)])])]):(0,_ui.renderEmptyElement)(te),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:ae,class:"vxe-tree-select-tree--wrapper",style:b},[(0,_vue.h)(_tree.default,{ref:H,class:"vxe-tree-select--tree",height:I.height?"100%":k.height,minHeight:k.minHeight,maxHeight:I.height?"":k.maxHeight,autoResize:!0,data:a,indent:k.indent,showRadio:!l,radioConfig:T,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:N,titleField:O,valueField:P,keyField:B,childrenField:k.childrenField||V,parentField:k.parentField||F,hasChildField:k.hasChildField||q,accordion:k.accordion,expandAll:k.expandAll,nodeConfig:w,lazy:k.lazy,loadMethod:k.loadMethod,toggleMethod:k.toggleMethod,transform:k.transform,trigger:k.trigger,showIcon:k.showIcon,showLine:k.showLine,iconOpen:k.iconOpen,iconLoaded:k.iconLoaded,iconClose:k.iconClose,filterValue:_,filterConfig:U,virtualYConfig:A,onNodeClick:ye,onRadioChange:Ie,onCheckboxChange:Se,onLoadSuccess:ke})])]),E?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},E({})):(0,_ui.renderEmptyElement)(te)])]:[])])]))},te},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.9.
|
|
29
|
+
const version = exports.version = "4.9.22";
|
|
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.9.20";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:{},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!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:{},checkbox:{},checkboxButton:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},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:{showMessage:!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:{},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:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},select:{multiCharOverflow:8,remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},split:{resize:!0,itemConfig:{minWidth:40,minHeight:40},resizeConfig:{showTip:!0}},splitPane:{},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"},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0},tree:{indent:20,minHeight:60,radioConfig:{strict:!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_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_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",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"});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.9.22";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:{},badge:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{trigger:"hover",prefixTooltip:{enterable:!0},suffixTooltip:{enterable:!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:{},checkbox:{},checkboxButton:{},checkboxGroup:{},col:{},collapse:{padding:!0,expandConfig:{showIcon:!0}},collapsePane:{},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:{showMessage:!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:{},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:{destroyOnClose:!0},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},rate:{},result:{},row:{},select:{multiCharOverflow:8,remoteConfig:{enabled:!0,autoLoad:!0},virtualYConfig:{enabled:!0,gt:50,oSize:2}},split:{resize:!0,itemConfig:{minWidth:40,minHeight:40},resizeConfig:{showTip:!0}},splitPane:{},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"},tip:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300,isArrow:!0},tree:{indent:20,minHeight:60,radioConfig:{strict:!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_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_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",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"});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.9.
|
|
8
|
+
const version = `ui v${"4.9.22"}`;
|
|
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.9.
|
|
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.9.22",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
|
package/package.json
CHANGED
|
@@ -28,6 +28,7 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
28
28
|
type: String as PropType<VxeButtonPropTypes.Size>,
|
|
29
29
|
default: () => getConfig().button.size || getConfig().size
|
|
30
30
|
},
|
|
31
|
+
zIndex: Number as PropType<VxeButtonPropTypes.ZIndex>,
|
|
31
32
|
/**
|
|
32
33
|
* 用来标识这一项
|
|
33
34
|
*/
|
|
@@ -263,7 +264,10 @@ const VxeButtonComponent = defineVxeComponent({
|
|
|
263
264
|
})
|
|
264
265
|
|
|
265
266
|
const updateZindex = () => {
|
|
266
|
-
|
|
267
|
+
const { zIndex } = props
|
|
268
|
+
if (zIndex) {
|
|
269
|
+
reactData.panelIndex = zIndex
|
|
270
|
+
} else if (reactData.panelIndex < getLastZIndex()) {
|
|
267
271
|
reactData.panelIndex = nextZIndex()
|
|
268
272
|
}
|
|
269
273
|
}
|
|
@@ -46,6 +46,7 @@ export default defineVxeComponent({
|
|
|
46
46
|
},
|
|
47
47
|
form: String as PropType<VxeDatePickerPropTypes.Form>,
|
|
48
48
|
className: String as PropType<VxeDatePickerPropTypes.ClassName>,
|
|
49
|
+
zIndex: Number as PropType<VxeDatePickerPropTypes.ZIndex>,
|
|
49
50
|
size: {
|
|
50
51
|
type: String as PropType<VxeDatePickerPropTypes.Size>,
|
|
51
52
|
default: () => getConfig().datePicker.size || getConfig().size
|
|
@@ -552,7 +553,10 @@ export default defineVxeComponent({
|
|
|
552
553
|
|
|
553
554
|
// 弹出面板
|
|
554
555
|
const updateZindex = () => {
|
|
555
|
-
|
|
556
|
+
const { zIndex } = props
|
|
557
|
+
if (zIndex) {
|
|
558
|
+
reactData.panelIndex = zIndex
|
|
559
|
+
} else if (reactData.panelIndex < getLastZIndex()) {
|
|
556
560
|
reactData.panelIndex = nextZIndex()
|
|
557
561
|
}
|
|
558
562
|
}
|
|
@@ -48,6 +48,7 @@ export default defineVxeComponent({
|
|
|
48
48
|
},
|
|
49
49
|
form: String as PropType<VxeDateRangePickerPropTypes.Form>,
|
|
50
50
|
className: String as PropType<VxeDateRangePickerPropTypes.ClassName>,
|
|
51
|
+
zIndex: Number as PropType<VxeDateRangePickerPropTypes.ZIndex>,
|
|
51
52
|
size: {
|
|
52
53
|
type: String as PropType<VxeDateRangePickerPropTypes.Size>,
|
|
53
54
|
default: () => getConfig().dateRangePicker.size || getConfig().size
|
|
@@ -668,7 +669,10 @@ export default defineVxeComponent({
|
|
|
668
669
|
|
|
669
670
|
// 弹出面板
|
|
670
671
|
const updateZindex = () => {
|
|
671
|
-
|
|
672
|
+
const { zIndex } = props
|
|
673
|
+
if (zIndex) {
|
|
674
|
+
reactData.panelIndex = zIndex
|
|
675
|
+
} else if (reactData.panelIndex < getLastZIndex()) {
|
|
672
676
|
reactData.panelIndex = nextZIndex()
|
|
673
677
|
}
|
|
674
678
|
}
|
|
@@ -16,7 +16,11 @@ export default defineVxeComponent({
|
|
|
16
16
|
default: () => getConfig().imageGroup.showPreview
|
|
17
17
|
},
|
|
18
18
|
imageStyle: Object as PropType<VxeImageGroupPropTypes.ImageStyle>,
|
|
19
|
-
|
|
19
|
+
zIndex: Number as PropType<VxeImageGroupPropTypes.ZIndex>,
|
|
20
|
+
size: {
|
|
21
|
+
type: String as PropType<VxeImageGroupPropTypes.Size>,
|
|
22
|
+
default: () => getConfig().imageGroup.size || getConfig().size
|
|
23
|
+
},
|
|
20
24
|
toolbarConfig: Object as PropType<VxeImageGroupPropTypes.ToolbarConfig>,
|
|
21
25
|
showPrintButton: {
|
|
22
26
|
type: Boolean as PropType<VxeImageGroupPropTypes.ShowPrintButton>,
|
|
@@ -87,7 +91,7 @@ export default defineVxeComponent({
|
|
|
87
91
|
|
|
88
92
|
const imageGroupPrivateMethods: ImageGroupPrivateMethods = {
|
|
89
93
|
handleClickImgEvent (evnt, params) {
|
|
90
|
-
const { showPreview, toolbarConfig, showPrintButton, showDownloadButton } = props
|
|
94
|
+
const { showPreview, toolbarConfig, showPrintButton, showDownloadButton, zIndex } = props
|
|
91
95
|
const { url } = params
|
|
92
96
|
const imgList = computeImgList.value
|
|
93
97
|
if (showPreview && url) {
|
|
@@ -97,6 +101,7 @@ export default defineVxeComponent({
|
|
|
97
101
|
toolbarConfig,
|
|
98
102
|
showPrintButton,
|
|
99
103
|
showDownloadButton,
|
|
104
|
+
zIndex,
|
|
100
105
|
events: {
|
|
101
106
|
change (eventParams) {
|
|
102
107
|
$xeImageGroup.dispatchEvent('change', eventParams, eventParams.$event)
|
|
@@ -17,6 +17,7 @@ export default defineVxeComponent({
|
|
|
17
17
|
width: [String, Number] as PropType<VxeImagePropTypes.Width>,
|
|
18
18
|
height: [String, Number] as PropType<VxeImagePropTypes.Height>,
|
|
19
19
|
circle: Boolean as PropType<VxeImagePropTypes.Circle>,
|
|
20
|
+
zIndex: Number as PropType<VxeImagePropTypes.ZIndex>,
|
|
20
21
|
maskClosable: {
|
|
21
22
|
type: Boolean as PropType<VxeImagePropTypes.MaskClosable>,
|
|
22
23
|
default: () => getConfig().image.maskClosable
|
|
@@ -136,7 +137,7 @@ export default defineVxeComponent({
|
|
|
136
137
|
}
|
|
137
138
|
|
|
138
139
|
const clickEvent = (evnt: MouseEvent) => {
|
|
139
|
-
const { showPreview, toolbarConfig, showPrintButton, showDownloadButton, maskClosable } = props
|
|
140
|
+
const { showPreview, toolbarConfig, showPrintButton, showDownloadButton, maskClosable, zIndex } = props
|
|
140
141
|
const imgList = computeImgList.value
|
|
141
142
|
const imgUrl = computeImgUrl.value
|
|
142
143
|
if ($xeImageGroup) {
|
|
@@ -149,6 +150,7 @@ export default defineVxeComponent({
|
|
|
149
150
|
showPrintButton,
|
|
150
151
|
showDownloadButton,
|
|
151
152
|
maskClosable,
|
|
153
|
+
zIndex,
|
|
152
154
|
events: {
|
|
153
155
|
change (eventParams) {
|
|
154
156
|
$xeImage.dispatchEvent('change', eventParams, eventParams.$event)
|
|
@@ -31,6 +31,7 @@ export default defineVxeComponent({
|
|
|
31
31
|
type: Boolean as PropType<VxeImagePreviewPropTypes.ShowDownloadButton>,
|
|
32
32
|
default: () => getConfig().imagePreview.showDownloadButton
|
|
33
33
|
},
|
|
34
|
+
zIndex: Number as PropType<VxeImagePreviewPropTypes.ZIndex>,
|
|
34
35
|
toolbarConfig: Object as PropType<VxeImagePreviewPropTypes.ToolbarConfig>,
|
|
35
36
|
beforeDownloadMethod: Function as PropType<VxeImagePreviewPropTypes.BeforeDownloadMethod>,
|
|
36
37
|
downloadMethod: Function as PropType<VxeImagePreviewPropTypes.DownloadMethod>
|
|
@@ -10,7 +10,7 @@ export const openPreviewImage: VxeImageDefines.PreviewImageFunction = (options)
|
|
|
10
10
|
const opts = Object.assign({
|
|
11
11
|
escClosable: true
|
|
12
12
|
}, options)
|
|
13
|
-
const { urlList, activeIndex } = opts
|
|
13
|
+
const { urlList, activeIndex, zIndex } = opts
|
|
14
14
|
const { rotate, change } = opts.events || {}
|
|
15
15
|
const modalId = XEUtils.uniqueId('image-preview')
|
|
16
16
|
VxeUI.modal.open({
|
|
@@ -22,6 +22,7 @@ export const openPreviewImage: VxeImageDefines.PreviewImageFunction = (options)
|
|
|
22
22
|
showFooter: false,
|
|
23
23
|
padding: false,
|
|
24
24
|
escClosable: opts.escClosable,
|
|
25
|
+
zIndex,
|
|
25
26
|
className: 'vxe-image-preview-popup-wrapper',
|
|
26
27
|
slots: {
|
|
27
28
|
default () {
|
|
@@ -18,7 +18,11 @@ export default defineVxeComponent({
|
|
|
18
18
|
type: String as PropType<VxePulldownPropTypes.Trigger>,
|
|
19
19
|
default: getConfig().pulldown.trigger
|
|
20
20
|
},
|
|
21
|
-
|
|
21
|
+
zIndex: Number as PropType<VxePulldownPropTypes.ZIndex>,
|
|
22
|
+
size: {
|
|
23
|
+
type: String as PropType<VxePulldownPropTypes.Size>,
|
|
24
|
+
default: () => getConfig().pulldown.size || getConfig().size
|
|
25
|
+
},
|
|
22
26
|
options: Array as PropType<VxePulldownPropTypes.Options>,
|
|
23
27
|
className: {
|
|
24
28
|
type: [String, Function] as PropType<VxePulldownPropTypes.ClassName>,
|
|
@@ -103,7 +107,10 @@ export default defineVxeComponent({
|
|
|
103
107
|
let pulldownMethods = {} as PulldownMethods
|
|
104
108
|
|
|
105
109
|
const updateZindex = () => {
|
|
106
|
-
|
|
110
|
+
const { zIndex } = props
|
|
111
|
+
if (zIndex) {
|
|
112
|
+
reactData.panelIndex = zIndex
|
|
113
|
+
} else if (reactData.panelIndex < getLastZIndex()) {
|
|
107
114
|
reactData.panelIndex = nextZIndex()
|
|
108
115
|
}
|
|
109
116
|
}
|
|
@@ -82,6 +82,7 @@ export default defineVxeComponent({
|
|
|
82
82
|
type: [String, Number] as PropType<VxeSelectPropTypes.Max>,
|
|
83
83
|
default: null
|
|
84
84
|
},
|
|
85
|
+
zIndex: Number as PropType<VxeSelectPropTypes.ZIndex>,
|
|
85
86
|
size: {
|
|
86
87
|
type: String as PropType<VxeSelectPropTypes.Size>,
|
|
87
88
|
default: () => getConfig().select.size || getConfig().size
|
|
@@ -439,7 +440,10 @@ export default defineVxeComponent({
|
|
|
439
440
|
}
|
|
440
441
|
|
|
441
442
|
const updateZIndex = () => {
|
|
442
|
-
|
|
443
|
+
const { zIndex } = props
|
|
444
|
+
if (zIndex) {
|
|
445
|
+
reactData.panelIndex = zIndex
|
|
446
|
+
} else if (reactData.panelIndex < getLastZIndex()) {
|
|
443
447
|
reactData.panelIndex = nextZIndex()
|
|
444
448
|
}
|
|
445
449
|
}
|
|
@@ -41,9 +41,10 @@ export default defineVxeComponent({
|
|
|
41
41
|
columns: Array as PropType<VxeTableSelectPropTypes.Columns>,
|
|
42
42
|
options: Array as PropType<VxeTableSelectPropTypes.Options>,
|
|
43
43
|
optionProps: Object as PropType<VxeTableSelectPropTypes.OptionProps>,
|
|
44
|
+
zIndex: Number as PropType<VxeTableSelectPropTypes.ZIndex>,
|
|
44
45
|
size: {
|
|
45
46
|
type: String as PropType<VxeTableSelectPropTypes.Size>,
|
|
46
|
-
default: () => getConfig().
|
|
47
|
+
default: () => getConfig().tableSelect.size || getConfig().size
|
|
47
48
|
},
|
|
48
49
|
popupConfig: Object as PropType<VxeTableSelectPropTypes.PopupConfig>,
|
|
49
50
|
gridConfig: Object as PropType<VxeTableSelectPropTypes.GridConfig>,
|
|
@@ -349,7 +350,10 @@ export default defineVxeComponent({
|
|
|
349
350
|
}
|
|
350
351
|
|
|
351
352
|
const updateZindex = () => {
|
|
352
|
-
|
|
353
|
+
const { zIndex } = props
|
|
354
|
+
if (zIndex) {
|
|
355
|
+
reactData.panelIndex = zIndex
|
|
356
|
+
} else if (reactData.panelIndex < getLastZIndex()) {
|
|
353
357
|
reactData.panelIndex = nextZIndex()
|
|
354
358
|
}
|
|
355
359
|
}
|
|
@@ -52,6 +52,7 @@ export default defineVxeComponent({
|
|
|
52
52
|
placement: String as PropType<VxeTreeSelectPropTypes.Placement>,
|
|
53
53
|
options: Array as PropType<VxeTreeSelectPropTypes.Options>,
|
|
54
54
|
optionProps: Object as PropType<VxeTreeSelectPropTypes.OptionProps>,
|
|
55
|
+
zIndex: Number as PropType<VxeTreeSelectPropTypes.ZIndex>,
|
|
55
56
|
size: {
|
|
56
57
|
type: String as PropType<VxeTreeSelectPropTypes.Size>,
|
|
57
58
|
default: () => getConfig().treeSelect.size || getConfig().size
|
|
@@ -356,7 +357,10 @@ export default defineVxeComponent({
|
|
|
356
357
|
}
|
|
357
358
|
|
|
358
359
|
const updateZindex = () => {
|
|
359
|
-
|
|
360
|
+
const { zIndex } = props
|
|
361
|
+
if (zIndex) {
|
|
362
|
+
reactData.panelIndex = zIndex
|
|
363
|
+
} else if (reactData.panelIndex < getLastZIndex()) {
|
|
360
364
|
reactData.panelIndex = nextZIndex()
|
|
361
365
|
}
|
|
362
366
|
}
|
|
@@ -26,6 +26,7 @@ export interface VxeButtonPrivateRef extends ButtonPrivateRef { }
|
|
|
26
26
|
|
|
27
27
|
export namespace VxeButtonPropTypes {
|
|
28
28
|
export type Size = VxeComponentSizeType
|
|
29
|
+
export type ZIndex = number
|
|
29
30
|
export type Type = string
|
|
30
31
|
export type Mode = null | '' | 'button' | 'text'
|
|
31
32
|
export type ClassName = string | ((params: { $button: VxeButtonConstructor }) => string)
|
|
@@ -84,6 +85,7 @@ export namespace VxeButtonPropTypes {
|
|
|
84
85
|
|
|
85
86
|
export interface VxeButtonProps {
|
|
86
87
|
size?: VxeButtonPropTypes.Size
|
|
88
|
+
zIndex?: VxeButtonPropTypes.ZIndex
|
|
87
89
|
/**
|
|
88
90
|
* 按钮类型
|
|
89
91
|
*/
|
|
@@ -34,6 +34,7 @@ export namespace VxeDatePickerPropTypes {
|
|
|
34
34
|
export type Name = string
|
|
35
35
|
export type Type = VxeDatePanelPropTypes.Type
|
|
36
36
|
export type Clearable = boolean
|
|
37
|
+
export type ZIndex = number
|
|
37
38
|
export type Readonly = boolean
|
|
38
39
|
export type Disabled = boolean
|
|
39
40
|
export type Placeholder = string
|
|
@@ -84,6 +85,7 @@ export interface VxeDatePickerProps {
|
|
|
84
85
|
name?: VxeDatePickerPropTypes.Name
|
|
85
86
|
type?: VxeDatePickerPropTypes.Type
|
|
86
87
|
clearable?: VxeDatePickerPropTypes.Clearable
|
|
88
|
+
zIndex?: VxeDatePickerPropTypes.ZIndex
|
|
87
89
|
readonly?: VxeDatePickerPropTypes.Readonly
|
|
88
90
|
disabled?: VxeDatePickerPropTypes.Disabled
|
|
89
91
|
placeholder?: VxeDatePickerPropTypes.Placeholder
|
|
@@ -36,6 +36,7 @@ export namespace VxeDateRangePickerPropTypes {
|
|
|
36
36
|
export type Name = string
|
|
37
37
|
export type Type = VxeDatePanelPropTypes.Type
|
|
38
38
|
export type Clearable = boolean
|
|
39
|
+
export type ZIndex = number
|
|
39
40
|
export type Readonly = boolean
|
|
40
41
|
export type Disabled = boolean
|
|
41
42
|
export type Placeholder = string
|
|
@@ -89,6 +90,7 @@ export interface VxeDateRangePickerProps {
|
|
|
89
90
|
name?: VxeDateRangePickerPropTypes.Name
|
|
90
91
|
type?: VxeDateRangePickerPropTypes.Type
|
|
91
92
|
clearable?: VxeDateRangePickerPropTypes.Clearable
|
|
93
|
+
zIndex?: VxeDateRangePickerPropTypes.ZIndex
|
|
92
94
|
readonly?: VxeDateRangePickerPropTypes.Readonly
|
|
93
95
|
disabled?: VxeDateRangePickerPropTypes.Disabled
|
|
94
96
|
placeholder?: VxeDateRangePickerPropTypes.Placeholder
|
|
@@ -27,6 +27,7 @@ export interface VxeImageGroupPrivateRef extends ImageGroupPrivateRef { }
|
|
|
27
27
|
export namespace VxeImageGroupPropTypes {
|
|
28
28
|
export type Size = VxeComponentSizeType
|
|
29
29
|
export type ShowPreview = boolean
|
|
30
|
+
export type ZIndex = number
|
|
30
31
|
export type UrlList = string | string[] | {
|
|
31
32
|
url?: string
|
|
32
33
|
alt?: string | number
|
|
@@ -44,6 +45,7 @@ export namespace VxeImageGroupPropTypes {
|
|
|
44
45
|
export type VxeImageGroupProps = {
|
|
45
46
|
size?: VxeImageGroupPropTypes.Size
|
|
46
47
|
showPreview?: VxeImageGroupPropTypes.ShowPreview
|
|
48
|
+
zIndex?: VxeImageGroupPropTypes.ZIndex
|
|
47
49
|
urlList?: VxeImageGroupPropTypes.UrlList
|
|
48
50
|
imageStyle?: VxeImageGroupPropTypes.ImageStyle
|
|
49
51
|
toolbarConfig?: VxeImageGroupPropTypes.ToolbarConfig
|
|
@@ -29,6 +29,7 @@ export namespace VxeImagePreviewPropTypes {
|
|
|
29
29
|
export type UrlField = string
|
|
30
30
|
export type MaskClosable = boolean
|
|
31
31
|
export type MarginSize = string | number
|
|
32
|
+
export type ZIndex = number
|
|
32
33
|
export type ShowPrintButton = boolean
|
|
33
34
|
export type ShowDownloadButton = boolean
|
|
34
35
|
export interface ToolbarConfig {
|
|
@@ -78,6 +79,7 @@ export type VxeImagePreviewProps = {
|
|
|
78
79
|
urlField?: VxeImagePreviewPropTypes.UrlField
|
|
79
80
|
maskClosable?: VxeImagePreviewPropTypes.MaskClosable
|
|
80
81
|
marginSize?: VxeImagePreviewPropTypes.MarginSize
|
|
82
|
+
zIndex?: VxeImagePreviewPropTypes.ZIndex
|
|
81
83
|
toolbarConfig?: VxeImagePreviewPropTypes.ToolbarConfig
|
|
82
84
|
showPrintButton?: VxeImagePreviewPropTypes.ShowPrintButton
|
|
83
85
|
showDownloadButton?: VxeImagePreviewPropTypes.ShowDownloadButton
|
|
@@ -39,6 +39,7 @@ export namespace VxeImagePropTypes {
|
|
|
39
39
|
export type ShowPreview = boolean
|
|
40
40
|
export type ShowPrintButton = boolean
|
|
41
41
|
export type ShowDownloadButton = boolean
|
|
42
|
+
export type ZIndex = number
|
|
42
43
|
export type Size = VxeComponentSizeType
|
|
43
44
|
export type GetThumbnailUrlMethod = ((params: {
|
|
44
45
|
$image: VxeImageConstructor
|
|
@@ -59,6 +60,7 @@ export interface VxeImageProps {
|
|
|
59
60
|
showPreview?: VxeImagePropTypes.ShowPreview
|
|
60
61
|
showPrintButton?: VxeImagePropTypes.ShowPrintButton
|
|
61
62
|
showDownloadButton?: VxeImagePropTypes.ShowDownloadButton
|
|
63
|
+
zIndex?: VxeImagePropTypes.ZIndex
|
|
62
64
|
size?: VxeImagePropTypes.Size
|
|
63
65
|
getThumbnailUrlMethod?: VxeImagePropTypes.GetThumbnailUrlMethod
|
|
64
66
|
}
|
|
@@ -26,6 +26,7 @@ export namespace VxePulldownPropTypes {
|
|
|
26
26
|
export type ModelValue = boolean
|
|
27
27
|
export type Size = VxeComponentSizeType
|
|
28
28
|
export type Disabled = boolean
|
|
29
|
+
export type ZIndex = number
|
|
29
30
|
export type Placement = '' | 'top' | 'bottom'
|
|
30
31
|
export type Trigger = '' | 'manual' | 'click'
|
|
31
32
|
export interface Option {
|
|
@@ -48,6 +49,7 @@ export interface VxePulldownProps {
|
|
|
48
49
|
* 是否禁用
|
|
49
50
|
*/
|
|
50
51
|
disabled?: VxePulldownPropTypes.Disabled
|
|
52
|
+
zIndex?: VxePulldownPropTypes.ZIndex
|
|
51
53
|
options?: VxePulldownPropTypes.Options
|
|
52
54
|
className?: VxePulldownPropTypes.ClassName
|
|
53
55
|
popupClassName?: VxePulldownPropTypes.PopupClassName
|