@qxs-bns/components 0.0.2 → 0.0.4

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/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./src/defaults.cjs"),o=require("./src/file-upload/index.cjs"),s=require("./src/fixed-action-bar/index.cjs"),i=require("./src/image-upload/index.cjs"),t=require("./src/photo-crop-tool/index.cjs"),r=e.install,l=e.version;exports.default=e;exports.QxsFileUpload=o.QxsFileUpload;exports.QxsFixedActionBar=s.QxsFixedActionBar;exports.QxsImageUpload=i.QxsImageUpload;exports.QxsPhotoCropTool=t.QxsPhotoCropTool;exports.install=r;exports.version=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./src/defaults.cjs"),o=require("./src/file-upload/index.cjs"),s=require("./src/fixed-action-bar/index.cjs"),t=require("./src/image-upload/index.cjs"),i=require("./src/photo-crop-tool/index.cjs"),l=e.default.install,r=e.default.version;exports.default=e.default;exports.QxsFileUpload=o.QxsFileUpload;exports.QxsFixedActionBar=s.QxsFixedActionBar;exports.QxsImageUpload=t.QxsImageUpload;exports.QxsPhotoCropTool=i.QxsPhotoCropTool;exports.install=l;exports.version=r;

package/package.json

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

package/package.json.cjs

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

package/package.json.js

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

package/src/defaults.cjs

@@ -1 +1 @@
-"use strict";const e=require("./components.cjs"),s=require("./make-installer.cjs"),t=s.makeInstaller(e);module.exports=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components.cjs"),t=require("./make-installer.cjs"),l=t.makeInstaller(e);exports.default=l;

package/src/file-upload/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../withInstall.cjs"),l=require("./src/file-upload.vue.cjs"),e=t.withInstall(l);exports.QxsFileUpload=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../withInstall.cjs"),l=require("./src/file-upload.vue.cjs"),e=t.withInstall(l.default);exports.QxsFileUpload=e;exports.default=e;

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

@@ -1 +1 @@
-"use strict";const e=require("vue"),N=require("@element-plus/icons-vue"),v=require("../../../packages/hooks/src/use-namespace/index.cjs"),c=require("element-plus"),h={class:"slot"},E={key:0,class:"el-upload__tip"},V={style:{display:"inline-block"}},C=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(r,{emit:d}){const a=r,p=d,u=v.useNamespace("file-upload"),i=e.computed(()=>a.accept.split(",").map(t=>t.split("/").pop())),m=t=>{const s=t.name.split(".").at(-1)??"",l=i.value.includes(s),n=t.size/1024/1024<a.size;return l||c.ElMessage.error(`上传文件只支持 ${i.value.join(" / ")} 格式！`),n||c.ElMessage.error(`上传文件大小不能超过 ${a.size}MB！`),l&&n},f=()=>{c.ElMessage.warning("文件上传超过限制")},_=(t,o,s)=>{p("onSuccess",t,o,s)};return(t,o)=>{const s=e.resolveComponent("el-icon"),l=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":m,"on-exceed":f,"on-success":_,"file-list":t.files,limit:t.max,drag:"",class:e.normalizeClass(e.unref(u).e("control"))},{tip:e.withCtx(()=>[t.notip?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",V,[e.createVNode(l,{title:`上传文件支持 ${i.value.join(" / ")} 格式，单个文件大小不超过 ${t.size}MB，且文件数量不超过 ${t.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])]))]),default:e.withCtx(()=>[e.createElementVNode("div",h,[e.createVNode(s,{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"])}}});module.exports=C;
+"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 y, computed as B, resolveComponent as c, openBlock as m, createBlock as x, normalizeClass as C, unref as u, withCtx as r, createElementBlock as E, createElementVNode as a, createVNode as d, createCommentVNode as $, createTextVNode as b } from "vue";
-import { UploadFilled as S } from "@element-plus/icons-vue";
-import { useNamespace as V } from "../../../packages/hooks/src/use-namespace/index.js";
-import { ElMessage as p } from "element-plus";
-const g = { class: "slot" }, w = {
+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 "../../../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"
-}, M = { style: { display: "inline-block" } }, T = /* @__PURE__ */ y({
+}, U = { style: { display: "inline-block" } }, I = /* @__PURE__ */ B({
   name: "QxsFileUpload",
   __name: "file-upload",
   props: {
@@ -21,34 +21,35 @@ const g = { class: "slot" }, w = {
     ext: {}
   },
   emits: ["onSuccess"],
-  setup(f, { emit: _ }) {
-    const n = f, h = _, v = V("file-upload"), i = B(() => n.accept.split(",").map((e) => e.split("/").pop())), z = (e) => {
-      const t = e.name.split(".").at(-1) ?? "", l = i.value.includes(t), s = e.size / 1024 / 1024 < n.size;
-      return l || p.error(`上传文件只支持 ${i.value.join(" / ")} 格式！`), s || p.error(`上传文件大小不能超过 ${n.size}MB！`), l && s;
-    }, k = () => {
+  setup(_, { emit: h }) {
+    const n = _, v = h, z = g("file-upload"), i = x(() => n.accept.split(",").map((e) => e.split("/").pop())), k = (e) => {
+      var m;
+      const t = (m = e.name.split(".").at(-1)) != null ? m : "", l = i.value.includes(t), a = e.size / 1024 / 1024 < n.size;
+      return l || p.error(`上传文件只支持 ${i.value.join(" / ")} 格式！`), a || p.error(`上传文件大小不能超过 ${n.size}MB！`), l && a;
+    }, N = () => {
       p.warning("文件上传超过限制");
-    }, N = (e, o, t) => {
-      h("onSuccess", e, o, t);
+    }, y = (e, o, t) => {
+      v("onSuccess", e, o, t);
     };
     return (e, o) => {
-      const t = c("el-icon"), l = c("el-alert"), s = c("el-upload");
-      return m(), x(s, {
+      const t = c("el-icon"), l = c("el-alert"), a = c("el-upload");
+      return u(), C(a, {
         headers: e.headers,
         action: e.action,
         data: e.data,
         name: e.name,
-        "before-upload": z,
-        "on-exceed": k,
-        "on-success": N,
+        "before-upload": k,
+        "on-exceed": N,
+        "on-success": y,
         "file-list": e.files,
         limit: e.max,
         drag: "",
-        class: C(u(v).e("control"))
+        class: E(f(z).e("control"))
       }, {
-        tip: r(() => [
-          e.notip ? $("", !0) : (m(), E("div", w, [
-            a("div", M, [
-              d(l, {
+        tip: d(() => [
+          e.notip ? b("", !0) : (u(), $("div", M, [
+            s("div", U, [
+              r(l, {
                 title: `上传文件支持 ${i.value.join(" / ")} 格式，单个文件大小不超过 ${e.size}MB，且文件数量不超过 ${e.max} 个`,
                 type: "info",
                 "show-icon": "",
@@ -57,17 +58,17 @@ const g = { class: "slot" }, w = {
             ])
           ]))
         ]),
-        default: r(() => [
-          a("div", g, [
-            d(t, { class: "el-icon--upload" }, {
-              default: r(() => [
-                d(u(S))
+        default: d(() => [
+          s("div", w, [
+            r(t, { class: "el-icon--upload" }, {
+              default: d(() => [
+                r(f(V))
               ]),
               _: 1
             }),
-            o[0] || (o[0] = a("div", { class: "el-upload__text" }, [
-              b(" 将文件拖到此处，或"),
-              a("em", null, "点击上传")
+            o[0] || (o[0] = s("div", { class: "el-upload__text" }, [
+              S(" 将文件拖到此处，或"),
+              s("em", null, "点击上传")
             ], -1))
           ])
         ]),
@@ -77,5 +78,5 @@ const g = { class: "slot" }, w = {
   }
 });
 export {
-  T as default
+  I as default
 };

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../withInstall.cjs"),i=require("./src/fixed-action-bar.vue.cjs"),e=t.withInstall(i);exports.QxsFixedActionBar=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../withInstall.cjs"),i=require("./src/fixed-action-bar.vue.cjs"),e=t.withInstall(i.default);exports.QxsFixedActionBar=e;exports.default=e;

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

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

@@ -1,7 +1,18 @@
-import { defineComponent as E, useAttrs as y, ref as n, onMounted as _, onUnmounted as $, computed as B, openBlock as S, createElementBlock as k, Fragment as H, createElementVNode as d, normalizeStyle as m, unref as u, normalizeClass as z, renderSlot as A } from "vue";
-import { useNamespace as L } from "../../../packages/hooks/src/use-namespace/index.js";
-import { useParentElement as C, useElementSize as p, useElementBounding as F } from "../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.3_/node_modules/@vueuse/core/index.js";
-const R = /* @__PURE__ */ E({
+var $ = Object.defineProperty;
+var u = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var p = (o, t, e) => t in o ? $(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, f = (o, t) => {
+  for (var e in t || (t = {}))
+    B.call(t, e) && p(o, e, t[e]);
+  if (u)
+    for (var e of u(t))
+      S.call(t, e) && p(o, e, t[e]);
+  return o;
+};
+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 W = /* @__PURE__ */ k({
   name: "QxsFixedActionBar",
   inheritAttrs: !1,
   __name: "fixed-action-bar",
@@ -11,43 +22,42 @@ const R = /* @__PURE__ */ E({
       default: "8px"
     }
   },
-  setup(f) {
-    const h = f, e = L("fixed-action-bar"), w = y(), l = n(!1), c = n(null), r = n(null), a = C(r), { height: x } = p(c, void 0, { box: "border-box" }), { left: b } = F(a), { width: g } = p(a, void 0, { box: "border-box" });
-    function t() {
-      const o = window.scrollY || document.documentElement.scrollTop, i = window.innerHeight || document.documentElement.clientHeight, v = document.documentElement.scrollHeight;
-      l.value = Math.ceil(o + i) >= v;
+  setup(o) {
+    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;
+      c.value = Math.ceil(l + m) >= _;
     }
-    _(() => {
-      t(), window.addEventListener("scroll", t);
-    }), $(() => {
-      window.removeEventListener("scroll", t);
+    z(() => {
+      n(), window.addEventListener("scroll", n);
+    }), A(() => {
+      window.removeEventListener("scroll", n);
     });
-    const s = B(() => ({
-      width: `${g || 0}px`,
-      left: `${b}px`,
-      class: `${l.value ? "" : e.is("shadow")} ${w.class || ""}`,
-      ...e.cssVarBlock({
-        "actionbar-padding": `${h.padding}`
-      })
-    }));
-    return (o, i) => (S(), k(H, null, [
-      d("div", {
+    const d = L(() => f({
+      width: `${y || 0}px`,
+      left: `${E}px`,
+      class: `${c.value ? "" : e.is("shadow")} ${g.class || ""}`
+    }, e.cssVarBlock({
+      "actionbar-padding": `${t.padding}`
+    })));
+    return (l, m) => (C(), F(M, null, [
+      h("div", {
         ref_key: "placeholderRef",
-        ref: r,
-        style: m(`width: 100%; height: ${u(x)}px`)
+        ref: s,
+        style: w(`width: 100%; height: ${x(v)}px`)
       }, null, 4),
-      d("div", {
+      h("div", {
         ref_key: "actionbar",
-        ref: c,
-        style: m(s.value),
-        class: z([s.value.class, u(e).e("actionbar")]),
+        ref: r,
+        style: w(d.value),
+        class: N([d.value.class, x(e).e("actionbar")]),
         "data-fixed-calc-width": ""
       }, [
-        A(o.$slots, "default")
+        P(l.$slots, "default")
       ], 6)
     ], 64));
   }
 });
 export {
-  R as default
+  W as default
 };

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

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

package/src/image-upload/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../withInstall.cjs"),l=require("./src/image-upload.vue.cjs"),e=t.withInstall(l);exports.QxsImageUpload=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../withInstall.cjs"),l=require("./src/image-upload.vue.cjs"),e=t.withInstall(l.default);exports.QxsImageUpload=e;exports.default=e;

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

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("@element-plus/icons-vue"),C=require("../../../packages/hooks/src/use-namespace/index.cjs"),d=require("element-plus"),$={key:1,class:"image"},B={class:"mask"},E={class:"actions"},z={key:0,class:"el-upload__tip-text"},S={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(u,{emit:m}){const s=u,p=m,c=C.useNamespace("image-upload"),o=e.ref({imageViewerVisible:!1,progress:{preview:"",percent:0}}),r=e.computed(()=>s.accept.split(",").map(t=>t.split("/").pop()));function h(){o.value.imageViewerVisible=!0}function g(){o.value.imageViewerVisible=!1}function f(){p("update:url","")}const v=t=>{const i=t.name.split(".").at(-1)??"",l=r.value.includes(i),a=t.size/1024/1024<s.size;return l?a?o.value.progress.preview=URL.createObjectURL(t):d.ElMessage.error(`上传图片大小不能超过 ${s.size}MB！`):d.ElMessage.error(`上传图片只支持${r.value.join(" / ")}格式！`),l&&a&&(!s.beforeUpload||s.beforeUpload(t))},w=t=>{o.value.progress.percent=~~t.percent},V=(...t)=>{o.value.progress.preview="",o.value.progress.percent=0,p("onSuccess",...t)};return(t,y)=>{const i=e.resolveComponent("el-icon"),l=e.resolveComponent("el-image"),a=e.resolveComponent("el-progress"),N=e.resolveComponent("el-upload"),k=e.resolveComponent("el-image-viewer");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c).e("upload-container"))},[e.createVNode(N,{"show-file-list":!1,headers:t.headers,action:t.action,data:t.data,name:t.name,"before-upload":v,"on-progress":w,"on-success":V,drag:"",accept:t.accept,class:e.normalizeClass(e.unref(c).e("image-upload"))},{default:e.withCtx(()=>[t.url===""?(e.openBlock(),e.createBlock(l,{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(n.Plus))]),_:1}),e.createElementVNode("p",null,e.toDisplayString(t.placeholder),1)],4)]),_:1},8,["src","style"])):(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(l,{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(h,["stop"])},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(n.ZoomIn))]),_:1})]),e.createElementVNode("span",{title:"移除",onClick:e.withModifiers(f,["stop"])},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(n.Delete))]),_:1})])])])])),e.withDirectives(e.createElementVNode("div",{class:"progress",style:e.normalizeStyle(`width:${t.width}px;height:${t.height}px;`)},[e.createVNode(l,{src:o.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:o.value.progress.percent},null,8,["width","percentage"])],4),[[e.vShow,t.url===""&&o.value.progress.percent]])]),_:1},8,["headers","action","data","name","accept","class"]),t.notip?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",S,e.toDisplayString(t.tipText||`上传图片支持 ${r.value.join(" / ")} 格式，且图片大小不超过 ${t.size}MB，建议图片尺寸为 ${t.width}*${t.height}`),1)])),o.value.imageViewerVisible?(e.openBlock(),e.createBlock(k,{key:1,"url-list":[t.url],teleported:"",onClose:g},null,8,["url-list"])):e.createCommentVNode("",!0)],2)}}});module.exports=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,7 +1,7 @@
-import { defineComponent as E, ref as O, computed as T, resolveComponent as r, openBlock as n, createElementBlock as m, normalizeClass as v, unref as p, createVNode as l, withCtx as d, createBlock as w, normalizeStyle as c, createElementVNode as t, toDisplayString as y, withModifiers as $, withDirectives as I, vShow as L, createCommentVNode as k } from "vue";
-import { Plus as P, ZoomIn as R, Delete as Q } from "@element-plus/icons-vue";
-import { useNamespace as Z } from "../../../packages/hooks/src/use-namespace/index.js";
-import { ElMessage as V } from "element-plus";
+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 "../../../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,
   class: "image"
@@ -27,60 +27,61 @@ const q = {
     beforeUpload: {}
   },
   emits: ["update:url", "onSuccess"],
-  setup(b, { emit: C }) {
-    const o = b, g = C, f = Z("image-upload"), s = O({
+  setup(b, { emit: z }) {
+    const o = b, f = z, v = Z("image-upload"), s = I({
       imageViewerVisible: !1,
       progress: {
         preview: "",
         percent: 0
       }
-    }), h = T(() => o.accept.split(",").map((e) => e.split("/").pop()));
-    function _() {
+    }), m = O(() => o.accept.split(",").map((e) => e.split("/").pop()));
+    function C() {
       s.value.imageViewerVisible = !0;
     }
-    function z() {
+    function B() {
       s.value.imageViewerVisible = !1;
     }
-    function B() {
-      g("update:url", "");
+    function S() {
+      f("update:url", "");
     }
-    const S = (e) => {
-      const a = e.name.split(".").at(-1) ?? "", i = h.value.includes(a), u = e.size / 1024 / 1024 < o.size;
-      return i ? u ? s.value.progress.preview = URL.createObjectURL(e) : V.error(`上传图片大小不能超过 ${o.size}MB！`) : V.error(`上传图片只支持${h.value.join(" / ")}格式！`), i && u && (!o.beforeUpload || o.beforeUpload(e));
-    }, U = (e) => {
+    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 ? 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) => {
       s.value.progress.percent = ~~e.percent;
-    }, N = (...e) => {
-      s.value.progress.preview = "", s.value.progress.percent = 0, g("onSuccess", ...e);
+    }, j = (...e) => {
+      s.value.progress.preview = "", s.value.progress.percent = 0, f("onSuccess", ...e);
     };
-    return (e, j) => {
-      const a = r("el-icon"), i = r("el-image"), u = r("el-progress"), M = r("el-upload"), D = r("el-image-viewer");
-      return n(), m("div", {
-        class: v(p(f).e("upload-container"))
+    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"))
       }, [
-        l(M, {
+        l(h, {
           "show-file-list": !1,
           headers: e.headers,
           action: e.action,
           data: e.data,
           name: e.name,
-          "before-upload": S,
-          "on-progress": U,
-          "on-success": N,
+          "before-upload": U,
+          "on-progress": N,
+          "on-success": j,
           drag: "",
           accept: e.accept,
-          class: v(p(f).e("image-upload"))
+          class: w(p(v).e("image-upload"))
         }, {
           default: d(() => [
-            e.url === "" ? (n(), w(i, {
+            e.url === "" ? (n(), y(i, {
               key: 0,
               src: e.url === "" ? e.placeholder : e.url,
-              style: c(`width:${e.width}px;height:${e.height}px;`),
+              style: u(`width:${e.width}px;height:${e.height}px;`),
               fit: "fill"
             }, {
               error: d(() => [
                 t("div", {
                   class: "image-slot",
-                  style: c(`width:${e.width}px;height:${e.height}px;`)
+                  style: u(`width:${e.width}px;height:${e.height}px;`)
                 }, [
                   l(a, null, {
                     default: d(() => [
@@ -88,21 +89,21 @@ const q = {
                     ]),
                     _: 1
                   }),
-                  t("p", null, y(e.placeholder), 1)
+                  t("p", null, $(e.placeholder), 1)
                 ], 4)
               ]),
               _: 1
-            }, 8, ["src", "style"])) : (n(), m("div", q, [
+            }, 8, ["src", "style"])) : (n(), g("div", q, [
               l(i, {
                 src: e.url,
-                style: c(`width:${e.width}px;height:${e.height}px;`),
+                style: u(`width:${e.width}px;height:${e.height}px;`),
                 fit: "fill"
               }, null, 8, ["src", "style"]),
               t("div", A, [
                 t("div", F, [
                   t("span", {
                     title: "预览",
-                    onClick: $(_, ["stop"])
+                    onClick: k(C, ["stop"])
                   }, [
                     l(a, null, {
                       default: d(() => [
@@ -113,7 +114,7 @@ const q = {
                   ]),
                   t("span", {
                     title: "移除",
-                    onClick: $(B, ["stop"])
+                    onClick: k(S, ["stop"])
                   }, [
                     l(a, null, {
                       default: d(() => [
@@ -125,16 +126,16 @@ const q = {
                 ])
               ])
             ])),
-            I(t("div", {
+            T(t("div", {
               class: "progress",
-              style: c(`width:${e.width}px;height:${e.height}px;`)
+              style: u(`width:${e.width}px;height:${e.height}px;`)
             }, [
               l(i, {
                 src: s.value.progress.preview,
-                style: c(`width:${e.width}px;height:${e.height}px;`),
+                style: u(`width:${e.width}px;height:${e.height}px;`),
                 fit: "fill"
               }, null, 8, ["src", "style"]),
-              l(u, {
+              l(c, {
                 type: "circle",
                 width: Math.min(e.width, e.height) * 0.8,
                 percentage: s.value.progress.percent
@@ -145,15 +146,15 @@ const q = {
           ]),
           _: 1
         }, 8, ["headers", "action", "data", "name", "accept", "class"]),
-        e.notip ? k("", !0) : (n(), m("div", G, [
-          t("div", H, y(e.tipText || `上传图片支持 ${h.value.join(" / ")} 格式，且图片大小不超过 ${e.size}MB，建议图片尺寸为 ${e.width}*${e.height}`), 1)
+        e.notip ? _("", !0) : (n(), g("div", G, [
+          t("div", H, $(e.tipText || `上传图片支持 ${m.value.join(" / ")} 格式，且图片大小不超过 ${e.size}MB，建议图片尺寸为 ${e.width}*${e.height}`), 1)
         ])),
-        s.value.imageViewerVisible ? (n(), w(D, {
+        s.value.imageViewerVisible ? (n(), y(D, {
           key: 1,
           "url-list": [e.url],
           teleported: "",
-          onClose: z
-        }, null, 8, ["url-list"])) : k("", !0)
+          onClose: B
+        }, null, 8, ["url-list"])) : _("", !0)
       ], 2);
     };
   }

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../withInstall.cjs"),t=require("./src/photo-crop-tool.vue.cjs"),o=e.withInstall(t);exports.QxsPhotoCropTool=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../withInstall.cjs"),t=require("./src/photo-crop-tool.vue.cjs"),e=o.withInstall(t.default);exports.QxsPhotoCropTool=e;exports.default=e;

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

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

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

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

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

@@ -23,11 +23,11 @@ declare const QxsFileUpload: import('../withInstall').SFCWithInstall<import('vue
     notip?: boolean;
     ext?: string[];
 }> & Readonly<{
-    onOnSuccess?: ((...args: any[]) => any) | undefined;
+    onOnSuccess?: (...args: any[]) => any;
 }>, {
+    size: number;
     name: import('element-plus').UploadProps["name"];
     accept: string;
-    size: number;
     max: number;
     files: import('element-plus').UploadUserFile[];
     notip: boolean;

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

@@ -25,11 +25,11 @@ declare const _default: import('vue').DefineComponent<{
     notip?: boolean;
     ext?: string[];
 }> & Readonly<{
-    onOnSuccess?: ((...args: any[]) => any) | undefined;
+    onOnSuccess?: (...args: any[]) => any;
 }>, {
+    size: number;
     name: UploadProps["name"];
     accept: string;
-    size: number;
     max: number;
     files: UploadUserFile[];
     notip: boolean;

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

@@ -30,12 +30,12 @@ declare const QxsImageUpload: import('../withInstall').SFCWithInstall<import('vu
     tipText?: string;
     beforeUpload?: import('element-plus').UploadProps["beforeUpload"];
 }> & Readonly<{
-    onOnSuccess?: ((res: any, uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => any) | undefined;
-    "onUpdate:url"?: ((url: string) => any) | undefined;
+    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;
-    size: number;
     url: string;
     notip: boolean;
     height: number;

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

@@ -32,12 +32,12 @@ declare const _default: import('vue').DefineComponent<{
     tipText?: string;
     beforeUpload?: UploadProps["beforeUpload"];
 }> & Readonly<{
-    onOnSuccess?: ((res: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => any) | undefined;
-    "onUpdate:url"?: ((url: string) => any) | undefined;
+    onOnSuccess?: (res: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => any;
+    "onUpdate:url"?: (url: string) => any;
 }>, {
+    size: number;
     name: UploadProps["name"];
     accept: string;
-    size: number;
     url: string;
     notip: boolean;
     height: number;

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

@@ -1,7 +1,7 @@
 declare const QxsPhotoCropTool: import('../withInstall').SFCWithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     imgFile: {
         type: import('vue').PropType<File>;
-        default: () => null;
+        default: () => any;
     };
     aspectRatio: {
         type: StringConstructor;
@@ -20,12 +20,12 @@ declare const QxsPhotoCropTool: import('../withInstall').SFCWithInstall<import('
         default: () => string;
     };
 }>, {
-    crop: (img?: HTMLImageElement) => Promise<File | null>;
+    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: () => null;
+        default: () => any;
     };
     aspectRatio: {
         type: StringConstructor;

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

@@ -1,11 +1,11 @@
 import { PropType } from 'vue';
 
-declare function crop(img?: HTMLImageElement): Promise<File | null>;
+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: () => null;
+        default: () => any;
     };
     aspectRatio: {
         type: StringConstructor;
@@ -33,7 +33,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     imgFile: {
         type: PropType<File>;
-        default: () => null;
+        default: () => any;
     };
     aspectRatio: {
         type: StringConstructor;

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
-};