persagy-vant 0.0.23 → 0.0.25

package/lib/work-order-filter/style/index.js

@@ -11,11 +11,11 @@ require("../../overlay/index.css");
 require("../../popup/index.css");
 require("../../popover/index.css");
 require("../../nav-bar/index.css");
+require("../../action-sheet/index.css");
 require("../../checkbox-group/index.css");
 require("../../checkbox/index.css");
 require("../../bottom-action-bar/index.css");
 require("../../radio-group/index.css");
 require("../../radio/index.css");
 require("../../cell/index.css");
-require("../../action-sheet/index.css");
 require("../index.css");

package/lib/work-order-filter/style/less.js

@@ -11,11 +11,11 @@ require("../../overlay/index.less");
 require("../../popup/index.less");
 require("../../popover/index.less");
 require("../../nav-bar/index.less");
+require("../../action-sheet/index.less");
 require("../../checkbox-group/index.less");
 require("../../checkbox/index.less");
 require("../../bottom-action-bar/index.less");
 require("../../radio-group/index.less");
 require("../../radio/index.less");
 require("../../cell/index.less");
-require("../../action-sheet/index.less");
 require("../index.less");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "persagy-vant",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "description": "Lightweight Mobile UI Components built on Vue",
   "main": "lib/vant.cjs.js",
   "module": "es/index.mjs",

package/skills/use-persagy-vant/SKILL.md

@@ -10,11 +10,12 @@ description: 使用 Persagy Vant 为 Vue 3 移动端业务页面规划、实现
 ## 强制工作流
 
 1. 阅读 `references/reuse-policy.md`，确认复用边界与禁止项。
-2. 阅读 `references/business-component-catalog.md`，按用户任务先确定业务组件；再从 `references/component-catalog.md` 补齐基础组件。
-3. 阅读每个被选中组件的 README 和 demo：使用 `node_modules/persagy-vant/es/<component>/README.zh-CN.md`。API、事件、插槽和导入方式均以这些资料为准。
-4. 按 `references/page-recipes.md` 组合页面，补齐加载、空数据、错误、禁用和提交中状态。
-5. 使用组件提供的 props、事件、插槽、Less 变量或公开 class 扩展点；不得复制组件内部 DOM、样式或私有逻辑。
-6. 输出或提交前，按 `references/reuse-policy.md` 完成自查，并附上“组件复用清单”。
+2. 阅读 `references/design-interaction-baseline.md`，将其中适用的设计、状态和反馈规则落实到页面；如与产品需求冲突，以明确的产品需求为准并说明差异。
+3. 阅读 `references/business-component-catalog.md`，按用户任务先确定业务组件；再从 `references/component-catalog.md` 补齐基础组件。
+4. 阅读每个被选中组件的 README 和 demo：使用 `node_modules/persagy-vant/es/<component>/README.zh-CN.md`。API、事件、插槽和导入方式均以这些资料为准。
+5. 按 `references/page-recipes.md` 组合页面，补齐加载、空数据、错误、禁用和提交中状态。
+6. 使用组件提供的 props、事件、插槽、Less 变量或公开 class 扩展点；不得复制组件内部 DOM、样式或私有逻辑。
+7. 输出或提交前，按 `references/reuse-policy.md` 和 `references/design-interaction-baseline.md` 完成自查，并附上“组件复用清单”和“规范落实项”。
 
 ## 组件缺口
 
@@ -25,5 +26,5 @@ description: 使用 Persagy Vant 为 Vue 3 移动端业务页面规划、实现
 ## 资料边界
 
 - 已安装包中的 `node_modules/persagy-vant/es/<component>/README.zh-CN.md`，连同类型定义和 demo，是组件 API 的唯一事实来源。
-- `references/` 用于选型、复用规则与页面组合，不能据此编造不存在的 props 或事件。
+- `references/` 用于选型、复用规则、页面组合与设计交互基线，不能据此编造不存在的 props 或事件。
 - 当前目录是对外分发版本；随 `persagy-vant` 发布版本一起更新。组件库维护、扩展或新增组件不属于本 Skill 的授权范围。

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,7 +14,7 @@
 
 1. 顶部使用 `search` 或已有的筛选触发入口。
 2. 工单场景使用 `work-order-filter`；其他复杂条件使用 `popup` + `form` + 现有选择组件。
-3. 使用 `pull-refresh` + `list` 呈现数据，首屏/分页加载使用 `loading`，无结果使用 `empty`。
+3. 搜索触发后自动聚焦；非业务必需时提供取消操作。使用 `pull-refresh` + `list` 呈现数据，首屏/分页加载使用 `loading`，无结果使用 `empty`，末页显示无更多数据提示。
 4. 列表项使用 `cell` 或 `card`；状态使用 `tag` 或 `badge`。
 
 ## 详情与处理页
@@ -23,8 +23,15 @@
 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。

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]
-      })])])]
-    });
-  }
-});