yuang-framework-ui-pc 1.0.20 → 1.1.0

package/lib/ele-bottom-bar/index.cjs

@@ -0,0 +1,55 @@
+"use strict";
+const vue = require("vue");
+const util = require("../ele-pro-layout/util");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleBottomBar",
+  props: props.bottomBarProps,
+  setup() {
+    const layoutState = util.useLayoutState();
+    const isActivated = vue.ref(true);
+    const teleportTo = vue.computed(() => {
+      var _a;
+      return (_a = layoutState.getBodyWrapperEl) == null ? void 0 : _a.call(layoutState);
+    });
+    vue.onActivated(() => {
+      isActivated.value = true;
+    });
+    vue.onDeactivated(() => {
+      isActivated.value = false;
+    });
+    return { isActivated, teleportTo };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock(vue.Teleport, {
+    to: _ctx.teleportTo,
+    disabled: !_ctx.teleported || !_ctx.teleportTo
+  }, [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(["ele-bottom-bar", { "is-deactivated": !_ctx.isActivated }])
+    }, [
+      vue.createElementVNode("div", {
+        class: "ele-bottom-bar-body",
+        style: vue.normalizeStyle(_ctx.bodyStyle)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 4),
+      vue.createElementVNode("div", {
+        class: "ele-bottom-bar-extra",
+        style: vue.normalizeStyle(_ctx.extraStyle)
+      }, [
+        vue.renderSlot(_ctx.$slots, "extra")
+      ], 4)
+    ], 2)
+  ], 8, ["to", "disabled"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-bottom-bar/index.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import('vue').DefineComponent<{
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    teleported: BooleanConstructor;
+}, {
+    isActivated: import('vue').Ref<boolean>;
+    teleportTo: import('vue').ComputedRef<HTMLElement | null | undefined>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    teleported: BooleanConstructor;
+}>>, {
+    teleported: boolean;
+}, {}>;
+export default _default;

package/lib/ele-bottom-bar/props.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const bottomBarProps = {
+  /** 内容样式 */
+  bodyStyle: Object,
+  /** 右侧样式 */
+  extraStyle: Object,
+  /** 是否插入到布局的内容节点后 */
+  teleported: Boolean
+};
+exports.bottomBarProps = bottomBarProps;

package/lib/ele-bottom-bar/props.d.ts

@@ -0,0 +1,15 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+
+/**
+ * 属性
+ */
+export declare const bottomBarProps: {
+    /** 内容样式 */
+    bodyStyle: PropType<StyleValue>;
+    /** 右侧样式 */
+    extraStyle: PropType<StyleValue>;
+    /** 是否插入到布局的内容节点后 */
+    teleported: BooleanConstructor;
+};
+export type BottomBarProps = ExtractPropTypes<typeof bottomBarProps>;

package/lib/ele-bottom-bar/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 底部工具栏主题变量 */
+@mixin set-bottom-bar-var($var) {
+  .ele-bottom-bar {
+    @include set-ele-var('bottom-bar', $var);
+  }
+}

package/lib/ele-bottom-bar/style/index.cjs

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");

package/lib/ele-bottom-bar/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-bottom-bar/style/index.scss

@@ -0,0 +1,31 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-bottom-bar-var($ele);
+
+.ele-bottom-bar {
+  flex-shrink: 0;
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: eleVar('bottom-bar', 'padding');
+  background: eleVar('bottom-bar', 'bg');
+  box-shadow: eleVar('bottom-bar', 'shadow');
+  z-index: var(#{eleVarName('layout', 'index')}, 99);
+
+  .ele-bottom-bar-body {
+    flex: 1;
+    overflow: auto;
+  }
+
+  .ele-bottom-bar-extra {
+    flex-shrink: 0;
+  }
+
+  &.is-deactivated {
+    display: none;
+  }
+}

package/lib/ele-breadcrumb/index.cjs

@@ -0,0 +1,87 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleBreadcrumb",
+  components: { ElBreadcrumb: elementPlus.ElBreadcrumb, ElBreadcrumbItem: elementPlus.ElBreadcrumbItem, ElIcon: elementPlus.ElIcon },
+  props: props.breadcrumbProps,
+  setup(props2) {
+    const breadcrumbRef = vue.ref(null);
+    const breadcrumbSeparator = vue.computed(
+      () => {
+        if (typeof props2.separator !== "string") {
+          return;
+        }
+        return props2.separator;
+      }
+    );
+    const breadcrumbSeparatorIcon = vue.computed(() => {
+      if (props2.separatorIcon != null && props2.separatorIcon !== "") {
+        return props2.separatorIcon;
+      }
+      if (props2.separator != null && typeof props2.separator !== "string") {
+        return props2.separator;
+      }
+      return props2.separatorIcon;
+    });
+    return {
+      breadcrumbRef,
+      breadcrumbSeparator,
+      breadcrumbSeparatorIcon
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElBreadcrumbItem = vue.resolveComponent("ElBreadcrumbItem");
+  const _component_ElBreadcrumb = vue.resolveComponent("ElBreadcrumb");
+  return vue.openBlock(), vue.createBlock(_component_ElBreadcrumb, {
+    ref: "breadcrumbRef",
+    separator: _ctx.breadcrumbSeparator,
+    separatorIcon: _ctx.breadcrumbSeparatorIcon,
+    class: "ele-breadcrumb"
+  }, {
+    default: vue.withCtx(() => [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
+        return vue.openBlock(), vue.createBlock(_component_ElBreadcrumbItem, {
+          key: item.key ?? item.title,
+          replace: item.replace,
+          to: item.to
+        }, {
+          default: vue.withCtx(() => [
+            item.slot && item.slot !== "default" && _ctx.$slots[item.slot] ? vue.renderSlot(_ctx.$slots, item.slot, {
+              key: 0,
+              item
+            }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.mergeProps({
+                key: 0,
+                ref_for: true
+              }, item.iconProps || {}), {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
+                    style: vue.normalizeStyle(item.iconStyle)
+                  }, null, 8, ["style"]))
+                ]),
+                _: 2
+              }, 1040)) : vue.createCommentVNode("", true),
+              item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(item.title), 1)) : vue.createCommentVNode("", true)
+            ], 64))
+          ]),
+          _: 2
+        }, 1032, ["replace", "to"]);
+      }), 128))
+    ]),
+    _: 3
+  }, 8, ["separator", "separatorIcon"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-breadcrumb/index.d.ts

@@ -0,0 +1,40 @@
+import { ElBreadcrumbInstance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
+    separator: {
+        type: import('vue').PropType<import('./types').BreadcrumbSeparator>;
+        default: string;
+    };
+    items: {
+        type: import('vue').PropType<import('./types').BreadcrumbItem[]>;
+        required: boolean;
+    };
+    separatorIcon: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    breadcrumbRef: import('vue').Ref<ElBreadcrumbInstance>;
+    breadcrumbSeparator: import('vue').ComputedRef<string | undefined>;
+    breadcrumbSeparatorIcon: import('vue').ComputedRef<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown> | undefined>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    separator: {
+        type: import('vue').PropType<import('./types').BreadcrumbSeparator>;
+        default: string;
+    };
+    items: {
+        type: import('vue').PropType<import('./types').BreadcrumbItem[]>;
+        required: boolean;
+    };
+    separatorIcon: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>>, {
+    separator: import('./types').BreadcrumbSeparator;
+}, {}>;
+export default _default;

package/lib/ele-breadcrumb/props.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const breadcrumbProps = {
+  ...elementPlus.breadcrumbProps,
+  separator: {
+    type: [String, Object, Function],
+    default: "/"
+  },
+  /** 面包屑数据 */
+  items: {
+    type: Array,
+    required: true
+  }
+};
+exports.breadcrumbProps = breadcrumbProps;

package/lib/ele-breadcrumb/props.d.ts

@@ -0,0 +1,24 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { BreadcrumbSeparator, BreadcrumbItem } from './types';
+
+/**
+ * 属性
+ */
+export declare const breadcrumbProps: {
+    separator: {
+        type: PropType<BreadcrumbSeparator>;
+        default: string;
+    };
+    /** 面包屑数据 */
+    items: {
+        type: PropType<BreadcrumbItem[]>;
+        required: boolean;
+    };
+    separatorIcon: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>;

package/lib/ele-breadcrumb/style/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+require("element-plus/es/components/breadcrumb/style/index");
+require("element-plus/es/components/breadcrumb-item/style/index");
+require("./index.scss");

package/lib/ele-breadcrumb/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-breadcrumb/style/index.scss

@@ -0,0 +1,31 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+
+.ele-breadcrumb {
+  white-space: nowrap;
+  font-size: inherit;
+
+  &::after,
+  &::before {
+    display: none;
+  }
+
+  .el-breadcrumb__item {
+    float: none;
+    display: inline;
+    vertical-align: -2px;
+
+    .el-breadcrumb__inner {
+      color: elVar('text-color', 'secondary');
+      font-weight: normal;
+
+      &.is-link:hover {
+        color: elVar('color-primary');
+      }
+    }
+
+    &:last-child .el-breadcrumb__inner {
+      color: elVar('text-color', 'regular');
+    }
+  }
+}

package/lib/ele-breadcrumb/types.d.ts

@@ -0,0 +1,32 @@
+import type { Component } from 'vue';
+import type { StyleValue } from '../ele-app/types';
+import type {
+  ElIconProps,
+  ElBreadcrumbProps,
+  ElBreadcrumbItemProps
+} from '../ele-app/el';
+
+/**
+ * 面包屑导航分隔符
+ */
+export type BreadcrumbSeparator =
+  | ElBreadcrumbProps['separator']
+  | ElBreadcrumbProps['separatorIcon'];
+
+/**
+ * 面包屑导航数据
+ */
+export interface BreadcrumbItem extends ElBreadcrumbItemProps {
+  /** 循环的 key */
+  key?: string | number | symbol;
+  /** 标题 */
+  title?: string;
+  /** 图标 */
+  icon?: string | Component;
+  /** 图标属性 */
+  iconProps?: ElIconProps;
+  /** 图标样式 */
+  iconStyle?: StyleValue;
+  /** 插槽名称 */
+  slot?: Exclude<string, 'default'>;
+}

package/lib/ele-card/index.cjs

@@ -0,0 +1,136 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../icons");
+const hook = require("../utils/hook");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleCard",
+  components: { ElIcon: elementPlus.ElIcon, ArrowUp: icons.ArrowUp },
+  props: props.cardProps,
+  emits: props.cardEmits,
+  setup(props2, { emit }) {
+    const {
+      handleBeforeEnter,
+      handleEnter,
+      handleAfterEnter,
+      handleBeforeLeave,
+      handleLeave,
+      handleAfterLeave
+    } = hook.useCollapseAnim();
+    const isCollapse = vue.ref(!!props2.collapse);
+    const handleCollapseClick = () => {
+      isCollapse.value = !isCollapse.value;
+      emit("collapseChange", isCollapse.value);
+    };
+    const handleHeaderClick = () => {
+      if (props2.collapsable === "header") {
+        handleCollapseClick();
+      }
+    };
+    vue.watch(
+      () => props2.collapse,
+      (collapse) => {
+        if (isCollapse.value !== !!collapse) {
+          isCollapse.value = !!collapse;
+        }
+      }
+    );
+    return {
+      isCollapse,
+      handleBeforeLeave,
+      handleLeave,
+      handleAfterLeave,
+      handleBeforeEnter,
+      handleEnter,
+      handleAfterEnter,
+      handleCollapseClick,
+      handleHeaderClick
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ArrowUp = vue.resolveComponent("ArrowUp");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([
+      "ele-card",
+      { "is-border": _ctx.bordered },
+      { "is-shadow": _ctx.shadow === "always" },
+      { "is-hover-shadow": _ctx.shadow === "hover" },
+      { "is-collapse": _ctx.isCollapse },
+      { "is-flex-table": _ctx.flexTable }
+    ])
+  }, [
+    _ctx.header || _ctx.$slots.header || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: "ele-card-header",
+      style: vue.normalizeStyle(_ctx.headerStyle),
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleHeaderClick && _ctx.handleHeaderClick(...args))
+    }, [
+      vue.createElementVNode("div", {
+        class: "ele-card-title",
+        style: vue.normalizeStyle(_ctx.titleStyle)
+      }, [
+        vue.renderSlot(_ctx.$slots, "header", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.header), 1)
+        ])
+      ], 4),
+      _ctx.$slots.extra ? vue.renderSlot(_ctx.$slots, "extra", { key: 0 }) : vue.createCommentVNode("", true),
+      _ctx.collapsable ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        style: vue.normalizeStyle(_ctx.collapseIconStyle),
+        class: "ele-card-collapse-icon",
+        onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleCollapseClick && _ctx.handleCollapseClick(...args), ["stop"]))
+      }, [
+        vue.renderSlot(_ctx.$slots, "collapseIcon", { collapse: _ctx.isCollapse }, () => [
+          vue.createVNode(_component_ElIcon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ArrowUp)
+            ]),
+            _: 1
+          })
+        ])
+      ], 4)) : vue.createCommentVNode("", true)
+    ], 4)) : vue.createCommentVNode("", true),
+    vue.createVNode(vue.Transition, {
+      name: "ele-card-slide",
+      onBeforeLeave: _ctx.handleBeforeLeave,
+      onLeave: _ctx.handleLeave,
+      onAfterLeave: _ctx.handleAfterLeave,
+      onBeforeEnter: _ctx.handleBeforeEnter,
+      onEnter: _ctx.handleEnter,
+      onAfterEnter: _ctx.handleAfterEnter
+    }, {
+      default: vue.withCtx(() => [
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(["ele-card-body", _ctx.bodyClass]),
+          style: vue.normalizeStyle(_ctx.bodyStyle)
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 6), [
+          [vue.vShow, !_ctx.isCollapse]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onBeforeLeave", "onLeave", "onAfterLeave", "onBeforeEnter", "onEnter", "onAfterEnter"]),
+    _ctx.footer || _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 1,
+      class: "ele-card-footer",
+      style: vue.normalizeStyle(_ctx.footerStyle)
+    }, [
+      vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+        vue.createTextVNode(vue.toDisplayString(_ctx.footer), 1)
+      ])
+    ], 4)) : vue.createCommentVNode("", true)
+  ], 2);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-card/index.d.ts

@@ -0,0 +1,48 @@
+declare const _default: import('vue').DefineComponent<{
+    header: StringConstructor;
+    footer: StringConstructor;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyClass: StringConstructor;
+    shadow: import('vue').PropType<import('../ele-app/el').ElCardProps["shadow"]>;
+    bordered: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    collapsable: import('vue').PropType<boolean | "header">;
+    collapse: BooleanConstructor;
+    collapseIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    flexTable: BooleanConstructor;
+}, {
+    isCollapse: import('vue').Ref<boolean>;
+    handleBeforeLeave: (el: HTMLElement) => void;
+    handleLeave: (el: HTMLElement) => void;
+    handleAfterLeave: (el: HTMLElement) => void;
+    handleBeforeEnter: (el: HTMLElement) => void;
+    handleEnter: (el: HTMLElement) => void;
+    handleAfterEnter: (el: HTMLElement) => void;
+    handleCollapseClick: () => void;
+    handleHeaderClick: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    collapseChange: (_collapse: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    header: StringConstructor;
+    footer: StringConstructor;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyClass: StringConstructor;
+    shadow: import('vue').PropType<import('../ele-app/el').ElCardProps["shadow"]>;
+    bordered: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    collapsable: import('vue').PropType<boolean | "header">;
+    collapse: BooleanConstructor;
+    collapseIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    flexTable: BooleanConstructor;
+}>> & {
+    onCollapseChange?: ((_collapse: boolean) => any) | undefined;
+}, {
+    collapse: boolean;
+    bordered: boolean;
+    flexTable: boolean;
+}, {}>;
+export default _default;

package/lib/ele-card/props.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const cardProps = {
+  /** 标题 */
+  header: String,
+  /** 页脚 */
+  footer: String,
+  /** 主体样式 */
+  bodyStyle: Object,
+  /** 主体类名 */
+  bodyClass: String,
+  /** 阴影 */
+  shadow: String,
+  /** 边框 */
+  bordered: Boolean,
+  /** 标题栏样式 */
+  headerStyle: Object,
+  /** 标题样式 */
+  titleStyle: Object,
+  /** 页脚样式 */
+  footerStyle: Object,
+  /** 是否可折叠 */
+  collapsable: [Boolean, String],
+  /** 是否折叠 */
+  collapse: Boolean,
+  /** 折叠按钮样式 */
+  collapseIconStyle: Object,
+  /** 内部表格是否弹性布局 */
+  flexTable: Boolean
+};
+const cardEmits = {
+  /** 折叠展开事件 */
+  collapseChange: (_collapse) => true
+};
+exports.cardEmits = cardEmits;
+exports.cardProps = cardProps;

package/lib/ele-card/props.d.ts

@@ -0,0 +1,43 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElCardProps } from '../ele-app/el';
+
+/**
+ * 属性
+ */
+export declare const cardProps: {
+    /** 标题 */
+    header: StringConstructor;
+    /** 页脚 */
+    footer: StringConstructor;
+    /** 主体样式 */
+    bodyStyle: PropType<StyleValue>;
+    /** 主体类名 */
+    bodyClass: StringConstructor;
+    /** 阴影 */
+    shadow: PropType<ElCardProps["shadow"]>;
+    /** 边框 */
+    bordered: BooleanConstructor;
+    /** 标题栏样式 */
+    headerStyle: PropType<StyleValue>;
+    /** 标题样式 */
+    titleStyle: PropType<StyleValue>;
+    /** 页脚样式 */
+    footerStyle: PropType<StyleValue>;
+    /** 是否可折叠 */
+    collapsable: PropType<boolean | "header">;
+    /** 是否折叠 */
+    collapse: BooleanConstructor;
+    /** 折叠按钮样式 */
+    collapseIconStyle: PropType<StyleValue>;
+    /** 内部表格是否弹性布局 */
+    flexTable: BooleanConstructor;
+};
+export type CardProps = ExtractPropTypes<typeof cardProps>;
+/**
+ * 事件
+ */
+export declare const cardEmits: {
+    /** 折叠展开事件 */
+    collapseChange: (_collapse: boolean) => boolean;
+};

package/lib/ele-card/style/css-var.scss

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