zartui 0.1.113 → 3.0.1

package/lib/number-keyboard/NumberKeyboardKey.js

@@ -0,0 +1,114 @@
+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, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use_touch = require("../composables/use-touch");
+var import_loading = require("../loading");
+var import_icon = __toESM(require("../icon"));
+const [name, bem] = (0, import_utils.createNamespace)("key");
+const CollapseIcon = (0, import_vue.createVNode)(import_icon.default, {
+  "name": "keyboard-shrink",
+  "size": "40"
+}, null);
+const DeleteIcon = (0, import_vue.createVNode)(import_icon.default, {
+  "name": "backspace",
+  "size": "40"
+}, null);
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: {
+    type: String,
+    text: import_utils.numericProp,
+    color: String,
+    wider: Boolean,
+    large: Boolean,
+    loading: Boolean
+  },
+  emits: ["press"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const active = (0, import_vue2.ref)(false);
+    const touch = (0, import_use_touch.useTouch)();
+    const onTouchStart = (event) => {
+      touch.start(event);
+      active.value = true;
+    };
+    const onTouchMove = (event) => {
+      touch.move(event);
+      if (touch.direction.value) {
+        active.value = false;
+      }
+    };
+    const onTouchEnd = (event) => {
+      if (active.value) {
+        if (!slots.default) {
+          (0, import_utils.preventDefault)(event);
+        }
+        active.value = false;
+        emit("press", props.text, props.type);
+      }
+    };
+    const renderContent = () => {
+      if (props.loading) {
+        return (0, import_vue.createVNode)(import_loading.Loading, {
+          "class": bem("loading-icon")
+        }, null);
+      }
+      const text = slots.default ? slots.default() : props.text;
+      switch (props.type) {
+        case "delete":
+          return text || DeleteIcon;
+        case "extra":
+          return text || CollapseIcon;
+        default:
+          return text;
+      }
+    };
+    return () => (0, import_vue.createVNode)("div", {
+      "class": bem("wrapper", {
+        wider: props.wider
+      }),
+      "onTouchstart": onTouchStart,
+      "onTouchmove": onTouchMove,
+      "onTouchend": onTouchEnd,
+      "onTouchcancel": onTouchEnd
+    }, [(0, import_vue.createVNode)("div", {
+      "role": "button",
+      "tabindex": 0,
+      "class": bem([props.color, {
+        large: props.large,
+        active: active.value,
+        delete: props.type === "delete"
+      }])
+    }, [renderContent()])]);
+  }
+});

package/lib/number-keyboard/index.css

@@ -1 +1 @@
-.zt-number-keyboard{position:fixed;bottom:0;left:0;z-index:100;width:calc(100% - 24px);padding:16px 8px 8px 16px;background-color:#f2f3f5;-webkit-user-select:none;user-select:none}.zt-number-keyboard--with-title{border-radius:20px 20px 0 0}.zt-number-keyboard__header{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.zt-number-keyboard__title{display:inline-block;font-weight:400}.zt-number-keyboard__title-left{position:absolute;left:0}.zt-number-keyboard__body{display:-webkit-box;display:-webkit-flex;display:flex}.zt-number-keyboard__keys{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:3;-webkit-flex:3;flex:3;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zt-number-keyboard__close{position:absolute;right:0;height:100%;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt-number-keyboard__close:active{opacity:.7}.zt-number-keyboard__sidebar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zt-number-keyboard--unfit{padding-bottom:0}.zt-key{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:44px;font-size:28px;line-height:1.5;background-color:#fff;border-radius:8px;cursor:pointer}.zt-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.zt-key--blue,.zt-key--delete{font-size:16px}.zt-key--active{background-color:#ebedf0}.zt-key--blue{color:#fff;background-color:#0091fa}.zt-key--blue.zt-key--active{background-color:#0073c7}.zt-key__wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:33%;flex-basis:33%;box-sizing:border-box;padding:0 8px 8px 0}.zt-key__wrapper--wider{-webkit-flex-basis:66%;flex-basis:66%}.zt-key__delete-icon{width:32px;height:22px}.zt-key__collapse-icon{width:30px;height:24px}.zt-key__loading-icon{color:#fff}.zt-cell .zt-field__label{color:rgba(0,0,0,.6)}
+body{--zt-number-keyboard-background: #edf3fa;--zt-number-keyboard-key-height: 44px;--zt-number-keyboard-key-font-size: 24px;--zt-number-keyboard-key-active-color: var(--zt-gray-3);--zt-number-keyboard-key-background: var(--zt-background-2);--zt-number-keyboard-delete-font-size: 20px;--zt-number-keyboard-title-color: var(--zt-gray-7);--zt-number-keyboard-title-height: 34px;--zt-number-keyboard-title-font-size: 14px;--zt-number-keyboard-close-padding: 0 var(--zt-padding-md);--zt-number-keyboard-close-color: var(--zt-link-color);--zt-number-keyboard-close-font-size: var(--zt-font-size-md);--zt-number-keyboard-button-text-color: var(--zt-white);--zt-number-keyboard-button-background: var(--zt-primary-color);--zt-number-keyboard-z-index: 100;--zt-number-keyboard-key-spacing: 0 8px 8px 0;--zt-number-keyboard-radius: 16px 16px 0 0;--zt-key-font-color: var(--zt-text-color)}.zt-theme-dark{--zt-number-keyboard-background: var(--zt-gray-8);--zt-number-keyboard-key-background: var(--zt-gray-7);--zt-number-keyboard-key-active-color: var(--zt-gray-6)}.zt-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--zt-number-keyboard-z-index);width:100%;padding-bottom:8px;background:var(--zt-number-keyboard-background);-webkit-user-select:none;user-select:none;border-radius:var(--zt-number-keyboard-radius);box-sizing:border-box}.zt-number-keyboard--with-title{border-radius:20px 20px 0 0}.zt-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--zt-number-keyboard-title-height);padding-top:2px;color:var(--zt-number-keyboard-title-color)}.zt-number-keyboard__title{display:inline-block;font-weight:400;color:#2d4b73;opacity:.6;line-height:20px;font-size:var(--zt-number-keyboard-title-font-size)}.zt-number-keyboard__title-left{position:absolute;left:0}.zt-number-keyboard__body{display:flex;padding:2px 8px 0 16px}.zt-number-keyboard__body-no-title{padding-top:16px}.zt-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.zt-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--zt-number-keyboard-close-padding);color:var(--zt-number-keyboard-close-color);font-size:var(--zt-number-keyboard-close-font-size);background-color:transparent;border:none}.zt-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.zt-number-keyboard--unfit{padding-bottom:0}.zt-key{display:flex;align-items:center;justify-content:center;height:var(--zt-number-keyboard-key-height);font-size:var(--zt-number-keyboard-key-font-size);line-height:40px;background:var(--zt-number-keyboard-key-background);border-radius:var(--zt-radius-md);cursor:pointer;color:var(--zt-key-font-color)}.zt-key--large{position:absolute;top:0;right:6px;bottom:8px;left:0;height:auto}.zt-key--blue,.zt-key--delete{font-size:var(--zt-number-keyboard-delete-font-size)}.zt-key--active{background-color:var(--zt-number-keyboard-key-active-color)}.zt-key--blue{color:var(--zt-number-keyboard-button-text-color);background:var(--zt-number-keyboard-button-background);line-height:28px;letter-spacing:0}.zt-key--blue.zt-key--active{opacity:var(--zt-active-opacity)}.zt-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:var(--zt-number-keyboard-key-spacing)}.zt-key__wrapper--wider{flex-basis:66%}.zt-key__delete-icon{width:40px;height:40px}.zt-key__collapse-icon{width:30px;height:24px}.zt-key__loading-icon{color:var(--zt-number-keyboard-button-text-color)}.zt-number-keyboard__finish-button-box{padding:4px 16px 12px}.zt-number-keyboard__no-title{padding-bottom:0}

package/lib/number-keyboard/index.d.ts

@@ -0,0 +1,119 @@
+export declare const NumberKeyboard: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    theme: {
+        type: import("vue").PropType<import("./NumberKeyboard").NumberKeyboardTheme>;
+        default: import("./NumberKeyboard").NumberKeyboardTheme;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    transition: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    blurOnClose: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showDeleteKey: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    randomKeyOrder: BooleanConstructor;
+    closeButtonText: StringConstructor;
+    deleteButtonText: StringConstructor;
+    closeButtonLoading: BooleanConstructor;
+    hideOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    extraKey: {
+        type: import("vue").PropType<string | string[]>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "close" | "blur" | "delete" | "update:modelValue")[], "input" | "hide" | "show" | "close" | "blur" | "delete" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    theme: {
+        type: import("vue").PropType<import("./NumberKeyboard").NumberKeyboardTheme>;
+        default: import("./NumberKeyboard").NumberKeyboardTheme;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    transition: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    blurOnClose: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showDeleteKey: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    randomKeyOrder: BooleanConstructor;
+    closeButtonText: StringConstructor;
+    deleteButtonText: StringConstructor;
+    closeButtonLoading: BooleanConstructor;
+    hideOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    extraKey: {
+        type: import("vue").PropType<string | string[]>;
+        default: string;
+    };
+}>> & {
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    theme: import("./NumberKeyboard").NumberKeyboardTheme;
+    show: boolean;
+    transition: boolean;
+    safeAreaInsetBottom: boolean;
+    maxlength: string | number;
+    modelValue: string;
+    blurOnClose: boolean;
+    showDeleteKey: boolean;
+    randomKeyOrder: boolean;
+    closeButtonLoading: boolean;
+    hideOnClickOutside: boolean;
+    extraKey: string | string[];
+}>>;
+export default NumberKeyboard;
+export type { NumberKeyboardProps, NumberKeyboardTheme, } from './NumberKeyboard';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtNumberKeyboard: typeof NumberKeyboard;
+    }
+}

package/lib/number-keyboard/index.js

@@ -1,285 +1,33 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _event = require("../utils/dom/event");
-
-var _portal = require("../mixins/portal");
-
-var _bindEvent = require("../mixins/bind-event");
-
-var _Key = _interopRequireDefault(require("./Key"));
-
-var _createNamespace = (0, _utils.createNamespace)('number-keyboard'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  mixins: [(0, _portal.PortalMixin)(), (0, _bindEvent.BindEventMixin)(function (bind) {
-    if (this.hideOnClickOutside) {
-      bind(document.body, 'touchstart', this.onBlur);
-    }
-  })],
-  model: {
-    event: 'update:value'
-  },
-  props: {
-    show: Boolean,
-    title: String,
-    zIndex: [Number, String],
-    randomKeyOrder: Boolean,
-    closeButtonText: String,
-    deleteButtonText: String,
-    closeButtonLoading: Boolean,
-    theme: {
-      type: String,
-      default: 'default'
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    extraKey: {
-      type: [String, Array],
-      default: ''
-    },
-    maxlength: {
-      type: [Number, String],
-      default: Number.MAX_VALUE
-    },
-    transition: {
-      type: Boolean,
-      default: true
-    },
-    showDeleteKey: {
-      type: Boolean,
-      default: true
-    },
-    hideOnClickOutside: {
-      type: Boolean,
-      default: true
-    },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      default: true
-    }
-  },
-  watch: {
-    show: function show(val) {
-      if (!this.transition) {
-        this.$emit(val ? 'show' : 'hide');
-      }
-    }
-  },
-  computed: {
-    keys: function keys() {
-      if (this.theme === 'custom') {
-        return this.genCustomKeys();
-      }
-
-      return this.genDefaultKeys();
-    }
-  },
-  methods: {
-    genBasicKeys: function genBasicKeys() {
-      var keys = [];
-
-      for (var i = 1; i <= 9; i++) {
-        keys.push({
-          text: i
-        });
-      }
-
-      if (this.randomKeyOrder) {
-        keys.sort(function () {
-          return Math.random() > 0.5 ? 1 : -1;
-        });
-      }
-
-      return keys;
-    },
-    genDefaultKeys: function genDefaultKeys() {
-      return [].concat(this.genBasicKeys(), [{
-        text: this.extraKey,
-        type: 'extra'
-      }, {
-        text: 0
-      }, {
-        text: this.showDeleteKey ? this.deleteButtonText : '',
-        type: this.showDeleteKey ? 'delete' : ''
-      }]);
-    },
-    genCustomKeys: function genCustomKeys() {
-      var keys = this.genBasicKeys();
-      var extraKey = this.extraKey;
-      var extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
-
-      if (extraKeys.length === 1) {
-        keys.push({
-          text: 0,
-          wider: true
-        }, {
-          text: extraKeys[0],
-          type: 'extra'
-        });
-      } else if (extraKeys.length === 2) {
-        keys.push({
-          text: extraKeys[0],
-          type: 'extra'
-        }, {
-          text: 0
-        }, {
-          text: extraKeys[1],
-          type: 'extra'
-        });
-      }
-
-      return keys;
-    },
-    onBlur: function onBlur() {
-      this.show && this.$emit('blur');
-    },
-    onClose: function onClose() {
-      this.$emit('close');
-      this.onBlur();
-    },
-    onAnimationEnd: function onAnimationEnd() {
-      this.$emit(this.show ? 'show' : 'hide');
-    },
-    onPress: function onPress(text, type) {
-      if (text === '') {
-        if (type === 'extra') {
-          this.onBlur();
-        }
-
-        return;
-      }
-
-      var value = this.value;
-
-      if (type === 'delete') {
-        this.$emit('delete');
-        this.$emit('update:value', value.slice(0, value.length - 1));
-      } else if (type === 'close') {
-        this.onClose();
-      } else if (value.length < this.maxlength) {
-        this.$emit('input', text);
-        this.$emit('update:value', value + text);
-      }
-    },
-    genTitle: function genTitle() {
-      var h = this.$createElement;
-      var title = this.title,
-          theme = this.theme,
-          closeButtonText = this.closeButtonText;
-      var titleLeft = this.slots('title-left');
-      var showClose = closeButtonText && theme === 'default';
-      var showTitle = title || showClose || titleLeft;
-
-      if (!showTitle) {
-        return;
-      }
-
-      return h("div", {
-        "class": bem('header')
-      }, [titleLeft && h("span", {
-        "class": bem('title-left')
-      }, [titleLeft]), title && h("h2", {
-        "class": bem('title')
-      }, [title]), showClose && h("button", {
-        "attrs": {
-          "type": "button"
-        },
-        "class": bem('close'),
-        "on": {
-          "click": this.onClose
-        }
-      }, [closeButtonText])]);
-    },
-    genKeys: function genKeys() {
-      var _this = this;
-
-      var h = this.$createElement;
-      return this.keys.map(function (key) {
-        return h(_Key.default, {
-          "key": key.text,
-          "attrs": {
-            "text": key.text,
-            "type": key.type,
-            "wider": key.wider,
-            "color": key.color
-          },
-          "on": {
-            "press": _this.onPress
-          }
-        }, [key.type === 'delete' && _this.slots('delete'), key.type === 'extra' && _this.slots('extra-key')]);
-      });
-    },
-    genSidebar: function genSidebar() {
-      var h = this.$createElement;
-
-      if (this.theme === 'custom') {
-        return h("div", {
-          "class": bem('sidebar')
-        }, [this.showDeleteKey && h(_Key.default, {
-          "attrs": {
-            "large": true,
-            "text": this.deleteButtonText,
-            "type": "delete"
-          },
-          "on": {
-            "press": this.onPress
-          }
-        }, [this.slots('delete')]), h(_Key.default, {
-          "attrs": {
-            "large": true,
-            "text": this.closeButtonText,
-            "type": "close",
-            "color": "blue",
-            "loading": this.closeButtonLoading
-          },
-          "on": {
-            "press": this.onPress
-          }
-        })]);
-      }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    var Title = this.genTitle();
-    return h("transition", {
-      "attrs": {
-        "name": this.transition ? 'zt-slide-up' : ''
-      }
-    }, [h("div", {
-      "directives": [{
-        name: "show",
-        value: this.show
-      }],
-      "style": {
-        zIndex: this.zIndex
-      },
-      "class": bem({
-        unfit: !this.safeAreaInsetBottom,
-        'with-title': Title
-      }),
-      "on": {
-        "touchstart": _event.stopPropagation,
-        "animationend": this.onAnimationEnd,
-        "webkitAnimationEnd": this.onAnimationEnd
-      }
-    }, [Title, h("div", {
-      "class": bem('body')
-    }, [h("div", {
-      "class": bem('keys')
-    }, [this.genKeys()]), this.genSidebar()])])]);
+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, {
+  NumberKeyboard: () => NumberKeyboard,
+  default: () => stdin_default
 });
-
-exports.default = _default;
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_NumberKeyboard = __toESM(require("./NumberKeyboard"));
+const NumberKeyboard = (0, import_utils.withInstall)(import_NumberKeyboard.default);
+var stdin_default = NumberKeyboard;

package/lib/number-keyboard/style/index.d.ts

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

package/lib/number-keyboard/style/index.js

@@ -1,3 +1,9 @@
-require('../../style/base.css');
-require('../../loading/index.css');
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../loading/index.css");
+require("../../button/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../toast/index.css");
+require("../index.css");

package/lib/overlay/Overlay.d.ts

@@ -0,0 +1,51 @@
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+declare const overlayProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: (NumberConstructor | StringConstructor)[];
+    className: PropType<unknown>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    customStyle: PropType<CSSProperties>;
+};
+export declare type OverlayProps = ExtractPropTypes<typeof overlayProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: (NumberConstructor | StringConstructor)[];
+    className: PropType<unknown>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    customStyle: PropType<CSSProperties>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: (NumberConstructor | StringConstructor)[];
+    className: PropType<unknown>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    customStyle: PropType<CSSProperties>;
+}>>, {
+    show: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+}>;
+export default _default;