@smallwei/avue 3.9.1 → 3.9.3

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

@@ -1,8 +1,8 @@
-/*! Avue.js v3.9.1 | (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/mention/index.vue";
-
-export { script as default };
+/*! Avue.js v3.9.3 | (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/mention/index.vue";
+
+export { script as default };

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

@@ -1,17 +1,20 @@
-/*! Avue.js v3.9.1 | (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 { sendDic } from '../../../src/core/dic.mjs';
-
+/*! Avue.js v3.9.3 | (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 { sendDic } from '../../../src/core/dic.mjs';
+
 var script = create({
   name: "mention",
   mixins: [props(), event()],
+  emits: ["dic-error"],
   data () {
     return {
       created: false,
       loading: false,
       netDic: [],
+      remoteRequestId: 0,
+      remoteUnmounted: false,
     };
   },
   props: {
@@ -40,6 +43,10 @@ var script = create({
   },
   created () { },
   mounted () { },
+  beforeUnmount () {
+    this.remoteUnmounted = true;
+    this.remoteRequestId++;
+  },
   computed: {
     options () {
       return this.netDic.map(ele => {
@@ -68,16 +75,33 @@ var script = create({
       }
     },
     handleRemoteMethod (query) {
+      const requestId = ++this.remoteRequestId;
       this.loading = true;
-      sendDic({
-        column: this.column,
-        value: query,
-      }, this).then(res => {
-        this.loading = false;
-        this.netDic = res;
-      });
+      sendDic(
+        {
+          column: this.column,
+          value: query,
+        },
+        this
+      )
+        .then(res => {
+          if (this.remoteUnmounted || requestId !== this.remoteRequestId) return;
+          this.netDic = res;
+        })
+        .catch(error => {
+          if (this.remoteUnmounted || requestId !== this.remoteRequestId) return;
+          this.$emit("dic-error", {
+            type: "mention-remote",
+            error,
+          });
+        })
+        .finally(() => {
+          if (!this.remoteUnmounted && requestId === this.remoteRequestId) {
+            this.loading = false;
+          }
+        });
     }
   }
-});
-
-export { script as default };
+});
+
+export { script as default };

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

@@ -1,66 +1,66 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-import { resolveComponent, openBlock, createBlock, normalizeClass, createSlots, withCtx, renderSlot, createElementBlock, toDisplayString, createElementVNode } from 'vue';
-
-const _hoisted_1 = { key: 1 };
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_mention = resolveComponent("el-mention");
-
-  return (openBlock(), createBlock(_component_el_mention, {
-    modelValue: _ctx.text,
-    "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((_ctx.text) = $event)),
-    class: normalizeClass(_ctx.b()),
-    onClick: _ctx.handleClick,
-    onFocus: _ctx.handleFocus,
-    onBlur: _ctx.handleBlur,
-    placeholder: _ctx.placeholder,
-    size: _ctx.size,
-    prefix: _ctx.prefix,
-    options: _ctx.options,
-    loading: _ctx.loading,
-    split: _ctx.split,
-    whole: _ctx.whole,
-    "check-is-whole": _ctx.checkIsWhole,
-    onSearch: _cache[3] || (_cache[3] = $event => (_ctx.remote?_ctx.handleRemoteMethod:undefined)),
-    clearable: _ctx.clearableVal,
-    readonly: _ctx.readonly,
-    disabled: _ctx.disabled
-  }, createSlots({
-    label: withCtx(({ item }) => [
-      (_ctx.$slots.default)
-        ? renderSlot(_ctx.$slots, "default", {
-            key: 0,
-            item: item,
-            label: _ctx.labelKey,
-            value: _ctx.valueKey
-          })
-        : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.label), 1 /* TEXT */))
-    ]),
-    _: 2 /* DYNAMIC */
-  }, [
-    (_ctx.prepend)
-      ? {
-          name: "prepend",
-          fn: withCtx(() => [
-            createElementVNode("span", {
-              onClick: _cache[0] || (_cache[0] = $event => (_ctx.prependClick(_ctx.text)))
-            }, toDisplayString(_ctx.prepend), 1 /* TEXT */)
-          ]),
-          key: "0"
-        }
-      : undefined,
-    (_ctx.append)
-      ? {
-          name: "append",
-          fn: withCtx(() => [
-            createElementVNode("span", {
-              onClick: _cache[1] || (_cache[1] = $event => (_ctx.appendClick(_ctx.text)))
-            }, toDisplayString(_ctx.append), 1 /* TEXT */)
-          ]),
-          key: "1"
-        }
-      : undefined
-  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "class", "onClick", "onFocus", "onBlur", "placeholder", "size", "prefix", "options", "loading", "split", "whole", "check-is-whole", "clearable", "readonly", "disabled"]))
-}
-
-export { render };
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { resolveComponent, openBlock, createBlock, normalizeClass, createSlots, withCtx, renderSlot, createElementBlock, toDisplayString, createElementVNode } from 'vue';
+
+const _hoisted_1 = { key: 1 };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_mention = resolveComponent("el-mention");
+
+  return (openBlock(), createBlock(_component_el_mention, {
+    modelValue: _ctx.text,
+    "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((_ctx.text) = $event)),
+    class: normalizeClass(_ctx.b()),
+    onClick: _ctx.handleClick,
+    onFocus: _ctx.handleFocus,
+    onBlur: _ctx.handleBlur,
+    placeholder: _ctx.placeholder,
+    size: _ctx.size,
+    prefix: _ctx.prefix,
+    options: _ctx.options,
+    loading: _ctx.loading,
+    split: _ctx.split,
+    whole: _ctx.whole,
+    "check-is-whole": _ctx.checkIsWhole,
+    onSearch: _cache[3] || (_cache[3] = $event => (_ctx.remote?_ctx.handleRemoteMethod:undefined)),
+    clearable: _ctx.clearableVal,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, createSlots({
+    label: withCtx(({ item }) => [
+      (_ctx.$slots.default)
+        ? renderSlot(_ctx.$slots, "default", {
+            key: 0,
+            item: item,
+            label: _ctx.labelKey,
+            value: _ctx.valueKey
+          })
+        : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.label), 1 /* TEXT */))
+    ]),
+    _: 2 /* DYNAMIC */
+  }, [
+    (_ctx.prepend)
+      ? {
+          name: "prepend",
+          fn: withCtx(() => [
+            createElementVNode("span", {
+              onClick: _cache[0] || (_cache[0] = $event => (_ctx.prependClick(_ctx.text)))
+            }, toDisplayString(_ctx.prepend), 1 /* TEXT */)
+          ]),
+          key: "0"
+        }
+      : undefined,
+    (_ctx.append)
+      ? {
+          name: "append",
+          fn: withCtx(() => [
+            createElementVNode("span", {
+              onClick: _cache[1] || (_cache[1] = $event => (_ctx.appendClick(_ctx.text)))
+            }, toDisplayString(_ctx.append), 1 /* TEXT */)
+          ]),
+          key: "1"
+        }
+      : undefined
+  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "class", "onClick", "onFocus", "onBlur", "placeholder", "size", "prefix", "options", "loading", "split", "whole", "check-is-whole", "clearable", "readonly", "disabled"]))
+}
+
+export { render };

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

@@ -0,0 +1,8 @@
+/*! Avue.js v3.9.3 | (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/qrcode/index.vue";
+
+export { script as default };

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

@@ -0,0 +1,274 @@
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import create from '../../../src/core/create.mjs';
+import qrcode from '../../../node_modules/.pnpm/qrcode-generator@2.0.4/node_modules/qrcode-generator/dist/qrcode.mjs';
+
+const QUIET_ZONE_SIZE = 4;
+
+qrcode.stringToBytes = (value) => {
+  if (typeof TextEncoder !== 'undefined') {
+    return Array.from(new TextEncoder().encode(value));
+  }
+
+  const bytes = [];
+  for (let index = 0; index < value.length; index += 1) {
+    const code = value.charCodeAt(index);
+    if (code < 0x80) {
+      bytes.push(code);
+    } else if (code < 0x800) {
+      bytes.push(0xc0 | (code >> 6), 0x80 | (code & 0x3f));
+    } else if (code < 0xd800 || code >= 0xe000) {
+      bytes.push(
+        0xe0 | (code >> 12),
+        0x80 | ((code >> 6) & 0x3f),
+        0x80 | (code & 0x3f),
+      );
+    } else {
+      index += 1;
+      const surrogate = value.charCodeAt(index);
+      const point = 0x10000 + (((code & 0x3ff) << 10) | (surrogate & 0x3ff));
+      bytes.push(
+        0xf0 | (point >> 18),
+        0x80 | ((point >> 12) & 0x3f),
+        0x80 | ((point >> 6) & 0x3f),
+        0x80 | (point & 0x3f),
+      );
+    }
+  }
+  return bytes;
+};
+
+function escapeXml(value) {
+  return String(value).replace(/[&<>"']/g, (character) => {
+    const entities = {
+      '&': '&amp;',
+      '<': '&lt;',
+      '>': '&gt;',
+      '"': '&quot;',
+      "'": '&apos;',
+    };
+    return entities[character];
+  });
+}
+
+var script = create({
+  name: 'qrcode',
+  emits: ['refresh', 'error', 'icon-error'],
+  props: {
+    value: {
+      type: String,
+      default: '',
+    },
+    type: {
+      type: String,
+      default: 'canvas',
+      validator: (value) => ['canvas', 'svg'].includes(value),
+    },
+    icon: String,
+    size: {
+      type: Number,
+      default: 160,
+    },
+    iconSize: {
+      type: Number,
+      default: 40,
+    },
+    color: {
+      type: String,
+      default: '#000',
+    },
+    bgColor: {
+      type: String,
+      default: 'transparent',
+    },
+    bordered: {
+      type: Boolean,
+      default: true,
+    },
+    errorLevel: {
+      type: String,
+      default: 'M',
+      validator: (value) => ['L', 'M', 'Q', 'H'].includes(value),
+    },
+    status: {
+      type: String,
+      default: 'active',
+      validator: (value) => ['active', 'expired', 'loading', 'scanned'].includes(value),
+    },
+  },
+  data() {
+    return {
+      qrcode: null,
+      errorMessage: '',
+      renderSequence: 0,
+    };
+  },
+  computed: {
+    displaySize() {
+      return Math.max(1, Number(this.size) || 160);
+    },
+    displayIconSize() {
+      return Math.min(Math.max(0, Number(this.iconSize) || 0), this.displaySize / 2);
+    },
+    styleName() {
+      return {
+        width: `${this.displaySize}px`,
+        height: `${this.displaySize}px`,
+        backgroundColor: this.bgColor,
+      };
+    },
+    svgContent() {
+      if (!this.qrcode) return '';
+
+      const moduleCount = this.qrcode.getModuleCount();
+      const totalSize = moduleCount + QUIET_ZONE_SIZE * 2;
+      let path = '';
+
+      for (let row = 0; row < moduleCount; row += 1) {
+        for (let column = 0; column < moduleCount; column += 1) {
+          if (this.qrcode.isDark(row, column)) {
+            path += `M${column + QUIET_ZONE_SIZE} ${row + QUIET_ZONE_SIZE}h1v1h-1z`;
+          }
+        }
+      }
+
+      let icon = '';
+      if (this.icon && this.displayIconSize > 0) {
+        const iconSize = (this.displayIconSize / this.displaySize) * totalSize;
+        const iconPadding = Math.max(totalSize * 0.025, 0.5);
+        const backgroundSize = iconSize + iconPadding * 2;
+        const position = (totalSize - backgroundSize) / 2;
+        const iconPosition = position + iconPadding;
+        const background = this.bgColor === 'transparent' ? '#fff' : this.bgColor;
+        icon = `<rect x="${position}" y="${position}" width="${backgroundSize}" height="${backgroundSize}" fill="${escapeXml(background)}"/><image x="${iconPosition}" y="${iconPosition}" width="${iconSize}" height="${iconSize}" href="${escapeXml(this.icon)}" preserveAspectRatio="xMidYMid meet"/>`;
+      }
+
+      return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${totalSize} ${totalSize}" width="100%" height="100%" aria-hidden="true"><rect width="100%" height="100%" fill="${escapeXml(this.bgColor)}"/><path d="${path}" fill="${escapeXml(this.color)}"/>${icon}</svg>`;
+    },
+  },
+  watch: {
+    value() {
+      this.updateQRCode();
+    },
+    errorLevel() {
+      this.updateQRCode();
+    },
+    type() {
+      this.scheduleCanvasRender();
+    },
+    size() {
+      this.scheduleCanvasRender();
+    },
+    icon() {
+      this.scheduleCanvasRender();
+    },
+    iconSize() {
+      this.scheduleCanvasRender();
+    },
+    color() {
+      this.scheduleCanvasRender();
+    },
+    bgColor() {
+      this.scheduleCanvasRender();
+    },
+  },
+  created() {
+    this.updateQRCode();
+  },
+  mounted() {
+    this.scheduleCanvasRender();
+  },
+  beforeUnmount() {
+    this.renderSequence += 1;
+  },
+  methods: {
+    updateQRCode() {
+      try {
+        const instance = qrcode(0, this.errorLevel);
+        instance.addData(this.value || '');
+        instance.make();
+        this.qrcode = instance;
+        this.errorMessage = '';
+      } catch (error) {
+        this.qrcode = null;
+        this.errorMessage = '二维码内容过长，请缩短内容后重试';
+        this.$emit('error', error);
+      }
+      this.scheduleCanvasRender();
+    },
+    scheduleCanvasRender() {
+      if (this.type !== 'canvas') return;
+      this.$nextTick(() => this.renderCanvas());
+    },
+    renderCanvas() {
+      const canvas = this.$refs.canvas;
+      if (!canvas || !this.qrcode) return;
+
+      const renderSequence = this.renderSequence + 1;
+      this.renderSequence = renderSequence;
+      const devicePixelRatio = typeof window === 'undefined' ? 1 : window.devicePixelRatio || 1;
+      const width = Math.round(this.displaySize * devicePixelRatio);
+      canvas.width = width;
+      canvas.height = width;
+      const context = canvas.getContext('2d');
+      const scale = width / this.displaySize;
+      context.setTransform(scale, 0, 0, scale, 0, 0);
+      context.clearRect(0, 0, this.displaySize, this.displaySize);
+      context.fillStyle = this.bgColor;
+      context.fillRect(0, 0, this.displaySize, this.displaySize);
+
+      const moduleCount = this.qrcode.getModuleCount();
+      const cellSize = this.displaySize / (moduleCount + QUIET_ZONE_SIZE * 2);
+      context.fillStyle = this.color;
+      for (let row = 0; row < moduleCount; row += 1) {
+        for (let column = 0; column < moduleCount; column += 1) {
+          if (!this.qrcode.isDark(row, column)) continue;
+          const left = Math.round((column + QUIET_ZONE_SIZE) * cellSize);
+          const top = Math.round((row + QUIET_ZONE_SIZE) * cellSize);
+          const right = Math.round((column + QUIET_ZONE_SIZE + 1) * cellSize);
+          const bottom = Math.round((row + QUIET_ZONE_SIZE + 1) * cellSize);
+          context.fillRect(left, top, right - left, bottom - top);
+        }
+      }
+
+      this.renderCanvasIcon(context, renderSequence);
+    },
+    renderCanvasIcon(context, renderSequence) {
+      if (!this.icon || !this.displayIconSize) return;
+
+      const image = new Image();
+      image.onload = () => {
+        if (renderSequence !== this.renderSequence) return;
+        const iconPadding = Math.max(this.displaySize * 0.025, 2);
+        const backgroundSize = this.displayIconSize + iconPadding * 2;
+        const position = (this.displaySize - backgroundSize) / 2;
+        context.fillStyle = this.bgColor === 'transparent' ? '#fff' : this.bgColor;
+        context.fillRect(position, position, backgroundSize, backgroundSize);
+        context.drawImage(
+          image,
+          position + iconPadding,
+          position + iconPadding,
+          this.displayIconSize,
+          this.displayIconSize,
+        );
+      };
+      image.onerror = () => {
+        if (renderSequence === this.renderSequence) this.$emit('icon-error');
+      };
+      image.src = this.icon;
+    },
+    refresh() {
+      this.$emit('refresh');
+    },
+    async toDataURL(type = 'image/png', quality) {
+      await this.$nextTick();
+      if (this.type === 'svg') {
+        return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(this.svgContent)}`;
+      }
+      const canvas = this.$refs.canvas;
+      if (!canvas) throw new Error('二维码画布尚未初始化');
+      return canvas.toDataURL(type, quality);
+    },
+  },
+});
+
+export { script as default };

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

@@ -0,0 +1,57 @@
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { openBlock, createElementBlock, normalizeStyle, normalizeClass, createCommentVNode, toDisplayString, Fragment, createElementVNode } from 'vue';
+
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { key: 2 };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass([_ctx.b(), { [_ctx.b('bordered')]: _ctx.bordered }]),
+    style: normalizeStyle(_ctx.styleName),
+    role: "img",
+    "aria-label": "二维码"
+  }, [
+    (_ctx.type === 'canvas' && _ctx.qrcode)
+      ? (openBlock(), createElementBlock("canvas", {
+          key: 0,
+          ref: "canvas",
+          class: normalizeClass(_ctx.b('canvas'))
+        }, null, 2 /* CLASS */))
+      : (_ctx.type === 'svg' && _ctx.qrcode)
+        ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(_ctx.b('svg')),
+            innerHTML: _ctx.svgContent
+          }, null, 10 /* CLASS, PROPS */, _hoisted_1))
+        : createCommentVNode("v-if", true),
+    (_ctx.errorMessage)
+      ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass([_ctx.b('status'), _ctx.b('status-error')])
+        }, toDisplayString(_ctx.errorMessage), 3 /* TEXT, CLASS */))
+      : (_ctx.status !== 'active')
+        ? (openBlock(), createElementBlock("div", {
+            key: 3,
+            class: normalizeClass(_ctx.b('status'))
+          }, [
+            (_ctx.status === 'loading')
+              ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass(_ctx.b('loading'))
+                }, null, 2 /* CLASS */))
+              : (_ctx.status === 'expired')
+                ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    _cache[1] || (_cache[1] = createElementVNode("span", null, "二维码已过期", -1 /* HOISTED */)),
+                    createElementVNode("button", {
+                      class: normalizeClass(_ctx.b('refresh')),
+                      type: "button",
+                      onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.refresh && _ctx.refresh(...args)))
+                    }, " 点击刷新 ", 2 /* CLASS */)
+                  ], 64 /* STABLE_FRAGMENT */))
+                : (openBlock(), createElementBlock("span", _hoisted_2, "已扫描"))
+          ], 2 /* CLASS */))
+        : createCommentVNode("v-if", true)
+  ], 6 /* CLASS, STYLE */))
+}
+
+export { render };

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

@@ -1,8 +1,8 @@
-/*! Avue.js v3.9.1 | (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/radio/index.vue";
-
-export { script as default };
+/*! Avue.js v3.9.3 | (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/radio/index.vue";
+
+export { script as default };

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

@@ -1,8 +1,8 @@
-/*! Avue.js v3.9.1 | (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';
-
+/*! Avue.js v3.9.3 | (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: "radio",
   mixins: [props(), event()],
@@ -18,6 +18,6 @@ var script = create({
   created () { },
   mounted () { },
   methods: {}
-});
-
-export { script as default };
+});
+
+export { script as default };