y-design-ssr 0.2.2 → 0.2.4

package/libs/popup/index.mjs

@@ -1,40 +1,11 @@
-import { ref, reactive, defineComponent, onMounted, onUnmounted, watch, createVNode, Transition, withDirectives, vShow, computed, Teleport } from "vue";
-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 = {
+import { ref as h, reactive as _, defineComponent as C, onMounted as B, onUnmounted as A, watch as L, createVNode as i, Transition as N, withDirectives as M, vShow as V, computed as g, Teleport as z } from "vue";
+const k = (e, t) => t ? typeof t == "string" ? ` ${e}--${t}` : Array.isArray(t) ? t.reduce((l, a) => l + k(e, a), "") : Object.keys(t).reduce(
+  (l, a) => l + (t[a] ? k(e, a) : ""),
+  ""
+) : "", I = (e) => (t, l) => {
+  let a = t, c = l;
+  return a && typeof a != "string" && (c = a, a = ""), a = a ? `${e}__${a}` : e, `${a}${k(a, c)}`;
+}, O = () => (e, t) => t ? `${k(`y-${e}`, t)}` : `y-${e}`, w = {
   "pull-refresh": {
     pulling: "下拉刷新...",
     loosing: "释放刷新...",
@@ -46,26 +17,18 @@ const defaultLang = {
     validateMessage: "请输入正确内容"
   }
 };
-ref("zh-CN");
-reactive({
-  "zh-CN": defaultLang
+h("zh-CN");
+_({
+  "zh-CN": w
 });
-const createNamespace = (name2) => {
-  const prefixedName = `y-${name2}`;
-  return [prefixedName, createBEM(prefixedName), createGlobalBem()];
-};
-const parseUnit = (val) => {
-  if (isNaN(Number(val)) && typeof val === "string") {
-    return val;
-  }
-  return `${val}px`;
-};
-const [name$1, bem$1, gBem$1] = createNamespace("mask");
-const _props$1 = {
+const x = (e) => {
+  const t = `y-${e}`;
+  return [t, I(t), O()];
+}, D = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, [R, T, j] = x("mask"), U = {
   // 控制显示
   modelValue: {
     type: Boolean,
-    default: false
+    default: !1
   },
   // 层级
   zIndex: {
@@ -90,118 +53,87 @@ const _props$1 = {
   // 触摸滚动开关
   lockScroll: {
     type: Boolean,
-    default: true
+    default: !0
   },
   onAfterLeave: {
     type: Function,
     default: null
   }
-};
-const stack = reactive([]);
-let num = 0;
-const Mask = /* @__PURE__ */ defineComponent({
-  name: name$1,
-  props: _props$1,
+}, r = _([]);
+let v = 0;
+const $ = /* @__PURE__ */ C({
+  name: R,
+  props: U,
   emits: ["update:modelValue"],
-  setup(props, {
-    slots
+  setup(e, {
+    slots: t
   }) {
-    const id = ref("");
-    onMounted(() => {
-      id.value = `mask${num}`;
-      num += 1;
-      stackIntercept(props.modelValue, true);
+    const l = h("");
+    B(() => {
+      l.value = `mask${v}`, v += 1, a(e.modelValue, !0);
+    }), A(() => {
+      const n = r.findIndex((o) => o._id === l.value);
+      n >= 0 && r.splice(n, 1);
+    }), L(() => e.modelValue, (n) => {
+      a(n);
     });
-    onUnmounted(() => {
-      const index = stack.findIndex((v) => v._id === id.value);
-      index >= 0 && stack.splice(index, 1);
-    });
-    watch(() => props.modelValue, (val) => {
-      stackIntercept(val);
-    });
-    const stackIntercept = (val, isMounted) => {
-      if (val) {
-        stack.unshift({
-          _id: id.value,
-          _state: val
-        });
-        if (stack.length > 1) {
-          stack[1]._state = false;
-        }
-      } else if (!isMounted) {
-        stack.splice(0, 1);
-        if (stack.length > 0) {
-          stack[0]._state = true;
-        }
-      }
-    };
-    const find = () => {
-      let _state = false;
-      for (let i = 0; i < stack.length; i++) {
-        if (stack[i]._id === id.value) {
-          _state = stack[i]._state;
-        }
-      }
+    const a = (n, o) => {
+      n ? (r.unshift({
+        _id: l.value,
+        _state: n
+      }), r.length > 1 && (r[1]._state = !1)) : o || (r.splice(0, 1), r.length > 0 && (r[0]._state = !0));
+    }, c = () => {
+      let n = !1;
+      for (let o = 0; o < r.length; o++)
+        r[o]._id === l.value && (n = r[o]._state);
       return {
-        _state
+        _state: n
       };
-    };
-    const onTouchMove = (payload) => {
+    }, d = (n) => {
       const {
-        lockScroll
-      } = props;
-      if (lockScroll) {
-        payload.preventDefault();
-        payload.stopPropagation();
-      }
+        lockScroll: o
+      } = e;
+      o && (n.preventDefault(), n.stopPropagation());
     };
     return () => {
       const {
-        customClass,
-        duration,
-        zIndex,
-        customStyle,
-        onAfterLeave
-      } = props;
-      const {
-        _state
-      } = find();
-      return createVNode(Transition, {
-        "name": gBem$1("animation", "fade"),
-        "onAfterLeave": onAfterLeave
+        customClass: n,
+        duration: o,
+        zIndex: f,
+        customStyle: m,
+        onAfterLeave: u
+      } = e, {
+        _state: s
+      } = c();
+      return i(N, {
+        name: j("animation", "fade"),
+        onAfterLeave: u
       }, {
         default: () => {
-          var _a;
-          return [withDirectives(createVNode("div", {
-            "style": {
-              animationDuration: `${duration}ms`,
-              zIndex,
-              ...customStyle
+          var p;
+          return [M(i("div", {
+            style: {
+              animationDuration: `${o}ms`,
+              zIndex: f,
+              ...m
             },
-            "class": [bem$1(), customClass],
-            "onTouchmove": onTouchMove
-          }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vShow, _state]])];
+            class: [T(), n],
+            onTouchmove: d
+          }, [(p = t.default) == null ? void 0 : p.call(t)]), [[V, s]])];
         }
       });
     };
   }
 });
-const reset = "";
-const libs = "";
-const font = "";
-const animation = "";
-const theme = "";
-const style$1 = "";
-Mask.install = (app) => {
-  const { name: name2 } = Mask;
-  app.component(name2, Mask);
+$.install = (e) => {
+  const { name: t } = $;
+  e.component(t, $);
 };
-const [name, bem, gBem] = createNamespace("popup");
-const _props = {
+const [F, S, P] = x("popup"), E = {
   // 控制显示
   modelValue: {
     type: Boolean,
-    default: false
+    default: !1
   },
   // 位置
   position: {
@@ -236,7 +168,7 @@ const _props = {
   // 点击遮罩是否关闭
   isCloseOnClickMask: {
     type: Boolean,
-    default: true
+    default: !0
   },
   onAfterLeave: {
     type: Function,
@@ -244,109 +176,101 @@ const _props = {
   },
   lockScroll: {
     type: Boolean,
-    default: true
+    default: !0
   },
   zIndex: {
     type: Number,
     default: 101
   }
-};
-const Popup = /* @__PURE__ */ defineComponent({
-  name,
-  props: _props,
+}, b = /* @__PURE__ */ C({
+  name: F,
+  props: E,
   emits: ["clickMask", "update:modelValue"],
-  setup(props, {
-    slots,
-    emit
+  setup(e, {
+    slots: t,
+    emit: l
   }) {
-    const style2 = computed(() => {
+    const a = g(() => {
       const {
-        position,
-        borderRadius,
-        customStyle,
-        duration
-      } = props;
-      const tbR = parseUnit(borderRadius);
-      let br = `0`;
-      switch (position) {
+        position: n,
+        borderRadius: o,
+        customStyle: f,
+        duration: m
+      } = e, u = D(o);
+      let s = "0";
+      switch (n) {
         case "top":
-          br = ` 0 0 ${tbR} ${tbR}`;
+          s = ` 0 0 ${u} ${u}`;
           break;
         case "bottom":
-          br = `${tbR} ${tbR} 0 0`;
+          s = `${u} ${u} 0 0`;
           break;
         case "left":
-          br = `0 ${tbR} ${tbR} 0`;
+          s = `0 ${u} ${u} 0`;
           break;
         case "right":
-          br = `${tbR} 0 0 ${tbR}`;
+          s = `${u} 0 0 ${u}`;
           break;
         default:
-          br = `${tbR}`;
+          s = `${u}`;
       }
       return {
-        borderRadius: br,
-        animationDuration: `${duration}ms`,
-        ...customStyle
+        borderRadius: s,
+        animationDuration: `${m}ms`,
+        ...f
       };
-    });
-    const onClickMask = (event) => {
-      emit("clickMask", event);
-      if (props.isCloseOnClickMask) {
-        visible.value = false;
-      }
-    };
-    const visible = computed({
-      get: () => props.modelValue,
-      set: (value) => emit("update:modelValue", value)
+    }), c = (n) => {
+      l("clickMask", n), e.isCloseOnClickMask && (d.value = !1);
+    }, d = g({
+      get: () => e.modelValue,
+      set: (n) => l("update:modelValue", n)
     });
     return () => {
       const {
-        teleport,
-        position,
-        customClass,
-        duration,
-        onAfterLeave,
-        lockScroll,
-        zIndex
-      } = props;
-      return createVNode(Teleport, {
-        "to": teleport
+        teleport: n,
+        position: o,
+        customClass: f,
+        duration: m,
+        onAfterLeave: u,
+        lockScroll: s,
+        zIndex: p
+      } = e;
+      return i(z, {
+        to: n
       }, {
-        default: () => [createVNode("div", {
-          "class": bem(),
-          "style": {
-            zIndex
+        default: () => [i("div", {
+          class: S(),
+          style: {
+            zIndex: p
           }
-        }, [createVNode(Mask, {
-          "modelValue": visible.value,
-          "onUpdate:modelValue": ($event) => visible.value = $event,
-          "duration": duration,
-          "lockScroll": lockScroll,
-          "onClick": onClickMask,
-          "onAfterLeave": onAfterLeave
-        }, null), createVNode(Transition, {
-          "name": gBem("animation", `slide-${position}`)
+        }, [i($, {
+          modelValue: d.value,
+          "onUpdate:modelValue": (y) => d.value = y,
+          duration: m,
+          lockScroll: s,
+          onClick: c,
+          onAfterLeave: u
+        }, null), i(N, {
+          name: P("animation", `slide-${o}`)
         }, {
           default: () => {
-            var _a;
-            return [withDirectives(createVNode("div", {
-              "style": style2.value,
-              "class": [bem("content", {
-                [position]: position
-              }), customClass]
-            }, [((_a = slots.default) == null ? void 0 : _a.call(slots)) || null]), [[vShow, visible.value]])];
+            var y;
+            return [M(i("div", {
+              style: a.value,
+              class: [S("content", {
+                [o]: o
+              }), f]
+            }, [((y = t.default) == null ? void 0 : y.call(t)) || null]), [[V, d.value]])];
           }
         })])]
       });
     };
   }
 });
-const style = "";
-Popup.install = (app) => {
-  const { name: name2 } = Popup;
-  app.component(name2, Popup);
+b.install = (e) => {
+  const { name: t } = b;
+  e.component(t, b);
 };
 export {
-  Popup as default
+  b as default
 };