element-pe 1.0.8 → 1.0.9-alpha.12

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

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly title: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly subTitle: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly icon: import("../../../utils/props").BuildPropReturn<unknown, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
+}, {
+    resultIcon: import("vue").ComputedRef<{
+        class: "icon-success" | "icon-warning" | "icon-error" | "icon-info";
+        component: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly title?: unknown;
+    readonly subTitle?: unknown;
+    readonly icon?: unknown;
+} & {
+    icon: import("../../../utils/props").BuildPropType<unknown, "success" | "warning" | "info" | "error", unknown>;
+    title: string;
+    subTitle: string;
+} & {}>, {
+    icon: import("../../../utils/props").BuildPropType<unknown, "success" | "warning" | "info" | "error", unknown>;
+    title: string;
+    subTitle: string;
+}>;
+export default _default;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var result = require('./result.js');
+
+var script = vue.defineComponent({
+  name: "ElResult",
+  props: result.resultProps,
+  setup(props) {
+    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 {
+      resultIcon
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=result.vue_vue_type_script_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"result.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n  <div class=\"el-result\">\n    <div class=\"el-result__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=\"el-result__title\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots.subTitle\" class=\"el-result__subtitle\">\n      <slot name=\"subTitle\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" class=\"el-result__extra\">\n      <slot name=\"extra\"></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { resultProps, IconComponentMap, IconMap } from './result'\n\nexport default defineComponent({\n  name: 'ElResult',\n  props: resultProps,\n  setup(props) {\n    const 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\n    return {\n      resultIcon,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","resultProps","computed","IconMap","IconComponentMap"],"mappings":";;;;;;;AA8BA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,aAAaC,aAAS,MAAM;AAChC,YAAM,OAAO,MAAM;AACnB,YAAM,YAAY,QAAQC,eAAQ,QAAQA,eAAQ,QAAQ;AAC1D,YAAM,gBACJC,wBAAiB,cAAcA,wBAAiB;AAElD,aAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW;AAAA;AAAA;AAIf,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "el-result" };
+const _hoisted_2 = { class: "el-result__icon" };
+const _hoisted_3 = {
+  key: 0,
+  class: "el-result__title"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "el-result__subtitle"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "el-result__extra"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("div", _hoisted_2, [
+      vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+        _ctx.resultIcon.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.resultIcon.component), {
+          key: 0,
+          class: vue.normalizeClass(_ctx.resultIcon.class)
+        }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+      ])
+    ]),
+    _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+      vue.renderSlot(_ctx.$slots, "title", {}, () => [
+        vue.createElementVNode("p", null, vue.toDisplayString(_ctx.title), 1)
+      ])
+    ])) : vue.createCommentVNode("v-if", true),
+    _ctx.subTitle || _ctx.$slots.subTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+      vue.renderSlot(_ctx.$slots, "subTitle", {}, () => [
+        vue.createElementVNode("p", null, vue.toDisplayString(_ctx.subTitle), 1)
+      ])
+    ])) : vue.createCommentVNode("v-if", true),
+    _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+      vue.renderSlot(_ctx.$slots, "extra")
+    ])) : vue.createCommentVNode("v-if", true)
+  ]);
+}
+
+exports.render = render;
+//# sourceMappingURL=result.vue_vue_type_template_id_263c10e5_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"result.vue_vue_type_template_id_263c10e5_lang.js","sources":["../../../../../../packages/components/result/src/result.vue?vue&type=template&id=263c10e5&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-result\">\n    <div class=\"el-result__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=\"el-result__title\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots.subTitle\" class=\"el-result__subtitle\">\n      <slot name=\"subTitle\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" class=\"el-result__extra\">\n      <slot name=\"extra\"></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { resultProps, IconComponentMap, IconMap } from './result'\n\nexport default defineComponent({\n  name: 'ElResult',\n  props: resultProps,\n  setup(props) {\n    const 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\n    return {\n      resultIcon,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;;;;;qBACO,OAAM;qBACJ,OAAM;;;EASuB,OAAM;AAAA;;;EAKA,OAAM;AAAA;;;EAKrB,OAAM;AAAA;;0BApBjCA,8BAAA;IACEC,8BAAA;MACEC,wCAAA;QAGU,gBAAW,8BAFnBC,4CACO,gBAAW;;UAEf,0BAAO,gBAAW;AAAA;;;IAId,cAAS,YAAO,0BAA3BH,8BAAA;MACEE,yCAAA;QACED,sDAAM;;;IAGC,iBAAY,YAAO,6BAA9BD,8BAAA;MACEE,4CAAA;QACED,sDAAM;;;IAGC,YAAO,0BAAlBD,8BAAA;MACEE;;;;;;;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var result_vue_vue_type_script_lang = require('./result.vue_vue_type_script_lang.js');
+var result_vue_vue_type_template_id_263c10e5_lang = require('./result.vue_vue_type_template_id_263c10e5_lang.js');
+
+result_vue_vue_type_script_lang["default"].render = result_vue_vue_type_template_id_263c10e5_lang.render;
+result_vue_vue_type_script_lang["default"].__file = "packages/components/result/src/result.vue";
+
+exports["default"] = result_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=result2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"result2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/components/row/index.d.ts

@@ -1,72 +1,25 @@
-import type { SFCWithInstall } from 'element-pe/es/utils/types';
-declare const _Row: SFCWithInstall<import("vue").DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    gutter: {
-        type: NumberConstructor;
-        default: number;
-    };
-    justify: {
-        type: StringConstructor;
-        default: string;
-    };
-    align: {
-        type: StringConstructor;
-        default: string;
-    };
+export declare const ElRow: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly tag: import("../../utils/props").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
+    readonly gutter: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly justify: import("../../utils/props").BuildPropReturn<StringConstructor, "start", unknown, "space-around" | "space-between" | "center" | "end" | "start", unknown>;
+    readonly align: import("../../utils/props").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom" | "middle", unknown>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    tag?: unknown;
-    gutter?: unknown;
-    justify?: unknown;
-    align?: unknown;
+    readonly tag?: unknown;
+    readonly gutter?: unknown;
+    readonly justify?: unknown;
+    readonly align?: unknown;
 } & {
-    justify: string;
+    align: import("../../utils/props").BuildPropType<StringConstructor, "top" | "bottom" | "middle", unknown>;
+    justify: import("../../utils/props").BuildPropType<StringConstructor, "space-around" | "space-between" | "center" | "end" | "start", unknown>;
     tag: string;
     gutter: number;
-    align: string;
 } & {}>, {
-    justify: string;
+    align: import("../../utils/props").BuildPropType<StringConstructor, "top" | "bottom" | "middle", unknown>;
+    justify: import("../../utils/props").BuildPropType<StringConstructor, "space-around" | "space-between" | "center" | "end" | "start", unknown>;
     tag: string;
     gutter: number;
-    align: string;
-}>>;
-export default _Row;
-export declare const ElRow: SFCWithInstall<import("vue").DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    gutter: {
-        type: NumberConstructor;
-        default: number;
-    };
-    justify: {
-        type: StringConstructor;
-        default: string;
-    };
-    align: {
-        type: StringConstructor;
-        default: string;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    tag?: unknown;
-    gutter?: unknown;
-    justify?: unknown;
-    align?: unknown;
-} & {
-    justify: string;
-    tag: string;
-    gutter: number;
-    align: string;
-} & {}>, {
-    justify: string;
-    tag: string;
-    gutter: number;
-    align: string;
-}>>;
+}>> & Record<string, any>;
+export default ElRow;
+export * from './src/row';

package/lib/components/row/index.js

@@ -2,14 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var withInstall = require('../../utils/with-install.js');
 var row = require('./src/row.js');
 
-const _Row = row["default"];
-_Row.install = (app) => {
-  app.component(_Row.name, _Row);
-};
-const ElRow = _Row;
+const ElRow = withInstall.withInstall(row["default"]);
 
+exports.rowProps = row.rowProps;
 exports.ElRow = ElRow;
-exports["default"] = _Row;
+exports["default"] = ElRow;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/row/index.ts"],"sourcesContent":["import Row from './src/row'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nconst _Row = Row as SFCWithInstall<typeof Row>\n\n_Row.install = (app: App) => {\n  app.component(_Row.name, _Row)\n}\n\nexport default _Row\nexport const ElRow = _Row\n"],"names":["Row"],"mappings":";;;;;;MAKM,OAAOA;AAEb,KAAK,UAAU,CAAC,QAAa;AAC3B,MAAI,UAAU,KAAK,MAAM;AAAA;MAId,QAAQ;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/row/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Row from './src/row'\n\nexport const ElRow = withInstall(Row)\nexport default ElRow\n\nexport * from './src/row'\n"],"names":["withInstall","Row"],"mappings":";;;;;;;MAGa,QAAQA,wBAAYC;;;;;;"}

package/lib/components/row/src/row.d.ts

@@ -1,36 +1,32 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const rowProps: {
+    readonly tag: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
+    readonly gutter: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly justify: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "start", unknown, "space-around" | "space-between" | "center" | "end" | "start", unknown>;
+    readonly align: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom" | "middle", unknown>;
+};
+export declare type RowProps = ExtractPropTypes<typeof rowProps>;
 declare const _default: import("vue").DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    gutter: {
-        type: NumberConstructor;
-        default: number;
-    };
-    justify: {
-        type: StringConstructor;
-        default: string;
-    };
-    align: {
-        type: StringConstructor;
-        default: string;
-    };
+    readonly tag: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
+    readonly gutter: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly justify: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "start", unknown, "space-around" | "space-between" | "center" | "end" | "start", unknown>;
+    readonly align: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom" | "middle", unknown>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    tag?: unknown;
-    gutter?: unknown;
-    justify?: unknown;
-    align?: unknown;
+    readonly tag?: unknown;
+    readonly gutter?: unknown;
+    readonly justify?: unknown;
+    readonly align?: unknown;
 } & {
-    justify: string;
+    align: import("element-pe/es/utils/props").BuildPropType<StringConstructor, "top" | "bottom" | "middle", unknown>;
+    justify: import("element-pe/es/utils/props").BuildPropType<StringConstructor, "space-around" | "space-between" | "center" | "end" | "start", unknown>;
     tag: string;
     gutter: number;
-    align: string;
 } & {}>, {
-    justify: string;
+    align: import("element-pe/es/utils/props").BuildPropType<StringConstructor, "top" | "bottom" | "middle", unknown>;
+    justify: import("element-pe/es/utils/props").BuildPropType<StringConstructor, "space-around" | "space-between" | "center" | "end" | "start", unknown>;
     tag: string;
     gutter: number;
-    align: string;
 }>;
 export default _default;

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

@@ -3,27 +3,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var props = require('../../../utils/props.js');
 
+const rowProps = props.buildProps({
+  tag: {
+    type: String,
+    default: "div"
+  },
+  gutter: {
+    type: Number,
+    default: 0
+  },
+  justify: {
+    type: String,
+    values: ["start", "center", "end", "space-around", "space-between"],
+    default: "start"
+  },
+  align: {
+    type: String,
+    values: ["top", "middle", "bottom"],
+    default: "top"
+  }
+});
 var Row = vue.defineComponent({
   name: "ElRow",
-  props: {
-    tag: {
-      type: String,
-      default: "div"
-    },
-    gutter: {
-      type: Number,
-      default: 0
-    },
-    justify: {
-      type: String,
-      default: "start"
-    },
-    align: {
-      type: String,
-      default: "top"
-    }
-  },
+  props: rowProps,
   setup(props, { slots }) {
     const gutter = vue.computed(() => props.gutter);
     vue.provide("ElRow", {
@@ -55,4 +59,5 @@ var Row = vue.defineComponent({
 });
 
 exports["default"] = Row;
+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.ts"],"sourcesContent":["import { defineComponent, computed, h, provide } from 'vue'\n\nexport default defineComponent({\n  name: 'ElRow',\n  props: {\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    gutter: {\n      type: Number,\n      default: 0,\n    },\n    justify: {\n      type: String,\n      default: 'start',\n    },\n    align: {\n      type: String,\n      default: 'top',\n    },\n  },\n  setup(props, { slots }) {\n    const gutter = computed(() => props.gutter)\n    provide('ElRow', {\n      gutter,\n    })\n\n    const style = computed(() => {\n      const ret = {\n        marginLeft: '',\n        marginRight: '',\n      }\n      if (props.gutter) {\n        ret.marginLeft = `-${props.gutter / 2}px`\n        ret.marginRight = ret.marginLeft\n      }\n      return ret\n    })\n\n    return () =>\n      h(\n        props.tag,\n        {\n          class: [\n            'el-row',\n            props.justify !== 'start' ? `is-justify-${props.justify}` : '',\n            props.align !== 'top' ? `is-align-${props.align}` : '',\n          ],\n          style: style.value,\n        },\n        slots.default?.()\n      )\n  },\n})\n"],"names":["defineComponent","computed"],"mappings":";;;;;;AAEA,UAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,SAASC,aAAS,MAAM,MAAM;AACpC,gBAAQ,SAAS;AAAA,MACf;AAAA;AAGF,UAAM,QAAQA,aAAS,MAAM;AAC3B,YAAM,MAAM;AAAA,QACV,YAAY;AAAA,QACZ,aAAa;AAAA;AAEf,UAAI,MAAM,QAAQ;AAChB,YAAI,aAAa,IAAI,MAAM,SAAS;AACpC,YAAI,cAAc,IAAI;AAAA;AAExB,aAAO;AAAA;AAGT,WAAO,MAAG;AAxCd;AAyCM,mBACE,MAAM,KACN;AAAA,QACE,OAAO;AAAA,UACL;AAAA,UACA,MAAM,YAAY,UAAU,cAAc,MAAM,YAAY;AAAA,UAC5D,MAAM,UAAU,QAAQ,YAAY,MAAM,UAAU;AAAA;AAAA,QAEtD,OAAO,MAAM;AAAA,SAEf,YAAM,YAAN;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"row.js","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { defineComponent, computed, h, provide } from 'vue'\nimport { buildProps } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const rowProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  gutter: {\n    type: Number,\n    default: 0,\n  },\n  justify: {\n    type: String,\n    values: ['start', 'center', 'end', 'space-around', 'space-between'],\n    default: 'start',\n  },\n  align: {\n    type: String,\n    values: ['top', 'middle', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type RowProps = ExtractPropTypes<typeof rowProps>\n\nexport default defineComponent({\n  name: 'ElRow',\n  props: rowProps,\n\n  setup(props, { slots }) {\n    const gutter = computed(() => props.gutter)\n    provide('ElRow', {\n      gutter,\n    })\n\n    const style = computed(() => {\n      const ret = {\n        marginLeft: '',\n        marginRight: '',\n      }\n      if (props.gutter) {\n        ret.marginLeft = `-${props.gutter / 2}px`\n        ret.marginRight = ret.marginLeft\n      }\n      return ret\n    })\n\n    return () =>\n      h(\n        props.tag,\n        {\n          class: [\n            'el-row',\n            props.justify !== 'start' ? `is-justify-${props.justify}` : '',\n            props.align !== 'top' ? `is-align-${props.align}` : '',\n          ],\n          style: style.value,\n        },\n        slots.default?.()\n      )\n  },\n})\n"],"names":["buildProps","defineComponent","computed"],"mappings":";;;;;;;MAIa,WAAWA,iBAAW;AAAA,EACjC,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS,UAAU,OAAO,gBAAgB;AAAA,IACnD,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC,OAAO,UAAU;AAAA,IAC1B,SAAS;AAAA;AAAA;AAKb,UAAeC,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,SAASC,aAAS,MAAM,MAAM;AACpC,gBAAQ,SAAS;AAAA,MACf;AAAA;AAGF,UAAM,QAAQA,aAAS,MAAM;AAC3B,YAAM,MAAM;AAAA,QACV,YAAY;AAAA,QACZ,aAAa;AAAA;AAEf,UAAI,MAAM,QAAQ;AAChB,YAAI,aAAa,IAAI,MAAM,SAAS;AACpC,YAAI,cAAc,IAAI;AAAA;AAExB,aAAO;AAAA;AAGT,WAAO,MAAG;AAhDd;AAiDM,mBACE,MAAM,KACN;AAAA,QACE,OAAO;AAAA,UACL;AAAA,UACA,MAAM,YAAY,UAAU,cAAc,MAAM,YAAY;AAAA,UAC5D,MAAM,UAAU,QAAQ,YAAY,MAAM,UAAU;AAAA;AAAA,QAEtD,OAAO,MAAM;AAAA,SAEf,YAAM,YAAN;AAAA;AAAA;AAAA;;;;;"}

package/lib/components/scrollbar/index.d.ts

@@ -1,195 +1,78 @@
-import type { SFCWithInstall } from 'element-pe/es/utils/types';
-declare const _Scrollbar: SFCWithInstall<import("vue").DefineComponent<{
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    maxHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    native: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapStyle: {
-        type: import("vue").PropType<string | import("vue").CSSProperties[]>;
-        default: string;
-    };
-    wrapClass: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    viewClass: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    viewStyle: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    noresize: BooleanConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    always: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    minSize: {
-        type: NumberConstructor;
-        default: number;
-    };
+export declare const ElScrollbar: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly height: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly maxHeight: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly native: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly wrapStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
+    readonly wrapClass: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+    readonly viewClass: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+    readonly viewStyle: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+    readonly noresize: BooleanConstructor;
+    readonly tag: import("../../utils/props").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
+    readonly always: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly minSize: import("../../utils/props").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
 }, {
+    scrollbar$: import("vue").Ref<HTMLDivElement | undefined>;
+    wrap$: import("vue").Ref<HTMLDivElement | undefined>;
+    resize$: import("vue").Ref<HTMLElement | undefined>;
     moveX: import("vue").Ref<number>;
     moveY: import("vue").Ref<number>;
     ratioX: import("vue").Ref<number>;
     ratioY: import("vue").Ref<number>;
     sizeWidth: import("vue").Ref<string>;
     sizeHeight: import("vue").Ref<string>;
-    style: import("vue").ComputedRef<import("vue").CSSProperties>;
-    scrollbar: import("vue").Ref<null>;
-    wrap: import("vue").Ref<null>;
-    resize: import("vue").Ref<null>;
+    style: import("vue").ComputedRef<import("vue").StyleValue>;
     update: () => void;
     handleScroll: () => void;
     setScrollTop: (value: number) => void;
     setScrollLeft: (value: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    height?: unknown;
-    maxHeight?: unknown;
-    native?: unknown;
-    wrapStyle?: unknown;
-    wrapClass?: unknown;
-    viewClass?: unknown;
-    viewStyle?: unknown;
-    noresize?: unknown;
-    tag?: unknown;
-    always?: unknown;
-    minSize?: unknown;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: ({ scrollTop, scrollLeft, }: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly height?: unknown;
+    readonly maxHeight?: unknown;
+    readonly native?: unknown;
+    readonly wrapStyle?: unknown;
+    readonly wrapClass?: unknown;
+    readonly viewClass?: unknown;
+    readonly viewStyle?: unknown;
+    readonly noresize?: unknown;
+    readonly tag?: unknown;
+    readonly always?: unknown;
+    readonly minSize?: unknown;
 } & {
-    height: string | number;
-    always: boolean;
-    maxHeight: string | number;
-    native: boolean;
-    wrapStyle: string | import("vue").CSSProperties[];
-    wrapClass: string | unknown[];
-    viewClass: string | unknown[];
-    viewStyle: string | unknown[];
-    noresize: boolean;
-    tag: string;
-    minSize: number;
-} & {}> & {
-    onScroll?: ((...args: any[]) => any) | undefined;
-}, {
-    height: string | number;
-    always: boolean;
-    maxHeight: string | number;
-    native: boolean;
-    wrapStyle: string | import("vue").CSSProperties[];
-    wrapClass: string | unknown[];
-    viewClass: string | unknown[];
-    viewStyle: string | unknown[];
-    noresize: boolean;
+    height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    wrapStyle: import("vue").StyleValue;
+    wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
     tag: string;
     minSize: number;
-}>>;
-export default _Scrollbar;
-export declare const ElScrollbar: SFCWithInstall<import("vue").DefineComponent<{
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    maxHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    native: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapStyle: {
-        type: import("vue").PropType<string | import("vue").CSSProperties[]>;
-        default: string;
-    };
-    wrapClass: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    viewClass: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    viewStyle: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    noresize: BooleanConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    always: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    minSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-}, {
-    moveX: import("vue").Ref<number>;
-    moveY: import("vue").Ref<number>;
-    ratioX: import("vue").Ref<number>;
-    ratioY: import("vue").Ref<number>;
-    sizeWidth: import("vue").Ref<string>;
-    sizeHeight: import("vue").Ref<string>;
-    style: import("vue").ComputedRef<import("vue").CSSProperties>;
-    scrollbar: import("vue").Ref<null>;
-    wrap: import("vue").Ref<null>;
-    resize: import("vue").Ref<null>;
-    update: () => void;
-    handleScroll: () => void;
-    setScrollTop: (value: number) => void;
-    setScrollLeft: (value: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    height?: unknown;
-    maxHeight?: unknown;
-    native?: unknown;
-    wrapStyle?: unknown;
-    wrapClass?: unknown;
-    viewClass?: unknown;
-    viewStyle?: unknown;
-    noresize?: unknown;
-    tag?: unknown;
-    always?: unknown;
-    minSize?: unknown;
-} & {
-    height: string | number;
-    always: boolean;
-    maxHeight: string | number;
-    native: boolean;
-    wrapStyle: string | import("vue").CSSProperties[];
-    wrapClass: string | unknown[];
-    viewClass: string | unknown[];
-    viewStyle: string | unknown[];
     noresize: boolean;
-    tag: string;
-    minSize: number;
 } & {}> & {
-    onScroll?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any) | undefined;
 }, {
-    height: string | number;
-    always: boolean;
-    maxHeight: string | number;
-    native: boolean;
-    wrapStyle: string | import("vue").CSSProperties[];
-    wrapClass: string | unknown[];
-    viewClass: string | unknown[];
-    viewStyle: string | unknown[];
-    noresize: boolean;
+    height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    wrapStyle: import("vue").StyleValue;
+    wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
     tag: string;
     minSize: number;
-}>>;
+    noresize: boolean;
+}>> & Record<string, any>;
+export default ElScrollbar;
 export * from './src/util';
+export * from './src/scrollbar';
+export * from './src/bar';