zartui 3.0.1 → 3.0.3

package/lib/dropdown-item/index.d.ts

@@ -0,0 +1,64 @@
+import { DropdownItemProps } from './DropdownItem';
+export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: StringConstructor;
+    options: {
+        type: import("vue").PropType<import("./types").DropdownItemOption[]>;
+        default: () => import("./types").DropdownItemOption[];
+    };
+    disabled: BooleanConstructor;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    modelValueArray: {
+        type: import("vue").PropType<any[]>;
+        default: () => any[];
+    };
+    titleClass: import("vue").PropType<unknown>;
+    multiSelect: BooleanConstructor;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "update:modelValue" | "change" | "close" | "open" | "opened" | "closed" | "confirm")[], "reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    options: {
+        type: import("vue").PropType<import("./types").DropdownItemOption[]>;
+        default: () => import("./types").DropdownItemOption[];
+    };
+    disabled: BooleanConstructor;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    modelValueArray: {
+        type: import("vue").PropType<any[]>;
+        default: () => any[];
+    };
+    titleClass: import("vue").PropType<unknown>;
+    multiSelect: BooleanConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    lazyRender: boolean;
+    options: import("./types").DropdownItemOption[];
+    modelValueArray: any[];
+    multiSelect: boolean;
+}>>;
+export default DropdownItem;
+export { dropdownItemProps } from './DropdownItem';
+export type { DropdownItemProps };
+export type { DropdownItemInstance, DropdownItemOption } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtDropdownItem: typeof DropdownItem;
+    }
+}

package/lib/dropdown-item/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  DropdownItem: () => DropdownItem,
+  default: () => stdin_default,
+  dropdownItemProps: () => import_DropdownItem2.dropdownItemProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_DropdownItem = __toESM(require("./DropdownItem"));
+var import_DropdownItem2 = require("./DropdownItem");
+const DropdownItem = (0, import_utils.withInstall)(import_DropdownItem.default);
+var stdin_default = DropdownItem;

package/lib/dropdown-item/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/dropdown-item/style/index.js

@@ -0,0 +1,12 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../dropdown-menu/index.css");
+require("../../cell/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../loading/index.css");
+require("../../button/index.css");
+require("../../checkbox-group/index.css");
+require("../../checkbox/index.css");
+require("../index.css");

package/lib/dropdown-item/types.d.ts

@@ -0,0 +1,23 @@
+import type { DropdownItemProps } from './DropdownItem';
+import type { VNode, ComponentPublicInstance } from 'vue';
+import type { Numeric } from '../utils';
+export declare type DropdownItemOption = {
+    text: string;
+    icon?: string;
+    value: Numeric;
+    selected: boolean;
+};
+export declare type DropdownItemExpose = {
+    toggle: (show?: boolean, options?: {
+        immediate?: boolean;
+    }) => void;
+    /** @private */
+    state: {
+        showPopup: boolean;
+        transition: boolean;
+        showWrapper: boolean;
+    };
+    /** @private */
+    renderTitle: () => string | VNode[];
+};
+export declare type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;

package/lib/dropdown-item/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/dropdown-menu/DropdownMenu.d.ts

@@ -0,0 +1,82 @@
+import type { InjectionKey, ExtractPropTypes } from 'vue';
+import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
+export declare const dropdownMenuProps: {
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<DropdownMenuDirection>;
+        default: DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
+export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
+declare const _default: import("vue").DefineComponent<{
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<DropdownMenuDirection>;
+        default: DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<DropdownMenuDirection>;
+        default: DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>>, {
+    direction: DropdownMenuDirection;
+    overlay: boolean;
+    duration: string | number;
+    closeOnClickOverlay: boolean;
+    closeOnClickOutside: boolean;
+}>;
+export default _default;

package/lib/dropdown-menu/DropdownMenu.js

@@ -0,0 +1,167 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  DROPDOWN_KEY: () => DROPDOWN_KEY,
+  default: () => stdin_default,
+  dropdownMenuProps: () => dropdownMenuProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_icon = __toESM(require("../icon"));
+var import_utils = require("../utils");
+var import_use_id = require("../composables/use-id");
+var import_use = require("@zartui/use");
+const [name, bem] = (0, import_utils.createNamespace)("dropdown-menu");
+const dropdownMenuProps = {
+  overlay: import_utils.truthProp,
+  zIndex: import_utils.numericProp,
+  duration: (0, import_utils.makeNumericProp)(0.2),
+  direction: (0, import_utils.makeStringProp)("down"),
+  activeColor: String,
+  closeOnClickOutside: import_utils.truthProp,
+  closeOnClickOverlay: import_utils.truthProp
+};
+const DROPDOWN_KEY = Symbol(name);
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: dropdownMenuProps,
+  setup(props, {
+    slots
+  }) {
+    const id = (0, import_use_id.useId)();
+    const root = (0, import_vue2.ref)();
+    const barRef = (0, import_vue2.ref)();
+    const offset = (0, import_vue2.ref)(0);
+    const {
+      children,
+      linkChildren
+    } = (0, import_use.useChildren)(DROPDOWN_KEY);
+    const scrollParent = (0, import_use.useScrollParent)(root);
+    const opened = (0, import_vue2.computed)(() => children.some((item) => item.state.showWrapper));
+    const barStyle = (0, import_vue2.computed)(() => {
+      if (opened.value && (0, import_utils.isDef)(props.zIndex)) {
+        return {
+          zIndex: +props.zIndex + 1
+        };
+      }
+    });
+    const onClickAway = () => {
+      if (props.closeOnClickOutside) {
+        children.forEach((item) => {
+          item.toggle(false);
+        });
+      }
+    };
+    const updateOffset = () => {
+      if (barRef.value) {
+        const rect = (0, import_use.useRect)(barRef);
+        if (props.direction === "down") {
+          offset.value = rect.bottom;
+        } else {
+          offset.value = import_utils.windowHeight.value - rect.top;
+        }
+      }
+    };
+    const onScroll = () => {
+      if (opened.value) {
+        updateOffset();
+      }
+    };
+    const toggleItem = (active) => {
+      children.forEach((item, index) => {
+        if (index === active) {
+          updateOffset();
+          item.toggle();
+        } else if (item.state.showPopup) {
+          item.toggle(false, {
+            immediate: true
+          });
+        }
+      });
+    };
+    const renderTitle = (item, index) => {
+      const {
+        showPopup
+      } = item.state;
+      const {
+        disabled,
+        titleClass
+      } = item;
+      return (0, import_vue.createVNode)("div", {
+        "id": `${id}-${index}`,
+        "role": "button",
+        "tabindex": disabled ? void 0 : 0,
+        "class": [bem("item", {
+          disabled
+        }), {
+          [import_utils.HAPTICS_FEEDBACK]: !disabled
+        }],
+        "onClick": () => {
+          if (!disabled) {
+            toggleItem(index);
+          }
+        }
+      }, [(0, import_vue.createVNode)("span", {
+        "class": [bem("title", {
+          down: showPopup === (props.direction === "down"),
+          active: showPopup
+        }), titleClass],
+        "style": {
+          color: showPopup ? props.activeColor : ""
+        }
+      }, [(0, import_vue.createVNode)("div", {
+        "class": "zt-ellipsis",
+        "style": "padding-right: 18px"
+      }, [slots.title || item.renderTitle(), slots.icon || (0, import_vue.createVNode)(import_icon.default, {
+        "class": bem("icon"),
+        "name": "spinner-expand"
+      }, null)])])]);
+    };
+    linkChildren({
+      id,
+      props,
+      offset
+    });
+    (0, import_use.useClickAway)(root, onClickAway);
+    (0, import_use.useEventListener)("scroll", onScroll, {
+      target: scrollParent,
+      passive: true
+    });
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "ref": root,
+        "class": bem()
+      }, [(0, import_vue.createVNode)("div", {
+        "ref": barRef,
+        "style": barStyle.value,
+        "class": bem("bar", {
+          opened: opened.value
+        })
+      }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});

package/lib/dropdown-menu/index.css

@@ -0,0 +1 @@
+:root{--zt-dropdown-menu-height: 36px;--zt-dropdown-menu-width: 50%;--zt-dropdown-menu-background: var(--zt-background-2);--zt-dropdown-menu-bar-padding: 0 12px;--zt-dropdown-menu-item-margin: 12px 4px;--zt-dropdown-menu-item-padding: 0 12px;--zt-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--zt-dropdown-menu-title-font-size: 14px;--zt-dropdown-menu-border-radius: 18px;--zt-dropdown-menu-title-text-color: var(--zt-text-color);--zt-dropdown-menu-title-active-text-color: var(--zt-primary-color);--zt-dropdown-menu-title-disabled-text-color: var(--zt-text-color-2);--zt-dropdown-menu-title-padding: 0 var(--zt-padding-sm);--zt-dropdown-menu-title-line-height: var(--zt-line-height-xs);--zt-dropdown-menu-option-active-color: var(--zt-primary-color);--zt-dropdown-menu-content-max-height: 80%}.zt-dropdown-menu{-webkit-user-select:none;user-select:none}.zt-dropdown-menu__bar{position:relative;display:flex;padding:var(--zt-dropdown-menu-bar-padding);align-items:center}.zt-dropdown-menu__bar--opened{z-index:calc(var(--zt-dropdown-item-z-index) + 1)}.zt-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;background:var(--zt-dropdown-menu-background);min-width:0;margin:var(--zt-dropdown-menu-item-margin);height:var(--zt-dropdown-menu-height);border-radius:var(--zt-dropdown-menu-border-radius);padding:var(--zt-dropdown-menu-item-padding);line-height:var(--zt-dropdown-menu-title-line-height);cursor:pointer}.zt-dropdown-menu__item:last-child{margin-right:0}.zt-dropdown-menu__item:active{opacity:.7}.zt-dropdown-menu__item--disabled:active{opacity:1}.zt-dropdown-menu__item--disabled .zt-dropdown-menu__title{color:var(--zt-dropdown-menu-title-disabled-text-color)}.zt-dropdown-menu__title{position:relative;box-sizing:border-box;width:100%;color:var(--zt-dropdown-menu-title-text-color);font-size:var(--zt-dropdown-menu-title-font-size)}.zt-dropdown-menu__title .zt-icon{position:absolute;right:0;margin-top:1px;color:var(--zt-gray-4)}.zt-dropdown-menu__title--active{color:var(--zt-dropdown-menu-title-active-text-color)}.zt-dropdown-menu__title--active .zt-icon{color:currentColor}.zt-dropdown-menu__title--active .zt-dropdown-menu__icon{transform:rotate(180deg)}.zt-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}

package/lib/dropdown-menu/index.d.ts

@@ -0,0 +1,63 @@
+import { DropdownMenuProps } from './DropdownMenu';
+export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
+        default: import("./types").DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
+        default: import("./types").DropdownMenuDirection;
+    };
+    activeColor: StringConstructor;
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>>, {
+    direction: import("./types").DropdownMenuDirection;
+    overlay: boolean;
+    duration: string | number;
+    closeOnClickOverlay: boolean;
+    closeOnClickOutside: boolean;
+}>>;
+export default DropdownMenu;
+export { dropdownMenuProps } from './DropdownMenu';
+export type { DropdownMenuProps };
+export type { DropdownMenuDirection } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtDropdownMenu: typeof DropdownMenu;
+    }
+}

package/lib/dropdown-menu/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  DropdownMenu: () => DropdownMenu,
+  default: () => stdin_default,
+  dropdownMenuProps: () => import_DropdownMenu2.dropdownMenuProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_DropdownMenu = __toESM(require("./DropdownMenu"));
+var import_DropdownMenu2 = require("./DropdownMenu");
+const DropdownMenu = (0, import_utils.withInstall)(import_DropdownMenu.default);
+var stdin_default = DropdownMenu;

package/lib/dropdown-menu/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/dropdown-menu/style/index.js

@@ -0,0 +1,4 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../index.css");

package/lib/dropdown-menu/types.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from 'vue';
+import type { DropdownMenuProps } from './DropdownMenu';
+export declare type DropdownMenuDirection = 'up' | 'down';
+export declare type DropdownMenuProvide = {
+    id: string;
+    props: DropdownMenuProps;
+    offset: Ref<number>;
+};

package/lib/dropdown-menu/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/empty/Empty.d.ts

@@ -1,4 +1,5 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
+import type { ExtractPropTypes } from 'vue';
 import { Numeric } from '../utils';
 declare const emptyProps: {
     image: {

package/lib/empty/Empty.js

@@ -26,11 +26,16 @@ var import_utils = require("../utils");
 var import_Images = require("./Images");
 const [name, bem] = (0, import_utils.createNamespace)("empty");
 const PRESET_IMAGES = {
-  default: import_Images.renderError,
-  error: import_Images.renderError,
-  "not-found": import_Images.renderNotFound,
+  default: import_Images.renderNotFound,
+  error: import_Images.renderNotFound,
+  "not-found": import_Images.renderFindNull,
   "no-search-result": import_Images.renderEmptyResult,
-  developing: import_Images.renderDeveloping
+  developing: import_Images.renderDeveloping,
+  "internal-server-error": import_Images.renderServerError,
+  "access-restricted": import_Images.renderAccessRestricted,
+  "network-error": import_Images.renderNetworkError,
+  "empty-interface": import_Images.renderEmptyInterface,
+  "report-success": import_Images.renderReportSuccess
 };
 const emptyProps = {
   image: (0, import_utils.makeStringProp)("default"),

package/lib/empty/Images.d.ts

@@ -1,4 +1,9 @@
-export declare const renderError: () => JSX.Element;
-export declare const renderEmptyResult: () => JSX.Element;
 export declare const renderNotFound: () => JSX.Element;
+export declare const renderServerError: () => JSX.Element;
+export declare const renderAccessRestricted: () => JSX.Element;
 export declare const renderDeveloping: () => JSX.Element;
+export declare const renderNetworkError: () => JSX.Element;
+export declare const renderEmptyResult: () => JSX.Element;
+export declare const renderFindNull: () => JSX.Element;
+export declare const renderEmptyInterface: () => JSX.Element;
+export declare const renderReportSuccess: () => JSX.Element;