element-pe 2.2.74 → 2.2.76

package/es/components/resizable-columns/src/resizable-column2.mjs

@@ -1,12 +1,119 @@
+import '../../../hooks/index.mjs';
+import { resizableColumnProps } from './resizable-column.mjs';
+import { defineComponent, getCurrentInstance, inject, computed, ref, reactive, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
 import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { resizableColumnsRootContextKey } from './constants.mjs';
+import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const resizableColumnProps = buildProps({
-  collapsable: Boolean,
-  widget: String,
-  maxWidth: String,
-  width: String
+const _sfc_main = defineComponent({
+  name: "ElResizableColumn",
+  components: { ArrowLeft, ArrowRight },
+  props: resizableColumnProps,
+  setup(props, { slots }) {
+    const instance = getCurrentInstance();
+    const columnsRoot = inject(resizableColumnsRootContextKey);
+    if (!columnsRoot)
+      throwError("ElResizableColumn", "usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>");
+    const collapsable = computed(() => props.collapsable || columnsRoot.props.collapsable);
+    const collapsed = ref(false);
+    const column = reactive({
+      uid: instance.uid,
+      slots,
+      props,
+      maxWidth: 0,
+      parentWidth: 0,
+      index: 0,
+      width: 0,
+      left: 0,
+      collapsable,
+      collapsed
+    });
+    onMounted(() => {
+      columnsRoot.registerColumn(column);
+      columnsRoot.initColumnSize();
+    });
+    onUnmounted(() => {
+      columnsRoot.unregisterColumn(column.uid);
+      columnsRoot.initColumnSize();
+    });
+    const columnsCount = computed(() => columnsRoot.columns.value.length);
+    const ns = useNamespace("resizable-column");
+    const handleCollapse = () => {
+      columnsRoot.handleCollapse(column);
+    };
+    const handleExpand = () => {
+      columnsRoot.handleExpand(column);
+    };
+    return {
+      ns,
+      column,
+      columnsCount,
+      handleCollapse,
+      handleExpand
+    };
+  }
 });
+const _hoisted_1 = ["widget"];
+const _hoisted_2 = ["data-index"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ArrowLeft = resolveComponent("ArrowLeft");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_ArrowRight = resolveComponent("ArrowRight");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.b()),
+      widget: _ctx.widget,
+      style: normalizeStyle({ width: `${_ctx.column.width}px`, left: `${_ctx.column.left}px`, display: _ctx.column.collapsed ? "none" : "unset" })
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 14, _hoisted_1),
+    _ctx.column.index < _ctx.columnsCount - 1 ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(["resizer", { "collapsed": _ctx.column.collapsed }]),
+      style: normalizeStyle({ left: `${_ctx.column.left + (_ctx.column.collapsed ? 0 : _ctx.column.width)}px` }),
+      "data-index": _ctx.column.index
+    }, [
+      !_ctx.column.collapsed ? (openBlock(), createBlock(_component_el_button, {
+        key: 0,
+        class: "left",
+        size: "small",
+        onClick: _ctx.handleCollapse,
+        disabled: !_ctx.column.collapsable
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_icon, null, {
+            default: withCtx(() => [
+              createVNode(_component_ArrowLeft)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onClick", "disabled"])) : (openBlock(), createBlock(_component_el_button, {
+        key: 1,
+        class: "right",
+        size: "small",
+        onClick: _ctx.handleExpand,
+        disabled: !_ctx.column.collapsable
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_icon, null, {
+            default: withCtx(() => [
+              createVNode(_component_ArrowRight)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onClick", "disabled"]))
+    ], 14, _hoisted_2)) : createCommentVNode("v-if", true)
+  ], 64);
+}
+var ResizableColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\resizable-columns\\src\\resizable-column.vue"]]);
 
-export { resizableColumnProps };
+export { ResizableColumn as default };
 //# sourceMappingURL=resizable-column2.mjs.map

package/es/components/resizable-columns/src/resizable-column2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-column2.mjs","sources":["../../../../../../packages/components/resizable-columns/src/resizable-column.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type ResizableColumn from './resizable-column.vue'\n\nexport const resizableColumnProps = buildProps({\n  collapsable: Boolean,\n  widget: String,\n  maxWidth: String,\n  width: String\n} as const)\n\nexport type ResizableColumnProps = ExtractPropTypes<typeof resizableColumnProps>\n\nexport type ResizableColumnInstance = InstanceType<typeof ResizableColumn>\n"],"names":[],"mappings":";;;AACY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,QAAQ,EAAE,MAAM;AAClB,EAAE,KAAK,EAAE,MAAM;AACf,CAAC;;;;"}
+{"version":3,"file":"resizable-column2.mjs","sources":["../../../../../../packages/components/resizable-columns/src/resizable-column.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"ns.b()\"\n    :widget=\"widget\"\n    :style=\"{ width: `${column.width}px`, left: `${column.left}px`, display: column.collapsed ? 'none' : 'unset' }\"\n  >\n    <slot />\n  </div>\n  <div v-if=\"column.index < columnsCount - 1\"\n       class=\"resizer\"\n       :class=\"{ 'collapsed': column.collapsed }\"\n       :style=\"{ left: `${column.left + (column.collapsed ? 0 : column.width)}px` }\"\n       :data-index=\"column.index\">\n    <el-button v-if=\"!column.collapsed\"\n               class=\"left\" size=\"small\"\n               @click=\"handleCollapse\"\n               :disabled=\"!column.collapsable\"\n    ><el-icon><ArrowLeft /></el-icon></el-button>\n    <el-button v-else\n               class=\"right\" size=\"small\"\n               @click=\"handleExpand\"\n               :disabled=\"!column.collapsable\"\n    ><el-icon><ArrowRight /></el-icon></el-button>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useNamespace } from '@element-plus/hooks'\nimport { resizableColumnProps } from './resizable-column'\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref\n} from 'vue'\nimport { throwError } from '../../../utils'\nimport { resizableColumnsRootContextKey } from './constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\n\n\nexport default defineComponent({\n  name: 'ElResizableColumn',\n  components: { ArrowLeft, ArrowRight },\n  props: resizableColumnProps,\n  setup(props, { slots }) {\n    const instance = getCurrentInstance()!\n\n    const columnsRoot = inject(resizableColumnsRootContextKey)\n    if (!columnsRoot)\n      throwError('ElResizableColumn', 'usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>')\n\n    const collapsable = computed(() => props.collapsable || columnsRoot.props.collapsable)\n    const collapsed = ref(false)\n\n    const column = reactive({\n      uid: instance.uid,\n      slots,\n      props,\n      maxWidth: 0,\n      parentWidth: 0,\n      index: 0,\n      width: 0,\n      left: 0,\n      collapsable,\n      collapsed\n    })\n\n    onMounted(() => {\n      columnsRoot.registerColumn(column)\n      columnsRoot.initColumnSize()\n    })\n\n    onUnmounted(() => {\n      columnsRoot.unregisterColumn(column.uid)\n      columnsRoot.initColumnSize()\n    })\n\n    const columnsCount = computed(() => columnsRoot.columns.value.length)\n\n    const ns = useNamespace('resizable-column')\n\n    const handleCollapse = () => {\n      columnsRoot.handleCollapse(column)\n    }\n    const handleExpand = () => {\n      columnsRoot.handleExpand(column)\n    }\n\n    return {\n      ns,\n      column,\n      columnsCount,\n\n      handleCollapse,\n      handleExpand\n    }\n  }\n})\n</script>\n"],"names":["_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot","_openBlock","_createElementBlock","_createBlock","_createVNode","_withCtx"],"mappings":"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"}

package/es/components/result/index.d.ts

@@ -1,12 +1,12 @@
 export declare const ElResult: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly subTitle: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+        readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -35,10 +35,10 @@ export declare const ElResult: import("element-pe/es/utils").SFCWithInstall<impo
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 }>>, {
     readonly title: string;
-    readonly icon: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
+    readonly icon: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
     readonly subTitle: string;
 }>> & Record<string, any>;
 export default ElResult;

package/es/components/result/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Result from './src/result2.mjs';
-export { IconComponentMap, IconMap, resultProps } from './src/result.mjs';
+import Result from './src/result.mjs';
+export { IconComponentMap, IconMap, resultProps } from './src/result2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElResult = withInstall(Result);

package/es/components/result/src/result.d.ts

@@ -10,7 +10,7 @@ export declare const IconComponentMap: Record<typeof IconMap[keyof typeof IconMa
 export declare const resultProps: {
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 };
 export declare type ResultProps = ExtractPropTypes<typeof resultProps>;
 export declare type ResultInstance = InstanceType<typeof Result>;

package/es/components/result/src/result.mjs

@@ -1,34 +1,68 @@
-import '../../../utils/index.mjs';
-import { CircleCheckFilled, WarningFilled, CircleCloseFilled, InfoFilled } from '@element-plus/icons-vue';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString } from 'vue';
+import '../../../hooks/index.mjs';
+import { resultProps, IconMap, IconComponentMap } from './result2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const IconMap = {
-  success: "icon-success",
-  warning: "icon-warning",
-  error: "icon-error",
-  info: "icon-info"
-};
-const IconComponentMap = {
-  [IconMap.success]: CircleCheckFilled,
-  [IconMap.warning]: WarningFilled,
-  [IconMap.error]: CircleCloseFilled,
-  [IconMap.info]: InfoFilled
-};
-const resultProps = buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  subTitle: {
-    type: String,
-    default: ""
-  },
-  icon: {
-    type: String,
-    values: ["success", "warning", "info", "error"],
-    default: "info"
+const __default__ = defineComponent({
+  name: "ElResult"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: resultProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("result");
+    const resultIcon = computed(() => {
+      const icon = props.icon;
+      const iconClass = icon && IconMap[icon] ? IconMap[icon] : "icon-info";
+      const iconComponent = IconComponentMap[iconClass] || IconComponentMap["icon-info"];
+      return {
+        class: iconClass,
+        component: iconComponent
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("icon"))
+        }, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            unref(resultIcon).component ? (openBlock(), createBlock(resolveDynamicComponent(unref(resultIcon).component), {
+              key: 0,
+              class: normalizeClass(unref(resultIcon).class)
+            }, null, 8, ["class"])) : createCommentVNode("v-if", true)
+          ])
+        ], 2),
+        _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("title"))
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createElementVNode("p", null, toDisplayString(_ctx.title), 1)
+          ])
+        ], 2)) : createCommentVNode("v-if", true),
+        _ctx.subTitle || _ctx.$slots["sub-title"] ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("subtitle"))
+        }, [
+          renderSlot(_ctx.$slots, "sub-title", {}, () => [
+            createElementVNode("p", null, toDisplayString(_ctx.subTitle), 1)
+          ])
+        ], 2)) : createCommentVNode("v-if", true),
+        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(unref(ns).e("extra"))
+        }, [
+          renderSlot(_ctx.$slots, "extra")
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 2);
+    };
   }
 });
+var Result = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\result\\src\\result.vue"]]);
 
-export { IconComponentMap, IconMap, resultProps };
+export { Result as default };
 //# sourceMappingURL=result.mjs.map

package/es/components/result/src/result.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"result.mjs","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport {\n  CircleCheckFilled,\n  CircleCloseFilled,\n  InfoFilled,\n  WarningFilled,\n} from '@element-plus/icons-vue'\nimport type { Component, ExtractPropTypes } from 'vue'\nimport type Result from './result.vue'\n\nexport const IconMap = {\n  success: 'icon-success',\n  warning: 'icon-warning',\n  error: 'icon-error',\n  info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n  typeof IconMap[keyof typeof IconMap],\n  Component\n> = {\n  [IconMap.success]: CircleCheckFilled,\n  [IconMap.warning]: WarningFilled,\n  [IconMap.error]: CircleCloseFilled,\n  [IconMap.info]: InfoFilled,\n}\n\nexport const resultProps = buildProps({\n  /**\n   * @description title of result\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sub title of result\n   */\n  subTitle: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon type of result\n   */\n  icon: {\n    type: String,\n    values: ['success', 'warning', 'info', 'error'],\n    default: 'info',\n  },\n} as const)\n\nexport type ResultProps = ExtractPropTypes<typeof resultProps>\n\nexport type ResultInstance = InstanceType<typeof Result>\n"],"names":[],"mappings":";;;;AAOY,MAAC,OAAO,GAAG;AACvB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,KAAK,EAAE,YAAY;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE;AACU,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,iBAAiB;AACtC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,aAAa;AAClC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,iBAAiB;AACpC,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,UAAU;AAC5B,EAAE;AACU,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;AACnD,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"result.mjs","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('icon')\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n      <slot name=\"sub-title\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n      <slot name=\"extra\" />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap, resultProps } from './result'\n\ndefineOptions({\n  name: 'ElResult',\n})\n\nconst props = defineProps(resultProps)\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n  const icon = props.icon\n  const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n  const iconComponent =\n    IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n  return {\n    class: iconClass,\n    component: iconComponent,\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAA,MAAM,SAAY,GAAA,IAAA,IAAQ,OAAQ,CAAA,IAAA,CAAA,GAAQ,QAAQ,IAAQ,CAAA,GAAA,WAAA,CAAA;AAC1D,MAAM,MAAA,aAAA,GACJ,gBAAiB,CAAA,SAAA,CAAA,IAAc,gBAAiB,CAAA,WAAA,CAAA,CAAA;AAElD,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,SAAW,EAAA,aAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/result/src/result.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: import("vue").DefineComponent<{
     readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly subTitle: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+        readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -35,10 +35,10 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 }>>, {
     readonly title: string;
-    readonly icon: import("../../../utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
+    readonly icon: import("../../../utils").EpPropMergeType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
     readonly subTitle: string;
 }>;
 export default _default;

package/es/components/result/src/result2.mjs

@@ -1,68 +1,34 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString } from 'vue';
-import '../../../hooks/index.mjs';
-import { resultProps, IconMap, IconComponentMap } from './result.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { CircleCheckFilled, WarningFilled, CircleCloseFilled, InfoFilled } from '@element-plus/icons-vue';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElResult"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: resultProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("result");
-    const resultIcon = computed(() => {
-      const icon = props.icon;
-      const iconClass = icon && IconMap[icon] ? IconMap[icon] : "icon-info";
-      const iconComponent = IconComponentMap[iconClass] || IconComponentMap["icon-info"];
-      return {
-        class: iconClass,
-        component: iconComponent
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("icon"))
-        }, [
-          renderSlot(_ctx.$slots, "icon", {}, () => [
-            unref(resultIcon).component ? (openBlock(), createBlock(resolveDynamicComponent(unref(resultIcon).component), {
-              key: 0,
-              class: normalizeClass(unref(resultIcon).class)
-            }, null, 8, ["class"])) : createCommentVNode("v-if", true)
-          ])
-        ], 2),
-        _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(ns).e("title"))
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("p", null, toDisplayString(_ctx.title), 1)
-          ])
-        ], 2)) : createCommentVNode("v-if", true),
-        _ctx.subTitle || _ctx.$slots["sub-title"] ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(ns).e("subtitle"))
-        }, [
-          renderSlot(_ctx.$slots, "sub-title", {}, () => [
-            createElementVNode("p", null, toDisplayString(_ctx.subTitle), 1)
-          ])
-        ], 2)) : createCommentVNode("v-if", true),
-        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: normalizeClass(unref(ns).e("extra"))
-        }, [
-          renderSlot(_ctx.$slots, "extra")
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 2);
-    };
+const IconMap = {
+  success: "icon-success",
+  warning: "icon-warning",
+  error: "icon-error",
+  info: "icon-info"
+};
+const IconComponentMap = {
+  [IconMap.success]: CircleCheckFilled,
+  [IconMap.warning]: WarningFilled,
+  [IconMap.error]: CircleCloseFilled,
+  [IconMap.info]: InfoFilled
+};
+const resultProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  subTitle: {
+    type: String,
+    default: ""
+  },
+  icon: {
+    type: String,
+    values: ["success", "warning", "info", "error"],
+    default: "info"
   }
 });
-var Result = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\result\\src\\result.vue"]]);
 
-export { Result as default };
+export { IconComponentMap, IconMap, resultProps };
 //# sourceMappingURL=result2.mjs.map

package/es/components/result/src/result2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"result2.mjs","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('icon')\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n      <slot name=\"sub-title\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n      <slot name=\"extra\" />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap, resultProps } from './result'\n\ndefineOptions({\n  name: 'ElResult',\n})\n\nconst props = defineProps(resultProps)\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n  const icon = props.icon\n  const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n  const iconComponent =\n    IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n  return {\n    class: iconClass,\n    component: iconComponent,\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAA,MAAM,SAAY,GAAA,IAAA,IAAQ,OAAQ,CAAA,IAAA,CAAA,GAAQ,QAAQ,IAAQ,CAAA,GAAA,WAAA,CAAA;AAC1D,MAAM,MAAA,aAAA,GACJ,gBAAiB,CAAA,SAAA,CAAA,IAAc,gBAAiB,CAAA,WAAA,CAAA,CAAA;AAElD,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,SAAW,EAAA,aAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"result2.mjs","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport {\n  CircleCheckFilled,\n  CircleCloseFilled,\n  InfoFilled,\n  WarningFilled,\n} from '@element-plus/icons-vue'\nimport type { Component, ExtractPropTypes } from 'vue'\nimport type Result from './result.vue'\n\nexport const IconMap = {\n  success: 'icon-success',\n  warning: 'icon-warning',\n  error: 'icon-error',\n  info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n  typeof IconMap[keyof typeof IconMap],\n  Component\n> = {\n  [IconMap.success]: CircleCheckFilled,\n  [IconMap.warning]: WarningFilled,\n  [IconMap.error]: CircleCloseFilled,\n  [IconMap.info]: InfoFilled,\n}\n\nexport const resultProps = buildProps({\n  /**\n   * @description title of result\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sub title of result\n   */\n  subTitle: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon type of result\n   */\n  icon: {\n    type: String,\n    values: ['success', 'warning', 'info', 'error'],\n    default: 'info',\n  },\n} as const)\n\nexport type ResultProps = ExtractPropTypes<typeof resultProps>\n\nexport type ResultInstance = InstanceType<typeof Result>\n"],"names":[],"mappings":";;;;AAOY,MAAC,OAAO,GAAG;AACvB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,KAAK,EAAE,YAAY;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE;AACU,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,iBAAiB;AACtC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,aAAa;AAClC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,iBAAiB;AACpC,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,UAAU;AAC5B,EAAE;AACU,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;AACnD,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}

package/es/components/roving-focus-group/src/roving-focus-item.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     handleKeydown: (event: Event) => void;
     handleFocus: (event: Event) => void;
     handleMousedown: (event: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "mousedown" | "keydown")[], "focus" | "keydown" | "mousedown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mousedown" | "focus" | "keydown")[], "mousedown" | "focus" | "keydown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     focusable: {
         type: BooleanConstructor;
         default: boolean;