@qynpm/ui 1.0.2 → 1.0.5

package/README.md

@@ -33,12 +33,16 @@ app.use(QyUI)
 
 ```ts
 import {
-  QyUpload,
-  QyDialog,
-  QyRemarkImage,
-  QyInput,
-  QySelect,
-  QyFormSection,
+  QyUpload,
+  QyVoucherUpload,
+  QyDialog,
+  QyRemarkImage,
+  QyInput,
+  QyMoneyInput,
+  QyRadioGroup,
+  QySelect,
+  QyRemoteSelect,
+  QyFormSection,
   QyActionBar,
   QySearchInput,
   QyRecordQuoteSearch
@@ -48,15 +52,19 @@ import {
 也可以按需引入单个组件入口：
 
 ```ts
-import QyInput from '@qynpm/ui/qy-input'
-import QySelect from '@qynpm/ui/qy-select'
-import QyFormSection from '@qynpm/ui/qy-form-section'
+import QyInput from '@qynpm/ui/qy-input'
+import QyMoneyInput from '@qynpm/ui/qy-money-input'
+import QyRadioGroup from '@qynpm/ui/qy-radio-group'
+import QySelect from '@qynpm/ui/qy-select'
+import QyRemoteSelect from '@qynpm/ui/qy-remote-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'
+import QyRecordQuoteSearch from '@qynpm/ui/qy-record-quote-search'
+import QyDialog from '@qynpm/ui/qy-dialog'
+import QyUpload from '@qynpm/ui/qy-upload'
+import QyVoucherUpload from '@qynpm/ui/qy-voucher-upload'
+import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 ```
 
 ## 组件说明
@@ -69,10 +77,13 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 - 视频上传
 - 粘贴上传
 - 拖拽上传
-- 文本备注
-- 预览
-
-当前可配置项里，和宿主耦合最强的是上传配置：
+- 文本备注
+- 预览
+- `v-model`
+- `valueFormat`
+- 纯图片模式
+
+当前可配置项里，和宿主耦合最强的是上传配置：
 
 - `api`
 - `tokenKey`
@@ -80,13 +91,36 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 
 其中：
 
-- `api` 为必填
-- `tokenKey` 不传时默认使用 `Admin-Token`
-- `name` 不传时默认使用 `file`
-
-### `QyDialog`
-
-弹窗组件，支持：
+- `api` 为必填
+- `tokenKey` 不传时默认使用 `Admin-Token`
+- `name` 不传时默认使用 `file`
+
+值协议：
+
+- 默认 `valueFormat="object"`，`v-model` 输出 `{ files: string[], text: string }`
+- `valueFormat="array"`，`v-model` 输出 `string[]`
+- `valueFormat="string"`，`v-model` 输出逗号分隔 URL
+- `showText=false` 可隐藏文字备注区；如仍需粘贴入口，可开启 `showPasteInput`
+- `defaultValue` 仍保留给老页面做非受控初始化；新页面建议优先使用 `v-model`
+
+### `QyVoucherUpload`
+
+凭证上传组件，基于 `QyUpload` 的薄封装，适合财审凭证、收款凭证、返现凭证等纯图片凭证场景。
+
+固定协议：
+
+- `v-model` 为 `string[]`
+- 默认 `name="files"`
+- 默认 `showText=false`
+- 默认开启纯粘贴输入条，用于恢复“粘贴图片上传”的凭证交互
+- 默认 `pastePlaceholder="粘贴图片上传"`
+- 默认 `size="90px"`
+
+如果需要图片加文字备注，请直接使用 `QyUpload`。
+
+### `QyDialog`
+
+弹窗组件，支持：
 
 - 默认头部/底部布局
 - 全屏切换
@@ -94,7 +128,7 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 - 自定义 footer
 - 移动端自动全屏
 
-### `QyInput`
+### `QyInput`
 
 输入组件，第一版定位为 `ElInput` 的轻量包装层，重点支持：
 
@@ -103,9 +137,38 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 - `trimMode`
 - `enter`
 - `textarea`
-- 兼容常见 slots 与 expose 方法
-
-### `QySelect`
+- 兼容常见 slots 与 expose 方法
+
+### `QyMoneyInput`
+
+金额输入组件，第一版定位为 `ElInput` 的金额录入包装层，重点支持：
+
+- 输入过程清洗非法字符
+- 默认失焦格式化为固定小数位
+- `precision`
+- `min / max`
+- `allowNegative`
+- 兼容常见 slots 与 expose 方法
+
+### `QyRadioGroup`
+
+单选组组件，第一版定位为 `ElRadioGroup` 的轻量包装层，重点支持：
+
+- `options` 直出
+- `labelKey / valueKey / disabledKey` 映射
+- 普通单选 / 按钮式单选
+- 选项禁用
+- `option` 插槽自定义选项文案
+- 事件保持 `update:modelValue`、`change`
+
+`option` 插槽由外部传入，组件会透出当前选项的：
+
+- `option`：原始选项对象
+- `label`：映射后的展示文案
+- `value`：映射后的选项值
+- `disabled`：是否禁用
+
+### `QySelect`
 
 选择器组件，第一版定位为 `ElSelect` 的轻量包装层，重点支持：
 
@@ -113,10 +176,27 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 - `labelKey / valueKey / disabledKey` 映射
 - 单选 / 多选
 - `collapse-tags`
-- 默认弹层挂载策略
-- 保留原生 slot 扩展
-
-### `QyFormSection`
+- 默认弹层挂载策略
+- 保留原生 slot 扩展
+
+### `QyRemoteSelect`
+
+远程选择器组件，基于 `QySelect` 组合实现，重点支持：
+
+- `fetchMethod(keyword)` 远程请求
+- `debounce`
+- `minLength`
+- `defaultOptions`
+- `remoteOnFocus`
+- 内部请求 `loading`
+- `error`
+- `options-change`
+- 已选项缓存，避免远程 options 清空后回显丢 label
+- 继承 `QySelect` 的字段映射、多选、折叠标签、唯一选项自动选中能力
+
+如果只是本地 options 下拉，应优先使用 `QySelect`；只有需要远程请求、搜索和回显保留时再使用 `QyRemoteSelect`。
+
+### `QyFormSection`
 
 区块容器组件，适合录单页面的表单区块外壳，重点支持：
 
@@ -170,19 +250,50 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 
 ## 使用示例
 
-### QyUpload
-
-```vue
-<template>
-  <QyUpload
-    api="/permission-api/common/uploads"
-    token-key="Admin-Token"
-    @change="handleChange"
-  />
-</template>
-```
-
-### QyDialog
+### QyUpload
+
+```vue
+<template>
+  <QyUpload
+    v-model="uploadValue"
+    api="/permission-api/common/uploads"
+    token-key="Admin-Token"
+    @change="handleChange"
+  />
+</template>
+```
+
+纯图片上传：
+
+```vue
+<template>
+  <QyUpload
+    v-model="payImgs"
+    api="/permission-api/common/uploads"
+    name="files"
+    value-format="array"
+    :show-text="false"
+    :show-paste-input="true"
+    paste-placeholder="粘贴图片上传"
+    size="90px"
+  />
+</template>
+```
+
+### QyVoucherUpload
+
+```vue
+<template>
+  <QyVoucherUpload
+    v-model="payImgs"
+    api="/permission-api/common/uploads"
+    :limit="9"
+    :file-size="10"
+  />
+</template>
+```
+
+### QyDialog
 
 ```vue
 <template>
@@ -192,7 +303,7 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 </template>
 ```
 
-### QyInput
+### QyInput
 
 ```vue
 <template>
@@ -203,10 +314,49 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
     placeholder="填写报价单,回车搜索"
     @enter="handleSearch"
   />
-</template>
-```
-
-### QySelect
+</template>
+```
+
+### QyMoneyInput
+
+```vue
+<template>
+  <QyMoneyInput
+    v-model="totalPay"
+    :precision="2"
+    :min="0"
+    placeholder="请输入总金额"
+  />
+</template>
+```
+
+### QyRadioGroup
+
+```vue
+<template>
+  <QyRadioGroup
+    v-model="openTicket"
+    :options="ticketOptions"
+  />
+</template>
+```
+
+自定义选项展示：
+
+```vue
+<template>
+  <QyRadioGroup v-model="openTicket" :options="ticketOptions">
+    <template #option="{ option, label }">
+      <span>{{ label }}</span>
+      <span v-if="option.fee" style="margin-left: 6px; color: #f56c6c">
+        {{ option.fee }}
+      </span>
+    </template>
+  </QyRadioGroup>
+</template>
+```
+
+### QySelect
 
 ```vue
 <template>
@@ -215,10 +365,27 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
     :options="shopOptions"
     placeholder="请选择店铺"
   />
-</template>
-```
-
-### QyFormSection
+</template>
+```
+
+### QyRemoteSelect
+
+```vue
+<template>
+  <QyRemoteSelect
+    v-model="recvAccount"
+    :fetch-method="fetchFinanceAccounts"
+    :default-options="accountDefaultOptions"
+    label-key="accountName"
+    value-key="accountId"
+    placeholder="请选择收款账户"
+    remote-on-focus
+    @error="handleAccountError"
+  />
+</template>
+```
+
+### QyFormSection
 
 ```vue
 <template>
@@ -271,11 +438,13 @@ import QyRemarkImage from '@qynpm/ui/qy-remark-image'
 
 ## 说明
 
-- 当前版本更适合体系内拆包复用
-- 上传默认值仍然保留了现有项目约定，后续如果完全独立对外，可以再继续抽离
-- `QyInput` 第一版优先兼容 `ElInput`，后续再逐步补统一输入规则
-- `QySelect` 第一版优先兼容 `ElSelect`，不内置远程字典或复杂请求能力
-- `QyFormSection` 只负责区块壳，不替代 `@qiyin/form` 的 schema / 校验能力
+- 当前版本更适合体系内拆包复用
+- 上传默认值仍然保留了现有项目约定，后续如果完全独立对外，可以再继续抽离
+- `QyInput` 第一版优先兼容 `ElInput`，后续再逐步补统一输入规则
+- `QyRadioGroup` 第一版优先兼容 `ElRadioGroup`，不内置字典请求或复杂表单联动
+- `QySelect` 第一版优先兼容 `ElSelect`，不内置远程字典或复杂请求能力
+- `QyRemoteSelect` 负责远程请求状态和回显保留，不承接具体业务接口协议转换
+- `QyFormSection` 只负责区块壳，不替代 `@qiyin/form` 的 schema / 校验能力
 - `QyActionBar` 只负责底部布局壳，不负责编排按钮业务逻辑
 - `QySearchInput` 第一版已经覆盖建议搜索场景，但仍然不承接页面级副作用
 - `QyRecordQuoteSearch` 只承接报价单搜索入口逻辑，不直接改整页录单状态

package/dist/_virtual/_plugin-vue_export-helper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=(e,o)=>{const t=e.__vccOpts||e;for(const[r,s]of o)t[r]=s;return t};exports.default=u;

package/dist/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./index-BYAIkGVF.js"),u=require("./index-DQ-EEZgS.js"),n=require("./index-DzX3lxdp.js"),I=require("./index-Do5SZ8yS.js"),d=require("./index-BaU5rDMh.js"),h=require("./index-CzJWU89H.js"),S=require("./index-tC70xKe_.js"),R=require("./index-DooOsQ9d.js"),x=require("./index-1ocyh-Ge.js"),t=require("./install-c8il9DQv.js"),o=t.withInstall(m.QyUpload,"QyUpload"),r=t.withInstall(u._sfc_main,"QyDialog"),c=t.withInstall(n.QyRemarkImage,"QyRemarkImage"),a=t.withInstall(I._sfc_main,"QyInput"),i=t.withInstall(d.QySearchInput,"QySearchInput"),Q=t.withInstall(h.QyRecordQuoteSearch,"QyRecordQuoteSearch"),s=t.withInstall(S._sfc_main,"QySelect"),y=t.withInstall(R.QyFormSection,"QyFormSection"),l=t.withInstall(x.QyActionBar,"QyActionBar"),g=e=>{e.component("QyDialog",r),e.component("QyUpload",o),e.component("QyRemarkImage",c),e.component("QyInput",a),e.component("QySearchInput",i),e.component("QyRecordQuoteSearch",Q),e.component("QySelect",s),e.component("QyFormSection",y),e.component("QyActionBar",l)},p={install:g,QyUpload:o,QyDialog:r,QyInput:a,QySearchInput:i,QyRecordQuoteSearch:Q,QySelect:s,QyFormSection:y,QyActionBar:l,QyRemarkImage:c};exports.formatRemarkText=n.formatRemarkText;exports.parseRemarkText=n.parseRemarkText;exports.parseRemarkWithImage=n.parseRemarkWithImage;exports.QyActionBar=l;exports.QyDialog=r;exports.QyFormSection=y;exports.QyInput=a;exports.QyRecordQuoteSearch=Q;exports.QyRemarkImage=c;exports.QySearchInput=i;exports.QySelect=s;exports.QyUpload=o;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./lib/index.cjs"),t=require("./lib/remark-image/utils.cjs");exports.QyActionBar=e.QyActionBar;exports.QyDialog=e.QyDialog;exports.QyFormSection=e.QyFormSection;exports.QyInput=e.QyInput;exports.QyMoneyInput=e.QyMoneyInput;exports.QyRadioGroup=e.QyRadioGroup;exports.QyRecordQuoteSearch=e.QyRecordQuoteSearch;exports.QyRemarkImage=e.QyRemarkImage;exports.QyRemoteSelect=e.QyRemoteSelect;exports.QySearchInput=e.QySearchInput;exports.QySelect=e.QySelect;exports.QyUpload=e.QyUpload;exports.QyVoucherUpload=e.QyVoucherUpload;exports.default=e.default;exports.formatRemarkText=t.formatRemarkText;exports.parseRemarkText=t.parseRemarkText;exports.parseRemarkWithImage=t.parseRemarkWithImage;

package/dist/index.mjs

@@ -0,0 +1,21 @@
+import { QyActionBar as r, QyDialog as a, QyFormSection as t, QyInput as y, QyMoneyInput as Q, QyRadioGroup as m, QyRecordQuoteSearch as p, QyRemarkImage as c, QyRemoteSelect as u, QySearchInput as R, QySelect as l, QyUpload as n, QyVoucherUpload as d, default as i } from "./lib/index.mjs";
+import { formatRemarkText as S, parseRemarkText as f, parseRemarkWithImage as h } from "./lib/remark-image/utils.mjs";
+export {
+  r as QyActionBar,
+  a as QyDialog,
+  t as QyFormSection,
+  y as QyInput,
+  Q as QyMoneyInput,
+  m as QyRadioGroup,
+  p as QyRecordQuoteSearch,
+  c as QyRemarkImage,
+  u as QyRemoteSelect,
+  R as QySearchInput,
+  l as QySelect,
+  n as QyUpload,
+  d as QyVoucherUpload,
+  i as default,
+  S as formatRemarkText,
+  f as parseRemarkText,
+  h as parseRemarkWithImage
+};

package/dist/lib/dialog/index.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Z=require("element-plus/es"),e=require("vue"),U=require("clsx"),A=require("element-plus"),H=require("@vueuse/core"),X={class:"text-lg flex items-center pt-2 pl-[var(--content-padding)]"},W={key:0},Y={key:1},G={key:0,class:"icon-[material-symbols--square-outline-rounded]",role:"img","aria-hidden":"true"},J={key:1,class:"icon-[tdesign--fullscreen-exit-1]",role:"img","aria-hidden":"true"},K={key:0,class:"fixed -right-12 top-2 h-9 w-9 hover:bg-gray-600/80 transition-all"},Q={class:"flex justify-between h-[var(--footer-height)] px-[var(--content-padding)] items-center"},ee={class:"flex items-center justify-between w-full pl-1 pr-4 h-full ml-2"},te={class:"flex items-center gap-2"},oe={class:"text-sm text-gray-700 truncate max-w-[200px]"},le={class:"flex items-center gap-2"},L=5,C=2e3,ne=e.defineComponent({__name:"index",props:e.mergeModels({layout:{type:[Array,String,Boolean],default:()=>["confirm","cancel"]},fullscreen:{type:Boolean,default:!1},showFullscreen:{type:Boolean,default:!1},confirmProps:{default:()=>({})},size:{default:"default"},zIndex:{default:2e3}},{modelValue:{default:!0},modelModifiers:{}}),emits:e.mergeModels(["confirm","cancel","close","opened","ok"],["update:modelValue"]),setup(E,{expose:O,emit:j}){const l=E,y=e.useSlots(),M=e.ref(!0),v=e.ref(!1),b=e.ref(C),P=H.useBreakpoints({mobile:0,tablet:640,laptop:1024,desktop:1280}).isSmaller("tablet"),w=e.computed(()=>{if(Array.isArray(l.layout))return l.layout;if(typeof l.layout=="string")return l.layout.split(",").map(o=>o.trim())}),z=e.computed(()=>({CancelButton:e.createVNode(I),ConfirmButton:e.createVNode(S)})),B=e.computed(()=>y.footer||l.layout!==!1),h=e.ref(!1),s=e.ref(l.showFullscreen&&P?!0:l.fullscreen),d=j,x=e.useModel(E,"modelValue");e.watchEffect(()=>{x.value&&(h.value=!1)}),O({});const k=e.useAttrs(),i=`qy-dialog-${Math.random().toString(36).slice(2,11)}`,a=e.ref(!1),u=e.ref(null);window.minimizedCount||(window.minimizedCount=0);const{x:V,y:_}=H.useDraggable(u,{initialValue:{x:5,y:window.innerHeight-100-(window.minimizedCount||0)*60},onMove(o){var t;(t=u.value)==null||t.classList.add("dragging"),document.body.classList.add("qy-dialog--dragging"),V.value=Math.max(0,Math.min(window.innerWidth-300,o.x)),_.value=Math.max(0,Math.min(window.innerHeight-50,o.y))},onEnd(){var o;(o=u.value)==null||o.classList.remove("dragging"),document.body.classList.remove("qy-dialog--dragging")}}),T=e.computed(()=>({transform:`translate(${V.value}px, ${_.value}px)`,willChange:"transform"}));function q(o){const t=o.target,{scrollTop:n,scrollHeight:r,clientHeight:f}=t;M.value=n<=L,v.value=r-(n+f)<=L}function F(){document.querySelector(`.${i}.el-dialog`).addEventListener("scroll",q),m(),d("opened")}function N(){s.value=!s.value,m()}function c(){h.value||(h.value=!0,a.value=!1,x.value=!1,d("cancel"),d("close"))}function R(o){l.showFullscreen&&o.detail>=2&&N()}function S(){return e.h(A.ElButton,{...e.unref(l.confirmProps),type:"primary",class:"dialog__footerBtn",onClick:()=>{d("confirm"),d("ok")}},()=>e.unref(l.confirmProps).title||"确 认")}function I(){return e.h(A.ElButton,{class:"dialog__footerBtn",onClick:()=>c()},()=>"取 消")}e.onMounted(()=>{typeof window.qyDialogMaxZIndex>"u"&&(window.qyDialogMaxZIndex=C),m()});function m(){var $;const o=Array.from(document.querySelectorAll(".el-overlay")).filter(p=>window.getComputedStyle(p).display!=="none"&&!p.classList.contains("is-message")),t=($=document.querySelector(`.${i}`))==null?void 0:$.closest(".el-overlay"),n=document.querySelector(`.${i}.el-dialog`);if(!t||!n)return;const r=C;window.qyDialogMaxZIndex=window.qyDialogMaxZIndex||r;const g=Math.max(window.qyDialogMaxZIndex,...o.map(p=>parseInt(window.getComputedStyle(p).zIndex||r.toString())))+2;window.qyDialogMaxZIndex=g,e.nextTick(()=>{t.style.zIndex=g.toString(),n.style.zIndex=(g+1).toString(),b.value=g+1})}e.onUnmounted(()=>{const o=document.querySelector(`.${i} .qy-dialog__wrapper-container`);o&&o.removeEventListener("scroll",q),a.value&&window.minimizedCount--});function D(){var t;a.value=!a.value;const o=(t=document.querySelector(`.${i}`))==null?void 0:t.closest(".el-overlay");a.value?(o.style.display="none",window.minimizedCount++,_.value=window.innerHeight-50-(window.minimizedCount||0)*60):(o.style.display="block",window.minimizedCount--,m())}return(o,t)=>{const n=e.resolveComponent("Close"),r=Z.ElIcon,f=Z.ElDialog;return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(f,e.mergeProps({ref:"dialogRef",class:["qy-dialog",[l.size==="small"&&"[&_.el-dialog__header]:!hidden",i]],"model-value":x.value,"align-center":"","append-to-body":"",style:{"--el-dialog-padding-primary":0},"show-close":!1,fullscreen:s.value,"z-index":b.value,onClosed:c,onOpened:F,draggable:""},e.unref(k)),e.createSlots({header:e.withCtx(()=>[l.size==="default"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({borderBottom:"1px solid",borderColor:M.value?"transparent":"var(--block-outline-color)",transition:"border-color .2s linear"}),class:"flex justify-between h-[var(--header-height)]",onDblclick:R},[e.createElementVNode("div",X,[e.unref(y).header?e.unref(y).header?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(e.unref(k).title),1))]),e.createElementVNode("div",{class:"flex",onMousedown:t[3]||(t[3]=e.withModifiers(()=>{},["stop"]))},[l.size==="default"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"qy-dialog__btn qy-dialog__btn--default",onClick:e.withModifiers(D,["stop"]),onMousedown:t[0]||(t[0]=e.withModifiers(()=>{},["stop"]))},t[4]||(t[4]=[e.createElementVNode("span",{class:"icon-[material-symbols--minimize] text-xl mb-3",role:"img","aria-hidden":"true"},null,-1)]),32)):e.createCommentVNode("",!0),l.showFullscreen?(e.openBlock(),e.createElementBlock("div",{key:1,class:"qy-dialog__btn qy-dialog__btn--default",onClick:e.withModifiers(N,["stop"]),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},[s.value?(e.openBlock(),e.createElementBlock("span",J)):(e.openBlock(),e.createElementBlock("span",G))],32)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"qy-dialog__btn qy-dialog__btn--danger",onClick:e.withModifiers(c,["stop"]),onMousedown:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},t[5]||(t[5]=[e.createElementVNode("span",{class:"icon-[ri--close-line] text-xl",role:"img","aria-hidden":"true"},null,-1)]),32)],32)],36)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["qy-dialog__wrapper",e.unref(U)(s.value&&"qy-dialog__wrapper--fullscreen")]),style:e.normalizeStyle({maxHeight:B.value?"calc(100vh - var(--header-height) - var(--footer-height) - var(--sides-gap))":"calc(100vh - var(--header-height) - var(--sides-gap))",padding:l.size==="small"?"var(--small-content-padding)":"var(--content-padding)"})},[l.size==="small"?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(r,{size:36,class:"cursor-pointer text-gray-100 active:scale-75 rounded-sm transition-all",onClick:c},{default:e.withCtx(()=>[e.createVNode(n)]),_:1})])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],6)]),_:2},[!o.$slots.footer&&Array.isArray(w.value)?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createElementVNode("div",null,[e.renderSlot(o.$slots,"footer-left")]),e.createElementVNode("div",{class:e.normalizeClass([{"qy-dialog__footer--outline":v.value},"qy-dialog__footer flex items-center justify-end"])},[w.value.includes("cancel")?(e.openBlock(),e.createBlock(I,{key:0})):e.createCommentVNode("",!0),w.value.includes("confirm")?(e.openBlock(),e.createBlock(S,{key:1})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"footer-append")],2)])]),key:"0"}:B.value?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([{"qy-dialog__footer--outline":v.value},"qy-dialog__footer px-[var(--content-padding)] min-h-[var(--footer-height)] flex items-center justify-end"])},[e.renderSlot(o.$slots,"footer",{layouts:z.value,layoutsNode:Object.values(z.value)})],2)]),key:"1"}:void 0]),1040,["class","model-value","fullscreen","z-index"]),e.withDirectives(e.createElementVNode("div",{ref_key:"minimizedRef",ref:u,class:"fixed left-0 top-0 bg-white rounded shadow-lg cursor-pointer z-[9999] hover:bg-gray-50",style:e.normalizeStyle([T.value,{width:"300px",height:"50px","will-change":"transform"}])},[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[t[6]||(t[6]=e.createElementVNode("div",{class:"icon-[mdi--window-restore] text-gray-600"},null,-1)),e.createElementVNode("span",oe,e.toDisplayString(e.unref(k).title),1)]),e.createElementVNode("div",le,[e.createElementVNode("div",{class:"p-1 hover:bg-gray-200 rounded",onClick:e.withModifiers(D,["stop"])},t[7]||(t[7]=[e.createElementVNode("div",{class:"icon-[mdi--window-maximize] text-gray-600"},null,-1)])),e.createElementVNode("div",{class:"p-1 hover:bg-red-100 rounded",onClick:e.withModifiers(c,["stop"])},t[8]||(t[8]=[e.createElementVNode("div",{class:"icon-[mdi--close] text-red-600"},null,-1)]))])])],4),[[e.vShow,a.value]])])}}});exports.default=ne;

package/dist/{index-CibtL3Up.mjs → lib/dialog/index.vue.mjs}

@@ -1,5 +1,5 @@
 import { ElDialog as ae, ElIcon as se } from "element-plus/es";
-import { defineComponent as re, mergeModels as W, useSlots as de, ref as d, computed as C, createVNode as v, useModel as ue, watchEffect as ce, useAttrs as me, h as Y, unref as s, onMounted as fe, nextTick as ge, onUnmounted as ye, resolveComponent as pe, createElementBlock as i, openBlock as n, withDirectives as ve, mergeProps as we, createSlots as he, withCtx as w, createElementVNode as t, normalizeStyle as $, normalizeClass as Z, createCommentVNode as u, renderSlot as h, toDisplayString as G, withModifiers as a, createBlock as J, vShow as xe } from "vue";
+import { defineComponent as re, mergeModels as W, useSlots as de, ref as d, computed as C, createVNode as v, useModel as ue, watchEffect as ce, useAttrs as me, h as Y, unref as s, onMounted as fe, nextTick as ge, onUnmounted as ye, resolveComponent as pe, createElementBlock as i, openBlock as n, withDirectives as ve, mergeProps as we, createSlots as he, withCtx as w, createElementVNode as t, normalizeStyle as E, normalizeClass as Z, createCommentVNode as u, renderSlot as h, toDisplayString as G, withModifiers as a, createBlock as J, vShow as xe } from "vue";
 import _e from "clsx";
 import { ElButton as K } from "element-plus";
 import { useBreakpoints as be, useDraggable as ke } from "@vueuse/core";
@@ -16,7 +16,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
 }, Ie = {
   key: 0,
   class: "fixed -right-12 top-2 h-9 w-9 hover:bg-gray-600/80 transition-all"
-}, Be = { class: "flex justify-between h-[var(--footer-height)] px-[var(--content-padding)] items-center" }, De = { class: "flex items-center justify-between w-full pl-1 pr-4 h-full ml-2" }, Ee = { class: "flex items-center gap-2" }, $e = { class: "text-sm text-gray-700 truncate max-w-[200px]" }, Ze = { class: "flex items-center gap-2" }, Q = 5, A = 2e3, Fe = re({
+}, Be = { class: "flex justify-between h-[var(--footer-height)] px-[var(--content-padding)] items-center" }, De = { class: "flex items-center justify-between w-full pl-1 pr-4 h-full ml-2" }, $e = { class: "flex items-center gap-2" }, Ee = { class: "text-sm text-gray-700 truncate max-w-[200px]" }, Ze = { class: "flex items-center gap-2" }, Q = 5, A = 2e3, Fe = /* @__PURE__ */ re({
   __name: "index",
   props: /* @__PURE__ */ W({
     layout: { type: [Array, String, Boolean], default: () => ["confirm", "cancel"] },
@@ -51,7 +51,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
     }), ee({});
     const D = me(), c = `qy-dialog-${Math.random().toString(36).slice(2, 11)}`, m = d(!1), x = d(null);
     window.minimizedCount || (window.minimizedCount = 0);
-    const { x: N, y: E } = ke(x, {
+    const { x: N, y: $ } = ke(x, {
       initialValue: {
         x: 5,
         y: window.innerHeight - 100 - (window.minimizedCount || 0) * 60
@@ -61,7 +61,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
         (e = x.value) == null || e.classList.add("dragging"), document.body.classList.add("qy-dialog--dragging"), N.value = Math.max(
           0,
           Math.min(window.innerWidth - 300, o.x)
-        ), E.value = Math.max(
+        ), $.value = Math.max(
           0,
           Math.min(window.innerHeight - 50, o.y)
         );
@@ -71,7 +71,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
         (o = x.value) == null || o.classList.remove("dragging"), document.body.classList.remove("qy-dialog--dragging");
       }
     }), le = C(() => ({
-      transform: `translate(${N.value}px, ${E.value}px)`,
+      transform: `translate(${N.value}px, ${$.value}px)`,
       willChange: "transform"
     }));
     function F(o) {
@@ -144,7 +144,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
       var e;
       m.value = !m.value;
       const o = (e = document.querySelector(`.${c}`)) == null ? void 0 : e.closest(".el-overlay");
-      m.value ? (o.style.display = "none", window.minimizedCount++, E.value = window.innerHeight - 50 - (window.minimizedCount || 0) * 60) : (o.style.display = "block", window.minimizedCount--, _());
+      m.value ? (o.style.display = "none", window.minimizedCount++, $.value = window.innerHeight - 50 - (window.minimizedCount || 0) * 60) : (o.style.display = "block", window.minimizedCount--, _());
     }
     return (o, e) => {
       const r = pe("Close"), f = se, b = ae;
@@ -171,7 +171,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
           header: w(() => [
             l.size === "default" ? (n(), i("div", {
               key: 0,
-              style: $({
+              style: E({
                 borderBottom: "1px solid",
                 borderColor: L.value ? "transparent" : "var(--block-outline-color)",
                 transition: "border-color .2s linear"
@@ -229,7 +229,7 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
           default: w(() => [
             t("div", {
               class: Z(["qy-dialog__wrapper", s(_e)(g.value && "qy-dialog__wrapper--fullscreen")]),
-              style: $({
+              style: E({
                 maxHeight: j.value ? "calc(100vh - var(--header-height) - var(--footer-height) - var(--sides-gap))" : "calc(100vh - var(--header-height) - var(--sides-gap))",
                 padding: l.size === "small" ? "var(--small-content-padding)" : "var(--content-padding)"
               })
@@ -291,12 +291,12 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
           ref_key: "minimizedRef",
           ref: x,
           class: "fixed left-0 top-0 bg-white rounded shadow-lg cursor-pointer z-[9999] hover:bg-gray-50",
-          style: $([le.value, { width: "300px", height: "50px", "will-change": "transform" }])
+          style: E([le.value, { width: "300px", height: "50px", "will-change": "transform" }])
         }, [
           t("div", De, [
-            t("div", Ee, [
+            t("div", $e, [
               e[6] || (e[6] = t("div", { class: "icon-[mdi--window-restore] text-gray-600" }, null, -1)),
-              t("span", $e, G(s(D).title), 1)
+              t("span", Ee, G(s(D).title), 1)
             ]),
             t("div", Ze, [
               t("div", {
@@ -321,5 +321,5 @@ const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]"
   }
 });
 export {
-  Fe as _
+  Fe as default
 };

package/dist/lib/dialog/index.vue3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.cjs");;/* empty css             */exports.default=e.default;

package/dist/lib/dialog/index.vue3.mjs

@@ -0,0 +1,5 @@
+import o from "./index.vue.mjs";
+/* empty css            */
+export {
+  o as default
+};

package/dist/lib/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css            */const p=require("./upload/index.vue.cjs"),m=require("./qy-voucher-upload/index.vue.cjs"),I=require("./dialog/index.vue.cjs");;/* empty css                    */const h=require("./remark-image/index.vue.cjs"),S=require("./qy-input/index.vue.cjs"),g=require("./qy-money-input/index.vue.cjs"),q=require("./qy-radio-group/index.vue.cjs"),R=require("./qy-remote-select/index.vue.cjs"),f=require("./qy-search-input/index.vue.cjs"),v=require("./qy-record-quote-search/index.vue.cjs"),x=require("./qy-select/index.vue.cjs"),w=require("./qy-form-section/index.vue.cjs"),$=require("./qy-action-bar/index.vue.cjs"),t=require("./utils/install.cjs"),n=t.withInstall(p.default,"QyUpload"),o=t.withInstall(m.default,"QyVoucherUpload"),u=t.withInstall(I.default,"QyDialog"),c=t.withInstall(h.default,"QyRemarkImage"),r=t.withInstall(S.default,"QyInput"),l=t.withInstall(g.default,"QyMoneyInput"),i=t.withInstall(q.default,"QyRadioGroup"),a=t.withInstall(R.default,"QyRemoteSelect"),y=t.withInstall(f.default,"QySearchInput"),s=t.withInstall(v.default,"QyRecordQuoteSearch"),Q=t.withInstall(x.default,"QySelect"),d=t.withInstall(w.default,"QyFormSection"),_=t.withInstall($.default,"QyActionBar"),U=e=>{e.component("QyDialog",u),e.component("QyUpload",n),e.component("QyVoucherUpload",o),e.component("QyRemarkImage",c),e.component("QyInput",r),e.component("QyMoneyInput",l),e.component("QyRadioGroup",i),e.component("QyRemoteSelect",a),e.component("QySearchInput",y),e.component("QyRecordQuoteSearch",s),e.component("QySelect",Q),e.component("QyFormSection",d),e.component("QyActionBar",_)},M={install:U,QyUpload:n,QyVoucherUpload:o,QyDialog:u,QyInput:r,QyMoneyInput:l,QyRadioGroup:i,QyRemoteSelect:a,QySearchInput:y,QyRecordQuoteSearch:s,QySelect:Q,QyFormSection:d,QyActionBar:_,QyRemarkImage:c};exports.QyActionBar=_;exports.QyDialog=u;exports.QyFormSection=d;exports.QyInput=r;exports.QyMoneyInput=l;exports.QyRadioGroup=i;exports.QyRecordQuoteSearch=s;exports.QyRemarkImage=c;exports.QyRemoteSelect=a;exports.QySearchInput=y;exports.QySelect=Q;exports.QyUpload=n;exports.QyVoucherUpload=o;exports.default=M;

package/dist/lib/index.mjs

@@ -0,0 +1,53 @@
+/* empty css           */
+import u from "./upload/index.vue.mjs";
+import S from "./qy-voucher-upload/index.vue.mjs";
+import d from "./dialog/index.vue.mjs";
+/* empty css                   */
+import I from "./remark-image/index.vue.mjs";
+import R from "./qy-input/index.vue.mjs";
+import _ from "./qy-money-input/index.vue.mjs";
+import h from "./qy-radio-group/index.vue.mjs";
+import $ from "./qy-remote-select/index.vue.mjs";
+import g from "./qy-search-input/index.vue.mjs";
+import U from "./qy-record-quote-search/index.vue.mjs";
+import k from "./qy-select/index.vue.mjs";
+import A from "./qy-form-section/index.vue.mjs";
+import B from "./qy-action-bar/index.vue.mjs";
+import { withInstall as t } from "./utils/install.mjs";
+const n = t(u, "QyUpload"), e = t(S, "QyVoucherUpload"), m = t(d, "QyDialog"), c = t(I, "QyRemarkImage"), r = t(R, "QyInput"), Q = t(_, "QyMoneyInput"), y = t(h, "QyRadioGroup"), i = t($, "QyRemoteSelect"), a = t(g, "QySearchInput"), p = t(
+  U,
+  "QyRecordQuoteSearch"
+), s = t(k, "QySelect"), f = t(A, "QyFormSection"), l = t(B, "QyActionBar"), F = (o) => {
+  o.component("QyDialog", m), o.component("QyUpload", n), o.component("QyVoucherUpload", e), o.component("QyRemarkImage", c), o.component("QyInput", r), o.component("QyMoneyInput", Q), o.component("QyRadioGroup", y), o.component("QyRemoteSelect", i), o.component("QySearchInput", a), o.component("QyRecordQuoteSearch", p), o.component("QySelect", s), o.component("QyFormSection", f), o.component("QyActionBar", l);
+}, L = {
+  install: F,
+  QyUpload: n,
+  QyVoucherUpload: e,
+  QyDialog: m,
+  QyInput: r,
+  QyMoneyInput: Q,
+  QyRadioGroup: y,
+  QyRemoteSelect: i,
+  QySearchInput: a,
+  QyRecordQuoteSearch: p,
+  QySelect: s,
+  QyFormSection: f,
+  QyActionBar: l,
+  QyRemarkImage: c
+};
+export {
+  l as QyActionBar,
+  m as QyDialog,
+  f as QyFormSection,
+  r as QyInput,
+  Q as QyMoneyInput,
+  y as QyRadioGroup,
+  p as QyRecordQuoteSearch,
+  c as QyRemarkImage,
+  i as QyRemoteSelect,
+  a as QySearchInput,
+  s as QySelect,
+  n as QyUpload,
+  e as QyVoucherUpload,
+  L as default
+};

package/dist/lib/qy-action-bar/index.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css             */;/* empty css             */const t=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-52704203"]]);exports.default=u;

package/dist/lib/qy-action-bar/index.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./index.vue2.mjs";
+/* empty css            */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-52704203"]]);
+export {
+  p as default
+};

package/dist/lib/qy-action-bar/index.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a={key:0,class:"qy-action-bar__left"},l={key:1,class:"qy-action-bar__center"},n={key:2,class:"qy-action-bar__right"},d=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,i)=>(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",a,[e.renderSlot(t.$slots,"left",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.right?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"right",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}});exports.default=d;