beyond-webui 1.0.73 → 1.0.74

package/dist/index.full.mjs

@@ -13552,7 +13552,7 @@ const inputEmits = {
 const _hoisted_1$12 = ["role"];
 const _hoisted_2$G = { class: "el-input__preStar" };
 const _hoisted_3$n = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
-const _hoisted_4$g = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_4$f = /* @__PURE__ */ createElementVNode("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -13799,7 +13799,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
       if (props.validateEvent) {
         (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
       }
-      inputPlaceholder.value = validateState.value === "error" ? "" : props.placeholder;
+      !props.inputState && (inputPlaceholder.value = validateState.value === "error" ? "" : props.placeholder);
     };
     const handleMouseLeave = (evt) => {
       hovering.value = false;
@@ -13992,7 +13992,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     createCommentVNode("              <circle-close />"),
-                    _hoisted_4$g
+                    _hoisted_4$f
                   ]),
                   _: 1
                 }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true),
@@ -16166,7 +16166,7 @@ const autocompleteEmits = {
 const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
 const _hoisted_3$m = ["id", "aria-selected", "onClick"];
-const _hoisted_4$f = {
+const _hoisted_4$e = {
   key: 1,
   class: "no-data"
 };
@@ -16466,7 +16466,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
                         createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
                       ])
                     ], 10, _hoisted_3$m);
-                  }), 128)) : (openBlock(), createElementBlock("li", _hoisted_4$f, toDisplayString(emptyTip.value), 1))
+                  }), 128)) : (openBlock(), createElementBlock("li", _hoisted_4$e, toDisplayString(emptyTip.value), 1))
                 ], 64))
               ]),
               _: 3
@@ -18637,7 +18637,7 @@ const _hoisted_3$l = /* @__PURE__ */ createElementVNode("defs", null, [
     })
   ])
 ], -1);
-const _hoisted_4$e = [
+const _hoisted_4$d = [
   _hoisted_2$D,
   _hoisted_3$l
 ];
@@ -19197,7 +19197,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                   onTouchstart: onTouchStartInput
                 }, {
                   default: withCtx(() => [
-                    unref(isTimeLikePicker) ? (openBlock(), createBlock(resolveDynamicComponent(unref(triggerIcon)), { key: 0 })) : (openBlock(), createElementBlock("svg", _hoisted_1$Y, _hoisted_4$e))
+                    unref(isTimeLikePicker) ? (openBlock(), createBlock(resolveDynamicComponent(unref(triggerIcon)), { key: 0 })) : (openBlock(), createElementBlock("svg", _hoisted_1$Y, _hoisted_4$d))
                   ]),
                   _: 1
                 }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true)
@@ -26203,7 +26203,7 @@ const _hoisted_2$t = {
   scope: "col"
 };
 const _hoisted_3$h = ["aria-label"];
-const _hoisted_4$d = ["aria-current", "aria-selected", "tabindex"];
+const _hoisted_4$c = ["aria-current", "aria-selected", "tabindex"];
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "basic-date-table",
   props: basicDateTableProps,
@@ -26560,7 +26560,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                   onFocus: handleFocus
                 }, [
                   createVNode(unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
-                ], 42, _hoisted_4$d);
+                ], 42, _hoisted_4$c);
               }), 128))
             ], 2);
           }), 128))
@@ -26784,7 +26784,7 @@ const basicYearTableProps = buildProps({
 const _hoisted_1$G = ["aria-label"];
 const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
 const _hoisted_3$f = { class: "cell" };
-const _hoisted_4$c = { key: 1 };
+const _hoisted_4$b = { key: 1 };
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "basic-year-table",
   props: basicYearTableProps,
@@ -26869,7 +26869,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
                     ]
                   }, [
                     createElementVNode("span", _hoisted_3$f, toDisplayString(unref(startYear) + i * 4 + j), 1)
-                  ], 42, _hoisted_2$r)) : (openBlock(), createElementBlock("td", _hoisted_4$c))
+                  ], 42, _hoisted_2$r)) : (openBlock(), createElementBlock("td", _hoisted_4$b))
                 ], 64);
               }), 64))
             ]);
@@ -26884,7 +26884,7 @@ var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "basic-yea
 const _hoisted_1$F = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
 const _hoisted_3$e = ["aria-label"];
-const _hoisted_4$b = ["aria-label"];
+const _hoisted_4$a = ["aria-label"];
 const _hoisted_5$8 = ["aria-label"];
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
@@ -27414,7 +27414,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_4$b), [
+                ], 10, _hoisted_4$a), [
                   [vShow, currentView.value === "date"]
                 ]),
                 createElementVNode("button", {
@@ -27614,7 +27614,7 @@ const useRangePicker = (props, {
 const _hoisted_1$E = ["onClick"];
 const _hoisted_2$p = ["disabled"];
 const _hoisted_3$d = ["disabled"];
-const _hoisted_4$a = ["disabled"];
+const _hoisted_4$9 = ["disabled"];
 const _hoisted_5$7 = ["disabled"];
 const unit$1 = "month";
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
@@ -28170,7 +28170,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_4$a)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_4$9)) : createCommentVNode("v-if", true),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
@@ -29045,12 +29045,23 @@ const dialogContentEmits = {
 };
 
 const _hoisted_1$B = /* @__PURE__ */ createElementVNode("svg", {
-  width: "14",
-  height: "14",
-  viewBox: "0 0 14 14",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ createElementVNode("path", { d: "M13.707 1.70697L12.293 0.292969L6.99997 5.58597L1.70697 0.292969L0.292969 1.70697L5.58597 6.99997L0.292969 12.293L1.70697 13.707L6.99997 8.41397L12.293 13.707L13.707 12.293L8.41397 6.99997L13.707 1.70697Z" })
+  /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_801_32741)" }, [
+    /* @__PURE__ */ createElementVNode("path", { d: "M16 0.942667L15.0573 0L8 7.05733L0.942667 0L0 0.942667L7.05733 8L0 15.0573L0.942667 16L8 8.94267L15.0573 16L16 15.0573L8.94267 8L16 0.942667Z" })
+  ]),
+  /* @__PURE__ */ createElementVNode("defs", null, [
+    /* @__PURE__ */ createElementVNode("clipPath", { id: "clip0_801_32741" }, [
+      /* @__PURE__ */ createElementVNode("rect", {
+        width: "16",
+        height: "16",
+        fill: "white"
+      })
+    ])
+  ])
 ], -1);
 const _hoisted_2$n = ["id"];
 const __default__$O = defineComponent({ name: "ElDialogContent" });
@@ -29653,7 +29664,7 @@ const _sfc_main$1a = defineComponent({
 const _hoisted_1$z = ["aria-label", "aria-labelledby", "aria-describedby"];
 const _hoisted_2$m = ["id"];
 const _hoisted_3$b = ["aria-label"];
-const _hoisted_4$9 = ["id"];
+const _hoisted_4$8 = ["id"];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -29746,7 +29757,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass(_ctx.ns.e("body"))
                   }, [
                     renderSlot(_ctx.$slots, "default")
-                  ], 10, _hoisted_4$9)) : createCommentVNode("v-if", true),
+                  ], 10, _hoisted_4$8)) : createCommentVNode("v-if", true),
                   _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
                     key: 2,
                     class: normalizeClass(_ctx.ns.e("footer"))
@@ -30815,7 +30826,7 @@ const _hoisted_1$w = {
 };
 const _hoisted_2$l = ["id"];
 const _hoisted_3$a = ["stop-color"];
-const _hoisted_4$8 = ["stop-color"];
+const _hoisted_4$7 = ["stop-color"];
 const _hoisted_5$6 = ["id"];
 const _hoisted_6$2 = ["stop-color"];
 const _hoisted_7$1 = ["stop-color"];
@@ -30878,7 +30889,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             createElementVNode("stop", {
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-4")})`,
               offset: "100%"
-            }, null, 8, _hoisted_4$8)
+            }, null, 8, _hoisted_4$7)
           ], 8, _hoisted_2$l),
           createElementVNode("linearGradient", {
             id: `linearGradient-2-${unref(id)}`,
@@ -35307,7 +35318,7 @@ const paginationPagerProps = buildProps({
 const _hoisted_1$k = ["onKeyup"];
 const _hoisted_2$e = ["aria-current", "aria-label", "tabindex"];
 const _hoisted_3$8 = ["tabindex", "aria-label"];
-const _hoisted_4$7 = ["aria-current", "aria-label", "tabindex"];
+const _hoisted_4$6 = ["aria-current", "aria-label", "tabindex"];
 const _hoisted_5$5 = ["tabindex", "aria-label"];
 const _hoisted_6$1 = ["aria-current", "aria-label", "tabindex"];
 const __default__$z = defineComponent({
@@ -35477,7 +35488,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             "aria-current": _ctx.currentPage === pager,
             "aria-label": unref(t)("el.pagination.currentPage", { pager }),
             tabindex: unref(tabindex)
-          }, toDisplayString(pager), 11, _hoisted_4$7);
+          }, toDisplayString(pager), 11, _hoisted_4$6);
         }), 128)),
         showNextMore.value ? (openBlock(), createElementBlock("li", {
           key: 2,
@@ -36164,7 +36175,7 @@ const progressProps = buildProps({
 const _hoisted_1$j = ["aria-valuenow"];
 const _hoisted_2$d = { viewBox: "0 0 100 100" };
 const _hoisted_3$7 = ["d", "stroke", "stroke-width"];
-const _hoisted_4$6 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
+const _hoisted_4$5 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
 const _hoisted_5$4 = { key: 0 };
 const __default__$w = defineComponent({
   name: "ElProgress"
@@ -36334,7 +36345,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               "stroke-linecap": _ctx.strokeLinecap,
               "stroke-width": unref(relativeStrokeWidth),
               style: normalizeStyle(unref(circlePathStyle))
-            }, null, 14, _hoisted_4$6)
+            }, null, 14, _hoisted_4$5)
           ]))
         ], 6)),
         (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
@@ -39804,7 +39815,7 @@ const _sfc_main$B = defineComponent({
 const _hoisted_1$g = { key: 0 };
 const _hoisted_2$b = ["id", "autocomplete", "aria-expanded", "aria-labelledby", "disabled", "readonly", "name", "unselectable"];
 const _hoisted_3$6 = ["textContent"];
-const _hoisted_4$5 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
+const _hoisted_4$4 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
 const _hoisted_5$3 = ["textContent"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
@@ -40064,7 +40075,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                   _cache[21] || (_cache[21] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
                 ],
                 "onUpdate:modelValue": _cache[22] || (_cache[22] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
-              }, null, 42, _hoisted_4$5), [
+              }, null, 42, _hoisted_4$4), [
                 [_directive_model_text, _ctx.states.displayInputValue]
               ])
             ], 2),
@@ -41963,7 +41974,7 @@ const switchEmits = {
 const _hoisted_1$d = ["onClick"];
 const _hoisted_2$9 = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"];
 const _hoisted_3$5 = ["aria-hidden"];
-const _hoisted_4$4 = ["aria-hidden"];
+const _hoisted_4$3 = ["aria-hidden"];
 const _hoisted_5$2 = ["aria-hidden"];
 const COMPONENT_NAME$8 = "ElSwitch";
 const __default__$l = defineComponent({
@@ -42146,7 +42157,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               key: 1,
               class: normalizeClass(unref(ns).is("text")),
               "aria-hidden": !unref(checked)
-            }, toDisplayString(unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$4)) : createCommentVNode("v-if", true)
+            }, toDisplayString(unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, _hoisted_4$3)) : createCommentVNode("v-if", true)
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
             class: normalizeClass(unref(ns).e("action"))
@@ -53854,7 +53865,7 @@ const uploadListEmits = {
 const _hoisted_1$5 = ["onKeydown"];
 const _hoisted_2$4 = ["src"];
 const _hoisted_3$3 = ["onClick"];
-const _hoisted_4$3 = ["onClick"];
+const _hoisted_4$2 = ["onClick"];
 const _hoisted_5$1 = ["onClick"];
 const __default__$5 = defineComponent({
   name: "ElUploadList"
@@ -53987,7 +53998,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["class"])
-                  ], 10, _hoisted_4$3),
+                  ], 10, _hoisted_4$2),
                   !unref(disabled) ? (openBlock(), createElementBlock("span", {
                     key: 0,
                     class: normalizeClass(unref(nsUpload).be("list", "item-delete")),
@@ -55157,7 +55168,7 @@ const _hoisted_2$2 = {
 const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_391_15356)" }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M6.475 17.1576C6.14433 17.1583 5.81677 17.0936 5.51116 16.9674C5.20555 16.8411 4.9279 16.6557 4.69417 16.4218L0 11.7276L1.18667 10.5401L5.88083 15.2343C6.03835 15.3917 6.25191 15.4801 6.47458 15.4801C6.69726 15.4801 6.91082 15.3917 7.06833 15.2343L18.8133 3.48926L20 4.67676L8.255 16.4218C8.02142 16.6556 7.74392 16.8411 7.43844 16.9673C7.13297 17.0936 6.80555 17.1583 6.475 17.1576Z" })
 ], -1);
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("defs", null, [
+const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("defs", null, [
   /* @__PURE__ */ createElementVNode("clipPath", { id: "clip0_391_15356" }, [
     /* @__PURE__ */ createElementVNode("rect", {
       width: "20",
@@ -55167,7 +55178,7 @@ const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("defs", null, [
 ], -1);
 const _hoisted_5 = [
   _hoisted_3$2,
-  _hoisted_4$2
+  _hoisted_4$1
 ];
 const _hoisted_6 = {
   key: 1,
@@ -55710,30 +55721,30 @@ const _sfc_main$1 = defineComponent({
   }
 });
 const _hoisted_1$1 = ["aria-label", "aria-describedby"];
-const _hoisted_2$1 = ["aria-label"];
-const _hoisted_3$1 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_364_2860)" }, [
+  /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_801_32741)" }, [
     /* @__PURE__ */ createElementVNode("path", { d: "M16 0.942667L15.0573 0L8 7.05733L0.942667 0L0 0.942667L7.05733 8L0 15.0573L0.942667 16L8 8.94267L15.0573 16L16 15.0573L8.94267 8L16 0.942667Z" })
   ]),
   /* @__PURE__ */ createElementVNode("defs", null, [
-    /* @__PURE__ */ createElementVNode("clipPath", { id: "clip0_364_2860" }, [
+    /* @__PURE__ */ createElementVNode("clipPath", { id: "clip0_801_32741" }, [
       /* @__PURE__ */ createElementVNode("rect", {
         width: "16",
-        height: "16"
+        height: "16",
+        fill: "white"
       })
     ])
   ])
 ], -1);
-const _hoisted_4$1 = ["id"];
+const _hoisted_3$1 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_input = resolveComponent("el-input");
   const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
   const _component_el_focus_trap = resolveComponent("el-focus-trap");
   const _component_el_overlay = resolveComponent("el-overlay");
   return openBlock(), createBlock(Transition, {
@@ -55798,23 +55809,26 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       }, 8, ["class"])) : createCommentVNode("v-if", true),
                       createElementVNode("span", null, toDisplayString(_ctx.title), 1)
                     ], 2),
-                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                    _ctx.showClose ? (openBlock(), createBlock(_component_el_button, {
                       key: 0,
-                      type: "button",
+                      text: "",
                       class: normalizeClass(_ctx.ns.e("headerbtn")),
                       "aria-label": _ctx.t("el.messagebox.close"),
                       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel")),
                       onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
-                    }, [
-                      createVNode(_component_el_icon, {
-                        class: normalizeClass(_ctx.ns.e("close"))
-                      }, {
-                        default: withCtx(() => [
-                          _hoisted_3$1
-                        ]),
-                        _: 1
-                      }, 8, ["class"])
-                    ], 42, _hoisted_2$1)) : createCommentVNode("v-if", true)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_icon, {
+                          class: normalizeClass(_ctx.ns.e("close"))
+                        }, {
+                          default: withCtx(() => [
+                            _hoisted_2$1
+                          ]),
+                          _: 1
+                        }, 8, ["class"])
+                      ]),
+                      _: 1
+                    }, 8, ["class", "aria-label"])) : createCommentVNode("v-if", true)
                   ], 2)) : createCommentVNode("v-if", true),
                   createElementVNode("div", {
                     id: _ctx.contentId,
@@ -55876,7 +55890,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     ], 2), [
                       [vShow, _ctx.showInput]
                     ])
-                  ], 10, _hoisted_4$1),
+                  ], 10, _hoisted_3$1),
                   createElementVNode("div", {
                     class: normalizeClass(_ctx.ns.e("btns"))
                   }, [

package/es/components/affix/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Affix from './src/affix2.mjs';
-export { affixEmits, affixProps } from './src/affix.mjs';
+import Affix from './src/affix.mjs';
+export { affixEmits, affixProps } from './src/affix2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElAffix = withInstall(Affix);

package/es/components/affix/src/affix.mjs

@@ -1,32 +1,123 @@
+import { defineComponent, shallowRef, ref, computed, watch, onMounted, watchEffect, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot } from 'vue';
+import { useWindowSize, useElementBounding, useEventListener } from '@vueuse/core';
 import '../../../utils/index.mjs';
-import '../../../constants/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { isNumber, isBoolean } from '@vueuse/core';
-import { CHANGE_EVENT } from '../../../constants/event.mjs';
+import '../../../hooks/index.mjs';
+import { affixProps, affixEmits } from './affix2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { addUnit } from '../../../utils/dom/style.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { getScrollContainer } from '../../../utils/dom/scroll.mjs';
 
-const affixProps = buildProps({
-  zIndex: {
-    type: definePropType([Number, String]),
-    default: 100
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  offset: {
-    type: Number,
-    default: 0
-  },
-  position: {
-    type: String,
-    values: ["top", "bottom"],
-    default: "top"
+const COMPONENT_NAME = "ElAffix";
+const __default__ = defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: affixProps,
+  emits: affixEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const ns = useNamespace("affix");
+    const target = shallowRef();
+    const root = shallowRef();
+    const scrollContainer = shallowRef();
+    const { height: windowHeight } = useWindowSize();
+    const {
+      height: rootHeight,
+      width: rootWidth,
+      top: rootTop,
+      bottom: rootBottom,
+      update: updateRoot
+    } = useElementBounding(root, { windowScroll: false });
+    const targetRect = useElementBounding(target);
+    const fixed = ref(false);
+    const scrollTop = ref(0);
+    const transform = ref(0);
+    const rootStyle = computed(() => {
+      return {
+        height: fixed.value ? `${rootHeight.value}px` : "",
+        width: fixed.value ? `${rootWidth.value}px` : ""
+      };
+    });
+    const affixStyle = computed(() => {
+      if (!fixed.value)
+        return {};
+      const offset = props.offset ? addUnit(props.offset) : 0;
+      return {
+        height: `${rootHeight.value}px`,
+        width: `${rootWidth.value}px`,
+        top: props.position === "top" ? offset : "",
+        bottom: props.position === "bottom" ? offset : "",
+        transform: transform.value ? `translateY(${transform.value}px)` : "",
+        zIndex: props.zIndex
+      };
+    });
+    const update = () => {
+      if (!scrollContainer.value)
+        return;
+      scrollTop.value = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
+      if (props.position === "top") {
+        if (props.target) {
+          const difference = targetRect.bottom.value - props.offset - rootHeight.value;
+          fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0;
+          transform.value = difference < 0 ? difference : 0;
+        } else {
+          fixed.value = props.offset > rootTop.value;
+        }
+      } else if (props.target) {
+        const difference = windowHeight.value - targetRect.top.value - props.offset - rootHeight.value;
+        fixed.value = windowHeight.value - props.offset < rootBottom.value && windowHeight.value > targetRect.top.value;
+        transform.value = difference < 0 ? -difference : 0;
+      } else {
+        fixed.value = windowHeight.value - props.offset < rootBottom.value;
+      }
+    };
+    const handleScroll = () => {
+      updateRoot();
+      emit("scroll", {
+        scrollTop: scrollTop.value,
+        fixed: fixed.value
+      });
+    };
+    watch(fixed, (val) => emit("change", val));
+    onMounted(() => {
+      var _a;
+      if (props.target) {
+        target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
+        if (!target.value)
+          throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`);
+      } else {
+        target.value = document.documentElement;
+      }
+      scrollContainer.value = getScrollContainer(root.value, true);
+      updateRoot();
+    });
+    useEventListener(scrollContainer, "scroll", handleScroll);
+    watchEffect(update);
+    expose({
+      update,
+      updateRoot
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "root",
+        ref: root,
+        class: normalizeClass(unref(ns).b()),
+        style: normalizeStyle(unref(rootStyle))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass({ [unref(ns).m("fixed")]: fixed.value }),
+          style: normalizeStyle(unref(affixStyle))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 6)
+      ], 6);
+    };
   }
 });
-const affixEmits = {
-  scroll: ({ scrollTop, fixed }) => isNumber(scrollTop) && isBoolean(fixed),
-  [CHANGE_EVENT]: (fixed) => isBoolean(fixed)
-};
+var Affix = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\Haulistix\\beyond-ui\\packages\\components\\affix\\src\\affix.vue"]]);
 
-export { affixEmits, affixProps };
+export { Affix as default };
 //# sourceMappingURL=affix.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"affix.mjs","sources":["../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isBoolean,\n  isNumber,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\nimport type Affix from './affix.vue'\n\nexport const affixProps = buildProps({\n  /**\n   * @description affix element zIndex value\n   * */\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  /**\n   * @description target container. (CSS selector)\n   */\n  target: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description offset distance\n   * */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description position of affix\n   * */\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n\nexport const affixEmits = {\n  scroll: ({ scrollTop, fixed }: { scrollTop: number; fixed: boolean }) =>\n    isNumber(scrollTop) && isBoolean(fixed),\n  [CHANGE_EVENT]: (fixed: boolean) => isBoolean(fixed),\n}\nexport type AffixEmits = typeof affixEmits\n\nexport type AffixInstance = InstanceType<typeof Affix>\n"],"names":[],"mappings":";;;;;;AAOY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC7B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC;AAC3E,EAAE,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC;AAC7C;;;;"}
+{"version":3,"file":"affix.mjs","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n  <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n    <div :class=\"{ [ns.m('fixed')]: fixed }\" :style=\"affixStyle\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef, watch, watchEffect } from 'vue'\nimport {\n  useElementBounding,\n  useEventListener,\n  useWindowSize,\n} from '@vueuse/core'\nimport { addUnit, getScrollContainer, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElAffix'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\nconst { height: windowHeight } = useWindowSize()\nconst {\n  height: rootHeight,\n  width: rootWidth,\n  top: rootTop,\n  bottom: rootBottom,\n  update: updateRoot,\n} = useElementBounding(root, { windowScroll: false })\nconst targetRect = useElementBounding(target)\n\nconst fixed = ref(false)\nconst scrollTop = ref(0)\nconst transform = ref(0)\n\nconst rootStyle = computed<CSSProperties>(() => {\n  return {\n    height: fixed.value ? `${rootHeight.value}px` : '',\n    width: fixed.value ? `${rootWidth.value}px` : '',\n  }\n})\n\nconst affixStyle = computed<CSSProperties>(() => {\n  if (!fixed.value) return {}\n\n  const offset = props.offset ? addUnit(props.offset) : 0\n  return {\n    height: `${rootHeight.value}px`,\n    width: `${rootWidth.value}px`,\n    top: props.position === 'top' ? offset : '',\n    bottom: props.position === 'bottom' ? offset : '',\n    transform: transform.value ? `translateY(${transform.value}px)` : '',\n    zIndex: props.zIndex,\n  }\n})\n\nconst update = () => {\n  if (!scrollContainer.value) return\n\n  scrollTop.value =\n    scrollContainer.value instanceof Window\n      ? document.documentElement.scrollTop\n      : scrollContainer.value.scrollTop || 0\n\n  if (props.position === 'top') {\n    if (props.target) {\n      const difference =\n        targetRect.bottom.value - props.offset - rootHeight.value\n      fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0\n      transform.value = difference < 0 ? difference : 0\n    } else {\n      fixed.value = props.offset > rootTop.value\n    }\n  } else if (props.target) {\n    const difference =\n      windowHeight.value -\n      targetRect.top.value -\n      props.offset -\n      rootHeight.value\n    fixed.value =\n      windowHeight.value - props.offset < rootBottom.value &&\n      windowHeight.value > targetRect.top.value\n    transform.value = difference < 0 ? -difference : 0\n  } else {\n    fixed.value = windowHeight.value - props.offset < rootBottom.value\n  }\n}\n\nconst handleScroll = () => {\n  updateRoot()\n  emit('scroll', {\n    scrollTop: scrollTop.value,\n    fixed: fixed.value,\n  })\n}\n\nwatch(fixed, (val) => emit('change', val))\n\nonMounted(() => {\n  if (props.target) {\n    target.value =\n      document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!target.value)\n      throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`)\n  } else {\n    target.value = document.documentElement\n  }\n  scrollContainer.value = getScrollContainer(root.value!, true)\n  updateRoot()\n})\n\nuseEventListener(scrollContainer, 'scroll', handleScroll)\nwatchEffect(update)\n\ndefineExpose({\n  /** @description update affix status */\n  update,\n  /** @description update rootRect info */\n  updateRoot,\n})\n</script>\n"],"names":[],"mappings":"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"}