fix: 本地 patch MDUI 以解决 tabindex = 0 导致的一系列玄学问题
This commit is contained in:
48
client/mdui_patched/components/layout/layout-main.js
Normal file
48
client/mdui_patched/components/layout/layout-main.js
Normal file
@@ -0,0 +1,48 @@
|
||||
import { __decorate } from "tslib";
|
||||
import { html } from 'lit';
|
||||
import { customElement } from 'lit/decorators.js';
|
||||
import { isNodeName } from '@mdui/jq/shared/helper.js';
|
||||
import { MduiElement } from '@mdui/shared/base/mdui-element.js';
|
||||
import { componentStyle } from '@mdui/shared/lit-styles/component-style.js';
|
||||
import { getLayout } from './helper.js';
|
||||
import { layoutMainStyle } from './layout-main-style.js';
|
||||
/**
|
||||
* @summary 布局主体内容组件
|
||||
*
|
||||
* ```html
|
||||
* <mdui-layout>
|
||||
* ..<mdui-layout-item></mdui-layout-item>
|
||||
* ..<mdui-layout-item></mdui-layout-item>
|
||||
* ..<mdui-layout-main></mdui-layout-main>
|
||||
* </mdui-layout>
|
||||
* ```
|
||||
*
|
||||
* @slot - 可以包含任意内容
|
||||
*/
|
||||
let LayoutMain = class LayoutMain extends MduiElement {
|
||||
connectedCallback() {
|
||||
super.connectedCallback();
|
||||
const parentElement = this.parentElement;
|
||||
if (isNodeName(parentElement, 'mdui-layout')) {
|
||||
this.layoutManager = getLayout(parentElement);
|
||||
this.layoutManager.registerMain(this);
|
||||
}
|
||||
}
|
||||
disconnectedCallback() {
|
||||
super.disconnectedCallback();
|
||||
if (this.layoutManager) {
|
||||
this.layoutManager.unregisterMain();
|
||||
}
|
||||
}
|
||||
render() {
|
||||
return html `<slot></slot>`;
|
||||
}
|
||||
};
|
||||
LayoutMain.styles = [
|
||||
componentStyle,
|
||||
layoutMainStyle,
|
||||
];
|
||||
LayoutMain = __decorate([
|
||||
customElement('mdui-layout-main')
|
||||
], LayoutMain);
|
||||
export { LayoutMain };
|
||||
Reference in New Issue
Block a user