@nutui/nutui 4.3.5 → 4.3.7

package/dist/packages/griditem/GridItem.js

@@ -1,59 +1,45 @@
-import { inject, getCurrentInstance, onUnmounted, computed, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
-import { u as useRouter } from "../index-aiGQ-EiA.js";
-import { c as createComponent } from "../component-DQf3CENX.js";
+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 { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
+import { u as useParent } from "../useParent-D6DiuxZZ.js";
 import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
-import { G as GRID_KEY } from "../common-Chr7cC9o.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-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));
-    return {
-      parent,
-      index: index2
-    };
-  }
-  return {
-    parent: null,
-    index: ref(-1)
-  };
-}
-const { create, componentName } = createComponent("grid-item");
-const _sfc_main = create({
+import { u as useRouter } from "../index-aiGQ-EiA.js";
+import { G as GRID_KEY } from "../types-CJeZIBld.js";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = { class: "nut-grid-item__text" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutGridItem"
+}), {
+  __name: "grid-item",
   props: {
-    text: {
-      type: String
-    },
-    // router
-    to: {
-      type: [String, Object]
-    },
-    url: {
-      type: String,
-      default: ""
-    },
-    replace: {
-      type: Boolean,
-      default: false
-    }
+    text: {},
+    to: {},
+    url: { default: "" },
+    replace: { type: Boolean, default: false }
   },
   emits: ["click"],
-  setup(props, { emit }) {
-    const Parent = useInject(GRID_KEY);
-    if (!Parent.parent)
-      return {};
-    const index2 = Parent.index;
-    const parent = Parent.parent.props;
-    const rootClass = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { parent: parentObj, index } = useParent(GRID_KEY);
+    const parent = (parentObj == null ? void 0 : parentObj.props) || {};
     const rootStyle = computed(() => {
       const style = {
         flexBasis: `${100 / +parent.columnNum}%`
@@ -62,14 +48,14 @@ const _sfc_main = create({
         style.paddingTop = `${100 / +parent.columnNum}%`;
       } else if (parent.gutter) {
         style.paddingRight = pxCheck(parent.gutter);
-        if (index2.value >= +parent.columnNum) {
+        if (index.value >= +parent.columnNum) {
           style.marginTop = pxCheck(parent.gutter);
         }
       }
       return style;
     });
     const contentClass = computed(() => {
-      const prefixCls = `${componentName}__content`;
+      const prefixCls = `nut-grid-item__content`;
       return {
         [`${prefixCls}`]: true,
         [`${prefixCls}--border`]: parent.border,
@@ -90,34 +76,28 @@ const _sfc_main = create({
         props.replace ? location.replace(props.url) : location.href = props.url;
       }
     };
-    return {
-      rootClass,
-      rootStyle,
-      contentClass,
-      handleClick
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: "nut-grid-item",
+        style: normalizeStyle(rootStyle.value),
+        onClick: handleClick
+      }, [
+        createElementVNode("view", {
+          class: normalizeClass(contentClass.value)
+        }, [
+          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 })
+          ])
+        ], 2)
+      ], 4);
     };
   }
-});
-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))
-  }, [
-    createElementVNode("view", {
-      class: normalizeClass(_ctx.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 })
-      ])
-    ], 2)
-  ], 6);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as GridItem,
+  _sfc_main as default
 };

package/dist/packages/image/Image.js

@@ -17,67 +17,44 @@ var __spreadValues = (a, b) => {
   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-DQf3CENX.js";
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode } from "vue";
 import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
 import { Image, ImageError } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const { componentName, create } = createComponent("image");
-const _sfc_main = create({
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = ["src", "data-src", "alt"];
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-img-loading"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "nut-img-error"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutImage"
+}), {
+  __name: "image",
   props: {
-    src: String,
-    fit: {
-      type: String,
-      default: "fill"
-    },
-    position: {
-      type: String,
-      default: "center"
-    },
-    alt: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: String,
-      default: "center"
-    },
-    height: {
-      type: String,
-      default: ""
-    },
-    round: {
-      type: Boolean,
-      default: false
-    },
-    radius: [String, Number],
-    showError: {
-      type: Boolean,
-      default: true
-    },
-    showLoading: {
-      type: Boolean,
-      default: true
-    },
-    lazyLoad: {
-      type: Boolean,
-      default: false
-    }
-  },
-  components: {
-    Image,
-    ImageError
+    src: {},
+    fit: { default: "fill" },
+    position: { default: "center" },
+    alt: { default: "" },
+    width: { default: "" },
+    height: { default: "" },
+    round: { type: Boolean, default: false },
+    radius: {},
+    showError: { type: Boolean, default: true },
+    showLoading: { type: Boolean, default: true },
+    lazyLoad: { type: Boolean, default: false }
   },
   emits: ["click", "load", "error"],
-  setup(props, { emit }) {
-    const state = reactive({
-      loading: true,
-      isError: false,
-      slotLoding: useSlots().loading,
-      slotError: useSlots().error
-    });
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const loading = ref(true);
+    const isError = ref(false);
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = "nut-image";
       return {
         [prefixCls]: true,
         [`${prefixCls}-round`]: props.round
@@ -129,73 +106,64 @@ const _sfc_main = create({
     watch(
       () => props.src,
       () => {
-        state.isError = false, state.loading = true;
+        isError.value = false;
+        loading.value = true;
       }
     );
     const load = () => {
-      state.isError = false;
-      state.loading = false;
+      isError.value = false;
+      loading.value = false;
       emit("load");
     };
     const error = () => {
-      state.isError = true;
-      state.loading = false;
+      isError.value = true;
+      loading.value = false;
       emit("error");
     };
     const imageClick = (event) => {
       emit("click", event);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { imageClick, classes, styles, stylebox, error, load, show, imgRef });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(classes.value),
+        style: normalizeStyle(stylebox.value),
+        onClick: imageClick
+      }, [
+        createElementVNode("img", {
+          ref_key: "imgRef",
+          ref: imgRef,
+          class: "nut-img",
+          src: _ctx.lazyLoad ? show.value ? _ctx.src : void 0 : _ctx.src,
+          "data-src": _ctx.lazyLoad ? show.value ? void 0 : _ctx.src : void 0,
+          alt: _ctx.alt,
+          style: normalizeStyle(styles.value),
+          onLoad: load,
+          onError: error
+        }, null, 44, _hoisted_1),
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "loading", {}, () => [
+            createVNode(unref(Image), {
+              width: "16px",
+              height: "20px",
+              name: "image"
+            })
+          ])
+        ])) : createCommentVNode("", true),
+        isError.value && !loading.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "error", {}, () => [
+            createVNode(unref(ImageError), {
+              width: "16px",
+              height: "20px",
+              name: "imageError"
+            })
+          ])
+        ])) : createCommentVNode("", true)
+      ], 6);
+    };
   }
-});
-const _hoisted_1 = ["src", "date-src", "alt"];
-const _hoisted_2 = {
-  key: 0,
-  class: "nut-img-loading"
-};
-const _hoisted_3 = {
-  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))
-  }, [
-    createElementVNode("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,
-      style: normalizeStyle(_ctx.styles),
-      onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args)),
-      onError: _cache[1] || (_cache[1] = (...args) => _ctx.error && _ctx.error(...args))
-    }, null, 44, _hoisted_1),
-    _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      !_ctx.slotLoding ? (openBlock(), createBlock(_component_Image, {
-        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, {
-        key: 0,
-        width: "16px",
-        height: "20px",
-        name: "imageError"
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "error")
-    ])) : createCommentVNode("", true)
-  ], 6);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Image,
+  _sfc_main as default
 };