yuang-framework-ui-pc 1.0.20 → 1.1.1

package/lib/ele-app/components/message-body.cjs

@@ -0,0 +1,97 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../../icons");
+const _sfc_main = vue.defineComponent({
+  name: "MessageBody",
+  components: {
+    ElIcon: elementPlus.ElIcon,
+    CloseOutlined: icons.CloseOutlined,
+    InfoCircleFilled: icons.InfoCircleFilled,
+    CheckCircleFilled: icons.CheckCircleFilled,
+    ExclamationCircleFilled: icons.ExclamationCircleFilled,
+    CloseCircleFilled: icons.CloseCircleFilled,
+    LoadingOutlined: icons.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 }) {
+    vue.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 = vue.resolveComponent("LoadingOutlined");
+  const _component_CheckCircleFilled = vue.resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = vue.resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = vue.resolveComponent("InfoCircleFilled");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
+  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.createVNode(_component_ElIcon, {
+        class: vue.normalizeClass({ "is-loading": _ctx.loading })
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_LoadingOutlined, { key: 1 })) : _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, { key: 2 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_ExclamationCircleFilled, { key: 3 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CloseCircleFilled, { key: 4 })) : (vue.openBlock(), vue.createBlock(_component_InfoCircleFilled, { key: 5 }))
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ]),
+    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+      _ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        innerHTML: _ctx.message,
+        class: "ele-message-content"
+      }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(_ctx.message), 1))
+    ]),
+    _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: "ele-message-close",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+    }, [
+      vue.createVNode(_component_ElIcon, null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_CloseOutlined)
+        ]),
+        _: 1
+      })
+    ])) : vue.createCommentVNode("", true)
+  ], 64);
+}
+const messageBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = messageBody;

package/lib/ele-app/components/message-body.d.ts

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+import { ElMessageOptions } from '../el';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 内容 */
+    message: StringConstructor;
+    /** 类型 */
+    type: PropType<ElMessageOptions["type"]>;
+    /** 图标 */
+    icon: PropType<ElMessageOptions["icon"]>;
+    /** 是否显示关闭按钮 */
+    showClose: BooleanConstructor;
+    /** 内容是否是富文本 */
+    dangerouslyUseHTMLString: BooleanConstructor;
+    /** 是否是加载框 */
+    loading: PropType<boolean | null>;
+    /** 标识id */
+    messageId: StringConstructor;
+}, {
+    handleClose: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => true;
+    messageDestroy: (_messageId?: string) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 内容 */
+    message: StringConstructor;
+    /** 类型 */
+    type: PropType<ElMessageOptions["type"]>;
+    /** 图标 */
+    icon: PropType<ElMessageOptions["icon"]>;
+    /** 是否显示关闭按钮 */
+    showClose: BooleanConstructor;
+    /** 内容是否是富文本 */
+    dangerouslyUseHTMLString: BooleanConstructor;
+    /** 是否是加载框 */
+    loading: PropType<boolean | null>;
+    /** 标识id */
+    messageId: StringConstructor;
+}>> & {
+    onClose?: (() => any) | undefined;
+    onMessageDestroy?: ((_messageId?: string | undefined) => any) | undefined;
+}, {
+    showClose: boolean;
+    dangerouslyUseHTMLString: boolean;
+}, {}>;
+export default _default;

package/lib/ele-app/components/message-box-icon.cjs

@@ -0,0 +1,62 @@
+"use strict";
+const vue = require("vue");
+const icons = require("../../icons");
+const _sfc_main = vue.defineComponent({
+  name: "MessageBoxIcon",
+  components: {
+    CloseOutlined: icons.CloseOutlined,
+    InfoCircleFilled: icons.InfoCircleFilled,
+    CheckCircleFilled: icons.CheckCircleFilled,
+    ExclamationCircleFilled: icons.ExclamationCircleFilled,
+    CloseCircleFilled: icons.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 = vue.getCurrentInstance) == null ? void 0 : _a.call(vue);
+    vue.onBeforeUnmount(() => {
+      emit("boxDestroy", props.boxId);
+    });
+    vue.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 = vue.resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = vue.resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = vue.resolveComponent("InfoCircleFilled");
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, { key: 1 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_ExclamationCircleFilled, { key: 2 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CloseCircleFilled, { key: 3 })) : _ctx.type === "info" ? (vue.openBlock(), vue.createBlock(_component_InfoCircleFilled, { key: 4 })) : vue.createCommentVNode("", true)
+  ], 512)), [
+    [vue.vShow, _ctx.type || _ctx.icon]
+  ]);
+}
+const messageBoxIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = messageBoxIcon;

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

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+import { ElMessageBoxOptions } from '../el';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 类型 */
+    type: PropType<ElMessageBoxOptions["type"]>;
+    /** 图标 */
+    icon: PropType<ElMessageBoxOptions["icon"]>;
+    /** 标识id */
+    boxId: StringConstructor;
+}, {}, unknown, {}, {}, 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;
+}>> & {
+    onBoxDestroy?: ((_boxId?: string | undefined) => any) | undefined;
+    onBoxMounted?: ((_: {
+        boxId?: string;
+        doClose?: () => void;
+    }) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/ele-app/el.d.ts

@@ -0,0 +1,304 @@
+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,
+  // ElDialog
+  ElDialog,
+  DialogProps,
+  // ElDrawer
+  ElDrawer,
+  // ElDropdown
+  ElDropdown,
+  dropdownProps,
+  dropdownItemProps,
+  // ElEmpty
+  EmptyProps,
+  // ElForm
+  ElForm,
+  ElFormItem,
+  FormItemProps,
+  FormItemRule,
+  // ElIcon
+  IconProps,
+  // ElImage
+  ElImage,
+  ImageProps,
+  ElImageViewer,
+  // ElInput
+  ElInput,
+  InputProps,
+  // ElLink
+  LinkProps,
+  // ElMenu
+  ElMenu,
+  MenuProps,
+  ElSubMenu,
+  SubMenuProps,
+  MenuItemProps,
+  MenuItemGroupProps,
+  // ElMessage
+  MessageOptions,
+  // ElMessageBox
+  ElMessageBoxOptions as MessageBoxOptions,
+  // ElPopper
+  ElPopper,
+  ElPopover,
+  PopoverProps,
+  ElTooltip,
+  ElTooltipProps as TooltipProps,
+  PopconfirmProps,
+  // ElProgress
+  ProgressProps,
+  // ElRow
+  RowProps,
+  ColProps,
+  // ElScrollbar
+  ElScrollbar,
+  // ElStep
+  StepProps,
+  // ElTable
+  ElTable,
+  TableProps,
+  ElTableV2,
+  TableV2Props,
+  // ElTabs
+  ElTabs,
+  TabsProps,
+  TabPaneProps,
+  // ElTag
+  ElTag,
+  TagProps,
+  // ElTreeV2
+  ElTreeV2
+} from 'element-plus';
+import type columnProps from 'element-plus/es/components/table/src/table-column/defaults';
+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>;
+
+/**
+ * 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>;
+
+/**
+ * ElIcon
+ */
+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>;
+
+/**
+ * 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 ElPopconfirmProps = Partial<PopconfirmProps>;
+
+/**
+ * ElProgress
+ */
+export type ElProgressProps = ComponentProps<ProgressProps>;
+
+/**
+ * ElRow
+ */
+export type ElRowProps = ComponentProps<RowProps>;
+
+export type ElColProps = ComponentProps<ColProps>;
+
+/**
+ * ElScrollbar
+ */
+export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
+
+/**
+ * ElStep
+ */
+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>;
+
+/**
+ * ElTreeV2
+ */
+export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;
+
+export type ElTreeV2Props = ComponentProps<TreeProps>;

package/lib/ele-app/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+const vue = require("vue");
+const index = vue.defineComponent({
+  name: "EleApp",
+  setup(_props, { slots }) {
+    return () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
+  }
+});
+module.exports = index;

package/lib/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<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;