@kdcloudjs/kingdee-base-components 0.0.3 → 0.0.4

package/dist/esm/kd/recordPicker.js

@@ -1 +1 @@
-import{parseFragment as e,registerTemplate as t,freezeTemplate as i,registerDecorators as r,registerComponent as o,KingdeeElement as s}from"@kdcloudjs/kwc";import d from"./input.js";import a from"./spin.js";import n from"./button.js";import{g as c}from"../index.esm-DycIHCS9.js";import{T as l,S as p}from"../index-ChQWdmu9.esm-CgCBZbvA.js";import{animationFrame as h,timeout as m}from"./utilsPrivate.js";import{startPositioning as u,stopPositioning as k,Direction as g}from"./positionLibrary.js";import{d as v}from"../interacting-BLIM-Sh7.js";import f from"./recordPickerModal.js";import"../baseInput-KeVoo1vH.js";import"./shadowBaseClassPrivate.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"../normalize-C0Pp7GJL.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./features.js";import"../normalize-B0BwrqbQ.js";import"./icon.js";import"../utils-CB_20U-G.js";import"./modalHeader.js";import"../kddsCommon-CucK_w70.js";import"../kddsUtilsHyphenation-DjH4tlai.js";import"./modalUtils.js";import"../focus-93ksTIEs.js";import"./tooltipLibrary.js";import"./primitiveBubble.js";import"../classSet-DY6Qvt6E.js";import"./ariaObserver.js";import"./overlayManager.js";import"./overlayUtils.js";import"../kddsUtilsVisibility-BQdWrRzW.js";import"../kddsUtilsMargin-QLmlO60p.js";import"../kddsUtilsGrid-CoXx1Bwj.js";import"../kddsUtilsLineClamp-CHvuz7DS.js";import"../kddsUtilsTruncation-BkfKIyC_.js";import"../input-checkbox.kdds-CT6mcwHs.js";import"./primitiveDatatableIeditPanel.js";import"../kddsUtilsPadding-Dct-C7F7.js";import"./primitiveDatatableIeditTypeFactory.js";import"./primitiveDatatableIeditInputWrapper.js";import"../label-CY8Q8HAO.js";import"../labelUtils-DAuN2uUV.js";import"./primitiveHeaderFactory.js";import"../primitiveDatatableCell-gw5YRhU4.js";import"./primitiveHeaderActions.js";import"./menuItem.js";import"./menuDivider.js";import"./buttonMenu.js";import"./primitiveResizeHandler.js";import"./primitiveCellExpand.js";import"./primitiveCellCheckbox.js";import"../input-radio-group.kdds-BVVGUf0e.js";import"./primitiveCustomCell.js";import"./primitiveTreegridCellToggle.js";import"./primitiveCellFactory.js";import"../intlFormat-DNT_1eg4.js";import"./i18nCldrOptions.js";import"./i18nService.js";import"./configProvider.js";import"./primitiveCellActions.js";import"./primitiveCellButton.js";import"./formattedNumber.js";import"../NumberFormat-CVAfQTsE.js";import"./formattedDateTime.js";import"./formattedEmail.js";import"./formattedLocation.js";import"./formattedPhone.js";import"./formattedLookup.js";import"./routingService.js";import"./baseFormattedText.js";import"./formattedUrl.js";import"./primitiveCustomRow.js";import"./primitiveDatatableNoData.js";import"./primitiveDatatableStatusBar.js";import"../kddsUtilsPosition-DDHofMns.js";import"./primitiveDatatableTooltip.js";import"./primitiveDatatableTooltipBubble.js";import"./buttonIcon.js";import"./primitiveDatatableLoadingIndicator.js";import"../idGenerator-D2O_IHg9.js";import"./resizeObserver.js";import"../takeUntil-BqTBLaTv.js";import"./modalBody.js";import"./utilsInternal.js";import"./modalFooter.js";import"./modal.js";import"./privateModal.js";import"./overlay.js";import"./overlayContainer.js";import"./modalBase.js";import"./focusTrap.js";var w=[function(e,t,i){var r=e?"["+e+"]":"";return".kdds-record-picker-container"+r+" {position: relative;}.kdds-record-picker-dropdown"+r+" {position: fixed;width: 100%;background: var(--kdds-c-record-picker-panel-background, #FFFFFF);box-shadow: var(--kdds-c-record-picker-panel-shadow);padding: 8px 0;overflow-y: hidden;z-index: 1050;}.kdds-record-picker-dropdown-with-footer"+r+" {padding-bottom: 0;}.kdds-record-picker-dropdown-loading"+r+" {display: flex;align-items: center;justify-content: center;height: 2rem;}.kdds-record-picker-dropdown-nodata"+r+" {display: flex;align-items: center;justify-content: center;height: 32px;color: #B2B2B2;font-size: 14px;}.kdds-record-picker-dropdown-grid"+r+" {display: flex;flex-direction: column;}.kdds-record-picker-dropdown-header-row"+r+",\r.kdds-record-picker-dropdown-grid-row"+r+" {display: grid;min-width: 80px;}.kdds-record-picker-dropdown-group-title"+r+" {font-size: 0.75rem;background: #f5f5f5;line-height: 1.5;display: block;padding: 0.375rem 0.75rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--kdds-c-record-picker-title-color, #999);}.kdds-record-picker-dropdown-group-title-small"+r+" {font-size: var(--kdds-c-record-picker-title-font-size-small, 0.75rem);line-height: var(--kdds-c-record-picker-title-lineheight-small, 1.5);}.kdds-record-picker-dropdown-group-title-medium"+r+" {font-size: var(--kdds-c-record-picker-title-font-size-medium, 0.875rem);line-height: var(--kdds-c-record-picker-title-lineheight-medium, 1.572);}.kdds-record-picker-dropdown-group-title-large"+r+" {font-size: var(--kdds-c-record-picker-title-font-size-large, 1rem);line-height: var(--kdds-c-record-picker-title-lineheight-large, 1.5);}.kdds-record-picker-dropdown-item"+r+" {display: block;padding: 0 0.75rem;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 5px;padding-bottom: 5px;}.kdds-record-picker-dropdown-item-medium"+r+" {line-height: var(--kdds-c-record-picker-item-lineheight-medium, 1.572);font-size: var(--kdds-c-record-picker-item-font-size-medium, 0.75rem);}.kdds-record-picker-dropdown-item-small"+r+" {line-height: var(--kdds-c-record-picker-item-lineheight-small, 1.5);font-size: var(--kdds-c-record-picker-item-font-size-small, 0.75rem);}.kdds-record-picker-dropdown-item-large"+r+" {line-height: var(--kdds-c-record-picker-item-lineheight-large, 1.5);font-size: var(--kdds-c-record-picker-item-font-size-large, 1rem);}.kdds-record-picker-dropdown-grid-row"+r+" {background: var(--kdds-c-record-picker-item-background, transparent);}.kdds-record-picker-dropdown-grid-row"+r+" {color: var(--kdds-c-record-picker-item-color, #212121);}.kdds-record-picker-dropdown-grid-row:not(.kdds-record-picker-dropdown-grid-row-active):hover"+r+" {color: var(--kdds-c-record-picker-item-color-hover, #212121);background: var(--kdds-c-record-picker-item-background-hover, #F5F5F5);}.kdds-record-picker-dropdown-grid-row:not(.kdds-record-picker-dropdown-grid-row-active):active"+r+" {color: var(--kdds-c-record-picker-item-color-active, #5582F3);background: var(--kdds-c-record-picker-item-background-active, #F5F5F5);}.kdds-record-picker-dropdown-grid-row-disabled"+r+" {color: var(--kdds-c-record-picker-item-color-disabled, #b2b2b2);background: var(--kdds-c-record-picker-item-background-disabled, transparent);}.kdds-record-picker-dropdown-grid-row-active"+r+" {color: var(--kdds-c-record-picker-item-color-selected, #5582F3);background: var(--kdds-c-record-picker-item-background-selected, #F2F6FF);}.kdds-record-picker-dropdown-footer"+r+" {display: flex;align-items: center;justify-content: center;height: 31px;border-top: 1px solid #D9D9D9;}.kdds-record-picker-dropdown-more-btn"+r+" {font-weight: 400;font-size: 14px;line-height: 21px;letter-spacing: 0px;color: var(--kdds-c-record-picker-footer-color, #5582F3);flex: 1;text-align: center;}.kdds-record-picker-dropdown-more-btn:hover"+r+" {color: var(--kdds-c-record-picker-footer-color-hover, #87A9FF);}.kdds-record-picker-dropdown-more-btn:active"+r+" {color: var(--kdds-c-record-picker-footer-color-focus, #3761CA);}"}];const j=e`<div class="kdds-record-picker-dropdown-nodata${0}"${2}>${"t1"}</div>`,b=e`<div part="group-title" class="kdds-record-picker-dropdown-group-title${0}"${"a0:title"}${2}>${"t1"}</div>`,y=e`<div part="dropdown-item-label"${"c0"}${"a0:title"}${2}>${"t1"}</div>`,_={classMap:{"kdds-record-picker-container":!0},ref:"container",key:0},C={"kdds-record-picker-input":!0},x={classMap:{"kdds-record-picker-dropdown":!0},attrs:{part:"overlay dropdown"},key:3},P={classMap:{"kdds-record-picker-dropdown-content":!0},key:4},I={classMap:{"kdds-record-picker-dropdown-loading":!0},key:6},D={props:{type:"panelLoading",loading:!0},key:7},L={part:"overlay dropdown"},F={classMap:{"kdds-record-picker-dropdown-content":!0},key:13},z={classMap:{"kdds-record-picker-dropdown-grid":!0},key:15},M={"kdds-record-picker-dropdown-header-row":!0},S={classMap:{"kdds-record-picker-dropdown-footer":!0},key:24};function B(e,t,i,r){const{ti:o,b:s,c:c,h:l,fr:p,d:h,sp:m,st:u,ncls:k,k:g,i:v,f:f}=e,{_m0:w,_m1:B,_m2:E}=r;return[l("div",_,[c("kd-input",d,{classMap:C,ref:"inputRef",props:{label:t.label,labelPosition:t.labelPosition,placeholder:t.placeholder,showClear:t.showClear,tabIndex:o(t.tabIndex),variant:t.variant,value:t.selectedValue,required:t.required,suffixIcon:t.suffixIcon,size:t.size},key:1,on:w||(r._m0={focus:s(t.handleFocus),blur:s(t.handleBlur),change:s(t.handleChange),privatecleariconclick:s(t.handleClear),suffixiconclick:s(t.handleSearchClick)})}),t.showStatus?p(2,[l("div",x,[l("div",P,[t.showLoading?p(5,[l("div",I,[c("kd-spin",a,D)])],0):null,t.showNoData?p(8,[u(j,10,[m(1,null,h(t.noDataDescription))])],0):null])])],0):null,t.showPicker?p(11,[l("div",{className:k(t.computedDropdownClass),attrs:L,key:12},[l("div",F,[t.searchResult.length?p(14,[l("div",z,f([t.showGroupTitle?p(16,[l("div",{classMap:M,style:t.gridStyle,key:17},v(t.displayInfo,function(e){return u(b,g(19,e.id),[m(0,{attrs:{title:e.name}},null),m(1,null,h(e.name))])}))],0):null,v(t.searchResult,function(e){return l("div",{className:k(e.clz),style:t.gridStyle,attrs:{"data-id":e.id},key:g(20,e.id),on:B||(r._m1={mouseenter:s(t.handleRowMouseEnter),click:s(t.handleRowClick)})},v(e.value,function(e){return u(y,g(22,e.id),[m(0,{className:k(t.computedDropdownItemClass),attrs:{title:e.value}},null),m(1,null,h(e.value))])}))})]))],0):null]),t.showFooter?p(23,[l("div",S,[c("kd-button",n,{props:{label:t.moreBtnTitle,variant:"text"},key:25,on:E||(r._m2={click:s(t.handleMoreBtnClick)})})])],0):null])],0):null])]}var E=t(B);B.hasRefs=!0,B.stylesheets=[],B.stylesheetToken="kwc-5vsi31b2sbn",B.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\recordPicker-undefined_recordPicker",w&&B.stylesheets.push.apply(B.stylesheets,w),i(B);const{promiseApi:A}=l,{isMobile:T}=p;class R extends s{constructor(...e){super(...e),this.isv=void 0,this.appId=void 0,this.formId=void 0,this.queryParams=void 0,this.label=void 0,this.labelPosition=void 0,this.displayKey="name",this.displayInfo=void 0,this.name=void 0,this.placeholder=void 0,this.showClear=!1,this.tabIndex=0,this.variant="default",this.required=!1,this.suffixIcon="kdfont-f",this.size="medium",this._isActive=!1,this._isLayoutingPanel=!1,this._isLoadingData=!1,this._showFooter=!1,this._dataList=[],this._columns=[],this._data=[],this._hoverIndex=-1,this._selected=void 0,this._handleDocumentMousedown=e=>{if(!this._isActive)return;const t=e.composedPath&&e.composedPath()||e.path||[],i=e=>"object"==typeof Node?e instanceof Node:e&&"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName;let r=!1;if(t&&t.length)r=t.some(e=>{if(!i(e))return!1;try{return e===this||this.template&&this.template.contains&&this.template.contains(e)}catch{return!1}});else{const t=e.target;if(i(t))try{r=this.template&&this.template.contains&&this.template.contains(t)}catch{r=!1}}r||(this._isActive=!1)}}get lookupConfig(){return{isv:this.isv,app:this.appId,version:this.version,source:"kwcform",sourceId:this.formId,action:"lookupdatas"}}get showPicker(){return this._isActive&&!this._isLoadingData&&!this.showStatus}get showStatus(){return this.showLoading||this.showNoData}get showLoading(){return this._isActive&&this._isLoadingData}get showNoData(){return this._isActive&&!this._isLoadingData&&0===this._data.length}get showGroupTitle(){return this.displayInfo&&this.displayInfo.length>1}get showFooter(){return this._showFooter}get searchResult(){if(!(this._columns&&this._columns.length&&this._data&&this._data.length))return[];return(this._data.slice(0,10)||[]).map((e,t)=>{let i="";const r=[];this._columns.forEach((t,o)=>{if("id"===t.id&&(i=e[o]),this.displayInfo||"name"!==t.id||(r[0]={id:"name",value:e[o]}),this.displayInfo){const i=this.displayInfo.findIndex(e=>e.id===t.id);i>-1&&(r[i]={id:t.id,value:e[o]})}});const o=["kdds-record-picker-dropdown-grid-row"];return this._selected&&this._selected.id===i&&o.push("kdds-record-picker-dropdown-grid-row-active"),t===this._hoverIndex&&o.push("kdds-record-picker-dropdown-grid-row-hover"),{id:i,value:r,clz:o}})}get gridStyle(){return`grid-template-columns: repeat(${this.displayInfo&&this.displayInfo.length?this.displayInfo.length:1}, 1fr);`}get moreBtnTitle(){return c("recordPicker.more")}get noDataDescription(){return c("recordPicker.noData",{fallback:"暂无数据"})}get computedDropdownClass(){const e=["kdds-record-picker-dropdown"];return this.showFooter&&e.push("kdds-record-picker-dropdown-with-footer"),e}get computedGroupTitleClass(){return`kdds-record-picker-dropdown-group-title kdds-record-picker-dropdown-group-title-${this.size}`}get computedDropdownItemClass(){return`kdds-record-picker-dropdown-item kdds-record-picker-dropdown-item-${this.size}`}get selectedValue(){if(this._selected){let e=this._selected.value.find(e=>e.id===this.displayKey);return void 0===e&&(e=this._selected.value.find(e=>"name"===e.id)),e.value}return""}get handleChange(){return v(this.handleChangeInternal.bind(this),300)}connectedCallback(){this.documentMouseDownHandler=this._handleDocumentMousedown.bind(this),document.addEventListener("mousedown",this.documentMouseDownHandler)}disconnectedCallback(){document.removeEventListener("mousedown",this.documentMouseDownHandler)}startLayoutingPanel(){this._isLayoutingPanel=!0;const e={horizontal:g.Left,vertical:g.Top},t={horizontal:g.Left,vertical:g.Bottom};return h().then(()=>(this.stopLayoutingPanel(),this._autoPosition=u(this,{target:()=>this.template.querySelector(".kdds-record-picker-input"),element:()=>this.template.querySelector(".kdds-record-picker-dropdown"),align:e,targetAlign:t,autoFlipVertical:false,scrollableParentBound:!0,keepInViewport:!0},!0),this._autoPosition?this._autoPosition.reposition():Promise.reject())).then(()=>{const e=this.template.querySelector(".kdds-record-picker-dropdown"),t=this.template.querySelector(".kdds-record-picker-input").getBoundingClientRect(),i=e.getBoundingClientRect();if(e&&"inline"===this.labelPosition){const r=window.innerWidth-t.left-112;if(i.width<r){const t=parseFloat(e.style.left||0);e.style.left=`${t+110}px`}}return m(0)}).then(()=>{this._isLayoutingPanel=!1})}stopLayoutingPanel(){this._isLayoutingPanel&&(k(this._autoPosition),this._autoPosition=null),this._isLayoutingPanel=!1}showListPicker(){this._isActive=!0,this.startLayoutingPanel()}handleFocus(e){if(this.disabled)return;e.stopPropagation(),this._data.length>0&&this.selectedValue&&this.showListPicker();const t={name:this.name},i=new CustomEvent("focus",{detail:t});this.dispatchEvent(i)}handleBlur(e){if(this.disabled)return;e.stopPropagation();const t={name:this.name},i=new CustomEvent("blur",{detail:t});this.dispatchEvent(i)}async handleChangeInternal(e){if(void 0===e.detail.value||""===e.detail.value)return;const t=e.detail.value;this._lastSearchValue=t;const i={...this.queryParams,search:e.detail.value,page:1};this._promise&&this._promise.cancel&&this._promise.cancel(),this._isLoadingData=!0,this.showListPicker(),this._promise=l.promiseApi.doGet({endpointConfig:this.lookupConfig,params:new URLSearchParams(i).toString()}),this._promise.then(e=>{if(t!==this._lastSearchValue)return;this._isLoadingData=!1;const i=e.data;this._data=i.data||[],this._columns=i.columns||[],this.generateData(),this._showFooter=i.next,this._hoverIndex=0,this.startLayoutingPanel()}).catch(e=>{"CANCELED"!==e.status&&(this._isLoadingData=!1)})}handleRowClick(e){const t=e.currentTarget.dataset.id;if(!t)return;const i=this.searchResult.find(e=>e.id===t);i&&(this._selected=i,this.dispatchSelectEvent(),this._isActive=!1)}handleRowMouseEnter(e){const t=e.currentTarget.dataset.id;if(!t)return;const i=this.searchResult.findIndex(e=>e.id===t);this._hoverIndex=i}handleClear(){this._isActive=!1,this._selected=null,this._data=[];const e=new CustomEvent("clear",{bubbles:!0,composed:!0});this.dispatchEvent(e)}handleSearchClick(){this.showModal()}handleMoreBtnClick(){this._isActive=!1;try{this.showModal()}catch(e){}}showModal(){const e=p.isMobile()?{width:"100vw",height:"100vh"}:{width:"90vw",height:"80vh"};f.open({label:this.label,showCloseButton:!0,resizeGrip:!0,lookupConfig:this.lookupConfig,search:this.refs.inputRef.value,...e}).then(e=>{if(e&&"confirm"===e.type&&e.value){const{result:t,selected:i}=e.value;this._selected=t,this.dispatchSelectEvent(i)}else this.selectedValue!==this.refs.inputRef.value&&(this.refs.inputRef.value="",this.handleClear())})}generateData(){this._dataList=[],this._data.forEach(e=>{const t={};e.forEach((e,i)=>{const r=this._columns[i].id;t[r]=e}),this._dataList.push(t)})}dispatchSelectEvent(e){if(!e){const t=this._selected.id;e=this._dataList.find(e=>e.id===t)}const t=new CustomEvent("select",{detail:{data:e}});this.dispatchEvent(t)}}r(R,{publicProps:{isv:{config:0},appId:{config:0},formId:{config:0},queryParams:{config:0},label:{config:0},labelPosition:{config:0},displayKey:{config:0},displayInfo:{config:0},name:{config:0},placeholder:{config:0},showClear:{config:0},tabIndex:{config:0},variant:{config:0},required:{config:0},suffixIcon:{config:0},size:{config:0}},track:{_selected:1},fields:["_isActive","_isLayoutingPanel","_isLoadingData","_showFooter","_dataList","_columns","_data","_hoverIndex","_handleDocumentMousedown"]});const U=o(R,{tmpl:E,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\recordPicker-",apiVersion:63});export{U as default};
+import{parseFragment as e,registerTemplate as t,freezeTemplate as i,registerDecorators as r,registerComponent as o,KingdeeElement as s}from"@kdcloudjs/kwc";import d from"./input.js";import a from"./spin.js";import n from"./button.js";import{g as c}from"../index.esm-DycIHCS9.js";import{T as l,S as p}from"../index-ChQWdmu9.esm-CkPjBLyy.js";import{animationFrame as h,timeout as m}from"./utilsPrivate.js";import{startPositioning as u,stopPositioning as k,Direction as g}from"./positionLibrary.js";import{d as v}from"../interacting-BLIM-Sh7.js";import f from"./recordPickerModal.js";import"../baseInput-B-eemUUm.js";import"./shadowBaseClassPrivate.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"../normalize-C0Pp7GJL.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./features.js";import"../normalize-B0BwrqbQ.js";import"./icon.js";import"../utils-CB_20U-G.js";import"./modalHeader.js";import"../kddsCommon-CucK_w70.js";import"../kddsUtilsHyphenation-DjH4tlai.js";import"./modalUtils.js";import"../focus-93ksTIEs.js";import"./tooltipLibrary.js";import"./primitiveBubble.js";import"../classSet-DY6Qvt6E.js";import"./ariaObserver.js";import"./overlayManager.js";import"./overlayUtils.js";import"../kddsUtilsVisibility-BQdWrRzW.js";import"../kddsUtilsMargin-QLmlO60p.js";import"../kddsUtilsGrid-CoXx1Bwj.js";import"../kddsUtilsLineClamp-CHvuz7DS.js";import"../kddsUtilsTruncation-BkfKIyC_.js";import"../input-checkbox.kdds-CT6mcwHs.js";import"./primitiveDatatableIeditPanel.js";import"../kddsUtilsPadding-Dct-C7F7.js";import"./primitiveDatatableIeditTypeFactory.js";import"./primitiveDatatableIeditInputWrapper.js";import"../label-CY8Q8HAO.js";import"../labelUtils-DAuN2uUV.js";import"./primitiveHeaderFactory.js";import"../primitiveDatatableCell-gw5YRhU4.js";import"./primitiveHeaderActions.js";import"./menuItem.js";import"./menuDivider.js";import"./buttonMenu.js";import"./primitiveResizeHandler.js";import"./primitiveCellExpand.js";import"./primitiveCellCheckbox.js";import"../input-radio-group.kdds-BVVGUf0e.js";import"./primitiveCustomCell.js";import"./primitiveTreegridCellToggle.js";import"./primitiveCellFactory.js";import"../intlFormat-DNT_1eg4.js";import"./i18nCldrOptions.js";import"./i18nService.js";import"./configProvider.js";import"./primitiveCellActions.js";import"./primitiveCellButton.js";import"./formattedNumber.js";import"../NumberFormat-CVAfQTsE.js";import"./formattedDateTime.js";import"./formattedEmail.js";import"./formattedLocation.js";import"./formattedPhone.js";import"./formattedLookup.js";import"./routingService.js";import"./baseFormattedText.js";import"./formattedUrl.js";import"./primitiveCustomRow.js";import"./primitiveDatatableNoData.js";import"./primitiveDatatableStatusBar.js";import"../kddsUtilsPosition-DDHofMns.js";import"./primitiveDatatableTooltip.js";import"./primitiveDatatableTooltipBubble.js";import"./buttonIcon.js";import"./primitiveDatatableLoadingIndicator.js";import"../idGenerator-D2O_IHg9.js";import"./resizeObserver.js";import"../takeUntil-BqTBLaTv.js";import"./modalBody.js";import"./utilsInternal.js";import"./modalFooter.js";import"./modal.js";import"./privateModal.js";import"./overlay.js";import"./overlayContainer.js";import"./modalBase.js";import"./focusTrap.js";var w=[function(e,t,i){var r=e?"["+e+"]":"";return".kdds-record-picker-container"+r+" {position: relative;}.kdds-record-picker-dropdown"+r+" {position: fixed;width: 100%;background: var(--kdds-c-record-picker-panel-background, #FFFFFF);box-shadow: var(--kdds-c-record-picker-panel-shadow);padding: 8px 0;overflow-y: hidden;z-index: 1050;}.kdds-record-picker-dropdown-with-footer"+r+" {padding-bottom: 0;}.kdds-record-picker-dropdown-loading"+r+" {display: flex;align-items: center;justify-content: center;height: 2rem;}.kdds-record-picker-dropdown-nodata"+r+" {display: flex;align-items: center;justify-content: center;height: 32px;color: #B2B2B2;font-size: 14px;}.kdds-record-picker-dropdown-grid"+r+" {display: flex;flex-direction: column;}.kdds-record-picker-dropdown-header-row"+r+",\r.kdds-record-picker-dropdown-grid-row"+r+" {display: grid;min-width: 80px;}.kdds-record-picker-dropdown-group-title"+r+" {font-size: 0.75rem;background: #f5f5f5;line-height: 1.5;display: block;padding: 0.375rem 0.75rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--kdds-c-record-picker-title-color, #999);}.kdds-record-picker-dropdown-group-title-small"+r+" {font-size: var(--kdds-c-record-picker-title-font-size-small, 0.75rem);line-height: var(--kdds-c-record-picker-title-lineheight-small, 1.5);}.kdds-record-picker-dropdown-group-title-medium"+r+" {font-size: var(--kdds-c-record-picker-title-font-size-medium, 0.875rem);line-height: var(--kdds-c-record-picker-title-lineheight-medium, 1.572);}.kdds-record-picker-dropdown-group-title-large"+r+" {font-size: var(--kdds-c-record-picker-title-font-size-large, 1rem);line-height: var(--kdds-c-record-picker-title-lineheight-large, 1.5);}.kdds-record-picker-dropdown-item"+r+" {display: block;padding: 0 0.75rem;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 5px;padding-bottom: 5px;}.kdds-record-picker-dropdown-item-medium"+r+" {line-height: var(--kdds-c-record-picker-item-lineheight-medium, 1.572);font-size: var(--kdds-c-record-picker-item-font-size-medium, 0.75rem);}.kdds-record-picker-dropdown-item-small"+r+" {line-height: var(--kdds-c-record-picker-item-lineheight-small, 1.5);font-size: var(--kdds-c-record-picker-item-font-size-small, 0.75rem);}.kdds-record-picker-dropdown-item-large"+r+" {line-height: var(--kdds-c-record-picker-item-lineheight-large, 1.5);font-size: var(--kdds-c-record-picker-item-font-size-large, 1rem);}.kdds-record-picker-dropdown-grid-row"+r+" {background: var(--kdds-c-record-picker-item-background, transparent);}.kdds-record-picker-dropdown-grid-row"+r+" {color: var(--kdds-c-record-picker-item-color, #212121);}.kdds-record-picker-dropdown-grid-row:not(.kdds-record-picker-dropdown-grid-row-active):hover"+r+" {color: var(--kdds-c-record-picker-item-color-hover, #212121);background: var(--kdds-c-record-picker-item-background-hover, #F5F5F5);}.kdds-record-picker-dropdown-grid-row:not(.kdds-record-picker-dropdown-grid-row-active):active"+r+" {color: var(--kdds-c-record-picker-item-color-active, #5582F3);background: var(--kdds-c-record-picker-item-background-active, #F5F5F5);}.kdds-record-picker-dropdown-grid-row-disabled"+r+" {color: var(--kdds-c-record-picker-item-color-disabled, #b2b2b2);background: var(--kdds-c-record-picker-item-background-disabled, transparent);}.kdds-record-picker-dropdown-grid-row-active"+r+" {color: var(--kdds-c-record-picker-item-color-selected, #5582F3);background: var(--kdds-c-record-picker-item-background-selected, #F2F6FF);}.kdds-record-picker-dropdown-footer"+r+" {display: flex;align-items: center;justify-content: center;height: 31px;border-top: 1px solid #D9D9D9;}.kdds-record-picker-dropdown-more-btn"+r+" {font-weight: 400;font-size: 14px;line-height: 21px;letter-spacing: 0px;color: var(--kdds-c-record-picker-footer-color, #5582F3);flex: 1;text-align: center;}.kdds-record-picker-dropdown-more-btn:hover"+r+" {color: var(--kdds-c-record-picker-footer-color-hover, #87A9FF);}.kdds-record-picker-dropdown-more-btn:active"+r+" {color: var(--kdds-c-record-picker-footer-color-focus, #3761CA);}"}];const j=e`<div class="kdds-record-picker-dropdown-nodata${0}"${2}>${"t1"}</div>`,b=e`<div part="group-title" class="kdds-record-picker-dropdown-group-title${0}"${"a0:title"}${2}>${"t1"}</div>`,y=e`<div part="dropdown-item-label"${"c0"}${"a0:title"}${2}>${"t1"}</div>`,_={classMap:{"kdds-record-picker-container":!0},ref:"container",key:0},C={"kdds-record-picker-input":!0},x={classMap:{"kdds-record-picker-dropdown":!0},attrs:{part:"overlay dropdown"},key:3},P={classMap:{"kdds-record-picker-dropdown-content":!0},key:4},I={classMap:{"kdds-record-picker-dropdown-loading":!0},key:6},D={props:{type:"panelLoading",loading:!0},key:7},L={part:"overlay dropdown"},F={classMap:{"kdds-record-picker-dropdown-content":!0},key:13},z={classMap:{"kdds-record-picker-dropdown-grid":!0},key:15},M={"kdds-record-picker-dropdown-header-row":!0},S={classMap:{"kdds-record-picker-dropdown-footer":!0},key:24};function B(e,t,i,r){const{ti:o,b:s,c:c,h:l,fr:p,d:h,sp:m,st:u,ncls:k,k:g,i:v,f:f}=e,{_m0:w,_m1:B,_m2:E}=r;return[l("div",_,[c("kd-input",d,{classMap:C,ref:"inputRef",props:{label:t.label,labelPosition:t.labelPosition,placeholder:t.placeholder,showClear:t.showClear,tabIndex:o(t.tabIndex),variant:t.variant,value:t.selectedValue,required:t.required,suffixIcon:t.suffixIcon,size:t.size},key:1,on:w||(r._m0={focus:s(t.handleFocus),blur:s(t.handleBlur),change:s(t.handleChange),privatecleariconclick:s(t.handleClear),suffixiconclick:s(t.handleSearchClick)})}),t.showStatus?p(2,[l("div",x,[l("div",P,[t.showLoading?p(5,[l("div",I,[c("kd-spin",a,D)])],0):null,t.showNoData?p(8,[u(j,10,[m(1,null,h(t.noDataDescription))])],0):null])])],0):null,t.showPicker?p(11,[l("div",{className:k(t.computedDropdownClass),attrs:L,key:12},[l("div",F,[t.searchResult.length?p(14,[l("div",z,f([t.showGroupTitle?p(16,[l("div",{classMap:M,style:t.gridStyle,key:17},v(t.displayInfo,function(e){return u(b,g(19,e.id),[m(0,{attrs:{title:e.name}},null),m(1,null,h(e.name))])}))],0):null,v(t.searchResult,function(e){return l("div",{className:k(e.clz),style:t.gridStyle,attrs:{"data-id":e.id},key:g(20,e.id),on:B||(r._m1={mouseenter:s(t.handleRowMouseEnter),click:s(t.handleRowClick)})},v(e.value,function(e){return u(y,g(22,e.id),[m(0,{className:k(t.computedDropdownItemClass),attrs:{title:e.value}},null),m(1,null,h(e.value))])}))})]))],0):null]),t.showFooter?p(23,[l("div",S,[c("kd-button",n,{props:{label:t.moreBtnTitle,variant:"text"},key:25,on:E||(r._m2={click:s(t.handleMoreBtnClick)})})])],0):null])],0):null])]}var E=t(B);B.hasRefs=!0,B.stylesheets=[],B.stylesheetToken="kwc-5vsi31b2sbn",B.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\recordPicker-undefined_recordPicker",w&&B.stylesheets.push.apply(B.stylesheets,w),i(B);const{promiseApi:A}=l,{isMobile:T}=p;class R extends s{constructor(...e){super(...e),this.isv=void 0,this.appId=void 0,this.formId=void 0,this.queryParams=void 0,this.label=void 0,this.labelPosition=void 0,this.displayKey="name",this.displayInfo=void 0,this.name=void 0,this.placeholder=void 0,this.showClear=!1,this.tabIndex=0,this.variant="default",this.required=!1,this.suffixIcon="kdfont-f",this.size="medium",this._isActive=!1,this._isLayoutingPanel=!1,this._isLoadingData=!1,this._showFooter=!1,this._dataList=[],this._columns=[],this._data=[],this._hoverIndex=-1,this._selected=void 0,this._handleDocumentMousedown=e=>{if(!this._isActive)return;const t=e.composedPath&&e.composedPath()||e.path||[],i=e=>"object"==typeof Node?e instanceof Node:e&&"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName;let r=!1;if(t&&t.length)r=t.some(e=>{if(!i(e))return!1;try{return e===this||this.template&&this.template.contains&&this.template.contains(e)}catch{return!1}});else{const t=e.target;if(i(t))try{r=this.template&&this.template.contains&&this.template.contains(t)}catch{r=!1}}r||(this._isActive=!1)}}get lookupConfig(){return{isv:this.isv,app:this.appId,version:this.version,source:"kwcform",sourceId:this.formId,action:"lookupdatas"}}get showPicker(){return this._isActive&&!this._isLoadingData&&!this.showStatus}get showStatus(){return this.showLoading||this.showNoData}get showLoading(){return this._isActive&&this._isLoadingData}get showNoData(){return this._isActive&&!this._isLoadingData&&0===this._data.length}get showGroupTitle(){return this.displayInfo&&this.displayInfo.length>1}get showFooter(){return this._showFooter}get searchResult(){if(!(this._columns&&this._columns.length&&this._data&&this._data.length))return[];return(this._data.slice(0,10)||[]).map((e,t)=>{let i="";const r=[];this._columns.forEach((t,o)=>{if("id"===t.id&&(i=e[o]),this.displayInfo||"name"!==t.id||(r[0]={id:"name",value:e[o]}),this.displayInfo){const i=this.displayInfo.findIndex(e=>e.id===t.id);i>-1&&(r[i]={id:t.id,value:e[o]})}});const o=["kdds-record-picker-dropdown-grid-row"];return this._selected&&this._selected.id===i&&o.push("kdds-record-picker-dropdown-grid-row-active"),t===this._hoverIndex&&o.push("kdds-record-picker-dropdown-grid-row-hover"),{id:i,value:r,clz:o}})}get gridStyle(){return`grid-template-columns: repeat(${this.displayInfo&&this.displayInfo.length?this.displayInfo.length:1}, 1fr);`}get moreBtnTitle(){return c("recordPicker.more")}get noDataDescription(){return c("recordPicker.noData",{fallback:"暂无数据"})}get computedDropdownClass(){const e=["kdds-record-picker-dropdown"];return this.showFooter&&e.push("kdds-record-picker-dropdown-with-footer"),e}get computedGroupTitleClass(){return`kdds-record-picker-dropdown-group-title kdds-record-picker-dropdown-group-title-${this.size}`}get computedDropdownItemClass(){return`kdds-record-picker-dropdown-item kdds-record-picker-dropdown-item-${this.size}`}get selectedValue(){if(this._selected){let e=this._selected.value.find(e=>e.id===this.displayKey);return void 0===e&&(e=this._selected.value.find(e=>"name"===e.id)),e.value}return""}get handleChange(){return v(this.handleChangeInternal.bind(this),300)}connectedCallback(){this.documentMouseDownHandler=this._handleDocumentMousedown.bind(this),document.addEventListener("mousedown",this.documentMouseDownHandler)}disconnectedCallback(){document.removeEventListener("mousedown",this.documentMouseDownHandler)}startLayoutingPanel(){this._isLayoutingPanel=!0;const e={horizontal:g.Left,vertical:g.Top},t={horizontal:g.Left,vertical:g.Bottom};return h().then(()=>(this.stopLayoutingPanel(),this._autoPosition=u(this,{target:()=>this.template.querySelector(".kdds-record-picker-input"),element:()=>this.template.querySelector(".kdds-record-picker-dropdown"),align:e,targetAlign:t,autoFlipVertical:false,scrollableParentBound:!0,keepInViewport:!0},!0),this._autoPosition?this._autoPosition.reposition():Promise.reject())).then(()=>{const e=this.template.querySelector(".kdds-record-picker-dropdown"),t=this.template.querySelector(".kdds-record-picker-input").getBoundingClientRect(),i=e.getBoundingClientRect();if(e&&"inline"===this.labelPosition){const r=window.innerWidth-t.left-112;if(i.width<r){const t=parseFloat(e.style.left||0);e.style.left=`${t+110}px`}}return m(0)}).then(()=>{this._isLayoutingPanel=!1})}stopLayoutingPanel(){this._isLayoutingPanel&&(k(this._autoPosition),this._autoPosition=null),this._isLayoutingPanel=!1}showListPicker(){this._isActive=!0,this.startLayoutingPanel()}handleFocus(e){if(this.disabled)return;e.stopPropagation(),this._data.length>0&&this.selectedValue&&this.showListPicker();const t={name:this.name},i=new CustomEvent("focus",{detail:t});this.dispatchEvent(i)}handleBlur(e){if(this.disabled)return;e.stopPropagation();const t={name:this.name},i=new CustomEvent("blur",{detail:t});this.dispatchEvent(i)}async handleChangeInternal(e){if(void 0===e.detail.value||""===e.detail.value)return;const t=e.detail.value;this._lastSearchValue=t;const i={...this.queryParams,search:e.detail.value,page:1};this._promise&&this._promise.cancel&&this._promise.cancel(),this._isLoadingData=!0,this.showListPicker(),this._promise=l.promiseApi.doGet({endpointConfig:this.lookupConfig,params:new URLSearchParams(i).toString()}),this._promise.then(e=>{if(t!==this._lastSearchValue)return;this._isLoadingData=!1;const i=e.data;this._data=i.data||[],this._columns=i.columns||[],this.generateData(),this._showFooter=i.next,this._hoverIndex=0,this.startLayoutingPanel()}).catch(e=>{"CANCELED"!==e.status&&(this._isLoadingData=!1)})}handleRowClick(e){const t=e.currentTarget.dataset.id;if(!t)return;const i=this.searchResult.find(e=>e.id===t);i&&(this._selected=i,this.dispatchSelectEvent(),this._isActive=!1)}handleRowMouseEnter(e){const t=e.currentTarget.dataset.id;if(!t)return;const i=this.searchResult.findIndex(e=>e.id===t);this._hoverIndex=i}handleClear(){this._isActive=!1,this._selected=null,this._data=[];const e=new CustomEvent("clear",{bubbles:!0,composed:!0});this.dispatchEvent(e)}handleSearchClick(){this.showModal()}handleMoreBtnClick(){this._isActive=!1;try{this.showModal()}catch(e){}}showModal(){const e=p.isMobile()?{width:"100vw",height:"100vh"}:{width:"90vw",height:"80vh"};f.open({label:this.label,showCloseButton:!0,resizeGrip:!0,lookupConfig:this.lookupConfig,search:this.refs.inputRef.value,...e}).then(e=>{if(e&&"confirm"===e.type&&e.value){const{result:t,selected:i}=e.value;this._selected=t,this.dispatchSelectEvent(i)}else this.selectedValue!==this.refs.inputRef.value&&(this.refs.inputRef.value="",this.handleClear())})}generateData(){this._dataList=[],this._data.forEach(e=>{const t={};e.forEach((e,i)=>{const r=this._columns[i].id;t[r]=e}),this._dataList.push(t)})}dispatchSelectEvent(e){if(!e){const t=this._selected.id;e=this._dataList.find(e=>e.id===t)}const t=new CustomEvent("select",{detail:{data:e}});this.dispatchEvent(t)}}r(R,{publicProps:{isv:{config:0},appId:{config:0},formId:{config:0},queryParams:{config:0},label:{config:0},labelPosition:{config:0},displayKey:{config:0},displayInfo:{config:0},name:{config:0},placeholder:{config:0},showClear:{config:0},tabIndex:{config:0},variant:{config:0},required:{config:0},suffixIcon:{config:0},size:{config:0}},track:{_selected:1},fields:["_isActive","_isLayoutingPanel","_isLoadingData","_showFooter","_dataList","_columns","_data","_hoverIndex","_handleDocumentMousedown"]});const U=o(R,{tmpl:E,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\recordPicker-",apiVersion:63});export{U as default};