persagy-vant 0.0.24 → 0.0.26

package/skills/use-persagy-vant/references/component-catalog.md

@@ -4,23 +4,25 @@
 
 ## 页面骨架与状态
 
-- `nav-bar`、`tabbar`、`tab`、`tabs`、`sidebar`：页面与分区导航。
+- `background`：带主题背景的页面内容容器；普通页面仍以 `--van-gray-1` 为默认背景，只有设计明确要求时才选择内置主题或自定义背景图。
+- `nav-bar`、`tabbar`、`tab`、`tabs`、`sidebar`：页面与分区导航。标签较多时优先使用 `tabs` 的滚动或更多面板能力；筛选型分区选择 `type="filter"`。
 - `cell`、`cell-group`、`row`、`col`、`space`、`divider`：信息布局与分组。
 - `empty`、`loading`、`skeleton`、`overlay`、`pull-refresh`、`list`、`pagination`：加载、空态、刷新与列表分页。
 - `bottom-action-bar`、`action-bar`、`submit-bar`：固定操作区；不要自行实现 fixed footer。
 
 ## 表单与通用选择
 
-- `form`、`field`：表单结构、校验、输入与只读选择入口。
+- `form-panel` + `form` + `field`：多字段编辑的表单面板、校验、输入与只读选择入口；不要将同一编辑任务拆为零散弹层。
 - `checkbox`、`radio`、`switch`、`stepper`、`rate`、`slider`：布尔、单选、多选与数值录入。
 - `picker`、`datetime-picker`、`calendar`、`area`、`cascader`、`tree-select`：普通选项、日期、地区、级联与树形数据选择。
-- `search`、`filter-tag`、`dropdown-menu`、`dropdown-item`：搜索与轻量筛选。
+- `search`、`filter-tag`、`dropdown-menu`、`dropdown-item`：搜索与轻量筛选；短选项的外露筛选优先使用 `filter-tag`，需要更大触达面积时选其大尺寸规格。
 
 ## 内容与反馈
 
 - `card`、`tag`、`badge`、`notice-bar`、`image`、`icon`：内容展示与状态标识。
 - `popup`、`action-sheet`、`share-sheet`、`popover`：动作选择与自定义容器。
-- `dialog`、`toast`、`notify`：确认、短反馈与通知；不得重复封装确认弹窗或全局提示。
+- `dialog`、`toast`、`notify`：确认、短反馈与顶部通知；不得重复封装确认弹窗或全局提示。
+- `friendly-tip`、`popover`：基于触发元素的引导说明和轻量操作菜单。一次性友好引导使用 `friendly-tip`，点击空白处关闭；不要手写定位气泡。
 - `swipe`、`swipe-item`、`swipe-cell`、`collapse`、`grid`、`index-bar`：浏览、滑动操作、折叠和网格内容。
 
 ## 选型规则
@@ -29,3 +31,4 @@
 - 可分页的业务列表：组合 `list`、`pull-refresh`、`empty`、`loading`，不要手写重复加载状态。
 - 选择入口默认使用 `field` 或 `cell`，具体选择面板优先从 `business-component-catalog.md` 选择。
 - 页面有主操作时优先使用 `bottom-action-bar`；在表单提交语义明确时使用 `submit-bar`。
+- 非破坏性的局部快捷操作使用 `popover`；会影响全局数据或需要确认的操作不使用气泡菜单。

package/skills/use-persagy-vant/references/design-interaction-baseline.md

@@ -0,0 +1,71 @@
+# 设计与交互基线
+
+除非产品需求、页面原型或组件自身能力明确要求不同，否则页面必须遵循本基线。优先使用 Persagy Vant 已提供的能力；组件不支持时，只能在页面层实现，不得复制或改造组件内部实现。页面层级、面板深度和组件变量均以目标组件 README 与 demo 为准。
+
+## 页面结构与导航
+
+- 应用外页面层级不超过 `5` 级；动态面板嵌套不超过 `2` 层。复杂且相对独立的功能使用独立页面；需要即时录入、查看或回显当前页面数据的轻量任务使用动态面板。
+- 普通下钻页面进入和返回使用左右转场；从左上角关闭的页面优先使用上下转场；展开与收起提供缓动效果。优先复用组件内置动效。
+- 带返回箭头的页面支持从左侧边缘左滑返回；仅在宿主框架支持时启用，不得以页面 CSS 模拟系统手势。
+
+## 布局与视觉
+
+- 普通页面背景使用 `--van-gray-1`；信息展示和录入控件以白色卡片承载。
+- 卡片内容与页面左右边缘保持 `16px` 间距；卡片之间间距 `8px`。
+- 模块之间、控件之间使用 `8px` 或 `12px` 间距；仅左右排布的两组字段，纵向间距不得小于 `8px`。
+- 文本按内容与可读性选择换行；超出两行时省略。字段无数据时整项隐藏，不展示空占位字段。
+- 触发器没有内置按压态时，叠加 `5%` 黑色透明遮罩作为按压反馈；有内置按压态的组件不重复添加。
+- 字体跟随设备系统字体。常规层级使用：一级标题 `16px` 加粗、二级标题与正文 `14px`、补充说明 `12px`、底部菜单最小 `10px`；有明确业务需要时可调整。
+- 信息层级最多使用四级：一级标题优先采用 `blue-mark`，二级使用灰底加粗文本，三级使用白底加粗文本，四级使用弱化的卡片内容；特殊业务可按组件文档调整。
+- `blue-mark` 用作一级标题时优先选 `16px` 规格，作为二级分类时可选 `14px` 规格；与下方内容左对齐，长文本允许换行或省略，换行时顶部对齐。
+- 即时反馈控件（如开关、单选、多选、滚轮、滑块）可不额外设置按压态；所有其他可点击文本和自定义触发器必须提供按压态。
+- 触控热区最小为 `24 × 24px`；视觉元素不足时用透明容器扩大热区，并在受限空间内尽量增大可点范围。
+
+## 输入、上传与时间
+
+- 文本域最大输入 `200` 字，并在输入阶段限制或阻止超出内容。
+- 图片/视频上传最多 `9` 个。已达上限再次触发上传时，提示“最多支持上传9个”。
+- 时间选择器默认定位到当前时间；需要时间节点时精确到秒。
+- 涉及多个字段的编辑时，使用 `form` 承载于表单面板中完成；不得将同一编辑任务拆散到多个零散入口。
+- 选项不超过 `3` 个且文案短时可外露单选；其他单选使用单选面板。多选枚举选项超过 `6` 个时，优先选用组件库提供的底部多选快捷操作能力。
+- 必填或流程起点的输入框、搜索框可在进入页面时自动聚焦并唤起键盘；键盘主操作键应能直接触发后续搜索或保存。连续输入框支持键盘切换至下一项。
+
+## 全局操作
+
+- 作用于当前页面或当前数据集的操作统一集成到 `bottom-action-bar`。
+- 根据操作数量选择组件文档中对应的操作栏变量、布局或溢出方案；先阅读 `bottom-action-bar` 的 README 和 demo，不得臆造变量或布局规则。
+- 局部内容操作仍放置在其所属内容附近，不强行放入底部操作栏。
+
+## 搜索、列表与加载
+
+- 点击搜索入口后自动聚焦并唤起键盘；非业务必需时，在搜索态提供取消操作。键盘唤起后内容区不保留无关内容。
+- 列表使用 `pull-refresh` 处理下拉刷新，使用 `list` 处理滚动加载；无更多数据时展示明确的结束提示。
+- 请求超过 `500ms` 时展示加载反馈：局部请求使用 `loading` 或 `skeleton`，全局请求使用全局加载状态。
+
+## 页面状态与信息反馈
+
+- 页面初始化展示加载状态；加载完成无数据时展示空状态页面。
+- 操作成功或失败均提供全局反馈；重要或高风险信息使用 `dialog`、`notice-bar` 等强提醒样式。
+- 所有不可用操作都必须可被点击或聚焦后说明具体不可用原因，提示文案为“`<具体原因>`”，不得只展示禁用态而无解释。
+- 友好提示仅展示一次，点击空白区域后消失。
+- 折叠/展开内容默认展开第一组数据。
+- 保存筛选条件后，筛选对应数据并提示“保存成功”；筛选图标右上角显示徽标标记。
+- 重要文本优先完整换行；采用省略时，提供下钻、展开、气泡或全局提示等方式查看完整内容。长度不稳定的内容可在最大高度后提供“展开”入口。
+
+## 提交校验
+
+- 底部主操作触发时先执行必填校验：存在未填必填项时提示“必填项未填写”。
+- 名称或其他定义为唯一的内容重复时提示“内容已重复”。
+- 提交成功时提示“提交成功”，并防止重复提交直至请求完成。
+
+## 交付前自查
+
+```md
+## 规范落实项
+- 布局与文本：<背景、卡片间距、文本溢出和空字段处理方式>
+- 页面结构与触达：<页面/面板层级、导航动效、热区、信息层级；不涉及则说明>
+- 输入与选择：<200 字限制、9 个上传限制、时间、键盘、单选/多选策略；不涉及则说明>
+- 编辑与全局操作：<表单面板、底部操作栏及其变量/布局选择；不涉及则说明>
+- 页面状态：<500ms 加载策略、空状态、禁用原因、展开默认值>
+- 操作反馈：<保存筛选、提交校验和成功提示；不涉及则说明>
+```

package/skills/use-persagy-vant/references/page-recipes.md

@@ -5,7 +5,7 @@
 ## 创建/编辑业务单据
 
 1. `nav-bar` 放置标题和返回操作。
-2. `form` + `field` 组织输入与校验；选择字段仅作为触发器。
+2. 多字段编辑在表单面板内使用 `form` + `field` 组织输入与校验；选择字段仅作为触发器。
 3. 需要人员、位置、对象或物料时，接入对应 Persagy 业务组件。
 4. 使用 `bottom-action-bar` 放置保存、提交或次操作；提交中禁用重复点击。
 5. 成功使用 `toast`，离开未保存页面使用 `dialog` 确认。
@@ -14,8 +14,8 @@
 
 1. 顶部使用 `search` 或已有的筛选触发入口。
 2. 工单场景使用 `work-order-filter`；其他复杂条件使用 `popup` + `form` + 现有选择组件。
-3. 使用 `pull-refresh` + `list` 呈现数据，首屏/分页加载使用 `loading`，无结果使用 `empty`。
-4. 列表项使用 `cell` 或 `card`；状态使用 `tag` 或 `badge`。
+3. 搜索触发后自动聚焦；非业务必需时提供取消操作。使用 `pull-refresh` + `list` 呈现数据，首屏/分页加载使用 `loading`，无结果使用 `empty`，末页显示无更多数据提示。
+4. 简单列表项使用 `cell` 或 `card`；工单需要展示标签、位置、展开详情或行内操作时使用 `work-order-card`；状态使用 `tag` 或 `badge`。
 
 ## 详情与处理页
 
@@ -23,8 +23,25 @@
 2. 需要展开内容使用 `collapse`，需要图文使用 `image`，需要状态标记使用 `tag`/`badge`。
 3. 主要处理动作使用 `bottom-action-bar`；可能造成数据变更的操作先经 `dialog`。
 
+## 编辑与全局操作
+
+1. 多个字段需要一次性编辑时，打开表单面板完成编辑、校验与提交。
+2. 当前页面或当前数据集的全局操作统一放入 `bottom-action-bar`。
+3. 按操作数量选择 `bottom-action-bar` 文档提供的变量、布局或溢出方案；使用前必须查阅其 README 和 demo。
+
 ## 选择型流程
 
 1. 使用 `field` 或 `cell` 显示当前选择结果并触发面板。
-2. 使用业务组件完成选择；仅在通用场景选择 `picker`、`cascader`、`tree-select`、`calendar` 等。
-3. 使用对应 `change`、`confirm`、`select` 事件同步页面状态，不读取组件内部 DOM。
+2. 选项不超过 3 个且文本短时可外露单选；其他单选及所有复杂选择均使用面板。多选枚举选项超过 6 个时，优先选择组件库的底部多选快捷操作能力。
+3. 使用业务组件完成选择；仅在通用场景选择 `picker`、`cascader`、`tree-select`、`calendar` 等。
+4. 使用对应 `change`、`confirm`、`select` 事件同步页面状态，不读取组件内部 DOM。
+
+## 楼层空间选择
+
+1. 按楼座、楼层筛选空间时使用 `floor-select`，不要自行组合侧边导航、楼层标签和空间单元格。
+2. 通过 `change` 事件同步所选空间和所属楼座；需要自定义空间展示时使用组件公开插槽。
+
+## 一次性友好引导
+
+1. 对首次出现或需要解释的局部功能使用 `friendly-tip`，通过参考元素定位。
+2. 提示仅在首次满足展示条件时出现；点击页面空白区域后关闭并记录已读状态。

package/es/action-sheet/ActionSheetPanel.mjs

@@ -1,145 +0,0 @@
-import { computed, defineComponent, createVNode as _createVNode } from "vue";
-import { makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
-import ActionSheet from "./ActionSheet.mjs";
-import { NavBar } from "../nav-bar/index.mjs";
-import { Icon } from "../icon/index.mjs";
-import { Cell } from "../cell/index.mjs";
-import { Checkbox } from "../checkbox/index.mjs";
-import { CheckboxGroup } from "../checkbox-group/index.mjs";
-import { Button } from "../button/index.mjs";
-const [name, bem] = createNamespace("action-sheet-panel");
-const actionSheetPanelProps = {
-  show: Boolean,
-  type: makeStringProp("form"),
-  title: String,
-  options: makeArrayProp(),
-  modelValue: [String, Array],
-  confirmText: makeStringProp("\u786E\u5B9A"),
-  selectAllText: makeStringProp("\u5168\u9009"),
-  cancelSelectAllText: makeStringProp("\u53D6\u6D88\u5168\u9009")
-};
-var stdin_default = defineComponent({
-  name,
-  props: actionSheetPanelProps,
-  emits: ["update:show", "update:modelValue", "select", "confirm"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const isCheckboxPanel = computed(() => props.type === "checkbox");
-    const selectedValues = computed(() => Array.isArray(props.modelValue) ? props.modelValue : []);
-    const isAllSelected = computed(() => {
-      const selectableOptions = props.options.filter((option) => !option.disabled);
-      return selectableOptions.length > 0 && selectableOptions.every((option) => selectedValues.value.includes(option.value));
-    });
-    const close = () => emit("update:show", false);
-    const selectRadioOption = (option) => {
-      if (option.disabled) {
-        return;
-      }
-      emit("update:modelValue", option.value);
-      emit("select", option.value);
-      close();
-    };
-    const toggleCheckboxOption = (option) => {
-      if (option.disabled) {
-        return;
-      }
-      const values = [...selectedValues.value];
-      const index = values.indexOf(option.value);
-      if (index === -1) {
-        values.push(option.value);
-      } else {
-        values.splice(index, 1);
-      }
-      emit("update:modelValue", values);
-    };
-    const toggleAll = () => {
-      emit("update:modelValue", isAllSelected.value ? [] : props.options.filter((option) => !option.disabled).map((option) => option.value));
-    };
-    const confirm = () => {
-      emit("confirm", props.modelValue);
-      close();
-    };
-    const renderNav = () => _createVNode("div", {
-      "class": bem("nav-wrapper")
-    }, [_createVNode(NavBar, {
-      "title": props.title,
-      "class": bem("nav")
-    }, {
-      left: () => _createVNode(Icon, {
-        "name": "cross",
-        "size": "22",
-        "onClick": close
-      }, null),
-      right: isCheckboxPanel.value ? () => _createVNode("span", {
-        "class": bem("select-all"),
-        "onClick": toggleAll
-      }, [isAllSelected.value ? props.cancelSelectAllText : props.selectAllText]) : void 0
-    })]);
-    const renderOptions = () => {
-      var _a;
-      if (props.type === "radio") {
-        return _createVNode("div", {
-          "class": bem("card")
-        }, [props.options.map((option) => _createVNode(Cell, {
-          "key": option.value,
-          "clickable": !option.disabled,
-          "title": option.label,
-          "titleStyle": {
-            color: props.modelValue === option.value ? "var(--van-primary-color)" : void 0
-          },
-          "onClick": () => selectRadioOption(option)
-        }, {
-          "right-icon": () => props.modelValue === option.value ? _createVNode(Icon, {
-            "name": "success",
-            "color": "var(--van-primary-color)"
-          }, null) : null
-        }))]);
-      }
-      if (isCheckboxPanel.value) {
-        return _createVNode(CheckboxGroup, {
-          "modelValue": selectedValues.value,
-          "class": bem("card"),
-          "onUpdate:modelValue": (value) => emit("update:modelValue", value)
-        }, {
-          default: () => [props.options.map((option) => _createVNode(Cell, {
-            "key": option.value,
-            "clickable": !option.disabled,
-            "title": option.label,
-            "onClick": () => toggleCheckboxOption(option)
-          }, {
-            "right-icon": () => _createVNode(Checkbox, {
-              "name": option.value,
-              "disabled": option.disabled,
-              "onClick": (event) => event.stopPropagation()
-            }, null)
-          }))]
-        });
-      }
-      return (_a = slots.default) == null ? void 0 : _a.call(slots);
-    };
-    return () => _createVNode(ActionSheet, {
-      "show": props.show,
-      "class": bem(),
-      "onUpdate:show": (show) => emit("update:show", show)
-    }, {
-      default: () => [_createVNode("div", {
-        "class": bem("content")
-      }, [renderNav(), _createVNode("div", {
-        "class": bem("body")
-      }, [renderOptions()]), props.type !== "radio" && _createVNode("div", {
-        "class": bem("footer")
-      }, [_createVNode(Button, {
-        "block": true,
-        "type": "primary",
-        "onClick": confirm
-      }, {
-        default: () => [props.confirmText]
-      })])])]
-    });
-  }
-});
-export {
-  stdin_default as default
-};

package/lib/action-sheet/ActionSheetPanel.js

@@ -1,174 +0,0 @@
-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(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  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_utils = require("../utils");
-var import_ActionSheet = __toESM(require("./ActionSheet"));
-var import_nav_bar = require("../nav-bar");
-var import_icon = require("../icon");
-var import_cell = require("../cell");
-var import_checkbox = require("../checkbox");
-var import_checkbox_group = require("../checkbox-group");
-var import_button = require("../button");
-const [name, bem] = (0, import_utils.createNamespace)("action-sheet-panel");
-const actionSheetPanelProps = {
-  show: Boolean,
-  type: (0, import_utils.makeStringProp)("form"),
-  title: String,
-  options: (0, import_utils.makeArrayProp)(),
-  modelValue: [String, Array],
-  confirmText: (0, import_utils.makeStringProp)("\u786E\u5B9A"),
-  selectAllText: (0, import_utils.makeStringProp)("\u5168\u9009"),
-  cancelSelectAllText: (0, import_utils.makeStringProp)("\u53D6\u6D88\u5168\u9009")
-};
-var stdin_default = (0, import_vue.defineComponent)({
-  name,
-  props: actionSheetPanelProps,
-  emits: ["update:show", "update:modelValue", "select", "confirm"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const isCheckboxPanel = (0, import_vue.computed)(() => props.type === "checkbox");
-    const selectedValues = (0, import_vue.computed)(() => Array.isArray(props.modelValue) ? props.modelValue : []);
-    const isAllSelected = (0, import_vue.computed)(() => {
-      const selectableOptions = props.options.filter((option) => !option.disabled);
-      return selectableOptions.length > 0 && selectableOptions.every((option) => selectedValues.value.includes(option.value));
-    });
-    const close = () => emit("update:show", false);
-    const selectRadioOption = (option) => {
-      if (option.disabled) {
-        return;
-      }
-      emit("update:modelValue", option.value);
-      emit("select", option.value);
-      close();
-    };
-    const toggleCheckboxOption = (option) => {
-      if (option.disabled) {
-        return;
-      }
-      const values = [...selectedValues.value];
-      const index = values.indexOf(option.value);
-      if (index === -1) {
-        values.push(option.value);
-      } else {
-        values.splice(index, 1);
-      }
-      emit("update:modelValue", values);
-    };
-    const toggleAll = () => {
-      emit("update:modelValue", isAllSelected.value ? [] : props.options.filter((option) => !option.disabled).map((option) => option.value));
-    };
-    const confirm = () => {
-      emit("confirm", props.modelValue);
-      close();
-    };
-    const renderNav = () => (0, import_vue.createVNode)("div", {
-      "class": bem("nav-wrapper")
-    }, [(0, import_vue.createVNode)(import_nav_bar.NavBar, {
-      "title": props.title,
-      "class": bem("nav")
-    }, {
-      left: () => (0, import_vue.createVNode)(import_icon.Icon, {
-        "name": "cross",
-        "size": "22",
-        "onClick": close
-      }, null),
-      right: isCheckboxPanel.value ? () => (0, import_vue.createVNode)("span", {
-        "class": bem("select-all"),
-        "onClick": toggleAll
-      }, [isAllSelected.value ? props.cancelSelectAllText : props.selectAllText]) : void 0
-    })]);
-    const renderOptions = () => {
-      var _a;
-      if (props.type === "radio") {
-        return (0, import_vue.createVNode)("div", {
-          "class": bem("card")
-        }, [props.options.map((option) => (0, import_vue.createVNode)(import_cell.Cell, {
-          "key": option.value,
-          "clickable": !option.disabled,
-          "title": option.label,
-          "titleStyle": {
-            color: props.modelValue === option.value ? "var(--van-primary-color)" : void 0
-          },
-          "onClick": () => selectRadioOption(option)
-        }, {
-          "right-icon": () => props.modelValue === option.value ? (0, import_vue.createVNode)(import_icon.Icon, {
-            "name": "success",
-            "color": "var(--van-primary-color)"
-          }, null) : null
-        }))]);
-      }
-      if (isCheckboxPanel.value) {
-        return (0, import_vue.createVNode)(import_checkbox_group.CheckboxGroup, {
-          "modelValue": selectedValues.value,
-          "class": bem("card"),
-          "onUpdate:modelValue": (value) => emit("update:modelValue", value)
-        }, {
-          default: () => [props.options.map((option) => (0, import_vue.createVNode)(import_cell.Cell, {
-            "key": option.value,
-            "clickable": !option.disabled,
-            "title": option.label,
-            "onClick": () => toggleCheckboxOption(option)
-          }, {
-            "right-icon": () => (0, import_vue.createVNode)(import_checkbox.Checkbox, {
-              "name": option.value,
-              "disabled": option.disabled,
-              "onClick": (event) => event.stopPropagation()
-            }, null)
-          }))]
-        });
-      }
-      return (_a = slots.default) == null ? void 0 : _a.call(slots);
-    };
-    return () => (0, import_vue.createVNode)(import_ActionSheet.default, {
-      "show": props.show,
-      "class": bem(),
-      "onUpdate:show": (show) => emit("update:show", show)
-    }, {
-      default: () => [(0, import_vue.createVNode)("div", {
-        "class": bem("content")
-      }, [renderNav(), (0, import_vue.createVNode)("div", {
-        "class": bem("body")
-      }, [renderOptions()]), props.type !== "radio" && (0, import_vue.createVNode)("div", {
-        "class": bem("footer")
-      }, [(0, import_vue.createVNode)(import_button.Button, {
-        "block": true,
-        "type": "primary",
-        "onClick": confirm
-      }, {
-        default: () => [props.confirmText]
-      })])])]
-    });
-  }
-});