vxe-pc-ui 4.8.4 → 4.8.5

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.
Files changed (27) hide show
  1. package/es/icon/style.css +1 -1
  2. package/es/style.css +1 -1
  3. package/es/style.min.css +1 -1
  4. package/es/table-select/src/table-select.js +8 -10
  5. package/lib/icon/style/style.css +1 -1
  6. package/lib/icon/style/style.min.css +1 -1
  7. package/lib/index.umd.js +8 -10
  8. package/lib/index.umd.min.js +1 -1
  9. package/lib/style.css +1 -1
  10. package/lib/style.min.css +1 -1
  11. package/lib/table-select/src/table-select.js +8 -10
  12. package/lib/table-select/src/table-select.min.js +1 -1
  13. package/package.json +1 -1
  14. package/packages/table-select/src/table-select.ts +8 -10
  15. package/types/components/table-module/custom.d.ts +4 -0
  16. /package/es/icon/{iconfont.1753957080786.ttf → iconfont.1754234404300.ttf} +0 -0
  17. /package/es/icon/{iconfont.1753957080786.woff → iconfont.1754234404300.woff} +0 -0
  18. /package/es/icon/{iconfont.1753957080786.woff2 → iconfont.1754234404300.woff2} +0 -0
  19. /package/es/{iconfont.1753957080786.ttf → iconfont.1754234404300.ttf} +0 -0
  20. /package/es/{iconfont.1753957080786.woff → iconfont.1754234404300.woff} +0 -0
  21. /package/es/{iconfont.1753957080786.woff2 → iconfont.1754234404300.woff2} +0 -0
  22. /package/lib/icon/style/{iconfont.1753957080786.ttf → iconfont.1754234404300.ttf} +0 -0
  23. /package/lib/icon/style/{iconfont.1753957080786.woff → iconfont.1754234404300.woff} +0 -0
  24. /package/lib/icon/style/{iconfont.1753957080786.woff2 → iconfont.1754234404300.woff2} +0 -0
  25. /package/lib/{iconfont.1753957080786.ttf → iconfont.1754234404300.ttf} +0 -0
  26. /package/lib/{iconfont.1753957080786.woff → iconfont.1754234404300.woff} +0 -0
  27. /package/lib/{iconfont.1753957080786.woff2 → iconfont.1754234404300.woff2} +0 -0
@@ -274,20 +274,18 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
274
274
  });
275
275
  if (multiple) {
276
276
  if (!hasCheckboxCol) {
277
- (0, _log.errLog)('vxe.error.reqProp', ['{ type: "checkbox" }']);
277
+ tableCols.unshift({
278
+ type: 'checkbox',
279
+ width: 70
280
+ });
278
281
  }
279
- tableCols.unshift({
280
- type: 'checkbox',
281
- width: 70
282
- });
283
282
  } else {
284
283
  if (!hasRadioCol) {
285
- (0, _log.errLog)('vxe.error.reqProp', ['{ type: "radio" }']);
284
+ tableCols.unshift({
285
+ type: 'radio',
286
+ width: 70
287
+ });
286
288
  }
287
- tableCols.unshift({
288
- type: 'radio',
289
- width: 70
290
- });
291
289
  }
292
290
  reactData.tableColumns = tableCols;
293
291
  };
@@ -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)().select.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,y=_ui.VxeUI.getComponent("vxe-grid"),t=(0,_vue.inject)("$xeModal",null),i=(0,_vue.inject)("$xeDrawer",null),x=(0,_vue.inject)("$xeTable",null),u=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const k=(0,_ui.useSize)(h)["computeSize"],E=(0,_vue.ref)(),T=(0,_vue.ref)(),z=(0,_vue.ref)(),w=(0,_vue.ref)(),I=(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}),n={},N={refElem:E},$=(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}),q=(0,_vue.computed)(()=>{var e=h["transfer"];if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(x||t||i||u)return!0}return e}),r=(0,_vue.computed)(()=>h.optionProps||{}),A=(0,_vue.computed)(()=>{var e=U.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),s=(0,_vue.computed)(()=>{return A.value.keyField||"_X_ROW_KEY"}),F=(0,_vue.computed)(()=>{return r.value.label||"label"}),v=(0,_vue.computed)(()=>{return r.value.value||"value"}),R=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,h.popupConfig)),U=(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 t=S["fullRowMaps"],i=F.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var l=t[e];return l?l.item[i]:e}).join(", ")}),M=(0,_vue.computed)(()=>{var{height:e,width:l}=R.value,t={};return l&&(t.width=(0,_dom.toCssUnit)(l)),e&&(t.height=(0,_dom.toCssUnit)(e)),t}),D={},O={xID:l,props:h,context:e,reactData:S,getRefMaps:()=>N,getComputeMaps:()=>D};const j={},c=(["form-submit","form-reset","form-collapse","page-change"].forEach(l=>{j[(0,_vn.getOnName)(_xeUtils.default.camelCase(l))]=e=>{c(l,e,e.$event)}}),(e,l,t)=>{a(e,(0,_ui.createEvent)(t,{$tableSelect:O},l))});l={dispatchEvent:c};const K=e=>{const l=S["fullRowMaps"],t=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=l[e];e&&t.push(e.item)}),t},d=t=>{const i=h["multiple"];(0,_vue.nextTick)(()=>{var e,l=I.value;l&&(e=K(t)).length&&(i?l.setCheckboxRow(e,!0):l.setRadioRow(e[0]))})},p=e=>{var l=h["multiple"];const t=[];let i=!1,a=!1;e.forEach(e=>{i||"radio"!==e.type?a||"checkbox"!==e.type||(a=!0):i=!0,t.push(e)}),l?(a||(0,_log.errLog)("vxe.error.reqProp",['{ type: "checkbox" }']),t.unshift({type:"checkbox",width:70})):(i||(0,_log.errLog)("vxe.error.reqProp",['{ type: "radio" }']),t.unshift({type:"radio",width:70})),S.tableColumns=t},_=()=>{var e=h["options"];const u=s.value,o=v.value;var l=U.value["treeConfig"];const n={},r={};l||_xeUtils.default.arrayEach(e||[],(e,l,t)=>{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[o];n[a]&&(0,_log.errLog)("vxe.error.repeatKey",[o,a]),n[a]={item:e,index:l,items:t,parent:null,nodes:[]}}),S.fullOptionList=e||[],S.fullRowMaps=n,d(h.modelValue)},g=()=>{const t=h["placement"],i=S["panelIndex"],a=E.value,u=w.value,o=q.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(a,u,{placement:t,teleportTo:o}),l=Object.assign(e.style,{zIndex:i});S.panelStyle=l,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},m=()=>{var e=h["loading"],l=P.value;e||l||(n.vpTimeout&&clearTimeout(n.vpTimeout),n.hpTimeout&&clearTimeout(n.hpTimeout),S.initialized||(S.initialized=!0),S.isActivated=!0,S.isAniVisible=!0,n.vpTimeout=setTimeout(()=>{S.visiblePanel=!0,d(h.modelValue),n.vpTimeout=void 0},10),S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)()),g())},f=()=>{S.visiblePanel=!1,n.vpTimeout&&clearTimeout(n.vpTimeout),n.hpTimeout&&clearTimeout(n.hpTimeout),n.hpTimeout=setTimeout(()=>{S.isAniVisible=!1,n.hpTimeout=void 0},350)},b=(e,l)=>{var t,i=S["fullRowMaps"];t=l,a("update:modelValue",t),l!==h.modelValue&&(t=i[l],c("change",{value:l,row:t?t.item:null},e),u)&&o&&u.triggerItemEvent(e,o.itemConfig.field,l)},Z=(e,l)=>{b(e,l),c("clear",{value:l},e)},W=(e,l)=>{Z(l,null),f()},X=e=>{var l=S["visiblePanel"];P.value||l&&(l=w.value,((0,_dom.getEventTargetNode)(e,l).flag?g:f)())},Y=e=>{var l,t,i=S["visiblePanel"];P.value||(l=E.value,t=w.value,S.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!S.isActivated&&f())},G=()=>{var{visiblePanel:e,isActivated:l}=S;e&&f(),l&&(S.isActivated=!1),(e||l)&&(e=T.value)&&e.blur()},H=()=>{var e=S["visiblePanel"];e&&g()},J=e=>{P.value||S.visiblePanel||(S.triggerFocusPanel=!0,m(),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:m)()},le=e=>{var{$event:e,row:l}=e,l=l[v.value];b(e,l),f()},L=e=>{var{$grid:e,$event:l}=e;const t=v.value;e&&(e=e.getCheckboxRecords().map(e=>e[t]),b(l,e))},te=e=>{L(e)};Object.assign(O,l,{});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(O,"mousewheel",X),_ui.globalEvents.on(O,"mousedown",Y),_ui.globalEvents.on(O,"blur",G),_ui.globalEvents.on(O,"resize",H)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(O,"mousewheel"),_ui.globalEvents.off(O,"mousedown"),_ui.globalEvents.off(O,"blur"),_ui.globalEvents.off(O,"resize")}),(0,_vue.nextTick)(()=>{y||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",O),O.renderVN=()=>{var{className:e,options:l,loading:t}=h,{initialized:i,isActivated:a,isAniVisible:u,visiblePanel:o,tableColumns:n}=S,r=k.value,s=P.value,v=B.value,c=q.value,d=$.value,p=R.value["className"],_=U.value,g=A.value,m=M.value,f=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:O}):e:"",{["size--"+r]:r,"is--visible":o,"is--disabled":s,"is--loading":t,"is--active":a}]},[(0,_vue.h)(_input.default,{ref:T,clearable:h.clearable,placeholder:t?(0,_ui.getI18n)("vxe.select.loadingText"):h.placeholder,readonly:!0,disabled:s,type:"text",prefixIcon:h.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().TABLE_SELECT_LOADED:o?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:t?"":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:w,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:O}):p:"",{["size--"+r]:r,"is--transfer":c,"ani--leave":!t&&u,"ani--enter":!t&&o}],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)(O),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:z,class:"vxe-table-select-grid--wrapper",style:m},[y?(0,_vue.h)(y,Object.assign(Object.assign(Object.assign({},_),j),{class:"vxe-table-select--grid",ref:I,rowConfig:g,data:l,columns:n,height:"100%",autoResize:!0,onRadioChange:le,onCheckboxChange:L,onCheckboxAll:te}),Object.assign({},C,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(O)])]),b?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},b({})):(0,_ui.renderEmptyElement)(O)])]:[])])])},O},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_")}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)().select.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"),t=(0,_vue.inject)("$xeModal",null),i=(0,_vue.inject)("$xeDrawer",null),x=(0,_vue.inject)("$xeTable",null),u=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const k=(0,_ui.useSize)(h)["computeSize"],T=(0,_vue.ref)(),y=(0,_vue.ref)(),L=(0,_vue.ref)(),w=(0,_vue.ref)(),I=(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}),n={},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 l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(x||t||i||u)return!0}return e}),r=(0,_vue.computed)(()=>h.optionProps||{}),q=(0,_vue.computed)(()=>{var e=U.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"}),R=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,h.popupConfig)),U=(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 t=S["fullRowMaps"],i=F.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var l=t[e];return l?l.item[i]:e}).join(", ")}),M=(0,_vue.computed)(()=>{var{height:e,width:l}=R.value,t={};return l&&(t.width=(0,_dom.toCssUnit)(l)),e&&(t.height=(0,_dom.toCssUnit)(e)),t}),D={},O={xID:l,props:h,context:e,reactData:S,getRefMaps:()=>N,getComputeMaps:()=>D};const j={},c=(["form-submit","form-reset","form-collapse","page-change"].forEach(l=>{j[(0,_vn.getOnName)(_xeUtils.default.camelCase(l))]=e=>{c(l,e,e.$event)}}),(e,l,t)=>{a(e,(0,_ui.createEvent)(t,{$tableSelect:O},l))});l={dispatchEvent:c};const K=e=>{const l=S["fullRowMaps"],t=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=l[e];e&&t.push(e.item)}),t},d=t=>{const i=h["multiple"];(0,_vue.nextTick)(()=>{var e,l=I.value;l&&(e=K(t)).length&&(i?l.setCheckboxRow(e,!0):l.setRadioRow(e[0]))})},p=e=>{var l=h["multiple"];const t=[];let i=!1,a=!1;e.forEach(e=>{i||"radio"!==e.type?a||"checkbox"!==e.type||(a=!0):i=!0,t.push(e)}),l?a||t.unshift({type:"checkbox",width:70}):i||t.unshift({type:"radio",width:70}),S.tableColumns=t},_=()=>{var e=h["options"];const u=s.value,o=v.value;var l=U.value["treeConfig"];const n={},r={};l||_xeUtils.default.arrayEach(e||[],(e,l,t)=>{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[o];n[a]&&(0,_log.errLog)("vxe.error.repeatKey",[o,a]),n[a]={item:e,index:l,items:t,parent:null,nodes:[]}}),S.fullOptionList=e||[],S.fullRowMaps=n,d(h.modelValue)},m=()=>{const t=h["placement"],i=S["panelIndex"],a=T.value,u=w.value,o=A.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(a,u,{placement:t,teleportTo:o}),l=Object.assign(e.style,{zIndex:i});S.panelStyle=l,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},g=()=>{var e=h["loading"],l=P.value;e||l||(n.vpTimeout&&clearTimeout(n.vpTimeout),n.hpTimeout&&clearTimeout(n.hpTimeout),S.initialized||(S.initialized=!0),S.isActivated=!0,S.isAniVisible=!0,n.vpTimeout=setTimeout(()=>{S.visiblePanel=!0,d(h.modelValue),n.vpTimeout=void 0},10),S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)()),m())},f=()=>{S.visiblePanel=!1,n.vpTimeout&&clearTimeout(n.vpTimeout),n.hpTimeout&&clearTimeout(n.hpTimeout),n.hpTimeout=setTimeout(()=>{S.isAniVisible=!1,n.hpTimeout=void 0},350)},b=(e,l)=>{var t,i=S["fullRowMaps"];t=l,a("update:modelValue",t),l!==h.modelValue&&(t=i[l],c("change",{value:l,row:t?t.item:null},e),u)&&o&&u.triggerItemEvent(e,o.itemConfig.field,l)},Z=(e,l)=>{b(e,l),c("clear",{value:l},e)},W=(e,l)=>{Z(l,null),f()},X=e=>{var l=S["visiblePanel"];P.value||l&&(l=w.value,((0,_dom.getEventTargetNode)(e,l).flag?m:f)())},Y=e=>{var l,t,i=S["visiblePanel"];P.value||(l=T.value,t=w.value,S.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!S.isActivated&&f())},G=()=>{var{visiblePanel:e,isActivated:l}=S;e&&f(),l&&(S.isActivated=!1),(e||l)&&(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)()},le=e=>{var{$event:e,row:l}=e,l=l[v.value];b(e,l),f()},z=e=>{var{$grid:e,$event:l}=e;const t=v.value;e&&(e=e.getCheckboxRecords().map(e=>e[t]),b(l,e))},te=e=>{z(e)};Object.assign(O,l,{});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(O,"mousewheel",X),_ui.globalEvents.on(O,"mousedown",Y),_ui.globalEvents.on(O,"blur",G),_ui.globalEvents.on(O,"resize",H)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(O,"mousewheel"),_ui.globalEvents.off(O,"mousedown"),_ui.globalEvents.off(O,"blur"),_ui.globalEvents.off(O,"resize")}),(0,_vue.nextTick)(()=>{E||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",O),O.renderVN=()=>{var{className:e,options:l,loading:t}=h,{initialized:i,isActivated:a,isAniVisible:u,visiblePanel:o,tableColumns:n}=S,r=k.value,s=P.value,v=B.value,c=A.value,d=$.value,p=R.value["className"],_=U.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:O}):e:"",{["size--"+r]:r,"is--visible":o,"is--disabled":s,"is--loading":t,"is--active":a}]},[(0,_vue.h)(_input.default,{ref:y,clearable:h.clearable,placeholder:t?(0,_ui.getI18n)("vxe.select.loadingText"):h.placeholder,readonly:!0,disabled:s,type:"text",prefixIcon:h.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().TABLE_SELECT_LOADED:o?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:t?"":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:w,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:O}):p:"",{["size--"+r]:r,"is--transfer":c,"ani--leave":!t&&u,"ani--enter":!t&&o}],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)(O),(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:I,rowConfig:m,data:l,columns:n,height:"100%",autoResize:!0,onRadioChange:le,onCheckboxChange:z,onCheckboxAll:te}),Object.assign({},C,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(O)])]),b?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},b({})):(0,_ui.renderEmptyElement)(O)])]:[])])])},O},render(){return this.renderVN()}});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vxe-pc-ui",
3
- "version": "4.8.4",
3
+ "version": "4.8.5",
4
4
  "description": "A vue based PC component library",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",
@@ -294,20 +294,18 @@ export default defineVxeComponent({
294
294
  })
295
295
  if (multiple) {
296
296
  if (!hasCheckboxCol) {
297
- errLog('vxe.error.reqProp', ['{ type: "checkbox" }'])
297
+ tableCols.unshift({
298
+ type: 'checkbox',
299
+ width: 70
300
+ })
298
301
  }
299
- tableCols.unshift({
300
- type: 'checkbox',
301
- width: 70
302
- })
303
302
  } else {
304
303
  if (!hasRadioCol) {
305
- errLog('vxe.error.reqProp', ['{ type: "radio" }'])
304
+ tableCols.unshift({
305
+ type: 'radio',
306
+ width: 70
307
+ })
306
308
  }
307
- tableCols.unshift({
308
- type: 'radio',
309
- width: 70
310
- })
311
309
  }
312
310
  reactData.tableColumns = tableCols
313
311
  }
@@ -56,6 +56,10 @@ export interface VxeCustomPanel {
56
56
  }
57
57
 
58
58
  export interface TableCustomMethods<D = any> {
59
+ /**
60
+ * 获取个性化列面板显示状态
61
+ */
62
+ getCustomVisible(): boolean
59
63
  /**
60
64
  * 打开个性化列面板
61
65
  */