y-design-ssr 0.2.2 → 0.2.4

package/libs/checkbox/index.mjs

@@ -1,40 +1,11 @@
-import { ref, reactive, inject, getCurrentInstance, watch, onUnmounted, defineComponent, createVNode, computed, onBeforeUnmount } 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 z, reactive as E, inject as I, getCurrentInstance as N, watch as j, onUnmounted as B, defineComponent as V, createVNode as i, computed as f, onBeforeUnmount as w } from "vue";
+const C = (e, n) => n ? typeof n == "string" ? ` ${e}--${n}` : Array.isArray(n) ? n.reduce((a, l) => a + C(e, l), "") : Object.keys(n).reduce(
+  (a, l) => a + (n[l] ? C(e, l) : ""),
+  ""
+) : "", M = (e) => (n, a) => {
+  let l = n, t = a;
+  return l && typeof l != "string" && (t = l, l = ""), l = l ? `${e}__${l}` : e, `${l}${C(l, t)}`;
+}, q = () => (e, n) => n ? `${C(`y-${e}`, n)}` : `y-${e}`, F = {
   "pull-refresh": {
     pulling: "下拉刷新...",
     loosing: "释放刷新...",
@@ -46,58 +17,35 @@ const defaultLang = {
     validateMessage: "请输入正确内容"
   }
 };
-ref("zh-CN");
-reactive({
-  "zh-CN": defaultLang
+z("zh-CN");
+E({
+  "zh-CN": F
 });
-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 FORM_ITEM_PROVIDE = "y-form-item";
-const useFormItem = () => {
-  const parent = inject(FORM_ITEM_PROVIDE, null);
-  const instance = getCurrentInstance();
-  if (parent && (instance == null ? void 0 : instance.proxy)) {
-    const { setField } = parent;
-    const { resetValidation, change, validateWithTrigger } = parent;
-    watch(
-      () => instance.proxy.modelValue,
+const $ = (e) => {
+  const n = `y-${e}`;
+  return [n, M(n), q()];
+}, O = (e) => isNaN(Number(e)) && typeof e == "string" ? e : `${e}px`, P = "y-form-item", R = () => {
+  const e = I(P, null), n = N();
+  if (e && (n != null && n.proxy)) {
+    const { setField: a } = e, { resetValidation: l, change: t, validateWithTrigger: u } = e;
+    return j(
+      () => n.proxy.modelValue,
       () => {
-        if (parent.instance && parent.instance.exposed) {
-          resetValidation();
-          change();
-          validateWithTrigger("onChange");
-        }
+        e.instance && e.instance.exposed && (l(), t(), u("onChange"));
       }
-    );
-    setField(instance);
-    onUnmounted(() => setField(null));
-    return {
-      parent
+    ), a(n), B(() => a(null)), {
+      parent: e
     };
   }
   return {
     parent: null
   };
-};
-const [cname, bem$2] = createNamespace("icon");
-const isImage = (name2) => {
-  const re = new RegExp(/\.(https|png|jpg|gif|jpeg|webp|apng)$/);
-  return re.test(name2.toLowerCase());
-};
-const Icon = /* @__PURE__ */ defineComponent({
-  name: cname,
+}, [T, b] = $("icon"), U = (e) => new RegExp(/\.(https|png|jpg|gif|jpeg|webp|apng)$/).test(e.toLowerCase()), p = /* @__PURE__ */ V({
+  name: T,
   props: {
     dot: {
       type: Boolean,
-      default: false
+      default: !1
     },
     name: {
       type: String,
@@ -140,95 +88,79 @@ const Icon = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["click"],
-  setup(props, {
-    slots,
-    emit
+  setup(e, {
+    slots: n,
+    emit: a
   }) {
-    const isImg = isImage(props.name);
-    const getStyle = () => ({
-      fontSize: parseUnit(props.size),
-      color: props.color
-    });
-    const onClick = (event) => {
-      emit("click", event);
+    const l = U(e.name), t = () => ({
+      fontSize: O(e.size),
+      color: e.color
+    }), u = (o) => {
+      a("click", o);
     };
     return () => {
       const {
-        name: name2,
-        classPrefix,
-        badge,
-        dot,
-        subColor,
-        subBg,
-        tag: Tag
-      } = props;
-      return createVNode(Tag, {
-        "class": `${classPrefix}${isImg ? "" : ` y-icon--${name2}`}`,
-        "style": getStyle(),
-        "onClick": onClick
+        name: o,
+        classPrefix: m,
+        badge: g,
+        dot: y,
+        subColor: v,
+        subBg: c,
+        tag: h
+      } = e;
+      return i(h, {
+        class: `${m}${l ? "" : ` y-icon--${o}`}`,
+        style: t(),
+        onClick: u
       }, {
         default: () => {
-          var _a;
-          return [isImg ? createVNode("em", {
-            "class": bem$2("node")
-          }, [createVNode("img", {
-            "class": bem$2("image"),
-            "src": name2,
-            "alt": "icon"
-          }, null)]) : null, dot ? createVNode("em", {
-            "class": bem$2("dot"),
-            "style": {
-              backgroundColor: subBg
+          var d;
+          return [l ? i("em", {
+            class: b("node")
+          }, [i("img", {
+            class: b("image"),
+            src: o,
+            alt: "icon"
+          }, null)]) : null, y ? i("em", {
+            class: b("dot"),
+            style: {
+              backgroundColor: c
             }
-          }, null) : null, badge ? createVNode("em", {
-            "class": bem$2("badge"),
-            "style": {
-              color: subColor,
-              backgroundColor: subBg
+          }, null) : null, g ? i("em", {
+            class: b("badge"),
+            style: {
+              color: v,
+              backgroundColor: c
             }
-          }, [badge]) : null, ((_a = slots.default) == null ? void 0 : _a.call(slots)) || null];
+          }, [g]) : null, ((d = n.default) == null ? void 0 : d.call(n)) || null];
         }
       });
     };
   }
 });
-const reset = "";
-const libs = "";
-const font = "";
-const animation = "";
-const theme = "";
-const style$1 = "";
-Icon.install = (app) => {
-  const { name: name2 } = Icon;
-  app.component(name2, Icon);
+p.install = (e) => {
+  const { name: n } = p;
+  e.component(n, p);
 };
-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
+const A = (e) => {
+  const n = I(e, null), a = N();
+  if (n && a) {
+    const { childrens: l, addChild: t, removeChild: u } = n;
+    return t(a), B(() => u(a)), {
+      index: f(() => l.indexOf(a)),
+      parent: n
     };
   }
   return {
     parent: null,
-    index: ref(-1)
+    index: z(-1)
   };
-};
-const [name$1, bem$1] = createNamespace("checkbox-group");
-const CHECKBOX_KEY = name$1;
-const [name, bem] = createNamespace("checkbox");
-const Checkbox = /* @__PURE__ */ defineComponent({
-  name,
+}, [K, H] = $("checkbox-group"), L = K, [D, k] = $("checkbox"), x = /* @__PURE__ */ V({
+  name: D,
   props: {
     modelValue: {
       type: Boolean,
-      default: false
+      default: !1
     },
     name: {
       type: String,
@@ -236,7 +168,7 @@ const Checkbox = /* @__PURE__ */ defineComponent({
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     size: {
       type: [String, Number],
@@ -244,120 +176,73 @@ const Checkbox = /* @__PURE__ */ defineComponent({
     },
     square: {
       type: Boolean,
-      default: true
+      default: !0
     },
     checkedColor: {
       type: String,
       default: ""
     }
   },
-  setup(props, {
-    slots,
-    emit,
-    expose
+  setup(e, {
+    slots: n,
+    emit: a,
+    expose: l
   }) {
     const {
-      parent
-    } = useRelation(CHECKBOX_KEY);
-    const formParent = parent === null ? useFormItem().parent : null;
-    if (parent) {
-      parent.allItemNames.push(props.name);
-    }
-    const getComputedFromParent = (propsName, defaultValue = null) => {
-      return computed(() => {
-        if (parent && parent.props[propsName] !== null) {
-          return parent.props[propsName];
-        }
-        if (Object.keys(props).includes(propsName)) {
-          return props[propsName];
-        }
-        return defaultValue;
-      });
+      parent: t
+    } = A(L), u = t === null ? R().parent : null;
+    t && t.allItemNames.push(e.name);
+    const o = (r, s = null) => f(() => t && t.props[r] !== null ? t.props[r] : Object.keys(e).includes(r) ? e[r] : s), m = o("disabled"), g = o("square"), y = o("checkedColor"), v = o("horizontal", !1), c = f(() => t ? t.props.modelValue.includes(e.name) : e.modelValue), h = (r) => {
+      var s;
+      m.value || typeof r < "u" && c.value === r || ((s = t == null ? void 0 : t.onItemChange) == null || s.call(t, e.name), a("update:modelValue", !e.modelValue), a("change", !e.modelValue));
     };
-    const disabled = getComputedFromParent("disabled");
-    const square = getComputedFromParent("square");
-    const checkedColor = getComputedFromParent("checkedColor");
-    const horizontal = getComputedFromParent("horizontal", false);
-    const checked = computed(() => {
-      if (parent) {
-        return parent.props.modelValue.includes(props.name);
-      }
-      return props.modelValue;
+    l({
+      toggle: h
     });
-    const toggle = (toChecked) => {
-      var _a;
-      if (disabled.value)
-        return;
-      if (typeof toChecked !== "undefined" && checked.value === toChecked)
-        return;
-      (_a = parent == null ? void 0 : parent.onItemChange) == null ? void 0 : _a.call(parent, props.name);
-      emit("update:modelValue", !props.modelValue);
-      emit("change", !props.modelValue);
-    };
-    expose({
-      toggle
+    const d = f(() => ["mini", "small", "middle", "large"].includes(e.size.toString() || (u == null ? void 0 : u.getProp("size"))) ? null : O(e.size)), _ = f(() => {
+      const r = {};
+      return d.value && (r.width = d.value, r.height = d.value), c.value && y.value && (r.backgroundColor = y.value), r;
     });
-    const iconSize = computed(() => {
-      if (["mini", "small", "middle", "large"].includes(props.size.toString() || (formParent == null ? void 0 : formParent.getProp("size")))) {
-        return null;
-      }
-      return parseUnit(props.size);
-    });
-    const iconStyle = computed(() => {
-      const style2 = {};
-      if (iconSize.value) {
-        style2.width = iconSize.value;
-        style2.height = iconSize.value;
-      }
-      if (checked.value && checkedColor.value) {
-        style2.backgroundColor = checkedColor.value;
-      }
-      return style2;
-    });
-    onBeforeUnmount(() => {
-      if (!parent)
+    return w(() => {
+      if (!t)
         return;
-      const index = parent.allItemNames.indexOf(props.name);
-      if (index >= 0) {
-        parent.allItemNames.splice(index, 1);
-      }
-    });
-    return () => {
-      var _a, _b;
+      const r = t.allItemNames.indexOf(e.name);
+      r >= 0 && t.allItemNames.splice(r, 1);
+    }), () => {
+      var s, S;
       const {
-        size
-      } = props;
-      return createVNode("div", {
-        "class": bem({
-          disabled: disabled.value,
-          checked: checked.value,
-          horizontal: horizontal.value,
-          [size]: ["mini", "small", "middle", "large"].includes(size.toString())
+        size: r
+      } = e;
+      return i("div", {
+        class: k({
+          disabled: m.value,
+          checked: c.value,
+          horizontal: v.value,
+          [r]: ["mini", "small", "middle", "large"].includes(r.toString())
         }),
-        "onClick": () => toggle(),
-        "role": "checkbox",
-        "aria-checked": checked.value
-      }, [((_a = slots.icon) == null ? void 0 : _a.call(slots, {
-        checked: checked.value
-      })) || createVNode("div", {
-        "class": bem("icon", {
-          checked: checked.value,
-          square: square.value
+        onClick: () => h(),
+        role: "checkbox",
+        "aria-checked": c.value
+      }, [((s = n.icon) == null ? void 0 : s.call(n, {
+        checked: c.value
+      })) || i("div", {
+        class: k("icon", {
+          checked: c.value,
+          square: g.value
         }),
-        "style": iconStyle.value
-      }, [checked.value ? createVNode(Icon, {
-        "name": "done"
-      }, null) : null]), createVNode("div", {
-        "class": bem("label")
-      }, [(_b = slots.default) == null ? void 0 : _b.call(slots)])]);
+        style: _.value
+      }, [c.value ? i(p, {
+        name: "done"
+      }, null) : null]), i("div", {
+        class: k("label")
+      }, [(S = n.default) == null ? void 0 : S.call(n)])]);
     };
   }
 });
-const style = "";
-Checkbox.install = (Vue) => {
-  const { name: name2 } = Checkbox;
-  Vue.component(name2, Checkbox);
+x.install = (e) => {
+  const { name: n } = x;
+  e.component(n, x);
 };
 export {
-  Checkbox as default
+  x as default
 };