@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Dialog.js

@@ -1,31 +1,36 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-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, 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-991c279f.js";
-import Button from "./Button.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
-import Overlay from "./Overlay.js";
+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";
 import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent-1ece4110.js";
+import { C as X } from "./mountComponent-6d4ff200.js";
 import "@nutui/icons-vue";
-const { componentName, create, translate } = createComponent("dialog");
-const _sfc_main = create({
-  inheritAttrs: false,
+const { componentName: Y, create: Z, translate: _ } = G("dialog"), x = Z({
+  inheritAttrs: !1,
   components: {
-    [Popup.name]: Popup,
-    [Button.name]: Button
+    [O.name]: O,
+    [S.name]: S
   },
-  props: {
-    ...popupProps,
+  props: B(w({}, K), {
     closeOnClickOverlay: {
       type: Boolean,
-      default: false
+      default: !0
     },
     title: {
       type: String,
@@ -37,15 +42,15 @@ const _sfc_main = create({
     },
     noFooter: {
       type: Boolean,
-      default: false
+      default: !1
     },
     noOkBtn: {
       type: Boolean,
-      default: false
+      default: !1
     },
     noCancelBtn: {
       type: Boolean,
-      default: false
+      default: !1
     },
     cancelText: {
       type: String,
@@ -57,7 +62,7 @@ const _sfc_main = create({
     },
     cancelAutoClose: {
       type: Boolean,
-      default: true
+      default: !0
     },
     textAlign: {
       type: String,
@@ -65,7 +70,7 @@ const _sfc_main = create({
     },
     closeOnPopstate: {
       type: Boolean,
-      default: false
+      default: !1
     },
     footerDirection: {
       type: String,
@@ -80,218 +85,188 @@ const _sfc_main = create({
       type: Object
     },
     beforeClose: 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");
-        });
-      }
-    });
-    watch(
-      () => props.visible,
-      (value) => {
-        showPopup.value = value;
-        if (value) {
-          emit("opened");
-        }
+  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");
       }
     );
-    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],
+    const c = h(() => ({
+      [Y]: !0,
+      [e.customClass]: !0
+    })), f = (a) => {
+      n("update", a), n("update:visible", a);
+    }, s = (a) => {
+      J(e.beforeClose, {
+        args: [a],
         done: () => {
-          update(false);
-          emit("closed");
+          o.value = !1, f(!1), n("closed");
         }
       });
-    };
-    const onCancel = () => {
-      emit("cancel");
-      if (props.cancelAutoClose) {
-        closed("cancel");
-      }
-    };
-    const onOk = () => {
-      emit("ok");
-      closed("ok");
-    };
-    const contentStyle = computed(() => {
-      return {
-        textAlign: props.textAlign
-      };
-    });
+    }, r = () => {
+      n("cancel"), e.cancelAutoClose && (o.value = !1, s("cancel"));
+    }, d = () => {
+      n("ok"), s("ok");
+    }, y = () => {
+      e.closeOnClickOverlay && s("");
+    }, F = h(() => ({
+      textAlign: e.textAlign
+    }));
     return {
-      closed,
-      classes,
-      onCancel,
-      onOk,
-      showPopup,
-      contentStyle,
-      translate
+      closed: s,
+      classes: c,
+      onCancel: r,
+      onOk: d,
+      showPopup: o,
+      onClickOverlay: y,
+      contentStyle: F,
+      translate: _
     };
   }
-});
-const _hoisted_1 = {
+}), ee = {
   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,
-    "overlay-class": _ctx.overlayClass,
-    "overlay-style": _ctx.overlayStyle,
-    style: normalizeStyle(_ctx.popStyle),
+}, 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),
     round: "",
-    onClickOverlay: _ctx.closed,
-    onClickCloseIcon: _ctx.closed
+    onClickOverlay: e.onClickOverlay,
+    onClickCloseIcon: e.closed
   }, {
-    default: withCtx(() => [
-      createElementVNode("view", {
-        class: normalizeClass(_ctx.classes)
+    default: m(() => [
+      T("view", {
+        class: P(e.classes)
       }, [
-        _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)
+        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)
           ], 64))
-        ])) : createCommentVNode("", true),
-        createElementVNode("view", {
+        ])) : u("", !0),
+        T("view", {
           class: "nut-dialog__content",
-          style: normalizeStyle(_ctx.contentStyle)
+          style: $(e.contentStyle)
         }, [
-          _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : typeof _ctx.content === "string" ? (openBlock(), createElementBlock("view", {
+          e.$slots.default ? C(e.$slots, "default", { key: 0 }) : typeof e.content == "string" ? (l(), i("view", {
             key: 1,
-            innerHTML: _ctx.content
-          }, null, 8, _hoisted_2)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.content), { key: 2 }))
+            innerHTML: e.content
+          }, null, 8, oe)) : (l(), p(H(e.content), { key: 2 }))
         ], 4),
-        !_ctx.noFooter ? (openBlock(), createElementBlock("view", {
+        e.noFooter ? u("", !0) : (l(), i("view", {
           key: 1,
-          class: normalizeClass(["nut-dialog__footer", { [_ctx.footerDirection]: _ctx.footerDirection }])
+          class: P(["nut-dialog__footer", { [e.footerDirection]: e.footerDirection }])
         }, [
-          _ctx.$slots.footer ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            !_ctx.noCancelBtn ? (openBlock(), createBlock(_component_nut_button, {
+          e.$slots.footer ? C(e.$slots, "footer", { key: 0 }) : (l(), i(A, { key: 1 }, [
+            e.noCancelBtn ? u("", !0) : (l(), p(r, {
               key: 0,
               size: "small",
               plain: "",
               type: "primary",
               class: "nut-dialog__footer-cancel",
-              onClick: _ctx.onCancel
+              onClick: e.onCancel
             }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1)
+              default: m(() => [
+                v(g(e.cancelText || e.translate("cancel")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : createCommentVNode("", true),
-            !_ctx.noOkBtn ? (openBlock(), createBlock(_component_nut_button, {
+            }, 8, ["onClick"])),
+            e.noOkBtn ? u("", !0) : (l(), p(r, {
               key: 1,
               size: "small",
               type: "primary",
               class: "nut-dialog__footer-ok",
-              onClick: _ctx.onOk
+              onClick: e.onOk
             }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
+              default: m(() => [
+                v(g(e.okText || e.translate("confirm")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : createCommentVNode("", true)
+            }, 8, ["onClick"]))
           ], 64))
-        ], 2)) : createCommentVNode("", true)
+        ], 2))
       ], 2)
     ]),
     _: 3
-  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["teleport", "visible", "lock-scroll", "pop-class", "overlay-class", "overlay-style", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
-const Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-class DialogOptions {
+const z = /* @__PURE__ */ Q(x, [["render", te]]);
+class ne {
   constructor() {
-    __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", new Date().getTime());
-    __publicField(this, "footerDirection", "horizontal");
+    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");
     //使用横纵方向 可选值 horizontal、vertical
     // function
-    __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, "lockScroll", true);
+    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);
   }
 }
-class DialogFunction {
-  constructor(_options) {
-    __publicField(this, "options", new DialogOptions());
-    __publicField(this, "instance");
-    const options = Object.assign(this.options, _options);
-    const { unmount } = CreateComponent(options, {
+class le {
+  constructor(n) {
+    t(this, "options", new ne());
+    t(this, "instance");
+    const o = Object.assign(this.options, n), { unmount: c } = X(o, {
       name: "dialog",
-      components: [Popup, Button, Overlay],
-      wrapper: (elWarp, root) => {
-        return {
-          setup() {
-            options.onUpdate = (val) => {
-              if (val == false) {
-                unmount();
-              }
-            };
-            if (options == null ? void 0 : options.onOpened) {
-              options == null ? void 0 : options.onOpened();
-            }
-            options.teleport = `#${root.id}`;
-            return () => {
-              return h(Dialog, options);
-            };
-          }
-        };
-      }
+      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);
+        }
+      })
     });
   }
 }
-const showDialog = function(options) {
-  return new DialogFunction(options);
+const se = function(e) {
+  return new le(e);
 };
-showDialog.install = (app) => {
-  app.use(Dialog);
+se.install = (e) => {
+  e.use(z);
 };
 export {
-  DialogOptions,
-  Dialog as default,
-  showDialog
+  ne as DialogOptions,
+  z as default,
+  se as showDialog
 };

package/dist/packages/_es/Divider.js

@@ -1,9 +1,20 @@
-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";
+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";
 import "../locale/lang";
-const { componentName, create } = createComponent("divider");
-const _sfc_main = create({
+const { componentName: z, create: B } = g("divider"), C = B({
   props: {
     contentPosition: {
       type: String,
@@ -11,11 +22,11 @@ const _sfc_main = create({
     },
     dashed: {
       type: Boolean,
-      default: false
+      default: !1
     },
     hairline: {
       type: Boolean,
-      default: true
+      default: !0
     },
     direction: {
       type: String,
@@ -23,45 +34,36 @@ const _sfc_main = create({
     }
   },
   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 };
+  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;
+    }) };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.direction === "horizontal" ? (openBlock(), createElementBlock("view", {
+function P(e, t, n, o, i, s) {
+  return e.direction === "horizontal" ? (d(), f("view", {
     key: 0,
-    class: normalizeClass(_ctx.classes)
+    class: u(e.classes)
   }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2)) : (openBlock(), createElementBlock("view", {
+    _(e.$slots, "default")
+  ], 2)) : (d(), f("view", {
     key: 1,
-    class: normalizeClass(_ctx.classes)
+    class: u(e.classes)
   }, null, 2));
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const x = /* @__PURE__ */ k(C, [["render", P]]);
 export {
-  index as default
+  x as default
 };