@nutui/nutui 4.0.10-beta.1 → 4.0.11

package/dist/packages/_es/GridItem.js

@@ -1,30 +1,27 @@
-import { inject, getCurrentInstance, onUnmounted, computed, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
-import { u as useRouter } from "./index-54d03fc1.js";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
-import { G as GRID_KEY } from "./common-b9a5e726.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { inject as k, getCurrentInstance as y, onUnmounted as x, computed as a, ref as h, openBlock as u, createElementBlock as d, normalizeClass as m, normalizeStyle as S, createElementVNode as p, renderSlot as f, Fragment as v, createTextVNode as b, toDisplayString as N } from "vue";
+import { u as _ } from "./index-50eed3d9.js";
+import { c as B } from "./component-234624bc.js";
+import { p as $ } from "./pxCheck-38173291.js";
+import { G as j } from "./common-d218746f.js";
+import { _ as q } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-function useInject(key) {
-  const parent = inject(key, null);
-  if (parent) {
-    const instance = getCurrentInstance();
-    const { add, remove, internalChildren } = parent;
-    add(instance);
-    onUnmounted(() => remove(instance));
-    const index2 = computed(() => internalChildren.indexOf(instance));
+function w(e) {
+  const n = k(e, null);
+  if (n) {
+    const o = y(), { add: s, remove: t, internalChildren: i } = n;
+    s(o), x(() => t(o));
+    const l = a(() => i.indexOf(o));
     return {
-      parent,
-      index: index2
+      parent: n,
+      index: l
     };
   }
   return {
     parent: null,
-    index: ref(-1)
+    index: h(-1)
   };
 }
-const { create, componentName } = createComponent("grid-item");
-const _sfc_main = create({
+const { create: E, componentName: C } = B("grid-item"), I = E({
   props: {
     text: {
       type: String
@@ -39,86 +36,63 @@ const _sfc_main = create({
     },
     replace: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["click"],
-  setup(props, { emit }) {
-    const Parent = useInject(GRID_KEY);
-    if (!Parent.parent)
+  setup(e, { emit: n }) {
+    const o = w(j);
+    if (!o.parent)
       return {};
-    const index2 = Parent.index;
-    const parent = Parent.parent.props;
-    const rootClass = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    const rootStyle = computed(() => {
-      const style = {
-        flexBasis: `${100 / +parent.columnNum}%`
+    const s = o.index, t = o.parent.props, i = a(() => ({
+      [C]: !0
+    })), l = a(() => {
+      const r = {
+        flexBasis: `${100 / +t.columnNum}%`
       };
-      if (parent.square) {
-        style.paddingTop = `${100 / +parent.columnNum}%`;
-      } else if (parent.gutter) {
-        style.paddingRight = pxCheck(parent.gutter);
-        if (index2.value >= parent.columnNum) {
-          style.marginTop = pxCheck(parent.gutter);
-        }
-      }
-      return style;
-    });
-    const contentClass = computed(() => {
-      const prefixCls = `${componentName}__content`;
+      return t.square ? r.paddingTop = `${100 / +t.columnNum}%` : t.gutter && (r.paddingRight = $(t.gutter), s.value >= t.columnNum && (r.marginTop = $(t.gutter))), r;
+    }), g = a(() => {
+      const r = `${C}__content`;
       return {
-        [`${prefixCls}`]: true,
-        [`${prefixCls}--border`]: parent.border,
-        [`${prefixCls}--surround`]: parent.border && parent.gutter,
-        [`${prefixCls}--center`]: parent.center,
-        [`${prefixCls}--square`]: parent.square,
-        [`${prefixCls}--reverse`]: parent.reverse,
-        [`${prefixCls}--${parent.direction}`]: !!parent.direction,
-        [`${prefixCls}--clickable`]: parent.clickable || props.to || props.url
+        [`${r}`]: !0,
+        [`${r}--border`]: t.border,
+        [`${r}--surround`]: t.border && t.gutter,
+        [`${r}--center`]: t.center,
+        [`${r}--square`]: t.square,
+        [`${r}--reverse`]: t.reverse,
+        [`${r}--${t.direction}`]: !!t.direction,
+        [`${r}--clickable`]: t.clickable || e.to || e.url
       };
-    });
-    const router = useRouter();
-    const handleClick = (event) => {
-      emit("click", event);
-      if (props.to && router) {
-        router[props.replace ? "replace" : "push"](props.to);
-      } else if (props.url) {
-        props.replace ? location.replace(props.url) : location.href = props.url;
-      }
-    };
+    }), c = _();
     return {
-      rootClass,
-      rootStyle,
-      contentClass,
-      handleClick
+      rootClass: i,
+      rootStyle: l,
+      contentClass: g,
+      handleClick: (r) => {
+        n("click", r), e.to && c ? c[e.replace ? "replace" : "push"](e.to) : e.url && (e.replace ? location.replace(e.url) : location.href = e.url);
+      }
     };
   }
-});
-const _hoisted_1 = { class: "nut-grid-item__text" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.rootClass),
-    style: normalizeStyle(_ctx.rootStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+}), R = { class: "nut-grid-item__text" };
+function T(e, n, o, s, t, i) {
+  return u(), d("view", {
+    class: m(e.rootClass),
+    style: S(e.rootStyle),
+    onClick: n[0] || (n[0] = (...l) => e.handleClick && e.handleClick(...l))
   }, [
-    createElementVNode("view", {
-      class: normalizeClass(_ctx.contentClass)
+    p("view", {
+      class: m(e.contentClass)
     }, [
-      renderSlot(_ctx.$slots, "default"),
-      createElementVNode("view", _hoisted_1, [
-        _ctx.text ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createTextVNode(toDisplayString(_ctx.text), 1)
-        ], 64)) : renderSlot(_ctx.$slots, "text", { key: 1 })
+      f(e.$slots, "default"),
+      p("view", R, [
+        e.text ? (u(), d(v, { key: 0 }, [
+          b(N(e.text), 1)
+        ], 64)) : f(e.$slots, "text", { key: 1 })
       ])
     ], 2)
   ], 6);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const U = /* @__PURE__ */ q(I, [["render", T]]);
 export {
-  index as default
+  U as default
 };

package/dist/packages/_es/Image.js

@@ -1,30 +1,22 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, useSlots, computed, ref, onMounted, onBeforeUnmount, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
-import { Image, ImageError } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var R = Object.defineProperty, j = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
+var y = Object.getOwnPropertySymbols;
+var O = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var v = (e, o, r) => o in e ? R(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, p = (e, o) => {
+  for (var r in o || (o = {}))
+    O.call(o, r) && v(e, r, o[r]);
+  if (y)
+    for (var r of y(o))
+      V.call(o, r) && v(e, r, o[r]);
+  return e;
+}, E = (e, o) => j(e, M(o));
+import { reactive as F, useSlots as k, computed as m, ref as g, onMounted as P, onBeforeUnmount as U, watch as q, toRefs as A, resolveComponent as w, openBlock as i, createElementBlock as c, normalizeClass as D, normalizeStyle as b, createElementVNode as G, createBlock as C, createCommentVNode as a, renderSlot as S } from "vue";
+import { c as H } from "./component-234624bc.js";
+import { p as f } from "./pxCheck-38173291.js";
+import { Image as J, ImageError as K } from "@nutui/icons-vue";
+import { _ as Q } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("image");
-const _sfc_main = create({
+const { componentName: T, create: W } = H("image"), X = W({
   props: {
     src: String,
     fit: {
@@ -49,153 +41,122 @@ const _sfc_main = create({
     },
     round: {
       type: Boolean,
-      default: false
+      default: !1
     },
     radius: [String, Number],
     showError: {
       type: Boolean,
-      default: true
+      default: !0
     },
     showLoading: {
       type: Boolean,
-      default: true
+      default: !0
     },
     lazyLoad: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   components: {
-    Image,
-    ImageError
+    Image: J,
+    ImageError: K
   },
   emits: ["click", "load", "error"],
-  setup(props, { emit }) {
-    const state = reactive({
-      loading: true,
-      isError: false,
-      slotLoding: useSlots().loading,
-      slotError: useSlots().error
-    });
-    const classes = computed(() => {
-      const prefixCls = componentName;
+  setup(e, { emit: o }) {
+    const r = F({
+      loading: !0,
+      isError: !1,
+      slotLoding: k().loading,
+      slotError: k().error
+    }), h = m(() => {
+      const t = T;
       return {
-        [prefixCls]: true,
-        [`${prefixCls}-round`]: props.round
+        [t]: !0,
+        [`${t}-round`]: e.round
       };
-    });
-    const observer = ref(null);
-    const show = ref(false);
-    const imgRef = ref(null);
-    const initObserver = () => {
-      const options = {
+    }), n = g(null), d = g(!1), l = g(null), u = () => {
+      const t = {
         threshold: [0],
         rootMargin: "0px"
       };
-      observer.value = new IntersectionObserver((entires) => {
-        entires.forEach((item) => {
-          if (item.isIntersecting) {
-            show.value = true;
-            observer.value.disconnect();
-          }
+      n.value = new IntersectionObserver((z) => {
+        z.forEach((N) => {
+          N.isIntersecting && (d.value = !0, n.value.disconnect());
         });
-      }, options);
-      imgRef.value && observer.value.observe(imgRef.value);
+      }, t), l.value && n.value.observe(l.value);
     };
-    onMounted(() => {
-      props.lazyLoad && initObserver();
-    });
-    onBeforeUnmount(() => {
-      observer.value && observer.value.disconnect();
-    });
-    const stylebox = computed(() => {
-      let style = {};
-      if (props.width)
-        style.width = pxCheck(props.width);
-      if (props.height)
-        style.height = pxCheck(props.height);
-      if (props.radius !== void 0 && props.radius !== null) {
-        style.overflow = "hidden";
-        style.borderRadius = pxCheck(props.radius);
-      }
-      return style;
-    });
-    const styles = computed(() => {
-      let styless = {
-        objectFit: props.fit,
-        objectPosition: props.position
-      };
-      return styless;
+    P(() => {
+      e.lazyLoad && u();
+    }), U(() => {
+      n.value && n.value.disconnect();
     });
-    watch(
-      () => props.src,
-      (val) => {
-        state.isError = false, state.loading = true;
+    const s = m(() => {
+      let t = {};
+      return e.width && (t.width = f(e.width)), e.height && (t.height = f(e.height)), e.radius !== void 0 && e.radius !== null && (t.overflow = "hidden", t.borderRadius = f(e.radius)), t;
+    }), B = m(() => ({
+      objectFit: e.fit,
+      objectPosition: e.position
+    }));
+    q(
+      () => e.src,
+      (t) => {
+        r.isError = !1, r.loading = !0;
       }
     );
-    const load = () => {
-      state.loading = false;
-      emit("load");
+    const I = () => {
+      r.loading = !1, o("load");
+    }, L = () => {
+      r.isError = !0, r.loading = !1, o("error");
+    }, $ = (t) => {
+      o("click", t);
     };
-    const error = () => {
-      state.isError = true;
-      state.loading = false;
-      emit("error");
-    };
-    const imageClick = (event) => {
-      emit("click", event);
-    };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { imageClick, classes, styles, stylebox, error, load, show, imgRef });
+    return E(p({}, A(r)), { imageClick: $, classes: h, styles: B, stylebox: s, error: L, load: I, show: d, imgRef: l });
   }
-});
-const _hoisted_1 = ["src", "date-src", "alt"];
-const _hoisted_2 = {
+}), Y = ["src", "date-src", "alt"], Z = {
   key: 0,
   class: "nut-img-loading"
-};
-const _hoisted_3 = {
+}, x = {
   key: 1,
   class: "nut-img-error"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Image = resolveComponent("Image");
-  const _component_ImageError = resolveComponent("ImageError");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.stylebox),
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.imageClick && _ctx.imageClick(...args))
+function _(e, o, r, h, n, d) {
+  const l = w("Image"), u = w("ImageError");
+  return i(), c("div", {
+    class: D(e.classes),
+    style: b(e.stylebox),
+    onClick: o[2] || (o[2] = (...s) => e.imageClick && e.imageClick(...s))
   }, [
-    createElementVNode("img", {
+    G("img", {
       ref: "imgRef",
       class: "nut-img",
-      src: _ctx.lazyLoad ? _ctx.show ? _ctx.src : void 0 : _ctx.src,
-      "date-src": _ctx.lazyLoad ? _ctx.show ? void 0 : _ctx.src : void 0,
-      alt: _ctx.alt,
-      onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args)),
-      onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args)),
-      style: normalizeStyle(_ctx.styles)
-    }, null, 44, _hoisted_1),
-    _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      !_ctx.slotLoding ? (openBlock(), createBlock(_component_Image, {
+      src: e.lazyLoad ? e.show ? e.src : void 0 : e.src,
+      "date-src": e.lazyLoad ? e.show ? void 0 : e.src : void 0,
+      alt: e.alt,
+      onLoad: o[0] || (o[0] = (...s) => e.load && e.load(...s)),
+      onError: o[1] || (o[1] = (...s) => e.error && e.error(...s)),
+      style: b(e.styles)
+    }, null, 44, Y),
+    e.loading ? (i(), c("div", Z, [
+      e.slotLoding ? a("", !0) : (i(), C(l, {
         key: 0,
         width: "16px",
         height: "20px",
         name: "image"
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "loading")
-    ])) : createCommentVNode("", true),
-    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [
-      !_ctx.slotError ? (openBlock(), createBlock(_component_ImageError, {
+      })),
+      S(e.$slots, "loading")
+    ])) : a("", !0),
+    e.isError && !e.loading ? (i(), c("div", x, [
+      e.slotError ? a("", !0) : (i(), C(u, {
         key: 0,
         width: "16px",
         height: "20px",
         name: "imageError"
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "error")
-    ])) : createCommentVNode("", true)
+      })),
+      S(e.$slots, "error")
+    ])) : a("", !0)
   ], 6);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const ie = /* @__PURE__ */ Q(X, [["render", _]]);
 export {
-  index as default
+  ie as default
 };