@qynpm/ui 1.0.47 → 1.1.0

package/dist/qy-tree/index.mjs

@@ -1,7 +1,7 @@
-import { _ as r } from "../shared/index.vue_vue_type_style_index_0_lang-DGt78p3G.mjs";
-import { w as t } from "../shared/install-CxBnxbuN.mjs";
-const o = t(r, "QyTree");
+import { T as e } from "../shared/index-frOfvcCH.mjs";
+import { w as r } from "../shared/install-CxBnxbuN.mjs";
+const a = r(e, "QyTree");
 export {
-  o as QyTree,
-  o as default
+  a as QyTree,
+  a as default
 };

package/dist/qy-tree-select/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../shared/install-c8il9DQv.cjs"),l=require("../shared/index-CB0v25oB.cjs"),e=t.withInstall(l.TreeSelect,"QyTreeSelect");exports.QyTreeSelect=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../shared/install-c8il9DQv.cjs"),l=require("../shared/index-oZEfxmBH.cjs"),e=t.withInstall(l.TreeSelect,"QyTreeSelect");exports.QyTreeSelect=e;exports.default=e;

package/dist/qy-tree-select/index.mjs

@@ -1,5 +1,5 @@
 import { w as e } from "../shared/install-CxBnxbuN.mjs";
-import { T as t } from "../shared/index-BAOV5iYx.mjs";
+import { T as t } from "../shared/index-bR6Q3uaD.mjs";
 const o = e(t, "QyTreeSelect");
 export {
   o as QyTreeSelect,

package/dist/qy-upload/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../shared/index-BqzKToOL.cjs"),t=require("../shared/install-c8il9DQv.cjs"),e=t.withInstall(l.Upload,"QyUpload");exports.QyUpload=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../shared/index-B7uUS7TF.cjs"),t=require("../shared/install-c8il9DQv.cjs"),e=t.withInstall(l.Upload,"QyUpload");exports.QyUpload=e;exports.default=e;

package/dist/qy-upload/index.mjs

@@ -1,4 +1,4 @@
-import { U as o } from "../shared/index-BN4A-O6P.mjs";
+import { U as o } from "../shared/index-CEt5qI00.mjs";
 import { w as a } from "../shared/install-CxBnxbuN.mjs";
 const p = a(o, "QyUpload");
 export {

package/dist/qy-watermark/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../shared/index.vue_vue_type_script_setup_true_lang-Cr9PdvyR.cjs"),r=require("../shared/install-c8il9DQv.cjs"),e=r.withInstall(t._sfc_main,"QyWatermark");exports.QyWatermark=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../shared/index-BEtTFM5x.cjs"),r=require("../shared/install-c8il9DQv.cjs"),e=r.withInstall(t.Watermark,"QyWatermark");exports.QyWatermark=e;exports.default=e;

package/dist/qy-watermark/index.mjs

@@ -1,4 +1,4 @@
-import { _ as a } from "../shared/index.vue_vue_type_script_setup_true_lang-COAUEujY.mjs";
+import { W as a } from "../shared/index-iGKTM26-.mjs";
 import { w as r } from "../shared/install-CxBnxbuN.mjs";
 const o = r(a, "QyWatermark");
 export {

package/dist/shared/index-0PQfX5FF.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),f=e.defineComponent({name:"QyFormSection",__name:"index",props:{title:{type:String,required:!1,default:""},description:{type:String,required:!1,default:""},tip:{type:String,required:!1,default:""},tipType:{type:String,required:!1,default:"info"},collapsible:{type:Boolean,required:!1,default:!1},defaultExpanded:{type:Boolean,required:!1,default:!0},bordered:{type:Boolean,required:!1,default:!0},background:{type:String,required:!1,default:"white"},bodyClass:{type:String,required:!1,default:""},headerClass:{type:String,required:!1,default:""}},emits:["toggle"],setup(i,{expose:r,emit:t}){r();const o=i,n=t,l=e.ref(o.defaultExpanded);e.watch(()=>o.defaultExpanded,c=>{l.value=c});function a(){o.collapsible&&(l.value=!l.value,n("toggle",l.value))}function d(){o.collapsible&&a()}const s={props:o,emit:n,expanded:l,toggleExpanded:a,handleHeaderClick:d};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}}),m={class:"qy-form-section__heading"},p={key:0,class:"qy-form-section__title"},_={key:0,class:"qy-form-section__description"},y={class:"qy-form-section__actions"};function g(i,r,t,o,n,l){return e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["qy-form-section",[`is-bg-${t.background}`,{"is-bordered":t.bordered,"is-collapsible":t.collapsible}]])},[e.createElementVNode("header",{class:e.normalizeClass(["qy-form-section__header",t.headerClass]),onClick:o.handleHeaderClick},[e.createElementVNode("div",m,[e.renderSlot(i.$slots,"title",{},()=>[t.title?(e.openBlock(),e.createElementBlock("div",p,e.toDisplayString(t.title),1)):e.createCommentVNode("v-if",!0)],!0),e.renderSlot(i.$slots,"description",{},()=>[t.description?(e.openBlock(),e.createElementBlock("div",_,e.toDisplayString(t.description),1)):e.createCommentVNode("v-if",!0)],!0)]),e.createElementVNode("div",y,[e.renderSlot(i.$slots,"actions",{},void 0,!0),t.collapsible?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"qy-form-section__toggle",onClick:e.withModifiers(o.toggleExpanded,["stop"])},e.toDisplayString(o.expanded?"收起":"展开"),1)):e.createCommentVNode("v-if",!0)])],2),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["qy-form-section__body",t.bodyClass])},[e.renderSlot(i.$slots,"tip",{},()=>[t.tip?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["qy-form-section__tip",`is-${t.tipType}`])},e.toDisplayString(t.tip),3)):e.createCommentVNode("v-if",!0)],!0),e.renderSlot(i.$slots,"default",{},void 0,!0)],2),[[e.vShow,o.expanded]])],2)}const q=u._export_sfc(f,[["render",g],["__scopeId","data-v-b1a327a2"],["__file","/home/runner/work/qy-component/qy-component/packages/ui/lib/qy-form-section/index.vue"]]);exports.Component=q;

package/dist/shared/index-0rmLB9X5.mjs

@@ -0,0 +1,153 @@
+import { w as F } from "./install-CxBnxbuN.mjs";
+import { defineComponent as T, useAttrs as U, ref as f, computed as A, watch as K, openBlock as P, createBlock as R, mergeProps as $, withKeys as j, createSlots as O, withCtx as p, renderSlot as m } from "vue";
+import { ElInput as D } from "element-plus";
+import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const H = /* @__PURE__ */ T({
+  name: "QyInput",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: null, required: !1, default: "" },
+    removeSpace: { type: Boolean, required: !1, default: !1 },
+    trimMode: { type: String, required: !1, default: "none" }
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "enter"],
+  setup(l, { expose: v, emit: V }) {
+    const t = l, a = V, y = U(), r = f(null), u = f(i(t.modelValue)), s = f(i(t.modelValue)), o = f("none"), q = A(() => i(t.modelValue));
+    K(
+      () => t.modelValue,
+      (e) => {
+        const n = i(e);
+        u.value = n, s.value = n, o.value = "none";
+      }
+    );
+    function i(e) {
+      return e == null ? "" : String(e);
+    }
+    function g(e) {
+      return t.removeSpace ? e.replace(/\s+/g, "") : e;
+    }
+    function h(e, n) {
+      return t.trimMode !== n ? e : e.trim();
+    }
+    function c(e) {
+      return g(i(e));
+    }
+    function d(e) {
+      u.value = e, s.value = e, a("update:modelValue", e);
+    }
+    function C(e) {
+      const n = c(e);
+      d(n), o.value = n === "" ? "updated" : "none";
+    }
+    function w(e) {
+      const n = c(e);
+      u.value = n, a("input", n);
+    }
+    function B(e) {
+      const n = h(c(e), "change");
+      if (u.value = n, n === "" && o.value === "updated") {
+        o.value = "changed", a("change", n);
+        return;
+      }
+      n !== s.value && d(n), o.value = n === "" ? "changed" : "none", a("change", n);
+    }
+    function z(e) {
+      a("focus", e);
+    }
+    function E(e) {
+      const n = h(u.value, "blur");
+      u.value = n, n !== s.value && d(n), a("blur", e);
+    }
+    function M() {
+      o.value === "none" ? (d(""), a("change", "")) : o.value === "updated" && (o.value = "changed", a("change", "")), o.value = "cleared", a("clear");
+    }
+    function Q(e) {
+      a("enter", e);
+    }
+    function I() {
+      var e, n;
+      (n = (e = r.value) == null ? void 0 : e.focus) == null || n.call(e);
+    }
+    function x() {
+      var e, n;
+      (n = (e = r.value) == null ? void 0 : e.blur) == null || n.call(e);
+    }
+    function _() {
+      var e, n;
+      (n = (e = r.value) == null ? void 0 : e.select) == null || n.call(e);
+    }
+    function S() {
+      var e, n;
+      (n = (e = r.value) == null ? void 0 : e.clear) == null || n.call(e);
+    }
+    function b() {
+      var e, n;
+      (n = (e = r.value) == null ? void 0 : e.resizeTextarea) == null || n.call(e);
+    }
+    v({
+      // 暴露 Element Plus 常用输入框方法，方便业务弹窗做聚焦、选中和 textarea 重算高度。
+      focus: I,
+      blur: x,
+      select: _,
+      clear: S,
+      resizeTextarea: b
+    });
+    const k = { props: t, emit: a, attrs: y, inputRef: r, innerValue: u, committedValue: s, clearSequence: o, displayValue: q, stringifyValue: i, sanitizeSpaces: g, sanitizeTrim: h, sanitizeImmediate: c, emitModelValue: d, handleUpdateModelValue: C, handleInput: w, handleChange: B, handleFocus: z, handleBlur: E, handleClear: M, handleEnter: Q, focus: I, blur: x, select: _, clear: S, resizeTextarea: b, get ElInput() {
+      return D;
+    } };
+    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+  }
+});
+function J(l, v, V, t, a, y) {
+  return P(), R(t.ElInput, $({
+    ref: "inputRef",
+    class: "qy-input"
+  }, t.attrs, {
+    "model-value": t.displayValue,
+    "onUpdate:modelValue": t.handleUpdateModelValue,
+    onInput: t.handleInput,
+    onChange: t.handleChange,
+    onFocus: t.handleFocus,
+    onBlur: t.handleBlur,
+    onClear: t.handleClear,
+    onKeydown: j(t.handleEnter, ["enter"])
+  }), O({
+    _: 2
+    /* DYNAMIC */
+  }, [
+    l.$slots.prefix ? {
+      name: "prefix",
+      fn: p(() => [
+        m(l.$slots, "prefix")
+      ]),
+      key: "0"
+    } : void 0,
+    l.$slots.suffix ? {
+      name: "suffix",
+      fn: p(() => [
+        m(l.$slots, "suffix")
+      ]),
+      key: "1"
+    } : void 0,
+    l.$slots.prepend ? {
+      name: "prepend",
+      fn: p(() => [
+        m(l.$slots, "prepend")
+      ]),
+      key: "2"
+    } : void 0,
+    l.$slots.append ? {
+      name: "append",
+      fn: p(() => [
+        m(l.$slots, "append")
+      ]),
+      key: "3"
+    } : void 0
+  ]), 1040, ["model-value"]);
+}
+const L = /* @__PURE__ */ G(H, [["render", J], ["__file", "/home/runner/work/qy-component/qy-component/packages/ui/lib/qy-input/index.vue"]]), Z = F(L, "QyInput");
+export {
+  L as I,
+  Z as Q
+};

package/dist/shared/index-2Mjm9QSY.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),S=require("element-plus"),Y=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");let E=0;const z=()=>`qy-color-picker-${++E}`,Z=r.defineComponent({name:"QyColorPicker",inheritAttrs:!1,__name:"index",props:{modelValue:{type:[String,null],required:!1,default:null},format:{type:String,required:!1,default:void 0},showAlpha:{type:Boolean,required:!1,default:!1},predefine:{type:Array,required:!1,default:void 0},size:{type:String,required:!1,default:"default"},disabled:{type:Boolean,required:!1,default:void 0},clearable:{type:Boolean,required:!1,default:!1}},emits:["update:modelValue","active-change","change","visible-change"],setup(P,{expose:m,emit:R}){m();const a=P,i=R,u=S.useFormDisabled();r.watch(u,e=>{e&&l.value&&f()});const s=r.useAttrs(),A=r.ref(null),D=r.ref(null),h=r.ref(null),o=r.ref(d(a.modelValue)),g=r.ref(o.value),l=r.ref(!1),t=r.ref(null),c=r.ref(!1),p=r.ref(!1),b=z(),O=r.computed(()=>typeof s.id=="string"&&s.id||b),I=`qy-color-picker__popper--${b}`,B=r.computed(()=>a.format||(a.showAlpha?"rgb":"hex")),N=r.computed(()=>d(a.modelValue)),T=r.computed(()=>String(s.role||"button")),Q=r.computed(()=>s["aria-disabled"]??(u.value?"true":"false")),F=r.computed(()=>u.value?void 0:s.tabindex??0),U=r.computed(()=>{const e={};for(const[n,v]of Object.entries(s)){const V=n.toLowerCase();(n==="class"||n==="style"||n==="id"||n==="title"||n==="tabindex"||n==="role"||V.startsWith("data-")||V.startsWith("aria-")||["onkeydown","onkeyup","onkeypress"].includes(V))&&(e[n]=v)}return e});r.watch(()=>a.modelValue,e=>{o.value=d(e),l.value&&(g.value=o.value)});function d(e){return e==null||e===""?null:String(e)}function M(){if(!u.value){if(l.value){f();return}k()}}function j(){u.value||l.value||k()}function W(){l.value&&f()}function k(){l.value||u.value||(g.value=d(a.modelValue),o.value=g.value,t.value=null,c.value=!1,p.value=!1,l.value=!0,K(),i("visible-change",!0),r.nextTick(()=>{var e,n;return(n=(e=h.value)==null?void 0:e.show)==null?void 0:n.call(e)}))}function H(e){!l.value||t.value||(o.value=d(e),i("active-change",o.value))}function G(e){!l.value||t.value==="cancel"||(o.value=d(e),c.value||(c.value=!0,t.value="commit",i("update:modelValue",o.value)))}function J(e){!l.value||t.value==="cancel"||(o.value=d(e),c.value||(c.value=!0,t.value="commit",i("update:modelValue",o.value)),p.value||(p.value=!0,i("change",o.value)),y())}function X(){!l.value||t.value==="cancel"||(c.value||(c.value=!0,t.value="commit",o.value=null,i("update:modelValue",null)),p.value||(p.value=!0,i("change",null)),y())}function f(){var e,n;!l.value||t.value||(t.value="cancel",o.value=d(a.modelValue),(n=(e=h.value)==null?void 0:e.hide)==null||n.call(e),y())}function y(){var e,n;l.value&&(l.value=!1,x(),(n=(e=h.value)==null?void 0:e.hide)==null||n.call(e),i("visible-change",!1),r.nextTick(()=>{var v;return(v=D.value)==null?void 0:v.focus()}))}function _(e){var n,v;return e instanceof Node?(n=A.value)!=null&&n.contains(e)?!0:!!((v=e.closest)!=null&&v.call(e,`.${I}`)):!1}function C(e){l.value&&!_(e.target)&&f()}function w(e){l.value&&!_(e.target)&&f()}function q(e){l.value&&e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),f())}function K(){document.addEventListener("pointerdown",C,!0),document.addEventListener("focusin",w,!0),document.addEventListener("keydown",q,!0)}function x(){document.removeEventListener("pointerdown",C,!0),document.removeEventListener("focusin",w,!0),document.removeEventListener("keydown",q,!0)}r.onBeforeUnmount(()=>{x()});const L={get nextQyColorPickerId(){return E},set nextQyColorPickerId(e){E=e},createQyColorPickerId:z,props:a,emit:i,resolvedDisabled:u,attrs:s,rootRef:A,triggerRef:D,rendererRef:h,draftValue:o,openingValue:g,isOpen:l,terminalAction:t,updateEmitted:c,changeEmitted:p,generatedId:b,triggerId:O,popperClass:I,rendererFormat:B,displayColor:N,triggerRole:T,triggerAriaDisabled:Q,triggerTabIndex:F,triggerAttrs:U,normalizeColor:d,handleTriggerClick:M,handleKeyboardOpen:j,handleEscape:W,openPicker:k,handleRendererActiveChange:H,handleRendererUpdate:G,handleRendererChange:J,handleRendererClear:X,cancelPicker:f,closeVisible:y,isInsidePicker:_,handleDocumentPointerDown:C,handleDocumentFocusIn:w,handleDocumentKeydown:q,addDocumentListeners:K,removeDocumentListeners:x,get ElColorPicker(){return S.ElColorPicker}};return Object.defineProperty(L,"__isScriptSetup",{enumerable:!1,value:!0}),L}}),$={ref:"rootRef",class:"qy-color-picker","data-qy-color-picker":""},ee=["aria-expanded","id","role","aria-disabled","tabindex","disabled","onKeydown"],re={class:"qy-color-picker__value","aria-hidden":"true"};function ae(P,m,R,a,i,u){return r.openBlock(),r.createElementBlock("div",$,[r.createElementVNode("button",r.mergeProps({ref:"triggerRef",type:"button",class:"qy-color-picker__trigger","aria-label":"选择颜色"},a.triggerAttrs,{"aria-expanded":a.isOpen,"aria-haspopup":"dialog",id:a.triggerId,role:a.triggerRole,"aria-disabled":a.triggerAriaDisabled,tabindex:a.triggerTabIndex,disabled:a.resolvedDisabled,class:{"is-disabled":a.resolvedDisabled,"is-open":a.isOpen},onClick:a.handleTriggerClick,onKeydown:[r.withKeys(r.withModifiers(a.handleKeyboardOpen,["prevent"]),["enter"]),r.withKeys(r.withModifiers(a.handleKeyboardOpen,["prevent"]),["space"]),r.withKeys(r.withModifiers(a.handleEscape,["prevent"]),["esc"])]}),[r.createElementVNode("span",{class:r.normalizeClass(["qy-color-picker__swatch",{"is-empty":!a.displayColor}]),style:r.normalizeStyle(a.displayColor?{backgroundColor:a.displayColor}:void 0),"aria-hidden":"true"},null,6),r.createElementVNode("span",re,r.toDisplayString(a.displayColor||"选择颜色"),1),m[0]||(m[0]=r.createElementVNode("span",{class:"qy-color-picker__arrow","aria-hidden":"true"},"⌄",-1))],16,ee),r.createVNode(a.ElColorPicker,{ref:"rendererRef",class:"qy-color-picker__renderer","model-value":a.draftValue,"show-alpha":a.props.showAlpha,"color-format":a.rendererFormat,predefine:a.props.predefine,size:a.props.size,disabled:!1,clearable:a.props.clearable,teleported:!0,tabindex:-1,"popper-class":a.popperClass,"aria-hidden":"true",onActiveChange:a.handleRendererActiveChange,"onUpdate:modelValue":a.handleRendererUpdate,onChange:a.handleRendererChange,onClear:a.handleRendererClear},null,8,["model-value","show-alpha","color-format","predefine","size","clearable"])],512)}const ne=Y._export_sfc(Z,[["render",ae],["__file","/home/runner/work/qy-component/qy-component/packages/ui/lib/qy-color-picker/index.vue"]]);exports.Picker=ne;

package/dist/shared/index-4Yl91Bw1.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),g=require("element-plus"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),q=t.defineComponent({name:"QyTag",inheritAttrs:!1,__name:"index",props:{tone:{type:String,required:!1,default:"neutral"},size:{type:String,required:!1,default:"md"},effect:{type:String,required:!1,default:"light"},closable:{type:Boolean,required:!1,default:!1},round:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1}},emits:["click","close"],setup(l,{expose:i,emit:a}){i();const e=a,s=t.useAttrs(),o=t.computed(()=>{const n=Object.fromEntries(Object.entries(s).filter(([r])=>r==="class"||r==="style"||r==="title"||r==="role"||r.startsWith("data-")||r.startsWith("aria-")));return l.disabled&&(n["aria-disabled"]="true"),n}),d=t.computed(()=>l.tone==="neutral"?"info":l.tone),u=t.computed(()=>({sm:"small",md:"default",lg:"large"})[l.size]);function f(n){l.disabled||e("click",n)}function m(n){l.disabled||e("close",n)}const c={emit:e,attrs:s,safeAttrs:o,elementType:d,elementSize:u,handleClick:f,handleClose:m,get ElTag(){return g.ElTag}};return Object.defineProperty(c,"__isScriptSetup",{enumerable:!1,value:!0}),c}});function y(l,i,a,e,s,o){return t.openBlock(),t.createBlock(e.ElTag,t.mergeProps(e.safeAttrs,{class:["qy-tag",[`qy-tag--${a.tone}`,{"qy-tag--disabled":a.disabled}]],type:e.elementType,size:e.elementSize,effect:a.effect,closable:a.closable&&!a.disabled,round:a.round,onClick:e.handleClick,onClose:e.handleClose}),{default:t.withCtx(()=>[t.renderSlot(l.$slots,"default",{},void 0,!0)]),_:3},16,["class","type","size","effect","closable","round"])}const _=b._export_sfc(q,[["render",y],["__scopeId","data-v-e2cb31ac"],["__file","/home/runner/work/qy-component/qy-component/packages/ui/lib/qy-tag/index.vue"]]);exports.Tag=_;

package/dist/shared/{index-DNMRIYkm.mjs → index-4f74z6ej.mjs}

@@ -1,4 +1,4 @@
-import { I as o } from "./index-DvXzDAmi.mjs";
+import { I as o } from "./index-DYRxgeIB.mjs";
 import { w as t } from "./install-CxBnxbuN.mjs";
 const s = t(o, "QyIcon");
 export {

package/dist/shared/index-5gzkbh5i.mjs

@@ -0,0 +1,155 @@
+import { defineComponent as L, ref as I, onBeforeUnmount as N, computed as n, watch as x, openBlock as S, createElementBlock as C, normalizeStyle as F, normalizeClass as Q, createBlock as V, withCtx as m, renderSlot as f, createElementVNode as p, createVNode as y, createCommentVNode as j } from "vue";
+import { ElImage as O, ElIcon as U } from "element-plus";
+import { PictureFilled as A } from "@element-plus/icons-vue";
+import { n as b, r as D, o as R } from "./utils-DpZkMLkb.mjs";
+import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const H = /* @__PURE__ */ L({
+  name: "QyImage",
+  __name: "index",
+  props: {
+    src: { type: String, required: !1, default: "" },
+    alt: { type: String, required: !1, default: "" },
+    width: { type: [Number, String], required: !1 },
+    height: { type: [Number, String], required: !1 },
+    size: { type: Number, required: !1, default: 64 },
+    fit: { type: String, required: !1, default: "cover" },
+    placeholder: { type: Boolean, required: !1, default: !0 },
+    lazy: { type: Boolean, required: !1, default: !0 },
+    compressor: { type: [Boolean, Object], required: !1, default: !0 },
+    preview: { type: Boolean, required: !1, default: !1 },
+    previewList: { type: Array, required: !1, default: () => [] },
+    initialIndex: { type: Number, required: !1, default: 0 }
+  },
+  emits: ["load", "error", "fallback", "preview"],
+  setup(t, { expose: d, emit: s }) {
+    d();
+    const e = t, a = s, l = I(!1), c = I("");
+    let i = 0;
+    N(() => {
+      i += 1;
+    });
+    const u = n(() => b(e.src)), g = n(() => ({
+      width: e.width ?? e.size,
+      height: e.height ?? e.size
+    })), E = n(() => ({
+      width: v(g.value.width),
+      height: v(g.value.height)
+    })), z = n(() => e.placeholder || l.value), h = n(() => e.preview && !!u.value), _ = n(() => (e.previewList.length ? e.previewList : [e.src]).map((o) => b(o)).filter(Boolean));
+    x(
+      () => [e.src, e.compressor],
+      q,
+      {
+        immediate: !0,
+        deep: !0
+      }
+    );
+    async function q() {
+      const r = ++i;
+      if (c.value = "", l.value = !1, !!e.src)
+        try {
+          const o = await D(e.src, {
+            compressor: e.compressor
+          });
+          if (r !== i) return;
+          c.value = o.src, o.source === "fallback" && a("fallback", o.src);
+        } catch {
+          if (r !== i) return;
+          l.value = !1, c.value = u.value;
+        }
+    }
+    function k(r) {
+      a("load", r);
+    }
+    function P(r) {
+      l.value = !0, a("error", r);
+    }
+    function B() {
+      h.value && (R({
+        urlList: _.value,
+        initialIndex: e.initialIndex
+      }), a("preview", u.value));
+    }
+    function v(r) {
+      return typeof r == "number" ? `${r}px` : r;
+    }
+    const w = { props: e, emit: a, imageError: l, displaySrc: c, get requestId() {
+      return i;
+    }, set requestId(r) {
+      i = r;
+    }, normalizedSrc: u, imageSize: g, rootStyle: E, showPlaceholder: z, previewEnabled: h, previewUrls: _, loadImage: q, handleLoad: k, handleError: P, handlePreview: B, normalizeCssSize: v, get ElIcon() {
+      return U;
+    }, get ElImage() {
+      return O;
+    }, get PictureFilled() {
+      return A;
+    } };
+    return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
+  }
+}), J = { class: "qy-image__state qy-image__state--error" }, K = { class: "qy-image__state qy-image__state--empty" };
+function M(t, d, s, e, a, l) {
+  return S(), C(
+    "div",
+    {
+      class: Q(["qy-image", { "qy-image--previewable": e.previewEnabled }]),
+      style: F(e.rootStyle),
+      onClick: e.handlePreview
+    },
+    [
+      e.displaySrc && !e.imageError ? (S(), V(e.ElImage, {
+        key: 0,
+        class: "qy-image__inner",
+        src: e.displaySrc,
+        alt: s.alt,
+        fit: s.fit,
+        lazy: s.lazy,
+        onLoad: e.handleLoad,
+        onError: e.handleError
+      }, {
+        placeholder: m(() => [
+          f(t.$slots, "placeholder", {}, () => [
+            d[0] || (d[0] = p(
+              "div",
+              { class: "qy-image__state" },
+              [
+                p("span", { class: "qy-image__loading" })
+              ],
+              -1
+              /* CACHED */
+            ))
+          ], !0)
+        ]),
+        error: m(() => [
+          f(t.$slots, "error", {}, () => [
+            p("div", J, [
+              y(e.ElIcon, { size: 20 }, {
+                default: m(() => [
+                  y(e.PictureFilled)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ], !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["src", "alt", "fit", "lazy"])) : e.imageError && t.$slots.error ? f(t.$slots, "error", {}, void 0, !0, 1) : e.showPlaceholder ? f(t.$slots, "empty", {}, () => [
+        p("div", K, [
+          y(e.ElIcon, { size: 20 }, {
+            default: m(() => [
+              y(e.PictureFilled)
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ])
+      ], !0, 2) : j("v-if", !0)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const $ = /* @__PURE__ */ G(H, [["render", M], ["__scopeId", "data-v-ba6624fb"], ["__file", "/home/runner/work/qy-component/qy-component/packages/ui/lib/qy-image/index.vue"]]);
+export {
+  $ as I
+};