This commit is contained in:
2023-07-04 21:53:36 +08:00
parent a5e00109b7
commit fef1e4f3c6
2 changed files with 33 additions and 7 deletions

View File

@@ -1,6 +1,8 @@
import { signal } from "@preact/signals";
import type {
MdDialog as _MdDialog,
MdMenu as _MdMenu,
MdMenuItem as _MdMenuItem,
MdOutlinedButton as _MdOutlinedButton,
MdOutlinedSelect as _MdOutlinedSelect,
MdOutlinedTextField as _MdOutlinedTextField,
@@ -33,6 +35,10 @@ export const MdDialog = signal<typeof _MdDialog | undefined>(undefined);
export const MdTextButton = signal<typeof _MdTextButton | undefined>(undefined);
export const MdMenu = signal<typeof _MdMenu | undefined>(undefined);
export const MdMenuItem = signal<typeof _MdMenuItem | undefined>(undefined);
export async function load_dmodule() {
const md3 = await import("./md3.ts");
MdOutlinedTextField.value = md3.MdOutlinedTextField;
@@ -42,4 +48,6 @@ export async function load_dmodule() {
MdOutlinedSelect.value = md3.MdOutlinedSelect;
MdDialog.value = md3.MdDialog;
MdTextButton.value = md3.MdTextButton;
MdMenu.value = md3.MdMenu;
MdMenuItem.value = md3.MdMenuItem;
}

View File

@@ -1,10 +1,12 @@
import { MdOutlinedTextField as _MdOutlinedTextField } from "@material/web/textfield/outlined-text-field.js?dts=1";
import { MdOutlinedButton as _MdOutlinedButton } from "@material/web/button/outlined-button.js?dts=1";
import { MdTonalButton as _MdTonalButton } from "@material/web/button/tonal-button.js?dts=1";
import { MdSelectOption as _MdSelectOption } from "@material/web/select/select-option.js?dts=1";
import { MdOutlinedSelect as _MdOutlinedSelect } from "@material/web/select/outlined-select.js?dts=1";
import { MdDialog as _MdDialog } from "@material/web/dialog/dialog.js?dts=1";
import { MdTextButton as _MdTextButton } from "@material/web/button/text-button.js?dts=1";
import { MdOutlinedTextField as _MdOutlinedTextField } from "@material/web/textfield/outlined-text-field.js?module";
import { MdOutlinedButton as _MdOutlinedButton } from "@material/web/button/outlined-button.js?module";
import { MdTonalButton as _MdTonalButton } from "@material/web/button/tonal-button.js?module";
import { MdSelectOption as _MdSelectOption } from "@material/web/select/select-option.js?module";
import { MdOutlinedSelect as _MdOutlinedSelect } from "@material/web/select/outlined-select.js?module";
import { MdDialog as _MdDialog } from "@material/web/dialog/dialog.js?module";
import { MdTextButton as _MdTextButton } from "@material/web/button/text-button.js?module";
import { MdMenu as _MdMenu } from "@material/web/menu/menu.js?module";
import { MdMenuItem as _MdMenuItem } from "@material/web/menu/menu-item.js?module";
import { createComponent } from "@lit-labs/react/?target=es2022";
import * as Preact from "preact/compat";
@@ -67,6 +69,20 @@ export const MdTextButton = createComponent({
react: Preact,
});
export const MdMenu = createComponent({
tagName: "md-menu",
elementClass: _MdMenu,
// @ts-ignore Checked
react: Preact,
});
export const MdMenuItem = createComponent({
tagName: "md-menu-item",
elementClass: _MdMenuItem,
// @ts-ignore Checked
react: Preact,
});
export { _MdOutlinedTextField };
export { _MdOutlinedButton };
export { _MdTonalButton };
@@ -74,3 +90,5 @@ export { _MdSelectOption };
export { _MdOutlinedSelect };
export { _MdDialog };
export { _MdTextButton };
export { _MdMenu };
export { _MdMenuItem };