zartui 0.1.113 → 3.0.1

package/lib/notify/index.d.ts

@@ -0,0 +1,99 @@
+export declare const Notify: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    type: {
+        type: import("vue").PropType<import("./types").NotifyType>;
+        default: import("./types").NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./types").NotifyPosition>;
+        default: import("./types").NotifyPosition;
+    };
+    className: import("vue").PropType<unknown>;
+    background: StringConstructor;
+    lockScroll: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    type: {
+        type: import("vue").PropType<import("./types").NotifyType>;
+        default: import("./types").NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./types").NotifyPosition>;
+        default: import("./types").NotifyPosition;
+    };
+    className: import("vue").PropType<unknown>;
+    background: StringConstructor;
+    lockScroll: BooleanConstructor;
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./types").NotifyType;
+    position: import("./types").NotifyPosition;
+    overlay: boolean;
+    show: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+}>>;
+export default Notify;
+export { showNotify, closeNotify, setNotifyDefaultOptions, resetNotifyDefaultOptions, } from './function-call';
+export type { NotifyProps } from './Notify';
+export type { NotifyType, NotifyOptions } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtNotify: typeof Notify.Component;
+    }
+}

package/lib/notify/index.js

@@ -0,0 +1,38 @@
+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, {
+  Notify: () => Notify,
+  closeNotify: () => import_function_call.closeNotify,
+  default: () => stdin_default,
+  resetNotifyDefaultOptions: () => import_function_call.resetNotifyDefaultOptions,
+  setNotifyDefaultOptions: () => import_function_call.setNotifyDefaultOptions,
+  showNotify: () => import_function_call.showNotify
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Notify = __toESM(require("./Notify"));
+var import_function_call = require("./function-call");
+const Notify = (0, import_utils.withInstall)(import_Notify.default);
+var stdin_default = Notify;

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

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

package/lib/notify/style/index.js

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

package/lib/notify/types.d.ts

@@ -0,0 +1,17 @@
+import type { Numeric } from '../utils';
+export declare type NotifyMessage = Numeric;
+export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
+export declare type NotifyPosition = 'top' | 'bottom';
+export declare type NotifyOptions = {
+    type?: NotifyType;
+    color?: string;
+    message?: NotifyMessage;
+    duration?: number;
+    position?: NotifyPosition;
+    className?: unknown;
+    background?: string;
+    lockScroll?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    onClose?: () => void;
+    onOpened?: () => void;
+};

package/lib/notify/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/number-keyboard/NumberKeyboard.d.ts

@@ -0,0 +1,162 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+export declare type NumberKeyboardTheme = 'default' | 'custom';
+declare const numberKeyboardProps: {
+    show: BooleanConstructor;
+    title: StringConstructor;
+    theme: {
+        type: PropType<NumberKeyboardTheme>;
+        default: NumberKeyboardTheme;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: 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: PropType<string | string[]>;
+        default: string;
+    };
+};
+export declare type NumberKeyboardProps = ExtractPropTypes<typeof numberKeyboardProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    theme: {
+        type: PropType<NumberKeyboardTheme>;
+        default: NumberKeyboardTheme;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: 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: 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<ExtractPropTypes<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    theme: {
+        type: PropType<NumberKeyboardTheme>;
+        default: NumberKeyboardTheme;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: 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: 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: 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 _default;

package/lib/number-keyboard/NumberKeyboard.js

@@ -0,0 +1,268 @@
+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 = require("@zartui/use");
+var import_NumberKeyboardKey = __toESM(require("./NumberKeyboardKey"));
+var import_Button = __toESM(require("../button/Button"));
+var import_toast = require("../toast");
+const [name, bem] = (0, import_utils.createNamespace)("number-keyboard");
+const numberKeyboardProps = {
+  show: Boolean,
+  title: String,
+  theme: (0, import_utils.makeStringProp)("default"),
+  zIndex: import_utils.numericProp,
+  teleport: [String, Object],
+  maxlength: (0, import_utils.makeNumericProp)(Infinity),
+  modelValue: (0, import_utils.makeStringProp)(""),
+  transition: import_utils.truthProp,
+  blurOnClose: import_utils.truthProp,
+  showDeleteKey: import_utils.truthProp,
+  randomKeyOrder: Boolean,
+  closeButtonText: String,
+  deleteButtonText: String,
+  closeButtonLoading: Boolean,
+  hideOnClickOutside: import_utils.truthProp,
+  safeAreaInsetBottom: import_utils.truthProp,
+  extraKey: {
+    type: [String, Array],
+    default: ""
+  }
+};
+function shuffle(array) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    const temp = array[i];
+    array[i] = array[j];
+    array[j] = temp;
+  }
+  return array;
+}
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: numberKeyboardProps,
+  emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = (0, import_vue2.ref)();
+    const genBasicKeys = () => {
+      const keys2 = Array(9).fill("").map((_, i) => ({
+        text: i + 1
+      }));
+      if (props.randomKeyOrder) {
+        shuffle(keys2);
+      }
+      return keys2;
+    };
+    const genDefaultKeys = () => [...genBasicKeys(), {
+      text: props.extraKey,
+      type: "extra"
+    }, {
+      text: 0
+    }, {
+      text: props.showDeleteKey ? props.deleteButtonText : "",
+      type: props.showDeleteKey ? "delete" : ""
+    }];
+    const genCustomKeys = () => {
+      const keys2 = genBasicKeys();
+      const {
+        extraKey
+      } = props;
+      const extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
+      if (extraKeys.length === 1) {
+        keys2.push({
+          text: 0,
+          wider: true
+        }, {
+          text: extraKeys[0],
+          type: "extra"
+        });
+      } else if (extraKeys.length === 2) {
+        keys2.push({
+          text: extraKeys[0],
+          type: "extra"
+        }, {
+          text: 0
+        }, {
+          text: extraKeys[1],
+          type: "extra"
+        });
+      }
+      return keys2;
+    };
+    const keys = (0, import_vue2.computed)(() => props.theme === "custom" ? genCustomKeys() : genDefaultKeys());
+    const onBlur = () => {
+      if (props.show) {
+        emit("blur");
+      }
+    };
+    const onClose = () => {
+      emit("close");
+      if (props.blurOnClose) {
+        onBlur();
+      }
+    };
+    const onAnimationEnd = () => emit(props.show ? "show" : "hide");
+    const onPress = (text, type) => {
+      if (text === "") {
+        if (type === "extra") {
+          onBlur();
+        }
+        return;
+      }
+      const value = props.modelValue;
+      if (type === "delete") {
+        emit("delete");
+        emit("update:modelValue", value.slice(0, value.length - 1));
+      } else if (type === "close") {
+        onClose();
+      } else if (value.length < props.maxlength) {
+        emit("input", text);
+        emit("update:modelValue", value + text);
+      } else if (value.length >= props.maxlength) {
+        (0, import_toast.showToast)(`\u6700\u5927\u957F\u5EA6\u4E3A${props.maxlength}`);
+      }
+    };
+    const renderTitle = () => {
+      const {
+        title,
+        theme,
+        closeButtonText
+      } = props;
+      const leftSlot = slots["title-left"];
+      const showClose = closeButtonText && theme === "default";
+      const showTitle = title || showClose || leftSlot;
+      if (!showTitle) {
+        return;
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("header")
+      }, [leftSlot && (0, import_vue.createVNode)("span", {
+        "class": bem("title-left")
+      }, [leftSlot()]), title && (0, import_vue.createVNode)("h2", {
+        "class": bem("title")
+      }, [title])]);
+    };
+    const renderKeys = () => keys.value.map((key) => {
+      const keySlots = {};
+      if (key.type === "delete") {
+        keySlots.default = slots.delete;
+      }
+      if (key.type === "extra") {
+        keySlots.default = slots["extra-key"];
+      }
+      return (0, import_vue.createVNode)(import_NumberKeyboardKey.default, {
+        "key": key.text,
+        "text": key.text,
+        "type": key.type,
+        "wider": key.wider,
+        "color": key.color,
+        "onPress": onPress
+      }, keySlots);
+    });
+    const renderSidebar = () => {
+      if (props.theme === "custom") {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("sidebar")
+        }, [props.showDeleteKey && (0, import_vue.createVNode)(import_NumberKeyboardKey.default, {
+          "large": true,
+          "text": props.deleteButtonText,
+          "type": "delete",
+          "onPress": onPress
+        }, {
+          delete: slots.delete
+        }), (0, import_vue.createVNode)(import_NumberKeyboardKey.default, {
+          "large": true,
+          "text": props.closeButtonText,
+          "type": "close",
+          "color": "blue",
+          "loading": props.closeButtonLoading,
+          "onPress": onPress
+        }, null)]);
+      }
+    };
+    (0, import_vue2.watch)(() => props.show, (value) => {
+      if (!props.transition) {
+        emit(value ? "show" : "hide");
+      }
+    });
+    if (props.hideOnClickOutside) {
+      (0, import_use.useClickAway)(root, onBlur, {
+        eventName: "touchstart"
+      });
+    }
+    return () => {
+      const Title = renderTitle();
+      const {
+        theme,
+        closeButtonText,
+        title
+      } = props;
+      const showClose = closeButtonText && theme === "default";
+      const Content = (0, import_vue.createVNode)(import_vue2.Transition, {
+        "name": props.transition ? "zt-slide-up" : ""
+      }, {
+        default: () => [(0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+          "ref": root,
+          "style": (0, import_utils.getZIndexStyle)(props.zIndex),
+          "class": [bem({
+            unfit: !props.safeAreaInsetBottom,
+            "with-title": !!Title
+          }), !title ? "" : bem("no-title")],
+          "onTouchstart": import_utils.stopPropagation,
+          "onAnimationend": onAnimationEnd,
+          "onWebkitAnimationEnd": onAnimationEnd
+        }, [title && Title, (0, import_vue.createVNode)("div", {
+          "class": [bem("body"), title ? "" : bem("body-no-title")]
+        }, [(0, import_vue.createVNode)("div", {
+          "class": bem("keys")
+        }, [renderKeys()]), renderSidebar()]), showClose && (0, import_vue.createVNode)("div", {
+          "class": bem("finish-button-box")
+        }, [(0, import_vue.createVNode)(import_Button.default, {
+          "type": "primary",
+          "block": true,
+          "text": closeButtonText,
+          "class": [bem("finish-button"), import_utils.HAPTICS_FEEDBACK],
+          "onClick": onClose
+        }, null)])]), [[import_vue.vShow, props.show]])]
+      });
+      if (props.teleport) {
+        return (0, import_vue.createVNode)(import_vue2.Teleport, {
+          "to": props.teleport
+        }, {
+          default: () => [Content]
+        });
+      }
+      return Content;
+    };
+  }
+});

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

@@ -0,0 +1,24 @@
+import { type PropType } from 'vue';
+export declare type KeyType = '' | 'delete' | 'extra' | 'close';
+declare const _default: import("vue").DefineComponent<{
+    type: PropType<KeyType>;
+    text: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
+    wider: BooleanConstructor;
+    large: BooleanConstructor;
+    loading: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "press"[], "press", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: PropType<KeyType>;
+    text: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
+    wider: BooleanConstructor;
+    large: BooleanConstructor;
+    loading: BooleanConstructor;
+}>> & {
+    onPress?: ((...args: any[]) => any) | undefined;
+}, {
+    loading: boolean;
+    large: boolean;
+    wider: boolean;
+}>;
+export default _default;