zartui 0.1.112 → 3.0.2

package/es/utils/props.mjs

@@ -0,0 +1,36 @@
+const unknownProp = null;
+const numericProp = [Number, String];
+const truthProp = {
+  type: Boolean,
+  default: true
+};
+const makeRequiredProp = (type) => ({
+  type,
+  required: true
+});
+const makeArrayProp = () => ({
+  type: Array,
+  default: () => []
+});
+const makeNumberProp = (defaultVal) => ({
+  type: Number,
+  default: defaultVal
+});
+const makeNumericProp = (defaultVal) => ({
+  type: numericProp,
+  default: defaultVal
+});
+const makeStringProp = (defaultVal) => ({
+  type: String,
+  default: defaultVal
+});
+export {
+  makeArrayProp,
+  makeNumberProp,
+  makeNumericProp,
+  makeRequiredProp,
+  makeStringProp,
+  numericProp,
+  truthProp,
+  unknownProp
+};

package/es/utils/validate.d.ts

@@ -0,0 +1,9 @@
+import { type Numeric } from './basic';
+export declare const isDef: <T>(val: T) => val is NonNullable<T>;
+export declare const isFunction: (val: unknown) => val is Function;
+export declare const isObject: (val: unknown) => val is Record<any, any>;
+export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
+export declare const isDate: (val: unknown) => val is Date;
+export declare function isMobile(value: string): boolean;
+export declare const isNumeric: (val: Numeric) => val is string;
+export declare const isIOS: () => boolean;

package/es/utils/validate.mjs

@@ -0,0 +1,22 @@
+import { inBrowser } from "./basic.mjs";
+const isDef = (val) => val !== void 0 && val !== null;
+const isFunction = (val) => typeof val === "function";
+const isObject = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
+const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
+function isMobile(value) {
+  value = value.replace(/[^-|\d]/g, "");
+  return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
+}
+const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
+const isIOS = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
+export {
+  isDate,
+  isDef,
+  isFunction,
+  isIOS,
+  isMobile,
+  isNumeric,
+  isObject,
+  isPromise
+};

package/es/utils/with-install.d.ts

@@ -0,0 +1,13 @@
+import { App } from 'vue';
+declare type EventShim = {
+    new (...args: any[]): {
+        $props: {
+            onClick?: (...args: any[]) => void;
+        };
+    };
+};
+export declare type WithInstall<T> = T & {
+    install(app: App): void;
+} & EventShim;
+export declare function withInstall<T>(options: T): WithInstall<T>;
+export {};

package/es/utils/with-install.mjs

@@ -0,0 +1,12 @@
+import { camelize } from "./format.mjs";
+function withInstall(options) {
+  options.install = (app) => {
+    const { name } = options;
+    app.component(name, options);
+    app.component(camelize(`-${name}`), options);
+  };
+  return options;
+}
+export {
+  withInstall
+};

package/es/vue-sfc-shim.d.ts

@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  // eslint-disable-next-line
+  import { DefineComponent } from 'vue';
+  const Component: DefineComponent;
+  export default Component;
+}

package/es/vue-tsx-shim.d.ts

@@ -0,0 +1,16 @@
+import 'vue';
+
+type EventHandler = (...args: any[]) => void;
+
+declare module 'vue' {
+  interface ComponentCustomProps {
+    id?: string;
+    role?: string;
+    tabindex?: number;
+    onClick?: EventHandler;
+    onTouchend?: EventHandler;
+    onTouchmove?: EventHandler;
+    onTouchstart?: EventHandler;
+    onTouchcancel?: EventHandler;
+  }
+}

package/lib/badge/Badge.d.ts

@@ -0,0 +1,66 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { Numeric } from '../utils';
+export declare type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+declare const badgeProps: {
+    dot: BooleanConstructor;
+    max: (NumberConstructor | StringConstructor)[];
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    color: StringConstructor;
+    offset: PropType<[Numeric, Numeric]>;
+    content: (NumberConstructor | StringConstructor)[];
+    showZero: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    position: {
+        type: PropType<BadgePosition>;
+        default: BadgePosition;
+    };
+};
+export declare type BadgeProps = ExtractPropTypes<typeof badgeProps>;
+declare const _default: import("vue").DefineComponent<{
+    dot: BooleanConstructor;
+    max: (NumberConstructor | StringConstructor)[];
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    color: StringConstructor;
+    offset: PropType<[Numeric, Numeric]>;
+    content: (NumberConstructor | StringConstructor)[];
+    showZero: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    position: {
+        type: PropType<BadgePosition>;
+        default: BadgePosition;
+    };
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    dot: BooleanConstructor;
+    max: (NumberConstructor | StringConstructor)[];
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    color: StringConstructor;
+    offset: PropType<[Numeric, Numeric]>;
+    content: (NumberConstructor | StringConstructor)[];
+    showZero: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    position: {
+        type: PropType<BadgePosition>;
+        default: BadgePosition;
+    };
+}>>, {
+    dot: boolean;
+    tag: keyof HTMLElementTagNameMap;
+    showZero: boolean;
+    position: BadgePosition;
+}>;
+export default _default;

package/lib/badge/Badge.js

@@ -0,0 +1,114 @@
+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)("badge");
+const badgeProps = {
+  dot: Boolean,
+  max: import_utils.numericProp,
+  tag: (0, import_utils.makeStringProp)("div"),
+  color: String,
+  offset: Array,
+  content: import_utils.numericProp,
+  showZero: import_utils.truthProp,
+  position: (0, import_utils.makeStringProp)("top-right")
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: badgeProps,
+  setup(props, {
+    slots
+  }) {
+    const hasContent = () => {
+      if (slots.content) {
+        return true;
+      }
+      const {
+        content,
+        showZero
+      } = props;
+      return (0, import_utils.isDef)(content) && content !== "" && (showZero || content !== 0);
+    };
+    const renderContent = () => {
+      const {
+        dot,
+        max,
+        content
+      } = props;
+      if (!dot && hasContent()) {
+        if (slots.content) {
+          return slots.content();
+        }
+        if ((0, import_utils.isDef)(max) && (0, import_utils.isNumeric)(content) && +content > max) {
+          return `${max}+`;
+        }
+        return content;
+      }
+    };
+    const style = (0, import_vue2.computed)(() => {
+      const style2 = {
+        background: props.color
+      };
+      if (props.offset) {
+        const [x, y] = props.offset;
+        if (slots.default) {
+          style2.top = (0, import_utils.addUnit)(y);
+          if (typeof x === "number") {
+            style2.right = (0, import_utils.addUnit)(-x);
+          } else {
+            style2.right = x.startsWith("-") ? x.replace("-", "") : `-${x}`;
+          }
+        } else {
+          style2.marginTop = (0, import_utils.addUnit)(y);
+          style2.marginLeft = (0, import_utils.addUnit)(x);
+        }
+      }
+      return style2;
+    });
+    const renderBadge = () => {
+      if (hasContent() || props.dot) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem([props.position, {
+            dot: props.dot,
+            fixed: !!slots.default
+          }]),
+          "style": style.value
+        }, [renderContent()]);
+      }
+    };
+    return () => {
+      if (slots.default) {
+        const {
+          tag
+        } = props;
+        return (0, import_vue.createVNode)(tag, {
+          "class": bem("wrapper")
+        }, {
+          default: () => [slots.default(), renderBadge()]
+        });
+      }
+      return renderBadge();
+    };
+  }
+});

package/lib/badge/index.css

@@ -0,0 +1 @@
+body{--zt-badge-size: 16px;--zt-badge-color: var(--zt-white);--zt-badge-padding: 0 3px;--zt-badge-font-size: var(--zt-font-size-sm);--zt-badge-font-weight: var(--zt-font-bold);--zt-badge-border-width: var(--zt-border-width);--zt-badge-background: var(--zt-danger-color);--zt-badge-dot-color: var(--zt-danger-color);--zt-badge-dot-size: 8px;--zt-badge-font: -apple-system-font, helvetica neue, arial, sans-serif}.zt-badge{display:inline-block;box-sizing:border-box;min-width:var(--zt-badge-size);padding:var(--zt-badge-padding);color:var(--zt-badge-color);font-weight:var(--zt-badge-font-weight);font-size:var(--zt-badge-font-size);font-family:var(--zt-badge-font);line-height:1.2;text-align:center;background:var(--zt-badge-background);border:var(--zt-badge-border-width) solid var(--zt-background-2);border-radius:var(--zt-radius-max)}.zt-badge--fixed{position:absolute;transform-origin:100%}.zt-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.zt-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.zt-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.zt-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.zt-badge--dot{width:var(--zt-badge-dot-size);min-width:0;height:var(--zt-badge-dot-size);background:var(--zt-badge-dot-color);border-radius:100%;border:none;padding:0}.zt-badge__wrapper{position:relative;display:inline-block}

package/lib/badge/index.d.ts

@@ -0,0 +1,49 @@
+export declare const Badge: import("../utils").WithInstall<import("vue").DefineComponent<{
+    dot: BooleanConstructor;
+    max: (NumberConstructor | StringConstructor)[];
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    color: StringConstructor;
+    offset: import("vue").PropType<[import("../utils").Numeric, import("../utils").Numeric]>;
+    content: (NumberConstructor | StringConstructor)[];
+    showZero: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    position: {
+        type: import("vue").PropType<import("./Badge").BadgePosition>;
+        default: import("./Badge").BadgePosition;
+    };
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dot: BooleanConstructor;
+    max: (NumberConstructor | StringConstructor)[];
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    color: StringConstructor;
+    offset: import("vue").PropType<[import("../utils").Numeric, import("../utils").Numeric]>;
+    content: (NumberConstructor | StringConstructor)[];
+    showZero: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    position: {
+        type: import("vue").PropType<import("./Badge").BadgePosition>;
+        default: import("./Badge").BadgePosition;
+    };
+}>>, {
+    dot: boolean;
+    tag: keyof HTMLElementTagNameMap;
+    showZero: boolean;
+    position: import("./Badge").BadgePosition;
+}>>;
+export default Badge;
+export type { BadgeProps, BadgePosition } from './Badge';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanBadge: typeof Badge;
+    }
+}

package/lib/badge/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, {
+  Badge: () => Badge,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Badge = __toESM(require("./Badge"));
+const Badge = (0, import_utils.withInstall)(import_Badge.default);
+var stdin_default = Badge;

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

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

package/lib/badge/style/index.js

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

package/lib/button/Button.d.ts

@@ -0,0 +1,154 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { LoadingType } from '../loading';
+import { ButtonSize, ButtonType, ButtonNativeType, ButtonIconPosition } from './types';
+declare const buttonProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: ButtonSize;
+    };
+    color: StringConstructor;
+    backgroundColor: StringConstructor;
+    borderLess: BooleanConstructor;
+    borderColor: StringConstructor;
+    block: BooleanConstructor;
+    blockInner: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: PropType<ButtonNativeType>;
+        default: ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: PropType<LoadingType>;
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
+    };
+};
+export declare type ButtonProps = ExtractPropTypes<typeof buttonProps>;
+declare const _default: import("vue").DefineComponent<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: ButtonSize;
+    };
+    color: StringConstructor;
+    backgroundColor: StringConstructor;
+    borderLess: BooleanConstructor;
+    borderColor: StringConstructor;
+    block: BooleanConstructor;
+    blockInner: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: PropType<ButtonNativeType>;
+        default: ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: PropType<LoadingType>;
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: ButtonSize;
+    };
+    color: StringConstructor;
+    backgroundColor: StringConstructor;
+    borderLess: BooleanConstructor;
+    borderColor: StringConstructor;
+    block: BooleanConstructor;
+    blockInner: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: PropType<ButtonNativeType>;
+        default: ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: PropType<LoadingType>;
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    type: ButtonType;
+    tag: keyof HTMLElementTagNameMap;
+    round: boolean;
+    disabled: boolean;
+    size: ButtonSize;
+    loading: boolean;
+    block: boolean;
+    square: boolean;
+    borderLess: boolean;
+    blockInner: boolean;
+    plain: boolean;
+    hairline: boolean;
+    nativeType: ButtonNativeType;
+    iconPosition: ButtonIconPosition;
+}>;
+export default _default;