@nutui/nutui 3.1.20 → 3.1.21-beta.0

package/dist/packages/_es/FixedNav.js

@@ -1,127 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import overlay from "./OverLay.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "../locale/lang";
-const { componentName, create, translate } = createComponent("fixednav");
-const _sfc_main = create({
-  components: {
-    [overlay.name]: overlay
-  },
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    overlay: {
-      type: Boolean,
-      default: true
-    },
-    navList: {
-      default: () => [],
-      type: Array
-    },
-    activeText: {
-      default: "",
-      type: String
-    },
-    unActiveText: {
-      default: "",
-      type: String
-    },
-    position: {
-      default: () => {
-        return {
-          top: "auto",
-          bottom: "auto"
-        };
-      },
-      type: Object
-    },
-    type: {
-      default: "right",
-      type: String
-    }
-  },
-  emits: ["update:visible", "selected"],
-  setup(props, { emit }) {
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        active: props.visible,
-        [props.type]: true
-      };
-    });
-    const updateValue = (value = !props.visible) => {
-      emit("update:visible", value);
-    };
-    const selected = (item, event) => {
-      emit("selected", {
-        item,
-        event
-      });
-    };
-    return { classes, updateValue, selected, translate };
-  }
-});
-const _hoisted_1 = { class: "nut-fixednav__list" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "span" };
-const _hoisted_5 = {
-  key: 0,
-  class: "b"
-};
-const _hoisted_6 = { class: "text" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_overlay = resolveComponent("nut-overlay");
-  const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.position)
-  }, [
-    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
-      key: 0,
-      visible: _ctx.visible,
-      "z-index": 200,
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
-    }, null, 8, ["visible"])) : createCommentVNode("", true),
-    renderSlot(_ctx.$slots, "list", {}, () => [
-      createElementVNode("view", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index2) => {
-          return openBlock(), createElementBlock("view", {
-            class: "nut-fixednav__list-item",
-            onClick: ($event) => _ctx.selected(item, $event),
-            key: item.id || index2
-          }, [
-            createElementVNode("img", {
-              src: item.icon
-            }, null, 8, _hoisted_3),
-            createElementVNode("view", _hoisted_4, toDisplayString(item.text), 1),
-            item.num ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(item.num), 1)) : createCommentVNode("", true)
-          ], 8, _hoisted_2);
-        }), 128))
-      ])
-    ]),
-    createElementVNode("div", {
-      class: "nut-fixednav__btn",
-      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.updateValue())
-    }, [
-      renderSlot(_ctx.$slots, "btn", {}, () => [
-        createVNode(_component_nut_icon, {
-          name: "left",
-          color: "#fff"
-        }),
-        createElementVNode("view", _hoisted_6, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
-      ])
-    ])
-  ], 6);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };

package/dist/packages/_es/Form.js

@@ -1,153 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { g as getPropByPath, i as isPromise, c as createComponent } from "./component.js";
-import { computed, reactive, provide, watch, resolveComponent, openBlock, createElementBlock, withModifiers, createVNode, withCtx, renderSlot } from "vue";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "../locale/lang";
-const component = {
-  props: {
-    modelValue: {
-      type: Object,
-      default: {}
-    }
-  },
-  components: {},
-  emits: ["validate"],
-  setup(props, { emit, slots }) {
-    const formErrorTip = computed(() => reactive({}));
-    provide("formErrorTip", formErrorTip);
-    const clearErrorTips = (value = props.modelValue) => {
-      Object.keys(formErrorTip.value).forEach((item) => {
-        formErrorTip.value[item] = "";
-      });
-    };
-    const reset = () => {
-      clearErrorTips();
-    };
-    watch(() => props.modelValue, (value) => {
-      clearErrorTips(value);
-    }, { immediate: true });
-    const findFormItem = (vnodes) => {
-      let task = [];
-      vnodes.forEach((vnode, index2) => {
-        var _a, _b, _c;
-        let type = vnode.type;
-        type = type.name || type;
-        if (type == "nut-form-item") {
-          task.push({
-            prop: (_a = vnode.props) == null ? void 0 : _a["prop"],
-            rules: ((_b = vnode.props) == null ? void 0 : _b["rules"]) || []
-          });
-        } else if (Array.isArray(vnode.children) && ((_c = vnode.children) == null ? void 0 : _c.length)) {
-          task = task.concat(findFormItem(vnode.children));
-        }
-      });
-      return task;
-    };
-    const tipMessage = (errorMsg) => {
-      if (errorMsg.message) {
-        emit("validate", errorMsg);
-      }
-      formErrorTip.value[errorMsg.prop] = errorMsg.message;
-    };
-    const checkRule = (item) => {
-      const { rules, prop } = item;
-      const _Promise = (errorMsg) => {
-        return new Promise((resolve, reject) => {
-          tipMessage(errorMsg);
-          resolve(errorMsg);
-        });
-      };
-      if (!prop) {
-        console.warn("[NutUI] <FormItem> \u4F7F\u7528 rules \u6821\u9A8C\u89C4\u5219\u65F6 , \u5FC5\u987B\u8BBE\u7F6E prop \u53C2\u6570");
-      }
-      let value = getPropByPath(props.modelValue, prop || "");
-      tipMessage({ prop, message: "" });
-      let _rules = [...rules];
-      while (_rules.length) {
-        const { required, validator, regex, message } = _rules.shift();
-        const errorMsg = { prop, message };
-        if (required) {
-          if (!value) {
-            return _Promise(errorMsg);
-          }
-        }
-        if (regex && !regex.test(String(value))) {
-          return _Promise(errorMsg);
-        }
-        if (validator) {
-          const result = validator(value);
-          if (isPromise(result)) {
-            return new Promise((r, j) => {
-              result.then((res) => {
-                if (!res) {
-                  tipMessage(errorMsg);
-                  r(errorMsg);
-                } else {
-                  r(true);
-                }
-              });
-            });
-          } else {
-            if (!result) {
-              return _Promise(errorMsg);
-            }
-          }
-        }
-      }
-      return Promise.resolve(true);
-    };
-    const validate = (customProp = "") => {
-      return new Promise((resolve, reject) => {
-        let task = findFormItem(slots.default());
-        let errors = task.map((item) => {
-          if (customProp) {
-            if (customProp == item.prop) {
-              return checkRule(item);
-            } else {
-              return Promise.resolve(true);
-            }
-          } else {
-            return checkRule(item);
-          }
-        });
-        Promise.all(errors).then((errorRes) => {
-          errorRes = errorRes.filter((item) => item != true);
-          const res = { valid: true, errors: [] };
-          if (errorRes.length) {
-            res.valid = false;
-            res.errors = errorRes;
-          }
-          resolve(res);
-        });
-      });
-    };
-    const onSubmit = () => {
-      validate();
-      return false;
-    };
-    return { validate, reset, onSubmit, formErrorTip };
-  }
-};
-const { create } = createComponent("form");
-const _sfc_main = create(component);
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_cell_group = resolveComponent("nut-cell-group");
-  return openBlock(), createElementBlock("form", {
-    class: "nut-form",
-    action: "#",
-    onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onSubmit && _ctx.onSubmit(...args), ["prevent"]))
-  }, [
-    createVNode(_component_nut_cell_group, null, {
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "default")
-      ]),
-      _: 3
-    })
-  ], 32);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };

package/dist/packages/_es/FormItem.js

@@ -1,115 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { p as pxCheck } from "./pxCheck.js";
-import { inject, provide, computed, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "../locale/lang";
-const { componentName, create } = createComponent("form-item");
-const _sfc_main = create({
-  inheritAttrs: false,
-  props: {
-    prop: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    rules: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    showErrorMessage: {
-      type: Boolean,
-      default: true
-    },
-    showErrorLine: {
-      type: Boolean,
-      default: true
-    },
-    labelWidth: {
-      type: [String, Number],
-      default: ""
-    },
-    labelAlign: {
-      type: String,
-      default: ""
-    },
-    errorMessageAlign: {
-      type: String,
-      default: ""
-    },
-    bodyAlign: {
-      type: String,
-      default: ""
-    }
-  },
-  components: {},
-  emits: [""],
-  setup(props, { emit }) {
-    const parent = inject("formErrorTip");
-    provide("form", {
-      props
-    });
-    const labelStyle = computed(() => {
-      return {
-        width: pxCheck(props.labelWidth),
-        textAlign: props.labelAlign
-      };
-    });
-    const bodyStyle = computed(() => {
-      return {
-        textAlign: props.bodyAlign
-      };
-    });
-    const errorMessageStyle = computed(() => {
-      return {
-        textAlign: props.errorMessageAlign
-      };
-    });
-    return { parent, labelStyle, bodyStyle, errorMessageStyle };
-  }
-});
-const _hoisted_1 = { class: "nut-cell__value nut-form-item__body" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_cell = resolveComponent("nut-cell");
-  return openBlock(), createBlock(_component_nut_cell, {
-    class: normalizeClass(["nut-form-item", [{ error: _ctx.parent[_ctx.prop], line: _ctx.showErrorLine }, _ctx.$attrs.class]]),
-    style: normalizeStyle(_ctx.$attrs.style)
-  }, {
-    default: withCtx(() => [
-      _ctx.label ? (openBlock(), createElementBlock("view", {
-        key: 0,
-        class: normalizeClass(["nut-cell__title nut-form-item__label", { required: _ctx.required }]),
-        style: normalizeStyle(_ctx.labelStyle)
-      }, toDisplayString(_ctx.label), 7)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_1, [
-        createElementVNode("view", {
-          class: "nut-form-item__body__slots",
-          style: normalizeStyle(_ctx.bodyStyle)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4),
-        _ctx.parent[_ctx.prop] && _ctx.showErrorMessage ? (openBlock(), createElementBlock("view", {
-          key: 0,
-          class: "nut-form-item__body__tips",
-          style: normalizeStyle(_ctx.errorMessageStyle)
-        }, toDisplayString(_ctx.parent[_ctx.prop]), 5)) : createCommentVNode("", true)
-      ])
-    ]),
-    _: 3
-  }, 8, ["class", "style"]);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };

package/dist/packages/_es/Grid.js

@@ -1,13 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent } from "./component.js";
-import { c as component } from "./common.js";
-import "vue";
-import "../locale/lang";
-import "./pxCheck.js";
-const { create } = createComponent("grid");
-const _sfc_main = create(component);
-export { _sfc_main as default };

package/dist/packages/_es/GridItem.js

@@ -1,150 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 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

@@ -1,45 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 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 };