zartui 3.0.1 → 3.0.3

package/lib/skeleton/Skeleton.d.ts

@@ -0,0 +1,104 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
+export declare type SkeletonAvatarShape = 'square' | 'round';
+export declare const skeletonProps: {
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: BooleanConstructor;
+    round: BooleanConstructor;
+    avatar: BooleanConstructor;
+    field: BooleanConstructor;
+    textarea: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    animate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    titleWidth: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
+    rowWidth: {
+        type: PropType<Numeric | Numeric[]>;
+        default: string;
+    };
+};
+export declare type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
+declare const _default: import("vue").DefineComponent<{
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: BooleanConstructor;
+    round: BooleanConstructor;
+    avatar: BooleanConstructor;
+    field: BooleanConstructor;
+    textarea: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    animate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    titleWidth: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
+    rowWidth: {
+        type: PropType<Numeric | Numeric[]>;
+        default: string;
+    };
+}, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: BooleanConstructor;
+    round: BooleanConstructor;
+    avatar: BooleanConstructor;
+    field: BooleanConstructor;
+    textarea: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    animate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    titleWidth: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
+    rowWidth: {
+        type: PropType<Numeric | Numeric[]>;
+        default: string;
+    };
+}>>, {
+    textarea: boolean;
+    title: boolean;
+    animate: boolean;
+    field: boolean;
+    round: boolean;
+    loading: boolean;
+    row: string | number;
+    avatar: boolean;
+    avatarShape: SkeletonAvatarShape;
+    rowWidth: Numeric | Numeric[];
+}>;
+export default _default;

package/lib/skeleton/Skeleton.js

@@ -0,0 +1,135 @@
+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,
+  skeletonProps: () => skeletonProps
+});
+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)("skeleton");
+const DEFAULT_ROW_WIDTH = "100%";
+const DEFAULT_LAST_ROW_WIDTH = "60%";
+const skeletonProps = {
+  row: (0, import_utils.makeNumericProp)(0),
+  title: Boolean,
+  round: Boolean,
+  avatar: Boolean,
+  field: Boolean,
+  textarea: Boolean,
+  loading: import_utils.truthProp,
+  animate: import_utils.truthProp,
+  avatarSize: import_utils.numericProp,
+  titleWidth: import_utils.numericProp,
+  avatarShape: (0, import_utils.makeStringProp)("round"),
+  rowWidth: {
+    type: [Number, String, Array],
+    default: DEFAULT_ROW_WIDTH
+  }
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  inheritAttrs: false,
+  props: skeletonProps,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const renderAvatar = () => {
+      if (props.avatar) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("avatar", props.avatarShape),
+          "style": (0, import_utils.getSizeStyle)(props.avatarSize)
+        }, null);
+      }
+    };
+    const renderTitle = () => {
+      if (props.title && !props.field) {
+        return (0, import_vue.createVNode)("h3", {
+          "class": bem("title"),
+          "style": {
+            width: (0, import_utils.addUnit)(props.titleWidth)
+          }
+        }, null);
+      }
+    };
+    function renderRows() {
+      const Rows = [];
+      const {
+        rowWidth
+      } = props;
+      function getRowWidth(index) {
+        if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
+          return DEFAULT_LAST_ROW_WIDTH;
+        }
+        if (Array.isArray(rowWidth)) {
+          return rowWidth[index];
+        }
+        return rowWidth;
+      }
+      for (let i = 0; i < props.row; i++) {
+        if (props.field) {
+          Rows.push((0, import_vue.createVNode)("div", {
+            "class": bem("field")
+          }, [(0, import_vue.createVNode)("span", {
+            "class": bem("field-title"),
+            "style": {
+              width: (0, import_utils.addUnit)(props.titleWidth)
+            }
+          }, null), (0, import_vue.createVNode)("span", {
+            "class": bem("field-value"),
+            "style": {
+              width: (0, import_utils.addUnit)(getRowWidth(i))
+            }
+          }, null)]));
+        } else if (props.textarea) {
+          Rows.push((0, import_vue.createVNode)("div", {
+            "class": bem("textarea"),
+            "style": {
+              width: (0, import_utils.addUnit)(getRowWidth(i))
+            }
+          }, null));
+        } else {
+          Rows.push((0, import_vue.createVNode)("div", {
+            "class": bem("row"),
+            "style": {
+              width: (0, import_utils.addUnit)(getRowWidth(i))
+            }
+          }, null));
+        }
+      }
+      return Rows;
+    }
+    return () => {
+      var _a;
+      if (!props.loading) {
+        return (_a = slots.default) == null ? void 0 : _a.call(slots);
+      }
+      return (0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
+        "class": bem({
+          animate: props.animate,
+          round: props.round
+        })
+      }, attrs), [renderAvatar(), (0, import_vue.createVNode)("div", {
+        "class": bem("content")
+      }, [renderTitle(), renderRows()])]);
+    };
+  }
+});

package/lib/skeleton/index.css

@@ -0,0 +1 @@
+:root{--zt-skeleton-row-height: 16px;--zt-skeleton-row-background: var(--zt-active-color);--zt-skeleton-row-margin-top: var(--zt-padding-sm);--zt-skeleton-title-width: 40%;--zt-skeleton-avatar-size: 32px;--zt-skeleton-avatar-background: var(--zt-active-color);--zt-skeleton-duration: 1.2s}.zt-skeleton{display:flex;padding:0 var(--zt-padding-md)}.zt-skeleton__avatar{flex-shrink:0;width:var(--zt-skeleton-avatar-size);height:var(--zt-skeleton-avatar-size);margin-right:var(--zt-padding-md);background:var(--zt-skeleton-avatar-background)}.zt-skeleton__avatar--round{border-radius:var(--zt-radius-max)}.zt-skeleton__content{width:100%}.zt-skeleton__avatar+.zt-skeleton__content{padding-top:var(--zt-padding-xs)}.zt-skeleton__row,.zt-skeleton__textarea,.zt-skeleton__title{height:var(--zt-skeleton-row-height);background:var(--zt-skeleton-row-background)}.zt-skeleton__title{width:var(--zt-skeleton-title-width);margin:0}.zt-skeleton__textarea{margin-top:10px}.zt-skeleton__row:not(:first-child){margin-top:var(--zt-skeleton-row-margin-top)}.zt-skeleton__title+.zt-skeleton__row{margin-top:20px}.zt-skeleton--animate{animation:zt-skeleton-blink var(--zt-skeleton-duration) ease-in-out infinite}.zt-skeleton--round .zt-skeleton__row,.zt-skeleton--round .zt-skeleton__title{border-radius:var(--zt-radius-max)}.zt-skeleton__field{width:100%;display:flex;justify-content:space-between}.zt-skeleton__field:not(:first-child){margin-top:16px}.zt-skeleton__field-title,.zt-skeleton__field-value{height:var(--zt-skeleton-row-height);background:var(--zt-skeleton-row-background)}@keyframes zt-skeleton-blink{50%{opacity:.6}}

package/lib/skeleton/index.d.ts

@@ -0,0 +1,78 @@
+export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: BooleanConstructor;
+    round: BooleanConstructor;
+    avatar: BooleanConstructor;
+    field: BooleanConstructor;
+    textarea: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    animate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    titleWidth: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: import("vue").PropType<import("./Skeleton").SkeletonAvatarShape>;
+        default: import("./Skeleton").SkeletonAvatarShape;
+    };
+    rowWidth: {
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
+        default: string;
+    };
+}, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | 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<{
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: BooleanConstructor;
+    round: BooleanConstructor;
+    avatar: BooleanConstructor;
+    field: BooleanConstructor;
+    textarea: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    animate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    titleWidth: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: import("vue").PropType<import("./Skeleton").SkeletonAvatarShape>;
+        default: import("./Skeleton").SkeletonAvatarShape;
+    };
+    rowWidth: {
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
+        default: string;
+    };
+}>>, {
+    textarea: boolean;
+    title: boolean;
+    animate: boolean;
+    field: boolean;
+    round: boolean;
+    loading: boolean;
+    row: string | number;
+    avatar: boolean;
+    avatarShape: import("./Skeleton").SkeletonAvatarShape;
+    rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
+}>>;
+export default Skeleton;
+export { skeletonProps } from './Skeleton';
+export type { SkeletonProps, SkeletonAvatarShape } from './Skeleton';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtSkeleton: typeof Skeleton;
+    }
+}

package/lib/skeleton/index.js

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

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

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

package/lib/skeleton/style/index.js

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

package/lib/step/Step.d.ts

@@ -0,0 +1,15 @@
+export declare const stepProps: {
+    iconPrefix: StringConstructor;
+    activeIcon: StringConstructor;
+    inactiveIcon: StringConstructor;
+};
+declare const _default: import("vue").DefineComponent<{
+    iconPrefix: StringConstructor;
+    activeIcon: StringConstructor;
+    inactiveIcon: StringConstructor;
+}, (() => 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<{
+    iconPrefix: StringConstructor;
+    activeIcon: StringConstructor;
+    inactiveIcon: StringConstructor;
+}>>, {}>;
+export default _default;

package/lib/step/Step.js

@@ -0,0 +1,156 @@
+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,
+  stepProps: () => stepProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_Steps = require("../steps/Steps");
+var import_use = require("@zartui/use");
+var import_icon = require("../icon");
+const [name, bem] = (0, import_utils.createNamespace)("step");
+const stepProps = {
+  iconPrefix: String,
+  activeIcon: String,
+  inactiveIcon: String
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: stepProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      parent,
+      index
+    } = (0, import_use.useParent)(import_Steps.STEPS_KEY);
+    if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[ZartUI] <Step> must be a child component of <Steps>.");
+      }
+      return;
+    }
+    const parentProps = parent.props;
+    const getStatus = () => {
+      const active = +parentProps.active;
+      return index.value === active ? "process" : "waiting";
+    };
+    const isActive = () => getStatus() === "process";
+    const titleStyle = (0, import_vue2.computed)(() => {
+      if (isActive()) {
+        return {
+          color: parentProps.titleActiveColor || "#2D4B73"
+        };
+      }
+      return {
+        color: parentProps.titleInactiveColor || "rgba(45, 75, 115, 0.6)"
+      };
+    });
+    const onClickStep = () => parent.onClickStep(index.value);
+    const circleStyle = () => {
+      const {
+        activeColor,
+        activeBgColor,
+        activeBorderColor,
+        inactiveBgColor,
+        inactiveBorderColor,
+        inactiveColor
+      } = parentProps;
+      const style = {};
+      if (isActive()) {
+        style.background = `${activeBgColor || "rgba(0,145,250,0.20)"}`;
+        style.border = `1px solid ${activeBorderColor || "rgba(0,145,250,0.20)"}`;
+        style.fontWeight = "bold";
+        style.color = `${activeColor || "#0091FA"}`;
+      } else {
+        style.background = `${inactiveBgColor || "rgba(0,0,0,0.20)"}`;
+        style.border = `1px solid ${inactiveBorderColor || "rgba(0,0,0,0)"}`;
+        style.fontWeight = "normal";
+        style.color = `${inactiveColor || "#FFFFFF"}`;
+      }
+      return style;
+    };
+    const renderCircle = () => {
+      const {
+        activeColor,
+        inactiveColor
+      } = parentProps;
+      const {
+        iconPrefix,
+        activeIcon,
+        inactiveIcon
+      } = props;
+      if (isActive() && (activeIcon || slots["active-icon"])) {
+        if (slots["active-icon"]) {
+          return slots["active-icon"]();
+        }
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("circle"),
+          "style": circleStyle()
+        }, [(0, import_vue.createVNode)(import_icon.Icon, {
+          "class": bem("icon", "active"),
+          "name": activeIcon,
+          "color": activeColor,
+          "classPrefix": iconPrefix
+        }, null)]);
+      }
+      if (inactiveIcon || slots["inactive-icon"]) {
+        if (slots["inactive-icon"]) {
+          return slots["inactive-icon"]();
+        }
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("circle"),
+          "style": circleStyle()
+        }, [(0, import_vue.createVNode)(import_icon.Icon, {
+          "class": bem("icon"),
+          "name": inactiveIcon,
+          "color": inactiveColor,
+          "classPrefix": iconPrefix
+        }, null)]);
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("circle"),
+        "style": circleStyle()
+      }, [index.value]);
+    };
+    return () => {
+      var _a;
+      const status = getStatus();
+      return (0, import_vue.createVNode)("div", {
+        "class": [import_utils.BORDER, bem([parentProps.direction, {
+          [status]: status
+        }])]
+      }, [(0, import_vue.createVNode)("div", {
+        "class": bem("title", {
+          active: isActive()
+        }),
+        "style": titleStyle.value,
+        "onClick": onClickStep
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), (0, import_vue.createVNode)("div", {
+        "class": bem("circle-container"),
+        "onClick": onClickStep
+      }, [renderCircle()]), (0, import_vue.createVNode)("div", {
+        "class": bem("line")
+      }, null)]);
+    };
+  }
+});

package/lib/step/index.css

@@ -0,0 +1 @@
+:root{--zt-step-text-color: var(--zt-text-color-2);--zt-step-active-color: var(--zt-gray-default);--zt-step-process-text-color: var(--zt-text-color);--zt-step-font-size: var(--zt-font-size-md);--zt-step-line-color: var(--zt-gray-a1);--zt-step-finish-line-color: var(--zt-primary-color);--zt-step-finish-text-color: var(--zt-text-color);--zt-step-icon-size: 12px;--zt-step-circle-size: 20px;--zt-step-circle-font-size: 14px;--zt-step-circle-color: var(--zt-gray-6);--zt-step-horizontal-title-font-size: var(--zt-font-size-md)}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-step-circle-size);height:var(--zt-step-circle-size);line-height:var(--zt-step-circle-size);border-radius:50%;text-align:center;font-size:var(--zt-step-circle-font-size)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-white);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-step-horizontal-title-font-size);width:100%;text-align:center}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-sm)}.zt-step--vertical .zt-step__title{font-size:var(--zt-step-horizontal-title-font-size)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:0px;z-index:1;font-size:var(--zt-step-icon-size);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}

package/lib/step/index.d.ts

@@ -0,0 +1,15 @@
+export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{
+    iconPrefix: StringConstructor;
+    activeIcon: StringConstructor;
+    inactiveIcon: StringConstructor;
+}, (() => 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<{
+    iconPrefix: StringConstructor;
+    activeIcon: StringConstructor;
+    inactiveIcon: StringConstructor;
+}>>, {}>>;
+export default Step;
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtStep: typeof Step;
+    }
+}

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

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

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

package/lib/step/style/index.js

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

package/lib/stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import type { PropType, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 export declare type StepperTheme = 'default' | 'round';
 declare const stepperProps: {
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "plus" | "minus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -165,8 +165,8 @@ declare const _default: import("vue").DefineComponent<{
     name: string | number;
     max: string | number;
     disabled: boolean;
-    min: string | number;
     step: string | number;
+    min: string | number;
     integer: boolean;
     showPlus: boolean;
     showMinus: boolean;

package/lib/stepper/index.css

@@ -1 +1 @@
-body{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-button-icon-color: var(--zt-text-color);--zt-stepper-button-disabled-color: var(--zt-background);--zt-stepper-button-disabled-icon-color: var(--zt-gray-5);--zt-stepper-button-round-theme-color: var(--zt-primary-color);--zt-stepper-button-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0px rgba(45, 75, 115, .1);--zt-stepper-input-width: 60px;--zt-stepper-input-height: 32px;--zt-stepper-input-font-size: var(--zt-font-size-md);--zt-stepper-input-line-height: 20px;--zt-stepper-input-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-text-color-3);--zt-stepper-input-disabled-background: var(--zt-active-color);--zt-stepper-input-box-shadow: inset 4px 4px 8px -4px rgba(45, 75, 115, .1);--zt-stepper-radius: var(--zt-radius-max)}.zt-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.zt-stepper__could-click:active{box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-stepper__minus,.zt-stepper__plus{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:var(--zt-stepper-input-height);height:var(--zt-stepper-input-height);margin:0;padding:0;vertical-align:middle;background:var(--zt-stepper-background);border:0;background-image:linear-gradient(135deg,#e6ebf0 0%,#ffffff 100%,#ffffff 100%);box-shadow:var(--zt-stepper-button-box-shadow)}.zt-stepper__minus i,.zt-stepper__plus i{transform:scale(.625)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:var(--zt-stepper-button-disabled-icon-color);background-color:var(--zt-stepper-button-disabled-color);cursor:not-allowed}.zt-stepper__minus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__minus:after{display:none}.zt-stepper__plus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__input{box-sizing:border-box;width:var(--zt-stepper-input-width);height:var(--zt-stepper-input-height);margin:0 12px;padding:4px;color:var(--zt-stepper-input-text-color);font-size:var(--zt-stepper-input-font-size);line-height:var(--zt-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:0;border-width:1px 0;border-radius:var(--zt-radius-gt);box-shadow:var(--zt-stepper-input-box-shadow);-webkit-appearance:none}.zt-stepper__input:disabled{color:var(--zt-stepper-input-disabled-text-color);background-color:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__plus,.zt-stepper--round .zt-stepper__minus{border-radius:100%}.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.zt-stepper--round .zt-stepper__plus{color:var(--zt-white);background:var(--zt-stepper-button-round-theme-color)}.zt-stepper--round .zt-stepper__minus{color:var(--zt-stepper-button-round-theme-color);background-color:var(--zt-background-2);border:1px solid var(--zt-stepper-button-round-theme-color)}
+:root{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-button-icon-color: var(--zt-text-color);--zt-stepper-button-disabled-color: var(--zt-background);--zt-stepper-button-disabled-icon-color: var(--zt-gray-5);--zt-stepper-button-round-theme-color: var(--zt-primary-color);--zt-stepper-button-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0px rgba(45, 75, 115, .1);--zt-stepper-input-width: 60px;--zt-stepper-input-height: 32px;--zt-stepper-input-font-size: var(--zt-font-size-md);--zt-stepper-input-line-height: 20px;--zt-stepper-input-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-text-color-3);--zt-stepper-input-disabled-background: var(--zt-active-color);--zt-stepper-input-box-shadow: inset 4px 4px 8px -4px rgba(45, 75, 115, .1);--zt-stepper-radius: var(--zt-radius-max)}.zt-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.zt-stepper__could-click:active{box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-stepper__minus,.zt-stepper__plus{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:var(--zt-stepper-input-height);height:var(--zt-stepper-input-height);margin:0;padding:0;vertical-align:middle;background:var(--zt-stepper-background);border:0;background-image:linear-gradient(135deg,#e6ebf0 0%,#ffffff 100%,#ffffff 100%);box-shadow:var(--zt-stepper-button-box-shadow)}.zt-stepper__minus i,.zt-stepper__plus i{transform:scale(.625)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:var(--zt-stepper-button-disabled-icon-color);background-color:var(--zt-stepper-button-disabled-color);cursor:not-allowed}.zt-stepper__minus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__minus:after{display:none}.zt-stepper__plus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__input{box-sizing:border-box;width:var(--zt-stepper-input-width);height:var(--zt-stepper-input-height);margin:0 12px;padding:4px;color:var(--zt-stepper-input-text-color);font-size:var(--zt-stepper-input-font-size);line-height:var(--zt-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:0;border-width:1px 0;border-radius:var(--zt-radius-gt);box-shadow:var(--zt-stepper-input-box-shadow);-webkit-appearance:none}.zt-stepper__input:disabled{color:var(--zt-stepper-input-disabled-text-color);background-color:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__plus,.zt-stepper--round .zt-stepper__minus{border-radius:100%}.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.zt-stepper--round .zt-stepper__plus{color:var(--zt-white);background:var(--zt-stepper-button-round-theme-color)}.zt-stepper--round .zt-stepper__minus{color:var(--zt-stepper-button-round-theme-color);background-color:var(--zt-background-2);border:1px solid var(--zt-stepper-button-round-theme-color)}

package/lib/stepper/index.d.ts

@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "plus" | "minus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -110,8 +110,8 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     name: string | number;
     max: string | number;
     disabled: boolean;
-    min: string | number;
     step: string | number;
+    min: string | number;
     integer: boolean;
     showPlus: boolean;
     showMinus: boolean;