@qynpm/ui 1.0.40 → 1.0.42

package/dist/shared/index.vue_vue_type_style_index_0_lang-BXAUYDO7.mjs

@@ -0,0 +1,404 @@
+import { ElDialog as he, ElIcon as xe } from "element-plus/es";
+import { defineComponent as we, useSlots as be, ref as d, computed as C, createVNode as z, watchEffect as ke, watch as te, h as le, onMounted as _e, nextTick as ne, onUnmounted as Ce, openBlock as i, createElementBlock as c, normalizeClass as I, createSlots as ze, withCtx as q, createElementVNode as l, normalizeStyle as A, unref as L, createCommentVNode as v, renderSlot as M, toDisplayString as ae, withModifiers as u, createBlock as ie, withDirectives as qe, vShow as Me } from "vue";
+import Se from "clsx";
+import { ElButton as se } from "element-plus";
+import { Close as Be } from "@element-plus/icons-vue";
+import { useBreakpoints as Ee, useDraggable as Ie } from "@vueuse/core";
+const Le = { class: "text-lg flex items-center pt-2 pl-[var(--content-padding)]" }, De = { key: 0 }, Oe = { key: 1 }, $e = {
+  key: 0,
+  class: "icon-[material-symbols--square-outline-rounded]",
+  role: "img",
+  "aria-hidden": "true"
+}, Te = {
+  key: 1,
+  class: "icon-[tdesign--fullscreen-exit-1]",
+  role: "img",
+  "aria-hidden": "true"
+}, Ze = {
+  key: 0,
+  class: "fixed -right-12 top-2 h-9 w-9 hover:bg-gray-600/80 transition-all"
+}, He = { class: "flex justify-between h-[var(--footer-height)] px-[var(--content-padding)] items-center" }, Ae = { class: "flex items-center justify-between w-full pl-1 pr-4 h-full ml-2" }, Ne = { class: "flex items-center gap-2" }, Fe = { class: "text-sm text-gray-700 truncate max-w-[200px]" }, je = { class: "flex items-center gap-2" }, re = 5, N = 2e3, Je = /* @__PURE__ */ we({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    open: { type: Boolean, default: !1 },
+    title: { default: "" },
+    width: { default: "50%" },
+    showFooter: { type: Boolean, default: !0 },
+    showConfirm: { type: Boolean, default: !0 },
+    showCancel: { type: Boolean, default: !0 },
+    confirmText: { default: "确 认" },
+    cancelText: { default: "取 消" },
+    confirmLoading: { type: Boolean, default: !1 },
+    confirmDisabled: { type: Boolean, default: !1 },
+    closeOnConfirm: { type: Boolean, default: !1 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    closeOnOverlay: { type: Boolean, default: !0 },
+    minimizable: { type: Boolean, default: !0 },
+    destroyOnClose: { type: Boolean, default: !1 },
+    draggable: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
+    top: { default: "15vh" },
+    fullscreen: { type: Boolean, default: !1 },
+    showFullscreen: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    zIndex: { default: 2e3 }
+  },
+  emits: ["update:open", "open-change", "confirm", "cancel", "close", "opened", "closed"],
+  setup(de, { expose: ce, emit: ue }) {
+    let m = 0;
+    const t = de, D = be(), F = d(!0), O = d(!1), j = d(N), R = d(null), fe = Ee({
+      mobile: 0,
+      tablet: 640,
+      laptop: 1024,
+      desktop: 1280
+    }).isSmaller("tablet"), $ = C(() => {
+      const e = [];
+      return t.showCancel && e.push("cancel"), t.showConfirm && e.push("confirm"), e;
+    }), V = C(() => ({
+      CancelButton: z(J),
+      ConfirmButton: z(G)
+    })), U = C(() => !!(D.footer || t.showFooter)), h = d(!1), b = d(!1);
+    let T = !1, x = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const k = d(
+      t.showFullscreen && fe ? !0 : t.fullscreen
+    ), s = ue, W = C(() => t.open);
+    ke(() => {
+      W.value && (h.value = !1);
+    }), te(
+      () => t.open,
+      (e, o) => {
+        if (e) {
+          h.value = !1, b.value = !1, x = document.activeElement instanceof HTMLElement ? document.activeElement : x, o === !1 && s("open-change", !0);
+          return;
+        }
+        o && !h.value && (h.value = !0, s("open-change", !1), s("close", "external"));
+      }
+    ), te(
+      () => t.confirmLoading,
+      (e) => {
+        e ? T = !0 : T && (T = !1, b.value = !1);
+      }
+    ), ce({
+      handleMinimize: H
+    });
+    const p = `qy-dialog-${Math.random().toString(36).slice(2, 11)}`, w = d(!1);
+    let _ = !1;
+    const S = d(null), { x: X, y: Z } = Ie(S, {
+      initialValue: {
+        x: 5,
+        y: window.innerHeight - 100 - m * 60
+      },
+      onMove(e) {
+        var o;
+        (o = S.value) == null || o.classList.add("dragging"), document.body.classList.add("qy-dialog--dragging"), X.value = Math.max(
+          0,
+          Math.min(window.innerWidth - 300, e.x)
+        ), Z.value = Math.max(
+          0,
+          Math.min(window.innerHeight - 50, e.y)
+        );
+      },
+      onEnd() {
+        var e;
+        (e = S.value) == null || e.classList.remove("dragging"), document.body.classList.remove("qy-dialog--dragging");
+      }
+    }), me = C(() => ({
+      transform: `translate(${X.value}px, ${Z.value}px)`,
+      willChange: "transform"
+    }));
+    function K(e) {
+      const o = e.target, { scrollTop: n, scrollHeight: r, clientHeight: f } = o;
+      F.value = n <= re, O.value = r - (n + f) <= re;
+    }
+    function pe() {
+      const e = document.querySelector(`.${p}.el-dialog`);
+      e && (R.value = e, e.addEventListener("scroll", K)), B(), s("opened");
+    }
+    function Y() {
+      k.value = !k.value, B();
+    }
+    function g(e) {
+      t.confirmLoading && e !== "external" || h.value || (h.value = !0, oe(), s("update:open", !1), s("open-change", !1), (e === "cancel" || e === "header") && s("cancel"), s("close", e));
+    }
+    function ge() {
+      s("closed"), ne(() => {
+        x != null && x.isConnected && x.focus();
+      });
+    }
+    function ye(e) {
+      t.showFullscreen && e.detail >= 2 && Y();
+    }
+    function G() {
+      return le(
+        se,
+        {
+          type: "primary",
+          class: "dialog__footerBtn",
+          loading: t.confirmLoading,
+          disabled: t.confirmDisabled || t.confirmLoading || b.value,
+          onClick: ve
+        },
+        () => t.confirmText
+      );
+    }
+    function ve() {
+      b.value || t.confirmLoading || t.confirmDisabled || (b.value = !0, s("confirm"), t.closeOnConfirm && g("confirm"));
+    }
+    function J() {
+      return le(
+        se,
+        { class: "dialog__footerBtn", onClick: () => g("cancel") },
+        () => t.cancelText
+      );
+    }
+    _e(() => {
+      typeof window.qyDialogMaxZIndex > "u" && (window.qyDialogMaxZIndex = N), B(), document.addEventListener("keydown", Q), document.addEventListener("mousedown", ee, !0);
+    });
+    function P() {
+      var r, f;
+      const e = (r = document.querySelector(`.${p}`)) == null ? void 0 : r.closest(".el-overlay");
+      if (!e) return !1;
+      const n = Array.from(
+        document.querySelectorAll(".el-overlay")
+      ).filter((a) => window.getComputedStyle(a).display !== "none").map((a, y) => ({
+        overlay: a,
+        order: y,
+        zIndex: Number.parseInt(
+          window.getComputedStyle(a).zIndex || "0",
+          10
+        )
+      }));
+      return n.sort(
+        (a, y) => a.zIndex - y.zIndex || a.order - y.order
+      ), ((f = n.at(-1)) == null ? void 0 : f.overlay) === e;
+    }
+    function Q(e) {
+      e.key !== "Escape" || !t.open || !t.closeOnEscape || t.confirmLoading || !P() || (e.preventDefault(), g("escape"));
+    }
+    function ee(e) {
+      if (!t.open || !t.closeOnOverlay || t.confirmLoading || !P() || !(e.target instanceof Node))
+        return;
+      const o = document.querySelector(`.${p}.el-dialog`), n = o == null ? void 0 : o.closest(".el-overlay");
+      !o || !n || !n.contains(e.target) || o.contains(e.target) || g("overlay");
+    }
+    function B() {
+      var y;
+      const e = Array.from(
+        document.querySelectorAll(".el-overlay")
+      ).filter((E) => window.getComputedStyle(E).display !== "none" && !E.classList.contains("is-message")), o = (y = document.querySelector(`.${p}`)) == null ? void 0 : y.closest(".el-overlay"), n = document.querySelector(
+        `.${p}.el-dialog`
+      );
+      if (!o || !n) return;
+      const r = N;
+      window.qyDialogMaxZIndex = window.qyDialogMaxZIndex || r;
+      const a = Math.max(
+        window.qyDialogMaxZIndex,
+        ...e.map(
+          (E) => parseInt(window.getComputedStyle(E).zIndex || r.toString())
+        )
+      ) + 2;
+      window.qyDialogMaxZIndex = a, ne(() => {
+        o.style.zIndex = a.toString(), n.style.zIndex = (a + 1).toString(), j.value = a + 1;
+      });
+    }
+    Ce(() => {
+      var e;
+      document.removeEventListener("keydown", Q), document.removeEventListener("mousedown", ee, !0), (e = R.value) == null || e.removeEventListener("scroll", K), oe();
+    });
+    function oe() {
+      if (!_) {
+        w.value = !1;
+        return;
+      }
+      _ = !1, m = Math.max(0, m - 1), w.value = !1;
+    }
+    function H() {
+      var o;
+      const e = (o = document.querySelector(`.${p}`)) == null ? void 0 : o.closest(".el-overlay");
+      !e || !t.open || (w.value ? (w.value = !1, e.style.display = "block", _ && (_ = !1, m = Math.max(0, m - 1)), B()) : (w.value = !0, e.style.display = "none", _ = !0, m += 1, Z.value = window.innerHeight - 50 - m * 60));
+    }
+    return (e, o) => {
+      const n = xe, r = he;
+      return i(), c("div", null, [
+        z(r, {
+          ref: "dialogRef",
+          class: I(["qy-dialog", [
+            t.size === "small" && "[&_.el-dialog__header]:!hidden",
+            p
+          ]]),
+          "model-value": W.value,
+          title: t.title,
+          width: t.width,
+          top: t.top,
+          "align-center": "",
+          "append-to-body": "",
+          "destroy-on-close": t.destroyOnClose,
+          "lock-scroll": t.lockScroll,
+          style: {
+            "--el-dialog-padding-primary": 0
+          },
+          "show-close": !1,
+          "close-on-press-escape": !1,
+          "close-on-click-modal": !1,
+          fullscreen: k.value,
+          "z-index": j.value,
+          onClosed: ge,
+          onOpened: pe,
+          draggable: t.draggable
+        }, ze({
+          header: q(() => [
+            t.size === "default" ? (i(), c("div", {
+              key: 0,
+              style: A({
+                borderBottom: "1px solid",
+                borderColor: F.value ? "transparent" : "var(--block-outline-color)",
+                transition: "border-color .2s linear"
+              }),
+              class: "flex justify-between h-[var(--header-height)]",
+              onDblclick: ye
+            }, [
+              l("div", Le, [
+                L(D).header ? L(D).header ? (i(), c("div", Oe, [
+                  M(e.$slots, "header")
+                ])) : v("", !0) : (i(), c("span", De, ae(t.title), 1))
+              ]),
+              l("div", {
+                class: "flex",
+                onMousedown: o[4] || (o[4] = u(() => {
+                }, ["stop"]))
+              }, [
+                t.size === "default" && t.minimizable ? (i(), c("div", {
+                  key: 0,
+                  class: "qy-dialog__btn qy-dialog__btn--default",
+                  onClick: u(H, ["stop"]),
+                  onMousedown: o[0] || (o[0] = u(() => {
+                  }, ["stop"]))
+                }, [...o[7] || (o[7] = [
+                  l("span", {
+                    class: "icon-[material-symbols--minimize] text-xl mb-3",
+                    role: "img",
+                    "aria-hidden": "true"
+                  }, null, -1)
+                ])], 32)) : v("", !0),
+                t.showFullscreen ? (i(), c("div", {
+                  key: 1,
+                  class: "qy-dialog__btn qy-dialog__btn--default",
+                  onClick: u(Y, ["stop"]),
+                  onMousedown: o[1] || (o[1] = u(() => {
+                  }, ["stop"]))
+                }, [
+                  k.value ? (i(), c("span", Te)) : (i(), c("span", $e))
+                ], 32)) : v("", !0),
+                l("div", {
+                  class: "qy-dialog__btn qy-dialog__btn--danger",
+                  onClick: o[2] || (o[2] = u((f) => g("header"), ["stop"])),
+                  onMousedown: o[3] || (o[3] = u(() => {
+                  }, ["stop"]))
+                }, [...o[8] || (o[8] = [
+                  l("span", {
+                    class: "icon-[ri--close-line] text-xl",
+                    role: "img",
+                    "aria-hidden": "true"
+                  }, null, -1)
+                ])], 32)
+              ], 32)
+            ], 36)) : v("", !0)
+          ]),
+          default: q(() => [
+            l("div", {
+              class: I(["qy-dialog__wrapper", L(Se)(k.value && "qy-dialog__wrapper--fullscreen")]),
+              style: A({
+                maxHeight: U.value ? "calc(100vh - var(--header-height) - var(--footer-height) - var(--sides-gap))" : "calc(100vh - var(--header-height) - var(--sides-gap))",
+                padding: t.size === "small" ? "var(--small-content-padding)" : "var(--content-padding)"
+              })
+            }, [
+              t.size === "small" ? (i(), c("div", Ze, [
+                z(n, {
+                  size: 36,
+                  class: "cursor-pointer text-gray-100 active:scale-75 rounded-sm transition-all",
+                  onClick: o[5] || (o[5] = (f) => g("header"))
+                }, {
+                  default: q(() => [
+                    z(L(Be))
+                  ]),
+                  _: 1
+                })
+              ])) : v("", !0),
+              M(e.$slots, "default")
+            ], 6)
+          ]),
+          _: 2
+        }, [
+          t.showFooter && !e.$slots.footer && Array.isArray($.value) ? {
+            name: "footer",
+            fn: q(() => [
+              l("div", He, [
+                l("div", null, [
+                  M(e.$slots, "footer-left")
+                ]),
+                l("div", {
+                  class: I([{
+                    "qy-dialog__footer--outline": O.value
+                  }, "qy-dialog__footer flex items-center justify-end"])
+                }, [
+                  $.value.includes("cancel") ? (i(), ie(J, { key: 0 })) : v("", !0),
+                  $.value.includes("confirm") ? (i(), ie(G, { key: 1 })) : v("", !0),
+                  M(e.$slots, "footer-append")
+                ], 2)
+              ])
+            ]),
+            key: "0"
+          } : U.value ? {
+            name: "footer",
+            fn: q(() => [
+              l("div", {
+                class: I([{
+                  "qy-dialog__footer--outline": O.value
+                }, "qy-dialog__footer px-[var(--content-padding)] min-h-[var(--footer-height)] flex items-center justify-end"])
+              }, [
+                M(e.$slots, "footer", {
+                  layouts: V.value,
+                  layoutsNode: Object.values(V.value)
+                })
+              ], 2)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["class", "model-value", "title", "width", "top", "destroy-on-close", "lock-scroll", "fullscreen", "z-index", "draggable"]),
+        qe(l("div", {
+          ref_key: "minimizedRef",
+          ref: S,
+          class: "fixed left-0 top-0 bg-white rounded shadow-lg cursor-pointer z-[9999] hover:bg-gray-50",
+          style: A([me.value, { width: "300px", height: "50px", "will-change": "transform" }])
+        }, [
+          l("div", Ae, [
+            l("div", Ne, [
+              o[9] || (o[9] = l("div", { class: "icon-[mdi--window-restore] text-gray-600" }, null, -1)),
+              l("span", Fe, ae(t.title), 1)
+            ]),
+            l("div", je, [
+              l("div", {
+                class: "p-1 hover:bg-gray-200 rounded",
+                onClick: u(H, ["stop"])
+              }, [...o[10] || (o[10] = [
+                l("div", { class: "icon-[mdi--window-maximize] text-gray-600" }, null, -1)
+              ])]),
+              l("div", {
+                class: "p-1 hover:bg-red-100 rounded",
+                onClick: o[6] || (o[6] = u((f) => g("header"), ["stop"]))
+              }, [...o[11] || (o[11] = [
+                l("div", { class: "icon-[mdi--close] text-red-600" }, null, -1)
+              ])])
+            ])
+          ])
+        ], 4), [
+          [Me, w.value]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  Je as _
+};

package/dist/shared/index.vue_vue_type_style_index_0_lang-BXTkWo5P.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),V=require("element-plus"),x=t.defineComponent({name:"QyCollapse",inheritAttrs:!1,__name:"index",props:{modelValue:{default:()=>[]},accordion:{type:Boolean,default:!1},expandIconPosition:{default:"right"},beforeCollapse:{}},emits:["update:modelValue","change"],setup(l,{expose:i,emit:d}){const a=l,s=d,u=t.useAttrs(),c=t.ref(),n=t.ref(a.modelValue),m=t.computed(()=>Object.fromEntries(Object.entries(u).filter(([e])=>e==="class"||e==="style"||e==="id"||e==="role"||e==="title"||e.startsWith("data-")||e.startsWith("aria-"))));function r(e){const o=Array.isArray(e)?e:[e];return a.accordion?o.slice(0,1):o}t.watch(()=>a.modelValue,e=>{n.value=e},{deep:!0});const f=t.computed(()=>r(a.modelValue));function p(e){n.value=e,s("update:modelValue",e),t.nextTick(()=>{n.value=a.modelValue})}function h(e){s("change",e)}function v(e){var o;(o=c.value)==null||o.setActiveNames(r(e))}return i({activeNames:f,setActiveNames:v}),(e,o)=>(t.openBlock(),t.createBlock(t.unref(V.ElCollapse),t.mergeProps({ref_key:"collapseRef",ref:c},m.value,{class:"qy-collapse","model-value":n.value,accordion:l.accordion,"expand-icon-position":l.expandIconPosition,"before-collapse":l.beforeCollapse,"onUpdate:modelValue":p,onChange:h}),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["model-value","accordion","expand-icon-position","before-collapse"]))}});exports._sfc_main=x;

package/dist/shared/index.vue_vue_type_style_index_0_lang-BnPRHCwR.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),f=require("element-plus"),n=["success","warning","info","error"],a=["401","403","404","500"],m=t=>t==="class"||t==="style"||t==="id"||t==="role"||t==="title"||t.startsWith("data-")||t.startsWith("aria-"),o={status:{type:String,default:"info",validator:t=>[...n,...a].includes(t)},title:{type:String,default:""},description:{type:String,default:""},image:{type:String,default:""},imageAlt:{type:String,default:""}},v=i.defineComponent({name:"QyResult",inheritAttrs:!1,props:o,setup(t,{attrs:r,slots:e}){const u=i.computed(()=>Object.fromEntries(Object.entries(r).filter(([s])=>m(s)))),l=i.computed(()=>["qy-result",`qy-result--${t.status}`,u.value.class]),c=i.computed(()=>["qy-result__renderer",`qy-result--${t.status}`]),d=()=>{if(e.visual)return e.visual();if(t.image)return i.h("img",{class:"qy-result__image",src:t.image,alt:t.imageAlt});if(a.includes(t.status))return i.h("div",{class:"qy-result__http-visual","aria-hidden":"true"},t.status)};return()=>{const s={};return(e.visual||t.image||a.includes(t.status))&&(s.icon=d),e.title&&(s.title=e.title),e.description&&(s["sub-title"]=e.description),e.actions&&(s.extra=e.actions),i.h("div",{...u.value,class:l.value,title:t.title},[i.h(f.ElResult,{class:c.value,icon:n.includes(t.status)?t.status:void 0,title:e.title?"":t.title,subTitle:e.description?"":t.description},s)])}}});exports._sfc_main=v;

package/dist/shared/index.vue_vue_type_style_index_0_lang-BoaO6MKl.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("vue"),F=require("element-plus"),W=["id","role","aria-disabled","tabindex","disabled","onKeydown"],j={class:"qy-color-picker__value","aria-hidden":"true"};let G=0;const H=()=>`qy-color-picker-${++G}`,J=a.defineComponent({name:"QyColorPicker",inheritAttrs:!1,__name:"index",props:{modelValue:{default:null},format:{default:void 0},showAlpha:{type:Boolean,default:!1},predefine:{default:void 0},size:{default:"default"},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","active-change","change","visible-change"],setup(R,{emit:D}){const n=R,i=D,c=a.useAttrs(),g=a.ref(null),k=a.ref(null),p=a.ref(null),r=a.ref(u(n.modelValue)),h=a.ref(r.value),t=a.ref(!1),o=a.ref(null),s=a.ref(!1),f=a.ref(!1),w=H(),L=a.computed(()=>typeof c.id=="string"&&c.id||w),_=`qy-color-picker__popper--${w}`,z=a.computed(()=>n.format||(n.showAlpha?"rgb":"hex")),m=a.computed(()=>u(n.modelValue)),B=a.computed(()=>String(c.role||"button")),I=a.computed(()=>c["aria-disabled"]??(n.disabled?"true":"false")),K=a.computed(()=>n.disabled?void 0:c.tabindex??0),N=a.computed(()=>{const e={};for(const[l,d]of Object.entries(c)){const b=l.toLowerCase();(l==="class"||l==="style"||l==="id"||l==="title"||l==="tabindex"||l==="role"||b.startsWith("data-")||b.startsWith("aria-")||["onkeydown","onkeyup","onkeypress"].includes(b))&&(e[l]=d)}return e});a.watch(()=>n.modelValue,e=>{r.value=u(e),t.value&&(h.value=r.value)});function u(e){return e==null||e===""?null:String(e)}function S(){if(!n.disabled){if(t.value){v();return}V()}}function C(){n.disabled||t.value||V()}function T(){t.value&&v()}function V(){t.value||n.disabled||(h.value=u(n.modelValue),r.value=h.value,o.value=null,s.value=!1,f.value=!1,t.value=!0,$(),i("visible-change",!0),a.nextTick(()=>{var e,l;return(l=(e=p.value)==null?void 0:e.show)==null?void 0:l.call(e)}))}function M(e){!t.value||o.value||(r.value=u(e),i("active-change",r.value))}function O(e){!t.value||o.value==="cancel"||(r.value=u(e),s.value||(s.value=!0,o.value="commit",i("update:modelValue",r.value)))}function Q(e){!t.value||o.value==="cancel"||(r.value=u(e),s.value||(s.value=!0,o.value="commit",i("update:modelValue",r.value)),f.value||(f.value=!0,i("change",r.value)),y())}function U(){!t.value||o.value==="cancel"||(s.value||(s.value=!0,o.value="commit",r.value=null,i("update:modelValue",null)),f.value||(f.value=!0,i("change",null)),y())}function v(){var e,l;!t.value||o.value||(o.value="cancel",r.value=u(n.modelValue),(l=(e=p.value)==null?void 0:e.hide)==null||l.call(e),y())}function y(){var e,l;t.value&&(t.value=!1,P(),(l=(e=p.value)==null?void 0:e.hide)==null||l.call(e),i("visible-change",!1),a.nextTick(()=>{var d;return(d=k.value)==null?void 0:d.focus()}))}function E(e){var l,d;return e instanceof Node?(l=g.value)!=null&&l.contains(e)?!0:!!((d=e.closest)!=null&&d.call(e,`.${_}`)):!1}function x(e){t.value&&!E(e.target)&&v()}function q(e){t.value&&!E(e.target)&&v()}function A(e){t.value&&e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),v())}function $(){document.addEventListener("pointerdown",x,!0),document.addEventListener("focusin",q,!0),document.addEventListener("keydown",A,!0)}function P(){document.removeEventListener("pointerdown",x,!0),document.removeEventListener("focusin",q,!0),document.removeEventListener("keydown",A,!0)}return a.onBeforeUnmount(()=>{P()}),(e,l)=>(a.openBlock(),a.createElementBlock("div",{ref_key:"rootRef",ref:g,class:"qy-color-picker","data-qy-color-picker":""},[a.createElementVNode("button",a.mergeProps({ref_key:"triggerRef",ref:k,type:"button",class:"qy-color-picker__trigger"},N.value,{id:L.value,role:B.value,"aria-disabled":I.value,tabindex:K.value,disabled:n.disabled,class:{"is-disabled":n.disabled,"is-open":t.value},onClick:S,onKeydown:[a.withKeys(a.withModifiers(C,["prevent"]),["enter"]),a.withKeys(a.withModifiers(C,["prevent"]),["space"]),a.withKeys(a.withModifiers(T,["prevent"]),["esc"])]}),[a.createElementVNode("span",{class:a.normalizeClass(["qy-color-picker__swatch",{"is-empty":!m.value}]),style:a.normalizeStyle(m.value?{backgroundColor:m.value}:void 0),"aria-hidden":"true"},null,6),a.createElementVNode("span",j,a.toDisplayString(m.value||"选择颜色"),1),l[0]||(l[0]=a.createElementVNode("span",{class:"qy-color-picker__arrow","aria-hidden":"true"},"⌄",-1))],16,W),a.createVNode(a.unref(F.ElColorPicker),{ref_key:"rendererRef",ref:p,class:"qy-color-picker__renderer","model-value":r.value,"show-alpha":n.showAlpha,"color-format":z.value,predefine:n.predefine,size:n.size,disabled:!1,clearable:n.clearable,teleported:!0,tabindex:-1,"popper-class":_,"aria-hidden":"true",onActiveChange:M,"onUpdate:modelValue":O,onChange:Q,onClear:U},null,8,["model-value","show-alpha","color-format","predefine","size","clearable"])],512))}});exports._sfc_main=J;

package/dist/shared/index.vue_vue_type_style_index_0_lang-C1n-zAZh.mjs

@@ -0,0 +1,67 @@
+import { defineComponent as x, useAttrs as A, ref as r, computed as i, watch as C, openBlock as b, createBlock as g, unref as N, mergeProps as B, withCtx as P, renderSlot as j, nextTick as w } from "vue";
+import { ElCollapse as E } from "element-plus";
+const O = /* @__PURE__ */ x({
+  name: "QyCollapse",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    accordion: { type: Boolean, default: !1 },
+    expandIconPosition: { default: "right" },
+    beforeCollapse: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { expose: d, emit: u }) {
+    const t = a, n = u, m = A(), s = r(), l = r(t.modelValue), f = i(
+      () => Object.fromEntries(
+        Object.entries(m).filter(
+          ([e]) => e === "class" || e === "style" || e === "id" || e === "role" || e === "title" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    );
+    function c(e) {
+      const o = Array.isArray(e) ? e : [e];
+      return t.accordion ? o.slice(0, 1) : o;
+    }
+    C(
+      () => t.modelValue,
+      (e) => {
+        l.value = e;
+      },
+      { deep: !0 }
+    );
+    const p = i(() => c(t.modelValue));
+    function h(e) {
+      l.value = e, n("update:modelValue", e), w(() => {
+        l.value = t.modelValue;
+      });
+    }
+    function V(e) {
+      n("change", e);
+    }
+    function v(e) {
+      var o;
+      (o = s.value) == null || o.setActiveNames(c(e));
+    }
+    return d({ activeNames: p, setActiveNames: v }), (e, o) => (b(), g(N(E), B({
+      ref_key: "collapseRef",
+      ref: s
+    }, f.value, {
+      class: "qy-collapse",
+      "model-value": l.value,
+      accordion: a.accordion,
+      "expand-icon-position": a.expandIconPosition,
+      "before-collapse": a.beforeCollapse,
+      "onUpdate:modelValue": h,
+      onChange: V
+    }), {
+      default: P(() => [
+        j(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["model-value", "accordion", "expand-icon-position", "before-collapse"]));
+  }
+});
+export {
+  O as _
+};

package/dist/shared/index.vue_vue_type_style_index_0_lang-C4Yk-UdJ.mjs

@@ -0,0 +1,172 @@
+import { defineComponent as J, useAttrs as X, ref as o, computed as c, watch as Y, onBeforeUnmount as Z, openBlock as ee, createElementBlock as ae, createElementVNode as b, mergeProps as le, withKeys as _, withModifiers as w, normalizeStyle as ne, normalizeClass as te, toDisplayString as re, createVNode as oe, unref as ie, nextTick as B } from "vue";
+import { ElColorPicker as ue } from "element-plus";
+const se = ["id", "role", "aria-disabled", "tabindex", "disabled", "onKeydown"], de = {
+  class: "qy-color-picker__value",
+  "aria-hidden": "true"
+};
+let ce = 0;
+const fe = () => `qy-color-picker-${++ce}`, me = /* @__PURE__ */ J({
+  name: "QyColorPicker",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: null },
+    format: { default: void 0 },
+    showAlpha: { type: Boolean, default: !1 },
+    predefine: { default: void 0 },
+    size: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "active-change", "change", "visible-change"],
+  setup(I, { emit: K }) {
+    const l = I, i = K, f = X(), C = o(null), V = o(null), m = o(null), t = o(u(l.modelValue)), g = o(t.value), n = o(!1), r = o(null), s = o(!1), v = o(!1), E = fe(), N = c(() => typeof f.id == "string" && f.id || E), x = `qy-color-picker__popper--${E}`, S = c(
+      () => l.format || (l.showAlpha ? "rgb" : "hex")
+    ), h = c(() => u(l.modelValue)), O = c(() => String(f.role || "button")), Q = c(
+      () => f["aria-disabled"] ?? (l.disabled ? "true" : "false")
+    ), T = c(
+      () => l.disabled ? void 0 : f.tabindex ?? 0
+    ), U = c(() => {
+      const e = {};
+      for (const [a, d] of Object.entries(f)) {
+        const k = a.toLowerCase();
+        (a === "class" || a === "style" || a === "id" || a === "title" || a === "tabindex" || a === "role" || k.startsWith("data-") || k.startsWith("aria-") || ["onkeydown", "onkeyup", "onkeypress"].includes(k)) && (e[a] = d);
+      }
+      return e;
+    });
+    Y(
+      () => l.modelValue,
+      (e) => {
+        t.value = u(e), n.value && (g.value = t.value);
+      }
+    );
+    function u(e) {
+      return e == null || e === "" ? null : String(e);
+    }
+    function $() {
+      if (!l.disabled) {
+        if (n.value) {
+          p();
+          return;
+        }
+        R();
+      }
+    }
+    function A() {
+      l.disabled || n.value || R();
+    }
+    function F() {
+      n.value && p();
+    }
+    function R() {
+      n.value || l.disabled || (g.value = u(l.modelValue), t.value = g.value, r.value = null, s.value = !1, v.value = !1, n.value = !0, H(), i("visible-change", !0), B(() => {
+        var e, a;
+        return (a = (e = m.value) == null ? void 0 : e.show) == null ? void 0 : a.call(e);
+      }));
+    }
+    function W(e) {
+      !n.value || r.value || (t.value = u(e), i("active-change", t.value));
+    }
+    function j(e) {
+      !n.value || r.value === "cancel" || (t.value = u(e), s.value || (s.value = !0, r.value = "commit", i("update:modelValue", t.value)));
+    }
+    function M(e) {
+      !n.value || r.value === "cancel" || (t.value = u(e), s.value || (s.value = !0, r.value = "commit", i("update:modelValue", t.value)), v.value || (v.value = !0, i("change", t.value)), y());
+    }
+    function G() {
+      !n.value || r.value === "cancel" || (s.value || (s.value = !0, r.value = "commit", t.value = null, i("update:modelValue", null)), v.value || (v.value = !0, i("change", null)), y());
+    }
+    function p() {
+      var e, a;
+      !n.value || r.value || (r.value = "cancel", t.value = u(l.modelValue), (a = (e = m.value) == null ? void 0 : e.hide) == null || a.call(e), y());
+    }
+    function y() {
+      var e, a;
+      n.value && (n.value = !1, z(), (a = (e = m.value) == null ? void 0 : e.hide) == null || a.call(e), i("visible-change", !1), B(() => {
+        var d;
+        return (d = V.value) == null ? void 0 : d.focus();
+      }));
+    }
+    function P(e) {
+      var a, d;
+      return e instanceof Node ? (a = C.value) != null && a.contains(e) ? !0 : !!((d = e.closest) != null && d.call(e, `.${x}`)) : !1;
+    }
+    function q(e) {
+      n.value && !P(e.target) && p();
+    }
+    function D(e) {
+      n.value && !P(e.target) && p();
+    }
+    function L(e) {
+      n.value && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), p());
+    }
+    function H() {
+      document.addEventListener("pointerdown", q, !0), document.addEventListener("focusin", D, !0), document.addEventListener("keydown", L, !0);
+    }
+    function z() {
+      document.removeEventListener("pointerdown", q, !0), document.removeEventListener("focusin", D, !0), document.removeEventListener("keydown", L, !0);
+    }
+    return Z(() => {
+      z();
+    }), (e, a) => (ee(), ae("div", {
+      ref_key: "rootRef",
+      ref: C,
+      class: "qy-color-picker",
+      "data-qy-color-picker": ""
+    }, [
+      b("button", le({
+        ref_key: "triggerRef",
+        ref: V,
+        type: "button",
+        class: "qy-color-picker__trigger"
+      }, U.value, {
+        id: N.value,
+        role: O.value,
+        "aria-disabled": Q.value,
+        tabindex: T.value,
+        disabled: l.disabled,
+        class: { "is-disabled": l.disabled, "is-open": n.value },
+        onClick: $,
+        onKeydown: [
+          _(w(A, ["prevent"]), ["enter"]),
+          _(w(A, ["prevent"]), ["space"]),
+          _(w(F, ["prevent"]), ["esc"])
+        ]
+      }), [
+        b("span", {
+          class: te(["qy-color-picker__swatch", { "is-empty": !h.value }]),
+          style: ne(h.value ? { backgroundColor: h.value } : void 0),
+          "aria-hidden": "true"
+        }, null, 6),
+        b("span", de, re(h.value || "选择颜色"), 1),
+        a[0] || (a[0] = b("span", {
+          class: "qy-color-picker__arrow",
+          "aria-hidden": "true"
+        }, "⌄", -1))
+      ], 16, se),
+      oe(ie(ue), {
+        ref_key: "rendererRef",
+        ref: m,
+        class: "qy-color-picker__renderer",
+        "model-value": t.value,
+        "show-alpha": l.showAlpha,
+        "color-format": S.value,
+        predefine: l.predefine,
+        size: l.size,
+        disabled: !1,
+        clearable: l.clearable,
+        teleported: !0,
+        tabindex: -1,
+        "popper-class": x,
+        "aria-hidden": "true",
+        onActiveChange: W,
+        "onUpdate:modelValue": j,
+        onChange: M,
+        onClear: G
+      }, null, 8, ["model-value", "show-alpha", "color-format", "predefine", "size", "clearable"])
+    ], 512));
+  }
+});
+export {
+  me as _
+};