ele-admin-plus 1.3.0-beta.3 → 1.3.0

package/lib/ele-basic-select/index.cjs

@@ -5,20 +5,14 @@ const icons = require("../icons");
 const EleTooltip = require("../ele-tooltip/index");
 const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const props = require("./props");
-const _sfc_main = vue.defineComponent({
-  name: "EleBasicSelect",
-  components: {
-    ElInput: elementPlus.ElInput,
-    ElIcon: elementPlus.ElIcon,
-    ElTag: elementPlus.ElTag,
-    CloseCircleFilled: icons.CloseCircleFilled,
-    ArrowDown: icons.ArrowDown,
-    EleTooltip,
-    ReceiverView
-  },
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "EleBasicSelect" },
+  __name: "index",
   props: props.basicSelectProps,
   emits: props.basicSelectEmits,
-  setup(props2, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emit = __emit;
     const tooltipRef = vue.ref(null);
     const inputRef = vue.ref(null);
     const searchRef = vue.ref(null);
@@ -145,15 +139,10 @@ const _sfc_main = vue.defineComponent({
         }
       }
     );
-    return {
+    __expose({
       tooltipRef,
       inputRef,
       searchRef,
-      inputValue,
-      searchValue,
-      isEmpty,
-      inputPlaceholder,
-      isCollapse,
       currentTags,
       omittedTags,
       omittedSize,
@@ -161,188 +150,170 @@ const _sfc_main = vue.defineComponent({
       focusSearchInput,
       updateSearchValue,
       updateInputValue,
-      updateVisible,
-      handleTagClose,
-      handleClear,
-      handleInputClick,
-      handleInputFocus,
-      handleInputBlur,
-      handleInputEsc
-    };
-  }
-});
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ArrowDown = vue.resolveComponent("ArrowDown");
-  const _component_ElInput = vue.resolveComponent("ElInput");
-  const _component_ElTag = vue.resolveComponent("ElTag");
-  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
-  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
-  return vue.openBlock(), vue.createBlock(_component_EleTooltip, {
-    ref: "tooltipRef",
-    trigger: "click",
-    visible: _ctx.visible,
-    disabled: _ctx.disabled,
-    placement: _ctx.placement,
-    teleported: _ctx.teleported,
-    width: _ctx.popperWidth,
-    popperClass: _ctx.popperClass,
-    popperOptions: _ctx.popperOptions,
-    transition: _ctx.transition,
-    gpuAcceleration: _ctx.transition === "el-fade-in-linear",
-    effect: "light",
-    persistent: true,
-    isPopover: true,
-    triggerKeys: [],
-    "onUpdate:visible": _ctx.updateVisible
-  }, {
-    body: vue.withCtx(() => [
-      _ctx.persistent || _ctx.visible ? (vue.openBlock(), vue.createBlock(_component_ReceiverView, {
-        key: 0,
-        class: "ele-popover-body",
-        onClick: _ctx.focusSearchInput
+      updateVisible
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(EleTooltip, {
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        trigger: "click",
+        visible: _ctx.visible,
+        disabled: _ctx.disabled,
+        placement: _ctx.placement,
+        teleported: _ctx.teleported,
+        width: _ctx.popperWidth,
+        popperClass: _ctx.popperClass,
+        popperOptions: _ctx.popperOptions,
+        transition: _ctx.transition,
+        gpuAcceleration: _ctx.transition === "el-fade-in-linear",
+        effect: "light",
+        persistent: true,
+        isPopover: true,
+        triggerKeys: [],
+        "onUpdate:visible": updateVisible
       }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["onClick"])) : vue.createCommentVNode("", true)
-    ]),
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass([
-          "ele-select",
-          _ctx.selectClass,
-          { "is-empty": _ctx.isEmpty },
-          { "is-multiple": _ctx.multiple },
-          { "is-disabled": _ctx.disabled },
-          { "is-filterable": _ctx.filterable },
-          { "is-small": _ctx.size === "small" },
-          { "is-large": _ctx.size === "large" },
-          { "is-opened": _ctx.visible }
-        ]),
-        style: vue.normalizeStyle(_ctx.selectStyle)
-      }, [
-        vue.createVNode(_component_ElInput, {
-          ref: "inputRef",
-          size: _ctx.size,
-          disabled: _ctx.disabled,
-          validateEvent: false,
-          modelValue: _ctx.inputValue,
-          placeholder: _ctx.filterable && _ctx.multiple && _ctx.visible ? "" : _ctx.inputPlaceholder,
-          readonly: !_ctx.filterable || !_ctx.visible || _ctx.multiple,
-          style: vue.normalizeStyle(_ctx.inputStyle),
-          "onUpdate:modelValue": _ctx.updateInputValue,
-          onClick: _ctx.handleInputClick,
-          onFocus: _ctx.handleInputFocus,
-          onBlur: _ctx.handleInputBlur,
-          onKeydown: vue.withKeys(_ctx.handleInputEsc, ["esc"])
-        }, vue.createSlots({
-          suffix: vue.withCtx(() => [
-            _ctx.clearable && !_ctx.disabled && !_ctx.isEmpty ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
-              key: 0,
-              class: "ele-select-clear el-input__icon",
-              onClick: vue.withModifiers(_ctx.handleClear, ["stop"])
-            }, {
-              default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "clearIcon", {}, () => [
-                  vue.createVNode(_component_CloseCircleFilled)
-                ])
-              ]),
-              _: 3
-            }, 8, ["onClick"])) : vue.createCommentVNode("", true),
-            vue.createVNode(_component_ElIcon, { class: "ele-select-arrow el-input__icon" }, {
-              default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "suffixIcon", { visible: _ctx.visible }, () => [
-                  vue.createVNode(_component_ArrowDown)
-                ])
-              ]),
-              _: 3
-            })
-          ]),
-          _: 2
-        }, [
-          _ctx.$slots.prefix ? {
-            name: "prefix",
-            fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "prefix")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onClick", "onFocus", "onBlur", "onKeydown"]),
-        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "ele-select-tags",
-          style: vue.normalizeStyle(_ctx.selectTagsStyle)
-        }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.currentTags, (item, index2) => {
-            return vue.openBlock(), vue.createBlock(_component_ElTag, {
-              key: index2 + "-" + item.value,
-              size: _ctx.size,
-              type: _ctx.tagType,
-              closable: !_ctx.disabled,
-              disableTransitions: true,
-              title: item.label,
-              onClose: ($event) => _ctx.handleTagClose(item)
-            }, {
-              default: vue.withCtx(() => [
-                item.label && _ctx.maxTagTextLength && item.label.length > _ctx.maxTagTextLength ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  vue.createTextVNode(vue.toDisplayString(item.label.slice(0, _ctx.maxTagTextLength)) + "... ", 1)
-                ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  vue.createTextVNode(vue.toDisplayString(item.label), 1)
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["size", "type", "closable", "title", "onClose"]);
-          }), 128)),
-          _ctx.isCollapse ? (vue.openBlock(), vue.createBlock(_component_ElTag, {
+        body: vue.withCtx(() => [
+          _ctx.persistent || _ctx.visible ? (vue.openBlock(), vue.createBlock(ReceiverView, {
             key: 0,
-            size: _ctx.size,
-            type: _ctx.tagType,
-            disableTransitions: true
+            class: "ele-popover-body",
+            onClick: focusSearchInput
           }, {
             default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "maxTagPlaceholder", {
-                omittedValues: _ctx.omittedTags,
-                omittedSize: _ctx.omittedSize
-              }, () => [
-                vue.createTextVNode(" +" + vue.toDisplayString(_ctx.omittedSize), 1)
-              ])
+              vue.renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["size", "type"])) : vue.createCommentVNode("", true),
-          !_ctx.disabled && _ctx.filterable ? (vue.openBlock(), vue.createBlock(_component_ElTag, {
-            key: 1,
-            size: _ctx.size,
-            disableTransitions: true,
-            class: "ele-select-search"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_ElInput, {
-                ref: "searchRef",
-                size: _ctx.size,
-                validateEvent: false,
-                modelValue: _ctx.searchValue,
-                placeholder: _ctx.inputPlaceholder,
-                "onUpdate:modelValue": _ctx.updateSearchValue,
-                onKeydown: vue.withKeys(_ctx.handleInputEsc, ["esc"])
-              }, null, 8, ["size", "modelValue", "placeholder", "onUpdate:modelValue", "onKeydown"])
+          })) : vue.createCommentVNode("", true)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([
+              "ele-select",
+              _ctx.selectClass,
+              { "is-empty": isEmpty.value },
+              { "is-multiple": _ctx.multiple },
+              { "is-disabled": _ctx.disabled },
+              { "is-filterable": _ctx.filterable },
+              { "is-small": _ctx.size === "small" },
+              { "is-large": _ctx.size === "large" },
+              { "is-opened": _ctx.visible }
             ]),
-            _: 1
-          }, 8, ["size"])) : vue.createCommentVNode("", true)
-        ], 4)) : vue.createCommentVNode("", true)
-      ], 6)
-    ]),
-    _: 3
-  }, 8, ["visible", "disabled", "placement", "teleported", "width", "popperClass", "popperOptions", "transition", "gpuAcceleration", "onUpdate:visible"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = index;
+            style: vue.normalizeStyle(_ctx.selectStyle)
+          }, [
+            vue.createVNode(vue.unref(elementPlus.ElInput), {
+              ref_key: "inputRef",
+              ref: inputRef,
+              size: _ctx.size,
+              disabled: _ctx.disabled,
+              validateEvent: false,
+              modelValue: inputValue.value,
+              placeholder: _ctx.filterable && _ctx.multiple && _ctx.visible ? "" : inputPlaceholder.value,
+              readonly: !_ctx.filterable || !_ctx.visible || _ctx.multiple,
+              style: vue.normalizeStyle(_ctx.inputStyle),
+              "onUpdate:modelValue": updateInputValue,
+              onClick: handleInputClick,
+              onFocus: handleInputFocus,
+              onBlur: handleInputBlur,
+              onKeydown: vue.withKeys(handleInputEsc, ["esc"])
+            }, vue.createSlots({
+              suffix: vue.withCtx(() => [
+                _ctx.clearable && !_ctx.disabled && !isEmpty.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                  key: 0,
+                  class: "ele-select-clear el-input__icon",
+                  onClick: vue.withModifiers(handleClear, ["stop"])
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "clearIcon", {}, () => [
+                      vue.createVNode(vue.unref(icons.CloseCircleFilled))
+                    ])
+                  ]),
+                  _: 3
+                })) : vue.createCommentVNode("", true),
+                vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "ele-select-arrow el-input__icon" }, {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "suffixIcon", { visible: _ctx.visible }, () => [
+                      vue.createVNode(vue.unref(icons.ArrowDown))
+                    ])
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 2
+            }, [
+              _ctx.$slots.prefix ? {
+                name: "prefix",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "prefix")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style"]),
+            _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "ele-select-tags",
+              style: vue.normalizeStyle(_ctx.selectTagsStyle)
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentTags.value, (item, index) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTag), {
+                  key: index + "-" + item.value,
+                  size: _ctx.size,
+                  type: _ctx.tagType,
+                  closable: !_ctx.disabled,
+                  disableTransitions: true,
+                  title: item.label,
+                  onClose: ($event) => handleTagClose(item)
+                }, {
+                  default: vue.withCtx(() => [
+                    item.label && _ctx.maxTagTextLength && item.label.length > _ctx.maxTagTextLength ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                      vue.createTextVNode(vue.toDisplayString(item.label.slice(0, _ctx.maxTagTextLength)) + "... ", 1)
+                    ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                    ], 64))
+                  ]),
+                  _: 2
+                }, 1032, ["size", "type", "closable", "title", "onClose"]);
+              }), 128)),
+              isCollapse.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTag), {
+                key: 0,
+                size: _ctx.size,
+                type: _ctx.tagType,
+                disableTransitions: true
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "maxTagPlaceholder", {
+                    omittedValues: omittedTags.value,
+                    omittedSize: omittedSize.value
+                  }, () => [
+                    vue.createTextVNode(" +" + vue.toDisplayString(omittedSize.value), 1)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["size", "type"])) : vue.createCommentVNode("", true),
+              !_ctx.disabled && _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTag), {
+                key: 1,
+                size: _ctx.size,
+                disableTransitions: true,
+                class: "ele-select-search"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(elementPlus.ElInput), {
+                    ref_key: "searchRef",
+                    ref: searchRef,
+                    size: _ctx.size,
+                    validateEvent: false,
+                    modelValue: searchValue.value,
+                    placeholder: inputPlaceholder.value,
+                    "onUpdate:modelValue": updateSearchValue,
+                    onKeydown: vue.withKeys(handleInputEsc, ["esc"])
+                  }, null, 8, ["size", "modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["size"])) : vue.createCommentVNode("", true)
+            ], 4)) : vue.createCommentVNode("", true)
+          ], 6)
+        ]),
+        _: 3
+      }, 8, ["visible", "disabled", "placement", "teleported", "width", "popperClass", "popperOptions", "transition", "gpuAcceleration"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-basic-select/index.d.ts

@@ -2,7 +2,19 @@ import { ElInputInstance } from '../ele-app/el';
 import { EleTooltipInstance } from '../ele-app/plus';
 import { SelectedItem } from './types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    prefix?(_: {}): any;
+    clearIcon?(_: {}): any;
+    suffixIcon?(_: {
+        visible: boolean;
+    }): any;
+    maxTagPlaceholder?(_: {
+        omittedValues: SelectedItem[];
+        omittedSize: number;
+    }): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     value: {
         type: import('vue').PropType<import('./types').SelectValue>;
         default: () => null;
@@ -34,15 +46,10 @@ declare const _default: import('vue').DefineComponent<{
     selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-}, {
-    tooltipRef: import('vue').Ref<EleTooltipInstance>;
-    inputRef: import('vue').Ref<ElInputInstance>;
-    searchRef: import('vue').Ref<ElInputInstance>;
-    inputValue: import('vue').Ref<string>;
-    searchValue: import('vue').Ref<string>;
-    isEmpty: import('vue').ComputedRef<boolean>;
-    inputPlaceholder: import('vue').ComputedRef<string>;
-    isCollapse: import('vue').ComputedRef<boolean>;
+}>, {
+    tooltipRef: import('vue').Ref<EleTooltipInstance, EleTooltipInstance>;
+    inputRef: import('vue').Ref<ElInputInstance, ElInputInstance>;
+    searchRef: import('vue').Ref<ElInputInstance, ElInputInstance>;
     currentTags: import('vue').ComputedRef<SelectedItem[]>;
     omittedTags: import('vue').ComputedRef<SelectedItem[]>;
     omittedSize: import('vue').ComputedRef<number>;
@@ -51,19 +58,13 @@ declare const _default: import('vue').DefineComponent<{
     updateSearchValue: (modelValue: string) => void;
     updateInputValue: (modelValue: string) => void;
     updateVisible: (visible: boolean) => void;
-    handleTagClose: (item: SelectedItem) => void;
-    handleClear: () => void;
-    handleInputClick: (e: MouseEvent) => void;
-    handleInputFocus: (e: FocusEvent) => void;
-    handleInputBlur: (e: FocusEvent) => void;
-    handleInputEsc: (e: FocusEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:visible': (_visible: boolean) => boolean;
-    removeTag: (_item: SelectedItem) => boolean;
-    clear: () => boolean;
-    focus: (_e: FocusEvent) => boolean;
-    blur: (_e: FocusEvent) => boolean;
-    filterChange: (_value: string) => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (_e: FocusEvent) => void;
+    blur: (_e: FocusEvent) => void;
+    clear: () => void;
+    "update:visible": (_visible: boolean) => void;
+    filterChange: (_value: string) => void;
+    removeTag: (_item: SelectedItem) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: import('vue').PropType<import('./types').SelectValue>;
@@ -96,14 +97,14 @@ declare const _default: import('vue').DefineComponent<{
     selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-}>> & {
+}>> & Readonly<{
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onFilterChange?: ((_value: string) => any) | undefined;
-}, {
+    onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
+}>, {
     value: import('./types').SelectValue;
     teleported: boolean;
     clearable: boolean;
@@ -112,7 +113,13 @@ declare const _default: import('vue').DefineComponent<{
     persistent: boolean;
     visible: boolean;
     transition: string;
-    multiple: boolean;
     automaticDropdown: boolean;
-}, {}>;
+    multiple: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-bottom-bar/index.cjs

@@ -2,10 +2,11 @@
 const vue = require("vue");
 const util = require("../ele-pro-layout/util");
 const props = require("./props");
-const _sfc_main = vue.defineComponent({
-  name: "EleBottomBar",
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "EleBottomBar" },
+  __name: "index",
   props: props.bottomBarProps,
-  setup() {
+  setup(__props) {
     const layoutState = util.useLayoutState();
     const isActivated = vue.ref(true);
     const teleportTo = vue.computed(() => {
@@ -18,38 +19,29 @@ const _sfc_main = vue.defineComponent({
     vue.onDeactivated(() => {
       isActivated.value = false;
     });
-    return { isActivated, teleportTo };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Teleport, {
+        to: teleportTo.value,
+        disabled: !_ctx.teleported || !teleportTo.value
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["ele-bottom-bar", { "is-deactivated": !isActivated.value }])
+        }, [
+          vue.createElementVNode("div", {
+            class: "ele-bottom-bar-body",
+            style: vue.normalizeStyle(_ctx.bodyStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 4),
+          vue.createElementVNode("div", {
+            class: "ele-bottom-bar-extra",
+            style: vue.normalizeStyle(_ctx.extraStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "extra")
+          ], 4)
+        ], 2)
+      ], 8, ["to", "disabled"]);
+    };
   }
 });
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock(vue.Teleport, {
-    to: _ctx.teleportTo,
-    disabled: !_ctx.teleported || !_ctx.teleportTo
-  }, [
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(["ele-bottom-bar", { "is-deactivated": !_ctx.isActivated }])
-    }, [
-      vue.createElementVNode("div", {
-        class: "ele-bottom-bar-body",
-        style: vue.normalizeStyle(_ctx.bodyStyle)
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 4),
-      vue.createElementVNode("div", {
-        class: "ele-bottom-bar-extra",
-        style: vue.normalizeStyle(_ctx.extraStyle)
-      }, [
-        vue.renderSlot(_ctx.$slots, "extra")
-      ], 4)
-    ], 2)
-  ], 8, ["to", "disabled"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = index;
+module.exports = _sfc_main;

package/lib/ele-bottom-bar/index.d.ts

@@ -1,15 +1,22 @@
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    extra?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     teleported: BooleanConstructor;
-}, {
-    isActivated: import('vue').Ref<boolean>;
-    teleportTo: import('vue').ComputedRef<HTMLElement | null | undefined>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     teleported: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     teleported: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};