@qynpm/ui 0.0.2 → 1.0.2

package/README.md

@@ -1,6 +1,6 @@
 # @qynpm/ui
 
-起印体系内抽离出来的 Vue 3 UI 组件包，当前主要包含上传组件和弹窗组件。
+起印体系内抽离出来的 Vue 3 UI 组件包，当前主要包含基础输入组件、选择器组件、区块容器、底部操作栏，以及上传、弹窗、备注图文等通用能力。
 
 ## 安装
 
@@ -32,12 +32,36 @@ app.use(QyUI)
 也可以按需引入：
 
 ```ts
-import { Upload, QyDialog } from '@qynpm/ui'
+import {
+  QyUpload,
+  QyDialog,
+  QyRemarkImage,
+  QyInput,
+  QySelect,
+  QyFormSection,
+  QyActionBar,
+  QySearchInput,
+  QyRecordQuoteSearch
+} from '@qynpm/ui'
+```
+
+也可以按需引入单个组件入口：
+
+```ts
+import QyInput from '@qynpm/ui/qy-input'
+import QySelect from '@qynpm/ui/qy-select'
+import QyFormSection from '@qynpm/ui/qy-form-section'
+import QyActionBar from '@qynpm/ui/qy-action-bar'
+import QySearchInput from '@qynpm/ui/qy-search-input'
+import QyRecordQuoteSearch from '@qynpm/ui/qy-record-quote-search'
+import QyDialog from '@qynpm/ui/qy-dialog'
+import QyUpload from '@qynpm/ui/qy-upload'
+import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 ```
 
 ## 组件说明
 
-### `Upload`
+### `QyUpload`
 
 上传组件，支持：
 
@@ -70,6 +94,74 @@ import { Upload, QyDialog } from '@qynpm/ui'
 - 自定义 footer
 - 移动端自动全屏
 
+### `QyInput`
+
+输入组件，第一版定位为 `ElInput` 的轻量包装层，重点支持：
+
+- 保持和 `ElInput` 接近的使用方式
+- `removeSpace`
+- `trimMode`
+- `enter`
+- `textarea`
+- 兼容常见 slots 与 expose 方法
+
+### `QySelect`
+
+选择器组件，第一版定位为 `ElSelect` 的轻量包装层，重点支持：
+
+- `options` 直出
+- `labelKey / valueKey / disabledKey` 映射
+- 单选 / 多选
+- `collapse-tags`
+- 默认弹层挂载策略
+- 保留原生 slot 扩展
+
+### `QyFormSection`
+
+区块容器组件，适合录单页面的表单区块外壳，重点支持：
+
+- 标题
+- 描述
+- 操作区 slot
+- 提示区
+- 简单折叠
+- 统一边框、背景和间距
+
+### `QyActionBar`
+
+底部操作栏组件，适合录单页面底部按钮区，重点支持：
+
+- sticky 吸底
+- 左右分区
+- 窄屏换行
+- 边框 / 阴影
+- 底部安全区适配
+
+### `QySearchInput`
+
+搜索输入组件，支持：
+
+- 基于 `ElAutocomplete` 的等价封装
+- 搜索按钮
+- 回车搜索
+- 本地建议项
+- 远程建议项
+- 兼容 `fetch-suggestions(queryString, cb)` 回调风格
+- 高亮匹配词
+- 默认使用 Element Plus 弹层挂载策略，避免被父级裁剪
+- 平铺项和分组项两种建议结构
+
+### `QyRecordQuoteSearch`
+
+录单报价单号搜索组件，支持：
+
+- 报价单号输入
+- 报价单号提取与规范化
+- 搜索触发
+- 建议项选择
+- 局部状态提示
+- `loading-change / success / error` 事件
+
 ## 样式说明
 
 - 包内样式会跟随构建产物一起注入
@@ -78,11 +170,11 @@ import { Upload, QyDialog } from '@qynpm/ui'
 
 ## 使用示例
 
-### Upload
+### QyUpload
 
 ```vue
 <template>
-  <Upload
+  <QyUpload
     api="/permission-api/common/uploads"
     token-key="Admin-Token"
     @change="handleChange"
@@ -94,9 +186,86 @@ import { Upload, QyDialog } from '@qynpm/ui'
 
 ```vue
 <template>
-  <QyDialog title="标题" @confirm="handleConfirm">
-    内容区域
-  </QyDialog>
+<QyDialog title="标题" @confirm="handleConfirm">
+  内容区域
+</QyDialog>
+</template>
+```
+
+### QyInput
+
+```vue
+<template>
+  <QyInput
+    v-model="quoteOrderCode"
+    remove-space
+    trim-mode="blur"
+    placeholder="填写报价单,回车搜索"
+    @enter="handleSearch"
+  />
+</template>
+```
+
+### QySelect
+
+```vue
+<template>
+  <QySelect
+    v-model="shopCode"
+    :options="shopOptions"
+    placeholder="请选择店铺"
+  />
+</template>
+```
+
+### QyFormSection
+
+```vue
+<template>
+  <QyFormSection title="订单信息" description="这里放订单表单区块">
+    <el-form>...</el-form>
+  </QyFormSection>
+</template>
+```
+
+### QyActionBar
+
+```vue
+<template>
+  <QyActionBar>
+    <template #left>
+      <el-button plain>开票</el-button>
+    </template>
+    <template #right>
+      <el-button>保存</el-button>
+      <el-button type="primary">提交</el-button>
+    </template>
+  </QyActionBar>
+</template>
+```
+
+### QySearchInput
+
+```vue
+<template>
+  <QySearchInput
+    v-model="keyword"
+    :fetch-suggestions-method="querySearch"
+    @search="handleSearch"
+  />
+</template>
+```
+
+### QyRecordQuoteSearch
+
+```vue
+<template>
+  <QyRecordQuoteSearch
+    v-model="quoteOrderCode"
+    :fetch-suggestions="fetchQuoteSuggestions"
+    :search-method="handleQuoteSearch"
+    @search="handleSearch"
+  />
 </template>
 ```
 
@@ -104,6 +273,12 @@ import { Upload, QyDialog } from '@qynpm/ui'
 
 - 当前版本更适合体系内拆包复用
 - 上传默认值仍然保留了现有项目约定，后续如果完全独立对外，可以再继续抽离
+- `QyInput` 第一版优先兼容 `ElInput`，后续再逐步补统一输入规则
+- `QySelect` 第一版优先兼容 `ElSelect`，不内置远程字典或复杂请求能力
+- `QyFormSection` 只负责区块壳，不替代 `@qiyin/form` 的 schema / 校验能力
+- `QyActionBar` 只负责底部布局壳，不负责编排按钮业务逻辑
+- `QySearchInput` 第一版已经覆盖建议搜索场景，但仍然不承接页面级副作用
+- `QyRecordQuoteSearch` 只承接报价单搜索入口逻辑，不直接改整页录单状态
 
 ## 当前联调说明
 

package/dist/index-1ocyh-Ge.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./plugin-vue_export-helper-BHFhmbuH.js"),l={key:0,class:"qy-action-bar__left"},n={key:1,class:"qy-action-bar__center"},d={key:2,class:"qy-action-bar__right"},i=e.defineComponent({name:"QyActionBar",__name:"index",props:{sticky:{type:Boolean,default:!0},offsetBottom:{default:0},bordered:{type:Boolean,default:!0},shadow:{type:Boolean,default:!1},wrap:{type:Boolean,default:!0},justify:{default:"between"},background:{default:"#fff"}},setup(r){const o=r,s=e.computed(()=>({bottom:`${o.offsetBottom}px`,background:o.background}));return(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["qy-action-bar",[`is-justify-${t.justify}`,{"is-sticky":t.sticky,"is-bordered":t.bordered,"is-shadow":t.shadow,"is-wrap":t.wrap}]]),style:e.normalizeStyle(s.value)},[t.$slots.left?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"left",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.right?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(t.$slots,"right",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}}),c=a._export_sfc(i,[["__scopeId","data-v-86002d5a"]]);exports.QyActionBar=c;

package/dist/index-BYAIkGVF.js

@@ -0,0 +1 @@
+"use strict";const w=require("element-plus/es"),e=require("vue"),A=require("@element-plus/icons-vue"),v=require("element-plus"),oe=require("./js.cookie-XvHV2tha.js"),ie=require("./plugin-vue_export-helper-BHFhmbuH.js"),se="Admin-Token";function ne(p=se){return oe.api.get(p)}const re={class:"qy-upload__hint"},ue=["src"],de={key:1,class:"qy-upload__tip"},ce={class:"error"},pe={class:"error"},fe=Object.assign({name:"QyUpload"},{__name:"index",props:{defaultValue:{type:Object,default:()=>({files:"",text:""})},multiple:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},fileType:{type:Array,default:()=>[]},fileSize:{type:Number,default:10},limit:{type:Number,default:9},isShowTip:{type:Boolean,default:!1},api:{type:String,default:"/permission-api/common/uploads"},name:{type:String,default:"file"},tokenKey:{type:String,default:"Admin-Token"},supportVideo:{type:Boolean,default:!1},size:{type:String,default:"default"},disableDrag:{type:Boolean,default:!1},callBack:{type:Function,default:null},extraData:{type:Object,default:()=>({})}},emits:["change","success","error","remove"],setup(p,{expose:O,emit:I}){const s=p,g=I,k=e.ref(null),u=e.ref([]),T=e.ref(null),x=[],q=e.ref(!1),S=e.ref([]),E=e.ref(0),V=e.ref(!1),L=e.ref(""),M=e.ref(""),h=new Set,B=e.ref(!1),f=e.ref(""),U=e.ref(!1);e.onMounted(()=>{const l=s.defaultValue;if(!l)return;f.value=l.text??"";const t=l.files??"",o=Array.isArray(t)?t.filter(Boolean):String(t).split(",").filter(Boolean);o.length&&(u.value=o.map((a,i)=>({name:a.split("/").pop()||`file-${i}`,url:a,status:"success",uid:Date.now()+i})))});const P=e.computed(()=>({large:"160px",default:"140px",small:"80px"})[s.size]??s.size),H=e.computed(()=>s.disabled),K=e.computed(()=>{var l;return s.isShowTip&&(s.fileSize||((l=m.value)==null?void 0:l.length))}),m=e.computed(()=>{var l;return(l=s.fileType)!=null&&l.length?s.fileType.map(t=>t.toLowerCase()):s.supportVideo?["mp4","mov","avi"]:["jpg","jpeg","png","gif","webp"]}),N=e.computed(()=>{const l=s.supportVideo?1:s.limit;return u.value.length>=l}),Q=e.computed(()=>m.value.map(l=>`.${l}`).join(",")),W=e.computed(()=>({"qy-upload--reached-limit":N.value,"qy-upload--disabled":s.disabled,"qy-upload--video":s.supportVideo}));e.watch(f,()=>b());function X(){var l;(l=T.value)==null||l.focus()}function b(l){const a={files:(l??u.value).filter(i=>i.status==="success"&&i.url).map(i=>i.url),text:f.value};g("change",a),s.callBack&&s.callBack(a)}function J(l,t){b(t)}function G(l){var a;if(!(l.size/1024/1024<s.fileSize))return v.ElMessage.warning(`文件大小不能超过${s.fileSize}M`),!1;const o=((a=l.name.split(".").pop())==null?void 0:a.toLowerCase())||"";return m.value.includes(o)?!0:(v.ElMessage.warning(`格式不支持，仅允许: ${m.value.join("/")}`),!1)}function z(l,t,o,a){var $,F;const i=s.api.startsWith("http")?s.api:window.location.origin+s.api.replace(/^([^/])/,"/$1"),d=new FormData;d.append(s.name,l),s.extraData&&Object.entries(s.extraData).forEach(([r,ae])=>d.append(r,ae));const n=new XMLHttpRequest;x.push(n);const y=(($=k.value)==null?void 0:$.$el.querySelector(".el-upload--picture-card"))||((F=k.value)==null?void 0:F.$el),C=v.ElLoading.service({target:y,text:"上传中",background:"rgba(255,255,255,0.7)"}),c=()=>{const r=x.indexOf(n);r!==-1&&x.splice(r,1),C.close()};n.open("POST",i);const j=ne(s.tokenKey);j&&n.setRequestHeader("Authorization",`Bearer ${j}`),n.upload.onprogress=r=>{r.total>0&&(t==null||t({percent:r.loaded/r.total*100}))},n.onload=()=>{if(c(),n.status<200||n.status>=300){const r=`上传失败 (HTTP ${n.status})`;v.ElMessage.error(r),g("error",{msg:r,status:n.status}),a==null||a(new Error(r));return}try{const r=JSON.parse(n.responseText);r.code===200&&r.urls?(v.ElMessage.success("上传成功"),o==null||o({...r,url:r.urls})):(v.ElMessage.error(r.msg||"上传失败"),g("error",r),a==null||a(r))}catch{v.ElMessage.error("上传失败，响应格式错误"),g("error",new Error("Response parse error")),a==null||a(new Error("Response parse error"))}},n.onerror=()=>{c(),v.ElMessage.error("上传失败，网络异常"),g("error",new Error("Network error")),a==null||a(new Error("Network error"))},n.send(d)}function R(l){return s.disabled?!1:G(l)}function Y(l){z(l.file,l.onProgress,t=>{l.onSuccess(t),b(),g("success",t)},t=>l.onError(t))}function Z(l){var a;if(!l.url)return;const t=((a=l.url.split(".").pop())==null?void 0:a.toLowerCase())||"";if(["mp4","mov","avi","webm"].includes(t)){L.value=l.url,M.value=l.name||"视频预览",V.value=!0;return}const o=u.value.filter(i=>{var d;return i.status==="success"&&i.url&&!["mp4","mov","avi","webm"].includes((d=i.url.split(".").pop())==null?void 0:d.toLowerCase())});S.value=o.map(i=>i.url),E.value=o.findIndex(i=>i.uid===l.uid)||0,q.value=!0}function ee(){q.value=!1,S.value=[]}function _(l){for(let t=0;t<l.length;t++){const o=l[t];if(!R(o))continue;const a=Date.now()+t,i=URL.createObjectURL(o);h.add(i),u.value.push({uid:a,name:o.name||`file-${a}`,status:"uploading",percentage:0,url:i}),z(o,d=>{const n=u.value.find(y=>y.uid===a);n&&(n.percentage=d.percent)},d=>{const n=u.value.find(y=>y.uid===a);n&&(n.status="success",n.url=d.url,b(),g("success",d))},()=>le(a))}}function D(l){var a;if(s.disabled)return;const t=(a=l.clipboardData)==null?void 0:a.items;if(!t)return;const o=[];for(let i=0;i<t.length;i++){const d=t[i];if(d.kind==="file"&&d.type.startsWith("image/")){const n=d.getAsFile();n&&o.push(n)}}o.length&&(l.preventDefault(),_(o))}function te(l){var o;if(B.value=!1,s.disabled||N.value)return;const t=Array.from(((o=l.dataTransfer)==null?void 0:o.files)||[]).filter(a=>{var i;return m.value.includes((i=a.name.split(".").pop())==null?void 0:i.toLowerCase())});t.length&&_(t)}function le(l){var o;const t=u.value.findIndex(a=>a.uid===l);t!==-1&&((o=u.value[t].url)!=null&&o.startsWith("blob:")&&(URL.revokeObjectURL(u.value[t].url),h.delete(u.value[t].url)),u.value.splice(t,1))}return e.onBeforeUnmount(()=>{x.forEach(l=>l.abort()),x.length=0,h.forEach(l=>URL.revokeObjectURL(l)),h.clear()}),O({openFileDialog:()=>{var l,t;s.disabled||N.value||(t=(l=k.value)==null?void 0:l.$el.querySelector('input[type="file"]'))==null||t.click()},getPathList:()=>u.value.filter(l=>l.status==="success").map(l=>l.url),clearFiles:()=>{u.value=[],f.value="",b()},getValue:()=>({files:u.value.filter(l=>l.status==="success"&&l.url).map(l=>l.url),text:f.value})}),(l,t)=>{var C;const o=w.ElIcon,a=w.ElInput,i=w.ElPopover,d=w.ElUpload,n=w.ElImageViewer,y=w.ElDialog;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["qy-upload",W.value]),style:e.normalizeStyle({"--qy-upload-size":P.value})},[e.createVNode(d,{ref_key:"uploadRef",ref:k,"file-list":u.value,"onUpdate:fileList":t[6]||(t[6]=c=>u.value=c),action:"#",multiple:p.supportVideo?!1:p.multiple,limit:p.supportVideo?1:p.limit,"list-type":p.supportVideo?"text":"picture-card",accept:Q.value,disabled:H.value,"http-request":Y,"before-upload":R,"on-preview":Z,"on-remove":J},{default:e.withCtx(()=>[N.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["qy-upload__trigger",{"is-dragover":B.value}]),onPaste:D,onDragover:t[4]||(t[4]=e.withModifiers(c=>B.value=!0,["prevent"])),onDragleave:t[5]||(t[5]=e.withModifiers(c=>B.value=!1,["prevent"])),onDrop:e.withModifiers(te,["prevent"])},[e.createVNode(o,{class:"qy-upload__icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(A.Plus))]),_:1}),p.supportVideo?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[9]||(t[9]=e.createElementVNode("span",{class:"qy-upload__label"},"点击上传视频",-1)),e.createElementVNode("span",re,"支持 "+e.toDisplayString(m.value.join(" / "))+"，不超过 "+e.toDisplayString(p.fileSize)+"MB",1)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"qy-upload__text",onClick:t[3]||(t[3]=e.withModifiers(()=>{},["stop"])),onPaste:e.withModifiers(D,["stop"])},[e.createVNode(i,{visible:U.value,"onUpdate:visible":t[2]||(t[2]=c=>U.value=c),placement:"bottom-start",width:220,trigger:"click","popper-class":"qy-upload__text-popover",onAfterEnter:X},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["qy-upload__text-preview",{"is-placeholder":!f.value}])},e.toDisplayString(f.value||"输入文字"),3)]),default:e.withCtx(()=>[e.createVNode(a,{ref_key:"inputRef",ref:T,modelValue:f.value,"onUpdate:modelValue":t[0]||(t[0]=c=>f.value=c),type:"textarea",autosize:{minRows:2,maxRows:5},placeholder:"输入文字或粘贴图片",disabled:p.disabled,onBlur:t[1]||(t[1]=c=>U.value=!1),onPaste:e.withModifiers(D,["stop"])},null,8,["modelValue","disabled"])]),_:1},8,["visible"])],32)],34))]),_:1},8,["file-list","multiple","limit","list-type","accept","disabled"]),q.value?(e.openBlock(),e.createBlock(n,{key:0,"url-list":S.value,"initial-index":E.value,onClose:ee},null,8,["url-list","initial-index"])):e.createCommentVNode("",!0),e.createVNode(y,{modelValue:V.value,"onUpdate:modelValue":t[7]||(t[7]=c=>V.value=c),title:M.value,width:"640px","append-to-body":"","destroy-on-close":"",onClose:t[8]||(t[8]=c=>V.value=!1)},{default:e.withCtx(()=>[V.value?(e.openBlock(),e.createElementBlock("video",{key:0,src:L.value,controls:"",autoplay:"",style:{width:"100%","max-height":"400px","border-radius":"4px"}},null,8,ue)):e.createCommentVNode("",!0)]),_:1},8,["modelValue","title"]),K.value?(e.openBlock(),e.createElementBlock("div",de,[e.createVNode(o,null,{default:e.withCtx(()=>[e.createVNode(e.unref(A.InfoFilled))]),_:1}),e.createElementVNode("span",null,[t[12]||(t[12]=e.createTextVNode(" 请上传 ",-1)),p.fileSize?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[10]||(t[10]=e.createTextVNode("大小不超过 ",-1)),e.createElementVNode("b",ce,e.toDisplayString(p.fileSize)+"MB",1)],64)):e.createCommentVNode("",!0),(C=m.value)!=null&&C.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t[11]||(t[11]=e.createTextVNode("，格式为 ",-1)),e.createElementVNode("b",pe,e.toDisplayString(m.value.join("/")),1)],64)):e.createCommentVNode("",!0),t[13]||(t[13]=e.createTextVNode(" 的文件。 ",-1))])])):e.createCommentVNode("",!0)],6)}}}),me=ie._export_sfc(fe,[["__scopeId","data-v-c1472320"]]);exports.QyUpload=me;

package/dist/index-BaU5rDMh.js

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),w=require("element-plus"),X=require("./plugin-vue_export-helper-BHFhmbuH.js"),Y={class:"qy-search-input__item"},Z=["innerHTML"],ee={key:0,class:"qy-search-input__item-description"},te=n.defineComponent({name:"QySearchInput",inheritAttrs:!1,__name:"index",props:{modelValue:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:"请输入搜索内容"},removeSpace:{type:Boolean,default:!1},trimMode:{default:"none"},clearable:{type:Boolean,default:!0},buttonText:{default:"搜索"},buttonProps:{default:()=>({})},suggestions:{default:()=>[]},fetchSuggestions:{type:[Function,null],default:null},fetchSuggestionsMethod:{type:[Function,null],default:null},debounce:{default:300},minLength:{default:1},triggerOnFocus:{type:Boolean,default:!1},searchOnEnter:{type:Boolean,default:!0},searchOnSelect:{type:Boolean,default:!1},highlightKeyword:{type:Boolean,default:!0},teleported:{type:Boolean,default:!0},appendTo:{default:"body"},popperClass:{default:""},fitInputWidth:{type:Boolean,default:!0}},emits:["update:modelValue","search","clear","input","change","focus","blur","enter","select","visible-change","suggestions-change","error"],setup(B,{expose:k,emit:C}){const o=B,a=C,$=n.useAttrs(),s=n.ref(null),c=n.ref(u(o.modelValue)),p=n.computed(()=>u(o.modelValue)),E=n.computed(()=>["qy-search-input__popper",o.popperClass].filter(Boolean).join(" ")),F=n.computed(()=>u(o.modelValue)),f=n.ref("");n.watch(()=>o.modelValue,e=>{c.value=u(e)});function u(e){return e==null?"":String(e)}function I(e){return o.removeSpace?e.replace(/\s+/g,""):e}function y(e,t){return o.trimMode!==t?e:e.trim()}function g(e){return I(u(e))}function h(e){c.value=e,a("update:modelValue",e)}function v(e,t=""){return{...e,label:e.label||e.value,value:e.value||e.label,description:e.description||t}}function m(e=[]){return e.flatMap(t=>{if(Array.isArray(t.items)){const l=t;return l.items.map(r=>v(r,l.groupLabel))}return v(t)})}function M(e){const t=e.toLowerCase();return l=>[l.label,l.value,l.description].filter(Boolean).some(r=>String(r).toLowerCase().includes(t))}function L(e){return e?e.length>=o.minLength:o.triggerOnFocus}function i(e){a("suggestions-change",e),a("visible-change",e.length>0)}async function T(e){if(!L(e))return i([]),[];if(o.fetchSuggestionsMethod){const r=await new Promise(d=>{var S;(S=o.fetchSuggestionsMethod)==null||S.call(o,e,J=>{d(m(J))})});return i(r),r}if(o.fetchSuggestions){const r=await o.fetchSuggestions(e),d=m(Array.isArray(r)?r:[]);return i(d),d}const t=m(o.suggestions),l=e?t.filter(M(e)):t;return i(l),l}async function P(e,t){f.value=e;try{const l=await T(e);t(l)}catch(l){a("error",l),i([]),t([])}}function _(){var e,t;f.value&&((t=(e=s.value)==null?void 0:e.getData)==null||t.call(e,f.value))}function A(e){const t=g(e);h(t)}function O(e){const t=g(e);c.value=t,a("input",t)}function z(e){const t=y(g(e),"change");t!==u(o.modelValue)&&h(t),a("change",t)}function q(e){a("focus",e)}function x(e){const t=y(c.value,"blur");t!==u(o.modelValue)&&h(t),a("blur",e),a("visible-change",!1)}function D(){c.value="",a("update:modelValue",""),a("clear"),i([])}function H(e){a("enter",e),o.searchOnEnter&&b()}function b(){a("search",u(o.modelValue))}function K(e){a("select",e),o.searchOnSelect&&a("search",e.value)}function V(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function N(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Q(e){const t=V(e||"");if(!o.highlightKeyword||!p.value)return t;const l=N(V(p.value));return l?t.replace(new RegExp(`(${l})`,"ig"),'<mark class="qy-search-input__mark">$1</mark>'):t}function R(){var e,t;(t=(e=s.value)==null?void 0:e.focus)==null||t.call(e)}function U(){var e,t;(t=(e=s.value)==null?void 0:e.blur)==null||t.call(e)}function W(){var e,t,l;(l=(t=(e=s.value)==null?void 0:e.inputRef)==null?void 0:t.select)==null||l.call(t)}function j(){var e,t;(t=(e=s.value)==null?void 0:e.clear)==null||t.call(e)}function G(){var e,t;(t=(e=s.value)==null?void 0:e.close)==null||t.call(e)}return k({focus:R,blur:U,select:W,clear:j,closePanel:G,retryFetch:_}),(e,t)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["qy-search-input",{"is-disabled":e.disabled}])},[n.createVNode(n.unref(w.ElAutocomplete),n.mergeProps({ref_key:"autocompleteRef",ref:s},n.unref($),{"model-value":F.value,disabled:e.disabled,placeholder:e.placeholder,clearable:e.clearable,debounce:e.debounce,"fetch-suggestions":P,"trigger-on-focus":e.triggerOnFocus,teleported:e.teleported,"fit-input-width":e.fitInputWidth,"popper-class":E.value,"append-to":e.appendTo,"value-key":"value","onUpdate:modelValue":A,onInput:O,onChange:z,onFocus:q,onBlur:x,onClear:D,onSelect:K,onKeydown:n.withKeys(H,["enter"])}),n.createSlots({append:n.withCtx(()=>[e.$slots.append?n.renderSlot(e.$slots,"append",{key:0},void 0,!0):(n.openBlock(),n.createBlock(n.unref(w.ElButton),n.mergeProps({key:1},e.buttonProps,{loading:e.loading,disabled:e.disabled,onClick:b}),{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.buttonText),1)]),_:1},16,["loading","disabled"]))]),default:n.withCtx(({item:l})=>[n.renderSlot(e.$slots,"item",{item:l,keyword:p.value},()=>[n.createElementVNode("div",Y,[n.createElementVNode("div",{class:"qy-search-input__item-label",innerHTML:Q(l.label||l.value||"")},null,8,Z),l.description?(n.openBlock(),n.createElementBlock("div",ee,n.toDisplayString(l.description),1)):n.createCommentVNode("",!0)])],!0)]),_:2},[e.$slots.prefix?{name:"prefix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"prefix",{},void 0,!0)]),key:"0"}:void 0,e.$slots.suffix?{name:"suffix",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"suffix",{},void 0,!0)]),key:"1"}:void 0,e.$slots.prepend?{name:"prepend",fn:n.withCtx(()=>[n.renderSlot(e.$slots,"prepend",{},void 0,!0)]),key:"2"}:void 0]),1040,["model-value","disabled","placeholder","clearable","debounce","trigger-on-focus","teleported","fit-input-width","popper-class","append-to"])],2))}}),ne=X._export_sfc(te,[["__scopeId","data-v-47c6430a"]]);exports.QySearchInput=ne;

package/dist/index-BddPsC3s.mjs

@@ -0,0 +1,384 @@
+import { ElUpload as me, ElIcon as ye, ElPopover as ge, ElInput as be, ElImageViewer as xe, ElDialog as we } from "element-plus/es";
+import { ref as c, onMounted as he, computed as x, watch as ke, onBeforeUnmount as Ve, createElementBlock as w, openBlock as m, normalizeStyle as Ue, normalizeClass as I, createVNode as y, createBlock as Be, createCommentVNode as h, withCtx as U, withModifiers as B, createElementVNode as k, unref as Y, Fragment as M, toDisplayString as R, createTextVNode as $ } from "vue";
+import { Plus as Le, InfoFilled as Se } from "@element-plus/icons-vue";
+import { ElMessage as V, ElLoading as De } from "element-plus";
+import { a as Re } from "./js.cookie-tagl12-O.mjs";
+import { _ as Te } from "./plugin-vue_export-helper-CHgC5LLL.mjs";
+const qe = "Admin-Token";
+function ze(p = qe) {
+  return Re.get(p);
+}
+const _e = { class: "qy-upload__hint" }, je = ["src"], $e = {
+  key: 1,
+  class: "qy-upload__tip"
+}, Ce = { class: "error" }, Ae = { class: "error" }, Fe = Object.assign({
+  name: "QyUpload"
+}, {
+  __name: "index",
+  props: {
+    /**
+     * 初始值，结构为 { files: '逗号分隔的URL', text: '文字内容' }
+     * 非受控模式，仅初始化时读取一次
+     */
+    defaultValue: { type: Object, default: () => ({ files: "", text: "" }) },
+    /** 是否多选 */
+    multiple: { type: Boolean, default: !0 },
+    /** 是否禁用 */
+    disabled: { type: Boolean, default: !1 },
+    /** 允许的文件类型后缀（如 ['jpg', 'mp4']） */
+    fileType: { type: Array, default: () => [] },
+    /** 单个文件大小限制（MB） */
+    fileSize: { type: Number, default: 10 },
+    /** 文件数量限制 */
+    limit: { type: Number, default: 9 },
+    /** 是否显示格式/大小提示 */
+    isShowTip: { type: Boolean, default: !1 },
+    /** 接口路径 */
+    api: { type: String, default: "/permission-api/common/uploads" },
+    /** FormData 中文件字段名 */
+    name: { type: String, default: "file" },
+    tokenKey: { type: String, default: "Admin-Token" },
+    /** 是否支持视频模式（强制 limit=1） */
+    supportVideo: { type: Boolean, default: !1 },
+    /**
+     * 卡片尺寸
+     * 预设：'large'(160px) | 'default'(140px) | 'small'(80px)
+     * 自定义：任意 CSS 单位，如 '60px'、'8vw'
+     */
+    size: { type: String, default: "default" },
+    /** 禁用拖拽（默认在触发区开启） */
+    disableDrag: { type: Boolean, default: !1 },
+    /** 成功回调（用于复杂业务联动） */
+    callBack: { type: Function, default: null },
+    /** 上传时附加的额外 FormData 字段 */
+    extraData: { type: Object, default: () => ({}) }
+  },
+  emits: ["change", "success", "error", "remove"],
+  setup(p, { expose: Z, emit: ee }) {
+    const o = p, g = ee, T = c(null), u = c([]), N = c(null), L = [], C = c(!1), A = c([]), P = c(0), S = c(!1), E = c(""), H = c(""), q = /* @__PURE__ */ new Set(), z = c(!1), f = c(""), F = c(!1);
+    he(() => {
+      const t = o.defaultValue;
+      if (!t) return;
+      f.value = t.text ?? "";
+      const e = t.files ?? "", a = Array.isArray(e) ? e.filter(Boolean) : String(e).split(",").filter(Boolean);
+      a.length && (u.value = a.map((l, i) => ({
+        name: l.split("/").pop() || `file-${i}`,
+        url: l,
+        status: "success",
+        uid: Date.now() + i
+      })));
+    });
+    const te = x(() => ({ large: "160px", default: "140px", small: "80px" })[o.size] ?? o.size), le = x(() => o.disabled), ae = x(
+      () => {
+        var t;
+        return o.isShowTip && (o.fileSize || ((t = v.value) == null ? void 0 : t.length));
+      }
+    ), v = x(() => {
+      var t;
+      return (t = o.fileType) != null && t.length ? o.fileType.map((e) => e.toLowerCase()) : o.supportVideo ? ["mp4", "mov", "avi"] : ["jpg", "jpeg", "png", "gif", "webp"];
+    }), _ = x(() => {
+      const t = o.supportVideo ? 1 : o.limit;
+      return u.value.length >= t;
+    }), ie = x(
+      () => v.value.map((t) => `.${t}`).join(",")
+    ), oe = x(() => ({
+      "qy-upload--reached-limit": _.value,
+      "qy-upload--disabled": o.disabled,
+      "qy-upload--video": o.supportVideo
+    }));
+    ke(f, () => D());
+    function se() {
+      var t;
+      (t = N.value) == null || t.focus();
+    }
+    function D(t) {
+      const l = { files: (t ?? u.value).filter((i) => i.status === "success" && i.url).map((i) => i.url), text: f.value };
+      g("change", l), o.callBack && o.callBack(l);
+    }
+    function ne(t, e) {
+      D(e);
+    }
+    function ue(t) {
+      var l;
+      if (!(t.size / 1024 / 1024 < o.fileSize))
+        return V.warning(`文件大小不能超过${o.fileSize}M`), !1;
+      const a = ((l = t.name.split(".").pop()) == null ? void 0 : l.toLowerCase()) || "";
+      return v.value.includes(a) ? !0 : (V.warning(
+        `格式不支持，仅允许: ${v.value.join("/")}`
+      ), !1);
+    }
+    function K(t, e, a, l) {
+      var J, G;
+      const i = o.api.startsWith("http") ? o.api : window.location.origin + o.api.replace(/^([^/])/, "/$1"), r = new FormData();
+      r.append(o.name, t), o.extraData && Object.entries(o.extraData).forEach(([n, ve]) => r.append(n, ve));
+      const s = new XMLHttpRequest();
+      L.push(s);
+      const b = ((J = T.value) == null ? void 0 : J.$el.querySelector(".el-upload--picture-card")) || ((G = T.value) == null ? void 0 : G.$el), j = De.service({
+        target: b,
+        text: "上传中",
+        background: "rgba(255,255,255,0.7)"
+      }), d = () => {
+        const n = L.indexOf(s);
+        n !== -1 && L.splice(n, 1), j.close();
+      };
+      s.open("POST", i);
+      const X = ze(o.tokenKey);
+      X && s.setRequestHeader("Authorization", `Bearer ${X}`), s.upload.onprogress = (n) => {
+        n.total > 0 && (e == null || e({ percent: n.loaded / n.total * 100 }));
+      }, s.onload = () => {
+        if (d(), s.status < 200 || s.status >= 300) {
+          const n = `上传失败 (HTTP ${s.status})`;
+          V.error(n), g("error", { msg: n, status: s.status }), l == null || l(new Error(n));
+          return;
+        }
+        try {
+          const n = JSON.parse(s.responseText);
+          n.code === 200 && n.urls ? (V.success("上传成功"), a == null || a({ ...n, url: n.urls })) : (V.error(n.msg || "上传失败"), g("error", n), l == null || l(n));
+        } catch {
+          V.error("上传失败，响应格式错误"), g("error", new Error("Response parse error")), l == null || l(new Error("Response parse error"));
+        }
+      }, s.onerror = () => {
+        d(), V.error("上传失败，网络异常"), g("error", new Error("Network error")), l == null || l(new Error("Network error"));
+      }, s.send(r);
+    }
+    function Q(t) {
+      return o.disabled ? !1 : ue(t);
+    }
+    function re(t) {
+      K(
+        t.file,
+        t.onProgress,
+        (e) => {
+          t.onSuccess(e), D(), g("success", e);
+        },
+        (e) => t.onError(e)
+      );
+    }
+    function de(t) {
+      var l;
+      if (!t.url) return;
+      const e = ((l = t.url.split(".").pop()) == null ? void 0 : l.toLowerCase()) || "";
+      if (["mp4", "mov", "avi", "webm"].includes(e)) {
+        E.value = t.url, H.value = t.name || "视频预览", S.value = !0;
+        return;
+      }
+      const a = u.value.filter(
+        (i) => {
+          var r;
+          return i.status === "success" && i.url && !["mp4", "mov", "avi", "webm"].includes(
+            (r = i.url.split(".").pop()) == null ? void 0 : r.toLowerCase()
+          );
+        }
+      );
+      A.value = a.map((i) => i.url), P.value = a.findIndex((i) => i.uid === t.uid) || 0, C.value = !0;
+    }
+    function pe() {
+      C.value = !1, A.value = [];
+    }
+    function W(t) {
+      for (let e = 0; e < t.length; e++) {
+        const a = t[e];
+        if (!Q(a)) continue;
+        const l = Date.now() + e, i = URL.createObjectURL(a);
+        q.add(i), u.value.push({
+          uid: l,
+          name: a.name || `file-${l}`,
+          status: "uploading",
+          percentage: 0,
+          url: i
+        }), K(
+          a,
+          (r) => {
+            const s = u.value.find((b) => b.uid === l);
+            s && (s.percentage = r.percent);
+          },
+          (r) => {
+            const s = u.value.find((b) => b.uid === l);
+            s && (s.status = "success", s.url = r.url, D(), g("success", r));
+          },
+          () => fe(l)
+        );
+      }
+    }
+    function O(t) {
+      var l;
+      if (o.disabled) return;
+      const e = (l = t.clipboardData) == null ? void 0 : l.items;
+      if (!e) return;
+      const a = [];
+      for (let i = 0; i < e.length; i++) {
+        const r = e[i];
+        if (r.kind === "file" && r.type.startsWith("image/")) {
+          const s = r.getAsFile();
+          s && a.push(s);
+        }
+      }
+      a.length && (t.preventDefault(), W(a));
+    }
+    function ce(t) {
+      var a;
+      if (z.value = !1, o.disabled || _.value) return;
+      const e = Array.from(((a = t.dataTransfer) == null ? void 0 : a.files) || []).filter(
+        (l) => {
+          var i;
+          return v.value.includes((i = l.name.split(".").pop()) == null ? void 0 : i.toLowerCase());
+        }
+      );
+      e.length && W(e);
+    }
+    function fe(t) {
+      var a;
+      const e = u.value.findIndex((l) => l.uid === t);
+      e !== -1 && ((a = u.value[e].url) != null && a.startsWith("blob:") && (URL.revokeObjectURL(u.value[e].url), q.delete(u.value[e].url)), u.value.splice(e, 1));
+    }
+    return Ve(() => {
+      L.forEach((t) => t.abort()), L.length = 0, q.forEach((t) => URL.revokeObjectURL(t)), q.clear();
+    }), Z({
+      openFileDialog: () => {
+        var t, e;
+        o.disabled || _.value || (e = (t = T.value) == null ? void 0 : t.$el.querySelector('input[type="file"]')) == null || e.click();
+      },
+      getPathList: () => u.value.filter((t) => t.status === "success").map((t) => t.url),
+      clearFiles: () => {
+        u.value = [], f.value = "", D();
+      },
+      getValue: () => ({
+        files: u.value.filter((t) => t.status === "success" && t.url).map((t) => t.url),
+        text: f.value
+      })
+    }), (t, e) => {
+      var j;
+      const a = ye, l = be, i = ge, r = me, s = xe, b = we;
+      return m(), w("div", {
+        class: I(["qy-upload", oe.value]),
+        style: Ue({ "--qy-upload-size": te.value })
+      }, [
+        y(r, {
+          ref_key: "uploadRef",
+          ref: T,
+          "file-list": u.value,
+          "onUpdate:fileList": e[6] || (e[6] = (d) => u.value = d),
+          action: "#",
+          multiple: p.supportVideo ? !1 : p.multiple,
+          limit: p.supportVideo ? 1 : p.limit,
+          "list-type": p.supportVideo ? "text" : "picture-card",
+          accept: ie.value,
+          disabled: le.value,
+          "http-request": re,
+          "before-upload": Q,
+          "on-preview": de,
+          "on-remove": ne
+        }, {
+          default: U(() => [
+            _.value ? h("", !0) : (m(), w("div", {
+              key: 0,
+              class: I(["qy-upload__trigger", { "is-dragover": z.value }]),
+              onPaste: O,
+              onDragover: e[4] || (e[4] = B((d) => z.value = !0, ["prevent"])),
+              onDragleave: e[5] || (e[5] = B((d) => z.value = !1, ["prevent"])),
+              onDrop: B(ce, ["prevent"])
+            }, [
+              y(a, { class: "qy-upload__icon" }, {
+                default: U(() => [
+                  y(Y(Le))
+                ]),
+                _: 1
+              }),
+              p.supportVideo ? (m(), w(M, { key: 0 }, [
+                e[9] || (e[9] = k("span", { class: "qy-upload__label" }, "点击上传视频", -1)),
+                k("span", _e, "支持 " + R(v.value.join(" / ")) + "，不超过 " + R(p.fileSize) + "MB", 1)
+              ], 64)) : h("", !0),
+              k("div", {
+                class: "qy-upload__text",
+                onClick: e[3] || (e[3] = B(() => {
+                }, ["stop"])),
+                onPaste: B(O, ["stop"])
+              }, [
+                y(i, {
+                  visible: F.value,
+                  "onUpdate:visible": e[2] || (e[2] = (d) => F.value = d),
+                  placement: "bottom-start",
+                  width: 220,
+                  trigger: "click",
+                  "popper-class": "qy-upload__text-popover",
+                  onAfterEnter: se
+                }, {
+                  reference: U(() => [
+                    k("div", {
+                      class: I(["qy-upload__text-preview", { "is-placeholder": !f.value }])
+                    }, R(f.value || "输入文字"), 3)
+                  ]),
+                  default: U(() => [
+                    y(l, {
+                      ref_key: "inputRef",
+                      ref: N,
+                      modelValue: f.value,
+                      "onUpdate:modelValue": e[0] || (e[0] = (d) => f.value = d),
+                      type: "textarea",
+                      autosize: { minRows: 2, maxRows: 5 },
+                      placeholder: "输入文字或粘贴图片",
+                      disabled: p.disabled,
+                      onBlur: e[1] || (e[1] = (d) => F.value = !1),
+                      onPaste: B(O, ["stop"])
+                    }, null, 8, ["modelValue", "disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["visible"])
+              ], 32)
+            ], 34))
+          ]),
+          _: 1
+        }, 8, ["file-list", "multiple", "limit", "list-type", "accept", "disabled"]),
+        C.value ? (m(), Be(s, {
+          key: 0,
+          "url-list": A.value,
+          "initial-index": P.value,
+          onClose: pe
+        }, null, 8, ["url-list", "initial-index"])) : h("", !0),
+        y(b, {
+          modelValue: S.value,
+          "onUpdate:modelValue": e[7] || (e[7] = (d) => S.value = d),
+          title: H.value,
+          width: "640px",
+          "append-to-body": "",
+          "destroy-on-close": "",
+          onClose: e[8] || (e[8] = (d) => S.value = !1)
+        }, {
+          default: U(() => [
+            S.value ? (m(), w("video", {
+              key: 0,
+              src: E.value,
+              controls: "",
+              autoplay: "",
+              style: { width: "100%", "max-height": "400px", "border-radius": "4px" }
+            }, null, 8, je)) : h("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        ae.value ? (m(), w("div", $e, [
+          y(a, null, {
+            default: U(() => [
+              y(Y(Se))
+            ]),
+            _: 1
+          }),
+          k("span", null, [
+            e[12] || (e[12] = $(" 请上传 ", -1)),
+            p.fileSize ? (m(), w(M, { key: 0 }, [
+              e[10] || (e[10] = $("大小不超过 ", -1)),
+              k("b", Ce, R(p.fileSize) + "MB", 1)
+            ], 64)) : h("", !0),
+            (j = v.value) != null && j.length ? (m(), w(M, { key: 1 }, [
+              e[11] || (e[11] = $("，格式为 ", -1)),
+              k("b", Ae, R(v.value.join("/")), 1)
+            ], 64)) : h("", !0),
+            e[13] || (e[13] = $(" 的文件。 ", -1))
+          ])
+        ])) : h("", !0)
+      ], 6);
+    };
+  }
+}), He = /* @__PURE__ */ Te(Fe, [["__scopeId", "data-v-c1472320"]]);
+export {
+  He as Q
+};