vue3-pull-refresh 1.0.2 → 1.0.3

package/dist/index.d.ts

@@ -1,3 +1,73 @@
-import { default as PullRefresh } from './PullRefresh.vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (v: boolean) => any;
+refresh: () => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+"onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+onRefresh?: (() => any) | undefined;
+}>, {
+modelValue: boolean;
+pullingText: string;
+loosingText: string;
+loadingText: string;
+headerHeight: number;
+animationDuration: number;
+damping: number;
+disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+rootRef: HTMLDivElement;
+scrollerRef: HTMLDivElement;
+}, HTMLDivElement>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            status: PullStatus;
+            distance: number;
+        }): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+        scrollerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+
+declare interface Props {
+    modelValue: boolean;
+    pullingText?: string;
+    loosingText?: string;
+    loadingText?: string;
+    headerHeight?: number;
+    animationDuration?: number;
+    damping?: number;
+    disabled?: boolean;
+}
+
+declare type PullStatus = 'normal' | 'pulling' | 'loosing' | 'loading';
+
+export { }
 
-export default PullRefresh;
+
+declare module 'vue' {
+    interface GlobalComponents {
+        PullRefresh: typeof PullRefresh;
+    }
+}

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as k, ref as w, reactive as T, computed as B, watch as R, createElementBlock as _, openBlock as v, createCommentVNode as b, createElementVNode as x, normalizeStyle as y, renderSlot as M, toDisplayString as E } from "vue";
-const P = { class: "vpr-pull-refresh__header__txt" }, C = /* @__PURE__ */ k({
+import { defineComponent as S, ref as T, reactive as y, computed as w, watch as B, onMounted as D, onBeforeUnmount as $, createElementBlock as E, openBlock as M, createElementVNode as h, normalizeStyle as V, createCommentVNode as C, renderSlot as L, toDisplayString as P, normalizeClass as z } from "vue";
+const K = { class: "vpr-pull-refresh__header__txt" }, N = /* @__PURE__ */ S({
   __name: "PullRefresh",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -8,116 +8,117 @@ const P = { class: "vpr-pull-refresh__header__txt" }, C = /* @__PURE__ */ k({
     loadingText: { default: "加载中..." },
     headerHeight: { default: 64 },
     animationDuration: { default: 200 },
+    damping: { default: 0.6 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "refresh"],
-  setup(u, { expose: f, emit: c }) {
-    const l = w(), a = u, h = c, n = T({
+  setup(d, { emit: p }) {
+    const n = T(), u = T(), t = d, m = p, f = y({
       scrollerTransition: "",
-      scrollerTranslate: "",
-      headerTransition: "",
-      headerTranslate: ""
-    }), t = T({
+      scrollerTranslate: ""
+    }), s = y({
       status: "normal",
       startY: 0,
       pulling: !1,
       distance: 0
-    }), H = B(() => {
-      switch (t.status) {
+    }), Y = w(() => {
+      switch (s.status) {
         case "loading":
-          return a.loadingText;
+          return t.loadingText;
         case "loosing":
-          return a.loosingText;
+          return t.loosingText;
         case "pulling":
-          return a.pullingText;
+          return t.pullingText;
         default:
-          return a.pullingText;
+          return t.pullingText;
       }
     });
-    function Y(e) {
-      const s = a.headerHeight, o = Math.max(0, e);
-      return o <= s ? o : s + Math.log2(o - s + 1) * 5;
+    function H(e) {
+      const a = t.headerHeight, o = Math.max(0, e);
+      if (o <= a) return o;
+      const c = o - a, R = 1 + t.damping * 1 / a * c;
+      return a + c / R;
     }
-    function r(e, s = !1) {
-      t.distance = Math.max(0, e), n.scrollerTransition = s ? `transform ${a.animationDuration}ms ease` : "none", n.scrollerTranslate = `translate3d(0, ${t.distance}px, 0)`, n.headerTransition = s ? `transform ${a.animationDuration}ms ease` : "none", n.headerTranslate = `translate3d(0, ${t.distance - a.headerHeight}px, 0)`;
+    function l(e, a = !1) {
+      s.distance = Math.max(0, e), f.scrollerTransition = a ? `transform ${t.animationDuration}ms ease` : "none", f.scrollerTranslate = `translate3d(0, ${s.distance}px, 0)`;
     }
-    function i(e, s) {
-      if (s) {
-        t.status = "loading";
-        return;
-      }
-      e >= a.headerHeight ? t.status = "loosing" : e > 0 ? t.status = "pulling" : t.status = "normal";
+    function i(e, a) {
+      a ? s.status = "loading" : e >= t.headerHeight ? s.status = "loosing" : e > 0 ? s.status = "pulling" : s.status = "normal";
     }
-    function p(e) {
-      a.disabled || l.value && l.value.scrollTop <= 0 && (t.pulling = !0, t.startY = e, r(0, !1), i(0, !1));
+    function v(e) {
+      t.modelValue || t.disabled || u.value && u.value.scrollTop <= 0 && (s.pulling = !0, s.startY = e, l(0, !1), i(0, !1));
     }
-    function m(e, s) {
-      if (!t.pulling) return;
-      const o = e - t.startY;
+    function g(e, a) {
+      if (!s.pulling || t.modelValue || t.disabled) return;
+      const o = e - s.startY;
       if (o > 0) {
-        const g = Y(o);
-        s == null || s.preventDefault(), r(g, !1), i(g, !1);
+        const c = H(o);
+        a == null || a.preventDefault(), l(c, !1), i(c, !1);
       } else
-        r(0, !0), t.pulling = !1;
+        l(0, !0), s.status = "normal";
     }
-    function d() {
-      t.pulling && (t.pulling = !1, t.distance >= a.headerHeight ? (r(a.headerHeight, !0), i(t.distance, !0), h("update:modelValue", !0), h("refresh")) : (r(0, !0), i(0, !1)));
+    function r() {
+      s.pulling && (t.modelValue || t.disabled || (s.distance >= t.headerHeight ? (l(t.headerHeight, !0), i(s.distance, !0), m("update:modelValue", !0), m("refresh"), s.pulling = !1) : (l(0, !0), i(0, !1))));
     }
-    R(
-      () => a.modelValue,
+    B(
+      () => t.modelValue,
       (e) => {
-        e || (r(0, !0), i(0, !1));
+        e || (l(0, !0), i(0, !1));
       }
     );
-    const D = (e) => p(e.clientY), S = (e) => m(e.clientY, e), V = (e) => p(e.touches[0].clientY), $ = (e) => m(e.touches[0].clientY, e);
-    return f({
-      scroller: l
-    }), (e, s) => (v(), _("div", {
+    const b = (e) => v(e.clientY), k = (e) => g(e.clientY, e), _ = (e) => v(e.touches[0].clientY), x = (e) => g(e.touches[0].clientY, e);
+    return D(() => {
+      const e = n.value;
+      e && (e.addEventListener("touchstart", _, { passive: !0 }), e.addEventListener("touchmove", x, { passive: !1 }), e.addEventListener("touchend", r, { passive: !0 }), e.addEventListener("touchcancel", r, { passive: !0 }));
+    }), $(() => {
+      const e = n.value;
+      e && (e.removeEventListener("touchstart", _), e.removeEventListener("touchmove", x), e.removeEventListener("touchend", r), e.removeEventListener("touchcancel", r));
+    }), (e, a) => (M(), E("div", {
+      ref_key: "rootRef",
+      ref: n,
       class: "vpr-pull-refresh",
-      onMousedown: D,
-      onMousemove: S,
-      onMouseup: d,
-      onMouseleave: d,
-      onTouchstart: V,
-      onTouchmove: $,
-      onTouchend: d,
-      onTouchcancel: d
+      onMousedown: b,
+      onMousemove: k,
+      onMouseup: r,
+      onMouseleave: r
     }, [
-      !a.disabled && t.status !== "normal" ? (v(), _("div", {
-        key: 0,
-        class: "vpr-pull-refresh__header",
-        style: y({
-          height: a.headerHeight + "px",
-          transform: n.headerTranslate,
-          transition: n.headerTransition
-        })
-      }, [
-        M(e.$slots, "header", {
-          status: t.status,
-          distance: t.distance
-        }, () => [
-          x("div", P, E(H.value), 1)
-        ], !0)
-      ], 4)) : b("", !0),
-      x("div", {
-        class: "vpr-pull-refresh__scroll",
-        ref_key: "scrollerRef",
-        ref: l,
-        style: y({
-          transform: n.scrollerTranslate,
-          transition: n.scrollerTransition
+      h("div", {
+        class: "vpr-pull-refresh-wrap",
+        style: V({
+          transform: f.scrollerTranslate,
+          transition: f.scrollerTransition
         })
       }, [
-        M(e.$slots, "default", {}, void 0, !0)
+        t.disabled ? C("", !0) : (M(), E("div", {
+          key: 0,
+          class: "vpr-pull-refresh__header",
+          style: V({
+            height: t.headerHeight + "px"
+          })
+        }, [
+          L(e.$slots, "header", {
+            status: s.status,
+            distance: s.distance
+          }, () => [
+            h("div", K, P(Y.value), 1)
+          ], !0)
+        ], 4)),
+        h("div", {
+          class: z(["vpr-pull-refresh__scroll", s.status]),
+          ref_key: "scrollerRef",
+          ref: u
+        }, [
+          L(e.$slots, "default", {}, void 0, !0)
+        ], 2)
       ], 4)
-    ], 32));
+    ], 544));
   }
-}), N = (u, f) => {
-  const c = u.__vccOpts || u;
-  for (const [l, a] of f)
-    c[l] = a;
-  return c;
-}, z = /* @__PURE__ */ N(C, [["__scopeId", "data-v-9195ae68"]]);
+}), O = (d, p) => {
+  const n = d.__vccOpts || d;
+  for (const [u, t] of p)
+    n[u] = t;
+  return n;
+}, q = /* @__PURE__ */ O(N, [["__scopeId", "data-v-6d1a5bf2"]]);
 export {
-  z as default
+  q as default
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(t,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("vue")):typeof define=="function"&&define.amd?define(["vue"],u):(t=typeof globalThis<"u"?globalThis:t||self,t.Vue3PullRefresh=u(t.Vue))})(this,function(t){"use strict";const u={class:"vpr-pull-refresh__header__txt"};return((d,p)=>{const f=d.__vccOpts||d;for(const[r,s]of p)f[r]=s;return f})(t.defineComponent({__name:"PullRefresh",props:{modelValue:{type:Boolean,default:!1},pullingText:{default:"下拉即可刷新..."},loosingText:{default:"释放即可刷新..."},loadingText:{default:"加载中..."},headerHeight:{default:64},animationDuration:{default:200},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","refresh"],setup(d,{expose:p,emit:f}){const r=t.ref(),s=d,m=f,l=t.reactive({scrollerTransition:"",scrollerTranslate:"",headerTransition:"",headerTranslate:""}),n=t.reactive({status:"normal",startY:0,pulling:!1,distance:0}),x=t.computed(()=>{switch(n.status){case"loading":return s.loadingText;case"loosing":return s.loosingText;case"pulling":return s.pullingText;default:return s.pullingText}});function y(e){const a=s.headerHeight,i=Math.max(0,e);return i<=a?i:a+Math.log2(i-a+1)*5}function o(e,a=!1){n.distance=Math.max(0,e),l.scrollerTransition=a?`transform ${s.animationDuration}ms ease`:"none",l.scrollerTranslate=`translate3d(0, ${n.distance}px, 0)`,l.headerTransition=a?`transform ${s.animationDuration}ms ease`:"none",l.headerTranslate=`translate3d(0, ${n.distance-s.headerHeight}px, 0)`}function c(e,a){if(a){n.status="loading";return}e>=s.headerHeight?n.status="loosing":e>0?n.status="pulling":n.status="normal"}function g(e){s.disabled||r.value&&r.value.scrollTop<=0&&(n.pulling=!0,n.startY=e,o(0,!1),c(0,!1))}function T(e,a){if(!n.pulling)return;const i=e-n.startY;if(i>0){const _=y(i);a==null||a.preventDefault(),o(_,!1),c(_,!1)}else o(0,!0),n.pulling=!1}function h(){n.pulling&&(n.pulling=!1,n.distance>=s.headerHeight?(o(s.headerHeight,!0),c(n.distance,!0),m("update:modelValue",!0),m("refresh")):(o(0,!0),c(0,!1)))}t.watch(()=>s.modelValue,e=>{e||(o(0,!0),c(0,!1))});const M=e=>g(e.clientY),V=e=>T(e.clientY,e),H=e=>g(e.touches[0].clientY),S=e=>T(e.touches[0].clientY,e);return p({scroller:r}),(e,a)=>(t.openBlock(),t.createElementBlock("div",{class:"vpr-pull-refresh",onMousedown:M,onMousemove:V,onMouseup:h,onMouseleave:h,onTouchstart:H,onTouchmove:S,onTouchend:h,onTouchcancel:h},[!s.disabled&&n.status!=="normal"?(t.openBlock(),t.createElementBlock("div",{key:0,class:"vpr-pull-refresh__header",style:t.normalizeStyle({height:s.headerHeight+"px",transform:l.headerTranslate,transition:l.headerTransition})},[t.renderSlot(e.$slots,"header",{status:n.status,distance:n.distance},()=>[t.createElementVNode("div",u,t.toDisplayString(x.value),1)],!0)],4)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"vpr-pull-refresh__scroll",ref_key:"scrollerRef",ref:r,style:t.normalizeStyle({transform:l.scrollerTranslate,transition:l.scrollerTransition})},[t.renderSlot(e.$slots,"default",{},void 0,!0)],4)],32))}}),[["__scopeId","data-v-9195ae68"]])});
+(function(t,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue")):typeof define=="function"&&define.amd?define(["vue"],c):(t=typeof globalThis<"u"?globalThis:t||self,t.Vue3PullRefresh=c(t.Vue))})(this,function(t){"use strict";const c={class:"vpr-pull-refresh__header__txt"};return((p,m)=>{const a=p.__vccOpts||p;for(const[u,s]of m)a[u]=s;return a})(t.defineComponent({__name:"PullRefresh",props:{modelValue:{type:Boolean,default:!1},pullingText:{default:"下拉即可刷新..."},loosingText:{default:"释放即可刷新..."},loadingText:{default:"加载中..."},headerHeight:{default:64},animationDuration:{default:200},damping:{default:.6},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","refresh"],setup(p,{emit:m}){const a=t.ref(),u=t.ref(),s=p,g=m,h=t.reactive({scrollerTransition:"",scrollerTranslate:""}),n=t.reactive({status:"normal",startY:0,pulling:!1,distance:0}),y=t.computed(()=>{switch(n.status){case"loading":return s.loadingText;case"loosing":return s.loosingText;case"pulling":return s.pullingText;default:return s.pullingText}});function E(e){const l=s.headerHeight,i=Math.max(0,e);if(i<=l)return i;const f=i-l,k=1+s.damping*1/l*f;return l+f/k}function r(e,l=!1){n.distance=Math.max(0,e),h.scrollerTransition=l?`transform ${s.animationDuration}ms ease`:"none",h.scrollerTranslate=`translate3d(0, ${n.distance}px, 0)`}function d(e,l){l?n.status="loading":e>=s.headerHeight?n.status="loosing":e>0?n.status="pulling":n.status="normal"}function _(e){s.modelValue||s.disabled||u.value&&u.value.scrollTop<=0&&(n.pulling=!0,n.startY=e,r(0,!1),d(0,!1))}function v(e,l){if(!n.pulling||s.modelValue||s.disabled)return;const i=e-n.startY;if(i>0){const f=E(i);l==null||l.preventDefault(),r(f,!1),d(f,!1)}else r(0,!0),n.status="normal"}function o(){n.pulling&&(s.modelValue||s.disabled||(n.distance>=s.headerHeight?(r(s.headerHeight,!0),d(n.distance,!0),g("update:modelValue",!0),g("refresh"),n.pulling=!1):(r(0,!0),d(0,!1))))}t.watch(()=>s.modelValue,e=>{e||(r(0,!0),d(0,!1))});const V=e=>_(e.clientY),M=e=>v(e.clientY,e),x=e=>_(e.touches[0].clientY),T=e=>v(e.touches[0].clientY,e);return t.onMounted(()=>{const e=a.value;e&&(e.addEventListener("touchstart",x,{passive:!0}),e.addEventListener("touchmove",T,{passive:!1}),e.addEventListener("touchend",o,{passive:!0}),e.addEventListener("touchcancel",o,{passive:!0}))}),t.onBeforeUnmount(()=>{const e=a.value;e&&(e.removeEventListener("touchstart",x),e.removeEventListener("touchmove",T),e.removeEventListener("touchend",o),e.removeEventListener("touchcancel",o))}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"rootRef",ref:a,class:"vpr-pull-refresh",onMousedown:V,onMousemove:M,onMouseup:o,onMouseleave:o},[t.createElementVNode("div",{class:"vpr-pull-refresh-wrap",style:t.normalizeStyle({transform:h.scrollerTranslate,transition:h.scrollerTransition})},[s.disabled?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:"vpr-pull-refresh__header",style:t.normalizeStyle({height:s.headerHeight+"px"})},[t.renderSlot(e.$slots,"header",{status:n.status,distance:n.distance},()=>[t.createElementVNode("div",c,t.toDisplayString(y.value),1)],!0)],4)),t.createElementVNode("div",{class:t.normalizeClass(["vpr-pull-refresh__scroll",n.status]),ref_key:"scrollerRef",ref:u},[t.renderSlot(e.$slots,"default",{},void 0,!0)],2)],4)],544))}}),[["__scopeId","data-v-6d1a5bf2"]])});

package/dist/style.css

@@ -1 +1 @@
-.vpr-pull-refresh[data-v-9195ae68]{position:relative;height:100%;overflow:hidden;touch-action:pan-y}.vpr-pull-refresh__scroll[data-v-9195ae68]{position:relative;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.vpr-pull-refresh__header[data-v-9195ae68]{position:absolute;top:0;left:0;right:0;pointer-events:none;will-change:transform}.vpr-pull-refresh__header__txt[data-v-9195ae68]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
+.vpr-pull-refresh[data-v-6d1a5bf2]{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y}.vpr-pull-refresh-wrap[data-v-6d1a5bf2]{position:relative;width:100%;height:100%;will-change:transform}.vpr-pull-refresh__scroll[data-v-6d1a5bf2]{position:relative;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.vpr-pull-refresh__scroll.normal[data-v-6d1a5bf2]{overflow:auto}.vpr-pull-refresh__header[data-v-6d1a5bf2]{position:absolute;top:0;left:0;right:0;pointer-events:none;transform:translate3d(0,-100%,0)}.vpr-pull-refresh__header__txt[data-v-6d1a5bf2]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "vue3-pull-refresh",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A Vue3 pull-to-refresh component",
+  "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -37,10 +38,10 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "vite": "^5.0.0",
-    "vue": "^3.4.0",
     "@vitejs/plugin-vue": "^5.0.0",
-    "vite-plugin-dts": "^3.5.0",
-    "typescript": "^5.3.0"
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.4.0"
   }
 }

package/dist/PullRefresh.vue.d.ts

@@ -1,73 +0,0 @@
-interface Props {
-    modelValue: boolean;
-    pullingText?: string;
-    loosingText?: string;
-    loadingText?: string;
-    headerHeight?: number;
-    animationDuration?: number;
-    disabled?: boolean;
-}
-declare function __VLS_template(): {
-    header?(_: {
-        status: "pulling" | "loosing" | "loading";
-        distance: number;
-    }): any;
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    modelValue: boolean;
-    pullingText: string;
-    loosingText: string;
-    loadingText: string;
-    headerHeight: number;
-    animationDuration: number;
-    disabled: boolean;
-}>>, {
-    scroller: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (v: boolean) => void;
-    refresh: () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    modelValue: boolean;
-    pullingText: string;
-    loosingText: string;
-    loadingText: string;
-    headerHeight: number;
-    animationDuration: number;
-    disabled: boolean;
-}>>> & Readonly<{
-    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
-    onRefresh?: (() => any) | undefined;
-}>, {
-    modelValue: boolean;
-    pullingText: string;
-    loosingText: string;
-    loadingText: string;
-    headerHeight: number;
-    animationDuration: number;
-    disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};