@kdcloudjs/kingdee-base-components 0.0.4 → 0.0.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.
- package/dist/cjs/baseInput-f9sJ7m49.js +1 -0
- package/dist/cjs/calendar.kdds-DBIZRNEC.js +1 -0
- package/dist/cjs/{calendarMonth-CWlrlbuW.js → calendarMonth-DuBmYkui.js} +1 -1
- package/dist/cjs/formattedRichTextRenderer-2waGzr02.js +1 -0
- package/dist/cjs/{index-ChQWdmu9.esm-5BaPCEY0.js → index-ChQWdmu9.esm-DUTi--6E.js} +1 -1
- package/dist/cjs/interacting-BGdY-r03.js +1 -0
- package/dist/cjs/kd/ariaObserver.js +1 -1
- package/dist/cjs/kd/baseFormattedText.js +1 -1
- package/dist/cjs/kd/baseInput.js +1 -1
- package/dist/cjs/kd/button.js +1 -1
- package/dist/cjs/kd/buttonMenu.js +1 -1
- package/dist/cjs/kd/calendar.js +1 -1
- package/dist/cjs/kd/calendarDay.js +1 -1
- package/dist/cjs/kd/calendarMonth.js +1 -1
- package/dist/cjs/kd/calendarTime.js +1 -1
- package/dist/cjs/kd/calendarYear.js +1 -1
- package/dist/cjs/kd/card.js +1 -1
- package/dist/cjs/kd/checkboxGroup.js +1 -1
- package/dist/cjs/kd/datatable.js +1 -1
- package/dist/cjs/kd/datepicker.js +1 -1
- package/dist/cjs/kd/features.js +1 -1
- package/dist/cjs/kd/focusTrap.js +1 -1
- package/dist/cjs/kd/focusUtils.js +1 -1
- package/dist/cjs/kd/form.js +1 -1
- package/dist/cjs/kd/formattedAddress.js +1 -1
- package/dist/cjs/kd/formattedDateTime.js +1 -1
- package/dist/cjs/kd/formattedEmail.js +1 -1
- package/dist/cjs/kd/formattedLocation.js +1 -1
- package/dist/cjs/kd/formattedLookup.js +1 -1
- package/dist/cjs/kd/formattedName.js +1 -1
- package/dist/cjs/kd/formattedNumber.js +1 -1
- package/dist/cjs/kd/formattedPhone.js +1 -1
- package/dist/cjs/kd/formattedRichText.js +1 -1
- package/dist/cjs/kd/formattedRichTextRenderer.js +1 -1
- package/dist/cjs/kd/formattedText.js +1 -1
- package/dist/cjs/kd/formattedTime.js +1 -1
- package/dist/cjs/kd/formattedUrl.js +1 -1
- package/dist/cjs/kd/icon.js +1 -1
- package/dist/cjs/kd/image.js +1 -1
- package/dist/cjs/kd/input.js +1 -1
- package/dist/cjs/kd/inputNumber.js +1 -1
- package/dist/cjs/kd/inputUtils.js +1 -1
- package/dist/cjs/kd/internationalizationLibrary.js +1 -1
- package/dist/cjs/kd/layout.js +1 -1
- package/dist/cjs/kd/layoutItem.js +1 -1
- package/dist/cjs/kd/menuItem.js +1 -1
- package/dist/cjs/kd/modal.js +1 -1
- package/dist/cjs/kd/modalBase.js +1 -1
- package/dist/cjs/kd/modalBody.js +1 -1
- package/dist/cjs/kd/modalFooter.js +1 -1
- package/dist/cjs/kd/modalHeader.js +1 -1
- package/dist/cjs/kd/modalUtils.js +1 -1
- package/dist/cjs/kd/numberUtils.js +1 -1
- package/dist/cjs/kd/overlay.js +1 -1
- package/dist/cjs/kd/overlayContainer.js +1 -1
- package/dist/cjs/kd/playground.js +1 -1
- package/dist/cjs/kd/positionLibrary.js +1 -1
- package/dist/cjs/kd/primitiveBubble.js +1 -1
- package/dist/cjs/kd/primitiveButton.js +1 -1
- package/dist/cjs/kd/primitiveCellActions.js +1 -1
- package/dist/cjs/kd/primitiveCellButton.js +1 -1
- package/dist/cjs/kd/primitiveCellCheckbox.js +1 -1
- package/dist/cjs/kd/primitiveCellExpand.js +1 -1
- package/dist/cjs/kd/primitiveCellFactory.js +1 -1
- package/dist/cjs/kd/primitiveColorpickerButton.js +1 -1
- package/dist/cjs/kd/primitiveColumnSorter.js +1 -1
- package/dist/cjs/kd/primitiveCoordinateItem.js +1 -1
- package/dist/cjs/kd/primitiveCustomCell.js +1 -1
- package/dist/cjs/kd/primitiveCustomRow.js +1 -1
- package/dist/cjs/kd/primitiveDatatableCell.js +1 -1
- package/dist/cjs/kd/primitiveDatatableIeditInputWrapper.js +1 -1
- package/dist/cjs/kd/primitiveDatatableIeditPanel.js +1 -1
- package/dist/cjs/kd/primitiveDatatableIeditTypeFactory.js +1 -1
- package/dist/cjs/kd/primitiveDatatableLoadingIndicator.js +1 -1
- package/dist/cjs/kd/primitiveDatatableNoData.js +1 -1
- package/dist/cjs/kd/primitiveDatatableStatusBar.js +1 -1
- package/dist/cjs/kd/primitiveDatatableTooltip.js +1 -1
- package/dist/cjs/kd/primitiveDatatableTooltipBubble.js +1 -1
- package/dist/cjs/kd/primitiveFileDroppableZone.js +1 -1
- package/dist/cjs/kd/primitiveHeaderActions.js +1 -1
- package/dist/cjs/kd/primitiveHeaderFactory.js +1 -1
- package/dist/cjs/kd/primitiveIcon.js +1 -1
- package/dist/cjs/kd/primitiveIframe.js +1 -1
- package/dist/cjs/kd/primitiveInputCheckbox.js +1 -1
- package/dist/cjs/kd/primitiveInputCheckboxButton.js +1 -1
- package/dist/cjs/kd/primitiveInputColor.js +1 -1
- package/dist/cjs/kd/primitiveInputFile.js +1 -1
- package/dist/cjs/kd/primitiveInputRadio.js +1 -1
- package/dist/cjs/kd/primitiveInputSimple.js +1 -1
- package/dist/cjs/kd/primitiveInputToggle.js +1 -1
- package/dist/cjs/kd/primitiveResizeHandler.js +1 -1
- package/dist/cjs/kd/primitiveTreegridCellToggle.js +1 -1
- package/dist/cjs/kd/privateModal.js +1 -1
- package/dist/cjs/kd/radio.js +1 -1
- package/dist/cjs/kd/radioGroup.js +1 -1
- package/dist/cjs/kd/recordPicker.js +1 -1
- package/dist/cjs/kd/recordPickerModal.js +1 -1
- package/dist/cjs/kd/select.js +1 -1
- package/dist/cjs/kd/shadowBaseClassPrivate.js +1 -1
- package/dist/cjs/kd/spin.js +1 -1
- package/dist/cjs/kd/switch.js +1 -1
- package/dist/cjs/kd/tab.js +1 -1
- package/dist/cjs/kd/tabBar.js +1 -1
- package/dist/cjs/kd/tabset.js +1 -1
- package/dist/cjs/kd/tag.js +1 -1
- package/dist/cjs/kd/toast.js +1 -1
- package/dist/cjs/kd/toastContainer.js +1 -1
- package/dist/cjs/kd/tooltipLibrary.js +1 -1
- package/dist/cjs/kd/tree.js +1 -1
- package/dist/cjs/kd/treeItem.js +1 -1
- package/dist/cjs/kd/utilsPrivate.js +1 -1
- package/dist/cjs/normalize-DZjR9N6d.js +1 -0
- package/dist/cjs/primitiveDatatableCell-phgzbp5l.js +1 -0
- package/dist/cjs/utilsPrivate-DL4VBetH.js +1 -0
- package/dist/esm/baseInput-Bgv7mEy2.js +1 -0
- package/dist/esm/calendar.kdds-DkhZH3qI.js +1 -0
- package/dist/esm/{calendarMonth-CKY0uX-F.js → calendarMonth-D9AFuDlp.js} +1 -1
- package/dist/esm/formattedRichTextRenderer-B7edgq4B.js +1 -0
- package/dist/esm/{index-ChQWdmu9.esm-CkPjBLyy.js → index-ChQWdmu9.esm-pxfeXSzR.js} +1 -1
- package/dist/esm/interacting-iGRv7bnR.js +1 -0
- package/dist/esm/kd/ariaObserver.js +1 -1
- package/dist/esm/kd/baseFormattedText.js +1 -1
- package/dist/esm/kd/baseInput.js +1 -1
- package/dist/esm/kd/button.js +1 -1
- package/dist/esm/kd/buttonMenu.js +1 -1
- package/dist/esm/kd/calendar.js +1 -1
- package/dist/esm/kd/calendarDay.js +1 -1
- package/dist/esm/kd/calendarMonth.js +1 -1
- package/dist/esm/kd/calendarTime.js +1 -1
- package/dist/esm/kd/calendarYear.js +1 -1
- package/dist/esm/kd/card.js +1 -1
- package/dist/esm/kd/checkboxGroup.js +1 -1
- package/dist/esm/kd/datatable.js +1 -1
- package/dist/esm/kd/datepicker.js +1 -1
- package/dist/esm/kd/features.js +1 -1
- package/dist/esm/kd/focusTrap.js +1 -1
- package/dist/esm/kd/focusUtils.js +1 -1
- package/dist/esm/kd/form.js +1 -1
- package/dist/esm/kd/formattedAddress.js +1 -1
- package/dist/esm/kd/formattedDateTime.js +1 -1
- package/dist/esm/kd/formattedEmail.js +1 -1
- package/dist/esm/kd/formattedLocation.js +1 -1
- package/dist/esm/kd/formattedLookup.js +1 -1
- package/dist/esm/kd/formattedName.js +1 -1
- package/dist/esm/kd/formattedNumber.js +1 -1
- package/dist/esm/kd/formattedPhone.js +1 -1
- package/dist/esm/kd/formattedRichText.js +1 -1
- package/dist/esm/kd/formattedRichTextRenderer.js +1 -1
- package/dist/esm/kd/formattedText.js +1 -1
- package/dist/esm/kd/formattedTime.js +1 -1
- package/dist/esm/kd/formattedUrl.js +1 -1
- package/dist/esm/kd/icon.js +1 -1
- package/dist/esm/kd/image.js +1 -1
- package/dist/esm/kd/input.js +1 -1
- package/dist/esm/kd/inputNumber.js +1 -1
- package/dist/esm/kd/inputUtils.js +1 -1
- package/dist/esm/kd/internationalizationLibrary.js +1 -1
- package/dist/esm/kd/layout.js +1 -1
- package/dist/esm/kd/layoutItem.js +1 -1
- package/dist/esm/kd/menuItem.js +1 -1
- package/dist/esm/kd/modal.js +1 -1
- package/dist/esm/kd/modalBase.js +1 -1
- package/dist/esm/kd/modalBody.js +1 -1
- package/dist/esm/kd/modalFooter.js +1 -1
- package/dist/esm/kd/modalHeader.js +1 -1
- package/dist/esm/kd/modalUtils.js +1 -1
- package/dist/esm/kd/numberUtils.js +1 -1
- package/dist/esm/kd/overlay.js +1 -1
- package/dist/esm/kd/overlayContainer.js +1 -1
- package/dist/esm/kd/playground.js +1 -1
- package/dist/esm/kd/positionLibrary.js +1 -1
- package/dist/esm/kd/primitiveBubble.js +1 -1
- package/dist/esm/kd/primitiveButton.js +1 -1
- package/dist/esm/kd/primitiveCellActions.js +1 -1
- package/dist/esm/kd/primitiveCellButton.js +1 -1
- package/dist/esm/kd/primitiveCellCheckbox.js +1 -1
- package/dist/esm/kd/primitiveCellExpand.js +1 -1
- package/dist/esm/kd/primitiveCellFactory.js +1 -1
- package/dist/esm/kd/primitiveColorpickerButton.js +1 -1
- package/dist/esm/kd/primitiveColumnSorter.js +1 -1
- package/dist/esm/kd/primitiveCoordinateItem.js +1 -1
- package/dist/esm/kd/primitiveCustomCell.js +1 -1
- package/dist/esm/kd/primitiveCustomRow.js +1 -1
- package/dist/esm/kd/primitiveDatatableCell.js +1 -1
- package/dist/esm/kd/primitiveDatatableIeditInputWrapper.js +1 -1
- package/dist/esm/kd/primitiveDatatableIeditPanel.js +1 -1
- package/dist/esm/kd/primitiveDatatableIeditTypeFactory.js +1 -1
- package/dist/esm/kd/primitiveDatatableLoadingIndicator.js +1 -1
- package/dist/esm/kd/primitiveDatatableNoData.js +1 -1
- package/dist/esm/kd/primitiveDatatableStatusBar.js +1 -1
- package/dist/esm/kd/primitiveDatatableTooltip.js +1 -1
- package/dist/esm/kd/primitiveDatatableTooltipBubble.js +1 -1
- package/dist/esm/kd/primitiveFileDroppableZone.js +1 -1
- package/dist/esm/kd/primitiveHeaderActions.js +1 -1
- package/dist/esm/kd/primitiveHeaderFactory.js +1 -1
- package/dist/esm/kd/primitiveIcon.js +1 -1
- package/dist/esm/kd/primitiveIframe.js +1 -1
- package/dist/esm/kd/primitiveInputCheckbox.js +1 -1
- package/dist/esm/kd/primitiveInputCheckboxButton.js +1 -1
- package/dist/esm/kd/primitiveInputColor.js +1 -1
- package/dist/esm/kd/primitiveInputFile.js +1 -1
- package/dist/esm/kd/primitiveInputRadio.js +1 -1
- package/dist/esm/kd/primitiveInputSimple.js +1 -1
- package/dist/esm/kd/primitiveInputToggle.js +1 -1
- package/dist/esm/kd/primitiveResizeHandler.js +1 -1
- package/dist/esm/kd/primitiveTreegridCellToggle.js +1 -1
- package/dist/esm/kd/privateModal.js +1 -1
- package/dist/esm/kd/radio.js +1 -1
- package/dist/esm/kd/radioGroup.js +1 -1
- package/dist/esm/kd/recordPicker.js +1 -1
- package/dist/esm/kd/recordPickerModal.js +1 -1
- package/dist/esm/kd/select.js +1 -1
- package/dist/esm/kd/shadowBaseClassPrivate.js +1 -1
- package/dist/esm/kd/spin.js +1 -1
- package/dist/esm/kd/switch.js +1 -1
- package/dist/esm/kd/tab.js +1 -1
- package/dist/esm/kd/tabBar.js +1 -1
- package/dist/esm/kd/tabset.js +1 -1
- package/dist/esm/kd/tag.js +1 -1
- package/dist/esm/kd/toast.js +1 -1
- package/dist/esm/kd/toastContainer.js +1 -1
- package/dist/esm/kd/tooltipLibrary.js +1 -1
- package/dist/esm/kd/tree.js +1 -1
- package/dist/esm/kd/treeItem.js +1 -1
- package/dist/esm/kd/utilsPrivate.js +1 -1
- package/dist/esm/normalize-qdEPAG8z.js +1 -0
- package/dist/esm/primitiveDatatableCell-BRBOc7hR.js +1 -0
- package/dist/esm/utilsPrivate-ekbvijnB.js +1 -0
- package/dist/index.css +1 -1
- package/package.json +3 -7
- package/dist/cjs/baseInput-BqhUVaz0.js +0 -1
- package/dist/cjs/calendar.kdds-DhCBDTd8.js +0 -1
- package/dist/cjs/formattedRichTextRenderer-JUEkyJI9.js +0 -1
- package/dist/cjs/interacting-4nknj0db.js +0 -1
- package/dist/cjs/normalize-DKPi18vK.js +0 -1
- package/dist/cjs/normalize-knoDHLvk.js +0 -1
- package/dist/cjs/primitiveDatatableCell-BSmedNYm.js +0 -1
- package/dist/esm/baseInput-B-eemUUm.js +0 -1
- package/dist/esm/calendar.kdds-CmrkttUm.js +0 -1
- package/dist/esm/formattedRichTextRenderer-CFfJSiYs.js +0 -1
- package/dist/esm/interacting-BLIM-Sh7.js +0 -1
- package/dist/esm/normalize-B0BwrqbQ.js +0 -1
- package/dist/esm/normalize-C0Pp7GJL.js +0 -1
- package/dist/esm/primitiveDatatableCell-gw5YRhU4.js +0 -1
package/dist/esm/kd/menuItem.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parseFragment as e,registerTemplate as t,freezeTemplate as i,registerDecorators as d,registerComponent as
|
|
1
|
+
import{parseFragment as e,registerTemplate as t,freezeTemplate as i,registerDecorators as d,registerComponent as s}from"@kdcloudjs/kwc";import o from"./icon.js";import n from"./shadowBaseClassPrivate.js";import"../utilsPrivate-ekbvijnB.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";var a=[function(e,t,i){var d=e?"["+e+"]":"",s=e?"["+e+"-host]":"";return(t?":host .kdds-menu-item":s+" .kdds-menu-item")+d+" {display: flex;position: relative;padding: var(--kdds-c-button-menu-item-padding-top, 6px) var(--kdds-c-button-menu-item-padding-right, 12px);font-size: var(--kdds-c-button-menu-item-font-size, 14px);color: var(--kdds-c-button-menu-item-color, #212121);background-color: var(--kdds-c-button-menu-item-background, #FFFFFF);cursor: pointer;overflow: hidden;line-height: var(--kdds-c-button-menu-item-line-height, 1.5);transition: color 0.3s ease-in-out,\r\n background-color 0.3s ease-in-out;max-width: var(--kdds-c-menu-item-max-width, 576px);}"+(t?":host .kdds-menu-item:hover":s+" .kdds-menu-item:hover")+d+" {background-color: var(--kdds-c-button-menu-item-background-hover,#F5F5F5);}"+(t?":host .kdds-menu-item-divider":s+" .kdds-menu-item-divider")+d+"::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: var(--kdds-c-button-menu-item-divider-border-width, 1px);background-color: var(--kdds-c-button-menu-item-divider-border, #E6E8EE);}"+(t?":host .kdds-menu-item.kdds-button-disabled":s+" .kdds-menu-item.kdds-button-disabled")+d+" {cursor: not-allowed;color: var(--kdds-c-button-menu-item-color-disabled, #B2B2B2);background-color: var(--kdds-c-button-menu-item-background-disabled, #FFFFFF);}"+(t?":host .kdds-menu-item.kdds-button-loading":s+" .kdds-menu-item.kdds-button-loading")+d+" {color: var(--kdds-c-button-menu-item-color-disabled, #B2B2B2);background-color: var(--kdds-c-button-menu-item-background-disabled, #FFFFFF);}"+(t?":host .kdds-menu-item-container":s+" .kdds-menu-item-container")+d+" {position: relative;display: flex;min-width: 0;}"+(t?":host .kdds-menu-item-icon":s+" .kdds-menu-item-icon")+d+" {margin-right: var(--kdds-c-button-menu-item-icon-margin-right, 4px);}"+(t?":host .kdds-menu-item-loading-container":s+" .kdds-menu-item-loading-container")+d+" {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: var(--kdds-c-button-menu-item-loading-color, #276FF5);}"+(t?":host .kdds-menu-item-label":s+" .kdds-menu-item-label")+d+" {flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}"}];const l=e`<span class="kdds-menu-item-label${0}"${2}>${"t1"}</span>`,r={classMap:{"kdds-menu-item-container":!0},key:1},m={"kdds-menu-item-icon":!0},c={classMap:{"kdds-menu-item-loading-container":!0},key:3},u={props:{iconName:"kdfont-loadingqianjing",spin:!0},key:4},k={key:7},b=[];function p(e,t,i,d){const{ncls:s,b:n,c:a,h:p,d:h,sp:v,st:g,s:f}=e,{_m0:w}=d;return[p("div",{className:s(t.computedItemClass),attrs:{title:t.label},key:0,on:w||(d._m0={click:n(t.handleClick)})},[p("span",r,[t.prefixicon?a("kd-icon",o,{classMap:m,props:{iconName:t.prefixicon},key:2}):null,t.loading?p("div",c,[a("kd-icon",o,u)]):null,g(l,6,[v(1,null,h(t.label))]),f("",k,b,i)])])]}var h=t(p);p.slots=[""],p.stylesheets=[],p.stylesheetToken="kwc-44aqs8dblea",p.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\menuItem-undefined_menuItem",a&&p.stylesheets.push.apply(p.stylesheets,a),i(p);class v extends n{constructor(...e){super(...e),this.label=void 0,this.divider=void 0,this.disabled=void 0,this.prefixicon=void 0,this.loading=void 0,this.value=void 0}get computedItemClass(){return["kdds-menu-item",!0===this.disabled||"true"===this.disabled?"kdds-button-disabled":"",!0===this.loading||"true"===this.loading?"kdds-button-loading":"",!0===this.divider||"true"===this.divider?"kdds-menu-item-divider":""].filter(Boolean).join(" ")}dispatchSelect(){return this.dispatchEvent(new CustomEvent("privateselect",{bubbles:!0,cancelable:!0,detail:{value:this.value,disabled:!0===this.disabled||"true"===this.disabled||!0===this.loading||"true"===this.loading}}))}handleClick(e){e.stopPropagation(),this.disabled||this.loading||(this.dispatchEvent(new CustomEvent("click",{detail:{value:this.value,label:this.label,disabled:this.disabled,loading:this.loading}})),this.dispatchSelect())}}d(v,{publicProps:{label:{config:0},divider:{config:0},disabled:{config:0},prefixicon:{config:0},loading:{config:0},value:{config:0}}});const g=s(v,{tmpl:h,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\menuItem-",apiVersion:63});export{g as default};
|
package/dist/esm/kd/modal.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parseFragment as e,registerTemplate as t,freezeTemplate as o,registerDecorators as s,registerComponent as i}from"@kdcloudjs/kwc";import r from"./modalHeader.js";import d from"./modalBody.js";import n from"./button.js";import a from"./modalFooter.js";import{g as l}from"../index.esm-DycIHCS9.js";import{S as h}from"../index-ChQWdmu9.esm-CkPjBLyy.js";import m from"./privateModal.js";import"../kddsCommon-CucK_w70.js";import"../kddsUtilsHyphenation-DjH4tlai.js";import"./shadowBaseClassPrivate.js";import"./utilsPrivate.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"./modalUtils.js";import"../focus-93ksTIEs.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"../classSet-DY6Qvt6E.js";import"./ariaObserver.js";import"./overlayManager.js";import"./overlayUtils.js";import"../kddsUtilsPadding-Dct-C7F7.js";import"./utilsInternal.js";import"./icon.js";import"./overlay.js";import"./features.js";import"./overlayContainer.js";import"./modalBase.js";import"./focusTrap.js";var c=[function(e,t,o){var s=e?"["+e+"]":"",i=e?"["+e+"-host]":"";return(t?":host .kdds-modal-header__right":i+" .kdds-modal-header__right")+s+" {display: flex;align-items: flex-start;justify-content: center;}"+(t?":host .kdds-modal-header__close":i+" .kdds-modal-header__close")+s+" {padding: 2px 0;cursor: pointer;color: var(--kdds-c-modal-icon-color, #666);}"+(t?":host .kdds-modal-header__close:hover":i+" .kdds-modal-header__close:hover")+s+" {color: var(--kdds-c-modal-icon-color-hover, #87A9FF);}"+(t?":host .kdds-modal-header__close:active":i+" .kdds-modal-header__close:active")+s+" {color: var(--kdds-c-modal-icon-color-focus, #3761CA);}"+(t?":host .kdds-modal-header__close-slot":i+" .kdds-modal-header__close-slot")+s+" {margin-inline-start: 24px;}"+(t?":host .kdds-modal__footer-container":i+" .kdds-modal__footer-container")+s+" {display: flex;align-items: center;justify-content: center;}"+(t?":host .kdds-modal__footer-container":i+" .kdds-modal__footer-container")+s+" > kd-button"+s+" {margin-inline-end: 8px;}"+(t?":host .kdds-modal-container":i+" .kdds-modal-container")+s+" {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: calc(100vw - 64px);max-height: calc(100vh - 64px);box-shadow: var(--kdds-c-modal-shadow-bottom);}"+(t?":host .kdds-modal-container__fullscreen":i+" .kdds-modal-container__fullscreen")+s+" {width: 100vw;height: 100vh;max-width: 100vw;max-height: 100vh;top: 0;left: 0;right: 0;bottom: 0;transform: none;}"+(t?":host .kdds-modal-container__fixed-size"+s+' [part="modal-resize-border"]'+s+",\r:host .kdds-modal-container__fullscreen"+s+' [part="modal-resize-border"]'+s+",\r:host .kdds-modal-container__fullscreen"+s+' [part="modal-resize-corner"]'+s+",\r:host .kdds-modal-container__mob"+s+' [part="modal-resize-border"]'+s+",\r:host .kdds-modal-container__mob":i+" .kdds-modal-container__fixed-size"+s+' [part="modal-resize-border"]'+s+","+i+" .kdds-modal-container__fullscreen"+s+' [part="modal-resize-border"]'+s+","+i+" .kdds-modal-container__fullscreen"+s+' [part="modal-resize-corner"]'+s+","+i+" .kdds-modal-container__mob"+s+' [part="modal-resize-border"]'+s+","+i+" .kdds-modal-container__mob")+s+' [part="modal-resize-corner"]'+s+"{display: none;}"+(t?":host .kdds-modal__body-container":i+" .kdds-modal__body-container")+s+" {padding-left: var(--kdds-c-modal-body-padding-horizontal, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem));padding-right: var(--kdds-c-modal-body-padding-horizontal, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem));}"+(t?":host .kdds-modal-container__mob":i+" .kdds-modal-container__mob")+s+" {max-width: 100vw;max-height: 100vh;}"+(t?":host .kdds-modal-footer__resize":i+" .kdds-modal-footer__resize")+s+" {position: absolute;bottom: 0;right: 0;cursor: se-resize;height: 16px;z-index: 100000;}"+(t?":host .kdds-modal__borader-top"+s+",\r:host .kdds-modal__borader-bottom":i+" .kdds-modal__borader-top"+s+","+i+" .kdds-modal__borader-bottom")+s+" {position: absolute;left: 0;right: 0;height: 4px;background: transparent;cursor: n-resize;z-index: 1;}"+(t?":host .kdds-modal__borader-top":i+" .kdds-modal__borader-top")+s+" {top: -2px;}"+(t?":host .kdds-modal__borader-bottom":i+" .kdds-modal__borader-bottom")+s+" {bottom: -2px;}"+(t?":host .kdds-modal__borader-left"+s+",\r:host .kdds-modal__borader-right":i+" .kdds-modal__borader-left"+s+","+i+" .kdds-modal__borader-right")+s+" {position: absolute;top: 0;bottom: 0;width: 4px;background: transparent;cursor: w-resize;}"+(t?":host .kdds-modal__borader-left":i+" .kdds-modal__borader-left")+s+" {left: -2px;}"+(t?":host .kdds-modal__borader-right":i+" .kdds-modal__borader-right")+s+" {right: -2px;}"}];const p=e`<div class="kdds-modal__borader-top${0}" part="modal-resize-border"${2}></div>`,_=e`<div${"c0"}${2}><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"${3}><path fill-rule="evenodd" clip-rule="evenodd" d="M3.80645 3.10485L3.85355 3.14645L8 7.2925L12.1464 3.14645C12.3417 2.95118 12.6583 2.95118 12.8536 3.14645C13.0338 3.32669 13.0477 3.6103 12.8951 3.80645L12.8536 3.85355L8.7075 8L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6733 13.0338 12.3897 13.0477 12.1936 12.8951L12.1464 12.8536L8 8.7075L3.85355 12.8536C3.65829 13.0488 3.34171 13.0488 3.14645 12.8536C2.9662 12.6733 2.95234 12.3897 3.10485 12.1936L3.14645 12.1464L7.2925 8L3.14645 3.85355C2.95118 3.65829 2.95118 3.34171 3.14645 3.14645C3.31167 2.98122 3.56375 2.95581 3.7557 3.07019L3.80645 3.10485Z" fill="currentColor"${3}/></svg></div>`,g=e`<div class="kdds-modal-footer__resize${0}" part="modal-resize-corner"${2}><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"${3}><path fill-rule="evenodd" clip-rule="evenodd" d="M14 7V8L8 14H7L14 7ZM14 11V12L12 14H11L14 11Z" fill="#666666"${3}/></svg></div>`,u=e`<div class="kdds-modal__borader-bottom${0}" part="modal-resize-border"${2}></div>`,f=e`<div class="kdds-modal__borader-right${0}" part="modal-resize-border"${2}></div>`,k=e`<div class="kdds-modal__borader-left${0}" part="modal-resize-border"${2}></div>`,b={classMap:{"kdds-modal-header__right":!0},key:4},v={ref:"bodyRef",key:10},y={classMap:{"kdds-modal__body-container":!0},key:11},w={ref:"footerRef",key:14},C={classMap:{"kdds-modal__footer-container":!0},key:17};function x(e,t,o,s){const{ncls:i,b:l,sp:h,st:m,dc:c,fr:x,h:B,c:H}=e,{_m0:D,_m1:z,_m2:j,_m3:L,_m4:R,_m5:M,_m6:$,_m7:F,_m8:S,_m9:P,_m10:E,_m11:W,_m12:X,_m13:Y,_m14:q}=s;return[B("div",{className:i(t.computedContainerClass),key:0},[m(p,2,[h(0,{on:z||(s._m1={mousedown:l(t.handleTopBorderMouseDown)})},null)]),H("kd-modal-header",r,{ref:"headerRef",props:{label:t.label,ariaLabel:t.label},key:3,on:j||(s._m2={dblclick:l(t.handleDoubleClick)})},[B("div",b,[t.headerComponent?x(5,[c(t.headerComponent,{props:{props:t.headerProps},key:6})],0):null,t.showCloseButton?x(7,[m(_,9,[h(0,{on:R||(s._m4={click:l(t.handleCloseClick)}),className:i(t.computedCloseButtonClass)},null)])],0):null])]),H("kd-modal-body",d,v,[B("div",y,[t.bodyComponent?x(12,[c(t.bodyComponent,{props:{props:t.bodyProps},key:13})],0):null])]),H("kd-modal-footer",a,w,[t.hasFooterComponent&&t.footerComponent?x(15,[c(t.footerComponent,{props:{props:t.footerProps},key:16})],0):null,t.hasFooterComponent?null:B("div",C,[H("kd-button",n,{props:{label:t.cancelBtnLabel,size:"small",variant:"secondary"},key:18,on:M||(s._m5={click:l(t.handleCancelClick)})}),H("kd-button",n,{props:{label:t.confirmBtnLabel,size:"small"},key:19,on:$||(s._m6={click:l(t.handleConfirmClick)})})]),t.showResizeCorner?m(g,21,[h(0,{on:S||(s._m8={mousedown:l(t.handleResizeMouseDown)})},null)]):null]),m(u,23,[h(0,{on:E||(s._m10={mousedown:l(t.handleBottomBorderMouseDown)})},null)]),m(f,25,[h(0,{on:X||(s._m12={mousedown:l(t.handleRightBorderMouseDown)})},null)]),m(k,27,[h(0,{on:q||(s._m14={mousedown:l(t.handleLeftBorderMouseDown)})},null)])])]}var B=t(x);x.hasRefs=!0,x.stylesheets=[],x.stylesheetToken="kwc-3lgubqhknv5",x.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modal-undefined_modal",c&&x.stylesheets.push.apply(x.stylesheets,c),o(x);const{isMobile:H}=h;class D extends m{constructor(...e){super(...e),this.headerComponent=void 0,this.bodyComponent=void 0,this.footerComponent=void 0,this.resizeGrip=!1,this.label=void 0,this.confirm=void 0,this.cancel=void 0,this.headerProps=void 0,this.bodyProps=void 0,this.footerProps=void 0,this._isFullScreen=!1,this._isBodyComponentReady=!1,this._width="416px",this._height="300px",this._closable=!0,this._originalWidth=null,this._originalHeight=null,this._originalBodyHeight=null,this._isHeaderDragging=!1,this._offsetX=null,this._offsetY=null}get showResizeCorner(){return this.resizeGrip&&!H()}get computedContainerClass(){const e=["kdds-modal-container"];return this._isFullScreen&&e.push("kdds-modal-container__fullscreen"),H()&&e.push("kdds-modal-container__mob"),this.showResizeCorner||e.push("kdds-modal-container__fixed-size"),e}get cancelBtnLabel(){return l("modal.cancel",{fallback:"取消"})}get confirmBtnLabel(){return l("modal.confirm",{fallback:"确认"})}get width(){return this._width}set width(e){this._width=e}get height(){return this._height}set height(e){this._height=e}get closable(){return this._closable&&this.showCloseButton}set closable(e){this._closable=e}get hasFooterComponent(){return!!this.footerComponent}get computedCloseButtonClass(){const e=["kdds-modal-header__close"];return this.headerComponent||e.push("kdds-modal-header__close-slot"),e}async handleCloseClick(e){this._closable&&(e.stopPropagation(),this.close(void 0))}async handleCancelClick(){this._closable&&("function"==typeof this.cancel&&await this.cancel(),this.close("cancel"))}async handleConfirmClick(){"function"==typeof this.confirm&&await this.confirm(),this.close("confirm")}handleDoubleClick(){this.resizeGrip&&this.setFullScreen(!this._isFullScreen)}handleDrag({onMove:e,onEnd:t}){const o=t=>{e(t)},s=()=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",s),t&&t()};document.addEventListener("mousemove",o),document.addEventListener("mouseup",s)}constrainDimension(e,t,o){return Math.min(Math.max(e,t),o)}createDragHandler(e){return t=>{const o=this.template.querySelector(".kdds-modal-container"),s=o.getBoundingClientRect(),i=t.clientX,r=t.clientY,d=s.width,n=s.height,a=s.left,l=s.top;this.handleDrag({onMove:t=>{const s=t.clientX-i,h=t.clientY-r;let m=d,c=n,p=a,_=l;switch(e){case"top":c=n-h,_=l+h;break;case"bottom":c=n+h;break;case"left":m=d-s,p=a+s;break;case"right":m=d+s;break;case"corner":m=d+s,c=n+h}const g=this.constrainDimension(m,100,window.innerWidth),u=this.constrainDimension(c,180,window.innerHeight);"left"===e&&(p=a+(d-g)),"top"===e&&(_=l+(n-u)),m===d&&c===n&&p===a&&_===l||(o.style.width=`${g}px`,o.style.height=`${u}px`,o.style.left=`${p}px`,o.style.top=`${_}px`,o.style.transform="none"),this._width=`${g}px`,this._height=`${u}px`,this.updateModalBodyRect()},onEnd:()=>{const e=o.getBoundingClientRect();this._width=`${e.width}px`,this._height=`${e.height}px`,this.updateModalBodyRect()}})}}handleTopBorderMouseDown(e){return this.createDragHandler("top")(e)}handleBottomBorderMouseDown(e){return this.createDragHandler("bottom")(e)}handleLeftBorderMouseDown(e){return this.createDragHandler("left")(e)}handleRightBorderMouseDown(e){return this.createDragHandler("right")(e)}handleResizeMouseDown(e){return this.createDragHandler("corner")(e)}getHeaderFooterHeight(){const e=this.refs.headerRef,t=this.refs.footerRef;let o=0;return e&&(o+=e.getBoundingClientRect().height),t&&(o+=t.getBoundingClientRect().height),o}setFullScreen(e){const t=this.template.querySelector(".kdds-modal-container");if(e){const e=t.getBoundingClientRect();this._originalWidth=e.width,this._originalHeight=e.height,this._originalBodyHeight=e.height-this.getHeaderFooterHeight(),this._width="100vw",this._height="100vh",t.style.width=this._width,t.style.height=this._height,t.style.top=0,t.style.left=0,t.style.transform="none"}else this._width=`${this._originalWidth}px`,this._height=`${this._originalHeight}px`,t.style.width=this._width,t.style.height=this._height,t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)";const o=e?this._height:this._originalBodyHeight;this.updateModalBodyRect(this._width,o),this._isFullScreen=e}updateModalBodyRect(e,t){let o=void 0!==t?t:this._height;const s=this.refs.bodyRef;o=`calc(${o} - ${this.getHeaderFooterHeight()}px)`,s.updateModalBodyRect(null,o)}startDrag(e){if(this._isFullScreen)return;this._isHeaderDragging=!0;const t=this.template.querySelector(".kdds-modal-container"),o=t.getBoundingClientRect();t.style.left=`${o.left}px`,t.style.top=`${o.top}px`,t.style.transform="none",t.style.position="fixed",this._offsetX=e.clientX-o.left,this._offsetY=e.clientY-o.top,this.dragHandler=this.onDrag.bind(this),this.stopDragHandler=this.stopDrag.bind(this),document.addEventListener("mousemove",this.dragHandler),document.addEventListener("mouseup",this.stopDragHandler),this.refs.headerRef.style.cursor="move"}onDrag(e){if(!this._isHeaderDragging)return;let t=e.clientX-this._offsetX,o=e.clientY-this._offsetY;const s=this.template.querySelector(".kdds-modal-container"),i=window.innerWidth,r=window.innerHeight,d=s.offsetWidth,n=s.offsetHeight;t=Math.max(0,t),t=Math.min(t,i-d),o=Math.max(0,o),o=Math.min(o,r-n),s.style.left=`${t}px`,s.style.top=`${o}px`}stopDrag(){this._isHeaderDragging&&(this._isHeaderDragging=!1,document.removeEventListener("mousemove",this.dragHandler),document.removeEventListener("mouseup",this.stopDragHandler),this.refs.headerRef.style.cursor="unset")}connectedCallback(){}renderedCallback(){void 0!==this._height&&this.updateModalBodyRect();const e=this.template.querySelector(".kdds-modal-container");e.style.width=this._width,e.style.height=this._height,setTimeout(()=>{const t=e.getBoundingClientRect();e.style.minWidth=`${t.width}px`,e.style.minHeight=`${t.height}px`,this.refs.bodyRef.updateModalBodyMinHeight(t.height)},0);const t=parseInt(this._width,10)>window.innerWidth||parseInt(this._height,10)>window.innerHeight||"100vw"===this._width||"100vh"===this._height||this._width>="100%"||this._height>="100%";H()&&t&&this.setFullScreen(!0),this.refs.headerRef&&(this.startDragHandler=this.startDrag.bind(this),this.refs.headerRef.addEventListener("mousedown",this.startDragHandler))}disconnectedCallback(){this.refs.headerRef&&this.refs.headerRef.removeEventListener("mousedown",this.startDragHandler)}}s(D,{publicProps:{headerComponent:{config:0},bodyComponent:{config:0},footerComponent:{config:0},resizeGrip:{config:0},label:{config:0},confirm:{config:0},cancel:{config:0},headerProps:{config:0},bodyProps:{config:0},footerProps:{config:0},width:{config:3},height:{config:3},closable:{config:3}},track:{_isFullScreen:1,_isBodyComponentReady:1},fields:["_width","_height","_closable","_originalWidth","_originalHeight","_originalBodyHeight","_isHeaderDragging","_offsetX","_offsetY"]});const z=i(D,{tmpl:B,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modal-",apiVersion:63});export{z as default};
|
|
1
|
+
import{parseFragment as e,registerTemplate as t,freezeTemplate as o,registerDecorators as s,registerComponent as i}from"@kdcloudjs/kwc";import r from"./modalHeader.js";import d from"./modalBody.js";import n from"./button.js";import a from"./modalFooter.js";import{g as l}from"../index.esm-DycIHCS9.js";import{S as h}from"../index-ChQWdmu9.esm-pxfeXSzR.js";import m from"./privateModal.js";import"../kddsCommon-CucK_w70.js";import"../kddsUtilsHyphenation-DjH4tlai.js";import"./shadowBaseClassPrivate.js";import"../utilsPrivate-ekbvijnB.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./modalUtils.js";import"../focus-93ksTIEs.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"../classSet-DY6Qvt6E.js";import"./ariaObserver.js";import"./overlayManager.js";import"./overlayUtils.js";import"../kddsUtilsPadding-Dct-C7F7.js";import"./utilsInternal.js";import"./icon.js";import"./overlay.js";import"./features.js";import"./overlayContainer.js";import"./modalBase.js";import"./focusTrap.js";var c=[function(e,t,o){var s=e?"["+e+"]":"",i=e?"["+e+"-host]":"";return(t?":host .kdds-modal-header__right":i+" .kdds-modal-header__right")+s+" {display: flex;align-items: flex-start;justify-content: center;}"+(t?":host .kdds-modal-header__close":i+" .kdds-modal-header__close")+s+" {padding: 2px 0;cursor: pointer;color: var(--kdds-c-modal-icon-color, #666);}"+(t?":host .kdds-modal-header__close:hover":i+" .kdds-modal-header__close:hover")+s+" {color: var(--kdds-c-modal-icon-color-hover, #87A9FF);}"+(t?":host .kdds-modal-header__close:active":i+" .kdds-modal-header__close:active")+s+" {color: var(--kdds-c-modal-icon-color-focus, #3761CA);}"+(t?":host .kdds-modal-header__close-slot":i+" .kdds-modal-header__close-slot")+s+" {margin-inline-start: 24px;}"+(t?":host .kdds-modal__footer-container":i+" .kdds-modal__footer-container")+s+" {display: flex;align-items: center;justify-content: center;}"+(t?":host .kdds-modal__footer-container":i+" .kdds-modal__footer-container")+s+" > kd-button"+s+" {margin-inline-end: 8px;}"+(t?":host .kdds-modal-container":i+" .kdds-modal-container")+s+" {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: calc(100vw - 64px);max-height: calc(100vh - 64px);box-shadow: var(--kdds-c-modal-shadow-bottom);}"+(t?":host .kdds-modal-container__fullscreen":i+" .kdds-modal-container__fullscreen")+s+" {width: 100vw;height: 100vh;max-width: 100vw;max-height: 100vh;top: 0;left: 0;right: 0;bottom: 0;transform: none;}"+(t?":host .kdds-modal-container__fixed-size"+s+' [part="modal-resize-border"]'+s+",\r:host .kdds-modal-container__fullscreen"+s+' [part="modal-resize-border"]'+s+",\r:host .kdds-modal-container__fullscreen"+s+' [part="modal-resize-corner"]'+s+",\r:host .kdds-modal-container__mob"+s+' [part="modal-resize-border"]'+s+",\r:host .kdds-modal-container__mob":i+" .kdds-modal-container__fixed-size"+s+' [part="modal-resize-border"]'+s+","+i+" .kdds-modal-container__fullscreen"+s+' [part="modal-resize-border"]'+s+","+i+" .kdds-modal-container__fullscreen"+s+' [part="modal-resize-corner"]'+s+","+i+" .kdds-modal-container__mob"+s+' [part="modal-resize-border"]'+s+","+i+" .kdds-modal-container__mob")+s+' [part="modal-resize-corner"]'+s+"{display: none;}"+(t?":host .kdds-modal__body-container":i+" .kdds-modal__body-container")+s+" {padding-left: var(--kdds-c-modal-body-padding-horizontal, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem));padding-right: var(--kdds-c-modal-body-padding-horizontal, calc(16 * 1 / var(--kdds-base-font-size, 16) * 1rem));}"+(t?":host .kdds-modal-container__mob":i+" .kdds-modal-container__mob")+s+" {max-width: 100vw;max-height: 100vh;}"+(t?":host .kdds-modal-footer__resize":i+" .kdds-modal-footer__resize")+s+" {position: absolute;bottom: 0;right: 0;cursor: se-resize;height: 16px;z-index: 100000;}"+(t?":host .kdds-modal__border-top"+s+",\r:host .kdds-modal__border-bottom":i+" .kdds-modal__border-top"+s+","+i+" .kdds-modal__border-bottom")+s+" {position: absolute;left: 0;right: 0;height: 4px;background: transparent;cursor: n-resize;z-index: 1;}"+(t?":host .kdds-modal__border-top":i+" .kdds-modal__border-top")+s+" {top: -2px;}"+(t?":host .kdds-modal__border-bottom":i+" .kdds-modal__border-bottom")+s+" {bottom: -2px;}"+(t?":host .kdds-modal__border-left"+s+",\r:host .kdds-modal__border-right":i+" .kdds-modal__border-left"+s+","+i+" .kdds-modal__border-right")+s+" {position: absolute;top: 0;bottom: 0;width: 4px;background: transparent;cursor: w-resize;}"+(t?":host .kdds-modal__border-left":i+" .kdds-modal__border-left")+s+" {left: -2px;}"+(t?":host .kdds-modal__border-right":i+" .kdds-modal__border-right")+s+" {right: -2px;}"}];const p=e`<div class="kdds-modal__border-top${0}" part="modal-resize-border"${2}></div>`,_=e`<div${"c0"}${2}><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"${3}><path fill-rule="evenodd" clip-rule="evenodd" d="M3.80645 3.10485L3.85355 3.14645L8 7.2925L12.1464 3.14645C12.3417 2.95118 12.6583 2.95118 12.8536 3.14645C13.0338 3.32669 13.0477 3.6103 12.8951 3.80645L12.8536 3.85355L8.7075 8L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6733 13.0338 12.3897 13.0477 12.1936 12.8951L12.1464 12.8536L8 8.7075L3.85355 12.8536C3.65829 13.0488 3.34171 13.0488 3.14645 12.8536C2.9662 12.6733 2.95234 12.3897 3.10485 12.1936L3.14645 12.1464L7.2925 8L3.14645 3.85355C2.95118 3.65829 2.95118 3.34171 3.14645 3.14645C3.31167 2.98122 3.56375 2.95581 3.7557 3.07019L3.80645 3.10485Z" fill="currentColor"${3}/></svg></div>`,g=e`<div class="kdds-modal-footer__resize${0}" part="modal-resize-corner"${2}><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"${3}><path fill-rule="evenodd" clip-rule="evenodd" d="M14 7V8L8 14H7L14 7ZM14 11V12L12 14H11L14 11Z" fill="#666666"${3}/></svg></div>`,u=e`<div class="kdds-modal__border-bottom${0}" part="modal-resize-border"${2}></div>`,f=e`<div class="kdds-modal__border-right${0}" part="modal-resize-border"${2}></div>`,k=e`<div class="kdds-modal__border-left${0}" part="modal-resize-border"${2}></div>`,b={classMap:{"kdds-modal-header__right":!0},key:4},v={ref:"bodyRef",key:10},y={classMap:{"kdds-modal__body-container":!0},key:11},w={ref:"footerRef",key:14},C={classMap:{"kdds-modal__footer-container":!0},key:17};function x(e,t,o,s){const{ncls:i,b:l,sp:h,st:m,dc:c,fr:x,h:B,c:D}=e,{_m0:H,_m1:z,_m2:j,_m3:L,_m4:R,_m5:$,_m6:M,_m7:F,_m8:S,_m9:P,_m10:E,_m11:W,_m12:X,_m13:Y,_m14:q}=s;return[B("div",{className:i(t.computedContainerClass),key:0},[m(p,2,[h(0,{on:z||(s._m1={mousedown:l(t.handleTopBorderMouseDown)})},null)]),D("kd-modal-header",r,{ref:"headerRef",props:{label:t.label,ariaLabel:t.label},key:3,on:j||(s._m2={dblclick:l(t.handleDoubleClick)})},[B("div",b,[t.headerComponent?x(5,[c(t.headerComponent,{props:{props:t.headerProps},key:6})],0):null,t.showCloseButton?x(7,[m(_,9,[h(0,{on:R||(s._m4={click:l(t.handleCloseClick)}),className:i(t.computedCloseButtonClass)},null)])],0):null])]),D("kd-modal-body",d,v,[B("div",y,[t.bodyComponent?x(12,[c(t.bodyComponent,{props:{props:t.bodyProps},key:13})],0):null])]),D("kd-modal-footer",a,w,[t.hasFooterComponent&&t.footerComponent?x(15,[c(t.footerComponent,{props:{props:t.footerProps},key:16})],0):null,t.hasFooterComponent?null:B("div",C,[D("kd-button",n,{props:{label:t.cancelBtnLabel,size:"small",variant:"secondary"},key:18,on:$||(s._m5={click:l(t.handleCancelClick)})}),D("kd-button",n,{props:{label:t.confirmBtnLabel,size:"small"},key:19,on:M||(s._m6={click:l(t.handleConfirmClick)})})]),t.showResizeCorner?m(g,21,[h(0,{on:S||(s._m8={mousedown:l(t.handleResizeMouseDown)})},null)]):null]),m(u,23,[h(0,{on:E||(s._m10={mousedown:l(t.handleBottomBorderMouseDown)})},null)]),m(f,25,[h(0,{on:X||(s._m12={mousedown:l(t.handleRightBorderMouseDown)})},null)]),m(k,27,[h(0,{on:q||(s._m14={mousedown:l(t.handleLeftBorderMouseDown)})},null)])])]}var B=t(x);x.hasRefs=!0,x.stylesheets=[],x.stylesheetToken="kwc-3lgubqhknv5",x.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modal-undefined_modal",c&&x.stylesheets.push.apply(x.stylesheets,c),o(x);const{isMobile:D}=h;class H extends m{constructor(...e){super(...e),this.headerComponent=void 0,this.bodyComponent=void 0,this.footerComponent=void 0,this.resizeGrip=!1,this.label=void 0,this.confirm=void 0,this.cancel=void 0,this.headerProps=void 0,this.bodyProps=void 0,this.footerProps=void 0,this._isFullScreen=!1,this._isBodyComponentReady=!1,this._width="416px",this._height="300px",this._closable=!0,this._originalWidth=null,this._originalHeight=null,this._originalBodyHeight=null,this._isHeaderDragging=!1,this._offsetX=null,this._offsetY=null}get showResizeCorner(){return this.resizeGrip&&!D()}get showCloseButton(){return!this.hideCloseButton}get computedContainerClass(){const e=["kdds-modal-container"];return this._isFullScreen&&e.push("kdds-modal-container__fullscreen"),D()&&e.push("kdds-modal-container__mob"),this.showResizeCorner||e.push("kdds-modal-container__fixed-size"),e}get cancelBtnLabel(){return l("modal.cancel",{fallback:"取消"})}get confirmBtnLabel(){return l("modal.confirm",{fallback:"确认"})}get width(){return this._width}set width(e){const t=String(e);["px","vw","%"].some(e=>t.endsWith(e))?this._width=e:this._width=`${e}px`}get height(){return this._height}set height(e){const t=String(e);["px","vh","%"].some(e=>t.endsWith(e))?this._height=e:this._height=`${e}px`}get closable(){return this._closable&&this.hideCloseButton}set closable(e){this._closable=e}get hasFooterComponent(){return!!this.footerComponent}get computedCloseButtonClass(){const e=["kdds-modal-header__close"];return this.headerComponent||e.push("kdds-modal-header__close-slot"),e}async handleCloseClick(e){this._closable&&(e.stopPropagation(),this.close(void 0))}async handleCancelClick(){this._closable&&("function"==typeof this.cancel&&await this.cancel(),this.close("cancel"))}async handleConfirmClick(){"function"==typeof this.confirm&&await this.confirm(),this.close("confirm")}handleDoubleClick(){this.resizeGrip&&this.setFullScreen(!this._isFullScreen)}handleDrag({onMove:e,onEnd:t}){const o=t=>{t.preventDefault(),e(t)},s=e=>{e.preventDefault(),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",s),t&&t()};document.addEventListener("mousemove",o),document.addEventListener("mouseup",s)}constrainDimension(e,t,o){return Math.min(Math.max(e,t),o)}createDragHandler(e){return t=>{t.preventDefault();const o=this.template.querySelector(".kdds-modal-container"),s=o.getBoundingClientRect(),i=t.clientX,r=t.clientY,d=s.width,n=s.height,a=s.left,l=s.top;this.handleDrag({onMove:t=>{const s=t.clientX-i,h=t.clientY-r;let m=d,c=n,p=a,_=l;switch(e){case"top":c=n-h,_=l+h;break;case"bottom":c=n+h;break;case"left":m=d-s,p=a+s;break;case"right":m=d+s;break;case"corner":m=d+s,c=n+h}const g=this.constrainDimension(m,100,window.innerWidth),u=this.constrainDimension(c,180,window.innerHeight);"left"===e&&(p=a+(d-g)),"top"===e&&(_=l+(n-u)),m===d&&c===n&&p===a&&_===l||(o.style.width=`${g}px`,o.style.height=`${u}px`,o.style.left=`${p}px`,o.style.top=`${_}px`,o.style.transform="none"),this._width=`${g}px`,this._height=`${u}px`,this.updateModalBodyRect()},onEnd:()=>{const e=o.getBoundingClientRect();this._width=`${e.width}px`,this._height=`${e.height}px`,this.updateModalBodyRect()}})}}handleTopBorderMouseDown(e){return this.createDragHandler("top")(e)}handleBottomBorderMouseDown(e){return this.createDragHandler("bottom")(e)}handleLeftBorderMouseDown(e){return this.createDragHandler("left")(e)}handleRightBorderMouseDown(e){return this.createDragHandler("right")(e)}handleResizeMouseDown(e){return this.createDragHandler("corner")(e)}getHeaderFooterHeight(){const e=this.refs.headerRef,t=this.refs.footerRef;let o=0;return e&&(o+=e.getBoundingClientRect().height),t&&(o+=t.getBoundingClientRect().height),o}setFullScreen(e){const t=this.template.querySelector(".kdds-modal-container");if(e){const e=t.getBoundingClientRect();this._originalWidth=e.width,this._originalHeight=e.height,this._originalBodyHeight=e.height-this.getHeaderFooterHeight(),this._width="100vw",this._height="100vh",t.style.width=this._width,t.style.height=this._height,t.style.top=0,t.style.left=0,t.style.transform="none"}else this._width=`${this._originalWidth}px`,this._height=`${this._originalHeight}px`,t.style.width=this._width,t.style.height=this._height,t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)";const o=e?this._height:this._originalBodyHeight;this.updateModalBodyRect(this._width,o),this._isFullScreen=e}updateModalBodyRect(e,t){let o=void 0!==t?t:this._height;const s=this.refs.bodyRef;o=`calc(${o} - ${this.getHeaderFooterHeight()}px)`,s.updateModalBodyRect(null,o)}startDrag(e){if(this._isFullScreen)return;this._isHeaderDragging=!0;const t=this.template.querySelector(".kdds-modal-container"),o=t.getBoundingClientRect();t.style.left=`${o.left}px`,t.style.top=`${o.top}px`,t.style.transform="none",t.style.position="fixed",this._offsetX=e.clientX-o.left,this._offsetY=e.clientY-o.top,this.dragHandler=this.onDrag.bind(this),this.stopDragHandler=this.stopDrag.bind(this),document.addEventListener("mousemove",this.dragHandler),document.addEventListener("mouseup",this.stopDragHandler),this.refs.headerRef.style.cursor="move"}onDrag(e){if(!this._isHeaderDragging)return;let t=e.clientX-this._offsetX,o=e.clientY-this._offsetY;const s=this.template.querySelector(".kdds-modal-container"),i=window.innerWidth,r=window.innerHeight,d=s.offsetWidth,n=s.offsetHeight;t=Math.max(0,t),t=Math.min(t,i-d),o=Math.max(0,o),o=Math.min(o,r-n),s.style.left=`${t}px`,s.style.top=`${o}px`}stopDrag(){this._isHeaderDragging&&(this._isHeaderDragging=!1,document.removeEventListener("mousemove",this.dragHandler),document.removeEventListener("mouseup",this.stopDragHandler),this.refs.headerRef.style.cursor="unset")}connectedCallback(){}renderedCallback(){void 0!==this._height&&this.updateModalBodyRect();const e=this.template.querySelector(".kdds-modal-container");e.style.width=this._width,e.style.height=this._height,setTimeout(()=>{const t=e.getBoundingClientRect();e.style.minWidth=`${t.width}px`,e.style.minHeight=`${t.height}px`,this.refs.bodyRef.updateModalBodyMinHeight(t.height)},0);const t=parseInt(this._width,10)>window.innerWidth||parseInt(this._height,10)>window.innerHeight||"100vw"===this._width||"100vh"===this._height||this._width>="100%"||this._height>="100%";D()&&t&&this.setFullScreen(!0),this.refs.headerRef&&(this.startDragHandler=this.startDrag.bind(this),this.refs.headerRef.addEventListener("mousedown",this.startDragHandler))}disconnectedCallback(){this.refs.headerRef&&this.refs.headerRef.removeEventListener("mousedown",this.startDragHandler)}}s(H,{publicProps:{headerComponent:{config:0},bodyComponent:{config:0},footerComponent:{config:0},resizeGrip:{config:0},label:{config:0},confirm:{config:0},cancel:{config:0},headerProps:{config:0},bodyProps:{config:0},footerProps:{config:0},width:{config:3},height:{config:3},closable:{config:3}},track:{_isFullScreen:1,_isBodyComponentReady:1},fields:["_width","_height","_closable","_originalWidth","_originalHeight","_originalBodyHeight","_isHeaderDragging","_offsetX","_offsetY"]});const z=i(H,{tmpl:B,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modal-",apiVersion:63});export{z as default};
|
package/dist/esm/kd/modalBase.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parseFragment as e,registerTemplate as t,freezeTemplate as i,registerDecorators as s,registerComponent as a}from"@kdcloudjs/kwc";import{s as o}from"../kddsCommon-CucK_w70.js";import d from"./focusTrap.js";import{features as l}from"./features.js";import n from"./shadowBaseClassPrivate.js";import{c as r}from"../classSet-DY6Qvt6E.js";import{synchronizeAttrs as h,hasAnimation as u,makeEverythingExceptElementInert as c,restoreInertness as m}from"./utilsPrivate.js";import{instanceName as p,secure as b}from"./overlayUtils.js";import{g,r as f}from"../focus-93ksTIEs.js";import v from"./ariaObserver.js";import{modalFocusinEventHandler as k}from"./modalUtils.js";import{A as S,i as y}from"../observable-tloG64m6.js";import{n as B}from"../normalize-C0Pp7GJL.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"./overlayManager.js";var w=[[function(e,t,i){var s=e?"["+e+"]":"",a=e?"["+e+"-host]":"";return(t?".fix-slds-modal"+s+",\r:host([data-render-mode='shadow']) .fix-kdds-modal":".fix-slds-modal"+s+","+a+"[data-render-mode='shadow'] .fix-kdds-modal")+s+" {visibility: visible;z-index: unset;}"+(t?".fix-slds-backdrop"+s+",\r:host([data-render-mode='shadow']) .fix-kdds-backdrop":".fix-slds-backdrop"+s+","+a+"[data-render-mode='shadow'] .fix-kdds-backdrop")+s+" {z-index: unset;}"}],[o,[function(e,t,i){var s=e?"["+e+"]":"",a=e?"["+e+"-host]":"";return(t?":host [part='modal-backdrop']":a+" [part='modal-backdrop']")+s+" {--kdds-c-backdrop-color-background: var(--kdds-c-modal-mask-background);}"+(t?":host .kdds-backdrop":a+" .kdds-backdrop")+s+" {transition-duration: 0.4s;width: 100%;height: 100%;opacity: 0;visibility: hidden;position: fixed;inset-block-start: 0;inset-inline-end: 0;inset-block-end: 0;inset-inline-start: 0;background: var(--kdds-c-backdrop-color-background);z-index: 9000;}"+(t?":host .kdds-backdrop_open":a+" .kdds-backdrop_open")+s+" {visibility: visible;opacity: 1;transition: opacity 0.4s linear;}"+(t?":host .kdds-modal":a+" .kdds-modal")+s+" {opacity: 0;visibility: hidden;transition:\r\n transform 0.1s linear,\r\n opacity 0.1s;position: fixed;inset-block-start: 0;inset-inline-end: 0;inset-block-end: 0;inset-inline-start: 0;z-index: 9001;}"+(t?":host .kdds-modal__container":a+" .kdds-modal__container")+s+" {position: relative;transform: translate(0, 0);transition:\r\n transform 0.1s linear,\r\n opacity 0.1s linear;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;border-radius: var(--slds-g-spacing-1, 0.25rem);}"+(t?":host .kdds-modal__close":a+" .kdds-modal__close")+s+" {width: 2rem;height: 2rem;margin-inline-start: auto;position: relative;background-color: var(--slds-g-color-neutral-base-100, #ffffff);border-radius: 0.25rem;bottom: 0.5rem;flex-shrink: 0;justify-content: center;display: inline-flex;}"+(t?":host .kdds-fade-in-open":a+" .kdds-fade-in-open")+s+" {opacity: 1;visibility: visible;transition: opacity 0.1s linear;}"+(t?":host .kdds-fade-in-open":a+" .kdds-fade-in-open")+s+" .kdds-modal__container-reset"+s+" {opacity: 1;visibility: visible;transform: translate(0, 0);}@media (width <=30em) {"+(t?":host .kdds-modal_full":a+" .kdds-modal_full")+s+" {inset-block-start: env(safe-area-inset-top, 0);inset-block-end: auto;height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));}"+(t?":host .kdds-modal_full":a+" .kdds-modal_full")+s+" .kdds-modal__container"+s+" {width: 100%;max-width: none;min-width: 0;margin: 0;padding: var(--slds-g-spacing-4, 1rem) 0 0 0;background-color: var(--slds-c-modalbase-color-background, var(--slds-g-color-surface-1, #ffffff));border-radius: 0;display: grid;height: 100dvh;grid-template-columns: 1fr;grid-template-rows: min-content min-content 1fr min-content;grid-template-areas: 'close' 'header' 'content' 'footer';}"+(t?":host .kdds-modal_full":a+" .kdds-modal_full")+s+" .kdds-modal__close"+s+" {grid-area: close;inset-inline-end: var(--slds-g-spacing-4, 1rem);--slds-c-button-color-background: var(--slds-g-color-surface-container-1, #ffffff, white);--slds-c-button-color-background-active: var(--slds-g-color-surface-container-1, #ffffff, white);color: var(--slds-g-color-on-surface-1, #747474);}"+(t?":host .kdds-modal_full"+s+" .kdds-modal__close:hover"+s+",\r :host .kdds-modal_full":a+" .kdds-modal_full"+s+" .kdds-modal__close:hover"+s+","+a+" .kdds-modal_full")+s+" .kdds-modal__close:focus"+s+" {color: var(--slds-g-color-accent-3, #0b5cab);}"+(t?":host .kdds-modal_full"+s+" lightning-button-icon"+s+"+div"+s+",\r :host .kdds-modal_full":a+" .kdds-modal_full"+s+" lightning-button-icon"+s+"+div"+s+","+a+" .kdds-modal_full")+s+" lightning-modal"+s+" {display: contents;}}"+(t?":host .kdds-assistive-text":a+" .kdds-assistive-text")+s+" {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}"}]],function(e,t,i){var s=e?"["+e+"]":"";return"div[data-slot]"+s+" {display: contents;}@media only screen and (max-width: 42.688rem) {.kdds-modal__container__reflow_resize"+s+" {margin-left: 0.1rem;margin-right: 0.1rem;padding-top: 0.5rem;padding-bottom: 0;overflow: hidden;}}"}];const R=e`<div${"c0"} part="modal-backdrop" role="presentation" data-backdrop${2}></div>`,E=e`<span${"a0:id"} class="slds-assistive-text${0}" data-aria-description${2}>${"t1"}</span>`,C=e`<span aria-live="polite" role="status" class="slds-assistive-text${0}" data-aria-live-message${2}>${"t1"}</span>`,z=e`<div class="kdds-modal__container${0}" data-container${2}><div data-slot lwc:dom="manual"${3}></div></div>`,M={key:2},L={role:"dialog",tabindex:"-1","aria-modal":"true",part:"modal","data-modal":""};function _(e,t,i,s){const{ncls:a,sp:o,st:l,b:n,gid:r,d:h,h:u,c:c}=e,{_m0:m}=s;return[l(R,1,[o(0,{className:a(t.modalBackdropCssClasses)},null)]),c("kd-focus-trap",d,M,[u("section",{className:a(t.modalCssClasses),attrs:L,key:3,on:m||(s._m0={keydown:n(t.handleModalKeyDown),privatemodalheaderregister:n(t.handleHeaderRegister),privatemodalbodyregister:n(t.handleBodyRegister),privatemodalfooterregister:n(t.handleFooterRegister),privateclose:n(t.handlePrivateClose),privatedisableclosebutton:n(t.handlePrivateDisableCloseButton),focusin:n(t.handleModalBaseFocusin),privatelightningmodallastfocus:n(t.handleLastFocusedElem)})},[t.showAriaDescribedBy?l(E,5,[o(0,{attrs:{id:r("modal-description")}},null),o(1,null,h(t.description))]):null,t.showAriaLiveMessage?l(C,7,[o(1,null,h(t.ariaLiveMessage))]):null,l(z,9)])])]}var I=t(_);_.stylesheets=[],_.stylesheetToken="kwc-560sq7b72al",_.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalBase-undefined_modalBase",w&&_.stylesheets.push.apply(_.stylesheets,w),i(_);const H="small",D="medium",O="large",A="full";let F=0,P=null;class x extends n{constructor(){super(),this.initialRender=!0,this.autoFocusCompletedOnce=!1,this.timeoutId=0,this.disableCloseButton=!1,this.sectionAriaBusy=null,this.closeButtonAltText="关闭",this.disableCloseBtnMessage="",this.isModalClosing=!1,this.isSmallScreenSize=null,this.headerRegistered=!1,this.headerHeight=0,this.headerDefaultSlotIsPopulated=!1,this.headerSlotWrapperId=null,this.headerSlotHasRendered=!1,this.headerLabelId=null,this.headerLabelIsPopulated=null,this.headerTitleRef=null,this.bodyRegistered=!1,this.bodyDefaultSlotIsPopulated=!1,this.bodySlotHasRendered=!1,this.bodyId=null,this.baseUpdateBodyCallback=null,this.bodyResizeScheduled=!1,this.bodyTabElemRef=null,this.windowResizeEventBound=!1,this.windowOrientationEventBound=!1,this.portraitMatchMedia=null,this.screenOrientationChangeHandler=null,this.focusinEventBound=!1,this.lastFocusedElement=null,this.footerRegistered=!1,this.footerHeight=0,this.footerSlotHasRendered=!1,this.footerDefaultSlotIsPopulated=!1,this.modalLabel=null,this.modalLabelledBy=null,this.modalDescribedBy=null,this.showAriaLiveMessage=!1,this.ariaLiveMessage="",this.isModalOpen=!1,this.isModalTransitioningIn=!1,this.savedInertElements=[],this.savedActiveElement=void 0,this.ariaObserver=null,this.updateHeaderCallback=void 0,this.updateFooterCallback=void 0,this._resizing=void 0,this._size=null,this.unsetAriaLabelAndError=()=>{h(this.modalWrapper,{[S.LABELLEDBY]:null,[S.LABEL]:null}),this.errorLabelRequired(),this.ariaObserver&&this.ariaObserver.disconnect()},this.handleWindowResizeEvent=()=>{this.scheduleWindowResizeEvent()},this.handleModalBaseFocusin=k.bind(this),this.ariaObserver=new v(this)}get label(){return this.modal?this.modal.label:""}get description(){return this.modal?this.modal.description:""}normalizeSize(e){return B(e,{fallbackValue:D,validValues:[A,H,D,O]})}get isModalSizeNotSet(){return null===this._size}get size(){const e=D;return this._size||e}set size(e){this._size=e?this.normalizeSize(e):null}get disableClose(){return!!this.modal&&this.modal.disableClose}get defaultSlot(){return this.template.querySelector("[data-slot]")}get modalWrapper(){return this.template.querySelector("[data-modal]")}get modal(){return this.defaultSlot&&this.defaultSlot.childNodes[0]||null}get modalDescSpan(){return this.template.querySelector("[data-aria-description]")}get modalCloseButton(){return this.template.querySelector("[data-close-button]")}get modalElement(){const e=this.defaultSlot;return e?e.querySelector("lightning-modal"):null}get modalBackdrop(){return this.template.querySelector("[data-backdrop]")}get backdropDimensions(){const e=this.modalBackdrop,t=e?e.getBoundingClientRect():{},{height:i,width:s}=t;return{height:i||0,width:s||0}}get modalCssClasses(){const e=r("kdds-modal fix-kdds-modal"),t=D,i=null===this._size?t:this.size;return u()?e.add({"kdds-fade-in-open":this.isModalTransitioningIn}):e.add({"kdds-fade-in-open":!0}),e.add({"kdds-modal_full":i===A,"kdds-modal_medium":i===D,"kdds-modal_large":i===O,"kdds-modal_small":i===H}),e.toString()}get modalBackdropCssClasses(){let e=r("kdds-backdrop fix-kdds-backdrop");return u()?e.add({"kdds-backdrop_open":this.isModalOpen}):e=e.add({"kdds-backdrop_open":!0}),e.toString()}get isDescriptionSet(){const{description:e}=this;return!!e?.trim().length}get computedCloseButtonCssClass(){const e=r("kdds-button kdds-button_icon kdds-modal__close"),t=this.isSmallScreenSize&&this.size===A;return e.add({"kdds-modal_full-close-button":t}),e.toString()}get showAriaDescribedBy(){return!y()&&this.isDescriptionSet}get modalResizing(){return this._resizing||(this._resizing=this.scheduleWindowResizeEvent.bind(this)),this._resizing}toggleDisableCloseButton(){!this.disableCloseButton&&this.disableClose?(this.ariaLiveMessage="",this.showAriaLiveMessage=!0,h(this.modalWrapper,{[`${S.BUSY}`]:!0}),h(this.modalCloseButton,{disabled:"disabled"}),this.disableCloseButton=!0):(this.ariaLiveMessage="",this.showAriaLiveMessage=!1,h(this.modalWrapper,{[`${S.BUSY}`]:null}),h(this.modalCloseButton,{disabled:null}),this.disableCloseButton=!1)}saveActiveElement(){this.savedActiveElement=g()}renderBackgroundInert(){this.savedInertElements=c(this.template.host)}renderBackgroundActive(){m(this.savedInertElements),this.savedInertElements=[]}returnFocusToBackground(){const{savedActiveElement:e}=this;f(e)}queueShowModal(){this.isModalOpen&&!this.isModalTransitioningIn&&(this.isModalTransitioningIn=!0)}openModal(){this.saveActiveElement(),this.renderBackgroundInert(),this.isModalOpen||(this.isModalOpen=!0,0===F&&(P=getComputedStyle(document.body).overflow,document.body.style.overflow="hidden"),F++)}handleModalCloseState(){this.isModalOpen&&(this.isModalOpen=!1,F--,0===F&&(document.body.style.overflow=P,P=null))}closeModal(){this.returnFocusToBackground(),this.renderBackgroundActive(this.savedInertElements),this.ariaObserver&&(this.ariaObserver.disconnect(),this.ariaObserver=void 0)}updateAriaDescription(){const{description:e}=this;if(y()){const t=this.isDescriptionSet?e:null;return h(this.modalWrapper,{[S.DESCRIPTION]:t})}const t=this.isDescriptionSet&&this.modalDescSpan.id||null;return h(this.modalWrapper,{[S.DESCRIBEDBY]:t})}updateAriaLabel(){const{label:e,headerRegistered:t,headerLabelId:i,headerLabelIsPopulated:s}=this,a=""===e||0===e.trim().length;t?i&&s?(this.ariaObserver&&this.ariaObserver.connect({targetNode:this.modalWrapper,attribute:"aria-labelledby",relatedNodes:[this.headerTitleRef]}),h(this.modalWrapper,{[S.LABEL]:null})):this.unsetAriaLabelAndError():a?this.isModalClosing||this.unsetAriaLabelAndError():h(this.modalWrapper,{[S.LABELLEDBY]:null,[S.LABEL]:e})}errorLabelRequired(){}handleCloseClick(e){this.disableCloseButton||this.modal.close(e)}handlePrivateClose(e){e.detail&&e.detail[b]&&(this.handleModalCloseState(),this.isModalClosing=!0,u()?(this.modalWrapper.classList.remove("kdds-fade-in-open"),this.modalBackdrop.classList.remove("kdds-backdrop_open"),this.modalBackdrop.addEventListener("transitionend",()=>{e.detail.resolve()})):e.detail.resolve(),this.headerRegistered&&this.unregisterHeader&&this.unregisterHeader(),this.bodyRegistered&&this.unregisterBody&&this.unregisterBody(),this.footerRegistered&&this.unregisterFooter&&this.unregisterFooter(),this.closeModal())}handlePrivateDisableCloseButton(e){e.detail&&e.detail[b]&&this.toggleDisableCloseButton()}handleModalKeyDown(e){const{ctrlKey:t,metaKey:i,shiftKey:s,key:a}=e,o=t||i||s;l.enableTooltipHoverDismiss,o||this.disableCloseButton||"Esc"!==a&&"Escape"!==a||(e.stopPropagation(),e.preventDefault(),this.handleCloseClick("esc"))}focusFirstElement(){const{autoFocusCompletedOnce:e,modalElement:t}=this;if(e||!t)return;const{bodyRegistered:i,footerRegistered:s,headerRegistered:a,headerTitleRef:o,headerDefaultSlotIsPopulated:d,headerSlotHasRendered:l,bodyDefaultSlotIsPopulated:n,bodySlotHasRendered:r,bodyTabElemRef:h,footerDefaultSlotIsPopulated:u,footerSlotHasRendered:c}=this;if(a&&d&&!l||i&&n&&!r||s&&u&&!c)return;const m=a&&o?o:null,p=m||(h||null),b=this.modalCloseButton,g=this.modalWrapper,f=this.disableCloseButton?g:b,v=p||f;null!==v&&(this.lastFocusedElement=v,requestAnimationFrame(()=>{v.focus()}),this.autoFocusCompletedOnce=!0)}unregisterBody(){this.initBodyState()}registerBody({bodyId:e,bodyIsPopulated:t,updateBodyCallback:i,defaultSlotHasRendered:s,unRegisterCallback:a,firstTabbableElemRef:o}){this.bodyRegistered=!0,this.bodyDefaultSlotIsPopulated=t,this.bodySlotHasRendered=s,this.bodyId=e,this.baseUpdateBodyCallback=i,this.bodyTabElemRef=o||null,a(()=>{this.unregisterBody()}),this.updateModalBodyHeight(),this.isModalSizeNotSet&&(this.size=this.modal?.size||null),this.windowResizeEventBound||this.addWindowResizeEventListener(),this.windowOrientationEventBound||this.addOrientationChangeListener(),this.focusinEventBound||this.addFocusinEventListener()}handleBodyRegister(e){const{detail:t}=e;this.registerBody(t),e.stopPropagation()}initBodyState(){this.bodyRegistered=!1,this.bodyDefaultSlotIsPopulated=!1,this.bodySlotHasRendered=!1,this.bodyId=null,this.baseUpdateBodyCallback=null,this.bodyResizeScheduled=!1,this.bodyTabElemRef=null,this.removeModalEventListeners()}unregisterHeader(){this.initHeaderState(),this.updateAriaLabel()}updateHeaderHeight(e){this.headerHeight=!Number.isNaN(e)&&e>=0?e:0}registerHeader({defaultSlotIsPopulated:e,defaultSlotWrapperId:t,defaultSlotHasRendered:i,unRegisterCallback:s,labelIsPopulated:a,headerHeight:o,headerRef:d,labelId:l}){this.headerRegistered=!0,this.updateHeaderHeight(o),this.headerDefaultSlotIsPopulated=e,this.headerSlotHasRendered=i,this.headerSlotWrapperId=t,this.headerLabelId=l,this.headerLabelIsPopulated=a,this.headerTitleRef=d,s(()=>{this.unregisterHeader()}),this.bodyRegistered&&this.updateModalBodyHeight(),this.isModalSizeNotSet&&(this.size=this.modal?.size||null)}handleHeaderRegister(e){const{detail:t}=e;this.registerHeader(t),this.updateAriaLabel(),e.stopPropagation()}initHeaderState(){this.headerRegistered=!1,this.headerHeight=0,this.headerDefaultSlotIsPopulated=!1,this.headerSlotWrapperId=null,this.headerSlotHasRendered=!1,this.headerLabelId=null,this.headerLabelIsPopulated=null,this.headerTitleRef=null}unregisterFooter(){this.initFooterState()}updateFooterHeight(e){this.footerHeight=!Number.isNaN(e)&&e>=0?e:0}registerFooter({defaultSlotIsPopulated:e,defaultSlotHasRendered:t,footerHeight:i,unRegisterCallback:s}){this.footerRegistered=!0,this.footerDefaultSlotIsPopulated=e,this.footerSlotHasRendered=t,this.updateFooterHeight(i),s(()=>{this.unregisterFooter()}),this.bodyRegistered&&this.updateModalBodyHeight(),this.isModalSizeNotSet&&(this.size=this.modal?.size||null)}handleFooterRegister(e){const{detail:t}=e;this.registerFooter(t),e.stopPropagation()}initFooterState(){this.footerRegistered=!1,this.footerHeight=0,this.footerSlotHasRendered=!1,this.footerDefaultSlotIsPopulated=!1}updateModalBodyHeight(){clearTimeout(this.timeoutId),this.timeoutId=0,this.updateHeaderCallback&&this.updateHeaderCallback({size:this.size}),this.updateFooterCallback&&this.updateFooterCallback({size:this.size}),this.bodyRegistered&&!this.bodyResizeScheduled&&(this.setIsSmallScreenSize(),requestAnimationFrame(()=>{if(this.bodyResizeScheduled=!1,this.baseUpdateBodyCallback){const e={footerHeight:this.footerHeight||0,headerHeight:this.headerHeight||0,backdropHeight:this.backdropDimensions.height,backdropWidth:this.backdropDimensions.width,sizeSetFull:this.size===A,isSmallScreenSize:this.isSmallScreenSize,size:this.size};this.baseUpdateBodyCallback(e)}}),this.bodyResizeScheduled=!0)}scheduleWindowResizeEvent(){0===this.timeoutId&&(this.timeoutId=setTimeout(()=>{this.updateModalBodyHeight()},300))}addWindowResizeEventListener(){this.windowResizeEventBound||(window.addEventListener("resize",this.handleWindowResizeEvent),this.windowResizeEventBound=!0)}removeWindowResizeEventListener(){this.windowResizeEventBound&&(window.removeEventListener("resize",this.handleWindowResizeEvent),clearTimeout(this.timeoutId),this.timeoutId=0,this.windowResizeEventBound=!1)}removeOrientationChangeListener(){this.windowOrientationEventBound&&this.portraitMatchMedia&&(this.portraitMatchMedia.removeEventListener("change",this.screenOrientationChangeHandler),this.portraitMatchMedia=null,this.windowOrientationEventBound=!1),this.screenOrientationChangeHandler&&(this.screenOrientationChangeHandler=null)}addOrientationChangeListener(){this.portraitMatchMedia=window.matchMedia("(orientation: portrait)"),this.screenOrientationChangeHandler=this.handleWindowResizeEvent.bind(this),this.portraitMatchMedia&&(this.portraitMatchMedia.addEventListener("change",this.screenOrientationChangeHandler),this.windowOrientationEventBound=!0)}addFocusinEventListener(){this.focusinEventBound||(this.focusinEventBound=!0,window.addEventListener("focusin",k.bind(this)))}removeFocusinEventListener(){this.focusinEventBound&&(this.focusinEventBound=!1,window.removeEventListener("focusin",k.bind(this)))}handleLastFocusedElem(e){e.detail&&e.detail[b]&&(e.stopPropagation(),this.lastFocusedElement=e.detail.privatelightningmodallastfocus)}setIsSmallScreenSize(){const e=document&&document.documentElement||null,t=(e?e.clientWidth:window.innerWidth)<=480;t!==this.isSmallScreenSize&&(this.isSmallScreenSize=t)}removeModalEventListeners(){this.removeWindowResizeEventListener(),this.removeOrientationChangeListener(),this.removeFocusinEventListener()}initBaseState(){this.initialRender=!0,this.autoFocusCompletedOnce=!1,this.windowResizeEventBound=!1,this.timeoutId=0,this.disableCloseButton=!1,this.modalLabel=null,this.modalLabelledBy=null,this.modalDescribedBy=null,this.showAriaLiveMessage=!1,this.ariaLiveMessage="",this.savedInertElements=[],this.savedActiveElement=null,this.isModalOpen=!1,this.isModalTransitioningIn=!1,this.isModalClosing=!1,this._size=null,this.isSmallScreenSize=null}initModalState(){this.initBaseState(),this.initHeaderState(),this.initBodyState(),this.initFooterState()}connectedCallback(){super.connectedCallback(),this.initModalState(),this.setIsSmallScreenSize()}disconnectedCallback(){this.handleModalCloseState(),this.removeModalEventListeners(),this.closeModal()}renderedCallback(){this.initialRender?(this.openModal(),this.initialRender=!1):(this.updateAriaLabel(),this.updateAriaDescription(),this.isModalTransitioningIn||this.queueShowModal(),this.autoFocusCompletedOnce||(this.toggleDisableCloseButton(),this.focusFirstElement()),this.isModalSizeNotSet&&(this.size=this.modal?.size||null)),this.updateModalBodyHeight()}}x[p]="kd-modal-base",s(x,{publicProps:{defaultSlot:{config:1}},track:{savedActiveElement:1},fields:["initialRender","autoFocusCompletedOnce","timeoutId","disableCloseButton","sectionAriaBusy","closeButtonAltText","disableCloseBtnMessage","isModalClosing","isSmallScreenSize","headerRegistered","headerHeight","headerDefaultSlotIsPopulated","headerSlotWrapperId","headerSlotHasRendered","headerLabelId","headerLabelIsPopulated","headerTitleRef","bodyRegistered","bodyDefaultSlotIsPopulated","bodySlotHasRendered","bodyId","baseUpdateBodyCallback","bodyResizeScheduled","bodyTabElemRef","windowResizeEventBound","windowOrientationEventBound","portraitMatchMedia","screenOrientationChangeHandler","focusinEventBound","lastFocusedElement","footerRegistered","footerHeight","footerSlotHasRendered","footerDefaultSlotIsPopulated","modalLabel","modalLabelledBy","modalDescribedBy","showAriaLiveMessage","ariaLiveMessage","isModalOpen","isModalTransitioningIn","savedInertElements","ariaObserver","updateHeaderCallback","updateFooterCallback","_resizing","_size","unsetAriaLabelAndError","handleWindowResizeEvent","handleModalBaseFocusin"]});const T=a(x,{tmpl:I,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalBase-",apiVersion:63});export{T as default};
|
|
1
|
+
import{parseFragment as e,registerTemplate as t,freezeTemplate as i,registerDecorators as s,registerComponent as a}from"@kdcloudjs/kwc";import{s as o}from"../kddsCommon-CucK_w70.js";import d from"./focusTrap.js";import{features as l}from"./features.js";import n from"./shadowBaseClassPrivate.js";import{c as r}from"../classSet-DY6Qvt6E.js";import{L as h,n as u,M as c,N as m,O as p}from"../utilsPrivate-ekbvijnB.js";import{instanceName as b,secure as g}from"./overlayUtils.js";import{g as f,r as v}from"../focus-93ksTIEs.js";import k from"./ariaObserver.js";import{modalFocusinEventHandler as S}from"./modalUtils.js";import{A as y,i as B}from"../observable-tloG64m6.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"./overlayManager.js";var w=[[function(e,t,i){var s=e?"["+e+"]":"",a=e?"["+e+"-host]":"";return(t?".fix-slds-modal"+s+",\r:host([data-render-mode='shadow']) .fix-kdds-modal":".fix-slds-modal"+s+","+a+"[data-render-mode='shadow'] .fix-kdds-modal")+s+" {visibility: visible;z-index: unset;}"+(t?".fix-slds-backdrop"+s+",\r:host([data-render-mode='shadow']) .fix-kdds-backdrop":".fix-slds-backdrop"+s+","+a+"[data-render-mode='shadow'] .fix-kdds-backdrop")+s+" {z-index: unset;}"}],[o,[function(e,t,i){var s=e?"["+e+"]":"",a=e?"["+e+"-host]":"";return(t?":host [part='modal-backdrop']":a+" [part='modal-backdrop']")+s+" {--kdds-c-backdrop-color-background: var(--kdds-c-modal-mask-background);}"+(t?":host .kdds-backdrop":a+" .kdds-backdrop")+s+" {transition-duration: 0.4s;width: 100%;height: 100%;opacity: 0;visibility: hidden;position: fixed;inset-block-start: 0;inset-inline-end: 0;inset-block-end: 0;inset-inline-start: 0;background: var(--kdds-c-backdrop-color-background);z-index: 9000;}"+(t?":host .kdds-backdrop_open":a+" .kdds-backdrop_open")+s+" {visibility: visible;opacity: 1;transition: opacity 0.4s linear;}"+(t?":host .kdds-modal":a+" .kdds-modal")+s+" {opacity: 0;visibility: hidden;transition:\r\n transform 0.1s linear,\r\n opacity 0.1s;position: fixed;inset-block-start: 0;inset-inline-end: 0;inset-block-end: 0;inset-inline-start: 0;z-index: 9001;}"+(t?":host .kdds-modal__container":a+" .kdds-modal__container")+s+" {position: relative;transform: translate(0, 0);transition:\r\n transform 0.1s linear,\r\n opacity 0.1s linear;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;border-radius: var(--slds-g-spacing-1, 0.25rem);}"+(t?":host .kdds-modal__close":a+" .kdds-modal__close")+s+" {width: 2rem;height: 2rem;margin-inline-start: auto;position: relative;background-color: var(--slds-g-color-neutral-base-100, #ffffff);border-radius: 0.25rem;bottom: 0.5rem;flex-shrink: 0;justify-content: center;display: inline-flex;}"+(t?":host .kdds-fade-in-open":a+" .kdds-fade-in-open")+s+" {opacity: 1;visibility: visible;transition: opacity 0.1s linear;}"+(t?":host .kdds-fade-in-open":a+" .kdds-fade-in-open")+s+" .kdds-modal__container-reset"+s+" {opacity: 1;visibility: visible;transform: translate(0, 0);}@media (width <=30em) {"+(t?":host .kdds-modal_full":a+" .kdds-modal_full")+s+" {inset-block-start: env(safe-area-inset-top, 0);inset-block-end: auto;height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));}"+(t?":host .kdds-modal_full":a+" .kdds-modal_full")+s+" .kdds-modal__container"+s+" {width: 100%;max-width: none;min-width: 0;margin: 0;padding: var(--slds-g-spacing-4, 1rem) 0 0 0;background-color: var(--slds-c-modalbase-color-background, var(--slds-g-color-surface-1, #ffffff));border-radius: 0;display: grid;height: 100dvh;grid-template-columns: 1fr;grid-template-rows: min-content min-content 1fr min-content;grid-template-areas: 'close' 'header' 'content' 'footer';}"+(t?":host .kdds-modal_full":a+" .kdds-modal_full")+s+" .kdds-modal__close"+s+" {grid-area: close;inset-inline-end: var(--slds-g-spacing-4, 1rem);--slds-c-button-color-background: var(--slds-g-color-surface-container-1, #ffffff, white);--slds-c-button-color-background-active: var(--slds-g-color-surface-container-1, #ffffff, white);color: var(--slds-g-color-on-surface-1, #747474);}"+(t?":host .kdds-modal_full"+s+" .kdds-modal__close:hover"+s+",\r :host .kdds-modal_full":a+" .kdds-modal_full"+s+" .kdds-modal__close:hover"+s+","+a+" .kdds-modal_full")+s+" .kdds-modal__close:focus"+s+" {color: var(--slds-g-color-accent-3, #0b5cab);}"+(t?":host .kdds-modal_full"+s+" lightning-button-icon"+s+"+div"+s+",\r :host .kdds-modal_full":a+" .kdds-modal_full"+s+" lightning-button-icon"+s+"+div"+s+","+a+" .kdds-modal_full")+s+" lightning-modal"+s+" {display: contents;}}"+(t?":host .kdds-assistive-text":a+" .kdds-assistive-text")+s+" {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}"}]],function(e,t,i){var s=e?"["+e+"]":"";return"div[data-slot]"+s+" {display: contents;}@media only screen and (max-width: 42.688rem) {.kdds-modal__container__reflow_resize"+s+" {margin-left: 0.1rem;margin-right: 0.1rem;padding-top: 0.5rem;padding-bottom: 0;overflow: hidden;}}"}];const R=e`<div${"c0"} part="modal-backdrop" role="presentation" data-backdrop${2}></div>`,E=e`<span${"a0:id"} class="slds-assistive-text${0}" data-aria-description${2}>${"t1"}</span>`,C=e`<span aria-live="polite" role="status" class="slds-assistive-text${0}" data-aria-live-message${2}>${"t1"}</span>`,z=e`<div class="kdds-modal__container${0}" data-container${2}><div data-slot lwc:dom="manual"${3}></div></div>`,M={key:2},L={role:"dialog",tabindex:"-1","aria-modal":"true",part:"modal","data-modal":""};function _(e,t,i,s){const{ncls:a,sp:o,st:l,b:n,gid:r,d:h,h:u,c:c}=e,{_m0:m}=s;return[l(R,1,[o(0,{className:a(t.modalBackdropCssClasses)},null)]),c("kd-focus-trap",d,M,[u("section",{className:a(t.modalCssClasses),attrs:L,key:3,on:m||(s._m0={keydown:n(t.handleModalKeyDown),privatemodalheaderregister:n(t.handleHeaderRegister),privatemodalbodyregister:n(t.handleBodyRegister),privatemodalfooterregister:n(t.handleFooterRegister),privateclose:n(t.handlePrivateClose),privatedisableclosebutton:n(t.handlePrivateDisableCloseButton),focusin:n(t.handleModalBaseFocusin),privatelightningmodallastfocus:n(t.handleLastFocusedElem)})},[t.showAriaDescribedBy?l(E,5,[o(0,{attrs:{id:r("modal-description")}},null),o(1,null,h(t.description))]):null,t.showAriaLiveMessage?l(C,7,[o(1,null,h(t.ariaLiveMessage))]):null,l(z,9)])])]}var I=t(_);_.stylesheets=[],_.stylesheetToken="kwc-560sq7b72al",_.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalBase-undefined_modalBase",w&&_.stylesheets.push.apply(_.stylesheets,w),i(_);const H="small",D="medium",O="large",A="full";let F=0,P=null;class x extends n{constructor(){super(),this.initialRender=!0,this.autoFocusCompletedOnce=!1,this.timeoutId=0,this.disableCloseButton=!1,this.sectionAriaBusy=null,this.closeButtonAltText="关闭",this.disableCloseBtnMessage="",this.isModalClosing=!1,this.isSmallScreenSize=null,this.headerRegistered=!1,this.headerHeight=0,this.headerDefaultSlotIsPopulated=!1,this.headerSlotWrapperId=null,this.headerSlotHasRendered=!1,this.headerLabelId=null,this.headerLabelIsPopulated=null,this.headerTitleRef=null,this.bodyRegistered=!1,this.bodyDefaultSlotIsPopulated=!1,this.bodySlotHasRendered=!1,this.bodyId=null,this.baseUpdateBodyCallback=null,this.bodyResizeScheduled=!1,this.bodyTabElemRef=null,this.windowResizeEventBound=!1,this.windowOrientationEventBound=!1,this.portraitMatchMedia=null,this.screenOrientationChangeHandler=null,this.focusinEventBound=!1,this.lastFocusedElement=null,this.footerRegistered=!1,this.footerHeight=0,this.footerSlotHasRendered=!1,this.footerDefaultSlotIsPopulated=!1,this.modalLabel=null,this.modalLabelledBy=null,this.modalDescribedBy=null,this.showAriaLiveMessage=!1,this.ariaLiveMessage="",this.isModalOpen=!1,this.isModalTransitioningIn=!1,this.savedInertElements=[],this.savedActiveElement=void 0,this.ariaObserver=null,this.updateHeaderCallback=void 0,this.updateFooterCallback=void 0,this._resizing=void 0,this._size=null,this.unsetAriaLabelAndError=()=>{h(this.modalWrapper,{[y.LABELLEDBY]:null,[y.LABEL]:null}),this.errorLabelRequired(),this.ariaObserver&&this.ariaObserver.disconnect()},this.handleWindowResizeEvent=()=>{this.scheduleWindowResizeEvent()},this.handleModalBaseFocusin=S.bind(this),this.ariaObserver=new k(this)}get label(){return this.modal?this.modal.label:""}get description(){return this.modal?this.modal.description:""}normalizeSize(e){return u(e,{fallbackValue:D,validValues:[A,H,D,O]})}get isModalSizeNotSet(){return null===this._size}get size(){const e=D;return this._size||e}set size(e){this._size=e?this.normalizeSize(e):null}get disableClose(){return!!this.modal&&this.modal.disableClose}get defaultSlot(){return this.template.querySelector("[data-slot]")}get modalWrapper(){return this.template.querySelector("[data-modal]")}get modal(){return this.defaultSlot&&this.defaultSlot.childNodes[0]||null}get modalDescSpan(){return this.template.querySelector("[data-aria-description]")}get modalCloseButton(){return this.template.querySelector("[data-close-button]")}get modalElement(){const e=this.defaultSlot;return e?e.querySelector("lightning-modal"):null}get modalBackdrop(){return this.template.querySelector("[data-backdrop]")}get backdropDimensions(){const e=this.modalBackdrop,t=e?e.getBoundingClientRect():{},{height:i,width:s}=t;return{height:i||0,width:s||0}}get modalCssClasses(){const e=r("kdds-modal fix-kdds-modal"),t=D,i=null===this._size?t:this.size;return c()?e.add({"kdds-fade-in-open":this.isModalTransitioningIn}):e.add({"kdds-fade-in-open":!0}),e.add({"kdds-modal_full":i===A,"kdds-modal_medium":i===D,"kdds-modal_large":i===O,"kdds-modal_small":i===H}),e.toString()}get modalBackdropCssClasses(){let e=r("kdds-backdrop fix-kdds-backdrop");return c()?e.add({"kdds-backdrop_open":this.isModalOpen}):e=e.add({"kdds-backdrop_open":!0}),e.toString()}get isDescriptionSet(){const{description:e}=this;return!!e?.trim().length}get computedCloseButtonCssClass(){const e=r("kdds-button kdds-button_icon kdds-modal__close"),t=this.isSmallScreenSize&&this.size===A;return e.add({"kdds-modal_full-close-button":t}),e.toString()}get showAriaDescribedBy(){return!B()&&this.isDescriptionSet}get modalResizing(){return this._resizing||(this._resizing=this.scheduleWindowResizeEvent.bind(this)),this._resizing}toggleDisableCloseButton(){!this.disableCloseButton&&this.disableClose?(this.ariaLiveMessage="",this.showAriaLiveMessage=!0,h(this.modalWrapper,{[`${y.BUSY}`]:!0}),h(this.modalCloseButton,{disabled:"disabled"}),this.disableCloseButton=!0):(this.ariaLiveMessage="",this.showAriaLiveMessage=!1,h(this.modalWrapper,{[`${y.BUSY}`]:null}),h(this.modalCloseButton,{disabled:null}),this.disableCloseButton=!1)}saveActiveElement(){this.savedActiveElement=f()}renderBackgroundInert(){this.savedInertElements=m(this.template.host)}renderBackgroundActive(){p(this.savedInertElements),this.savedInertElements=[]}returnFocusToBackground(){const{savedActiveElement:e}=this;v(e)}queueShowModal(){this.isModalOpen&&!this.isModalTransitioningIn&&(this.isModalTransitioningIn=!0)}openModal(){this.saveActiveElement(),this.renderBackgroundInert(),this.isModalOpen||(this.isModalOpen=!0,0===F&&(P=getComputedStyle(document.body).overflow,document.body.style.overflow="hidden"),F++)}handleModalCloseState(){this.isModalOpen&&(this.isModalOpen=!1,F--,0===F&&(document.body.style.overflow=P,P=null))}closeModal(){this.returnFocusToBackground(),this.renderBackgroundActive(this.savedInertElements),this.ariaObserver&&(this.ariaObserver.disconnect(),this.ariaObserver=void 0)}updateAriaDescription(){const{description:e}=this;if(B()){const t=this.isDescriptionSet?e:null;return h(this.modalWrapper,{[y.DESCRIPTION]:t})}const t=this.isDescriptionSet&&this.modalDescSpan.id||null;return h(this.modalWrapper,{[y.DESCRIBEDBY]:t})}updateAriaLabel(){const{label:e,headerRegistered:t,headerLabelId:i,headerLabelIsPopulated:s}=this,a=""===e||0===e.trim().length;t?i&&s?(this.ariaObserver&&this.ariaObserver.connect({targetNode:this.modalWrapper,attribute:"aria-labelledby",relatedNodes:[this.headerTitleRef]}),h(this.modalWrapper,{[y.LABEL]:null})):this.unsetAriaLabelAndError():a?this.isModalClosing||this.unsetAriaLabelAndError():h(this.modalWrapper,{[y.LABELLEDBY]:null,[y.LABEL]:e})}errorLabelRequired(){}handleCloseClick(e){this.disableCloseButton||this.modal.close(e)}handlePrivateClose(e){e.detail&&e.detail[g]&&(this.handleModalCloseState(),this.isModalClosing=!0,c()?(this.modalWrapper.classList.remove("kdds-fade-in-open"),this.modalBackdrop.classList.remove("kdds-backdrop_open"),this.modalBackdrop.addEventListener("transitionend",()=>{e.detail.resolve()})):e.detail.resolve(),this.headerRegistered&&this.unregisterHeader&&this.unregisterHeader(),this.bodyRegistered&&this.unregisterBody&&this.unregisterBody(),this.footerRegistered&&this.unregisterFooter&&this.unregisterFooter(),this.closeModal())}handlePrivateDisableCloseButton(e){e.detail&&e.detail[g]&&this.toggleDisableCloseButton()}handleModalKeyDown(e){const{ctrlKey:t,metaKey:i,shiftKey:s,key:a}=e,o=t||i||s;l.enableTooltipHoverDismiss,o||this.disableCloseButton||"Esc"!==a&&"Escape"!==a||(e.stopPropagation(),e.preventDefault(),this.handleCloseClick("esc"))}focusFirstElement(){const{autoFocusCompletedOnce:e,modalElement:t}=this;if(e||!t)return;const{bodyRegistered:i,footerRegistered:s,headerRegistered:a,headerTitleRef:o,headerDefaultSlotIsPopulated:d,headerSlotHasRendered:l,bodyDefaultSlotIsPopulated:n,bodySlotHasRendered:r,bodyTabElemRef:h,footerDefaultSlotIsPopulated:u,footerSlotHasRendered:c}=this;if(a&&d&&!l||i&&n&&!r||s&&u&&!c)return;const m=a&&o?o:null,p=m||(h||null),b=this.modalCloseButton,g=this.modalWrapper,f=this.disableCloseButton?g:b,v=p||f;null!==v&&(this.lastFocusedElement=v,requestAnimationFrame(()=>{v.focus()}),this.autoFocusCompletedOnce=!0)}unregisterBody(){this.initBodyState()}registerBody({bodyId:e,bodyIsPopulated:t,updateBodyCallback:i,defaultSlotHasRendered:s,unRegisterCallback:a,firstTabbableElemRef:o}){this.bodyRegistered=!0,this.bodyDefaultSlotIsPopulated=t,this.bodySlotHasRendered=s,this.bodyId=e,this.baseUpdateBodyCallback=i,this.bodyTabElemRef=o||null,a(()=>{this.unregisterBody()}),this.updateModalBodyHeight(),this.isModalSizeNotSet&&(this.size=this.modal?.size||null),this.windowResizeEventBound||this.addWindowResizeEventListener(),this.windowOrientationEventBound||this.addOrientationChangeListener(),this.focusinEventBound||this.addFocusinEventListener()}handleBodyRegister(e){const{detail:t}=e;this.registerBody(t),e.stopPropagation()}initBodyState(){this.bodyRegistered=!1,this.bodyDefaultSlotIsPopulated=!1,this.bodySlotHasRendered=!1,this.bodyId=null,this.baseUpdateBodyCallback=null,this.bodyResizeScheduled=!1,this.bodyTabElemRef=null,this.removeModalEventListeners()}unregisterHeader(){this.initHeaderState(),this.updateAriaLabel()}updateHeaderHeight(e){this.headerHeight=!Number.isNaN(e)&&e>=0?e:0}registerHeader({defaultSlotIsPopulated:e,defaultSlotWrapperId:t,defaultSlotHasRendered:i,unRegisterCallback:s,labelIsPopulated:a,headerHeight:o,headerRef:d,labelId:l}){this.headerRegistered=!0,this.updateHeaderHeight(o),this.headerDefaultSlotIsPopulated=e,this.headerSlotHasRendered=i,this.headerSlotWrapperId=t,this.headerLabelId=l,this.headerLabelIsPopulated=a,this.headerTitleRef=d,s(()=>{this.unregisterHeader()}),this.bodyRegistered&&this.updateModalBodyHeight(),this.isModalSizeNotSet&&(this.size=this.modal?.size||null)}handleHeaderRegister(e){const{detail:t}=e;this.registerHeader(t),this.updateAriaLabel(),e.stopPropagation()}initHeaderState(){this.headerRegistered=!1,this.headerHeight=0,this.headerDefaultSlotIsPopulated=!1,this.headerSlotWrapperId=null,this.headerSlotHasRendered=!1,this.headerLabelId=null,this.headerLabelIsPopulated=null,this.headerTitleRef=null}unregisterFooter(){this.initFooterState()}updateFooterHeight(e){this.footerHeight=!Number.isNaN(e)&&e>=0?e:0}registerFooter({defaultSlotIsPopulated:e,defaultSlotHasRendered:t,footerHeight:i,unRegisterCallback:s}){this.footerRegistered=!0,this.footerDefaultSlotIsPopulated=e,this.footerSlotHasRendered=t,this.updateFooterHeight(i),s(()=>{this.unregisterFooter()}),this.bodyRegistered&&this.updateModalBodyHeight(),this.isModalSizeNotSet&&(this.size=this.modal?.size||null)}handleFooterRegister(e){const{detail:t}=e;this.registerFooter(t),e.stopPropagation()}initFooterState(){this.footerRegistered=!1,this.footerHeight=0,this.footerSlotHasRendered=!1,this.footerDefaultSlotIsPopulated=!1}updateModalBodyHeight(){clearTimeout(this.timeoutId),this.timeoutId=0,this.updateHeaderCallback&&this.updateHeaderCallback({size:this.size}),this.updateFooterCallback&&this.updateFooterCallback({size:this.size}),this.bodyRegistered&&!this.bodyResizeScheduled&&(this.setIsSmallScreenSize(),requestAnimationFrame(()=>{if(this.bodyResizeScheduled=!1,this.baseUpdateBodyCallback){const e={footerHeight:this.footerHeight||0,headerHeight:this.headerHeight||0,backdropHeight:this.backdropDimensions.height,backdropWidth:this.backdropDimensions.width,sizeSetFull:this.size===A,isSmallScreenSize:this.isSmallScreenSize,size:this.size};this.baseUpdateBodyCallback(e)}}),this.bodyResizeScheduled=!0)}scheduleWindowResizeEvent(){0===this.timeoutId&&(this.timeoutId=setTimeout(()=>{this.updateModalBodyHeight()},300))}addWindowResizeEventListener(){this.windowResizeEventBound||(window.addEventListener("resize",this.handleWindowResizeEvent),this.windowResizeEventBound=!0)}removeWindowResizeEventListener(){this.windowResizeEventBound&&(window.removeEventListener("resize",this.handleWindowResizeEvent),clearTimeout(this.timeoutId),this.timeoutId=0,this.windowResizeEventBound=!1)}removeOrientationChangeListener(){this.windowOrientationEventBound&&this.portraitMatchMedia&&(this.portraitMatchMedia.removeEventListener("change",this.screenOrientationChangeHandler),this.portraitMatchMedia=null,this.windowOrientationEventBound=!1),this.screenOrientationChangeHandler&&(this.screenOrientationChangeHandler=null)}addOrientationChangeListener(){this.portraitMatchMedia=window.matchMedia("(orientation: portrait)"),this.screenOrientationChangeHandler=this.handleWindowResizeEvent.bind(this),this.portraitMatchMedia&&(this.portraitMatchMedia.addEventListener("change",this.screenOrientationChangeHandler),this.windowOrientationEventBound=!0)}addFocusinEventListener(){this.focusinEventBound||(this.focusinEventBound=!0,window.addEventListener("focusin",S.bind(this)))}removeFocusinEventListener(){this.focusinEventBound&&(this.focusinEventBound=!1,window.removeEventListener("focusin",S.bind(this)))}handleLastFocusedElem(e){e.detail&&e.detail[g]&&(e.stopPropagation(),this.lastFocusedElement=e.detail.privatelightningmodallastfocus)}setIsSmallScreenSize(){const e=document&&document.documentElement||null,t=(e?e.clientWidth:window.innerWidth)<=480;t!==this.isSmallScreenSize&&(this.isSmallScreenSize=t)}removeModalEventListeners(){this.removeWindowResizeEventListener(),this.removeOrientationChangeListener(),this.removeFocusinEventListener()}initBaseState(){this.initialRender=!0,this.autoFocusCompletedOnce=!1,this.windowResizeEventBound=!1,this.timeoutId=0,this.disableCloseButton=!1,this.modalLabel=null,this.modalLabelledBy=null,this.modalDescribedBy=null,this.showAriaLiveMessage=!1,this.ariaLiveMessage="",this.savedInertElements=[],this.savedActiveElement=null,this.isModalOpen=!1,this.isModalTransitioningIn=!1,this.isModalClosing=!1,this._size=null,this.isSmallScreenSize=null}initModalState(){this.initBaseState(),this.initHeaderState(),this.initBodyState(),this.initFooterState()}connectedCallback(){super.connectedCallback(),this.initModalState(),this.setIsSmallScreenSize()}disconnectedCallback(){this.handleModalCloseState(),this.removeModalEventListeners(),this.closeModal()}renderedCallback(){this.initialRender?(this.openModal(),this.initialRender=!1):(this.updateAriaLabel(),this.updateAriaDescription(),this.isModalTransitioningIn||this.queueShowModal(),this.autoFocusCompletedOnce||(this.toggleDisableCloseButton(),this.focusFirstElement()),this.isModalSizeNotSet&&(this.size=this.modal?.size||null)),this.updateModalBodyHeight()}}x[b]="kd-modal-base",s(x,{publicProps:{defaultSlot:{config:1}},track:{savedActiveElement:1},fields:["initialRender","autoFocusCompletedOnce","timeoutId","disableCloseButton","sectionAriaBusy","closeButtonAltText","disableCloseBtnMessage","isModalClosing","isSmallScreenSize","headerRegistered","headerHeight","headerDefaultSlotIsPopulated","headerSlotWrapperId","headerSlotHasRendered","headerLabelId","headerLabelIsPopulated","headerTitleRef","bodyRegistered","bodyDefaultSlotIsPopulated","bodySlotHasRendered","bodyId","baseUpdateBodyCallback","bodyResizeScheduled","bodyTabElemRef","windowResizeEventBound","windowOrientationEventBound","portraitMatchMedia","screenOrientationChangeHandler","focusinEventBound","lastFocusedElement","footerRegistered","footerHeight","footerSlotHasRendered","footerDefaultSlotIsPopulated","modalLabel","modalLabelledBy","modalDescribedBy","showAriaLiveMessage","ariaLiveMessage","isModalOpen","isModalTransitioningIn","savedInertElements","ariaObserver","updateHeaderCallback","updateFooterCallback","_resizing","_size","unsetAriaLabelAndError","handleWindowResizeEvent","handleModalBaseFocusin"]});const T=a(x,{tmpl:I,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalBase-",apiVersion:63});export{T as default};
|
package/dist/esm/kd/modalBody.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{registerTemplate as t,freezeTemplate as e,registerDecorators as o,registerComponent as a}from"@kdcloudjs/kwc";import{s}from"../kddsCommon-CucK_w70.js";import{s as i}from"../kddsUtilsPadding-Dct-C7F7.js";import d from"./shadowBaseClassPrivate.js";import{c as l}from"../classSet-DY6Qvt6E.js";import{
|
|
1
|
+
import{registerTemplate as t,freezeTemplate as e,registerDecorators as o,registerComponent as a}from"@kdcloudjs/kwc";import{s}from"../kddsCommon-CucK_w70.js";import{s as i}from"../kddsUtilsPadding-Dct-C7F7.js";import d from"./shadowBaseClassPrivate.js";import{c as l}from"../classSet-DY6Qvt6E.js";import{F as n}from"../utilsPrivate-ekbvijnB.js";import{privateContext as r}from"./utilsInternal.js";import{f as h,b as c}from"../focus-93ksTIEs.js";import{modalFocusinEventHandler as m}from"./modalUtils.js";import{S as u}from"../index-ChQWdmu9.esm-pxfeXSzR.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"./ariaObserver.js";import"./overlayManager.js";import"./overlayUtils.js";var g=[[s,i,[function(t,e,o){var a=t?"["+t+"]":"",s=t?"["+t+"-host]":"";return(e?":host .kdds-modal__content":s+" .kdds-modal__content")+a+" {background-color: var(--kdds-c-modal-background, #ffffff);overflow: auto;overflow-y: auto;max-width: 100%;}"+(e?':host([data-rtl="true"]) .kdds-modal__content':s+'[data-rtl="true"] .kdds-modal__content')+a+" {direction: rtl;}"+(e?":host .kdds-modal__content_footless":s+" .kdds-modal__content_footless")+a+" {box-shadow: var(--kdds-c-modal-shadow-bottom, 0 8px 20px rgba(0, 0, 0, 0.1));}@media (width <=30em) {"+(e?":host([data-render-mode=\"shadow\"][data-size='full']) [part='modal-body']":s+"[data-size='full'][data-render-mode=\"shadow\"] [part='modal-body']")+a+" {grid-area: content;}"+(e?":host([data-render-mode=\"shadow\"][data-size='full'][data-variant-footless]) [part='modal-body']":s+"[data-variant-footless][data-size='full'][data-render-mode=\"shadow\"] [part='modal-body']")+a+" {border-end-end-radius: 0;border-end-start-radius: 0;box-shadow: none;}"+(e?":host([data-render-mode=\"shadow\"][data-size='full']) {":s+"[data-size='full'][data-render-mode=\"shadow\"] {")+"display: contents;}}"}]],function(t,e,o){return(e?":host(.modal_headerless) .slds-modal__content_headless":(t?"["+t+"-host]":"")+".modal_headerless .slds-modal__content_headless")+(t?"["+t+"]":"")+" {border-top-right-radius: unset;border-top-left-radius: unset;}"}];const p={"data-default-slot":""},b=[];function f(t,e,o,a){const{gid:s,ncls:i,b:d,s:l,h:n}=t,{_m0:r,_m1:h}=a;return[n("div",{className:i(e.modalBodyCssClasses),attrs:{id:s("modal-content"),part:"modal-body","data-content-container":""},key:0,on:r||(a._m0={privatescrollablecontainer:d(e.handleScrollableContainerRepositionEvent),focusin:d(e.handleModalBodyFocusin)})},[l("",{attrs:p,key:1,on:h||(a._m1={slotchange:d(e.handleDefaultSlotChange)})},b,o)])]}var y=t(f);f.slots=[""],f.stylesheets=[],f.stylesheetToken="kwc-35gjjr8hu2v",f.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalBody-undefined_modalBody",g&&f.stylesheets.push.apply(f.stylesheets,g),e(f);const{setContext:H,assertContext:k}=r;class M extends d{handleDefaultSlotChange(){this.initialSlotRender&&(this.initialSlotRender=!1),this.registerWithParent()}handleScrollableContainerRepositionEvent(t){const{callback:e}=t.detail;e(t.composedPath()),t.stopPropagation()}get modalBodyCssClasses(){return l("kdds-modal__content").toString()}get contentElem(){return this.template.querySelector("[data-content-container]")}get modalContentId(){return n(this.contentElem)}get defaultSlotElement(){return this.template.querySelector("[data-default-slot]")}get isDefaultSlotPopulated(){const t=this.defaultSlotElement;return!(!t||!t.assignedNodes)&&t.assignedNodes().length>0}get firstTabbableElement(){let t=null;if(this.isDefaultSlotPopulated){const e=h(this.defaultSlotElement),o=c(e);o.length>0&&(t=o[0])}return t}calculateModalUsableHeight(t){const{backdropHeight:e,paddingTop:o,paddingBottom:a}=t,s=e-o-a;return t.modalUsableHeight=s,t}calculateModalBodyUsableHeight({modalUsableHeight:t,headerHeight:e,footerHeight:o}){return t-e-o}updateModalBodyHeightValues(t){const e=this.calculateModalUsableHeight(t),o=this.calculateModalBodyUsableHeight(e);return t.modalBodyUsableHeight=o,t.maxModalBodyHeightStyle=`${o}px`,t}setModalBodyHeight(t,e){const o={maxHeight:null,minHeight:null};if(!e){const{maxModalBodyHeightStyle:e,minModalBodyHeightStyle:a}=this.updateModalBodyHeightValues(t);o.maxHeight=e,o.minHeight=a}const a=this.contentElem;Object.assign(a.style,o)}updateValues(t){const{headerHeight:e,footerHeight:o,backdropHeight:a}=t,s=u.isMobile()?0:32,i=u.isMobile()?0:32;return{headerHeight:Math.floor(e),footerHeight:Math.floor(o),backdropHeight:Math.floor(a),paddingTop:s,paddingBottom:i,modalBodyMinHeight:this.bodyMinHeight,minModalBodyHeightStyle:`${this.bodyMinHeight}px`,maxModalBodyHeightStyle:null,modalBodyUsableHeight:null,modalUsableHeight:null}}handleUpdateModalBodyHeight(t){if(!this.initialRender){const{sizeSetFull:e,isSmallScreenSize:o,size:a,headerHeight:s,footerHeight:i}=t;this.headerPresent=0!==s,this.footerPresent=0!==i;const d=e&&o,l=this.updateValues(t);this.setModalBodyHeight(l,d),this.headerPresent||this.setAttribute("data-variant-headless",""),this.footerPresent||this.setAttribute("data-variant-footless",""),this.setAttribute("data-size",a)}}registerWithParent(){k(this);const t=new CustomEvent("privatemodalbodyregister",{bubbles:!0,composed:!0,detail:{bodyId:this.modalContentId,bodyIsPopulated:this.isDefaultSlotPopulated,defaultSlotHasRendered:!this.initialSlotRender,updateBodyCallback:this.handleUpdateModalBodyHeight.bind(this),unRegisterCallback:t=>{this.unregisterCallback=t},firstTabbableElemRef:this.firstTabbableElement}});this.dispatchEvent(t)}updateModalBodyRect(t,e){const o={width:t,height:e};t&&(o.width=t);const a=this.contentElem;"100%"===e||"100vh"===e?(o.height="calc(100vh - 100px)",o.maxHeight="100vh"):e&&(o.height=e,o.maxHeight="100vh"),Object.assign(a.style,o)}updateModalBodyMinHeight(t){this.bodyMinHeight=t-100+"px";const e=this.contentElem;Object.assign(e.style,{minHeight:this.bodyMinHeight})}initState(){this.initialRender=!0,this.initialSlotRender=!0,this.unregisterCallback=null,this.headerPresent=!1,this.footerPresent=!1}constructor(){super(),this.initialRender=!0,this.initialSlotRender=!0,this.unregisterCallback=null,this.headerPresent=!1,this.footerPresent=!1,this.bodyMinHeight=200,this.handleModalBodyFocusin=m.bind(this),H(this)}connectedCallback(){super.connectedCallback(),this.initState()}disconnectedCallback(){this.unregisterCallback&&this.unregisterCallback()}renderedCallback(){this.initialRender&&(this.registerWithParent(),this.initialRender=!1)}}o(M,{publicMethods:["updateModalBodyRect","updateModalBodyMinHeight"],fields:["initialRender","initialSlotRender","unregisterCallback","headerPresent","footerPresent","bodyMinHeight","handleModalBodyFocusin"]});const B=a(M,{tmpl:y,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalBody-",apiVersion:63});export{B as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{registerTemplate as t,freezeTemplate as e,registerDecorators as o,registerComponent as s}from"@kdcloudjs/kwc";import{s as r}from"../kddsCommon-CucK_w70.js";import a from"./shadowBaseClassPrivate.js";import{c as d}from"../classSet-DY6Qvt6E.js";import{modalFocusinEventHandler as i}from"./modalUtils.js";import"
|
|
1
|
+
import{registerTemplate as t,freezeTemplate as e,registerDecorators as o,registerComponent as s}from"@kdcloudjs/kwc";import{s as r}from"../kddsCommon-CucK_w70.js";import a from"./shadowBaseClassPrivate.js";import{c as d}from"../classSet-DY6Qvt6E.js";import{modalFocusinEventHandler as i}from"./modalUtils.js";import"../utilsPrivate-ekbvijnB.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"../focus-93ksTIEs.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"./ariaObserver.js";import"./overlayManager.js";import"./overlayUtils.js";var l=[[r,[function(t,e,o){var s=t?"["+t+"]":"",r=t?"["+t+"-host]":"";return(e?":host .kdds-modal__footer":r+" .kdds-modal__footer")+s+" {--kdds-c-modal-footer-padding-block-start: 10px;--kdds-c-modal-footer-padding-block-end: 11px;border-block-start-width: var(--kdds-c-modal-footer-border-width, 1px);border-block-start-style: solid;border-block-start-color: var(--kdds-c-modal-border, #D9D9D9);background-color: var(--kdds-c-modal-footer-background, #FFF);-ms-flex-negative: 0;flex-shrink: 0;padding-block-start: var(--kdds-c-modal-footer-padding-block-start, 10px);padding-inline-end: 1rem;padding-block-end: var(--kdds-c-modal-footer-padding-block-end, 11px);padding-inline-start: 1rem;box-shadow: var(--kdds-c-modal-shadow-bottom, 0 8px 20px rgba(0, 0, 0, 0.1));position: relative;}"+(e?':host([data-rtl="true"]) .kdds-modal__footer':r+'[data-rtl="true"] .kdds-modal__footer')+s+" {direction: rtl;}"+(e?":host .slds-hide":r+" .slds-hide")+s+" {display: none !important;}@media (width <=30em) {"+(e?":host([data-render-mode=\"shadow\"][data-size='full']) [part='modal-footer']":r+"[data-size='full'][data-render-mode=\"shadow\"] [part='modal-footer']")+s+" {grid-area: footer;border-start-end-radius: 0;border-end-start-radius: 0;box-shadow: none;}"+(e?":host([data-render-mode=\"shadow\"][data-size='full']) {":r+"[data-size='full'][data-render-mode=\"shadow\"] {")+"display: contents;}}"+(e?":host .slds-modal__footer":r+" .slds-modal__footer")+s+" .slds-button"+s+"+.slds-button"+s+" {margin-inline-start: var(--slds-g-spacing-2, 0.5rem);}"+(e?':host([data-render-mode="shadow"].slds-modal__footer_directional) ':r+'.slds-modal__footer_directional[data-render-mode="shadow"] ')+s+"::slotted(.slds-button:first-child) {float: inline-start;margin-inline-start: 0;}"+(e?':host([data-render-mode="shadow"].slds-modal__footer_directional) ':r+'.slds-modal__footer_directional[data-render-mode="shadow"] ')+s+"::slotted(.slds-button) {margin-inline-start: var(--slds-g-spacing-2, 0.5rem);}"}]],function(t,e,o){return"@media only screen and (max-width: 42.688rem) {.slds-modal__footer__reflow_resize"+(t?"["+t+"]":"")+" {padding-top: 0;padding-bottom: 0;}}"}];const n={part:"modal-footer"},m={"data-footer-slot":""},h=[];function c(t,e,o,s){const{ncls:r,b:a,s:d,h:i}=t,{_m0:l,_m1:c}=s;return[i("div",{className:r(e.footerCssClasses),attrs:n,key:0,on:l||(s._m0={focusin:a(e.handleModalFooterFocusin)})},[d("",{attrs:m,key:1,on:c||(s._m1={slotchange:a(e.handleDefaultSlotChange)})},h,o)])]}var p=t(c);c.slots=[""],c.stylesheets=[],c.stylesheetToken="kwc-3br853g5sta",c.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalFooter-undefined_modalFooter",l&&c.stylesheets.push.apply(c.stylesheets,l),e(c);const u="kdds-modal__footer",f="kdds-hide",g=`.${u}`;class b extends a{constructor(...t){super(...t),this.initialRender=!0,this.initialSlotRender=!0,this.hideFooter=!1,this.unregisterCallback=null,this.handleModalFooterFocusin=i.bind(this)}handleDefaultSlotChange(){this.initialSlotRender&&(this.initialSlotRender=!1),this.registerWithParent(),this.hideFooter=!this.isDefaultSlotPopulated}get footerCssClasses(){const t=d(u);return t.add({[f]:this.hideFooter}),t.toString()}get footerHeight(){const t=this.template.querySelector(g),e=t?t.getBoundingClientRect():{},{height:o}=e;return o||0}get defaultSlotElement(){return this.template.querySelector("[data-footer-slot]")}get isDefaultSlotPopulated(){const t=this.defaultSlotElement;return!t||!t.assignedNodes||t.assignedNodes().length>0}registerWithParent(){const t=new CustomEvent("privatemodalfooterregister",{bubbles:!0,composed:!0,detail:{footerHeight:this.footerHeight,defaultSlotIsPopulated:this.isDefaultSlotPopulated,defaultSlotHasRendered:!this.initialSlotRender,unRegisterCallback:t=>{this.unregisterCallback=t}}});this.dispatchEvent(t)}initState(){this.initialRender=!0,this.initialSlotRender=!0,this.hideFooter=!1,this.unregisterCallback=null}connectedCallback(){super.connectedCallback(),this.initState()}disconnectedCallback(){this.unregisterCallback&&this.unregisterCallback()}renderedCallback(){this.initialRender&&(this.registerWithParent(),this.initialRender=!1),this.hideFooter=!this.isDefaultSlotPopulated}}o(b,{fields:["initialRender","initialSlotRender","hideFooter","unregisterCallback","handleModalFooterFocusin"]});const k=s(b,{tmpl:p,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalFooter-",apiVersion:63});export{k as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parseFragment as e,registerTemplate as t,freezeTemplate as a,registerDecorators as l,registerComponent as d}from"@kdcloudjs/kwc";import{s as r}from"../kddsCommon-CucK_w70.js";import{s
|
|
1
|
+
import{parseFragment as e,registerTemplate as t,freezeTemplate as a,registerDecorators as l,registerComponent as d}from"@kdcloudjs/kwc";import{s as r}from"../kddsCommon-CucK_w70.js";import{s}from"../kddsUtilsHyphenation-DjH4tlai.js";import i from"./shadowBaseClassPrivate.js";import{F as o}from"../utilsPrivate-ekbvijnB.js";import{modalFocusinEventHandler as n}from"./modalUtils.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"../focus-93ksTIEs.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"../classSet-DY6Qvt6E.js";import"./ariaObserver.js";import"./overlayManager.js";import"./overlayUtils.js";var h=[r,[function(e,t,a){var l=e?"["+e+"]":"",d=e?"["+e+"-host]":"";return(t?":host .kdds-modal__header":d+" .kdds-modal__header")+l+" {display: flex;flex-direction: row;justify-content: space-between;position: relative;border-block-end-width: var(--kdds-c-modal-header-border-width, 1px);border-block-end-style: solid;border-block-end-color: var(--kdds-c-modal-border, #D9D9D9);background-color: var(--kdds-c-modal-header-background, #fff);color: var(--kdds-c-modal-title-color, #212121);flex-shrink: 0;padding-block-start: var(--kdds-c-modal-header-padding-top, calc(0.75rem + 1px));padding-inline-end: 1rem;padding-block-end: var(--kdds-c-modal-header-padding-bottom, calc(0.75rem + 1px));padding-inline-start: 1rem;}"+(t?':host([data-rtl="true"]) .kdds-modal__header':d+'[data-rtl="true"] .kdds-modal__header')+l+" {direction: rtl;}"+(t?":host .kdds-modal__title":d+" .kdds-modal__title")+l+" {font-weight: var(--kdds-c-modal-title-font-weight);font-size: var(--kdds-c-modal-title-font-size, 1rem);line-height: var(--kdds-g-font-line-height-4, 1.5);min-width: 36px;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap;pointer-events: none;}@media (width <=30em) {"+(t?":host([data-render-mode=\"shadow\"][data-size='full']) [part='modal-header']":d+"[data-size='full'][data-render-mode=\"shadow\"] [part='modal-header']")+l+" {grid-area: header;border-start-start-radius: 0;border-start-end-radius: 0;}"+(t?":host([data-render-mode=\"shadow\"][data-size='full']) {":d+"[data-size='full'][data-render-mode=\"shadow\"] {")+"display: contents;}}"}],s,function(e,t,a){var l=e?"["+e+"]":"";return"@media only screen and (max-width: 42.688rem) {.kdds-modal__header__reflow_resize"+l+",\r .kdds-modal_full"+l+" .kdds-modal__header__reflow_resize"+l+" {padding-top: 0;padding-bottom: 0;}}"}];const m=e`<h1${"a0:id"} class="kdds-modal__title${0}" tabindex="-1" data-label${2}>${"t1"}</h1>`,p={"kdds-modal__header":!0},c={part:"modal-header"},u={"data-default-slot":""},k=[];function b(e,t,a,l){const{b:d,gid:r,d:s,sp:i,st:o,s:n,h:h}=e,{_m0:b,_m1:f,_m2:g,_m3:_}=l;return[h("div",{classMap:p,attrs:c,key:0,on:b||(l._m0={focusin:d(t.handleModalHeaderFocusin)})},[t.label?o(m,2,[i(0,{on:g||(l._m2={dblclick:d(t.handleDBClick)}),attrs:{id:r("modal-label")}},null),i(1,null,s(t.label))]):null,n("",{attrs:u,key:3,on:_||(l._m3={slotchange:d(t.handleDefaultSlotChange)})},k,a)])]}var f=t(b);b.slots=[""],b.stylesheets=[],b.stylesheetToken="kwc-35qdvcs1qr5",b.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalHeader-undefined_modalHeader",h&&b.stylesheets.push.apply(b.stylesheets,h),a(b);class g extends i{constructor(...e){super(...e),this.initialRender=!0,this.initialSlotRender=!0,this.unregisterCallback=null,this.defaultSlotPopulated=void 0,this.label="",this.handleModalHeaderFocusin=n.bind(this)}handleDefaultSlotChange(){this.initialSlotRender&&(this.initialSlotRender=!1),this.registerWithParent()}handleDBClick(e){e.stopPropagation()}get headerHeight(){const e=this.template.querySelector(".kdds-modal__header"),t=e?e.getBoundingClientRect():{},{height:a}=t;return a||0}get modalTitleElement(){return this.template.querySelector("[data-label]")}get modalLabelId(){const e=this.modalTitleElement;return o(e)}get defaultSlotWrapperElement(){return this.template.querySelector("[data-slot-wrapper]")}get defaultSlotWrapperId(){return o(this.defaultSlotWrapperElement)}get defaultSlotElement(){return this.template.querySelector("[data-default-slot]")}get isDefaultSlotPopulated(){const e=this.defaultSlotElement;if(e&&e.assignedNodes){const t=e.assignedNodes().length>0;return this.defaultSlotPopulated=t,t}return this.defaultSlotPopulated=!1,!1}get isLabelPopulated(){return this.label&&this.label.trim().length>0||!1}registerWithParent(){const e=new CustomEvent("privatemodalheaderregister",{bubbles:!0,composed:!0,detail:{labelId:this.modalLabelId,labelIsPopulated:this.isLabelPopulated,headerHeight:this.headerHeight,defaultSlotWrapperId:this.defaultSlotWrapperId,defaultSlotIsPopulated:this.isDefaultSlotPopulated,defaultSlotHasRendered:!this.initialSlotRender,unRegisterCallback:e=>{this.unregisterCallback=e},headerRef:this.modalTitleElement}});this.dispatchEvent(e)}initState(){this.initialRender=!0,this.initialSlotRender=!0,this.unregisterCallback=null}connectedCallback(){super.connectedCallback(),this.initState()}renderedCallback(){this.initialRender&&(this.registerWithParent(),this.initialRender=!1)}disconnectedCallback(){this.unregisterCallback&&this.unregisterCallback()}}l(g,{publicProps:{label:{config:0}},fields:["initialRender","initialSlotRender","unregisterCallback","defaultSlotPopulated","handleModalHeaderFocusin"]});const _=d(g,{tmpl:f,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\modalHeader-",apiVersion:63});export{_ as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as t,r as o}from"../focus-93ksTIEs.js";import{isKwcModalActive as
|
|
1
|
+
import{g as t,r as o}from"../focus-93ksTIEs.js";import{isKwcModalActive as s}from"./overlayManager.js";import{secure as i}from"./overlayUtils.js";import"./tooltipLibrary.js";import"@kdcloudjs/kwc";import"./positionLibrary.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"../utilsPrivate-ekbvijnB.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./primitiveBubble.js";import"../kddsCommon-CucK_w70.js";import"./shadowBaseClassPrivate.js";import"../classSet-DY6Qvt6E.js";import"./ariaObserver.js";const r=["lightning-modal-header","lightning-modal-body","lightning-modal-footer","lightning-focus-trap","lightning-overlay-container"];function e(e){const{isModalClosing:a,lastFocusedElement:l}=this;if(!s()||a)return;let n=null;e.target&&"function"==typeof e.target.closest?n=e.target.closest(r.join(",")):e.relatedTarget&&"function"==typeof e.relatedTarget.closest&&(n=e.relatedTarget.closest(r.join(","))),n?(this.lastFocusedElement=t(),this.dispatchEvent(new CustomEvent("privatelightningmodallastfocus",{composed:!0,bubbles:!0,detail:{[i]:!0,privatelightningmodallastfocus:this.lastFocusedElement}}))):l&&(l.ariaHasPopup||o(l))}export{e as modalFocusinEventHandler};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as t}from"../i18n-B98kiI7M.js";import{D as n,E as r}from"../intlFormat-DNT_1eg4.js";import{n as e}from"../NumberFormat-CVAfQTsE.js";import"../observable-tloG64m6.js";import{
|
|
1
|
+
import{n as t}from"../i18n-B98kiI7M.js";import{D as n,E as r}from"../intlFormat-DNT_1eg4.js";import{n as e}from"../NumberFormat-CVAfQTsE.js";import"../observable-tloG64m6.js";import{b as i}from"../utilsPrivate-ekbvijnB.js";import"./features.js";import{i as s}from"../utils-CB_20U-G.js";import"./i18nCldrOptions.js";import"../ssr-C2pjZzfv.js";import"./iso8601Utils.js";import"./i18nService.js";import"./configProvider.js";import"../empty_html-CjXB8rB4.js";import"@kdcloudjs/kwc";import"../classSet-DY6Qvt6E.js";import"../labelUtils-DAuN2uUV.js";import"../label-CY8Q8HAO.js";import"../client-Ddi3i8XR.js";import"../colorValid-qIPgkqGp.js";const{groupingSeparator:o,decimalSeparator:c}=t,a=new RegExp("^[-+0-9kKmMbBtTeE.,٠-٩۰-۹߀-߉०-९০-৯੦-੯૦-૯୦-୯௦-௯౦-౯೦-೯൦-൯෦-෯๐-๙໐-໙༠-༩၀-၉႐-႙០-៩᠐-᠙᥆-᥏᧐-᧙᪀-᪉᪐-᪙᭐-᭙᮰-᮹᱀-᱉᱐-᱙꘠-꘩꣐-꣙꤀-꤉꧐-꧙꧰-꧹꩐-꩙꯰-꯹]$"),l={k:3,m:6,b:9,t:12},u=["k","m","b","t"],f=["+","-"];function p(t){const n=j(t);return isNaN(n)?"":n}function m(t){return!isNaN(j(t))}function g(t){return n(t.replace(".",c))}function h({value:t,increment:n,step:r,fractionDigits:e}){const i=""===t||null==t?"0":t,s=parseFloat(r);let o;if(isNaN(s))o=parseFloat(i)+n;else{const t=n*s;o=parseFloat(i)+t}return o.toFixed(e)}function d(t){let n;if(t){const r=String(t).toLowerCase();if("any"!==r){let t=0;if(r.indexOf(".")>=0&&r.indexOf("e")<0){const n=r.split(".")[1];parseInt(n,10)>0&&(t=n.length)}else if(r.indexOf("e-")>0){const n=r.split("e-"),e=n[0].split(".")[1],i=n[1],s=e?e.length:0;t=parseInt(i,10)+s}n=t}}return n}function b(t,n){if(s(t))return"";let r=t,i=t;const o=n.style,c={style:o};if(c.minimumFractionDigits=n.minimumFractionDigits,c.maximumFractionDigits=n.maximumFractionDigits,"percent-fixed"===o){c.style="percent";const t=i.toString(),n=parseFloat(i)/100;i=t.indexOf(".")>0&&t.indexOf("e")<0?n.toFixed(t.split(".")[1].length+2):n}try{r=e(c).format(i)||""}catch(t){}return r}function j(t,n){if(null==t||0===t.length)return"";const e=n?n.decimalSeparator:c,i=n?n.groupSeparator:o;let s=t.split(i).join("");return"."!==e&&(s=s.replace(e,".")),N(function(t){const n=t.indexOf(".");if(0===n||1===n){const r=t.charAt(0);"+"!==r&&"-"!==r&&"."!==r||(t=`${t.substring(0,n)}0${t.substring(n)}`)}return t}(r(s)))}function x(t){return a.test(t)}function $(t){const n="string"==typeof t?Number(t):t;return void 0===i(n)?"":String(t)}function F(t){const n=f.join(""),r=new RegExp(`[${n}]`);return!!t.match(r)}function w(t){const n=t.toLowerCase().trim(),r=u.join(""),e=new RegExp(`([${r}])`,"g"),i=n.match(e);if(i&&i.length>1)return!1;const s=new RegExp(`[${r}]$`);return null!==n.match(s)&&n.length>1}function N(t){if(!w(t))return t;let n=t.toLowerCase().trim();const r=n.charAt(n.length-1);if(n=n.substring(0,n.length-1),isNaN(n))return t;const e=n.split(".");let i=0;e.length>1&&(i=e[1].length);const s=l[r],o=Math.max(0,i-s);return parseFloat(n*Math.pow(10,s)).toFixed(o)}function E(t){const n=`${t}`.match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return n?Math.max(0,(n[1]?n[1].length:0)-(n[2]?Number(n[2]):0)):0}function O(t){return["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Escape","Enter","Home","End"].includes(t)}function S(t){return/^\d$/.test(t)||"."===t||"-"===t}function v(t){return/^0\d+/.test(t)&&!t.startsWith("0.")||/^-0\d+/.test(t)&&!t.startsWith("-0.")}function y(t,n,r,e,i){const s=t.substring(0,r)+n+t.substring(e);if("-"===n&&((s.match(/-/g)||[]).length>1||0!==r))return!1;if("."===n){if(0===i)return!1;if((s.match(/\./g)||[]).length>1)return!1;if("."===s||"-."===s)return!1}if(s.includes(".")&&i>0){if((s.split(".")[1]||"").length>i)return!1}return!v(s)}function D(t,n){const r=t.replace(/。/,".");let e=t.split("").filter(t=>S(t)).join("");if(e.includes("-")){const t=e.indexOf("-");e=0===t?`-${e.substring(1).replace(/-/g,"")}`:e.replace(/-/g,"")}if(0===n)e=e.replace(/\./g,"");else if(e.includes(".")){const t=e.indexOf(".");e=e.substring(0,t+1)+e.substring(t+1).replace(/\./g,"")}for(e.startsWith(".")&&(e=e.substring(1)),e.startsWith("-.")&&e.length>2&&(e=`-${e.substring(2)}`);v(e);)e.startsWith("0")?e=e.substring(1):e.startsWith("-0")&&(e=`-${e.substring(2)}`);if(""===e&&r.includes("-")&&1===r.length&&(e="-"),""===e&&"0"===r&&(e="0"),e.includes(".")&&n>0){const t=e.split(".");e=`${t[0]}.${(t[1]||"").substring(0,n)}`}return e}export{d as calculateFractionDigitsFromStep,D as cleanValue,N as expandShortcuts,b as formatNumber,g as fromIsoDecimal,E as getDecimalPlaces,w as hasValidNumberShortcut,F as hasValidNumberSymbol,h as increaseNumberByStep,S as isAllowedChar,O as isControlKey,y as isValidInput,m as isValidNumber,x as isValidNumberCharacter,$ as stringifyNumber,p as toIsoDecimal,j as transformLocalizedNumberToIsoDecimal};
|
package/dist/esm/kd/overlay.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{registerTemplate as e,freezeTemplate as o,registerDecorators as s,registerComponent as t,createElement as r}from"@kdcloudjs/kwc";import{features as i}from"./features.js";import
|
|
1
|
+
import{registerTemplate as e,freezeTemplate as o,registerDecorators as s,registerComponent as t,createElement as r}from"@kdcloudjs/kwc";import{features as i}from"./features.js";import a from"./shadowBaseClassPrivate.js";import{i as l}from"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{instanceName as n}from"./overlayUtils.js";import c from"./overlayContainer.js";import"../empty_html-CjXB8rB4.js";import"../utilsPrivate-ekbvijnB.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./overlayManager.js";const p=[];function m(e,o,s,t){return p}var d=e(m);m.stylesheets=[],m.stylesheetToken="kwc-4moccb0qcel",m.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\overlay-undefined_overlay",o(m);const u="kingdee-overlay-container";function k(){let e=document.querySelector(`body > ${u}`);return e||(e=r(u,{is:c}),i.ENABLE_OVERLAY_SLDS_SCOPE_CLASS&&e.classList.add("slds-scope"),document.body.appendChild(e)),e}class y extends a{connectedCallback(){super.connectedCallback()}static open(e){return l?k().push(this,e):new Promise(()=>{})}close(e,o){l&&k().pop(this.template.host,e,o)}}y[n]="kingdee-overlay",s(y,{publicMethods:["close"]});const j=t(y,{tmpl:d,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\overlay-",apiVersion:63});export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parseFragment as e,registerTemplate as t,freezeTemplate as s,registerDecorators as o,registerComponent as n,createElement as r}from"@kdcloudjs/kwc";import i from"./shadowBaseClassPrivate.js";import{parent as l,instanceName as a,normalizeApis as d}from"./overlayUtils.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{
|
|
1
|
+
import{parseFragment as e,registerTemplate as t,freezeTemplate as s,registerDecorators as o,registerComponent as n,createElement as r}from"@kdcloudjs/kwc";import i from"./shadowBaseClassPrivate.js";import{parent as l,instanceName as a,normalizeApis as d}from"./overlayUtils.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{g as c}from"../utilsPrivate-ekbvijnB.js";import{addOverlayToSharedState as m,normalizeOverlayDetails as p,removeOverlayFromSharedState as h,subscribeOverlay as f,KWC_OVERLAY_TYPES as u,getStatCount as v,KWC_OVERLAY_ENGINE as y,KWC_TOAST_CONTAINER_STARTING_ZINDEX as k,KWC_OVERLAY_STARTING_ZINDEX as w,KWC_ZINDEX_OFFSET as C,KWC_ZINDEX_INCREMENT as j,TYPE_TOAST_CONTAINER as g}from"./overlayManager.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../empty_html-CjXB8rB4.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";const x=e`<div data-overlay-container lwc:dom="manual"${3}></div>`;function E(e,t,s,o){const{st:n}=e;return[n(x,1)]}var I=t(E);E.stylesheets=[],E.stylesheetToken="kwc-58h0h15lhrn",E.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\overlayContainer-undefined_overlayContainer",s(E);class N extends i{constructor(...e){super(...e),this.stack=[],this.afterFirstRender=!1}get root(){return this.template.querySelector("[data-overlay-container]")}push(e,t){if("object"!=typeof(t=t||{}))throw new Error("Invalid .open() or .open({}) argument.");if("innerHTML"in t||"outerHTML"in t)throw new Error("Illegal api values");const{[a]:s,[l]:o}=e;if(!this.isOverlayAllowedToAdd(s))return Promise.reject();const n=r(s,{is:e}),i=d(t);Object.entries(i).forEach(([e,t])=>{const s=e.toLowerCase().match(/^on(.+)/);if(s){const e=s[1];n.addEventListener(e,t)}else n[e]=t});let h=null;const f=c();if(o){const e=r(o[a],{is:o});this.root.appendChild(e),e.defaultSlot.appendChild(n),h=new Promise(t=>{this.stack.push({resolve:t,element:n,parentElement:e,id:f})})}else this.root.appendChild(n),h=new Promise(e=>{this.stack.push({resolve:e,element:n,id:f})});const u=p(y,s,{id:f});return m(u),h}findElementInStack(e){return this.stack.find(t=>t.element===e)}findElementIndexInStack(e){return this.stack.indexOf(t=>t.element===e)}pop(e,t,s){const o=this.findElementInStack(e);if(o&&!o.isClosing){o.isClosing=!0;const{element:e,parentElement:n,resolve:r,id:i}=o;r(t),s?s.then(()=>{this.removeOverlay(e,n,i)}):this.removeOverlay(e,n,i)}return null}removeOverlay(e,t,s){const o=e&&e.tagName.toLowerCase();if(t){const{defaultSlot:e}=t;t.parentNode&&t.parentNode.removeChild(t),e&&e.firstElementChild&&e.removeChild(e.firstElementChild)}else e&&(e.parentNode?e.parentNode.removeChild(e):e.remove());const n=this.findElementIndexInStack(e);n>-1&&this.stack.splice(n,1);const r=p(y,o,{id:s});h(r)}connectedCallback(){f(this.afterFirstRender,e=>{const{mixedOverlayPresent:t,auraHighestZindex:s,lwcAllOverlayCount:o,stack:n}=e;if(0===o)return;let r=w,i=0;const l=k;n.forEach((o,n)=>{const{overlayEngine:a,overlayType:d,overlayDetails:c}=o;let m;const h=u[d]&&u[d].pos||"fixed",f=d===g;if(t)if(a===y){m=this.root.childNodes[i];const t=!(!c||!c.zIndex),o=c&&c.zIndex;let u;if(!t||Number.isNaN(o)){f?u=l:(r=0!==n?s+C:r,u=r);const t={zIndex:u},o=p(a,d,Object.assign({},c,t));null!==o&&(e.stack[n]=o)}else f?u=o>=k?o:k:(r=o>=w?o:w,u=r);m&&(m.style.zIndex=u,m.style.position=h,i+=1)}else r+=j;else if(m=this.root.childNodes[i],m){const t=f?l:r;m.style.zIndex=t,m.style.position=h;const s={zIndex:t},o=p(a,d,Object.assign({},c,s));null!==o&&(e.stack[n]=o),i+=1}})}),this.afterFirstRender=!0}isOverlayAllowedToAdd(e){if(!!!u[e])return!1;const{maxNum:t,statName:s}=u[e],o=void 0===t,n=s&&v(s)||0;return o||t>n}}o(N,{publicMethods:["push","pop"],fields:["stack","afterFirstRender"]});const b=n(N,{tmpl:I,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\overlayContainer-",apiVersion:63});export{b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{registerTemplate as t,freezeTemplate as i,registerDecorators as e,registerComponent as o,KingdeeElement as r}from"@kdcloudjs/kwc";import s from"./button.js";import
|
|
1
|
+
import{registerTemplate as t,freezeTemplate as i,registerDecorators as e,registerComponent as o,KingdeeElement as r}from"@kdcloudjs/kwc";import s from"./button.js";import a from"./datatable.js";import"./icon.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"../colorValid-qIPgkqGp.js";import"../kddsCommon-CucK_w70.js";import"../kddsUtilsVisibility-BQdWrRzW.js";import"../kddsUtilsMargin-QLmlO60p.js";import"../kddsUtilsHyphenation-DjH4tlai.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"../ssr-C2pjZzfv.js";import"../utilsPrivate-ekbvijnB.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"./shadowBaseClassPrivate.js";import"./input.js";import"../baseInput-Bgv7mEy2.js";import"./features.js";import"../normalize-qdEPAG8z.js";import"../index.esm-DycIHCS9.js";import"../utils-CB_20U-G.js";import"./primitiveDatatableIeditInputWrapper.js";import"../label-CY8Q8HAO.js";import"./overlayManager.js";import"../classSet-DY6Qvt6E.js";import"../labelUtils-DAuN2uUV.js";import"./primitiveHeaderFactory.js";import"../primitiveDatatableCell-BRBOc7hR.js";import"./primitiveHeaderActions.js";import"./menuItem.js";import"./menuDivider.js";import"./buttonMenu.js";import"./positionLibrary.js";import"./tooltipLibrary.js";import"./primitiveBubble.js";import"./ariaObserver.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"./spin.js";import"../idGenerator-D2O_IHg9.js";import"./resizeObserver.js";import"../takeUntil-BqTBLaTv.js";const m={props:{label:"按钮"},key:0};function p(t,i,e,o){const{c:r}=t;return[r("kd-button",s,m),r("kd-datatable",a,{props:{keyField:"id",data:i.data,columns:i.columns},key:1})]}var l=t(p);p.stylesheets=[],p.stylesheetToken="kwc-3tnguecehod",p.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\playground-undefined_playground",i(p);const n=(d=12345,function(){let t=d+=1831565813;return t=Math.imul(t^t>>>15,1|t),t^=t+Math.imul(t^t>>>7,61|t),((t^t>>>14)>>>0)/4294967296});var d;const j=[{label:"Label",fieldName:"name",editable:!0,hideDefaultActions:!0},{label:"Website",fieldName:"website",type:"url",hideDefaultActions:!0},{label:"Phone",fieldName:"phone",type:"phone",hideDefaultActions:!0},{label:"Balance",fieldName:"amount",type:"currency",hideDefaultActions:!0},{label:"CloseAt",fieldName:"closeAt",type:"date",hideDefaultActions:!0}];class c extends r{constructor(...t){super(...t),this.columns=j,this.data=[]}connectedCallback(){const t=function({amountOfRecords:t}){return[...Array(t)].map((t,i)=>({name:`Name (${i})`,website:"www.kingdee.com",amount:Math.floor(100*n()),phone:`${Math.floor(9e9*n())+1e9}`,closeAt:new Date(Date.now()+864e5*Math.ceil(20*n()))}))}({amountOfRecords:5});this.data=t}}e(c,{fields:["columns","data"]});const u=o(c,{tmpl:l,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\playground-",apiVersion:63});export{u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{n as t}from"../normalize-C0Pp7GJL.js";import{assert as e,getZIndexBaseline as i}from"./utilsPrivate.js";import"../empty_html-CjXB8rB4.js";import"@kdcloudjs/kwc";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";const o="data-position-id";const n=new class{get window(){return this._window||(this._window=window,this.window.getComputedStyle||(this.window.getComputedStyle=t=>t.style)),this._window}mockWindow(t){this._window=t}get documentElement(){return e(this.window.document),this.window.document.documentElement}get MutationObserver(){return this.window.MutationObserver}isWindow(t){return t&&("[object Window]"===t.toString()||t instanceof Window)}};function s(t){return t&&11===t.nodeType}function r(t,e,i){if(!t||t===e||t===document.body)return null;try{const o=n.window.getComputedStyle(t);return o?i(o)?t:r(s(t.parentNode)?t.parentNode.host:t.parentNode,e,i):null}catch(t){return null}}function h(t){return t===n.window||(!(s(t.parentNode)||!t.parentNode||!t.parentNode.tagName||"BODY"!==t.parentNode.tagName.toUpperCase())||(s(t.parentNode)&&t.parentNode.host?h(t.parentNode.host):!!t.parentNode&&h(t.parentNode)))}function l(t){return t.nodeType&&(1===t.nodeType||11===t.nodeType)}let a=1e6;function d(t){const e="lgcp-"+a++;return t.setAttribute(o,e),t=document.querySelector(`[${o}="${e}"]`)||t}function c(t,e,i,o,s){const h=e.isInside||!s&&(l=o,a=n.window,r(l,a,t=>"hidden"===t["overflow-x"]||"hidden"===t["overflow-y"]));var l,a;return t.style.position=h?"fixed":"absolute",t.style.zIndex=i||0,t.style.left="-9999px",t.style.right="auto",t.style.top="0px",{element:t,overlay:e}}function p(t){return t&&function(t){return"px"===t.slice(-2)}(t)?parseFloat(t):0}const u={Center:"center",Middle:"middle",Right:"right",Left:"left",Bottom:"bottom",Top:"top",Default:"default"},f={top:u.Top,bottom:u.Bottom,center:u.Middle},g={left:u.Left,right:u.Right,center:u.Center},m={left:u.Right,right:u.Left,top:u.Bottom,bottom:u.Top,center:u.Center,default:u.Right};function b(t){if(t)return t.getBoundingClientRect();const e={width:n.window.innerWidth||document.body.clientWidth||0,height:n.window.innerHeight||document.body.clientHeight||0,top:0,left:0};return e.bottom=e.height,e.right=e.width,e}function w(e,i){return t(e,{fallbackValue:i||u.Default,validValues:[u.Center,u.Right,u.Left,u.Bottom,u.Top,u.Middle,u.Default]})}function v(t){return t=w(t,u.Left),m[t]}class y{constructor(t,e,i,o){this.pad=t||0,this.boxDirections=e||{left:!0,right:!0},this.transformX=i||function(){},this.transformY=o||function(){}}transform(){}}const _={center:(t,e)=>Math.floor(t+.5*e.width),right:(t,e)=>t+e.width,left:t=>t,bottom:(t,e)=>t+e.height},x={top:class extends y{transform(t,e){return{top:Math.floor(this.transformY(t.top,t,e)+this.pad)}}},bottom:class extends y{transform(t,e){return{top:Math.floor(this.transformY(t.top,t,e)-e.height-this.pad)}}},center:class extends y{transform(t,e){return{left:Math.floor(this.transformX(t.left,t,e)-.5*e.width)}}},middle:class extends y{transform(t,e){return{top:Math.floor(.5*(2*t.top+t.height-e.height))}}},left:class extends y{transform(t,e){return{left:Math.floor(this.transformX(t.left,t,e)+this.pad)}}},right:class extends y{transform(t,e){return{left:Math.floor(this.transformX(t.left,t,e)-e.width-this.pad)}}},below:class extends y{transform(t,e){const i=t.top+t.height+this.pad;return e.top<i?{top:i}:{}}},"bounding box":class extends y{transform(t,e){const i={};return this.boxDirections.top&&e.top<t.top+this.pad&&(i.top=t.top+this.pad),this.boxDirections.left&&e.left<t.left+this.pad&&(i.left=t.left+this.pad),this.boxDirections.right&&e.left+e.width>t.left+t.width-this.pad&&(i.left=t.left+t.width-e.width-this.pad),this.boxDirections.bottom&&e.top+e.height>t.top+t.height-this.pad&&(i.top=t.top+t.height-e.height-this.pad),i}},"shrinking box":class extends y{transform(t,e){const i={};return this.boxDirections.top&&e.top<t.top+this.pad&&(i.top=t.top+this.pad,i.height=Math.max(e.height-(i.top-e.top),36)),this.boxDirections.left&&e.left<t.left+this.pad&&(i.left=t.left+this.pad,i.width=Math.max(e.width-(i.left-e.left),36)),this.boxDirections.right&&e.left+e.width>t.left+t.width-this.pad&&(i.right=t.left+t.width-this.pad,i.width=Math.max(i.right-(i.left||e.left),36)),this.boxDirections.bottom&&e.top+e.height>t.top+t.height-this.pad&&(i.bottom=t.top+t.height-this.pad,i.height=Math.max(i.bottom-(i.top||e.top),36)),i}},"inverse bounding box":class extends y{transform(t,e){const i={};return this.boxDirections.left&&t.left-this.pad<e.left&&(i.left=t.left-this.pad),this.boxDirections.right&&e.left+e.width<t.left+t.width+this.pad&&(i.left=t.width+this.pad-e.width+t.left),this.boxDirections.top&&t.top<e.top+this.pad&&(i.top=t.top-this.pad),this.boxDirections.bottom&&e.top+e.height<t.top+t.height+this.pad&&(i.top=t.height+this.pad-e.height+t.top),i}},default:y};function C(t){return _[t]||_.left}class M{type(t){return this._type=t,this}align(t,e){return this._transformX=C(t),this._transformY=C(e),this}pad(t){return this._pad=parseInt(t,10),this}boxDirections(t){return this._boxDirections=t,this}build(){return new(x[this._type]?x[this._type]:x[u.Default])(this._pad||0,this._boxDirections||{},this._transformX||C(u.left),this._transformY||C(u.left))}}class I{constructor(t,e){const{target:i,element:o,pad:n,boxDirections:s}=e,{horizontal:r,vertical:h}=e.targetAlign;this._element=o,this._targetElement=i,this.destroyed=!1,this._transformer=(new M).type(t).align(r,h).pad(n).boxDirections(s).build()}detach(){this._disabled=!0}attach(){this._disabled=!1}computeDisplacement(){return this._disabled||(this._targetElement.refresh(),this._element.refresh(),this._pendingBox=this._transformer.transform(this._targetElement,this._element)),this}computePosition(){const t=this._element;return this._disabled||Object.keys(this._pendingBox).forEach(e=>{const i=this._pendingBox[e];t.setDirection(e,i)}),this}destroy(){this._element.release(),this._targetElement.release(),this._disabled=!0,this.destroyed=!0}}class L{constructor(t,e){if(this.id=e,this.width=0,this.height=0,this.left=0,this.top=0,this.right=0,this.bottom=0,this._dirty=!1,this._node=null,this._releaseCb=null,!t)throw new Error("Element missing");n.isWindow(t)&&(t=n.window),this._node=t,this.setupObserver(),this.refresh()}setupObserver(){n.MutationObserver&&!this._node.isObserved&&(this._observer=new n.MutationObserver(this.refresh.bind(this)),n.isWindow(this._node)||(this._observer.observe(this._node,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),this._node.isObserved=!0))}setReleaseCallback(t,e){const i=e||this;this._releaseCb=t.bind(i)}checkNodeIsInDom(){return!!h(this._node)}refresh(){const t=n.window;if(!this.isDirty()){if(!this.checkNodeIsInDom())return this.release();let e,i,o,s;if(void 0!==t.pageYOffset?(o=t.pageYOffset,s=t.pageXOffset):(o=t.scrollY,s=t.scrollX),n.isWindow(this._node))e={},this.width=n.documentElement.clientWidth,this.height=n.documentElement.clientHeight,this.left=s,this.top=o,this.right=n.documentElement.clientWidth+s,this.bottom=n.documentElement.clientHeight;else{const{offsetHeight:t}=this._node;for(i in e=this._node.getBoundingClientRect(),e)this[i]=Math.floor(e[i]);this.top=Math.floor(this.top+o),this.bottom=Math.floor(this.top+e.height),this.left=Math.floor(this.left+s),this.right=Math.floor(this.left+e.width)}this._dirty=!1}return this._dirty}getNode(){return this._node}isDirty(){return this._dirty}getElementZoomRatio(){const t=this._node,e=t.getBoundingClientRect(),i=t.offsetWidth||Math.round(e.width)||1,o=t.offsetHeight||Math.round(e.height)||1,n=Math.round(e.width),s=Math.round(e.height),r=Number((n/i).toFixed(2)),h=Number((s/o).toFixed(2));return Math.min(r,h)}bake(){const t=n.window,e=this._node.getBoundingClientRect(),i=t.getComputedStyle(this._node)||this._node.style,o=void 0!==t.pageYOffset,s=o?t.pageYOffset:t.scrollY,r=o?t.pageXOffset:t.scrollX,h=i.left.match(/auto|fixed/)?"0":p(i.left),l=i.top.match(/auto|fixed/)?"0":p(i.top),a=this.getElementZoomRatio(),d=t=>t/a,c=d(p(i.marginTop)),u=d(Math.round(e.top))+s-(d(this.top)<d(Math.round(e.top))+s?c:-c),f=d(this.top)<d(u)?c:-c,g=d(Math.round(e.left)+r),m=d(Math.round(e.top)+s);let b=Math.round(d(this.left)-g);const w=Math.round(d(this.top)-(m+f)),v=t.innerWidth||document.body.clientWidth;let y=parseInt(i.right,10);if(h+b+this._node.offsetWidth*a>v&&y<=0&&(y=y<0?-y:b,this._node.style.right=-y+"px",b=0),this._node.style.left=`${h+b}px`,this._node.style.top=`${l+w}px`,this._restoreSize){void 0===this.originalHeight&&(this.originalHeight=this._node.style.height),void 0===this.originalWidth&&(this.originalWidth=this._node.style.width);const t=d(this.width),e=d(this.height);this._node.style.width=`${t}px`,this._node.style.height=`${e}px`}this._dirty=!1}setDirection(t,e){this[t]=e,this._dirty=!0,"height"!==t&&"width"!==t||(this._restoreSize=!0)}release(){this._restoreSize&&(this._node.style.width=this.originalWidth,this._node.style.height=this.originalHeight,this._removeMinHeight&&(this._node.style.minHeight="")),this._releaseCb&&this._releaseCb(this),this._observer&&(this._observer.disconnect(),this._observer=null)}querySelectorAll(t){return this._node.querySelectorAll(t)}}const k=new class{constructor(){this.proxyCache={}}get count(){return Object.keys(this.proxyCache).length}releaseOrphanProxies(){for(const t in this.proxyCache)this.proxyCache[t].el.checkNodeIsInDom()||this.proxyCache[t].el.release()}bakeOff(){for(const t in this.proxyCache)this.proxyCache[t].el.isDirty()&&this.proxyCache[t].el.bake()}getReferenceCount(t){const{id:e}=t;return e&&this.proxyCache[e]?this.proxyCache[e].refCount:0}release(t){const e=this.proxyCache[t.id];e&&--e.refCount,e&&e.refCount<=0&&delete this.proxyCache[t.id]}reset(){this.proxyCache={}}create(t){let i="window";if(n.isWindow(t)||(i=t?t.getAttribute(o):null,e(i&&t.nodeType&&(1!==t.nodeType||11!==t.nodeType))),this.proxyCache[i])return this.proxyCache[i].refCount++,this.proxyCache[i].el;const s=new L(t,i);var r;return s.setReleaseCallback(D,s),this.proxyCache[i]={el:s,refCount:1},(r=0,new Promise(t=>{setTimeout(()=>{t()},r)})).then(()=>{this.releaseOrphanProxies()}),this.proxyCache[i].el}};function D(t){return k.release(t)}function S(t){return k.create(t)}const B=new class{constructor(){this.callbacks=[],this.repositionScheduled=!1,this._constraints=[],this.timeoutId=0,this.lastIndex=i(),this.eventsBound=!1}get nextIndex(){return this.lastIndex++}get constraints(){return this._constraints}set constraints(t){this._constraints=this._constraints.concat(t)}dispatchRepositionCallbacks(){for(;this.callbacks.length>0;)this.callbacks.shift()()}add(t){return"function"==typeof t&&(this.callbacks.push(t),!0)}scheduleReposition(t){0===this.timeoutId&&(this.timeoutId=setTimeout(()=>{this.reposition(t)},10))}reposition(t){"function"==typeof t&&this.callbacks.push(t),clearTimeout(this.timeoutId),this.timeoutId=0,this.repositionScheduled||(requestAnimationFrame(()=>{this.repositionScheduled=!1,this._constraints=this._constraints.filter(t=>!t.destroyed&&(t.computeDisplacement().computePosition(),!0)),k.bakeOff(),this.dispatchRepositionCallbacks()}),this.repositionScheduled=!0)}get repositioning(){return this._reposition||(this._reposition=this.scheduleReposition.bind(this)),this._reposition}bindEvents(){this.eventsBound||(window.addEventListener("resize",this.repositioning),window.addEventListener("scroll",this.repositioning),this.eventsBound=!0)}detachEvents(){window.removeEventListener("resize",this.repositioning),window.removeEventListener("scroll",this.repositioning),this.eventsBound=!1}rebase(t){this.lastIndex<=t&&(this.lastIndex=t+1)}};function O(t){B.scheduleReposition(t)}function z(t){B.reposition(t)}function T(t){return B.rebase(t)}class E{constructor(t,e,i,o){this.config=t,this.constraintList=e,this.scrollableParent=i,this.observer=o}disable(){this.constraintList.forEach(t=>{t.detach()})}enable(){this.constraintList.forEach(t=>{t.attach()})}destroy(){for(this.config.removeListeners&&(this.config.removeListeners(),this.config.removeListeners=void 0);this.constraintList.length>0;)this.constraintList.pop().destroy();if(this.config.appendToBody&&this.config.element){const t=document.querySelector(`[${o}="${this.config.element.getAttribute(o)}"]`);t&&t.parentNode.removeChild(t)}this.observer&&(this.observer.disconnect(),this.observer=null)}reposition(){return new Promise(t=>{z(()=>{t()})})}}const N="none",A="uiModal",R="kingdee-dialog",P="kingdee-popover",W="uiPanel",H="kdds-modal";function j(t){if(!t)return{isInside:!1,type:null,overlay:null};const e=function(t){return t.localName===R?R:t.localName===P?P:t.classList&&t.classList.contains(A)?A:t.classList&&t.classList.contains(W)?W:t.classList&&t.classList.contains(H)?H:N}(t);return e!==N?{isInside:!0,type:e,overlay:t}:t.parentNode?j(s(t.parentNode)?t.parentNode.host:t.parentNode):{isInside:!1,type:null,overlay:null}}class Y{constructor(t){this._element=t,this._detection=j(this._element)||{isInside:!1,overlay:null}}get isInsideModal(){return this.isInside&&(this._detection.type===A||this._detection.type===R||this._detection.type===H)}get isInside(){return this._detection.isInside}get overlay(){return this._detection.overlay}}const U="1.875rem";function X(t,e,i){B.bindEvents();let o=(a=t.target,h="TEXTAREA"===a.tagName?s(a.parentNode)?a.parentNode.host:a.parentNode:a,l=n.window,r(h,l,t=>{const e=t["overflow-y"];return"auto"===e||"scroll"===e}));var h,l,a;!o&&i&&(o=function(t){let e,i;for(let o=0;o<t.length;o++){const s=t[o];if(s instanceof HTMLElement&&(e=n.window.getComputedStyle(s),i=e["overflow-y"],"auto"===i||"scroll"===i))return s}return null}(i));const c=function(t,e){e.align=e.align||{},e.targetAlign=e.targetAlign||{};const i=function(t,e,i,o){const n=b(t),s=b(),r=e.getBoundingClientRect(),h=i.getBoundingClientRect(),l=void 0!==r.height?r.height:r.bottom-r.top,a=void 0!==r.width?r.width:r.right-r.left;let d=!1,c=!1;"rtl"===document.dir&&(d=o,o=!1,c=!0);const p=h.top-n.top-l,u=n.height-h.bottom-l;let f=p>=0||null==t&&u<0&&p>u,g=u>=0||p<0&&u>p,m=!1;m=t?h.right-n.left>=a&&h.left+a>(d?h.right:n.width):h.right>=a&&h.left+a>(d?h.right:n.width);let w=!1;w=t?h.left+a<=n.right&&h.right-n.left-a<(o?h.left:0):h.left+a<=n.width&&h.right-a<(o?h.left:0);const v=n.width-h.left,y=h.right;return w||m||!t?!w&&!m&&v<a&&y<a&&(m=y>v,w=y<v):(m=(h.right-n.left>=a||h.right>=a)&&h.left+a>(d?h.right:n.width),w=(h.left+a<=n.right||h.left+a<=s.width)&&h.right-a<(o?h.left:0)),!c||w||m||"KD-PRIMITIVE-BUBBLE"!==e.tagName||(m=y>v,w=y<v),!f&&!g&&t&&e.style&&"fixed"===e.style.position&&(f=h.top-s.top-l>0,g=s.height-h.bottom-l>0),{shouldAlignToLeft:w,shouldAlignToRight:m,hasSpaceAbove:f,hasSpaceBelow:g,centerOverflow:{left:h.left-.5*a<0,right:h.right+.5*a>n.width,top:h.top-.5*l<0,bottom:h.bottom+.5*l>n.height}}}(e.overlay.isInside?null:t,e.element,e.target,e.leftAsBoundary),{align:o,targetAlign:n}=function(t,e){const i={horizontal:t.align.horizontal,vertical:t.align.vertical},o={horizontal:t.targetAlign.horizontal,vertical:t.targetAlign.vertical};"rtl"===document.dir&&(i.horizontal=v(i.horizontal),o.horizontal=v(o.horizontal));let n=!1;(function(t){return t.autoFlip||t.autoFlipVertical})(t)&&(i.vertical===u.Bottom?n=!e.hasSpaceAbove&&e.hasSpaceBelow:i.vertical===u.Top?n=e.hasSpaceAbove&&!e.hasSpaceBelow:i.vertical===u.Center&&(e.centerOverflow.top&&!e.centerOverflow.bottom?i.vertical=o.vertical=u.Top:e.centerOverflow.bottom&&!e.centerOverflow.top&&(i.vertical=o.vertical=u.Bottom)));let s=!1;(function(t){return t.autoFlip||t.autoFlipHorizontal})(t)&&(i.horizontal===u.Left?s=e.shouldAlignToRight&&!e.shouldAlignToLeft:i.horizontal===u.Right?s=e.shouldAlignToLeft&&!e.shouldAlignToRight:i.horizontal===u.Center&&(e.centerOverflow.left&&!e.centerOverflow.right?i.horizontal=o.horizontal=u.Left:e.centerOverflow.right&&!e.centerOverflow.left&&(i.horizontal=o.horizontal=u.Right)));return{align:{horizontal:s?v(i.horizontal):w(i.horizontal,u.Left),vertical:n?v(i.vertical):w(i.vertical,u.Top)},targetAlign:{horizontal:s?v(o.horizontal):w(o.horizontal,u.Left),vertical:n?v(o.vertical):w(o.vertical,u.Bottom)}}}(e,i);!e.isInsideModal||i.hasSpaceAbove||i.hasSpaceBelow||(e.scrollableParentBound=!0);return{target:e.target,element:e.element,align:o,targetAlign:n,alignWidth:e.alignWidth,scrollableParentBound:e.scrollableParentBound,keepInViewport:e.keepInViewport,pad:e.pad,padTop:e.padTop,padLeft:e.padLeft,autoShrink:{height:e.autoShrink||e.autoShrinkHeight,width:e.autoShrink||e.autoShrinkWidth},minHeight:e.minHeight||U}}(o,t);c.alignWidth&&"fixed"===c.element.style.position&&(c.element.style.width=`${c.target.getBoundingClientRect().width}px`);const p=[],m=function(t,e){const i=t.element;let o=null;return n.MutationObserver&&!i.isObserved&&(o=new n.MutationObserver(()=>{}),o.observe(i,{attributes:!0,subtree:!0,childList:!0}),i.isObserved=!0),e&&(e.addEventListener("scroll",O),t.removeListeners=()=>{e.removeEventListener("scroll",O)}),o}(c,o);c.appendToBody&&document.body.appendChild(c.element),c.element=S(c.element),c.target=S(c.target);const y=Object.assign({},c);void 0!==y.padLeft&&(y.pad=y.padLeft);const _=Object.assign({},c);var x;void 0!==_.padTop&&(_.pad=_.padTop),p.push(new I((x=w(x=c.align.horizontal,u.Left),g[x]),y)),p.push(new I(function(t){return t=w(t,u.Left),f[t]}(c.align.vertical),_));const C=c.autoShrink.height||c.autoShrink.width;if(c.scrollableParentBound&&o){const t=d(o),e={element:c.element,enabled:c.enabled,target:S(t),align:{},targetAlign:{},pad:3,boxDirections:{top:!0,bottom:!0,left:!0,right:!0}};if(C){const{style:t}=e.element.getNode();t.minHeight||(t.minHeight=c.minHeight,e.element._removeMinHeight=!0),e.boxDirections={top:!!c.autoShrink.height,bottom:!!c.autoShrink.height,left:!!c.autoShrink.width,right:!!c.autoShrink.width},p.push(new I("shrinking box",e))}else p.push(new I("bounding box",e))}var M;return c.keepInViewport&&p.push(new I("bounding box",{element:c.element,enabled:c.enabled,target:S(window),align:{},targetAlign:{},pad:3,boxDirections:{top:!0,bottom:!0,left:!0,right:!0}})),M=p,B.constraints=M,e||z(),new E(c,p,o,m)}function F(t,e){return e&&"string"==typeof e?t.querySelector(e):e&&"function"==typeof e?e():e}function $(t,i,o){const s=d(t),r=F(s,i.target),h=F(s,i.element);if(!r||!h)return null;i.target=d(r),i.element=d(h);const a=new Y(i.element);if(i.isInsideModal=a.isInsideModal,i.isInsideModal&&a.overlay){T(parseInt(a.overlay.style.zIndex,10))}const p=new Y(i.target);if(p.isInsideModal&&p.overlay){T(parseInt(p.overlay.style.zIndex,10))}const u=c(i.element,a,B.nextIndex,i.target,i.alignWidth);i.element=u.element,i.overlay=u.overlay,function(t){e(t.element&&l(t.element)),e(t.target&&(n.isWindow(t.target)||l(t.target)))}(i);const f=X(i,o);return t.dispatchEvent(new CustomEvent("privatescrollablecontainer",{composed:!0,bubbles:!0,detail:{callback:t=>{const e=X(i,o,t);f.config.align.horizontal=e.config.align.horizontal,f.config.align.vertical=e.config.align.vertical}}})),f}function V(t){t&&t.destroy()}class q{constructor(t){this._autoPositionUpdater=null,this._root=t}start(t){return new Promise(t=>{requestAnimationFrame(()=>t())}).then(()=>{let e=Promise.resolve();return this._autoPositionUpdater?e=e.then(()=>this._autoPositionUpdater.reposition()):this._autoPositionUpdater=$(this._root,t),e.then(()=>this._autoPositionUpdater)})}stop(){return this._autoPositionUpdater&&(V(this._autoPositionUpdater),this._autoPositionUpdater=null),Promise.resolve()}}export{q as AutoPosition,u as Direction,$ as startPositioning,V as stopPositioning};
|
|
1
|
+
import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{a as t,n as e,a0 as i}from"../utilsPrivate-ekbvijnB.js";import"../empty_html-CjXB8rB4.js";import"@kdcloudjs/kwc";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";const o="data-position-id";const n=new class{get window(){return this._window||(this._window=window,this.window.getComputedStyle||(this.window.getComputedStyle=t=>t.style)),this._window}mockWindow(t){this._window=t}get documentElement(){return t(this.window.document),this.window.document.documentElement}get MutationObserver(){return this.window.MutationObserver}isWindow(t){return t&&("[object Window]"===t.toString()||t instanceof Window)}};function s(t){return t&&11===t.nodeType}function r(t,e,i){if(!t||t===e||t===document.body)return null;try{const o=n.window.getComputedStyle(t);return o?i(o)?t:r(s(t.parentNode)?t.parentNode.host:t.parentNode,e,i):null}catch(t){return null}}function h(t){return t===n.window||(!(s(t.parentNode)||!t.parentNode||!t.parentNode.tagName||"BODY"!==t.parentNode.tagName.toUpperCase())||(s(t.parentNode)&&t.parentNode.host?h(t.parentNode.host):!!t.parentNode&&h(t.parentNode)))}function l(t){return t.nodeType&&(1===t.nodeType||11===t.nodeType)}let a=1e6;function d(t){const e="lgcp-"+a++;return t.setAttribute(o,e),t=document.querySelector(`[${o}="${e}"]`)||t}function c(t,e,i,o,s){const h=e.isInside||!s&&(l=o,a=n.window,r(l,a,t=>"hidden"===t["overflow-x"]||"hidden"===t["overflow-y"]));var l,a;return t.style.position=h?"fixed":"absolute",t.style.zIndex=i||0,t.style.left="-9999px",t.style.right="auto",t.style.top="0px",{element:t,overlay:e}}function p(t){return t&&function(t){return"px"===t.slice(-2)}(t)?parseFloat(t):0}const u={Center:"center",Middle:"middle",Right:"right",Left:"left",Bottom:"bottom",Top:"top",Default:"default"},f={top:u.Top,bottom:u.Bottom,center:u.Middle},g={left:u.Left,right:u.Right,center:u.Center},m={left:u.Right,right:u.Left,top:u.Bottom,bottom:u.Top,center:u.Center,default:u.Right};function b(t){if(t)return t.getBoundingClientRect();const e={width:n.window.innerWidth||document.body.clientWidth||0,height:n.window.innerHeight||document.body.clientHeight||0,top:0,left:0};return e.bottom=e.height,e.right=e.width,e}function w(t,i){return e(t,{fallbackValue:i||u.Default,validValues:[u.Center,u.Right,u.Left,u.Bottom,u.Top,u.Middle,u.Default]})}function v(t){return t=w(t,u.Left),m[t]}class y{constructor(t,e,i,o){this.pad=t||0,this.boxDirections=e||{left:!0,right:!0},this.transformX=i||function(){},this.transformY=o||function(){}}transform(){}}const _={center:(t,e)=>Math.floor(t+.5*e.width),right:(t,e)=>t+e.width,left:t=>t,bottom:(t,e)=>t+e.height},x={top:class extends y{transform(t,e){return{top:Math.floor(this.transformY(t.top,t,e)+this.pad)}}},bottom:class extends y{transform(t,e){return{top:Math.floor(this.transformY(t.top,t,e)-e.height-this.pad)}}},center:class extends y{transform(t,e){return{left:Math.floor(this.transformX(t.left,t,e)-.5*e.width)}}},middle:class extends y{transform(t,e){return{top:Math.floor(.5*(2*t.top+t.height-e.height))}}},left:class extends y{transform(t,e){return{left:Math.floor(this.transformX(t.left,t,e)+this.pad)}}},right:class extends y{transform(t,e){return{left:Math.floor(this.transformX(t.left,t,e)-e.width-this.pad)}}},below:class extends y{transform(t,e){const i=t.top+t.height+this.pad;return e.top<i?{top:i}:{}}},"bounding box":class extends y{transform(t,e){const i={};return this.boxDirections.top&&e.top<t.top+this.pad&&(i.top=t.top+this.pad),this.boxDirections.left&&e.left<t.left+this.pad&&(i.left=t.left+this.pad),this.boxDirections.right&&e.left+e.width>t.left+t.width-this.pad&&(i.left=t.left+t.width-e.width-this.pad),this.boxDirections.bottom&&e.top+e.height>t.top+t.height-this.pad&&(i.top=t.top+t.height-e.height-this.pad),i}},"shrinking box":class extends y{transform(t,e){const i={};return this.boxDirections.top&&e.top<t.top+this.pad&&(i.top=t.top+this.pad,i.height=Math.max(e.height-(i.top-e.top),36)),this.boxDirections.left&&e.left<t.left+this.pad&&(i.left=t.left+this.pad,i.width=Math.max(e.width-(i.left-e.left),36)),this.boxDirections.right&&e.left+e.width>t.left+t.width-this.pad&&(i.right=t.left+t.width-this.pad,i.width=Math.max(i.right-(i.left||e.left),36)),this.boxDirections.bottom&&e.top+e.height>t.top+t.height-this.pad&&(i.bottom=t.top+t.height-this.pad,i.height=Math.max(i.bottom-(i.top||e.top),36)),i}},"inverse bounding box":class extends y{transform(t,e){const i={};return this.boxDirections.left&&t.left-this.pad<e.left&&(i.left=t.left-this.pad),this.boxDirections.right&&e.left+e.width<t.left+t.width+this.pad&&(i.left=t.width+this.pad-e.width+t.left),this.boxDirections.top&&t.top<e.top+this.pad&&(i.top=t.top-this.pad),this.boxDirections.bottom&&e.top+e.height<t.top+t.height+this.pad&&(i.top=t.height+this.pad-e.height+t.top),i}},default:y};function C(t){return _[t]||_.left}class M{type(t){return this._type=t,this}align(t,e){return this._transformX=C(t),this._transformY=C(e),this}pad(t){return this._pad=parseInt(t,10),this}boxDirections(t){return this._boxDirections=t,this}build(){return new(x[this._type]?x[this._type]:x[u.Default])(this._pad||0,this._boxDirections||{},this._transformX||C(u.left),this._transformY||C(u.left))}}class I{constructor(t,e){const{target:i,element:o,pad:n,boxDirections:s}=e,{horizontal:r,vertical:h}=e.targetAlign;this._element=o,this._targetElement=i,this.destroyed=!1,this._transformer=(new M).type(t).align(r,h).pad(n).boxDirections(s).build()}detach(){this._disabled=!0}attach(){this._disabled=!1}computeDisplacement(){return this._disabled||(this._targetElement.refresh(),this._element.refresh(),this._pendingBox=this._transformer.transform(this._targetElement,this._element)),this}computePosition(){const t=this._element;return this._disabled||Object.keys(this._pendingBox).forEach(e=>{const i=this._pendingBox[e];t.setDirection(e,i)}),this}destroy(){this._element.release(),this._targetElement.release(),this._disabled=!0,this.destroyed=!0}}class L{constructor(t,e){if(this.id=e,this.width=0,this.height=0,this.left=0,this.top=0,this.right=0,this.bottom=0,this._dirty=!1,this._node=null,this._releaseCb=null,!t)throw new Error("Element missing");n.isWindow(t)&&(t=n.window),this._node=t,this.setupObserver(),this.refresh()}setupObserver(){n.MutationObserver&&!this._node.isObserved&&(this._observer=new n.MutationObserver(this.refresh.bind(this)),n.isWindow(this._node)||(this._observer.observe(this._node,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),this._node.isObserved=!0))}setReleaseCallback(t,e){const i=e||this;this._releaseCb=t.bind(i)}checkNodeIsInDom(){return!!h(this._node)}refresh(){const t=n.window;if(!this.isDirty()){if(!this.checkNodeIsInDom())return this.release();let e,i,o,s;if(void 0!==t.pageYOffset?(o=t.pageYOffset,s=t.pageXOffset):(o=t.scrollY,s=t.scrollX),n.isWindow(this._node))e={},this.width=n.documentElement.clientWidth,this.height=n.documentElement.clientHeight,this.left=s,this.top=o,this.right=n.documentElement.clientWidth+s,this.bottom=n.documentElement.clientHeight;else{const{offsetHeight:t}=this._node;for(i in e=this._node.getBoundingClientRect(),e)this[i]=Math.floor(e[i]);this.top=Math.floor(this.top+o),this.bottom=Math.floor(this.top+e.height),this.left=Math.floor(this.left+s),this.right=Math.floor(this.left+e.width)}this._dirty=!1}return this._dirty}getNode(){return this._node}isDirty(){return this._dirty}getElementZoomRatio(){const t=this._node,e=t.getBoundingClientRect(),i=t.offsetWidth||Math.round(e.width)||1,o=t.offsetHeight||Math.round(e.height)||1,n=Math.round(e.width),s=Math.round(e.height),r=Number((n/i).toFixed(2)),h=Number((s/o).toFixed(2));return Math.min(r,h)}bake(){const t=n.window,e=this._node.getBoundingClientRect(),i=t.getComputedStyle(this._node)||this._node.style,o=void 0!==t.pageYOffset,s=o?t.pageYOffset:t.scrollY,r=o?t.pageXOffset:t.scrollX,h=i.left.match(/auto|fixed/)?"0":p(i.left),l=i.top.match(/auto|fixed/)?"0":p(i.top),a=this.getElementZoomRatio(),d=t=>t/a,c=d(p(i.marginTop)),u=d(Math.round(e.top))+s-(d(this.top)<d(Math.round(e.top))+s?c:-c),f=d(this.top)<d(u)?c:-c,g=d(Math.round(e.left)+r),m=d(Math.round(e.top)+s);let b=Math.round(d(this.left)-g);const w=Math.round(d(this.top)-(m+f)),v=t.innerWidth||document.body.clientWidth;let y=parseInt(i.right,10);if(h+b+this._node.offsetWidth*a>v&&y<=0&&(y=y<0?-y:b,this._node.style.right=-y+"px",b=0),this._node.style.left=`${h+b}px`,this._node.style.top=`${l+w}px`,this._restoreSize){void 0===this.originalHeight&&(this.originalHeight=this._node.style.height),void 0===this.originalWidth&&(this.originalWidth=this._node.style.width);const t=d(this.width),e=d(this.height);this._node.style.width=`${t}px`,this._node.style.height=`${e}px`}this._dirty=!1}setDirection(t,e){this[t]=e,this._dirty=!0,"height"!==t&&"width"!==t||(this._restoreSize=!0)}release(){this._restoreSize&&(this._node.style.width=this.originalWidth,this._node.style.height=this.originalHeight,this._removeMinHeight&&(this._node.style.minHeight="")),this._releaseCb&&this._releaseCb(this),this._observer&&(this._observer.disconnect(),this._observer=null)}querySelectorAll(t){return this._node.querySelectorAll(t)}}const k=new class{constructor(){this.proxyCache={}}get count(){return Object.keys(this.proxyCache).length}releaseOrphanProxies(){for(const t in this.proxyCache)this.proxyCache[t].el.checkNodeIsInDom()||this.proxyCache[t].el.release()}bakeOff(){for(const t in this.proxyCache)this.proxyCache[t].el.isDirty()&&this.proxyCache[t].el.bake()}getReferenceCount(t){const{id:e}=t;return e&&this.proxyCache[e]?this.proxyCache[e].refCount:0}release(t){const e=this.proxyCache[t.id];e&&--e.refCount,e&&e.refCount<=0&&delete this.proxyCache[t.id]}reset(){this.proxyCache={}}create(e){let i="window";if(n.isWindow(e)||(i=e?e.getAttribute(o):null,t(i&&e.nodeType&&(1!==e.nodeType||11!==e.nodeType))),this.proxyCache[i])return this.proxyCache[i].refCount++,this.proxyCache[i].el;const s=new L(e,i);var r;return s.setReleaseCallback(D,s),this.proxyCache[i]={el:s,refCount:1},(r=0,new Promise(t=>{setTimeout(()=>{t()},r)})).then(()=>{this.releaseOrphanProxies()}),this.proxyCache[i].el}};function D(t){return k.release(t)}function S(t){return k.create(t)}const B=new class{constructor(){this.callbacks=[],this.repositionScheduled=!1,this._constraints=[],this.timeoutId=0,this.lastIndex=i(),this.eventsBound=!1}get nextIndex(){return this.lastIndex++}get constraints(){return this._constraints}set constraints(t){this._constraints=this._constraints.concat(t)}dispatchRepositionCallbacks(){for(;this.callbacks.length>0;)this.callbacks.shift()()}add(t){return"function"==typeof t&&(this.callbacks.push(t),!0)}scheduleReposition(t){0===this.timeoutId&&(this.timeoutId=setTimeout(()=>{this.reposition(t)},10))}reposition(t){"function"==typeof t&&this.callbacks.push(t),clearTimeout(this.timeoutId),this.timeoutId=0,this.repositionScheduled||(requestAnimationFrame(()=>{this.repositionScheduled=!1,this._constraints=this._constraints.filter(t=>!t.destroyed&&(t.computeDisplacement().computePosition(),!0)),k.bakeOff(),this.dispatchRepositionCallbacks()}),this.repositionScheduled=!0)}get repositioning(){return this._reposition||(this._reposition=this.scheduleReposition.bind(this)),this._reposition}bindEvents(){this.eventsBound||(window.addEventListener("resize",this.repositioning),window.addEventListener("scroll",this.repositioning),this.eventsBound=!0)}detachEvents(){window.removeEventListener("resize",this.repositioning),window.removeEventListener("scroll",this.repositioning),this.eventsBound=!1}rebase(t){this.lastIndex<=t&&(this.lastIndex=t+1)}};function O(t){B.scheduleReposition(t)}function z(t){B.reposition(t)}function T(t){return B.rebase(t)}class E{constructor(t,e,i,o){this.config=t,this.constraintList=e,this.scrollableParent=i,this.observer=o}disable(){this.constraintList.forEach(t=>{t.detach()})}enable(){this.constraintList.forEach(t=>{t.attach()})}destroy(){for(this.config.removeListeners&&(this.config.removeListeners(),this.config.removeListeners=void 0);this.constraintList.length>0;)this.constraintList.pop().destroy();if(this.config.appendToBody&&this.config.element){const t=document.querySelector(`[${o}="${this.config.element.getAttribute(o)}"]`);t&&t.parentNode.removeChild(t)}this.observer&&(this.observer.disconnect(),this.observer=null)}reposition(){return new Promise(t=>{z(()=>{t()})})}}const N="none",A="uiModal",R="kingdee-dialog",P="kingdee-popover",W="uiPanel",H="kdds-modal";function j(t){if(!t)return{isInside:!1,type:null,overlay:null};const e=function(t){return t.localName===R?R:t.localName===P?P:t.classList&&t.classList.contains(A)?A:t.classList&&t.classList.contains(W)?W:t.classList&&t.classList.contains(H)?H:N}(t);return e!==N?{isInside:!0,type:e,overlay:t}:t.parentNode?j(s(t.parentNode)?t.parentNode.host:t.parentNode):{isInside:!1,type:null,overlay:null}}class Y{constructor(t){this._element=t,this._detection=j(this._element)||{isInside:!1,overlay:null}}get isInsideModal(){return this.isInside&&(this._detection.type===A||this._detection.type===R||this._detection.type===H)}get isInside(){return this._detection.isInside}get overlay(){return this._detection.overlay}}const U="1.875rem";function X(t,e,i){B.bindEvents();let o=(a=t.target,h="TEXTAREA"===a.tagName?s(a.parentNode)?a.parentNode.host:a.parentNode:a,l=n.window,r(h,l,t=>{const e=t["overflow-y"];return"auto"===e||"scroll"===e}));var h,l,a;!o&&i&&(o=function(t){let e,i;for(let o=0;o<t.length;o++){const s=t[o];if(s instanceof HTMLElement&&(e=n.window.getComputedStyle(s),i=e["overflow-y"],"auto"===i||"scroll"===i))return s}return null}(i));const c=function(t,e){e.align=e.align||{},e.targetAlign=e.targetAlign||{};const i=function(t,e,i,o){const n=b(t),s=b(),r=e.getBoundingClientRect(),h=i.getBoundingClientRect(),l=void 0!==r.height?r.height:r.bottom-r.top,a=void 0!==r.width?r.width:r.right-r.left;let d=!1,c=!1;"rtl"===document.dir&&(d=o,o=!1,c=!0);const p=h.top-n.top-l,u=n.height-h.bottom-l;let f=p>=0||null==t&&u<0&&p>u,g=u>=0||p<0&&u>p,m=!1;m=t?h.right-n.left>=a&&h.left+a>(d?h.right:n.width):h.right>=a&&h.left+a>(d?h.right:n.width);let w=!1;w=t?h.left+a<=n.right&&h.right-n.left-a<(o?h.left:0):h.left+a<=n.width&&h.right-a<(o?h.left:0);const v=n.width-h.left,y=h.right;return w||m||!t?!w&&!m&&v<a&&y<a&&(m=y>v,w=y<v):(m=(h.right-n.left>=a||h.right>=a)&&h.left+a>(d?h.right:n.width),w=(h.left+a<=n.right||h.left+a<=s.width)&&h.right-a<(o?h.left:0)),!c||w||m||"KD-PRIMITIVE-BUBBLE"!==e.tagName||(m=y>v,w=y<v),!f&&!g&&t&&e.style&&"fixed"===e.style.position&&(f=h.top-s.top-l>0,g=s.height-h.bottom-l>0),{shouldAlignToLeft:w,shouldAlignToRight:m,hasSpaceAbove:f,hasSpaceBelow:g,centerOverflow:{left:h.left-.5*a<0,right:h.right+.5*a>n.width,top:h.top-.5*l<0,bottom:h.bottom+.5*l>n.height}}}(e.overlay.isInside?null:t,e.element,e.target,e.leftAsBoundary),{align:o,targetAlign:n}=function(t,e){const i={horizontal:t.align.horizontal,vertical:t.align.vertical},o={horizontal:t.targetAlign.horizontal,vertical:t.targetAlign.vertical};"rtl"===document.dir&&(i.horizontal=v(i.horizontal),o.horizontal=v(o.horizontal));let n=!1;(function(t){return t.autoFlip||t.autoFlipVertical})(t)&&(i.vertical===u.Bottom?n=!e.hasSpaceAbove&&e.hasSpaceBelow:i.vertical===u.Top?n=e.hasSpaceAbove&&!e.hasSpaceBelow:i.vertical===u.Center&&(e.centerOverflow.top&&!e.centerOverflow.bottom?i.vertical=o.vertical=u.Top:e.centerOverflow.bottom&&!e.centerOverflow.top&&(i.vertical=o.vertical=u.Bottom)));let s=!1;(function(t){return t.autoFlip||t.autoFlipHorizontal})(t)&&(i.horizontal===u.Left?s=e.shouldAlignToRight&&!e.shouldAlignToLeft:i.horizontal===u.Right?s=e.shouldAlignToLeft&&!e.shouldAlignToRight:i.horizontal===u.Center&&(e.centerOverflow.left&&!e.centerOverflow.right?i.horizontal=o.horizontal=u.Left:e.centerOverflow.right&&!e.centerOverflow.left&&(i.horizontal=o.horizontal=u.Right)));return{align:{horizontal:s?v(i.horizontal):w(i.horizontal,u.Left),vertical:n?v(i.vertical):w(i.vertical,u.Top)},targetAlign:{horizontal:s?v(o.horizontal):w(o.horizontal,u.Left),vertical:n?v(o.vertical):w(o.vertical,u.Bottom)}}}(e,i);!e.isInsideModal||i.hasSpaceAbove||i.hasSpaceBelow||(e.scrollableParentBound=!0);return{target:e.target,element:e.element,align:o,targetAlign:n,alignWidth:e.alignWidth,scrollableParentBound:e.scrollableParentBound,keepInViewport:e.keepInViewport,pad:e.pad,padTop:e.padTop,padLeft:e.padLeft,autoShrink:{height:e.autoShrink||e.autoShrinkHeight,width:e.autoShrink||e.autoShrinkWidth},minHeight:e.minHeight||U}}(o,t);c.alignWidth&&"fixed"===c.element.style.position&&(c.element.style.width=`${c.target.getBoundingClientRect().width}px`);const p=[],m=function(t,e){const i=t.element;let o=null;return n.MutationObserver&&!i.isObserved&&(o=new n.MutationObserver(()=>{}),o.observe(i,{attributes:!0,subtree:!0,childList:!0}),i.isObserved=!0),e&&(e.addEventListener("scroll",O),t.removeListeners=()=>{e.removeEventListener("scroll",O)}),o}(c,o);c.appendToBody&&document.body.appendChild(c.element),c.element=S(c.element),c.target=S(c.target);const y=Object.assign({},c);void 0!==y.padLeft&&(y.pad=y.padLeft);const _=Object.assign({},c);var x;void 0!==_.padTop&&(_.pad=_.padTop),p.push(new I((x=w(x=c.align.horizontal,u.Left),g[x]),y)),p.push(new I(function(t){return t=w(t,u.Left),f[t]}(c.align.vertical),_));const C=c.autoShrink.height||c.autoShrink.width;if(c.scrollableParentBound&&o){const t=d(o),e={element:c.element,enabled:c.enabled,target:S(t),align:{},targetAlign:{},pad:3,boxDirections:{top:!0,bottom:!0,left:!0,right:!0}};if(C){const{style:t}=e.element.getNode();t.minHeight||(t.minHeight=c.minHeight,e.element._removeMinHeight=!0),e.boxDirections={top:!!c.autoShrink.height,bottom:!!c.autoShrink.height,left:!!c.autoShrink.width,right:!!c.autoShrink.width},p.push(new I("shrinking box",e))}else p.push(new I("bounding box",e))}var M;return c.keepInViewport&&p.push(new I("bounding box",{element:c.element,enabled:c.enabled,target:S(window),align:{},targetAlign:{},pad:3,boxDirections:{top:!0,bottom:!0,left:!0,right:!0}})),M=p,B.constraints=M,e||z(),new E(c,p,o,m)}function F(t,e){return e&&"string"==typeof e?t.querySelector(e):e&&"function"==typeof e?e():e}function $(e,i,o){const s=d(e),r=F(s,i.target),h=F(s,i.element);if(!r||!h)return null;i.target=d(r),i.element=d(h);const a=new Y(i.element);if(i.isInsideModal=a.isInsideModal,i.isInsideModal&&a.overlay){T(parseInt(a.overlay.style.zIndex,10))}const p=new Y(i.target);if(p.isInsideModal&&p.overlay){T(parseInt(p.overlay.style.zIndex,10))}const u=c(i.element,a,B.nextIndex,i.target,i.alignWidth);i.element=u.element,i.overlay=u.overlay,function(e){t(e.element&&l(e.element)),t(e.target&&(n.isWindow(e.target)||l(e.target)))}(i);const f=X(i,o);return e.dispatchEvent(new CustomEvent("privatescrollablecontainer",{composed:!0,bubbles:!0,detail:{callback:t=>{const e=X(i,o,t);f.config.align.horizontal=e.config.align.horizontal,f.config.align.vertical=e.config.align.vertical}}})),f}function V(t){t&&t.destroy()}class q{constructor(t){this._autoPositionUpdater=null,this._root=t}start(t){return new Promise(t=>{requestAnimationFrame(()=>t())}).then(()=>{let e=Promise.resolve();return this._autoPositionUpdater?e=e.then(()=>this._autoPositionUpdater.reposition()):this._autoPositionUpdater=$(this._root,t),e.then(()=>this._autoPositionUpdater)})}stop(){return this._autoPositionUpdater&&(V(this._autoPositionUpdater),this._autoPositionUpdater=null),Promise.resolve()}}export{q as AutoPosition,u as Direction,$ as startPositioning,V as stopPositioning};
|