y-design-ssr 0.2.2 → 0.2.4

package/libs/tab/index.mjs

@@ -1,58 +1,24 @@
-import { inject, getCurrentInstance, onUnmounted, computed, ref, reactive, defineComponent, createVNode, onBeforeUnmount, isVNode } from "vue";
-const useRelation = (key) => {
-  const parent = inject(key, null);
-  const currentInstance = getCurrentInstance();
-  if (parent && currentInstance) {
-    const { childrens, addChild, removeChild } = parent;
-    addChild(currentInstance);
-    onUnmounted(() => removeChild(currentInstance));
-    const index = computed(() => childrens.indexOf(currentInstance));
-    return {
-      index,
-      parent
+import { inject as x, getCurrentInstance as m, onUnmounted as $, computed as f, ref as h, reactive as b, defineComponent as p, createVNode as y, onBeforeUnmount as N, isVNode as _ } from "vue";
+const g = (n) => {
+  const t = x(n, null), i = m();
+  if (t && i) {
+    const { childrens: e, addChild: r, removeChild: a } = t;
+    return r(i), $(() => a(i)), {
+      index: f(() => e.indexOf(i)),
+      parent: t
     };
   }
   return {
     parent: null,
-    index: ref(-1)
+    index: h(-1)
   };
-};
-const getMods = (el, mods) => {
-  if (!mods) {
-    return "";
-  }
-  if (typeof mods === "string") {
-    return ` ${el}--${mods}`;
-  }
-  if (Array.isArray(mods)) {
-    return mods.reduce((acc, cur) => acc + getMods(el, cur), "");
-  }
-  return Object.keys(mods).reduce(
-    (acc, cur) => acc + (mods[cur] ? getMods(el, cur) : ""),
-    ""
-  );
-};
-const createBEM = (block) => {
-  return (el, mods) => {
-    let _el = el;
-    let _mods = mods;
-    if (_el && typeof _el !== "string") {
-      _mods = _el;
-      _el = "";
-    }
-    _el = _el ? `${block}__${_el}` : block;
-    return `${_el}${getMods(_el, _mods)}`;
-  };
-};
-const createGlobalBem = () => {
-  return (el, mods) => {
-    if (!mods) {
-      return `y-${el}`;
-    }
-    return `${getMods(`y-${el}`, mods)}`;
-  };
-};
-const defaultLang = {
+}, u = (n, t) => t ? typeof t == "string" ? ` ${n}--${t}` : Array.isArray(t) ? t.reduce((i, e) => i + u(n, e), "") : Object.keys(t).reduce(
+  (i, e) => i + (t[e] ? u(n, e) : ""),
+  ""
+) : "", v = (n) => (t, i) => {
+  let e = t, r = i;
+  return e && typeof e != "string" && (r = e, e = ""), e = e ? `${n}__${e}` : n, `${e}${u(e, r)}`;
+}, S = () => (n, t) => t ? `${u(`y-${n}`, t)}` : `y-${n}`, w = {
   "pull-refresh": {
     pulling: "下拉刷新...",
     loosing: "释放刷新...",
@@ -64,19 +30,15 @@ const defaultLang = {
     validateMessage: "请输入正确内容"
   }
 };
-ref("zh-CN");
-reactive({
-  "zh-CN": defaultLang
+h("zh-CN");
+b({
+  "zh-CN": w
 });
-const createNamespace = (name2) => {
-  const prefixedName = `y-${name2}`;
-  return [prefixedName, createBEM(prefixedName), createGlobalBem()];
-};
-const [name$3, bem$2] = createNamespace("swipe");
-const SWIPE_PROVIDE_KEY = name$3;
-const [name$2, bem$1] = createNamespace("swipe-item");
-const SwipeItem = /* @__PURE__ */ defineComponent({
-  name: name$2,
+const s = (n) => {
+  const t = `y-${n}`;
+  return [t, v(t), S()];
+}, [I, R] = s("swipe"), j = I, [B, C] = s("swipe-item"), O = /* @__PURE__ */ p({
+  name: B,
   props: {
     clonenNode: {
       type: Object,
@@ -87,60 +49,42 @@ const SwipeItem = /* @__PURE__ */ defineComponent({
       default: -1
     }
   },
-  setup(props, {
-    slots
+  setup(n, {
+    slots: t
   }) {
-    const instance = getCurrentInstance();
-    const {
-      parent
-    } = useRelation(SWIPE_PROVIDE_KEY);
-    if (!props.clonenNode && instance) {
-      parent == null ? void 0 : parent.children.push(instance);
-    }
-    const index = computed(() => {
-      if (props.clonenNode) {
-        return props.index;
-      }
-      return parent == null ? void 0 : parent.children.findIndex((item) => item.proxy === (instance == null ? void 0 : instance.proxy));
-    });
-    const style = computed(() => {
-      const width = `${(parent == null ? void 0 : parent.itemDetail.size) || 0}px`;
-      let height = "auto";
-      const spacing = `${(parent == null ? void 0 : parent.itemDetail.space) || 0}px`;
-      if ((parent == null ? void 0 : parent.props.autoHeight) && (parent == null ? void 0 : parent.activeIndex) !== index.value) {
-        height = "0";
-      }
-      if (parent == null ? void 0 : parent.props.vertical) {
-        return {
-          height: width,
-          width: height,
-          marginBottom: spacing
-        };
-      }
-      return {
-        width,
-        height,
-        marginRight: spacing
+    const i = m(), {
+      parent: e
+    } = g(j);
+    !n.clonenNode && i && (e == null || e.children.push(i));
+    const r = f(() => n.clonenNode ? n.index : e == null ? void 0 : e.children.findIndex((o) => o.proxy === (i == null ? void 0 : i.proxy))), a = f(() => {
+      const o = `${(e == null ? void 0 : e.itemDetail.size) || 0}px`;
+      let c = "auto";
+      const l = `${(e == null ? void 0 : e.itemDetail.space) || 0}px`;
+      return e != null && e.props.autoHeight && (e == null ? void 0 : e.activeIndex) !== r.value && (c = "0"), e != null && e.props.vertical ? {
+        height: o,
+        width: c,
+        marginBottom: l
+      } : {
+        width: o,
+        height: c,
+        marginRight: l
       };
     });
     return () => {
-      var _a, _b;
-      const isShow = ((_a = parent == null ? void 0 : parent.itemShowedList) == null ? void 0 : _a.list[index.value || 0]) || false;
-      return createVNode("div", {
-        "class": bem$1(),
-        "style": style.value
-      }, [isShow ? props.clonenNode || ((_b = slots.default) == null ? void 0 : _b.call(slots)) : null]);
+      var c, l;
+      const o = ((c = e == null ? void 0 : e.itemShowedList) == null ? void 0 : c.list[r.value || 0]) || !1;
+      return y("div", {
+        class: C(),
+        style: a.value
+      }, [o ? n.clonenNode || ((l = t.default) == null ? void 0 : l.call(t)) : null]);
     };
   }
-});
-const [name$1, bem] = createNamespace("tabs");
-const TABS_KEY = name$1;
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}), [E, V] = s("tabs"), z = E;
+function A(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !_(n);
 }
-const [name] = createNamespace("tab");
-const Tab = /* @__PURE__ */ defineComponent({
-  name,
+const [D] = s("tab"), d = /* @__PURE__ */ p({
+  name: D,
   props: {
     title: {
       type: String,
@@ -152,36 +96,29 @@ const Tab = /* @__PURE__ */ defineComponent({
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
-  setup(_, {
-    slots
+  setup(n, {
+    slots: t
   }) {
     const {
-      parent
-    } = useRelation(TABS_KEY);
-    const instance = getCurrentInstance();
-    if (instance.proxy) {
-      parent == null ? void 0 : parent.children.push(instance.proxy);
-    }
-    onBeforeUnmount(() => {
-      if (parent) {
-        parent.children = parent.children.filter((item) => item !== instance.proxy);
-      }
-    });
-    return () => {
-      let _slot;
-      return slots.default ? createVNode(SwipeItem, null, _isSlot(_slot = slots.default()) ? _slot : {
-        default: () => [_slot]
+      parent: i
+    } = g(z), e = m();
+    return e.proxy && (i == null || i.children.push(e.proxy)), N(() => {
+      i && (i.children = i.children.filter((r) => r !== e.proxy));
+    }), () => {
+      let r;
+      return t.default ? y(O, null, A(r = t.default()) ? r : {
+        default: () => [r]
       }) : null;
     };
   }
 });
-Tab.install = (Vue) => {
-  const { name: name2 } = Tab;
-  Vue.component(name2, Tab);
+d.install = (n) => {
+  const { name: t } = d;
+  n.component(t, d);
 };
 export {
-  Tab as default
+  d as default
 };

package/libs/tab/index.umd.js

@@ -1,190 +1 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tab = {}, global.Vue));
-})(this, function(exports2, vue) {
-  "use strict";
-  const useRelation = (key) => {
-    const parent = vue.inject(key, null);
-    const currentInstance = vue.getCurrentInstance();
-    if (parent && currentInstance) {
-      const { childrens, addChild, removeChild } = parent;
-      addChild(currentInstance);
-      vue.onUnmounted(() => removeChild(currentInstance));
-      const index = vue.computed(() => childrens.indexOf(currentInstance));
-      return {
-        index,
-        parent
-      };
-    }
-    return {
-      parent: null,
-      index: vue.ref(-1)
-    };
-  };
-  const getMods = (el, mods) => {
-    if (!mods) {
-      return "";
-    }
-    if (typeof mods === "string") {
-      return ` ${el}--${mods}`;
-    }
-    if (Array.isArray(mods)) {
-      return mods.reduce((acc, cur) => acc + getMods(el, cur), "");
-    }
-    return Object.keys(mods).reduce(
-      (acc, cur) => acc + (mods[cur] ? getMods(el, cur) : ""),
-      ""
-    );
-  };
-  const createBEM = (block) => {
-    return (el, mods) => {
-      let _el = el;
-      let _mods = mods;
-      if (_el && typeof _el !== "string") {
-        _mods = _el;
-        _el = "";
-      }
-      _el = _el ? `${block}__${_el}` : block;
-      return `${_el}${getMods(_el, _mods)}`;
-    };
-  };
-  const createGlobalBem = () => {
-    return (el, mods) => {
-      if (!mods) {
-        return `y-${el}`;
-      }
-      return `${getMods(`y-${el}`, mods)}`;
-    };
-  };
-  const defaultLang = {
-    "pull-refresh": {
-      pulling: "下拉刷新...",
-      loosing: "释放刷新...",
-      loading: "数据加载中...",
-      success: "数据已更新",
-      failed: "数据跟新失败，请稍后再试"
-    },
-    "form-item": {
-      validateMessage: "请输入正确内容"
-    }
-  };
-  vue.ref("zh-CN");
-  vue.reactive({
-    "zh-CN": defaultLang
-  });
-  const createNamespace = (name2) => {
-    const prefixedName = `y-${name2}`;
-    return [prefixedName, createBEM(prefixedName), createGlobalBem()];
-  };
-  const [name$3, bem$2] = createNamespace("swipe");
-  const SWIPE_PROVIDE_KEY = name$3;
-  const [name$2, bem$1] = createNamespace("swipe-item");
-  const SwipeItem = /* @__PURE__ */ vue.defineComponent({
-    name: name$2,
-    props: {
-      clonenNode: {
-        type: Object,
-        default: null
-      },
-      index: {
-        type: Number,
-        default: -1
-      }
-    },
-    setup(props, {
-      slots
-    }) {
-      const instance = vue.getCurrentInstance();
-      const {
-        parent
-      } = useRelation(SWIPE_PROVIDE_KEY);
-      if (!props.clonenNode && instance) {
-        parent == null ? void 0 : parent.children.push(instance);
-      }
-      const index = vue.computed(() => {
-        if (props.clonenNode) {
-          return props.index;
-        }
-        return parent == null ? void 0 : parent.children.findIndex((item) => item.proxy === (instance == null ? void 0 : instance.proxy));
-      });
-      const style = vue.computed(() => {
-        const width = `${(parent == null ? void 0 : parent.itemDetail.size) || 0}px`;
-        let height = "auto";
-        const spacing = `${(parent == null ? void 0 : parent.itemDetail.space) || 0}px`;
-        if ((parent == null ? void 0 : parent.props.autoHeight) && (parent == null ? void 0 : parent.activeIndex) !== index.value) {
-          height = "0";
-        }
-        if (parent == null ? void 0 : parent.props.vertical) {
-          return {
-            height: width,
-            width: height,
-            marginBottom: spacing
-          };
-        }
-        return {
-          width,
-          height,
-          marginRight: spacing
-        };
-      });
-      return () => {
-        var _a, _b;
-        const isShow = ((_a = parent == null ? void 0 : parent.itemShowedList) == null ? void 0 : _a.list[index.value || 0]) || false;
-        return vue.createVNode("div", {
-          "class": bem$1(),
-          "style": style.value
-        }, [isShow ? props.clonenNode || ((_b = slots.default) == null ? void 0 : _b.call(slots)) : null]);
-      };
-    }
-  });
-  const [name$1, bem] = createNamespace("tabs");
-  const TABS_KEY = name$1;
-  function _isSlot(s) {
-    return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-  }
-  const [name] = createNamespace("tab");
-  const Tab = /* @__PURE__ */ vue.defineComponent({
-    name,
-    props: {
-      title: {
-        type: String,
-        default: ""
-      },
-      name: {
-        type: [String, Number],
-        default: ""
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    },
-    setup(_, {
-      slots
-    }) {
-      const {
-        parent
-      } = useRelation(TABS_KEY);
-      const instance = vue.getCurrentInstance();
-      if (instance.proxy) {
-        parent == null ? void 0 : parent.children.push(instance.proxy);
-      }
-      vue.onBeforeUnmount(() => {
-        if (parent) {
-          parent.children = parent.children.filter((item) => item !== instance.proxy);
-        }
-      });
-      return () => {
-        let _slot;
-        return slots.default ? vue.createVNode(SwipeItem, null, _isSlot(_slot = slots.default()) ? _slot : {
-          default: () => [_slot]
-        }) : null;
-      };
-    }
-  });
-  Tab.install = (Vue) => {
-    const { name: name2 } = Tab;
-    Vue.component(name2, Tab);
-  };
-  exports2.default = Tab;
-  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-});
+(function(c,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(c=typeof globalThis<"u"?globalThis:c||self,o(c.tab={},c.Vue))})(this,function(c,o){"use strict";const p=n=>{const t=o.inject(n,null),i=o.getCurrentInstance();if(t&&i){const{childrens:e,addChild:r,removeChild:m}=t;return r(i),o.onUnmounted(()=>m(i)),{index:o.computed(()=>e.indexOf(i)),parent:t}}return{parent:null,index:o.ref(-1)}},d=(n,t)=>t?typeof t=="string"?` ${n}--${t}`:Array.isArray(t)?t.reduce((i,e)=>i+d(n,e),""):Object.keys(t).reduce((i,e)=>i+(t[e]?d(n,e):""),""):"",h=n=>(t,i)=>{let e=t,r=i;return e&&typeof e!="string"&&(r=e,e=""),e=e?`${n}__${e}`:n,`${e}${d(e,r)}`},y=()=>(n,t)=>t?`${d(`y-${n}`,t)}`:`y-${n}`,g={"pull-refresh":{pulling:"下拉刷新...",loosing:"释放刷新...",loading:"数据加载中...",success:"数据已更新",failed:"数据跟新失败，请稍后再试"},"form-item":{validateMessage:"请输入正确内容"}};o.ref("zh-CN"),o.reactive({"zh-CN":g});const f=n=>{const t=`y-${n}`;return[t,h(t),y()]},[x,w]=f("swipe"),b=x,[$,N]=f("swipe-item"),_=o.defineComponent({name:$,props:{clonenNode:{type:Object,default:null},index:{type:Number,default:-1}},setup(n,{slots:t}){const i=o.getCurrentInstance(),{parent:e}=p(b);!n.clonenNode&&i&&(e==null||e.children.push(i));const r=o.computed(()=>n.clonenNode?n.index:e==null?void 0:e.children.findIndex(l=>l.proxy===(i==null?void 0:i.proxy))),m=o.computed(()=>{const l=`${(e==null?void 0:e.itemDetail.size)||0}px`;let s="auto";const u=`${(e==null?void 0:e.itemDetail.space)||0}px`;return e!=null&&e.props.autoHeight&&(e==null?void 0:e.activeIndex)!==r.value&&(s="0"),e!=null&&e.props.vertical?{height:l,width:s,marginBottom:u}:{width:l,height:s,marginRight:u}});return()=>{var s,u;const l=((s=e==null?void 0:e.itemShowedList)==null?void 0:s.list[r.value||0])||!1;return o.createVNode("div",{class:N(),style:m.value},[l?n.clonenNode||((u=t.default)==null?void 0:u.call(t)):null])}}}),[S,O]=f("tabs"),C=S;function I(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!o.isVNode(n)}const[j]=f("tab"),a=o.defineComponent({name:j,props:{title:{type:String,default:""},name:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1}},setup(n,{slots:t}){const{parent:i}=p(C),e=o.getCurrentInstance();return e.proxy&&(i==null||i.children.push(e.proxy)),o.onBeforeUnmount(()=>{i&&(i.children=i.children.filter(r=>r!==e.proxy))}),()=>{let r;return t.default?o.createVNode(_,null,I(r=t.default())?r:{default:()=>[r]}):null}}});a.install=n=>{const{name:t}=a;n.component(t,a)},c.default=a,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/libs/tab/package.json

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