y-design-ssr 0.1.2 → 0.2.0

package/libs/tooltip/index.mjs

@@ -0,0 +1,272 @@
+import { ref as N, reactive as P, defineComponent as j, getCurrentInstance as k, watch as W, onMounted as H, onBeforeUnmount as X, createVNode as h, Teleport as Y, withDirectives as G, vShow as R, nextTick as M, onBeforeUpdate as q, Fragment as J, mergeProps as B, isVNode as K, h as Q, render as Z } from "vue";
+const b = (e, t) => t ? typeof t == "string" ? ` ${e}--${t}` : Array.isArray(t) ? t.reduce((o, n) => o + b(e, n), "") : Object.keys(t).reduce(
+  (o, n) => o + (t[n] ? b(e, n) : ""),
+  ""
+) : "", ee = (e) => (t, o) => {
+  let n = t, r = o;
+  return n && typeof n != "string" && (r = n, n = ""), n = n ? `${e}__${n}` : e, `${n}${b(n, r)}`;
+}, te = () => (e, t) => t ? `${b(`y-${e}`, t)}` : `y-${e}`, ne = {
+  "pull-refresh": {
+    pulling: "下拉刷新...",
+    loosing: "释放刷新...",
+    loading: "数据加载中...",
+    success: "数据已更新",
+    failed: "数据跟新失败，请稍后再试"
+  },
+  "form-item": {
+    validateMessage: "请输入正确内容"
+  }
+};
+N("zh-CN");
+P({
+  "zh-CN": ne
+});
+const F = (e) => {
+  const t = `y-${e}`;
+  return [t, ee(t), te()];
+}, _ = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, I = {
+  // 是否显示
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  // 是否只能通过 v-model 控制显隐
+  manual: {
+    type: Boolean,
+    default: !1
+  },
+  text: {
+    type: String,
+    default: ""
+  },
+  color: {
+    type: String,
+    default: ""
+  },
+  bgColor: {
+    type: String,
+    default: ""
+  },
+  // popper挂载的位置
+  teleport: {
+    type: String,
+    default: "body"
+  },
+  width: {
+    type: [Number, String],
+    default: ""
+  },
+  minWidth: {
+    type: [Number, String],
+    default: ""
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  popperStyle: {
+    type: Object,
+    default: {}
+  },
+  // 当tooltip显示超出视窗时会自动在另一侧渲染
+  autoFlipping: {
+    type: Boolean,
+    default: !0
+  },
+  // 展示位置
+  position: {
+    type: String,
+    default: "top"
+    /* Top */
+  }
+}, [oe, S] = F("popper"), U = (e) => e.parentElement ? getComputedStyle(e.parentElement).position !== "static" ? e.parentElement : U(e.parentElement) : e, C = (e, t, o) => {
+  let n = t || e.offsetTop, r = o || e.offsetLeft;
+  return e.parentElement ? (getComputedStyle(e.parentElement).position !== "static" && (n += e.parentElement.offsetTop, r += e.parentElement.offsetLeft), C(e.parentElement, n, r)) : {
+    offsetLeft: r,
+    offsetTop: n
+  };
+}, L = /* @__PURE__ */ j({
+  name: oe,
+  props: {
+    ...I,
+    reference: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(e, {
+    slots: t
+  }) {
+    const o = k(), n = N(e.modelValue), r = P({
+      placement: "",
+      align: ""
+    }), i = P({
+      top: 0,
+      left: 0
+    }), m = () => {
+      var V;
+      const l = e.reference, c = (V = o == null ? void 0 : o.proxy) == null ? void 0 : V.$refs.popper;
+      if (!l || !c)
+        return;
+      const {
+        offsetWidth: f,
+        offsetHeight: p
+      } = l, {
+        offsetTop: s,
+        offsetLeft: u
+      } = C(l), {
+        offsetWidth: d,
+        offsetHeight: g
+      } = c, {
+        placement: y,
+        align: v
+      } = r, {
+        offsetLeft: E,
+        offsetTop: z
+      } = C(U(c)), a = {
+        x: 0,
+        y: 0,
+        newPlacement: y
+      };
+      e.autoFlipping && (y === "left" && u - d < pageXOffset ? a.newPlacement = "right" : y === "right" && u + f + d > pageXOffset + innerWidth ? a.newPlacement = "left" : y === "top" && s - g < pageYOffset ? a.newPlacement = "bottom" : y === "bottom" && s + p + g > pageYOffset + innerHeight && (a.newPlacement = "top"));
+      const A = a.newPlacement === "top" ? -g : p, D = a.newPlacement === "left" ? -d : f;
+      switch (a.newPlacement) {
+        case "top":
+        case "bottom":
+          a.y = s + A, v === "start" ? a.x = u : v === "end" ? a.x = u + f - d : a.x = u + f / 2 - d / 2;
+          break;
+        case "left":
+        case "right":
+          a.x = u + D, v === "start" ? a.y = s : v === "end" ? a.y = s + p - g : a.y = s + p / 2 - g / 2;
+          break;
+      }
+      i.left = a.x - E, i.top = a.y - z, r.placement = a.newPlacement;
+    }, $ = (l) => {
+      var p;
+      const c = (p = o == null ? void 0 : o.proxy) == null ? void 0 : p.$refs.popper, f = e.reference;
+      f && c && !f.contains(l.target) && !c.contains(l.target) && (n.value = !1);
+    }, T = () => {
+      n.value = !n.value;
+    }, O = () => {
+      const [l, c] = e.position.split("-");
+      r.align = c, r.placement = l;
+    }, w = () => {
+      e.manual && (n.value = e.modelValue), e.modelValue || n.value ? M(m).catch((l) => {
+        throw new Error(l);
+      }) : (i.left = 0, i.top = 0);
+    };
+    return W(() => e.position, () => {
+      O(), w();
+    }), W([() => n.value, () => e.modelValue, () => e.reference], w), H(() => {
+      var l;
+      O(), w(), e.manual || ((l = e.reference) == null || l.addEventListener("click", T), document.addEventListener("touchstart", $), document.addEventListener("mousedown", $));
+    }), X(() => {
+      var l;
+      e.manual || ((l = e.reference) == null || l.removeEventListener("click", T), document.removeEventListener("touchstart", $), document.removeEventListener("mousedown", $));
+    }), () => {
+      const {
+        left: l,
+        top: c
+      } = i, {
+        width: f,
+        color: p,
+        bgColor: s,
+        modelValue: u,
+        minWidth: d,
+        popperClass: g,
+        popperStyle: y,
+        text: v
+      } = e;
+      return h(Y, {
+        to: e.teleport
+      }, {
+        default: () => {
+          var E;
+          return [G(h("div", {
+            class: [S({
+              [r.placement]: r.placement
+            }), g],
+            ref: "popper",
+            style: {
+              ...y,
+              left: `${l}px`,
+              top: `${c}px`
+            }
+          }, [h("div", {
+            class: S("content"),
+            style: {
+              color: p,
+              width: _(f),
+              minWidth: _(d),
+              backgroundColor: s
+            }
+          }, [((E = t.default) == null ? void 0 : E.call(t)) || v]), h("div", {
+            class: S("arrow", [`${r.placement}${r.align ? `-${r.align}` : ""}`]),
+            style: {
+              color: s
+            }
+          }, null)]), [[R, u || n.value]])];
+        }
+      });
+    };
+  }
+});
+function re(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !K(e);
+}
+const [le] = F("tooltip"), x = /* @__PURE__ */ j({
+  name: le,
+  props: I,
+  setup(e, {
+    slots: t
+  }) {
+    const o = k(), n = N(), r = () => {
+      var m;
+      const i = (m = o == null ? void 0 : o.proxy) == null ? void 0 : m.$el;
+      return i == null ? void 0 : i.nextElementSibling;
+    };
+    return H(() => {
+      n.value = r();
+    }), q(() => {
+      M(() => {
+        n.value = r();
+      }).catch((i) => {
+        throw Error(i);
+      });
+    }), () => {
+      var m;
+      let i;
+      return h(J, null, [(m = t.default) == null ? void 0 : m.call(t)[0], n.value && (t.popper ? h(L, B(e, {
+        reference: n.value
+      }), re(i = t.popper()) ? i : {
+        default: () => [i]
+      }) : h(L, B(e, {
+        reference: n.value
+      }), null))]);
+    };
+  }
+}), ae = {
+  install: (e) => {
+    e.directive("tooltip", {
+      getSSRProps: (t) => ({ ...t }),
+      // 指令是具有一组生命周期的钩子：
+      // 在绑定元素的 attribute 或事件监听器被应用之前调用
+      // 在绑定元素的父组件挂载之前调用
+      mounted: (t, o) => {
+        const n = Q(L, { ...o.value, reference: t });
+        t.$popper = document.createElement("div"), document.body.appendChild(t.$popper), n.appContext = e._context, Z(n, t.$popper);
+      },
+      unmounted: (t) => {
+        t.$popper && t.$popper.remove();
+      }
+    });
+  }
+};
+x.install = (e) => {
+  const { name: t } = x;
+  e.component(t, x), e.use(ae);
+};
+export {
+  x as default,
+  ae as tooltipDirective
+};

package/libs/tooltip/index.umd.js

@@ -0,0 +1,2 @@
+(function(y,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(y=typeof globalThis<"u"?globalThis:y||self,t(y.tooltip={},y.Vue))})(this,function(y,t){"use strict";var Y=document.createElement("style");Y.textContent=`@charset "UTF-8";body,p,h1,h2,h3,h4,h5,h6,ul,dl,ol,dd,form,figure,blockquote{margin:0}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none;outline:none}em,cite,i{font-style:normal}input,textarea,select{font-family:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}img{display:inline-block}p{word-break:break-all}main{display:block}table{border-spacing:0;border-collapse:collapse}body{color:#191919;fill:currentColor;font-size:14px;line-height:1.5715;line-height:calc(1em + 8px);font-family:PingFang SC,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,.05);-webkit-font-smoothing:antialiased}button{line-height:inherit}button:focus{outline:none}.y-el--clickable{cursor:pointer}.y-el--clickable:active{opacity:.85}.y-el--hairline,.y-el--hairline-top,.y-el--hairline-right,.y-el--hairline-bottom,.y-el--hairline-left{position:relative}.y-el--hairline:after,.y-el--hairline-top:after,.y-el--hairline-right:after,.y-el--hairline-bottom:after,.y-el--hairline-left:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.08);-webkit-transform:scale(.5);transform:scale(.5)}.y-el--hairline-top:after{border-top-width:1px}.y-el--hairline-right:after{border-right-width:1px}.y-el--hairline-bottom:after{border-bottom-width:1px}.y-el--hairline-left:after{border-left-width:1px}.y-el--hairline:after{border-width:1px}.y-el--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.y-el--ellipsis-l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.y-el--ellipsis-l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.y-el--unclickable{overflow:hidden}.y-el--unclickable *{pointer-events:none}@font-face{font-family:Yuewen Font;font-style:normal;font-weight:400;src:url(data:application/octet-stream;base64,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YhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wPSywABawESNCILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA+LCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrLbA/LCMgLkawAiVGsBFDWFIbUFlYIDxZLrEuARQrLbBALCMgLkawAiVGsBFDWFAbUllYIDxZIyAuRrACJUawEUNYUhtQWVggPFkusS4BFCstsEEssDgrIyAuRrACJUawEUNYUBtSWVggPFkusS4BFCstsEIssDkriiAgPLAEI0KKOCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrsARDLrAuKy2wQyywABawBCWwBCYgICBGI0dhsAojQi5HI0cjYbAJQysjIDwgLiM4sS4BFCstsEQssQgEJUKwABawBCWwBCUgLkcjRyNhILAEI0KxCgBCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsS4BFCstsEUssQA4Ky6xLgEUKy2wRiyxADkrISMgIDywBCNCIzixLgEUK7AEQy6wListsEcssAAVIEewACNCsgABARUUEy6wNCotsEgssAAVIEewACNCsgABARUUEy6wNCotsEkssQABFBOwNSotsEossDcqLbBLLLAAFkUjIC4gRoojYTixLgEUKy2wTCywCCNCsEsrLbBNLLIAAEQrLbBOLLIAAUQrLbBPLLIBAEQrLbBQLLIBAUQrLbBRLLIAAEUrLbBSLLIAAUUrLbBTLLIBAEUrLbBULLIBAUUrLbBVLLMAAABBKy2wViyzAAEAQSstsFcsswEAAEErLbBYLLMBAQBBKy2wWSyzAAABQSstsFosswABAUErLbBbLLMBAAFBKy2wXCyzAQEBQSstsF0ssgAAQystsF4ssgABQystsF8ssgEAQystsGAssgEBQystsGEssgAARistsGIssgABRistsGMssgEARistsGQssgEBRistsGUsswAAAEIrLbBmLLMAAQBCKy2wZyyzAQAAQistsGgsswEBAEIr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) format("truetype")}.y-font--number{font-family:Yuewen Font;speak:none;font-style:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@-webkit-keyframes y-keyframes--slide-bottom-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes y-keyframes--slide-bottom-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes y-keyframes--slide-bottom-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes y-keyframes--slide-bottom-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes y-keyframes--slide-top-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes y-keyframes--slide-top-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes y-keyframes--slide-top-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes y-keyframes--slide-top-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes y-keyframes--slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes y-keyframes--slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes y-keyframes--slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes y-keyframes--slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes y-keyframes--slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes y-keyframes--slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes y-keyframes--slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes y-keyframes--slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes y-keyframes--fade-enter{0%{opacity:0}to{opacity:1}}@keyframes y-keyframes--fade-enter{0%{opacity:0}to{opacity:1}}@-webkit-keyframes y-keyframes--fade-leave{0%{opacity:1}to{opacity:0}}@keyframes y-keyframes--fade-leave{0%{opacity:1}to{opacity:0}}@-webkit-keyframes y-keyframes--rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes y-keyframes--rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.y-animation--fade-enter-active{-webkit-animation:.3s y-keyframes--fade-enter both ease-out;animation:.3s y-keyframes--fade-enter both ease-out}.y-animation--fade-leave-active{-webkit-animation:.3s y-keyframes--fade-leave both ease-in;animation:.3s y-keyframes--fade-leave both ease-in}.y-animation--slide-bottom-enter-active{-webkit-animation:.3s y-keyframes--slide-bottom-enter both ease-out;animation:.3s y-keyframes--slide-bottom-enter both ease-out}.y-animation--slide-bottom-leave-active{-webkit-animation:.3s y-keyframes--slide-bottom-leave both ease-in;animation:.3s y-keyframes--slide-bottom-leave both ease-in}.y-animation--slide-top-enter-active{-webkit-animation:.3s y-keyframes--slide-top-enter both ease-out;animation:.3s y-keyframes--slide-top-enter both ease-out}.y-animation--slide-top-leave-active{-webkit-animation:.3s y-keyframes--slide-top-leave both ease-in;animation:.3s y-keyframes--slide-top-leave both ease-in}.y-animation--slide-left-enter-active{-webkit-animation:.3s y-keyframes--slide-left-enter both ease-out;animation:.3s y-keyframes--slide-left-enter both ease-out}.y-animation--slide-left-leave-active{-webkit-animation:.3s y-keyframes--slide-left-leave both ease-in;animation:.3s y-keyframes--slide-left-leave both ease-in}.y-animation--slide-right-enter-active{-webkit-animation:.3s y-keyframes--slide-right-enter both ease-out;animation:.3s y-keyframes--slide-right-enter both ease-out}.y-animation--slide-right-leave-active{-webkit-animation:.3s y-keyframes--slide-right-leave both ease-in;animation:.3s y-keyframes--slide-right-leave both ease-in}:root{--Primary: #68e38b;--Primary_1: #95f0ab;--Primary_2: #f0fff2;--Secondary: #5790df;--Secondary_1: #84b4f5;--Secondary_2: #edf1fc;--Surface: #191919;--Surface_1: #4c4c4c;--Surface_2: #808080;--Surface_3: #adadad;--Surface_4: #ccc;--Surface_5: #e0e0e0;--Surface_6: #ebebeb;--Surface_7: #f5f5f5;--Surface_8: #fff;--Background: #f5f5f5;--Background_1: #fff;--SheetBackground: #f5f5f5;--SheetBackground_1: #fff;--Outline: rgba(0, 0, 0, .08);--Segmentation: rgba(0, 0, 0, .04);--Overlay: rgba(0, 0, 0, .9);--Overlay_1: rgba(0, 0, 0, .6);--Overlay_2: rgba(0, 0, 0, .36);--Success: #40d76f;--Error: #e5353e;--Warn: #ff5e1a;--Warn_1: #ffe1d5;--Click_Active: rgba(0, 0, 0, .05);--Font_Family: PingFang SC, sans-serif;--Font_Family_Number: Yuewen Font}.y-popper{position:absolute;z-index:101}.y-popper__content{padding:8px 12px;color:#fff;background-color:#0009;border-radius:8px}.y-popper--top{padding-bottom:12px}.y-popper--right{padding-left:12px}.y-popper--bottom{padding-top:12px}.y-popper--left{padding-right:12px}.y-popper__arrow{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;border:6px solid transparent;color:#0009}.y-popper__arrow--top{bottom:0;border-top-color:currentColor;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.y-popper__arrow--right{left:0;top:50%;border-right-color:currentColor;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.y-popper__arrow--bottom{top:0;left:50%;border-bottom-color:currentColor;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.y-popper__arrow--left{right:0;top:50%;border-left-color:currentColor;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.y-popper__arrow--top-start{bottom:0;left:16px;border-top-color:currentColor}.y-popper__arrow--top-end{bottom:0;right:16px;border-top-color:currentColor}.y-popper__arrow--bottom-start{top:0;left:16px;border-bottom-color:currentColor}.y-popper__arrow--bottom-end{top:0;right:16px;border-bottom-color:currentColor}.y-popper__arrow--right-start{left:0;top:8px;border-right-color:currentColor}.y-popper__arrow--right-end{left:0;bottom:8px;border-right-color:currentColor}.y-popper__arrow--left-start{right:0;top:8px;border-left-color:#0009}.y-popper__arrow--left-end{right:0;bottom:8px;border-left-color:#0009}
+`,document.head.appendChild(Y);const Q=(A,e)=>e?typeof e=="string"?` ${A}--${e}`:Array.isArray(e)?e.reduce((s,r)=>s+Q(A,r),""):Object.keys(e).reduce((s,r)=>s+(e[r]?Q(A,r):""),""):"",S=A=>(e,s)=>{let r=e,o=s;return r&&typeof r!="string"&&(o=r,r=""),r=r?`${A}__${r}`:A,`${r}${Q(r,o)}`},R=()=>(A,e)=>e?`${Q(`y-${A}`,e)}`:`y-${A}`,j={"pull-refresh":{pulling:"下拉刷新...",loosing:"释放刷新...",loading:"数据加载中...",success:"数据已更新",failed:"数据跟新失败，请稍后再试"},"form-item":{validateMessage:"请输入正确内容"}};t.ref("zh-CN"),t.reactive({"zh-CN":j});const u=A=>{const e=`y-${A}`;return[e,S(e),R()]},D=A=>isNaN(Number(A))&&typeof A=="string"?A:`${A}px`,U={modelValue:{type:Boolean,default:!1},manual:{type:Boolean,default:!1},text:{type:String,default:""},color:{type:String,default:""},bgColor:{type:String,default:""},teleport:{type:String,default:"body"},width:{type:[Number,String],default:""},minWidth:{type:[Number,String],default:""},popperClass:{type:String,default:""},popperStyle:{type:Object,default:{}},autoFlipping:{type:Boolean,default:!0},position:{type:String,default:"top"}},[V,L]=u("popper"),W=A=>A.parentElement?getComputedStyle(A.parentElement).position!=="static"?A.parentElement:W(A.parentElement):A,h=(A,e,s)=>{let r=e||A.offsetTop,o=s||A.offsetLeft;return A.parentElement?(getComputedStyle(A.parentElement).position!=="static"&&(r+=A.parentElement.offsetTop,o+=A.parentElement.offsetLeft),h(A.parentElement,r,o)):{offsetLeft:o,offsetTop:r}},F=t.defineComponent({name:V,props:{...U,reference:{type:Object,default:null}},setup(A,{slots:e}){const s=t.getCurrentInstance(),r=t.ref(A.modelValue),o=t.reactive({placement:"",align:""}),n=t.reactive({top:0,left:0}),E=()=>{var N;const a=A.reference,l=(N=s==null?void 0:s.proxy)==null?void 0:N.$refs.popper;if(!a||!l)return;const{offsetWidth:B,offsetHeight:f}=a,{offsetTop:g,offsetLeft:w}=h(a),{offsetWidth:m,offsetHeight:c}=l,{placement:b,align:d}=o,{offsetLeft:I,offsetTop:J}=h(W(l)),i={x:0,y:0,newPlacement:b};A.autoFlipping&&(b==="left"&&w-m<pageXOffset?i.newPlacement="right":b==="right"&&w+B+m>pageXOffset+innerWidth?i.newPlacement="left":b==="top"&&g-c<pageYOffset?i.newPlacement="bottom":b==="bottom"&&g+f+c>pageYOffset+innerHeight&&(i.newPlacement="top"));const H=i.newPlacement==="top"?-c:f,P=i.newPlacement==="left"?-m:B;switch(i.newPlacement){case"top":case"bottom":i.y=g+H,d==="start"?i.x=w:d==="end"?i.x=w+B-m:i.x=w+B/2-m/2;break;case"left":case"right":i.x=w+P,d==="start"?i.y=g:d==="end"?i.y=g+f-c:i.y=g+f/2-c/2;break}n.left=i.x-I,n.top=i.y-J,o.placement=i.newPlacement},p=a=>{var f;const l=(f=s==null?void 0:s.proxy)==null?void 0:f.$refs.popper,B=A.reference;B&&l&&!B.contains(a.target)&&!l.contains(a.target)&&(r.value=!1)},G=()=>{r.value=!r.value},x=()=>{const[a,l]=A.position.split("-");o.align=l,o.placement=a},k=()=>{A.manual&&(r.value=A.modelValue),A.modelValue||r.value?t.nextTick(E).catch(a=>{throw new Error(a)}):(n.left=0,n.top=0)};return t.watch(()=>A.position,()=>{x(),k()}),t.watch([()=>r.value,()=>A.modelValue,()=>A.reference],k),t.onMounted(()=>{var a;x(),k(),A.manual||((a=A.reference)==null||a.addEventListener("click",G),document.addEventListener("touchstart",p),document.addEventListener("mousedown",p))}),t.onBeforeUnmount(()=>{var a;A.manual||((a=A.reference)==null||a.removeEventListener("click",G),document.removeEventListener("touchstart",p),document.removeEventListener("mousedown",p))}),()=>{const{left:a,top:l}=n,{width:B,color:f,bgColor:g,modelValue:w,minWidth:m,popperClass:c,popperStyle:b,text:d}=A;return t.createVNode(t.Teleport,{to:A.teleport},{default:()=>{var I;return[t.withDirectives(t.createVNode("div",{class:[L({[o.placement]:o.placement}),c],ref:"popper",style:{...b,left:`${a}px`,top:`${l}px`}},[t.createVNode("div",{class:L("content"),style:{color:f,width:D(B),minWidth:D(m),backgroundColor:g}},[((I=e.default)==null?void 0:I.call(e))||d]),t.createVNode("div",{class:L("arrow",[`${o.placement}${o.align?`-${o.align}`:""}`]),style:{color:g}},null)]),[[t.vShow,w||r.value]])]}})}}});function K(A){return typeof A=="function"||Object.prototype.toString.call(A)==="[object Object]"&&!t.isVNode(A)}const[Z]=u("tooltip"),C=t.defineComponent({name:Z,props:U,setup(A,{slots:e}){const s=t.getCurrentInstance(),r=t.ref(),o=()=>{var E;const n=(E=s==null?void 0:s.proxy)==null?void 0:E.$el;return n==null?void 0:n.nextElementSibling};return t.onMounted(()=>{r.value=o()}),t.onBeforeUpdate(()=>{t.nextTick(()=>{r.value=o()}).catch(n=>{throw Error(n)})}),()=>{var E;let n;return t.createVNode(t.Fragment,null,[(E=e.default)==null?void 0:E.call(e)[0],r.value&&(e.popper?t.createVNode(F,t.mergeProps(A,{reference:r.value}),K(n=e.popper())?n:{default:()=>[n]}):t.createVNode(F,t.mergeProps(A,{reference:r.value}),null))])}}}),M={install:A=>{A.directive("tooltip",{getSSRProps:e=>({...e}),mounted:(e,s)=>{const r=t.h(F,{...s.value,reference:e});e.$popper=document.createElement("div"),document.body.appendChild(e.$popper),r.appContext=A._context,t.render(r,e.$popper)},unmounted:e=>{e.$popper&&e.$popper.remove()}})}},v="",T="",O="",z="",_="",X="";C.install=A=>{const{name:e}=C;A.component(e,C),A.use(M)},y.default=C,y.tooltipDirective=M,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/libs/tooltip/package.json

@@ -0,0 +1,5 @@
+{
+    "name": "y-design-ssr/tooltip",
+    "main": "index.umd.js",
+    "module": "index.mjs"
+  }

package/libs/types/{button → components/button}/index.d.ts

@@ -1,2 +1,3 @@
 import Button from './src/button';
+export { Button };
 export default Button;

package/libs/types/{button → components/button}/src/button.d.ts

@@ -1,5 +1,5 @@
 import { PropType, VNodeChild } from 'vue';
-import { Size } from '../../utils';
+import { Size } from '../../../utils';
 export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'text' | 'link';
 export type ButtonShadow = 'low' | 'middle' | 'high';
 declare const _default: import("vue").DefineComponent<{

package/libs/types/{cell → components/cell}/src/cell.d.ts

@@ -1,5 +1,5 @@
 import { VNode, PropType } from 'vue';
-import { Size, Vertical } from '../../utils';
+import { Size, Vertical } from '../../../utils';
 declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;

package/libs/types/{dialog → components/dialog}/src/dialog.d.ts

@@ -1,5 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { Horizontal } from '../../utils';
+import { Horizontal } from '../../../utils';
 declare const _props: {
     modelValue: {
         type: BooleanConstructor;

package/libs/types/{loading → components/loading}/src/loading.d.ts

@@ -1,5 +1,5 @@
 import { PropType, VNodeChild, ExtractPropTypes } from 'vue';
-import { Position, Location } from '../../utils/types';
+import { Position, Location } from '../../../utils/types';
 declare const _props: {
     color: {
         type: StringConstructor;

package/libs/types/{popup → components/popup}/src/popup.d.ts

@@ -1,5 +1,5 @@
 import { VNodeChild, PropType, CSSProperties } from 'vue';
-import { Location } from '../../utils';
+import { Location } from '../../../utils';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;

package/libs/types/{row → components/row}/src/row.d.ts

@@ -1,5 +1,5 @@
 import { PropType, VNode } from 'vue';
-import { Vertical } from '../../utils';
+import { Vertical } from '../../../utils';
 import { RowType, RowJustify } from './constants';
 export declare const ROW_PROVIDE: string;
 declare const _default: import("vue").DefineComponent<{

package/libs/types/{switch → components/switch}/src/switch.d.ts

@@ -1,5 +1,5 @@
 import { PropType, VNodeChild } from 'vue';
-import { Size } from '../../utils';
+import { Size } from '../../../utils';
 declare const _default: import("vue").DefineComponent<{
     size: {
         type: PropType<Size>;

package/libs/types/{toast → components/toast}/src/toast.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes, PropType } from 'vue';
-import { Vertical } from '../../utils';
+import { Vertical } from '../../../utils';
 declare const _props: {
     title: {
         type: StringConstructor;

package/libs/types/index.d.ts

@@ -1,32 +1,32 @@
 import { App, Component } from 'vue';
 import locale from './locale';
-import Tabs from './tabs';
-import Tab from './tab';
-import Slider from './slider';
-import List from './list';
-import Swipe from './swipe';
-import SwipeItem from './swipeItem';
-import Checkbox from './checkbox';
-import CheckboxGroup from './checkboxGroup';
-import Switch from './switch';
-import Pullrefresh from './pullrefresh';
-import Cell from './cell';
-import Button from './button';
-import Loading, { createLoading, loadingDirective } from './loading';
-import Row from './row';
-import Col from './col';
-import Icon from './icon';
-import Empty, { empty } from './empty';
-import Progress from './progress';
-import Popup from './popup';
-import Mask from './mask';
-import Stepper from './stepper';
-import Form from './form';
-import FormItem from './formItem';
-import Input from './input';
-import CountDown from './countdown';
-import Dialog from './dialog';
-import Tooltip, { tooltipDirective } from './tooltip';
+import Tabs from './components/tabs';
+import Tab from './components/tab';
+import Slider from './components/slider';
+import List from './components/list';
+import Swipe from './components/swipe';
+import SwipeItem from './components/swipeItem';
+import Checkbox from './components/checkbox';
+import CheckboxGroup from './components/checkboxGroup';
+import Switch from './components/switch';
+import Pullrefresh from './components/pullrefresh';
+import Cell from './components/cell';
+import Button from './components/button';
+import Loading, { createLoading, loadingDirective } from './components/loading';
+import Row from './components/row';
+import Col from './components/col';
+import Icon from './components/icon';
+import Empty, { empty } from './components/empty';
+import Progress from './components/progress';
+import Popup from './components/popup';
+import Mask from './components/mask';
+import Stepper from './components/stepper';
+import Form from './components/form';
+import FormItem from './components/formItem';
+import Input from './components/input';
+import CountDown from './components/countdown';
+import Dialog from './components/dialog';
+import Tooltip, { tooltipDirective } from './components/tooltip';
 declare const _default: {
     length: number;
     toString(): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "y-design-ssr",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "SSR component library of YUI with Vue3",
   "author": "yux-fe",
   "license": "MIT",
@@ -15,22 +15,22 @@
     "libs/*",
     "package.json"
   ],
-  "main": "libs/index",
+  "main": "./libs/index.js",
   "module": "./libs/index.mjs",
   "exports": {
     ".": {
       "import": "./libs/index.mjs",
-      "require": "./libs/index.umd.js"
+      "require": "./libs/index.js"
     },
-    "./yui.css": "./libs/style.css"
+    "./yui.css": "./libs/index.css"
   },
   "types": "./libs/index.d.ts",
   "scripts": {
     "dev": "webpack serve --open --config config/webpack.dev.js",
     "vite-dev": "vite --config vite.dev.config.js",
-    "build:docs": "node -v && webpack --config config/webpack.docs.js",
+    "build:docs": "webpack --config config/webpack.docs.js",
     "build:packages": "rm -rf libs && webpack --config config/webpack.libs.js",
-    "vite-build:packages": "rm -rf vite-libs && vite build",
+    "vite-build:libs": "rm -rf libs && esno buildAll.js",
     "component:init": "node ./config/create/index.js",
     "lint:js": "eslint --ext .vue,.ts,.tsx,.spec.js packages docs",
     "lint:css": "stylelint 'packages/**/*.scss' 'docs/**/*.scss'",

package/libs/component-props.json

@@ -1 +0,0 @@
-{"button":[{"name":"tag","type":{"name":"keyof HTMLElementTagNameMap"},"defaultValue":{"func":false,"value":"'button'"}},{"name":"text","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"type","type":{"name":"ButtonType"},"defaultValue":{"func":false,"value":"'primary'"}},{"name":"size","type":{"name":"Size"},"defaultValue":{"func":false,"value":"'middle'"}},{"name":"disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"shadow","type":{"name":"ButtonShadow"},"defaultValue":{"func":false,"value":"''"}},{"name":"square","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"semicircle","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"radius","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"supplementText","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"block","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"danger","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"checkbox":[{"name":"modelValue","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"name","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"size","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"'middle'"}},{"name":"square","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"checkedColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"form":[{"name":"validateFirst","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"scrollToError","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"validateTrigger","type":{"name":"keyof TriggerTypes"},"defaultValue":{"func":false,"value":"'onBlur'"}},{"name":"enterable","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}}],"cell":[{"name":"tag","type":{"name":"keyof HTMLElementTagNameMap"},"defaultValue":{"func":false,"value":"'div'"}},{"name":"title","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"label","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"value","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"size","type":{"name":"Size"},"defaultValue":{"func":false,"value":"Size.Middle"}},{"name":"vertical","type":{"name":"Vertical"},"defaultValue":{"func":false,"value":"Vertical.Middle"}},{"name":"border","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"icon","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"clickable","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"icon":[{"name":"dot","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"name","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"size","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"info","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"badge","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"color","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"subColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"subBg","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"classPrefix","type":{"name":"string"},"defaultValue":{"func":false,"value":"'y-icon'"}},{"name":"tag","tags":{"ignore":[{"description":true,"title":"ignore"}]},"type":{"name":"keyof HTMLElementTagNameMap"},"defaultValue":{"func":false,"value":"'i'"}}],"empty":[{"name":"type","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"imgUrl","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"title","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"subTitle","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"slider":[{"name":"modelValue","type":{"name":"SliderValue"},"defaultValue":{"func":false,"value":"0"}},{"name":"activeColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inactiveColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"max","type":{"name":"number"},"defaultValue":{"func":false,"value":"100"}},{"name":"min","type":{"name":"number"},"defaultValue":{"func":false,"value":"0"}},{"name":"buttonBgColor","type":{"name":"string|array"},"defaultValue":{"func":false,"value":"''"}},{"name":"barHeight","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"'2px'"}},{"name":"disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"showTooltip","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"step","type":{"name":"number"},"defaultValue":{"func":false,"value":"1"}},{"name":"gapColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"gapWidth","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"'2px'"}},{"name":"transitionTime","type":{"name":"number"},"defaultValue":{"func":false,"value":"200"}}],"swipeItem":[{"name":"clonenNode","type":{"name":"object"},"defaultValue":{"func":false,"value":"null"}},{"name":"index","type":{"name":"number"},"defaultValue":{"func":false,"value":"-1"}}],"tab":[{"name":"title","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"name","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"''"}},{"name":"disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"list":[{"name":"loadingText","type":{"name":"string"},"defaultValue":{"func":false,"value":"'加载中...'"}},{"name":"finishedText","type":{"name":"string"},"defaultValue":{"func":false,"value":"'没有更多了~'"}},{"name":"errorText","type":{"name":"string"},"defaultValue":{"func":false,"value":"'请求失败，点击重新加载'"}},{"name":"height","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"'auto'"}},{"name":"keyName","type":{"name":"string"},"defaultValue":{"func":false,"value":"'_index'"}},{"name":"dataSource","type":{"name":"array"},"defaultValue":{"func":false,"value":"[]"}},{"name":"immediateCheck","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"loadOffset","type":{"name":"number"},"defaultValue":{"func":false,"value":"300"}},{"name":"virtual","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"bufferScale","type":{"name":"number"},"defaultValue":{"func":false,"value":"1"}},{"name":"itemHeight","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"'80'"}},{"name":"dynamicItemHeight","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"switch":[{"name":"size","type":{"name":"Size"},"defaultValue":{"func":false,"value":"null"}},{"name":"disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"readonly","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"modelValue","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"activeValue","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"inactiveValue","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"activeColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"inactiveColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"pullrefresh":[{"name":"pullingText","type":{"name":"string"},"defaultValue":{"func":false,"value":"locale.pulling"}},{"name":"loosingText","type":{"name":"string"},"defaultValue":{"func":false,"value":"locale.loosing"}},{"name":"loadingText","type":{"name":"string"},"defaultValue":{"func":false,"value":"locale.loading"}},{"name":"successText","type":{"name":"string"},"defaultValue":{"func":false,"value":"locale.success"}},{"name":"failedText","type":{"name":"string"},"defaultValue":{"func":false,"value":"locale.failed"}},{"name":"statusHeight","type":{"name":"number"},"defaultValue":{"func":false,"value":"60"}},{"name":"disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"col":[{"name":"span","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"0"}},{"name":"offset","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"0"}}],"formItem":[{"name":"label","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"icon","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"prop","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}}],"row":[{"name":"type","type":{"name":"RowType"},"defaultValue":{"func":false,"value":"''"}},{"name":"gutter","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"0"}},{"name":"align","type":{"name":"Vertical"},"defaultValue":{"func":false,"value":"Vertical.Top"}},{"name":"justify","type":{"name":"RowJustify"},"defaultValue":{"func":false,"value":"RowJustify.Start"}}],"count-down":[{"name":"time","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"0"}},{"name":"format","type":{"name":"string"},"defaultValue":{"func":false,"value":"'HH:mm:ss'"}},{"name":"autoStart","tags":{"ignore":[{"description":true,"title":"ignore"}]},"type":{"name":"boolean"},"defaultValue":{"func":false,"value":"true"}},{"name":"millisecond","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"progress":[{"name":"percent","type":{"name":"number"},"defaultValue":{"func":false,"value":"0"}},{"name":"strokeWidth","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"radius","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"textColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"color","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"trackColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"pivotColor","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"defaultPivot","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"modeMilestone","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"mileages","type":{"name":"Array<number>"},"defaultValue":{"func":true,"value":"() => [50, 100]"}},{"name":"animation","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"duration","type":{"name":"number"},"defaultValue":{"func":false,"value":"1500"}},{"name":"timing","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"unit","type":{"name":"string"},"defaultValue":{"func":false,"value":"'%'"}}],"stepper":[{"name":"modelValue","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"null"}},{"name":"placeholder","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"min","type":{"name":"number"},"defaultValue":{"func":false,"value":"1"}},{"name":"step","type":{"name":"number"},"defaultValue":{"func":false,"value":"1"}},{"name":"integer","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"max","type":{"name":"number"},"defaultValue":{"func":false,"value":"Number.MAX_SAFE_INTEGER"}},{"name":"disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disableInput","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"inputWidth","type":{"name":"number|string"},"defaultValue":{"func":false,"value":"''"}},{"name":"size","type":{"name":"keyof Size"},"defaultValue":{"func":false,"value":"null"}}],"input":[{"name":"modelValue","type":{"name":"string|number"},"defaultValue":{"func":false,"value":"''"}},{"name":"type","type":{"name":"string"},"defaultValue":{"func":false,"value":"'text'"}},{"name":"border","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"placeholder","type":{"name":"string"},"defaultValue":{"func":false,"value":"''"}},{"name":"size","type":{"name":"keyof Size"},"defaultValue":{"func":false,"value":"null"}},{"name":"align","type":{"name":"keyof Horizontal"},"defaultValue":{"func":false,"value":"null"}},{"name":"autocomplete","type":{"name":"string"},"defaultValue":{"func":false,"value":"'on'"}},{"name":"rows","type":{"name":"number"},"defaultValue":{"func":false,"value":"2"}},{"name":"maxLength","type":{"name":"number"},"defaultValue":{"func":false,"value":"null"}},{"name":"showWordLimit","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"readonly","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"title":[{"name":"active","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"scrollable","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}},{"name":"title","type":{"name":"string"},"defaultValue":{"func":false,"value":"null"}},{"name":"titleSlot","type":{"name":"func"},"defaultValue":{"func":false,"value":"null"}},{"name":"disabled","type":{"name":"boolean"},"defaultValue":{"func":false,"value":"false"}}],"popper":[{"name":"reference","type":{"name":"HTMLElement"},"defaultValue":{"func":false,"value":"null"}}]}

package/libs/demo/button.json

@@ -1 +0,0 @@
-[{"name":"按钮类型","nameEn":"Button type","desc":"提供五个基本类型，默认为primary。","descEn":"There are five basic types, the default being primary.","hideInDoc":false,"index":0,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button type=\"primary\">primary</y-button>\n  </li>\n  <li>\n    <y-button type=\"secondary\">secondary</y-button>\n  </li>\n  <li>\n    <y-button type=\"tertiary\">tertiary</y-button>\n  </li>\n  <li>\n    <y-button type=\"text\">text</y-button>\n  </li>\n  <li>\n    <y-button type=\"link\">link</y-button>\n  </li>\n</ul>\n"},{"name":"按钮尺寸","nameEn":"Button size","desc":"提供四种尺寸，默认为middle。","descEn":"Available in four sizes, the default is middle.","hideInDoc":false,"index":1,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button size=\"large\">large button</y-button>\n    <y-button size=\"middle\">middle button</y-button>\n    <y-button size=\"small\">small button</y-button>\n    <y-button size=\"mini\">mini button</y-button>\n  </li>\n</ul>\n"},{"name":"图标按钮","nameEn":"Icon button","desc":"通过slot插入Icon，即可在button中显示Icon。","descEn":"The Icon can be displayed in a button by inserting it through slot.","hideInDoc":false,"index":2,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button type=\"primary\">\n      primary\n      <template #leftIcon>\n        <y-icon name=\"chat-o\" class=\"slot\" />\n      </template>\n    </y-button>\n  </li>\n  <li>\n    <y-button type=\"secondary\">\n      secondary\n      <template #rightIcon>\n        <y-icon name=\"chat-o\" class=\"slot\" />\n      </template>\n    </y-button>\n  </li>\n  <li>\n    <y-button type=\"tertiary\">\n      tertiary\n      <template #leftIcon>\n        <y-icon name=\"chat-o\" class=\"slot\" />\n      </template>\n    </y-button>\n  </li>\n  <li>\n    <y-button type=\"text\">\n      text\n      <template #rightIcon>\n        <y-icon name=\"chat-o\" class=\"slot\" />\n      </template>\n    </y-button>\n  </li>\n  <li>\n    <y-button type=\"link\">\n      link\n      <template #rightIcon>\n        <y-icon name=\"chat-o\" class=\"slot\" />\n      </template>\n    </y-button>\n  </li>\n</ul>\n"},{"name":"不可用状态","nameEn":"Unavailable state","desc":"按钮的不可用状态。","descEn":"The unavailable state of the button.","hideInDoc":false,"index":3,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button type=\"primary\" disabled>primary</y-button>\n  </li>\n  <li>\n    <y-button type=\"secondary\" disabled>secondary</y-button>\n  </li>\n  <li>\n    <y-button type=\"tertiary\" disabled>tertiary</y-button>\n  </li>\n  <li>\n    <y-button type=\"text\" disabled>text</y-button>\n  </li>\n  <li>\n    <y-button type=\"link\" disabled>link</y-button>\n  </li>\n</ul>\n"},{"name":"加载状态","nameEn":"Loading state","desc":"按钮的加载状态。","descEn":"The loading state of the button.","hideInDoc":false,"index":4,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button v-loading=\"true\" type=\"primary\" />\n    <y-button\n      v-loading=\"true\"\n      v-loading-props=\"{\n        text: '加载中',\n        textLocation: 'right',\n      }\"\n      type=\"primary\"\n    />\n  </li>\n  <li>\n    <y-button v-loading=\"true\" type=\"secondary\" />\n    <y-button\n      v-loading=\"true\"\n      v-loading-props=\"{\n        text: '加载中',\n        textLocation: 'right',\n      }\"\n      type=\"secondary\"\n    />\n  </li>\n  <li>\n    <y-button v-loading=\"true\" type=\"tertiary\" />\n    <y-button\n      v-loading=\"true\"\n      v-loading-props=\"{ text: '加载中', textLocation: 'right' }\"\n      type=\"tertiary\"\n    />\n  </li>\n</ul>\n"},{"name":"按钮阴影","nameEn":"Button shadow","desc":"提供三种按钮阴影效果，默认无阴影。","descEn":"Provides three button shadow effects, default without shadow.","hideInDoc":false,"index":5,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button type=\"primary\" shadow=\"low\">primary</y-button>\n    <y-button type=\"secondary\" shadow=\"low\">secondary</y-button>\n  </li>\n  <li>\n    <y-button type=\"primary\" shadow=\"middle\">primary</y-button>\n    <y-button type=\"secondary\" shadow=\"middle\">secondary</y-button>\n  </li>\n  <li>\n    <y-button type=\"primary\" shadow=\"high\">primary</y-button>\n    <y-button type=\"secondary\" shadow=\"high\">secondary</y-button>\n  </li>\n</ul>\n"},{"name":"按钮形状","nameEn":"Basic shape","desc":"按钮默认为圆角，额外提供方形和半圆形圆角两种选中。","descEn":"The button defaults to the rounded corner, plus two options of square and semicircular rounded corners are available.","hideInDoc":false,"index":6,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button type=\"primary\" square>primary</y-button>\n    <y-button type=\"primary\" semicircle>primary</y-button>\n    <y-button type=\"primary\">primary</y-button>\n  </li>\n  <li>\n    <y-button type=\"secondary\" square>secondary</y-button>\n    <y-button type=\"secondary\" semicircle>secondary</y-button>\n    <y-button type=\"secondary\">secondary</y-button>\n  </li>\n  <li>\n    <y-button type=\"tertiary\" square>tertiary</y-button>\n    <y-button type=\"tertiary\" semicircle>tertiary</y-button>\n    <y-button type=\"tertiary\">tertiary</y-button>\n  </li>\n</ul>\n"},{"name":"自定义圆角","nameEn":"Custom radius","desc":"支持自定义圆角。","descEn":"Support custom rounded corners.","hideInDoc":false,"index":7,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button type=\"primary\" radius=\"20px 0px 0px 20px\">primary</y-button>\n    <y-button type=\"secondary\" radius=\"20px 20px 0px 0px\">primary</y-button>\n    <y-button type=\"tertiary\" radius=\"0px 0px 20px 20px\">primary</y-button>\n  </li>\n</ul>\n"},{"name":"组合按钮","nameEn":"Combination of buttons","desc":"通过自定义圆角，可以任意搭配组合。","descEn":"Through the custom rounded corners, you can match any combination.","hideInDoc":false,"index":8,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button type=\"primary\" radius=\"20px 0px 0px 20px\">\n      primary button\n    </y-button>\n    <y-button type=\"secondary\" radius=\"0px 20px 20px 0px\">\n      secondary button\n    </y-button>\n  </li>\n  <li class=\"vertical\">\n    <y-button type=\"primary\" radius=\"20px 20px 0px 0px\">\n      primary button\n    </y-button>\n    <y-button type=\"secondary\" radius=\"0px 0px 20px 20px\">\n      secondary button\n    </y-button>\n  </li>\n</ul>\n"},{"name":"block按钮","nameEn":"Block button","desc":"block 属性将使按钮适合其父宽度。","descEn":"The block property will make the button fit its parent width.","hideInDoc":false,"index":9,"code":"\n<y-button type=\"primary\" block>block按钮</y-button>\n"},{"name":"双排文本","nameEn":"Double line text","desc":"传递supplementText可展示双行文本。","descEn":"Passing supplementText shows two - line text cases.","hideInDoc":false,"index":10,"code":"\n<y-button type=\"primary\" block supplement-text=\"副标题\">主标题</y-button>\n"},{"name":"危险状态","nameEn":"Danger state","desc":"按钮的危险状态。","descEn":"The dangerous state of the button.","hideInDoc":false,"index":11,"code":"\n<ul class=\"btn-list\">\n  <li>\n    <y-button type=\"primary\" danger>primary</y-button>\n  </li>\n  <li>\n    <y-button type=\"secondary\" danger>secondary</y-button>\n  </li>\n  <li>\n    <y-button type=\"tertiary\" danger>tertiary</y-button>\n  </li>\n  <li>\n    <y-button type=\"text\" danger>text</y-button>\n  </li>\n  <li>\n    <y-button type=\"link\" danger>link</y-button>\n  </li>\n</ul>\n"}]

package/libs/demo/cell.json

@@ -1 +0,0 @@
-[{"name":"基础用法","nameEn":"Basic Usage","desc":"通过设置 name、label、value ，实现简单的单元格","descEn":"通过设置 name、label、value ，实现简单的单元格","hideInDoc":false,"index":0,"code":"\n<y-cell title=\"标题\" value=\"我是内容文案\" />\n<y-cell title=\"标题\" label=\"label\" value=\"我是内容文案\" />\n"},{"name":"大小设置","nameEn":"Icons","desc":"通过使用 size 属性实现 cell 大小限制","descEn":"通过使用 size 属性实现 cell 大小限制","hideInDoc":false,"index":1,"code":"\n<y-cell title=\"标题\" value=\"我是内容文案\" size=\"large\" />\n<y-cell title=\"标题\" value=\"我是内容文案\" size=\"middle\" />\n<y-cell title=\"标题\" value=\"我是内容文案\" size=\"small\" />\n<y-cell title=\"标题\" value=\"我是内容文案\" size=\"mini\" />\n"},{"name":"展示图标","nameEn":"Icons","desc":"通过使用 <em>icon</em> 属性改变右侧icon","descEn":"通过使用 <em>icon</em> 属性改变右侧icon","hideInDoc":false,"index":2,"code":"\n<y-cell title=\"标题\" value=\"我是内容文案\" clickable icon=\"circle-arrow\" />\n<y-cell tag=\"a\" title=\"标题\" value=\"我是内容文案\" clickable />\n"},{"name":"页面导航","nameEn":"Link","desc":"可以通过 href 属性进行 URL 跳转，或通过 to 属性进行路由跳转。","descEn":"可以通过 href 属性进行 URL 跳转，或通过 to 属性进行路由跳转。","hideInDoc":false,"index":3,"code":"\n<y-cell\n  title=\"标题\"\n  label=\"label\"\n  value=\"页面跳转\"\n  href=\"https://m.baidu.com\"\n/>\n<y-cell title=\"标题\" label=\"label\" value=\"路由跳转\" to=\"/mobile/zh-cn/\" />\n"},{"name":"使用插槽","nameEn":"Slots","desc":"如以上用法不能满足你的需求，可以使用插槽来自定义内容。","descEn":"如以上用法不能满足你的需求，可以使用插槽来自定义内容。","hideInDoc":false,"index":4,"code":"\n<y-cell title=\"标题\" label=\"label\">\n  <template #left>\n    <y-icon name=\"gift\" />\n  </template>\n  前往\n  <template #right>\n    <y-icon name=\"circle-arrow\" />\n  </template>\n</y-cell>\n"}]

package/libs/demo/checkbox.json

@@ -1 +0,0 @@
-[{"name":"基础用法","nameEn":"Basic Usage","desc":"单个Checkbox用法","descEn":"Single checkbox usage","hideInDoc":false,"index":0,"code":"\n<y-checkbox :model-value=\"checked\" @update:modelValue=\"udpateValue\">\n  Basic Usage\n</y-checkbox>\n\n<script>\nimport { ref } from 'vue'\n\nexport default {\n  setup() {\n    const checked = ref(false)\n    const udpateValue = () => {\n      checked.value = !checked.value\n    }\n    return {\n      checked,\n      udpateValue,\n    }\n  },\n}\n</script>"},{"name":"复选框组","nameEn":"Checkbox Group","desc":"多个复选框组合控制","descEn":"Checkbox group","hideInDoc":false,"index":1,"code":"\n<y-checkbox-group v-model=\"checked\">\n  <y-checkbox name=\"1\">苹果</y-checkbox>\n  <y-checkbox name=\"2\">橘子</y-checkbox>\n  <y-checkbox name=\"3\">猕猴桃</y-checkbox>\n</y-checkbox-group>\n\n<script>\nimport { ref } from 'vue'\n\nexport default {\n  setup() {\n    const checked = ref(['1', '2'])\n    return {\n      checked,\n    }\n  },\n}\n</script>"},{"name":"图标大小","nameEn":"Box Size","desc":"图标大小可以传入<em>large</em><em>middle</em><em>small</em>三种类型之一或者传入具体的数值来设置","descEn":"Icon Box size can be set by type<em>large</em><em>middle</em><em>small</em> or specific number","hideInDoc":false,"index":2,"code":"\n<y-checkbox v-model=\"checked\" size=\"large\">Large</y-checkbox>\n<y-checkbox v-model=\"checked\" size=\"middle\">Middle</y-checkbox>\n<y-checkbox v-model=\"checked\" size=\"small\">Small</y-checkbox>\n<y-checkbox v-model=\"checked\" size=\"20px\">20px</y-checkbox>\n\n<script>\nimport { ref } from 'vue'\n\nexport default {\n  setup() {\n    const checked = ref(false)\n    return {\n      checked,\n    }\n  },\n}\n</script>"},{"name":"图标形状","nameEn":"Box Shape","desc":"设置<em>square</em>为false即可使用圆形复选框","descEn":"Checkbox is round when set <em>square</em> to false","hideInDoc":false,"index":3,"code":"\n<y-checkbox v-model=\"checked\" :square=\"false\">Large</y-checkbox>\n\n<script>\nimport { ref } from 'vue'\n\nexport default {\n  setup() {\n    const checked = ref(false)\n    return {\n      checked,\n    }\n  },\n}\n</script>"},{"name":"禁用","nameEn":"Disabled","desc":"设置checkboxGroup上的<em>disabled</em>为true, 所有checkbox都会为禁用状态<br/>当然你也可以单独设置某个checkbox的<em>disabled</em>","descEn":"When set  <em>disabled</em> prop of checkboxGroup to true, all checkbox will be disabled.<br/>Of course you can set <em>disabled</em> in single checkbox","hideInDoc":false,"index":4,"code":"\n<y-checkbox-group v-model=\"checked\" disabled>\n  <y-checkbox name=\"1\">苹果</y-checkbox>\n  <y-checkbox name=\"2\">橘子</y-checkbox>\n  <y-checkbox name=\"3\">猕猴桃</y-checkbox>\n</y-checkbox-group>\n\n<script>\nimport { ref } from 'vue'\n\nexport default {\n  setup() {\n    const checked = ref(['1', '2'])\n    return {\n      checked,\n    }\n  },\n}\n</script>"},{"name":"水平排列","nameEn":"Horizontal","desc":"设置<em>horizontal</em>为true即可","descEn":"Set <em>horizontal</em> to true","hideInDoc":false,"index":5,"code":"\n<y-checkbox-group v-model=\"checked\" horizontal>\n  <y-checkbox name=\"1\">苹果</y-checkbox>\n  <y-checkbox name=\"2\">橘子</y-checkbox>\n  <y-checkbox name=\"3\">猕猴桃</y-checkbox>\n</y-checkbox-group>\n\n<script>\nimport { ref } from 'vue'\n\nexport default {\n  setup() {\n    const checked = ref(['1', '2'])\n    return {\n      checked,\n    }\n  },\n}\n</script>"},{"name":"全选/反选","nameEn":"Toggle All","desc":"调用<em>toggleAll</em>方法来全选/反选，支持传入boolean参数来决定是全选还是反选","descEn":"Call toggleAll method to toggle all","hideInDoc":false,"index":7,"code":"\n<y-checkbox-group ref=\"checkboxGroup\" v-model=\"checked\">\n  <y-checkbox name=\"1\">苹果</y-checkbox>\n  <y-checkbox name=\"2\">橘子</y-checkbox>\n  <y-checkbox name=\"3\">猕猴桃</y-checkbox>\n</y-checkbox-group>\n<button @click=\"toggleAll\">Toggle All</button>\n\n<script>\nimport { ref } from 'vue'\n\nexport default {\n  setup() {\n    const checked = ref(['1', '2'])\n    const checkboxGroup = ref()\n\n    const toggleAll = () => {\n      checkboxGroup.value.toggleAll()\n    }\n    return {\n      checked,\n      checkboxGroup,\n      toggleAll,\n    }\n  },\n}\n</script>"},{"name":"自定义图标","nameEn":"Custom icon","desc":"传入<em>icon</em>slot, 即可自定义图标，通过<em>slotProps</em>可以判断是否为选中","descEn":"You can custom icon by passing <em>icon</em>slot, and judge checked status by <em>slotProps</em>","hideInDoc":false,"index":8,"code":"\n<y-checkbox v-model=\"checked\">\n  Custom Icon\n\n  <template #icon=\"props\">\n    <y-icon\n      :name=\"props.checked ? 'sound' : 'mute'\"\n      :color=\"props.checked ? 'green' : 'red'\"\n    />\n  </template>\n</y-checkbox>\n\n<script>\nimport { ref } from 'vue'\n\nexport default {\n  setup() {\n    const checked = ref(false)\n    return {\n      checked,\n    }\n  },\n}\n</script>"}]

package/libs/demo/countdown.json

@@ -1 +0,0 @@
-[{"name":"基础用法","nameEn":"Basic Usage","desc":"time 属性表示倒计时总时长，单位为毫秒","descEn":"time 属性表示倒计时总时长，单位为毫秒","hideInDoc":false,"index":0,"code":"\n<y-count-down :time=\"30 * 60 * 60 * 100\" format=\"HH:mm:ss\" />\n"},{"name":"毫秒级渲染","nameEn":"","desc":"倒计时默认每秒渲染一次，设置 millisecond 属性可以开启毫秒级渲染","descEn":"","hideInDoc":false,"index":1,"code":"\n<y-count-down millisecond :time=\"30 * 60 * 60 * 100\" format=\"HH:mm:ss:SS\" />\n"},{"name":"自定义样式","nameEn":"Basic Usage","desc":"通过插槽自定义倒计时的样式，timeData 对象格式见右侧文档","descEn":"","hideInDoc":false,"index":2,"code":"\n<y-count-down :time=\"30 * 30 * 60 * 60 * 100\" format=\"HH:mm:ss\">\n  <template #default=\"timeData\">\n    <span class=\"block\">{{ timeData.hours }}</span>\n    <span class=\"colon\">:</span>\n    <span class=\"block\">{{ timeData.minutes }}</span>\n    <span class=\"colon\">:</span>\n    <span class=\"block\">{{ timeData.seconds }}</span>\n  </template>\n</y-count-down>\n"},{"name":"自定义格式","nameEn":"","desc":"通过 format 属性设置倒计时文本的内容","descEn":"","hideInDoc":false,"index":3,"code":"\n<y-count-down :time=\"30 * 60 * 60 * 100\" format=\"DD 天 HH 时 mm 分 ss 秒\" />\n"},{"name":"手动控制","nameEn":"","desc":"通过调用暴露的方法 start、suspend 和 reset 手动控制倒计时","descEn":"","hideInDoc":false,"index":4,"code":"\n<y-count-down\n  ref=\"countDownRef\"\n  millisecond\n  :time=\"30 * 60 * 60 * 100\"\n  :auto-start=\"false\"\n  format=\"DD 天 HH 时 mm 分 ss 秒 SS 毫秒\"\n/>\n<button @click=\"start\">开始</button>\n<button @click=\"suspend\">暂停</button>\n<button @click=\"reset\">重置</button>\n\n<script>\nimport { ref } from 'vue'\n\nexport default {\n  name: 'DemoCountDown',\n  setup() {\n    const countDownRef = ref(null)\n\n    const suspend = () => {\n      countDownRef.value.suspend()\n    }\n    const start = () => {\n      countDownRef.value.start()\n    }\n    const reset = () => {\n      countDownRef.value.reset()\n    }\n    return {\n      countDownRef,\n      suspend,\n      start,\n      reset,\n    }\n  },\n}\n</script>"}]