yuang-framework-ui-pc 1.1.44 → 1.1.46

package/es/ele-app/components/message-body.js

@@ -0,0 +1,98 @@
+import { defineComponent, onBeforeUnmount, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, createCommentVNode, createVNode, normalizeClass, withCtx, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import { ElIcon } from "element-plus";
+import { LoadingOutlined, CloseCircleFilled, ExclamationCircleFilled, CheckCircleFilled, InfoCircleFilled, CloseOutlined } from "../../icons";
+const _sfc_main = defineComponent({
+  name: "MessageBody",
+  components: {
+    ElIcon,
+    CloseOutlined,
+    InfoCircleFilled,
+    CheckCircleFilled,
+    ExclamationCircleFilled,
+    CloseCircleFilled,
+    LoadingOutlined
+  },
+  props: {
+    /** 内容 */
+    message: String,
+    /** 类型 */
+    type: String,
+    /** 图标 */
+    icon: [String, Object, Function],
+    /** 是否显示关闭按钮 */
+    showClose: Boolean,
+    /** 内容是否是富文本 */
+    dangerouslyUseHTMLString: Boolean,
+    /** 是否是加载框 */
+    loading: Boolean,
+    /** 标识id */
+    messageId: String
+  },
+  emits: {
+    close: () => true,
+    messageDestroy: (_messageId) => true
+  },
+  setup(props, { emit }) {
+    onBeforeUnmount(() => {
+      emit("messageDestroy", props.messageId);
+    });
+    return { handleClose: () => emit("close") };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-message-icon" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+  key: 1,
+  class: "ele-message-content"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_LoadingOutlined = resolveComponent("LoadingOutlined");
+  const _component_CheckCircleFilled = resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = resolveComponent("InfoCircleFilled");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_CloseOutlined = resolveComponent("CloseOutlined");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createElementVNode("div", _hoisted_1, [
+      createVNode(_component_ElIcon, {
+        class: normalizeClass({ "is-loading": _ctx.loading })
+      }, {
+        default: withCtx(() => [
+          _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.loading ? (openBlock(), createBlock(_component_LoadingOutlined, { key: 1 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_CheckCircleFilled, { key: 2 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_ExclamationCircleFilled, { key: 3 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_CloseCircleFilled, { key: 4 })) : (openBlock(), createBlock(_component_InfoCircleFilled, { key: 5 }))
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ]),
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      _ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        innerHTML: _ctx.message,
+        class: "ele-message-content"
+      }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(_ctx.message), 1))
+    ]),
+    _ctx.showClose ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "ele-message-close",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+    }, [
+      createVNode(_component_ElIcon, null, {
+        default: withCtx(() => [
+          createVNode(_component_CloseOutlined)
+        ]),
+        _: 1
+      })
+    ])) : createCommentVNode("", true)
+  ], 64);
+}
+const messageBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  messageBody as default
+};

package/es/ele-app/components/message-box-icon.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { ElMessageBoxOptions } from '../el';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 类型 */
+    type: PropType<ElMessageBoxOptions["type"]>;
+    /** 图标 */
+    icon: PropType<ElMessageBoxOptions["icon"]>;
+    /** 标识id */
+    boxId: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    boxDestroy: (_boxId?: string) => true;
+    boxMounted: (_: {
+        boxId?: string;
+        doClose?: () => void;
+    }) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 类型 */
+    type: PropType<ElMessageBoxOptions["type"]>;
+    /** 图标 */
+    icon: PropType<ElMessageBoxOptions["icon"]>;
+    /** 标识id */
+    boxId: StringConstructor;
+}>> & Readonly<{
+    onBoxDestroy?: ((_boxId?: string | undefined) => any) | undefined;
+    onBoxMounted?: ((_: {
+        boxId?: string;
+        doClose?: () => void;
+    }) => any) | undefined;
+}>, {}, {}, {
+    CloseOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    InfoCircleFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    CheckCircleFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ExclamationCircleFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    CloseCircleFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/ele-app/components/message-box-icon.js

@@ -0,0 +1,63 @@
+import { defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, resolveComponent, withDirectives, createElementBlock, openBlock, createBlock, createCommentVNode, resolveDynamicComponent, vShow } from "vue";
+import { CloseCircleFilled, ExclamationCircleFilled, CheckCircleFilled, InfoCircleFilled, CloseOutlined } from "../../icons";
+const _sfc_main = defineComponent({
+  name: "MessageBoxIcon",
+  components: {
+    CloseOutlined,
+    InfoCircleFilled,
+    CheckCircleFilled,
+    ExclamationCircleFilled,
+    CloseCircleFilled
+  },
+  props: {
+    /** 类型 */
+    type: String,
+    /** 图标 */
+    icon: [String, Object, Function],
+    /** 标识id */
+    boxId: String
+  },
+  emits: {
+    boxDestroy: (_boxId) => true,
+    boxMounted: (_) => true
+  },
+  setup(props, { emit }) {
+    var _a;
+    const ins = (_a = getCurrentInstance) == null ? void 0 : _a();
+    onBeforeUnmount(() => {
+      emit("boxDestroy", props.boxId);
+    });
+    onMounted(() => {
+      var _a2, _b;
+      emit("boxMounted", {
+        boxId: props.boxId,
+        // @ts-ignore
+        doClose: (_b = (_a2 = ins == null ? void 0 : ins.ctx) == null ? void 0 : _a2.$root) == null ? void 0 : _b.doClose
+      });
+    });
+    return {};
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-message-box-icon" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CheckCircleFilled = resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = resolveComponent("InfoCircleFilled");
+  return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_CheckCircleFilled, { key: 1 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_ExclamationCircleFilled, { key: 2 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_CloseCircleFilled, { key: 3 })) : _ctx.type === "info" ? (openBlock(), createBlock(_component_InfoCircleFilled, { key: 4 })) : createCommentVNode("", true)
+  ], 512)), [
+    [vShow, _ctx.type || _ctx.icon]
+  ]);
+}
+const messageBoxIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  messageBoxIcon as default
+};

package/es/ele-app/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/ele-app/index.js

@@ -0,0 +1,13 @@
+import { defineComponent } from "vue";
+const index = defineComponent({
+  name: "EleApp",
+  setup(_props, { slots }) {
+    return () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
+  }
+});
+export {
+  index as default
+};

package/es/ele-app/plus.d.ts

@@ -0,0 +1,181 @@
+import type EleAdminLayout from '../ele-admin-layout/index';
+import type { BacktopProps } from '../ele-backtop/props';
+import type EleBasicSelect from '../ele-basic-select/index';
+import type { BreadcrumbProps } from '../ele-breadcrumb/props';
+import type ReceiverView from '../ele-config-provider/components/receiver-view';
+import type { CropperProps } from '../ele-cropper/props';
+import type EleDataTable from '../ele-data-table/index';
+import type { DataTableProps } from '../ele-data-table/props';
+import type EleDropdown from '../ele-dropdown/index';
+import type { DropdownProps } from '../ele-dropdown/props';
+import type { FileListProps } from '../ele-file-list/props';
+import type { ImageViewerProps } from '../ele-image-viewer/props';
+import type { LoadingProps } from '../ele-loading/props';
+import type EleMenus from '../ele-menus/index';
+import type { MenusProps } from '../ele-menus/props';
+import type { MenuItem } from '../ele-menus/types';
+import type { EleDialogProps as EleDialogProps2 } from '../ele-dialog/props';
+import type { PaginationProps } from '../ele-pagination/props';
+import type ElePopover from '../ele-popover/index';
+import type { PopoverProps } from '../ele-popover/props';
+import type { PrinterProps } from '../ele-printer/props';
+import type EleProTable from '../ele-pro-table/index';
+import type { ProTableProps } from '../ele-pro-table/props';
+import type { TableProps } from '../ele-table/props';
+import type EleTabs from '../ele-tabs/index';
+import type EleText from '../ele-text/index';
+import type { TextProps } from '../ele-text/props';
+import type EleTool from '../ele-tool/index';
+import type { ToolProps } from '../ele-tool/props';
+import type { ToolbarProps } from '../ele-toolbar/props';
+import type EleTooltip from '../ele-tooltip/index';
+import type { TooltipProps } from '../ele-tooltip/props';
+import type EleUploadList from '../ele-upload-list/index';
+import type { UploadListProps } from '../ele-upload-list/props';
+import type EleVirtualTable from '../ele-virtual-table/index';
+import type { ComponentProps } from './types';
+
+/**
+ * EleAdminLayout
+ */
+export type EleAdminLayoutInstance = InstanceType<typeof EleAdminLayout> | null;
+
+/**
+ * EleBacktop
+ */
+export type EleBacktopProps = ComponentProps<BacktopProps>;
+
+/**
+ * EleBasicSelect
+ */
+export type EleBasicSelectInstance = InstanceType<typeof EleBasicSelect> | null;
+
+/**
+ * EleBreadcrumb
+ */
+export type EleBreadcrumbProps = ComponentProps<BreadcrumbProps>;
+
+/**
+ * EleConfigProvider
+ */
+export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;
+
+/**
+ * EleCropper
+ */
+export type EleCropperProps = ComponentProps<CropperProps>;
+
+/**
+ * EleDataTable
+ */
+export type EleDataTableInstance = InstanceType<typeof EleDataTable> | null;
+
+export type EleDataTableProps = ComponentProps<DataTableProps>;
+
+/**
+ * EleDropdown
+ */
+export type EleDropdownInstance = InstanceType<typeof EleDropdown> | null;
+
+export type EleDropdownProps = ComponentProps<DropdownProps>;
+
+/**
+ * EleFileList
+ */
+export type EleFileListProps = ComponentProps<FileListProps>;
+
+/**
+ * EleImageViewer
+ */
+export type EleImageViewerProps = ComponentProps<ImageViewerProps>;
+
+/**
+ * EleLoading
+ */
+export type EleLoadingProps = ComponentProps<LoadingProps>;
+
+/**
+ * EleMenus
+ */
+export type EleMenusInstance = InstanceType<typeof EleMenus> | null;
+
+export type EleMenusProps = ComponentProps<MenusProps>;
+
+export type EleMenuItemProps = Partial<MenuItem>;
+
+/**
+ * EleDialog
+ */
+export type EleDialogProps = ComponentProps<EleDialogProps2>;
+
+/**
+ * ElePagination
+ */
+export type ElePaginationProps = ComponentProps<PaginationProps>;
+
+/**
+ * ElePopover
+ */
+export type ElePopoverInstance = InstanceType<typeof ElePopover> | null;
+
+export type ElePopoverProps = Partial<PopoverProps>;
+
+/**
+ * ElePrinter
+ */
+export type ElePrinterProps = ComponentProps<PrinterProps>;
+
+/**
+ * EleProTable
+ */
+export type EleProTableInstance = InstanceType<typeof EleProTable> | null;
+
+export type EleProTableProps = ComponentProps<ProTableProps>;
+
+/**
+ * EleTable
+ */
+export type EleTableProps = ComponentProps<TableProps>;
+
+/**
+ * EleTabs
+ */
+export type EleTabsInstance = InstanceType<typeof EleTabs> | null;
+
+/**
+ * EleText
+ */
+export type EleTextInstance = InstanceType<typeof EleText> | null;
+
+export type EleTextProps = ComponentProps<TextProps>;
+
+/**
+ * EleTool
+ */
+export type EleToolInstance = InstanceType<typeof EleTool> | null;
+
+export type EleToolProps = Partial<ToolProps>;
+
+/**
+ * EleToolbar
+ */
+export type EleToolbarProps = ComponentProps<ToolbarProps>;
+
+/**
+ * EleTooltip
+ */
+export type EleTooltipInstance = InstanceType<typeof EleTooltip> | null;
+
+export type EleTooltipProps = Partial<TooltipProps>;
+
+/**
+ * EleUploadList
+ */
+export type EleUploadListInstance = InstanceType<typeof EleUploadList> | null;
+
+export type EleUploadListProps = Partial<UploadListProps>;
+
+/**
+ * EleVirtualTable
+ */
+export type EleVirtualTableInstance = InstanceType<typeof EleVirtualTable> | null;

package/es/ele-app/style/common/index.scss

@@ -0,0 +1,55 @@
+/* 表单组件宽度撑满 */
+.ele-fluid {
+  width: 100%;
+  box-sizing: border-box;
+
+  &.el-select,
+  &.el-input-number,
+  &.el-date-editor,
+  &.el-date-editor.el-input,
+  &.el-date-editor.el-input__wrapper,
+  &.el-date-editor > .el-input__wrapper {
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  /* 日期选择 */
+  &.el-date-editor {
+    &.el-input__wrapper {
+      width: 100%;
+      box-sizing: border-box;
+    }
+
+    .el-range-input {
+      flex: 1;
+      width: 100%;
+    }
+
+    .el-range-separator {
+      flex: 0;
+    }
+
+    & > .el-input__icon {
+      flex-shrink: 0;
+    }
+  }
+
+  /* 数字输入框 */
+  &.el-input-number.is-controls-right .el-input__inner {
+    text-align: left;
+  }
+}
+
+/* 隐藏滚动条 */
+.ele-scrollbar-hide,
+.ele-scrollbar-hover:not(:hover) {
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+.ele-scrollbar-hover {
+  overflow: auto;
+}

package/es/ele-app/style/css-var.scss

@@ -0,0 +1,11 @@
+@use '../../style/util.scss' as *;
+@use './message/css-var.scss' as *;
+@use './overwrite/css-var.scss' as *;
+@use './scrollbar/css-var.scss' as *;
+
+/* App 主题变量 */
+@mixin set-app-var($var) {
+  @include set-scrollbar-var($var);
+  @include set-overwrite-var($var);
+  @include set-message-var($var);
+}

package/es/ele-app/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-app/style/index.js

@@ -0,0 +1,4 @@
+import "./overwrite/index";
+import "./scrollbar/index";
+import "./common/index";
+import "./message/index";

package/es/ele-app/style/index.scss

@@ -0,0 +1,4 @@
+@use './overwrite/index.scss' as overwrite;
+@use './scrollbar/index.scss' as scrollbar;
+@use './common/index.scss' as common;
+@use './message/index.scss' as message;

package/es/ele-app/style/message/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-app/style/message/index.js

@@ -0,0 +1,2 @@
+import "element-plus/es/components/message/style/index";
+import "./index.scss";

package/es/ele-app/style/overwrite/autocomplete/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-app/style/overwrite/autocomplete/index.js

@@ -0,0 +1 @@
+import "./index.scss";

package/es/ele-app/style/overwrite/backtop/index.scss

@@ -0,0 +1,8 @@
+@use '../../../../style/themes/default.scss' as *;
+@use '../../../../style/util.scss' as *;
+
+/* Backtop */
+body .el-backtop {
+  box-shadow: elVar('box-shadow', 'light');
+  transition: (color $transition-base, background-color $transition-base);
+}

package/es/ele-app/style/overwrite/cascader/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-app/style/overwrite/cascader/index.js

@@ -0,0 +1 @@
+import "./index.scss";

package/es/ele-app/style/overwrite/color-picker/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-app/style/overwrite/color-picker/index.js

@@ -0,0 +1 @@
+import "./index.scss";

package/es/ele-app/style/overwrite/color-picker/index.scss

@@ -0,0 +1,42 @@
+@use '../../../../style/themes/default.scss' as *;
+@use '../../../../style/util.scss' as *;
+
+/* ColorPicker */
+body .el-color-picker__panel {
+  padding: 10px;
+}
+
+.el-color-picker__panel {
+  .el-color-dropdown__btns {
+    margin-top: 8px;
+  }
+
+  .el-color-predefine__color-selector.selected {
+    box-shadow: none;
+    position: relative;
+
+    &::after {
+      content: '';
+      width: 5.71428571px;
+      height: 9.14285714px;
+      border: 2px solid #fff;
+      border-left: 0;
+      border-top: 0;
+      transform: rotate(45deg) translate(-50%, -50%);
+      box-sizing: border-box;
+      position: absolute;
+      top: 50%;
+      left: 6px;
+    }
+  }
+}
+
+.el-color-picker .el-color-picker__color {
+  border-color: elVar('border-color', 'light');
+  overflow: hidden;
+}
+
+body .el-color-picker .el-color-picker__icon,
+body .el-color-picker .el-color-picker__empty {
+  font-size: 13px;
+}

package/es/ele-app/style/overwrite/date-picker/css-var.scss

@@ -0,0 +1,16 @@
+@use '../../../../style/util.scss' as *;
+
+/* ElDatepicker 主题变量 */
+@mixin set-el-date-picker-var($var) {
+  // Datepicker
+  .el-date-picker,
+  .el-date-range-picker {
+    @include set-ele-var('datepicker', $var);
+  }
+
+  // Timepicker
+  .el-time-panel,
+  .el-time-range-picker {
+    @include set-ele-var('timepicker', $var);
+  }
+}

package/es/ele-app/style/overwrite/descriptions/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../../../style/util.scss' as *;
+
+/* ElDescriptions 主题变量 */
+@mixin set-el-descriptions-var($var) {
+  .el-descriptions {
+    @include set-ele-var('descriptions', $var);
+  }
+}

package/es/ele-app/style/overwrite/descriptions/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-app/style/overwrite/descriptions/index.js

@@ -0,0 +1 @@
+import "./index.scss";

package/es/ele-app/style/overwrite/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-app/style/overwrite/index.js

@@ -0,0 +1,16 @@
+import "./autocomplete/index";
+import "./backtop/index";
+import "./cascader/index";
+import "./checkbox/index";
+import "./color-picker/index";
+import "./date-picker/index";
+import "./descriptions/index";
+import "./input/index";
+import "./message-box/index";
+import "./notification/index";
+import "./popper/index";
+import "./radio/index";
+import "./select/index";
+import "./tag/index";
+import "./tree/index";
+import "./tree-select/index";

package/es/ele-app/style/overwrite/index.scss

@@ -0,0 +1,16 @@
+@use './autocomplete/index.scss' as autocomplete;
+@use './backtop/index.scss' as backtop;
+@use './cascader/index.scss' as cascader;
+@use './checkbox/index.scss' as checkbox;
+@use './color-picker/index.scss' as colorPicker;
+@use './date-picker/index.scss' as datePicker;
+@use './descriptions/index.scss' as descriptions;
+@use './input/index.scss' as input;
+@use './message-box/index.scss' as messageBox;
+@use './notification/index.scss' as notification;
+@use './popper/index.scss' as popper;
+@use './radio/index.scss' as radio;
+@use './select/index.scss' as select;
+@use './tag/index.scss' as tag;
+@use './tree/index.scss' as tree;
+@use './tree-select/index.scss' as treeSelect;

package/es/ele-app/style/overwrite/input/css-var.scss

@@ -0,0 +1,34 @@
+@use '../../../../style/util.scss' as *;
+
+/* ElInput 主题变量 */
+@mixin set-el-input-var($var) {
+  .el-input,
+  .el-textarea,
+  .el-select,
+  .el-range-editor {
+    @include set-ele-var('input', $var);
+    @include set-ele-var('input-error', $var);
+  }
+
+  .el-input--small,
+  .el-select--small {
+    @include set-ele-var('input-sm', $var);
+  }
+
+  .el-input--large,
+  .el-select--large {
+    @include set-ele-var('input-lg', $var);
+  }
+
+  .el-textarea {
+    @include set-ele-var('textarea', $var);
+  }
+
+  .el-textarea.el-input--small {
+    @include set-ele-var('textarea-sm', $var);
+  }
+
+  .el-textarea.el-input--large {
+    @include set-ele-var('textarea-lg', $var);
+  }
+}