@farris/ui-vue 1.0.0-beta.2 → 1.0.0-beta.3

package/modal/index.esm.js

@@ -0,0 +1,165 @@
+import { defineComponent as J, ref as t, computed as s, watch as K, createVNode as e, Teleport as L } from "vue";
+const Q = {
+  class: { type: String, default: "" },
+  title: { type: String, default: "" },
+  width: { type: Number, default: 500 },
+  height: { type: Number, default: 320 },
+  buttons: {
+    type: Array,
+    default: []
+  },
+  modelValue: { type: Boolean, default: !1 },
+  showHeader: { type: Boolean, default: !0 },
+  showButtons: { type: Boolean, default: !0 }
+}, p = J({
+  name: "FModal",
+  props: Q,
+  emits: ["update:modelValue"],
+  setup(a, v) {
+    const f = t(a.width), b = t(a.height), c = t(a.modelValue), y = t(""), C = t(a.class), u = t(!0), i = t(a.showHeader), h = t(""), j = t(!0), x = t(!1), O = t(!1), g = t(""), w = t(""), S = t(""), B = t(a.showButtons), V = t(a.title);
+    function d(l, o) {
+      c.value = !1, v.emit("update:modelValue", !1);
+    }
+    const $ = [{
+      text: "\u53D6\u6D88",
+      class: "btn btn-light",
+      handle: (l) => {
+        d();
+      }
+    }, {
+      text: "\u786E\u5B9A",
+      class: "btn btn-primary",
+      handle: (l) => {
+        d();
+      }
+    }], r = t(a.buttons && a.buttons.length ? a.buttons : $), z = s(() => !!h.value), H = s(() => !!B.value && !!r.value);
+    t(), t(), K(() => a.modelValue, () => {
+      c.value = a.modelValue;
+    });
+    const M = t(!1), A = s(() => c.value), F = s(() => {
+      const l = {
+        modal: !0,
+        "farris-modal": !0
+      };
+      return l["f-modal-fitContent"] = u.value, l;
+    }), k = s(() => ({
+      display: A.value ? "block" : "none !important"
+    })), D = s(() => {
+      const l = {
+        "modal-dialog": !0
+      };
+      return C.value.split(" ").reduce((n, m) => (n[m] = !0, n), l), l;
+    }), I = s(() => ({
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      width: `${f.value}px`,
+      height: u.value ? "auto" : `${b.value}px`,
+      "margin-left": `${0 - f.value / 2}px`,
+      "margin-top": u.value ? "auto" : `${0 - b.value / 2}px`
+    })), N = s(() => ({
+      "modal-content": !0,
+      "modal-content-has-header": i.value
+    })), _ = s(() => ({
+      display: i.value ? "" : "none"
+    })), E = s(() => ({
+      "f-icon": !0,
+      modal_maximize: !0,
+      modalrevert: M.value
+    })), R = s(() => ({
+      height: "10px",
+      "z-index": 1,
+      display: i.value ? "none" : ""
+    })), T = s(() => ({
+      "modal-body": !0,
+      "f-utils-flex-column": g.value === "iframe"
+    }));
+    function P() {
+      return {};
+    }
+    const q = s(() => {
+      const l = {
+        textAlgin: S.value
+      }, o = P();
+      return Object.assign(l, o);
+    });
+    function G(l) {
+    }
+    return () => e(L, {
+      to: "body"
+    }, {
+      default: () => {
+        var l, o;
+        return [e("div", {
+          class: F.value,
+          style: k.value
+        }, [e("div", {
+          id: y.value,
+          class: D.value,
+          style: I.value
+        }, [e("div", {
+          class: N.value
+        }, [e("div", {
+          ref: "modalHeaderRef",
+          class: "modal-header",
+          style: _.value
+        }, [e("div", {
+          class: "modal-title"
+        }, [z.value && e("span", {
+          class: h.value,
+          style: "margin-right: 8px"
+        }, null), e("span", {
+          class: "modal-title-label"
+        }, [V.value])]), e("div", {
+          class: "actions"
+        }, [e("ul", null, [O.value && e("li", {
+          class: "f-btn-icon f-bare"
+        }, [e("span", {
+          class: "f-icon modal_minimize"
+        }, null)]), x.value && e("li", {
+          onClick: G,
+          class: "f-btn-icon f-bare"
+        }, [e("span", {
+          class: E.value
+        }, null)]), j.value && e("li", {
+          class: "f-btn-icon f-bare",
+          onClick: (n) => d()
+        }, [e("span", {
+          class: "f-icon modal_close"
+        }, null)])])])]), e("div", {
+          ref: "dragableElementRef",
+          class: "f-utils-absolute-all",
+          style: R.value
+        }, null), e("div", {
+          class: T.value
+        }, [(o = (l = v.slots).default) == null ? void 0 : o.call(l), g.value === "iframe" && e("iframe", {
+          title: y.value,
+          class: "f-utils-fill",
+          width: "100%",
+          frameborder: "0",
+          src: w.value
+        }, null)]), H.value && e("div", {
+          class: "modal-footer",
+          style: q.value
+        }, [r.value && r.value.map((n) => e("button", {
+          type: "button",
+          class: n.class,
+          onClick: (m) => {
+            n.handle && n.handle(m);
+          }
+        }, [!!n.iconClass && e("span", {
+          class: n.iconClass
+        }, [n.text]), !n.iconClass && e("span", null, [n.text])]))])])])])];
+      }
+    });
+  }
+}), W = {
+  install(a) {
+    a.component(p.name, p);
+  }
+};
+export {
+  p as FModal,
+  W as default,
+  Q as modalProps
+};

package/modal/index.umd.js

@@ -0,0 +1 @@
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.modal={},o.Vue))})(this,function(o,e){"use strict";const m={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0}},n=e.defineComponent({name:"FModal",props:m,emits:["update:modelValue"],setup(l,b){const y=e.ref(l.width),h=e.ref(l.height),c=e.ref(l.modelValue),p=e.ref(""),C=e.ref(l.class),d=e.ref(!0),r=e.ref(l.showHeader),V=e.ref(""),j=e.ref(!0),O=e.ref(!1),x=e.ref(!1),g=e.ref(""),w=e.ref(""),S=e.ref(""),B=e.ref(l.showButtons),M=e.ref(l.title);function i(t,s){c.value=!1,b.emit("update:modelValue",!1)}const $=[{text:"\u53D6\u6D88",class:"btn btn-light",handle:t=>{i()}},{text:"\u786E\u5B9A",class:"btn btn-primary",handle:t=>{i()}}],u=e.ref(l.buttons&&l.buttons.length?l.buttons:$),z=e.computed(()=>!!V.value),F=e.computed(()=>!!B.value&&!!u.value);e.ref(),e.ref(),e.watch(()=>l.modelValue,()=>{c.value=l.modelValue});const H=e.ref(!1),A=e.computed(()=>c.value),T=e.computed(()=>{const t={modal:!0,"farris-modal":!0};return t["f-modal-fitContent"]=d.value,t}),_=e.computed(()=>({display:A.value?"block":"none !important"})),k=e.computed(()=>{const t={"modal-dialog":!0};return C.value.split(" ").reduce((a,f)=>(a[f]=!0,a),t),t}),v=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${y.value}px`,height:d.value?"auto":`${h.value}px`,"margin-left":`${0-y.value/2}px`,"margin-top":d.value?"auto":`${0-h.value/2}px`})),D=e.computed(()=>({"modal-content":!0,"modal-content-has-header":r.value})),I=e.computed(()=>({display:r.value?"":"none"})),P=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:H.value})),E=e.computed(()=>({height:"10px","z-index":1,display:r.value?"none":""})),R=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":g.value==="iframe"}));function q(){return{}}const G=e.computed(()=>{const t={textAlgin:S.value},s=q();return Object.assign(t,s)});function J(t){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var t,s;return[e.createVNode("div",{class:T.value,style:_.value},[e.createVNode("div",{id:p.value,class:k.value,style:v.value},[e.createVNode("div",{class:D.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:I.value},[e.createVNode("div",{class:"modal-title"},[z.value&&e.createVNode("span",{class:V.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[M.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[x.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),O.value&&e.createVNode("li",{onClick:J,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:P.value},null)]),j.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:a=>i()},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:E.value},null),e.createVNode("div",{class:R.value},[(s=(t=b.slots).default)==null?void 0:s.call(t),g.value==="iframe"&&e.createVNode("iframe",{title:p.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:w.value},null)]),F.value&&e.createVNode("div",{class:"modal-footer",style:G.value},[u.value&&u.value.map(a=>e.createVNode("button",{type:"button",class:a.class,onClick:f=>{a.handle&&a.handle(f)}},[!!a.iconClass&&e.createVNode("span",{class:a.iconClass},[a.text]),!a.iconClass&&e.createVNode("span",null,[a.text])]))])])])])]}})}}),N={install(l){l.component(n.name,n)}};o.FModal=n,o.default=N,o.modalProps=m,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/modal/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "modal",
+    "version": "1.0.0-beta.4",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css"
+}

package/notify/index.esm.js

@@ -0,0 +1,187 @@
+import { defineComponent as w, ref as b, computed as u, watch as $, createVNode as n, Fragment as x, reactive as k, createApp as B, onUnmounted as j, mergeProps as M } from "vue";
+const H = {
+  limit: { type: Number, default: 5 },
+  showCloseButton: { type: Boolean, default: !0 },
+  position: { type: String, default: "top-center" },
+  timeout: { type: Number, default: 3e3 },
+  theme: { type: String, default: "bootstrap" },
+  left: { type: Number },
+  right: { type: Number },
+  top: { type: Number },
+  bottom: { type: Number },
+  id: { type: String },
+  animate: { type: String, default: "fadeIn" },
+  toasts: { type: Array },
+  options: { type: Object }
+}, L = {
+  animate: { type: String, default: "fadeIn" },
+  options: { type: Object }
+};
+const T = w({
+  name: "Toast",
+  props: L,
+  emits: ["close", "click"],
+  setup: (e, l) => {
+    const a = b(e.animate), i = "fadeOut", t = u(() => e.options), r = b(!1), m = u(() => {
+      const s = {
+        animated: r.value,
+        toast: !0
+      };
+      return s[e.animate] = !1, s[i] = r.value, s[t.value.type] = !0, t.value.theme && (s[t.value.theme] = !0), s;
+    }), p = u(() => {
+      const S = `f-icon-${t.value && t.value.type ? t.value.type.replace("toasty-type-", "") : "default"}`, O = {
+        "f-icon": !0
+      };
+      return O[S] = !0, O;
+    }), f = u(() => t.value.title || t.value.msg), y = u(() => t.value.title && t.value.msg), h = u(() => !t.value.title && t.value.msg), g = u(() => !0), o = u(() => !!t.value.buttons || !!l.slots.default);
+    function c(s) {
+      s.stopPropagation(), s.preventDefault(), r.value = !1, setTimeout(() => {
+        l.emit("close", t.value);
+      }, 200);
+    }
+    function d(s, v) {
+    }
+    function I(s) {
+      return `f-preten-link ${s.customClass ? s.customClass : ""}`;
+    }
+    $(a, () => {
+      a.value;
+    });
+    const N = () => {
+      var s;
+      return n(x, null, [n("div", {
+        class: "after-toast-msg text-right"
+      }, [!l.slots.default && ((s = t.value.buttons) == null ? void 0 : s.map((v) => n("span", {
+        class: I(v),
+        onClick: (S) => void 0
+      }, [v.text]))), l.slots.default && l.slots.default()])]);
+    };
+    return () => n("div", {
+      class: m.value
+    }, [g.value && n("button", {
+      title: "close",
+      class: "toast-close f-btn-icon f-bare",
+      onClick: c
+    }, [n("span", {
+      class: "f-icon modal_close"
+    }, null)]), f.value && n("section", {
+      class: "modal-tips"
+    }, [n("div", {
+      class: "float-left modal-tips-iconwrap"
+    }, [n("span", {
+      class: p
+    }, null)]), n("div", {
+      class: "modal-tips-content"
+    }, [y.value && n(x, null, [n("h5", {
+      class: "toast-title modal-tips-title",
+      innerHTML: t.value.title
+    }, null), n("p", {
+      class: "toast-msg",
+      innerHTML: t.value.msg
+    }, null), o.value && N()]), h.value && (t.value.buttons ? n("div", {
+      class: "toast-title-btns-wrapper d-flex"
+    }, [n("h5", {
+      class: "toast-title modal-tips-title only-toast-msg",
+      innerHTML: t.value.msg
+    }, null), n("div", {
+      class: "after-toast-title text-right ml-auto"
+    }, [N()])]) : n("h5", {
+      class: "toast-title modal-tips-title only-toast-msg",
+      innerHTML: t.value.msg
+    }, null))])])]);
+  }
+}), C = w({
+  name: "Notify",
+  props: H,
+  emits: ["close", "empty"],
+  setup(e, l) {
+    const a = u(() => ({
+      "farris-notify": !0
+    })), i = {
+      left: 12,
+      right: 12,
+      top: 136,
+      bottom: 12
+    }, t = b(e.toasts || []), r = u(() => {
+      const o = {
+        left: e.position.indexOf("left") > -1 ? `${e.left ? e.left : i.left}px` : "",
+        right: e.position.indexOf("right") > -1 ? `${e.right ? e.right : i.right}px` : "",
+        top: e.position.indexOf("top") > -1 ? `${e.top ? e.top : i.top}px` : "",
+        bottom: e.position.indexOf("bottom") > -1 ? `${e.bottom ? e.bottom : i.bottom}px` : ""
+      };
+      return e.position.indexOf("center") && (o.left = "50%", o.transform = "translate(-50%, -50%)"), o;
+    });
+    function m(o) {
+      l.emit("close");
+    }
+    function p(o) {
+      t.value.length >= e.limit && t.value.shift(), t.value.push(o);
+    }
+    function f(o) {
+      o && o.onRemove && o.onRemove.call(o);
+    }
+    function y(o) {
+      const c = t.value.findIndex((d) => d.id === o);
+      if (c > -1) {
+        const d = t.value[c];
+        f(d), t.value.splice(c, 1);
+      }
+    }
+    function h() {
+      t.value.forEach((o) => f(o)), t.value.length = 0, l.emit("empty");
+    }
+    l.expose({
+      addToast: p,
+      clear: y,
+      clearAll: h,
+      closeToast: m
+    });
+    function g(o, c) {
+      m();
+    }
+    return () => n("div", {
+      id: e.id,
+      class: a.value,
+      style: r.value
+    }, [t.value.map((o) => n(T, {
+      options: o,
+      animate: e.animate,
+      onClose: (c) => g()
+    }, null))]);
+  }
+});
+function P(e, l) {
+  const a = document.createElement("div");
+  a.style.display = "contents";
+  const i = B({
+    setup() {
+      return j(() => {
+        document.body.removeChild(a);
+      }), () => n(C, M(e, {
+        onClose: i.unmount
+      }), null);
+    }
+  });
+  return document.body.appendChild(a), i.mount(a), i;
+}
+class R {
+  static show(l) {
+    const a = k({
+      ...l
+    });
+    P(a);
+  }
+}
+const E = {
+  install(e) {
+    e.component(C.name, C), e.component(T.name, T), e.provide("NotifyService", R);
+  }
+};
+export {
+  C as Notify,
+  R as NotifyService,
+  T as Toast,
+  E as default,
+  H as notifyProps,
+  L as toastProps
+};

package/notify/index.umd.js

@@ -0,0 +1 @@
+(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.notify={},s.Vue))})(this,function(s,t){"use strict";const v={limit:{type:Number,default:5},showCloseButton:{type:Boolean,default:!0},position:{type:String,default:"top-center"},timeout:{type:Number,default:3e3},theme:{type:String,default:"bootstrap"},left:{type:Number},right:{type:Number},top:{type:Number},bottom:{type:Number},id:{type:String},animate:{type:String,default:"fadeIn"},toasts:{type:Array},options:{type:Object}},V={animate:{type:String,default:"fadeIn"},options:{type:Object}},j="",d=t.defineComponent({name:"Toast",props:V,emits:["close","click"],setup:(o,l)=>{const i=t.ref(o.animate),c="fadeOut",e=t.computed(()=>o.options),r=t.ref(!1),m=t.computed(()=>{const a={animated:r.value,toast:!0};return a[o.animate]=!1,a[c]=r.value,a[e.value.type]=!0,e.value.theme&&(a[e.value.theme]=!0),a}),g=t.computed(()=>{const O=`f-icon-${e.value&&e.value.type?e.value.type.replace("toasty-type-",""):"default"}`,w={"f-icon":!0};return w[O]=!0,w}),p=t.computed(()=>e.value.title||e.value.msg),N=t.computed(()=>e.value.title&&e.value.msg),b=t.computed(()=>!e.value.title&&e.value.msg),T=t.computed(()=>!0),n=t.computed(()=>!!e.value.buttons||!!l.slots.default);function u(a){a.stopPropagation(),a.preventDefault(),r.value=!1,setTimeout(()=>{l.emit("close",e.value)},200)}function y(a,h){}function x(a){return`f-preten-link ${a.customClass?a.customClass:""}`}t.watch(i,()=>{i.value});const S=()=>{var a;return t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"after-toast-msg text-right"},[!l.slots.default&&((a=e.value.buttons)==null?void 0:a.map(h=>t.createVNode("span",{class:x(h),onClick:O=>void 0},[h.text]))),l.slots.default&&l.slots.default()])])};return()=>t.createVNode("div",{class:m.value},[T.value&&t.createVNode("button",{title:"close",class:"toast-close f-btn-icon f-bare",onClick:u},[t.createVNode("span",{class:"f-icon modal_close"},null)]),p.value&&t.createVNode("section",{class:"modal-tips"},[t.createVNode("div",{class:"float-left modal-tips-iconwrap"},[t.createVNode("span",{class:g},null)]),t.createVNode("div",{class:"modal-tips-content"},[N.value&&t.createVNode(t.Fragment,null,[t.createVNode("h5",{class:"toast-title modal-tips-title",innerHTML:e.value.title},null),t.createVNode("p",{class:"toast-msg",innerHTML:e.value.msg},null),n.value&&S()]),b.value&&(e.value.buttons?t.createVNode("div",{class:"toast-title-btns-wrapper d-flex"},[t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",innerHTML:e.value.msg},null),t.createVNode("div",{class:"after-toast-title text-right ml-auto"},[S()])]):t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",innerHTML:e.value.msg},null))])])])}}),f=t.defineComponent({name:"Notify",props:v,emits:["close","empty"],setup(o,l){const i=t.computed(()=>({"farris-notify":!0})),c={left:12,right:12,top:136,bottom:12},e=t.ref(o.toasts||[]),r=t.computed(()=>{const n={left:o.position.indexOf("left")>-1?`${o.left?o.left:c.left}px`:"",right:o.position.indexOf("right")>-1?`${o.right?o.right:c.right}px`:"",top:o.position.indexOf("top")>-1?`${o.top?o.top:c.top}px`:"",bottom:o.position.indexOf("bottom")>-1?`${o.bottom?o.bottom:c.bottom}px`:""};return o.position.indexOf("center")&&(n.left="50%",n.transform="translate(-50%, -50%)"),n});function m(n){l.emit("close")}function g(n){e.value.length>=o.limit&&e.value.shift(),e.value.push(n)}function p(n){n&&n.onRemove&&n.onRemove.call(n)}function N(n){const u=e.value.findIndex(y=>y.id===n);if(u>-1){const y=e.value[u];p(y),e.value.splice(u,1)}}function b(){e.value.forEach(n=>p(n)),e.value.length=0,l.emit("empty")}l.expose({addToast:g,clear:N,clearAll:b,closeToast:m});function T(n,u){m()}return()=>t.createVNode("div",{id:o.id,class:i.value,style:r.value},[e.value.map(n=>t.createVNode(d,{options:n,animate:o.animate,onClose:u=>T()},null))])}});function I(o,l){const i=document.createElement("div");i.style.display="contents";const c=t.createApp({setup(){return t.onUnmounted(()=>{document.body.removeChild(i)}),()=>t.createVNode(f,t.mergeProps(o,{onClose:c.unmount}),null)}});return document.body.appendChild(i),c.mount(i),c}class C{static show(l){const i=t.reactive({...l});I(i)}}const $={install(o){o.component(f.name,f),o.component(d.name,d),o.provide("NotifyService",C)}};s.Notify=f,s.NotifyService=C,s.Toast=d,s.default=$,s.notifyProps=v,s.toastProps=V,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/notify/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "notify",
+    "version": "1.0.0-beta.4",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css"
+}

package/notify/style.css

@@ -0,0 +1 @@
+.toast-title-beforeshow{opacity:0}@-webkit-keyframes farrisMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes farrisMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@-webkit-keyframes farrisMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(-100%);transform-origin:0 0;opacity:0}}@keyframes farrisMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(-100%);transform-origin:0 0;opacity:0}}.toast.fadeIn{-webkit-animation:farrisMoveUpIn .2s linear;animation:farrisMoveUpIn .2s linear}.toast.fadeOut{-webkit-animation:farrisMoveUpOut .2s linear;animation:farrisMoveUpOut .2s linear}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@farris/ui-vue",
   "private": false,
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "license": "Apache-2.0",
   "description": "Farris Vue, a Farris Design based Vue3 component library.",
   "keywords": [
@@ -16,9 +16,9 @@
     "type": "git",
     "url": "git@gitee.com:ubml/farris-vue.git"
   },
-  "main": "./src/index.umd.js",
-  "module": "./src/index.esm.js",
-  "style": "./src/style.css",
+  "main": "./farris.all.umd.js",
+  "module": "./farris.all.esm.js",
+  "style": "./style.css",
   "dependencies": {
     "@types/lodash-es": "^4.17.4",
     "@vue/shared": "^3.2.0",