persagy-vant 0.0.29 → 0.0.30

package/lib/notice-bar/README.md

@@ -1,184 +0,0 @@
-# NoticeBar
-
-### Intro
-
-Used to display a group of message notifications in a continuons loop.
-
-### Install
-
-Register component globally via `app.use`, refer to [Component Registration](#/en-US/advanced-usage#zu-jian-zhu-ce) for more registration ways.
-
-```js
-import { createApp } from 'vue';
-import { NoticeBar } from 'vant';
-
-const app = createApp();
-app.use(NoticeBar);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-notice-bar
-  text="Technology is the common soul of the people who developed it."
-  left-icon="volume-o"
-/>
-```
-
-### Scrollable
-
-```html
-<!-- Enable scroll when text is short -->
-<van-notice-bar scrollable text="Short Content" />
-
-<!-- Disable scroll when text is long -->
-<van-notice-bar
-  :scrollable="false"
-  text="Technology is the common soul of the people who developed it."
-/>
-```
-
-### Wrapable
-
-```html
-<van-notice-bar wrapable :scrollable="false">
-  Technology is the common soul of the people who developed it.
-</van-notice-bar>
-```
-
-### Mode
-
-```html
-<van-notice-bar mode="closeable">Short Content</van-notice-bar>
-
-<van-notice-bar mode="link">Short Content</van-notice-bar>
-```
-
-### Rounded Style
-
-Use the `round` prop to enable the rounded style.
-
-```html
-<van-notice-bar round mode="closeable" left-icon="volume-o">
-  Short Content
-</van-notice-bar>
-```
-
-### Custom Style
-
-```html
-<van-notice-bar
-  color="var(--van-orange-700)"
-  background="var(--van-orange-100)"
-  left-icon="info-o"
->
-  Short Content
-</van-notice-bar>
-```
-
-### Vertical Scroll
-
-```html
-<van-notice-bar left-icon="volume-o" :scrollable="false">
-  <van-swipe
-    vertical
-    class="notice-swipe"
-    :autoplay="3000"
-    :touchable="false"
-    :show-indicators="false"
-  >
-    <van-swipe-item>Content 1</van-swipe-item>
-    <van-swipe-item>Content 2</van-swipe-item>
-    <van-swipe-item>Content 3</van-swipe-item>
-  </van-swipe>
-</van-notice-bar>
-
-<style>
-  .notice-swipe {
-    height: 40px;
-    line-height: 40px;
-  }
-</style>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| mode | Mode, can be set to `closeable` `link` | _string_ | `''` |
-| text | Notice text content | _string_ | `''` |
-| color | Text color | _string_ | `var(--van-blue-700)` |
-| background | Background color | _string_ | `var(--van-blue-100)` |
-| left-icon | Left Icon | _string_ | - |
-| delay | Animation delay (s) | _number \| string_ | `1` |
-| speed | Scroll speed (px/s) | _number \| string_ | `60` |
-| scrollable | Whether to scroll content | _boolean_ | - |
-| wrapable | Whether to enable text wrap | _boolean_ | `false` |
-| round | Whether to enable rounded style | _boolean_ | `false` |
-
-### Events
-
-| Event  | Description                        | Arguments           |
-| ------ | ---------------------------------- | ------------------- |
-| click  | Emitted when NoticeBar is clicked  | _event: MouseEvent_ |
-| close  | Emitted when NoticeBar is closed   | _event: MouseEvent_ |
-| replay | Emitted when NoticeBar is replayed | -                   |
-
-### Methods
-
-Use [ref](https://v3.vuejs.org/guide/component-template-refs.html) to get NoticeBar instance and call instance methods.
-
-| Name           | Description     | Attribute | Return value |
-| -------------- | --------------- | --------- | ------------ |
-| reset `v3.1.1` | Reset NoticeBar | -         | -            |
-
-### Types
-
-The component exports the following type definitions:
-
-```ts
-import type { NoticeBarMode, NoticeBarProps, NoticeBarInstance } from 'vant';
-```
-
-`NoticeBarInstance` is the type of component instance:
-
-```ts
-import { ref } from 'vue';
-import type { NoticeBarInstance } from 'vant';
-
-const noticeBarRef = ref<NoticeBarInstance>();
-
-noticeBarRef.value?.reset();
-```
-
-### Slots
-
-| Name       | Description         |
-| ---------- | ------------------- |
-| default    | Notice text content |
-| left-icon  | Custom left icon    |
-| right-icon | Custom right icon   |
-
-## Theming
-
-### CSS Variables
-
-The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
-
-| Name | Default Value | Description |
-| --- | --- | --- |
-| --van-notice-bar-height | _40px_ | - |
-| --van-notice-bar-padding | _0 var(--van-padding-md)_ | - |
-| --van-notice-bar-wrapable-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
-| --van-notice-bar-text-color | _var(--van-blue-700)_ | Notice text and icon color |
-| --van-notice-bar-font-size | _var(--van-font-size-md)_ | - |
-| --van-notice-bar-line-height | _24px_ | - |
-| --van-notice-bar-background-color | _var(--van-blue-100)_ | Notice bar background color |
-| --van-notice-bar-border-radius | _var(--van-border-radius-lg)_ | Border radius in rounded style |
-| --van-notice-bar-round-margin | _0 var(--van-padding-md)_ | Horizontal margin in rounded style |
-| --van-notice-bar-icon-size | _16px_ | - |
-| --van-notice-bar-icon-min-width | _24px_ | - |

package/lib/notice-bar/README.zh-CN.md

@@ -1,200 +0,0 @@
-# 通知栏 NoticeBar
-
-### 介绍
-
-用于循环播放展示一组消息通知。
-
-### 引入
-
-通过以下方式来全局注册组件，更多注册方式请参考[组件注册](#/zh-CN/advanced-usage#zu-jian-zhu-ce)。
-
-```js
-import { createApp } from 'vue';
-import { NoticeBar } from 'vant';
-
-const app = createApp();
-app.use(NoticeBar);
-```
-
-## 代码演示
-
-### 基础用法
-
-通过 `text` 属性设置通知栏的内容，通过 `left-icon` 属性设置通知栏左侧的图标。
-
-```html
-<van-notice-bar
-  left-icon="volume-o"
-  text="无论我们能活多久，我们能够享受的只有无法分割的此刻，此外别无其他。"
-/>
-```
-
-### 滚动播放
-
-通知栏的内容长度溢出时会自动开启滚动播放，通过 `scrollable` 属性可以控制该行为。
-
-```html
-<!-- 文字较短时，通过设置 scrollable 属性开启滚动播放 -->
-<van-notice-bar scrollable text="米袋虽空——樱花开哉！" />
-
-<!-- 文字较长时，通过禁用 scrollable 属性关闭滚动播放 -->
-<van-notice-bar
-  :scrollable="false"
-  text="不会回头的东西有四件：说出口的话、离弦的箭、逝去的生活和失去的机会。"
-/>
-```
-
-### 多行展示
-
-文字较长时，可以通过设置 `wrapable` 属性来开启多行展示。
-
-```html
-<van-notice-bar
-  wrapable
-  :scrollable="false"
-  text="不会回头的东西有四件：说出口的话、离弦的箭、逝去的生活和失去的机会。"
-/>
-```
-
-### 通知栏模式
-
-通知栏支持 `closeable` 和 `link` 两种模式。
-
-```html
-<!-- closeable 模式，在右侧显示关闭按钮 -->
-<van-notice-bar mode="closeable">米袋虽空——樱花开哉！</van-notice-bar>
-
-<!-- link 模式，在右侧显示链接箭头 -->
-<van-notice-bar mode="link">米袋虽空——樱花开哉！</van-notice-bar>
-```
-
-### 圆角样式
-
-通过 `round` 属性启用圆角样式。
-
-```html
-<van-notice-bar round mode="closeable" left-icon="volume-o">
-  米袋虽空——樱花开哉！
-</van-notice-bar>
-```
-
-### 自定义样式
-
-通过 `color` 属性设置文本颜色，通过 `background` 属性设置背景色。
-
-```html
-<van-notice-bar
-  color="var(--van-orange-700)"
-  background="var(--van-orange-100)"
-  left-icon="info-o"
->
-  米袋虽空——樱花开哉！
-</van-notice-bar>
-```
-
-### 垂直滚动
-
-搭配 NoticeBar 和 Swipe 组件，可以实现垂直滚动的效果。
-
-```html
-<van-notice-bar left-icon="volume-o" :scrollable="false">
-  <van-swipe
-    vertical
-    class="notice-swipe"
-    :autoplay="3000"
-    :touchable="false"
-    :show-indicators="false"
-  >
-    <van-swipe-item>明月直入，无心可猜。</van-swipe-item>
-    <van-swipe-item>仙人抚我顶，结发受长生。</van-swipe-item>
-    <van-swipe-item>今人不见古时月，今月曾经照古人。</van-swipe-item>
-  </van-swipe>
-</van-notice-bar>
-
-<style>
-  .notice-swipe {
-    height: 40px;
-    line-height: 40px;
-  }
-</style>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| mode | 通知栏模式，可选值为 `closeable` `link` | _string_ | `''` |
-| text | 通知文本内容 | _string_ | `''` |
-| color | 通知文本颜色 | _string_ | `var(--van-blue-700)` |
-| background | 通知栏背景色 | _string_ | `var(--van-blue-100)` |
-| left-icon | 左侧图标名称或图片链接，等同于 Icon 组件的 [name 属性](#/zh-CN/icon#props) | _string_ | - |
-| delay | 动画延迟时间 (s) | _number \| string_ | `1` |
-| speed | 滚动速率 (px/s) | _number \| string_ | `60` |
-| scrollable | 是否开启滚动播放，内容长度溢出时默认开启 | _boolean_ | - |
-| wrapable | 是否开启文本换行，只在禁用滚动时生效 | _boolean_ | `false` |
-| round | 是否启用圆角样式 | _boolean_ | `false` |
-
-### Events
-
-| 事件名 | 说明                         | 回调参数            |
-| ------ | ---------------------------- | ------------------- |
-| click  | 点击通知栏时触发             | _event: MouseEvent_ |
-| close  | 关闭通知栏时触发             | _event: MouseEvent_ |
-| replay | 每当滚动栏重新开始滚动时触发 | -                   |
-
-### 方法
-
-通过 ref 可以获取到 NoticeBar 实例并调用实例方法，详见[组件实例方法](#/zh-CN/advanced-usage#zu-jian-shi-li-fang-fa)。
-
-| 方法名         | 说明                 | 参数 | 返回值 |
-| -------------- | -------------------- | ---- | ------ |
-| reset `v3.1.1` | 重置通知栏到初始状态 | -    | -      |
-
-### 类型定义
-
-组件导出以下类型定义：
-
-```ts
-import type { NoticeBarMode, NoticeBarProps, NoticeBarInstance } from 'vant';
-```
-
-`NoticeBarInstance` 是组件实例的类型，用法如下：
-
-```ts
-import { ref } from 'vue';
-import type { NoticeBarInstance } from 'vant';
-
-const noticeBarRef = ref<NoticeBarInstance>();
-
-noticeBarRef.value?.reset();
-```
-
-### Slots
-
-| 名称       | 内容           |
-| ---------- | -------------- |
-| default    | 通知文本内容   |
-| left-icon  | 自定义左侧图标 |
-| right-icon | 自定义右侧图标 |
-
-## 主题定制
-
-### 样式变量
-
-组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
-
-| 名称 | 默认值 | 描述 |
-| --- | --- | --- |
-| --van-notice-bar-height | _40px_ | - |
-| --van-notice-bar-padding | _0 var(--van-padding-md)_ | - |
-| --van-notice-bar-wrapable-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
-| --van-notice-bar-text-color | _var(--van-blue-700)_ | 通知栏文字与图标颜色 |
-| --van-notice-bar-font-size | _var(--van-font-size-md)_ | - |
-| --van-notice-bar-line-height | _24px_ | - |
-| --van-notice-bar-background-color | _var(--van-blue-100)_ | 通知栏背景色 |
-| --van-notice-bar-border-radius | _var(--van-border-radius-lg)_ | 圆角样式圆角 |
-| --van-notice-bar-round-margin | _0 var(--van-padding-md)_ | 圆角样式左右外边距 |
-| --van-notice-bar-icon-size | _16px_ | - |
-| --van-notice-bar-icon-min-width | _24px_ | - |

package/lib/notice-bar/index.ts

@@ -1,13 +0,0 @@
-import { withInstall } from '../utils';
-import _NoticeBar, { NoticeBarProps } from './NoticeBar';
-
-export const NoticeBar = withInstall(_NoticeBar);
-export default NoticeBar;
-export type { NoticeBarProps };
-export type { NoticeBarMode, NoticeBarInstance } from './types';
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    VanNoticeBar: typeof NoticeBar;
-  }
-}

package/lib/notice-bar/types.ts

@@ -1,13 +0,0 @@
-import type { ComponentPublicInstance } from 'vue';
-import type { NoticeBarProps } from './NoticeBar';
-
-export type NoticeBarMode = 'closeable' | 'link';
-
-export type NoticeBarExpose = {
-  reset: () => void;
-};
-
-export type NoticeBarInstance = ComponentPublicInstance<
-  NoticeBarProps,
-  NoticeBarExpose
->;

package/lib/notify/Notify.tsx

@@ -1,55 +0,0 @@
-import { defineComponent, type ExtractPropTypes } from 'vue';
-import {
-  extend,
-  numericProp,
-  unknownProp,
-  makeStringProp,
-  createNamespace,
-} from '../utils';
-import { Popup } from '../popup';
-import { popupSharedProps } from '../popup/shared';
-import type { NotifyType, NotifyPosition } from './types';
-
-const [name, bem] = createNamespace('notify');
-
-const notifyProps = extend({}, popupSharedProps, {
-  type: makeStringProp<NotifyType>('danger'),
-  color: String,
-  message: numericProp,
-  position: makeStringProp<NotifyPosition>('top'),
-  className: unknownProp,
-  background: String,
-  lockScroll: Boolean,
-});
-
-export type NotifyProps = ExtractPropTypes<typeof notifyProps>;
-
-export default defineComponent({
-  name,
-
-  props: notifyProps,
-
-  emits: ['update:show'],
-
-  setup(props, { emit, slots }) {
-    const updateShow = (show: boolean) => emit('update:show', show);
-
-    return () => (
-      <Popup
-        show={props.show}
-        class={[bem([props.type]), props.className]}
-        style={{
-          color: props.color,
-          background: props.background,
-        }}
-        overlay={false}
-        position={props.position}
-        duration={0.2}
-        lockScroll={props.lockScroll}
-        onUpdate:show={updateShow}
-      >
-        {slots.default ? slots.default() : props.message}
-      </Popup>
-    );
-  },
-});

package/lib/notify/README.md

@@ -1,158 +0,0 @@
-# Notify
-
-### Intro
-
-The display message prompt is at the top of the page, and supports two methods: function call and component call.
-
-### Install
-
-Register component globally via `app.use`, refer to [Component Registration](#/en-US/advanced-usage#zu-jian-zhu-ce) for more registration ways.
-
-```js
-import { createApp } from 'vue';
-import { Notify } from 'vant';
-
-const app = createApp();
-app.use(Notify);
-```
-
-## Usage
-
-### Basic Usage
-
-```js
-Notify('Notify Message');
-```
-
-### Notify Type
-
-```js
-Notify({ type: 'primary', message: 'Notify Message' });
-Notify({ type: 'success', message: 'Notify Message' });
-Notify({ type: 'danger', message: 'Notify Message' });
-Notify({ type: 'warning', message: 'Notify Message' });
-```
-
-### Custom Notify
-
-```js
-Notify({
-  message: 'Custom Color',
-  color: '#ad0000',
-  background: '#ffe1e1',
-});
-
-Notify({
-  message: 'Custom Position',
-  position: 'bottom',
-});
-
-Notify({
-  message: 'Custom Duration',
-  duration: 1000,
-});
-```
-
-### Global Method
-
-After registering the Notify component through `app.use`, the `$notify` method will be automatically mounted on all subcomponents of the app.
-
-```js
-export default {
-  mounted() {
-    this.$notify('Notify Message');
-  },
-};
-```
-
-### Component Call
-
-```html
-<van-button type="primary" text="Component Call" @click="showNotify" />
-<van-notify v-model:show="show" type="success">
-  <van-icon name="bell" style="margin-right: 4px;" />
-  <span>Content</span>
-</van-notify>
-```
-
-```js
-import { ref } from 'vue';
-
-export default {
-  setup() {
-    const show = ref(false);
-
-    const showNotify = () => {
-      show.value = true;
-      setTimeout(() => {
-        show.value = false;
-      }, 2000);
-    };
-
-    return {
-      show,
-      showNotify,
-    };
-  },
-};
-```
-
-## API
-
-### Methods
-
-| Methods | Attribute | Return value | Description |
-| --- | --- | --- | --- |
-| Notify | `options \| message` | notify instance | Show notify |
-| Notify.clear | - | `void` | Close notify |
-| Notify.setDefaultOptions | `options` | `void` | Set default options of all notifies |
-| Notify.resetDefaultOptions | - | `void` | Reset default options of all notifies |
-
-### Options
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| type | Can be set to `primary` `success` `warning` | _NotifyType_ | `danger` |
-| message | Message | _string_ | - |
-| duration | Duration(ms), won't disappear if value is 0 | _number \| string_ | `3000` |
-| position `v3.4.0` | Position, can be set to `bottom` | _NotifyPosition_ | `top` |
-| color | Message color | _string_ | `white` |
-| background | Background color | _string_ | - |
-| className | Custom className | _string \| Array \| object_ | - |
-| lockScroll `v3.0.7` | Whether to lock background scroll | _boolean_ | `false` |
-| onClick | Callback function after click | _(event: MouseEvent) => void_ | - |
-| onOpened | Callback function after opened | _() => void_ | - |
-| onClose | Callback function after close | _() => void_ | - |
-
-### Types
-
-The component exports the following type definitions:
-
-```ts
-import type {
-  NotifyType,
-  NotifyProps,
-  NotifyOptions,
-  NotifyPosition,
-} from 'vant';
-```
-
-## Theming
-
-### CSS Variables
-
-The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
-
-| Name | Default Value | Description |
-| --- | --- | --- |
-| --van-notify-text-color | _var(--van-white)_ | - |
-| --van-notify-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
-| --van-notify-top-offset | _8px_ | Top floating offset |
-| --van-notify-horizontal-margin | _16px_ | Horizontal floating margin |
-| --van-notify-border-radius | _8px_ | Top notify border radius |
-| --van-notify-font-size | _var(--van-font-size-md)_ | - |
-| --van-notify-line-height | _var(--van-line-height-md)_ | - |
-| --van-notify-primary-background-color | _var(--van-primary-color)_ | - |
-| --van-notify-success-background-color | _var(--van-success-color)_ | - |
-| --van-notify-danger-background-color | _var(--van-danger-color)_ | - |
-| --van-notify-warning-background-color | _var(--van-warning-color)_ | - |