@nutui/nutui 3.1.0 → 3.1.2-3.beta-4

package/dist/packages/_es/GridItem.js

@@ -0,0 +1,150 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:38:45 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { inject, getCurrentInstance, onUnmounted, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createBlock, toDisplayString } from "vue";
+import { u as useRouter } from "./index.js";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+import { G as GRID_KEY } from "./common.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.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));
+    return {
+      parent,
+      index: index2
+    };
+  }
+  return {
+    parent: null,
+    index: ref(-1)
+  };
+}
+const { create, componentName } = createComponent("grid-item");
+const _sfc_main = create({
+  props: {
+    text: {
+      type: String
+    },
+    icon: {
+      type: String
+    },
+    iconSize: {
+      type: [Number, String]
+    },
+    iconColor: {
+      type: String
+    },
+    to: {
+      type: [String, Object]
+    },
+    url: {
+      type: String,
+      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
+      };
+    });
+    const rootStyle = computed(() => {
+      const style = {
+        flexBasis: `${100 / +parent.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 {
+        [`${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
+      };
+    });
+    const iconProps = computed(() => {
+      return {
+        name: props.icon,
+        size: props.iconSize || parent.iconSize,
+        color: props.iconColor || parent.iconColor
+      };
+    });
+    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;
+      }
+    };
+    return {
+      rootClass,
+      rootStyle,
+      contentClass,
+      iconProps,
+      handleClick
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 3,
+  class: "nut-grid-item__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  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)
+    }, [
+      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), createBlock(_component_nut_icon, {
+          key: 1,
+          name: _ctx.iconProps.name,
+          size: _ctx.iconProps.size,
+          color: _ctx.iconProps.color
+        }, null, 8, ["name", "size", "color"])),
+        _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.text), 1))
+      ], 64))
+    ], 2)
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Icon.js

@@ -0,0 +1,45 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:38:45 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { h } from "vue";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+import "../locale/lang";
+const { componentName, create } = createComponent("icon");
+const _sfc_main = create({
+  props: {
+    name: { type: String, default: "" },
+    size: { type: [String, Number], default: "" },
+    classPrefix: { type: String, default: "nut-icon" },
+    fontClassName: { type: String, default: "nutui-iconfont" },
+    color: { type: String, default: "" },
+    tag: { type: String, default: "i" }
+  },
+  emits: ["click"],
+  setup(props, { emit, slots }) {
+    const handleClick = (event) => {
+      emit("click", event);
+    };
+    const isImage = () => {
+      return props.name ? props.name.indexOf("/") !== -1 : false;
+    };
+    return () => {
+      var _a;
+      const _isImage = isImage();
+      return h(_isImage ? "img" : props.tag, {
+        class: _isImage ? `${componentName}__img` : `${props.fontClassName} ${componentName} ${props.classPrefix}-${props.name}`,
+        style: {
+          color: props.color,
+          fontSize: pxCheck(props.size),
+          width: pxCheck(props.size),
+          height: pxCheck(props.size)
+        },
+        onClick: handleClick,
+        src: _isImage ? props.name : ""
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+});
+export { _sfc_main as default };

package/dist/packages/_es/Image.js

@@ -0,0 +1,142 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:38:45 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive, useSlots, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const { componentName, create } = createComponent("image");
+const _sfc_main = create({
+  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
+    }
+  },
+  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;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}-round`]: props.round
+      };
+    });
+    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;
+    });
+    watch(() => props.src, (val) => {
+      state.isError = false, state.loading = true;
+    });
+    const load = () => {
+      state.loading = false;
+      emit("load");
+    };
+    const error = () => {
+      state.isError = true;
+      state.loading = false;
+      emit("error");
+    };
+    const imageClick = (event) => {
+      emit("click", event);
+    };
+    return { ...toRefs(state), imageClick, classes, styles, stylebox, error, load };
+  }
+});
+const _hoisted_1 = ["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_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.stylebox),
+    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.imageClick && _ctx.imageClick(...args))
+  }, [
+    createElementVNode("img", {
+      class: "nut-img",
+      src: _ctx.src,
+      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("view", _hoisted_2, [
+      !_ctx.slotLoding ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 0,
+        name: "image"
+      })) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "loading")
+    ])) : createCommentVNode("", true),
+    _ctx.isError && !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_3, [
+      !_ctx.slotError ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 0,
+        name: "image-error"
+      })) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "error")
+    ])) : createCommentVNode("", true)
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };