y-design-ssr 0.2.1 → 0.2.2

package/libs/tab/index.mjs

@@ -1,24 +1,58 @@
-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
+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
     };
   }
   return {
     parent: null,
-    index: h(-1)
+    index: ref(-1)
   };
-}, 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 = {
+};
+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: "释放刷新...",
@@ -30,15 +64,19 @@ const g = (n) => {
     validateMessage: "请输入正确内容"
   }
 };
-h("zh-CN");
-b({
-  "zh-CN": w
+ref("zh-CN");
+reactive({
+  "zh-CN": defaultLang
 });
-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,
+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,
   props: {
     clonenNode: {
       type: Object,
@@ -49,42 +87,60 @@ const s = (n) => {
       default: -1
     }
   },
-  setup(n, {
-    slots: t
+  setup(props, {
+    slots
   }) {
-    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
+    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
       };
     });
     return () => {
-      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]);
+      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]);
     };
   }
-}), [E, V] = s("tabs"), z = E;
-function A(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !_(n);
+});
+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);
 }
-const [D] = s("tab"), d = /* @__PURE__ */ p({
-  name: D,
+const [name] = createNamespace("tab");
+const Tab = /* @__PURE__ */ defineComponent({
+  name,
   props: {
     title: {
       type: String,
@@ -96,29 +152,36 @@ const [D] = s("tab"), d = /* @__PURE__ */ p({
     },
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
-  setup(n, {
-    slots: t
+  setup(_, {
+    slots
   }) {
     const {
-      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]
+      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]
       }) : null;
     };
   }
 });
-d.install = (n) => {
-  const { name: t } = d;
-  n.component(t, d);
+Tab.install = (Vue) => {
+  const { name: name2 } = Tab;
+  Vue.component(name2, Tab);
 };
 export {
-  d as default
+  Tab as default
 };

package/libs/tab/index.umd.js

@@ -1 +1,190 @@
-(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"}})});
+(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" } });
+});