@nutui/nutui 3.1.22 → 3.1.23-beta.0

package/dist/packages/_es/Skeleton.js

@@ -1,25 +1,141 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as e } from "./component.js";
-import { toRefs as a, computed as t, onMounted as l, resolveComponent as s, openBlock as o, createElementBlock as r, renderSlot as n, createCommentVNode as i, createElementVNode as u, createBlock as p, normalizeClass as v, normalizeStyle as d, Fragment as h, renderList as c } from "vue";
-import { _ as y } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.js";
+import { toRefs, computed, onMounted, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const g = { props: { width: { type: String, default: "100px" }, height: { type: String, default: "100px" }, 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 } }, setup(e2) {
-  const { avatarShape: s2, round: o2, avatarSize: r2 } = a(e2), n2 = t(() => {
-    const e3 = "avatarClass";
-    return { [e3]: true, [`avatarClass--${s2.value}`]: s2.value };
-  }), i2 = t(() => {
-    const e3 = "blockClass";
-    return { [e3]: true, "blockClass--round": o2.value };
-  });
-  return l(() => {
-  }), { avatarShape: s2, avatarClass: n2, blockClass: i2, getStyle: () => r2.value ? { width: r2.value, height: r2.value } : { width: "50px", height: "50px" } };
-} }, { create: w } = e("skeleton"), f = w(g), k = { key: 0 }, m = { key: 1, class: "skeleton" }, S = { key: 0, class: "skeleton-animation" }, b = { class: "content" }, C = { class: "content-line" }, x = { key: 0, class: "title" };
-var B = y(f, [["render", function(e2, a2, t2, l2, y2, g2) {
-  const w2 = s("nut-avatar");
-  return e2.loading ? (o(), r("view", m, [e2.animated ? (o(), r("view", S)) : i("", true), u("view", b, [e2.avatar ? (o(), p(w2, { key: 0, class: v(e2.avatarClass), shape: e2.avatarShape, style: d(e2.getStyle()), "bg-color": "rgb(239, 239, 239)" }, null, 8, ["class", "shape", "style"])) : i("", true), Number(e2.row) == 1 ? (o(), r("view", { key: 1, class: v(e2.blockClass), style: d({ width: e2.width, height: e2.height }) }, null, 6)) : i("", true), u("view", C, [e2.title ? (o(), r("view", x)) : i("", true), (o(true), r(h, null, c(Number(e2.row), (a3, t3) => (o(), r("view", { key: t3, class: v(e2.blockClass), style: d({ width: e2.width, height: e2.height }) }, null, 6))), 128))])])])) : (o(), r("view", k, [n(e2.$slots, "default")]));
-}]]);
-export { B as default };
+const component = {
+  props: {
+    width: {
+      type: String,
+      default: "100px"
+    },
+    height: {
+      type: String,
+      default: "100px"
+    },
+    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
+    }
+  },
+  setup(props) {
+    const { avatarShape, round, avatarSize } = toRefs(props);
+    const avatarClass = computed(() => {
+      const prefixCls = "avatarClass";
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--${avatarShape.value}`]: avatarShape.value
+      };
+    });
+    const blockClass = computed(() => {
+      const prefixCls = "blockClass";
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--round`]: round.value
+      };
+    });
+    const getStyle = () => {
+      if (avatarSize.value) {
+        return {
+          width: avatarSize.value,
+          height: avatarSize.value
+        };
+      }
+      return {
+        width: "50px",
+        height: "50px"
+      };
+    };
+    onMounted(() => {
+    });
+    return {
+      avatarShape,
+      avatarClass,
+      blockClass,
+      getStyle
+    };
+  }
+};
+const { create } = createComponent("skeleton");
+const _sfc_main = create(component);
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
+  key: 1,
+  class: "skeleton"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "skeleton-animation"
+};
+const _hoisted_4 = { class: "content" };
+const _hoisted_5 = { class: "content-line" };
+const _hoisted_6 = {
+  key: 0,
+  class: "title"
+};
+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: normalizeClass(_ctx.avatarClass),
+        shape: _ctx.avatarShape,
+        style: normalizeStyle(_ctx.getStyle()),
+        "bg-color": "rgb(239, 239, 239)"
+      }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
+      Number(_ctx.row) == 1 ? (openBlock(), createElementBlock("view", {
+        key: 1,
+        class: normalizeClass(_ctx.blockClass),
+        style: normalizeStyle({ width: _ctx.width, height: _ctx.height })
+      }, null, 6)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_5, [
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_6)) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (item, index2) => {
+          return openBlock(), createElementBlock("view", {
+            key: index2,
+            class: normalizeClass(_ctx.blockClass),
+            style: normalizeStyle({ width: _ctx.width, height: _ctx.height })
+          }, null, 6);
+        }), 128))
+      ])
+    ])
+  ]));
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };