persagy-vant 0.0.29 → 0.0.31

package/es/bottom-action-bar/README.md

@@ -1,167 +0,0 @@
-# BottomActionBar
-
-### Intro
-
-BottomActionBar provides the primary actions for a page. It supports a primary button, an optional secondary button, an icon button, and a more-actions entry.
-
-### Import
-
-```js
-import { createApp } from 'vue';
-import { BottomActionBar } from 'vant';
-
-const app = createApp();
-app.use(BottomActionBar);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-bottom-action-bar confirm-text="Confirm" @confirm="onConfirm" />
-```
-
-### Two Buttons
-
-```html
-<van-bottom-action-bar
-  secondary-text="Reject"
-  confirm-text="Confirm"
-  @secondary="onSecondary"
-  @confirm="onConfirm"
-/>
-```
-
-### Two Buttons + More
-
-Pass `more-text`, `more-popover-actions`, `secondary-text`, and `confirm-text` to show a more-actions popover entry together with secondary and primary buttons.
-
-```html
-<van-bottom-action-bar
-  more-text="More"
-  :more-popover-actions="actions"
-  secondary-text="Reject"
-  confirm-text="Confirm"
-  @select-more-popover="onSelectMorePopover"
-  @secondary="onSecondary"
-  @confirm="onConfirm"
-/>
-```
-
-### Icon and More Actions
-
-```html
-<van-bottom-action-bar
-  icon="volume-o"
-  more-icon="passed"
-  more-text="Selected"
-  :more-badge="3"
-  confirm-text="Confirm"
-  @icon="onIcon"
-  @more="onMore"
-  @confirm="onConfirm"
-/>
-```
-
-### More Actions Popover
-
-Use `more-popover-actions` to configure a popover menu for the more-actions entry. The menu opens upwards when the entry is clicked.
-
-```html
-<van-bottom-action-bar
-  more-text="More"
-  :more-popover-actions="actions"
-  confirm-text="Submit"
-  @select-more-popover="onSelectMorePopover"
-/>
-```
-
-```js
-const actions = [
-  { text: 'File', icon: 'description' },
-  { text: 'Scan Location', icon: 'scan' },
-  { text: 'NFC Location', icon: 'nfc' },
-];
-
-const onSelectMorePopover = (action) => {
-  // action is the selected item
-};
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| confirm-text | Primary button text | _string_ | `Confirm` |
-| confirm-type | Primary button type | _string_ | `primary` |
-| confirm-loading | Whether to show primary button loading state | _boolean_ | `false` |
-| confirm-disabled | Whether to disable primary button | _boolean_ | `false` |
-| secondary-text | Secondary button text | _string_ | - |
-| secondary-type | Secondary button type | _string_ | `default` |
-| secondary-loading | Whether to show secondary button loading state | _boolean_ | `false` |
-| secondary-disabled | Whether to disable secondary button | _boolean_ | `false` |
-| icon | Left icon button icon name | _string_ | - |
-| icon-disabled | Whether to disable icon button | _boolean_ | `false` |
-| more-icon | More action icon name | _string_ | `more-o` |
-| more-text | More action text | _string_ | - |
-| more-badge | More action badge content | _number \| string_ | - |
-| more-badge-max | Maximum displayed more-action badge value; values beyond it use `+` | _number \| string_ | - |
-| more-disabled | Whether to disable more action | _boolean_ | `false` |
-| more-popover-actions | Actions in the more-actions popover | _PopoverAction[]_ | `[]` |
-| fixed | Whether to fix the bar to the bottom | _boolean_ | `true` |
-| placeholder | Whether to generate a placeholder when fixed | _boolean_ | `false` |
-| safe-area-inset-bottom | Whether to enable safe area inset | _boolean_ | `true` |
-| icon-prefix | Icon class name prefix | _string_ | `van-icon` |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| confirm | Emitted when the primary button is clicked | - |
-| secondary | Emitted when the secondary button is clicked | - |
-| icon | Emitted when the icon button is clicked | - |
-| more | Emitted when the more action is clicked | - |
-| select-more-popover | Emitted when a more-actions popover item is selected | _action: PopoverAction, index: number_ |
-
-### Slots
-
-| Name | Description |
-| --- | --- |
-| confirm | Custom primary button |
-| secondary | Custom secondary button |
-| icon | Custom icon button |
-| more | Custom more action entry |
-
-### Types
-
-```ts
-import type { BottomActionBarProps } from 'vant';
-```
-
-## Theming
-
-### CSS Variables
-
-| Name | Default Value | Description |
-| --- | --- | --- |
-| --van-bottom-action-bar-background-color | _var(--van-background-color-light)_ | Bar background color |
-| --van-bottom-action-bar-z-index | _100_ | Fixed positioning z-index |
-| --van-bottom-action-bar-padding | _var(--van-padding-xs) var(--van-padding-sm)_ | Bar padding |
-| --van-bottom-action-bar-gap | _6px_ | Item gap |
-| --van-bottom-action-bar-button-height | _44px_ | Button height |
-| --van-bottom-action-bar-button-radius | _var(--van-border-radius-lg)_ | Button radius |
-| --van-bottom-action-bar-secondary-width | _96px_ | Secondary button width |
-| --van-bottom-action-bar-icon-button-width | _48px_ | Icon button width |
-| --van-bottom-action-bar-more-width | _48px_ | More action width |
-| --van-bottom-action-bar-more-icon-size | _20px_ | More action icon size |
-| --van-bottom-action-bar-more-text-color | _var(--van-gray-7)_ | More action text color |
-| --van-bottom-action-bar-more-text-font-size | _var(--van-font-size-xs)_ | More action font size |
-| --van-bottom-action-bar-more-text-line-height | _var(--van-font-size-xs)_ | More action line height |
-| --van-bottom-action-bar-more-popover-width | _96px_ | More actions popover width |
-| --van-bottom-action-bar-more-popover-action-height | _58px_ | More actions popover item height |
-| --van-bottom-action-bar-more-popover-icon-size | _24px_ | More actions popover icon size |
-| --van-bottom-action-bar-more-popover-text-font-size | _12px_ | More actions popover text font size |
-| --van-bottom-action-bar-shadow | _0 3px 12px rgb(27 33 41 / 12%), 0 0.5px 3px rgb(27 33 41 / 8%)_ | Bar shadow |

package/es/bottom-action-bar/README.zh-CN.md

@@ -1,176 +0,0 @@
-# 底部操作栏 BottomActionBar
-
-### 介绍
-
-用于承载页面底部的主要操作。默认展示一个主按钮，也可按需组合次按钮、图标按钮或“更多操作”。
-
-### 引入
-
-```js
-import { createApp } from 'vue';
-import { BottomActionBar } from 'vant';
-
-const app = createApp();
-app.use(BottomActionBar);
-```
-
-## 代码演示
-
-### 基础用法
-
-```html
-<van-bottom-action-bar confirm-text="确定" @confirm="onConfirm" />
-```
-
-### 双按钮
-
-通过 `secondary-text` 增加次操作按钮。
-
-```html
-<van-bottom-action-bar
-  secondary-text="驳回"
-  confirm-text="确定"
-  @secondary="onSecondary"
-  @confirm="onConfirm"
-/>
-```
-
-### 双按钮 + 更多
-
-传入 `more-text`、`more-popover-actions`、`secondary-text` 和 `confirm-text`，可在左侧展示更多操作气泡入口，并同时展示次操作与主操作按钮。
-
-```html
-<van-bottom-action-bar
-  more-text="更多"
-  :more-popover-actions="actions"
-  secondary-text="驳回"
-  confirm-text="确定"
-  @select-more-popover="onSelectMorePopover"
-  @secondary="onSecondary"
-  @confirm="onConfirm"
-/>
-```
-
-### 图标与更多操作
-
-`icon` 用于展示左侧图标按钮；`more-text`、`more-icon` 和 `more-badge` 用于展示纵向的更多操作入口。
-
-```html
-<van-bottom-action-bar
-  icon="volume-o"
-  more-icon="passed"
-  more-text="展开已选"
-  :more-badge="3"
-  confirm-text="确定"
-  @icon="onIcon"
-  @more="onMore"
-  @confirm="onConfirm"
-/>
-```
-
-### 更多操作气泡
-
-通过 `more-popover-actions` 配置更多操作的气泡菜单。点击更多入口后，菜单会向上展开。
-
-```html
-<van-bottom-action-bar
-  more-text="更多"
-  :more-popover-actions="actions"
-  confirm-text="提交"
-  @select-more-popover="onSelectMorePopover"
-/>
-```
-
-```js
-const actions = [
-  { text: '文件', icon: 'description' },
-  { text: '扫码定位', icon: 'scan' },
-  { text: 'NFC 定位', icon: 'nfc' },
-];
-
-const onSelectMorePopover = (action) => {
-  // action 为当前点击的操作项
-};
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| confirm-text | 主按钮文案 | _string_ | `确定` |
-| confirm-type | 主按钮类型，同 Button 组件的 `type` | _string_ | `primary` |
-| confirm-loading | 是否显示主按钮加载状态 | _boolean_ | `false` |
-| confirm-disabled | 是否禁用主按钮 | _boolean_ | `false` |
-| secondary-text | 次按钮文案，传入后展示次按钮 | _string_ | - |
-| secondary-type | 次按钮类型，同 Button 组件的 `type` | _string_ | `default` |
-| secondary-loading | 是否显示次按钮加载状态 | _boolean_ | `false` |
-| secondary-disabled | 是否禁用次按钮 | _boolean_ | `false` |
-| icon | 左侧图标按钮的图标名称 | _string_ | - |
-| icon-disabled | 是否禁用图标按钮 | _boolean_ | `false` |
-| more-icon | 更多操作图标名称 | _string_ | `more-o` |
-| more-text | 更多操作文案，传入后展示更多操作入口 | _string_ | - |
-| more-badge | 更多操作徽标内容 | _number \| string_ | - |
-| more-badge-max | 更多操作徽标的最大展示值，超出后显示 `+` | _number \| string_ | - |
-| more-disabled | 是否禁用更多操作 | _boolean_ | `false` |
-| more-popover-actions | 更多操作气泡的操作项 | _PopoverAction[]_ | `[]` |
-| fixed | 是否固定在页面底部 | _boolean_ | `true` |
-| placeholder | 固定定位时，是否在原位置生成等高占位元素 | _boolean_ | `false` |
-| safe-area-inset-bottom | 是否开启底部安全区适配 | _boolean_ | `true` |
-| icon-prefix | 图标类名前缀 | _string_ | `van-icon` |
-| show-checkbox-action | 是否展示复选操作区 | _boolean_ | `false` |
-| checkbox-action-checked | 复选操作是否选中，支持 `v-model` | _boolean_ | `false` |
-| checkbox-action-disabled | 是否禁用复选操作 | _boolean_ | `false` |
-| checkbox-action-text | 复选操作文案 | _string_ | `保存为我的默认筛选` |
-
-### Events
-
-| 事件名 | 说明 | 回调参数 |
-| --- | --- | --- |
-| confirm | 点击主按钮时触发 | - |
-| secondary | 点击次按钮时触发 | - |
-| icon | 点击图标按钮时触发 | - |
-| more | 点击更多操作时触发 | - |
-| select-more-popover | 点击更多操作气泡的操作项时触发 | _action: PopoverAction, index: number_ |
-| checkbox-action-change | 复选操作状态变化时触发 | _checked: boolean_ |
-
-### Slots
-
-| 名称 | 说明 |
-| --- | --- |
-| confirm | 自定义主按钮 |
-| secondary | 自定义次按钮 |
-| icon | 自定义图标按钮 |
-| more | 自定义更多操作入口 |
-
-### 类型定义
-
-```ts
-import type { BottomActionBarProps } from 'vant';
-```
-
-## 主题定制
-
-### 样式变量
-
-| 名称 | 默认值 | 描述 |
-| --- | --- | --- |
-| --van-bottom-action-bar-background-color | _var(--van-background-color-light)_ | 操作栏背景色 |
-| --van-bottom-action-bar-z-index | _100_ | 固定定位层级 |
-| --van-bottom-action-bar-padding | _var(--van-padding-xs) var(--van-padding-sm)_ | 操作栏内边距 |
-| --van-bottom-action-bar-gap | _6px_ | 操作项间距 |
-| --van-bottom-action-bar-button-height | _44px_ | 按钮高度 |
-| --van-bottom-action-bar-button-radius | _var(--van-border-radius-lg)_ | 按钮圆角 |
-| --van-bottom-action-bar-secondary-width | _96px_ | 次按钮宽度 |
-| --van-bottom-action-bar-icon-button-width | _48px_ | 图标按钮宽度 |
-| --van-bottom-action-bar-more-width | _48px_ | 更多操作入口宽度 |
-| --van-bottom-action-bar-more-icon-size | _20px_ | 更多操作图标尺寸 |
-| --van-bottom-action-bar-more-text-color | _var(--van-gray-7)_ | 更多操作文字颜色 |
-| --van-bottom-action-bar-more-text-font-size | _var(--van-font-size-xs)_ | 更多操作文字字号 |
-| --van-bottom-action-bar-more-text-line-height | _var(--van-font-size-xs)_ | 更多操作文字行高 |
-| --van-bottom-action-bar-more-popover-width | _96px_ | 更多操作气泡宽度 |
-| --van-bottom-action-bar-more-popover-action-height | _58px_ | 更多操作气泡单项高度 |
-| --van-bottom-action-bar-more-popover-icon-size | _24px_ | 更多操作气泡图标尺寸 |
-| --van-bottom-action-bar-more-popover-text-font-size | _12px_ | 更多操作气泡文字字号 |
-| --van-bottom-action-bar-shadow | _0 3px 12px rgb(27 33 41 / 12%), 0 0.5px 3px rgb(27 33 41 / 8%)_ | 操作栏阴影 |

package/es/bottom-action-bar/index.ts

@@ -1,12 +0,0 @@
-import { withInstall } from '../utils';
-import _BottomActionBar from './BottomActionBar';
-
-export const BottomActionBar = withInstall(_BottomActionBar);
-export default BottomActionBar;
-export type { BottomActionBarProps } from './BottomActionBar';
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    VanBottomActionBar: typeof BottomActionBar;
-  }
-}

package/es/bottom-action-bar/style/index.js

@@ -1,11 +0,0 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../../loading/index.css';
-import '../../button/index.css';
-import '../../overlay/index.css';
-import '../../popup/index.css';
-import '../../popover/index.css';
-import '../../checkbox-group/index.css';
-import '../../checkbox/index.css';
-import '../index.css';

package/es/bottom-action-bar/style/less.js

@@ -1,11 +0,0 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../../loading/index.less';
-import '../../button/index.less';
-import '../../overlay/index.less';
-import '../../popup/index.less';
-import '../../popover/index.less';
-import '../../checkbox-group/index.less';
-import '../../checkbox/index.less';
-import '../index.less';

package/es/button/Button.tsx

@@ -1,205 +0,0 @@
-import {
-  defineComponent,
-  type PropType,
-  type CSSProperties,
-  type ExtractPropTypes,
-} from 'vue';
-
-// Utils
-import {
-  extend,
-  numericProp,
-  preventDefault,
-  makeStringProp,
-  createNamespace,
-  BORDER_SURROUND,
-} from '../utils';
-import { useRoute, routeProps } from '../composables/use-route';
-
-// Components
-import { Icon } from '../icon';
-import { Loading, LoadingType } from '../loading';
-
-// Types
-import {
-  ButtonSize,
-  ButtonType,
-  ButtonNativeType,
-  ButtonIconPosition,
-} from './types';
-
-const [name, bem] = createNamespace('button');
-
-const buttonIconSizes: Record<ButtonSize, string> = {
-  large: 'var(--van-font-size-xl)',
-  normal: 'var(--van-font-size-lg)',
-  small: 'var(--van-font-size-md)',
-  mini: 'var(--van-font-size-sm)',
-};
-
-const buttonProps = extend({}, routeProps, {
-  tag: makeStringProp<keyof HTMLElementTagNameMap>('button'),
-  text: String,
-  icon: String,
-  iconSize: numericProp,
-  type: makeStringProp<ButtonType>('default'),
-  size: makeStringProp<ButtonSize>('normal'),
-  color: String,
-  block: Boolean,
-  plain: Boolean,
-  round: Boolean,
-  square: Boolean,
-  loading: Boolean,
-  hairline: Boolean,
-  disabled: Boolean,
-  iconPrefix: String,
-  nativeType: makeStringProp<ButtonNativeType>('button'),
-  loadingSize: numericProp,
-  loadingText: String,
-  loadingType: String as PropType<LoadingType>,
-  iconPosition: makeStringProp<ButtonIconPosition>('left'),
-});
-
-export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
-
-export default defineComponent({
-  name,
-
-  props: buttonProps,
-
-  emits: ['click'],
-
-  setup(props, { emit, slots }) {
-    const route = useRoute();
-
-    const renderLoadingIcon = () => {
-      if (slots.loading) {
-        return slots.loading();
-      }
-
-      return (
-        <Loading
-          size={props.loadingSize}
-          type={props.loadingType}
-          class={bem('loading')}
-        />
-      );
-    };
-
-    const renderIcon = () => {
-      if (props.loading) {
-        return renderLoadingIcon();
-      }
-
-      if (slots.icon) {
-        return <div class={bem('icon')}>{slots.icon()}</div>;
-      }
-
-      if (props.icon) {
-        return (
-          <Icon
-            size={props.iconSize ?? buttonIconSizes[props.size]}
-            name={props.icon}
-            class={bem('icon')}
-            classPrefix={props.iconPrefix}
-          />
-        );
-      }
-    };
-
-    const renderText = () => {
-      let text;
-      if (props.loading) {
-        text = props.loadingText;
-      } else {
-        text = slots.default ? slots.default() : props.text;
-      }
-
-      if (text) {
-        return <span class={bem('text')}>{text}</span>;
-      }
-    };
-
-    const getStyle = () => {
-      const { color, plain } = props;
-      if (color) {
-        const style: CSSProperties = {
-          color: plain ? color : 'white',
-        };
-
-        if (!plain) {
-          // Use background instead of backgroundColor to make linear-gradient work
-          style.background = color;
-        }
-
-        // hide border when color is linear-gradient
-        if (color.includes('gradient')) {
-          style.border = 0;
-        } else {
-          style.borderColor = color;
-        }
-
-        return style;
-      }
-    };
-
-    const onClick = (event: MouseEvent) => {
-      if (props.loading) {
-        preventDefault(event);
-      } else if (!props.disabled) {
-        emit('click', event);
-        route();
-      }
-    };
-
-    return () => {
-      const {
-        tag,
-        type,
-        size,
-        block,
-        round,
-        plain,
-        square,
-        loading,
-        disabled,
-        hairline,
-        nativeType,
-        iconPosition,
-      } = props;
-
-      const classes = [
-        bem([
-          type,
-          size,
-          {
-            plain,
-            block,
-            round,
-            square,
-            loading,
-            disabled,
-            hairline,
-          },
-        ]),
-        { [BORDER_SURROUND]: hairline },
-      ];
-
-      return (
-        <tag
-          type={nativeType}
-          class={classes}
-          style={getStyle()}
-          disabled={disabled}
-          onClick={onClick}
-        >
-          <div class={bem('content')}>
-            {iconPosition === 'left' && renderIcon()}
-            {renderText()}
-            {iconPosition === 'right' && renderIcon()}
-          </div>
-        </tag>
-      );
-    };
-  },
-});