@nutui/nutui 4.0.10-beta.1 → 4.0.10

package/dist/packages/_es/Skeleton.js

@@ -1,149 +1,129 @@
-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 { 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 "../locale/lang";
-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
-      }
+const $ = (e) => ({
+  components: e,
+  props: {
+    //每行宽度
+    width: {
+      type: String,
+      default: "100px"
     },
-    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"
-        };
-      };
+    //每行高度
+    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"
+    },
+    //是否显示段落标题
+    title: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(i) {
+    const { avatarShape: o, round: p, avatarSize: l } = y(i), d = g(() => {
+      const n = "avatarClass";
       return {
-        avatarShape,
-        avatarClass,
-        getBlockClass,
-        getStyle
+        [n]: !0,
+        [`${n}--${o.value}`]: o.value
       };
-    }
-  };
-};
-const { create } = createComponent("skeleton");
-const _sfc_main = create(
-  component({
-    [Avatar.name]: Avatar
+    });
+    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 _hoisted_1 = { key: 0 };
-const _hoisted_2 = {
+), N = { key: 0 }, E = {
   key: 1,
   class: "nut-skeleton"
-};
-const _hoisted_3 = {
+}, L = {
   key: 0,
   class: "nut-skeleton-animation"
-};
-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, {
+}, 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, {
         key: 0,
-        class: normalizeClass(_ctx.avatarClass),
-        shape: _ctx.avatarShape,
-        style: normalizeStyle(_ctx.getStyle())
-      }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
-      createElementVNode("view", {
+        class: u(e.avatarClass),
+        shape: e.avatarShape,
+        style: s(e.getStyle())
+      }, null, 8, ["class", "shape", "style"])) : r("", !0),
+      m("view", {
         class: "nut-skeleton-content__line",
-        style: normalizeStyle({ width: _ctx.width })
+        style: s({ width: e.width })
       }, [
-        _ctx.title ? (openBlock(), createElementBlock("view", {
+        e.title ? (t(), a("view", {
           key: 0,
-          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))
+          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))
       ], 4)
     ])
+  ])) : (t(), a("view", N, [
+    S(e.$slots, "default")
   ]));
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const D = /* @__PURE__ */ _(b, [["render", A]]);
 export {
-  index as default
+  D as default
 };