@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Skeleton.js

@@ -1,129 +1,149 @@
-import { c as f } from "./component-234624bc.js";
-import { toRefs as y, computed as g, resolveComponent as k, openBlock as t, createElementBlock as a, renderSlot as S, createCommentVNode as r, createElementVNode as m, createBlock as w, normalizeClass as u, normalizeStyle as s, Fragment as B, renderList as C } from "vue";
-import v from "./Avatar.js";
-import { _ } from "./_plugin-vue_export-helper-dad06003.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { toRefs, computed, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
+import Avatar from "./Avatar.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const $ = (e) => ({
-  components: e,
-  props: {
-    //每行宽度
-    width: {
-      type: String,
-      default: "100px"
-    },
-    //每行高度
-    height: {
-      type: String,
-      default: "15px"
-    },
-    //是否显示动画
-    animated: {
-      type: Boolean,
-      default: !1
-    },
-    //头像
-    avatar: {
-      type: Boolean,
-      default: !1
-    },
-    //头像形状：正方形/圆形
-    avatarShape: {
-      type: String,
-      default: "round"
-    },
-    //头像大小
-    avatarSize: {
-      type: String,
-      default: "50px"
-    },
-    //是否显示骨架屏
-    loading: {
-      type: Boolean,
-      default: !0
-    },
-    //标题/段落 圆角风格
-    round: {
-      type: Boolean,
-      default: !1
-    },
-    //显示段落行数
-    row: {
-      type: String,
-      default: "1"
+const component = (components) => {
+  return {
+    components,
+    props: {
+      //每行宽度
+      width: {
+        type: String,
+        default: "100px"
+      },
+      //每行高度
+      height: {
+        type: String,
+        default: "15px"
+      },
+      //是否显示动画
+      animated: {
+        type: Boolean,
+        default: false
+      },
+      //头像
+      avatar: {
+        type: Boolean,
+        default: false
+      },
+      //头像形状：正方形/圆形
+      avatarShape: {
+        type: String,
+        default: "round"
+      },
+      //头像大小
+      avatarSize: {
+        type: String,
+        default: "50px"
+      },
+      //是否显示骨架屏
+      loading: {
+        type: Boolean,
+        default: true
+      },
+      //标题/段落 圆角风格
+      round: {
+        type: Boolean,
+        default: false
+      },
+      //显示段落行数
+      row: {
+        type: String,
+        default: "1"
+      },
+      //是否显示段落标题
+      title: {
+        type: Boolean,
+        default: true
+      }
     },
-    //是否显示段落标题
-    title: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(i) {
-    const { avatarShape: o, round: p, avatarSize: l } = y(i), d = g(() => {
-      const n = "avatarClass";
+    setup(props) {
+      const { avatarShape, round, avatarSize } = toRefs(props);
+      const avatarClass = computed(() => {
+        const prefixCls = "avatarClass";
+        return {
+          [prefixCls]: true,
+          [`${prefixCls}--${avatarShape.value}`]: avatarShape.value
+        };
+      });
+      const getBlockClass = (prefixCls) => {
+        return {
+          [prefixCls]: true,
+          [`${prefixCls}--round`]: round.value
+        };
+      };
+      const getStyle = () => {
+        if (avatarSize.value) {
+          return {
+            width: avatarSize.value,
+            height: avatarSize.value
+          };
+        }
+        return {
+          width: "50px",
+          height: "50px"
+        };
+      };
       return {
-        [n]: !0,
-        [`${n}--${o.value}`]: o.value
+        avatarShape,
+        avatarClass,
+        getBlockClass,
+        getStyle
       };
-    });
-    return {
-      avatarShape: o,
-      avatarClass: d,
-      getBlockClass: (n) => ({
-        [n]: !0,
-        [`${n}--round`]: p.value
-      }),
-      getStyle: () => l.value ? {
-        width: l.value,
-        height: l.value
-      } : {
-        width: "50px",
-        height: "50px"
-      }
-    };
-  }
-}), { create: z } = f("skeleton"), b = z(
-  $({
-    [v.name]: v
+    }
+  };
+};
+const { create } = createComponent("skeleton");
+const _sfc_main = create(
+  component({
+    [Avatar.name]: Avatar
   })
-), N = { key: 0 }, E = {
+);
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
   key: 1,
   class: "nut-skeleton"
-}, L = {
+};
+const _hoisted_3 = {
   key: 0,
   class: "nut-skeleton-animation"
-}, V = { class: "nut-skeleton-content" };
-function A(e, i, o, p, l, d) {
-  const c = k("nut-avatar");
-  return e.loading ? (t(), a("view", E, [
-    e.animated ? (t(), a("view", L)) : r("", !0),
-    m("view", V, [
-      e.avatar ? (t(), w(c, {
+};
+const _hoisted_4 = { class: "nut-skeleton-content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_avatar = resolveComponent("nut-avatar");
+  return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ])) : (openBlock(), createElementBlock("view", _hoisted_2, [
+    _ctx.animated ? (openBlock(), createElementBlock("view", _hoisted_3)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_4, [
+      _ctx.avatar ? (openBlock(), createBlock(_component_nut_avatar, {
         key: 0,
-        class: u(e.avatarClass),
-        shape: e.avatarShape,
-        style: s(e.getStyle())
-      }, null, 8, ["class", "shape", "style"])) : r("", !0),
-      m("view", {
+        class: normalizeClass(_ctx.avatarClass),
+        shape: _ctx.avatarShape,
+        style: normalizeStyle(_ctx.getStyle())
+      }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
+      createElementVNode("view", {
         class: "nut-skeleton-content__line",
-        style: s({ width: e.width })
+        style: normalizeStyle({ width: _ctx.width })
       }, [
-        e.title ? (t(), a("view", {
+        _ctx.title ? (openBlock(), createElementBlock("view", {
           key: 0,
-          class: u(e.getBlockClass("nut-skeleton-blockTitle")),
-          style: s({ height: e.height })
-        }, null, 6)) : r("", !0),
-        (t(!0), a(B, null, C(Number(e.row), (h) => (t(), a("view", {
-          key: h,
-          class: u(e.getBlockClass("nut-skeleton-blockLine")),
-          style: s({ height: e.height })
-        }, null, 6))), 128))
+          class: normalizeClass(_ctx.getBlockClass("nut-skeleton-blockTitle")),
+          style: normalizeStyle({ height: _ctx.height })
+        }, null, 6)) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (_) => {
+          return openBlock(), createElementBlock("view", {
+            key: _,
+            class: normalizeClass(_ctx.getBlockClass("nut-skeleton-blockLine")),
+            style: normalizeStyle({ height: _ctx.height })
+          }, null, 6);
+        }), 128))
       ], 4)
     ])
-  ])) : (t(), a("view", N, [
-    S(e.$slots, "default")
   ]));
 }
-const D = /* @__PURE__ */ _(b, [["render", A]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  D as default
+  index as default
 };