@smallwei/avue 3.8.4 → 3.8.6

package/es/packages/element-plus/time/index2.mjs

@@ -0,0 +1,50 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import create from '../../../src/core/create.mjs';
+import props from '../../core/common/props.mjs';
+import event from '../../core/common/event.mjs';
+import locale from '../../../src/core/locale.mjs';
+
+var script = create({
+  name: "time",
+  mixins: [props(), event(), locale],
+  data () {
+    return {};
+  },
+  props: {
+    editable: {
+      type: Boolean,
+      default: true
+    },
+    maxTime: String,
+    minTime: String,
+    start: String,
+    end: String,
+    step: String,
+    startPlaceholder: String,
+    endPlaceholder: String,
+    rangeSeparator: String,
+    defaultValue: [String, Array],
+    valueFormat: String,
+    arrowControl: Boolean,
+    type: String,
+    format: String,
+    visibleChange: Function,
+    disabledHours: Function,
+    disabledMinutes: Function,
+    disabledSeconds: Function
+  },
+  computed: {
+    componentName () {
+      if (this.start || this.end || this.step || this.maxTime || this.minTime) {
+        return "elTimeSelect"
+      } else {
+        return "elTimePicker"
+      }
+    },
+    isRange () {
+      return this.type === "timerange";
+    }
+  }
+});
+
+export { script as default };

package/es/packages/element-plus/time/index3.mjs

@@ -0,0 +1,40 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.b())
+  }, [
+    (openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
+      modelValue: _ctx.text,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.text) = $event)),
+      "popper-class": _ctx.popperClass,
+      "is-range": _ctx.isRange,
+      size: _ctx.size,
+      editable: _ctx.editable,
+      "disabled-hours": _ctx.disabledHours,
+      "disabled-minutes": _ctx.disabledMinutes,
+      "disabled-seconds": _ctx.disabledSeconds,
+      "default-value": _ctx.defaultValue,
+      "range-separator": _ctx.rangeSeparator,
+      onVisibleChange: _ctx.visibleChange,
+      "arrow-control": _ctx.arrowControl,
+      "start-placeholder": _ctx.startPlaceholder || _ctx.t('time.start'),
+      "end-placeholder": _ctx.endPlaceholder || _ctx.t('time.end'),
+      format: _ctx.format,
+      readonly: _ctx.readonly,
+      clearable: _ctx.clearableVal,
+      start: _ctx.start,
+      end: _ctx.end,
+      step: _ctx.step,
+      "max-time": _ctx.maxTime,
+      "min-time": _ctx.minTime,
+      "value-format": _ctx.valueFormat,
+      placeholder: _ctx.placeholder,
+      onClick: _ctx.handleClick,
+      disabled: _ctx.disabled
+    }, null, 40 /* PROPS, NEED_HYDRATION */, ["modelValue", "popper-class", "is-range", "size", "editable", "disabled-hours", "disabled-minutes", "disabled-seconds", "default-value", "range-separator", "onVisibleChange", "arrow-control", "start-placeholder", "end-placeholder", "format", "readonly", "clearable", "start", "end", "step", "max-time", "min-time", "value-format", "placeholder", "onClick", "disabled"]))
+  ], 2 /* CLASS */))
+}
+
+export { render };

package/es/packages/element-plus/title/index.mjs

@@ -0,0 +1,8 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import script from './index2.mjs';
+import { render } from './index3.mjs';
+
+script.render = render;
+script.__file = "packages/element-plus/title/index.vue";
+
+export { script as default };

package/es/packages/element-plus/title/index2.mjs

@@ -0,0 +1,25 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import create from '../../../src/core/create.mjs';
+import props from '../../core/common/props.mjs';
+import event from '../../core/common/event.mjs';
+
+var script = create({
+  name: 'title',
+  mixins: [props(), event()],
+  props: {
+    styles: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+
+  }
+});
+
+export { script as default };

package/es/packages/element-plus/title/index3.mjs

@@ -0,0 +1,14 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.b())
+  }, [
+    createElementVNode("p", {
+      style: normalizeStyle(_ctx.styles)
+    }, toDisplayString(_ctx.text), 5 /* TEXT, STYLE */)
+  ], 2 /* CLASS */))
+}
+
+export { render };

package/es/packages/element-plus/tree/index.mjs

@@ -0,0 +1,8 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import script from './index2.mjs';
+import { render } from './index3.mjs';
+
+script.render = render;
+script.__file = "packages/element-plus/tree/index.vue";
+
+export { script as default };

package/es/packages/element-plus/tree/index2.mjs

@@ -0,0 +1,357 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { DIC_PROPS } from '../../../src/global/variable.mjs';
+import locale from '../../../src/core/locale.mjs';
+import create from '../../../src/core/create.mjs';
+import permission from '../../core/directive/permission.mjs';
+
+var script = create({
+  name: "tree",
+  mixins: [locale],
+  directives: {
+    permission
+  },
+  props: {
+    indent: Number,
+    filterNodeMethod: Function,
+    checkOnClickNode: Boolean,
+    beforeClose: Function,
+    beforeOpen: Function,
+    permission: {
+      type: [Function, Object],
+      default: () => {
+        return {};
+      }
+    },
+    iconClass: {
+      type: String,
+    },
+    checkOnClickLeaf: Boolean,
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    expandOnClickNode: {
+      type: Boolean,
+      default: false
+    },
+    option: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    data: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    modelValue: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  data () {
+    return {
+      filterValue: "",
+      client: {
+        x: 0,
+        y: 0,
+        show: false
+      },
+      box: false,
+      type: "",
+      node: {},
+      obj: {},
+      form: {},
+      // 存储事件监听器引用，用于销毁时清理
+      clickListener: null,
+    };
+  },
+  computed: {
+    virtualize () {
+      return this.option.virtualize
+    },
+    componentName () {
+      return 'elTree' + (this.virtualize ? 'V2' : '')
+    },
+    styleName () {
+      return {
+        top: this.setPx(this.client.y - 10),
+        left: this.setPx(this.client.x - 10),
+      }
+    },
+    treeProps () {
+      return Object.assign(this.deepClone(DIC_PROPS), this.props, {
+        isLeaf: this.leafKey
+      })
+    },
+    menu () {
+      return this.validData(this.option.menu, true)
+    },
+    title () {
+      return this.option.title || this.t('crud.addTitle')
+    },
+    treeLoad () {
+      return this.option.treeLoad
+    },
+    checkStrictly () {
+      return this.option.checkStrictly
+    },
+    accordion () {
+      return this.option.accordion
+    },
+    multiple () {
+      return this.option.multiple
+    },
+    lazy () {
+      return this.option.lazy
+    },
+    addText () {
+      return this.addFlag ? this.menuIcon('addBtn') : this.menuIcon('updateBtn');
+    },
+    addFlag () {
+      return ["add", "parentAdd"].includes(this.type);
+    },
+    size () {
+      return this.option.size
+    },
+    props () {
+      return this.option.props || {};
+    },
+    leafKey () {
+      return this.props.leaf || DIC_PROPS.leaf
+    },
+    valueKey () {
+      return this.props.value || DIC_PROPS.value;
+    },
+    labelKey () {
+      return this.props.label || DIC_PROPS.label;
+    },
+    childrenKey () {
+      return this.props.children || DIC_PROPS.children;
+    },
+    nodeKey () {
+      return this.option.nodeKey || DIC_PROPS.nodeKey;
+    },
+    defaultExpandAll () {
+      return this.option.defaultExpandAll;
+    },
+    defaultExpandedKeys () {
+      return this.option.defaultExpandedKeys;
+    },
+    formOption () {
+      return Object.assign(
+        this.option.formOption || {},
+        {
+          boxType: this.type,
+          submitText: this.addText,
+        }
+      );
+    }
+  },
+  mounted () {
+    // 创建事件监听器函数并存储引用，用于后续清理
+    this.clickListener = (e) => {
+      // 检查点击事件是否发生在组件外部，如果是则隐藏右键菜单
+      if (!this.$el.contains(e.target)) {
+        this.client.show = false;
+      }
+    };
+    
+    // 注册全局点击事件监听器
+    document.addEventListener('click', this.clickListener);
+    
+    // 初始化树组件的方法
+    this.initFun();
+  },
+  beforeUnmount () {
+    // 组件销毁前清理全局事件监听器，防止内存泄漏
+    if (this.clickListener) {
+      document.removeEventListener('click', this.clickListener);
+      this.clickListener = null;
+    }
+  },
+  watch: {
+    filterValue (val) {
+      this.$refs.tree.filter(val);
+    },
+    modelValue (val) {
+      this.form = val;
+    },
+    form (val) {
+      this.$emit('update:modelValue', val);
+      this.$emit("change", val);
+    }
+  },
+  methods: {
+    handleDragStart (node, ev) {
+      this.$emit('node-drag-start', node, ev);
+    },
+    handleDragEnter (draggingNode, dropNode, ev) {
+      this.$emit('node-drag-enter', draggingNode, dropNode, ev);
+    },
+    handleDragLeave (draggingNode, dropNode, ev) {
+      this.$emit('node-drag-leave', draggingNode, dropNode, ev);
+    },
+    handleDragOver (draggingNode, dropNode, ev) {
+      this.$emit('node-drag-over', draggingNode, dropNode, ev);
+    },
+    handleDragEnd (draggingNode, dropNode, dropType, ev) {
+      this.$emit('node-drag-end', draggingNode, dropNode, dropType, ev);
+    },
+    handleDrop (draggingNode, dropNode, dropType, ev) {
+      this.$emit('node-drop', draggingNode, dropNode, dropType, ev);
+    },
+    menuIcon (value) {
+      return this.validData(this.option[value + 'Text'], this.t("crud." + value))
+    },
+    getPermission (key) {
+      if (typeof this.permission === "function") {
+        return this.permission(key, this.node.data || {})
+      } else if (!this.validatenull(this.permission[key])) {
+        return this.permission[key]
+      } else {
+        return true;
+      }
+    },
+    /**
+     * 初始化树组件的方法代理
+     * 将element-plus tree组件的方法代理到当前组件实例上，
+     * 使父组件可以直接调用这些方法
+     */
+    initFun () {
+      [
+        'filter', 'updateKeyChildren', 'getCheckedNodes', 'setCheckedNodes', 'getCheckedKeys',
+        'setCheckedKeys', 'setChecked', 'getHalfCheckedNodes', 'getHalfCheckedKeys', 'getCurrentKey', 'getCurrentNode',
+        'setCurrentKey', 'setCurrentNode', 'getNode', 'remove', 'append', 'insertBefore', 'insertAfter'
+      ].forEach(ele => {
+        this[ele] = this.$refs.tree[ele];
+      });
+    },
+    nodeContextmenu (e, data, node, obj) {
+      this.node = node;
+      this.client.x = e.clientX;
+      this.client.y = e.clientY;
+      this.client.show = true;
+      this.$emit('node-contextmenu', data, node, obj);
+    },
+    handleCheckChange (data, checked, indeterminate) {
+      this.$emit('check-change', data, checked, indeterminate);
+    },
+    handleSubmit (form, done) {
+      this.addFlag ? this.save(form, done) : this.update(form, done);
+    },
+    nodeClick (data, node, nodeComp) {
+      this.client.show = false;
+      this.$emit("node-click", data, node, nodeComp);
+    },
+    nodeExpand (data, node, nodeComp) {
+      this.$emit("node-expand", data, node, nodeComp);
+    },
+    filterNode (value, data) {
+      if (typeof this.filterNodeMethod === 'function') {
+        return this.filterNodeMethod(value, data);
+      }
+      if (!value) return true;
+      return data[this.labelKey].indexOf(value) !== -1;
+    },
+    hide (done) {
+      const callback = () => {
+        done && done();
+        this.node = {};
+        this.form = {};
+        this.box = false;
+      };
+      if (typeof this.beforeClose === "function") {
+        this.beforeClose(callback, this.type);
+      } else {
+        callback();
+      }
+    },
+    save (data, done) {
+      const callback = (form) => {
+        form = this.deepClone(form || this.form);
+        if (this.type === "add") {
+          this.$refs.tree.append(form, this.node.data[this.valueKey]);
+        } else if (this.type === "parentAdd") {
+          this.$refs.tree.append(form);
+        }
+        done();
+        this.$nextTick(() => this.hide());
+      };
+      this.$emit("save", this.node, data, callback, done);
+    },
+    update (data, done) {
+      const callback = (form) => {
+        form = this.deepClone(form || this.form);
+        const rowKey = form[this.valueKey];
+        this.node.data = form;
+        let { parentList, index } = this.findData(rowKey);
+        if (parentList) {
+          const oldRow = parentList.splice(index, 1)[0];
+          form[this.childrenKey] = oldRow[this.childrenKey];
+          parentList.splice(index, 0, this.deepClone(form));
+        }
+        this.hide();
+        done();
+      };
+      this.$emit("update", this.node, data, callback, done);
+    },
+    rowEdit (a) {
+      this.type = "edit";
+      this.form = this.deepClone(this.node.data);
+      this.show();
+    },
+    parentAdd () {
+      this.type = "parentAdd";
+      this.show();
+    },
+    rowAdd () {
+      this.type = "add";
+      this.show();
+    },
+    show () {
+      const callback = () => {
+        this.client.show = false;
+        this.box = true;
+      };
+      if (typeof this.beforeOpen === "function") {
+        this.beforeOpen(callback, this.type);
+      } else {
+        callback();
+      }
+    },
+    rowRemove () {
+      this.client.show = false;
+      const callback = () => {
+        this.$refs.tree.remove(this.node);
+      };
+      this.$emit("del", this.node, callback);
+    },
+    findData (id) {
+      let result = {};
+      const callback = (parentList, parent) => {
+        parentList.forEach((ele, index) => {
+          if (ele[this.valueKey] == id) {
+            result = {
+              item: ele,
+              index: index,
+              parentList: parentList,
+              parent: parent
+            };
+          }
+          if (ele[this.childrenKey]) {
+            callback(ele[this.childrenKey], ele);
+          }
+        });
+      };
+      callback(this.data);
+      return result;
+    }
+  }
+});
+
+export { script as default };

package/es/packages/element-plus/tree/index3.mjs

@@ -0,0 +1,186 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, withCtx, renderSlot, withDirectives, createBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, toDisplayString, normalizeStyle, createTextVNode } from 'vue';
+
+const _hoisted_1 = { class: "el-tree-node__label" };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_scrollbar = resolveComponent("el-scrollbar");
+  const _component_avue_form = resolveComponent("avue-form");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  const _directive_permission = resolveDirective("permission");
+  const _directive_loading = resolveDirective("loading");
+
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.b())
+  }, [
+    (_ctx.validData(_ctx.option.filter,true))
+      ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.b('filter'))
+        }, [
+          createVNode(_component_el_input, {
+            placeholder: _ctx.validData(_ctx.option.filterText, _ctx.t('tree.filterPlaceholder')),
+            size: _ctx.size,
+            modelValue: _ctx.filterValue,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.filterValue) = $event))
+          }, createSlots({ _: 2 /* DYNAMIC */ }, [
+            (_ctx.validData(_ctx.option.addBtn,true))
+              ? {
+                  name: "append",
+                  fn: withCtx(() => [
+                    (_ctx.$slots['add-btn'])
+                      ? renderSlot(_ctx.$slots, "add-btn", { key: 0 })
+                      : withDirectives((openBlock(), createBlock(_component_el_button, {
+                          key: 1,
+                          size: _ctx.size,
+                          onClick: _ctx.parentAdd,
+                          icon: "el-icon-plus"
+                        }, null, 8 /* PROPS */, ["size", "onClick"])), [
+                          [_directive_permission, _ctx.getPermission('addBtn')]
+                        ])
+                  ]),
+                  key: "0"
+                }
+              : undefined
+          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["placeholder", "size", "modelValue"])
+        ], 2 /* CLASS */))
+      : createCommentVNode("v-if", true),
+    createVNode(_component_el_scrollbar, {
+      class: normalizeClass(_ctx.b('content'))
+    }, {
+      default: withCtx(() => [
+        withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
+          ref: "tree",
+          data: _ctx.data,
+          lazy: _ctx.lazy,
+          load: _ctx.treeLoad,
+          draggable: _ctx.option.draggable,
+          height: _ctx.option.height,
+          props: _ctx.treeProps,
+          "icon-class": _ctx.iconClass,
+          indent: _ctx.indent,
+          "highlight-current": !_ctx.multiple,
+          "show-checkbox": _ctx.multiple,
+          accordion: _ctx.accordion,
+          "node-key": _ctx.valueKey,
+          "check-strictly": _ctx.checkStrictly,
+          "check-on-click-node": _ctx.checkOnClickNode,
+          "filter-node-method": _ctx.filterNode,
+          "check-on-click-leaf": _ctx.checkOnClickLeaf,
+          "expand-on-click-node": _ctx.expandOnClickNode,
+          onCheckChange: _ctx.handleCheckChange,
+          onNodeClick: _ctx.nodeClick,
+          onNodeExpand: _ctx.nodeExpand,
+          onNodeDragStart: _ctx.handleDragStart,
+          onNodeDragEnter: _ctx.handleDragEnter,
+          onNodeDragLeave: _ctx.handleDragLeave,
+          onNodeDragOver: _ctx.handleDragOver,
+          onNodeDragEnd: _ctx.handleDragEnd,
+          onNodeDrop: _ctx.handleDrop,
+          "allow-drop": _ctx.option.allowDrop,
+          "allow-drag": _ctx.option.allowDrag,
+          onNodeContextmenu: _ctx.nodeContextmenu,
+          "default-expand-all": _ctx.defaultExpandAll,
+          "default-expanded-keys": _ctx.defaultExpandedKeys
+        }, createSlots({ _: 2 /* DYNAMIC */ }, [
+          (_ctx.$slots.default)
+            ? {
+                name: "default",
+                fn: withCtx(({ node, data }) => [
+                  renderSlot(_ctx.$slots, "default", {
+                    node: node,
+                    data: data
+                  })
+                ]),
+                key: "0"
+              }
+            : {
+                name: "default",
+                fn: withCtx(({ node }) => [
+                  renderSlot(_ctx.$slots, "default", {
+                    node: node,
+                    data: _ctx.data
+                  }),
+                  createElementVNode("span", _hoisted_1, toDisplayString(node.label), 1 /* TEXT */)
+                ]),
+                key: "1"
+              }
+        ]), 1064 /* PROPS, NEED_HYDRATION, DYNAMIC_SLOTS */, ["data", "lazy", "load", "draggable", "height", "props", "icon-class", "indent", "highlight-current", "show-checkbox", "accordion", "node-key", "check-strictly", "check-on-click-node", "filter-node-method", "check-on-click-leaf", "expand-on-click-node", "onCheckChange", "onNodeClick", "onNodeExpand", "onNodeDragStart", "onNodeDragEnter", "onNodeDragLeave", "onNodeDragOver", "onNodeDragEnd", "onNodeDrop", "allow-drop", "allow-drag", "onNodeContextmenu", "default-expand-all", "default-expanded-keys"])), [
+          [_directive_loading, _ctx.loading]
+        ])
+      ]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["class"]),
+    (_ctx.client.show&&_ctx.menu)
+      ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["el-cascader-panel is-bordered", _ctx.b('menu')]),
+          onClick: _cache[4] || (_cache[4] = $event => (_ctx.client.show=false)),
+          style: normalizeStyle(_ctx.styleName)
+        }, [
+          (_ctx.validData(_ctx.option.addBtn,true))
+            ? withDirectives((openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(_ctx.b('item')),
+                onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.rowAdd && _ctx.rowAdd(...args)))
+              }, [
+                createTextVNode(toDisplayString(_ctx.menuIcon('addBtn')), 1 /* TEXT */)
+              ], 2 /* CLASS */)), [
+                [_directive_permission, _ctx.getPermission('addBtn')]
+              ])
+            : createCommentVNode("v-if", true),
+          (_ctx.validData(_ctx.option.editBtn,true))
+            ? withDirectives((openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass(_ctx.b('item')),
+                onClick: _cache[2] || (_cache[2] = (...args) => (_ctx.rowEdit && _ctx.rowEdit(...args)))
+              }, [
+                createTextVNode(toDisplayString(_ctx.menuIcon('editBtn')), 1 /* TEXT */)
+              ], 2 /* CLASS */)), [
+                [_directive_permission, _ctx.getPermission('editBtn')]
+              ])
+            : createCommentVNode("v-if", true),
+          (_ctx.validData(_ctx.option.delBtn,true))
+            ? withDirectives((openBlock(), createElementBlock("div", {
+                key: 2,
+                class: normalizeClass(_ctx.b('item')),
+                onClick: _cache[3] || (_cache[3] = (...args) => (_ctx.rowRemove && _ctx.rowRemove(...args)))
+              }, [
+                createTextVNode(toDisplayString(_ctx.menuIcon('delBtn')), 1 /* TEXT */)
+              ], 2 /* CLASS */)), [
+                [_directive_permission, _ctx.getPermission('delBtn')]
+              ])
+            : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "menu", { node: _ctx.node })
+        ], 6 /* CLASS, STYLE */))
+      : createCommentVNode("v-if", true),
+    createVNode(_component_el_dialog, {
+      title: _ctx.node[_ctx.labelKey] || _ctx.title,
+      modelValue: _ctx.box,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => ((_ctx.box) = $event)),
+      class: "avue-dialog avue-dialog--none",
+      "append-to-body": _ctx.$AVUE.appendToBody,
+      "lock-scroll": "",
+      "before-close": _ctx.hide,
+      width: _ctx.validData(_ctx.option.dialogWidth,'50%')
+    }, {
+      default: withCtx(() => [
+        (_ctx.box)
+          ? (openBlock(), createBlock(_component_avue_form, {
+              key: 0,
+              modelValue: _ctx.form,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => ((_ctx.form) = $event)),
+              option: _ctx.formOption,
+              ref: "form",
+              onSubmit: _ctx.handleSubmit
+            }, null, 8 /* PROPS */, ["modelValue", "option", "onSubmit"]))
+          : createCommentVNode("v-if", true)
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["title", "modelValue", "append-to-body", "before-close", "width"])
+  ], 2 /* CLASS */))
+}
+
+export { render };