@smallwei/avue 3.9.1 → 3.9.3

package/lib/packages/element-plus/crud/dialog/dialog-column2.js

@@ -1,69 +1,148 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var src_core_create = require('../../../../src/core/create.js');
-var src_core_locale = require('../../../../src/core/locale.js');
-require('../../../../src/plugin/logs/index.js');
-var packages_elementPlus_crud_config = require('../config.js');
-
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../../src/core/create.js');
+var src_core_locale = require('../../../../src/core/locale.js');
+
 var script = src_core_create.default({
-  name: 'crud',
+  name: "crud",
   mixins: [src_core_locale.default],
   inject: ["crud"],
-  data () {
+  data() {
     return {
       data: [],
-      columnBox: false
+      columnBox: false,
+      triggerRef: null,
+      columnSnapshot: null,
+      confirmed: false,
+      columnSortable: null,
     };
   },
   computed: {
-    defaultColumn () {
-      return [{
-        label: this.t('crud.column.hide'),
-        prop: 'hide'
-      }, {
-        label: this.t('crud.column.fixed'),
-        prop: 'fixed'
-      }, {
-        label: this.t('crud.column.filters'),
-        prop: 'filters'
-      }, {
-        label: this.t('crud.column.sortable'),
-        prop: 'sortable'
-      }, {
-        label: this.t('crud.column.width'),
-        prop: 'width',
-        hide: true
-      }]
-    }
+    isAllVisible() {
+      return (
+        this.data.length > 0 &&
+        this.data.every((column) => this.isVisible(column))
+      );
+    },
+    isIndeterminate() {
+      const visibleCount = this.data.filter((column) =>
+        this.isVisible(column),
+      ).length;
+      return visibleCount > 0 && visibleCount < this.data.length;
+    },
+  },
+  beforeUnmount() {
+    this.destroySortable();
   },
   methods: {
-    handleShow () {
-      this.data = [];
-      this.crud.propOption.forEach(column => {
-        if (column.showColumn != false) this.data.push(column);
-      });
+    handleShow(triggerRef) {
+      if (triggerRef) this.triggerRef = triggerRef;
+      if (!this.triggerRef) return;
+      this.destroySortable();
+      this.data = this.crud.propOption.filter(
+        (column) => column.showColumn !== false,
+      );
+      this.columnSnapshot = this.crud.deepClone(this.crud.tableOption.column);
+      this.confirmed = false;
       this.columnBox = true;
       this.$nextTick(() => this.rowDrop());
     },
-    handleChange (prop) {
-      if (prop === 'hide') {
+    isVisible(column) {
+      return this.crud.objectOption[column.prop]?.hide !== true;
+    },
+    isFixed(column, position) {
+      const fixed = this.crud.objectOption[column.prop]?.fixed;
+      return position === "left"
+        ? fixed === true || fixed === "left"
+        : fixed === "right";
+    },
+    isLegacyEnabled(column, prop) {
+      return this.crud.objectOption[column.prop]?.[prop] === true;
+    },
+    handleCheckAll(visible) {
+      this.data.forEach((column) => {
+        this.crud.objectOption[column.prop].hide = !visible;
+      });
+      this.handleChange("hide");
+    },
+    handleVisibleChange(column, visible) {
+      this.crud.objectOption[column.prop].hide = !visible;
+      this.handleChange("hide");
+    },
+    handleFixedChange(column, position) {
+      const target = this.crud.objectOption[column.prop];
+      target.fixed = this.isFixed(column, position) ? false : position;
+      this.handleChange("fixed");
+    },
+    handleLegacyChange(column, prop) {
+      const target = this.crud.objectOption[column.prop];
+      target[prop] = !this.isLegacyEnabled(column, prop);
+      this.handleChange(prop);
+    },
+    handleChange(prop) {
+      if (prop === "hide") {
         this.crud.gridShow ? this.crud.refreshTable() : this.crud.doLayout();
-      } else if (prop === 'filters') {
+      } else if (prop === "filters") {
         this.crud.refreshTable();
       }
+      this.crud.saveColumnState(prop);
+    },
+    handleConfirm() {
+      this.confirmed = true;
+      this.columnBox = false;
+    },
+    handleCancel() {
+      this.restoreColumn();
+      this.confirmed = true;
+      this.columnBox = false;
+    },
+    handleHide() {
+      if (!this.confirmed) this.restoreColumn();
+      this.destroySortable();
+      this.data = [];
     },
-    rowDrop () {
-      const el = this.$refs.table.$el.querySelectorAll(packages_elementPlus_crud_config.default.dropRowClass)[0];
-      this.crud.tableDrop('column', el, evt => {
-        const oldIndex = evt.oldIndex;
-        const newIndex = evt.newIndex;
-        this.crud.headerSort(oldIndex, newIndex);
+    handleReset() {
+      if (!this.crud.columnStateEnabled) return;
+      this.crud.resetColumnState(() => {
+        this.data = this.crud.propOption.filter(
+          (column) => column.showColumn !== false,
+        );
+        this.$nextTick(() => this.rowDrop());
       });
     },
-  }
-});
-
-exports.default = script;
+    restoreColumn() {
+      if (!this.columnSnapshot) return;
+      this.crud.tableOption.column = this.crud.deepClone(this.columnSnapshot);
+      this.crud.refreshTable(() => this.crud.doLayout());
+      this.crud.saveColumnState("cancel");
+    },
+    destroySortable() {
+      if (this.columnSortable) this.columnSortable.destroy();
+      this.columnSortable = null;
+    },
+    rowDrop() {
+      if (!this.$refs.list) return;
+      this.destroySortable();
+      this.columnSortable = this.crud.tableDrop(
+        "column",
+        this.$refs.list,
+        (evt) => {
+          const oldIndex = evt.oldIndex;
+          const newIndex = evt.newIndex;
+          if (oldIndex === newIndex) return;
+          const column = this.data.splice(oldIndex, 1)[0];
+          this.data.splice(newIndex, 0, column);
+          this.sortColumn(oldIndex, newIndex);
+        },
+      );
+    },
+    sortColumn(oldIndex, newIndex) {
+      this.crud.headerSort(oldIndex, newIndex);
+    },
+  },
+});
+
+exports.default = script;

package/lib/packages/element-plus/crud/dialog/dialog-column3.js

@@ -1,73 +1,174 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_table_column = vue.resolveComponent("el-table-column");
-  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
-  const _component_el_table = vue.resolveComponent("el-table");
-  const _component_el_drawer = vue.resolveComponent("el-drawer");
-
-  return (_ctx.columnBox)
-    ? (vue.openBlock(), vue.createBlock(_component_el_drawer, {
-        key: 0,
-        "append-to-body": _ctx.$AVUE.appendToBody,
-        "lock-scroll": "",
-        class: vue.normalizeClass(['avue-dialog',_ctx.b('column')].join(' ')),
-        title: _ctx.t('crud.showTitle'),
-        size: _ctx.crud.isMobile?'100%':'40%',
-        modelValue: _ctx.columnBox,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.columnBox) = $event))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_table, {
-            data: _ctx.data,
-            ref: "table",
-            height: "100%",
-            size: _ctx.crud.size,
-            border: ""
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_el_table_column, {
-                align: "center",
-                width: "100",
-                "header-align": "center",
-                prop: "label",
-                key: "label",
-                label: _ctx.t('crud.column.name')
-              }, null, 8 /* PROPS */, ["label"]),
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.defaultColumn, (item, index) => {
-                return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                  key: item.prop
-                }, [
-                  (item.hide!==true)
-                    ? (vue.openBlock(), vue.createBlock(_component_el_table_column, {
-                        key: 0,
-                        label: item.label,
-                        prop: item.prop,
-                        align: "center",
-                        "header-align": "center"
-                      }, {
-                        default: vue.withCtx(({row}) => [
-                          vue.createVNode(_component_el_checkbox, {
-                            onChange: $event => (_ctx.handleChange(item.prop)),
-                            modelValue: _ctx.crud.objectOption[row.prop][item.prop],
-                            "onUpdate:modelValue": $event => ((_ctx.crud.objectOption[row.prop][item.prop]) = $event)
-                          }, null, 8 /* PROPS */, ["onChange", "modelValue", "onUpdate:modelValue"])
-                        ]),
-                        _: 2 /* DYNAMIC */
-                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label", "prop"]))
-                    : vue.createCommentVNode("v-if", true)
-                ], 64 /* STABLE_FRAGMENT */))
-              }), 128 /* KEYED_FRAGMENT */))
-            ]),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["data", "size"])
-        ]),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["append-to-body", "class", "title", "size", "modelValue"]))
-    : vue.createCommentVNode("v-if", true)
-}
-
-exports.render = render;
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "avue-crud__column-panel" };
+const _hoisted_2 = { class: "avue-crud__column-panel__header" };
+const _hoisted_3 = {
+  ref: "list",
+  class: "avue-crud__column-panel__list"
+};
+const _hoisted_4 = { class: "avue-crud__column-panel__label" };
+const _hoisted_5 = { class: "avue-crud__column-panel__actions" };
+const _hoisted_6 = { class: "avue-crud__column-panel__footer" };
+const _hoisted_7 = { class: "avue-crud__column-panel__footer-actions" };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+  const _component_el_button = vue.resolveComponent("el-button");
+  const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+  const _component_el_popover = vue.resolveComponent("el-popover");
+
+  return (_ctx.triggerRef)
+    ? (vue.openBlock(), vue.createBlock(_component_el_popover, {
+        key: 0,
+        visible: _ctx.columnBox,
+        "onUpdate:visible": _cache[0] || (_cache[0] = $event => ((_ctx.columnBox) = $event)),
+        "virtual-ref": _ctx.triggerRef,
+        "virtual-triggering": "",
+        placement: "bottom-end",
+        width: _ctx.crud.isMobile ? 320 : 320,
+        "popper-class": "avue-crud__column-popper",
+        onHide: _ctx.handleHide
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(_component_el_checkbox, {
+                "model-value": _ctx.isAllVisible,
+                indeterminate: _ctx.isIndeterminate,
+                onChange: _ctx.handleCheckAll
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.t("crud.column.all")), 1 /* TEXT */)
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["model-value", "indeterminate", "onChange"])
+            ]),
+            vue.createElementVNode("div", _hoisted_3, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (column) => {
+                return (vue.openBlock(), vue.createElementBlock("div", {
+                  key: column.prop,
+                  class: "avue-crud__column-panel__item"
+                }, [
+                  vue.createVNode(_component_el_checkbox, {
+                    "model-value": _ctx.isVisible(column),
+                    "aria-label": column.label,
+                    onChange: $event => (_ctx.handleVisibleChange(column, $event))
+                  }, null, 8 /* PROPS */, ["model-value", "aria-label", "onChange"]),
+                  _cache[1] || (_cache[1] = vue.createElementVNode("span", {
+                    class: "avue-crud__column-panel__drag",
+                    "aria-hidden": "true"
+                  }, "⠿", -1 /* HOISTED */)),
+                  vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(column.label), 1 /* TEXT */),
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createVNode(_component_el_tooltip, {
+                      content: _ctx.t('crud.column.fixedLeft'),
+                      placement: "top"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_button, {
+                          text: "",
+                          circle: "",
+                          icon: "el-icon-d-arrow-left",
+                          class: vue.normalizeClass({ 'is-active': _ctx.isFixed(column, 'left') }),
+                          "aria-label": _ctx.t('crud.column.fixedLeft'),
+                          onClick: $event => (_ctx.handleFixedChange(column, 'left'))
+                        }, null, 8 /* PROPS */, ["class", "aria-label", "onClick"])
+                      ]),
+                      _: 2 /* DYNAMIC */
+                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["content"]),
+                    vue.createVNode(_component_el_tooltip, {
+                      content: _ctx.t('crud.column.fixedRight'),
+                      placement: "top"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_button, {
+                          text: "",
+                          circle: "",
+                          icon: "el-icon-d-arrow-right",
+                          class: vue.normalizeClass({ 'is-active': _ctx.isFixed(column, 'right') }),
+                          "aria-label": _ctx.t('crud.column.fixedRight'),
+                          onClick: $event => (_ctx.handleFixedChange(column, 'right'))
+                        }, null, 8 /* PROPS */, ["class", "aria-label", "onClick"])
+                      ]),
+                      _: 2 /* DYNAMIC */
+                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["content"]),
+                    vue.createVNode(_component_el_tooltip, {
+                      content: _ctx.t('crud.column.filters'),
+                      placement: "top"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_button, {
+                          text: "",
+                          circle: "",
+                          icon: "el-icon-filter",
+                          class: vue.normalizeClass({ 'is-active': _ctx.isLegacyEnabled(column, 'filters') }),
+                          "aria-label": _ctx.t('crud.column.filters'),
+                          onClick: $event => (_ctx.handleLegacyChange(column, 'filters'))
+                        }, null, 8 /* PROPS */, ["class", "aria-label", "onClick"])
+                      ]),
+                      _: 2 /* DYNAMIC */
+                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["content"]),
+                    vue.createVNode(_component_el_tooltip, {
+                      content: _ctx.t('crud.column.sortable'),
+                      placement: "top"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_button, {
+                          text: "",
+                          circle: "",
+                          icon: "el-icon-sort",
+                          class: vue.normalizeClass({ 'is-active': _ctx.isLegacyEnabled(column, 'sortable') }),
+                          "aria-label": _ctx.t('crud.column.sortable'),
+                          onClick: $event => (_ctx.handleLegacyChange(column, 'sortable'))
+                        }, null, 8 /* PROPS */, ["class", "aria-label", "onClick"])
+                      ]),
+                      _: 2 /* DYNAMIC */
+                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["content"])
+                  ])
+                ]))
+              }), 128 /* KEYED_FRAGMENT */))
+            ], 512 /* NEED_PATCH */),
+            vue.createElementVNode("div", _hoisted_6, [
+              vue.createVNode(_component_el_button, {
+                text: "",
+                disabled: !_ctx.crud.columnStateEnabled,
+                onClick: _ctx.handleReset
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.t("crud.column.restore")), 1 /* TEXT */)
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["disabled", "onClick"]),
+              vue.createElementVNode("span", _hoisted_7, [
+                vue.createVNode(_component_el_button, {
+                  text: "",
+                  onClick: _ctx.handleCancel
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.t("crud.column.cancel")), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["onClick"]),
+                vue.createVNode(_component_el_button, {
+                  text: "",
+                  type: "primary",
+                  onClick: _ctx.handleConfirm
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.t("crud.column.confirm")), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["onClick"])
+              ])
+            ])
+          ])
+        ]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["visible", "virtual-ref", "width", "onHide"]))
+    : vue.createCommentVNode("v-if", true)
+}
+
+exports.render = render;

package/lib/packages/element-plus/crud/dialog/dialog-excel.js

@@ -1,12 +1,12 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dialogExcel_vue_vue_type_script_lang = require('./dialog-excel2.js');
-var dialogExcel_vue_vue_type_template_id_41bcef38_lang = require('./dialog-excel3.js');
-
-dialogExcel_vue_vue_type_script_lang.default.render = dialogExcel_vue_vue_type_template_id_41bcef38_lang.render;
-dialogExcel_vue_vue_type_script_lang.default.__file = "packages/element-plus/crud/dialog/dialog-excel.vue";
-
-exports.default = dialogExcel_vue_vue_type_script_lang.default;
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dialogExcel_vue_vue_type_script_lang = require('./dialog-excel2.js');
+var dialogExcel_vue_vue_type_template_id_41bcef38_lang = require('./dialog-excel3.js');
+
+dialogExcel_vue_vue_type_script_lang.default.render = dialogExcel_vue_vue_type_template_id_41bcef38_lang.render;
+dialogExcel_vue_vue_type_script_lang.default.__file = "packages/element-plus/crud/dialog/dialog-excel.vue";
+
+exports.default = dialogExcel_vue_vue_type_script_lang.default;

package/lib/packages/element-plus/crud/dialog/dialog-excel2.js

@@ -1,12 +1,12 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var src_core_locale = require('../../../../src/core/locale.js');
-var src_core_detail = require('../../../../src/core/detail.js');
-var src_utils_util = require('../../../../src/utils/util.js');
-
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_locale = require('../../../../src/core/locale.js');
+var src_core_detail = require('../../../../src/core/detail.js');
+var src_utils_util = require('../../../../src/utils/util.js');
+
 var script = {
   name: 'crud',
   mixins: [src_core_locale.default],
@@ -134,7 +134,7 @@ var script = {
         list.forEach((ele, index) => {
           let children = ele.children;
           if (children && !Array.isArray(children)) delete ele.children;
-          else if (ele.showColumn === false) count.push(index);
+          else if (ele.showColumn === false || ele.excel === false) count.push(index);
           else {
             ele.prop = ele.prop || src_utils_util.uuid();
             prop.push(ele.prop);
@@ -181,6 +181,6 @@ var script = {
       }
     }
   }
-};
-
-exports.default = script;
+};
+
+exports.default = script;

package/lib/packages/element-plus/crud/dialog/dialog-excel3.js

@@ -1,61 +1,61 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-var vue = require('vue');
-
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { class: "avue-dialog__footer" };
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_avue_form = vue.resolveComponent("avue-form");
-  const _component_el_button = vue.resolveComponent("el-button");
-  const _component_el_dialog = vue.resolveComponent("el-dialog");
-
-  return ($data.box)
-    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _cache[3] || (_cache[3] = vue.createTextVNode("  ")),
-        vue.createVNode(_component_el_dialog, {
-          title: _ctx.t('crud.excelBtn'),
-          "lock-scroll": "",
-          "append-to-body": _ctx.$AVUE.appendToBody,
-          class: "avue-dialog",
-          modelValue: $data.box,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($data.box) = $event)),
-          width: $options.crud.isMobile?'100%':'30%'
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_avue_form, {
-              ref: "form",
-              modelValue: $data.form,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.form) = $event)),
-              option: $data.option
-            }, null, 8 /* PROPS */, ["modelValue", "option"]),
-            vue.createElementVNode("span", _hoisted_2, [
-              vue.createVNode(_component_el_button, {
-                type: "primary",
-                size: $options.crud.size,
-                onClick: $options.handleSubmit
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.t('crud.filter.submitBtn')), 1 /* TEXT */)
-                ]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["size", "onClick"]),
-              vue.createVNode(_component_el_button, {
-                onClick: _cache[1] || (_cache[1] = $event => ($data.box = false)),
-                size: $options.crud.size
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.t('crud.filter.cancelBtn')), 1 /* TEXT */)
-                ]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["size"])
-            ])
-          ]),
-          _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["title", "append-to-body", "modelValue", "width"])
-      ]))
-    : vue.createCommentVNode("v-if", true)
-}
-
-exports.render = render;
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "avue-dialog__footer" };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_avue_form = vue.resolveComponent("avue-form");
+  const _component_el_button = vue.resolveComponent("el-button");
+  const _component_el_dialog = vue.resolveComponent("el-dialog");
+
+  return ($data.box)
+    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[3] || (_cache[3] = vue.createTextVNode("  ")),
+        vue.createVNode(_component_el_dialog, {
+          title: _ctx.t('crud.excelBtn'),
+          "lock-scroll": "",
+          "append-to-body": _ctx.$AVUE.appendToBody,
+          class: "avue-dialog",
+          modelValue: $data.box,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (($data.box) = $event)),
+          width: $options.crud.isMobile?'100%':'30%'
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_avue_form, {
+              ref: "form",
+              modelValue: $data.form,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.form) = $event)),
+              option: $data.option
+            }, null, 8 /* PROPS */, ["modelValue", "option"]),
+            vue.createElementVNode("span", _hoisted_2, [
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                size: $options.crud.size,
+                onClick: $options.handleSubmit
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.t('crud.filter.submitBtn')), 1 /* TEXT */)
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["size", "onClick"]),
+              vue.createVNode(_component_el_button, {
+                onClick: _cache[1] || (_cache[1] = $event => ($data.box = false)),
+                size: $options.crud.size
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.t('crud.filter.cancelBtn')), 1 /* TEXT */)
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["size"])
+            ])
+          ]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["title", "append-to-body", "modelValue", "width"])
+      ]))
+    : vue.createCommentVNode("v-if", true)
+}
+
+exports.render = render;