zartui 0.1.113 → 3.0.1

package/es/index.mjs

@@ -0,0 +1,105 @@
+import { Badge } from "./badge/index.mjs";
+import { Button } from "./button/index.mjs";
+import { Cell } from "./cell/index.mjs";
+import { Col } from "./col/index.mjs";
+import { ConfigProvider } from "./config-provider/index.mjs";
+import { Divider } from "./divider/index.mjs";
+import { Empty } from "./empty/index.mjs";
+import { Icon } from "./icon/index.mjs";
+import { List } from "./list/index.mjs";
+import { Loading } from "./loading/index.mjs";
+import { Locale } from "./locale/index.mjs";
+import { NoticeBar } from "./notice-bar/index.mjs";
+import { Notify } from "./notify/index.mjs";
+import { NumberKeyboard } from "./number-keyboard/index.mjs";
+import { Overlay } from "./overlay/index.mjs";
+import { PasswordInput } from "./password-input/index.mjs";
+import { Popup } from "./popup/index.mjs";
+import { PullRefresh } from "./pull-refresh/index.mjs";
+import { Rate } from "./rate/index.mjs";
+import { Row } from "./row/index.mjs";
+import { Stepper } from "./stepper/index.mjs";
+import { Sticky } from "./sticky/index.mjs";
+import { Swipe } from "./swipe/index.mjs";
+import { SwipeItem } from "./swipe-item/index.mjs";
+import { Switch } from "./switch/index.mjs";
+import { Tab } from "./tab/index.mjs";
+import { Tabs } from "./tabs/index.mjs";
+import { Toast } from "./toast/index.mjs";
+const version = "3.0.1";
+function install(app) {
+  const components = [
+    Badge,
+    Button,
+    Cell,
+    Col,
+    ConfigProvider,
+    Divider,
+    Empty,
+    Icon,
+    List,
+    Loading,
+    Locale,
+    NoticeBar,
+    Notify,
+    NumberKeyboard,
+    Overlay,
+    PasswordInput,
+    Popup,
+    PullRefresh,
+    Rate,
+    Row,
+    Stepper,
+    Sticky,
+    Swipe,
+    SwipeItem,
+    Switch,
+    Tab,
+    Tabs,
+    Toast
+  ];
+  components.forEach((item) => {
+    if (item.install) {
+      app.use(item);
+    } else if (item.name) {
+      app.component(item.name, item);
+    }
+  });
+}
+export * from "./badge/index.mjs";
+export * from "./button/index.mjs";
+export * from "./cell/index.mjs";
+export * from "./col/index.mjs";
+export * from "./config-provider/index.mjs";
+export * from "./divider/index.mjs";
+export * from "./empty/index.mjs";
+export * from "./icon/index.mjs";
+export * from "./list/index.mjs";
+export * from "./loading/index.mjs";
+export * from "./locale/index.mjs";
+export * from "./notice-bar/index.mjs";
+export * from "./notify/index.mjs";
+export * from "./number-keyboard/index.mjs";
+export * from "./overlay/index.mjs";
+export * from "./password-input/index.mjs";
+export * from "./popup/index.mjs";
+export * from "./pull-refresh/index.mjs";
+export * from "./rate/index.mjs";
+export * from "./row/index.mjs";
+export * from "./stepper/index.mjs";
+export * from "./sticky/index.mjs";
+export * from "./swipe/index.mjs";
+export * from "./swipe-item/index.mjs";
+export * from "./switch/index.mjs";
+export * from "./tab/index.mjs";
+export * from "./tabs/index.mjs";
+export * from "./toast/index.mjs";
+var stdin_default = {
+  install,
+  version
+};
+export {
+  stdin_default as default,
+  install,
+  version
+};

package/es/list/List.d.ts

@@ -0,0 +1,74 @@
+import { ExtractPropTypes } from 'vue';
+import type { ListDirection } from './types';
+declare const listProps: {
+    error: BooleanConstructor;
+    offset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<ListDirection>;
+        default: ListDirection;
+    };
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    immediateCheck: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type ListProps = ExtractPropTypes<typeof listProps>;
+declare const _default: import("vue").DefineComponent<{
+    error: BooleanConstructor;
+    offset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<ListDirection>;
+        default: ListDirection;
+    };
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    immediateCheck: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "update:error" | "update:loading")[], "load" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    error: BooleanConstructor;
+    offset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<ListDirection>;
+        default: ListDirection;
+    };
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    immediateCheck: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onLoad?: ((...args: any[]) => any) | undefined;
+    "onUpdate:error"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
+}, {
+    offset: string | number;
+    loading: boolean;
+    direction: ListDirection;
+    error: boolean;
+    finished: boolean;
+    immediateCheck: boolean;
+}>;
+export default _default;

package/es/list/List.mjs

@@ -0,0 +1,147 @@
+import { createVNode as _createVNode } from "vue";
+import { ref, watch, nextTick, onUpdated, onMounted, defineComponent } from "vue";
+import { isHidden, truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { useRect, useScrollParent, useEventListener } from "@zartui/use";
+import { useExpose } from "../composables/use-expose.mjs";
+import { useTabStatus } from "../composables/use-tab-status.mjs";
+import { Loading } from "../loading/index.mjs";
+import { Divider } from "../divider/index.mjs";
+const [name, bem, t] = createNamespace("list");
+const listProps = {
+  error: Boolean,
+  offset: makeNumericProp(300),
+  loading: Boolean,
+  finished: Boolean,
+  errorText: String,
+  direction: makeStringProp("down"),
+  loadingText: String,
+  finishedText: String,
+  immediateCheck: truthProp
+};
+var stdin_default = defineComponent({
+  name,
+  props: listProps,
+  emits: ["load", "update:error", "update:loading"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const loading = ref(false);
+    const root = ref();
+    const placeholder = ref();
+    const tabStatus = useTabStatus();
+    const scrollParent = useScrollParent(root);
+    const check = () => {
+      nextTick(() => {
+        if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
+          return;
+        }
+        const {
+          offset,
+          direction
+        } = props;
+        const scrollParentRect = useRect(scrollParent);
+        if (!scrollParentRect.height || isHidden(root)) {
+          return;
+        }
+        let isReachEdge = false;
+        const placeholderRect = useRect(placeholder);
+        if (direction === "up") {
+          isReachEdge = scrollParentRect.top - placeholderRect.top <= offset;
+        } else {
+          isReachEdge = placeholderRect.bottom - scrollParentRect.bottom <= offset;
+        }
+        if (isReachEdge) {
+          loading.value = true;
+          emit("update:loading", true);
+          emit("load");
+        }
+      });
+    };
+    const renderFinishedText = () => {
+      if (props.finished) {
+        const text = slots.finished ? slots.finished() : props.finishedText;
+        if (text) {
+          return _createVNode(Divider, {
+            "style": {
+              padding: "0 16px"
+            },
+            "class": bem("finished-text")
+          }, {
+            default: () => [text]
+          });
+        }
+      }
+    };
+    const clickErrorText = () => {
+      emit("update:error", false);
+      check();
+    };
+    const renderErrorText = () => {
+      if (props.error) {
+        const text = slots.error ? slots.error() : props.errorText;
+        if (text) {
+          return _createVNode("div", {
+            "role": "button",
+            "class": bem("error-text"),
+            "tabindex": 0,
+            "style": {
+              cursor: "pointer"
+            },
+            "onClick": clickErrorText
+          }, [text]);
+        }
+      }
+    };
+    const renderLoading = () => {
+      if (loading.value && !props.finished) {
+        return _createVNode("div", {
+          "class": bem("loading")
+        }, [slots.loading ? slots.loading() : _createVNode(Loading, {
+          "class": bem("loading-icon")
+        }, {
+          default: () => [props.loadingText || t("loading")]
+        })]);
+      }
+    };
+    watch(() => [props.loading, props.finished, props.error], check);
+    if (tabStatus) {
+      watch(tabStatus, (tabActive) => {
+        if (tabActive) {
+          check();
+        }
+      });
+    }
+    onUpdated(() => {
+      loading.value = props.loading;
+    });
+    onMounted(() => {
+      if (props.immediateCheck) {
+        check();
+      }
+    });
+    useExpose({
+      check
+    });
+    useEventListener("scroll", check, {
+      target: scrollParent
+    });
+    return () => {
+      var _a;
+      const Content = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      const Placeholder = _createVNode("div", {
+        "ref": placeholder,
+        "class": bem("placeholder")
+      }, null);
+      return _createVNode("div", {
+        "ref": root,
+        "role": "feed",
+        "class": bem(),
+        "aria-busy": loading.value
+      }, [props.direction === "down" ? Content : Placeholder, renderLoading(), renderFinishedText(), renderErrorText(), props.direction === "up" ? Content : Placeholder]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/list/index.css

@@ -1 +1 @@
-.zt-list__error-text,.zt-list__finished-text,.zt-list__loading{color:#969799;font-size:14px;line-height:50px;text-align:center}.zt-list__placeholder{height:0;pointer-events:none}
+body{--zt-list-text-color: var(--zt-text-color-a6);--zt-list-text-font-size: var(--zt-font-size-md);--zt-list-text-line-height: 44px;--zt-list-loading-icon-size: 16px}.zt-list__loading,.zt-list__finished-text,.zt-list__error-text{color:var(--zt-list-text-color);font-size:var(--zt-list-text-font-size);line-height:var(--zt-list-text-line-height);text-align:center;padding-top:6px}.zt-list__placeholder{height:0;pointer-events:none}.zt-list__loading-icon .zt-loading__spinner{width:var(--zt-list-loading-icon-size);height:var(--zt-list-loading-icon-size)}

package/es/list/index.d.ts

@@ -0,0 +1,59 @@
+import { ListProps } from './List';
+export declare const List: import("../utils").WithInstall<import("vue").DefineComponent<{
+    error: BooleanConstructor;
+    offset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<import("./types").ListDirection>;
+        default: import("./types").ListDirection;
+    };
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    immediateCheck: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "update:error" | "update:loading")[], "load" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    error: BooleanConstructor;
+    offset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<import("./types").ListDirection>;
+        default: import("./types").ListDirection;
+    };
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    immediateCheck: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onLoad?: ((...args: any[]) => any) | undefined;
+    "onUpdate:error"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
+}, {
+    offset: string | number;
+    loading: boolean;
+    direction: import("./types").ListDirection;
+    error: boolean;
+    finished: boolean;
+    immediateCheck: boolean;
+}>>;
+export default List;
+export type { ListProps };
+export type { ListInstance, ListDirection } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtList: typeof List;
+    }
+}

package/es/list/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _List from "./List.mjs";
+const List = withInstall(_List);
+var stdin_default = List;
+export {
+  List,
+  stdin_default as default
+};

package/es/list/style/index.d.ts

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

package/es/list/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../style/base.css";
+import "../../loading/index.css";
+import "../../divider/index.css";
+import "../index.css";

package/es/list/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { ListProps } from './List';
+export declare type ListDirection = 'up' | 'down';
+export declare type ListExpose = {
+    check: () => void;
+};
+export declare type ListInstance = ComponentPublicInstance<ListProps, ListExpose>;

package/es/loading/Loading.d.ts

@@ -0,0 +1,39 @@
+import type { ExtractPropTypes } from 'vue';
+export declare type LoadingType = 'circular' | 'spinner' | 'snake';
+declare const loadingProps: {
+    size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<LoadingType>;
+        default: LoadingType;
+    };
+    color: StringConstructor;
+    vertical: BooleanConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
+    textColor: StringConstructor;
+};
+export declare type LoadingProps = ExtractPropTypes<typeof loadingProps>;
+declare const _default: import("vue").DefineComponent<{
+    size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<LoadingType>;
+        default: LoadingType;
+    };
+    color: StringConstructor;
+    vertical: BooleanConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
+    textColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<LoadingType>;
+        default: LoadingType;
+    };
+    color: StringConstructor;
+    vertical: BooleanConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
+    textColor: StringConstructor;
+}>>, {
+    type: LoadingType;
+    vertical: boolean;
+}>;
+export default _default;

package/es/loading/Loading.mjs

@@ -0,0 +1,114 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent } from "vue";
+import { extend, addUnit, numericProp, getSizeStyle, makeStringProp, createNamespace } from "../utils/index.mjs";
+const [name, bem] = createNamespace("loading");
+const loadingProps = {
+  size: numericProp,
+  type: makeStringProp("snake"),
+  color: String,
+  vertical: Boolean,
+  textSize: numericProp,
+  textColor: String
+};
+let svgElementId = 0;
+const LoadingIcon = (props) => {
+  if (props.type === "spinner") {
+    return Array(12).fill(null).map((_, index) => _createVNode("i", {
+      "class": bem("line", String(index + 1))
+    }, null));
+  }
+  if (props.type === "circular") {
+    return _createVNode("svg", {
+      "class": bem("circular"),
+      "viewBox": "25 25 50 50"
+    }, [_createVNode("circle", {
+      "cx": "50",
+      "cy": "50",
+      "r": "20",
+      "fill": "none"
+    }, null)]);
+  }
+  const firstHalfId = svgElementId++;
+  const secondHalfId = svgElementId++;
+  return _createVNode("svg", {
+    "class": bem("snake"),
+    "width": "200",
+    "height": "200",
+    "viewBox": "0 0 200 200",
+    "fill": "none"
+  }, [_createVNode("defs", null, [_createVNode("linearGradient", {
+    "id": secondHalfId + ""
+  }, [_createVNode("stop", {
+    "offset": "0%",
+    "stop-opacity": "0",
+    "stop-color": "currentColor"
+  }, null), _createVNode("stop", {
+    "offset": "100%",
+    "stop-opacity": "0.5",
+    "stop-color": "currentColor"
+  }, null)]), _createVNode("linearGradient", {
+    "id": firstHalfId + ""
+  }, [_createVNode("stop", {
+    "offset": "0%",
+    "stop-opacity": "1",
+    "stop-color": "currentColor"
+  }, null), _createVNode("stop", {
+    "offset": "100%",
+    "stop-opacity": "0.5",
+    "stop-color": "currentColor"
+  }, null)])]), _createVNode("g", {
+    "stroke-width": "18"
+  }, [_createVNode("path", {
+    "stroke": `url(#${secondHalfId})`,
+    "d": "M 9 100 A 91 91 0 0 1 191 100"
+  }, null), _createVNode("path", {
+    "stroke": `url(#${firstHalfId})`,
+    "d": "M 191 100 A 91 91 0 0 1 9 100"
+  }, null), _createVNode("path", {
+    "stroke": "currentColor",
+    "stroke-linecap": "round",
+    "d": "M 9 100 A 91 91 0 0 1 9 100"
+  }, null)])]);
+};
+var stdin_default = defineComponent({
+  name,
+  props: loadingProps,
+  setup(props, {
+    slots
+  }) {
+    const spinnerStyle = computed(() => extend({
+      color: props.color
+    }, getSizeStyle(props.size)));
+    const renderText = () => {
+      var _a;
+      if (slots.default) {
+        return _createVNode("span", {
+          "class": bem("text"),
+          "style": {
+            fontSize: addUnit(props.textSize),
+            color: (_a = props.textColor) != null ? _a : props.color
+          }
+        }, [slots.default()]);
+      }
+    };
+    return () => {
+      const {
+        type,
+        vertical
+      } = props;
+      return _createVNode("div", {
+        "class": bem([type, {
+          vertical
+        }]),
+        "aria-live": "polite",
+        "aria-busy": true
+      }, [_createVNode("span", {
+        "class": bem("spinner", type),
+        "style": spinnerStyle.value
+      }, [LoadingIcon(props)]), renderText()]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/loading/index.css

@@ -1 +1 @@
-.zt-loading{position:relative;color:#969799;font-size:0;vertical-align:middle}.zt-loading__spinner{position:relative;display:inline-block;width:36px;max-width:100%;height:36px;max-height:100%;vertical-align:middle;-webkit-animation:zt-rotate .7s linear infinite;animation:zt-rotate .7s linear infinite}.zt-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.zt-loading__spinner--spinner i{position:absolute;top:0;left:0;width:100%;height:100%}.zt-loading__spinner--spinner i::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.zt-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.zt-loading__circular{display:block;width:100%;height:100%}.zt-loading__circular circle{-webkit-animation:zt-circular 1.5s ease-in-out infinite;animation:zt-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.zt-loading__snake{display:block;width:100%;height:100%}.zt-loading__text{display:inline-block;margin-left:4px;color:rgba(0,0,0,.6);font-size:14px;line-height:20px;vertical-align:middle}.zt-loading--vertical{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-loading--vertical .zt-loading__text{margin:4px 0 0}.zt-loading--horizontal-with-text .zt-loading__spinner--snake{width:20px;height:20px}@-webkit-keyframes zt-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes zt-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.zt-loading__spinner--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.zt-loading__spinner--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.zt-loading__spinner--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.zt-loading__spinner--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.zt-loading__spinner--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.zt-loading__spinner--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.zt-loading__spinner--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.zt-loading__spinner--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.zt-loading__spinner--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.zt-loading__spinner--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.zt-loading__spinner--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.zt-loading__spinner--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}
+body{--zt-loading-text-color: var(--zt-text-color-a6);--zt-loading-text-font-size: var(--zt-font-size-md);--zt-loading-spinner-color: var(--zt-text-color-a4);--zt-loading-spinner-size: 36px;--zt-loading-spinner-duration: .8s;--zt-loading-text-line-height: 20px}.zt-loading{position:relative;color:var(--zt-loading-spinner-color);font-size:0;vertical-align:middle}.zt-loading__spinner{position:relative;display:inline-block;width:var(--zt-loading-spinner-size);max-width:100%;height:var(--zt-loading-spinner-size);max-height:100%;vertical-align:middle;animation:zt-rotate var(--zt-loading-spinner-duration) linear infinite}.zt-loading__spinner--spinner{animation-timing-function:steps(12)}.zt-loading__spinner--spinner__line{position:absolute;top:0;left:0;width:100%;height:100%}.zt-loading__spinner--spinner__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.zt-loading__spinner--circular{animation-duration:2s}.zt-loading__circular{display:block;width:100%;height:100%}.zt-loading__circular circle{animation:zt-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.zt-loading__snake{display:block;width:100%;height:100%}.zt-loading__text{display:inline-block;margin-left:var(--zt-padding-base);color:var(--zt-loading-text-color);font-size:var(--zt-loading-text-font-size);line-height:var(--zt-loading-text-line-height);vertical-align:middle}.zt-loading--vertical{display:flex;flex-direction:column;align-items:center}.zt-loading--vertical .zt-loading__text{margin:var(--zt-padding-base) 0 0}.zt-loading--horizontal-with-text .zt-loading__spinner--snake{width:20px;height:20px}@keyframes zt-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.zt-loading__spinner--spinner i:nth-of-type(1){transform:rotate(30deg);opacity:1}.zt-loading__spinner--spinner i:nth-of-type(2){transform:rotate(60deg);opacity:.9375}.zt-loading__spinner--spinner i:nth-of-type(3){transform:rotate(90deg);opacity:.875}.zt-loading__spinner--spinner i:nth-of-type(4){transform:rotate(120deg);opacity:.8125}.zt-loading__spinner--spinner i:nth-of-type(5){transform:rotate(150deg);opacity:.75}.zt-loading__spinner--spinner i:nth-of-type(6){transform:rotate(180deg);opacity:.6875}.zt-loading__spinner--spinner i:nth-of-type(7){transform:rotate(210deg);opacity:.625}.zt-loading__spinner--spinner i:nth-of-type(8){transform:rotate(240deg);opacity:.5625}.zt-loading__spinner--spinner i:nth-of-type(9){transform:rotate(270deg);opacity:.5}.zt-loading__spinner--spinner i:nth-of-type(10){transform:rotate(300deg);opacity:.4375}.zt-loading__spinner--spinner i:nth-of-type(11){transform:rotate(330deg);opacity:.375}.zt-loading__spinner--spinner i:nth-of-type(12){transform:rotate(360deg);opacity:.3125}

package/es/loading/index.d.ts

@@ -0,0 +1,31 @@
+export declare const Loading: import("../utils").WithInstall<import("vue").DefineComponent<{
+    size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<import("./Loading").LoadingType>;
+        default: import("./Loading").LoadingType;
+    };
+    color: StringConstructor;
+    vertical: BooleanConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
+    textColor: StringConstructor;
+}, () => 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<{
+    size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<import("./Loading").LoadingType>;
+        default: import("./Loading").LoadingType;
+    };
+    color: StringConstructor;
+    vertical: BooleanConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
+    textColor: StringConstructor;
+}>>, {
+    type: import("./Loading").LoadingType;
+    vertical: boolean;
+}>>;
+export default Loading;
+export type { LoadingType, LoadingProps } from './Loading';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtLoading: typeof Loading;
+    }
+}

package/es/loading/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Loading from "./Loading.mjs";
+const Loading = withInstall(_Loading);
+var stdin_default = Loading;
+export {
+  Loading,
+  stdin_default as default
+};

package/es/loading/style/index.d.ts

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

package/es/loading/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

package/es/locale/index.d.ts

@@ -0,0 +1,7 @@
+declare type Message = Record<string, any>;
+export declare const Locale: {
+    messages(): Message;
+    use(newLang: string, newMessages?: Message): void;
+    add(newMessages?: Message): void;
+};
+export default Locale;

package/es/locale/index.mjs

@@ -0,0 +1,24 @@
+import { ref, reactive } from "vue";
+import { deepAssign } from "../utils/deep-assign.mjs";
+import defaultMessages from "./lang/zh-CN.mjs";
+const lang = ref("zh-CN");
+const messages = reactive({
+  "zh-CN": defaultMessages
+});
+const Locale = {
+  messages() {
+    return messages[lang.value];
+  },
+  use(newLang, newMessages) {
+    lang.value = newLang;
+    this.add({ [newLang]: newMessages });
+  },
+  add(newMessages = {}) {
+    deepAssign(messages, newMessages);
+  }
+};
+var stdin_default = Locale;
+export {
+  Locale,
+  stdin_default as default
+};