@nutui/nutui 3.1.22-beta.0 → 3.1.22-beta.3

package/dist/packages/_es/Dialog.js

@@ -5,284 +5,92 @@ 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]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 { 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 "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { componentName, create, translate } = createComponent("dialog");
-const _sfc_main = create({
-  inheritAttrs: false,
-  components: {
-    [Popup.name]: Popup,
-    [Button.name]: Button
-  },
-  props: __spreadProps(__spreadValues({}, 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"
-    }
-  }),
-  emits: ["update", "update:visible", "ok", "cancel", "open", "opened", "close", "closed"],
-  setup(props, { emit }) {
-    const showPopup = ref(props.visible);
-    onMounted(() => {
-      if (props.closeOnPopstate) {
-        window.addEventListener("popstate", function() {
-          closed();
-        });
-      }
-    });
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-    });
-    const classes = computed(() => {
-      return {
-        [componentName]: true
-      };
+const { componentName: x, create: j, translate: T } = b("dialog"), D = j({ inheritAttrs: false, components: { [S.name]: S, [w.name]: w }, props: __spreadProps(__spreadValues({}, _), { 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 update = (val) => {
-      emit("update", val);
-      emit("update:visible", val);
-    };
-    const closed = () => {
-      update(false);
-      emit("closed");
-    };
-    const onCancel = () => {
-      emit("cancel");
-      if (props.cancelAutoClose) {
-        closed();
-      }
-    };
-    const onOk = () => {
-      emit("ok");
-      closed();
-    };
-    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.overlayClass,
-    style: normalizeStyle(_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", "onClickOverlay", "onClickCloseIcon"]);
-}
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-class DialogOptions {
+  }), 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 {
   constructor() {
-    this.title = "";
-    this.content = "";
-    this.cancelText = "";
-    this.okText = "";
-    this.textAlign = "center";
-    this.teleport = "body";
-    this.id = new Date().getTime();
-    this.footerDirection = "horizontal";
-    this.onUpdate = (value) => {
-    };
-    this.onOk = () => {
-    };
-    this.onCancel = () => {
-    };
-    this.onClose = () => {
-    };
-    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 = (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;
   }
 }
-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);
-          }
-        };
-        options.teleport = `#${root.id}`;
-        return () => {
-          return h(Dialog, options);
-        };
-      }
+class F {
+  constructor(e2) {
+    this.options = new z(), this.close = () => {
+    }, this.setDefaultOptions = (e3) => {
+    }, this.resetDefaultOptions = () => {
     };
-    const instance = createVNode(Wrapper);
-    elWarp.appendChild(root);
-    render(instance, root);
+    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);
   }
 }
-const _Dialog = function(options) {
-  return new DialogFunction(options);
+const L = function(e2) {
+  return new F(e2);
 };
-_Dialog.install = (app) => {
-  app.use(Dialog);
-  app.config.globalProperties.$dialog = _Dialog;
+L.install = (e2) => {
+  e2.use(A), e2.config.globalProperties.$dialog = L;
 };
-export { Dialog, DialogOptions, _Dialog as default };
+export { A as Dialog, z as DialogOptions, L as default };

package/dist/packages/_es/Divider.js

@@ -5,83 +5,33 @@ 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) => {
+var __spreadValues = (a2, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
+      __defNormalProp(a2, prop, b[prop]);
   if (__getOwnPropSymbols)
     for (var prop of __getOwnPropSymbols(b)) {
       if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+        __defNormalProp(a2, prop, b[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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 = __spreadProps(__spreadValues({}, 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 = __spreadProps(__spreadValues({}, 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 };
+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" ? __spreadProps(__spreadValues({}, n2), { [`${e2}-center`]: o2.slots.default, [`${e2}-left`]: t2.contentPosition === "left", [`${e2}-right`]: t2.contentPosition === "right", [`${e2}-dashed`]: t2.dashed, [`${e2}-hairline`]: t2.hairline }) : __spreadProps(__spreadValues({}, 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 };