@fangzhongya/fang-ui 0.0.69 → 0.0.71

package/dist/components/stick-div/src/index2.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const getShiftEvent = require("@fangzhongya/utils/dom/getShiftEvent");
+const vues = require("vue");
+const index$2 = require("../../../directives/drag/index.cjs");
 const attrValueSort = require("@fangzhongya/utils/basic/object/attrValueSort");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -21,81 +21,73 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName("stick-div");
     const props = __props;
     const emit = __emit;
-    const refDom = vue.shallowRef();
-    const refStick = vue.shallowRef();
-    const seat = vue.shallowRef(props.direction);
-    const flexDirection = vue.computed(() => {
+    const refDom = vues.shallowRef();
+    const seat = vues.shallowRef(props.direction);
+    const flexDirection = vues.computed(() => {
       return directions[seat.value];
     });
     function getDirection(obj) {
       return attrValueSort.attrValueSort(obj, props.directions)[0];
     }
-    vue.onMounted(() => {
-      const bodyStyle = document.body.style;
-      const cursor = bodyStyle.cursor;
-      let rect;
-      const setValue = (event) => {
-        seat.value = getDirection({
-          left: event.clientX - rect.left,
-          top: event.clientY - rect.top,
-          right: rect.left + rect.width - event.clientX,
-          bottom: rect.top + rect.height - event.clientY
-        });
-      };
-      const handleMouseMove = (event) => {
-        if (props.often) {
-          setValue(event);
-        }
-      };
-      const handleMouseUp = (event) => {
-        setValue(event);
-        bodyStyle.cursor = cursor;
-      };
-      const mousedown = () => {
-        bodyStyle.cursor = "move";
-        rect = refDom.value.getBoundingClientRect();
-        return true;
-      };
-      getShiftEvent.pressEvent(
-        refStick.value,
-        mousedown,
-        handleMouseMove,
-        handleMouseUp,
-        void 0,
-        "mouse"
-      );
+    let rect;
+    const setValue = (event) => {
+      seat.value = getDirection({
+        left: event.clientX - rect.left,
+        top: event.clientY - rect.top,
+        right: rect.left + rect.width - event.clientX,
+        bottom: rect.top + rect.height - event.clientY
+      });
+    };
+    function onMousedown(e, p) {
+      rect = refDom.value.getBoundingClientRect();
+      return p;
+    }
+    function onMouseup(j) {
+      setValue(j);
+    }
+    function onMouseMove(j) {
+      if (props.often) {
+        setValue(j);
+      }
+    }
+    vues.onMounted(() => {
     });
     __expose({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z()),
-        style: vue.normalizeStyle({
+      return vues.openBlock(), vues.createElementBlock("div", {
+        class: vues.normalizeClass(vues.unref(cs).z()),
+        style: vues.normalizeStyle({
           display: "flex",
           flexDirection: flexDirection.value
         }),
         ref_key: "refDom",
         ref: refDom
       }, [
-        vue.createElementVNode("div", {
-          ref_key: "refStick",
-          ref: refStick,
-          style: vue.normalizeStyle({
+        vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", {
+          style: vues.normalizeStyle({
             display: "flex",
             flexDirection: seat.value == "left" || seat.value == "right" ? "column" : "row"
           }),
-          class: vue.normalizeClass(vue.unref(cs).z("stick"))
+          class: vues.normalizeClass(vues.unref(cs).z("stick"))
         }, [
-          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).stick)
-        ], 6),
-        vue.createElementVNode("div", {
+          vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).stick)
+        ], 6)), [
+          [vues.unref(index$2.default), {
+            dom: props.drag,
+            onMousedown,
+            onMouseup,
+            onMouseMove
+          }]
+        ]),
+        vues.createElementVNode("div", {
           style: {
             flex: "1"
           },
-          class: vue.normalizeClass(vue.unref(cs).z("body"))
+          class: vues.normalizeClass(vues.unref(cs).z("body"))
         }, [
-          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
+          vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default)
         ], 2)
       ], 6);
     };

package/dist/components/stick-div/src/index2.js

@@ -1,5 +1,5 @@
-import { defineComponent, shallowRef, computed, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot } from "vue";
-import { pressEvent } from "@fangzhongya/utils/dom/getShiftEvent";
+import { defineComponent, shallowRef, computed, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, withDirectives, createElementVNode, renderSlot } from "vue";
+import vDrag from "../../../directives/drag/index.js";
 import { attrValueSort } from "@fangzhongya/utils/basic/object/attrValueSort";
 import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -20,7 +20,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const refDom = shallowRef();
-    const refStick = shallowRef();
     const seat = shallowRef(props.direction);
     const flexDirection = computed(() => {
       return directions[seat.value];
@@ -28,40 +27,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function getDirection(obj) {
       return attrValueSort(obj, props.directions)[0];
     }
+    let rect;
+    const setValue = (event) => {
+      seat.value = getDirection({
+        left: event.clientX - rect.left,
+        top: event.clientY - rect.top,
+        right: rect.left + rect.width - event.clientX,
+        bottom: rect.top + rect.height - event.clientY
+      });
+    };
+    function onMousedown(e, p) {
+      rect = refDom.value.getBoundingClientRect();
+      return p;
+    }
+    function onMouseup(j) {
+      setValue(j);
+    }
+    function onMouseMove(j) {
+      if (props.often) {
+        setValue(j);
+      }
+    }
     onMounted(() => {
-      const bodyStyle = document.body.style;
-      const cursor = bodyStyle.cursor;
-      let rect;
-      const setValue = (event) => {
-        seat.value = getDirection({
-          left: event.clientX - rect.left,
-          top: event.clientY - rect.top,
-          right: rect.left + rect.width - event.clientX,
-          bottom: rect.top + rect.height - event.clientY
-        });
-      };
-      const handleMouseMove = (event) => {
-        if (props.often) {
-          setValue(event);
-        }
-      };
-      const handleMouseUp = (event) => {
-        setValue(event);
-        bodyStyle.cursor = cursor;
-      };
-      const mousedown = () => {
-        bodyStyle.cursor = "move";
-        rect = refDom.value.getBoundingClientRect();
-        return true;
-      };
-      pressEvent(
-        refStick.value,
-        mousedown,
-        handleMouseMove,
-        handleMouseUp,
-        void 0,
-        "mouse"
-      );
     });
     __expose({
       ...dataExpose
@@ -76,9 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "refDom",
         ref: refDom
       }, [
-        createElementVNode("div", {
-          ref_key: "refStick",
-          ref: refStick,
+        withDirectives((openBlock(), createElementBlock("div", {
           style: normalizeStyle({
             display: "flex",
             flexDirection: seat.value == "left" || seat.value == "right" ? "column" : "row"
@@ -86,7 +71,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(cs).z("stick"))
         }, [
           renderSlot(_ctx.$slots, unref(dataSlot).stick)
-        ], 6),
+        ], 6)), [
+          [unref(vDrag), {
+            dom: props.drag,
+            onMousedown,
+            onMouseup,
+            onMouseMove
+          }]
+        ]),
         createElementVNode("div", {
           style: {
             flex: "1"

package/dist/components/stick-edge/src/index2.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const vues = require("vue");
 const getPositionRelative = require("@fangzhongya/utils/css/getPositionRelative");
 const attrValueSort = require("@fangzhongya/utils/basic/object/attrValueSort");
 const setCss = require("@fangzhongya/utils/css/setCss");
@@ -9,7 +9,7 @@ const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$2 = require("../../../directives/drag/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -24,8 +24,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName("stick-edge");
     const props = __props;
     const emit = __emit;
-    const refDom = vue.shallowRef();
-    const fRect = vue.shallowRef({});
+    const refDom = vues.shallowRef();
+    const fRect = vues.shallowRef({});
     function onMousedown(e, p) {
       setCss.setCss(refDom.value, {
         left: p.left + "px",
@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function getPosition(el, key) {
       return Number(getCss.getCss(el, key).replace(/[a-z|A-Z]*$/, ""));
     }
-    vue.onMounted(() => {
+    vues.onMounted(() => {
       if (props.isFixed) {
         fRect.value = {
           width: window.innerWidth,
@@ -91,17 +91,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z()),
-        style: vue.normalizeStyle({
+      return vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", {
+        class: vues.normalizeClass(vues.unref(cs).z()),
+        style: vues.normalizeStyle({
           position: props.isFixed ? "fixed" : "absolute"
         }),
         ref_key: "refDom",
         ref: refDom
       }, [
-        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
+        vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default)
       ], 6)), [
-        [vue.unref(index$2.default), {
+        [vues.unref(index$2.default), {
           dom: props.drag,
           onMousedown,
           onMouseup

package/dist/components/stick-window/src/index2.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const vues = require("vue");
 const index$2 = require("../../box-teleport/index.cjs");
 const data = require("./data.cjs");
 const index$3 = require("../../icon/index.cjs");
@@ -9,7 +9,7 @@ const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$4 = require("../../../directives/stick/index.cjs");
 const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName("stick-window");
     const props = __props;
     const emit = __emit;
-    const windowObjs = vue.ref([]);
+    const windowObjs = vues.ref([]);
     const stick = {
       direction: props.direction,
       directions: props.directions,
@@ -60,41 +60,41 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       remove
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.BoxTeleport), {
         disabled: props.disabled,
         to: props.to
       }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-            class: vue.normalizeClass(vue.unref(cs).z())
+        default: vues.withCtx(() => [
+          vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", {
+            class: vues.normalizeClass(vues.unref(cs).z())
           }, [
-            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).top),
-            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, { values: windowObjs.value }, () => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(windowObjs.value, (item, index2) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  class: vue.normalizeClass(vue.unref(cs).z("window-li")),
+            vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).top),
+            vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default, { values: windowObjs.value }, () => [
+              (vues.openBlock(true), vues.createElementBlock(vues.Fragment, null, vues.renderList(windowObjs.value, (item, index2) => {
+                return vues.openBlock(), vues.createElementBlock("div", {
+                  class: vues.normalizeClass(vues.unref(cs).z("window-li")),
                   key: index2
                 }, [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(vue.unref(cs).z("window-li-title")),
+                  vues.createElementVNode("span", {
+                    class: vues.normalizeClass(vues.unref(cs).z("window-li-title")),
                     onClick: ($event) => onClick(item, index2)
-                  }, vue.toDisplayString(item.title), 11, _hoisted_1),
-                  vue.createVNode(vue.unref(index$3.Icon), {
+                  }, vues.toDisplayString(item.title), 11, _hoisted_1),
+                  vues.createVNode(vues.unref(index$3.Icon), {
                     onClick: ($event) => onClose(item, index2),
-                    class: vue.normalizeClass(vue.unref(cs).z("window-li-close")),
-                    title: vue.unref(getLocale)("close")
+                    class: vues.normalizeClass(vues.unref(cs).z("window-li-close")),
+                    title: vues.unref(getLocale)("close")
                   }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(close.default)
+                    default: vues.withCtx(() => [
+                      vues.createVNode(close.default)
                     ]),
                     _: 1
                   }, 8, ["onClick", "class", "title"])
                 ], 2);
               }), 128))
             ]),
-            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).bottom)
+            vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).bottom)
           ], 2)), [
-            [vue.unref(index$4.default), stick]
+            [vues.unref(index$4.default), stick]
           ])
         ]),
         _: 3

package/dist/components/switch/src/index2.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const vues = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("element-plus/es/components/switch/index");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vue.useAttrs();
-    const slots = vue.useSlots();
+    const attrs = vues.useAttrs();
+    const slots = vues.useSlots();
     const cs = index.useCssName("switch");
     const props = __props;
     const emit = __emit;
@@ -18,14 +18,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$1.ElSwitch), vue.mergeProps({
-        class: vue.unref(cs).z()
-      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
-        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+      return vues.openBlock(), vues.createBlock(vues.unref(index$1.ElSwitch), vues.mergeProps({
+        class: vues.unref(cs).z()
+      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
+        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
           return {
             name: k,
-            fn: vue.withCtx((scope) => [
-              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+            fn: vues.withCtx((scope) => [
+              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope)))
             ])
           };
         })

package/dist/components/switchs/src/index2.cjs

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const vues = require("vue");
 const index$3 = require("../../../directives/expose/index.cjs");
 const index$2 = require("element-plus/es/components/switch/index");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const data = require("./data.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { emit: __emit }) {
     const cs = index.useCssName("switchs");
-    const attrs = index$1.useInherit(vue.useAttrs());
+    const attrs = index$1.useInherit(vues.useAttrs());
     const props = __props;
     const emit = __emit;
-    const active = vue.ref({});
-    const inactive = vue.ref({});
-    vue.watch(
+    const active = vues.ref({});
+    const inactive = vues.ref({});
+    vues.watch(
       () => props.options,
       () => {
         if (props.options && props.options.length > 1) {
@@ -37,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true, deep: true }
     );
-    const binds = vue.computed(() => {
+    const binds = vues.computed(() => {
       const obj = {};
       for (let k in active.value) {
         obj["active-" + k] = active.value[k];
@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       console.log("obj", obj);
       return obj;
     });
-    const value = vue.computed({
+    const value = vues.computed({
       get() {
         let v = props.modelValue;
         return v;
@@ -66,15 +66,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: vue.unref(cs).z()
-      }, vue.unref(attrs).root), [
-        vue.withDirectives(vue.createVNode(vue.unref(index$2.ElSwitch), vue.mergeProps({
-          class: vue.unref(cs).z("switch"),
+      return vues.openBlock(), vues.createElementBlock("div", vues.mergeProps({
+        class: vues.unref(cs).z()
+      }, vues.unref(attrs).root), [
+        vues.withDirectives(vues.createVNode(vues.unref(index$2.ElSwitch), vues.mergeProps({
+          class: vues.unref(cs).z("switch"),
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-        }, { ...binds.value, ...vue.unref(attrs).assem }), null, 16, ["class", "modelValue"]), [
-          [vue.unref(index$3.default), {}]
+        }, { ...binds.value, ...vues.unref(attrs).assem }), null, 16, ["class", "modelValue"]), [
+          [vues.unref(index$3.default), {}]
         ])
       ], 16);
     };

package/dist/components/tab-pane/src/index2.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const vues = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("element-plus/es/components/tabs/index");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vue.useAttrs();
-    const slots = vue.useSlots();
+    const attrs = vues.useAttrs();
+    const slots = vues.useSlots();
     const cs = index.useCssName("tab-pane");
     const props = __props;
     const emit = __emit;
@@ -18,14 +18,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$1.ElTabPane), vue.mergeProps({
-        class: vue.unref(cs).z()
-      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
-        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+      return vues.openBlock(), vues.createBlock(vues.unref(index$1.ElTabPane), vues.mergeProps({
+        class: vues.unref(cs).z()
+      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
+        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
           return {
             name: k,
-            fn: vue.withCtx((scope) => [
-              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+            fn: vues.withCtx((scope) => [
+              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope)))
             ])
           };
         })

package/dist/components/tables/common/img2.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const vues = require("vue");
 const index$1 = require("element-plus/es/components/image/index");
 const index = require("../../../hooks/cssname/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "img",
   props: {
     modelValue: String,
@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose }) {
     const cs = index.useCssName("lists-com");
     const props = __props;
-    const value = vue.computed(() => {
+    const value = vues.computed(() => {
       if (props.modelValue) {
         return props.prefix + "/" + props.modelValue;
       } else {
@@ -21,12 +21,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     __expose({});
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
+      return vues.openBlock(), vues.createElementBlock("div", {
+        class: vues.normalizeClass(vues.unref(cs).z())
       }, [
-        vue.createVNode(vue.unref(index$1.ElImage), {
+        vues.createVNode(vues.unref(index$1.ElImage), {
           fit: "contain",
-          class: vue.normalizeClass(vue.unref(cs).z("img")),
+          class: vues.normalizeClass(vues.unref(cs).z("img")),
           src: value.value,
           "preview-src-list": [value.value]
         }, null, 8, ["class", "src", "preview-src-list"])