zartui 0.1.112 → 3.0.2

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,33 @@
+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
+});
+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

@@ -0,0 +1,9 @@
+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;

package/lib/overlay/Overlay.js

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __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_lazy_render = require("../composables/use-lazy-render");
+const [name, bem] = (0, import_utils.createNamespace)("overlay");
+const overlayProps = {
+  show: Boolean,
+  zIndex: import_utils.numericProp,
+  duration: import_utils.numericProp,
+  className: import_utils.unknownProp,
+  lockScroll: import_utils.truthProp,
+  lazyRender: import_utils.truthProp,
+  customStyle: Object
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: overlayProps,
+  setup(props, {
+    slots
+  }) {
+    const lazyRender = (0, import_use_lazy_render.useLazyRender)(() => props.show || !props.lazyRender);
+    const preventTouchMove = (event) => {
+      (0, import_utils.preventDefault)(event, true);
+    };
+    const renderOverlay = lazyRender(() => {
+      var _a;
+      const style = (0, import_utils.extend)((0, import_utils.getZIndexStyle)(props.zIndex), props.customStyle);
+      if ((0, import_utils.isDef)(props.duration)) {
+        style.animationDuration = `${props.duration}s`;
+      }
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+        "style": style,
+        "class": [bem(), props.className],
+        "onTouchmove": props.lockScroll ? preventTouchMove : import_utils.noop
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[import_vue.vShow, props.show]]);
+    });
+    return () => (0, import_vue.createVNode)(import_vue2.Transition, {
+      "name": "zt-fade",
+      "appear": true
+    }, {
+      default: renderOverlay
+    });
+  }
+});

package/lib/overlay/index.css

@@ -0,0 +1 @@
+body{--zt-overlay-z-index: 1;--zt-overlay-background: rgba(0, 0, 0, .7)}.zt-overlay{position:fixed;top:0;left:0;z-index:var(--zt-overlay-z-index);width:100%;height:100%;background:var(--zt-overlay-background)}

package/lib/overlay/index.d.ts

@@ -0,0 +1,40 @@
+export declare const Overlay: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: (NumberConstructor | StringConstructor)[];
+    className: import("vue").PropType<unknown>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    customStyle: import("vue").PropType<import("vue").CSSProperties>;
+}, () => 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<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: (NumberConstructor | StringConstructor)[];
+    className: import("vue").PropType<unknown>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    customStyle: import("vue").PropType<import("vue").CSSProperties>;
+}>>, {
+    show: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+}>>;
+export default Overlay;
+export type { OverlayProps } from './Overlay';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanOverlay: typeof Overlay;
+    }
+}

package/lib/overlay/index.js

@@ -0,0 +1,33 @@
+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, {
+  Overlay: () => Overlay,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Overlay = __toESM(require("./Overlay"));
+const Overlay = (0, import_utils.withInstall)(import_Overlay.default);
+var stdin_default = Overlay;

package/lib/overlay/style/index.d.ts

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

package/lib/overlay/style/index.js

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

package/lib/password-input/PasswordInput.d.ts

@@ -0,0 +1,63 @@
+import { type ExtractPropTypes } from 'vue';
+declare const passwordInputProps: {
+    info: StringConstructor;
+    mask: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    value: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    length: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    focused: BooleanConstructor;
+    errorInfo: StringConstructor;
+};
+export declare type PasswordInputProps = ExtractPropTypes<typeof passwordInputProps>;
+declare const _default: import("vue").DefineComponent<{
+    info: StringConstructor;
+    mask: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    value: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    length: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    focused: BooleanConstructor;
+    errorInfo: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    info: StringConstructor;
+    mask: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    value: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    length: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    focused: BooleanConstructor;
+    errorInfo: StringConstructor;
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+}, {
+    length: string | number;
+    mask: boolean;
+    value: string;
+    focused: boolean;
+}>;
+export default _default;

package/lib/password-input/PasswordInput.js

@@ -0,0 +1,97 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __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");
+const [name, bem] = (0, import_utils.createNamespace)("password-input");
+const passwordInputProps = {
+  info: String,
+  mask: import_utils.truthProp,
+  value: (0, import_utils.makeStringProp)(""),
+  gutter: import_utils.numericProp,
+  length: (0, import_utils.makeNumericProp)(6),
+  focused: Boolean,
+  errorInfo: String
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: passwordInputProps,
+  emits: ["focus"],
+  setup(props, {
+    emit
+  }) {
+    const onTouchStart = (event) => {
+      event.stopPropagation();
+      emit("focus", event);
+    };
+    const renderPoints = () => {
+      const Points = [];
+      const {
+        mask,
+        value,
+        length,
+        gutter,
+        focused
+      } = props;
+      for (let i = 0; i < length; i++) {
+        const char = value[i];
+        const showBorder = i !== 0 && !gutter;
+        const showCursor = focused && i === value.length;
+        let style;
+        if (i !== 0 && gutter) {
+          style = {
+            marginLeft: (0, import_utils.addUnit)(gutter)
+          };
+        }
+        Points.push((0, import_vue.createVNode)("li", {
+          "class": [{
+            [import_utils.BORDER_LEFT]: showBorder
+          }, bem("item", {
+            focus: showCursor
+          })],
+          "style": style
+        }, [mask ? (0, import_vue.createVNode)("i", {
+          "style": {
+            visibility: char ? "visible" : "hidden"
+          }
+        }, null) : char, showCursor && (0, import_vue.createVNode)("div", {
+          "class": bem("cursor")
+        }, null)]));
+      }
+      return Points;
+    };
+    return () => {
+      const info = props.errorInfo || props.info;
+      return (0, import_vue.createVNode)("div", {
+        "class": bem()
+      }, [(0, import_vue.createVNode)("ul", {
+        "class": [bem("security"), {
+          [import_utils.BORDER_SURROUND]: !props.gutter
+        }],
+        "onTouchstart": onTouchStart
+      }, [renderPoints()]), info && (0, import_vue.createVNode)("div", {
+        "class": bem(props.errorInfo ? "error-info" : "info")
+      }, [info])]);
+    };
+  }
+});

package/lib/password-input/index.css

@@ -0,0 +1 @@
+body{--zt-password-input-height: 48px;--zt-password-input-margin: 0 var(--zt-padding-md);--zt-password-input-font-size: 20px;--zt-password-input-radius: 6px;--zt-password-input-background: var(--zt-background-2);--zt-password-input-info-color: var(--zt-text-color-2);--zt-password-input-info-font-size: var(--zt-font-size-md);--zt-password-input-error-info-color: var(--zt-danger-color);--zt-password-input-dot-size: 8px;--zt-password-input-dot-color: var(--zt-text-color);--zt-password-input-text-color: var(--zt-text-color);--zt-password-input-cursor-color: #0091fa;--zt-password-input-cursor-width: 1px;--zt-password-input-cursor-height: 40%;--zt-password-input-cursor-duration: 1s}.zt-password-input{position:relative;margin:var(--zt-password-input-margin);-webkit-user-select:none;user-select:none}.zt-password-input__info,.zt-password-input__error-info{margin-top:var(--zt-padding-md);font-size:var(--zt-password-input-info-font-size);text-align:center}.zt-password-input__info{color:var(--zt-password-input-info-color)}.zt-password-input__error-info{color:var(--zt-password-input-error-info-color)}.zt-password-input__security{display:flex;width:100%;height:var(--zt-password-input-height);cursor:pointer}.zt-password-input__security:after{border-radius:var(--zt-password-input-radius)}.zt-password-input__security li:last-child{border-radius:0 4px 4px 0}.zt-password-input__security li:first-child{border-radius:0 4px 4px 0}.zt-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--zt-password-input-text-color);font-size:var(--zt-password-input-font-size);background:var(--zt-password-input-background);border:0 solid rgba(45,75,115,.2)}.zt-password-input__security i{position:absolute;top:50%;left:50%;width:var(--zt-password-input-dot-size);height:var(--zt-password-input-dot-size);background:var(--zt-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.zt-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--zt-password-input-cursor-width);height:var(--zt-password-input-cursor-height);background:var(--zt-password-input-cursor-color);width:1px;height:24px;transform:translate(-50%,-50%);animation:var(--zt-password-input-cursor-duration) zt-cursor-flicker infinite}@keyframes zt-cursor-flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}