zartui 3.0.1 → 3.0.3

package/lib/popup/index.d.ts

@@ -43,7 +43,12 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     };
     safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    sliderContentHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    slideable: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "keydown" | "open" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -88,6 +93,11 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     };
     safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: BooleanConstructor;
+    sliderContentHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    slideable: BooleanConstructor;
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
@@ -99,19 +109,21 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     onClickCloseIcon?: ((...args: any[]) => any) | undefined;
 }, {
     position: import("./types").PopupPosition;
-    round: boolean;
-    overlay: boolean;
     show: boolean;
-    closeable: boolean;
+    overlay: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
+    round: boolean;
     closeIcon: string;
+    closeable: boolean;
     closeOnPopstate: boolean;
     closeIconPosition: import("./types").PopupCloseIconPosition;
     safeAreaInsetTop: boolean;
     safeAreaInsetBottom: boolean;
+    sliderContentHeight: number;
+    slideable: boolean;
 }>>;
 export default Popup;
 export type { PopupProps } from './Popup';

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

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
 declare const pullRefreshProps: {
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
     headHeight: {
@@ -67,8 +67,8 @@ declare const _default: import("vue").DefineComponent<{
     onRefresh?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    animationDuration: string | number;
     modelValue: boolean;
+    animationDuration: string | number;
     headHeight: string | number;
     successDuration: string | number;
 }>;

package/lib/pull-refresh/PullRefresh.js

@@ -51,6 +51,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     let reachTop;
     const root = (0, import_vue2.ref)();
+    const track = (0, import_vue2.ref)();
     const scrollParent = (0, import_use.useScrollParent)(root);
     const state = (0, import_vue2.reactive)({
       status: "normal",
@@ -163,6 +164,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       }
     };
+    (0, import_use.useEventListener)("touchmove", onTouchMove, {
+      target: track
+    });
     const onTouchEnd = () => {
       if (reachTop && touch.deltaY.value && isTouchable()) {
         state.duration = +props.animationDuration;
@@ -195,9 +199,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "ref": root,
         "class": bem()
       }, [(0, import_vue.createVNode)("div", {
+        "ref": track,
         "class": bem("track"),
         "style": trackStyle,
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd

package/lib/pull-refresh/index.css

@@ -1 +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)}
+:root{--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

@@ -18,7 +18,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
     headHeight: {
@@ -44,8 +44,8 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
     onRefresh?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    animationDuration: string | number;
     modelValue: boolean;
+    animationDuration: string | number;
     headHeight: string | number;
     successDuration: string | number;
 }>>;

package/lib/radio/Radio.d.ts

@@ -0,0 +1,37 @@
+import { checkerProps, CheckerShape, CheckerLabelPosition } from '../checkbox/Checker';
+import type { ExtractPropTypes } from 'vue';
+export declare type RadioShape = CheckerShape;
+export declare type RadioLabelPosition = CheckerLabelPosition;
+export declare type RadioProps = ExtractPropTypes<typeof checkerProps>;
+declare const _default: import("vue").DefineComponent<{
+    name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: import("vue").PropType<CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: import("vue").PropType<CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    shape: CheckerShape;
+    labelDisabled: boolean;
+}>;
+export default _default;

package/lib/radio/Radio.js

@@ -0,0 +1,66 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_RadioGroup = require("../radio-group/RadioGroup");
+var import_use = require("@zartui/use");
+var import_Checker = __toESM(require("../checkbox/Checker"));
+const [name, bem] = (0, import_utils.createNamespace)("radio");
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: import_Checker.checkerProps,
+  emits: ["update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      parent
+    } = (0, import_use.useParent)(import_RadioGroup.RADIO_KEY);
+    const checked = () => {
+      const value = parent ? parent.props.modelValue : props.modelValue;
+      return value === props.name;
+    };
+    const toggle = () => {
+      if (parent) {
+        parent.updateValue(props.name);
+      } else {
+        emit("update:modelValue", props.name);
+      }
+    };
+    return () => (0, import_vue.createVNode)(import_Checker.default, (0, import_vue.mergeProps)({
+      "bem": bem,
+      "role": "radio",
+      "parent": parent,
+      "checked": checked(),
+      "onToggle": toggle
+    }, props), (0, import_utils.pick)(slots, ["default", "icon"]));
+  }
+});

package/lib/radio/index.css

@@ -0,0 +1 @@
+:root{--zt-radio-size: 16px;--zt-radio-padding: 12px 0;--zt-radio-border-color: var(--zt-gray-5);--zt-radio-duration: var(--zt-duration-fast);--zt-radio-round-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-radio-round-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-radio-round-border: 1px solid rgba(45, 75, 115, .13);--zt-radio-label-margin: 14px;--zt-radio-label-color: var(--zt-text-color);--zt-radio-label-font-size: var(--zt-font-size-md);--zt-radio-checked-icon-color: var(--zt-primary-color);--zt-radio-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-radio-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-radio-disabled-icon-color: var(--zt-gray-5);--zt-radio-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-radio-disabled-icon-border: 1px solid var(--zt-white-a5);--zt-radio-disabled-label-color: var(--zt-text-color-3);--zt-radio-disabled-background: var(--zt-border-color);--zt-radio-disabled-checked-icon-opacity: .4}.zt-radio{position:relative;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--zt-radio-padding)}.zt-radio--disabled{cursor:not-allowed}.zt-radio--label-disabled{cursor:default}.zt-radio--horizontal{margin-right:var(--zt-padding-md)}.zt-radio__icon{font-size:var(--zt-radio-size);cursor:pointer;box-sizing:border-box}.zt-radio__icon .zt-icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid var(--zt-radio-border-color);transition-duration:var(--zt-radio-duration);transition-property:color,border-color,background-color}.zt-radio__icon--round .zt-icon{border-radius:100%;border:var(--zt-radio-round-border);box-shadow:var(--zt-radio-round-box-shadow);background:var(--zt-radio-round-background)}.zt-radio__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-radio-checked-icon-color);box-shadow:var(--zt-radio-checked-icon-shadow);border:var(--zt-radio-checked-icon-border)}.zt-radio__icon--disabled{cursor:not-allowed}.zt-radio__icon--disabled .zt-icon{border:var(--zt-radio-disabled-icon-border);box-shadow:var(--zt-radio-disabled-icon-shadow);background:var(--zt-gradient-white)}.zt-radio__icon--disabled.zt-radio__icon--checked .zt-icon{opacity:var(--zt-radio-disabled-checked-icon-opacity);background:var(--zt-blue);color:var(--zt-white)}.zt-radio__dot{width:calc(var(--zt-radio-size) * .5);height:calc(var(--zt-radio-size) * .5);background:var(--zt-white);border-radius:50%}.zt-radio__label{margin-left:var(--zt-radio-label-margin);color:var(--zt-radio-label-color);font-size:var(--zt-radio-label-font-size)}.zt-radio__label--left{margin:0 var(--zt-radio-label-margin) 0 0}.zt-radio__label--disabled{color:var(--zt-radio-disabled-label-color)}

package/lib/radio/index.d.ts

@@ -0,0 +1,38 @@
+export declare const Radio: import("../utils").WithInstall<import("vue").DefineComponent<{
+    name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: import("vue").PropType<import("../checkbox/Checker").CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    shape: import("../checkbox/Checker").CheckerShape;
+    labelDisabled: boolean;
+}>>;
+export default Radio;
+export type { RadioProps, RadioShape, RadioLabelPosition } from './Radio';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtRadio: typeof Radio;
+    }
+}

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

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

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

package/lib/radio/style/index.js

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

package/lib/radio-group/RadioGroup.d.ts

@@ -0,0 +1,45 @@
+import type { CheckerDirection } from '../checkbox/Checker';
+import type { InjectionKey, ExtractPropTypes } from 'vue';
+export declare type RadioGroupDirection = CheckerDirection;
+declare const radioGroupProps: {
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<CheckerDirection>;
+        default: CheckerDirection;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+};
+export declare type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
+export declare type RadioGroupProvide = {
+    props: RadioGroupProps;
+    updateValue: (value: unknown) => void;
+};
+export declare const RADIO_KEY: InjectionKey<RadioGroupProvide>;
+declare const _default: import("vue").DefineComponent<{
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<CheckerDirection>;
+        default: CheckerDirection;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<CheckerDirection>;
+        default: CheckerDirection;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    direction: CheckerDirection;
+}>;
+export default _default;

package/lib/radio-group/RadioGroup.js

@@ -0,0 +1,63 @@
+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, {
+  RADIO_KEY: () => RADIO_KEY,
+  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");
+const [name, bem] = (0, import_utils.createNamespace)("radio-group");
+const radioGroupProps = {
+  disabled: Boolean,
+  iconSize: import_utils.numericProp,
+  direction: (0, import_utils.makeStringProp)("vertical"),
+  modelValue: import_utils.unknownProp,
+  checkedColor: String
+};
+const RADIO_KEY = Symbol(name);
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: radioGroupProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      linkChildren
+    } = (0, import_use.useChildren)(RADIO_KEY);
+    const updateValue = (value) => emit("update:modelValue", value);
+    (0, import_vue2.watch)(() => props.modelValue, (value) => emit("change", value));
+    linkChildren({
+      props,
+      updateValue
+    });
+    (0, import_use.useCustomFieldValue)(() => props.modelValue);
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "class": bem([props.direction]),
+        "role": "radiogroup"
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});

package/lib/radio-group/index.css

@@ -0,0 +1 @@
+.zt-radio-group--horizontal{display:flex;flex-wrap:wrap}.zt-radio-group--vertical .zt-radio:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:calc(var(--zt-radio-size) + var(--zt-radio-label-margin));border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-radio-group--vertical .zt-radio:last-child:after{display:none}

package/lib/radio-group/index.d.ts

@@ -0,0 +1,32 @@
+export declare const RadioGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
+        default: import("../checkbox/Checker").CheckerDirection;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
+        default: import("../checkbox/Checker").CheckerDirection;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    direction: import("../checkbox/Checker").CheckerDirection;
+}>>;
+export default RadioGroup;
+export type { RadioGroupProps, RadioGroupDirection } from './RadioGroup';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtRadioGroup: typeof RadioGroup;
+    }
+}

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

package/lib/radio-group/style/index.d.ts

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

package/lib/radio-group/style/index.js

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

package/lib/rate/Rate.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
 declare const rateProps: {
     size: (NumberConstructor | StringConstructor)[];
     icon: {
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {
         type: import("vue").PropType<string>;
@@ -98,10 +98,10 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     icon: string;
     modelValue: number;
-    count: string | number;
     readonly: boolean;
+    touchable: boolean;
+    count: string | number;
     voidIcon: string;
     allowHalf: boolean;
-    touchable: boolean;
 }>;
 export default _default;

package/lib/rate/Rate.js

@@ -229,7 +229,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "tabindex": props.disabled ? void 0 : 0,
       "aria-disabled": props.disabled,
       "aria-readonly": props.readonly,
-      "onTouchstart": onTouchStart,
+      "onTouchstartPassive": onTouchStart,
       "onTouchmove": onTouchMove
     }, [list.value.map(renderStar)]);
   }

package/lib/rate/index.css

@@ -1 +1 @@
-body{--zt-rate-icon-size: 20px;--zt-rate-icon-gutter: var(--zt-padding-base);--zt-rate-icon-void-color: var(--zt-gray-5);--zt-rate-icon-full-color: var(--zt-yellow);--zt-rate-icon-disabled-color: var(--zt-gray-5)}.zt-rate{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;display:inline-flex;align-items:center}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:var(--zt-rate-icon-gutter)}.zt-rate__icon{display:block;width:1em;color:var(--zt-rate-icon-void-color);font-size:var(--zt-rate-icon-size)}.zt-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.zt-rate__icon--full{color:var(--zt-rate-icon-full-color)}.zt-rate__icon--disabled{color:var(--zt-rate-icon-disabled-color)}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}
+:root{--zt-rate-icon-size: 20px;--zt-rate-icon-gutter: var(--zt-padding-base);--zt-rate-icon-void-color: var(--zt-gray-5);--zt-rate-icon-full-color: var(--zt-yellow);--zt-rate-icon-disabled-color: var(--zt-gray-5)}.zt-rate{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;display:inline-flex;align-items:center}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:var(--zt-rate-icon-gutter)}.zt-rate__icon{display:block;width:1em;color:var(--zt-rate-icon-void-color);font-size:var(--zt-rate-icon-size)}.zt-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.zt-rate__icon--full{color:var(--zt-rate-icon-full-color)}.zt-rate__icon--disabled{color:var(--zt-rate-icon-disabled-color)}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}

package/lib/rate/index.d.ts

@@ -28,7 +28,7 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         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<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {
         type: import("vue").PropType<string>;
@@ -65,11 +65,11 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
     disabled: boolean;
     icon: string;
     modelValue: number;
-    count: string | number;
     readonly: boolean;
+    touchable: boolean;
+    count: string | number;
     voidIcon: string;
     allowHalf: boolean;
-    touchable: boolean;
 }>>;
 export default Rate;
 export type { RateProps } from './Rate';

package/lib/row/Row.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ComputedRef, InjectionKey, ExtractPropTypes } from 'vue';
+import type { PropType, ComputedRef, InjectionKey, ExtractPropTypes } from 'vue';
 export declare type RowSpaces = {
     left?: number;
     right: number;