first commit
This commit is contained in:
+9
@@ -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
@@ -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
|
||||
+1
@@ -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"}
|
||||
+36
@@ -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" | "right" | "left", 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 };
|
||||
+31
@@ -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
|
||||
+1
@@ -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"}
|
||||
+22
@@ -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 };
|
||||
Generated
Vendored
+32
@@ -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
|
||||
Generated
Vendored
+1
@@ -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"}
|
||||
+9
@@ -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
|
||||
+1
@@ -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":""}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
require('../../base/style/css.js');
|
||||
require("element-plus/theme-chalk/el-divider.css");
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
require('../../base/style/index.js');
|
||||
require("element-plus/theme-chalk/src/divider.scss");
|
||||
Reference in New Issue
Block a user