@qxs-bns/components 0.0.1 → 0.0.3

package/dist/hooks/src/use-namespace/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),l="qxs",$="is-";function c(u,o,r,e,t){let a=`${u}-${o}`;return r&&(a+=`-${r}`),e&&(a+=`__${e}`),t&&(a+=`--${t}`),a}const s=Symbol("namespaceContextKey");function m(u){const o=n.getCurrentInstance()?n.inject(s,n.ref(l)):n.ref(l);return n.computed(()=>n.unref(o)||l)}function i(u,o){const r=m();return{namespace:r,b:(e="")=>c(r.value,u,e,"",""),e:e=>e?c(r.value,u,"",e,""):"",m:e=>e?c(r.value,u,"","",e):"",be:(e,t)=>e&&t?c(r.value,u,e,t,""):"",em:(e,t)=>e&&t?c(r.value,u,"",e,t):"",bm:(e,t)=>e&&t?c(r.value,u,e,"",t):"",bem:(e,t,a)=>e&&t&&a?c(r.value,u,e,t,a):"",is:(e,...t)=>{const a=t.length>=1?t[0]:!0;return e&&a?`${$}${e}`:""},cssVar:e=>{const t={};for(const a in e)e[a]&&(t[`--${r.value}-${a}`]=e[a]);return t},cssVarName:e=>`--${r.value}-${e}`,cssVarBlock:e=>{const t={};for(const a in e)e[a]&&(t[`--${r.value}-${u}-${a}`]=e[a]);return t},cssVarBlockName:e=>`--${r.value}-${u}-${e}`}}exports.defaultNamespace=l;exports.namespaceContextKey=s;exports.useGetDerivedNamespace=m;exports.useNamespace=i;

package/dist/hooks/src/use-namespace/index.js

@@ -0,0 +1,49 @@
+import { getCurrentInstance as l, inject as m, ref as s, computed as $, unref as v } from "vue";
+const o = "qxs", i = "is-";
+function n(r, u, c, e, a) {
+  let t = `${r}-${u}`;
+  return c && (t += `-${c}`), e && (t += `__${e}`), a && (t += `--${a}`), t;
+}
+const f = Symbol("namespaceContextKey");
+function p(r) {
+  const u = l() ? m(f, s(o)) : s(o);
+  return $(() => v(u) || o);
+}
+function N(r, u) {
+  const c = p();
+  return {
+    namespace: c,
+    b: (e = "") => n(c.value, r, e, "", ""),
+    e: (e) => e ? n(c.value, r, "", e, "") : "",
+    m: (e) => e ? n(c.value, r, "", "", e) : "",
+    be: (e, a) => e && a ? n(c.value, r, e, a, "") : "",
+    em: (e, a) => e && a ? n(c.value, r, "", e, a) : "",
+    bm: (e, a) => e && a ? n(c.value, r, e, "", a) : "",
+    bem: (e, a, t) => e && a && t ? n(c.value, r, e, a, t) : "",
+    is: (e, ...a) => {
+      const t = a.length >= 1 ? a[0] : !0;
+      return e && t ? `${i}${e}` : "";
+    },
+    // css
+    cssVar: (e) => {
+      const a = {};
+      for (const t in e)
+        e[t] && (a[`--${c.value}-${t}`] = e[t]);
+      return a;
+    },
+    cssVarName: (e) => `--${c.value}-${e}`,
+    cssVarBlock: (e) => {
+      const a = {};
+      for (const t in e)
+        e[t] && (a[`--${c.value}-${r}-${t}`] = e[t]);
+      return a;
+    },
+    cssVarBlockName: (e) => `--${c.value}-${r}-${e}`
+  };
+}
+export {
+  o as defaultNamespace,
+  f as namespaceContextKey,
+  p as useGetDerivedNamespace,
+  N as useNamespace
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qxs-bns/components",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Vue 3 Component Library",
   "main": "./index.cjs",
   "module": "./index.js",
@@ -38,7 +38,7 @@
     "@element-plus/icons-vue": "^2.0.0"
   },
   "dependencies": {
-    "@qxs-bns/hooks": "0.0.1",
-    "@qxs-bns/utils": "0.0.1"
+    "@qxs-bns/hooks": "0.0.3",
+    "@qxs-bns/utils": "0.0.3"
   }
 }

package/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.1";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.3";exports.version=e;

package/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.1";
+const o = "0.0.3";
 export {
   o as version
 };

package/src/file-upload/src/file-upload.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.6.3_/node_modules/@element-plus/icons-vue/dist/index.cjs"),h=require("../../../packages/hooks/src/use-namespace/index.cjs"),c=require("../../../node_modules/.pnpm/element-plus@2.8.7_vue@3.5.12_typescript@5.6.3_/node_modules/element-plus/es/components/message/index.cjs"),E={class:"slot"},x={key:0,class:"el-upload__tip"},C={style:{display:"inline-block"}},V=e.defineComponent({name:"QxsFileUpload",__name:"file-upload",props:{action:{},headers:{},data:{},name:{default:"file"},size:{default:20},max:{default:3},accept:{default:"zip,rar"},files:{default:()=>[]},notip:{type:Boolean,default:!1},ext:{}},emits:["onSuccess"],setup(d,{emit:u}){const a=d,p=u,m=h.useNamespace("file-upload"),i=e.computed(()=>a.accept.split(",").map(t=>t.split("/").pop())),f=t=>{var r;const l=(r=t.name.split(".").at(-1))!=null?r:"",s=i.value.includes(l),n=t.size/1024/1024<a.size;return s||c.ElMessage.error(`上传文件只支持 ${i.value.join(" / ")} 格式！`),n||c.ElMessage.error(`上传文件大小不能超过 ${a.size}MB！`),s&&n},_=()=>{c.ElMessage.warning("文件上传超过限制")},v=(t,o,l)=>{p("onSuccess",t,o,l)};return(t,o)=>{const l=e.resolveComponent("el-icon"),s=e.resolveComponent("el-alert"),n=e.resolveComponent("el-upload");return e.openBlock(),e.createBlock(n,{headers:t.headers,action:t.action,data:t.data,name:t.name,"before-upload":f,"on-exceed":_,"on-success":v,"file-list":t.files,limit:t.max,drag:"",class:e.normalizeClass(e.unref(m).e("control"))},{tip:e.withCtx(()=>[t.notip?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("div",C,[e.createVNode(s,{title:`上传文件支持 ${i.value.join(" / ")} 格式，单个文件大小不超过 ${t.size}MB，且文件数量不超过 ${t.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])]))]),default:e.withCtx(()=>[e.createElementVNode("div",E,[e.createVNode(l,{class:"el-icon--upload"},{default:e.withCtx(()=>[e.createVNode(e.unref(N.UploadFilled))]),_:1}),o[0]||(o[0]=e.createElementVNode("div",{class:"el-upload__text"},[e.createTextVNode(" 将文件拖到此处，或"),e.createElementVNode("em",null,"点击上传")],-1))])]),_:1},8,["headers","action","data","name","file-list","limit","class"])}}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.6.3_/node_modules/@element-plus/icons-vue/dist/index.cjs"),h=require("../../../dist/hooks/src/use-namespace/index.cjs"),c=require("../../../node_modules/.pnpm/element-plus@2.8.7_vue@3.5.12_typescript@5.6.3_/node_modules/element-plus/es/components/message/index.cjs"),E={class:"slot"},x={key:0,class:"el-upload__tip"},C={style:{display:"inline-block"}},V=e.defineComponent({name:"QxsFileUpload",__name:"file-upload",props:{action:{},headers:{},data:{},name:{default:"file"},size:{default:20},max:{default:3},accept:{default:"zip,rar"},files:{default:()=>[]},notip:{type:Boolean,default:!1},ext:{}},emits:["onSuccess"],setup(d,{emit:u}){const a=d,p=u,m=h.useNamespace("file-upload"),i=e.computed(()=>a.accept.split(",").map(t=>t.split("/").pop())),f=t=>{var r;const l=(r=t.name.split(".").at(-1))!=null?r:"",s=i.value.includes(l),n=t.size/1024/1024<a.size;return s||c.ElMessage.error(`上传文件只支持 ${i.value.join(" / ")} 格式！`),n||c.ElMessage.error(`上传文件大小不能超过 ${a.size}MB！`),s&&n},_=()=>{c.ElMessage.warning("文件上传超过限制")},v=(t,o,l)=>{p("onSuccess",t,o,l)};return(t,o)=>{const l=e.resolveComponent("el-icon"),s=e.resolveComponent("el-alert"),n=e.resolveComponent("el-upload");return e.openBlock(),e.createBlock(n,{headers:t.headers,action:t.action,data:t.data,name:t.name,"before-upload":f,"on-exceed":_,"on-success":v,"file-list":t.files,limit:t.max,drag:"",class:e.normalizeClass(e.unref(m).e("control"))},{tip:e.withCtx(()=>[t.notip?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("div",C,[e.createVNode(s,{title:`上传文件支持 ${i.value.join(" / ")} 格式，单个文件大小不超过 ${t.size}MB，且文件数量不超过 ${t.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])]))]),default:e.withCtx(()=>[e.createElementVNode("div",E,[e.createVNode(l,{class:"el-icon--upload"},{default:e.withCtx(()=>[e.createVNode(e.unref(N.UploadFilled))]),_:1}),o[0]||(o[0]=e.createElementVNode("div",{class:"el-upload__text"},[e.createTextVNode(" 将文件拖到此处，或"),e.createElementVNode("em",null,"点击上传")],-1))])]),_:1},8,["headers","action","data","name","file-list","limit","class"])}}});exports.default=V;

package/src/file-upload/src/file-upload.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent as B, computed as x, resolveComponent as c, openBlock as u, createBlock as C, normalizeClass as E, unref as f, withCtx as d, createElementBlock as $, createElementVNode as s, createVNode as r, createCommentVNode as b, createTextVNode as S } from "vue";
 import { UploadFilled as V } from "../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.6.3_/node_modules/@element-plus/icons-vue/dist/index.js";
-import { useNamespace as g } from "../../../packages/hooks/src/use-namespace/index.js";
+import { useNamespace as g } from "../../../dist/hooks/src/use-namespace/index.js";
 import { ElMessage as p } from "../../../node_modules/.pnpm/element-plus@2.8.7_vue@3.5.12_typescript@5.6.3_/node_modules/element-plus/es/components/message/index.js";
 const w = { class: "slot" }, M = {
   key: 0,
   class: "el-upload__tip"
-}, U = { style: { display: "inline-block" } }, Q = /* @__PURE__ */ B({
+}, U = { style: { display: "inline-block" } }, I = /* @__PURE__ */ B({
   name: "QxsFileUpload",
   __name: "file-upload",
   props: {
@@ -78,5 +78,5 @@ const w = { class: "slot" }, M = {
   }
 });
 export {
-  Q as default
+  I as default
 };

package/src/fixed-action-bar/src/fixed-action-bar.vue.cjs

@@ -1 +1 @@
-"use strict";var E=Object.defineProperty;var f=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var p=(o,n,t)=>n in o?E(o,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[n]=t,h=(o,n)=>{for(var t in n||(n={}))S.call(n,t)&&p(o,t,n[t]);if(f)for(var t of f(n))y.call(n,t)&&p(o,t,n[t]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../../../packages/hooks/src/use-namespace/index.cjs"),l=require("../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.3_/node_modules/@vueuse/core/index.cjs"),$=e.defineComponent({name:"QxsFixedActionBar",inheritAttrs:!1,__name:"fixed-action-bar",props:{padding:{type:String,default:"8px"}},setup(o){const n=o,t=_.useNamespace("fixed-action-bar"),b=e.useAttrs(),s=e.ref(!1),a=e.ref(null),i=e.ref(null),d=l.useParentElement(i),{height:g}=l.useElementSize(a,void 0,{box:"border-box"}),{left:w}=l.useElementBounding(d),{width:x}=l.useElementSize(d,void 0,{box:"border-box"});function r(){const c=window.scrollY||document.documentElement.scrollTop,m=window.innerHeight||document.documentElement.clientHeight,v=document.documentElement.scrollHeight;s.value=Math.ceil(c+m)>=v}e.onMounted(()=>{r(),window.addEventListener("scroll",r)}),e.onUnmounted(()=>{window.removeEventListener("scroll",r)});const u=e.computed(()=>h({width:`${x||0}px`,left:`${w}px`,class:`${s.value?"":t.is("shadow")} ${b.class||""}`},t.cssVarBlock({"actionbar-padding":`${n.padding}`})));return(c,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"placeholderRef",ref:i,style:e.normalizeStyle(`width: 100%; height: ${e.unref(g)}px`)},null,4),e.createElementVNode("div",{ref_key:"actionbar",ref:a,style:e.normalizeStyle(u.value),class:e.normalizeClass([u.value.class,e.unref(t).e("actionbar")]),"data-fixed-calc-width":""},[e.renderSlot(c.$slots,"default")],6)],64))}});exports.default=$;
+"use strict";var E=Object.defineProperty;var f=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var p=(o,n,t)=>n in o?E(o,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[n]=t,h=(o,n)=>{for(var t in n||(n={}))S.call(n,t)&&p(o,t,n[t]);if(f)for(var t of f(n))y.call(n,t)&&p(o,t,n[t]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../../../dist/hooks/src/use-namespace/index.cjs"),l=require("../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.3_/node_modules/@vueuse/core/index.cjs"),$=e.defineComponent({name:"QxsFixedActionBar",inheritAttrs:!1,__name:"fixed-action-bar",props:{padding:{type:String,default:"8px"}},setup(o){const n=o,t=_.useNamespace("fixed-action-bar"),b=e.useAttrs(),s=e.ref(!1),a=e.ref(null),i=e.ref(null),d=l.useParentElement(i),{height:g}=l.useElementSize(a,void 0,{box:"border-box"}),{left:w}=l.useElementBounding(d),{width:x}=l.useElementSize(d,void 0,{box:"border-box"});function r(){const c=window.scrollY||document.documentElement.scrollTop,m=window.innerHeight||document.documentElement.clientHeight,v=document.documentElement.scrollHeight;s.value=Math.ceil(c+m)>=v}e.onMounted(()=>{r(),window.addEventListener("scroll",r)}),e.onUnmounted(()=>{window.removeEventListener("scroll",r)});const u=e.computed(()=>h({width:`${x||0}px`,left:`${w}px`,class:`${s.value?"":t.is("shadow")} ${b.class||""}`},t.cssVarBlock({"actionbar-padding":`${n.padding}`})));return(c,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"placeholderRef",ref:i,style:e.normalizeStyle(`width: 100%; height: ${e.unref(g)}px`)},null,4),e.createElementVNode("div",{ref_key:"actionbar",ref:a,style:e.normalizeStyle(u.value),class:e.normalizeClass([u.value.class,e.unref(t).e("actionbar")]),"data-fixed-calc-width":""},[e.renderSlot(c.$slots,"default")],6)],64))}});exports.default=$;

package/src/fixed-action-bar/src/fixed-action-bar.vue.js

@@ -9,10 +9,10 @@ var p = (o, t, e) => t in o ? $(o, t, { enumerable: !0, configurable: !0, writab
       S.call(t, e) && p(o, e, t[e]);
   return o;
 };
-import { defineComponent as k, useAttrs as H, ref as c, onMounted as z, onUnmounted as A, computed as L, openBlock as C, createElementBlock as F, Fragment as M, createElementVNode as h, normalizeStyle as w, unref as x, normalizeClass as N, renderSlot as P } from "vue";
-import { useNamespace as R } from "../../../packages/hooks/src/use-namespace/index.js";
+import { defineComponent as k, useAttrs as H, ref as a, onMounted as z, onUnmounted as A, computed as L, openBlock as C, createElementBlock as F, Fragment as M, createElementVNode as h, normalizeStyle as w, unref as x, normalizeClass as N, renderSlot as P } from "vue";
+import { useNamespace as R } from "../../../dist/hooks/src/use-namespace/index.js";
 import { useParentElement as T, useElementSize as b, useElementBounding as V } from "../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.3_/node_modules/@vueuse/core/index.js";
-const Y = /* @__PURE__ */ k({
+const W = /* @__PURE__ */ k({
   name: "QxsFixedActionBar",
   inheritAttrs: !1,
   __name: "fixed-action-bar",
@@ -23,10 +23,10 @@ const Y = /* @__PURE__ */ k({
     }
   },
   setup(o) {
-    const t = o, e = R("fixed-action-bar"), g = H(), r = c(!1), a = c(null), s = c(null), i = T(s), { height: v } = b(a, void 0, { box: "border-box" }), { left: E } = V(i), { width: y } = b(i, void 0, { box: "border-box" });
+    const t = o, e = R("fixed-action-bar"), g = H(), c = a(!1), r = a(null), s = a(null), i = T(s), { height: v } = b(r, void 0, { box: "border-box" }), { left: E } = V(i), { width: y } = b(i, void 0, { box: "border-box" });
     function n() {
       const l = window.scrollY || document.documentElement.scrollTop, m = window.innerHeight || document.documentElement.clientHeight, _ = document.documentElement.scrollHeight;
-      r.value = Math.ceil(l + m) >= _;
+      c.value = Math.ceil(l + m) >= _;
     }
     z(() => {
       n(), window.addEventListener("scroll", n);
@@ -36,7 +36,7 @@ const Y = /* @__PURE__ */ k({
     const d = L(() => f({
       width: `${y || 0}px`,
       left: `${E}px`,
-      class: `${r.value ? "" : e.is("shadow")} ${g.class || ""}`
+      class: `${c.value ? "" : e.is("shadow")} ${g.class || ""}`
     }, e.cssVarBlock({
       "actionbar-padding": `${t.padding}`
     })));
@@ -48,7 +48,7 @@ const Y = /* @__PURE__ */ k({
       }, null, 4),
       h("div", {
         ref_key: "actionbar",
-        ref: a,
+        ref: r,
         style: w(d.value),
         class: N([d.value.class, x(e).e("actionbar")]),
         "data-fixed-calc-width": ""
@@ -59,5 +59,5 @@ const Y = /* @__PURE__ */ k({
   }
 });
 export {
-  Y as default
+  W as default
 };

package/src/image-upload/src/image-upload.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.6.3_/node_modules/@element-plus/icons-vue/dist/index.cjs"),C=require("../../../packages/hooks/src/use-namespace/index.cjs"),u=require("../../../node_modules/.pnpm/element-plus@2.8.7_vue@3.5.12_typescript@5.6.3_/node_modules/element-plus/es/components/message/index.cjs"),$={key:1,class:"image"},B={class:"mask"},E={class:"actions"},S={key:0,class:"el-upload__tip-text"},z={style:{display:"inline-block"}},b=e.defineComponent({name:"QxsImageUpload",__name:"image-upload",props:{action:{},headers:{},data:{},name:{default:"file"},url:{default:""},size:{default:20},width:{default:160},accept:{default:"image/jpeg,image/jpg,image/png,image/gif"},height:{default:90},placeholder:{default:"点击上传图片"},notip:{type:Boolean,default:!1},tipText:{},beforeUpload:{}},emits:["update:url","onSuccess"],setup(m,{emit:h}){const s=m,c=h,d=C.useNamespace("image-upload"),l=e.ref({imageViewerVisible:!1,progress:{preview:"",percent:0}}),n=e.computed(()=>s.accept.split(",").map(t=>t.split("/").pop()));function g(){l.value.imageViewerVisible=!0}function f(){l.value.imageViewerVisible=!1}function v(){c("update:url","")}const w=t=>{var r;const i=(r=t.name.split(".").at(-1))!=null?r:"",o=n.value.includes(i),a=t.size/1024/1024<s.size;return o?a?l.value.progress.preview=URL.createObjectURL(t):u.ElMessage.error(`上传图片大小不能超过 ${s.size}MB！`):u.ElMessage.error(`上传图片只支持${n.value.join(" / ")}格式！`),o&&a&&(!s.beforeUpload||s.beforeUpload(t))},V=t=>{l.value.progress.percent=~~t.percent},y=(...t)=>{l.value.progress.preview="",l.value.progress.percent=0,c("onSuccess",...t)};return(t,N)=>{const i=e.resolveComponent("el-icon"),o=e.resolveComponent("el-image"),a=e.resolveComponent("el-progress"),r=e.resolveComponent("el-upload"),k=e.resolveComponent("el-image-viewer");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(d).e("upload-container"))},[e.createVNode(r,{"show-file-list":!1,headers:t.headers,action:t.action,data:t.data,name:t.name,"before-upload":w,"on-progress":V,"on-success":y,drag:"",accept:t.accept,class:e.normalizeClass(e.unref(d).e("image-upload"))},{default:e.withCtx(()=>[t.url===""?(e.openBlock(),e.createBlock(o,{key:0,src:t.url===""?t.placeholder:t.url,style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`),fit:"fill"},{error:e.withCtx(()=>[e.createElementVNode("div",{class:"image-slot",style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`)},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(p.Plus))]),_:1}),e.createElementVNode("p",null,e.toDisplayString(t.placeholder),1)],4)]),_:1},8,["src","style"])):(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(o,{src:t.url,style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`),fit:"fill"},null,8,["src","style"]),e.createElementVNode("div",B,[e.createElementVNode("div",E,[e.createElementVNode("span",{title:"预览",onClick:e.withModifiers(g,["stop"])},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(p.ZoomIn))]),_:1})]),e.createElementVNode("span",{title:"移除",onClick:e.withModifiers(v,["stop"])},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(p.Delete))]),_:1})])])])])),e.withDirectives(e.createElementVNode("div",{class:"progress",style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`)},[e.createVNode(o,{src:l.value.progress.preview,style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`),fit:"fill"},null,8,["src","style"]),e.createVNode(a,{type:"circle",width:Math.min(t.width,t.height)*.8,percentage:l.value.progress.percent},null,8,["width","percentage"])],4),[[e.vShow,t.url===""&&l.value.progress.percent]])]),_:1},8,["headers","action","data","name","accept","class"]),t.notip?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("div",z,e.toDisplayString(t.tipText||`上传图片支持 ${n.value.join(" / ")} 格式，且图片大小不超过 ${t.size}MB，建议图片尺寸为 ${t.width}*${t.height}`),1)])),l.value.imageViewerVisible?(e.openBlock(),e.createBlock(k,{key:1,"url-list":[t.url],teleported:"",onClose:f},null,8,["url-list"])):e.createCommentVNode("",!0)],2)}}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.6.3_/node_modules/@element-plus/icons-vue/dist/index.cjs"),C=require("../../../dist/hooks/src/use-namespace/index.cjs"),u=require("../../../node_modules/.pnpm/element-plus@2.8.7_vue@3.5.12_typescript@5.6.3_/node_modules/element-plus/es/components/message/index.cjs"),$={key:1,class:"image"},B={class:"mask"},E={class:"actions"},S={key:0,class:"el-upload__tip-text"},z={style:{display:"inline-block"}},b=e.defineComponent({name:"QxsImageUpload",__name:"image-upload",props:{action:{},headers:{},data:{},name:{default:"file"},url:{default:""},size:{default:20},width:{default:160},accept:{default:"image/jpeg,image/jpg,image/png,image/gif"},height:{default:90},placeholder:{default:"点击上传图片"},notip:{type:Boolean,default:!1},tipText:{},beforeUpload:{}},emits:["update:url","onSuccess"],setup(m,{emit:h}){const s=m,c=h,d=C.useNamespace("image-upload"),l=e.ref({imageViewerVisible:!1,progress:{preview:"",percent:0}}),n=e.computed(()=>s.accept.split(",").map(t=>t.split("/").pop()));function g(){l.value.imageViewerVisible=!0}function f(){l.value.imageViewerVisible=!1}function v(){c("update:url","")}const w=t=>{var r;const i=(r=t.name.split(".").at(-1))!=null?r:"",o=n.value.includes(i),a=t.size/1024/1024<s.size;return o?a?l.value.progress.preview=URL.createObjectURL(t):u.ElMessage.error(`上传图片大小不能超过 ${s.size}MB！`):u.ElMessage.error(`上传图片只支持${n.value.join(" / ")}格式！`),o&&a&&(!s.beforeUpload||s.beforeUpload(t))},V=t=>{l.value.progress.percent=~~t.percent},y=(...t)=>{l.value.progress.preview="",l.value.progress.percent=0,c("onSuccess",...t)};return(t,N)=>{const i=e.resolveComponent("el-icon"),o=e.resolveComponent("el-image"),a=e.resolveComponent("el-progress"),r=e.resolveComponent("el-upload"),k=e.resolveComponent("el-image-viewer");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(d).e("upload-container"))},[e.createVNode(r,{"show-file-list":!1,headers:t.headers,action:t.action,data:t.data,name:t.name,"before-upload":w,"on-progress":V,"on-success":y,drag:"",accept:t.accept,class:e.normalizeClass(e.unref(d).e("image-upload"))},{default:e.withCtx(()=>[t.url===""?(e.openBlock(),e.createBlock(o,{key:0,src:t.url===""?t.placeholder:t.url,style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`),fit:"fill"},{error:e.withCtx(()=>[e.createElementVNode("div",{class:"image-slot",style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`)},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(p.Plus))]),_:1}),e.createElementVNode("p",null,e.toDisplayString(t.placeholder),1)],4)]),_:1},8,["src","style"])):(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(o,{src:t.url,style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`),fit:"fill"},null,8,["src","style"]),e.createElementVNode("div",B,[e.createElementVNode("div",E,[e.createElementVNode("span",{title:"预览",onClick:e.withModifiers(g,["stop"])},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(p.ZoomIn))]),_:1})]),e.createElementVNode("span",{title:"移除",onClick:e.withModifiers(v,["stop"])},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(p.Delete))]),_:1})])])])])),e.withDirectives(e.createElementVNode("div",{class:"progress",style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`)},[e.createVNode(o,{src:l.value.progress.preview,style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`),fit:"fill"},null,8,["src","style"]),e.createVNode(a,{type:"circle",width:Math.min(t.width,t.height)*.8,percentage:l.value.progress.percent},null,8,["width","percentage"])],4),[[e.vShow,t.url===""&&l.value.progress.percent]])]),_:1},8,["headers","action","data","name","accept","class"]),t.notip?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("div",z,e.toDisplayString(t.tipText||`上传图片支持 ${n.value.join(" / ")} 格式，且图片大小不超过 ${t.size}MB，建议图片尺寸为 ${t.width}*${t.height}`),1)])),l.value.imageViewerVisible?(e.openBlock(),e.createBlock(k,{key:1,"url-list":[t.url],teleported:"",onClose:f},null,8,["url-list"])):e.createCommentVNode("",!0)],2)}}});exports.default=b;

package/src/image-upload/src/image-upload.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as E, ref as O, computed as T, resolveComponent as r, openBlock as n, createElementBlock as g, normalizeClass as w, unref as p, createVNode as s, withCtx as d, createBlock as y, normalizeStyle as u, createElementVNode as t, toDisplayString as $, withModifiers as k, withDirectives as I, vShow as L, createCommentVNode as _ } from "vue";
+import { defineComponent as E, ref as I, computed as O, resolveComponent as r, openBlock as n, createElementBlock as g, normalizeClass as w, unref as p, createVNode as l, withCtx as d, createBlock as y, normalizeStyle as u, createElementVNode as t, toDisplayString as $, withModifiers as k, withDirectives as T, vShow as L, createCommentVNode as _ } from "vue";
 import { Plus as P, ZoomIn as R, Delete as Q } from "../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.6.3_/node_modules/@element-plus/icons-vue/dist/index.js";
-import { useNamespace as Z } from "../../../packages/hooks/src/use-namespace/index.js";
+import { useNamespace as Z } from "../../../dist/hooks/src/use-namespace/index.js";
 import { ElMessage as V } from "../../../node_modules/.pnpm/element-plus@2.8.7_vue@3.5.12_typescript@5.6.3_/node_modules/element-plus/es/components/message/index.js";
 const q = {
   key: 1,
@@ -28,18 +28,18 @@ const q = {
   },
   emits: ["update:url", "onSuccess"],
   setup(b, { emit: z }) {
-    const o = b, f = z, v = Z("image-upload"), l = O({
+    const o = b, f = z, v = Z("image-upload"), s = I({
       imageViewerVisible: !1,
       progress: {
         preview: "",
         percent: 0
       }
-    }), m = T(() => o.accept.split(",").map((e) => e.split("/").pop()));
+    }), m = O(() => o.accept.split(",").map((e) => e.split("/").pop()));
     function C() {
-      l.value.imageViewerVisible = !0;
+      s.value.imageViewerVisible = !0;
     }
     function B() {
-      l.value.imageViewerVisible = !1;
+      s.value.imageViewerVisible = !1;
     }
     function S() {
       f("update:url", "");
@@ -47,18 +47,18 @@ const q = {
     const U = (e) => {
       var h;
       const a = (h = e.name.split(".").at(-1)) != null ? h : "", i = m.value.includes(a), c = e.size / 1024 / 1024 < o.size;
-      return i ? c ? l.value.progress.preview = URL.createObjectURL(e) : V.error(`上传图片大小不能超过 ${o.size}MB！`) : V.error(`上传图片只支持${m.value.join(" / ")}格式！`), i && c && (!o.beforeUpload || o.beforeUpload(e));
+      return i ? c ? s.value.progress.preview = URL.createObjectURL(e) : V.error(`上传图片大小不能超过 ${o.size}MB！`) : V.error(`上传图片只支持${m.value.join(" / ")}格式！`), i && c && (!o.beforeUpload || o.beforeUpload(e));
     }, N = (e) => {
-      l.value.progress.percent = ~~e.percent;
+      s.value.progress.percent = ~~e.percent;
     }, j = (...e) => {
-      l.value.progress.preview = "", l.value.progress.percent = 0, f("onSuccess", ...e);
+      s.value.progress.preview = "", s.value.progress.percent = 0, f("onSuccess", ...e);
     };
     return (e, M) => {
       const a = r("el-icon"), i = r("el-image"), c = r("el-progress"), h = r("el-upload"), D = r("el-image-viewer");
       return n(), g("div", {
         class: w(p(v).e("upload-container"))
       }, [
-        s(h, {
+        l(h, {
           "show-file-list": !1,
           headers: e.headers,
           action: e.action,
@@ -83,9 +83,9 @@ const q = {
                   class: "image-slot",
                   style: u(`width:${e.width}px;height:${e.height}px;`)
                 }, [
-                  s(a, null, {
+                  l(a, null, {
                     default: d(() => [
-                      s(p(P))
+                      l(p(P))
                     ]),
                     _: 1
                   }),
@@ -94,7 +94,7 @@ const q = {
               ]),
               _: 1
             }, 8, ["src", "style"])) : (n(), g("div", q, [
-              s(i, {
+              l(i, {
                 src: e.url,
                 style: u(`width:${e.width}px;height:${e.height}px;`),
                 fit: "fill"
@@ -105,9 +105,9 @@ const q = {
                     title: "预览",
                     onClick: k(C, ["stop"])
                   }, [
-                    s(a, null, {
+                    l(a, null, {
                       default: d(() => [
-                        s(p(R))
+                        l(p(R))
                       ]),
                       _: 1
                     })
@@ -116,9 +116,9 @@ const q = {
                     title: "移除",
                     onClick: k(S, ["stop"])
                   }, [
-                    s(a, null, {
+                    l(a, null, {
                       default: d(() => [
-                        s(p(Q))
+                        l(p(Q))
                       ]),
                       _: 1
                     })
@@ -126,22 +126,22 @@ const q = {
                 ])
               ])
             ])),
-            I(t("div", {
+            T(t("div", {
               class: "progress",
               style: u(`width:${e.width}px;height:${e.height}px;`)
             }, [
-              s(i, {
-                src: l.value.progress.preview,
+              l(i, {
+                src: s.value.progress.preview,
                 style: u(`width:${e.width}px;height:${e.height}px;`),
                 fit: "fill"
               }, null, 8, ["src", "style"]),
-              s(c, {
+              l(c, {
                 type: "circle",
                 width: Math.min(e.width, e.height) * 0.8,
-                percentage: l.value.progress.percent
+                percentage: s.value.progress.percent
               }, null, 8, ["width", "percentage"])
             ], 4), [
-              [L, e.url === "" && l.value.progress.percent]
+              [L, e.url === "" && s.value.progress.percent]
             ])
           ]),
           _: 1
@@ -149,7 +149,7 @@ const q = {
         e.notip ? _("", !0) : (n(), g("div", G, [
           t("div", H, $(e.tipText || `上传图片支持 ${m.value.join(" / ")} 格式，且图片大小不超过 ${e.size}MB，建议图片尺寸为 ${e.width}*${e.height}`), 1)
         ])),
-        l.value.imageViewerVisible ? (n(), y(D, {
+        s.value.imageViewerVisible ? (n(), y(D, {
           key: 1,
           "url-list": [e.url],
           teleported: "",

package/src/photo-crop-tool/src/photo-crop-tool.vue.cjs

@@ -1 +1 @@
-"use strict";var P=(M,S,a)=>new Promise((T,E)=>{var f=v=>{try{h(a.next(v))}catch(u){E(u)}},x=v=>{try{h(a.throw(v))}catch(u){E(u)}},h=v=>v.done?T(v.value):Promise.resolve(v.value).then(f,x);h((a=a.apply(M,S)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),J=require("../../../packages/hooks/src/use-namespace/index.cjs"),$=require("../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.3_/node_modules/@vueuse/core/index.cjs"),K=require("./composables.cjs"),Z=["src"],ee=e.defineComponent({name:"QxsPhotoCropTool",__name:"photo-crop-tool",props:{imgFile:{type:Object,default:()=>null},aspectRatio:{type:String,default:()=>"16 / 9"},defaultWidth:{type:Number,default:()=>320},defaultHeight:{type:Number,default:()=>180},zoomType:{type:String,default:()=>"fixed"}},setup(M,{expose:S}){const a=M;let T=0,E=0,f=0,x=0;const h=J.useNamespace("photo-crop-tool"),v=e.ref(null),u=e.ref(null),B=e.ref(null),F=e.ref(""),c=e.ref(""),L=e.ref({x:0,y:0}),t=e.ref({width:a.defaultWidth,height:a.defaultHeight,x:0,y:0}),{width:k,height:N}=$.useElementSize(v),{width:X}=$.useElementSize(B),{x:m,y:g,style:Y}=$.useDraggable(v,{containerElement:u,draggingElement:v,disabled:e.computed(()=>!!c.value),exact:!0,initialValue:L}),V=e.computed(()=>a.imgFile?URL.createObjectURL(a.imgFile):"");e.watch(()=>a.imgFile,l=>{l&&!l.type.startsWith("image/")?F.value="文件类型错误":F.value=""});const D=e.computed(()=>{var l;return(((l=B.value)==null?void 0:l.naturalWidth)||0)/X.value}),p=e.computed(()=>{const l={left:0,top:0};return c.value==="bottom-right"?(l.left=t.value.x,l.top=t.value.y):c.value==="top-left"?(l.left=t.value.x-k.value,l.top=t.value.y-N.value):c.value==="top-right"?(l.top=t.value.y-N.value,l.left=t.value.x):c.value==="bottom-left"&&(l.left=t.value.x-k.value,l.top=t.value.y),l}),Q=e.computed(()=>{const{aspectRatio:l}=a,i={width:`${t.value.width||a.defaultWidth}`,height:`${t.value.height||a.defaultHeight}`,"aspect-ratio":l,top:`${p.value.top}px`,left:`${p.value.left}px`};return a.zoomType==="free"?delete i["aspect-ratio"]:a.zoomType==="fixed"&&delete i.height,h.cssVarBlock(i)});function y(l){return l*D.value}function A(){return P(this,arguments,function*(l=B.value){var W,C;let i="transparent";u.value&&(i=window.getComputedStyle(u.value).backgroundColor);const n=document.createElement("canvas");n.width=y(((W=u.value)==null?void 0:W.clientWidth)||0),n.height=y(((C=u.value)==null?void 0:C.clientHeight)||0);const{drawImage:H,cropCanvas:b,drawColor:z}=K.useCanvas(n);return z(0,0,n.width,n.height,i),H(l,y(l.offsetLeft),y(l.offsetTop),l.naturalWidth,l.naturalHeight),yield b(y(m.value),y(g.value),y(k.value),y(N.value))})}function w(l,i){var b,z;const n=((b=u.value)==null?void 0:b.clientWidth)||1/0,H=((z=u.value)==null?void 0:z.clientHeight)||1/0;return{width:Math.min(Math.max(l,0),n),height:Math.min(Math.max(i,0),H)}}function U(l){var H,b,z,W,C,j,q,O;const i=l.clientX-T,n=l.clientY-E;if(c.value==="bottom-right"){if(a.zoomType==="free"){const{width:s,height:o}=w(f+i,x+n);t.value.width=s,t.value.height=o}else if(a.zoomType==="fixed"){const s=Number.parseFloat(a.aspectRatio.split(" / ")[0])/Number.parseFloat(a.aspectRatio.split(" / ")[1]);let o=f+i,r=o/s;const{width:R,height:d}=w(o,r);d>(((H=u.value)==null?void 0:H.clientHeight)||1/0)&&(r=((b=u.value)==null?void 0:b.clientHeight)||1/0,o=r*s),t.value.width=R,t.value.height=d}}else if(c.value==="top-left"){if(a.zoomType==="free"){const{width:s,height:o}=w(f-i,x-n);t.value.width=s,t.value.height=o}else if(a.zoomType==="fixed"){const s=Number.parseFloat(a.aspectRatio.split(" / ")[0])/Number.parseFloat(a.aspectRatio.split(" / ")[1]);let o=f-i,r=o/s;const{width:R,height:d}=w(o,r);d>(((z=u.value)==null?void 0:z.clientHeight)||1/0)&&(r=((W=u.value)==null?void 0:W.clientHeight)||1/0,o=r*s),t.value.width=R,t.value.height=d}m.value=p.value.left,g.value=p.value.top}else if(c.value==="top-right"){if(a.zoomType==="free"){const{width:s,height:o}=w(f+i,x-n);t.value.width=s,t.value.height=o}else if(a.zoomType==="fixed"){const s=Number.parseFloat(a.aspectRatio.split(" / ")[0])/Number.parseFloat(a.aspectRatio.split(" / ")[1]);let o=f+i,r=o/s;const{width:R,height:d}=w(o,r);d>(((C=u.value)==null?void 0:C.clientHeight)||1/0)&&(r=((j=u.value)==null?void 0:j.clientHeight)||1/0,o=r*s),t.value.width=R,t.value.height=d}m.value=p.value.left,g.value=p.value.top}else if(c.value==="bottom-left"){if(a.zoomType==="free"){const{width:s,height:o}=w(f-i,x+n);t.value.width=s,t.value.height=o}else if(a.zoomType==="fixed"){const s=Number.parseFloat(a.aspectRatio.split(" / ")[0])/Number.parseFloat(a.aspectRatio.split(" / ")[1]);let o=f-i,r=o/s;const{width:R,height:d}=w(o,r);d>(((q=u.value)==null?void 0:q.clientHeight)||1/0)&&(r=((O=u.value)==null?void 0:O.clientHeight)||1/0,o=r*s),t.value.width=R,t.value.height=d}m.value=p.value.left,g.value=p.value.top}l.preventDefault(),l.stopPropagation()}function I(l,i){c.value=i,T=l.clientX,E=l.clientY,f=t.value.width,x=t.value.height,i==="bottom-right"?(t.value.x=m.value,t.value.y=g.value):i==="top-left"?(t.value.x=m.value+k.value,t.value.y=g.value+N.value):i==="top-right"?(t.value.x=m.value,t.value.y=g.value+N.value):i==="bottom-left"&&(t.value.x=m.value+k.value,t.value.y=g.value)}function _(){c.value=""}function G(){t.value.width=a.defaultWidth,t.value.height=a.defaultHeight,m.value=0,g.value=0}return document.addEventListener("mouseup",_),document.addEventListener("mousemove",U),e.onMounted(()=>{e.nextTick(()=>{var l,i;L.value.x=(((l=u.value)==null?void 0:l.offsetWidth)||0)/2-t.value.width/2,L.value.y=(((i=u.value)==null?void 0:i.offsetHeight)||0)/2-t.value.height/2})}),e.onUnmounted(()=>{V.value&&URL.revokeObjectURL(V.value),document.removeEventListener("mouseup",_),document.removeEventListener("mousemove",U)}),S({crop:A,resize:G}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerBoxRef",ref:u,class:e.normalizeClass([e.unref(h).e("img-box")])},[F.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(h).e("error-message")])},e.toDisplayString(F.value),3)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("img",{ref_key:"imgRef",ref:B,class:e.normalizeClass([e.unref(h).e("image")]),src:V.value},null,10,Z),e.createElementVNode("div",{ref_key:"cropBoxRef",ref:v,class:e.normalizeClass([e.unref(h).e("crop-tool-box")]),style:e.normalizeStyle([Q.value,c.value?`left: ${p.value.left}px;top: ${p.value.top}px`:e.unref(Y)])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(h).e("top-left")]),onMousedown:i[0]||(i[0]=n=>I(n,"top-left"))},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h).e("top-right")]),onMousedown:i[1]||(i[1]=n=>I(n,"top-right"))},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h).e("bottom-right")]),onMousedown:i[2]||(i[2]=n=>I(n,"bottom-right"))},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h).e("bottom-left")]),onMousedown:i[3]||(i[3]=n=>I(n,"bottom-left"))},null,34)],6)],64))],2))}});exports.default=ee;
+"use strict";var P=(M,S,a)=>new Promise((T,E)=>{var f=v=>{try{h(a.next(v))}catch(u){E(u)}},x=v=>{try{h(a.throw(v))}catch(u){E(u)}},h=v=>v.done?T(v.value):Promise.resolve(v.value).then(f,x);h((a=a.apply(M,S)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),J=require("../../../dist/hooks/src/use-namespace/index.cjs"),$=require("../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.3_/node_modules/@vueuse/core/index.cjs"),K=require("./composables.cjs"),Z=["src"],ee=e.defineComponent({name:"QxsPhotoCropTool",__name:"photo-crop-tool",props:{imgFile:{type:Object,default:()=>null},aspectRatio:{type:String,default:()=>"16 / 9"},defaultWidth:{type:Number,default:()=>320},defaultHeight:{type:Number,default:()=>180},zoomType:{type:String,default:()=>"fixed"}},setup(M,{expose:S}){const a=M;let T=0,E=0,f=0,x=0;const h=J.useNamespace("photo-crop-tool"),v=e.ref(null),u=e.ref(null),B=e.ref(null),F=e.ref(""),c=e.ref(""),L=e.ref({x:0,y:0}),t=e.ref({width:a.defaultWidth,height:a.defaultHeight,x:0,y:0}),{width:k,height:N}=$.useElementSize(v),{width:X}=$.useElementSize(B),{x:m,y:g,style:Y}=$.useDraggable(v,{containerElement:u,draggingElement:v,disabled:e.computed(()=>!!c.value),exact:!0,initialValue:L}),V=e.computed(()=>a.imgFile?URL.createObjectURL(a.imgFile):"");e.watch(()=>a.imgFile,l=>{l&&!l.type.startsWith("image/")?F.value="文件类型错误":F.value=""});const D=e.computed(()=>{var l;return(((l=B.value)==null?void 0:l.naturalWidth)||0)/X.value}),p=e.computed(()=>{const l={left:0,top:0};return c.value==="bottom-right"?(l.left=t.value.x,l.top=t.value.y):c.value==="top-left"?(l.left=t.value.x-k.value,l.top=t.value.y-N.value):c.value==="top-right"?(l.top=t.value.y-N.value,l.left=t.value.x):c.value==="bottom-left"&&(l.left=t.value.x-k.value,l.top=t.value.y),l}),Q=e.computed(()=>{const{aspectRatio:l}=a,i={width:`${t.value.width||a.defaultWidth}`,height:`${t.value.height||a.defaultHeight}`,"aspect-ratio":l,top:`${p.value.top}px`,left:`${p.value.left}px`};return a.zoomType==="free"?delete i["aspect-ratio"]:a.zoomType==="fixed"&&delete i.height,h.cssVarBlock(i)});function y(l){return l*D.value}function A(){return P(this,arguments,function*(l=B.value){var W,C;let i="transparent";u.value&&(i=window.getComputedStyle(u.value).backgroundColor);const n=document.createElement("canvas");n.width=y(((W=u.value)==null?void 0:W.clientWidth)||0),n.height=y(((C=u.value)==null?void 0:C.clientHeight)||0);const{drawImage:H,cropCanvas:b,drawColor:z}=K.useCanvas(n);return z(0,0,n.width,n.height,i),H(l,y(l.offsetLeft),y(l.offsetTop),l.naturalWidth,l.naturalHeight),yield b(y(m.value),y(g.value),y(k.value),y(N.value))})}function w(l,i){var b,z;const n=((b=u.value)==null?void 0:b.clientWidth)||1/0,H=((z=u.value)==null?void 0:z.clientHeight)||1/0;return{width:Math.min(Math.max(l,0),n),height:Math.min(Math.max(i,0),H)}}function U(l){var H,b,z,W,C,j,q,O;const i=l.clientX-T,n=l.clientY-E;if(c.value==="bottom-right"){if(a.zoomType==="free"){const{width:s,height:o}=w(f+i,x+n);t.value.width=s,t.value.height=o}else if(a.zoomType==="fixed"){const s=Number.parseFloat(a.aspectRatio.split(" / ")[0])/Number.parseFloat(a.aspectRatio.split(" / ")[1]);let o=f+i,r=o/s;const{width:R,height:d}=w(o,r);d>(((H=u.value)==null?void 0:H.clientHeight)||1/0)&&(r=((b=u.value)==null?void 0:b.clientHeight)||1/0,o=r*s),t.value.width=R,t.value.height=d}}else if(c.value==="top-left"){if(a.zoomType==="free"){const{width:s,height:o}=w(f-i,x-n);t.value.width=s,t.value.height=o}else if(a.zoomType==="fixed"){const s=Number.parseFloat(a.aspectRatio.split(" / ")[0])/Number.parseFloat(a.aspectRatio.split(" / ")[1]);let o=f-i,r=o/s;const{width:R,height:d}=w(o,r);d>(((z=u.value)==null?void 0:z.clientHeight)||1/0)&&(r=((W=u.value)==null?void 0:W.clientHeight)||1/0,o=r*s),t.value.width=R,t.value.height=d}m.value=p.value.left,g.value=p.value.top}else if(c.value==="top-right"){if(a.zoomType==="free"){const{width:s,height:o}=w(f+i,x-n);t.value.width=s,t.value.height=o}else if(a.zoomType==="fixed"){const s=Number.parseFloat(a.aspectRatio.split(" / ")[0])/Number.parseFloat(a.aspectRatio.split(" / ")[1]);let o=f+i,r=o/s;const{width:R,height:d}=w(o,r);d>(((C=u.value)==null?void 0:C.clientHeight)||1/0)&&(r=((j=u.value)==null?void 0:j.clientHeight)||1/0,o=r*s),t.value.width=R,t.value.height=d}m.value=p.value.left,g.value=p.value.top}else if(c.value==="bottom-left"){if(a.zoomType==="free"){const{width:s,height:o}=w(f-i,x+n);t.value.width=s,t.value.height=o}else if(a.zoomType==="fixed"){const s=Number.parseFloat(a.aspectRatio.split(" / ")[0])/Number.parseFloat(a.aspectRatio.split(" / ")[1]);let o=f-i,r=o/s;const{width:R,height:d}=w(o,r);d>(((q=u.value)==null?void 0:q.clientHeight)||1/0)&&(r=((O=u.value)==null?void 0:O.clientHeight)||1/0,o=r*s),t.value.width=R,t.value.height=d}m.value=p.value.left,g.value=p.value.top}l.preventDefault(),l.stopPropagation()}function I(l,i){c.value=i,T=l.clientX,E=l.clientY,f=t.value.width,x=t.value.height,i==="bottom-right"?(t.value.x=m.value,t.value.y=g.value):i==="top-left"?(t.value.x=m.value+k.value,t.value.y=g.value+N.value):i==="top-right"?(t.value.x=m.value,t.value.y=g.value+N.value):i==="bottom-left"&&(t.value.x=m.value+k.value,t.value.y=g.value)}function _(){c.value=""}function G(){t.value.width=a.defaultWidth,t.value.height=a.defaultHeight,m.value=0,g.value=0}return document.addEventListener("mouseup",_),document.addEventListener("mousemove",U),e.onMounted(()=>{e.nextTick(()=>{var l,i;L.value.x=(((l=u.value)==null?void 0:l.offsetWidth)||0)/2-t.value.width/2,L.value.y=(((i=u.value)==null?void 0:i.offsetHeight)||0)/2-t.value.height/2})}),e.onUnmounted(()=>{V.value&&URL.revokeObjectURL(V.value),document.removeEventListener("mouseup",_),document.removeEventListener("mousemove",U)}),S({crop:A,resize:G}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerBoxRef",ref:u,class:e.normalizeClass([e.unref(h).e("img-box")])},[F.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(h).e("error-message")])},e.toDisplayString(F.value),3)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("img",{ref_key:"imgRef",ref:B,class:e.normalizeClass([e.unref(h).e("image")]),src:V.value},null,10,Z),e.createElementVNode("div",{ref_key:"cropBoxRef",ref:v,class:e.normalizeClass([e.unref(h).e("crop-tool-box")]),style:e.normalizeStyle([Q.value,c.value?`left: ${p.value.left}px;top: ${p.value.top}px`:e.unref(Y)])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(h).e("top-left")]),onMousedown:i[0]||(i[0]=n=>I(n,"top-left"))},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h).e("top-right")]),onMousedown:i[1]||(i[1]=n=>I(n,"top-right"))},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h).e("bottom-right")]),onMousedown:i[2]||(i[2]=n=>I(n,"bottom-right"))},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h).e("bottom-left")]),onMousedown:i[3]||(i[3]=n=>I(n,"bottom-left"))},null,34)],6)],64))],2))}});exports.default=ee;

package/src/photo-crop-tool/src/photo-crop-tool.vue.js

@@ -1,21 +1,21 @@
-var A = ($, X, i) => new Promise((L, F) => {
+var A = ($, X, i) => new Promise((L, I) => {
   var f = (v) => {
     try {
       h(i.next(v));
     } catch (o) {
-      F(o);
+      I(o);
     }
   }, b = (v) => {
     try {
       h(i.throw(v));
     } catch (o) {
-      F(o);
+      I(o);
     }
   }, h = (v) => v.done ? L(v.value) : Promise.resolve(v.value).then(f, b);
   h((i = i.apply($, X)).next());
 });
 import { defineComponent as ie, ref as W, computed as C, watch as ae, onMounted as oe, nextTick as ue, onUnmounted as ne, openBlock as D, createElementBlock as O, normalizeClass as x, unref as m, toDisplayString as se, Fragment as he, createElementVNode as k, normalizeStyle as ve } from "vue";
-import { useNamespace as re } from "../../../packages/hooks/src/use-namespace/index.js";
+import { useNamespace as re } from "../../../dist/hooks/src/use-namespace/index.js";
 import { useElementSize as G, useDraggable as fe } from "../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.3_/node_modules/@vueuse/core/index.js";
 import { useCanvas as ce } from "./composables.js";
 const de = ["src"], xe = /* @__PURE__ */ ie({
@@ -49,7 +49,7 @@ const de = ["src"], xe = /* @__PURE__ */ ie({
   },
   setup($, { expose: X }) {
     const i = $;
-    let L = 0, F = 0, f = 0, b = 0;
+    let L = 0, I = 0, f = 0, b = 0;
     const h = re("photo-crop-tool"), v = W(null), o = W(null), B = W(null), S = W(""), r = W(""), Y = W({
       x: 0,
       y: 0
@@ -58,7 +58,7 @@ const de = ["src"], xe = /* @__PURE__ */ ie({
       height: i.defaultHeight,
       x: 0,
       y: 0
-    }), { width: I, height: N } = G(v), { width: J } = G(B), { x: p, y: g, style: K } = fe(v, {
+    }), { width: F, height: N } = G(v), { width: J } = G(B), { x: p, y: g, style: K } = fe(v, {
       containerElement: o,
       draggingElement: v,
       disabled: C(() => !!r.value),
@@ -76,7 +76,7 @@ const de = ["src"], xe = /* @__PURE__ */ ie({
         left: 0,
         top: 0
       };
-      return r.value === "bottom-right" ? (t.left = e.value.x, t.top = e.value.y) : r.value === "top-left" ? (t.left = e.value.x - I.value, t.top = e.value.y - N.value) : r.value === "top-right" ? (t.top = e.value.y - N.value, t.left = e.value.x) : r.value === "bottom-left" && (t.left = e.value.x - I.value, t.top = e.value.y), t;
+      return r.value === "bottom-right" ? (t.left = e.value.x, t.top = e.value.y) : r.value === "top-left" ? (t.left = e.value.x - F.value, t.top = e.value.y - N.value) : r.value === "top-right" ? (t.top = e.value.y - N.value, t.left = e.value.x) : r.value === "bottom-left" && (t.left = e.value.x - F.value, t.top = e.value.y), t;
     }), ee = C(() => {
       const { aspectRatio: t } = i, l = {
         width: `${e.value.width || i.defaultWidth}`,
@@ -98,7 +98,7 @@ const de = ["src"], xe = /* @__PURE__ */ ie({
         const u = document.createElement("canvas");
         u.width = w(((E = o.value) == null ? void 0 : E.clientWidth) || 0), u.height = w(((M = o.value) == null ? void 0 : M.clientHeight) || 0);
         const { drawImage: T, cropCanvas: R, drawColor: H } = ce(u);
-        return H(0, 0, u.width, u.height, l), T(t, w(t.offsetLeft), w(t.offsetTop), t.naturalWidth, t.naturalHeight), yield R(w(p.value), w(g.value), w(I.value), w(N.value));
+        return H(0, 0, u.width, u.height, l), T(t, w(t.offsetLeft), w(t.offsetTop), t.naturalWidth, t.naturalHeight), yield R(w(p.value), w(g.value), w(F.value), w(N.value));
       });
     }
     function y(t, l) {
@@ -111,7 +111,7 @@ const de = ["src"], xe = /* @__PURE__ */ ie({
     }
     function P(t) {
       var T, R, H, E, M, _, Q, q;
-      const l = t.clientX - L, u = t.clientY - F;
+      const l = t.clientX - L, u = t.clientY - I;
       if (r.value === "bottom-right") {
         if (i.zoomType === "free") {
           const { width: n, height: a } = y(f + l, b + u);
@@ -159,7 +159,7 @@ const de = ["src"], xe = /* @__PURE__ */ ie({
       t.preventDefault(), t.stopPropagation();
     }
     function U(t, l) {
-      r.value = l, L = t.clientX, F = t.clientY, f = e.value.width, b = e.value.height, l === "bottom-right" ? (e.value.x = p.value, e.value.y = g.value) : l === "top-left" ? (e.value.x = p.value + I.value, e.value.y = g.value + N.value) : l === "top-right" ? (e.value.x = p.value, e.value.y = g.value + N.value) : l === "bottom-left" && (e.value.x = p.value + I.value, e.value.y = g.value);
+      r.value = l, L = t.clientX, I = t.clientY, f = e.value.width, b = e.value.height, l === "bottom-right" ? (e.value.x = p.value, e.value.y = g.value) : l === "top-left" ? (e.value.x = p.value + F.value, e.value.y = g.value + N.value) : l === "top-right" ? (e.value.x = p.value, e.value.y = g.value + N.value) : l === "bottom-left" && (e.value.x = p.value + F.value, e.value.y = g.value);
     }
     function V() {
       r.value = "";

package/types/index.d.ts

@@ -1 +1,6 @@
-export * from './index'
+import { default as installer } from './src/defaults';
+
+export * from './src/components';
+export declare const install: (app: any) => void;
+export declare const version: string;
+export default installer;

package/types/src/base/style/index.d.ts

@@ -0,0 +1 @@
+

package/types/src/components.d.ts

@@ -0,0 +1,4 @@
+export * from './file-upload/index';
+export * from './fixed-action-bar/index';
+export * from './image-upload/index';
+export * from './photo-crop-tool/index';

package/types/src/defaults.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    version: string;
+    install: (app: any) => void;
+};
+export default _default;

package/types/src/file-upload/index.d.ts

@@ -0,0 +1,36 @@
+declare const QxsFileUpload: import('../withInstall').SFCWithInstall<import('vue').DefineComponent<{
+    action: import('element-plus').UploadProps["action"];
+    headers?: import('element-plus').UploadProps["headers"];
+    data?: import('element-plus').UploadProps["data"];
+    name?: import('element-plus').UploadProps["name"];
+    size?: number;
+    max?: number;
+    accept?: string;
+    files?: import('element-plus').UploadUserFile[];
+    notip?: boolean;
+    ext?: string[];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onSuccess: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{
+    action: import('element-plus').UploadProps["action"];
+    headers?: import('element-plus').UploadProps["headers"];
+    data?: import('element-plus').UploadProps["data"];
+    name?: import('element-plus').UploadProps["name"];
+    size?: number;
+    max?: number;
+    accept?: string;
+    files?: import('element-plus').UploadUserFile[];
+    notip?: boolean;
+    ext?: string[];
+}> & Readonly<{
+    onOnSuccess?: (...args: any[]) => any;
+}>, {
+    size: number;
+    name: import('element-plus').UploadProps["name"];
+    accept: string;
+    max: number;
+    files: import('element-plus').UploadUserFile[];
+    notip: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>> & Record<string, any>;
+export { QxsFileUpload, };
+export default QxsFileUpload;

package/types/src/file-upload/src/file-upload.vue.d.ts

@@ -0,0 +1,158 @@
+import { UploadProps, UploadUserFile } from 'element-plus';
+
+declare const _default: import('vue').DefineComponent<{
+    action: UploadProps["action"];
+    headers?: UploadProps["headers"];
+    data?: UploadProps["data"];
+    name?: UploadProps["name"];
+    size?: number;
+    max?: number;
+    accept?: string;
+    files?: UploadUserFile[];
+    notip?: boolean;
+    ext?: string[];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onSuccess: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{
+    action: UploadProps["action"];
+    headers?: UploadProps["headers"];
+    data?: UploadProps["data"];
+    name?: UploadProps["name"];
+    size?: number;
+    max?: number;
+    accept?: string;
+    files?: UploadUserFile[];
+    notip?: boolean;
+    ext?: string[];
+}> & Readonly<{
+    onOnSuccess?: (...args: any[]) => any;
+}>, {
+    size: number;
+    name: UploadProps["name"];
+    accept: string;
+    max: number;
+    files: UploadUserFile[];
+    notip: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+export declare const __VLS_globalTypesStart: {};
+declare global {
+    type __VLS_IntrinsicElements = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.IntrinsicElements, __VLS_PickNotAny<globalThis.JSX.IntrinsicElements, Record<string, any>>>;
+    type __VLS_Element = __VLS_PickNotAny<import('vue/jsx-runtime').JSX.Element, globalThis.JSX.Element>;
+    type __VLS_GlobalComponents = __VLS_PickNotAny<import('vue').GlobalComponents, {}> & __VLS_PickNotAny<import('@vue/runtime-core').GlobalComponents, {}> & __VLS_PickNotAny<import('@vue/runtime-dom').GlobalComponents, {}> & Pick<typeof import('vue'), 'Transition' | 'TransitionGroup' | 'KeepAlive' | 'Suspense' | 'Teleport'>;
+    type __VLS_BuiltInPublicProps = __VLS_PickNotAny<import('vue').VNodeProps, {}> & __VLS_PickNotAny<import('vue').AllowedComponentProps, {}> & __VLS_PickNotAny<import('vue').ComponentCustomProps, {}>;
+    type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
+    type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
+    const __VLS_intrinsicElements: __VLS_IntrinsicElements;
+    function __VLS_getVForSourceType(source: number): [number, number, number][];
+    function __VLS_getVForSourceType(source: string): [string, number, number][];
+    function __VLS_getVForSourceType<T extends any[]>(source: T): [
+        item: T[number],
+        key: number,
+        index: number
+    ][];
+    function __VLS_getVForSourceType<T extends {
+        [Symbol.iterator](): Iterator<any>;
+    }>(source: T): [
+        item: T extends {
+            [Symbol.iterator](): Iterator<infer T1>;
+        } ? T1 : never,
+        key: number,
+        index: undefined
+    ][];
+    function __VLS_getVForSourceType<T extends number | {
+        [Symbol.iterator](): Iterator<any>;
+    }>(source: T): [
+        item: number | (Exclude<T, number> extends {
+            [Symbol.iterator](): Iterator<infer T1>;
+        } ? T1 : never),
+        key: number,
+        index: undefined
+    ][];
+    function __VLS_getVForSourceType<T>(source: T): [
+        item: T[keyof T],
+        key: keyof T,
+        index: number
+    ][];
+    function __VLS_getSlotParams<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>;
+    function __VLS_getSlotParam<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>[0];
+    function __VLS_directiveFunction<T>(dir: T): T extends import('vue').ObjectDirective<infer E, infer V> | import('vue').FunctionDirective<infer E, infer V> ? (value: V) => void : T;
+    function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
+    function __VLS_makeOptional<T>(t: T): {
+        [K in keyof T]?: T[K];
+    };
+    type __VLS_SelfComponent<N, C> = string extends N ? {} : N extends string ? {
+        [P in N]: C;
+    } : {};
+    type __VLS_WithComponent<N0 extends string, LocalComponents, N1 extends string, N2 extends string, N3 extends string> = N1 extends keyof LocalComponents ? N1 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+        [K in N0]: LocalComponents[N1];
+    } : N2 extends keyof LocalComponents ? N2 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+        [K in N0]: LocalComponents[N2];
+    } : N3 extends keyof LocalComponents ? N3 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+        [K in N0]: LocalComponents[N3];
+    } : N1 extends keyof __VLS_GlobalComponents ? N1 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N1];
+    } : N2 extends keyof __VLS_GlobalComponents ? N2 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N2];
+    } : N3 extends keyof __VLS_GlobalComponents ? N3 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N3];
+    } : {
+        [K in N0]: unknown;
+    };
+    function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K): T extends new (...args: any) => any ? (props: (K extends {
+        $props: infer Props;
+    } ? Props : any) & Record<string, unknown>, ctx?: any) => __VLS_Element & {
+        __ctx?: {
+            attrs?: any;
+            slots?: K extends {
+                $slots: infer Slots;
+            } ? Slots : any;
+            emit?: K extends {
+                $emit: infer Emit;
+            } ? Emit : any;
+        } & {
+            props?: (K extends {
+                $props: infer Props;
+            } ? Props : any) & Record<string, unknown>;
+            expose?(exposed: K): void;
+        };
+    } : T extends () => any ? (props: {}, ctx?: any) => ReturnType<T> : T extends (...args: any) => any ? T : (_: {} & Record<string, unknown>, ctx?: any) => {
+        __ctx?: {
+            attrs?: any;
+            expose?: any;
+            slots?: any;
+            emit?: any;
+            props?: {} & Record<string, unknown>;
+        };
+    };
+    function __VLS_elementAsFunction<T>(tag: T, endTag?: T): (_: T & Record<string, unknown>) => void;
+    function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): Parameters<T>['length'] extends 2 ? [any] : [];
+    function __VLS_pickFunctionalComponentCtx<T, K>(comp: T, compInstance: K): __VLS_PickNotAny<'__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
+        __ctx?: infer Ctx;
+    } ? Ctx : never : any, T extends (props: any, ctx: infer Ctx) => any ? Ctx : any>;
+    type __VLS_FunctionalComponentProps<T, K> = '__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
+        __ctx?: {
+            props?: infer P;
+        };
+    } ? NonNullable<P> : never : T extends (props: infer P, ...args: any) => any ? P : {};
+    type __VLS_AsFunctionOrAny<F> = unknown extends F ? any : ((...args: any) => any) extends F ? F : any;
+    function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
+    /**
+     * emit
+     */
+    type __VLS_UnionToIntersection<U> = (U extends unknown ? (arg: U) => unknown : never) extends ((arg: infer P) => unknown) ? P : never;
+    type __VLS_OverloadUnionInner<T, U = unknown> = U & T extends (...args: infer A) => infer R ? U extends T ? never : __VLS_OverloadUnionInner<T, Pick<T, keyof T> & U & ((...args: A) => R)> | ((...args: A) => R) : never;
+    type __VLS_OverloadUnion<T> = Exclude<__VLS_OverloadUnionInner<(() => never) & T>, T extends () => never ? never : () => never>;
+    type __VLS_ConstructorOverloads<T> = __VLS_OverloadUnion<T> extends infer F ? F extends (event: infer E, ...args: infer A) => any ? {
+        [K in E & string]: (...args: A) => void;
+    } : never : never;
+    type __VLS_NormalizeEmits<T> = __VLS_PrettifyGlobal<__VLS_UnionToIntersection<__VLS_ConstructorOverloads<T> & {
+        [K in keyof T]: T[K] extends any[] ? {
+            (...args: T[K]): void;
+        } : never;
+    }>>;
+    type __VLS_PrettifyGlobal<T> = {
+        [K in keyof T]: T[K];
+    } & {};
+}
+export declare const __VLS_globalTypesEnd: {};

package/types/src/file-upload/style/index.d.ts

@@ -0,0 +1 @@
+

package/types/src/fixed-action-bar/index.d.ts

@@ -0,0 +1,40 @@
+declare const QxsFixedActionBar: import('../withInstall').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        padding: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        padding: string;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        padding: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        padding: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    padding: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})> & Record<string, any>;
+export { QxsFixedActionBar, };
+export default QxsFixedActionBar;

package/types/src/fixed-action-bar/src/fixed-action-bar.vue.d.ts

@@ -0,0 +1,23 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    padding: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/src/fixed-action-bar/style/index.d.ts

@@ -0,0 +1 @@
+

package/types/src/image-upload/index.d.ts

@@ -0,0 +1,46 @@
+declare const QxsImageUpload: import('../withInstall').SFCWithInstall<import('vue').DefineComponent<{
+    action: import('element-plus').UploadProps["action"];
+    headers?: import('element-plus').UploadProps["headers"];
+    data?: import('element-plus').UploadProps["data"];
+    name?: import('element-plus').UploadProps["name"];
+    url?: string;
+    size?: number;
+    width?: number;
+    accept?: string;
+    height?: number;
+    placeholder?: string;
+    notip?: boolean;
+    tipText?: string;
+    beforeUpload?: import('element-plus').UploadProps["beforeUpload"];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onSuccess: (res: any, uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void;
+    "update:url": (url: string) => void;
+}, string, import('vue').PublicProps, Readonly<{
+    action: import('element-plus').UploadProps["action"];
+    headers?: import('element-plus').UploadProps["headers"];
+    data?: import('element-plus').UploadProps["data"];
+    name?: import('element-plus').UploadProps["name"];
+    url?: string;
+    size?: number;
+    width?: number;
+    accept?: string;
+    height?: number;
+    placeholder?: string;
+    notip?: boolean;
+    tipText?: string;
+    beforeUpload?: import('element-plus').UploadProps["beforeUpload"];
+}> & Readonly<{
+    onOnSuccess?: (res: any, uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => any;
+    "onUpdate:url"?: (url: string) => any;
+}>, {
+    size: number;
+    name: import('element-plus').UploadProps["name"];
+    accept: string;
+    url: string;
+    notip: boolean;
+    height: number;
+    width: number;
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>> & Record<string, any>;
+export { QxsImageUpload, };
+export default QxsImageUpload;

package/types/src/image-upload/src/image-upload.vue.d.ts

@@ -0,0 +1,47 @@
+import { UploadFile, UploadFiles, UploadProps } from 'element-plus';
+
+declare const _default: import('vue').DefineComponent<{
+    action: UploadProps["action"];
+    headers?: UploadProps["headers"];
+    data?: UploadProps["data"];
+    name?: UploadProps["name"];
+    url?: string;
+    size?: number;
+    width?: number;
+    accept?: string;
+    height?: number;
+    placeholder?: string;
+    notip?: boolean;
+    tipText?: string;
+    beforeUpload?: UploadProps["beforeUpload"];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onSuccess: (res: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+    "update:url": (url: string) => void;
+}, string, import('vue').PublicProps, Readonly<{
+    action: UploadProps["action"];
+    headers?: UploadProps["headers"];
+    data?: UploadProps["data"];
+    name?: UploadProps["name"];
+    url?: string;
+    size?: number;
+    width?: number;
+    accept?: string;
+    height?: number;
+    placeholder?: string;
+    notip?: boolean;
+    tipText?: string;
+    beforeUpload?: UploadProps["beforeUpload"];
+}> & Readonly<{
+    onOnSuccess?: (res: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => any;
+    "onUpdate:url"?: (url: string) => any;
+}>, {
+    size: number;
+    name: UploadProps["name"];
+    accept: string;
+    url: string;
+    notip: boolean;
+    height: number;
+    width: number;
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/types/src/image-upload/style/index.d.ts

@@ -0,0 +1 @@
+

package/types/src/make-installer.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vue';
+
+declare function makeInstaller(components: {
+    [key: number]: Plugin;
+}): {
+    version: string;
+    install: (app: any) => void;
+};
+export { makeInstaller };

package/types/src/photo-crop-tool/index.d.ts

@@ -0,0 +1,54 @@
+declare const QxsPhotoCropTool: import('../withInstall').SFCWithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    imgFile: {
+        type: import('vue').PropType<File>;
+        default: () => any;
+    };
+    aspectRatio: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    defaultWidth: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    defaultHeight: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    zoomType: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}>, {
+    crop: (img?: HTMLImageElement) => Promise<File>;
+    resize: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    imgFile: {
+        type: import('vue').PropType<File>;
+        default: () => any;
+    };
+    aspectRatio: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    defaultWidth: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    defaultHeight: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    zoomType: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}>> & Readonly<{}>, {
+    imgFile: File;
+    aspectRatio: string;
+    defaultWidth: number;
+    defaultHeight: number;
+    zoomType: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+export { QxsPhotoCropTool, };
+export default QxsPhotoCropTool;

package/types/src/photo-crop-tool/src/composables.d.ts

@@ -0,0 +1,6 @@
+export declare function useCanvas(canvasElement: HTMLCanvasElement): {
+    clearCanvas: () => void;
+    drawColor: (x: number, y: number, width: number, height: number, color: string) => void;
+    drawImage: (image: HTMLImageElement, x: number, y: number, width: number, height: number) => void;
+    cropCanvas: (x: number, y: number, width: number, height: number) => Promise<File | null>;
+};

package/types/src/photo-crop-tool/src/photo-crop-tool.vue.d.ts

@@ -0,0 +1,65 @@
+import { PropType } from 'vue';
+
+declare function crop(img?: HTMLImageElement): Promise<File>;
+declare function resize(): void;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    imgFile: {
+        type: PropType<File>;
+        default: () => any;
+    };
+    aspectRatio: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    defaultWidth: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    defaultHeight: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    /**
+     * free 自由缩放
+     * fixed 固定比例缩放
+     */
+    zoomType: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}>, {
+    crop: typeof crop;
+    resize: typeof resize;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    imgFile: {
+        type: PropType<File>;
+        default: () => any;
+    };
+    aspectRatio: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    defaultWidth: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    defaultHeight: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    /**
+     * free 自由缩放
+     * fixed 固定比例缩放
+     */
+    zoomType: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}>> & Readonly<{}>, {
+    imgFile: File;
+    aspectRatio: string;
+    defaultWidth: number;
+    defaultHeight: number;
+    zoomType: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/src/photo-crop-tool/style/index.d.ts

@@ -0,0 +1 @@
+

package/types/src/rich-editor/index.d.ts

@@ -0,0 +1,3 @@
+declare const QxsRichEditor: import('../withInstall').SFCWithInstall<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+export { QxsRichEditor, };
+export default QxsRichEditor;

package/types/src/rich-editor/src/rich-editor.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/src/rich-editor/style/index.d.ts

@@ -0,0 +1 @@
+

package/types/src/withInstall.d.ts

@@ -0,0 +1,4 @@
+import { Plugin } from 'vue';
+
+export type SFCWithInstall<T> = T & Plugin;
+export declare function withInstall<T, E extends Record<string, any>>(main: T, extra?: E): SFCWithInstall<T> & E;

package/packages/hooks/src/use-namespace/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),m="qxs",i="is-";function c(t,o,a,v,p){let u=`${t}-${o}`;return a&&(u+=`-${a}`),v&&(u+=`__${v}`),p&&(u+=`--${p}`),u}const $=Symbol("namespaceContextKey");function N(t){const o=r.getCurrentInstance()?r.inject($,r.ref(m)):r.ref(m);return r.computed(()=>r.unref(o)||m)}function y(t,o){const a=N();return{namespace:a,b:(e="")=>c(a.value,t,e,"",""),e:e=>e?c(a.value,t,"",e,""):"",m:e=>e?c(a.value,t,"","",e):"",be:(e,s)=>e&&s?c(a.value,t,e,s,""):"",em:(e,s)=>e&&s?c(a.value,t,"",e,s):"",bm:(e,s)=>e&&s?c(a.value,t,e,"",s):"",bem:(e,s,n)=>e&&s&&n?c(a.value,t,e,s,n):"",is:(e,...s)=>{const n=s.length>=1?s[0]:!0;return e&&n?`${i}${e}`:""},cssVar:e=>{const s={};for(const n in e)e[n]&&(s[`--${a.value}-${n}`]=e[n]);return s},cssVarName:e=>`--${a.value}-${e}`,cssVarBlock:e=>{const s={};for(const n in e)e[n]&&(s[`--${a.value}-${t}-${n}`]=e[n]);return s},cssVarBlockName:e=>`--${a.value}-${t}-${e}`}}exports.defaultNamespace=m;exports.namespaceContextKey=$;exports.useGetDerivedNamespace=N;exports.useNamespace=y;

package/packages/hooks/src/use-namespace/index.js

@@ -1,49 +0,0 @@
-import { getCurrentInstance as p, inject as N, ref as v, computed as V, unref as y } from "vue";
-const $ = "qxs", i = "is-";
-function c(n, u, a, o, m) {
-  let r = `${n}-${u}`;
-  return a && (r += `-${a}`), o && (r += `__${o}`), m && (r += `--${m}`), r;
-}
-const l = Symbol("namespaceContextKey");
-function B(n) {
-  const u = p() ? N(l, v($)) : v($);
-  return V(() => y(u) || $);
-}
-function D(n, u) {
-  const a = B();
-  return {
-    namespace: a,
-    b: (s = "") => c(a.value, n, s, "", ""),
-    e: (s) => s ? c(a.value, n, "", s, "") : "",
-    m: (s) => s ? c(a.value, n, "", "", s) : "",
-    be: (s, e) => s && e ? c(a.value, n, s, e, "") : "",
-    em: (s, e) => s && e ? c(a.value, n, "", s, e) : "",
-    bm: (s, e) => s && e ? c(a.value, n, s, "", e) : "",
-    bem: (s, e, t) => s && e && t ? c(a.value, n, s, e, t) : "",
-    is: (s, ...e) => {
-      const t = e.length >= 1 ? e[0] : !0;
-      return s && t ? `${i}${s}` : "";
-    },
-    // css
-    cssVar: (s) => {
-      const e = {};
-      for (const t in s)
-        s[t] && (e[`--${a.value}-${t}`] = s[t]);
-      return e;
-    },
-    cssVarName: (s) => `--${a.value}-${s}`,
-    cssVarBlock: (s) => {
-      const e = {};
-      for (const t in s)
-        s[t] && (e[`--${a.value}-${n}-${t}`] = s[t]);
-      return e;
-    },
-    cssVarBlockName: (s) => `--${a.value}-${n}-${s}`
-  };
-}
-export {
-  $ as defaultNamespace,
-  l as namespaceContextKey,
-  B as useGetDerivedNamespace,
-  D as useNamespace
-};