persagy-vant 0.0.21

package/es/divider/Divider.d.ts

@@ -0,0 +1,40 @@
+import { type ExtractPropTypes } from 'vue';
+export declare type DividerContentPosition = 'left' | 'center' | 'right';
+declare const dividerProps: {
+    dashed: BooleanConstructor;
+    hairline: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    contentPosition: {
+        type: import("vue").PropType<DividerContentPosition>;
+        default: DividerContentPosition;
+    };
+};
+export declare type DividerProps = ExtractPropTypes<typeof dividerProps>;
+declare const _default: import("vue").DefineComponent<{
+    dashed: BooleanConstructor;
+    hairline: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    contentPosition: {
+        type: import("vue").PropType<DividerContentPosition>;
+        default: DividerContentPosition;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    dashed: BooleanConstructor;
+    hairline: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    contentPosition: {
+        type: import("vue").PropType<DividerContentPosition>;
+        default: DividerContentPosition;
+    };
+}>>, {
+    dashed: boolean;
+    hairline: boolean;
+    contentPosition: DividerContentPosition;
+}>;
+export default _default;

package/es/divider/Divider.mjs

@@ -0,0 +1,30 @@
+import { defineComponent, createVNode as _createVNode } from "vue";
+import { truthProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+const [name, bem] = createNamespace("divider");
+const dividerProps = {
+  dashed: Boolean,
+  hairline: truthProp,
+  contentPosition: makeStringProp("center")
+};
+var stdin_default = defineComponent({
+  name,
+  props: dividerProps,
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "role": "separator",
+        "class": bem({
+          dashed: props.dashed,
+          hairline: props.hairline,
+          [`content-${props.contentPosition}`]: !!slots.default
+        })
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/divider/index.css

@@ -0,0 +1 @@
+:root{--van-divider-margin: var(--van-padding-md) 0;--van-divider-text-color: var(--van-text-color-2);--van-divider-font-size: var(--van-font-size-md);--van-divider-line-height: 24px;--van-divider-border-color: var(--van-border-color);--van-divider-content-padding: var(--van-padding-md);--van-divider-content-left-width: 10%;--van-divider-content-right-width: 10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider:before,.van-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width-base) 0 0}.van-divider:before{content:""}.van-divider--hairline:before,.van-divider--hairline:after{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after{margin-left:var(--van-divider-content-padding);content:""}.van-divider--content-left:before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right:after{max-width:var(--van-divider-content-right-width)}

package/es/divider/index.d.ts

@@ -0,0 +1,32 @@
+export declare const Divider: import("../utils").WithInstall<import("vue").DefineComponent<{
+    dashed: BooleanConstructor;
+    hairline: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    contentPosition: {
+        type: import("vue").PropType<import("./Divider").DividerContentPosition>;
+        default: import("./Divider").DividerContentPosition;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dashed: BooleanConstructor;
+    hairline: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    contentPosition: {
+        type: import("vue").PropType<import("./Divider").DividerContentPosition>;
+        default: import("./Divider").DividerContentPosition;
+    };
+}>>, {
+    dashed: boolean;
+    hairline: boolean;
+    contentPosition: import("./Divider").DividerContentPosition;
+}>>;
+export default Divider;
+export type { DividerProps, DividerContentPosition } from './Divider';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanDivider: typeof Divider;
+    }
+}

package/es/divider/index.less

@@ -0,0 +1,75 @@
+@import './var.less';
+
+:root {
+  --van-divider-margin: @divider-margin;
+  --van-divider-text-color: @divider-text-color;
+  --van-divider-font-size: @divider-font-size;
+  --van-divider-line-height: @divider-line-height;
+  --van-divider-border-color: @divider-border-color;
+  --van-divider-content-padding: @divider-content-padding;
+  --van-divider-content-left-width: @divider-content-left-width;
+  --van-divider-content-right-width: @divider-content-right-width;
+}
+
+.van-divider {
+  display: flex;
+  align-items: center;
+  margin: var(--van-divider-margin);
+  color: var(--van-divider-text-color);
+  font-size: var(--van-divider-font-size);
+  line-height: var(--van-divider-line-height);
+  border-color: var(--van-divider-border-color);
+  border-style: solid;
+  border-width: 0;
+
+  &::before,
+  &::after {
+    display: block;
+    flex: 1;
+    box-sizing: border-box;
+    height: 1px;
+    border-color: inherit;
+    border-style: inherit;
+    border-width: var(--van-border-width-base) 0 0;
+  }
+
+  &::before {
+    content: '';
+  }
+
+  &--hairline {
+    &::before,
+    &::after {
+      transform: scaleY(0.5);
+    }
+  }
+
+  &--dashed {
+    border-style: dashed;
+  }
+
+  &--content-center,
+  &--content-left,
+  &--content-right {
+    &::before {
+      margin-right: var(--van-divider-content-padding);
+    }
+
+    &::after {
+      margin-left: var(--van-divider-content-padding);
+      content: '';
+    }
+  }
+
+  &--content-left {
+    &::before {
+      max-width: var(--van-divider-content-left-width);
+    }
+  }
+
+  &--content-right {
+    &::after {
+      max-width: var(--van-divider-content-right-width);
+    }
+  }
+}

package/es/divider/index.mjs

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

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

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

package/es/divider/style/index.mjs

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

package/es/divider/style/less.d.ts

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

package/es/divider/style/less.mjs

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

package/es/divider/var.less

@@ -0,0 +1,10 @@
+@import '../style/var.less';
+
+@divider-margin: var(--van-padding-md) 0;
+@divider-text-color: var(--van-text-color-2);
+@divider-font-size: var(--van-font-size-md);
+@divider-line-height: 24px;
+@divider-border-color: var(--van-border-color);
+@divider-content-padding: var(--van-padding-md);
+@divider-content-left-width: 10%;
+@divider-content-right-width: 10%;

package/es/dropdown-item/DropdownItem.d.ts

@@ -0,0 +1,59 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+import type { DropdownItemOption } from './types';
+declare const dropdownItemProps: {
+    title: StringConstructor;
+    options: {
+        type: PropType<DropdownItemOption[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: PropType<unknown>;
+    titleClass: PropType<unknown>;
+};
+export declare type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
+declare const _default: import("vue").DefineComponent<{
+    title: StringConstructor;
+    options: {
+        type: PropType<DropdownItemOption[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: PropType<unknown>;
+    titleClass: PropType<unknown>;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open" | "close" | "opened" | "closed")[], "open" | "change" | "update:modelValue" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: StringConstructor;
+    options: {
+        type: PropType<DropdownItemOption[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: PropType<unknown>;
+    titleClass: PropType<unknown>;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    lazyRender: boolean;
+    options: DropdownItemOption[];
+}>;
+export default _default;

package/es/dropdown-item/DropdownItem.mjs

@@ -0,0 +1,179 @@
+import { reactive, Teleport, defineComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
+import { truthProp, unknownProp, getZIndexStyle, createNamespace, makeArrayProp } from "../utils/index.mjs";
+import { DROPDOWN_KEY } from "../dropdown-menu/DropdownMenu.mjs";
+import { useParent } from "@vant/use";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Cell } from "../cell/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Popup } from "../popup/index.mjs";
+const [name, bem] = createNamespace("dropdown-item");
+const dropdownItemProps = {
+  title: String,
+  options: makeArrayProp(),
+  disabled: Boolean,
+  teleport: [String, Object],
+  lazyRender: truthProp,
+  modelValue: unknownProp,
+  titleClass: unknownProp
+};
+var stdin_default = defineComponent({
+  name,
+  props: dropdownItemProps,
+  emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const state = reactive({
+      showPopup: false,
+      transition: true,
+      showWrapper: false
+    });
+    const {
+      parent,
+      index
+    } = useParent(DROPDOWN_KEY);
+    if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <DropdownItem> must be a child component of <DropdownMenu>.");
+      }
+      return;
+    }
+    const getEmitter = (name2) => () => emit(name2);
+    const onOpen = getEmitter("open");
+    const onClose = getEmitter("close");
+    const onOpened = getEmitter("opened");
+    const onClosed = () => {
+      state.showWrapper = false;
+      emit("closed");
+    };
+    const onClickWrapper = (event) => {
+      if (props.teleport) {
+        event.stopPropagation();
+      }
+    };
+    const toggle = (show = !state.showPopup, options = {}) => {
+      if (show === state.showPopup) {
+        return;
+      }
+      state.showPopup = show;
+      state.transition = !options.immediate;
+      if (show) {
+        state.showWrapper = true;
+      }
+    };
+    const renderTitle = () => {
+      if (slots.title) {
+        return slots.title();
+      }
+      if (props.title) {
+        return props.title;
+      }
+      const match = props.options.find((option) => option.value === props.modelValue);
+      return match ? match.text : "";
+    };
+    const renderOption = (option) => {
+      const {
+        activeColor
+      } = parent.props;
+      const active = option.value === props.modelValue;
+      const onClick = () => {
+        state.showPopup = false;
+        if (option.value !== props.modelValue) {
+          emit("update:modelValue", option.value);
+          emit("change", option.value);
+        }
+      };
+      const renderIcon = () => {
+        if (active) {
+          return _createVNode(Icon, {
+            "class": bem("icon"),
+            "color": activeColor,
+            "name": "success"
+          }, null);
+        }
+      };
+      return _createVNode(Cell, {
+        "role": "menuitem",
+        "key": option.value,
+        "icon": option.icon,
+        "title": option.text,
+        "class": bem("option", {
+          active
+        }),
+        "style": {
+          color: active ? activeColor : ""
+        },
+        "tabindex": active ? 0 : -1,
+        "clickable": true,
+        "onClick": onClick
+      }, {
+        value: renderIcon
+      });
+    };
+    const renderContent = () => {
+      const {
+        offset
+      } = parent;
+      const {
+        zIndex,
+        overlay,
+        duration,
+        direction,
+        closeOnClickOverlay
+      } = parent.props;
+      const style = getZIndexStyle(zIndex);
+      if (direction === "down") {
+        style.top = `${offset.value}px`;
+      } else {
+        style.bottom = `${offset.value}px`;
+      }
+      return _withDirectives(_createVNode("div", {
+        "style": style,
+        "class": bem([direction]),
+        "onClick": onClickWrapper
+      }, [_createVNode(Popup, {
+        "show": state.showPopup,
+        "onUpdate:show": ($event) => state.showPopup = $event,
+        "role": "menu",
+        "class": bem("content"),
+        "overlay": overlay,
+        "position": direction === "down" ? "top" : "bottom",
+        "duration": state.transition ? duration : 0,
+        "lazyRender": props.lazyRender,
+        "overlayStyle": {
+          position: "absolute"
+        },
+        "aria-labelledby": `${parent.id}-${index.value}`,
+        "closeOnClickOverlay": closeOnClickOverlay,
+        "onOpen": onOpen,
+        "onClose": onClose,
+        "onOpened": onOpened,
+        "onClosed": onClosed
+      }, {
+        default: () => {
+          var _a;
+          return [props.options.map(renderOption), (_a = slots.default) == null ? void 0 : _a.call(slots)];
+        }
+      })]), [[_vShow, state.showWrapper]]);
+    };
+    useExpose({
+      state,
+      toggle,
+      renderTitle
+    });
+    return () => {
+      if (props.teleport) {
+        return _createVNode(Teleport, {
+          "to": props.teleport
+        }, {
+          default: () => [renderContent()]
+        });
+      }
+      return renderContent();
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/dropdown-item/index.css

@@ -0,0 +1 @@
+:root{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}

package/es/dropdown-item/index.d.ts

@@ -0,0 +1,49 @@
+import { DropdownItemProps } from './DropdownItem';
+export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: StringConstructor;
+    options: {
+        type: import("vue").PropType<import("./types").DropdownItemOption[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    titleClass: import("vue").PropType<unknown>;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open" | "close" | "opened" | "closed")[], "open" | "change" | "update:modelValue" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    options: {
+        type: import("vue").PropType<import("./types").DropdownItemOption[]>;
+        default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    modelValue: import("vue").PropType<unknown>;
+    titleClass: import("vue").PropType<unknown>;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    lazyRender: boolean;
+    options: import("./types").DropdownItemOption[];
+}>>;
+export default DropdownItem;
+export type { DropdownItemProps };
+export type { DropdownItemInstance, DropdownItemOption } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanDropdownItem: typeof DropdownItem;
+    }
+}

package/es/dropdown-item/index.less

@@ -0,0 +1,44 @@
+@import './var.less';
+@import '../dropdown-menu/var.less';
+
+:root {
+  --van-dropdown-item-z-index: @dropdown-item-z-index;
+}
+
+.van-dropdown-item {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: var(--van-dropdown-item-z-index);
+  overflow: hidden;
+
+  &__icon {
+    display: block;
+    line-height: inherit;
+  }
+
+  &__option {
+    text-align: left;
+
+    &--active {
+      color: var(--van-dropdown-menu-option-active-color);
+
+      .van-dropdown-item__icon {
+        color: var(--van-dropdown-menu-option-active-color);
+      }
+    }
+  }
+
+  &--up {
+    top: 0;
+  }
+
+  &--down {
+    bottom: 0;
+  }
+
+  &__content {
+    position: absolute;
+    max-height: var(--van-dropdown-menu-content-max-height);
+  }
+}

package/es/dropdown-item/index.mjs

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

package/es/dropdown-item/style/index.d.ts

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

package/es/dropdown-item/style/index.mjs

@@ -0,0 +1,12 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../../radio-group/index.css";
+import "../../radio/index.css";
+import "../../cell/index.css";
+import "../../dropdown-menu/index.css";
+import "../index.css";

package/es/dropdown-item/style/less.d.ts

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

package/es/dropdown-item/style/less.mjs

@@ -0,0 +1,12 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../../checkbox-group/index.less";
+import "../../checkbox/index.less";
+import "../../radio-group/index.less";
+import "../../radio/index.less";
+import "../../cell/index.less";
+import "../../dropdown-menu/index.less";
+import "../index.less";

package/es/dropdown-item/types.d.ts

@@ -0,0 +1,22 @@
+import type { DropdownItemProps } from './DropdownItem';
+import type { VNode, ComponentPublicInstance } from 'vue';
+import type { Numeric } from '../utils';
+export declare type DropdownItemOption = {
+    text: string;
+    icon?: string;
+    value: Numeric;
+};
+export declare type DropdownItemExpose = {
+    toggle: (show?: boolean, options?: {
+        immediate?: boolean;
+    }) => void;
+    /** @private */
+    state: {
+        showPopup: boolean;
+        transition: boolean;
+        showWrapper: boolean;
+    };
+    /** @private */
+    renderTitle: () => string | VNode[];
+};
+export declare type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;

package/es/dropdown-item/var.less

@@ -0,0 +1,3 @@
+@import '../style/var.less';
+
+@dropdown-item-z-index: 10;