zartui 0.1.112 → 3.0.2

package/lib/popup/shared.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  popupSharedPropKeys: () => popupSharedPropKeys,
+  popupSharedProps: () => popupSharedProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+const popupSharedProps = {
+  show: Boolean,
+  zIndex: import_utils.numericProp,
+  overlay: import_utils.truthProp,
+  duration: import_utils.numericProp,
+  teleport: [String, Object],
+  lockScroll: import_utils.truthProp,
+  lazyRender: import_utils.truthProp,
+  beforeClose: Function,
+  overlayStyle: Object,
+  overlayClass: import_utils.unknownProp,
+  transitionAppear: Boolean,
+  closeOnClickOverlay: import_utils.truthProp
+};
+const popupSharedPropKeys = Object.keys(
+  popupSharedProps
+);

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

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

package/lib/popup/style/index.js

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

package/lib/popup/types.d.ts

@@ -0,0 +1,8 @@
+import type { Ref, ComponentPublicInstance } from 'vue';
+import type { PopupProps } from './Popup';
+export declare type PopupPosition = 'top' | 'left' | 'bottom' | 'right' | 'center' | '';
+export declare type PopupCloseIconPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export declare type PopupExpose = {
+    popupRef: Ref<HTMLElement>;
+};
+export declare type PopupInstance = ComponentPublicInstance<PopupProps, PopupExpose>;

package/lib/popup/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/pull-refresh/PullRefresh.d.ts

@@ -0,0 +1,75 @@
+import { ExtractPropTypes } from 'vue';
+declare const pullRefreshProps: {
+    disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    headHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    successText: StringConstructor;
+    pullingText: StringConstructor;
+    loosingText: StringConstructor;
+    loadingText: StringConstructor;
+    pullDistance: (NumberConstructor | StringConstructor)[];
+    successDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animationDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export declare type PullRefreshProps = ExtractPropTypes<typeof pullRefreshProps>;
+declare const _default: import("vue").DefineComponent<{
+    disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    headHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    successText: StringConstructor;
+    pullingText: StringConstructor;
+    loosingText: StringConstructor;
+    loadingText: StringConstructor;
+    pullDistance: (NumberConstructor | StringConstructor)[];
+    successDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animationDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "refresh")[], "change" | "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    headHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    successText: StringConstructor;
+    pullingText: StringConstructor;
+    loosingText: StringConstructor;
+    loadingText: StringConstructor;
+    pullDistance: (NumberConstructor | StringConstructor)[];
+    successDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animationDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onRefresh?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    animationDuration: string | number;
+    modelValue: boolean;
+    headHeight: string | number;
+    successDuration: string | number;
+}>;
+export default _default;

package/lib/pull-refresh/PullRefresh.js

@@ -0,0 +1,210 @@
+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 = require("@zartui/use");
+var import_use_touch = require("../composables/use-touch");
+var import_loading = require("../loading");
+const [name, bem, t] = (0, import_utils.createNamespace)("pull-refresh");
+const DEFAULT_HEAD_HEIGHT = 50;
+const TEXT_STATUS = ["pulling", "loosing", "success"];
+const pullRefreshProps = {
+  disabled: Boolean,
+  modelValue: Boolean,
+  headHeight: (0, import_utils.makeNumericProp)(DEFAULT_HEAD_HEIGHT),
+  successText: String,
+  pullingText: String,
+  loosingText: String,
+  loadingText: String,
+  pullDistance: import_utils.numericProp,
+  successDuration: (0, import_utils.makeNumericProp)(500),
+  animationDuration: (0, import_utils.makeNumericProp)(300)
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: pullRefreshProps,
+  emits: ["change", "refresh", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    let reachTop;
+    const root = (0, import_vue2.ref)();
+    const scrollParent = (0, import_use.useScrollParent)(root);
+    const state = (0, import_vue2.reactive)({
+      status: "normal",
+      distance: 0,
+      duration: 0
+    });
+    const touch = (0, import_use_touch.useTouch)();
+    const getHeadStyle = () => {
+      if (props.headHeight !== DEFAULT_HEAD_HEIGHT) {
+        return {
+          height: `${props.headHeight}px`
+        };
+      }
+    };
+    const isTouchable = () => state.status !== "loading" && state.status !== "success" && !props.disabled;
+    const ease = (distance) => {
+      const pullDistance = +(props.pullDistance || props.headHeight);
+      if (distance > pullDistance) {
+        if (distance < pullDistance * 2) {
+          distance = pullDistance + (distance - pullDistance) / 2;
+        } else {
+          distance = pullDistance * 1.5 + (distance - pullDistance * 2) / 4;
+        }
+      }
+      return Math.round(distance);
+    };
+    const setStatus = (distance, isLoading) => {
+      const pullDistance = +(props.pullDistance || props.headHeight);
+      state.distance = distance;
+      if (isLoading) {
+        state.status = "loading";
+      } else if (distance === 0) {
+        state.status = "normal";
+      } else if (distance < pullDistance) {
+        state.status = "pulling";
+      } else {
+        state.status = "loosing";
+      }
+      emit("change", {
+        status: state.status,
+        distance
+      });
+    };
+    const getStatusText = () => {
+      const {
+        status
+      } = state;
+      if (status === "normal") {
+        return "";
+      }
+      return props[`${status}Text`] || t(status);
+    };
+    const renderStatus = () => {
+      const {
+        status,
+        distance
+      } = state;
+      if (slots[status]) {
+        return slots[status]({
+          distance
+        });
+      }
+      const nodes = [];
+      if (TEXT_STATUS.includes(status)) {
+        nodes.push((0, import_vue.createVNode)("div", {
+          "class": bem("text")
+        }, [getStatusText()]));
+      }
+      if (status === "loading") {
+        nodes.push((0, import_vue.createVNode)(import_loading.Loading, {
+          "color": "#969799",
+          "text-color": "#969799",
+          "class": bem("loading")
+        }, {
+          default: getStatusText
+        }));
+      }
+      return nodes;
+    };
+    const showSuccessTip = () => {
+      state.status = "success";
+      setTimeout(() => {
+        setStatus(0);
+      }, +props.successDuration);
+    };
+    const checkPosition = (event) => {
+      reachTop = (0, import_utils.getScrollTop)(scrollParent.value) === 0;
+      if (reachTop) {
+        state.duration = 0;
+        touch.start(event);
+      }
+    };
+    const onTouchStart = (event) => {
+      if (isTouchable()) {
+        checkPosition(event);
+      }
+    };
+    const onTouchMove = (event) => {
+      if (isTouchable()) {
+        if (!reachTop) {
+          checkPosition(event);
+        }
+        const {
+          deltaY
+        } = touch;
+        touch.move(event);
+        if (reachTop && deltaY.value >= 0 && touch.isVertical()) {
+          (0, import_utils.preventDefault)(event);
+          setStatus(ease(deltaY.value));
+        }
+      }
+    };
+    const onTouchEnd = () => {
+      if (reachTop && touch.deltaY.value && isTouchable()) {
+        state.duration = +props.animationDuration;
+        if (state.status === "loosing") {
+          setStatus(+props.headHeight, true);
+          emit("update:modelValue", true);
+          (0, import_vue2.nextTick)(() => emit("refresh"));
+        } else {
+          setStatus(0);
+        }
+      }
+    };
+    (0, import_vue2.watch)(() => props.modelValue, (value) => {
+      state.duration = +props.animationDuration;
+      if (value) {
+        setStatus(+props.headHeight, true);
+      } else if (slots.success || props.successText) {
+        showSuccessTip();
+      } else {
+        setStatus(0, false);
+      }
+    });
+    return () => {
+      var _a;
+      const trackStyle = {
+        transitionDuration: `${state.duration}ms`,
+        transform: state.distance ? `translate3d(0,${state.distance}px, 0)` : ""
+      };
+      return (0, import_vue.createVNode)("div", {
+        "ref": root,
+        "class": bem()
+      }, [(0, import_vue.createVNode)("div", {
+        "class": bem("track"),
+        "style": trackStyle,
+        "onTouchstart": onTouchStart,
+        "onTouchmove": onTouchMove,
+        "onTouchend": onTouchEnd,
+        "onTouchcancel": onTouchEnd
+      }, [(0, import_vue.createVNode)("div", {
+        "class": bem("head"),
+        "style": getHeadStyle()
+      }, [renderStatus()]), (_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
+  }
+});

package/lib/pull-refresh/index.css

@@ -0,0 +1 @@
+body{--zt-pull-refresh-head-height: 50px;--zt-pull-refresh-head-font-size: var(--zt-font-size-md);--zt-pull-refresh-head-text-color: var(--zt-text-color-2);--zt-pull-refresh-loading-icon-size: 14px;--zt-pull-refresh-head-background: var(--zt-background)}.zt-pull-refresh{overflow:hidden}.zt-pull-refresh__track{position:relative;height:100%;transition-property:transform}.zt-pull-refresh__head{position:absolute;left:0;width:100%;height:var(--zt-pull-refresh-head-height);overflow:hidden;color:var(--zt-pull-refresh-head-text-color);font-size:var(--zt-pull-refresh-head-font-size);line-height:var(--zt-pull-refresh-head-height);text-align:center;transform:translateY(-100%);background:var(--zt-pull-refresh-head-background)}.zt-pull-refresh__loading .zt-loading__spinner{width:var(--zt-pull-refresh-loading-icon-size);height:var(--zt-pull-refresh-loading-icon-size)}

package/lib/pull-refresh/index.d.ts

@@ -0,0 +1,58 @@
+export declare const PullRefresh: import("../utils").WithInstall<import("vue").DefineComponent<{
+    disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    headHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    successText: StringConstructor;
+    pullingText: StringConstructor;
+    loosingText: StringConstructor;
+    loadingText: StringConstructor;
+    pullDistance: (NumberConstructor | StringConstructor)[];
+    successDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animationDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "refresh")[], "change" | "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    headHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    successText: StringConstructor;
+    pullingText: StringConstructor;
+    loosingText: StringConstructor;
+    loadingText: StringConstructor;
+    pullDistance: (NumberConstructor | StringConstructor)[];
+    successDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    animationDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onRefresh?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    animationDuration: string | number;
+    modelValue: boolean;
+    headHeight: string | number;
+    successDuration: string | number;
+}>>;
+export default PullRefresh;
+export type { PullRefreshProps } from './PullRefresh';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtPullRefresh: typeof PullRefresh;
+    }
+}

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

package/lib/pull-refresh/style/index.d.ts

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

package/lib/pull-refresh/style/index.js

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

package/lib/rate/Rate.d.ts

@@ -0,0 +1,107 @@
+import { ExtractPropTypes } from 'vue';
+declare const rateProps: {
+    size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    voidIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabledColor: StringConstructor;
+};
+export declare type RateProps = ExtractPropTypes<typeof rateProps>;
+declare const _default: import("vue").DefineComponent<{
+    size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    voidIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabledColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    voidIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabledColor: StringConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    icon: string;
+    modelValue: number;
+    count: string | number;
+    readonly: boolean;
+    voidIcon: string;
+    allowHalf: boolean;
+    touchable: boolean;
+}>;
+export default _default;