y-admin-pro 0.0.1

package/packages/ele-app/el.ts

@@ -0,0 +1,390 @@
+import type { ExtractPropTypes } from 'vue';
+import type {
+  // ElAlert
+  AlertProps,
+  // ElAutocomplete
+  ElAutocomplete,
+  // ElAvatar
+  AvatarProps,
+  // ElBadge
+  BadgeProps,
+  // ElBreadcrumb
+  ElBreadcrumb,
+  BreadcrumbProps,
+  BreadcrumbItemProps,
+  // ElButton
+  ButtonProps,
+  // ElCard
+  CardProps,
+  // ElCascader
+  ElCascader,
+  CascaderProps,
+  // ElCheckbox
+  ElCheckboxGroup,
+  // ElDialog
+  ElDialog,
+  DialogProps,
+  // ElDrawer
+  ElDrawer,
+  // ElDropdown
+  ElDropdown,
+  dropdownProps,
+  dropdownItemProps,
+  // ElEmpty
+  EmptyProps,
+  // ElForm
+  ElForm,
+  ElFormItem,
+  FormItemProps,
+  FormItemRule,
+  FormInstance,
+  FormItemProp,
+  // ElIcon
+  ElIcon,
+  IconProps,
+  // ElImage
+  ElImage,
+  ImageProps,
+  ElImageViewer,
+  // ElInput
+  ElInput,
+  InputProps,
+  // ElLink
+  LinkProps,
+  // ElMenu
+  ElMenu,
+  MenuProps,
+  ElSubMenu,
+  SubMenuProps,
+  MenuItemProps,
+  MenuItemGroupProps,
+  // ElMessage
+  MessageOptions,
+  // ElMessageBox
+  ElMessageBoxOptions as MessageBoxOptions,
+  // ElMention
+  ElMention,
+  // ElPopper
+  ElPopper,
+  ElPopover,
+  PopoverProps,
+  ElTooltip,
+  ElTooltipProps as TooltipProps,
+  TooltipContentInstance,
+  PopconfirmProps,
+  // ElProgress
+  ProgressProps,
+  // ElPagination
+  ElPagination,
+  // ElRow
+  RowProps,
+  ColProps,
+  // ElRadio
+  ElRadioGroup,
+  // ElScrollbar
+  ElScrollbar,
+  // ElSelect
+  ElSelect,
+  // ElStep
+  ElStep,
+  StepProps,
+  // ElTable
+  ElTable,
+  TableProps,
+  ElTableV2,
+  TableV2Props,
+  // ElTabs
+  ElTabs,
+  TabsProps,
+  TabPaneProps,
+  // ElTag
+  ElTag,
+  TagProps,
+  // ElTransfer
+  ElTransfer,
+  // ElTreeSelect
+  ElTreeSelect,
+  // ElTree
+  ElTree,
+  // ElTreeV2
+  ElTreeV2
+} from 'element-plus';
+import type columnProps from 'element-plus/es/components/table/src/table-column/defaults';
+import type { TreeComponentProps } from 'element-plus/es/components/tree/src/tree.type';
+import type { TreeProps } from 'element-plus/es/components/tree-v2/src/types';
+import type { ComponentProps } from './types';
+
+/**
+ * ElAlert
+ */
+export type ElAlertProps = ComponentProps<AlertProps>;
+
+/**
+ * ElAutocomplete
+ */
+export type ElAutocompleteInstance = InstanceType<typeof ElAutocomplete> | null;
+
+/**
+ * ElAvatar
+ */
+export type ElAvatarProps = ComponentProps<AvatarProps>;
+
+/**
+ * ElBadge
+ */
+export type ElBadgeProps = ComponentProps<BadgeProps>;
+
+/**
+ * ElBreadcrumb
+ */
+export type ElBreadcrumbInstance = InstanceType<typeof ElBreadcrumb> | null;
+
+export type ElBreadcrumbProps = ComponentProps<BreadcrumbProps>;
+
+export type ElBreadcrumbItemProps = ComponentProps<BreadcrumbItemProps>;
+
+/**
+ * ElButton
+ */
+export type ElButtonProps = ComponentProps<ButtonProps>;
+
+/**
+ * ElCard
+ */
+export type ElCardProps = ComponentProps<CardProps>;
+
+/**
+ * ElCascader
+ */
+export type ElCascaderInstance = InstanceType<typeof ElCascader> | null;
+
+export type ElCascaderProps = ComponentProps<CascaderProps>;
+
+/**
+ * ElCheckbox
+ */
+export type ElCheckboxGroupInstance = InstanceType<
+  typeof ElCheckboxGroup
+> | null;
+
+/**
+ * ElDialog
+ */
+export type ElDialogInstance = InstanceType<typeof ElDialog> | null;
+
+export type ElDialogProps = ComponentProps<DialogProps>;
+
+/**
+ * ElDrawer
+ */
+export type ElDrawerInstance = InstanceType<typeof ElDrawer> | null;
+
+/**
+ * ElDropdown
+ */
+export type ElDropdownInstance = InstanceType<typeof ElDropdown> | null;
+
+export type ElDropdownProps = ComponentProps<
+  ExtractPropTypes<typeof dropdownProps>
+>;
+
+export type ElDropdownItemProps = ComponentProps<
+  ExtractPropTypes<typeof dropdownItemProps>
+>;
+
+/**
+ * ElEmpty
+ */
+export type ElEmptyProps = ComponentProps<EmptyProps>;
+
+/**
+ * ElForm
+ */
+export type ElFormInstance = InstanceType<typeof ElForm> | null;
+
+export type ElFormItemInstance = InstanceType<typeof ElFormItem> | null;
+
+export type ElFormItemProps = ComponentProps<FormItemProps>;
+
+export type ElFormItemRule = Partial<FormItemRule>;
+
+export type ElFormInstanceMethods = Pick<
+  FormInstance,
+  | 'validate'
+  | 'validateField'
+  | 'resetFields'
+  | 'scrollToField'
+  | 'clearValidate'
+>;
+
+export type ElFormItemProp = FormItemProp;
+
+/**
+ * ElIcon
+ */
+export type ElIconInstance = InstanceType<typeof ElIcon> | null;
+
+export type ElIconProps = ComponentProps<IconProps>;
+
+/**
+ * ElImage
+ */
+export type ElImageInstance = InstanceType<typeof ElImage> | null;
+
+export type ElImageProps = ComponentProps<ImageProps>;
+
+export type ElImageViewerInstance = InstanceType<typeof ElImageViewer> | null;
+
+/**
+ * ElInput
+ */
+export type ElInputInstance = InstanceType<typeof ElInput> | null;
+
+export type ElInputProps = ComponentProps<InputProps>;
+
+/**
+ * ElLink
+ */
+export type ElLinkProps = ComponentProps<LinkProps>;
+
+/**
+ * ElMenu
+ */
+export type ElMenuInstance = InstanceType<typeof ElMenu> | null;
+
+export type ElMenuProps = ComponentProps<MenuProps>;
+
+export type ElSubMenuInstance = InstanceType<typeof ElSubMenu> | null;
+
+export type ElSubMenuProps = ComponentProps<SubMenuProps>;
+
+export type ElMenuItemProps = ComponentProps<MenuItemProps>;
+
+export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;
+
+/**
+ * ElMessage
+ */
+export type ElMessageOptions = Partial<MessageOptions>;
+
+/**
+ * ElMessageBox
+ */
+export type ElMessageBoxOptions = Partial<MessageBoxOptions>;
+
+/**
+ * ElMention
+ */
+export type ElMentionInstance = InstanceType<typeof ElMention> | null;
+
+/**
+ * ElPopper
+ */
+export type ElPopperInstance = InstanceType<typeof ElPopper> | null;
+
+export type ElPopoverInstance = InstanceType<typeof ElPopover> | null;
+
+export type ElPopoverProps = Partial<PopoverProps>;
+
+export type ElTooltipInstance = InstanceType<typeof ElTooltip> | null;
+
+export type ElTooltipProps = Partial<TooltipProps>;
+
+export type ElTooltipContentInstance =
+  | TooltipContentInstance
+  | null
+  | undefined;
+
+export type ElPopconfirmProps = Partial<PopconfirmProps>;
+
+/**
+ * ElProgress
+ */
+export type ElProgressProps = ComponentProps<ProgressProps>;
+
+/**
+ * ElPagination
+ */
+export type ElPaginationInstance = InstanceType<typeof ElPagination> | null;
+
+/**
+ * ElRow
+ */
+export type ElRowProps = ComponentProps<RowProps>;
+
+export type ElColProps = ComponentProps<ColProps>;
+
+/**
+ * ElRadioGroup
+ */
+export type ElRadioGroupInstance = InstanceType<typeof ElRadioGroup> | null;
+
+/**
+ * ElScrollbar
+ */
+export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
+
+/**
+ * ElSelect
+ */
+export type ElSelectInstance = InstanceType<typeof ElSelect> | null;
+
+/**
+ * ElStep
+ */
+export type ElStepInstance = InstanceType<typeof ElStep> | null;
+
+export type ElStepProps = ComponentProps<StepProps>;
+
+/**
+ * ElTable
+ */
+export type ElTableInstance = InstanceType<typeof ElTable> | null;
+
+export type ElTableProps<T> = ComponentProps<TableProps<T>>;
+
+export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
+
+export type ElTableV2Instance = InstanceType<typeof ElTableV2> | null;
+
+export type ElTableV2Props = ComponentProps<TableV2Props>;
+
+/**
+ * ElTabs
+ */
+export type ElTabsInstance = InstanceType<typeof ElTabs> | null;
+
+export type ElTabsProps = ComponentProps<TabsProps>;
+
+export type ElTabPaneProps = ComponentProps<TabPaneProps>;
+
+/**
+ * ElTag
+ */
+export type ElTagInstance = InstanceType<typeof ElTag> | null;
+
+export type ElTagProps = ComponentProps<TagProps>;
+
+/**
+ * ElTransfer
+ */
+export type ElTransferInstance = InstanceType<typeof ElTransfer> | null;
+
+/**
+ * ElTreeSelect
+ */
+export type ElTreeSelectInstance = InstanceType<typeof ElTreeSelect> | null;
+
+/**
+ * ElTree
+ */
+export type ElTreeInstance = InstanceType<typeof ElTree> | null;
+
+export type ElTreeProps = ComponentProps<TreeComponentProps>;
+
+/**
+ * ElTreeV2
+ */
+export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;
+
+export type ElTreeV2Props = ComponentProps<TreeProps>;

package/packages/ele-app/index.ts

@@ -0,0 +1,9 @@
+/** 包裹组件 */
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'EleApp',
+  setup(_props, { slots }) {
+    return () => slots.default?.();
+  }
+});

package/packages/ele-app/plus.ts

@@ -0,0 +1,260 @@
+import type EleAdminLayout from '../ele-admin-layout/index.vue';
+import type { BacktopProps } from '../ele-backtop/props';
+import type EleBasicSelect from '../ele-basic-select/index.vue';
+import type { BreadcrumbProps } from '../ele-breadcrumb/props';
+import type { CropperProps } from '../ele-cropper/props';
+import type { CardProps } from '../ele-card/props';
+import type EleCrud from '../ele-crud/index';
+import type { CrudProps } from '../ele-crud/props';
+import type EleCrudBuilder from '../ele-crud-builder/index.vue';
+import type EleDataTable from '../ele-data-table/index';
+import type { DataTableProps } from '../ele-data-table/props';
+import type EleDropdown from '../ele-dropdown/index.vue';
+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.vue';
+import type { MenusProps } from '../ele-menus/props';
+import type { MenuItem } from '../ele-menus/types';
+import type { ModalProps } from '../ele-modal/props';
+import type { PageProps } from '../ele-page/props';
+import type { PaginationProps } from '../ele-pagination/props';
+import type ElePopconfirm from '../ele-popconfirm/index.vue';
+import type { PopconfirmProps } from '../ele-popconfirm/props';
+import type ElePopover from '../ele-popover/index.vue';
+import type { PopoverProps } from '../ele-popover/props';
+import type { PrinterProps } from '../ele-printer/props';
+import type EleProForm from '../ele-pro-form/index.vue';
+import type { ProFormProps } from '../ele-pro-form/props';
+import type EleProFormBuilder from '../ele-pro-form-builder/index.vue';
+import type { ProFormBuilderProps } from '../ele-pro-form-builder/props';
+import type EleProTable from '../ele-pro-table/index.vue';
+import type { ProTableProps } from '../ele-pro-table/props';
+import type EleSplitPanel from '../ele-split-panel/index.vue';
+import type { SplitPanelProps } from '../ele-split-panel/props';
+import type { TableProps } from '../ele-table/props';
+import type EleTabs from '../ele-tabs/index.vue';
+import type EleText from '../ele-text/index.vue';
+import type { TextProps } from '../ele-text/props';
+import type EleTool from '../ele-tool/index.vue';
+import type { ToolProps } from '../ele-tool/props';
+import type { ToolbarProps } from '../ele-toolbar/props';
+import type EleTooltip from '../ele-tooltip/index.vue';
+import type { TooltipProps } from '../ele-tooltip/props';
+import type EleUploadList from '../ele-upload-list/index.vue';
+import type { UploadListProps } from '../ele-upload-list/props';
+import type EleVirtualTable from '../ele-virtual-table/index.vue';
+import type ReceiverView from '../ele-config-provider/components/receiver-view';
+import type { MessageOptions } from '../utils/message';
+import type { MessageBoxOptions } from '../utils/message-box';
+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>;
+
+/**
+ * EleCard
+ */
+export type EleCardProps = ComponentProps<CardProps>;
+
+/**
+ * EleConfigProvider
+ */
+export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;
+
+/**
+ * EleCropper
+ */
+export type EleCropperProps = ComponentProps<CropperProps>;
+
+/**
+ * EleCrud
+ */
+export type EleCrudInstance = InstanceType<typeof EleCrud> | null;
+
+export type EleCrudProps = ComponentProps<CrudProps>;
+
+/**
+ * EleCrud
+ */
+export type EleCrudBuilderInstance = InstanceType<typeof EleCrudBuilder> | null;
+
+/**
+ * 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>;
+
+/**
+ * EleModal
+ */
+export type EleModalProps = ComponentProps<ModalProps>;
+
+/**
+ * ElePage
+ */
+export type ElePageProps = ComponentProps<PageProps>;
+
+/**
+ * ElePagination
+ */
+export type ElePaginationProps = ComponentProps<PaginationProps>;
+
+/**
+ * ElePopconfirm
+ */
+export type ElePopconfirmInstance = InstanceType<typeof ElePopconfirm> | null;
+
+export type ElePopconfirmProps = Partial<PopconfirmProps>;
+
+/**
+ * ElePopover
+ */
+export type ElePopoverInstance = InstanceType<typeof ElePopover> | null;
+
+export type ElePopoverProps = Partial<PopoverProps>;
+
+/**
+ * ElePrinter
+ */
+export type ElePrinterProps = ComponentProps<PrinterProps>;
+
+/**
+ * EleProForm
+ */
+export type EleProFormInstance = InstanceType<typeof EleProForm> | null;
+
+export type EleProFormProps = ComponentProps<ProFormProps>;
+
+/**
+ * EleProFormBuilder
+ */
+export type EleProFormBuilderInstance = InstanceType<
+  typeof EleProFormBuilder
+> | null;
+
+export type EleProFormBuilderProps = ComponentProps<ProFormBuilderProps>;
+
+/**
+ * EleProTable
+ */
+export type EleProTableInstance = InstanceType<typeof EleProTable> | null;
+
+export type EleProTableProps = ComponentProps<ProTableProps>;
+
+/**
+ * EleSplitPanel
+ */
+export type EleSplitPanelInstance = InstanceType<typeof EleSplitPanel> | null;
+
+export type EleSplitPanelProps = ComponentProps<SplitPanelProps>;
+
+/**
+ * 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;
+
+/**
+ * Message
+ */
+export type EleMessageOptions = Partial<MessageOptions>;
+
+/**
+ * MessageBox
+ */
+export type EleMessageBoxOptions = Partial<MessageBoxOptions>;

package/packages/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/packages/ele-app/style/common/index.ts

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