@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/Dialog.js

@@ -1,77 +1,306 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e, onMounted as t, watch as o, computed as l, resolveComponent as s, openBlock as n, createBlock as i, normalizeStyle as a, withCtx as c, createElementVNode as r, normalizeClass as p, createElementBlock as d, renderSlot as u, Fragment as y, createTextVNode as f, toDisplayString as h, createCommentVNode as k, resolveDynamicComponent as m, createVNode as v, render as C, h as g } from "vue";
-import { a as O, c as b } from "./component.js";
-import S, { popupProps as _ } from "./Popup.js";
-import w from "./Button.js";
-import { _ as B } from "./plugin-vue_export-helper.js";
+import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, createVNode, render, h } from "vue";
+import { a as isPromise, c as createComponent } from "./component.js";
+import Popup, { popupProps } from "./Popup.js";
+import Button from "./Button.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { componentName: x, create: j, translate: T } = b("dialog"), D = j({ inheritAttrs: false, components: { [S.name]: S, [w.name]: w }, props: { ..._, closeOnClickOverlay: { type: Boolean, default: false }, title: { type: String, default: "" }, content: { type: [String, Object], default: "" }, noFooter: { type: Boolean, default: false }, noOkBtn: { type: Boolean, default: false }, noCancelBtn: { type: Boolean, default: false }, cancelText: { type: String, default: "" }, okText: { type: String, default: "" }, cancelAutoClose: { type: Boolean, default: true }, textAlign: { type: String, default: "center" }, closeOnPopstate: { type: Boolean, default: false }, footerDirection: { type: String, default: "horizontal" }, customClass: { type: String, default: "" }, popStyle: { type: Object }, beforeClose: { type: Function } }, emits: ["update", "update:visible", "ok", "cancel", "opened", "closed"], setup(s2, { emit: n2 }) {
-  const i2 = e(s2.visible);
-  t(() => {
-    s2.closeOnPopstate && window.addEventListener("popstate", function() {
-      r2("page");
+const { componentName, create, translate } = createComponent("dialog");
+const _sfc_main = create({
+  inheritAttrs: false,
+  components: {
+    [Popup.name]: Popup,
+    [Button.name]: Button
+  },
+  props: {
+    ...popupProps,
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    content: {
+      type: [String, Object],
+      default: ""
+    },
+    noFooter: {
+      type: Boolean,
+      default: false
+    },
+    noOkBtn: {
+      type: Boolean,
+      default: false
+    },
+    noCancelBtn: {
+      type: Boolean,
+      default: false
+    },
+    cancelText: {
+      type: String,
+      default: ""
+    },
+    okText: {
+      type: String,
+      default: ""
+    },
+    cancelAutoClose: {
+      type: Boolean,
+      default: true
+    },
+    textAlign: {
+      type: String,
+      default: "center"
+    },
+    closeOnPopstate: {
+      type: Boolean,
+      default: false
+    },
+    footerDirection: {
+      type: String,
+      default: "horizontal"
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    popStyle: {
+      type: Object
+    },
+    beforeClose: {
+      type: Function
+    }
+  },
+  emits: ["update", "update:visible", "ok", "cancel", "opened", "closed"],
+  setup(props, { emit }) {
+    const showPopup = ref(props.visible);
+    onMounted(() => {
+      if (props.closeOnPopstate) {
+        window.addEventListener("popstate", function() {
+          closed("page");
+        });
+      }
     });
-  }), o(() => s2.visible, (e2) => {
-    i2.value = e2, e2 && n2("opened");
-  });
-  const a2 = l(() => ({ [x]: true, [s2.customClass]: true })), c2 = (e2) => {
-    n2("update", e2), n2("update:visible", e2);
-  }, r2 = (e2) => {
-    if (s2.beforeClose) {
-      const t2 = s2.beforeClose(e2);
-      O(t2) && t2.then((e3) => {
-        e3 && (c2(false), n2("closed"));
-      });
-    } else
-      c2(false), n2("closed");
-  };
-  return { closed: r2, classes: a2, onCancel: () => {
-    n2("cancel"), s2.cancelAutoClose && r2("cancel");
-  }, onOk: () => {
-    n2("ok"), r2("ok");
-  }, showPopup: i2, translate: T };
-} }), P = { key: 0, class: "nut-dialog__header" }, $ = ["innerHTML"];
-var A = B(D, [["render", function(e2, t2, o2, l2, v2, C2) {
-  const g2 = s("nut-button"), O2 = s("nut-popup");
-  return n(), i(O2, { teleport: e2.teleport, visible: e2.showPopup, "onUpdate:visible": t2[0] || (t2[0] = (t3) => e2.showPopup = t3), "close-on-click-overlay": e2.closeOnClickOverlay, "lock-scroll": e2.lockScroll, "pop-class": e2.popClass, style: a(e2.popStyle), "overlay-class": e2.overlayClass, "overlay-style": e2.overlayStyle, round: "", onClickOverlay: e2.closed, onClickCloseIcon: e2.closed }, { default: c(() => [r("view", { class: p(e2.classes) }, [e2.title ? (n(), d("view", P, [e2.$slots.header ? u(e2.$slots, "header", { key: 0 }) : (n(), d(y, { key: 1 }, [f(h(e2.title), 1)], 64))])) : k("", true), r("view", { class: "nut-dialog__content", style: a({ textAlign: e2.textAlign }) }, [e2.$slots.default ? u(e2.$slots, "default", { key: 0 }) : typeof e2.content == "string" ? (n(), d("view", { key: 1, innerHTML: e2.content }, null, 8, $)) : (n(), i(m(e2.content), { key: 2 }))], 4), e2.noFooter ? k("", true) : (n(), d("view", { key: 1, class: p(["nut-dialog__footer", { [e2.footerDirection]: e2.footerDirection }]) }, [e2.$slots.footer ? u(e2.$slots, "footer", { key: 0 }) : (n(), d(y, { key: 1 }, [e2.noCancelBtn ? k("", true) : (n(), i(g2, { key: 0, size: "small", plain: "", type: "primary", class: "nut-dialog__footer-cancel", onClick: e2.onCancel }, { default: c(() => [f(h(e2.cancelText || e2.translate("cancel")), 1)]), _: 1 }, 8, ["onClick"])), e2.noOkBtn ? k("", true) : (n(), i(g2, { key: 1, size: "small", type: "primary", class: "nut-dialog__footer-ok", onClick: e2.onOk }, { default: c(() => [f(h(e2.okText || e2.translate("confirm")), 1)]), _: 1 }, 8, ["onClick"]))], 64))], 2))], 2)]), _: 3 }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "style", "overlay-class", "overlay-style", "onClickOverlay", "onClickCloseIcon"]);
-}]]);
-class z {
+    watch(() => props.visible, (value) => {
+      showPopup.value = value;
+      if (value) {
+        emit("opened");
+      }
+    });
+    const classes = computed(() => {
+      return {
+        [componentName]: true,
+        [props.customClass]: true
+      };
+    });
+    const update = (val) => {
+      emit("update", val);
+      emit("update:visible", val);
+    };
+    const closed = (action) => {
+      if (props.beforeClose) {
+        const result = props.beforeClose(action);
+        if (isPromise(result)) {
+          result.then((bool) => {
+            if (bool) {
+              update(false);
+              emit("closed");
+            }
+          });
+        }
+      } else {
+        update(false);
+        emit("closed");
+      }
+    };
+    const onCancel = () => {
+      emit("cancel");
+      if (props.cancelAutoClose) {
+        closed("cancel");
+      }
+    };
+    const onOk = () => {
+      emit("ok");
+      closed("ok");
+    };
+    return {
+      closed,
+      classes,
+      onCancel,
+      onOk,
+      showPopup,
+      translate
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-dialog__header"
+};
+const _hoisted_2 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_button = resolveComponent("nut-button");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createBlock(_component_nut_popup, {
+    teleport: _ctx.teleport,
+    visible: _ctx.showPopup,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPopup = $event),
+    "close-on-click-overlay": _ctx.closeOnClickOverlay,
+    "lock-scroll": _ctx.lockScroll,
+    "pop-class": _ctx.popClass,
+    style: normalizeStyle(_ctx.popStyle),
+    "overlay-class": _ctx.overlayClass,
+    "overlay-style": _ctx.overlayStyle,
+    round: "",
+    onClickOverlay: _ctx.closed,
+    onClickCloseIcon: _ctx.closed
+  }, {
+    default: withCtx(() => [
+      createElementVNode("view", {
+        class: normalizeClass(_ctx.classes)
+      }, [
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1, [
+          _ctx.$slots.header ? renderSlot(_ctx.$slots, "header", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ], 64))
+        ])) : createCommentVNode("", true),
+        createElementVNode("view", {
+          class: "nut-dialog__content",
+          style: normalizeStyle({ textAlign: _ctx.textAlign })
+        }, [
+          _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : typeof _ctx.content === "string" ? (openBlock(), createElementBlock("view", {
+            key: 1,
+            innerHTML: _ctx.content
+          }, null, 8, _hoisted_2)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.content), { key: 2 }))
+        ], 4),
+        !_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,
+              size: "small",
+              plain: "",
+              type: "primary",
+              class: "nut-dialog__footer-cancel",
+              onClick: _ctx.onCancel
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true),
+            !_ctx.noOkBtn ? (openBlock(), createBlock(_component_nut_button, {
+              key: 1,
+              size: "small",
+              type: "primary",
+              class: "nut-dialog__footer-ok",
+              onClick: _ctx.onOk
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true)
+          ], 64))
+        ], 2)) : createCommentVNode("", true)
+      ], 2)
+    ]),
+    _: 3
+  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "style", "overlay-class", "overlay-style", "onClickOverlay", "onClickCloseIcon"]);
+}
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+class DialogOptions {
   constructor() {
-    this.title = "", this.content = "", this.cancelText = "", this.okText = "", this.textAlign = "center", this.customClass = "", this.overlayStyle = {}, this.overlayClass = "", this.popStyle = {}, this.popClass = "", this.teleport = "body", this.id = new Date().getTime(), this.footerDirection = "horizontal", this.onUpdate = (e2) => {
-    }, this.onOk = () => {
-    }, this.onCancel = () => {
-    }, this.onOpened = () => {
-    }, this.onClosed = () => {
-    }, this.visible = true, this.noFooter = false, this.noOkBtn = false, this.noCancelBtn = false, this.okBtnDisabled = false, this.closeOnPopstate = false, this.lockScroll = false;
+    this.title = "";
+    this.content = "";
+    this.cancelText = "";
+    this.okText = "";
+    this.textAlign = "center";
+    this.customClass = "";
+    this.overlayStyle = {};
+    this.overlayClass = "";
+    this.popStyle = {};
+    this.popClass = "";
+    this.teleport = "body";
+    this.id = new Date().getTime();
+    this.footerDirection = "horizontal";
+    this.onUpdate = (value) => {
+    };
+    this.onOk = () => {
+    };
+    this.onCancel = () => {
+    };
+    this.onOpened = () => {
+    };
+    this.onClosed = () => {
+    };
+    this.visible = true;
+    this.noFooter = false;
+    this.noOkBtn = false;
+    this.noCancelBtn = false;
+    this.okBtnDisabled = false;
+    this.closeOnPopstate = false;
+    this.lockScroll = false;
   }
 }
-class F {
-  constructor(e2) {
-    this.options = new z(), this.close = () => {
-    }, this.setDefaultOptions = (e3) => {
-    }, this.resetDefaultOptions = () => {
+class DialogFunction {
+  constructor(_options) {
+    this.options = new DialogOptions();
+    this.close = () => {
+    };
+    this.setDefaultOptions = (options2) => {
+    };
+    this.resetDefaultOptions = () => {
+    };
+    let options = Object.assign(this.options, _options);
+    let elWarp = document.body;
+    let teleport = options.teleport;
+    if (teleport != "body") {
+      if (typeof teleport == "string") {
+        elWarp = document.querySelector(teleport);
+      } else {
+        elWarp = options.teleport;
+      }
+    }
+    const root = document.createElement("view");
+    root.id = "dialog-" + options.id;
+    const Wrapper = {
+      setup() {
+        options.onUpdate = (val) => {
+          if (val == false) {
+            elWarp.removeChild(root);
+          }
+        };
+        if (options == null ? void 0 : options.onOpened) {
+          options == null ? void 0 : options.onOpened();
+        }
+        options.teleport = `#${root.id}`;
+        return () => {
+          return h(Dialog, options);
+        };
+      }
     };
-    let t2 = Object.assign(this.options, e2), o2 = document.body, l2 = t2.teleport;
-    l2 != "body" && (o2 = typeof l2 == "string" ? document.querySelector(l2) : t2.teleport);
-    const s2 = document.createElement("view");
-    s2.id = "dialog-" + t2.id;
-    const n2 = { setup: () => (t2.onUpdate = (e3) => {
-      e3 == 0 && o2.removeChild(s2);
-    }, (t2 == null ? void 0 : t2.onOpened) && (t2 == null ? void 0 : t2.onOpened()), t2.teleport = `#${s2.id}`, () => g(A, t2)) };
-    this.instance = v(n2), o2.appendChild(s2), C(this.instance, s2);
+    this.instance = createVNode(Wrapper);
+    elWarp.appendChild(root);
+    render(this.instance, root);
   }
 }
-const L = function(e2) {
-  return new F(e2);
+const _Dialog = function(options) {
+  return new DialogFunction(options);
 };
-L.install = (e2) => {
-  e2.use(A), e2.config.globalProperties.$dialog = L;
+_Dialog.install = (app) => {
+  app.use(Dialog);
+  app.config.globalProperties.$dialog = _Dialog;
 };
-export { A as Dialog, z as DialogOptions, L as default };
+export { Dialog, DialogOptions, _Dialog as default };

package/dist/packages/_es/Divider.js

@@ -1,18 +1,70 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed as e, openBlock as t, createElementBlock as o, normalizeClass as n, renderSlot as i } from "vue";
-import { c as r } from "./component.js";
-import { _ as l } from "./plugin-vue_export-helper.js";
+import { computed, openBlock, createElementBlock, normalizeClass, 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: a, create: s } = r("divider");
-var c = l(s({ props: { contentPosition: { type: String, default: "center" }, dashed: { type: Boolean, default: false }, hairline: { type: Boolean, default: true }, direction: { type: String, default: "horizontal" } }, components: {}, setup: (t2, o2) => ({ classes: e(() => {
-  const e2 = a;
-  let n2 = { [e2]: true }, i2 = {};
-  return i2 = t2.direction === "horizontal" ? { ...n2, [`${e2}-center`]: o2.slots.default, [`${e2}-left`]: t2.contentPosition === "left", [`${e2}-right`]: t2.contentPosition === "right", [`${e2}-dashed`]: t2.dashed, [`${e2}-hairline`]: t2.hairline } : { ...n2, [`${e2}-vertical`]: t2.direction === "vertical" }, i2;
-}) }) }), [["render", function(e2, r2, l2, a2, s2, c2) {
-  return e2.direction === "horizontal" ? (t(), o("view", { key: 0, class: n(e2.classes) }, [i(e2.$slots, "default")], 2)) : (t(), o("view", { key: 1, class: n(e2.classes) }, null, 2));
-}]]);
-export { c as default };
+const { componentName, create } = createComponent("divider");
+const _sfc_main = create({
+  props: {
+    contentPosition: {
+      type: String,
+      default: "center"
+    },
+    dashed: {
+      type: Boolean,
+      default: false
+    },
+    hairline: {
+      type: Boolean,
+      default: true
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  components: {},
+  setup(props, context) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      let defaultClassesObj = {
+        [prefixCls]: true
+      };
+      let classesObj = {};
+      if (props.direction === "horizontal") {
+        classesObj = {
+          ...defaultClassesObj,
+          [`${prefixCls}-center`]: context.slots.default,
+          [`${prefixCls}-left`]: props.contentPosition === "left",
+          [`${prefixCls}-right`]: props.contentPosition === "right",
+          [`${prefixCls}-dashed`]: props.dashed,
+          [`${prefixCls}-hairline`]: props.hairline
+        };
+      } else {
+        classesObj = {
+          ...defaultClassesObj,
+          [`${prefixCls}-vertical`]: props.direction === "vertical"
+        };
+      }
+      return classesObj;
+    });
+    return { classes };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.direction === "horizontal" ? (openBlock(), createElementBlock("view", {
+    key: 0,
+    class: normalizeClass(_ctx.classes)
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2)) : (openBlock(), createElementBlock("view", {
+    key: 1,
+    class: normalizeClass(_ctx.classes)
+  }, null, 2));
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };