element-pe 2.3.15 → 2.3.16

package/lib/components/resizable-columns/src/resizable-columns2.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-columns2.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-columns.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type ResizableColumns from './resizable-columns.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const resizableColumnsProps = buildProps({\n  collapsable: {\n    type: Boolean,\n    default: true\n  },\n  showCollapse: {\n    type: Boolean,\n    default: true\n  },\n  widget: String,\n  minWidth: {\n    type: Number,\n    default: 50\n  },\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal'\n  },\n} as const)\nexport type ResizableColumnsProps = ExtractPropTypes<typeof resizableColumnsProps>\nexport type ResizableColumnsInstance = InstanceType<typeof ResizableColumns>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,qBAAqB,GAAGA,kBAAU,CAAC;AAChD,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"resizable-columns2.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-columns.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"columnsContainer\"\n    :class=\"columnsKls\"\n    :widget=\"widget\"\n    @mousedown=\"handleMousedown\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onMounted,\n  provide,\n  reactive,\n  ref\n} from 'vue'\nimport { useNamespace, useOrderedChildren } from '../../../hooks'\nimport { resizableColumnsRootContextKey } from './constants'\nimport { resizableColumnsProps } from './resizable-columns'\nimport type { ResizableColumnContext } from './constants'\nimport { useGlobalConfig } from '../../config-provider'\n\nexport default defineComponent({\n  name: 'ElResizableColumns',\n  props: resizableColumnsProps,\n  emits: ['collapse', 'expand'],\n  setup(props, { emit }) {\n    const forEditor = useGlobalConfig('forEditor')\n    const ns = useNamespace('resizable-columns')\n    const MIN_WIDTH = props.minWidth > 0 ? props.minWidth : 50\n    const columnsContainer = ref(null)\n    const parentWidth = ref(0)\n\n    const {\n      children: columns,\n      addChild: registerColumn,\n      removeChild: unregisterColumn,\n    } = useOrderedChildren<ResizableColumnContext>(\n      getCurrentInstance()!,\n      'ElResizableColumn'\n    )\n\n    const isVertical = computed(() => props.direction === 'vertical')\n    const columnsKls = computed(() => {\n      return [ns.b(), props.direction === 'vertical' ? 'is-vertical' : 'is-horizontal']\n    })\n\n    const handleCollapse = (column: ResizableColumnContext) => {\n      if (!column.collapsed) {\n        for (let rIndex = column.index! + 1; rIndex < columns.value.length; rIndex++) {\n          const rColumn = columns.value[rIndex]\n          if (!rColumn.collapsed) {\n            rColumn.left = rColumn.left! - column.width!\n            rColumn.width = rColumn.width! + column.width!\n            break\n          } else {\n            rColumn.left = rColumn.left! - column.width!\n          }\n        }\n\n        column.collapsed = true\n        emit('collapse', column.index)\n      }\n    }\n    const handleExpand = (column: ResizableColumnContext) => {\n      if (column.collapsed) {\n        column.collapsed = false\n        const rightColumn = columns.value[column.index! + 1]\n        rightColumn.left = rightColumn.left! + column.width!\n        rightColumn.width = rightColumn.width! > column.width! + MIN_WIDTH ? rightColumn.width! - column.width! : MIN_WIDTH\n\n        const allOtherColumns = columns.value.slice(column.index! + 2)\n        const otherWidth = (parentWidth.value! - rightColumn.left! - rightColumn.width!) / allOtherColumns.length\n        allOtherColumns.forEach((item, index) => {\n          item.left = index * otherWidth + rightColumn.left! + rightColumn.width!\n          item.width = otherWidth\n        })\n\n        emit('expand', column.index)\n      }\n    }\n\n    const initColumnSize = () => {\n      let remainWidth = parentWidth.value\n      const usedWidth = {} as any\n      columns.value.forEach((item, index) => {\n        if (item.props.width && !forEditor.value) {\n          let uWidth: any\n          if (item.props.width.endsWith('px')) {\n            uWidth = Number.parseInt(\n              item.props.width.slice(0, Math.max(0, item.props.width.length - 2))\n            )\n          } else if (item.props.width.endsWith('%')) {\n            uWidth =\n              (Number.parseInt(\n                  item.props.width.slice(\n                    0,\n                    Math.max(0, item.props.width.length - 1)\n                  )\n                )  /\n                100) *\n              parentWidth.value\n          }\n          if (uWidth > 0) {\n            usedWidth[String(index)] = uWidth\n            remainWidth -= uWidth as any\n          }\n        }\n      })\n\n      let passedWidth = 0\n      columns.value.forEach((item, index) => {\n        if (item.props.maxWidth) {\n          if (item.props.maxWidth.endsWith('px')) {\n            item.maxWidth = Number.parseInt(\n              item.props.maxWidth.slice(\n                0,\n                Math.max(0, item.props.maxWidth.length - 2)\n              )\n            )\n          } else if (item.props.maxWidth.endsWith('%')) {\n            item.maxWidth =\n              (Number.parseInt(\n                  item.props.maxWidth.slice(\n                    0,\n                    Math.max(0, item.props.maxWidth.length - 1)\n                  )\n                ) /\n                100) *\n              parentWidth.value\n          }\n        }\n\n        item.left = passedWidth\n        if (columns.value.length === 1) {\n          item.width = parentWidth.value\n        } else {\n          if (usedWidth[String(index)]) {\n            item.width = usedWidth[String(index)]\n          } else {\n            item.width = remainWidth / (columns.value.length - Object.keys(usedWidth).length)\n            usedWidth[String(index)] = item.width\n            remainWidth -= item.width\n          }\n        }\n        passedWidth += item.width!\n        item.index = index\n        item.collapsed = false\n      })\n    }\n\n    provide(resizableColumnsRootContextKey, {\n      props,\n      columns,\n      registerColumn,\n      unregisterColumn,\n      handleCollapse,\n      handleExpand,\n      initColumnSize\n    })\n\n    const resizeConfig = reactive({\n      last: {\n        pos: 0, // 上一次鼠标位置\n        index: 0, // 上一个调整宽度的resizer的序号\n      },\n    })\n\n    onMounted(() => {\n      // 初始化layout参数\n      if (columnsContainer.value) {\n        // 监听外层容器 dom resize，更新layout中每个panel的width和left\n        const resizeObserver = new ResizeObserver((entries) => {\n          for (const entry of entries) {\n            const width = props.direction === 'horizontal' ? entry.contentRect.width : entry.contentRect.height\n            parentWidth.value = width\n            initColumnSize()\n          }\n        })\n        resizeObserver.observe(columnsContainer.value)\n      }\n    })\n\n    const handleMousedown = (e: any) => {\n      if (forEditor.value) {\n        return\n      }\n      const index = e.target.dataset.index\n      if (index !== null && index !== undefined) {\n        if (columns.value[index].collapsed) {\n          return\n        }\n\n        // 禁止文字选择\n        document.onselectstart = () => false\n        // 禁止元素拖拽\n        document.ondragstart = () => false\n        resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX\n        resizeConfig.last.index = Number.parseInt(index)\n        document.addEventListener('mousemove', handleMousemove)\n        document.addEventListener('mouseup', handleMouseup)\n      }\n    }\n\n    const handleMousemove = (e: any) => {\n      // 当前resizer的序号\n      const index = resizeConfig.last.index\n      let offsetX = (isVertical.value ? e.clientY : e.clientX) - resizeConfig.last.pos\n      // 找到左边可以调整宽度的panel\n      let leftIndex = index\n      while (leftIndex >= 0 && columns.value[leftIndex].width! <= MIN_WIDTH) {\n        leftIndex--\n      }\n      let rightIndex = index + 1\n      while (\n        rightIndex < columns.value.length &&\n        columns.value[rightIndex].width! <= MIN_WIDTH\n      ) {\n        rightIndex++\n      }\n      // 当左侧panel全部已经最小化则暂停\n      if (leftIndex < 0 && offsetX < 0) {\n        return\n      }\n      // 当右侧panel全部已经最小化则暂停\n      if (rightIndex >= columns.value.length && offsetX > 0) {\n        return\n      }\n      if (offsetX < 0) {\n        // resizer左侧panel宽度\n        const newLeftWidth = columns.value[leftIndex].width! + offsetX\n        const newRightWidth = columns.value[leftIndex + 1].width! - offsetX\n        const rightMaxWidth = columns.value[leftIndex + 1].maxWidth\n\n        if (newLeftWidth <= MIN_WIDTH) {\n          offsetX = MIN_WIDTH - columns.value[leftIndex].width!\n          columns.value[leftIndex].width = MIN_WIDTH\n        } else if (rightMaxWidth > 0 && newRightWidth > rightMaxWidth) {\n          offsetX = rightMaxWidth - columns.value[leftIndex + 1].width!\n          columns.value[leftIndex].width =\n            columns.value[leftIndex].width! + offsetX\n        } else {\n          columns.value[leftIndex].width = newLeftWidth\n        }\n\n        // 修改被折叠的中间panel（最小宽度）的位置，要放在修改offset的语句后面\n        for (let i = index; i > leftIndex; i--) {\n          columns.value[i].left = columns.value[i].left! + offsetX\n        }\n        columns.value[index + 1].width =\n          columns.value[index + 1].width! - offsetX\n        columns.value[index + 1].left = columns.value[index + 1].left! + offsetX\n        resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX\n      } else if (offsetX > 0) {\n        // resizer右侧panel宽度\n        const newRightWidth = columns.value[rightIndex].width! - offsetX\n        const newLeftWidth = columns.value[rightIndex - 1].width! + offsetX\n        const leftMaxWidth = columns.value[rightIndex - 1].maxWidth\n\n        if (newRightWidth <= MIN_WIDTH) {\n          // 要和上面反过来，因为这边的offset要是>0的\n          offsetX = columns.value[rightIndex].width! - MIN_WIDTH\n          columns.value[rightIndex].width = MIN_WIDTH\n        } else if (leftMaxWidth > 0 && newLeftWidth > leftMaxWidth) {\n          offsetX = leftMaxWidth - columns.value[rightIndex - 1].width!\n          columns.value[rightIndex].width =\n            columns.value[rightIndex].width! - offsetX\n        } else {\n          columns.value[rightIndex].width = newRightWidth\n        }\n        // 修改被折叠的中间panel（最小宽度）的位置\n        for (let i = index + 1; i <= rightIndex; i++) {\n          columns.value[i].left = columns.value[i].left! + offsetX\n        }\n        columns.value[index].width = columns.value[index].width! + offsetX\n        resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX\n      }\n    }\n\n    const handleMouseup = () => {\n      // 允许文字选择\n      document.onselectstart = null\n      // 允许元素拖拽\n      document.ondragstart = null\n      document.removeEventListener('mousemove', handleMousemove)\n      document.removeEventListener('mousemove', handleMouseup)\n    }\n\n    const setColumnWidth = (columnIndex: number, width: string) => {\n      setTimeout(() => {\n        let remainWidth = parentWidth.value\n        columns.value.forEach((item, index) => {\n          if (columnIndex === index) {\n            if (width.endsWith('px')) {\n              item.width = Number.parseInt(\n                width.slice(0, Math.max(0, width.length - 2))\n              )\n            } else if (width && width.endsWith('%')) {\n              item.width =\n                (Number.parseInt(width.slice(0, Math.max(0, width.length - 1))) /\n                  100) *\n                parentWidth.value\n            } else {\n              item.width = remainWidth / (columns.value.length - index)\n            }\n          } else {\n            item.width = remainWidth / (columns.value.length - index)\n          }\n\n          item.left = parentWidth.value - remainWidth\n          remainWidth -= item.width\n        })\n      })\n    }\n\n    const toggleColumnCollapse = (columnIndex: number, collapse?: boolean) => {\n      setTimeout(() => {\n        if (columnIndex >= 0 && columnIndex < columns.value.length - 1) {\n          const column = columns.value[columnIndex]\n          if (column) {\n            const toCol = collapse !== undefined ? collapse : !column.collapsed\n            if (toCol) {\n              handleCollapse(column)\n            } else {\n              handleExpand(column)\n            }\n          }\n        }\n      })\n    }\n\n    return {\n      ns,\n      columnsContainer,\n      columnsKls,\n\n      handleMousedown,\n      setColumnWidth,\n      toggleColumnCollapse,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","resizableColumnsProps","useGlobalConfig","useNamespace","ref","useOrderedChildren","getCurrentInstance","computed","provide","resizableColumnsRootContextKey","reactive","onMounted","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_export_sfc"],"mappings":"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"}

package/lib/components/result/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var result$1 = require('./src/result2.js');
-var result = require('./src/result.js');
+var result$1 = require('./src/result.js');
+var result = require('./src/result2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElResult = install.withInstall(result$1["default"]);

package/lib/components/result/src/result.js

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

package/lib/components/result/src/result.js.map

@@ -1 +1 @@
-{"version":3,"file":"result.js","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> & unknown\n"],"names":["CircleCheckFilled","WarningFilled","CircleCloseFilled","InfoFilled","buildProps"],"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,GAAGA,0BAAiB;AACtC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAGC,sBAAa;AAClC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAGC,0BAAiB;AACpC,EAAE,CAAC,OAAO,CAAC,IAAI,GAAGC,mBAAU;AAC5B,EAAE;AACU,MAAC,WAAW,GAAGC,kBAAU,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.js","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\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":["useNamespace","computed","IconMap","IconComponentMap"],"mappings":";;;;;;;;;uCAgCc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,UAAA,GAAaC,aAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAA,MAAM,YAAY,IAAQ,IAAAC,cAAA,CAAQ,IAAI,CAAI,GAAAA,cAAA,CAAQ,IAAI,CAAI,GAAA,WAAA,CAAA;AAC1D,MAAA,MAAM,aACJ,GAAAC,uBAAA,CAAiB,SAAS,CAAA,IAAKA,wBAAiB,WAAW,CAAA,CAAA;AAE7D,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,SAAW,EAAA,aAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/result/src/result2.js

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

package/lib/components/result/src/result2.js.map

@@ -1 +1 @@
-{"version":3,"file":"result2.js","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\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":["useNamespace","computed","IconMap","IconComponentMap"],"mappings":";;;;;;;;;uCAgCc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,UAAA,GAAaC,aAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAA,MAAM,YAAY,IAAQ,IAAAC,cAAA,CAAQ,IAAI,CAAI,GAAAA,cAAA,CAAQ,IAAI,CAAI,GAAA,WAAA,CAAA;AAC1D,MAAA,MAAM,aACJ,GAAAC,uBAAA,CAAiB,SAAS,CAAA,IAAKA,wBAAiB,WAAW,CAAA,CAAA;AAE7D,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,SAAW,EAAA,aAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"result2.js","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> & unknown\n"],"names":["CircleCheckFilled","WarningFilled","CircleCloseFilled","InfoFilled","buildProps"],"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,GAAGA,0BAAiB;AACtC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAGC,sBAAa;AAClC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAGC,0BAAiB;AACpC,EAAE,CAAC,OAAO,CAAC,IAAI,GAAGC,mBAAU;AAC5B,EAAE;AACU,MAAC,WAAW,GAAGC,kBAAU,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/lib/components/roving-focus-group/src/roving-focus-item.js

@@ -32,9 +32,12 @@ const _sfc_main = vue.defineComponent({
     if (forEditor.value) {
       return {
         id: index.useId(),
-        handleKeydown: void 0,
-        handleFocus: void 0,
-        handleMousedown: void 0
+        handleKeydown: () => {
+        },
+        handleFocus: () => {
+        },
+        handleMousedown: () => {
+        }
       };
     }
     const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = vue.inject(tokens.ROVING_FOCUS_GROUP_INJECTION_KEY, void 0);

package/lib/components/roving-focus-group/src/roving-focus-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-item.js","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-item.vue"],"sourcesContent":["<template>\n  <el-roving-focus-collection-item\n    :id=\"id\"\n    :focusable=\"focusable\"\n    :active=\"active\"\n  >\n    <slot />\n  </el-roving-focus-collection-item>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  unref,\n} from 'vue'\nimport { useId } from '@element-plus/hooks'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useGlobalConfig } from '../../config-provider'\nimport {\n  ElCollectionItem as ElRovingFocusCollectionItem,\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n} from './roving-focus-group'\nimport {\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n} from './tokens'\nimport { focusFirst, getFocusIntent, reorderArray } from './utils'\n\nexport default defineComponent({\n  components: {\n    ElRovingFocusCollectionItem,\n  },\n  props: {\n    focusable: {\n      type: Boolean,\n      default: true,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['mousedown', 'focus', 'keydown'],\n  setup(props, { emit }) {\n    const forEditor = useGlobalConfig('forEditor')\n    if (forEditor.value) {\n      return {\n        id: useId(),\n        handleKeydown: undefined,\n        handleFocus: undefined,\n        handleMousedown: undefined,\n      }\n    }\n\n    const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = inject(\n      ROVING_FOCUS_GROUP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { getItems } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const id = useId()\n    const rovingFocusGroupItemRef = ref<HTMLElement>()\n\n    const handleMousedown = composeEventHandlers(\n      (e: Event) => {\n        emit('mousedown', e)\n      },\n      (e) => {\n        if (!props.focusable) {\n          e.preventDefault()\n        } else {\n          onItemFocus(unref(id))\n        }\n      }\n    )\n\n    const handleFocus = composeEventHandlers(\n      (e: Event) => {\n        emit('focus', e)\n      },\n      () => {\n        onItemFocus(unref(id))\n      }\n    )\n\n    const handleKeydown = composeEventHandlers(\n      (e: Event) => {\n        emit('keydown', e)\n      },\n      (e) => {\n        const { code, shiftKey, target, currentTarget } = e as KeyboardEvent\n        if (code === EVENT_CODE.tab && shiftKey) {\n          onItemShiftTab()\n          return\n        }\n        if (target !== currentTarget) return\n        const focusIntent = getFocusIntent(e as KeyboardEvent)\n\n        if (focusIntent) {\n          e.preventDefault()\n          const items = getItems<typeof props>().filter(\n            (item) => item.focusable\n          )\n\n          let elements = items.map((item) => item.ref!)\n\n          switch (focusIntent) {\n            case 'last': {\n              elements.reverse()\n              break\n            }\n            case 'prev':\n            case 'next': {\n              if (focusIntent === 'prev') {\n                elements.reverse()\n              }\n              const currentIdx = elements.indexOf(currentTarget as HTMLElement)\n              elements = loop.value\n                ? reorderArray(elements, currentIdx + 1)\n                : elements.slice(currentIdx + 1)\n              break\n            }\n            default: {\n              break\n            }\n          }\n\n          nextTick(() => {\n            focusFirst(elements)\n          })\n        }\n      }\n    )\n\n    const isCurrentTab = computed(() => currentTabbedId.value === unref(id))\n\n    provide(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {\n      rovingFocusGroupItemRef,\n      tabIndex: computed(() => (unref(isCurrentTab) ? 0 : -1)),\n      handleMousedown,\n      handleFocus,\n      handleKeydown,\n    })\n\n    return {\n      id,\n      handleKeydown,\n      handleFocus,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElRovingFocusCollectionItem","useGlobalConfig","useId","inject","ROVING_FOCUS_GROUP_INJECTION_KEY","ROVING_FOCUS_COLLECTION_INJECTION_KEY","ref","composeEventHandlers","unref","EVENT_CODE","getFocusIntent","reorderArray","nextTick","focusFirst","computed","provide","ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY","_resolveComponent","_createBlock","_withCtx","_renderSlot","_export_sfc"],"mappings":"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"}
+{"version":3,"file":"roving-focus-item.js","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-item.vue"],"sourcesContent":["<template>\n  <el-roving-focus-collection-item\n    :id=\"id\"\n    :focusable=\"focusable\"\n    :active=\"active\"\n  >\n    <slot />\n  </el-roving-focus-collection-item>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  unref,\n} from 'vue'\nimport { useId } from '@element-plus/hooks'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useGlobalConfig } from '../../config-provider'\nimport {\n  ElCollectionItem as ElRovingFocusCollectionItem,\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n} from './roving-focus-group'\nimport {\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n} from './tokens'\nimport { focusFirst, getFocusIntent, reorderArray } from './utils'\n\nexport default defineComponent({\n  components: {\n    ElRovingFocusCollectionItem,\n  },\n  props: {\n    focusable: {\n      type: Boolean,\n      default: true,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['mousedown', 'focus', 'keydown'],\n  setup(props, { emit }) {\n    const forEditor = useGlobalConfig('forEditor')\n    if (forEditor.value) {\n      return {\n        id: useId(),\n        handleKeydown: () => {},\n        handleFocus: () => {},\n        handleMousedown: () => {},\n      }\n    }\n\n    const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = inject(\n      ROVING_FOCUS_GROUP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { getItems } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const id = useId()\n    const rovingFocusGroupItemRef = ref<HTMLElement>()\n\n    const handleMousedown = composeEventHandlers(\n      (e: Event) => {\n        emit('mousedown', e)\n      },\n      (e) => {\n        if (!props.focusable) {\n          e.preventDefault()\n        } else {\n          onItemFocus(unref(id))\n        }\n      }\n    )\n\n    const handleFocus = composeEventHandlers(\n      (e: Event) => {\n        emit('focus', e)\n      },\n      () => {\n        onItemFocus(unref(id))\n      }\n    )\n\n    const handleKeydown = composeEventHandlers(\n      (e: Event) => {\n        emit('keydown', e)\n      },\n      (e) => {\n        const { code, shiftKey, target, currentTarget } = e as KeyboardEvent\n        if (code === EVENT_CODE.tab && shiftKey) {\n          onItemShiftTab()\n          return\n        }\n        if (target !== currentTarget) return\n        const focusIntent = getFocusIntent(e as KeyboardEvent)\n\n        if (focusIntent) {\n          e.preventDefault()\n          const items = getItems<typeof props>().filter(\n            (item) => item.focusable\n          )\n\n          let elements = items.map((item) => item.ref!)\n\n          switch (focusIntent) {\n            case 'last': {\n              elements.reverse()\n              break\n            }\n            case 'prev':\n            case 'next': {\n              if (focusIntent === 'prev') {\n                elements.reverse()\n              }\n              const currentIdx = elements.indexOf(currentTarget as HTMLElement)\n              elements = loop.value\n                ? reorderArray(elements, currentIdx + 1)\n                : elements.slice(currentIdx + 1)\n              break\n            }\n            default: {\n              break\n            }\n          }\n\n          nextTick(() => {\n            focusFirst(elements)\n          })\n        }\n      }\n    )\n\n    const isCurrentTab = computed(() => currentTabbedId.value === unref(id))\n\n    provide(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {\n      rovingFocusGroupItemRef,\n      tabIndex: computed(() => (unref(isCurrentTab) ? 0 : -1)),\n      handleMousedown,\n      handleFocus,\n      handleKeydown,\n    })\n\n    return {\n      id,\n      handleKeydown,\n      handleFocus,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElRovingFocusCollectionItem","useGlobalConfig","useId","inject","ROVING_FOCUS_GROUP_INJECTION_KEY","ROVING_FOCUS_COLLECTION_INJECTION_KEY","ref","composeEventHandlers","unref","EVENT_CODE","getFocusIntent","reorderArray","nextTick","focusFirst","computed","provide","ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY","_resolveComponent","_createBlock","_withCtx","_renderSlot","_export_sfc"],"mappings":"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"}

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

@@ -8,11 +8,6 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    id: import("vue").Ref<string, string>;
-    handleKeydown: undefined;
-    handleFocus: undefined;
-    handleMousedown: undefined;
-} | {
     id: import("vue").Ref<string, string>;
     handleKeydown: (event: Event) => void;
     handleFocus: (event: Event) => void;

package/lib/components/row/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var row$1 = require('./src/row.js');
-var row = require('./src/row2.js');
+var row$1 = require('./src/row2.js');
+var row = require('./src/row.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/row/src/row.js

@@ -2,52 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var constants = require('./constants.js');
-var row = require('./row2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElRow"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: row.rowProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("row");
-    const gutter = vue.computed(() => props.gutter);
-    vue.provide(constants.rowContextKey, {
-      gutter
-    });
-    const style = vue.computed(() => {
-      const styles = {};
-      if (!props.gutter) {
-        return styles;
-      }
-      styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
-      return styles;
-    });
-    const rowKls = vue.computed(() => [
-      ns.b(),
-      ns.is(`justify-${props.justify}`, props.justify !== "start"),
-      ns.is(`align-${props.align}`, !!props.align)
-    ]);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-        class: vue.normalizeClass(vue.unref(rowKls)),
-        style: vue.normalizeStyle(vue.unref(style))
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
+const RowJustify = [
+  "start",
+  "center",
+  "end",
+  "space-around",
+  "space-between",
+  "space-evenly"
+];
+const RowAlign = ["top", "middle", "bottom"];
+const rowProps = runtime.buildProps({
+  tag: {
+    type: String,
+    default: "div"
+  },
+  gutter: {
+    type: Number,
+    default: 0
+  },
+  justify: {
+    type: String,
+    values: RowJustify,
+    default: "start"
+  },
+  align: {
+    type: String,
+    values: RowAlign
   }
 });
-var Row = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "row.vue"]]);
 
-exports["default"] = Row;
+exports.RowAlign = RowAlign;
+exports.RowJustify = RowJustify;
+exports.rowProps = rowProps;
 //# sourceMappingURL=row.js.map

package/lib/components/row/src/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from './constants'\nimport { rowProps } from './row'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n  gutter,\n})\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (!props.gutter) {\n    return styles\n  }\n\n  styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n  return styles\n})\n\nconst rowKls = computed(() => [\n  ns.b(),\n  ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n  ns.is(`align-${props.align}`, !!props.align),\n])\n</script>\n"],"names":["useNamespace","computed","provide","rowContextKey"],"mappings":";;;;;;;;;;uCAac,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,KAAK,CAAA,CAAA;AAC7B,IAAA,MAAM,MAAS,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA,CAAA;AAE1C,IAAAC,WAAA,CAAQC,uBAAe,EAAA;AAAA,MACrB,MAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQF,aAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC,CAAA;AAC/B,MAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,QAAO,OAAA,MAAA,CAAA;AAAA,OACT;AAEA,MAAA,MAAA,CAAO,cAAc,MAAO,CAAA,UAAA,GAAa,CAAI,CAAA,EAAA,KAAA,CAAM,SAAS,CAAC,CAAA,EAAA,CAAA,CAAA;AAC7D,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAASA,aAAS,MAAM;AAAA,MAC5B,GAAG,CAAE,EAAA;AAAA,MACL,EAAA,CAAG,GAAG,CAAW,QAAA,EAAA,KAAA,CAAM,OAAO,CAAI,CAAA,EAAA,KAAA,CAAM,YAAY,OAAO,CAAA;AAAA,MAC3D,EAAA,CAAG,GAAG,CAAS,MAAA,EAAA,KAAA,CAAM,KAAK,CAAI,CAAA,EAAA,CAAC,CAAC,KAAA,CAAM,KAAK,CAAA;AAAA,KAC5C,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"row.js","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n  'start',\n  'center',\n  'end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport const rowProps = buildProps({\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description grid spacing\n   */\n  gutter: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description horizontal alignment of flex layout\n   */\n  justify: {\n    type: String,\n    values: RowJustify,\n    default: 'start',\n  },\n  /**\n   * @description vertical alignment of flex layout\n   */\n  align: {\n    type: String,\n    values: RowAlign,\n  },\n} as const)\n\nexport type RowProps = ExtractPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,eAAe;AACjB,EAAE,cAAc;AAChB,EAAE;AACU,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxC,MAAC,QAAQ,GAAGA,kBAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,QAAQ;AACpB,GAAG;AACH,CAAC;;;;;;"}

package/lib/components/row/src/row2.js

@@ -2,38 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var constants = require('./constants.js');
+var row = require('./row.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const RowJustify = [
-  "start",
-  "center",
-  "end",
-  "space-around",
-  "space-between",
-  "space-evenly"
-];
-const RowAlign = ["top", "middle", "bottom"];
-const rowProps = runtime.buildProps({
-  tag: {
-    type: String,
-    default: "div"
-  },
-  gutter: {
-    type: Number,
-    default: 0
-  },
-  justify: {
-    type: String,
-    values: RowJustify,
-    default: "start"
-  },
-  align: {
-    type: String,
-    values: RowAlign
+const __default__ = vue.defineComponent({
+  name: "ElRow"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: row.rowProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("row");
+    const gutter = vue.computed(() => props.gutter);
+    vue.provide(constants.rowContextKey, {
+      gutter
+    });
+    const style = vue.computed(() => {
+      const styles = {};
+      if (!props.gutter) {
+        return styles;
+      }
+      styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
+      return styles;
+    });
+    const rowKls = vue.computed(() => [
+      ns.b(),
+      ns.is(`justify-${props.justify}`, props.justify !== "start"),
+      ns.is(`align-${props.align}`, !!props.align)
+    ]);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+        class: vue.normalizeClass(vue.unref(rowKls)),
+        style: vue.normalizeStyle(vue.unref(style))
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
   }
 });
+var Row = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "row.vue"]]);
 
-exports.RowAlign = RowAlign;
-exports.RowJustify = RowJustify;
-exports.rowProps = rowProps;
+exports["default"] = Row;
 //# sourceMappingURL=row2.js.map

package/lib/components/row/src/row2.js.map

@@ -1 +1 @@
-{"version":3,"file":"row2.js","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n  'start',\n  'center',\n  'end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport const rowProps = buildProps({\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description grid spacing\n   */\n  gutter: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description horizontal alignment of flex layout\n   */\n  justify: {\n    type: String,\n    values: RowJustify,\n    default: 'start',\n  },\n  /**\n   * @description vertical alignment of flex layout\n   */\n  align: {\n    type: String,\n    values: RowAlign,\n  },\n} as const)\n\nexport type RowProps = ExtractPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,eAAe;AACjB,EAAE,cAAc;AAChB,EAAE;AACU,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxC,MAAC,QAAQ,GAAGA,kBAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,QAAQ;AACpB,GAAG;AACH,CAAC;;;;;;"}
+{"version":3,"file":"row2.js","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from './constants'\nimport { rowProps } from './row'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n  gutter,\n})\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (!props.gutter) {\n    return styles\n  }\n\n  styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n  return styles\n})\n\nconst rowKls = computed(() => [\n  ns.b(),\n  ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n  ns.is(`align-${props.align}`, !!props.align),\n])\n</script>\n"],"names":["useNamespace","computed","provide","rowContextKey"],"mappings":";;;;;;;;;;uCAac,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,KAAK,CAAA,CAAA;AAC7B,IAAA,MAAM,MAAS,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA,CAAA;AAE1C,IAAAC,WAAA,CAAQC,uBAAe,EAAA;AAAA,MACrB,MAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQF,aAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC,CAAA;AAC/B,MAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,QAAO,OAAA,MAAA,CAAA;AAAA,OACT;AAEA,MAAA,MAAA,CAAO,cAAc,MAAO,CAAA,UAAA,GAAa,CAAI,CAAA,EAAA,KAAA,CAAM,SAAS,CAAC,CAAA,EAAA,CAAA,CAAA;AAC7D,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAASA,aAAS,MAAM;AAAA,MAC5B,GAAG,CAAE,EAAA;AAAA,MACL,EAAA,CAAG,GAAG,CAAW,QAAA,EAAA,KAAA,CAAM,OAAO,CAAI,CAAA,EAAA,KAAA,CAAM,YAAY,OAAO,CAAA;AAAA,MAC3D,EAAA,CAAG,GAAG,CAAS,MAAA,EAAA,KAAA,CAAM,KAAK,CAAI,CAAA,EAAA,CAAC,CAAC,KAAA,CAAM,KAAK,CAAA;AAAA,KAC5C,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}