@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Dialog.js

@@ -1,36 +1,47 @@
-var N = Object.defineProperty, j = Object.defineProperties;
-var E = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var I = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
-var k = (e, n, o) => n in e ? N(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, w = (e, n) => {
-  for (var o in n || (n = {}))
-    I.call(n, o) && k(e, o, n[o]);
-  if (b)
-    for (var o of b(n))
-      L.call(n, o) && k(e, o, n[o]);
-  return e;
-}, B = (e, n) => j(e, E(n));
-var t = (e, n, o) => (k(e, typeof n != "symbol" ? n + "" : n, o), o);
-import { ref as M, onMounted as U, watch as V, computed as h, resolveComponent as D, openBlock as l, createBlock as p, normalizeStyle as $, withCtx as m, createElementVNode as T, normalizeClass as P, createElementBlock as i, renderSlot as C, Fragment as A, createTextVNode as v, toDisplayString as g, createCommentVNode as u, resolveDynamicComponent as H, nextTick as W, h as q } from "vue";
-import { c as G } from "./component-234624bc.js";
-import { f as J } from "./Interceptor-6e26b757.js";
-import { P as O, p as K } from "./index-360c5092.js";
-import S from "./Button.js";
-import { _ as Q } from "./_plugin-vue_export-helper-dad06003.js";
-import R from "./Overlay.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, nextTick, h } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { f as funInterceptor } from "./Interceptor-956b24fc.js";
+import { P as Popup, p as popupProps } from "./index-da0a7662.js";
+import Button from "./Button.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import Overlay from "./Overlay.js";
 import "../locale/lang";
-import { C as X } from "./mountComponent-6d4ff200.js";
+import { C as CreateComponent } from "./mountComponent-8b24c346.js";
 import "@nutui/icons-vue";
-const { componentName: Y, create: Z, translate: _ } = G("dialog"), x = Z({
-  inheritAttrs: !1,
+const { componentName, create, translate } = createComponent("dialog");
+const _sfc_main = create({
+  inheritAttrs: false,
   components: {
-    [O.name]: O,
-    [S.name]: S
+    [Popup.name]: Popup,
+    [Button.name]: Button
   },
-  props: B(w({}, K), {
+  props: __spreadProps(__spreadValues({}, popupProps), {
     closeOnClickOverlay: {
       type: Boolean,
-      default: !0
+      default: true
     },
     title: {
       type: String,
@@ -42,15 +53,15 @@ const { componentName: Y, create: Z, translate: _ } = G("dialog"), x = Z({
     },
     noFooter: {
       type: Boolean,
-      default: !1
+      default: false
     },
     noOkBtn: {
       type: Boolean,
-      default: !1
+      default: false
     },
     noCancelBtn: {
       type: Boolean,
-      default: !1
+      default: false
     },
     cancelText: {
       type: String,
@@ -62,7 +73,7 @@ const { componentName: Y, create: Z, translate: _ } = G("dialog"), x = Z({
     },
     cancelAutoClose: {
       type: Boolean,
-      default: !0
+      default: true
     },
     textAlign: {
       type: String,
@@ -70,7 +81,7 @@ const { componentName: Y, create: Z, translate: _ } = G("dialog"), x = Z({
     },
     closeOnPopstate: {
       type: Boolean,
-      default: !1
+      default: false
     },
     footerDirection: {
       type: String,
@@ -87,186 +98,227 @@ const { componentName: Y, create: Z, translate: _ } = G("dialog"), x = Z({
     beforeClose: Function
   }),
   emits: ["update", "update:visible", "ok", "cancel", "opened", "closed"],
-  setup(e, { emit: n }) {
-    const o = M(e.visible);
-    U(() => {
-      e.closeOnPopstate && window.addEventListener("popstate", function() {
-        s("page");
-      });
-    }), V(
-      () => e.visible,
-      (a) => {
-        o.value = a, a && n("opened");
+  setup(props, { emit }) {
+    const showPopup = ref(props.visible);
+    onMounted(() => {
+      if (props.closeOnPopstate) {
+        window.addEventListener("popstate", function() {
+          closed("page");
+        });
+      }
+    });
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
+        if (value) {
+          emit("opened");
+        }
       }
     );
-    const c = h(() => ({
-      [Y]: !0,
-      [e.customClass]: !0
-    })), f = (a) => {
-      n("update", a), n("update:visible", a);
-    }, s = (a) => {
-      J(e.beforeClose, {
-        args: [a],
+    const classes = computed(() => {
+      return {
+        [componentName]: true,
+        [props.customClass]: true
+      };
+    });
+    const update = (val) => {
+      emit("update", val);
+      emit("update:visible", val);
+    };
+    const closed = (action) => {
+      funInterceptor(props.beforeClose, {
+        args: [action],
         done: () => {
-          o.value = !1, f(!1), n("closed");
+          showPopup.value = false;
+          update(false);
+          emit("closed");
         }
       });
-    }, r = () => {
-      n("cancel"), e.cancelAutoClose && (o.value = !1, s("cancel"));
-    }, d = () => {
-      n("ok"), s("ok");
-    }, y = () => {
-      e.closeOnClickOverlay && s("");
-    }, F = h(() => ({
-      textAlign: e.textAlign
-    }));
+    };
+    const onCancel = () => {
+      emit("cancel");
+      if (props.cancelAutoClose) {
+        showPopup.value = false;
+        closed("cancel");
+      }
+    };
+    const onOk = () => {
+      emit("ok");
+      closed("ok");
+    };
+    const onClickOverlay = () => {
+      if (props.closeOnClickOverlay) {
+        closed("");
+      }
+    };
+    const contentStyle = computed(() => {
+      return {
+        textAlign: props.textAlign
+      };
+    });
     return {
-      closed: s,
-      classes: c,
-      onCancel: r,
-      onOk: d,
-      showPopup: o,
-      onClickOverlay: y,
-      contentStyle: F,
-      translate: _
+      closed,
+      classes,
+      onCancel,
+      onOk,
+      showPopup,
+      onClickOverlay,
+      contentStyle,
+      translate
     };
   }
-}), ee = {
+});
+const _hoisted_1 = {
   key: 0,
   class: "nut-dialog__header"
-}, oe = ["innerHTML"];
-function te(e, n, o, c, f, s) {
-  const r = D("nut-button"), d = D("nut-popup");
-  return l(), p(d, {
-    teleport: e.teleport,
-    visible: e.showPopup,
-    "onUpdate:visible": n[0] || (n[0] = (y) => e.showPopup = y),
-    "close-on-click-overlay": !1,
-    "lock-scroll": e.lockScroll,
-    "pop-class": e.popClass,
-    "overlay-class": e.overlayClass,
-    "overlay-style": e.overlayStyle,
-    style: $(e.popStyle),
+};
+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": false,
+    "lock-scroll": _ctx.lockScroll,
+    "pop-class": _ctx.popClass,
+    "overlay-class": _ctx.overlayClass,
+    "overlay-style": _ctx.overlayStyle,
+    style: normalizeStyle(_ctx.popStyle),
     round: "",
-    onClickOverlay: e.onClickOverlay,
-    onClickCloseIcon: e.closed
+    onClickOverlay: _ctx.onClickOverlay,
+    onClickCloseIcon: _ctx.closed
   }, {
-    default: m(() => [
-      T("view", {
-        class: P(e.classes)
+    default: withCtx(() => [
+      createElementVNode("view", {
+        class: normalizeClass(_ctx.classes)
       }, [
-        e.$slots.header || e.title ? (l(), i("view", ee, [
-          e.$slots.header ? C(e.$slots, "header", { key: 0 }) : (l(), i(A, { key: 1 }, [
-            v(g(e.title), 1)
+        _ctx.$slots.header || _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))
-        ])) : u("", !0),
-        T("view", {
+        ])) : createCommentVNode("", true),
+        createElementVNode("view", {
           class: "nut-dialog__content",
-          style: $(e.contentStyle)
+          style: normalizeStyle(_ctx.contentStyle)
         }, [
-          e.$slots.default ? C(e.$slots, "default", { key: 0 }) : typeof e.content == "string" ? (l(), i("view", {
+          _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : typeof _ctx.content === "string" ? (openBlock(), createElementBlock("view", {
             key: 1,
-            innerHTML: e.content
-          }, null, 8, oe)) : (l(), p(H(e.content), { key: 2 }))
+            innerHTML: _ctx.content
+          }, null, 8, _hoisted_2)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.content), { key: 2 }))
         ], 4),
-        e.noFooter ? u("", !0) : (l(), i("view", {
+        !_ctx.noFooter ? (openBlock(), createElementBlock("view", {
           key: 1,
-          class: P(["nut-dialog__footer", { [e.footerDirection]: e.footerDirection }])
+          class: normalizeClass(["nut-dialog__footer", { [_ctx.footerDirection]: _ctx.footerDirection }])
         }, [
-          e.$slots.footer ? C(e.$slots, "footer", { key: 0 }) : (l(), i(A, { key: 1 }, [
-            e.noCancelBtn ? u("", !0) : (l(), p(r, {
+          _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: e.onCancel
+              onClick: _ctx.onCancel
             }, {
-              default: m(() => [
-                v(g(e.cancelText || e.translate("cancel")), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])),
-            e.noOkBtn ? u("", !0) : (l(), p(r, {
+            }, 8, ["onClick"])) : createCommentVNode("", true),
+            !_ctx.noOkBtn ? (openBlock(), createBlock(_component_nut_button, {
               key: 1,
               size: "small",
               type: "primary",
               class: "nut-dialog__footer-ok",
-              onClick: e.onOk
+              onClick: _ctx.onOk
             }, {
-              default: m(() => [
-                v(g(e.okText || e.translate("confirm")), 1)
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"]))
+            }, 8, ["onClick"])) : createCommentVNode("", true)
           ], 64))
-        ], 2))
+        ], 2)) : createCommentVNode("", true)
       ], 2)
     ]),
     _: 3
   }, 8, ["teleport", "visible", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
-const z = /* @__PURE__ */ Q(x, [["render", te]]);
-class ne {
+const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+class DialogOptions {
   constructor() {
-    t(this, "title", "");
-    t(this, "content", "");
-    t(this, "cancelText", "");
-    t(this, "okText", "");
-    t(this, "textAlign", "center");
-    t(this, "customClass", "");
-    t(this, "overlayStyle", {});
-    t(this, "overlayClass", "");
-    t(this, "popStyle", {});
-    t(this, "popClass", "");
-    t(this, "teleport", "body");
-    t(this, "id", (/* @__PURE__ */ new Date()).getTime());
-    t(this, "footerDirection", "horizontal");
+    __publicField(this, "title", "");
+    __publicField(this, "content", "");
+    __publicField(this, "cancelText", "");
+    __publicField(this, "okText", "");
+    __publicField(this, "textAlign", "center");
+    __publicField(this, "customClass", "");
+    __publicField(this, "overlayStyle", {});
+    __publicField(this, "overlayClass", "");
+    __publicField(this, "popStyle", {});
+    __publicField(this, "popClass", "");
+    __publicField(this, "teleport", "body");
+    __publicField(this, "id", (/* @__PURE__ */ new Date()).getTime());
+    __publicField(this, "footerDirection", "horizontal");
     //使用横纵方向 可选值 horizontal、vertical
     // function
-    t(this, "onUpdate");
-    t(this, "onOk");
-    t(this, "onCancel");
-    t(this, "onOpened");
-    t(this, "onClosed");
-    t(this, "beforeClose");
-    t(this, "visible", !0);
-    t(this, "noFooter", !1);
-    t(this, "noOkBtn", !1);
-    t(this, "noCancelBtn", !1);
-    t(this, "okBtnDisabled", !1);
-    t(this, "closeOnPopstate", !1);
-    t(this, "closeOnClickOverlay", !0);
-    t(this, "lockScroll", !0);
+    __publicField(this, "onUpdate");
+    __publicField(this, "onOk");
+    __publicField(this, "onCancel");
+    __publicField(this, "onOpened");
+    __publicField(this, "onClosed");
+    __publicField(this, "beforeClose");
+    __publicField(this, "visible", true);
+    __publicField(this, "noFooter", false);
+    __publicField(this, "noOkBtn", false);
+    __publicField(this, "noCancelBtn", false);
+    __publicField(this, "okBtnDisabled", false);
+    __publicField(this, "closeOnPopstate", false);
+    __publicField(this, "closeOnClickOverlay", true);
+    __publicField(this, "lockScroll", true);
   }
 }
-class le {
-  constructor(n) {
-    t(this, "options", new ne());
-    t(this, "instance");
-    const o = Object.assign(this.options, n), { unmount: c } = X(o, {
+class DialogFunction {
+  constructor(_options) {
+    __publicField(this, "options", new DialogOptions());
+    __publicField(this, "instance");
+    const options = Object.assign(this.options, _options);
+    const { unmount } = CreateComponent(options, {
       name: "dialog",
-      components: [O, S, R],
-      wrapper: (f, s) => ({
-        setup() {
-          return o.onUpdate = (r) => {
-            r === !1 && W(() => {
-              c();
-            });
-          }, o != null && o.onOpened && (o == null || o.onOpened()), o.teleport = `#${s.id}`, () => q(z, o);
-        }
-      })
+      components: [Popup, Button, Overlay],
+      wrapper: (elWrap, root) => {
+        return {
+          setup() {
+            options.onUpdate = (val) => {
+              if (val === false) {
+                nextTick(() => {
+                  unmount();
+                });
+              }
+            };
+            if (options == null ? void 0 : options.onOpened) {
+              options == null ? void 0 : options.onOpened();
+            }
+            options.teleport = `#${root.id}`;
+            return () => {
+              return h(Dialog, options);
+            };
+          }
+        };
+      }
     });
   }
 }
-const se = function(e) {
-  return new le(e);
+const showDialog = function(options) {
+  return new DialogFunction(options);
 };
-se.install = (e) => {
-  e.use(z);
+showDialog.install = (app) => {
+  app.use(Dialog);
 };
 export {
-  ne as DialogOptions,
-  z as default,
-  se as showDialog
+  DialogOptions,
+  Dialog as default,
+  showDialog
 };

package/dist/packages/_es/Divider.js

@@ -1,20 +1,28 @@
-var m = Object.defineProperty, p = Object.defineProperties;
-var h = Object.getOwnPropertyDescriptors;
-var l = Object.getOwnPropertySymbols;
-var $ = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
-var c = (e, t, n) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
-  for (var n in t || (t = {}))
-    $.call(t, n) && c(e, n, t[n]);
-  if (l)
-    for (var n of l(t))
-      y.call(t, n) && c(e, n, t[n]);
-  return e;
-}, a = (e, t) => p(e, h(t));
-import { computed as v, openBlock as d, createElementBlock as f, normalizeClass as u, renderSlot as _ } from "vue";
-import { c as g } from "./component-234624bc.js";
-import { _ as k } from "./_plugin-vue_export-helper-dad06003.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: z, create: B } = g("divider"), C = B({
+const { componentName, create } = createComponent("divider");
+const _sfc_main = create({
   props: {
     contentPosition: {
       type: String,
@@ -22,11 +30,11 @@ const { componentName: z, create: B } = g("divider"), C = B({
     },
     dashed: {
       type: Boolean,
-      default: !1
+      default: false
     },
     hairline: {
       type: Boolean,
-      default: !0
+      default: true
     },
     direction: {
       type: String,
@@ -34,36 +42,43 @@ const { componentName: z, create: B } = g("divider"), C = B({
     }
   },
   components: {},
-  setup(e, t) {
-    return { classes: v(() => {
-      const o = z;
-      let i = {
-        [o]: !0
-      }, s = {};
-      return e.direction === "horizontal" ? s = a(r({}, i), {
-        [`${o}-center`]: t.slots.default,
-        [`${o}-left`]: e.contentPosition === "left",
-        [`${o}-right`]: e.contentPosition === "right",
-        [`${o}-dashed`]: e.dashed,
-        [`${o}-hairline`]: e.hairline
-      }) : s = a(r({}, i), {
-        [`${o}-vertical`]: e.direction === "vertical"
-      }), s;
-    }) };
+  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 P(e, t, n, o, i, s) {
-  return e.direction === "horizontal" ? (d(), f("view", {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.direction === "horizontal" ? (openBlock(), createElementBlock("view", {
     key: 0,
-    class: u(e.classes)
+    class: normalizeClass(_ctx.classes)
   }, [
-    _(e.$slots, "default")
-  ], 2)) : (d(), f("view", {
+    renderSlot(_ctx.$slots, "default")
+  ], 2)) : (openBlock(), createElementBlock("view", {
     key: 1,
-    class: u(e.classes)
+    class: normalizeClass(_ctx.classes)
   }, null, 2));
 }
-const x = /* @__PURE__ */ k(C, [["render", P]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  x as default
+  index as default
 };