@nutui/nutui 3.1.11 → 3.1.13-beta.1

package/dist/packages/_es/DatePicker.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -26,7 +26,7 @@ import { reactive, computed, onMounted, watch, toRefs, resolveComponent, openBlo
 import picker from "./Picker.js";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "./index.js";
+import "./index2.js";
 import "./Popup.js";
 import "./OverLay.js";
 import "./Icon.js";

package/dist/packages/_es/Dialog.js

@@ -22,7 +22,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -86,25 +86,13 @@ const _sfc_main = create({
       type: String,
       default: "center"
     },
-    onOk: {
-      type: Function,
-      default: null
-    },
-    onCancel: {
-      type: Function,
-      default: null
-    },
-    onClose: {
-      type: Function,
-      default: null
-    },
-    onClosed: {
-      type: Function,
-      default: null
-    },
     closeOnPopstate: {
       type: Boolean,
       default: false
+    },
+    footerDirection: {
+      type: String,
+      default: "horizontal"
     }
   }),
   emits: ["update", "update:visible", "ok", "cancel", "open", "opened", "close", "closed"],
@@ -157,10 +145,6 @@ const _hoisted_1 = {
   class: "nut-dialog__header"
 };
 const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = {
-  key: 1,
-  class: "nut-dialog__footer"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_button = resolveComponent("nut-button");
   const _component_nut_popup = resolveComponent("nut-popup");
@@ -192,7 +176,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             innerHTML: _ctx.content
           }, null, 8, _hoisted_2))
         ], 4),
-        !_ctx.noFooter ? (openBlock(), createElementBlock("view", _hoisted_3, [
+        !_ctx.noFooter ? (openBlock(), createElementBlock("view", {
+          key: 1,
+          class: normalizeClass(["nut-dialog__footer", { [_ctx.footerDirection]: _ctx.footerDirection }])
+        }, [
           _ctx.$slots.footer ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             !_ctx.noCancelBtn ? (openBlock(), createBlock(_component_nut_button, {
               key: 0,
@@ -221,7 +208,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               _: 1
             }, 8, ["class", "disabled", "onClick"])) : createCommentVNode("", true)
           ], 64))
-        ])) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true)
       ], 2)
     ]),
     _: 3

package/dist/packages/_es/Divider.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Drag.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Elevator.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -165,6 +165,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         return openBlock(), createElementBlock("view", {
           class: "nut-elevator__list__item",
           key: item[_ctx.acceptKey],
+          ref_for: true,
           ref: _ctx.setListGroup
         }, [
           createElementVNode("view", _hoisted_1, toDisplayString(item[_ctx.acceptKey]), 1),
@@ -176,7 +177,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               innerHTML: subitem.name
             }, null, 8, _hoisted_2);
           }), 128))
-        ], 512);
+        ]);
       }), 128))
     ], 4),
     _ctx.indexList.length ? withDirectives((openBlock(), createElementBlock("view", {

package/dist/packages/_es/FixedNav.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Form.js

@@ -0,0 +1,138 @@
+/*!
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import { i as isPromise } from "./util.js";
+import { computed, reactive, provide, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const component = {
+  props: {
+    modelValue: {
+      type: Object,
+      default: {}
+    }
+  },
+  components: {},
+  emits: ["validate"],
+  setup(props, { emit, slots }) {
+    const formErrorTip = computed(() => reactive({}));
+    provide("formErrorTip", formErrorTip);
+    const init = (value = props.modelValue) => {
+      Object.keys(value).forEach((item) => {
+        formErrorTip.value[item] = "";
+      });
+    };
+    const reset = () => {
+      init();
+    };
+    watch(() => props.modelValue, (value) => {
+      init(value);
+    }, { immediate: true });
+    const findFormItem = (vnodes) => {
+      let task = [];
+      vnodes.forEach((vnode, index2) => {
+        var _a, _b;
+        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"]) || []
+          });
+        }
+      });
+      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);
+        });
+      };
+      const value = props.modelValue[prop];
+      tipMessage({ prop, message: "" });
+      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 = () => {
+      return new Promise((resolve, reject) => {
+        let task = findFormItem(slots.default());
+        let errors = task.map((item) => {
+          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",
+    onSubmit: _cache[0] || (_cache[0] = (...args) => _ctx.onSubmit && _ctx.onSubmit(...args))
+  }, [
+    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

@@ -0,0 +1,110 @@
+/*!
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { p as pxCheck } from "./pxCheck.js";
+import { inject, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+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: "left"
+    },
+    errorMessageAlign: {
+      type: String,
+      default: "left"
+    },
+    bodyAlign: {
+      type: String,
+      default: "left"
+    }
+  },
+  components: {},
+  emits: [""],
+  setup(props, { emit }) {
+    const parent = inject("formErrorTip");
+    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 }])
+  }, {
+    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"]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Grid.js

@@ -0,0 +1,12 @@
+/*!
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import { c as component } from "./common.js";
+import "vue";
+import "./pxCheck.js";
+const { create } = createComponent("grid");
+const _sfc_main = create(component);
+export { _sfc_main as default };

package/dist/packages/_es/GridItem.js

@@ -0,0 +1,149 @@
+/*!
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
+* (c) 2021 @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 { useRouter } from "vue-router";
+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";
+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,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.13-beta.1 Mon Dec 13 2021 11:01:35 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */