ele-admin-plus 1.2.2-beta.4 → 1.3.1-beta.1

package/es/ele-pro-form/components/pro-form-content.js

@@ -0,0 +1,292 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createBlock, unref, normalizeClass, createSlots, withCtx, createVNode, renderList, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, toDisplayString, mergeProps, createCommentVNode } from "vue";
+import VueDraggable from "vuedraggable";
+import { ElRow, ElCol } from "element-plus";
+import { sortableGroupName, isShowItem } from "../util";
+import ProFormItem from "./pro-form-item";
+import BuilderWrapper from "./builder-wrapper";
+const _hoisted_1 = { class: "ele-pro-form-builder-item-handle is-disabled" };
+const _hoisted_2 = { class: "ele-pro-form-builder-item-handle-content" };
+const _hoisted_3 = { class: "ele-pro-form-builder-item-tools" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProFormContent" },
+  __name: "pro-form-content",
+  props: {
+    model: {},
+    items: {},
+    rules: {},
+    grid: { type: Boolean },
+    rowProps: {},
+    contentExtraColProps: {},
+    formItems: {},
+    searchExpand: { type: Boolean },
+    parentItem: {},
+    editable: { type: Boolean },
+    sortDisabled: { type: Boolean },
+    containerSelectable: { type: Boolean },
+    activeItemKey: {}
+  },
+  emits: ["updateItemValue", "updateItemsData", "update:activeItemKey"],
+  setup(__props, { emit: __emit }) {
+    const ownSlots = ["default", "contentExtra"];
+    const props = __props;
+    const emit = __emit;
+    const handleUpdateItemsData = (items, parentItem) => {
+      emit("updateItemsData", items, parentItem);
+    };
+    const updateItemValue = (prop, value) => {
+      emit("updateItemValue", prop, value);
+    };
+    const handleUpdateModelValue = (items) => {
+      handleUpdateItemsData(items, props.parentItem);
+    };
+    const handleUpdateActiveItemKey = (activeKey) => {
+      emit("update:activeItemKey", activeKey);
+    };
+    const handleContainerBuilderWrapperClick = (e) => {
+      if (props.containerSelectable && props.parentItem && props.parentItem.key != null) {
+        e.stopPropagation();
+        handleUpdateActiveItemKey(props.parentItem.key);
+      }
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return !_ctx.grid ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _ctx.editable && !_ctx.sortDisabled ? (openBlock(), createBlock(unref(VueDraggable), {
+          key: 0,
+          itemKey: "key",
+          animation: 150,
+          modelValue: _ctx.items,
+          setData: () => void 0,
+          group: unref(sortableGroupName),
+          handle: ".ele-pro-form-builder-item-handle",
+          draggable: ".ele-pro-form-builder-item-wrapper",
+          class: normalizeClass([
+            "ele-pro-form-builder-container-wrapper",
+            { "is-selectable": _ctx.containerSelectable },
+            {
+              "is-active": _ctx.containerSelectable && _ctx.parentItem && _ctx.parentItem.key != null && _ctx.activeItemKey != null && _ctx.activeItemKey === _ctx.parentItem.key
+            }
+          ]),
+          "data-parent-key": ((_a = _ctx.parentItem) == null ? void 0 : _a.key) || "",
+          "data-active-key": _ctx.activeItemKey,
+          "onUpdate:modelValue": handleUpdateModelValue,
+          onClick: handleContainerBuilderWrapperClick
+        }, createSlots({
+          item: withCtx(({ element: item }) => [
+            createVNode(BuilderWrapper, {
+              item,
+              handle: true,
+              activeItemKey: _ctx.activeItemKey,
+              "onUpdate:activeItemKey": handleUpdateActiveItemKey
+            }, createSlots({
+              default: withCtx(() => [
+                createVNode(ProFormItem, {
+                  item,
+                  model: _ctx.model,
+                  rules: _ctx.rules,
+                  formItems: _ctx.formItems,
+                  searchExpand: _ctx.searchExpand,
+                  editable: _ctx.editable,
+                  activeItemKey: _ctx.activeItemKey,
+                  onUpdateItemValue: updateItemValue,
+                  onUpdateItemsData: handleUpdateItemsData,
+                  "onUpdate:activeItemKey": handleUpdateActiveItemKey
+                }, createSlots({ _: 2 }, [
+                  renderList(Object.keys(_ctx.$slots).filter(
+                    (k) => !ownSlots.includes(k)
+                  ), (name) => {
+                    return {
+                      name,
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                      ])
+                    };
+                  })
+                ]), 1032, ["item", "model", "rules", "formItems", "searchExpand", "editable", "activeItemKey"])
+              ]),
+              _: 2
+            }, [
+              _ctx.$slots.builderItemHandleContent ? {
+                name: "builderItemHandleContent",
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, "builderItemHandleContent", normalizeProps(guardReactiveProps(slotProps || {})))
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots.builderItemTools ? {
+                name: "builderItemTools",
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, "builderItemTools", normalizeProps(guardReactiveProps(slotProps || {})))
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1032, ["item", "activeItemKey"])
+          ]),
+          _: 2
+        }, [
+          _ctx.containerSelectable && _ctx.parentItem ? {
+            name: "footer",
+            fn: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                renderSlot(_ctx.$slots, "builderItemHandleContent", {
+                  item: _ctx.parentItem,
+                  activeItemKey: _ctx.activeItemKey
+                }, () => [
+                  createElementVNode("div", _hoisted_2, toDisplayString(_ctx.parentItem.type), 1)
+                ])
+              ]),
+              createElementVNode("div", _hoisted_3, [
+                renderSlot(_ctx.$slots, "builderItemTools", {
+                  item: _ctx.parentItem,
+                  activeItemKey: _ctx.activeItemKey
+                })
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue", "group", "class", "data-parent-key", "data-active-key"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: item.key ?? item.prop
+          }, [
+            unref(isShowItem)(item, _ctx.model, _ctx.formItems || _ctx.items, _ctx.searchExpand) ? (openBlock(), createBlock(ProFormItem, {
+              key: 0,
+              item,
+              model: _ctx.model,
+              rules: _ctx.rules,
+              formItems: _ctx.formItems,
+              searchExpand: _ctx.searchExpand,
+              editable: _ctx.editable,
+              activeItemKey: _ctx.activeItemKey,
+              onUpdateItemValue: updateItemValue,
+              onUpdateItemsData: handleUpdateItemsData,
+              "onUpdate:activeItemKey": handleUpdateActiveItemKey
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots).filter(
+                (k) => !ownSlots.includes(k)
+              ), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
+                  ])
+                };
+              })
+            ]), 1032, ["item", "model", "rules", "formItems", "searchExpand", "editable", "activeItemKey"])) : createCommentVNode("", true)
+          ], 64);
+        }), 128)),
+        renderSlot(_ctx.$slots, "contentExtra")
+      ], 64)) : (openBlock(), createBlock(unref(ElRow), normalizeProps(mergeProps({ key: 1 }, _ctx.rowProps || {})), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: item.key ?? item.prop
+            }, [
+              _ctx.editable && !_ctx.sortDisabled ? (openBlock(), createBlock(unref(ElCol), mergeProps({
+                key: 0,
+                ref_for: true
+              }, {
+                ..._ctx.grid === true ? { span: 12 } : _ctx.grid,
+                ...item.colProps || {}
+              }), {
+                default: withCtx(() => [
+                  createVNode(BuilderWrapper, {
+                    item,
+                    handle: false,
+                    activeItemKey: _ctx.activeItemKey,
+                    "onUpdate:activeItemKey": handleUpdateActiveItemKey
+                  }, createSlots({
+                    default: withCtx(() => [
+                      createVNode(ProFormItem, {
+                        item,
+                        model: _ctx.model,
+                        rules: _ctx.rules,
+                        formItems: _ctx.formItems,
+                        searchExpand: _ctx.searchExpand,
+                        editable: _ctx.editable,
+                        activeItemKey: _ctx.activeItemKey,
+                        onUpdateItemValue: updateItemValue,
+                        onUpdateItemsData: handleUpdateItemsData,
+                        "onUpdate:activeItemKey": handleUpdateActiveItemKey
+                      }, createSlots({ _: 2 }, [
+                        renderList(Object.keys(_ctx.$slots).filter(
+                          (k) => !ownSlots.includes(k)
+                        ), (name) => {
+                          return {
+                            name,
+                            fn: withCtx((slotProps) => [
+                              renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
+                            ])
+                          };
+                        })
+                      ]), 1032, ["item", "model", "rules", "formItems", "searchExpand", "editable", "activeItemKey"])
+                    ]),
+                    _: 2
+                  }, [
+                    _ctx.$slots.builderItemHandleContent ? {
+                      name: "builderItemHandleContent",
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, "builderItemHandleContent", mergeProps({ ref_for: true }, slotProps || {}))
+                      ]),
+                      key: "0"
+                    } : void 0,
+                    _ctx.$slots.builderItemTools ? {
+                      name: "builderItemTools",
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, "builderItemTools", mergeProps({ ref_for: true }, slotProps || {}))
+                      ]),
+                      key: "1"
+                    } : void 0
+                  ]), 1032, ["item", "activeItemKey"])
+                ]),
+                _: 2
+              }, 1040)) : unref(isShowItem)(item, _ctx.model, _ctx.formItems || _ctx.items, _ctx.searchExpand) ? (openBlock(), createBlock(unref(ElCol), mergeProps({
+                key: 1,
+                ref_for: true
+              }, {
+                ..._ctx.grid === true ? { span: 12 } : _ctx.grid,
+                ...item.colProps || {}
+              }), {
+                default: withCtx(() => [
+                  createVNode(ProFormItem, {
+                    item,
+                    model: _ctx.model,
+                    rules: _ctx.rules,
+                    formItems: _ctx.formItems,
+                    searchExpand: _ctx.searchExpand,
+                    editable: _ctx.editable,
+                    activeItemKey: _ctx.activeItemKey,
+                    onUpdateItemValue: updateItemValue,
+                    onUpdateItemsData: handleUpdateItemsData,
+                    "onUpdate:activeItemKey": handleUpdateActiveItemKey
+                  }, createSlots({ _: 2 }, [
+                    renderList(Object.keys(_ctx.$slots).filter(
+                      (k) => !ownSlots.includes(k)
+                    ), (name) => {
+                      return {
+                        name,
+                        fn: withCtx((slotProps) => [
+                          renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
+                        ])
+                      };
+                    })
+                  ]), 1032, ["item", "model", "rules", "formItems", "searchExpand", "editable", "activeItemKey"])
+                ]),
+                _: 2
+              }, 1040)) : createCommentVNode("", true)
+            ], 64);
+          }), 128)),
+          _ctx.$slots.contentExtra ? (openBlock(), createBlock(unref(ElCol), normalizeProps(mergeProps({ key: 0 }, _ctx.contentExtraColProps || {})), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "contentExtra")
+            ]),
+            _: 3
+          }, 16)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form/components/pro-form-footer.d.ts

@@ -0,0 +1,71 @@
+import { CSSProperties, PropType } from 'vue';
+import { ElFormItemProps, ElButtonProps, ElLinkProps } from '../../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 底栏 ElFormItem 属性 */
+    footerProps: PropType<ElFormItemProps>;
+    /** 底栏 ElFormItem 插槽 */
+    footerSlots: PropType<Record<string, string>>;
+    /** 底栏样式 */
+    footerStyle: PropType<CSSProperties>;
+    /** 提交按钮文本 */
+    submitText: StringConstructor;
+    /** 重置按钮文本 */
+    resetText: StringConstructor;
+    /** 提交按钮属性 */
+    submitButtonProps: PropType<ElButtonProps>;
+    /** 重置按钮属性 */
+    resetButtonProps: PropType<ElButtonProps>;
+    /** 是否在底栏显示表单展开收起按钮 */
+    showSearchExpand: BooleanConstructor;
+    /** 搜索表单展开状态 */
+    searchExpand: BooleanConstructor;
+    /** 展开和收起按钮属性 */
+    searchExpandButtonProps: PropType<ElLinkProps>;
+    /** 展开按钮的文字 */
+    searchExpandText: StringConstructor;
+    /** 收起按钮的文字 */
+    searchShrinkText: StringConstructor;
+}, {
+    ownSlots: string[];
+    toggleSearchExpand: () => void;
+    handleSubmit: () => void;
+    handleReset: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateSearchExpand: (_expand: boolean) => true;
+    submit: () => true;
+    reset: () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 底栏 ElFormItem 属性 */
+    footerProps: PropType<ElFormItemProps>;
+    /** 底栏 ElFormItem 插槽 */
+    footerSlots: PropType<Record<string, string>>;
+    /** 底栏样式 */
+    footerStyle: PropType<CSSProperties>;
+    /** 提交按钮文本 */
+    submitText: StringConstructor;
+    /** 重置按钮文本 */
+    resetText: StringConstructor;
+    /** 提交按钮属性 */
+    submitButtonProps: PropType<ElButtonProps>;
+    /** 重置按钮属性 */
+    resetButtonProps: PropType<ElButtonProps>;
+    /** 是否在底栏显示表单展开收起按钮 */
+    showSearchExpand: BooleanConstructor;
+    /** 搜索表单展开状态 */
+    searchExpand: BooleanConstructor;
+    /** 展开和收起按钮属性 */
+    searchExpandButtonProps: PropType<ElLinkProps>;
+    /** 展开按钮的文字 */
+    searchExpandText: StringConstructor;
+    /** 收起按钮的文字 */
+    searchShrinkText: StringConstructor;
+}>> & {
+    onReset?: (() => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+    onUpdateSearchExpand?: ((_expand: boolean) => any) | undefined;
+}, {
+    showSearchExpand: boolean;
+    searchExpand: boolean;
+}, {}>;
+export default _default;

package/es/ele-pro-form/components/pro-form-footer.js

@@ -0,0 +1,148 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot, createVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, createCommentVNode, renderList, normalizeProps, guardReactiveProps } from "vue";
+import { ElFormItem, ElButton, ElLink, ElIcon } from "element-plus";
+import { ArrowDown, ArrowUp } from "../../icons";
+const ownSlots = ["footer", "footerExtra"];
+const _sfc_main = defineComponent({
+  name: "ProFormFooter",
+  components: { ElFormItem, ElButton, ElLink, ElIcon, ArrowDown, ArrowUp },
+  props: {
+    /** 底栏 ElFormItem 属性 */
+    footerProps: Object,
+    /** 底栏 ElFormItem 插槽 */
+    footerSlots: Object,
+    /** 底栏样式 */
+    footerStyle: Object,
+    /** 提交按钮文本 */
+    submitText: String,
+    /** 重置按钮文本 */
+    resetText: String,
+    /** 提交按钮属性 */
+    submitButtonProps: Object,
+    /** 重置按钮属性 */
+    resetButtonProps: Object,
+    /** 是否在底栏显示表单展开收起按钮 */
+    showSearchExpand: Boolean,
+    /** 搜索表单展开状态 */
+    searchExpand: Boolean,
+    /** 展开和收起按钮属性 */
+    searchExpandButtonProps: Object,
+    /** 展开按钮的文字 */
+    searchExpandText: String,
+    /** 收起按钮的文字 */
+    searchShrinkText: String
+  },
+  emits: {
+    updateSearchExpand: (_expand) => true,
+    submit: () => true,
+    reset: () => true
+  },
+  setup(props, { emit }) {
+    const toggleSearchExpand = () => {
+      emit("updateSearchExpand", !props.searchExpand);
+    };
+    const handleSubmit = () => {
+      emit("submit");
+    };
+    const handleReset = () => {
+      emit("reset");
+    };
+    return {
+      ownSlots,
+      toggleSearchExpand,
+      handleSubmit,
+      handleReset
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b;
+  const _component_ElButton = resolveComponent("ElButton");
+  const _component_ArrowUp = resolveComponent("ArrowUp");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_ArrowDown = resolveComponent("ArrowDown");
+  const _component_ElLink = resolveComponent("ElLink");
+  const _component_ElFormItem = resolveComponent("ElFormItem");
+  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.footerProps || {}, {
+    labelWidth: typeof ((_a = _ctx.footerProps) == null ? void 0 : _a.labelWidth) === "number" ? `${_ctx.footerProps.labelWidth}px` : (_b = _ctx.footerProps) == null ? void 0 : _b.labelWidth
+  }), createSlots({
+    default: withCtx(() => [
+      createElementVNode("div", {
+        style: normalizeStyle({
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          ..._ctx.footerStyle || {}
+        })
+      }, [
+        renderSlot(_ctx.$slots, "footer", {}, () => [
+          createVNode(_component_ElButton, mergeProps({ type: "primary" }, _ctx.submitButtonProps || {}, { onClick: _ctx.handleSubmit }), {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.submitText), 1)
+            ]),
+            _: 1
+          }, 16, ["onClick"]),
+          createVNode(_component_ElButton, mergeProps(_ctx.resetButtonProps || {}, { onClick: _ctx.handleReset }), {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.resetText), 1)
+            ]),
+            _: 1
+          }, 16, ["onClick"])
+        ]),
+        _ctx.showSearchExpand ? (openBlock(), createBlock(_component_ElLink, mergeProps({
+          key: 0,
+          type: "primary",
+          underline: false,
+          style: { "margin-left": "12px" }
+        }, _ctx.searchExpandButtonProps || {}, { onClick: _ctx.toggleSearchExpand }), {
+          default: withCtx(() => [
+            _ctx.searchExpand ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("span", null, toDisplayString(_ctx.searchShrinkText), 1),
+              createVNode(_component_ElIcon, { style: { "vertical-align": "-1px" } }, {
+                default: withCtx(() => [
+                  createVNode(_component_ArrowUp)
+                ]),
+                _: 1
+              })
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createElementVNode("span", null, toDisplayString(_ctx.searchExpandText), 1),
+              createVNode(_component_ElIcon, { style: { "vertical-align": "-2px" } }, {
+                default: withCtx(() => [
+                  createVNode(_component_ArrowDown)
+                ]),
+                _: 1
+              })
+            ], 64))
+          ]),
+          _: 1
+        }, 16, ["onClick"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "footerExtra")
+      ], 4)
+    ]),
+    _: 2
+  }, [
+    renderList(Object.keys(_ctx.footerSlots || {}).filter(
+      (k) => !_ctx.ownSlots.includes(k) && !!(_ctx.footerSlots && _ctx.footerSlots[k] && _ctx.$slots[_ctx.footerSlots[k]])
+    ), (name) => {
+      return {
+        name,
+        fn: withCtx((slotProps) => {
+          var _a2;
+          return [
+            renderSlot(_ctx.$slots, (_a2 = _ctx.footerSlots) == null ? void 0 : _a2[name], normalizeProps(guardReactiveProps(slotProps || {})))
+          ];
+        })
+      };
+    })
+  ]), 1040, ["labelWidth"]);
+}
+const proFormFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  proFormFooter as default
+};

package/es/ele-pro-form/components/pro-form-item.d.ts

@@ -0,0 +1,59 @@
+import { FormRules } from 'element-plus';
+import { ProFormItemProps, ProFormItemKey } from '../types';
+
+declare function __VLS_template(): any;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项配置 */
+    item: ProFormItemProps;
+    /** 表单数据 */
+    model: Record<string, any>;
+    /** 验证规则 */
+    rules?: FormRules;
+    /** 全部的表单项 */
+    formItems?: ProFormItemProps[];
+    /** 搜索表单展开状态 */
+    searchExpand?: boolean;
+    /** 编辑模式 */
+    editable?: boolean;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateItemValue: (prop: string, value: unknown) => void;
+    updateItemsData: (items: ProFormItemProps[], parentItem?: ProFormItemProps | undefined) => void;
+    "update:activeItemKey": (activeKey?: string | number | symbol | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项配置 */
+    item: ProFormItemProps;
+    /** 表单数据 */
+    model: Record<string, any>;
+    /** 验证规则 */
+    rules?: FormRules;
+    /** 全部的表单项 */
+    formItems?: ProFormItemProps[];
+    /** 搜索表单展开状态 */
+    searchExpand?: boolean;
+    /** 编辑模式 */
+    editable?: boolean;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+}>>> & {
+    onUpdateItemValue?: ((prop: string, value: unknown) => any) | undefined;
+    onUpdateItemsData?: ((items: ProFormItemProps[], parentItem?: ProFormItemProps | undefined) => any) | undefined;
+    "onUpdate:activeItemKey"?: ((activeKey?: string | number | symbol | undefined) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};