@qynpm/ui 0.0.2 → 1.0.2

package/dist/index-CibtL3Up.mjs

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

package/dist/index-Cuwe7RLf.mjs

@@ -0,0 +1,88 @@
+import { defineComponent as y, ref as b, watch as v, createElementBlock as o, openBlock as s, normalizeClass as a, createElementVNode as d, withDirectives as _, renderSlot as i, createCommentVNode as n, toDisplayString as r, withModifiers as h, vShow as g } from "vue";
+import { _ as k } from "./plugin-vue_export-helper-CHgC5LLL.mjs";
+const C = { class: "qy-form-section__heading" }, q = {
+  key: 0,
+  class: "qy-form-section__title"
+}, $ = {
+  key: 0,
+  class: "qy-form-section__description"
+}, E = { class: "qy-form-section__actions" }, w = y({
+  name: "QyFormSection",
+  __name: "index",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    tip: { default: "" },
+    tipType: { default: "info" },
+    collapsible: { type: Boolean, default: !1 },
+    defaultExpanded: { type: Boolean, default: !0 },
+    bordered: { type: Boolean, default: !0 },
+    background: { default: "white" },
+    bodyClass: { default: "" },
+    headerClass: { default: "" }
+  },
+  emits: ["toggle"],
+  setup(u, { emit: p }) {
+    const l = u, f = p, t = b(l.defaultExpanded);
+    v(
+      () => l.defaultExpanded,
+      (e) => {
+        t.value = e;
+      }
+    );
+    function c() {
+      l.collapsible && (t.value = !t.value, f("toggle", t.value));
+    }
+    function m() {
+      l.collapsible && c();
+    }
+    return (e, B) => (s(), o("section", {
+      class: a(["qy-form-section", [
+        `is-bg-${e.background}`,
+        {
+          "is-bordered": e.bordered,
+          "is-collapsible": e.collapsible
+        }
+      ]])
+    }, [
+      d("header", {
+        class: a(["qy-form-section__header", e.headerClass]),
+        onClick: m
+      }, [
+        d("div", C, [
+          i(e.$slots, "title", {}, () => [
+            e.title ? (s(), o("div", q, r(e.title), 1)) : n("", !0)
+          ], !0),
+          i(e.$slots, "description", {}, () => [
+            e.description ? (s(), o("div", $, r(e.description), 1)) : n("", !0)
+          ], !0)
+        ]),
+        d("div", E, [
+          i(e.$slots, "actions", {}, void 0, !0),
+          e.collapsible ? (s(), o("button", {
+            key: 0,
+            type: "button",
+            class: "qy-form-section__toggle",
+            onClick: h(c, ["stop"])
+          }, r(t.value ? "收起" : "展开"), 1)) : n("", !0)
+        ])
+      ], 2),
+      _(d("div", {
+        class: a(["qy-form-section__body", e.bodyClass])
+      }, [
+        i(e.$slots, "tip", {}, () => [
+          e.tip ? (s(), o("div", {
+            key: 0,
+            class: a(["qy-form-section__tip", `is-${e.tipType}`])
+          }, r(e.tip), 3)) : n("", !0)
+        ], !0),
+        i(e.$slots, "default", {}, void 0, !0)
+      ], 2), [
+        [g, t.value]
+      ])
+    ], 2));
+  }
+}), F = /* @__PURE__ */ k(w, [["__scopeId", "data-v-0185ba6c"]]);
+export {
+  F as Q
+};

package/dist/index-CzJWU89H.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),N=require("./index-BaU5rDMh.js"),A=require("./plugin-vue_export-helper-BHFhmbuH.js"),O={class:"qy-record-quote-search"},R={key:0,class:"qy-record-quote-search__header"},T={key:0,class:"qy-record-quote-search__label"},L={key:1,class:"qy-record-quote-search__description"},P=t.defineComponent({name:"QyRecordQuoteSearch",inheritAttrs:!1,__name:"index",props:{modelValue:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:"请输入报价单号"},buttonText:{default:"查询报价单"},autoNormalize:{type:Boolean,default:!0},showStatus:{type:Boolean,default:!0},status:{default:"default"},statusText:{default:""},suggestions:{default:()=>[]},fetchSuggestions:{type:[Function,null],default:null},fetchSuggestionsMethod:{type:[Function,null],default:null},debounce:{default:300},minLength:{default:1},searchOnSelect:{type:Boolean,default:!0},searchMethod:{type:[Function,null],default:null},extractMethod:{type:[Function,null],default:null},normalizeMethod:{type:[Function,null],default:null},label:{default:"报价单号"},description:{default:""},trimMode:{default:"blur"}},emits:["update:modelValue","search","clear","normalize","enter","select","error","success"],setup(y,{expose:S,emit:v}){const r=y,n=v,b=t.useAttrs(),a=t.ref(null),d=t.ref(!1),i=t.computed(()=>r.statusText||""),V=t.computed(()=>r.loading||d.value);function u(e){return e==null?"":String(e)}function k(e){const o=u(e).trim(),l=c(o),s=l.match(/BJ\d{8}[A-Z0-9]{4}/i);return s?s[0]:l}function c(e){return u(e).replace(/\s+/g,"").trim().toUpperCase()}function f(e){return r.extractMethod?r.extractMethod(e):k(e)}function h(e){return r.normalizeMethod?r.normalizeMethod(e):c(e)}function m(e,o){const l=u(e),s=f(l),g=r.autoNormalize?h(s):s;return n("normalize",{rawValue:l,code:g}),{rawValue:l,code:g,item:o}}function C(e){n("update:modelValue",e)}async function p(e){if(n("search",e),!!r.searchMethod){d.value=!0;try{const o=await r.searchMethod(e);n("success",o)}catch(o){n("error",o)}finally{d.value=!1}}}function B(e){const o=m(e);o.code!==u(r.modelValue)&&n("update:modelValue",o.code),p(o)}function E(){n("clear")}function M(e){n("enter",e)}function q(e){if(n("select",e),!r.searchOnSelect)return;const o=m(e.value,e);o.code!==u(r.modelValue)&&n("update:modelValue",o.code),p(o)}function $(e){n("error",e)}function z(){var e,o;(o=(e=a.value)==null?void 0:e.focus)==null||o.call(e)}function F(){var e,o;(o=(e=a.value)==null?void 0:e.blur)==null||o.call(e)}function Q(){var e,o;(o=(e=a.value)==null?void 0:e.select)==null||o.call(e)}function w(){var e,o;(o=(e=a.value)==null?void 0:e.clear)==null||o.call(e)}return S({focus:z,blur:F,select:Q,clear:w,extractQuoteOrderCode:f,normalizeQuoteOrderCode:h}),(e,o)=>(t.openBlock(),t.createElementBlock("div",O,[t.renderSlot(e.$slots,"label",{},()=>[e.label||e.description?(t.openBlock(),t.createElementBlock("div",R,[e.label?(t.openBlock(),t.createElementBlock("div",T,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0),e.description?(t.openBlock(),t.createElementBlock("div",L,t.toDisplayString(e.description),1)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)],!0),t.createVNode(N.QySearchInput,t.mergeProps({ref_key:"searchRef",ref:a},t.unref(b),{"model-value":e.modelValue,loading:V.value,disabled:e.disabled,placeholder:e.placeholder,"remove-space":!0,"trim-mode":e.trimMode,"button-text":e.buttonText,suggestions:e.suggestions,"fetch-suggestions":e.fetchSuggestions,"fetch-suggestions-method":e.fetchSuggestionsMethod,debounce:e.debounce,"min-length":e.minLength,"search-on-select":!1,"onUpdate:modelValue":C,onSearch:B,onClear:E,onEnter:M,onSelect:q,onError:$}),t.createSlots({_:2},[e.$slots.prefix?{name:"prefix",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"prefix",{},void 0,!0)]),key:"0"}:void 0,e.$slots.suffix?{name:"suffix",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"suffix",{},void 0,!0)]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:t.withCtx(l=>[t.renderSlot(e.$slots,"item",t.normalizeProps(t.guardReactiveProps(l)),void 0,!0)]),key:"2"}:void 0,e.$slots.empty?{name:"empty",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"empty",{},void 0,!0)]),key:"3"}:void 0,e.$slots.loading?{name:"loading",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"loading",{},void 0,!0)]),key:"4"}:void 0]),1040,["model-value","loading","disabled","placeholder","trim-mode","button-text","suggestions","fetch-suggestions","fetch-suggestions-method","debounce","min-length"]),e.showStatus&&i.value?t.renderSlot(e.$slots,"status",{key:0,status:e.status,statusText:i.value},()=>[t.createElementVNode("div",{class:t.normalizeClass(["qy-record-quote-search__status",`is-${e.status}`])},t.toDisplayString(i.value),3)],!0):t.createCommentVNode("",!0)]))}}),D=A._export_sfc(P,[["__scopeId","data-v-8bc26d3a"]]);exports.QyRecordQuoteSearch=D;

package/dist/index-DQ-EEZgS.js

@@ -0,0 +1 @@
+"use strict";const Z=require("element-plus/es"),e=require("vue"),U=require("clsx"),A=require("element-plus"),H=require("@vueuse/core"),X={class:"text-lg flex items-center pt-2 pl-[var(--content-padding)]"},W={key:0},Y={key:1},G={key:0,class:"icon-[material-symbols--square-outline-rounded]",role:"img","aria-hidden":"true"},J={key:1,class:"icon-[tdesign--fullscreen-exit-1]",role:"img","aria-hidden":"true"},K={key:0,class:"fixed -right-12 top-2 h-9 w-9 hover:bg-gray-600/80 transition-all"},Q={class:"flex justify-between h-[var(--footer-height)] px-[var(--content-padding)] items-center"},ee={class:"flex items-center justify-between w-full pl-1 pr-4 h-full ml-2"},te={class:"flex items-center gap-2"},oe={class:"text-sm text-gray-700 truncate max-w-[200px]"},le={class:"flex items-center gap-2"},L=5,C=2e3,ne=e.defineComponent({__name:"index",props:e.mergeModels({layout:{type:[Array,String,Boolean],default:()=>["confirm","cancel"]},fullscreen:{type:Boolean,default:!1},showFullscreen:{type:Boolean,default:!1},confirmProps:{default:()=>({})},size:{default:"default"},zIndex:{default:2e3}},{modelValue:{default:!0},modelModifiers:{}}),emits:e.mergeModels(["confirm","cancel","close","opened","ok"],["update:modelValue"]),setup(E,{expose:O,emit:j}){const l=E,y=e.useSlots(),B=e.ref(!0),v=e.ref(!1),M=e.ref(C),F=H.useBreakpoints({mobile:0,tablet:640,laptop:1024,desktop:1280}).isSmaller("tablet"),w=e.computed(()=>{if(Array.isArray(l.layout))return l.layout;if(typeof l.layout=="string")return l.layout.split(",").map(o=>o.trim())}),z=e.computed(()=>({CancelButton:e.createVNode(I),ConfirmButton:e.createVNode(S)})),b=e.computed(()=>y.footer||l.layout!==!1),h=e.ref(!1),s=e.ref(l.showFullscreen&&F?!0:l.fullscreen),d=j,x=e.useModel(E,"modelValue");e.watchEffect(()=>{x.value&&(h.value=!1)}),O({});const k=e.useAttrs(),i=`qy-dialog-${Math.random().toString(36).slice(2,11)}`,a=e.ref(!1),u=e.ref(null);window.minimizedCount||(window.minimizedCount=0);const{x:V,y:_}=H.useDraggable(u,{initialValue:{x:5,y:window.innerHeight-100-(window.minimizedCount||0)*60},onMove(o){var t;(t=u.value)==null||t.classList.add("dragging"),document.body.classList.add("qy-dialog--dragging"),V.value=Math.max(0,Math.min(window.innerWidth-300,o.x)),_.value=Math.max(0,Math.min(window.innerHeight-50,o.y))},onEnd(){var o;(o=u.value)==null||o.classList.remove("dragging"),document.body.classList.remove("qy-dialog--dragging")}}),P=e.computed(()=>({transform:`translate(${V.value}px, ${_.value}px)`,willChange:"transform"}));function q(o){const t=o.target,{scrollTop:n,scrollHeight:r,clientHeight:f}=t;B.value=n<=L,v.value=r-(n+f)<=L}function T(){document.querySelector(`.${i}.el-dialog`).addEventListener("scroll",q),m(),d("opened")}function N(){s.value=!s.value,m()}function c(){h.value||(h.value=!0,a.value=!1,x.value=!1,d("cancel"),d("close"))}function R(o){l.showFullscreen&&o.detail>=2&&N()}function S(){return e.h(A.ElButton,{...e.unref(l.confirmProps),type:"primary",class:"dialog__footerBtn",onClick:()=>{d("confirm"),d("ok")}},()=>e.unref(l.confirmProps).title||"确 认")}function I(){return e.h(A.ElButton,{class:"dialog__footerBtn",onClick:()=>c()},()=>"取 消")}e.onMounted(()=>{typeof window.qyDialogMaxZIndex>"u"&&(window.qyDialogMaxZIndex=C),m()});function m(){var $;const o=Array.from(document.querySelectorAll(".el-overlay")).filter(p=>window.getComputedStyle(p).display!=="none"&&!p.classList.contains("is-message")),t=($=document.querySelector(`.${i}`))==null?void 0:$.closest(".el-overlay"),n=document.querySelector(`.${i}.el-dialog`);if(!t||!n)return;const r=C;window.qyDialogMaxZIndex=window.qyDialogMaxZIndex||r;const g=Math.max(window.qyDialogMaxZIndex,...o.map(p=>parseInt(window.getComputedStyle(p).zIndex||r.toString())))+2;window.qyDialogMaxZIndex=g,e.nextTick(()=>{t.style.zIndex=g.toString(),n.style.zIndex=(g+1).toString(),M.value=g+1})}e.onUnmounted(()=>{const o=document.querySelector(`.${i} .qy-dialog__wrapper-container`);o&&o.removeEventListener("scroll",q),a.value&&window.minimizedCount--});function D(){var t;a.value=!a.value;const o=(t=document.querySelector(`.${i}`))==null?void 0:t.closest(".el-overlay");a.value?(o.style.display="none",window.minimizedCount++,_.value=window.innerHeight-50-(window.minimizedCount||0)*60):(o.style.display="block",window.minimizedCount--,m())}return(o,t)=>{const n=e.resolveComponent("Close"),r=Z.ElIcon,f=Z.ElDialog;return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(f,e.mergeProps({ref:"dialogRef",class:["qy-dialog",[l.size==="small"&&"[&_.el-dialog__header]:!hidden",i]],"model-value":x.value,"align-center":"","append-to-body":"",style:{"--el-dialog-padding-primary":0},"show-close":!1,fullscreen:s.value,"z-index":M.value,onClosed:c,onOpened:T,draggable:""},e.unref(k)),e.createSlots({header:e.withCtx(()=>[l.size==="default"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({borderBottom:"1px solid",borderColor:B.value?"transparent":"var(--block-outline-color)",transition:"border-color .2s linear"}),class:"flex justify-between h-[var(--header-height)]",onDblclick:R},[e.createElementVNode("div",X,[e.unref(y).header?e.unref(y).header?(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(e.unref(k).title),1))]),e.createElementVNode("div",{class:"flex",onMousedown:t[3]||(t[3]=e.withModifiers(()=>{},["stop"]))},[l.size==="default"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"qy-dialog__btn qy-dialog__btn--default",onClick:e.withModifiers(D,["stop"]),onMousedown:t[0]||(t[0]=e.withModifiers(()=>{},["stop"]))},t[4]||(t[4]=[e.createElementVNode("span",{class:"icon-[material-symbols--minimize] text-xl mb-3",role:"img","aria-hidden":"true"},null,-1)]),32)):e.createCommentVNode("",!0),l.showFullscreen?(e.openBlock(),e.createElementBlock("div",{key:1,class:"qy-dialog__btn qy-dialog__btn--default",onClick:e.withModifiers(N,["stop"]),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},[s.value?(e.openBlock(),e.createElementBlock("span",J)):(e.openBlock(),e.createElementBlock("span",G))],32)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"qy-dialog__btn qy-dialog__btn--danger",onClick:e.withModifiers(c,["stop"]),onMousedown:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},t[5]||(t[5]=[e.createElementVNode("span",{class:"icon-[ri--close-line] text-xl",role:"img","aria-hidden":"true"},null,-1)]),32)],32)],36)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["qy-dialog__wrapper",e.unref(U)(s.value&&"qy-dialog__wrapper--fullscreen")]),style:e.normalizeStyle({maxHeight:b.value?"calc(100vh - var(--header-height) - var(--footer-height) - var(--sides-gap))":"calc(100vh - var(--header-height) - var(--sides-gap))",padding:l.size==="small"?"var(--small-content-padding)":"var(--content-padding)"})},[l.size==="small"?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(r,{size:36,class:"cursor-pointer text-gray-100 active:scale-75 rounded-sm transition-all",onClick:c},{default:e.withCtx(()=>[e.createVNode(n)]),_:1})])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],6)]),_:2},[!o.$slots.footer&&Array.isArray(w.value)?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createElementVNode("div",null,[e.renderSlot(o.$slots,"footer-left")]),e.createElementVNode("div",{class:e.normalizeClass([{"qy-dialog__footer--outline":v.value},"qy-dialog__footer flex items-center justify-end"])},[w.value.includes("cancel")?(e.openBlock(),e.createBlock(I,{key:0})):e.createCommentVNode("",!0),w.value.includes("confirm")?(e.openBlock(),e.createBlock(S,{key:1})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"footer-append")],2)])]),key:"0"}:b.value?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([{"qy-dialog__footer--outline":v.value},"qy-dialog__footer px-[var(--content-padding)] min-h-[var(--footer-height)] flex items-center justify-end"])},[e.renderSlot(o.$slots,"footer",{layouts:z.value,layoutsNode:Object.values(z.value)})],2)]),key:"1"}:void 0]),1040,["class","model-value","fullscreen","z-index"]),e.withDirectives(e.createElementVNode("div",{ref_key:"minimizedRef",ref:u,class:"fixed left-0 top-0 bg-white rounded shadow-lg cursor-pointer z-[9999] hover:bg-gray-50",style:e.normalizeStyle([P.value,{width:"300px",height:"50px","will-change":"transform"}])},[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[t[6]||(t[6]=e.createElementVNode("div",{class:"icon-[mdi--window-restore] text-gray-600"},null,-1)),e.createElementVNode("span",oe,e.toDisplayString(e.unref(k).title),1)]),e.createElementVNode("div",le,[e.createElementVNode("div",{class:"p-1 hover:bg-gray-200 rounded",onClick:e.withModifiers(D,["stop"])},t[7]||(t[7]=[e.createElementVNode("div",{class:"icon-[mdi--window-maximize] text-gray-600"},null,-1)])),e.createElementVNode("div",{class:"p-1 hover:bg-red-100 rounded",onClick:e.withModifiers(c,["stop"])},t[8]||(t[8]=[e.createElementVNode("div",{class:"icon-[mdi--close] text-red-600"},null,-1)]))])])],4),[[e.vShow,a.value]])])}}});exports._sfc_main=ne;

package/dist/index-Dg93AsO_.mjs

@@ -0,0 +1,216 @@
+import { defineComponent as $, useAttrs as N, ref as v, computed as q, watch as z, onMounted as j, nextTick as K, onUnmounted as M, createElementBlock as g, openBlock as h, normalizeStyle as O, createElementVNode as i, createVNode as _, unref as c, mergeProps as Q, withCtx as y, createTextVNode as W } from "vue";
+import { ElMessage as F, ElInput as G, ElPopover as H, ElButton as J, ElUpload as X } from "element-plus";
+import { a as Y } from "./js.cookie-tagl12-O.mjs";
+import { _ as Z } from "./plugin-vue_export-helper-CHgC5LLL.mjs";
+function U(r) {
+  const l = r == null ? void 0 : r.match(/(\[url\:(.*?)\])(.*)/);
+  return l ? {
+    imageUrl: l[2],
+    text: l[3]
+  } : {
+    imageUrl: "",
+    text: r || ""
+  };
+}
+function ee(r) {
+  const l = String(r || "").match(/(\[url\:.*?\])([\s\S]*)/);
+  return l ? l[2] : r;
+}
+function V(r, l) {
+  return l ? `[url:${l}]${r}` : r;
+}
+const ae = { class: "qy-remark-image__field" }, te = { class: "qy-remark-image__upload-anchor" }, re = {
+  key: 0,
+  class: "icon-[line-md--loading-twotone-loop]",
+  role: "img",
+  "aria-hidden": "true"
+}, le = {
+  key: 1,
+  class: "icon-[ion--cloud-upload-outline]",
+  role: "img",
+  "aria-hidden": "true"
+}, ue = {
+  key: 2,
+  class: "icon-[ph--images-thin]",
+  role: "img",
+  "aria-hidden": "true"
+}, oe = { class: "qy-remark-image__popover" }, ne = ["src"], ie = { class: "qy-remark-image__popover-footer" }, se = $({
+  __name: "index",
+  props: {
+    defaultValue: { default: "" },
+    defaultImage: { default: "" },
+    rows: { default: 6 },
+    width: { default: "" },
+    autosize: { type: [Boolean, Object], default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    placeholder: { default: "粘贴图片上传" },
+    type: { default: "textarea" },
+    api: { default: "/permission-api/common/uploads" },
+    tokenKey: { default: "Admin-Token" }
+  },
+  emits: ["change"],
+  setup(r, { expose: l, emit: C }) {
+    const u = r, D = C, S = N(), k = v(null), n = v(""), o = v(""), m = v(!1), P = q(
+      () => u.type === "text" ? "text" : "textarea"
+    ), R = q(() => {
+      if (u.width)
+        return {
+          width: typeof u.width == "number" ? `${u.width}px` : u.width
+        };
+    });
+    z(
+      () => u.defaultValue,
+      (e) => {
+        const a = U(e || "");
+        n.value = a.text, o.value = a.imageUrl || u.defaultImage || "";
+      },
+      { immediate: !0 }
+    ), z(
+      () => u.defaultImage,
+      (e) => {
+        e !== void 0 && !U(u.defaultValue || "").imageUrl && (o.value = e || "");
+      },
+      { immediate: !0 }
+    ), j(() => {
+      K(T);
+    }), M(() => {
+      const e = x();
+      e && e.removeEventListener("paste", E);
+    });
+    function x() {
+      var e, a;
+      return ((e = k.value) == null ? void 0 : e.textarea) || ((a = k.value) == null ? void 0 : a.input) || null;
+    }
+    function T() {
+      const e = x();
+      e && (e.removeEventListener("paste", E), e.addEventListener("paste", E));
+    }
+    function L(e) {
+      n.value = ee(e || "");
+    }
+    function A() {
+      o.value = "", w();
+    }
+    async function E(e) {
+      var d;
+      const s = Array.from(((d = e.clipboardData) == null ? void 0 : d.files) || []).find((f) => f.type.startsWith("image/"));
+      s && (e.preventDefault(), await B({
+        file: s,
+        onError: () => {
+        },
+        onProgress: () => {
+        },
+        onSuccess: () => {
+        }
+      }));
+    }
+    async function B(e) {
+      var a, s, d, f;
+      if (e.file.size > 51200 * 1e3)
+        return F.error("图片过大"), !1;
+      m.value = !0;
+      try {
+        const p = new FormData();
+        p.append("files", e.file);
+        const I = Y.get(u.tokenKey), t = await (await fetch(u.api, {
+          method: "POST",
+          body: p,
+          credentials: "include",
+          headers: I ? { Authorization: `Bearer ${I}` } : void 0
+        })).json(), b = (t == null ? void 0 : t.urls) ?? ((a = t == null ? void 0 : t.data) == null ? void 0 : a.urls) ?? ((s = t == null ? void 0 : t.data) == null ? void 0 : s.url) ?? (t == null ? void 0 : t.url) ?? "";
+        return o.value = Array.isArray(b) ? b[0] : b, w(), F.success("上传图片成功"), (d = e.onSuccess) == null || d.call(e, t), !0;
+      } catch (p) {
+        return (f = e.onError) == null || f.call(e, p), F.error("上传失败"), !1;
+      } finally {
+        m.value = !1;
+      }
+    }
+    function w() {
+      D(
+        "change",
+        V(n.value || "", o.value || ""),
+        o.value || ""
+      );
+    }
+    return l({
+      deleteImage: A,
+      getValue: () => ({
+        text: n.value || "",
+        imageUrl: o.value || "",
+        value: V(n.value || "", o.value || "")
+      })
+    }), (e, a) => (h(), g("div", {
+      class: "qy-remark-image",
+      style: O(R.value)
+    }, [
+      i("div", ae, [
+        _(c(G), Q({
+          ref_key: "inputRef",
+          ref: k,
+          "model-value": n.value,
+          type: P.value,
+          rows: e.rows,
+          autosize: e.autosize,
+          disabled: e.disabled,
+          placeholder: e.placeholder
+        }, c(S), {
+          "onUpdate:modelValue": L,
+          onBlur: w
+        }), null, 16, ["model-value", "type", "rows", "autosize", "disabled", "placeholder"]),
+        _(c(H), {
+          placement: "top-start",
+          width: 400,
+          trigger: "hover",
+          disabled: !o.value
+        }, {
+          reference: y(() => [
+            i("div", te, [
+              _(c(X), {
+                disabled: m.value || e.disabled,
+                class: "qy-remark-image__upload",
+                "show-file-list": !1,
+                "http-request": B
+              }, {
+                default: y(() => [
+                  m.value ? (h(), g("span", re)) : o.value ? (h(), g("span", ue)) : (h(), g("span", le))
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]),
+          default: y(() => [
+            i("div", oe, [
+              i("img", {
+                src: o.value,
+                class: "qy-remark-image__preview-img"
+              }, null, 8, ne),
+              i("div", ie, [
+                a[1] || (a[1] = i("span", { class: "qy-remark-image__popover-tip" }, "再次点击按钮可更换图片", -1)),
+                _(c(J), {
+                  link: "",
+                  size: "small",
+                  type: "danger",
+                  disabled: e.disabled,
+                  onClick: A
+                }, {
+                  default: y(() => a[0] || (a[0] = [
+                    W(" 删除图片 ", -1)
+                  ])),
+                  _: 1,
+                  __: [0]
+                }, 8, ["disabled"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ], 4));
+  }
+}), ve = /* @__PURE__ */ Z(se, [["__scopeId", "data-v-3b943ab8"]]);
+export {
+  ve as Q,
+  V as a,
+  ee as f,
+  U as p
+};