first commit
This commit is contained in:
+9
@@ -0,0 +1,9 @@
|
||||
import { SFCWithInstall } from "../../utils/vue/typescript.js";
|
||||
import "../../utils/index.js";
|
||||
import { IconInstance, IconProps, IconPropsPublic, iconProps } from "./src/icon.js";
|
||||
import { _default } from "./src/icon.vue.js";
|
||||
|
||||
//#region ../../packages/components/icon/index.d.ts
|
||||
declare const ElIcon: SFCWithInstall<typeof _default>;
|
||||
//#endregion
|
||||
export { ElIcon, ElIcon as default, IconInstance, IconProps, IconPropsPublic, iconProps };
|
||||
+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_icon = require('./src/icon.js');
|
||||
const require_icon$1 = require('./src/icon2.js');
|
||||
|
||||
//#region ../../packages/components/icon/index.ts
|
||||
const ElIcon = require_install.withInstall(require_icon$1.default);
|
||||
|
||||
//#endregion
|
||||
exports.ElIcon = ElIcon;
|
||||
exports.default = ElIcon;
|
||||
exports.iconProps = require_icon.iconProps;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","names":["withInstall","Icon"],"sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport Icon from './src/icon.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElIcon: SFCWithInstall<typeof Icon> = withInstall(Icon)\nexport default ElIcon\n\nexport * from './src/icon'\n"],"mappings":";;;;;;AAKA,MAAa,SAAsCA,4BAAYC,uBAAK"}
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
import { EpPropMergeType } from "../../../utils/vue/props/types.js";
|
||||
import "../../../utils/index.js";
|
||||
import { _default } from "./icon.vue.js";
|
||||
import * as vue from "vue";
|
||||
import { ExtractPublicPropTypes } from "vue";
|
||||
|
||||
//#region ../../packages/components/icon/src/icon.d.ts
|
||||
interface IconProps {
|
||||
/**
|
||||
* @description SVG icon size, size x size
|
||||
*/
|
||||
size?: number | string;
|
||||
/**
|
||||
* @description SVG tag's fill attribute
|
||||
*/
|
||||
color?: string;
|
||||
}
|
||||
/**
|
||||
* @deprecated Removed after 3.0.0, Use `IconProps` instead.
|
||||
*/
|
||||
declare const iconProps: {
|
||||
readonly size: {
|
||||
readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly color: {
|
||||
readonly type: vue.PropType<string>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
};
|
||||
/**
|
||||
* @deprecated Removed after 3.0.0, Use `IconProps` instead.
|
||||
*/
|
||||
type IconPropsPublic = ExtractPublicPropTypes<typeof iconProps>;
|
||||
type IconInstance = InstanceType<typeof _default> & unknown;
|
||||
//#endregion
|
||||
export { IconInstance, IconProps, IconPropsPublic, iconProps };
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
const require_runtime = require('../../../utils/vue/props/runtime.js');
|
||||
|
||||
//#region ../../packages/components/icon/src/icon.ts
|
||||
/**
|
||||
* @deprecated Removed after 3.0.0, Use `IconProps` instead.
|
||||
*/
|
||||
const iconProps = require_runtime.buildProps({
|
||||
size: { type: require_runtime.definePropType([Number, String]) },
|
||||
color: { type: String }
|
||||
});
|
||||
|
||||
//#endregion
|
||||
exports.iconProps = iconProps;
|
||||
//# sourceMappingURL=icon.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"icon.js","names":["buildProps","definePropType"],"sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Icon from './icon.vue'\n\nexport interface IconProps {\n /**\n * @description SVG icon size, size x size\n */\n size?: number | string\n /**\n * @description SVG tag's fill attribute\n */\n color?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `IconProps` instead.\n */\nexport const iconProps = buildProps({\n /**\n * @description SVG icon size, size x size\n */\n size: {\n type: definePropType<number | string>([Number, String]),\n },\n /**\n * @description SVG tag's fill attribute\n */\n color: {\n type: String,\n },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `IconProps` instead.\n */\nexport type IconPropsPublic = ExtractPublicPropTypes<typeof iconProps>\nexport type IconInstance = InstanceType<typeof Icon> & unknown\n"],"mappings":";;;;;;;AAmBA,MAAa,YAAYA,2BAAW;CAIlC,MAAM,EACJ,MAAMC,+BAAgC,CAAC,QAAQ,OAAO,CAAC,EACxD;CAID,OAAO,EACL,MAAM,QACP;CACF,CAAU"}
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
import { IconProps } from "./icon.js";
|
||||
import * as vue from "vue";
|
||||
|
||||
//#region ../../packages/components/icon/src/icon.vue.d.ts
|
||||
declare var __VLS_1: {};
|
||||
type __VLS_Slots = {} & {
|
||||
default?: (props: typeof __VLS_1) => any;
|
||||
};
|
||||
declare const __VLS_base: vue.DefineComponent<IconProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<IconProps> & Readonly<{}>, {
|
||||
size: number | string;
|
||||
}, {}, {}, {}, 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
+36
@@ -0,0 +1,36 @@
|
||||
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
|
||||
const require_style = require('../../../utils/dom/style.js');
|
||||
const require_index = require('../../../hooks/use-namespace/index.js');
|
||||
const require_icon = require('./icon.js');
|
||||
let vue = require("vue");
|
||||
|
||||
//#region ../../packages/components/icon/src/icon.vue?vue&type=script&setup=true&lang.ts
|
||||
var icon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
||||
name: "ElIcon",
|
||||
inheritAttrs: false,
|
||||
__name: "icon",
|
||||
props: require_icon.iconProps,
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const ns = require_index.useNamespace("icon");
|
||||
const style = (0, vue.computed)(() => {
|
||||
const { size, color } = props;
|
||||
const fontSize = require_style.addUnit(size);
|
||||
if (!fontSize && !color) return {};
|
||||
return {
|
||||
fontSize,
|
||||
"--color": color
|
||||
};
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return (0, vue.openBlock)(), (0, vue.createElementBlock)("i", (0, vue.mergeProps)({
|
||||
class: (0, vue.unref)(ns).b(),
|
||||
style: style.value
|
||||
}, _ctx.$attrs), [(0, vue.renderSlot)(_ctx.$slots, "default")], 16);
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//#endregion
|
||||
exports.default = icon_vue_vue_type_script_setup_true_lang_default;
|
||||
//# sourceMappingURL=icon.vue_vue_type_script_setup_true_lang.js.map
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"icon.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n <slot />\n </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { IconProps } from './icon'\n\ndefineOptions({\n name: 'ElIcon',\n inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<IconProps>(), {\n size: undefined,\n})\nconst ns = useNamespace('icon')\n\nconst style = computed<CSSProperties>(() => {\n const { size, color } = props\n const fontSize = addUnit(size)\n if (!fontSize && !color) return {}\n\n return {\n fontSize,\n '--color': color,\n }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAGd,MAAM,KAAK,2BAAa,OAAM;EAE9B,MAAM,gCAAsC;GAC1C,MAAM,EAAE,MAAM,UAAU;GACxB,MAAM,WAAW,sBAAQ,KAAI;AAC7B,OAAI,CAAC,YAAY,CAAC,MAAO,QAAO,EAAC;AAEjC,UAAO;IACL;IACA,WAAW;IACb;IACD;;4DA7BK,yBAAA;IAFA,sBAAO,GAAE,CAAC,GAAC;IAAK,OAAO,MAAA;MAAeA,KAAAA,OAAM,EAAA,qBACtC,KAAA,QAAA,UAAA"}
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
||||
const require_icon_vue_vue_type_script_setup_true_lang = require('./icon.vue_vue_type_script_setup_true_lang.js');
|
||||
|
||||
//#region ../../packages/components/icon/src/icon.vue
|
||||
var icon_default = require_icon_vue_vue_type_script_setup_true_lang.default;
|
||||
|
||||
//#endregion
|
||||
exports.default = icon_default;
|
||||
//# sourceMappingURL=icon2.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"icon2.js","names":[],"sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n <slot />\n </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { IconProps } from './icon'\n\ndefineOptions({\n name: 'ElIcon',\n inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<IconProps>(), {\n size: undefined,\n})\nconst ns = useNamespace('icon')\n\nconst style = computed<CSSProperties>(() => {\n const { size, color } = props\n const fontSize = addUnit(size)\n if (!fontSize && !color) return {}\n\n return {\n fontSize,\n '--color': color,\n }\n})\n</script>\n"],"mappings":""}
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
require('../../base/style/css.js');
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
require('../../base/style/index.js');
|
||||
Reference in New Issue
Block a user