element-pe 1.0.8 → 1.0.9-alpha.12

package/es/components/input-number/src/input-number2.mjs

@@ -1,59 +1,7 @@
-import { buildProps, componentSize } from '../../../utils/props.mjs';
-import { isNumber } from '../../../utils/util.mjs';
+import script from './input-number.vue_vue_type_script_lang.mjs';
+export { default } from './input-number.vue_vue_type_script_lang.mjs';
+import { render } from './input-number.vue_vue_type_template_id_dec60af6_lang.mjs';
 
-const inputNumberProps = buildProps({
-  step: {
-    type: Number,
-    default: 1
-  },
-  stepStrictly: {
-    type: Boolean,
-    default: false
-  },
-  max: {
-    type: Number,
-    default: Infinity
-  },
-  min: {
-    type: Number,
-    default: -Infinity
-  },
-  modelValue: {
-    type: Number,
-    required: true
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  size: {
-    type: String,
-    values: componentSize
-  },
-  controls: {
-    type: Boolean,
-    default: true
-  },
-  controlsPosition: {
-    type: String,
-    default: "",
-    values: ["", "right"]
-  },
-  name: String,
-  label: String,
-  placeholder: String,
-  precision: {
-    type: Number,
-    validator: (val) => val >= 0 && val === parseInt(`${val}`, 10)
-  }
-});
-const inputNumberEmits = {
-  change: (prev, cur) => prev !== cur,
-  blur: (e) => e instanceof FocusEvent,
-  focus: (e) => e instanceof FocusEvent,
-  input: (val) => isNumber(val),
-  "update:modelValue": (val) => isNumber(val)
-};
-
-export { inputNumberEmits, inputNumberProps };
+script.render = render;
+script.__file = "packages/components/input-number/src/input-number.vue";
 //# sourceMappingURL=input-number2.mjs.map

package/es/components/input-number/src/input-number2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-number2.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.ts"],"sourcesContent":["import { buildProps, componentSize } from '@element-plus/utils/props'\nimport { isNumber } from '@element-plus/utils/util'\n\nexport const inputNumberProps = buildProps({\n  step: {\n    type: Number,\n    default: 1,\n  },\n  stepStrictly: {\n    type: Boolean,\n    default: false,\n  },\n  max: {\n    type: Number,\n    default: Infinity,\n  },\n  min: {\n    type: Number,\n    default: -Infinity,\n  },\n  modelValue: {\n    type: Number,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  size: {\n    type: String,\n    values: componentSize,\n  },\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  controlsPosition: {\n    type: String,\n    default: '',\n    values: ['', 'right'],\n  },\n  name: String,\n  label: String,\n  placeholder: String,\n  precision: {\n    type: Number,\n    validator: (val: number) => val >= 0 && val === parseInt(`${val}`, 10),\n  },\n} as const)\n\nexport const inputNumberEmits = {\n  change: (prev: number, cur: number) => prev !== cur,\n  blur: (e: FocusEvent) => e instanceof FocusEvent,\n  focus: (e: FocusEvent) => e instanceof FocusEvent,\n  input: (val: number) => isNumber(val),\n  'update:modelValue': (val: number) => isNumber(val),\n}\n"],"names":[],"mappings":";;;MAGa,mBAAmB,WAAW;AAAA,EACzC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,IAAI;AAAA;AAAA,EAEf,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW;AAAA,IACT,MAAM;AAAA,IACN,WAAW,CAAC,QAAgB,OAAO,KAAK,QAAQ,SAAS,GAAG,OAAO;AAAA;AAAA;MAI1D,mBAAmB;AAAA,EAC9B,QAAQ,CAAC,MAAc,QAAgB,SAAS;AAAA,EAChD,MAAM,CAAC,MAAkB,aAAa;AAAA,EACtC,OAAO,CAAC,MAAkB,aAAa;AAAA,EACvC,OAAO,CAAC,QAAgB,SAAS;AAAA,EACjC,qBAAqB,CAAC,QAAgB,SAAS;AAAA;;;;"}
+{"version":3,"file":"input-number2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -1,5 +1,5 @@
 export declare const ElLink: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "default", unknown, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "default", unknown, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
     readonly underline: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly disabled: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly href: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -15,18 +15,18 @@ export declare const ElLink: import("../../utils/types").SFCWithInstall<import("
     readonly href?: unknown;
     readonly icon?: unknown;
 } & {
-    type: import("../../utils/props").BuildPropType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
-    underline: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    type: import("../../utils/props").BuildPropType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
     icon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     disabled: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    underline: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     href: string;
 } & {}> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    type: import("../../utils/props").BuildPropType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
-    underline: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    type: import("../../utils/props").BuildPropType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
     icon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     disabled: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    underline: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     href: string;
 }>> & Record<string, any>;
 export default ElLink;

package/es/components/link/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/link.mjs';
-export { linkEmits, linkProps } from './src/link2.mjs';
-import script from './src/link.vue_vue&type=script&lang.mjs';
+import './src/link2.mjs';
+export { linkEmits, linkProps } from './src/link.mjs';
+import script from './src/link.vue_vue_type_script_lang.mjs';
 
 const ElLink = withInstall(script);
 

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

@@ -1,6 +1,6 @@
 import type { Component, ExtractPropTypes } from 'vue';
 export declare const linkProps: {
-    readonly type: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "default", unknown, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly type: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "default", unknown, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
     readonly underline: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly disabled: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly href: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;

package/es/components/link/src/link.mjs

@@ -1,7 +1,25 @@
-import script from './link.vue_vue&type=script&lang.mjs';
-export { default } from './link.vue_vue&type=script&lang.mjs';
-import { render } from './link.vue_vue&type=template&id=6a422645&lang.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/link/src/link.vue";
+const linkProps = buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger", "default"],
+    default: "default"
+  },
+  underline: {
+    type: Boolean,
+    default: true
+  },
+  disabled: { type: Boolean, default: false },
+  href: { type: String, default: "" },
+  icon: {
+    type: definePropType([String, Object]),
+    default: ""
+  }
+});
+const linkEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
+
+export { linkEmits, linkProps };
 //# sourceMappingURL=link.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"link.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"link.mjs","sources":["../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const linkProps = buildProps({\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n    default: 'default',\n  },\n  underline: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: { type: Boolean, default: false },\n  href: { type: String, default: '' },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n\nexport const linkEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type LinkEmits = typeof linkEmits\n"],"names":[],"mappings":";;MAGa,YAAY,WAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ,UAAU;AAAA,IAC5D,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU,EAAE,MAAM,SAAS,SAAS;AAAA,EACpC,MAAM,EAAE,MAAM,QAAQ,SAAS;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;MAKA,YAAY;AAAA,EACvB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}

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

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "default", unknown, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "default", unknown, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
     readonly underline: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly disabled: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly href: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -15,18 +15,18 @@ declare const _default: import("vue").DefineComponent<{
     readonly href?: unknown;
     readonly icon?: unknown;
 } & {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
-    underline: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    type: import("../../../utils/props").BuildPropType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
     icon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     disabled: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    underline: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     href: string;
 } & {}> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
-    underline: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    type: import("../../../utils/props").BuildPropType<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
     icon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     disabled: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    underline: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     href: string;
 }>;
 export default _default;

package/es/components/link/src/link.vue_vue_type_script_lang.mjs

@@ -0,0 +1,22 @@
+import { defineComponent } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { linkProps, linkEmits } from './link.mjs';
+
+var script = defineComponent({
+  name: "ElLink",
+  components: { ElIcon },
+  props: linkProps,
+  emits: linkEmits,
+  setup(props, { emit }) {
+    function handleClick(event) {
+      if (!props.disabled)
+        emit("click", event);
+    }
+    return {
+      handleClick
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=link.vue_vue_type_script_lang.mjs.map

package/es/components/link/src/link.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/link/src/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      'el-link',\n      type ? `el-link--${type}` : '',\n      disabled && 'is-disabled',\n      underline && !disabled && 'is-underline',\n    ]\"\n    :href=\"disabled || !href ? undefined : href\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <span v-if=\"$slots.default\" class=\"el-link--inner\">\n      <slot></slot>\n    </span>\n\n    <slot v-if=\"$slots.icon\" name=\"icon\"></slot>\n  </a>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { linkProps, linkEmits } from './link'\n\nexport default defineComponent({\n  name: 'ElLink',\n\n  components: { ElIcon },\n\n  props: linkProps,\n  emits: linkEmits,\n\n  setup(props, { emit }) {\n    function handleClick(event: MouseEvent) {\n      if (!props.disabled) emit('click', event)\n    }\n\n    return {\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAwBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY,EAAE;AAAA,EAEd,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,yBAAqB,OAAmB;AACtC,UAAI,CAAC,MAAM;AAAU,aAAK,SAAS;AAAA;AAGrC,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/es/components/link/src/link.vue_vue_type_template_id_6a422645_lang.mjs

@@ -0,0 +1,34 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = ["href"];
+const _hoisted_2 = {
+  key: 1,
+  class: "el-link--inner"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("a", {
+    class: normalizeClass([
+      "el-link",
+      _ctx.type ? `el-link--${_ctx.type}` : "",
+      _ctx.disabled && "is-disabled",
+      _ctx.underline && !_ctx.disabled && "is-underline"
+    ]),
+    href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : createCommentVNode("v-if", true),
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2, [
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("v-if", true),
+    _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
+  ], 10, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=link.vue_vue_type_template_id_6a422645_lang.mjs.map

package/es/components/link/src/link.vue_vue_type_template_id_6a422645_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.vue_vue_type_template_id_6a422645_lang.mjs","sources":["../../../../../../packages/components/link/src/link.vue?vue&type=template&id=6a422645&lang.js"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      'el-link',\n      type ? `el-link--${type}` : '',\n      disabled && 'is-disabled',\n      underline && !disabled && 'is-underline',\n    ]\"\n    :href=\"disabled || !href ? undefined : href\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <span v-if=\"$slots.default\" class=\"el-link--inner\">\n      <slot></slot>\n    </span>\n\n    <slot v-if=\"$slots.icon\" name=\"icon\"></slot>\n  </a>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { linkProps, linkEmits } from './link'\n\nexport default defineComponent({\n  name: 'ElLink',\n\n  components: { ElIcon },\n\n  props: linkProps,\n  emits: linkEmits,\n\n  setup(props, { emit }) {\n    function handleClick(event: MouseEvent) {\n      if (!props.disabled) emit('click', event)\n    }\n\n    return {\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;EAYgC,OAAM;AAAA;;;sBAXpCA;IACG;;;;;;IAMA,MAAM,kBAAa,YAAO,SAAY;IACtC,gDAAO;;IAEO,0BAAfC;uBAAqB;sBAAAA,YAAwBC,wBAAR;;;;IACzB,YAAO,wBAAnBF,2BAAA;MACEG;;IAGU,YAAO,OAAnBA;;;;;;"}

package/es/components/link/src/link2.mjs

@@ -1,25 +1,7 @@
-import { buildProps, definePropType } from '../../../utils/props.mjs';
+import script from './link.vue_vue_type_script_lang.mjs';
+export { default } from './link.vue_vue_type_script_lang.mjs';
+import { render } from './link.vue_vue_type_template_id_6a422645_lang.mjs';
 
-const linkProps = buildProps({
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "danger", "default"],
-    default: "default"
-  },
-  underline: {
-    type: Boolean,
-    default: true
-  },
-  disabled: { type: Boolean, default: false },
-  href: { type: String, default: "" },
-  icon: {
-    type: definePropType([String, Object]),
-    default: ""
-  }
-});
-const linkEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
-
-export { linkEmits, linkProps };
+script.render = render;
+script.__file = "packages/components/link/src/link.vue";
 //# sourceMappingURL=link2.mjs.map

package/es/components/link/src/link2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"link2.mjs","sources":["../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const linkProps = buildProps({\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n    default: 'default',\n  },\n  underline: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: { type: Boolean, default: false },\n  href: { type: String, default: '' },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n\nexport const linkEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type LinkEmits = typeof linkEmits\n"],"names":[],"mappings":";;MAGa,YAAY,WAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ,UAAU;AAAA,IAC5D,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU,EAAE,MAAM,SAAS,SAAS;AAAA,EACpC,MAAM,EAAE,MAAM,QAAQ,SAAS;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;MAKA,YAAY;AAAA,EACvB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}
+{"version":3,"file":"link2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -1,19 +1,58 @@
 import type { App } from 'vue';
-declare const ElLoading: {
+export declare const ElLoading: {
     install(app: App): void;
-    directive: {
-        mounted(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-        updated(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-        unmounted(el: import("./src/directive").ElementLoading): void;
+    directive: import("vue").Directive<import("./src/directive").ElementLoading, import("./src/directive").LoadingBinding>;
+    service: (options?: Partial<Omit<import("./src/types").LoadingOptionsResolved, "target" | "parent"> & {
+        target: string | HTMLElement;
+        body: boolean;
+    }>) => {
+        setText: (text: string) => void;
+        close: () => void;
+        handleAfterLeave: () => void;
+        vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $el: HTMLElement;
+        originalPosition: import("vue").Ref<string>;
+        originalOverflow: import("vue").Ref<string>;
+        visible: import("vue").Ref<boolean>;
+        parent: import("vue").Ref<import("./src/types").LoadingParentElement>;
+        background: import("vue").Ref<string>;
+        svg: import("vue").Ref<string>;
+        svgViewBox: import("vue").Ref<string>;
+        spinner: import("vue").Ref<string | boolean>;
+        text: import("vue").Ref<string>;
+        fullscreen: import("vue").Ref<boolean>;
+        lock: import("vue").Ref<boolean>;
+        customClass: import("vue").Ref<string>;
+        target: import("vue").Ref<HTMLElement>;
+        beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+        closed?: import("vue").Ref<(() => void) | undefined> | undefined;
     };
-    service: (options?: import("./src/loading.type").ILoadingOptions) => import("./src/loading.type").ILoadingInstance;
 };
 export default ElLoading;
-export { ElLoading };
-export declare const ElLoadingDirective: {
-    mounted(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-    updated(el: import("./src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-    unmounted(el: import("./src/directive").ElementLoading): void;
+export declare const ElLoadingDirective: import("vue").Directive<import("./src/directive").ElementLoading, import("./src/directive").LoadingBinding>;
+export declare const ElLoadingService: (options?: Partial<Omit<import("./src/types").LoadingOptionsResolved, "target" | "parent"> & {
+    target: string | HTMLElement;
+    body: boolean;
+}>) => {
+    setText: (text: string) => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string>;
+    originalOverflow: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    parent: import("vue").Ref<import("./src/types").LoadingParentElement>;
+    background: import("vue").Ref<string>;
+    svg: import("vue").Ref<string>;
+    svgViewBox: import("vue").Ref<string>;
+    spinner: import("vue").Ref<string | boolean>;
+    text: import("vue").Ref<string>;
+    fullscreen: import("vue").Ref<boolean>;
+    lock: import("vue").Ref<boolean>;
+    customClass: import("vue").Ref<string>;
+    target: import("vue").Ref<HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined> | undefined;
 };
-export declare const ElLoadingService: (options?: import("./src/loading.type").ILoadingOptions) => import("./src/loading.type").ILoadingInstance;
-export * from './src/loading.type';
+export * from './src/types';

package/es/components/loading/index.mjs

@@ -1,6 +1,6 @@
-import Loading from './src/index.mjs';
-import vLoading from './src/directive.mjs';
-import './src/loading.type.mjs';
+import { Loading } from './src/service.mjs';
+import { vLoading } from './src/directive.mjs';
+import './src/types.mjs';
 
 const ElLoading = {
   install(app) {

package/es/components/loading/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/loading/index.ts"],"sourcesContent":["import Loading from './src'\nimport vLoading from './src/directive'\n\nimport type { App } from 'vue'\n\n// installer and everything in all\nconst ElLoading = {\n  install(app: App) {\n    app.directive('loading', vLoading)\n    app.config.globalProperties.$loading = Loading\n  },\n  directive: vLoading,\n  service: Loading,\n}\n\nexport default ElLoading\n\nexport { ElLoading }\n\nexport const ElLoadingDirective = vLoading\nexport const ElLoadingService = Loading\n\nexport * from './src/loading.type'\n"],"names":[],"mappings":";;;;MAMM,YAAY;AAAA,EAChB,QAAQ,KAAU;AAChB,QAAI,UAAU,WAAW;AACzB,QAAI,OAAO,iBAAiB,WAAW;AAAA;AAAA,EAEzC,WAAW;AAAA,EACX,SAAS;AAAA;MAOE,qBAAqB;MACrB,mBAAmB;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/loading/index.ts"],"sourcesContent":["import { Loading } from './src/service'\nimport { vLoading } from './src/directive'\n\nimport type { App } from 'vue'\n\n// installer and everything in all\nexport const ElLoading = {\n  install(app: App) {\n    app.directive('loading', vLoading)\n    app.config.globalProperties.$loading = Loading\n  },\n  directive: vLoading,\n  service: Loading,\n}\n\nexport default ElLoading\n\nexport const ElLoadingDirective = vLoading\nexport const ElLoadingService = Loading\n\nexport * from './src/types'\n"],"names":[],"mappings":";;;;MAMa,YAAY;AAAA,EACvB,QAAQ,KAAU;AAChB,QAAI,UAAU,WAAW;AACzB,QAAI,OAAO,iBAAiB,WAAW;AAAA;AAAA,EAEzC,WAAW;AAAA,EACX,SAAS;AAAA;MAKE,qBAAqB;MACrB,mBAAmB;;;;"}

package/es/components/loading/src/directive.d.ts

@@ -1,12 +1,13 @@
-import type { DirectiveBinding } from 'vue';
-import type { ILoadingInstance } from './loading.type';
-declare const INSTANCE_NAME = "ElLoading";
+import type { Directive, UnwrapRef } from 'vue';
+import type { LoadingOptions } from './types';
+import type { LoadingInstance } from './loading';
+declare const INSTANCE_KEY: unique symbol;
+export declare type LoadingBinding = boolean | UnwrapRef<LoadingOptions>;
 export interface ElementLoading extends HTMLElement {
-    [INSTANCE_NAME]?: ILoadingInstance;
+    [INSTANCE_KEY]?: {
+        instance: LoadingInstance;
+        options: LoadingOptions;
+    };
 }
-declare const vLoading: {
-    mounted(el: ElementLoading, binding: DirectiveBinding): void;
-    updated(el: ElementLoading, binding: DirectiveBinding): void;
-    unmounted(el: ElementLoading): void;
-};
-export default vLoading;
+export declare const vLoading: Directive<ElementLoading, LoadingBinding>;
+export {};

package/es/components/loading/src/directive.mjs

@@ -1,27 +1,43 @@
-import Loading from './index.mjs';
+import { ref, isRef } from 'vue';
+import { isObject, isString, hyphenate } from '@vue/shared';
+import { Loading } from './service.mjs';
 
-const INSTANCE_NAME = "ElLoading";
+const INSTANCE_KEY = Symbol("ElLoading");
 const createInstance = (el, binding) => {
-  const textExr = el.getAttribute("element-loading-text");
-  const spinnerExr = el.getAttribute("element-loading-spinner");
-  const svgExr = el.getAttribute("element-loading-svg");
-  const svgViewBoxExr = el.getAttribute("element-loading-svg-view-box");
-  const backgroundExr = el.getAttribute("element-loading-background");
-  const customClassExr = el.getAttribute("element-loading-custom-class");
+  var _a, _b, _c, _d;
   const vm = binding.instance;
-  el[INSTANCE_NAME] = Loading({
-    text: vm && vm[textExr] || textExr,
-    svg: vm && vm[svgExr] || svgExr,
-    svgViewBox: vm && vm[svgViewBoxExr] || svgViewBoxExr,
-    spinner: vm && vm[spinnerExr] || spinnerExr,
-    background: vm && vm[backgroundExr] || backgroundExr,
-    customClass: vm && vm[customClassExr] || customClassExr,
-    fullscreen: !!binding.modifiers.fullscreen,
-    target: binding.modifiers.fullscreen ? null : el,
-    body: !!binding.modifiers.body,
-    visible: true,
-    lock: !!binding.modifiers.lock
-  });
+  const getBindingProp = (key) => isObject(binding.value) ? binding.value[key] : void 0;
+  const resolveExpression = (key) => {
+    const data = isString(key) && (vm == null ? void 0 : vm[key]) || key;
+    if (data)
+      return ref(data);
+    else
+      return data;
+  };
+  const getProp = (name) => resolveExpression(getBindingProp(name) || el.getAttribute(`element-loading-${hyphenate(name)}`));
+  const fullscreen = (_a = getBindingProp("fullscreen")) != null ? _a : binding.modifiers.fullscreen;
+  const options = {
+    text: getProp("text"),
+    svg: getProp("svg"),
+    svgViewBox: getProp("svgViewBox"),
+    spinner: getProp("spinner"),
+    background: getProp("background"),
+    customClass: getProp("customClass"),
+    fullscreen,
+    target: (_b = getBindingProp("target")) != null ? _b : fullscreen ? void 0 : el,
+    body: (_c = getBindingProp("body")) != null ? _c : binding.modifiers.body,
+    lock: (_d = getBindingProp("lock")) != null ? _d : binding.modifiers.lock
+  };
+  el[INSTANCE_KEY] = {
+    options,
+    instance: Loading(options)
+  };
+};
+const updateOptions = (newOptions, originalOptions) => {
+  for (const key of Object.keys(originalOptions)) {
+    if (isRef(originalOptions[key]))
+      originalOptions[key].value = newOptions[key];
+  }
 };
 const vLoading = {
   mounted(el, binding) {
@@ -30,20 +46,23 @@ const vLoading = {
     }
   },
   updated(el, binding) {
-    const instance = el[INSTANCE_NAME];
+    const instance = el[INSTANCE_KEY];
     if (binding.oldValue !== binding.value) {
-      if (binding.value) {
+      if (binding.value && !binding.oldValue) {
         createInstance(el, binding);
+      } else if (binding.value && binding.oldValue) {
+        if (isObject(binding.value))
+          updateOptions(binding.value, instance.options);
       } else {
-        instance == null ? void 0 : instance.close();
+        instance == null ? void 0 : instance.instance.close();
       }
     }
   },
   unmounted(el) {
     var _a;
-    (_a = el[INSTANCE_NAME]) == null ? void 0 : _a.close();
+    (_a = el[INSTANCE_KEY]) == null ? void 0 : _a.instance.close();
   }
 };
 
-export { vLoading as default };
+export { vLoading };
 //# sourceMappingURL=directive.mjs.map

package/es/components/loading/src/directive.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"directive.mjs","sources":["../../../../../../packages/components/loading/src/directive.ts"],"sourcesContent":["import Loading from './index'\n\nimport type { DirectiveBinding } from 'vue'\nimport type { ILoadingInstance } from './loading.type'\n\nconst INSTANCE_NAME = 'ElLoading'\n\nexport interface ElementLoading extends HTMLElement {\n  [INSTANCE_NAME]?: ILoadingInstance\n}\n\nconst createInstance = (el: ElementLoading, binding: DirectiveBinding) => {\n  const textExr = el.getAttribute('element-loading-text')\n  const spinnerExr = el.getAttribute('element-loading-spinner')\n  const svgExr = el.getAttribute('element-loading-svg')\n  const svgViewBoxExr = el.getAttribute('element-loading-svg-view-box')\n  const backgroundExr = el.getAttribute('element-loading-background')\n  const customClassExr = el.getAttribute('element-loading-custom-class')\n  const vm = binding.instance\n  el[INSTANCE_NAME] = Loading({\n    text: (vm && vm[textExr]) || textExr,\n    svg: (vm && vm[svgExr]) || svgExr,\n    svgViewBox: (vm && vm[svgViewBoxExr]) || svgViewBoxExr,\n    spinner: (vm && vm[spinnerExr]) || spinnerExr,\n    background: (vm && vm[backgroundExr]) || backgroundExr,\n    customClass: (vm && vm[customClassExr]) || customClassExr,\n    fullscreen: !!binding.modifiers.fullscreen,\n    target: binding.modifiers.fullscreen ? null : el,\n    body: !!binding.modifiers.body,\n    visible: true,\n    lock: !!binding.modifiers.lock,\n  })\n}\n\nconst vLoading = {\n  mounted(el: ElementLoading, binding: DirectiveBinding) {\n    if (binding.value) {\n      createInstance(el, binding)\n    }\n  },\n  updated(el: ElementLoading, binding: DirectiveBinding) {\n    const instance = el[INSTANCE_NAME]\n    if (binding.oldValue !== binding.value) {\n      if (binding.value) {\n        createInstance(el, binding)\n      } else {\n        instance?.close()\n      }\n    }\n  },\n  unmounted(el: ElementLoading) {\n    el[INSTANCE_NAME]?.close()\n  },\n}\n\nexport default vLoading\n"],"names":[],"mappings":";;AAKA,MAAM,gBAAgB;AAMtB,MAAM,iBAAiB,CAAC,IAAoB,YAA8B;AACxE,QAAM,UAAU,GAAG,aAAa;AAChC,QAAM,aAAa,GAAG,aAAa;AACnC,QAAM,SAAS,GAAG,aAAa;AAC/B,QAAM,gBAAgB,GAAG,aAAa;AACtC,QAAM,gBAAgB,GAAG,aAAa;AACtC,QAAM,iBAAiB,GAAG,aAAa;AACvC,QAAM,KAAK,QAAQ;AACnB,KAAG,iBAAiB,QAAQ;AAAA,IAC1B,MAAO,MAAM,GAAG,YAAa;AAAA,IAC7B,KAAM,MAAM,GAAG,WAAY;AAAA,IAC3B,YAAa,MAAM,GAAG,kBAAmB;AAAA,IACzC,SAAU,MAAM,GAAG,eAAgB;AAAA,IACnC,YAAa,MAAM,GAAG,kBAAmB;AAAA,IACzC,aAAc,MAAM,GAAG,mBAAoB;AAAA,IAC3C,YAAY,CAAC,CAAC,QAAQ,UAAU;AAAA,IAChC,QAAQ,QAAQ,UAAU,aAAa,OAAO;AAAA,IAC9C,MAAM,CAAC,CAAC,QAAQ,UAAU;AAAA,IAC1B,SAAS;AAAA,IACT,MAAM,CAAC,CAAC,QAAQ,UAAU;AAAA;AAAA;MAIxB,WAAW;AAAA,EACf,QAAQ,IAAoB,SAA2B;AACrD,QAAI,QAAQ,OAAO;AACjB,qBAAe,IAAI;AAAA;AAAA;AAAA,EAGvB,QAAQ,IAAoB,SAA2B;AACrD,UAAM,WAAW,GAAG;AACpB,QAAI,QAAQ,aAAa,QAAQ,OAAO;AACtC,UAAI,QAAQ,OAAO;AACjB,uBAAe,IAAI;AAAA,aACd;AACL,6CAAU;AAAA;AAAA;AAAA;AAAA,EAIhB,UAAU,IAAoB;AAlDhC;AAmDI,aAAG,mBAAH,mBAAmB;AAAA;AAAA;;;;"}
+{"version":3,"file":"directive.mjs","sources":["../../../../../../packages/components/loading/src/directive.ts"],"sourcesContent":["import { isRef, ref } from 'vue'\nimport { isObject, isString, hyphenate } from '@vue/shared'\nimport { Loading } from './service'\nimport type { Directive, DirectiveBinding, UnwrapRef } from 'vue'\nimport type { LoadingOptions } from './types'\nimport type { LoadingInstance } from './loading'\n\nconst INSTANCE_KEY = Symbol('ElLoading')\n\nexport type LoadingBinding = boolean | UnwrapRef<LoadingOptions>\nexport interface ElementLoading extends HTMLElement {\n  [INSTANCE_KEY]?: {\n    instance: LoadingInstance\n    options: LoadingOptions\n  }\n}\n\nconst createInstance = (\n  el: ElementLoading,\n  binding: DirectiveBinding<LoadingBinding>\n) => {\n  const vm = binding.instance\n\n  const getBindingProp = <K extends keyof LoadingOptions>(\n    key: K\n  ): LoadingOptions[K] =>\n    isObject(binding.value) ? binding.value[key] : undefined\n\n  const resolveExpression = (key: any) => {\n    const data = (isString(key) && vm?.[key]) || key\n    if (data) return ref(data)\n    else return data\n  }\n\n  const getProp = <K extends keyof LoadingOptions>(name: K) =>\n    resolveExpression(\n      getBindingProp(name) ||\n        el.getAttribute(`element-loading-${hyphenate(name)}`)\n    )\n\n  const fullscreen =\n    getBindingProp('fullscreen') ?? binding.modifiers.fullscreen\n\n  const options: LoadingOptions = {\n    text: getProp('text'),\n    svg: getProp('svg'),\n    svgViewBox: getProp('svgViewBox'),\n    spinner: getProp('spinner'),\n    background: getProp('background'),\n    customClass: getProp('customClass'),\n    fullscreen,\n    target: getBindingProp('target') ?? (fullscreen ? undefined : el),\n    body: getBindingProp('body') ?? binding.modifiers.body,\n    lock: getBindingProp('lock') ?? binding.modifiers.lock,\n  }\n  el[INSTANCE_KEY] = {\n    options,\n    instance: Loading(options),\n  }\n}\n\nconst updateOptions = (\n  newOptions: UnwrapRef<LoadingOptions>,\n  originalOptions: LoadingOptions\n) => {\n  for (const key of Object.keys(originalOptions)) {\n    if (isRef(originalOptions[key]))\n      originalOptions[key].value = newOptions[key]\n  }\n}\n\nexport const vLoading: Directive<ElementLoading, LoadingBinding> = {\n  mounted(el, binding) {\n    if (binding.value) {\n      createInstance(el, binding)\n    }\n  },\n  updated(el, binding) {\n    const instance = el[INSTANCE_KEY]\n    if (binding.oldValue !== binding.value) {\n      if (binding.value && !binding.oldValue) {\n        createInstance(el, binding)\n      } else if (binding.value && binding.oldValue) {\n        if (isObject(binding.value))\n          updateOptions(binding.value, instance!.options)\n      } else {\n        instance?.instance.close()\n      }\n    }\n  },\n  unmounted(el) {\n    el[INSTANCE_KEY]?.instance.close()\n  },\n}\n"],"names":[],"mappings":";;;;AAOA,MAAM,eAAe,OAAO;AAU5B,MAAM,iBAAiB,CACrB,IACA,YACG;AApBL;AAqBE,QAAM,KAAK,QAAQ;AAEnB,QAAM,iBAAiB,CACrB,QAEA,SAAS,QAAQ,SAAS,QAAQ,MAAM,OAAO;AAEjD,QAAM,oBAAoB,CAAC,QAAa;AACtC,UAAM,OAAQ,SAAS,kCAAa,SAAS;AAC7C,QAAI;AAAM,aAAO,IAAI;AAAA;AAChB,aAAO;AAAA;AAGd,QAAM,UAAU,CAAiC,SAC/C,kBACE,eAAe,SACb,GAAG,aAAa,mBAAmB,UAAU;AAGnD,QAAM,aACJ,qBAAe,kBAAf,YAAgC,QAAQ,UAAU;AAEpD,QAAM,UAA0B;AAAA,IAC9B,MAAM,QAAQ;AAAA,IACd,KAAK,QAAQ;AAAA,IACb,YAAY,QAAQ;AAAA,IACpB,SAAS,QAAQ;AAAA,IACjB,YAAY,QAAQ;AAAA,IACpB,aAAa,QAAQ;AAAA,IACrB;AAAA,IACA,QAAQ,qBAAe,cAAf,YAA6B,aAAa,SAAY;AAAA,IAC9D,MAAM,qBAAe,YAAf,YAA0B,QAAQ,UAAU;AAAA,IAClD,MAAM,qBAAe,YAAf,YAA0B,QAAQ,UAAU;AAAA;AAEpD,KAAG,gBAAgB;AAAA,IACjB;AAAA,IACA,UAAU,QAAQ;AAAA;AAAA;AAItB,MAAM,gBAAgB,CACpB,YACA,oBACG;AACH,aAAW,OAAO,OAAO,KAAK,kBAAkB;AAC9C,QAAI,MAAM,gBAAgB;AACxB,sBAAgB,KAAK,QAAQ,WAAW;AAAA;AAAA;MAIjC,WAAsD;AAAA,EACjE,QAAQ,IAAI,SAAS;AACnB,QAAI,QAAQ,OAAO;AACjB,qBAAe,IAAI;AAAA;AAAA;AAAA,EAGvB,QAAQ,IAAI,SAAS;AACnB,UAAM,WAAW,GAAG;AACpB,QAAI,QAAQ,aAAa,QAAQ,OAAO;AACtC,UAAI,QAAQ,SAAS,CAAC,QAAQ,UAAU;AACtC,uBAAe,IAAI;AAAA,iBACV,QAAQ,SAAS,QAAQ,UAAU;AAC5C,YAAI,SAAS,QAAQ;AACnB,wBAAc,QAAQ,OAAO,SAAU;AAAA,aACpC;AACL,6CAAU,SAAS;AAAA;AAAA;AAAA;AAAA,EAIzB,UAAU,IAAI;AA1FhB;AA2FI,aAAG,kBAAH,mBAAkB,SAAS;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,24 @@
+import type { LoadingOptionsResolved } from './types';
+export declare function createLoadingComponent(options: LoadingOptionsResolved): {
+    setText: (text: string) => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string>;
+    originalOverflow: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    parent: import("vue").Ref<import("./types").LoadingParentElement>;
+    background: import("vue").Ref<string>;
+    svg: import("vue").Ref<string>;
+    svgViewBox: import("vue").Ref<string>;
+    spinner: import("vue").Ref<string | boolean>;
+    text: import("vue").Ref<string>;
+    fullscreen: import("vue").Ref<boolean>;
+    lock: import("vue").Ref<boolean>;
+    customClass: import("vue").Ref<string>;
+    target: import("vue").Ref<HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+};
+export declare type LoadingInstance = ReturnType<typeof createLoadingComponent>;