keli-ui 0.0.3 → 0.0.4

package/dist/keli-ui.js

@@ -8155,20 +8155,20 @@ function renderCellHandle(params) {
   const isDeepCell = treeNode || rowGroupNode;
   switch (type) {
     case "seq":
-      return isDeepCell ? Cell.renderDeepIndexCell(params) : Cell.renderSeqCell(params);
+      return isDeepCell ? Cell$1.renderDeepIndexCell(params) : Cell$1.renderSeqCell(params);
     case "radio":
-      return isDeepCell ? Cell.renderDeepRadioCell(params) : Cell.renderRadioCell(params);
+      return isDeepCell ? Cell$1.renderDeepRadioCell(params) : Cell$1.renderRadioCell(params);
     case "checkbox":
-      return checkboxOpts.checkField ? isDeepCell ? Cell.renderDeepSelectionCellByProp(params) : Cell.renderCheckboxCellByProp(params) : isDeepCell ? Cell.renderDeepSelectionCell(params) : Cell.renderCheckboxCell(params);
+      return checkboxOpts.checkField ? isDeepCell ? Cell$1.renderDeepSelectionCellByProp(params) : Cell$1.renderCheckboxCellByProp(params) : isDeepCell ? Cell$1.renderDeepSelectionCell(params) : Cell$1.renderCheckboxCell(params);
     case "expand":
-      return Cell.renderExpandCell(params);
+      return Cell$1.renderExpandCell(params);
     case "html":
-      return isDeepCell ? Cell.renderDeepHTMLCell(params) : Cell.renderHTMLCell(params);
+      return isDeepCell ? Cell$1.renderDeepHTMLCell(params) : Cell$1.renderHTMLCell(params);
   }
   if (isEnableConf(editConfig) && editRender) {
-    return editOpts.mode === "cell" ? isDeepCell ? Cell.renderDeepCellEdit(params) : Cell.renderCellEdit(params) : isDeepCell ? Cell.renderDeepRowEdit(params) : Cell.renderRowEdit(params);
+    return editOpts.mode === "cell" ? isDeepCell ? Cell$1.renderDeepCellEdit(params) : Cell$1.renderCellEdit(params) : isDeepCell ? Cell$1.renderDeepRowEdit(params) : Cell$1.renderRowEdit(params);
   }
-  return isDeepCell ? Cell.renderDeepCell(params) : Cell.renderDefaultCell(params);
+  return isDeepCell ? Cell$1.renderDeepCell(params) : Cell$1.renderDefaultCell(params);
 }
 function renderHeaderHandle(params) {
   const { column, $table } = params;
@@ -8177,36 +8177,36 @@ function renderHeaderHandle(params) {
   const { type, filters, sortable, editRender } = column;
   switch (type) {
     case "seq":
-      return Cell.renderSeqHeader(params);
+      return Cell$1.renderSeqHeader(params);
     case "radio":
-      return Cell.renderRadioHeader(params);
+      return Cell$1.renderRadioHeader(params);
     case "checkbox":
-      return Cell.renderCheckboxHeader(params);
+      return Cell$1.renderCheckboxHeader(params);
     case "html":
       if (filters && sortable) {
-        return Cell.renderSortAndFilterHeader(params);
+        return Cell$1.renderSortAndFilterHeader(params);
       } else if (sortable) {
-        return Cell.renderSortHeader(params);
+        return Cell$1.renderSortHeader(params);
       } else if (filters) {
-        return Cell.renderFilterHeader(params);
+        return Cell$1.renderFilterHeader(params);
       }
       break;
   }
   if (editConfig && editRender) {
-    return Cell.renderEditHeader(params);
+    return Cell$1.renderEditHeader(params);
   } else if (filters && sortable) {
-    return Cell.renderSortAndFilterHeader(params);
+    return Cell$1.renderSortAndFilterHeader(params);
   } else if (sortable) {
-    return Cell.renderSortHeader(params);
+    return Cell$1.renderSortHeader(params);
   } else if (filters) {
-    return Cell.renderFilterHeader(params);
+    return Cell$1.renderFilterHeader(params);
   }
-  return Cell.renderDefaultHeader(params);
+  return Cell$1.renderDefaultHeader(params);
 }
 function renderFooterHandle(params) {
-  return Cell.renderDefaultFooter(params);
+  return Cell$1.renderDefaultFooter(params);
 }
-const Cell = {
+const Cell$1 = {
   createColumn($xeTable, columnOpts) {
     const { type } = columnOpts;
     const renConfs = {
@@ -8215,7 +8215,7 @@ const Cell = {
       renderFooter: renderFooterHandle
     };
     if (type === "expand") {
-      renConfs.renderData = Cell.renderExpandData;
+      renConfs.renderData = Cell$1.renderExpandData;
     }
     return createColumn($xeTable, columnOpts, renConfs);
   },
@@ -8242,7 +8242,7 @@ const Cell = {
     return renderTitleContent(params, formatText(column.getTitle(), 1));
   },
   renderDefaultHeader(params) {
-    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params));
+    return renderHeaderCellBaseVNs(params, Cell$1.renderHeaderTitle(params));
   },
   renderDefaultCell(params) {
     const { $table, row, column } = params;
@@ -8308,7 +8308,7 @@ const Cell = {
     ]);
   },
   renderDeepCell(params) {
-    return Cell.renderDeepNodeBtn(params, Cell.renderDefaultCell(params));
+    return Cell$1.renderDeepNodeBtn(params, Cell$1.renderDefaultCell(params));
   },
   renderDefaultFooter(params) {
     return getFooterContent(params);
@@ -8421,9 +8421,9 @@ const Cell = {
     const { row, column } = params;
     const { rowGroupNode } = column;
     if (rowGroupNode && row.isAggregate) {
-      return [Cell.renderRowGroupBtn(params, cellVNodes)];
+      return [Cell$1.renderRowGroupBtn(params, cellVNodes)];
     }
-    return [Cell.renderTreeNodeBtn(params, cellVNodes)];
+    return [Cell$1.renderTreeNodeBtn(params, cellVNodes)];
   },
   /**
    * 序号
@@ -8452,7 +8452,7 @@ const Cell = {
     ]);
   },
   renderDeepIndexCell(params) {
-    return Cell.renderDeepNodeBtn(params, Cell.renderSeqCell(params));
+    return Cell$1.renderDeepNodeBtn(params, Cell$1.renderSeqCell(params));
   },
   /**
    * 单选
@@ -8518,7 +8518,7 @@ const Cell = {
     ]);
   },
   renderDeepRadioCell(params) {
-    return Cell.renderDeepNodeBtn(params, Cell.renderRadioCell(params));
+    return Cell$1.renderDeepNodeBtn(params, Cell$1.renderRadioCell(params));
   },
   /**
    * 多选
@@ -8629,7 +8629,7 @@ const Cell = {
     ]);
   },
   renderDeepSelectionCell(params) {
-    return Cell.renderDeepNodeBtn(params, Cell.renderCheckboxCell(params));
+    return Cell$1.renderDeepNodeBtn(params, Cell$1.renderCheckboxCell(params));
   },
   renderCheckboxCellByProp(params) {
     const { $table, row, column, isHidden: isHidden2 } = params;
@@ -8691,7 +8691,7 @@ const Cell = {
     ]);
   },
   renderDeepSelectionCellByProp(params) {
-    return Cell.renderDeepNodeBtn(params, Cell.renderCheckboxCellByProp(params));
+    return Cell$1.renderDeepNodeBtn(params, Cell$1.renderCheckboxCellByProp(params));
   },
   /**
    * 展开行
@@ -8780,19 +8780,19 @@ const Cell = {
     ]);
   },
   renderDeepHTMLCell(params) {
-    return Cell.renderDeepNodeBtn(params, Cell.renderHTMLCell(params));
+    return Cell$1.renderDeepNodeBtn(params, Cell$1.renderHTMLCell(params));
   },
   /**
    * 排序和筛选
    */
   renderSortAndFilterHeader(params) {
-    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params).concat(Cell.renderSortIcon(params).concat(Cell.renderFilterIcon(params))));
+    return renderHeaderCellBaseVNs(params, Cell$1.renderHeaderTitle(params).concat(Cell$1.renderSortIcon(params).concat(Cell$1.renderFilterIcon(params))));
   },
   /**
    * 排序
    */
   renderSortHeader(params) {
-    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params).concat(Cell.renderSortIcon(params)));
+    return renderHeaderCellBaseVNs(params, Cell$1.renderHeaderTitle(params).concat(Cell$1.renderSortIcon(params)));
   },
   renderSortIcon(params) {
     const { $table, column } = params;
@@ -8834,7 +8834,7 @@ const Cell = {
    * 筛选
    */
   renderFilterHeader(params) {
-    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params).concat(Cell.renderFilterIcon(params)));
+    return renderHeaderCellBaseVNs(params, Cell$1.renderHeaderTitle(params).concat(Cell$1.renderFilterIcon(params)));
   },
   renderFilterIcon(params) {
     const { $table, column, hasFilter } = params;
@@ -8892,7 +8892,7 @@ const Cell = {
         }) : renderEmptyElement$6($table)
       ];
     }
-    return renderHeaderCellBaseVNs(params, editIconVNs.concat(Cell.renderHeaderTitle(params)).concat(sortable ? Cell.renderSortIcon(params) : []).concat(filters ? Cell.renderFilterIcon(params) : []));
+    return renderHeaderCellBaseVNs(params, editIconVNs.concat(Cell$1.renderHeaderTitle(params)).concat(sortable ? Cell$1.renderSortIcon(params) : []).concat(filters ? Cell$1.renderFilterIcon(params) : []));
   },
   // 行格编辑模式
   renderRowEdit(params) {
@@ -8901,10 +8901,10 @@ const Cell = {
     const { editStore } = tableReactData;
     const { actived } = editStore;
     const { editRender } = column;
-    return Cell.runRenderer(params, isEnableConf(editRender) && actived && actived.row === params.row);
+    return Cell$1.runRenderer(params, isEnableConf(editRender) && actived && actived.row === params.row);
   },
   renderDeepRowEdit(params) {
-    return Cell.renderDeepNodeBtn(params, Cell.renderRowEdit(params));
+    return Cell$1.renderDeepNodeBtn(params, Cell$1.renderRowEdit(params));
   },
   // 单元格编辑模式
   renderCellEdit(params) {
@@ -8913,10 +8913,10 @@ const Cell = {
     const { editStore } = tableReactData;
     const { actived } = editStore;
     const { editRender } = column;
-    return Cell.runRenderer(params, isEnableConf(editRender) && actived && actived.row === params.row && actived.column === params.column);
+    return Cell$1.runRenderer(params, isEnableConf(editRender) && actived && actived.row === params.row && actived.column === params.column);
   },
   renderDeepCellEdit(params) {
-    return Cell.renderDeepNodeBtn(params, Cell.renderCellEdit(params));
+    return Cell$1.renderDeepNodeBtn(params, Cell$1.renderCellEdit(params));
   },
   runRenderer(params, isEdit) {
     const { $table, column } = params;
@@ -8946,7 +8946,7 @@ const Cell = {
         }, getDefaultCellLabel(cellParams))
       ]);
     }
-    return Cell.renderDefaultCell(cellParams);
+    return Cell$1.renderDefaultCell(cellParams);
   }
 };
 const columnProps = {
@@ -9082,7 +9082,7 @@ const VxeColumnComponent = defineComponent({
     if (!$xeTable) {
       return () => createCommentVNode();
     }
-    const columnConfig = Cell.createColumn($xeTable, props);
+    const columnConfig = Cell$1.createColumn($xeTable, props);
     columnConfig.slots = slots;
     const renderVN = () => {
       return h("div", {
@@ -9129,7 +9129,7 @@ const VxeColgroupComponent = defineComponent({
     if (!$xeTable) {
       return () => createCommentVNode();
     }
-    const columnConfig = Cell.createColumn($xeTable, props);
+    const columnConfig = Cell$1.createColumn($xeTable, props);
     const columnSlots = {};
     if (slots.header) {
       columnSlots.header = slots.header;
@@ -16639,7 +16639,7 @@ const VxeTableComponent = defineComponent({
        * @param {ColumnInfo} columns 列配置
        */
       loadColumn(columns) {
-        const collectColumn = XEUtils.mapTree(columns, (column) => reactive(Cell.createColumn($xeTable, column)));
+        const collectColumn = XEUtils.mapTree(columns, (column) => reactive(Cell$1.createColumn($xeTable, column)));
         return handleColumn(collectColumn);
       },
       /**
@@ -32487,7 +32487,7 @@ const __default__$6 = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   props: iconProps$1,
   setup(__props) {
@@ -32512,7 +32512,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__file", "icon.vue"]]);
+var Icon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "icon.vue"]]);
 const ElIcon = withInstall$1(Icon$1);
 const iconPropType = definePropType([
   String,
@@ -32750,7 +32750,7 @@ const ID_INJECTION_KEY = Symbol("elIdInjection");
 const useIdInjection = () => {
   return getCurrentInstance() ? inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
 };
-const useId = (deterministicId) => {
+const useId$1 = (deterministicId) => {
   const idInjection = useIdInjection();
   if (!isClient && idInjection === defaultIdInjection) {
     debugWarn("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
@@ -32790,7 +32790,7 @@ const useFormItemInputId = (props, {
   });
   onMounted(() => {
     idUnwatch = watch([toRef(props, "id"), disableIdGeneration], ([id, disableIdGeneration2]) => {
-      const newId = id != null ? id : !disableIdGeneration2 ? useId().value : void 0;
+      const newId = id != null ? id : !disableIdGeneration2 ? useId$1().value : void 0;
       if (newId !== inputId.value) {
         if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
           inputId.value && formItemContext.removeInputId(inputId.value);
@@ -32976,7 +32976,7 @@ const __default__$5 = defineComponent({
   name: COMPONENT_NAME,
   inheritAttrs: false
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   props: inputProps,
   emits: inputEmits,
@@ -33388,7 +33388,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "input.vue"]]);
 const ElInput = withInstall$1(Input);
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {
@@ -33608,7 +33608,7 @@ const useEscapeKeydown = (handler) => {
     }
   });
 };
-const _sfc_main$j = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -33853,7 +33853,7 @@ const _sfc_main$j = defineComponent({
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$1], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$1], ["__file", "focus-trap.vue"]]);
 const badgeProps$1 = buildProps({
   value: {
     type: [String, Number],
@@ -33889,7 +33889,7 @@ const badgeProps$1 = buildProps({
 const __default__$4 = defineComponent({
   name: "ElBadge"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: badgeProps$1,
   setup(__props, { expose }) {
@@ -33951,7 +33951,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Badge$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__file", "badge.vue"]]);
+var Badge$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__file", "badge.vue"]]);
 const ElBadge = withInstall$1(Badge$1);
 const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 const useDeprecated = ({ from, replacement, scope, version: version2, ref: ref2, type = "API" }, condition) => {
@@ -35024,7 +35024,7 @@ function useButtonCustomStyle(props) {
 const __default__$3 = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: buttonProps$1,
   emits: buttonEmits,
@@ -35091,7 +35091,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__file", "button.vue"]]);
+var Button$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__file", "button.vue"]]);
 const buttonGroupProps = {
   size: buttonProps$1.size,
   type: buttonProps$1.type
@@ -35099,7 +35099,7 @@ const buttonGroupProps = {
 const __default__$2 = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: buttonGroupProps,
   setup(__props) {
@@ -35118,7 +35118,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__file", "button-group.vue"]]);
 const ElButton = withInstall$1(Button$1, {
   ButtonGroup
 });
@@ -35753,12 +35753,12 @@ const messageEmits = {
 const instances = shallowReactive([]);
 const getInstance$1 = (id) => {
   const idx = instances.findIndex((instance2) => instance2.id === id);
-  const current = instances[idx];
+  const current2 = instances[idx];
   let prev;
   if (idx > 0) {
     prev = instances[idx - 1];
   }
-  return { current, prev };
+  return { current: current2, prev };
 };
 const getLastOffset = (id) => {
   const { prev } = getInstance$1(id);
@@ -35773,7 +35773,7 @@ const getOffsetOrSpace = (id, offset) => {
 const __default__$1 = defineComponent({
   name: "ElMessage"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: messageProps,
   emits: messageEmits,
@@ -35914,7 +35914,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__file", "message.vue"]]);
+var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__file", "message.vue"]]);
 let seed$1 = 1;
 const normalizeOptions = (params) => {
   const options = !params || isString$1(params) || isVNode(params) || isFunction$2(params) ? { message: params } : params;
@@ -36083,7 +36083,7 @@ const TrapFocus = {
     }
   }
 };
-const _sfc_main$e = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "ElMessageBox",
   directives: {
     TrapFocus
@@ -36195,8 +36195,8 @@ const _sfc_main$e = defineComponent({
       const type = state.type;
       return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
     });
-    const contentId = useId();
-    const inputId = useId();
+    const contentId = useId$1();
+    const inputId = useId$1();
     const iconComponent = computed(() => {
       const type = state.type;
       return state.icon || type && TypeComponentsMap[type] || "";
@@ -36560,7 +36560,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-var MessageBoxConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render], ["__file", "index.vue"]]);
+var MessageBoxConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render], ["__file", "index.vue"]]);
 const messageInstance = /* @__PURE__ */ new Map();
 const getAppendToElement = (props) => {
   let appendTo = document.body;
@@ -36773,7 +36773,7 @@ const notificationEmits = {
 const __default__ = defineComponent({
   name: "ElNotification"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: notificationProps,
   emits: notificationEmits,
@@ -36902,7 +36902,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var NotificationConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "notification.vue"]]);
+var NotificationConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__file", "notification.vue"]]);
 const notifications = {
   "top-left": [],
   "top-right": [],
@@ -37039,10 +37039,18 @@ const truthProp = {
   type: Boolean,
   default: true
 };
+const makeArrayProp = () => ({
+  type: Array,
+  default: () => []
+});
 const makeNumberProp = (defaultVal) => ({
   type: Number,
   default: defaultVal
 });
+const makeNumericProp = (defaultVal) => ({
+  type: numericProp,
+  default: defaultVal
+});
 const makeStringProp = (defaultVal) => ({
   type: String,
   default: defaultVal
@@ -37225,6 +37233,23 @@ function useEventListener(type, listener, options = {}) {
     cleaned = true;
   };
 }
+function useClickAway(target, listener, options = {}) {
+  if (!inBrowser) {
+    return;
+  }
+  const { eventName = "click" } = options;
+  const onClick = (event) => {
+    const targets = Array.isArray(target) ? target : [target];
+    const isClickAway = targets.every((item) => {
+      const element = unref(item);
+      return element && !element.contains(event.target);
+    });
+    if (isClickAway) {
+      listener(event);
+    }
+  };
+  useEventListener(eventName, onClick, { target: document });
+}
 var width;
 var height;
 function useWindowSize() {
@@ -37260,6 +37285,15 @@ function getScrollParent(el, root2 = defaultRoot) {
   }
   return root2;
 }
+function useScrollParent(el, root2 = defaultRoot) {
+  const scrollParent = ref();
+  onMounted(() => {
+    if (el.value) {
+      scrollParent.value = getScrollParent(el.value, root2);
+    }
+  });
+  return scrollParent;
+}
 isIOS();
 const stopPropagation = (event) => event.stopPropagation();
 function preventDefault(event, isStopPropagation) {
@@ -37271,6 +37305,22 @@ function preventDefault(event, isStopPropagation) {
   }
 }
 const { width: windowWidth, height: windowHeight } = useWindowSize();
+function isContainingBlock(el) {
+  const css = window.getComputedStyle(el);
+  return css.transform !== "none" || css.perspective !== "none" || ["transform", "perspective", "filter"].some(
+    (value) => (css.willChange || "").includes(value)
+  );
+}
+function getContainingBlock(el) {
+  let node = el.parentElement;
+  while (node) {
+    if (node && node.tagName !== "HTML" && node.tagName !== "BODY" && isContainingBlock(node)) {
+      return node;
+    }
+    node = node.parentElement;
+  }
+  return null;
+}
 function addUnit(value) {
   if (isDef(value)) {
     return isNumeric(value) ? `${value}px` : String(value);
@@ -37320,7 +37370,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$c = {
+var stdin_default$f = {
   name: "姓名",
   tel: "电话",
   save: "保存",
@@ -37384,7 +37434,7 @@ var stdin_default$c = {
 };
 const lang = ref("zh-CN");
 const messages = reactive({
-  "zh-CN": stdin_default$c
+  "zh-CN": stdin_default$f
 });
 const Locale = {
   messages() {
@@ -37398,11 +37448,11 @@ const Locale = {
     deepAssign(messages, newMessages);
   }
 };
-var stdin_default$b = Locale;
+var stdin_default$e = Locale;
 function createTranslate(name2) {
   const prefix = camelize(name2) + ".";
   return (path, ...args) => {
-    const messages2 = stdin_default$b.messages();
+    const messages2 = stdin_default$e.messages();
     const message2 = get(messages2, prefix + path) || get(messages2, path);
     return isFunction(message2) ? message2(...args) : message2;
   };
@@ -37521,20 +37571,20 @@ function usePlaceholder(contentRef, bem2) {
     }
   }, [renderContent()]);
 }
-const [name$b, bem$b] = createNamespace("action-bar");
-const ACTION_BAR_KEY = Symbol(name$b);
+const [name$e, bem$e] = createNamespace("action-bar");
+const ACTION_BAR_KEY = Symbol(name$e);
 const actionBarProps = {
   placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
-var stdin_default$a = defineComponent({
-  name: name$b,
+var stdin_default$d = defineComponent({
+  name: name$e,
   props: actionBarProps,
   setup(props, {
     slots
   }) {
     const root2 = ref();
-    const renderPlaceholder = usePlaceholder(root2, bem$b);
+    const renderPlaceholder = usePlaceholder(root2, bem$e);
     const {
       linkChildren
     } = useChildren(ACTION_BAR_KEY);
@@ -37543,7 +37593,7 @@ var stdin_default$a = defineComponent({
       var _a2;
       return createVNode("div", {
         "ref": root2,
-        "class": [bem$b(), {
+        "class": [bem$e(), {
           "van-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]);
@@ -37556,7 +37606,7 @@ var stdin_default$a = defineComponent({
     };
   }
 });
-const ActionBar = withInstall(stdin_default$a);
+const ActionBar = withInstall(stdin_default$d);
 function useExpose(apis) {
   const instance2 = getCurrentInstance();
   if (instance2) {
@@ -37584,7 +37634,7 @@ function useRoute() {
   const vm = getCurrentInstance().proxy;
   return () => route(vm);
 }
-const [name$a, bem$a] = createNamespace("badge");
+const [name$d, bem$d] = createNamespace("badge");
 const badgeProps = {
   dot: Boolean,
   max: numericProp,
@@ -37595,8 +37645,8 @@ const badgeProps = {
   showZero: truthProp,
   position: makeStringProp("top-right")
 };
-var stdin_default$9 = defineComponent({
-  name: name$a,
+var stdin_default$c = defineComponent({
+  name: name$d,
   props: badgeProps,
   setup(props, {
     slots
@@ -37659,7 +37709,7 @@ var stdin_default$9 = defineComponent({
     const renderBadge = () => {
       if (hasContent() || props.dot) {
         return createVNode("div", {
-          "class": bem$a([props.position, {
+          "class": bem$d([props.position, {
             dot: props.dot,
             fixed: !!slots.default
           }]),
@@ -37673,7 +37723,7 @@ var stdin_default$9 = defineComponent({
           tag
         } = props;
         return createVNode(tag, {
-          "class": bem$a("wrapper")
+          "class": bem$d("wrapper")
         }, {
           default: () => [slots.default(), renderBadge()]
         });
@@ -37682,14 +37732,14 @@ var stdin_default$9 = defineComponent({
     };
   }
 });
-const Badge = withInstall(stdin_default$9);
+const Badge = withInstall(stdin_default$c);
 let globalZIndex = 2e3;
 const useGlobalZIndex = () => ++globalZIndex;
 const setGlobalZIndex = (val) => {
   globalZIndex = val;
 };
-const [name$9, bem$9] = createNamespace("config-provider");
-const CONFIG_PROVIDER_KEY = Symbol(name$9);
+const [name$c, bem$c] = createNamespace("config-provider");
+const CONFIG_PROVIDER_KEY = Symbol(name$c);
 const configProviderProps = {
   tag: makeStringProp("div"),
   theme: makeStringProp("light"),
@@ -37724,7 +37774,7 @@ function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
   });
 }
 defineComponent({
-  name: name$9,
+  name: name$c,
   props: configProviderProps,
   setup(props, {
     slots
@@ -37772,7 +37822,7 @@ defineComponent({
       }
     });
     return () => createVNode(props.tag, {
-      "class": bem$9(),
+      "class": bem$c(),
       "style": props.themeVarsScope === "local" ? style.value : void 0
     }, {
       default: () => {
@@ -37782,7 +37832,7 @@ defineComponent({
     });
   }
 });
-const [name$8, bem$8] = createNamespace("icon");
+const [name$b, bem$b] = createNamespace("icon");
 const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
 const iconProps = {
   dot: Boolean,
@@ -37794,14 +37844,14 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$8 = defineComponent({
-  name: name$8,
+var stdin_default$b = defineComponent({
+  name: name$b,
   props: iconProps,
   setup(props, {
     slots
   }) {
     const config2 = inject(CONFIG_PROVIDER_KEY, null);
-    const classPrefix = computed(() => props.classPrefix || (config2 == null ? void 0 : config2.iconPrefix) || bem$8());
+    const classPrefix = computed(() => props.classPrefix || (config2 == null ? void 0 : config2.iconPrefix) || bem$b());
     return () => {
       const {
         tag,
@@ -37825,7 +37875,7 @@ var stdin_default$8 = defineComponent({
         default: () => {
           var _a2;
           return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots), isImageIcon && createVNode("img", {
-            "class": bem$8("image"),
+            "class": bem$b("image"),
             "src": name2
           }, null)];
         }
@@ -37833,13 +37883,13 @@ var stdin_default$8 = defineComponent({
     };
   }
 });
-const Icon = withInstall(stdin_default$8);
-const [name$7, bem$7] = createNamespace("loading");
+const Icon = withInstall(stdin_default$b);
+const [name$a, bem$a] = createNamespace("loading");
 const SpinIcon = Array(12).fill(null).map((_, index2) => createVNode("i", {
-  "class": bem$7("line", String(index2 + 1))
+  "class": bem$a("line", String(index2 + 1))
 }, null));
 const CircularIcon = createVNode("svg", {
-  "class": bem$7("circular"),
+  "class": bem$a("circular"),
   "viewBox": "25 25 50 50"
 }, [createVNode("circle", {
   "cx": "50",
@@ -37855,8 +37905,8 @@ const loadingProps = {
   textSize: numericProp,
   textColor: String
 };
-var stdin_default$7 = defineComponent({
-  name: name$7,
+var stdin_default$a = defineComponent({
+  name: name$a,
   props: loadingProps,
   setup(props, {
     slots
@@ -37867,7 +37917,7 @@ var stdin_default$7 = defineComponent({
     const renderIcon = () => {
       const DefaultIcon = props.type === "spinner" ? SpinIcon : CircularIcon;
       return createVNode("span", {
-        "class": bem$7("spinner", props.type),
+        "class": bem$a("spinner", props.type),
         "style": spinnerStyle.value
       }, [slots.icon ? slots.icon() : DefaultIcon]);
     };
@@ -37875,7 +37925,7 @@ var stdin_default$7 = defineComponent({
       var _a2;
       if (slots.default) {
         return createVNode("span", {
-          "class": bem$7("text"),
+          "class": bem$a("text"),
           "style": {
             fontSize: addUnit(props.textSize),
             color: (_a2 = props.textColor) != null ? _a2 : props.color
@@ -37889,7 +37939,7 @@ var stdin_default$7 = defineComponent({
         vertical
       } = props;
       return createVNode("div", {
-        "class": bem$7([type, {
+        "class": bem$a([type, {
           vertical
         }]),
         "aria-live": "polite",
@@ -37898,8 +37948,8 @@ var stdin_default$7 = defineComponent({
     };
   }
 });
-const Loading = withInstall(stdin_default$7);
-const [name$6, bem$6] = createNamespace("button");
+const Loading = withInstall(stdin_default$a);
+const [name$9, bem$9] = createNamespace("button");
 const buttonProps = extend({}, routeProps, {
   tag: makeStringProp("button"),
   text: String,
@@ -37921,8 +37971,8 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$6 = defineComponent({
-  name: name$6,
+var stdin_default$9 = defineComponent({
+  name: name$9,
   props: buttonProps,
   emits: ["click"],
   setup(props, {
@@ -37937,7 +37987,7 @@ var stdin_default$6 = defineComponent({
       return createVNode(Loading, {
         "size": props.loadingSize,
         "type": props.loadingType,
-        "class": bem$6("loading")
+        "class": bem$9("loading")
       }, null);
     };
     const renderIcon = () => {
@@ -37946,13 +37996,13 @@ var stdin_default$6 = defineComponent({
       }
       if (slots.icon) {
         return createVNode("div", {
-          "class": bem$6("icon")
+          "class": bem$9("icon")
         }, [slots.icon()]);
       }
       if (props.icon) {
         return createVNode(Icon, {
           "name": props.icon,
-          "class": bem$6("icon"),
+          "class": bem$9("icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -37966,7 +38016,7 @@ var stdin_default$6 = defineComponent({
       }
       if (text) {
         return createVNode("span", {
-          "class": bem$6("text")
+          "class": bem$9("text")
         }, [text]);
       }
     };
@@ -38013,7 +38063,7 @@ var stdin_default$6 = defineComponent({
         nativeType,
         iconPosition
       } = props;
-      const classes = [bem$6([type, size, {
+      const classes = [bem$9([type, size, {
         plain,
         block,
         round,
@@ -38032,14 +38082,14 @@ var stdin_default$6 = defineComponent({
         "onClick": onClick
       }, {
         default: () => [createVNode("div", {
-          "class": bem$6("content")
+          "class": bem$9("content")
         }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
       });
     };
   }
 });
-const Button = withInstall(stdin_default$6);
-const [name$5, bem$5] = createNamespace("action-bar-button");
+const Button = withInstall(stdin_default$9);
+const [name$8, bem$8] = createNamespace("action-bar-button");
 const actionBarButtonProps = extend({}, routeProps, {
   type: String,
   text: String,
@@ -38048,8 +38098,8 @@ const actionBarButtonProps = extend({}, routeProps, {
   loading: Boolean,
   disabled: Boolean
 });
-var stdin_default$5 = defineComponent({
-  name: name$5,
+var stdin_default$8 = defineComponent({
+  name: name$8,
   props: actionBarButtonProps,
   setup(props, {
     slots
@@ -38084,7 +38134,7 @@ var stdin_default$5 = defineComponent({
         disabled
       } = props;
       return createVNode(Button, {
-        "class": bem$5([type, {
+        "class": bem$8([type, {
           last: isLast.value,
           first: isFirst.value
         }]),
@@ -38101,7 +38151,7 @@ var stdin_default$5 = defineComponent({
     };
   }
 });
-const ActionBarButton = withInstall(stdin_default$5);
+const ActionBarButton = withInstall(stdin_default$8);
 const popupSharedProps = {
   // whether to show popup
   show: Boolean,
@@ -38263,7 +38313,7 @@ const useScopeId = () => {
   const { scopeId } = ((_a2 = getCurrentInstance()) == null ? void 0 : _a2.vnode) || {};
   return scopeId ? { [scopeId]: "" } : null;
 };
-const [name$4, bem$4] = createNamespace("overlay");
+const [name$7, bem$7] = createNamespace("overlay");
 const overlayProps = {
   show: Boolean,
   zIndex: numericProp,
@@ -38274,8 +38324,8 @@ const overlayProps = {
   customStyle: Object,
   teleport: [String, Object]
 };
-var stdin_default$4 = defineComponent({
-  name: name$4,
+var stdin_default$7 = defineComponent({
+  name: name$7,
   inheritAttrs: false,
   props: overlayProps,
   setup(props, {
@@ -38298,7 +38348,7 @@ var stdin_default$4 = defineComponent({
       return withDirectives(createVNode("div", mergeProps({
         "ref": root2,
         "style": style,
-        "class": [bem$4(), props.className]
+        "class": [bem$7(), props.className]
       }, attrs), [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]), [[vShow, props.show]]);
     });
     useEventListener("touchmove", onTouchMove, {
@@ -38322,7 +38372,7 @@ var stdin_default$4 = defineComponent({
     };
   }
 });
-const Overlay = withInstall(stdin_default$4);
+const Overlay = withInstall(stdin_default$7);
 const popupProps = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -38336,9 +38386,9 @@ const popupProps = extend({}, popupSharedProps, {
   safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: Boolean
 });
-const [name$3, bem$3] = createNamespace("popup");
-var stdin_default$3 = defineComponent({
-  name: name$3,
+const [name$6, bem$6] = createNamespace("popup");
+var stdin_default$6 = defineComponent({
+  name: name$6,
   inheritAttrs: false,
   props: popupProps,
   emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
@@ -38413,7 +38463,7 @@ var stdin_default$3 = defineComponent({
           "role": "button",
           "tabindex": 0,
           "name": props.closeIcon,
-          "class": [bem$3("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem$6("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
           "classPrefix": props.iconPrefix,
           "onClick": onClickCloseIcon
         }, null);
@@ -38446,7 +38496,7 @@ var stdin_default$3 = defineComponent({
         "style": style.value,
         "role": "dialog",
         "tabindex": 0,
-        "class": [bem$3({
+        "class": [bem$6({
           round,
           [position]: position
         }), {
@@ -38527,7 +38577,139 @@ var stdin_default$3 = defineComponent({
     };
   }
 });
-const Popup = withInstall(stdin_default$3);
+const Popup = withInstall(stdin_default$6);
+let current = 0;
+function useId() {
+  const vm = getCurrentInstance();
+  const { name: name2 = "unknown" } = (vm == null ? void 0 : vm.type) || {};
+  if (process.env.NODE_ENV === "test") {
+    return name2;
+  }
+  return `${name2}-${++current}`;
+}
+const [name$5, bem$5] = createNamespace("cell");
+const cellSharedProps = {
+  tag: makeStringProp("div"),
+  icon: String,
+  size: String,
+  title: numericProp,
+  value: numericProp,
+  label: numericProp,
+  center: Boolean,
+  isLink: Boolean,
+  border: truthProp,
+  iconPrefix: String,
+  valueClass: unknownProp,
+  labelClass: unknownProp,
+  titleClass: unknownProp,
+  titleStyle: null,
+  arrowDirection: String,
+  required: {
+    type: [Boolean, String],
+    default: null
+  },
+  clickable: {
+    type: Boolean,
+    default: null
+  }
+};
+const cellProps = extend({}, cellSharedProps, routeProps);
+var stdin_default$5 = defineComponent({
+  name: name$5,
+  props: cellProps,
+  setup(props, {
+    slots
+  }) {
+    const route2 = useRoute();
+    const renderLabel = () => {
+      const showLabel = slots.label || isDef(props.label);
+      if (showLabel) {
+        return createVNode("div", {
+          "class": [bem$5("label"), props.labelClass]
+        }, [slots.label ? slots.label() : props.label]);
+      }
+    };
+    const renderTitle = () => {
+      var _a2;
+      if (slots.title || isDef(props.title)) {
+        const titleSlot = (_a2 = slots.title) == null ? void 0 : _a2.call(slots);
+        if (Array.isArray(titleSlot) && titleSlot.length === 0) {
+          return;
+        }
+        return createVNode("div", {
+          "class": [bem$5("title"), props.titleClass],
+          "style": props.titleStyle
+        }, [titleSlot || createVNode("span", null, [props.title]), renderLabel()]);
+      }
+    };
+    const renderValue = () => {
+      const slot = slots.value || slots.default;
+      const hasValue = slot || isDef(props.value);
+      if (hasValue) {
+        return createVNode("div", {
+          "class": [bem$5("value"), props.valueClass]
+        }, [slot ? slot() : createVNode("span", null, [props.value])]);
+      }
+    };
+    const renderLeftIcon = () => {
+      if (slots.icon) {
+        return slots.icon();
+      }
+      if (props.icon) {
+        return createVNode(Icon, {
+          "name": props.icon,
+          "class": bem$5("left-icon"),
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
+    const renderRightIcon = () => {
+      if (slots["right-icon"]) {
+        return slots["right-icon"]();
+      }
+      if (props.isLink) {
+        const name2 = props.arrowDirection && props.arrowDirection !== "right" ? `arrow-${props.arrowDirection}` : "arrow";
+        return createVNode(Icon, {
+          "name": name2,
+          "class": bem$5("right-icon")
+        }, null);
+      }
+    };
+    return () => {
+      var _a2;
+      const {
+        tag,
+        size,
+        center,
+        border,
+        isLink,
+        required
+      } = props;
+      const clickable = (_a2 = props.clickable) != null ? _a2 : isLink;
+      const classes = {
+        center,
+        required: !!required,
+        clickable,
+        borderless: !border
+      };
+      if (size) {
+        classes[size] = !!size;
+      }
+      return createVNode(tag, {
+        "class": bem$5(classes),
+        "role": clickable ? "button" : void 0,
+        "tabindex": clickable ? 0 : void 0,
+        "onClick": route2
+      }, {
+        default: () => {
+          var _a22;
+          return [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_a22 = slots.extra) == null ? void 0 : _a22.call(slots)];
+        }
+      });
+    };
+  }
+});
+const Cell = withInstall(stdin_default$5);
 let lockCount = 0;
 function lockClick(lock) {
   if (lock) {
@@ -38542,7 +38724,7 @@ function lockClick(lock) {
     }
   }
 }
-const [name$2, bem$2] = createNamespace("toast");
+const [name$4, bem$4] = createNamespace("toast");
 const popupInheritProps$1 = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay", "zIndex"];
 const toastProps = {
   icon: String,
@@ -38566,8 +38748,8 @@ const toastProps = {
   closeOnClickOverlay: Boolean,
   zIndex: numericProp
 };
-var stdin_default$2 = defineComponent({
-  name: name$2,
+var stdin_default$4 = defineComponent({
+  name: name$4,
   props: toastProps,
   emits: ["update:show"],
   setup(props, {
@@ -38603,13 +38785,13 @@ var stdin_default$2 = defineComponent({
         return createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$2("icon"),
+          "class": bem$4("icon"),
           "classPrefix": iconPrefix2
         }, null);
       }
       if (type === "loading") {
         return createVNode(Loading, {
-          "class": bem$2("loading"),
+          "class": bem$4("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -38622,16 +38804,16 @@ var stdin_default$2 = defineComponent({
       } = props;
       if (slots.message) {
         return createVNode("div", {
-          "class": bem$2("text")
+          "class": bem$4("text")
         }, [slots.message()]);
       }
       if (isDef(message2) && message2 !== "") {
         return type === "html" ? createVNode("div", {
           "key": 0,
-          "class": bem$2("text"),
+          "class": bem$4("text"),
           "innerHTML": String(message2)
         }, null) : createVNode("div", {
-          "class": bem$2("text")
+          "class": bem$4("text")
         }, [message2]);
       }
     };
@@ -38647,7 +38829,7 @@ var stdin_default$2 = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => createVNode(Popup, mergeProps({
-      "class": [bem$2([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
+      "class": [bem$4([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon
       }]), props.className],
       "lockScroll": false,
@@ -38743,7 +38925,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return createVNode(stdin_default$2, mergeProps(state, attrs), null);
+        return createVNode(stdin_default$4, mergeProps(state, attrs), null);
       };
       watch(message2, (val) => {
         state.message = val;
@@ -38779,8 +38961,8 @@ const createMethod = (type) => (options) => showToast(extend({
 }, parseOptions$1(options)));
 const showSuccessToast = createMethod("success");
 const showFailToast = createMethod("fail");
-withInstall(stdin_default$2);
-const [name$1, bem$1, t] = createNamespace("dialog");
+withInstall(stdin_default$4);
+const [name$3, bem$3, t] = createNamespace("dialog");
 const dialogProps = extend({}, popupSharedProps, {
   title: String,
   theme: String,
@@ -38805,8 +38987,8 @@ const dialogProps = extend({}, popupSharedProps, {
   destroyOnClose: Boolean
 });
 const popupInheritKeys = [...popupSharedPropKeys, "transition", "closeOnPopstate", "destroyOnClose"];
-var stdin_default$1 = defineComponent({
-  name: name$1,
+var stdin_default$3 = defineComponent({
+  name: name$3,
   props: dialogProps,
   emits: ["confirm", "cancel", "keydown", "update:show"],
   setup(props, {
@@ -38866,7 +39048,7 @@ var stdin_default$1 = defineComponent({
       const title = slots.title ? slots.title() : props.title;
       if (title) {
         return createVNode("div", {
-          "class": bem$1("header", {
+          "class": bem$3("header", {
             isolated: !props.message && !slots.default
           })
         }, [title]);
@@ -38878,7 +39060,7 @@ var stdin_default$1 = defineComponent({
         allowHtml,
         messageAlign
       } = props;
-      const classNames = bem$1("message", {
+      const classNames = bem$3("message", {
         "has-title": hasTitle,
         [messageAlign]: messageAlign
       });
@@ -38896,7 +39078,7 @@ var stdin_default$1 = defineComponent({
     const renderContent = () => {
       if (slots.default) {
         return createVNode("div", {
-          "class": bem$1("content")
+          "class": bem$3("content")
         }, [slots.default()]);
       }
       const {
@@ -38908,18 +39090,18 @@ var stdin_default$1 = defineComponent({
         const hasTitle = !!(title || slots.title);
         return createVNode("div", {
           "key": allowHtml ? 1 : 0,
-          "class": bem$1("content", {
+          "class": bem$3("content", {
             isolated: !hasTitle
           })
         }, [renderMessage(hasTitle)]);
       }
     };
     const renderButtons = () => createVNode("div", {
-      "class": [BORDER_TOP, bem$1("footer")]
+      "class": [BORDER_TOP, bem$3("footer")]
     }, [props.showCancelButton && createVNode(Button, {
       "size": "large",
       "text": props.cancelButtonText || t("cancel"),
-      "class": bem$1("cancel"),
+      "class": bem$3("cancel"),
       "style": {
         color: props.cancelButtonColor
       },
@@ -38929,7 +39111,7 @@ var stdin_default$1 = defineComponent({
     }, null), props.showConfirmButton && createVNode(Button, {
       "size": "large",
       "text": props.confirmButtonText || t("confirm"),
-      "class": [bem$1("confirm"), {
+      "class": [bem$3("confirm"), {
         [BORDER_LEFT]: props.showCancelButton
       }],
       "style": {
@@ -38940,12 +39122,12 @@ var stdin_default$1 = defineComponent({
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => createVNode(ActionBar, {
-      "class": bem$1("footer")
+      "class": bem$3("footer")
     }, {
       default: () => [props.showCancelButton && createVNode(ActionBarButton, {
         "type": "warning",
         "text": props.cancelButtonText || t("cancel"),
-        "class": bem$1("cancel"),
+        "class": bem$3("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
         "disabled": props.cancelButtonDisabled,
@@ -38953,7 +39135,7 @@ var stdin_default$1 = defineComponent({
       }, null), props.showConfirmButton && createVNode(ActionBarButton, {
         "type": "danger",
         "text": props.confirmButtonText || t("confirm"),
-        "class": bem$1("confirm"),
+        "class": bem$3("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
         "disabled": props.confirmButtonDisabled,
@@ -38977,7 +39159,7 @@ var stdin_default$1 = defineComponent({
       return createVNode(Popup, mergeProps({
         "ref": root2,
         "role": "dialog",
-        "class": [bem$1([theme]), className],
+        "class": [bem$3([theme]), className],
         "style": {
           width: addUnit(width2)
         },
@@ -39028,7 +39210,7 @@ function initInstance$1() {
         state,
         toggle
       } = usePopupState();
-      return () => createVNode(stdin_default$1, mergeProps(state, {
+      return () => createVNode(stdin_default$3, mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -39055,7 +39237,337 @@ function showDialog(options) {
 const showConfirmDialog = (options) => showDialog(extend({
   showCancelButton: true
 }, options));
-withInstall(stdin_default$1);
+withInstall(stdin_default$3);
+const [name$2, bem$2] = createNamespace("dropdown-menu");
+const dropdownMenuProps = {
+  overlay: truthProp,
+  zIndex: numericProp,
+  duration: makeNumericProp(0.2),
+  direction: makeStringProp("down"),
+  activeColor: String,
+  autoLocate: Boolean,
+  closeOnClickOutside: truthProp,
+  closeOnClickOverlay: truthProp,
+  swipeThreshold: numericProp
+};
+const DROPDOWN_KEY = Symbol(name$2);
+var stdin_default$2 = defineComponent({
+  name: name$2,
+  props: dropdownMenuProps,
+  setup(props, {
+    slots
+  }) {
+    const id = useId();
+    const root2 = ref();
+    const barRef = ref();
+    const offset = ref(0);
+    const {
+      children,
+      linkChildren
+    } = useChildren(DROPDOWN_KEY);
+    const scrollParent = useScrollParent(root2);
+    const opened = computed(() => children.some((item) => item.state.showWrapper));
+    const scrollable = computed(() => props.swipeThreshold && children.length > +props.swipeThreshold);
+    const barStyle = computed(() => {
+      if (opened.value && isDef(props.zIndex)) {
+        return {
+          zIndex: +props.zIndex + 1
+        };
+      }
+    });
+    const close2 = () => {
+      children.forEach((item) => {
+        item.toggle(false);
+      });
+    };
+    const onClickAway = () => {
+      if (props.closeOnClickOutside) {
+        close2();
+      }
+    };
+    const updateOffset = () => {
+      if (barRef.value) {
+        const rect = useRect(barRef);
+        if (props.direction === "down") {
+          offset.value = rect.bottom;
+        } else {
+          offset.value = windowHeight.value - rect.top;
+        }
+      }
+    };
+    const onScroll = () => {
+      if (opened.value) {
+        updateOffset();
+      }
+    };
+    const toggleItem = (active) => {
+      children.forEach((item, index2) => {
+        if (index2 === active) {
+          item.toggle();
+        } else if (item.state.showPopup) {
+          item.toggle(false, {
+            immediate: true
+          });
+        }
+      });
+    };
+    const renderTitle = (item, index2) => {
+      const {
+        showPopup
+      } = item.state;
+      const {
+        disabled,
+        titleClass
+      } = item;
+      return createVNode("div", {
+        "id": `${id}-${index2}`,
+        "role": "button",
+        "tabindex": disabled ? void 0 : 0,
+        "data-allow-mismatch": "attribute",
+        "class": [bem$2("item", {
+          disabled,
+          grow: scrollable.value
+        }), {
+          [HAPTICS_FEEDBACK]: !disabled
+        }],
+        "onClick": () => {
+          if (!disabled) {
+            toggleItem(index2);
+          }
+        }
+      }, [createVNode("span", {
+        "class": [bem$2("title", {
+          down: showPopup === (props.direction === "down"),
+          active: showPopup
+        }), titleClass],
+        "style": {
+          color: showPopup ? props.activeColor : ""
+        }
+      }, [createVNode("div", {
+        "class": "van-ellipsis"
+      }, [item.renderTitle()])])]);
+    };
+    useExpose({
+      close: close2
+    });
+    linkChildren({
+      id,
+      props,
+      offset,
+      updateOffset
+    });
+    useClickAway(root2, onClickAway);
+    useEventListener("scroll", onScroll, {
+      target: scrollParent,
+      passive: true
+    });
+    return () => {
+      var _a2;
+      return createVNode("div", {
+        "ref": root2,
+        "class": bem$2()
+      }, [createVNode("div", {
+        "ref": barRef,
+        "style": barStyle.value,
+        "class": bem$2("bar", {
+          opened: opened.value,
+          scrollable: scrollable.value
+        })
+      }, [children.map(renderTitle)]), (_a2 = slots.default) == null ? void 0 : _a2.call(slots)]);
+    };
+  }
+});
+const [name$1, bem$1] = createNamespace("dropdown-item");
+const dropdownItemProps = {
+  title: String,
+  options: makeArrayProp(),
+  disabled: Boolean,
+  teleport: [String, Object],
+  lazyRender: truthProp,
+  modelValue: unknownProp,
+  titleClass: unknownProp
+};
+var stdin_default$1 = defineComponent({
+  name: name$1,
+  inheritAttrs: false,
+  props: dropdownItemProps,
+  emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const state = reactive({
+      showPopup: false,
+      transition: true,
+      showWrapper: false
+    });
+    const wrapperRef = ref();
+    const {
+      parent,
+      index: index2
+    } = useParent(DROPDOWN_KEY);
+    if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <DropdownItem> must be a child component of <DropdownMenu>.");
+      }
+      return;
+    }
+    const getEmitter = (name2) => () => emit(name2);
+    const onOpen = getEmitter("open");
+    const onClose = getEmitter("close");
+    const onOpened = getEmitter("opened");
+    const onClosed = () => {
+      state.showWrapper = false;
+      emit("closed");
+    };
+    const onClickWrapper = (event) => {
+      if (props.teleport) {
+        event.stopPropagation();
+      }
+    };
+    const toggle = (show = !state.showPopup, options = {}) => {
+      if (show === state.showPopup) {
+        return;
+      }
+      state.showPopup = show;
+      state.transition = !options.immediate;
+      if (show) {
+        parent.updateOffset();
+        state.showWrapper = true;
+      }
+    };
+    const renderTitle = () => {
+      if (slots.title) {
+        return slots.title();
+      }
+      if (props.title) {
+        return props.title;
+      }
+      const match = props.options.find((option) => option.value === props.modelValue);
+      return match ? match.text : "";
+    };
+    const renderOption = (option) => {
+      const {
+        activeColor
+      } = parent.props;
+      const {
+        disabled
+      } = option;
+      const active = option.value === props.modelValue;
+      const onClick = () => {
+        if (disabled) {
+          return;
+        }
+        state.showPopup = false;
+        if (option.value !== props.modelValue) {
+          emit("update:modelValue", option.value);
+          emit("change", option.value);
+        }
+      };
+      const renderIcon = () => {
+        if (active) {
+          return createVNode(Icon, {
+            "class": bem$1("icon"),
+            "color": disabled ? void 0 : activeColor,
+            "name": "success"
+          }, null);
+        }
+      };
+      return createVNode(Cell, {
+        "role": "menuitem",
+        "key": String(option.value),
+        "icon": option.icon,
+        "title": option.text,
+        "class": bem$1("option", {
+          active,
+          disabled
+        }),
+        "style": {
+          color: active ? activeColor : ""
+        },
+        "tabindex": active ? 0 : -1,
+        "clickable": !disabled,
+        "onClick": onClick
+      }, {
+        value: renderIcon
+      });
+    };
+    const renderContent = () => {
+      const {
+        offset
+      } = parent;
+      const {
+        autoLocate,
+        zIndex: zIndex2,
+        overlay,
+        duration,
+        direction,
+        closeOnClickOverlay
+      } = parent.props;
+      const style = getZIndexStyle(zIndex2);
+      let offsetValue = offset.value;
+      if (autoLocate && wrapperRef.value) {
+        const offsetParent = getContainingBlock(wrapperRef.value);
+        if (offsetParent) {
+          offsetValue -= useRect(offsetParent).top;
+        }
+      }
+      if (direction === "down") {
+        style.top = `${offsetValue}px`;
+      } else {
+        style.bottom = `${offsetValue}px`;
+      }
+      return withDirectives(createVNode("div", mergeProps({
+        "ref": wrapperRef,
+        "style": style,
+        "class": bem$1([direction]),
+        "onClick": onClickWrapper
+      }, attrs), [createVNode(Popup, {
+        "show": state.showPopup,
+        "onUpdate:show": ($event) => state.showPopup = $event,
+        "role": "menu",
+        "class": bem$1("content"),
+        "overlay": overlay,
+        "position": direction === "down" ? "top" : "bottom",
+        "duration": state.transition ? duration : 0,
+        "lazyRender": props.lazyRender,
+        "overlayStyle": {
+          position: "absolute"
+        },
+        "aria-labelledby": `${parent.id}-${index2.value}`,
+        "data-allow-mismatch": "attribute",
+        "closeOnClickOverlay": closeOnClickOverlay,
+        "onOpen": onOpen,
+        "onClose": onClose,
+        "onOpened": onOpened,
+        "onClosed": onClosed
+      }, {
+        default: () => {
+          var _a2;
+          return [props.options.map(renderOption), (_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
+        }
+      })]), [[vShow, state.showWrapper]]);
+    };
+    useExpose({
+      state,
+      toggle,
+      renderTitle
+    });
+    return () => {
+      if (props.teleport) {
+        return createVNode(Teleport, {
+          "to": props.teleport
+        }, {
+          default: () => [renderContent()]
+        });
+      }
+      return renderContent();
+    };
+  }
+});
+const DropdownItem = withInstall(stdin_default$1);
+const DropdownMenu = withInstall(stdin_default$2);
 const [name, bem] = createNamespace("notify");
 const popupInheritProps = ["lockScroll", "position", "show", "teleport", "zIndex"];
 const notifyProps = extend({}, popupSharedProps, {
@@ -39250,7 +39762,8 @@ const msgTips = { alert, elNotification, tips };
   }
 })();
 function useCopyPaste(params) {
-  if (!params.rowConfig.height) {
+  var _a2;
+  if (!((_a2 = params.rowConfig) == null ? void 0 : _a2.height)) {
     return {
       cellArea: () => {
       },
@@ -39696,9 +40209,9 @@ function useCopyPaste(params) {
     }
     if (pasteEventHandler) return;
     pasteEventHandler = (event) => {
-      var _a2;
+      var _a3;
       event.preventDefault();
-      const clipboardData = (_a2 = event.clipboardData) == null ? void 0 : _a2.getData("text");
+      const clipboardData = (_a3 = event.clipboardData) == null ? void 0 : _a3.getData("text");
       if (!clipboardData) {
         console.warn("剪贴板中没有数据");
         return;
@@ -39832,8 +40345,8 @@ const mergeObjects = (queryData, typeData) => {
   }
   return mergedObj;
 };
-const _hoisted_1$8 = { style: { "width": "100%", "text-align": "right" } };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = { style: { "width": "100%", "text-align": "right" } };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "QueryBarClient",
   props: {
     frame: {
@@ -39954,7 +40467,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(_component_el_form_item, null, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$8, [
+                      createElementVNode("div", _hoisted_1$a, [
                         createVNode(_component_el_button, {
                           type: "primary",
                           onClick: queryClick
@@ -40000,7 +40513,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "ToolBarClient",
   props: {
     toolButtons: {
@@ -40043,8 +40556,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ToolBar = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-1d587f27"]]);
-const _hoisted_1$7 = { class: "table-render-client" };
+const ToolBar = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-1d587f27"]]);
+const _hoisted_1$9 = { class: "table-render-client" };
 const _hoisted_2$6 = {
   key: 1,
   class: "table-tool-button"
@@ -40053,7 +40566,7 @@ const _hoisted_3$3 = {
   key: 2,
   class: "pagination-div"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "TableRenderClient",
   props: /* @__PURE__ */ mergeModels({
     tableId: {
@@ -40207,8 +40720,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
       const _component_el_pagination = resolveComponent("el-pagination");
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        __props.queryConfig && __props.queryConfig.length > 0 ? (openBlock(), createBlock(_sfc_main$c, {
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        __props.queryConfig && __props.queryConfig.length > 0 ? (openBlock(), createBlock(_sfc_main$e, {
           key: 0,
           frame: __props.queryConfig,
           class: "query-bar-client",
@@ -40276,21 +40789,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               (openBlock(), createBlock(resolveDynamicComponent(column.editRender.name), {
                 value: row[column.field],
                 "onUpdate:value": ($event) => row[column.field] = $event,
-                detail: column.editRender.props,
-                "field-name": column.field,
-                "row-id": row[__props.tableConfig.rowKey],
+                detail: column,
+                "row-data": row,
                 onValueChange: fieldValueChanged
-              }, null, 40, ["value", "onUpdate:value", "detail", "field-name", "row-id"]))
+              }, null, 40, ["value", "onUpdate:value", "detail", "row-data"]))
             ]),
             renderAsyncCell: withCtx(({ row, column }) => [
               (openBlock(), createBlock(resolveDynamicComponent(column.editRender.name), {
                 value: row[column.field],
                 "onUpdate:value": ($event) => row[column.field] = $event,
-                detail: column.editRender.props,
-                "field-name": column.field,
-                "row-id": row[__props.tableConfig.rowKey],
+                detail: column,
+                "row-data": row,
                 onValueChange: fieldValueChanged
-              }, null, 40, ["value", "onUpdate:value", "detail", "field-name", "row-id"]))
+              }, null, 40, ["value", "onUpdate:value", "detail", "row-data"]))
             ]),
             tableButtonOperate: withCtx(({ row, rowIndex }) => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tableRowButtons, (btn) => {
@@ -40332,7 +40843,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-c785bdca"]]);
+const TableRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-aedf503a"]]);
 const customFormatter = (options) => {
   if (isEmpty(options.cellValue) || isEmpty(options.tabObj))
     return options.cellValue;
@@ -40350,6 +40861,201 @@ const customFormatter = (options) => {
   }
   return options.cellValue;
 };
+const _hoisted_1$8 = { style: { "margin": "16px" } };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "QueryBarMobile",
+  props: {
+    frame: {
+      required: true,
+      type: Array
+    },
+    i18nText: {
+      required: false,
+      default: () => {
+        return {
+          search: "搜索",
+          reset: "重置",
+          confirm: "确认"
+        };
+      }
+    }
+  },
+  emits: [
+    "queryClick"
+    // 查询按钮点击事件
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const searchDrawer = ref(false);
+    const queryDataState = reactive({});
+    const queryDataTypeState = reactive({});
+    const openSearchDrawer = () => {
+      if (props.frame.length === 0) {
+        msgTips.tips({
+          msg: "没有可以搜索的选项",
+          type: "warning"
+        });
+        return false;
+      }
+      searchDrawer.value = true;
+    };
+    const queryClick = () => {
+      emits("queryClick", mergeObjects(queryDataState, queryDataTypeState));
+      searchDrawer.value = false;
+    };
+    const resetQuery = () => {
+      Object.keys(queryDataState).forEach((key) => {
+        queryDataState[key] = void 0;
+      });
+      Object.assign(queryDataState, {});
+    };
+    return (_ctx, _cache) => {
+      const _component_van_search = resolveComponent("van-search");
+      const _component_van_field = resolveComponent("van-field");
+      const _component_van_cell_group = resolveComponent("van-cell-group");
+      const _component_van_form = resolveComponent("van-form");
+      const _component_van_button = resolveComponent("van-button");
+      const _component_el_drawer = resolveComponent("el-drawer");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_van_search, {
+          placeholder: __props.i18nText.search,
+          onClickInput: openSearchDrawer
+        }, null, 8, ["placeholder"]),
+        createVNode(_component_el_drawer, {
+          modelValue: searchDrawer.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchDrawer.value = $event),
+          title: __props.i18nText.search,
+          direction: "ltr",
+          size: "100%",
+          style: { "background-color": "#f7f8fa" }
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_van_form, null, {
+              default: withCtx(() => [
+                createVNode(_component_van_cell_group, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.frame, (item) => {
+                      return openBlock(), createBlock(_component_van_field, {
+                        key: item.fieldName,
+                        label: item.fieldTitle,
+                        name: item.fieldName
+                      }, {
+                        input: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(item.queryEditor), {
+                            "query-type": queryDataTypeState[item.fieldName],
+                            "onUpdate:queryType": ($event) => queryDataTypeState[item.fieldName] = $event,
+                            value: queryDataState[item.fieldName],
+                            "onUpdate:value": ($event) => queryDataState[item.fieldName] = $event,
+                            detail: item
+                          }, null, 40, ["query-type", "onUpdate:queryType", "value", "onUpdate:value", "detail"]))
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "name"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createElementVNode("div", _hoisted_1$8, [
+              createVNode(_component_van_button, {
+                block: "",
+                round: "",
+                type: "primary",
+                onClick: queryClick
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.i18nText.confirm), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_van_button, {
+                block: "",
+                round: "",
+                style: { "margin-top": "16px" },
+                type: "warning",
+                onClick: resetQuery
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.i18nText.reset), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$7 = { class: "button-container" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "ToolBarMobile",
+  props: {
+    toolButtons: {
+      required: true,
+      type: Array
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const directToolButton = computed(() => {
+      return props.toolButtons.slice(0, 2);
+    });
+    const dropdownToolButton = computed(() => {
+      return props.toolButtons.slice(2);
+    });
+    const btnClick = (data, button) => {
+      useButtonExec(data, button);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(directToolButton.value, (btn) => {
+          return openBlock(), createBlock(unref(Button), {
+            key: btn.id,
+            type: btn.type,
+            onClick: ($event) => btnClick(null, btn)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(btn.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["type", "onClick"]);
+        }), 128)),
+        dropdownToolButton.value.length > 0 ? (openBlock(), createBlock(unref(DropdownMenu), {
+          key: 0,
+          class: "dropdown-menu"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(DropdownItem), { title: "选项" }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(dropdownToolButton.value, (btn) => {
+                  return openBlock(), createBlock(unref(Button), {
+                    key: btn.id,
+                    type: btn.type,
+                    block: "",
+                    onClick: ($event) => btnClick(null, btn)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(btn.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const ToolBarMobile = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-e19155b1"]]);
 const _hoisted_1$6 = { class: "table-render-mobile" };
 const _hoisted_2$5 = { class: "table-render-mobile-search" };
 const _hoisted_3$2 = { class: "table-tool-button" };
@@ -40477,8 +41183,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       emits("queryClick", queryData);
     };
     return (_ctx, _cache) => {
-      const _component_QueryBar = resolveComponent("QueryBar");
-      const _component_ToolBar = resolveComponent("ToolBar");
       const _component_van_button = resolveComponent("van-button");
       const _component_van_cell = resolveComponent("van-cell");
       const _component_van_cell_group = resolveComponent("van-cell-group");
@@ -40489,13 +41193,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       const _directive_loading = resolveDirective("loading");
       return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("div", _hoisted_2$5, [
-          createVNode(_component_QueryBar, {
+          createVNode(_sfc_main$b, {
             frame: __props.queryConfig,
             onQueryClick: queryClick
           }, null, 8, ["frame"])
         ]),
         createElementVNode("div", _hoisted_3$2, [
-          createVNode(_component_ToolBar, { "tool-buttons": __props.tableToolButtons }, null, 8, ["tool-buttons"])
+          createVNode(ToolBarMobile, { "tool-buttons": __props.tableToolButtons }, null, 8, ["tool-buttons"])
         ]),
         createElementVNode("div", _hoisted_4$2, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tableData, (dataItem, index2) => {
@@ -40533,11 +41237,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                                 key: 0,
                                 value: dataItem[column.field],
                                 "onUpdate:value": ($event) => dataItem[column.field] = $event,
-                                detail: column.editRender.props,
-                                "field-name": column.field,
-                                "row-id": dataItem[__props.tableConfig.rowKey],
+                                detail: column,
+                                "row-data": dataItem,
                                 onValueChange: fieldValueChanged
-                              }, null, 40, ["value", "onUpdate:value", "detail", "field-name", "row-id"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                              }, null, 40, ["value", "onUpdate:value", "detail", "row-data"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                 createTextVNode(toDisplayString(formatterCellValue(dataItem[column.field], column)), 1)
                               ], 64))
                             ]),
@@ -40586,7 +41289,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-f5f23a4d"]]);
+const TableRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-24559185"]]);
 const KeliTableRender = isMobileDevice.value ? TableRenderMobile : TableRenderClient;
 KeliTableRender.install = (app) => {
   app.component(KeliTableRender.__name, KeliTableRender);
@@ -40812,12 +41515,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                                       key: 0,
                                       value: cardItem[cardCol.field],
                                       "onUpdate:value": ($event) => cardItem[cardCol.field] = $event,
-                                      detail: cardCol.editRender.props,
+                                      detail: cardCol,
                                       disabled: cardCol.editRender.enabled,
-                                      "field-name": cardCol.field,
-                                      "row-id": cardItem[__props.tableConfig.rowKey],
+                                      "row-data": cardItem,
                                       onValueChange: fieldValueChanged
-                                    }, null, 40, ["value", "onUpdate:value", "detail", "disabled", "field-name", "row-id"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                    }, null, 40, ["value", "onUpdate:value", "detail", "disabled", "row-data"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                       createTextVNode(toDisplayString(formatterCellValue(cardItem[cardCol.field], cardCol)), 1)
                                     ], 64))
                                   ]),
@@ -40856,7 +41558,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableCardRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e03d694f"]]);
+const TableCardRenderClient = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-f727ae8d"]]);
 const _hoisted_1$4 = { class: "table-render-mobile" };
 const _hoisted_2$3 = { class: "table-render-mobile-search" };
 const _hoisted_3 = { class: "table-tool-button" };
@@ -41044,11 +41746,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                                   key: 0,
                                   value: dataItem[column.field],
                                   "onUpdate:value": ($event) => dataItem[column.field] = $event,
-                                  detail: column.editRender.props,
-                                  "field-name": column.field,
-                                  "row-id": dataItem[__props.tableConfig.rowKey],
+                                  detail: column,
+                                  "row-data": dataItem,
                                   onValueChange: fieldValueChanged
-                                }, null, 40, ["value", "onUpdate:value", "detail", "field-name", "row-id"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                }, null, 40, ["value", "onUpdate:value", "detail", "row-data"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                   createTextVNode(toDisplayString(formatterCellValue(dataItem[column.field], column)), 1)
                                 ], 64))
                               ]),
@@ -41098,7 +41799,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableCardRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5c541b2d"]]);
+const TableCardRenderMobile = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-f646ed8a"]]);
 const KeliTableCardRender = isMobileDevice.value ? TableCardRenderMobile : TableCardRenderClient;
 KeliTableCardRender.install = (app) => {
   app.component(KeliTableCardRender.__name, KeliTableCardRender);
@@ -41265,10 +41966,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       (openBlock(), createBlock(resolveDynamicComponent(column.editRender.name), {
                         value: scope.row[column.field],
                         "onUpdate:value": ($event) => scope.row[column.field] = $event,
-                        detail: column.editRender.props,
-                        "row-id": scope.row[__props.tableConfig.rowKey],
+                        detail: column,
+                        "row-data": scope.row,
                         onValueChange: fieldValueChanged
-                      }, null, 40, ["value", "onUpdate:value", "detail", "row-id"]))
+                      }, null, 40, ["value", "onUpdate:value", "detail", "row-data"]))
                     ]),
                     key: "0"
                   } : void 0
@@ -41309,7 +42010,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KeliTableTreeRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-d493fc51"]]);
+const KeliTableTreeRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ab548e2d"]]);
 KeliTableTreeRender.install = (app) => {
   app.component(KeliTableTreeRender.__name, KeliTableTreeRender);
 };
@@ -41666,41 +42367,44 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           trigger: "click",
           "virtual-triggering": ""
         }, {
-          default: withCtx(() => [
-            createVNode(_component_el_input_number, mergeProps({
-              modelValue: inputValue.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-              placeholder: __props.detail.placeholder,
-              style: { "width": "184px" }
-            }, __props.detail.editRender.props.componentParams), createSlots({ _: 2 }, [
-              __props.detail.editRender.props.componentParams && __props.detail.editRender.props.componentParams.suffix ? {
-                name: "suffix",
-                fn: withCtx(() => [
-                  createElementVNode("span", null, toDisplayString(__props.detail.editRender.props.componentParams.suffix), 1)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["modelValue", "placeholder"]),
-            createElementVNode("div", _hoisted_2, [
-              createVNode(_component_el_button, {
-                size: "small",
-                type: "primary",
-                onClick: confirm
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.i18Text.confirm), 1)
-                ]),
-                _: 1
-              })
-            ])
-          ]),
+          default: withCtx(() => {
+            var _a2, _b, _c, _d;
+            return [
+              createVNode(_component_el_input_number, mergeProps({
+                modelValue: inputValue.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+                placeholder: __props.detail.placeholder,
+                style: { "width": "184px" }
+              }, (_b = (_a2 = __props.detail.editRender) == null ? void 0 : _a2.props) == null ? void 0 : _b.componentParams), createSlots({ _: 2 }, [
+                ((_d = (_c = __props.detail.editRender) == null ? void 0 : _c.props) == null ? void 0 : _d.componentParams) && __props.detail.editRender.props.componentParams.suffix ? {
+                  name: "suffix",
+                  fn: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(__props.detail.editRender.props.componentParams.suffix), 1)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["modelValue", "placeholder"]),
+              createElementVNode("div", _hoisted_2, [
+                createVNode(_component_el_button, {
+                  size: "small",
+                  type: "primary",
+                  onClick: confirm
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.i18Text.confirm), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }),
           _: 1
         }, 8, ["virtual-ref"])
       ]);
     };
   }
 });
-const KeliTableInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-bb72979b"]]);
+const KeliTableInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-305591d3"]]);
 KeliTableInputNumber.install = (app) => {
   app.component(KeliTableInputNumber.__name, KeliTableInputNumber);
 };
@@ -41751,7 +42455,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       setValue(props.value);
     });
     return (_ctx, _cache) => {
-      var _a2, _b, _c, _d, _e;
+      var _a2, _b, _c, _d, _e, _f;
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
       return openBlock(), createBlock(_component_el_select, mergeProps({
@@ -41759,10 +42463,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueRef.value = $event),
         multiple: ((_a2 = __props.detail) == null ? void 0 : _a2.multiple) === true,
         style: { "width": "100%" }
-      }, ((_b = __props.detail) == null ? void 0 : _b.editRender.props.componentParams) ? (_c = __props.detail) == null ? void 0 : _c.editRender.props.componentParams : {}, {
+      }, ((_c = (_b = __props.detail.editRender) == null ? void 0 : _b.props) == null ? void 0 : _c.componentParams) ? (_d = __props.detail) == null ? void 0 : _d.editRender.props.componentParams : {}, {
         disabled: __props.detail.disabled !== false,
-        options: (_d = __props.detail) == null ? void 0 : _d.options,
-        placeholder: (_e = __props.detail) == null ? void 0 : _e.placeholder,
+        options: (_e = __props.detail) == null ? void 0 : _e.options,
+        placeholder: (_f = __props.detail) == null ? void 0 : _f.placeholder,
         onChange: handleChange
       }), {
         default: withCtx(() => {
@@ -41819,7 +42523,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emits("valueChange", (_a2 = props.detail) == null ? void 0 : _a2.field, value, props.rowData);
     };
     return (_ctx, _cache) => {
-      var _a2, _b, _c, _d, _e;
+      var _a2, _b, _c, _d, _e, _f;
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
       return openBlock(), createBlock(_component_el_select, mergeProps({
@@ -41827,9 +42531,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueRef.value = $event),
         multiple: (_a2 = __props.detail) == null ? void 0 : _a2.multiple,
         style: { "width": "100%" }
-      }, ((_b = __props.detail) == null ? void 0 : _b.editRender.props.componentParams) ? (_c = __props.detail) == null ? void 0 : _c.editRender.props.componentParams : {}, {
-        disabled: ((_d = __props.detail) == null ? void 0 : _d.disabled) !== false,
-        placeholder: (_e = __props.detail) == null ? void 0 : _e.placeholder,
+      }, ((_c = (_b = __props.detail.editRender) == null ? void 0 : _b.props) == null ? void 0 : _c.componentParams) ? (_d = __props.detail) == null ? void 0 : _d.editRender.props.componentParams : {}, {
+        disabled: ((_e = __props.detail) == null ? void 0 : _e.disabled) !== false,
+        placeholder: (_f = __props.detail) == null ? void 0 : _f.placeholder,
         onChange: handleChange
       }), {
         default: withCtx(() => {
@@ -41886,13 +42590,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("valueChange", (_a2 = props.detail) == null ? void 0 : _a2.field, val, props.rowData);
     };
     return (_ctx, _cache) => {
-      var _a2;
+      var _a2, _b, _c;
       const _component_el_switch = resolveComponent("el-switch");
       return openBlock(), createBlock(_component_el_switch, mergeProps({
         modelValue: valueRef.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueRef.value = $event),
         disabled: ((_a2 = props.detail) == null ? void 0 : _a2.disabled) !== false
-      }, __props.detail.editRender.props.componentParams ? __props.detail.editRender.props.componentParams : {}, { onChange: send }), null, 16, ["modelValue", "disabled"]);
+      }, ((_c = (_b = __props.detail.editRender) == null ? void 0 : _b.props) == null ? void 0 : _c.componentParams) ? __props.detail.editRender.props.componentParams : {}, { onChange: send }), null, 16, ["modelValue", "disabled"]);
     };
   }
 });