@qynpm/ui 1.0.44 → 1.0.46

package/dist/shared/index.vue_vue_type_script_setup_true_lang-GUuWAB0o.mjs

@@ -0,0 +1,238 @@
+import { defineComponent as Z, useAttrs as _, ref as s, computed as w, watch as $, onBeforeUnmount as ee, openBlock as le, createBlock as te, mergeProps as ae, unref as E, createSlots as oe, withCtx as m, renderSlot as p, createCommentVNode as ne, normalizeProps as ue, guardReactiveProps as ie } from "vue";
+import { useFormDisabled as re } from "element-plus";
+import { S as de } from "./index-B7j9BtSm.mjs";
+const me = /* @__PURE__ */ Z({
+  name: "QyRemoteSelect",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: [String, Number, Boolean, Array, null], default: void 0 },
+    fetchMethod: {},
+    defaultOptions: { default: () => [] },
+    labelKey: { default: "label" },
+    valueKey: { default: "value" },
+    disabledKey: { default: "disabled" },
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: void 0 },
+    clearable: { type: Boolean, default: !0 },
+    multiple: { type: Boolean, default: !1 },
+    multipleLimit: { default: 0 },
+    validateEvent: { type: Boolean, default: !0 },
+    collapseTags: { type: Boolean, default: !1 },
+    collapseTagsTooltip: { type: Boolean, default: !1 },
+    autoSelectSingle: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    teleported: { type: Boolean, default: !0 },
+    appendTo: { default: "body" },
+    fitInputWidth: { type: Boolean, default: !0 },
+    popperClass: { default: "" },
+    debounce: { default: 300 },
+    minLength: { default: 1 },
+    remoteOnFocus: { type: Boolean, default: !1 },
+    remoteShowSuffix: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 },
+    reserveSelectedOption: { type: Boolean, default: !0 },
+    allowCreate: { type: Boolean, default: !1 },
+    commitOnBlur: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "clear", "visible-change", "focus", "blur", "options-change", "loading-change", "error"],
+  setup(t, { expose: z, emit: A }) {
+    const a = t, o = A, L = _(), b = re(), B = s(null), i = s([]), V = s(/* @__PURE__ */ new Map()), O = s(!1), c = s(""), f = s("");
+    let d = 0, u = null;
+    const M = w(() => a.loading || O.value), S = s(!1), R = w(() => c.value !== ""), r = w(() => {
+      if (R.value) return i.value;
+      const e = /* @__PURE__ */ new Map(), l = (n) => {
+        e.set(C(n), n);
+      };
+      return a.defaultOptions.forEach(l), a.reserveSelectedOption && V.value.forEach((n) => l(n)), i.value.forEach(l), Array.from(e.values());
+    });
+    $(
+      () => a.defaultOptions,
+      (e) => {
+        e.forEach(v);
+      },
+      { immediate: !0 }
+    ), $(
+      () => a.modelValue,
+      () => {
+        r.value.forEach(v);
+      },
+      { immediate: !0 }
+    );
+    function C(e) {
+      return (e == null ? void 0 : e[a.valueKey]) ?? (e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.label);
+    }
+    function I(e) {
+      return Array.isArray(a.modelValue) ? a.modelValue.includes(e) : a.modelValue === e;
+    }
+    function v(e) {
+      if (!a.reserveSelectedOption) return;
+      const l = C(e);
+      I(l) && V.value.set(l, e);
+    }
+    function x(e) {
+      return b.value ? !1 : e ? e.length >= a.minLength : a.remoteOnFocus;
+    }
+    function h(e) {
+      O.value !== e && (O.value = e, o("loading-change", e));
+    }
+    async function g(e) {
+      const l = k(e), n = ++d;
+      if (F(l), !x(l)) {
+        i.value = [], h(!1), o("options-change", r.value);
+        return;
+      }
+      h(!0);
+      try {
+        const y = await a.fetchMethod(l);
+        if (n !== d) return;
+        i.value = Array.isArray(y) ? y : [], i.value.forEach(v), o("options-change", r.value);
+      } catch (y) {
+        if (n !== d) return;
+        i.value = [], o("error", y), o("options-change", r.value);
+      } finally {
+        n === d && h(!1);
+      }
+    }
+    function T() {
+      S.value || (S.value = !0, g(""));
+    }
+    function P(e) {
+      const l = k(e);
+      f.value = l, d += 1, F(l), u && (clearTimeout(u), u = null), u = setTimeout(() => {
+        g(l);
+      }, a.debounce);
+    }
+    function D() {
+      S.value = !0, g("");
+    }
+    function U() {
+      g(c.value);
+    }
+    function q(e) {
+      f.value = "", o("update:modelValue", e);
+    }
+    function N(e) {
+      f.value = "", r.value.forEach(v), o("change", e);
+    }
+    function W() {
+      K(), o("clear");
+    }
+    function K() {
+      d += 1, u && clearTimeout(u), u = null, f.value = "", c.value = "", i.value = [], h(!1), o("options-change", r.value);
+    }
+    function Q(e) {
+      e && a.remoteOnFocus && !c.value && T(), o("visible-change", e);
+    }
+    function j(e) {
+      a.remoteOnFocus && !c.value && T(), o("focus", e);
+    }
+    function G(e) {
+      H(), o("blur", e);
+    }
+    function H() {
+      if (!a.allowCreate || !a.commitOnBlur || b.value) return;
+      const e = f.value;
+      e.trim() && (f.value = "", o("update:modelValue", e), o("change", e));
+    }
+    function k(e) {
+      return String(e ?? "");
+    }
+    function F(e) {
+      c.value = e, i.value = [], o("options-change", r.value);
+    }
+    function J() {
+      var e, l;
+      (l = (e = B.value) == null ? void 0 : e.focus) == null || l.call(e);
+    }
+    function X() {
+      var e, l;
+      (l = (e = B.value) == null ? void 0 : e.blur) == null || l.call(e);
+    }
+    function Y() {
+      K(), o("update:modelValue", a.multiple ? [] : ""), o("clear");
+    }
+    return ee(() => {
+      d += 1, u && clearTimeout(u);
+    }), z({
+      // 暴露远程选择常用控制方法，供弹窗打开后聚焦或请求失败后重试。
+      focus: J,
+      blur: X,
+      clear: Y,
+      retryFetch: U,
+      fetchDefaultOptions: D
+    }), (e, l) => (le(), te(de, ae({
+      ref_key: "selectRef",
+      ref: B
+    }, E(L), {
+      "model-value": t.modelValue,
+      options: r.value,
+      "label-key": t.labelKey,
+      "value-key": t.valueKey,
+      "disabled-key": t.disabledKey,
+      placeholder: t.placeholder,
+      disabled: E(b),
+      clearable: t.clearable,
+      filterable: !0,
+      multiple: t.multiple,
+      "multiple-limit": t.multipleLimit,
+      "validate-event": t.validateEvent,
+      "collapse-tags": t.collapseTags,
+      "collapse-tags-tooltip": t.collapseTagsTooltip,
+      "auto-select-single": t.autoSelectSingle,
+      size: t.size,
+      teleported: t.teleported,
+      "append-to": t.appendTo,
+      "fit-input-width": t.fitInputWidth,
+      "popper-class": t.popperClass,
+      remote: "",
+      debounce: 0,
+      "remote-show-suffix": t.remoteShowSuffix,
+      "remote-method": P,
+      loading: M.value,
+      "onUpdate:modelValue": q,
+      onChange: N,
+      onClear: W,
+      onVisibleChange: Q,
+      onFocus: j,
+      onBlur: G
+    }), oe({
+      default: m(() => [
+        e.$slots.default ? p(e.$slots, "default", {}, void 0, void 0, 0) : ne("", !0)
+      ]),
+      _: 2
+    }, [
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: m(() => [
+          p(e.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.empty ? {
+        name: "empty",
+        fn: m(() => [
+          p(e.$slots, "empty")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.loading ? {
+        name: "loading",
+        fn: m(() => [
+          p(e.$slots, "loading")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots.tag ? {
+        name: "tag",
+        fn: m((n) => [
+          p(e.$slots, "tag", ue(ie(n)))
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["model-value", "options", "label-key", "value-key", "disabled-key", "placeholder", "disabled", "clearable", "multiple", "multiple-limit", "validate-event", "collapse-tags", "collapse-tags-tooltip", "auto-select-single", "size", "teleported", "append-to", "fit-input-width", "popper-class", "remote-show-suffix", "loading"]));
+  }
+});
+export {
+  me as _
+};

package/dist/shared/index.vue_vue_type_script_setup_true_lang-mWNAIcqc.mjs

@@ -0,0 +1,63 @@
+import { defineComponent as f, useAttrs as p, computed as b, openBlock as l, createBlock as i, unref as h, mergeProps as x, withCtx as o, renderSlot as g, createElementBlock as C, Fragment as V, renderList as _, createTextVNode as E, toDisplayString as B } from "vue";
+import { ElCheckboxGroup as z } from "element-plus";
+import { C as $ } from "./index-B1J7PQMl.mjs";
+const k = /* @__PURE__ */ f({
+  name: "QyCheckboxGroup",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    options: { default: () => [] },
+    validateEvent: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: void 0 },
+    min: {},
+    max: {},
+    size: { default: void 0 },
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(s, { emit: n }) {
+    const a = s, d = n, r = p(), u = b(
+      () => Object.fromEntries(
+        Object.entries(r).filter(
+          ([e]) => e === "class" || e === "style" || e === "role" || e === "title" || e === "id" || e.startsWith("data-") || e.startsWith("aria-")
+        )
+      )
+    );
+    function m(e) {
+      d("update:modelValue", e.slice());
+    }
+    function c(e) {
+      d("change", e.slice());
+    }
+    return (e, A) => (l(), i(h(z), x(u.value, {
+      "model-value": a.modelValue,
+      disabled: a.disabled,
+      "validate-event": a.validateEvent,
+      min: a.min,
+      max: a.max,
+      size: a.size,
+      "aria-label": a.ariaLabel,
+      "onUpdate:modelValue": m,
+      onChange: c
+    }), {
+      default: o(() => [
+        e.$slots.default ? g(e.$slots, "default", {}, void 0, void 0, 0) : (l(!0), C(V, { key: 1 }, _(a.options, (t, v) => (l(), i($, {
+          key: `${String(t.value)}-${v}`,
+          value: t.value,
+          "validate-event": a.validateEvent,
+          disabled: a.disabled || t.disabled
+        }, {
+          default: o(() => [
+            E(B(t.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["value", "validate-event", "disabled"]))), 128))
+      ]),
+      _: 3
+    }, 16, ["model-value", "disabled", "validate-event", "min", "max", "size", "aria-label"]));
+  }
+});
+export {
+  k as _
+};

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

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),T=require("@element-plus/icons-vue"),B=require("element-plus"),M=require("./overlay-stack-DeKq7jZu.cjs"),f=[],oe={class:"qy-popconfirm__message"},ie={key:0,class:"qy-popconfirm__icon","aria-hidden":"true"},re={"data-testid":"qy-popconfirm-title",class:"qy-popconfirm__title"},ae={class:"qy-popconfirm__actions"},le=t.defineComponent({name:"QyPopconfirm",inheritAttrs:!1,__name:"index",props:{title:{type:String,required:!0},open:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},placement:{type:String,default:"bottom"},width:{type:[Number,String],default:220},confirmText:{type:String,default:"确认"},cancelText:{type:String,default:"取消"},variant:{type:String,default:"warning"},confirmType:{type:String,default:"primary"},showIcon:{type:Boolean,default:!0},confirmLoading:{type:Boolean,default:!1},closeOnConfirm:{type:Boolean,default:!0}},emits:["update:open","open-change","confirm","cancel","close"],setup(i,{emit:H}){const o=i,c=H,K=t.useAttrs(),y=t.ref(null),L=t.ref(null),V=t.computed(()=>o.open!==void 0),C=o.open===!0&&!o.disabled,q=t.ref(C),s=t.ref(C),a=t.ref(C),r=t.ref(null),p=t.ref(!1),g=t.ref(null),w={},x=`qy-popconfirm-${t.getCurrentInstance().uid}`,S=new WeakSet;let d=!1,m,h,E=!1,b=null;const D=t.computed(()=>o.disabled?!1:V.value?o.open===!0:q.value),Q=t.computed(()=>{const e={};for(const[n,v]of Object.entries(K))(n==="class"||n==="style"||n==="id"||n==="title"||n==="tabindex"||n==="role"||n.startsWith("data-")||n.startsWith("aria-")||/^onKey(?:down|up|press)/i.test(n))&&(e[n]=v);return e}),U=t.computed(()=>typeof o.width=="number"?`${o.width}px`:o.width),j=t.computed(()=>({"--qy-popconfirm-width":U.value,"--qy-popconfirm-mobile-gutter":"24px"})),G=t.computed(()=>o.variant==="danger"?T.CircleCloseFilled:o.variant==="info"?T.InfoFilled:T.WarningFilled);function N(){return f[f.length-1]===w}function P(){f.includes(w)||f.push(w)}function A(){const e=f.indexOf(w);e>=0&&f.splice(e,1)}function I(e){var O,z;const n=document.activeElement;if(n instanceof HTMLElement&&((O=y.value)!=null&&O.contains(n))){g.value=n;return}const v=e==null?void 0:e.target;v instanceof HTMLElement&&((z=L.value)!=null&&z.contains(v))&&(g.value=v)}function J(){const e=g.value;g.value=null,e!=null&&e.isConnected&&e.focus()}function u(){if(d)return;const e=D.value;s.value!==e&&(d=!0,m=e,h=e?void 0:r.value??(o.disabled?"disabled":"external"),s.value=e)}function l(e,n){e&&o.disabled||(!e&&n&&r.value===null&&(r.value=n),V.value?o.open!==e&&c("update:open",e):q.value!==e&&(q.value=e,c("update:open",e)),u())}function X(){var e;return r.value?r.value:b instanceof Node&&((e=y.value)!=null&&e.contains(b))?"trigger":"outside"}function Y(e){if(e){I(),l(!0);return}if(o.confirmLoading)return;const n=X();!N()&&n!=="external"&&n!=="disabled"||l(!1,n)}function Z(e){var n;!(e.target instanceof Node)||!((n=L.value)!=null&&n.contains(e.target))||o.confirmLoading||(a.value||s.value?(r.value="trigger",l(!1,"trigger")):(I(e),l(!0)))}function _(){o.disabled||o.confirmLoading||p.value||(p.value=!0,c("confirm"),o.closeOnConfirm&&l(!1,"confirm"))}function ee(){o.disabled||o.confirmLoading||(c("cancel"),l(!1,"cancel"))}function R(e){e.key!=="Escape"&&e.code!=="Escape"||e.defaultPrevented||!a.value||!N()||M.isTopmostVisibleLayer(document.querySelector(`.${x}`))&&(M.claimOverlayEscape(e),S.add(e))}function k(e){S.has(e)&&(S.delete(e),e.stopPropagation(),!e.defaultPrevented&&(e.preventDefault(),e.stopImmediatePropagation(),!o.confirmLoading&&l(!1,"escape")))}function $(e){b=e.target}function F(e){b=e.target}function W(e){var n;o.confirmLoading||!a.value||!N()||e.target instanceof Node&&((n=y.value)!=null&&n.contains(e.target)||e.target instanceof Element&&e.target.closest(".qy-popconfirm-popper")||l(!1,"outside"))}function te(){!d||m!==!0||(d=!1,m=void 0,a.value=!0,P(),r.value=null,h=void 0,c("open-change",!0),u())}function ne(){!d||m!==!1||(d=!1,m=void 0,a.value=!1,A(),c("open-change",!1),c("close",h??r.value??"external"),r.value=null,h=void 0,p.value=!1,E=!1,J(),u())}return t.watch(D,()=>u()),t.watch(()=>o.open,(e,n)=>{e!==n&&(e===!1&&(a.value||s.value)&&r.value===null&&(r.value="external"),u())}),t.watch(()=>o.disabled,e=>{e&&(a.value||s.value)&&(r.value="disabled"),u()}),t.watch(()=>o.confirmLoading,e=>{e?E=!0:E&&(E=!1,a.value&&(p.value=!1))}),t.onMounted(()=>{a.value&&P(),window.addEventListener("keydown",R,!0),document.body.addEventListener("keydown",k),window.addEventListener("keydown",k),document.addEventListener("pointerdown",$,!0),document.addEventListener("mousedown",F,!0),document.addEventListener("click",W)}),t.onBeforeUnmount(()=>{A(),window.removeEventListener("keydown",R,!0),document.body.removeEventListener("keydown",k),window.removeEventListener("keydown",k),document.removeEventListener("pointerdown",$,!0),document.removeEventListener("mousedown",F,!0),document.removeEventListener("click",W)}),(e,n)=>(t.openBlock(),t.createElementBlock("span",t.mergeProps({ref_key:"rootRef",ref:y,class:"qy-popconfirm"},Q.value,{onClickCapture:Z}),[t.createVNode(t.unref(B.ElPopover),{visible:s.value,trigger:"click",placement:i.placement,width:i.width,disabled:i.disabled,"popper-style":j.value,"popper-class":`qy-popconfirm-popper ${x}`,"onUpdate:visible":Y,onAfterEnter:te,onAfterLeave:ne},{reference:t.withCtx(()=>[t.createElementVNode("span",{ref_key:"referenceRef",ref:L,"data-qy-popconfirm-reference":""},[t.renderSlot(e.$slots,"reference")],512)]),default:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["qy-popconfirm__content",`is-${i.variant}`]),"data-qy-popconfirm-content":""},[t.createElementVNode("div",oe,[i.showIcon?(t.openBlock(),t.createElementBlock("span",ie,[t.renderSlot(e.$slots,"icon",{},()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(G.value)))])])):t.createCommentVNode("",!0),t.createElementVNode("span",re,[t.renderSlot(e.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(i.title),1)])])]),t.createElementVNode("div",ae,[t.createVNode(t.unref(B.ElButton),{"data-testid":"qy-popconfirm-cancel",size:"small",disabled:i.disabled||i.confirmLoading,onClick:ee},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.cancelText),1)]),_:1},8,["disabled"]),t.createVNode(t.unref(B.ElButton),{"data-testid":"qy-popconfirm-confirm",size:"small",type:i.confirmType,loading:i.confirmLoading,disabled:i.disabled||i.confirmLoading||p.value,onClick:_},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.confirmText),1)]),_:1},8,["type","loading","disabled"])])],2)]),_:3},8,["visible","placement","width","disabled","popper-style","popper-class"])],16))}});exports._sfc_main=le;