完全跑通1.0版本

This commit is contained in:
2026-05-26 12:56:03 +08:00
parent 2ece5174a7
commit 93c714a93b
11557 changed files with 1648225 additions and 36 deletions

View File

@@ -0,0 +1,25 @@
import { SFCWithInstall } from "../../utils/vue/typescript.js";
import _default from "./src/container.vue.js";
import _default$1 from "./src/aside.vue.js";
import _default$2 from "./src/footer.vue.js";
import _default$3 from "./src/header.vue.js";
import _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 };

View File

@@ -0,0 +1,30 @@
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

View File

@@ -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,gBAAAA,YAAYC,kBAAAA,SAAW;CACzB,OAAA,cAAA;CACA,QAAA,eAAA;CACA,QAAA,eAAA;CACA,MAAA,aAAA;CACD,CAAC;AAGF,MAAa,UAAwCC,gBAAAA,gBAAgBC,cAAAA,QAAM;AAC3E,MAAa,WAA0CD,gBAAAA,gBAAgBE,eAAAA,QAAO;AAC9E,MAAa,WAA0CF,gBAAAA,gBAAgBG,eAAAA,QAAO;AAC9E,MAAa,SAAsCH,gBAAAA,gBAAgBI,aAAAA,QAAK"}

View File

@@ -0,0 +1,10 @@
Object.defineProperties(exports, {
__esModule: { value: true },
[Symbol.toStringTag]: { value: "Module" }
});
//#region ../../packages/components/container/src/aside.vue
var aside_default = require("./aside.vue_vue_type_script_setup_true_lang.js").default;
//#endregion
exports.default = aside_default;
//# sourceMappingURL=aside.js.map

View File

@@ -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":""}

View File

@@ -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 as default };

View File

@@ -0,0 +1,28 @@
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

View File

@@ -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,cAAA,aAAa,QAAO;EAC/B,MAAM,SAAA,GAAA,IAAA,gBAED,MAAM,QAAQ,GAAG,YAAY,EAAE,OAAO,MAAM,OAAO,CAAC,GAAG,EAAE,CAC9D;;4DA3BU,SAAA;IAFA,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAO,GAAE,CAAC,GAAC,CAAA;IAAK,QAAA,GAAA,IAAA,gBAAO,MAAA,MAAK;2BAC1B,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

View File

@@ -0,0 +1,10 @@
Object.defineProperties(exports, {
__esModule: { value: true },
[Symbol.toStringTag]: { value: "Module" }
});
//#region ../../packages/components/container/src/container.vue
var container_default = require("./container.vue_vue_type_script_setup_true_lang.js").default;
//#endregion
exports.default = container_default;
//# sourceMappingURL=container.js.map

View File

@@ -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":""}

View File

@@ -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 as default };

View File

@@ -0,0 +1,33 @@
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

View File

@@ -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,SAAA,GAAA,IAAA,WAAiB;EAEvB,MAAM,KAAK,cAAA,aAAa,YAAW;EAEnC,MAAM,cAAA,GAAA,IAAA,gBAA4B;GAChC,IAAI,MAAM,cAAc,YACtB,OAAO;QACF,IAAI,MAAM,cAAc,cAC7B,OAAO;GAET,IAAI,SAAS,MAAM,SAEjB,OADwB,MAAM,SACjB,CAAC,MAAM,UAAU;IAC5B,MAAM,MAAO,MAAM,KAAmB;IACtC,OAAO,QAAQ,cAAc,QAAQ;KACtC;QAED,OAAO;IAEV;;4DAxCW,WAAA,EAFA,QAAA,GAAA,IAAA,gBAAK,EAAA,GAAA,IAAA,OAAG,GAAE,CAAC,GAAC,GAAA,GAAA,IAAA,OAAI,GAAE,CAAC,GAAE,YAAa,WAAA,MAAU,CAAA,CAAA,EAAA,EAAA,EAAA,GAAA,IAAA,YAC5C,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

View File

@@ -0,0 +1,10 @@
Object.defineProperties(exports, {
__esModule: { value: true },
[Symbol.toStringTag]: { value: "Module" }
});
//#region ../../packages/components/container/src/footer.vue
var footer_default = require("./footer.vue_vue_type_script_setup_true_lang.js").default;
//#endregion
exports.default = footer_default;
//# sourceMappingURL=footer.js.map

View File

@@ -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":""}

View File

@@ -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 as default };

View File

@@ -0,0 +1,28 @@
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

View File

@@ -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,cAAA,aAAa,SAAQ;EAEhC,MAAM,SAAA,GAAA,IAAA,gBAED,MAAM,SACH,GAAG,YAAY,EAAE,QAAQ,MAAM,QAAQ,CAAA,GACvC,EAAE,CACV;;4DA9BW,UAAA;IAFA,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAO,GAAE,CAAC,GAAC,CAAA;IAAK,QAAA,GAAA,IAAA,gBAAO,MAAA,MAAK;2BAC3B,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

View File

@@ -0,0 +1,10 @@
Object.defineProperties(exports, {
__esModule: { value: true },
[Symbol.toStringTag]: { value: "Module" }
});
//#region ../../packages/components/container/src/header.vue
var header_default = require("./header.vue_vue_type_script_setup_true_lang.js").default;
//#endregion
exports.default = header_default;
//# sourceMappingURL=header.js.map

View File

@@ -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":""}

View File

@@ -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 as default };

View File

@@ -0,0 +1,30 @@
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

View File

@@ -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,cAAA,aAAa,SAAQ;EAChC,MAAM,SAAA,GAAA,IAAA,gBAAuB;GAC3B,OAAO,MAAM,SACR,GAAG,YAAY,EACd,QAAQ,MAAM,QACf,CAAC,GACF,EAAC;IACN;;4DA/BU,UAAA;IAFA,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAO,GAAE,CAAC,GAAC,CAAA;IAAK,QAAA,GAAA,IAAA,gBAAO,MAAA,MAAK;2BAC3B,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

View File

@@ -0,0 +1,10 @@
Object.defineProperties(exports, {
__esModule: { value: true },
[Symbol.toStringTag]: { value: "Module" }
});
//#region ../../packages/components/container/src/main.vue
var main_default = require("./main.vue_vue_type_script_setup_true_lang.js").default;
//#endregion
exports.default = main_default;
//# sourceMappingURL=main.js.map

View File

@@ -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":""}

View File

@@ -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 as default };

View File

@@ -0,0 +1,18 @@
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

View File

@@ -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,cAAA,aAAa,OAAM;;4DAVrB,QAAA,EAFA,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAO,GAAE,CAAC,GAAC,CAAA,EAAA,EAAA,EAAA,GAAA,IAAA,YACR,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

View File

@@ -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");

View File

@@ -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");