geekin-devtoys 0.2.20 → 0.2.21

package/lib/GInputTreeTag/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),H=require("element-plus"),W=require("../index-il5JtS6o.js"),J=require("../_plugin-vue_export-helper-BHFhmbuH.js"),Q={key:0,class:"g-input-tree-tag__tags"},X=t.defineComponent({__name:"index",props:{modelValue:{default:()=>[]},data:{default:()=>[]},props:{default:()=>({})},nodeKey:{default:"id"},placeholder:{default:"请输入关键字搜索"},width:{default:320},popperMaxHeight:{default:320},popperZIndex:{default:2e3},popperOffset:{default:4},defaultExpandAll:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},tagType:{default:"info"},tagEffect:{default:"light"},clearInputAfterSelect:{type:Boolean,default:!0},enterToAdd:{type:Boolean,default:!0},showLeafIcon:{type:Boolean,default:!0},valueFormat:{default:"value"},selectable:{},filterMethod:{},duplicateMessage:{default:"该项已添加"},notFoundMessage:{default:"未找到匹配项"}},emits:["update:modelValue","change","add","remove","node-click","duplicate","not-found"],setup(_,{expose:R,emit:z}){const o=_,s=z,$=t.computed(()=>({label:o.props.label||"label",children:o.props.children||"children",disabled:o.props.disabled})),P=t.computed(()=>o.props.value||o.nodeKey||"id"),q=t.computed(()=>o.props.label||"label"),O=t.computed(()=>o.props.children||"children"),k=t.computed(()=>o.props.isLeaf),b=e=>e?e[P.value]:void 0,p=e=>e?e[q.value]:"",N=e=>e?e[O.value]:void 0,f=e=>{if(!e)return!1;if(typeof o.selectable=="function")return o.selectable(e);if(k.value&&e[k.value]!==void 0)return!!e[k.value];const l=N(e);return!l||!l.length},V=t.computed(()=>{const e=new Map,l=(a=[])=>{a.forEach(n=>{f(n)&&e.set(b(n),n);const d=N(n);d?.length&&l(d)})};return l(o.data||[]),e}),c=t.computed(()=>(o.modelValue||[]).map(l=>{const a=o.valueFormat==="object"?l?.value:l,n=V.value.get(a),d=o.valueFormat==="object"?l?.label:void 0;return{value:a,label:n?p(n):d??String(a??""),raw:n}})),B=e=>c.value.some(l=>l.value===e),h=t.ref(""),u=t.ref(!1),x=t.ref(null),F=t.ref(null),I=t.ref(null),E=t.ref(null),T=t.ref({}),C=t.ref("bottom"),K=t.computed(()=>typeof o.width=="number"?`${o.width}px`:o.width),M=()=>{o.disabled||(u.value=!0)},w=()=>{if(!u.value)return;const e=I.value,l=E.value;if(!e||!l)return;const a=e.getBoundingClientRect(),n=l.offsetHeight||o.popperMaxHeight,m=window.innerHeight-a.bottom,r=a.top;let i;m>=n+o.popperOffset||m>=r?(i=a.bottom+o.popperOffset,C.value="bottom"):(i=a.top-n-o.popperOffset,C.value="top"),T.value={position:"fixed",top:`${i}px`,left:`${a.left}px`,width:`${a.width}px`,zIndex:String(o.popperZIndex)}};let v=null;const y=()=>{u.value&&(v&&cancelAnimationFrame(v),v=requestAnimationFrame(()=>{v=null,w()}))};t.watch(u,async e=>{e&&(await t.nextTick(),w(),requestAnimationFrame(w))});const L=e=>{if(!u.value)return;const l=e.target;F.value?.contains(l)||E.value?.contains(l)||(u.value=!1)};t.onMounted(()=>{document.addEventListener("mousedown",L,!0),window.addEventListener("scroll",y,!0),window.addEventListener("resize",y)}),t.onBeforeUnmount(()=>{document.removeEventListener("mousedown",L,!0),window.removeEventListener("scroll",y,!0),window.removeEventListener("resize",y),v&&cancelAnimationFrame(v)});const j=e=>{u.value=!0,x.value?.filter(e),t.nextTick(w)},D=(e,l)=>e?typeof o.filterMethod=="function"?o.filterMethod(e,l):String(p(l)??"").toLowerCase().includes(String(e).toLowerCase()):!0,U=e=>{s("node-click",e),f(e)&&(S(e),u.value=!1)},G=e=>o.valueFormat==="object"?{value:e.value,label:e.label,raw:e.raw}:e.value,S=e=>{const l=b(e);if(l==null||l==="")return;if(B(l)){const d={value:l,label:p(e),raw:e};s("duplicate",d),o.duplicateMessage&&H.ElMessage.warning(o.duplicateMessage);return}const a={value:l,label:p(e),raw:e},n=[...o.modelValue||[],G(a)];s("update:modelValue",n),s("add",a),s("change",n,[...c.value,a]),o.clearInputAfterSelect&&(h.value="")},Z=()=>{if(!o.enterToAdd)return;const e=(h.value||"").trim();if(!e)return;let l=null;for(const a of V.value.values())if(p(a)===e){l=a;break}if(!l){s("not-found",e),o.notFoundMessage&&H.ElMessage.warning(o.notFoundMessage);return}S(l)},A=e=>{const l=c.value[e],a=[...o.modelValue||[]];a.splice(e,1),s("update:modelValue",a),l&&s("remove",l,e);const n=c.value.filter((d,m)=>m!==e);s("change",a,n)};return R({open:M,close:()=>u.value=!1,clear:()=>{s("update:modelValue",[]),s("change",[],[])},addByValue:e=>{const l=V.value.get(e);l&&S(l)}}),(e,l)=>{const a=t.resolveComponent("el-input"),n=t.resolveComponent("el-icon"),d=t.resolveComponent("el-tree"),m=t.resolveComponent("el-tag");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["g-input-tree-tag",{"is-disabled":e.disabled}])},[t.createElementVNode("div",{class:"g-input-tree-tag__wrap",ref_key:"wrapRef",ref:F},[t.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:I,style:t.normalizeStyle({width:K.value})},[t.createVNode(a,{modelValue:h.value,"onUpdate:modelValue":l[0]||(l[0]=r=>h.value=r),placeholder:e.placeholder,clearable:e.clearable,disabled:e.disabled,class:"g-input-tree-tag__input",onFocus:M,onClick:M,onInput:j,onKeyup:t.withKeys(Z,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.withDirectives(t.createElementVNode("div",{ref_key:"popperRef",ref:E,class:t.normalizeClass(["g-input-tree-tag__popover",`is-${C.value}`]),style:t.normalizeStyle(T.value),onMousedown:l[1]||(l[1]=t.withModifiers(()=>{},["prevent"]))},[t.createElementVNode("div",{class:"g-input-tree-tag__tree-wrap",style:t.normalizeStyle({maxHeight:e.popperMaxHeight+"px"})},[t.createVNode(d,{ref_key:"treeRef",ref:x,data:e.data,props:$.value,"node-key":e.nodeKey,"filter-node-method":D,"expand-on-click-node":!1,"default-expand-all":e.defaultExpandAll,onNodeClick:U},{default:t.withCtx(({data:r,node:i})=>[t.renderSlot(e.$slots,"tree-node",{data:r,node:i,selectable:f(r),selected:B(b(r))},()=>[t.createElementVNode("span",{class:t.normalizeClass(["g-input-tree-tag__node",{"is-selectable":f(r),"is-selected":f(r)&&B(b(r))}])},[f(r)&&e.showLeafIcon?(t.openBlock(),t.createBlock(n,{key:0,class:"g-input-tree-tag__node-icon"},{default:t.withCtx(()=>[t.createVNode(t.unref(W.user_default))]),_:1})):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(p(r)),1)],2)],!0)]),_:3},8,["data","props","node-key","default-expand-all"])],4)],38),[[t.vShow,u.value]])])),c.value.length?(t.openBlock(),t.createElementBlock("div",Q,[t.renderSlot(e.$slots,"tags",{items:c.value,remove:A},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.value,(r,i)=>(t.openBlock(),t.createBlock(m,{key:r.value,class:"g-input-tree-tag__tag",type:e.tagType,effect:e.tagEffect,closable:e.closable&&!e.disabled,onClose:Y=>A(i)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"tag",{item:r,index:i},()=>[t.createTextVNode(t.toDisplayString(r.label),1)],!0)]),_:2},1032,["type","effect","closable","onClose"]))),128))],!0)])):t.createCommentVNode("",!0)],512)],2)}}}),g=J._export_sfc(X,[["__scopeId","data-v-f235428c"]]);g.install=_=>{_.component(g.name,g)};exports.GInputTreeTag=g;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),H=require("element-plus"),J=require("../index-il5JtS6o.js"),Q=require("../_plugin-vue_export-helper-BHFhmbuH.js"),X={key:0,class:"g-input-tree-tag__tags"},Y=t.defineComponent({__name:"index",props:{modelValue:{default:()=>[]},data:{default:()=>[]},props:{default:()=>({})},nodeKey:{default:"id"},placeholder:{default:"请输入关键字搜索"},width:{default:320},popperMaxHeight:{default:320},popperZIndex:{default:2e3},popperOffset:{default:4},defaultExpandAll:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},tagType:{default:"info"},tagEffect:{default:"light"},clearInputAfterSelect:{type:Boolean,default:!0},enterToAdd:{type:Boolean,default:!0},showLeafIcon:{type:Boolean,default:!0},valueFormat:{default:"value"},selectable:{},filterMethod:{},duplicateMessage:{default:"该项已添加"},notFoundMessage:{default:"未找到匹配项"}},emits:["update:modelValue","change","add","remove","node-click","duplicate","not-found"],setup(k,{expose:R,emit:z}){const a=k,u=z,$=t.computed(()=>({label:a.props.label||"label",children:a.props.children||"children",disabled:a.props.disabled})),q=t.computed(()=>a.props.value||a.nodeKey||"id"),O=t.computed(()=>a.props.label||"label"),K=t.computed(()=>a.props.children||"children"),_=t.computed(()=>a.props.isLeaf),b=e=>e?e[q.value]:void 0,c=e=>e?e[O.value]:"",N=e=>e?e[K.value]:void 0,p=e=>{if(!e)return!1;if(typeof a.selectable=="function")return a.selectable(e);if(_.value&&e[_.value]!==void 0)return!!e[_.value];const l=N(e);return!l||!l.length},B=t.computed(()=>{const e=new Map,l=(o=[])=>{o.forEach(n=>{p(n)&&e.set(b(n),n);const s=N(n);s?.length&&l(s)})};return l(a.data||[]),e}),i=t.computed(()=>(a.modelValue||[]).map(l=>{const o=a.valueFormat==="object"?l?.value:l,n=B.value.get(o),s=a.valueFormat==="object"?l?.label:void 0;return{value:o,label:n?c(n):s??String(o??""),raw:n}})),V=e=>i.value.some(l=>l.value===e),h=t.ref(""),d=t.ref(!1),x=t.ref(null),F=t.ref(null),I=t.ref(null),E=t.ref(null),T=t.ref({}),C=t.ref("bottom"),j=t.computed(()=>typeof a.width=="number"?`${a.width}px`:a.width),M=()=>{a.disabled||(d.value=!0)},w=()=>{if(!d.value)return;const e=I.value,l=E.value;if(!e||!l)return;const o=e.getBoundingClientRect(),n=l.offsetHeight||a.popperMaxHeight,m=window.innerHeight-o.bottom,r=o.top;let v;m>=n+a.popperOffset||m>=r?(v=o.bottom+a.popperOffset,C.value="bottom"):(v=o.top-n-a.popperOffset,C.value="top"),T.value={position:"fixed",top:`${v}px`,left:`${o.left}px`,width:`${o.width}px`,zIndex:String(a.popperZIndex)}};let f=null;const y=()=>{d.value&&(f&&cancelAnimationFrame(f),f=requestAnimationFrame(()=>{f=null,w()}))};t.watch(d,async e=>{e&&(await t.nextTick(),w(),requestAnimationFrame(w))});const L=e=>{if(!d.value)return;const l=e.target;F.value?.contains(l)||E.value?.contains(l)||(d.value=!1)};t.onMounted(()=>{document.addEventListener("mousedown",L,!0),window.addEventListener("scroll",y,!0),window.addEventListener("resize",y)}),t.onBeforeUnmount(()=>{document.removeEventListener("mousedown",L,!0),window.removeEventListener("scroll",y,!0),window.removeEventListener("resize",y),f&&cancelAnimationFrame(f)});const D=e=>{d.value=!0,x.value?.filter(e),t.nextTick(w)},U=(e,l)=>e?typeof a.filterMethod=="function"?a.filterMethod(e,l):String(c(l)??"").toLowerCase().includes(String(e).toLowerCase()):!0,G=e=>{u("node-click",e),p(e)&&(S(e),d.value=!1)},Z=e=>a.valueFormat==="object"?{value:e.value,label:e.label,raw:e.raw}:e.value,S=e=>{const l=b(e);if(l==null||l==="")return;if(V(l)){const s={value:l,label:c(e),raw:e};u("duplicate",s),a.duplicateMessage&&H.ElMessage.warning(a.duplicateMessage);return}const o={value:l,label:c(e),raw:e},n=[...a.modelValue||[],Z(o)];u("update:modelValue",n),u("add",o),u("change",n,[...i.value,o]),a.clearInputAfterSelect&&(h.value="")},W=()=>{if(!a.enterToAdd)return;const e=(h.value||"").trim();if(!e)return;let l=null;for(const o of B.value.values())if(c(o)===e){l=o;break}if(!l){u("not-found",e),a.notFoundMessage&&H.ElMessage.warning(a.notFoundMessage);return}S(l)},A=e=>{const l=i.value[e],o=[...a.modelValue||[]];o.splice(e,1),u("update:modelValue",o),l&&u("remove",l,e);const n=i.value.filter((s,m)=>m!==e);u("change",o,n)};return R({open:M,close:()=>d.value=!1,clear:()=>{u("update:modelValue",[]),u("change",[],[])},addByValue:e=>{const l=B.value.get(e);l&&S(l)}}),(e,l)=>{const o=t.resolveComponent("el-input"),n=t.resolveComponent("el-icon"),s=t.resolveComponent("el-tree"),m=t.resolveComponent("el-tag");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["g-input-tree-tag",{"is-disabled":e.disabled}])},[t.createElementVNode("div",{class:"g-input-tree-tag__wrap",ref_key:"wrapRef",ref:F},[t.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:I,style:t.normalizeStyle({width:j.value})},[t.createVNode(o,{modelValue:h.value,"onUpdate:modelValue":l[0]||(l[0]=r=>h.value=r),placeholder:e.placeholder,clearable:e.clearable,disabled:e.disabled,class:"g-input-tree-tag__input",onFocus:M,onClick:M,onInput:D,onKeyup:t.withKeys(W,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.withDirectives(t.createElementVNode("div",{ref_key:"popperRef",ref:E,class:t.normalizeClass(["g-input-tree-tag__popover",`is-${C.value}`]),style:t.normalizeStyle(T.value),onMousedown:l[1]||(l[1]=t.withModifiers(()=>{},["prevent"]))},[t.createElementVNode("div",{class:"g-input-tree-tag__tree-wrap",style:t.normalizeStyle({maxHeight:e.popperMaxHeight+"px"})},[t.createVNode(s,{ref_key:"treeRef",ref:x,data:e.data,props:$.value,"node-key":e.nodeKey,"filter-node-method":U,"expand-on-click-node":!1,"default-expand-all":e.defaultExpandAll,onNodeClick:G},{default:t.withCtx(r=>[t.renderSlot(e.$slots,"tree-node",{data:r?.data,node:r?.node,selectable:p(r?.data),selected:V(b(r?.data))},()=>[r?.data?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["g-input-tree-tag__node",{"is-selectable":p(r.data),"is-selected":p(r.data)&&V(b(r.data))}])},[p(r.data)&&e.showLeafIcon?(t.openBlock(),t.createBlock(n,{key:0,class:"g-input-tree-tag__node-icon"},{default:t.withCtx(()=>[t.createVNode(t.unref(J.user_default))]),_:1})):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(c(r.data)),1)],2)):t.createCommentVNode("",!0)],!0)]),_:3},8,["data","props","node-key","default-expand-all"])],4)],38),[[t.vShow,d.value]])])),i.value.length?(t.openBlock(),t.createElementBlock("div",X,[t.renderSlot(e.$slots,"tags",{items:i.value,remove:A},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value,(r,v)=>(t.openBlock(),t.createBlock(m,{key:r.value,class:"g-input-tree-tag__tag",type:e.tagType,effect:e.tagEffect,closable:e.closable&&!e.disabled,onClose:P=>A(v)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"tag",{item:r,index:v},()=>[t.createTextVNode(t.toDisplayString(r.label),1)],!0)]),_:2},1032,["type","effect","closable","onClose"]))),128))],!0)])):t.createCommentVNode("",!0)],512)],2)}}}),g=Q._export_sfc(Y,[["__scopeId","data-v-d268bb6f"]]);g.install=k=>{k.component(g.name,g)};exports.GInputTreeTag=g;exports.default=g;

package/lib/GInputTreeTag/index.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as de, computed as d, ref as p, watch as pe, nextTick as Z, onMounted as ce, onBeforeUnmount as fe, resolveComponent as V, createElementBlock as S, openBlock as b, normalizeClass as A, createElementVNode as h, createBlock as N, createCommentVNode as G, normalizeStyle as T, createVNode as R, withKeys as ve, Teleport as me, withDirectives as ge, withModifiers as be, withCtx as H, renderSlot as $, createTextVNode as W, unref as he, toDisplayString as J, vShow as we, Fragment as ye, renderList as _e } from "vue";
-import { ElMessage as Q } from "element-plus";
+import { defineComponent as ie, computed as d, ref as i, watch as pe, nextTick as W, onMounted as ce, onBeforeUnmount as fe, resolveComponent as k, createElementBlock as V, openBlock as c, normalizeClass as A, createElementVNode as E, createBlock as N, createCommentVNode as T, normalizeStyle as R, createVNode as H, withKeys as ve, Teleport as me, withDirectives as ge, withModifiers as be, withCtx as $, renderSlot as z, createTextVNode as J, unref as he, toDisplayString as Q, vShow as we, Fragment as ye, renderList as _e } from "vue";
+import { ElMessage as X } from "element-plus";
 import { u as ke } from "../index-CzamRrBC.mjs";
 import { _ as Ve } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
 const Ee = {
   key: 0,
   class: "g-input-tree-tag__tags"
-}, Fe = /* @__PURE__ */ de({
+}, Fe = /* @__PURE__ */ ie({
   __name: "index",
   props: {
     modelValue: { default: () => [] },
@@ -33,242 +33,243 @@ const Ee = {
     notFoundMessage: { default: "未找到匹配项" }
   },
   emits: ["update:modelValue", "change", "add", "remove", "node-click", "duplicate", "not-found"],
-  setup(E, { expose: X, emit: Y }) {
-    const l = E, r = Y, ee = d(() => ({
-      label: l.props.label || "label",
-      children: l.props.children || "children",
-      disabled: l.props.disabled
-    })), te = d(() => l.props.value || l.nodeKey || "id"), le = d(() => l.props.label || "label"), ae = d(() => l.props.children || "children"), F = d(() => l.props.isLeaf), w = (e) => e ? e[te.value] : void 0, f = (e) => e ? e[le.value] : "", K = (e) => e ? e[ae.value] : void 0, v = (e) => {
+  setup(F, { expose: Y, emit: P }) {
+    const a = F, r = P, ee = d(() => ({
+      label: a.props.label || "label",
+      children: a.props.children || "children",
+      disabled: a.props.disabled
+    })), te = d(() => a.props.value || a.nodeKey || "id"), ae = d(() => a.props.label || "label"), le = d(() => a.props.children || "children"), B = d(() => a.props.isLeaf), h = (e) => e ? e[te.value] : void 0, f = (e) => e ? e[ae.value] : "", O = (e) => e ? e[le.value] : void 0, v = (e) => {
       if (!e) return !1;
-      if (typeof l.selectable == "function") return l.selectable(e);
-      if (F.value && e[F.value] !== void 0) return !!e[F.value];
-      const t = K(e);
+      if (typeof a.selectable == "function") return a.selectable(e);
+      if (B.value && e[B.value] !== void 0) return !!e[B.value];
+      const t = O(e);
       return !t || !t.length;
-    }, B = d(() => {
-      const e = /* @__PURE__ */ new Map(), t = (a = []) => {
-        a.forEach((o) => {
-          v(o) && e.set(w(o), o);
-          const u = K(o);
-          u?.length && t(u);
+    }, M = d(() => {
+      const e = /* @__PURE__ */ new Map(), t = (l = []) => {
+        l.forEach((o) => {
+          v(o) && e.set(h(o), o);
+          const s = O(o);
+          s?.length && t(s);
         });
       };
-      return t(l.data || []), e;
-    }), c = d(() => (l.modelValue || []).map((t) => {
-      const a = l.valueFormat === "object" ? t?.value : t, o = B.value.get(a), u = l.valueFormat === "object" ? t?.label : void 0;
+      return t(a.data || []), e;
+    }), p = d(() => (a.modelValue || []).map((t) => {
+      const l = a.valueFormat === "object" ? t?.value : t, o = M.value.get(l), s = a.valueFormat === "object" ? t?.label : void 0;
       return {
-        value: a,
-        label: o ? f(o) : u ?? String(a ?? ""),
+        value: l,
+        label: o ? f(o) : s ?? String(l ?? ""),
         raw: o
       };
-    })), M = (e) => c.value.some((t) => t.value === e), y = p(""), s = p(!1), O = p(null), P = p(null), j = p(null), C = p(null), U = p({}), I = p("bottom"), oe = d(
-      () => typeof l.width == "number" ? `${l.width}px` : l.width
-    ), L = () => {
-      l.disabled || (s.value = !0);
-    }, _ = () => {
-      if (!s.value) return;
-      const e = j.value, t = C.value;
+    })), C = (e) => p.value.some((t) => t.value === e), w = i(""), u = i(!1), j = i(null), U = i(null), q = i(null), I = i(null), D = i({}), L = i("bottom"), oe = d(
+      () => typeof a.width == "number" ? `${a.width}px` : a.width
+    ), x = () => {
+      a.disabled || (u.value = !0);
+    }, y = () => {
+      if (!u.value) return;
+      const e = q.value, t = I.value;
       if (!e || !t) return;
-      const a = e.getBoundingClientRect(), o = t.offsetHeight || l.popperMaxHeight, g = window.innerHeight - a.bottom, n = a.top;
-      let i;
-      g >= o + l.popperOffset || g >= n ? (i = a.bottom + l.popperOffset, I.value = "bottom") : (i = a.top - o - l.popperOffset, I.value = "top"), U.value = {
+      const l = e.getBoundingClientRect(), o = t.offsetHeight || a.popperMaxHeight, g = window.innerHeight - l.bottom, n = l.top;
+      let b;
+      g >= o + a.popperOffset || g >= n ? (b = l.bottom + a.popperOffset, L.value = "bottom") : (b = l.top - o - a.popperOffset, L.value = "top"), D.value = {
         position: "fixed",
-        top: `${i}px`,
-        left: `${a.left}px`,
-        width: `${a.width}px`,
-        zIndex: String(l.popperZIndex)
+        top: `${b}px`,
+        left: `${l.left}px`,
+        width: `${l.width}px`,
+        zIndex: String(a.popperZIndex)
       };
     };
     let m = null;
-    const k = () => {
-      s.value && (m && cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-        m = null, _();
+    const _ = () => {
+      u.value && (m && cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+        m = null, y();
       }));
     };
-    pe(s, async (e) => {
-      e && (await Z(), _(), requestAnimationFrame(_));
+    pe(u, async (e) => {
+      e && (await W(), y(), requestAnimationFrame(y));
     });
-    const q = (e) => {
-      if (!s.value) return;
+    const Z = (e) => {
+      if (!u.value) return;
       const t = e.target;
-      P.value?.contains(t) || C.value?.contains(t) || (s.value = !1);
+      U.value?.contains(t) || I.value?.contains(t) || (u.value = !1);
     };
     ce(() => {
-      document.addEventListener("mousedown", q, !0), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k);
+      document.addEventListener("mousedown", Z, !0), window.addEventListener("scroll", _, !0), window.addEventListener("resize", _);
     }), fe(() => {
-      document.removeEventListener("mousedown", q, !0), window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k), m && cancelAnimationFrame(m);
+      document.removeEventListener("mousedown", Z, !0), window.removeEventListener("scroll", _, !0), window.removeEventListener("resize", _), m && cancelAnimationFrame(m);
     });
     const ne = (e) => {
-      s.value = !0, O.value?.filter(e), Z(_);
-    }, re = (e, t) => e ? typeof l.filterMethod == "function" ? l.filterMethod(e, t) : String(f(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, se = (e) => {
-      r("node-click", e), v(e) && (x(e), s.value = !1);
-    }, ue = (e) => l.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, x = (e) => {
-      const t = w(e);
+      u.value = !0, j.value?.filter(e), W(y);
+    }, re = (e, t) => e ? typeof a.filterMethod == "function" ? a.filterMethod(e, t) : String(f(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, ue = (e) => {
+      r("node-click", e), v(e) && (S(e), u.value = !1);
+    }, se = (e) => a.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, S = (e) => {
+      const t = h(e);
       if (t == null || t === "") return;
-      if (M(t)) {
-        const u = { value: t, label: f(e), raw: e };
-        r("duplicate", u), l.duplicateMessage && Q.warning(l.duplicateMessage);
+      if (C(t)) {
+        const s = { value: t, label: f(e), raw: e };
+        r("duplicate", s), a.duplicateMessage && X.warning(a.duplicateMessage);
         return;
       }
-      const a = { value: t, label: f(e), raw: e }, o = [...l.modelValue || [], ue(a)];
-      r("update:modelValue", o), r("add", a), r("change", o, [...c.value, a]), l.clearInputAfterSelect && (y.value = "");
-    }, ie = () => {
-      if (!l.enterToAdd) return;
-      const e = (y.value || "").trim();
+      const l = { value: t, label: f(e), raw: e }, o = [...a.modelValue || [], se(l)];
+      r("update:modelValue", o), r("add", l), r("change", o, [...p.value, l]), a.clearInputAfterSelect && (w.value = "");
+    }, de = () => {
+      if (!a.enterToAdd) return;
+      const e = (w.value || "").trim();
       if (!e) return;
       let t = null;
-      for (const a of B.value.values())
-        if (f(a) === e) {
-          t = a;
+      for (const l of M.value.values())
+        if (f(l) === e) {
+          t = l;
           break;
         }
       if (!t) {
-        r("not-found", e), l.notFoundMessage && Q.warning(l.notFoundMessage);
+        r("not-found", e), a.notFoundMessage && X.warning(a.notFoundMessage);
         return;
       }
-      x(t);
-    }, D = (e) => {
-      const t = c.value[e], a = [...l.modelValue || []];
-      a.splice(e, 1), r("update:modelValue", a), t && r("remove", t, e);
-      const o = c.value.filter((u, g) => g !== e);
-      r("change", a, o);
+      S(t);
+    }, G = (e) => {
+      const t = p.value[e], l = [...a.modelValue || []];
+      l.splice(e, 1), r("update:modelValue", l), t && r("remove", t, e);
+      const o = p.value.filter((s, g) => g !== e);
+      r("change", l, o);
     };
-    return X({
+    return Y({
       /** 主动打开下拉面板 */
-      open: L,
+      open: x,
       /** 主动关闭下拉面板 */
-      close: () => s.value = !1,
+      close: () => u.value = !1,
       /** 清空已选 */
       clear: () => {
         r("update:modelValue", []), r("change", [], []);
       },
       /** 根据 value 直接添加 */
       addByValue: (e) => {
-        const t = B.value.get(e);
-        t && x(t);
+        const t = M.value.get(e);
+        t && S(t);
       }
     }), (e, t) => {
-      const a = V("el-input"), o = V("el-icon"), u = V("el-tree"), g = V("el-tag");
-      return b(), S("div", {
+      const l = k("el-input"), o = k("el-icon"), s = k("el-tree"), g = k("el-tag");
+      return c(), V("div", {
         class: A(["g-input-tree-tag", { "is-disabled": e.disabled }])
       }, [
-        h("div", {
+        E("div", {
           class: "g-input-tree-tag__wrap",
           ref_key: "wrapRef",
-          ref: P
+          ref: U
         }, [
-          h("div", {
+          E("div", {
             class: "g-input-tree-tag__input-box",
             ref_key: "inputBoxRef",
-            ref: j,
-            style: T({ width: oe.value })
+            ref: q,
+            style: R({ width: oe.value })
           }, [
-            R(a, {
-              modelValue: y.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (n) => y.value = n),
+            H(l, {
+              modelValue: w.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => w.value = n),
               placeholder: e.placeholder,
               clearable: e.clearable,
               disabled: e.disabled,
               class: "g-input-tree-tag__input",
-              onFocus: L,
-              onClick: L,
+              onFocus: x,
+              onClick: x,
               onInput: ne,
-              onKeyup: ve(ie, ["enter"])
+              onKeyup: ve(de, ["enter"])
             }, null, 8, ["modelValue", "placeholder", "clearable", "disabled"])
           ], 4),
-          (b(), N(me, { to: "body" }, [
-            ge(h("div", {
+          (c(), N(me, { to: "body" }, [
+            ge(E("div", {
               ref_key: "popperRef",
-              ref: C,
-              class: A(["g-input-tree-tag__popover", `is-${I.value}`]),
-              style: T(U.value),
+              ref: I,
+              class: A(["g-input-tree-tag__popover", `is-${L.value}`]),
+              style: R(D.value),
               onMousedown: t[1] || (t[1] = be(() => {
               }, ["prevent"]))
             }, [
-              h("div", {
+              E("div", {
                 class: "g-input-tree-tag__tree-wrap",
-                style: T({ maxHeight: e.popperMaxHeight + "px" })
+                style: R({ maxHeight: e.popperMaxHeight + "px" })
               }, [
-                R(u, {
+                H(s, {
                   ref_key: "treeRef",
-                  ref: O,
+                  ref: j,
                   data: e.data,
                   props: ee.value,
                   "node-key": e.nodeKey,
                   "filter-node-method": re,
                   "expand-on-click-node": !1,
                   "default-expand-all": e.defaultExpandAll,
-                  onNodeClick: se
+                  onNodeClick: ue
                 }, {
-                  default: H(({ data: n, node: i }) => [
-                    $(e.$slots, "tree-node", {
-                      data: n,
-                      node: i,
-                      selectable: v(n),
-                      selected: M(w(n))
+                  default: $((n) => [
+                    z(e.$slots, "tree-node", {
+                      data: n?.data,
+                      node: n?.node,
+                      selectable: v(n?.data),
+                      selected: C(h(n?.data))
                     }, () => [
-                      h("span", {
+                      n?.data ? (c(), V("span", {
+                        key: 0,
                         class: A([
                           "g-input-tree-tag__node",
                           {
-                            "is-selectable": v(n),
-                            "is-selected": v(n) && M(w(n))
+                            "is-selectable": v(n.data),
+                            "is-selected": v(n.data) && C(h(n.data))
                           }
                         ])
                       }, [
-                        v(n) && e.showLeafIcon ? (b(), N(o, {
+                        v(n.data) && e.showLeafIcon ? (c(), N(o, {
                           key: 0,
                           class: "g-input-tree-tag__node-icon"
                         }, {
-                          default: H(() => [
-                            R(he(ke))
+                          default: $(() => [
+                            H(he(ke))
                           ]),
                           _: 1
-                        })) : G("", !0),
-                        W(" " + J(f(n)), 1)
-                      ], 2)
+                        })) : T("", !0),
+                        J(" " + Q(f(n.data)), 1)
+                      ], 2)) : T("", !0)
                     ], !0)
                   ]),
                   _: 3
                 }, 8, ["data", "props", "node-key", "default-expand-all"])
               ], 4)
             ], 38), [
-              [we, s.value]
+              [we, u.value]
             ])
           ])),
-          c.value.length ? (b(), S("div", Ee, [
-            $(e.$slots, "tags", {
-              items: c.value,
-              remove: D
+          p.value.length ? (c(), V("div", Ee, [
+            z(e.$slots, "tags", {
+              items: p.value,
+              remove: G
             }, () => [
-              (b(!0), S(ye, null, _e(c.value, (n, i) => (b(), N(g, {
+              (c(!0), V(ye, null, _e(p.value, (n, b) => (c(), N(g, {
                 key: n.value,
                 class: "g-input-tree-tag__tag",
                 type: e.tagType,
                 effect: e.tagEffect,
                 closable: e.closable && !e.disabled,
-                onClose: (Be) => D(i)
+                onClose: (Be) => G(b)
               }, {
-                default: H(() => [
-                  $(e.$slots, "tag", {
+                default: $(() => [
+                  z(e.$slots, "tag", {
                     item: n,
-                    index: i
+                    index: b
                   }, () => [
-                    W(J(n.label), 1)
+                    J(Q(n.label), 1)
                   ], !0)
                 ]),
                 _: 2
               }, 1032, ["type", "effect", "closable", "onClose"]))), 128))
             ], !0)
-          ])) : G("", !0)
+          ])) : T("", !0)
         ], 512)
       ], 2);
     };
   }
-}), z = /* @__PURE__ */ Ve(Fe, [["__scopeId", "data-v-f235428c"]]);
-z.install = (E) => {
-  E.component(z.name, z);
+}), K = /* @__PURE__ */ Ve(Fe, [["__scopeId", "data-v-d268bb6f"]]);
+K.install = (F) => {
+  F.component(K.name, K);
 };
 export {
-  z as GInputTreeTag,
-  z as default
+  K as GInputTreeTag,
+  K as default
 };

package/lib/GInputTreeTag/style.css

@@ -1 +1 @@
-@charset "UTF-8";.g-input-tree-tag[data-v-f235428c]{width:100%}.g-input-tree-tag__wrap[data-v-f235428c]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.g-input-tree-tag__tags[data-v-f235428c]{display:flex;flex-wrap:wrap;gap:8px;width:100%}.g-input-tree-tag__tag[data-v-f235428c]{margin:0}.g-input-tree-tag.is-disabled[data-v-f235428c]{cursor:not-allowed}.g-input-tree-tag__popover{box-sizing:border-box;background:var(--el-bg-color-overlay, #fff);border:1px solid var(--el-border-color-light);border-radius:4px;box-shadow:var(--el-box-shadow-light);padding:8px 0}.g-input-tree-tag__popover .g-input-tree-tag__tree-wrap{overflow:auto}.g-input-tree-tag__popover .g-input-tree-tag__node{display:inline-flex;align-items:center;gap:4px;font-size:13px}.g-input-tree-tag__popover .g-input-tree-tag__node-icon{font-size:14px;color:var(--el-text-color-secondary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selectable{cursor:pointer;color:var(--el-text-color-primary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected,.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected .g-input-tree-tag__node-icon{color:var(--el-color-primary)}
+@charset "UTF-8";.g-input-tree-tag[data-v-d268bb6f]{width:100%}.g-input-tree-tag__wrap[data-v-d268bb6f]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.g-input-tree-tag__tags[data-v-d268bb6f]{display:flex;flex-wrap:wrap;gap:8px;width:100%}.g-input-tree-tag__tag[data-v-d268bb6f]{margin:0}.g-input-tree-tag.is-disabled[data-v-d268bb6f]{cursor:not-allowed}.g-input-tree-tag__popover{box-sizing:border-box;background:var(--el-bg-color-overlay, #fff);border:1px solid var(--el-border-color-light);border-radius:4px;box-shadow:var(--el-box-shadow-light);padding:8px 0}.g-input-tree-tag__popover .g-input-tree-tag__tree-wrap{overflow:auto}.g-input-tree-tag__popover .g-input-tree-tag__node{display:inline-flex;align-items:center;gap:4px;font-size:13px}.g-input-tree-tag__popover .g-input-tree-tag__node-icon{font-size:14px;color:var(--el-text-color-secondary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selectable{cursor:pointer;color:var(--el-text-color-primary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected,.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected .g-input-tree-tag__node-icon{color:var(--el-color-primary)}

package/lib/components/GInputTreeTag/index.d.ts

@@ -1,7 +1,8 @@
-import { default as GInputTreeTag } from './index';
-export default GInputTreeTag;
-export { GInputTreeTag };
-g;
+interface TreeFieldProps {
+    label?: string;
+    children?: string;
+    value?: string;
+    isLeaf?: string;
     disabled?: string;
 }
 interface SelectedItem {

package/lib/components/GScreen/index.d.ts

@@ -1,55 +1,3 @@
-import { Ref } from 'vue';
-interface Props {
-    /**
-       * @description 设计稿宽度
-       * @version 0.1.8
-       * @default 1920
-       */
-    width?: number;
-    /**
-       * @description 设计稿高度
-       * @version 0.1.8
-       * @default 1080
-       */
-    height?: number;
-    /**
-       * @description 防抖延迟时间(ms)，设为 0 则关闭防抖
-       * @version 0.1.8
-       * @default 166
-       */
-    debounceDelay?: number;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {
-    scale: Ref<{
-        x: number;
-        y: number;
-    }, {
-        x: number;
-        y: number;
-    } | {
-        x: number;
-        y: number;
-    }>;
-    safeScaleX: import('vue').ComputedRef<number>;
-    yScaleRatio: import('vue').ComputedRef<number>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    width: number;
-    height: number;
-    debounceDelay: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+import { default as GScreen } from './index';
+export default GScreen;
+export { GScreen };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekin-devtoys",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "author": "leon",
   "license": "MIT",
   "description": "geekin-devtoys组件库",