@qynpm/ui 0.0.2 → 1.0.4

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/_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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./lib/index.cjs"),a=require("./lib/remark-image/utils.cjs");exports.QyActionBar=e.QyActionBar;exports.QyDialog=e.QyDialog;exports.QyFormSection=e.QyFormSection;exports.QyInput=e.QyInput;exports.QyRecordQuoteSearch=e.QyRecordQuoteSearch;exports.QyRemarkImage=e.QyRemarkImage;exports.QySearchInput=e.QySearchInput;exports.QySelect=e.QySelect;exports.QyUpload=e.QyUpload;exports.default=e.default;exports.formatRemarkText=a.formatRemarkText;exports.parseRemarkText=a.parseRemarkText;exports.parseRemarkWithImage=a.parseRemarkWithImage;

package/dist/index.mjs

@@ -0,0 +1,17 @@
+import { QyActionBar as a, QyDialog as t, QyFormSection as o, QyInput as m, QyRecordQuoteSearch as Q, QyRemarkImage as y, QySearchInput as p, QySelect as c, QyUpload as R, default as f } from "./lib/index.mjs";
+import { formatRemarkText as k, parseRemarkText as l, parseRemarkWithImage as n } from "./lib/remark-image/utils.mjs";
+export {
+  a as QyActionBar,
+  t as QyDialog,
+  o as QyFormSection,
+  m as QyInput,
+  Q as QyRecordQuoteSearch,
+  y as QyRemarkImage,
+  p as QySearchInput,
+  c as QySelect,
+  R as QyUpload,
+  f as default,
+  k as formatRemarkText,
+  l as parseRemarkText,
+  n 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");;/* empty css             */const 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())}),B=e.computed(()=>({CancelButton:e.createVNode(I),ConfirmButton:e.createVNode(S)})),z=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:q,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"),q.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(${q.value}px, ${_.value}px)`,willChange:"transform"}));function V(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",V),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",V),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:z.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"}:z.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:B.value,layoutsNode:Object.values(B.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/lib/dialog/index.vue.mjs

@@ -0,0 +1,326 @@
+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 pe, resolveComponent as ye, 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 _e from "clsx";
+import { ElButton as K } from "element-plus";
+import { useBreakpoints as be, useDraggable as ke } from "@vueuse/core";
+/* empty css            */
+const ze = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]" }, Ce = { key: 0 }, qe = { key: 1 }, Me = {
+  key: 0,
+  class: "icon-[material-symbols--square-outline-rounded]",
+  role: "img",
+  "aria-hidden": "true"
+}, Se = {
+  key: 1,
+  class: "icon-[tdesign--fullscreen-exit-1]",
+  role: "img",
+  "aria-hidden": "true"
+}, 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, Te = re({
+  __name: "index",
+  props: /* @__PURE__ */ W({
+    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: /* @__PURE__ */ W(["confirm", "cancel", "close", "opened", "ok"], ["update:modelValue"]),
+  setup(H, { expose: ee, emit: oe }) {
+    const l = H, q = de(), L = d(!0), M = d(!1), O = d(A), te = be({
+      mobile: 0,
+      tablet: 640,
+      laptop: 1024,
+      desktop: 1280
+    }).isSmaller("tablet"), S = C(() => {
+      if (Array.isArray(l.layout)) return l.layout;
+      if (typeof l.layout == "string")
+        return l.layout.split(",").map((o) => o.trim());
+    }), V = C(() => ({
+      CancelButton: v(R),
+      ConfirmButton: v(P)
+    })), j = C(() => q.footer || l.layout !== !1), I = d(!1), g = d(
+      l.showFullscreen && te ? !0 : l.fullscreen
+    ), p = oe, B = ue(H, "modelValue");
+    ce(() => {
+      B.value && (I.value = !1);
+    }), 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, {
+      initialValue: {
+        x: 5,
+        y: window.innerHeight - 100 - (window.minimizedCount || 0) * 60
+      },
+      onMove(o) {
+        var e;
+        (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(
+          0,
+          Math.min(window.innerHeight - 50, o.y)
+        );
+      },
+      onEnd() {
+        var o;
+        (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)`,
+      willChange: "transform"
+    }));
+    function F(o) {
+      const e = o.target, { scrollTop: r, scrollHeight: f, clientHeight: b } = e;
+      L.value = r <= Q, M.value = f - (r + b) <= Q;
+    }
+    function ne() {
+      document.querySelector(`.${c}.el-dialog`).addEventListener("scroll", F), _(), p("opened");
+    }
+    function T() {
+      g.value = !g.value, _();
+    }
+    function y() {
+      I.value || (I.value = !0, m.value = !1, B.value = !1, p("cancel"), p("close"));
+    }
+    function ie(o) {
+      l.showFullscreen && o.detail >= 2 && T();
+    }
+    function P() {
+      return Y(
+        K,
+        {
+          ...s(l.confirmProps),
+          type: "primary",
+          class: "dialog__footerBtn",
+          onClick: () => {
+            p("confirm"), p("ok");
+          }
+        },
+        () => s(l.confirmProps).title || "确 认"
+      );
+    }
+    function R() {
+      return Y(
+        K,
+        { class: "dialog__footerBtn", onClick: () => y() },
+        () => "取 消"
+      );
+    }
+    fe(() => {
+      typeof window.qyDialogMaxZIndex > "u" && (window.qyDialogMaxZIndex = A), _();
+    });
+    function _() {
+      var X;
+      const o = Array.from(
+        document.querySelectorAll(".el-overlay")
+      ).filter((z) => window.getComputedStyle(z).display !== "none" && !z.classList.contains("is-message")), e = (X = document.querySelector(`.${c}`)) == null ? void 0 : X.closest(".el-overlay"), r = document.querySelector(
+        `.${c}.el-dialog`
+      );
+      if (!e || !r) return;
+      const f = A;
+      window.qyDialogMaxZIndex = window.qyDialogMaxZIndex || f;
+      const k = Math.max(
+        window.qyDialogMaxZIndex,
+        ...o.map(
+          (z) => parseInt(window.getComputedStyle(z).zIndex || f.toString())
+        )
+      ) + 2;
+      window.qyDialogMaxZIndex = k, ge(() => {
+        e.style.zIndex = k.toString(), r.style.zIndex = (k + 1).toString(), O.value = k + 1;
+      });
+    }
+    pe(() => {
+      const o = document.querySelector(
+        `.${c} .qy-dialog__wrapper-container`
+      );
+      o && o.removeEventListener("scroll", F), m.value && window.minimizedCount--;
+    });
+    function U() {
+      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--, _());
+    }
+    return (o, e) => {
+      const r = ye("Close"), f = se, b = ae;
+      return n(), i("div", null, [
+        v(b, we({
+          ref: "dialogRef",
+          class: ["qy-dialog", [
+            l.size === "small" && "[&_.el-dialog__header]:!hidden",
+            c
+          ]],
+          "model-value": B.value,
+          "align-center": "",
+          "append-to-body": "",
+          style: {
+            "--el-dialog-padding-primary": 0
+          },
+          "show-close": !1,
+          fullscreen: g.value,
+          "z-index": O.value,
+          onClosed: y,
+          onOpened: ne,
+          draggable: ""
+        }, s(D)), he({
+          header: w(() => [
+            l.size === "default" ? (n(), i("div", {
+              key: 0,
+              style: $({
+                borderBottom: "1px solid",
+                borderColor: L.value ? "transparent" : "var(--block-outline-color)",
+                transition: "border-color .2s linear"
+              }),
+              class: "flex justify-between h-[var(--header-height)]",
+              onDblclick: ie
+            }, [
+              t("div", ze, [
+                s(q).header ? s(q).header ? (n(), i("div", qe, [
+                  h(o.$slots, "header")
+                ])) : u("", !0) : (n(), i("span", Ce, G(s(D).title), 1))
+              ]),
+              t("div", {
+                class: "flex",
+                onMousedown: e[3] || (e[3] = a(() => {
+                }, ["stop"]))
+              }, [
+                l.size === "default" ? (n(), i("div", {
+                  key: 0,
+                  class: "qy-dialog__btn qy-dialog__btn--default",
+                  onClick: a(U, ["stop"]),
+                  onMousedown: e[0] || (e[0] = a(() => {
+                  }, ["stop"]))
+                }, e[4] || (e[4] = [
+                  t("span", {
+                    class: "icon-[material-symbols--minimize] text-xl mb-3",
+                    role: "img",
+                    "aria-hidden": "true"
+                  }, null, -1)
+                ]), 32)) : u("", !0),
+                l.showFullscreen ? (n(), i("div", {
+                  key: 1,
+                  class: "qy-dialog__btn qy-dialog__btn--default",
+                  onClick: a(T, ["stop"]),
+                  onMousedown: e[1] || (e[1] = a(() => {
+                  }, ["stop"]))
+                }, [
+                  g.value ? (n(), i("span", Se)) : (n(), i("span", Me))
+                ], 32)) : u("", !0),
+                t("div", {
+                  class: "qy-dialog__btn qy-dialog__btn--danger",
+                  onClick: a(y, ["stop"]),
+                  onMousedown: e[2] || (e[2] = a(() => {
+                  }, ["stop"]))
+                }, e[5] || (e[5] = [
+                  t("span", {
+                    class: "icon-[ri--close-line] text-xl",
+                    role: "img",
+                    "aria-hidden": "true"
+                  }, null, -1)
+                ]), 32)
+              ], 32)
+            ], 36)) : u("", !0)
+          ]),
+          default: w(() => [
+            t("div", {
+              class: Z(["qy-dialog__wrapper", s(_e)(g.value && "qy-dialog__wrapper--fullscreen")]),
+              style: $({
+                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)"
+              })
+            }, [
+              l.size === "small" ? (n(), i("div", Ie, [
+                v(f, {
+                  size: 36,
+                  class: "cursor-pointer text-gray-100 active:scale-75 rounded-sm transition-all",
+                  onClick: y
+                }, {
+                  default: w(() => [
+                    v(r)
+                  ]),
+                  _: 1
+                })
+              ])) : u("", !0),
+              h(o.$slots, "default")
+            ], 6)
+          ]),
+          _: 2
+        }, [
+          !o.$slots.footer && Array.isArray(S.value) ? {
+            name: "footer",
+            fn: w(() => [
+              t("div", Be, [
+                t("div", null, [
+                  h(o.$slots, "footer-left")
+                ]),
+                t("div", {
+                  class: Z([{
+                    "qy-dialog__footer--outline": M.value
+                  }, "qy-dialog__footer flex items-center justify-end"])
+                }, [
+                  S.value.includes("cancel") ? (n(), J(R, { key: 0 })) : u("", !0),
+                  S.value.includes("confirm") ? (n(), J(P, { key: 1 })) : u("", !0),
+                  h(o.$slots, "footer-append")
+                ], 2)
+              ])
+            ]),
+            key: "0"
+          } : j.value ? {
+            name: "footer",
+            fn: w(() => [
+              t("div", {
+                class: Z([{
+                  "qy-dialog__footer--outline": M.value
+                }, "qy-dialog__footer px-[var(--content-padding)] min-h-[var(--footer-height)] flex items-center justify-end"])
+              }, [
+                h(o.$slots, "footer", {
+                  layouts: V.value,
+                  layoutsNode: Object.values(V.value)
+                })
+              ], 2)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040, ["class", "model-value", "fullscreen", "z-index"]),
+        ve(t("div", {
+          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" }])
+        }, [
+          t("div", De, [
+            t("div", Ee, [
+              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("div", Ze, [
+              t("div", {
+                class: "p-1 hover:bg-gray-200 rounded",
+                onClick: a(U, ["stop"])
+              }, e[7] || (e[7] = [
+                t("div", { class: "icon-[mdi--window-maximize] text-gray-600" }, null, -1)
+              ])),
+              t("div", {
+                class: "p-1 hover:bg-red-100 rounded",
+                onClick: a(y, ["stop"])
+              }, e[8] || (e[8] = [
+                t("div", { class: "icon-[mdi--close] text-red-600" }, null, -1)
+              ]))
+            ])
+          ])
+        ], 4), [
+          [xe, m.value]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  Te 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 y=require("./upload/index.vue.cjs"),s=require("./dialog/index.vue.cjs"),d=require("./remark-image/index.vue.cjs"),m=require("./qy-input/index.vue.cjs"),I=require("./qy-search-input/index.vue.cjs"),S=require("./qy-record-quote-search/index.vue.cjs"),h=require("./qy-select/index.vue.cjs"),f=require("./qy-form-section/index.vue.cjs"),q=require("./qy-action-bar/index.vue.cjs"),t=require("./utils/install.cjs"),n=t.withInstall(y.default,"QyUpload"),o=t.withInstall(s.default,"QyDialog"),c=t.withInstall(d.default,"QyRemarkImage"),r=t.withInstall(m.default,"QyInput"),l=t.withInstall(I.default,"QySearchInput"),i=t.withInstall(S.default,"QyRecordQuoteSearch"),a=t.withInstall(h.default,"QySelect"),Q=t.withInstall(f.default,"QyFormSection"),u=t.withInstall(q.default,"QyActionBar"),g=e=>{e.component("QyDialog",o),e.component("QyUpload",n),e.component("QyRemarkImage",c),e.component("QyInput",r),e.component("QySearchInput",l),e.component("QyRecordQuoteSearch",i),e.component("QySelect",a),e.component("QyFormSection",Q),e.component("QyActionBar",u)},x={install:g,QyUpload:n,QyDialog:o,QyInput:r,QySearchInput:l,QyRecordQuoteSearch:i,QySelect:a,QyFormSection:Q,QyActionBar:u,QyRemarkImage:c};exports.QyActionBar=u;exports.QyDialog=o;exports.QyFormSection=Q;exports.QyInput=r;exports.QyRecordQuoteSearch=i;exports.QyRemarkImage=c;exports.QySearchInput=l;exports.QySelect=a;exports.QyUpload=n;exports.default=x;

package/dist/lib/index.mjs

@@ -0,0 +1,40 @@
+/* empty css           */
+import s from "./upload/index.vue.mjs";
+import p from "./dialog/index.vue.mjs";
+import l from "./remark-image/index.vue.mjs";
+import S from "./qy-input/index.vue.mjs";
+import f from "./qy-search-input/index.vue.mjs";
+import u from "./qy-record-quote-search/index.vue.mjs";
+import I from "./qy-select/index.vue.mjs";
+import d from "./qy-form-section/index.vue.mjs";
+import h from "./qy-action-bar/index.vue.mjs";
+import { withInstall as t } from "./utils/install.mjs";
+const n = t(s, "QyUpload"), c = t(p, "QyDialog"), e = t(l, "QyRemarkImage"), r = t(S, "QyInput"), m = t(f, "QySearchInput"), Q = t(
+  u,
+  "QyRecordQuoteSearch"
+), y = t(I, "QySelect"), i = t(d, "QyFormSection"), a = t(h, "QyActionBar"), R = (o) => {
+  o.component("QyDialog", c), o.component("QyUpload", n), o.component("QyRemarkImage", e), o.component("QyInput", r), o.component("QySearchInput", m), o.component("QyRecordQuoteSearch", Q), o.component("QySelect", y), o.component("QyFormSection", i), o.component("QyActionBar", a);
+}, b = {
+  install: R,
+  QyUpload: n,
+  QyDialog: c,
+  QyInput: r,
+  QySearchInput: m,
+  QyRecordQuoteSearch: Q,
+  QySelect: y,
+  QyFormSection: i,
+  QyActionBar: a,
+  QyRemarkImage: e
+};
+export {
+  a as QyActionBar,
+  c as QyDialog,
+  i as QyFormSection,
+  r as QyInput,
+  Q as QyRecordQuoteSearch,
+  e as QyRemarkImage,
+  m as QySearchInput,
+  y as QySelect,
+  n as QyUpload,
+  b 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=require("vue");;/* empty css             */const s=require("../../_virtual/plugin-vue_export-helper.cjs"),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,a=e.computed(()=>({bottom:`${o.offsetBottom}px`,background:o.background}));return(t,c)=>(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(a.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))}}),u=s.default(i,[["__scopeId","data-v-86002d5a"]]);exports.default=u;