persagy-vant 0.0.29 → 0.0.30

package/es/radio-group/RadioGroup.tsx

@@ -1,66 +0,0 @@
-import {
-  watch,
-  defineComponent,
-  type PropType,
-  type InjectionKey,
-  type ExtractPropTypes,
-} from 'vue';
-import { unknownProp, numericProp, createNamespace } from '../utils';
-import { useChildren, useCustomFieldValue } from '@vant/use';
-import type { CheckerDirection, CheckerSize } from '../checkbox/Checker';
-
-const [name, bem] = createNamespace('radio-group');
-
-export type RadioGroupDirection = CheckerDirection;
-
-const radioGroupProps = {
-  disabled: Boolean,
-  iconSize: numericProp,
-  labelFontSize: numericProp,
-  size: String as PropType<CheckerSize>,
-  direction: String as PropType<RadioGroupDirection>,
-  modelValue: unknownProp,
-  checkedColor: String,
-  allowUncheck: Boolean
-};
-
-export type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
-
-export type RadioGroupProvide = {
-  props: RadioGroupProps;
-  updateValue: (value: unknown) => void;
-};
-
-export const RADIO_KEY: InjectionKey<RadioGroupProvide> = Symbol(name);
-
-export default defineComponent({
-  name,
-
-  props: radioGroupProps,
-
-  emits: ['change', 'update:modelValue'],
-
-  setup(props, { emit, slots }) {
-    const { linkChildren } = useChildren(RADIO_KEY);
-
-    const updateValue = (value: unknown) => emit('update:modelValue', value);
-
-    watch(
-      () => props.modelValue,
-      (value) => emit('change', value)
-    );
-
-    linkChildren({
-      props,
-      updateValue,
-    });
-
-    useCustomFieldValue(() => props.modelValue);
-
-    return () => (
-      <div class={bem([props.direction])} role="radiogroup">
-        {slots.default?.()}
-      </div>
-    );
-  },
-});

package/es/radio-group/index.ts

@@ -1,12 +0,0 @@
-import { withInstall } from '../utils';
-import _RadioGroup from './RadioGroup';
-
-export const RadioGroup = withInstall(_RadioGroup);
-export default RadioGroup;
-export type { RadioGroupProps, RadioGroupDirection } from './RadioGroup';
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    VanRadioGroup: typeof RadioGroup;
-  }
-}

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

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

package/es/radio-group/style/less.js

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

package/es/radio-panel/README.md

@@ -1,77 +0,0 @@
-# RadioPanel
-
-### Introduction
-
-Use RadioPanel to choose one option from a bottom panel. It closes automatically after a selectable option is chosen.
-
-### Import
-
-```js
-import { createApp } from 'vue';
-import { RadioPanel } from 'vant';
-
-createApp().use(RadioPanel);
-```
-
-## Usage
-
-```html
-<van-radio-panel
-  v-model:show="show"
-  v-model="value"
-  title="Select type"
-  :options="options"
-  @select="onSelect"
-/>
-```
-
-When `searchable` is enabled, matching option text is highlighted using the system primary color.
-
-## API
-
-### Props
-
-| Prop | Description | Type | Default |
-| --- | --- | --- | --- |
-| v-model:show | Whether to show the panel | _boolean_ | `false` |
-| v-model | Selected value | _string_ | - |
-| title | Panel title | _string_ | - |
-| options | Option list | _RadioPanelOption[]_ | `[]` |
-| searchable | Whether to show the search field | _boolean_ | `false` |
-| search-placeholder | Search placeholder | _string_ | `Enter a search keyword` |
-| filterable | Whether to show the top-right filter trigger | _boolean_ | `false` |
-| filter-active | Whether to show the active-filter badge | _boolean_ | `false` |
-| lazy | Whether to enable scroll loading | _boolean_ | `false` |
-| loading | Whether more options are loading | _boolean_ | `false` |
-| finished | Whether all options have loaded | _boolean_ | `false` |
-| error | Whether to show the load error state | _boolean_ | `false` |
-| loading-text | Loading hint | _string_ | - |
-| finished-text | Finished hint | _string_ | - |
-| error-text | Load error hint | _string_ | - |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| select | Emitted when an option is selected | _value: string_ |
-| search | Emitted when the search keyword changes or is submitted | _value: string_ |
-| filter | Emitted when the top-right filter trigger is clicked | - |
-| load | Emitted when the list reaches its end with `lazy` enabled | - |
-| update:loading | Emitted when the loading state changes | _value: boolean_ |
-| update:error | Emitted when the load error state changes | _value: boolean_ |
-
-### Slots
-
-| Name | Description |
-| --- | --- |
-| filter | Custom top-right filter content; replaces the default filter icon |
-
-### RadioPanelOption
-
-```ts
-type RadioPanelOption = {
-  label: string;
-  value: string;
-  disabled?: boolean;
-};
-```

package/es/radio-panel/README.zh-CN.md

@@ -1,120 +0,0 @@
-# 单选面板 RadioPanel
-
-### 介绍
-
-用于在底部面板中选择一个选项。选中可用选项后会更新 `v-model`、触发 `select` 事件并自动关闭面板。
-
-### 引入
-
-```js
-import { createApp } from 'vue';
-import { RadioPanel } from 'vant';
-
-const app = createApp();
-app.use(RadioPanel);
-```
-
-## 代码演示
-
-### 基础用法
-
-使用 `options` 配置选项，通过 `v-model` 获取当前选中值。
-
-```html
-<van-cell is-link title="选择类型" :value="value" @click="show = true" />
-
-<van-radio-panel
-  v-model:show="show"
-  v-model="value"
-  title="选择类型"
-  :options="options"
-  @select="onSelect"
-/>
-```
-
-```js
-import { ref } from 'vue';
-
-const show = ref(false);
-const value = ref('normal');
-const options = [
-  { label: '普通', value: 'normal' },
-  { label: '紧急', value: 'urgent' },
-  { label: '已停用', value: 'disabled', disabled: true },
-];
-
-const onSelect = (value) => {
-  console.log(value);
-};
-```
-
-### 搜索、筛选与懒加载
-
-设置 `searchable` 后，面板会按选项文案实时过滤，并以系统主色高亮匹配关键词；设置 `filterable` 后会显示右上角筛选入口并触发 `filter` 事件。长列表可设置 `lazy`，并复用 `List` 的加载状态与事件来追加 `options`。
-
-```html
-<van-radio-panel
-  v-model:show="show"
-  v-model="value"
-  title="选择类型"
-  :options="options"
-  searchable
-  filterable
-  lazy
-  :loading="loading"
-  :finished="finished"
-  :filter-active="hasFilter"
-  finished-text="没有更多了"
-  @filter="showFilter = true"
-  @load="loadMore"
-/>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model:show | 是否展示面板 | _boolean_ | `false` |
-| v-model | 当前选中值 | _string_ | - |
-| title | 面板标题 | _string_ | - |
-| options | 选项列表 | _RadioPanelOption[]_ | `[]` |
-| searchable | 是否显示搜索框 | _boolean_ | `false` |
-| search-placeholder | 搜索框占位文本 | _string_ | `请输入搜索关键词` |
-| filterable | 是否显示右上角筛选入口 | _boolean_ | `false` |
-| filter-active | 是否显示筛选生效徽标 | _boolean_ | `false` |
-| lazy | 是否启用滚动加载 | _boolean_ | `false` |
-| loading | 是否处于加载状态 | _boolean_ | `false` |
-| finished | 是否已加载完成 | _boolean_ | `false` |
-| error | 是否显示加载失败状态 | _boolean_ | `false` |
-| loading-text | 加载提示文字 | _string_ | - |
-| finished-text | 加载完成提示文字 | _string_ | - |
-| error-text | 加载失败提示文字 | _string_ | - |
-
-### Events
-
-| 事件名 | 说明 | 回调参数 |
-| --- | --- | --- |
-| select | 选择可用选项时触发 | _value: string_ |
-| search | 搜索关键词变化或确认搜索时触发 | _value: string_ |
-| filter | 点击右上角筛选入口时触发 | - |
-| load | 开启 `lazy` 后，滚动到底部时触发 | - |
-| update:loading | 更新加载状态 | _value: boolean_ |
-| update:error | 更新加载失败状态 | _value: boolean_ |
-
-### Slots
-
-| 名称 | 说明 |
-| --- | --- |
-| filter | 自定义右上角筛选区域，传入后会替代默认筛选图标 |
-
-### RadioPanelOption 数据结构
-
-```ts
-type RadioPanelOption = {
-  label: string;
-  value: string;
-  disabled?: boolean;
-};
-```

package/es/radio-panel/RadioPanel.tsx

@@ -1,181 +0,0 @@
-import { computed, defineComponent, ref, type PropType, type ExtractPropTypes } from 'vue';
-import { createNamespace, makeArrayProp } from '../utils';
-import { ActionSheet } from '../action-sheet';
-import { NavBar } from '../nav-bar';
-import { Icon } from '../icon';
-import { Badge } from '../badge';
-import { Cell } from '../cell';
-import { Empty } from '../empty';
-import { List } from '../list';
-import { Radio } from '../radio';
-import { RadioGroup } from '../radio-group';
-import { Search } from '../search';
-
-const [name, bem] = createNamespace('radio-panel');
-
-export type RadioPanelOption = { label: string; value: string; disabled?: boolean };
-
-const escapeRegExp = (value: string) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-
-const radioPanelProps = {
-  show: Boolean,
-  title: String,
-  options: makeArrayProp<RadioPanelOption>(),
-  modelValue: String as PropType<string>,
-  searchable: Boolean,
-  searchPlaceholder: String,
-  filterable: Boolean,
-  filterActive: Boolean,
-  loading: Boolean,
-  finished: Boolean,
-  error: Boolean,
-  lazy: Boolean,
-  loadingText: String,
-  finishedText: String,
-  errorText: String,
-};
-
-export type RadioPanelProps = ExtractPropTypes<typeof radioPanelProps>;
-
-export default defineComponent({
-  name,
-  props: radioPanelProps,
-  emits: [
-    'update:show',
-    'update:modelValue',
-    'update:loading',
-    'update:error',
-    'select',
-    'search',
-    'filter',
-    'load',
-  ],
-  setup(props, { emit, slots }) {
-    const keyword = ref('');
-    const filteredOptions = computed(() => {
-      const query = keyword.value.trim().toLocaleLowerCase();
-      if (!query) return props.options;
-      return props.options.filter((option) =>
-        option.label.toLocaleLowerCase().includes(query)
-      );
-    });
-    const close = () => emit('update:show', false);
-    const select = (option: RadioPanelOption) => {
-      if (option.disabled) return;
-      emit('update:modelValue', option.value);
-      emit('select', option.value);
-      close();
-    };
-
-    const renderOptionLabel = (label: string) => {
-      const query = keyword.value.trim();
-      if (!query) return label;
-
-      const normalizedQuery = query.toLocaleLowerCase();
-      return label.split(new RegExp(`(${escapeRegExp(query)})`, 'ig')).map((part) =>
-        part.toLocaleLowerCase() === normalizedQuery ? (
-          <span class={bem('match')}>{part}</span>
-        ) : part
-      );
-    };
-
-    const renderOptions = () => {
-      if (!filteredOptions.value.length) {
-        return <Empty imageSize={60} description="暂无匹配选项" />;
-      }
-
-      return (
-        <RadioGroup
-          modelValue={props.modelValue}
-          onUpdate:modelValue={(value: string) => {
-            const option = props.options.find((item) => item.value === value);
-            if (option) select(option);
-          }}
-        >
-          {filteredOptions.value.map((option) => (
-            <Cell
-              key={option.value}
-              clickable={!option.disabled}
-              title={option.label}
-              titleStyle={{ color: props.modelValue === option.value ? 'var(--van-primary-color)' : undefined }}
-              onClick={() => select(option)}
-            >
-              {{
-                title: () => renderOptionLabel(option.label),
-                'right-icon': () => (
-                  <Radio
-                    name={option.value}
-                    disabled={option.disabled}
-                    onClick={(event: MouseEvent) => event.stopPropagation()}
-                  />
-                ),
-              }}
-            </Cell>
-          ))}
-        </RadioGroup>
-      );
-    };
-
-    return () => (
-      <ActionSheet show={props.show} class={bem()} onUpdate:show={(show: boolean) => emit('update:show', show)}>
-        <div class={bem('content')}>
-          <div class={bem('nav-wrapper')}>
-            <NavBar title={props.title} border={false} class={bem('nav')}>
-              {{
-                left: () => <Icon name="cross" size="22" onClick={close} />,
-                right: () => {
-                  if (slots.filter) return slots.filter();
-                  if (!props.filterable) return;
-                  return (
-                    <button
-                      type="button"
-                      class={bem('filter')}
-                      aria-label="筛选"
-                      onClick={() => emit('filter')}
-                    >
-                      <Badge dot={props.filterActive}>
-                        <Icon name="filter-o" size="22" />
-                      </Badge>
-                    </button>
-                  );
-                },
-              }}
-            </NavBar>
-          </div>
-          {props.searchable && (
-            <Search
-              modelValue={keyword.value}
-              class={bem('search')}
-              shape="round"
-              inputAlign="left"
-              placeholder={props.searchPlaceholder || '请输入搜索关键词'}
-              maxlength={200}
-              onUpdate:modelValue={(value: string) => {
-                keyword.value = value;
-                emit('search', value);
-              }}
-              onSearch={(value: string) => emit('search', value)}
-            />
-          )}
-          <div class={bem('body')}>
-            <div class={bem('card')}>
-              {props.lazy ? <List
-                loading={props.loading}
-                finished={props.finished}
-                error={props.error}
-                loadingText={props.loadingText}
-                finishedText={props.finishedText}
-                errorText={props.errorText}
-                onUpdate:loading={(value: boolean) => emit('update:loading', value)}
-                onUpdate:error={(value: boolean) => emit('update:error', value)}
-                onLoad={() => emit('load')}
-              >
-                {renderOptions()}
-              </List> : renderOptions()}
-            </div>
-          </div>
-        </div>
-      </ActionSheet>
-    );
-  },
-});

package/es/radio-panel/index.ts

@@ -1,12 +0,0 @@
-import { withInstall } from '../utils';
-import _RadioPanel from './RadioPanel';
-
-export const RadioPanel = withInstall(_RadioPanel);
-export default RadioPanel;
-export type { RadioPanelProps, RadioPanelOption } from './RadioPanel';
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    VanRadioPanel: typeof RadioPanel;
-  }
-}

package/es/radio-panel/style/index.js

@@ -1,19 +0,0 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../../loading/index.css';
-import '../../list/index.css';
-import '../../overlay/index.css';
-import '../../popup/index.css';
-import '../../popover/index.css';
-import '../../nav-bar/index.css';
-import '../../action-sheet/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 '../../field/index.css';
-import '../../search/index.css';
-import '../../empty/index.css';
-import '../index.css';

package/es/radio-panel/style/less.js

@@ -1,19 +0,0 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../../loading/index.less';
-import '../../list/index.less';
-import '../../overlay/index.less';
-import '../../popup/index.less';
-import '../../popover/index.less';
-import '../../nav-bar/index.less';
-import '../../action-sheet/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 '../../field/index.less';
-import '../../search/index.less';
-import '../../empty/index.less';
-import '../index.less';