@qxs-bns/components 0.0.5 → 0.0.6

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

@@ -1 +0,0 @@
-"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

@@ -1,49 +0,0 @@
-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.cjs

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

package/package.json.js

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

package/src/components.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./file-upload/index.cjs"),o=require("./fixed-action-bar/index.cjs"),i=require("./image-upload/index.cjs"),r=require("./photo-crop-tool/index.cjs");exports.QxsFileUpload=e.QxsFileUpload;exports.QxsFixedActionBar=o.QxsFixedActionBar;exports.QxsImageUpload=i.QxsImageUpload;exports.QxsPhotoCropTool=r.QxsPhotoCropTool;

package/src/components.js

@@ -1,10 +0,0 @@
-import { QxsFileUpload as x } from "./file-upload/index.js";
-import { QxsFixedActionBar as p } from "./fixed-action-bar/index.js";
-import { QxsImageUpload as m } from "./image-upload/index.js";
-import { QxsPhotoCropTool as f } from "./photo-crop-tool/index.js";
-export {
-  x as QxsFileUpload,
-  p as QxsFixedActionBar,
-  m as QxsImageUpload,
-  f as QxsPhotoCropTool
-};

package/src/defaults.cjs

@@ -1 +0,0 @@
-"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/defaults.js

@@ -1,6 +0,0 @@
-import * as o from "./components.js";
-import { makeInstaller as t } from "./make-installer.js";
-const a = t(o);
-export {
-  a as default
-};

package/src/file-upload/index.cjs

@@ -1 +0,0 @@
-"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/index.js

@@ -1,7 +0,0 @@
-import { withInstall as o } from "../withInstall.js";
-import t from "./src/file-upload.vue.js";
-const l = o(t);
-export {
-  l as QxsFileUpload,
-  l as default
-};

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

@@ -1 +0,0 @@
-"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,82 +0,0 @@
-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"
-}, U = { style: { display: "inline-block" } }, I = /* @__PURE__ */ B({
-  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(_, { 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("文件上传超过限制");
-    }, y = (e, o, t) => {
-      v("onSuccess", e, o, t);
-    };
-    return (e, o) => {
-      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": k,
-        "on-exceed": N,
-        "on-success": y,
-        "file-list": e.files,
-        limit: e.max,
-        drag: "",
-        class: E(f(z).e("control"))
-      }, {
-        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": "",
-                closable: !1
-              }, null, 8, ["title"])
-            ])
-          ]))
-        ]),
-        default: d(() => [
-          s("div", w, [
-            r(t, { class: "el-icon--upload" }, {
-              default: d(() => [
-                r(f(V))
-              ]),
-              _: 1
-            }),
-            o[0] || (o[0] = s("div", { class: "el-upload__text" }, [
-              S(" 将文件拖到此处，或"),
-              s("em", null, "点击上传")
-            ], -1))
-          ])
-        ]),
-        _: 1
-      }, 8, ["headers", "action", "data", "name", "file-list", "limit", "class"]);
-    };
-  }
-});
-export {
-  I as default
-};

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

@@ -1 +0,0 @@
-"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/file-upload/src/file-upload.vue2.js

@@ -1,4 +0,0 @@
-import f from "./file-upload.vue.js";
-export {
-  f as default
-};

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

@@ -1 +0,0 @@
-"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/index.js

@@ -1,7 +0,0 @@
-import { withInstall as t } from "../withInstall.js";
-import o from "./src/fixed-action-bar.vue.js";
-const a = t(o);
-export {
-  a as QxsFixedActionBar,
-  a as default
-};

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

@@ -1 +0,0 @@
-"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,63 +0,0 @@
-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",
-  props: {
-    padding: {
-      type: String,
-      default: "8px"
-    }
-  },
-  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) >= _;
-    }
-    z(() => {
-      n(), window.addEventListener("scroll", n);
-    }), A(() => {
-      window.removeEventListener("scroll", n);
-    });
-    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: s,
-        style: w(`width: 100%; height: ${x(v)}px`)
-      }, null, 4),
-      h("div", {
-        ref_key: "actionbar",
-        ref: r,
-        style: w(d.value),
-        class: N([d.value.class, x(e).e("actionbar")]),
-        "data-fixed-calc-width": ""
-      }, [
-        P(l.$slots, "default")
-      ], 6)
-    ], 64));
-  }
-});
-export {
-  W as default
-};

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

@@ -1 +0,0 @@
-"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/fixed-action-bar/src/fixed-action-bar.vue2.js

@@ -1,4 +0,0 @@
-import f from "./fixed-action-bar.vue.js";
-export {
-  f as default
-};

package/src/image-upload/index.cjs

@@ -1 +0,0 @@
-"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/index.js

@@ -1,7 +0,0 @@
-import { withInstall as o } from "../withInstall.js";
-import t from "./src/image-upload.vue.js";
-const r = o(t);
-export {
-  r as QxsImageUpload,
-  r as default
-};

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

@@ -1 +0,0 @@
-"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,164 +0,0 @@
-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"
-}, A = { class: "mask" }, F = { class: "actions" }, G = {
-  key: 0,
-  class: "el-upload__tip-text"
-}, H = { style: { display: "inline-block" } }, Y = /* @__PURE__ */ E({
-  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(b, { emit: z }) {
-    const o = b, f = z, v = Z("image-upload"), s = I({
-      imageViewerVisible: !1,
-      progress: {
-        preview: "",
-        percent: 0
-      }
-    }), m = O(() => o.accept.split(",").map((e) => e.split("/").pop()));
-    function C() {
-      s.value.imageViewerVisible = !0;
-    }
-    function B() {
-      s.value.imageViewerVisible = !1;
-    }
-    function S() {
-      f("update:url", "");
-    }
-    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;
-    }, j = (...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"))
-      }, [
-        l(h, {
-          "show-file-list": !1,
-          headers: e.headers,
-          action: e.action,
-          data: e.data,
-          name: e.name,
-          "before-upload": U,
-          "on-progress": N,
-          "on-success": j,
-          drag: "",
-          accept: e.accept,
-          class: w(p(v).e("image-upload"))
-        }, {
-          default: d(() => [
-            e.url === "" ? (n(), y(i, {
-              key: 0,
-              src: e.url === "" ? e.placeholder : e.url,
-              style: u(`width:${e.width}px;height:${e.height}px;`),
-              fit: "fill"
-            }, {
-              error: d(() => [
-                t("div", {
-                  class: "image-slot",
-                  style: u(`width:${e.width}px;height:${e.height}px;`)
-                }, [
-                  l(a, null, {
-                    default: d(() => [
-                      l(p(P))
-                    ]),
-                    _: 1
-                  }),
-                  t("p", null, $(e.placeholder), 1)
-                ], 4)
-              ]),
-              _: 1
-            }, 8, ["src", "style"])) : (n(), g("div", q, [
-              l(i, {
-                src: e.url,
-                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: k(C, ["stop"])
-                  }, [
-                    l(a, null, {
-                      default: d(() => [
-                        l(p(R))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  t("span", {
-                    title: "移除",
-                    onClick: k(S, ["stop"])
-                  }, [
-                    l(a, null, {
-                      default: d(() => [
-                        l(p(Q))
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ])
-              ])
-            ])),
-            T(t("div", {
-              class: "progress",
-              style: u(`width:${e.width}px;height:${e.height}px;`)
-            }, [
-              l(i, {
-                src: s.value.progress.preview,
-                style: u(`width:${e.width}px;height:${e.height}px;`),
-                fit: "fill"
-              }, null, 8, ["src", "style"]),
-              l(c, {
-                type: "circle",
-                width: Math.min(e.width, e.height) * 0.8,
-                percentage: s.value.progress.percent
-              }, null, 8, ["width", "percentage"])
-            ], 4), [
-              [L, e.url === "" && s.value.progress.percent]
-            ])
-          ]),
-          _: 1
-        }, 8, ["headers", "action", "data", "name", "accept", "class"]),
-        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(), y(D, {
-          key: 1,
-          "url-list": [e.url],
-          teleported: "",
-          onClose: B
-        }, null, 8, ["url-list"])) : _("", !0)
-      ], 2);
-    };
-  }
-});
-export {
-  Y as default
-};

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

@@ -1 +0,0 @@
-"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/image-upload/src/image-upload.vue2.js

@@ -1,4 +0,0 @@
-import f from "./image-upload.vue.js";
-export {
-  f as default
-};

package/src/make-installer.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../package.json.cjs");function a(e){const n=r=>{for(const t in e)r.use(e[t])};return{version:s.version,install:n}}exports.makeInstaller=a;

package/src/make-installer.js

@@ -1,13 +0,0 @@
-import { version as i } from "../package.json.js";
-function s(n) {
-  return {
-    version: i,
-    install: (r) => {
-      for (const t in n)
-        r.use(n[t]);
-    }
-  };
-}
-export {
-  s as makeInstaller
-};

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

@@ -1 +0,0 @@
-"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/index.js

@@ -1,7 +0,0 @@
-import { withInstall as o } from "../withInstall.js";
-import t from "./src/photo-crop-tool.vue.js";
-const s = o(t);
-export {
-  s as QxsPhotoCropTool,
-  s as default
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue");function g(l){const e=d.ref(null);return l&&(e.value=l.getContext("2d")),{clearCanvas:()=>{e.value&&e.value.clearRect(0,0,l.width,l.height)},drawColor:(o,r,t,n,a)=>{e.value&&(e.value.fillStyle=a,e.value.fillRect(o,r,t,n))},drawImage:(o,r,t,n,a)=>{e.value.drawImage(o,r,t,n,a)},cropCanvas:(o,r,t,n)=>new Promise(a=>{if(e.value){const u=document.createElement("canvas");u.width=t,u.height=n;const c=u.getContext("2d");c?(c.drawImage(l,o,r,t,n,0,0,t,n),u.toBlob(i=>{if(i){const s=new File([i],"cropped_image.png",{type:"image/png"});a(s)}else a(null)},"image/png")):a(null)}else a(null)})}}exports.useCanvas=g;

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

@@ -1,33 +0,0 @@
-import { ref as s } from "vue";
-function v(l) {
-  const e = s(null);
-  return l && (e.value = l.getContext("2d")), {
-    clearCanvas: () => {
-      e.value && e.value.clearRect(0, 0, l.width, l.height);
-    },
-    drawColor: (o, r, t, n, a) => {
-      e.value && (e.value.fillStyle = a, e.value.fillRect(o, r, t, n));
-    },
-    drawImage: (o, r, t, n, a) => {
-      e.value.drawImage(o, r, t, n, a);
-    },
-    cropCanvas: (o, r, t, n) => new Promise((a) => {
-      if (e.value) {
-        const c = document.createElement("canvas");
-        c.width = t, c.height = n;
-        const u = c.getContext("2d");
-        u ? (u.drawImage(l, o, r, t, n, 0, 0, t, n), c.toBlob((i) => {
-          if (i) {
-            const p = new File([i], "cropped_image.png", { type: "image/png" });
-            a(p);
-          } else
-            a(null);
-        }, "image/png")) : a(null);
-      } else
-        a(null);
-    })
-  };
-}
-export {
-  v as useCanvas
-};

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

@@ -1 +0,0 @@
-"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;