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
+9
View File
@@ -0,0 +1,9 @@
import { SFCWithInstall } from "../../utils/vue/typescript.js";
import "../../utils/index.js";
import { BorderStyle, DividerInstance, DividerProps, DividerPropsPublic, dividerProps } from "./src/divider.js";
import { _default } from "./src/divider.vue.js";
//#region ../../packages/components/divider/index.d.ts
declare const ElDivider: SFCWithInstall<typeof _default>;
//#endregion
export { BorderStyle, DividerInstance, DividerProps, DividerPropsPublic, ElDivider, ElDivider as default, dividerProps };
+13
View File
@@ -0,0 +1,13 @@
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const require_install = require('../../utils/vue/install.js');
const require_divider = require('./src/divider.js');
const require_divider$1 = require('./src/divider2.js');
//#region ../../packages/components/divider/index.ts
const ElDivider = require_install.withInstall(require_divider$1.default);
//#endregion
exports.ElDivider = ElDivider;
exports.default = ElDivider;
exports.dividerProps = require_divider.dividerProps;
//# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
{"version":3,"file":"index.js","names":["withInstall","Divider"],"sources":["../../../../../packages/components/divider/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport Divider from './src/divider.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElDivider: SFCWithInstall<typeof Divider> = withInstall(Divider)\nexport default ElDivider\n\nexport * from './src/divider'\n"],"mappings":";;;;;;AAKA,MAAa,YAA4CA,4BAAYC,0BAAQ"}
@@ -0,0 +1,36 @@
import { EpPropFinalized } from "../../../utils/vue/props/types.js";
import "../../../utils/index.js";
import { _default } from "./divider.vue.js";
import { ExtractPublicPropTypes } from "vue";
//#region ../../packages/components/divider/src/divider.d.ts
type BorderStyle = CSSStyleDeclaration['borderStyle'];
interface DividerProps {
/**
* @description Set divider's direction
*/
direction?: 'horizontal' | 'vertical';
/**
* @description Set the style of divider
*/
contentPosition?: 'left' | 'center' | 'right';
/**
* @description the position of the customized content on the divider line
*/
borderStyle?: BorderStyle;
}
/**
* @deprecated Removed after 3.0.0, Use `DividerProps` instead.
*/
declare const dividerProps: {
readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
readonly contentPosition: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, "center", boolean>;
readonly borderStyle: EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
};
/**
* @deprecated Removed after 3.0.0, Use `DividerProps` instead.
*/
type DividerPropsPublic = ExtractPublicPropTypes<typeof dividerProps>;
type DividerInstance = InstanceType<typeof _default> & unknown;
//#endregion
export { BorderStyle, DividerInstance, DividerProps, DividerPropsPublic, dividerProps };
@@ -0,0 +1,31 @@
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const require_runtime = require('../../../utils/vue/props/runtime.js');
//#region ../../packages/components/divider/src/divider.ts
/**
* @deprecated Removed after 3.0.0, Use `DividerProps` instead.
*/
const dividerProps = require_runtime.buildProps({
direction: {
type: String,
values: ["horizontal", "vertical"],
default: "horizontal"
},
contentPosition: {
type: String,
values: [
"left",
"center",
"right"
],
default: "center"
},
borderStyle: {
type: require_runtime.definePropType(String),
default: "solid"
}
});
//#endregion
exports.dividerProps = dividerProps;
//# sourceMappingURL=divider.js.map
@@ -0,0 +1 @@
{"version":3,"file":"divider.js","names":["buildProps","definePropType"],"sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport interface DividerProps {\n /**\n * @description Set divider's direction\n */\n direction?: 'horizontal' | 'vertical'\n /**\n * @description Set the style of divider\n */\n contentPosition?: 'left' | 'center' | 'right'\n /**\n * @description the position of the customized content on the divider line\n */\n borderStyle?: BorderStyle\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DividerProps` instead.\n */\nexport const dividerProps = buildProps({\n /**\n * @description Set divider's direction\n */\n direction: {\n type: String,\n values: ['horizontal', 'vertical'],\n default: 'horizontal',\n },\n /**\n * @description Set the style of divider\n */\n contentPosition: {\n type: String,\n values: ['left', 'center', 'right'],\n default: 'center',\n },\n /**\n * @description the position of the customized content on the divider line\n */\n borderStyle: {\n type: definePropType<BorderStyle>(String),\n default: 'solid',\n },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DividerProps` instead.\n */\nexport type DividerPropsPublic = ExtractPublicPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider> & unknown\n"],"mappings":";;;;;;;AAyBA,MAAa,eAAeA,2BAAW;CAIrC,WAAW;EACT,MAAM;EACN,QAAQ,CAAC,cAAc,WAAW;EAClC,SAAS;EACV;CAID,iBAAiB;EACf,MAAM;EACN,QAAQ;GAAC;GAAQ;GAAU;GAAQ;EACnC,SAAS;EACV;CAID,aAAa;EACX,MAAMC,+BAA4B,OAAO;EACzC,SAAS;EACV;CACF,CAAU"}
@@ -0,0 +1,22 @@
import { BorderStyle, DividerProps } from "./divider.js";
import * as vue from "vue";
//#region ../../packages/components/divider/src/divider.vue.d.ts
declare var __VLS_1: {};
type __VLS_Slots = {} & {
default?: (props: typeof __VLS_1) => any;
};
declare const __VLS_base: vue.DefineComponent<DividerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DividerProps> & Readonly<{}>, {
borderStyle: BorderStyle;
direction: "horizontal" | "vertical";
contentPosition: "left" | "center" | "right";
}, {}, {}, {}, 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,32 @@
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
const require_index = require('../../../hooks/use-namespace/index.js');
const require_divider = require('./divider.js');
let vue = require("vue");
//#region ../../packages/components/divider/src/divider.vue?vue&type=script&setup=true&lang.ts
var divider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
name: "ElDivider",
__name: "divider",
props: require_divider.dividerProps,
setup(__props) {
const props = __props;
const ns = require_index.useNamespace("divider");
const dividerStyle = (0, vue.computed)(() => {
return ns.cssVar({ "border-style": props.borderStyle });
});
return (_ctx, _cache) => {
return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
class: (0, vue.normalizeClass)([(0, vue.unref)(ns).b(), (0, vue.unref)(ns).m(__props.direction)]),
style: (0, vue.normalizeStyle)(dividerStyle.value),
role: "separator"
}, [_ctx.$slots.default && __props.direction !== "vertical" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
key: 0,
class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("text"), (0, vue.unref)(ns).is(__props.contentPosition)])
}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2)) : (0, vue.createCommentVNode)("v-if", true)], 6);
};
}
});
//#endregion
exports.default = divider_vue_vue_type_script_setup_true_lang_default;
//# sourceMappingURL=divider.vue_vue_type_script_setup_true_lang.js.map
@@ -0,0 +1 @@
{"version":3,"file":"divider.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b(), ns.m(direction)]\"\n :style=\"dividerStyle\"\n role=\"separator\"\n >\n <div\n v-if=\"$slots.default && direction !== 'vertical'\"\n :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n >\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { DividerProps } from './divider'\n\ndefineOptions({\n name: 'ElDivider',\n})\nconst props = withDefaults(defineProps<DividerProps>(), {\n direction: 'horizontal',\n contentPosition: 'center',\n borderStyle: 'solid',\n})\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n return ns.cssVar({\n 'border-style': props.borderStyle,\n }) as CSSProperties\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAyBA,MAAM,QAAQ;EAKd,MAAM,KAAK,2BAAa,UAAS;EACjC,MAAM,uCAA8B;AAClC,UAAO,GAAG,OAAO,EACf,gBAAgB,MAAM,aACvB,CAAC;IACH;;4DAvBO,OAAA;IAVH,+BAAK,gBAAG,GAAE,CAAC,GAAC,iBAAI,GAAE,CAAC,EAAE,QAAA,UAAS,CAAA,CAAA;IAC9B,+BAAO,aAAA,MAAY;IACpB,MAAK;OAGGA,KAAAA,OAAO,WAAW,QAAA,cAAS,gEAI7B,OAAA;;IAHH,+BAAK,gBAAG,GAAE,CAAC,EAAC,OAAA,iBAAU,GAAE,CAAC,GAAG,QAAA,gBAAe,CAAA,CAAA;2BAEpC,KAAA,QAAA,UAAA"}
@@ -0,0 +1,9 @@
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
const require_divider_vue_vue_type_script_setup_true_lang = require('./divider.vue_vue_type_script_setup_true_lang.js');
//#region ../../packages/components/divider/src/divider.vue
var divider_default = require_divider_vue_vue_type_script_setup_true_lang.default;
//#endregion
exports.default = divider_default;
//# sourceMappingURL=divider2.js.map
@@ -0,0 +1 @@
{"version":3,"file":"divider2.js","names":[],"sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b(), ns.m(direction)]\"\n :style=\"dividerStyle\"\n role=\"separator\"\n >\n <div\n v-if=\"$slots.default && direction !== 'vertical'\"\n :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n >\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { DividerProps } from './divider'\n\ndefineOptions({\n name: 'ElDivider',\n})\nconst props = withDefaults(defineProps<DividerProps>(), {\n direction: 'horizontal',\n contentPosition: 'center',\n borderStyle: 'solid',\n})\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n return ns.cssVar({\n 'border-style': props.borderStyle,\n }) as CSSProperties\n})\n</script>\n"],"mappings":""}
@@ -0,0 +1,3 @@
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
require('../../base/style/css.js');
require("element-plus/theme-chalk/el-divider.css");
@@ -0,0 +1,3 @@
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
require('../../base/style/index.js');
require("element-plus/theme-chalk/src/divider.scss");