feat: initial commit - Phase 1 & 2 core features

This commit is contained in:
hiderfong
2026-04-22 17:07:33 +08:00
commit 1773bda06b
25005 changed files with 6252106 additions and 0 deletions
+26
View File
@@ -0,0 +1,26 @@
import { SFCWithInstall } from "../../utils/vue/typescript.js";
import "../../utils/index.js";
import { _default } from "./src/container.vue.js";
import { _default as _default$1 } from "./src/aside.vue.js";
import { _default as _default$2 } from "./src/footer.vue.js";
import { _default as _default$3 } from "./src/header.vue.js";
import { _default as _default$4 } from "./src/main.vue.js";
//#region ../../packages/components/container/index.d.ts
declare const ElContainer: SFCWithInstall<typeof _default> & {
Aside: typeof _default$1;
Footer: typeof _default$2;
Header: typeof _default$3;
Main: typeof _default$4;
};
declare const ElAside: SFCWithInstall<typeof _default$1>;
declare const ElFooter: SFCWithInstall<typeof _default$2>;
declare const ElHeader: SFCWithInstall<typeof _default$3>;
declare const ElMain: SFCWithInstall<typeof _default$4>;
type ContainerInstance = InstanceType<typeof _default> & unknown;
type AsideInstance = InstanceType<typeof _default$1> & unknown;
type FooterInstance = InstanceType<typeof _default$2> & unknown;
type HeaderInstance = InstanceType<typeof _default$3> & unknown;
type MainInstance = InstanceType<typeof _default$4> & unknown;
//#endregion
export { AsideInstance, ContainerInstance, ElAside, ElContainer, ElContainer as default, ElFooter, ElHeader, ElMain, FooterInstance, HeaderInstance, MainInstance };
+28
View File
@@ -0,0 +1,28 @@
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const require_install = require('../../utils/vue/install.js');
const require_container = require('./src/container.js');
const require_aside = require('./src/aside.js');
const require_footer = require('./src/footer.js');
const require_header = require('./src/header.js');
const require_main = require('./src/main.js');
//#region ../../packages/components/container/index.ts
const ElContainer = require_install.withInstall(require_container.default, {
Aside: require_aside.default,
Footer: require_footer.default,
Header: require_header.default,
Main: require_main.default
});
const ElAside = require_install.withNoopInstall(require_aside.default);
const ElFooter = require_install.withNoopInstall(require_footer.default);
const ElHeader = require_install.withNoopInstall(require_header.default);
const ElMain = require_install.withNoopInstall(require_main.default);
//#endregion
exports.ElAside = ElAside;
exports.ElContainer = ElContainer;
exports.default = ElContainer;
exports.ElFooter = ElFooter;
exports.ElHeader = ElHeader;
exports.ElMain = ElMain;
//# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
{"version":3,"file":"index.js","names":["withInstall","Container","withNoopInstall","Aside","Footer","Header","Main"],"sources":["../../../../../packages/components/container/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\nimport Container from './src/container.vue'\nimport Aside from './src/aside.vue'\nimport Footer from './src/footer.vue'\nimport Header from './src/header.vue'\nimport Main from './src/main.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElContainer: SFCWithInstall<typeof Container> & {\n Aside: typeof Aside\n Footer: typeof Footer\n Header: typeof Header\n Main: typeof Main\n} = withInstall(Container, {\n Aside,\n Footer,\n Header,\n Main,\n})\n\nexport default ElContainer\nexport const ElAside: SFCWithInstall<typeof Aside> = withNoopInstall(Aside)\nexport const ElFooter: SFCWithInstall<typeof Footer> = withNoopInstall(Footer)\nexport const ElHeader: SFCWithInstall<typeof Header> = withNoopInstall(Header)\nexport const ElMain: SFCWithInstall<typeof Main> = withNoopInstall(Main)\n\nexport type ContainerInstance = InstanceType<typeof Container> & unknown\nexport type AsideInstance = InstanceType<typeof Aside> & unknown\nexport type FooterInstance = InstanceType<typeof Footer> & unknown\nexport type HeaderInstance = InstanceType<typeof Header> & unknown\nexport type MainInstance = InstanceType<typeof Main> & unknown\n"],"mappings":";;;;;;;;;AASA,MAAa,cAKTA,4BAAYC,2BAAW;CACzB;CACA;CACA;CACA;CACD,CAAC;AAGF,MAAa,UAAwCC,gCAAgBC,sBAAM;AAC3E,MAAa,WAA0CD,gCAAgBE,uBAAO;AAC9E,MAAa,WAA0CF,gCAAgBG,uBAAO;AAC9E,MAAa,SAAsCH,gCAAgBI,qBAAK"}
@@ -0,0 +1,9 @@
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const require_aside_vue_vue_type_script_setup_true_lang = require('./aside.vue_vue_type_script_setup_true_lang.js');
//#region ../../packages/components/container/src/aside.vue
var aside_default = require_aside_vue_vue_type_script_setup_true_lang.default;
//#endregion
exports.default = aside_default;
//# sourceMappingURL=aside.js.map
@@ -0,0 +1 @@
{"version":3,"file":"aside.js","names":[],"sources":["../../../../../../packages/components/container/src/aside.vue"],"sourcesContent":["<template>\n <aside :class=\"ns.b()\" :style=\"style\">\n <slot />\n </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ninterface AsideProps {\n /**\n * @description width of the side section\n */\n width?: string | null\n}\n\ndefineOptions({\n name: 'ElAside',\n})\nconst props = withDefaults(defineProps<AsideProps>(), {\n width: null,\n})\n\nconst ns = useNamespace('aside')\nconst style = computed(\n () =>\n (props.width ? ns.cssVarBlock({ width: props.width }) : {}) as CSSProperties\n)\n</script>\n"],"mappings":""}
@@ -0,0 +1,25 @@
import * as vue from "vue";
//#region ../../packages/components/container/src/aside.vue.d.ts
interface AsideProps {
/**
* @description width of the side section
*/
width?: string | null;
}
declare var __VLS_1: {};
type __VLS_Slots = {} & {
default?: (props: typeof __VLS_1) => any;
};
declare const __VLS_base: vue.DefineComponent<AsideProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AsideProps> & Readonly<{}>, {
width: string | null;
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
declare const _default: typeof __VLS_export;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};
//#endregion
export { _default };
@@ -0,0 +1,29 @@
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
const require_index = require('../../../hooks/use-namespace/index.js');
let vue = require("vue");
//#region ../../packages/components/container/src/aside.vue?vue&type=script&setup=true&lang.ts
var aside_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
name: "ElAside",
__name: "aside",
props: { width: {
type: [String, null],
required: false,
default: null
} },
setup(__props) {
const props = __props;
const ns = require_index.useNamespace("aside");
const style = (0, vue.computed)(() => props.width ? ns.cssVarBlock({ width: props.width }) : {});
return (_ctx, _cache) => {
return (0, vue.openBlock)(), (0, vue.createElementBlock)("aside", {
class: (0, vue.normalizeClass)((0, vue.unref)(ns).b()),
style: (0, vue.normalizeStyle)(style.value)
}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 6);
};
}
});
//#endregion
exports.default = aside_vue_vue_type_script_setup_true_lang_default;
//# sourceMappingURL=aside.vue_vue_type_script_setup_true_lang.js.map
@@ -0,0 +1 @@
{"version":3,"file":"aside.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/container/src/aside.vue"],"sourcesContent":["<template>\n <aside :class=\"ns.b()\" :style=\"style\">\n <slot />\n </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ninterface AsideProps {\n /**\n * @description width of the side section\n */\n width?: string | null\n}\n\ndefineOptions({\n name: 'ElAside',\n})\nconst props = withDefaults(defineProps<AsideProps>(), {\n width: null,\n})\n\nconst ns = useNamespace('aside')\nconst style = computed(\n () =>\n (props.width ? ns.cssVarBlock({ width: props.width }) : {}) as CSSProperties\n)\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAId,MAAM,KAAK,2BAAa,QAAO;EAC/B,MAAM,gCAED,MAAM,QAAQ,GAAG,YAAY,EAAE,OAAO,MAAM,OAAO,CAAC,GAAG,EAAE,CAC9D;;4DA3BU,SAAA;IAFA,8CAAO,GAAE,CAAC,GAAC,CAAA;IAAK,+BAAO,MAAA,MAAK;2BAC1B,KAAA,QAAA,UAAA"}
@@ -0,0 +1,9 @@
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const require_container_vue_vue_type_script_setup_true_lang = require('./container.vue_vue_type_script_setup_true_lang.js');
//#region ../../packages/components/container/src/container.vue
var container_default = require_container_vue_vue_type_script_setup_true_lang.default;
//#endregion
exports.default = container_default;
//# sourceMappingURL=container.js.map
@@ -0,0 +1 @@
{"version":3,"file":"container.js","names":[],"sources":["../../../../../../packages/components/container/src/container.vue"],"sourcesContent":["<template>\n <section :class=\"[ns.b(), ns.is('vertical', isVertical)]\">\n <slot />\n </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { Component, VNode } from 'vue'\n\ninterface ContainerProps {\n /**\n * @description layout direction for child elements\n */\n direction?: 'horizontal' | 'vertical'\n}\n\ndefineOptions({\n name: 'ElContainer',\n})\n\nconst props = defineProps<ContainerProps>()\nconst slots = useSlots()\n\nconst ns = useNamespace('container')\n\nconst isVertical = computed(() => {\n if (props.direction === 'vertical') {\n return true\n } else if (props.direction === 'horizontal') {\n return false\n }\n if (slots && slots.default) {\n const vNodes: VNode[] = slots.default()\n return vNodes.some((vNode) => {\n const tag = (vNode.type as Component).name\n return tag === 'ElHeader' || tag === 'ElFooter'\n })\n } else {\n return false\n }\n})\n</script>\n"],"mappings":""}
@@ -0,0 +1,23 @@
import * as vue from "vue";
//#region ../../packages/components/container/src/container.vue.d.ts
interface ContainerProps {
/**
* @description layout direction for child elements
*/
direction?: 'horizontal' | 'vertical';
}
declare var __VLS_1: {};
type __VLS_Slots = {} & {
default?: (props: typeof __VLS_1) => any;
};
declare const __VLS_base: vue.DefineComponent<ContainerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
declare const _default: typeof __VLS_export;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};
//#endregion
export { _default };
@@ -0,0 +1,34 @@
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
const require_index = require('../../../hooks/use-namespace/index.js');
let vue = require("vue");
//#region ../../packages/components/container/src/container.vue?vue&type=script&setup=true&lang.ts
var container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
name: "ElContainer",
__name: "container",
props: { direction: {
type: String,
required: false
} },
setup(__props) {
const props = __props;
const slots = (0, vue.useSlots)();
const ns = require_index.useNamespace("container");
const isVertical = (0, vue.computed)(() => {
if (props.direction === "vertical") return true;
else if (props.direction === "horizontal") return false;
if (slots && slots.default) return slots.default().some((vNode) => {
const tag = vNode.type.name;
return tag === "ElHeader" || tag === "ElFooter";
});
else return false;
});
return (_ctx, _cache) => {
return (0, vue.openBlock)(), (0, vue.createElementBlock)("section", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).b(), (0, vue.unref)(ns).is("vertical", isVertical.value)]) }, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
};
}
});
//#endregion
exports.default = container_vue_vue_type_script_setup_true_lang_default;
//# sourceMappingURL=container.vue_vue_type_script_setup_true_lang.js.map
@@ -0,0 +1 @@
{"version":3,"file":"container.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/container/src/container.vue"],"sourcesContent":["<template>\n <section :class=\"[ns.b(), ns.is('vertical', isVertical)]\">\n <slot />\n </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { Component, VNode } from 'vue'\n\ninterface ContainerProps {\n /**\n * @description layout direction for child elements\n */\n direction?: 'horizontal' | 'vertical'\n}\n\ndefineOptions({\n name: 'ElContainer',\n})\n\nconst props = defineProps<ContainerProps>()\nconst slots = useSlots()\n\nconst ns = useNamespace('container')\n\nconst isVertical = computed(() => {\n if (props.direction === 'vertical') {\n return true\n } else if (props.direction === 'horizontal') {\n return false\n }\n if (slots && slots.default) {\n const vNodes: VNode[] = slots.default()\n return vNodes.some((vNode) => {\n const tag = (vNode.type as Component).name\n return tag === 'ElHeader' || tag === 'ElFooter'\n })\n } else {\n return false\n }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EACd,MAAM,2BAAiB;EAEvB,MAAM,KAAK,2BAAa,YAAW;EAEnC,MAAM,qCAA4B;AAChC,OAAI,MAAM,cAAc,WACtB,QAAO;YACE,MAAM,cAAc,aAC7B,QAAO;AAET,OAAI,SAAS,MAAM,QAEjB,QADwB,MAAM,SAAQ,CACxB,MAAM,UAAU;IAC5B,MAAM,MAAO,MAAM,KAAmB;AACtC,WAAO,QAAQ,cAAc,QAAQ;KACtC;OAED,QAAO;IAEV;;4DAxCW,WAAA,EAFA,+BAAK,gBAAG,GAAE,CAAC,GAAC,iBAAI,GAAE,CAAC,GAAE,YAAa,WAAA,MAAU,CAAA,CAAA,yBAC5C,KAAA,QAAA,UAAA"}
@@ -0,0 +1,9 @@
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const require_footer_vue_vue_type_script_setup_true_lang = require('./footer.vue_vue_type_script_setup_true_lang.js');
//#region ../../packages/components/container/src/footer.vue
var footer_default = require_footer_vue_vue_type_script_setup_true_lang.default;
//#endregion
exports.default = footer_default;
//# sourceMappingURL=footer.js.map
@@ -0,0 +1 @@
{"version":3,"file":"footer.js","names":[],"sources":["../../../../../../packages/components/container/src/footer.vue"],"sourcesContent":["<template>\n <footer :class=\"ns.b()\" :style=\"style\">\n <slot />\n </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ninterface FooterProps {\n /**\n * @description height of the footer\n */\n height?: string | null\n}\n\ndefineOptions({\n name: 'ElFooter',\n})\nconst props = withDefaults(defineProps<FooterProps>(), {\n height: null,\n})\n\nconst ns = useNamespace('footer')\n\nconst style = computed(\n () =>\n (props.height\n ? ns.cssVarBlock({ height: props.height })\n : {}) as CSSProperties\n)\n</script>\n"],"mappings":""}
@@ -0,0 +1,25 @@
import * as vue from "vue";
//#region ../../packages/components/container/src/footer.vue.d.ts
interface FooterProps {
/**
* @description height of the footer
*/
height?: string | null;
}
declare var __VLS_1: {};
type __VLS_Slots = {} & {
default?: (props: typeof __VLS_1) => any;
};
declare const __VLS_base: vue.DefineComponent<FooterProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FooterProps> & Readonly<{}>, {
height: string | null;
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
declare const _default: typeof __VLS_export;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};
//#endregion
export { _default };
@@ -0,0 +1,29 @@
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
const require_index = require('../../../hooks/use-namespace/index.js');
let vue = require("vue");
//#region ../../packages/components/container/src/footer.vue?vue&type=script&setup=true&lang.ts
var footer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
name: "ElFooter",
__name: "footer",
props: { height: {
type: [String, null],
required: false,
default: null
} },
setup(__props) {
const props = __props;
const ns = require_index.useNamespace("footer");
const style = (0, vue.computed)(() => props.height ? ns.cssVarBlock({ height: props.height }) : {});
return (_ctx, _cache) => {
return (0, vue.openBlock)(), (0, vue.createElementBlock)("footer", {
class: (0, vue.normalizeClass)((0, vue.unref)(ns).b()),
style: (0, vue.normalizeStyle)(style.value)
}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 6);
};
}
});
//#endregion
exports.default = footer_vue_vue_type_script_setup_true_lang_default;
//# sourceMappingURL=footer.vue_vue_type_script_setup_true_lang.js.map
@@ -0,0 +1 @@
{"version":3,"file":"footer.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/container/src/footer.vue"],"sourcesContent":["<template>\n <footer :class=\"ns.b()\" :style=\"style\">\n <slot />\n </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ninterface FooterProps {\n /**\n * @description height of the footer\n */\n height?: string | null\n}\n\ndefineOptions({\n name: 'ElFooter',\n})\nconst props = withDefaults(defineProps<FooterProps>(), {\n height: null,\n})\n\nconst ns = useNamespace('footer')\n\nconst style = computed(\n () =>\n (props.height\n ? ns.cssVarBlock({ height: props.height })\n : {}) as CSSProperties\n)\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAId,MAAM,KAAK,2BAAa,SAAQ;EAEhC,MAAM,gCAED,MAAM,SACH,GAAG,YAAY,EAAE,QAAQ,MAAM,QAAQ,CAAA,GACvC,EAAE,CACV;;4DA9BW,UAAA;IAFA,8CAAO,GAAE,CAAC,GAAC,CAAA;IAAK,+BAAO,MAAA,MAAK;2BAC3B,KAAA,QAAA,UAAA"}
@@ -0,0 +1,9 @@
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const require_header_vue_vue_type_script_setup_true_lang = require('./header.vue_vue_type_script_setup_true_lang.js');
//#region ../../packages/components/container/src/header.vue
var header_default = require_header_vue_vue_type_script_setup_true_lang.default;
//#endregion
exports.default = header_default;
//# sourceMappingURL=header.js.map
@@ -0,0 +1 @@
{"version":3,"file":"header.js","names":[],"sources":["../../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<template>\n <header :class=\"ns.b()\" :style=\"style\">\n <slot />\n </header>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ninterface HeaderProps {\n /**\n * @description height of the header\n */\n height?: string | null\n}\n\ndefineOptions({\n name: 'ElHeader',\n})\n\nconst props = withDefaults(defineProps<HeaderProps>(), {\n height: null,\n})\n\nconst ns = useNamespace('header')\nconst style = computed(() => {\n return props.height\n ? (ns.cssVarBlock({\n height: props.height,\n }) as CSSProperties)\n : {}\n})\n</script>\n"],"mappings":""}
@@ -0,0 +1,25 @@
import * as vue from "vue";
//#region ../../packages/components/container/src/header.vue.d.ts
interface HeaderProps {
/**
* @description height of the header
*/
height?: string | null;
}
declare var __VLS_1: {};
type __VLS_Slots = {} & {
default?: (props: typeof __VLS_1) => any;
};
declare const __VLS_base: vue.DefineComponent<HeaderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<HeaderProps> & Readonly<{}>, {
height: string | null;
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
declare const _default: typeof __VLS_export;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};
//#endregion
export { _default };
@@ -0,0 +1,31 @@
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
const require_index = require('../../../hooks/use-namespace/index.js');
let vue = require("vue");
//#region ../../packages/components/container/src/header.vue?vue&type=script&setup=true&lang.ts
var header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
name: "ElHeader",
__name: "header",
props: { height: {
type: [String, null],
required: false,
default: null
} },
setup(__props) {
const props = __props;
const ns = require_index.useNamespace("header");
const style = (0, vue.computed)(() => {
return props.height ? ns.cssVarBlock({ height: props.height }) : {};
});
return (_ctx, _cache) => {
return (0, vue.openBlock)(), (0, vue.createElementBlock)("header", {
class: (0, vue.normalizeClass)((0, vue.unref)(ns).b()),
style: (0, vue.normalizeStyle)(style.value)
}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 6);
};
}
});
//#endregion
exports.default = header_vue_vue_type_script_setup_true_lang_default;
//# sourceMappingURL=header.vue_vue_type_script_setup_true_lang.js.map
@@ -0,0 +1 @@
{"version":3,"file":"header.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<template>\n <header :class=\"ns.b()\" :style=\"style\">\n <slot />\n </header>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ninterface HeaderProps {\n /**\n * @description height of the header\n */\n height?: string | null\n}\n\ndefineOptions({\n name: 'ElHeader',\n})\n\nconst props = withDefaults(defineProps<HeaderProps>(), {\n height: null,\n})\n\nconst ns = useNamespace('header')\nconst style = computed(() => {\n return props.height\n ? (ns.cssVarBlock({\n height: props.height,\n }) as CSSProperties)\n : {}\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EAId,MAAM,KAAK,2BAAa,SAAQ;EAChC,MAAM,gCAAuB;AAC3B,UAAO,MAAM,SACR,GAAG,YAAY,EACd,QAAQ,MAAM,QACf,CAAC,GACF,EAAC;IACN;;4DA/BU,UAAA;IAFA,8CAAO,GAAE,CAAC,GAAC,CAAA;IAAK,+BAAO,MAAA,MAAK;2BAC3B,KAAA,QAAA,UAAA"}
@@ -0,0 +1,9 @@
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const require_main_vue_vue_type_script_setup_true_lang = require('./main.vue_vue_type_script_setup_true_lang.js');
//#region ../../packages/components/container/src/main.vue
var main_default = require_main_vue_vue_type_script_setup_true_lang.default;
//#endregion
exports.default = main_default;
//# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
{"version":3,"file":"main.js","names":[],"sources":["../../../../../../packages/components/container/src/main.vue"],"sourcesContent":["<template>\n <main :class=\"ns.b()\">\n <slot />\n </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\n\ndefineOptions({\n name: 'ElMain',\n})\n\nconst ns = useNamespace('main')\n</script>\n"],"mappings":""}
@@ -0,0 +1,17 @@
import * as vue from "vue";
//#region ../../packages/components/container/src/main.vue.d.ts
declare var __VLS_1: {};
type __VLS_Slots = {} & {
default?: (props: typeof __VLS_1) => any;
};
declare const __VLS_base: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
declare const _default: typeof __VLS_export;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};
//#endregion
export { _default };
@@ -0,0 +1,19 @@
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
const require_index = require('../../../hooks/use-namespace/index.js');
let vue = require("vue");
//#region ../../packages/components/container/src/main.vue?vue&type=script&setup=true&lang.ts
var main_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
name: "ElMain",
__name: "main",
setup(__props) {
const ns = require_index.useNamespace("main");
return (_ctx, _cache) => {
return (0, vue.openBlock)(), (0, vue.createElementBlock)("main", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).b()) }, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
};
}
});
//#endregion
exports.default = main_vue_vue_type_script_setup_true_lang_default;
//# sourceMappingURL=main.vue_vue_type_script_setup_true_lang.js.map
@@ -0,0 +1 @@
{"version":3,"file":"main.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/container/src/main.vue"],"sourcesContent":["<template>\n <main :class=\"ns.b()\">\n <slot />\n </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\n\ndefineOptions({\n name: 'ElMain',\n})\n\nconst ns = useNamespace('main')\n</script>\n"],"mappings":";;;;;;;;;EAaA,MAAM,KAAK,2BAAa,OAAM;;4DAVrB,QAAA,EAFA,8CAAO,GAAE,CAAC,GAAC,CAAA,yBACR,KAAA,QAAA,UAAA"}
@@ -0,0 +1,7 @@
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
require('../../base/style/css.js');
require("element-plus/theme-chalk/el-aside.css");
require("element-plus/theme-chalk/el-container.css");
require("element-plus/theme-chalk/el-footer.css");
require("element-plus/theme-chalk/el-header.css");
require("element-plus/theme-chalk/el-main.css");
@@ -0,0 +1,7 @@
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
require('../../base/style/index.js');
require("element-plus/theme-chalk/src/aside.scss");
require("element-plus/theme-chalk/src/container.scss");
require("element-plus/theme-chalk/src/footer.scss");
require("element-plus/theme-chalk/src/header.scss");
require("element-plus/theme-chalk/src/main.scss");