@qynpm/ui 1.0.47 → 1.1.0

package/dist/shared/index-DAU1WtID.mjs

@@ -1,361 +0,0 @@
-import { defineComponent as _, useAttrs as ee, ref as te, reactive as V, computed as P, watch as y, openBlock as g, createElementBlock as T, Fragment as B, createVNode as f, mergeProps as R, unref as u, withCtx as s, renderSlot as m, createBlock as b, createCommentVNode as S, renderList as ae, withKeys as re, withModifiers as oe, createTextVNode as ne, nextTick as le } from "vue";
-import { ElForm as ie, ElFormItem as C, ElTreeSelect as ce, ElSelect as ue, ElOption as se, ElInput as de, ElButton as ye } from "element-plus";
-import { C as fe } from "./index-CbSGTE1S.mjs";
-import { _ as ge } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const me = /* @__PURE__ */ _({
-  name: "QyLegacySelectionDialog",
-  inheritAttrs: !1,
-  __name: "index",
-  props: {
-    open: { type: Boolean, default: !0 },
-    title: { default: "选择数据" },
-    width: { default: "1200px" },
-    query: { type: Function, default: void 0 },
-    responseFormatter: { type: Function, default: void 0 },
-    selection: { default: "single" },
-    selected: { default: () => [] },
-    mainKey: { default: "" },
-    tagName: { default: "" },
-    searchKey: { default: "conditions" },
-    queryParams: { default: () => ({}) },
-    category: { type: [Array, Function, Boolean], default: !1 },
-    categoryFormatter: { type: [Function, Array], default: void 0 },
-    type: { type: [Array, Boolean], default: !1 },
-    typeSelectionProps: { default: () => ({}) },
-    tableProps: { default: () => ({}) },
-    append: { type: Boolean, default: !1 },
-    delete: { type: Boolean, default: !1 },
-    select: { default: null }
-  },
-  emits: ["close", "submit", "openDialog", "changeIndexShow"],
-  setup(i, { expose: x, emit: E }) {
-    const a = i, p = E, O = ee(), v = te(null), l = V({
-      category: [],
-      code: "",
-      ...a.searchKey ? { [a.searchKey]: "" } : {},
-      page: 1,
-      pageSize: 10,
-      type: "",
-      ...a.queryParams
-    }), o = V({
-      total: 0,
-      tableData: [],
-      open: !1,
-      selection: [],
-      categories: [],
-      types: [],
-      tableRef: null,
-      drag: !1,
-      dialogOpen: !1,
-      pasteData: "",
-      pasteDataDialog: !1
-    }), h = P(() => a.type || []), z = P(() => o.categories), I = async (e) => {
-      if (!a.query) return { data: { records: [], total: 0 } };
-      const t = await a.query(H(e)), r = a.responseFormatter ? await a.responseFormatter(t) : t;
-      return o.total = Y(r), r;
-    };
-    y(
-      () => a.open,
-      (e) => {
-        o.open = e;
-      },
-      { immediate: !0 }
-    ), y(
-      h,
-      (e) => {
-        o.types = [...e];
-      },
-      { immediate: !0, deep: !0 }
-    ), y(
-      [() => a.selected, () => a.open],
-      () => {
-        a.open && (o.selection = w(a.selected));
-      },
-      { immediate: !0, deep: !0 }
-    ), y(
-      () => a.queryParams,
-      () => {
-        Object.assign(l, a.queryParams);
-      },
-      { deep: !0 }
-    ), y(
-      () => o.pasteDataDialog,
-      (e) => {
-        e || (o.pasteData = "");
-      }
-    ), y(
-      () => a.select,
-      async () => {
-        a.select && await G(a.select);
-      },
-      { deep: !0 }
-    ), y(
-      () => a.open,
-      async (e) => {
-        e && (o.dialogOpen = !1, await $());
-      },
-      { immediate: !0 }
-    );
-    async function $() {
-      if (!a.category) {
-        o.categories = [];
-        return;
-      }
-      const e = typeof a.category == "function" ? await a.category() : a.category;
-      o.categories = W(e);
-    }
-    async function c() {
-      var e;
-      return await le(), (e = v.value) == null ? void 0 : e.handleQuerySearch();
-    }
-    function L(e) {
-      o.selection = w(e);
-    }
-    function N(e) {
-      var t;
-      o.tableData = e, o.tableRef = (t = v.value) == null ? void 0 : t.getTableRef();
-    }
-    function Q(e) {
-      o.selection = w(e), p("submit", o);
-    }
-    function U() {
-      p("close");
-    }
-    function M() {
-      o.dialogOpen = !0, p("openDialog");
-    }
-    function j(e) {
-      p("changeIndexShow", e);
-    }
-    async function G(e) {
-      if (!a.query || !a.searchKey || !a.mainKey) return;
-      const t = await a.query({
-        ...l,
-        [a.searchKey]: e[a.mainKey],
-        category: []
-      }), r = a.responseFormatter ? await a.responseFormatter(t) : t, [n] = D(r);
-      n && (a.selection === "multi" ? (o.selection = o.selection.filter(
-        (d) => d[a.mainKey] !== n[a.mainKey]
-      ), o.selection.push(n)) : o.selection = [n]);
-    }
-    function H(e = {}) {
-      l.page = e.page ?? l.page, l.pageSize = e.pageSize ?? l.pageSize;
-      const t = {
-        ...l,
-        category: J()
-      };
-      return a.searchKey && (t[a.searchKey] = String(t[a.searchKey] || "").trim()), t;
-    }
-    function J() {
-      if (a.queryParams.category)
-        return a.queryParams.category;
-      const e = l.category;
-      if (Array.isArray(e)) return e;
-      if (!e) return [];
-      const t = K(o.categories, e);
-      return t ? q(t) : [e];
-    }
-    function K(e, t) {
-      for (const r of e || []) {
-        if (r.value === t) return r;
-        const n = K(r.children || [], t);
-        if (n) return n;
-      }
-    }
-    function q(e) {
-      return [e.value, ...(e.children || []).flatMap(q)];
-    }
-    function W(e) {
-      const t = (e == null ? void 0 : e.data) ?? e;
-      if (!Array.isArray(t)) return [];
-      if (typeof a.categoryFormatter == "function")
-        return a.categoryFormatter(t);
-      if (Array.isArray(a.categoryFormatter)) {
-        const [r, n] = a.categoryFormatter;
-        return F(X(t, n), r, n);
-      }
-      return t;
-    }
-    function X(e, t) {
-      const r = e.map((d) => ({ ...d })), n = [];
-      return r.forEach((d) => {
-        const k = d.parentCateCode;
-        if (!k) {
-          n.push(d);
-          return;
-        }
-        const A = r.find((Z) => Z[t] === k);
-        A ? (A.children || (A.children = [])).push(d) : n.push(d);
-      }), n;
-    }
-    function F(e, t, r) {
-      return e.map((n) => ({
-        ...n,
-        label: n[t],
-        value: n[r],
-        children: Array.isArray(n.children) ? F(n.children, t, r) : n.children
-      }));
-    }
-    function D(e) {
-      if (Array.isArray(e)) return e;
-      const t = e == null ? void 0 : e.data;
-      return Array.isArray(t) ? t : (e == null ? void 0 : e.records) || (e == null ? void 0 : e.rows) || (t == null ? void 0 : t.records) || [];
-    }
-    function Y(e) {
-      if (Array.isArray(e)) return e.length;
-      const t = D(e), r = e == null ? void 0 : e.data;
-      return (e == null ? void 0 : e.total) ?? (Array.isArray(r) ? r.length : r == null ? void 0 : r.total) ?? t.length;
-    }
-    function w(e = []) {
-      return e.map((t) => ({ ...t }));
-    }
-    return x({
-      search: c,
-      handleSearch: c,
-      handleConditionChange: c,
-      getTableRef: () => o.tableRef,
-      getTableData: () => o.tableData,
-      getSelection: () => w(o.selection)
-    }), (e, t) => (g(), T(B, null, [
-      f(fe, R({
-        ref_key: "selectionDialogRef",
-        ref: v
-      }, u(O), {
-        modelValue: o.selection,
-        "onUpdate:modelValue": t[3] || (t[3] = (r) => o.selection = r),
-        open: i.open,
-        title: i.title,
-        width: i.width,
-        query: I,
-        "response-formatter": i.responseFormatter,
-        selection: i.selection,
-        "row-key": i.mainKey,
-        "label-key": i.tagName,
-        "search-key": i.searchKey,
-        "query-params": {},
-        "category-options": z.value,
-        "type-options": h.value,
-        "type-select-props": i.typeSelectionProps,
-        "table-props": i.tableProps,
-        "show-copy-paste": !0,
-        "show-append": i.append,
-        onSelectionChange: L,
-        onConfirm: Q,
-        onCancel: U,
-        onAppend: M,
-        onLoaded: N
-      }), {
-        side: s(() => [
-          m(e.$slots, "side", {
-            state: o,
-            cate: o.categories,
-            form: l,
-            query: l,
-            getData: c,
-            search: c,
-            changeIndexShow: j
-          }, void 0, !0)
-        ]),
-        search: s(() => [
-          f(u(ie), {
-            inline: "",
-            model: l
-          }, {
-            default: s(() => [
-              o.categories.length ? (g(), b(u(C), {
-                key: 0,
-                label: "分类"
-              }, {
-                default: s(() => [
-                  f(u(ce), {
-                    modelValue: l.category,
-                    "onUpdate:modelValue": t[0] || (t[0] = (r) => l.category = r),
-                    class: "qy-legacy-selection-dialog__category",
-                    data: o.categories,
-                    clearable: "",
-                    filterable: "",
-                    "check-strictly": "",
-                    "render-after-expand": !1,
-                    onChange: c
-                  }, null, 8, ["modelValue", "data"])
-                ]),
-                _: 1
-              })) : S("", !0),
-              h.value.length ? (g(), b(u(C), {
-                key: 1,
-                label: "类型"
-              }, {
-                default: s(() => [
-                  f(u(ue), R({
-                    modelValue: l.type,
-                    "onUpdate:modelValue": t[1] || (t[1] = (r) => l.type = r),
-                    clearable: ""
-                  }, i.typeSelectionProps, { onChange: c }), {
-                    default: s(() => [
-                      (g(!0), T(B, null, ae(h.value, (r) => (g(), b(u(se), {
-                        key: r.value,
-                        label: r.label,
-                        value: r.value
-                      }, null, 8, ["label", "value"]))), 128))
-                    ]),
-                    _: 1
-                  }, 16, ["modelValue"])
-                ]),
-                _: 1
-              })) : S("", !0),
-              i.searchKey ? (g(), b(u(C), {
-                key: 2,
-                label: "搜索"
-              }, {
-                default: s(() => [
-                  f(u(de), {
-                    modelValue: l[i.searchKey],
-                    "onUpdate:modelValue": t[2] || (t[2] = (r) => l[i.searchKey] = r),
-                    clearable: "",
-                    class: "qy-legacy-selection-dialog__search-input",
-                    onKeydown: re(oe(c, ["prevent"]), ["enter"])
-                  }, null, 8, ["modelValue", "onKeydown"])
-                ]),
-                _: 1
-              })) : S("", !0),
-              f(u(C), null, {
-                default: s(() => [
-                  f(u(ye), {
-                    type: "primary",
-                    onClick: c
-                  }, {
-                    default: s(() => [...t[4] || (t[4] = [
-                      ne("查询", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["model"])
-        ]),
-        toolbar: s(() => [
-          m(e.$slots, "bar", {
-            query: l,
-            search: c
-          }, void 0, !0)
-        ]),
-        columns: s(() => [
-          m(e.$slots, "cols", {}, void 0, !0),
-          m(e.$slots, "columns", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 16, ["modelValue", "open", "title", "width", "response-formatter", "selection", "row-key", "label-key", "search-key", "category-options", "type-options", "type-select-props", "table-props", "show-append"]),
-      m(e.$slots, "dialog", {
-        state: o,
-        form: l,
-        getData: c
-      }, void 0, !0)
-    ], 64));
-  }
-}), Ce = /* @__PURE__ */ ge(me, [["__scopeId", "data-v-5c8cd0de"]]);
-export {
-  Ce as C
-};

package/dist/shared/index-DCsun70c.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),c=require("element-plus"),L=require("./js.cookie-BmJmHEx1.cjs"),O=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");function x(r){const u=r==null?void 0:r.match(/(\[url\:(.*?)\])(.*)/);return u?{imageUrl:u[2],text:u[3]}:{imageUrl:"",text:r||""}}function q(r){const u=String(r||"").match(/(\[url\:.*?\])([\s\S]*)/);return u?u[2]:r}function w(r,u){return u?`[url:${u}]${r}`:r}const F={class:"qy-remark-image__field"},K={key:1,class:"qy-remark-image__divider"},M={class:"qy-remark-image__upload-anchor"},$={key:0,class:"icon-[line-md--loading-twotone-loop]",role:"img","aria-hidden":"true"},j={key:1,class:"icon-[ion--cloud-upload-outline]",role:"img","aria-hidden":"true"},W={key:2,class:"icon-[ph--images-thin]",role:"img","aria-hidden":"true"},H={class:"qy-remark-image__popover"},G=["src"],J={class:"qy-remark-image__popover-footer"},Q=e.defineComponent({__name:"index",props:{defaultValue:{default:""},defaultImage:{default:""},rows:{default:6},width:{default:""},autosize:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:void 0},placeholder:{default:"粘贴图片上传"},type:{default:"textarea"},layout:{default:"default"},selectValue:{type:[String,Number,Boolean],default:""},selectOptions:{default:()=>[]},selectDisabled:{type:Boolean,default:!1},api:{default:"/permission-api/common/uploads"},tokenKey:{default:"Admin-Token"},uploadName:{default:"files"},uploadRequest:{}},emits:["change","update:selectValue","select-change"],setup(r,{expose:u,emit:N}){const n=r,k=N,C=e.useAttrs(),d=c.useFormDisabled(),_=e.ref(null),m=e.ref(""),o=e.ref(""),p=e.ref(!1);let v=0,f;function g(){v++,f==null||f.abort(),f=void 0,p.value=!1}const h=e.computed(()=>n.layout==="select-prefix"),U=e.computed(()=>({"qy-remark-image--select-prefix":h.value})),R=e.computed(()=>h.value||n.type==="text"?"text":"textarea"),S=e.computed(()=>{if(n.width)return{width:typeof n.width=="number"?`${n.width}px`:n.width}});e.watch(()=>n.defaultValue,t=>{const a=x(t||""),l=a.imageUrl||n.defaultImage||"";(a.text!==m.value||l!==o.value)&&g(),m.value=a.text,o.value=l},{immediate:!0}),e.watch(()=>n.defaultImage,t=>{t!==void 0&&!x(n.defaultValue||"").imageUrl&&((t||"")!==o.value&&g(),o.value=t||"")},{immediate:!0}),e.onMounted(()=>{e.nextTick(z)}),e.onBeforeUnmount(()=>{g();const t=E();t&&t.removeEventListener("paste",b)});function E(){var t,a;return((t=_.value)==null?void 0:t.textarea)||((a=_.value)==null?void 0:a.input)||null}function z(){const t=E();t&&(t.removeEventListener("paste",b),t.addEventListener("paste",b))}function I(t){d.value||(m.value=q(t||""))}function D(t){d.value||n.selectDisabled||(k("update:selectValue",t),k("select-change",t))}function V(){d.value||(g(),o.value="",y())}function P(){g(),m.value="",o.value="",y()}async function b(t){var s;if(d.value||p.value)return;const l=Array.from(((s=t.clipboardData)==null?void 0:s.files)||[]).find(i=>i.type.startsWith("image/"));l&&(t.preventDefault(),await B({file:l,onError:()=>{},onProgress:()=>{},onSuccess:()=>{}}))}async function B(t){var l,s;if(d.value||p.value)return!1;if(t.file.size>51200*1e3)return c.ElMessage.error("图片过大"),!1;p.value=!0;const a=++v;f=n.uploadRequest?void 0:new AbortController;try{const i=await A(t,f==null?void 0:f.signal);return a!==v?!1:(o.value=T(i),y(),c.ElMessage.success("上传图片成功"),(l=t.onSuccess)==null||l.call(t,i),!0)}catch(i){return a!==v||((s=t.onError)==null||s.call(t,i),c.ElMessage.error("上传失败")),!1}finally{a===v&&(p.value=!1,f=void 0)}}async function A(t,a){const l=new FormData;if(l.append(n.uploadName,t.file),n.uploadRequest)return n.uploadRequest({file:t.file,formData:l,options:t,api:n.api,tokenKey:n.tokenKey});const s=L.api.get(n.tokenKey);return(await fetch(n.api,{method:"POST",signal:a,body:l,credentials:"include",headers:s?{Authorization:`Bearer ${s}`}:void 0})).json()}function T(t){var s,i;if(typeof t=="string")return t;const a=t,l=(a==null?void 0:a.urls)??((s=a==null?void 0:a.data)==null?void 0:s.urls)??((i=a==null?void 0:a.data)==null?void 0:i.url)??(a==null?void 0:a.url)??"";return Array.isArray(l)?l[0]||"":l||""}function y(){k("change",w(m.value||"",o.value||""),o.value||"")}return u({deleteImage:V,clearContent:P,getValue:()=>({text:m.value||"",imageUrl:o.value||"",value:w(m.value||"",o.value||"")})}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["qy-remark-image",U.value]),style:e.normalizeStyle(S.value)},[e.createElementVNode("div",F,[h.value?(e.openBlock(),e.createBlock(e.unref(c.ElSelect),{key:0,class:"qy-remark-image__prefix-select","model-value":r.selectValue,options:r.selectOptions,disabled:e.unref(d)||r.selectDisabled,size:"small","onUpdate:modelValue":D},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.selectOptions,l=>(e.openBlock(),e.createBlock(e.unref(c.ElOption),{key:String(l.value),label:l.label,value:l.value,disabled:l.disabled},null,8,["label","value","disabled"]))),128))]),_:1},8,["model-value","options","disabled"])):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("span",K)):e.createCommentVNode("",!0),e.createVNode(e.unref(c.ElInput),e.mergeProps({ref_key:"inputRef",ref:_,"model-value":m.value,type:R.value,rows:r.rows,autosize:r.autosize,disabled:e.unref(d),placeholder:r.placeholder},e.unref(C),{"onUpdate:modelValue":I,onBlur:y}),null,16,["model-value","type","rows","autosize","disabled","placeholder"]),e.createVNode(e.unref(c.ElPopover),{placement:"top-start",width:400,trigger:"hover",disabled:!o.value},{reference:e.withCtx(()=>[e.createElementVNode("div",M,[e.createVNode(e.unref(c.ElUpload),{disabled:p.value||e.unref(d),class:"qy-remark-image__upload","show-file-list":!1,"http-request":B},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createElementBlock("span",$)):o.value?(e.openBlock(),e.createElementBlock("span",W)):(e.openBlock(),e.createElementBlock("span",j))]),_:1},8,["disabled"])])]),default:e.withCtx(()=>[e.createElementVNode("div",H,[e.createElementVNode("img",{src:o.value,class:"qy-remark-image__preview-img"},null,8,G),e.createElementVNode("div",J,[a[1]||(a[1]=e.createElementVNode("span",{class:"qy-remark-image__popover-tip"},"再次点击按钮可更换图片",-1)),e.createVNode(e.unref(c.ElButton),{link:"",size:"small",type:"danger",disabled:e.unref(d),onClick:V},{default:e.withCtx(()=>[...a[0]||(a[0]=[e.createTextVNode(" 删除图片 ",-1)])]),_:1},8,["disabled"])])])]),_:1},8,["disabled"])])],6))}}),X=O._export_sfc(Q,[["__scopeId","data-v-50037758"]]);exports.Component=X;exports.formatRemarkText=q;exports.parseRemarkText=x;exports.parseRemarkWithImage=w;

package/dist/shared/index-DEzFHeJL.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),x=require("./index-BqzKToOL.cjs"),V=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),w=["tabindex","aria-disabled","onClick","onKeydown"],C={class:"qy-file-picker__label"},D={key:0,class:"qy-file-picker__hint"},F=["disabled"],q=e.defineComponent({name:"QyFilePicker",__name:"index",props:{modelValue:{default:null},extensions:{default:()=>[]},maxSizeMb:{default:20},disabled:{type:Boolean,default:!1},drag:{type:Boolean,default:!0},placeholder:{default:"请选择文件"}},emits:["update:modelValue","change","clear","invalid"],setup(l,{expose:b,emit:h}){const a=l,t=h,n=e.ref(null),d=e.ref(!1),v=e.computed(()=>a.modelValue?[a.modelValue]:[]);let o=!1;function p(){var i;a.disabled||(i=n.value)==null||i.openFileDialog()}function c(){var i;o=!0,(i=n.value)==null||i.clearFiles(),o=!1,t("update:modelValue",null),t("change",null),t("clear")}function g(){a.disabled||c()}function u(){!a.disabled&&a.drag&&(d.value=!0)}function f(){d.value=!1}function k(i){if(o)return;const s=i[0]??null;t("update:modelValue",s),t("change",s)}function y(i){t("invalid",i)}return b({openFileDialog:p,clear:c}),(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["qy-file-picker",{"is-disabled":l.disabled,"is-dragover":d.value}])},[e.createVNode(x.Upload,{ref_key:"uploadRef",ref:n,variant:"file-list","auto-upload":!1,"selected-files":v.value,"file-type":l.extensions,"file-size":l.maxSizeMb,disabled:l.disabled,"disable-drag":!l.drag,multiple:!1,limit:1,"show-text":!1,"show-paste-input":!1,"onUpdate:selectedFiles":k,onInvalid:y},{trigger:e.withCtx(({open:r})=>{var m;return[e.createElementVNode("div",{class:e.normalizeClass(["qy-file-picker__dropzone",{"is-click-only":!l.drag}]),role:"button",tabindex:l.disabled?-1:0,"aria-disabled":l.disabled?"true":void 0,onClick:r,onKeydown:[e.withKeys(e.withModifiers(r,["prevent"]),["enter"]),e.withKeys(e.withModifiers(r,["prevent"]),["space"])],onDragenter:e.withModifiers(u,["prevent"]),onDragover:e.withModifiers(u,["prevent"]),onDragleave:e.withModifiers(f,["prevent"]),onDrop:f},[e.createElementVNode("span",C,e.toDisplayString(((m=l.modelValue)==null?void 0:m.name)||l.placeholder),1),l.drag?(e.openBlock(),e.createElementBlock("span",D," 点击选择或拖拽单个文件到此处 ")):e.createCommentVNode("",!0)],42,w)]}),_:1},8,["selected-files","file-type","file-size","disabled","disable-drag"]),l.modelValue?(e.openBlock(),e.createElementBlock("button",{key:0,class:"qy-file-picker__clear",type:"button",disabled:l.disabled,onClick:e.withModifiers(g,["stop"])}," 清空 ",8,F)):e.createCommentVNode("",!0)],2))}}),B=V._export_sfc(q,[["__scopeId","data-v-5dba995b"]]);exports.FilePicker=B;

package/dist/shared/index-DY2IXvwl.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),d=require("element-plus"),v=require("@element-plus/icons-vue"),c=require("./utils-DpkN3Zat.cjs"),S=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),E={class:"qy-image__state qy-image__state--error"},V={class:"qy-image__state qy-image__state--empty"},B=e.defineComponent({name:"QyImage",__name:"index",props:{src:{default:""},alt:{default:""},width:{},height:{},size:{default:64},fit:{default:"cover"},placeholder:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},compressor:{type:[Boolean,Object],default:!0},preview:{type:Boolean,default:!1},previewList:{default:()=>[]},initialIndex:{default:0}},emits:["load","error","fallback","preview"],setup(i,{emit:h}){const r=i,s=h,l=e.ref(!1),o=e.ref("");let n=0;e.onBeforeUnmount(()=>{n+=1});const u=e.computed(()=>c.normalizeImageSrc(r.src)),m=e.computed(()=>({width:r.width??r.size,height:r.height??r.size})),y=e.computed(()=>({width:p(m.value.width),height:p(m.value.height)})),g=e.computed(()=>r.placeholder||l.value),f=e.computed(()=>r.preview&&!!u.value),w=e.computed(()=>(r.previewList.length?r.previewList:[r.src]).map(a=>c.normalizeImageSrc(a)).filter(Boolean));e.watch(()=>[r.src,r.compressor],_,{immediate:!0,deep:!0});async function _(){const t=++n;if(o.value="",l.value=!1,!!r.src)try{const a=await c.resolveQyImageDisplaySrc(r.src,{compressor:r.compressor});if(t!==n)return;o.value=a.src,a.source==="fallback"&&s("fallback",a.src)}catch{if(t!==n)return;l.value=!1,o.value=u.value}}function z(t){s("load",t)}function I(t){l.value=!0,s("error",t)}function q(){f.value&&(c.openQyImagePreview({urlList:w.value,initialIndex:r.initialIndex}),s("preview",u.value))}function p(t){return typeof t=="number"?`${t}px`:t}return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["qy-image",{"qy-image--previewable":f.value}]),style:e.normalizeStyle(y.value),onClick:q},[o.value&&!l.value?(e.openBlock(),e.createBlock(e.unref(d.ElImage),{key:0,class:"qy-image__inner",src:o.value,alt:i.alt,fit:i.fit,lazy:i.lazy,onLoad:z,onError:I},{placeholder:e.withCtx(()=>[e.renderSlot(t.$slots,"placeholder",{},()=>[a[0]||(a[0]=e.createElementVNode("div",{class:"qy-image__state"},[e.createElementVNode("span",{class:"qy-image__loading"})],-1))],!0)]),error:e.withCtx(()=>[e.renderSlot(t.$slots,"error",{},()=>[e.createElementVNode("div",E,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0)]),_:3},8,["src","alt","fit","lazy"])):l.value&&t.$slots.error?e.renderSlot(t.$slots,"error",{},void 0,!0,1):g.value?e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("div",V,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0,2):e.createCommentVNode("",!0)],6))}}),k=S._export_sfc(B,[["__scopeId","data-v-7efa59d9"]]);exports.Image=k;